/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./module/Eurocampings/assets/scss/pages/eurocampings/geo.scss ***!
  \**********************************************************************************************************************************************************************************/
@charset "UTF-8";
/******************************************************************
Author: Ankit Patidar
Stylesheet: GEO page Stylesheet
Description: Styles that will be going to apply to geo pages, which is country, region and place pages.
Like:
https://www.eurocampings.co.uk/france/
https://www.eurocampings.co.uk/france/southern-france/
******************************************************************/
/******************************************************************
Author: Ankit Patidar
Stylesheet: General Stylesheet
Description: Styles that should be applied to all type of pages.
******************************************************************/
/* vector map */
/* Icon colors */
/*React components*/
/* button  variables */
/* detail page new color scheme */
/******************************************************************
Author: Ankit Patidar
Stylesheet: General Stylesheet
Description: Styles that should be applied to all type of pages.
******************************************************************/
/*! start of webpack scss */
/* Determines vertical rhythm */
/* Determines margin between inline icons and text  */
/******************************************************************
Author: Jochem Nabuurs

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
@font-face {
  font-family: StagLight;
  src: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3d0da773779140f3e99b.woff2) format("woff2"), url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/07ddc524d8605ced4f48.woff) format("woff");
  font-display: block; }

@font-face {
  font-family: StagMedium;
  src: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/98a10e0cccb1f5ed06c6.woff2) format("woff2"), url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/4e31ca76e7073029f5c5.woff) format("woff");
  font-display: block; }

/* Workaround for not being able to use functions */
p {
  -ms-word-break: break-word;
  -ms-word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%; }

*, *:before, *:after {
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic; }

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

ul, ol {
  list-style-type: none;
  padding: 0; }

blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hgroup, hr, li, main, nav, ol, p, pre, section, table, td, th, ul {
  margin: 0;
  padding: 0; }

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

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

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

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

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

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

/**
* Mixin to include css code for specific breakpoints
*/
/**
* Mixin to make responsive background images
*/
/******************************************************************
Author: Jochem Nabuurs

Stylesheet: Grid Stylesheet

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.

A convenient tool to convert px to ems is http://pxtoem.com/
Basically, the formula to convert px to ems is:

size in pixels / parent size in pixels

******************************************************************/
/* Media query breakpoints */
/**
 * Grid structure, borrowed from foundation 5
 * Code here:  https://github.com/zurb/foundation/blob/master/scss/foundation/components/_grid.scss
 * Docs here:  http://foundation.zurb.com/docs/components/grid.html
 */
/**
* CSS 3 column split support for definition lists
*/
.small-col-1 > dt, .small-col-2 > dt, .small-col-3 > dt, .small-col-4 > dt, .tweener-col-1 > dt, .tweener-col-2 > dt, .tweener-col-3 > dt, .tweener-col-4 > dt, .phablet-col-1 > dt, .phablet-col-2 > dt, .phablet-col-3 > dt, .phablet-col-4 > dt, .mobile-col-1 > dt, .mobile-col-2 > dt, .mobile-col-3 > dt, .mobile-col-4 > dt, .medium-col-1 > dt, .medium-col-2 > dt, .medium-col-3 > dt, .medium-col-4 > dt, .large-col-1 > dt, .large-col-2 > dt, .large-col-3 > dt, .large-col-4 > dt, .xlarge-col-1 > dt, .xlarge-col-2 > dt, .xlarge-col-3 > dt, .xlarge-col-4 > dt,
.small-col-1 > dd,
.small-col-2 > dd,
.small-col-3 > dd,
.small-col-4 > dd,
.tweener-col-1 > dd,
.tweener-col-2 > dd,
.tweener-col-3 > dd,
.tweener-col-4 > dd,
.phablet-col-1 > dd,
.phablet-col-2 > dd,
.phablet-col-3 > dd,
.phablet-col-4 > dd,
.mobile-col-1 > dd,
.mobile-col-2 > dd,
.mobile-col-3 > dd,
.mobile-col-4 > dd,
.medium-col-1 > dd,
.medium-col-2 > dd,
.medium-col-3 > dd,
.medium-col-4 > dd,
.large-col-1 > dd,
.large-col-2 > dd,
.large-col-3 > dd,
.large-col-4 > dd,
.xlarge-col-1 > dd,
.xlarge-col-2 > dd,
.xlarge-col-3 > dd,
.xlarge-col-4 > dd {
  vertical-align: top; }

.small-col-1 > *, .small-col-2 > *, .small-col-3 > *, .small-col-4 > *, .tweener-col-1 > *, .tweener-col-2 > *, .tweener-col-3 > *, .tweener-col-4 > *, .phablet-col-1 > *, .phablet-col-2 > *, .phablet-col-3 > *, .phablet-col-4 > *, .mobile-col-1 > *, .mobile-col-2 > *, .mobile-col-3 > *, .mobile-col-4 > *, .medium-col-1 > *, .medium-col-2 > *, .medium-col-3 > *, .medium-col-4 > *, .large-col-1 > *, .large-col-2 > *, .large-col-3 > *, .large-col-4 > *, .xlarge-col-1 > *, .xlarge-col-2 > *, .xlarge-col-3 > *, .xlarge-col-4 > * {
  break-inside: avoid; }

.small-col-1 > dt, .small-col-2 > dt, .small-col-3 > dt, .small-col-4 > dt, .tweener-col-1 > dt, .tweener-col-2 > dt, .tweener-col-3 > dt, .tweener-col-4 > dt, .phablet-col-1 > dt, .phablet-col-2 > dt, .phablet-col-3 > dt, .phablet-col-4 > dt, .mobile-col-1 > dt, .mobile-col-2 > dt, .mobile-col-3 > dt, .mobile-col-4 > dt, .medium-col-1 > dt, .medium-col-2 > dt, .medium-col-3 > dt, .medium-col-4 > dt, .large-col-1 > dt, .large-col-2 > dt, .large-col-3 > dt, .large-col-4 > dt, .xlarge-col-1 > dt, .xlarge-col-2 > dt, .xlarge-col-3 > dt, .xlarge-col-4 > dt {
  break-after: avoid; }


.small-col-1 > dd,
.small-col-2 > dd,
.small-col-3 > dd,
.small-col-4 > dd,
.tweener-col-1 > dd,
.tweener-col-2 > dd,
.tweener-col-3 > dd,
.tweener-col-4 > dd,
.phablet-col-1 > dd,
.phablet-col-2 > dd,
.phablet-col-3 > dd,
.phablet-col-4 > dd,
.mobile-col-1 > dd,
.mobile-col-2 > dd,
.mobile-col-3 > dd,
.mobile-col-4 > dd,
.medium-col-1 > dd,
.medium-col-2 > dd,
.medium-col-3 > dd,
.medium-col-4 > dd,
.large-col-1 > dd,
.large-col-2 > dd,
.large-col-3 > dd,
.large-col-4 > dd,
.xlarge-col-1 > dd,
.xlarge-col-2 > dd,
.xlarge-col-3 > dd,
.xlarge-col-4 > dd {
  break-before: avoid;
  /* IE 10+ */ }

.small-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.small-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.small-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.small-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.tweener-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.tweener-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.tweener-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.tweener-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.phablet-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.phablet-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.phablet-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.phablet-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.mobile-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.mobile-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.mobile-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.mobile-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.medium-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.medium-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.medium-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.medium-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.large-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.large-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.large-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.large-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.xlarge-col-1 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.xlarge-col-2 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.xlarge-col-3 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.xlarge-col-4 {
  /**
            * Ugly hack for chrome not calculating css columns layout properly.
            * Using -webkit-perspective with a value different from 0 creates a new stacking context.
            */
  -webkit-perspective: 1px; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1240px;
  max-width: 77.5rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
    min-height: 1px; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin-left: -15px;
    margin-left: -0.9375rem;
    margin-right: -15px;
    margin-right: -0.9375rem;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.row-min {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1240px;
  max-width: 77.5rem; }

.column,
.columns {
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  min-height: 1px; }

@media only screen and (min-width: 0em) {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px; }
  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px; }
  .small-1 {
    width: 8.33333%;
    min-height: 1px; }
  .small-2 {
    width: 16.66667%;
    min-height: 1px; }
  .small-3 {
    width: 25%;
    min-height: 1px; }
  .small-4 {
    width: 33.33333%;
    min-height: 1px; }
  .small-5 {
    width: 41.66667%;
    min-height: 1px; }
  .small-6 {
    width: 50%;
    min-height: 1px; }
  .small-7 {
    width: 58.33333%;
    min-height: 1px; }
  .small-8 {
    width: 66.66667%;
    min-height: 1px; }
  .small-9 {
    width: 75%;
    min-height: 1px; }
  .small-10 {
    width: 83.33333%;
    min-height: 1px; }
  .small-11 {
    width: 91.66667%;
    min-height: 1px; }
  .small-12 {
    width: 100%;
    min-height: 1px; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  /**
    * CSS 3 column split. Mainly used for (definition)list elements
    */
  .small-col-1 {
    columns: 1;
    column-gap: 30px; }
  .small-col-2 {
    columns: 2;
    column-gap: 30px; }
  .small-col-3 {
    columns: 3;
    column-gap: 30px; }
  .small-col-4 {
    columns: 4;
    column-gap: 30px; } }

@media only screen and (min-width: 37.5em) {
  .phablet-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px; }
  .phablet-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px; }
  .phablet-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px; }
  .phablet-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px; }
  .phablet-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px; }
  .phablet-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px; }
  .phablet-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px; }
  .phablet-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px; }
  .phablet-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px; }
  .phablet-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px; }
  .phablet-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px; }
  .phablet-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px; }
  .phablet-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px; }
  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px; }
  .phablet-1 {
    width: 8.33333%;
    min-height: 1px; }
  .phablet-2 {
    width: 16.66667%;
    min-height: 1px; }
  .phablet-3 {
    width: 25%;
    min-height: 1px; }
  .phablet-4 {
    width: 33.33333%;
    min-height: 1px; }
  .phablet-5 {
    width: 41.66667%;
    min-height: 1px; }
  .phablet-6 {
    width: 50%;
    min-height: 1px; }
  .phablet-7 {
    width: 58.33333%;
    min-height: 1px; }
  .phablet-8 {
    width: 66.66667%;
    min-height: 1px; }
  .phablet-9 {
    width: 75%;
    min-height: 1px; }
  .phablet-10 {
    width: 83.33333%;
    min-height: 1px; }
  .phablet-11 {
    width: 91.66667%;
    min-height: 1px; }
  .phablet-12 {
    width: 100%;
    min-height: 1px; }
  .column.phablet-centered,
  .columns.phablet-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px; }
  .column.phablet-uncentered,
  .columns.phablet-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  /**
    * CSS 3 column split. Mainly used for (definition)list elements
    */
  .phablet-col-1 {
    columns: 1;
    column-gap: 30px; }
  .phablet-col-2 {
    columns: 2;
    column-gap: 30px; }
  .phablet-col-3 {
    columns: 3;
    column-gap: 30px; }
  .phablet-col-4 {
    columns: 4;
    column-gap: 30px; } }

@media only screen and (min-width: 48em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px; }
  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px; }
  .medium-1 {
    width: 8.33333%;
    min-height: 1px; }
  .medium-2 {
    width: 16.66667%;
    min-height: 1px; }
  .medium-3 {
    width: 25%;
    min-height: 1px; }
  .medium-4 {
    width: 33.33333%;
    min-height: 1px; }
  .medium-5 {
    width: 41.66667%;
    min-height: 1px; }
  .medium-6 {
    width: 50%;
    min-height: 1px; }
  .medium-7 {
    width: 58.33333%;
    min-height: 1px; }
  .medium-8 {
    width: 66.66667%;
    min-height: 1px; }
  .medium-9 {
    width: 75%;
    min-height: 1px; }
  .medium-10 {
    width: 83.33333%;
    min-height: 1px; }
  .medium-11 {
    width: 91.66667%;
    min-height: 1px; }
  .medium-12 {
    width: 100%;
    min-height: 1px; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  /**
    * CSS 3 column split. Mainly used for (definition)list elements
    */
  .medium-col-1 {
    columns: 1;
    column-gap: 30px; }
  .medium-col-2 {
    columns: 2;
    column-gap: 30px; }
  .medium-col-3 {
    columns: 3;
    column-gap: 30px; }
  .medium-col-4 {
    columns: 4;
    column-gap: 30px; } }

@media only screen and (min-width: 64.375em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px; }
  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px; }
  .large-1 {
    width: 8.33333%;
    min-height: 1px; }
  .large-2 {
    width: 16.66667%;
    min-height: 1px; }
  .large-3 {
    width: 25%;
    min-height: 1px; }
  .large-4 {
    width: 33.33333%;
    min-height: 1px; }
  .large-5 {
    width: 41.66667%;
    min-height: 1px; }
  .large-6 {
    width: 50%;
    min-height: 1px; }
  .large-7 {
    width: 58.33333%;
    min-height: 1px; }
  .large-8 {
    width: 66.66667%;
    min-height: 1px; }
  .large-9 {
    width: 75%;
    min-height: 1px; }
  .large-10 {
    width: 83.33333%;
    min-height: 1px; }
  .large-11 {
    width: 91.66667%;
    min-height: 1px; }
  .large-12 {
    width: 100%;
    min-height: 1px; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  /**
    * CSS 3 column split. Mainly used for (definition)list elements
    */
  .large-col-1 {
    columns: 1;
    column-gap: 30px; }
  .large-col-2 {
    columns: 2;
    column-gap: 30px; }
  .large-col-3 {
    columns: 3;
    column-gap: 30px; }
  .large-col-4 {
    columns: 4;
    column-gap: 30px; } }

@media only screen and (min-width: 77.5em) {
  .xlarge-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px; }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px; }
  .xlarge-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px; }
  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px; }
  .xlarge-1 {
    width: 8.33333%;
    min-height: 1px; }
  .xlarge-2 {
    width: 16.66667%;
    min-height: 1px; }
  .xlarge-3 {
    width: 25%;
    min-height: 1px; }
  .xlarge-4 {
    width: 33.33333%;
    min-height: 1px; }
  .xlarge-5 {
    width: 41.66667%;
    min-height: 1px; }
  .xlarge-6 {
    width: 50%;
    min-height: 1px; }
  .xlarge-7 {
    width: 58.33333%;
    min-height: 1px; }
  .xlarge-8 {
    width: 66.66667%;
    min-height: 1px; }
  .xlarge-9 {
    width: 75%;
    min-height: 1px; }
  .xlarge-10 {
    width: 83.33333%;
    min-height: 1px; }
  .xlarge-11 {
    width: 91.66667%;
    min-height: 1px; }
  .xlarge-12 {
    width: 100%;
    min-height: 1px; }
  .column.xlarge-centered,
  .columns.xlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px; }
  .column.xlarge-uncentered,
  .columns.xlarge-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  /**
    * CSS 3 column split. Mainly used for (definition)list elements
    */
  .xlarge-col-1 {
    columns: 1;
    column-gap: 30px; }
  .xlarge-col-2 {
    columns: 2;
    column-gap: 30px; }
  .xlarge-col-3 {
    columns: 3;
    column-gap: 30px; }
  .xlarge-col-4 {
    columns: 4;
    column-gap: 30px; } }

.left {
  float: left; }

.right {
  float: right; }

@media only screen and (min-width: 0em) {
  .show-for-small-only, .show-for-small-up, .hide-for-tweener-only, .hide-for-tweener-up, .hide-for-phablet-only, .hide-for-phablet-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up {
    display: inherit !important; }
  .show-for-small-only-inline, .show-for-small-up-inline, .hide-for-tweener-only-inline, .hide-for-tweener-up-inline, .hide-for-phablet-only-inline, .hide-for-phablet-up-inline, .hide-for-medium-only-inline, .hide-for-medium-up-inline, .hide-for-large-only-inline, .hide-for-large-up-inline, .hide-for-xlarge-only-inline, .hide-for-xlarge-up-inline {
    display: inline !important; }
  .show-for-small-only-inline-block, .show-for-small-up-inline-block, .hide-for-tweener-only-inline-block, .hide-for-tweener-up-inline-block, .hide-for-phablet-only-inline-block, .hide-for-phablet-up-inline-block, .hide-for-medium-only-inline-block, .hide-for-medium-up-inline-block, .hide-for-large-only-inline-block, .hide-for-large-up-inline-block, .hide-for-xlarge-only-inline-block, .hide-for-xlarge-up-inline-block {
    display: inline-block !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small-only-inline, .hide-for-small-up-inline, .hide-for-small-only-inline-block, .hide-for-small-up-inline-block, .show-for-tweener-only, .show-for-tweener-up, .show-for-tweener-only-inline, .show-for-tweener-up-inline, .show-for-tweener-only-inline-block, .show-for-tweener-up-inline-block, .show-for-phablet-only, .show-for-phablet-up, .show-for-phablet-only-inline, .show-for-phablet-up-inline, .show-for-phablet-only-inline-block, .show-for-phablet-up-inline-block, .show-for-medium-only, .show-for-medium-up, .show-for-medium-only-inline, .show-for-medium-up-inline, .show-for-medium-only-inline-block, .show-for-medium-up-inline-block, .show-for-large-only, .show-for-large-up, .show-for-large-only-inline, .show-for-large-up-inline, .show-for-large-only-inline-block, .show-for-large-up-inline-block, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge-only-inline, .show-for-xlarge-up-inline, .show-for-xlarge-only-inline-block, .show-for-xlarge-up-inline-block {
    display: none !important; }
  table.show-for-small-only, table.show-for-small-up, table.hide-for-tweener-only, table.hide-for-tweener-up, table.hide-for-phablet-only, table.hide-for-phablet-up, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-xlarge-only, table.hide-for-xlarge-up {
    display: table; }
  thead.show-for-small-only, thead.show-for-small-up, thead.hide-for-tweener-only, thead.hide-for-tweener-up, thead.hide-for-phablet-only, thead.hide-for-phablet-up, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.hide-for-tweener-only, tbody.hide-for-tweener-up, tbody.hide-for-phablet-only, tbody.hide-for-phablet-up, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.hide-for-tweener-only, tr.hide-for-tweener-up, tr.hide-for-phablet-only, tr.hide-for-phablet-up, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up {
    display: table-row !important; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-tweener-only, td.hide-for-tweener-only, th.hide-for-tweener-up, td.hide-for-tweener-up, th.hide-for-phablet-only, td.hide-for-phablet-only, th.hide-for-phablet-up, td.hide-for-phablet-up, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up {
    display: table-cell !important; } }

@media only screen and (min-width: 30em) {
  .hide-for-small-only, .show-for-small-up, .show-for-tweener-only, .show-for-tweener-up, .hide-for-phablet-only, .hide-for-phablet-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up {
    display: inherit !important; }
  .hide-for-small-only-inline, .show-for-small-up-inline, .show-for-tweener-only-inline, .show-for-tweener-up-inline, .hide-for-phablet-only-inline, .hide-for-phablet-up-inline, .hide-for-medium-only-inline, .hide-for-medium-up-inline, .hide-for-large-only-inline, .hide-for-large-up-inline, .hide-for-xlarge-only-inline, .hide-for-xlarge-up-inline {
    display: inline !important; }
  .hide-for-small-only-inline-block, .show-for-small-up-inline-block, .show-for-tweener-only-inline-block, .show-for-tweener-up-inline-block, .hide-for-phablet-only-inline-block, .hide-for-phablet-up-inline-block, .hide-for-medium-only-inline-block, .hide-for-medium-up-inline-block, .hide-for-large-only-inline-block, .hide-for-large-up-inline-block, .hide-for-xlarge-only-inline-block, .hide-for-xlarge-up-inline-block {
    display: inline-block !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small-only-inline, .hide-for-small-up-inline, .show-for-small-only-inline-block, .hide-for-small-up-inline-block, .hide-for-tweener-only, .hide-for-tweener-up, .hide-for-tweener-only-inline, .hide-for-tweener-up-inline, .hide-for-tweener-only-inline-block, .hide-for-tweener-up-inline-block, .show-for-phablet-only, .show-for-phablet-up, .show-for-phablet-only-inline, .show-for-phablet-up-inline, .show-for-phablet-only-inline-block, .show-for-phablet-up-inline-block, .show-for-medium-only, .show-for-medium-up, .show-for-medium-only-inline, .show-for-medium-up-inline, .show-for-medium-only-inline-block, .show-for-medium-up-inline-block, .show-for-large-only, .show-for-large-up, .show-for-large-only-inline, .show-for-large-up-inline, .show-for-large-only-inline-block, .show-for-large-up-inline-block, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge-only-inline, .show-for-xlarge-up-inline, .show-for-xlarge-only-inline-block, .show-for-xlarge-up-inline-block {
    display: none !important; }
  table.hide-for-small-only, table.show-for-small-up, table.show-for-tweener-only, table.show-for-tweener-up, table.hide-for-phablet-only, table.hide-for-phablet-up, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-xlarge-only, table.hide-for-xlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.show-for-tweener-only, thead.show-for-tweener-up, thead.hide-for-phablet-only, thead.hide-for-phablet-up, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.show-for-tweener-only, tbody.show-for-tweener-up, tbody.hide-for-phablet-only, tbody.hide-for-phablet-up, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.show-for-tweener-only, tr.show-for-tweener-up, tr.hide-for-phablet-only, tr.hide-for-phablet-up, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-tweener-only, td.show-for-tweener-only, th.show-for-tweener-up, td.show-for-tweener-up, th.hide-for-phablet-only, td.hide-for-phablet-only, th.hide-for-phablet-up, td.hide-for-phablet-up, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up {
    display: table-cell !important; } }

@media only screen and (min-width: 37.5em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-tweener-only, .show-for-tweener-up, .show-for-phablet-only, .show-for-phablet-up, .hide-for-medium-only, .hide-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up {
    display: inherit !important; }
  .hide-for-small-only-inline, .show-for-small-up-inline, .hide-for-tweener-only-inline, .show-for-tweener-up-inline, .show-for-phablet-only-inline, .show-for-phablet-up-inline, .hide-for-medium-only-inline, .hide-for-medium-up-inline, .hide-for-large-only-inline, .hide-for-large-up-inline, .hide-for-xlarge-only-inline, .hide-for-xlarge-up-inline {
    display: inline !important; }
  .hide-for-small-only-inline-block, .show-for-small-up-inline-block, .hide-for-tweener-only-inline-block, .show-for-tweener-up-inline-block, .show-for-phablet-only-inline-block, .show-for-phablet-up-inline-block, .hide-for-medium-only-inline-block, .hide-for-medium-up-inline-block, .hide-for-large-only-inline-block, .hide-for-large-up-inline-block, .hide-for-xlarge-only-inline-block, .hide-for-xlarge-up-inline-block {
    display: inline-block !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small-only-inline, .hide-for-small-up-inline, .show-for-small-only-inline-block, .hide-for-small-up-inline-block, .show-for-tweener-only, .hide-for-tweener-up, .show-for-tweener-only-inline, .hide-for-tweener-up-inline, .show-for-tweener-only-inline-block, .hide-for-tweener-up-inline-block, .hide-for-phablet-only, .hide-for-phablet-up, .hide-for-phablet-only-inline, .hide-for-phablet-up-inline, .hide-for-phablet-only-inline-block, .hide-for-phablet-up-inline-block, .show-for-medium-only, .show-for-medium-up, .show-for-medium-only-inline, .show-for-medium-up-inline, .show-for-medium-only-inline-block, .show-for-medium-up-inline-block, .show-for-large-only, .show-for-large-up, .show-for-large-only-inline, .show-for-large-up-inline, .show-for-large-only-inline-block, .show-for-large-up-inline-block, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge-only-inline, .show-for-xlarge-up-inline, .show-for-xlarge-only-inline-block, .show-for-xlarge-up-inline-block {
    display: none !important; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-tweener-only, table.show-for-tweener-up, table.show-for-phablet-only, table.show-for-phablet-up, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-xlarge-only, table.hide-for-xlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-tweener-only, thead.show-for-tweener-up, thead.show-for-phablet-only, thead.show-for-phablet-up, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-tweener-only, tbody.show-for-tweener-up, tbody.show-for-phablet-only, tbody.show-for-phablet-up, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-tweener-only, tr.show-for-tweener-up, tr.show-for-phablet-only, tr.show-for-phablet-up, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-tweener-only, td.hide-for-tweener-only, th.show-for-tweener-up, td.show-for-tweener-up, th.show-for-phablet-only, td.show-for-phablet-only, th.show-for-phablet-up, td.show-for-phablet-up, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up {
    display: table-cell !important; } }

@media only screen and (min-width: 48em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-tweener-only, .show-for-tweener-up, .hide-for-phablet-only, .show-for-phablet-up, .show-for-medium-only, .show-for-medium-up, .hide-for-large-only, .hide-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up {
    display: inherit !important; }
  .hide-for-small-only-inline, .show-for-small-up-inline, .hide-for-tweener-only-inline, .show-for-tweener-up-inline, .hide-for-phablet-only-inline, .show-for-phablet-up-inline, .show-for-medium-only-inline, .show-for-medium-up-inline, .hide-for-large-only-inline, .hide-for-large-up-inline, .hide-for-xlarge-only-inline, .hide-for-xlarge-up-inline {
    display: inline !important; }
  .hide-for-small-only-inline-block, .show-for-small-up-inline-block, .hide-for-tweener-only-inline-block, .show-for-tweener-up-inline-block, .hide-for-phablet-only-inline-block, .show-for-phablet-up-inline-block, .show-for-medium-only-inline-block, .show-for-medium-up-inline-block, .hide-for-large-only-inline-block, .hide-for-large-up-inline-block, .hide-for-xlarge-only-inline-block, .hide-for-xlarge-up-inline-block {
    display: inline-block !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small-only-inline, .hide-for-small-up-inline, .show-for-small-only-inline-block, .hide-for-small-up-inline-block, .show-for-tweener-only, .hide-for-tweener-up, .show-for-tweener-only-inline, .hide-for-tweener-up-inline, .show-for-tweener-only-inline-block, .hide-for-tweener-up-inline-block, .show-for-phablet-only, .hide-for-phablet-up, .show-for-phablet-only-inline, .hide-for-phablet-up-inline, .show-for-phablet-only-inline-block, .hide-for-phablet-up-inline-block, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium-only-inline, .hide-for-medium-up-inline, .hide-for-medium-only-inline-block, .hide-for-medium-up-inline-block, .show-for-large-only, .show-for-large-up, .show-for-large-only-inline, .show-for-large-up-inline, .show-for-large-only-inline-block, .show-for-large-up-inline-block, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge-only-inline, .show-for-xlarge-up-inline, .show-for-xlarge-only-inline-block, .show-for-xlarge-up-inline-block {
    display: none !important; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-tweener-only, table.show-for-tweener-up, table.hide-for-phablet-only, table.show-for-phablet-up, table.show-for-medium-only, table.show-for-medium-up, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-xlarge-only, table.hide-for-xlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-tweener-only, thead.show-for-tweener-up, thead.hide-for-phablet-only, thead.show-for-phablet-up, thead.show-for-medium-only, thead.show-for-medium-up, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-tweener-only, tbody.show-for-tweener-up, tbody.hide-for-phablet-only, tbody.show-for-phablet-up, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-tweener-only, tr.show-for-tweener-up, tr.hide-for-phablet-only, tr.show-for-phablet-up, tr.show-for-medium-only, tr.show-for-medium-up, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-tweener-only, td.hide-for-tweener-only, th.show-for-tweener-up, td.show-for-tweener-up, th.hide-for-phablet-only, td.hide-for-phablet-only, th.show-for-phablet-up, td.show-for-phablet-up, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up {
    display: table-cell !important; } }

@media only screen and (min-width: 64.375em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-tweener-only, .show-for-tweener-up, .hide-for-phablet-only, .show-for-phablet-up, .hide-for-medium-only, .show-for-medium-up, .show-for-large-only, .show-for-large-up, .hide-for-xlarge-only, .hide-for-xlarge-up {
    display: inherit !important; }
  .hide-for-small-only-inline, .show-for-small-up-inline, .hide-for-tweener-only-inline, .show-for-tweener-up-inline, .hide-for-phablet-only-inline, .show-for-phablet-up-inline, .hide-for-medium-only-inline, .show-for-medium-up-inline, .show-for-large-only-inline, .show-for-large-up-inline, .hide-for-xlarge-only-inline, .hide-for-xlarge-up-inline {
    display: inline !important; }
  .hide-for-small-only-inline-block, .show-for-small-up-inline-block, .hide-for-tweener-only-inline-block, .show-for-tweener-up-inline-block, .hide-for-phablet-only-inline-block, .show-for-phablet-up-inline-block, .hide-for-medium-only-inline-block, .show-for-medium-up-inline-block, .show-for-large-only-inline-block, .show-for-large-up-inline-block, .hide-for-xlarge-only-inline-block, .hide-for-xlarge-up-inline-block {
    display: inline-block !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small-only-inline, .hide-for-small-up-inline, .show-for-small-only-inline-block, .hide-for-small-up-inline-block, .show-for-tweener-only, .hide-for-tweener-up, .show-for-tweener-only-inline, .hide-for-tweener-up-inline, .show-for-tweener-only-inline-block, .hide-for-tweener-up-inline-block, .show-for-phablet-only, .hide-for-phablet-up, .show-for-phablet-only-inline, .hide-for-phablet-up-inline, .show-for-phablet-only-inline-block, .hide-for-phablet-up-inline-block, .show-for-medium-only, .hide-for-medium-up, .show-for-medium-only-inline, .hide-for-medium-up-inline, .show-for-medium-only-inline-block, .hide-for-medium-up-inline-block, .hide-for-large-only, .hide-for-large-up, .hide-for-large-only-inline, .hide-for-large-up-inline, .hide-for-large-only-inline-block, .hide-for-large-up-inline-block, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge-only-inline, .show-for-xlarge-up-inline, .show-for-xlarge-only-inline-block, .show-for-xlarge-up-inline-block {
    display: none !important; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-tweener-only, table.show-for-tweener-up, table.hide-for-phablet-only, table.show-for-phablet-up, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-only, table.show-for-large-up, table.hide-for-xlarge-only, table.hide-for-xlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-tweener-only, thead.show-for-tweener-up, thead.hide-for-phablet-only, thead.show-for-phablet-up, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-only, thead.show-for-large-up, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-tweener-only, tbody.show-for-tweener-up, tbody.hide-for-phablet-only, tbody.show-for-phablet-up, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-only, tbody.show-for-large-up, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-tweener-only, tr.show-for-tweener-up, tr.hide-for-phablet-only, tr.show-for-phablet-up, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-only, tr.show-for-large-up, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-tweener-only, td.hide-for-tweener-only, th.show-for-tweener-up, td.show-for-tweener-up, th.hide-for-phablet-only, td.hide-for-phablet-only, th.show-for-phablet-up, td.show-for-phablet-up, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up {
    display: table-cell !important; } }

@media only screen and (min-width: 77.5em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-tweener-only, .show-for-tweener-up, .hide-for-phablet-only, .show-for-phablet-up, .hide-for-medium-only, .show-for-medium-up, .hide-for-large-only, .show-for-large-up, .show-for-xlarge-only, .show-for-xlarge-up {
    display: inherit !important; }
  .hide-for-small-only-inline, .show-for-small-up-inline, .hide-for-tweener-only-inline, .show-for-tweener-up-inline, .hide-for-phablet-only-inline, .show-for-phablet-up-inline, .hide-for-medium-only-inline, .show-for-medium-up-inline, .hide-for-large-only-inline, .show-for-large-up-inline, .show-for-xlarge-only-inline, .show-for-xlarge-up-inline {
    display: inline !important; }
  .hide-for-small-only-inline-block, .show-for-small-up-inline-block, .hide-for-tweener-only-inline-block, .show-for-tweener-up-inline-block, .hide-for-phablet-only-inline-block, .show-for-phablet-up-inline-block, .hide-for-medium-only-inline-block, .show-for-medium-up-inline-block, .hide-for-large-only-inline-block, .show-for-large-up-inline-block, .show-for-xlarge-only-inline-block, .show-for-xlarge-up-inline-block {
    display: inline-block !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small-only-inline, .hide-for-small-up-inline, .show-for-small-only-inline-block, .hide-for-small-up-inline-block, .show-for-tweener-only, .hide-for-tweener-up, .show-for-tweener-only-inline, .hide-for-tweener-up-inline, .show-for-tweener-only-inline-block, .hide-for-tweener-up-inline-block, .show-for-phablet-only, .hide-for-phablet-up, .show-for-phablet-only-inline, .hide-for-phablet-up-inline, .show-for-phablet-only-inline-block, .hide-for-phablet-up-inline-block, .show-for-medium-only, .hide-for-medium-up, .show-for-medium-only-inline, .hide-for-medium-up-inline, .show-for-medium-only-inline-block, .hide-for-medium-up-inline-block, .show-for-large-only, .hide-for-large-up, .show-for-large-only-inline, .hide-for-large-up-inline, .show-for-large-only-inline-block, .hide-for-large-up-inline-block, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge-only-inline, .hide-for-xlarge-up-inline, .hide-for-xlarge-only-inline-block, .hide-for-xlarge-up-inline-block {
    display: none !important; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-tweener-only, table.show-for-tweener-up, table.hide-for-phablet-only, table.show-for-phablet-up, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-large-only, table.show-for-large-up, table.show-for-xlarge-only, table.show-for-xlarge-up {
    display: table; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-tweener-only, thead.show-for-tweener-up, thead.hide-for-phablet-only, thead.show-for-phablet-up, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-large-only, thead.show-for-large-up, thead.show-for-xlarge-only, thead.show-for-xlarge-up {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-tweener-only, tbody.show-for-tweener-up, tbody.hide-for-phablet-only, tbody.show-for-phablet-up, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-tweener-only, tr.show-for-tweener-up, tr.hide-for-phablet-only, tr.show-for-phablet-up, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-large-only, tr.show-for-large-up, tr.show-for-xlarge-only, tr.show-for-xlarge-up {
    display: table-row !important; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-tweener-only, td.hide-for-tweener-only, th.show-for-tweener-up, td.show-for-tweener-up, th.hide-for-phablet-only, td.hide-for-phablet-only, th.show-for-phablet-up, td.show-for-phablet-up, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

.hidden, .hide {
  display: none; }

/* Generated by http://css.spritegen.com CSS Sprite Generator */
.flag {
  display: inline-block;
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/c7289709a60457f6573a.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 12px;
  margin-top: 0.25em;
  margin-right: 10px; }

.flag-mt, .flag-mlt {
  background-position: 0 0; }

.flag-ad, .flag-and {
  background-position: -20px 0; }

.flag-az, .flag-aze {
  background-position: -40px 0; }

.flag-pt, .flag-prt {
  background-position: -60px 0; }

.flag-cs, .flag-scg {
  background-position: -80px 0; }

.flag-va, .flag-vat {
  background-position: -100px 0; }

.flag-gr, .flag-grc {
  background-position: -120px 0; }

.flag-lt, .flag-ltu {
  background-position: 0 -12px; }

.flag-at, .flag-aut {
  background-position: -20px -12px; }

.flag-tr, .flag-tur {
  background-position: -40px -12px; }

.flag-ua, .flag-ukr {
  background-position: -60px -12px; }

.flag-es, .flag-esp {
  background-position: -80px -12px; }

.flag-li, .flag-lie {
  background-position: -100px -12px; }

.flag-dk, .flag-da, .flag-dnk {
  background-position: -120px -12px; }

.flag-cz, .flag-cze {
  background-position: 0 -24px; }

.flag-sm, .flag-smr {
  background-position: -20px -24px; }

.flag-mc, .flag-mco {
  background-position: -40px -24px; }

.flag-si, .flag-svn {
  background-position: -60px -24px; }

.flag-md, .flag-mda {
  background-position: -80px -24px; }

.flag-ch, .flag-che {
  background-position: -100px -24px; }

.flag-mk, .flag-mkd {
  background-position: -120px -24px; }

.flag-nl, .flag-nld {
  background-position: 0 -36px; }

.flag-ba, .flag-bih {
  background-position: -20px -36px; }

.flag-no, .flag-nor {
  background-position: -40px -36px; }

.flag-am, .flag-arm {
  background-position: -60px -36px; }

.flag-bg, .flag-bgr {
  background-position: -80px -36px; }

.flag-se, .flag-sv, .flag-slv, .flag-swe {
  background-position: -100px -36px; }

.flag-lu, .flag-lux {
  background-position: -120px -36px; }

.flag-fr, .flag-fra {
  background-position: 0 -48px; }

.flag-yu {
  background-position: -20px -48px; }

.flag-de, .flag-deu {
  background-position: -40px -48px; }

.flag-cy, .flag-cyp {
  background-position: -60px -48px; }

.flag-pl, .flag-pol {
  background-position: -80px -48px; }

.flag-ro, .flag-rou {
  background-position: -100px -48px; }

.flag-al, .flag-alb {
  background-position: -120px -48px; }

.flag-ie, .flag-irl {
  background-position: 0 -60px; }

.flag-ge, .flag-geo {
  background-position: -20px -60px; }

.flag-ru, .flag-rus {
  background-position: -40px -60px; }

.flag-lv, .flag-lva {
  background-position: -60px -60px; }

.flag-ee, .flag-est {
  background-position: -80px -60px; }

.flag-hu, .flag-hun {
  background-position: -100px -60px; }

.flag-fi, .flag-fin {
  background-position: -120px -60px; }

.flag-by, .flag-blr {
  background-position: 0 -72px; }

.flag-it, .flag-ita {
  background-position: -20px -72px; }

.flag-kr, .flag-kor {
  background-position: -40px -72px; }

.flag-be, .flag-bel {
  background-position: -60px -72px; }

.flag-is, .flag-isl {
  background-position: -80px -72px; }

.flag-gb, .flag-gbr, .flag-en {
  background-position: -100px -72px; }

.flag-sk, .flag-svk {
  background-position: -120px -72px; }

.flag-hr, .flag-hrv {
  background-position: -40px -72px; }

.flag-zh {
  background-position: 0 -84px; }

.flag-au, .flag-aus {
  background-position: -40px -84px; }

.flag-ca, .flag-can {
  background-position: -60px -84px; }

.flag-gi, .flag-gib {
  background-position: -80px -84px; }

.flag-il, .flag-isr {
  background-position: -100px -84px; }

.flag-nz, .flag-nzl {
  background-position: -120px -84px; }

.flag-rs, .flag-srb {
  background-position: 0px -96px; }

.flag-us, .flag-usa {
  background-position: -20px -96px; }

.flag-za, .flag-zaf {
  background-position: -40px -96px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .flag {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/294b88910c37fc4f0a01.png);
    background-size: 140px auto;
    background-repeat: no-repeat; } }

.autocomplete-result {
  border-radius: 0px 0px 3px 3px;
  background-color: #fff;
  border: 1px solid #0076a3;
  z-index: 9999;
  margin: 0px; }
  .autocomplete-result ul {
    margin-bottom: 0px; }
  .autocomplete-result .suggestion-category {
    border-bottom: 1px solid #0076a3;
    list-style: none;
    margin: 0;
    padding: 0; }
    .autocomplete-result .suggestion-category:last-child {
      border-bottom: none; }
    .autocomplete-result .suggestion-category .title {
      margin: 0;
      padding: 5px 4px 5px 10px; }
    .autocomplete-result .suggestion-category ul {
      margin: 0;
      padding: 0; }
      .autocomplete-result .suggestion-category ul .suggestion-item {
        list-style: none;
        padding: 5px 4px 5px 10px;
        margin: 0;
        position: relative;
        white-space: nowrap;
        overflow: hidden; }
        .autocomplete-result .suggestion-category ul .suggestion-item em {
          font-style: normal;
          font-weight: bold; }
        .autocomplete-result .suggestion-category ul .suggestion-item .suggestion-item-label .lbl {
          color: #0076a3;
          font-weight: 500; }
        .autocomplete-result .suggestion-category ul .suggestion-item .suggestion-item-sublabel {
          color: black; }
        .autocomplete-result .suggestion-category ul .suggestion-item :after {
          content: '';
          position: absolute;
          right: 0px;
          top: 0px;
          width: 25px;
          height: 100%;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
        .autocomplete-result .suggestion-category ul .suggestion-item:hover, .autocomplete-result .suggestion-category ul .suggestion-item.active {
          background-color: #0076a3;
          cursor: pointer; }
          .autocomplete-result .suggestion-category ul .suggestion-item:hover a,
          .autocomplete-result .suggestion-category ul .suggestion-item:hover .suggestion-item-label .lbl,
          .autocomplete-result .suggestion-category ul .suggestion-item:hover .suggestion-item-sublabel,
          .autocomplete-result .suggestion-category ul .suggestion-item:hover .suggestion-item-count, .autocomplete-result .suggestion-category ul .suggestion-item.active a,
          .autocomplete-result .suggestion-category ul .suggestion-item.active .suggestion-item-label .lbl,
          .autocomplete-result .suggestion-category ul .suggestion-item.active .suggestion-item-sublabel,
          .autocomplete-result .suggestion-category ul .suggestion-item.active .suggestion-item-count {
            color: #fff;
            text-decoration: none; }
          .autocomplete-result .suggestion-category ul .suggestion-item:hover :after, .autocomplete-result .suggestion-category ul .suggestion-item.active :after {
            background-image: linear-gradient(to right, rgba(0, 118, 163, 0), #0076a3); }

.cursor--pointer {
  cursor: pointer; }

.flex__container {
  display: flex; }

.flex__container.flex__collapse {
  display: block; }

@media only screen and (min-width: 30em) {
  .flex__container.flex__collapse {
    display: flex; }
  .flex__item__1-2 {
    margin-bottom: 0.5rem; }
  #search-list-page-filter .flex__container.flex__collapse {
    display: block; } }

.flex__container-between {
  justify-content: space-between; }

.flex__item__1-2 {
  flex-basis: calc(50% - 8px);
  margin-bottom: 16px; }
  .flex__item__1-2:last-child {
    margin-bottom: 0; }

.flex__item__1-3 {
  flex-basis: calc(33.333333% - 8px);
  margin-bottom: 0.5rem; }
  .flex__item__1-3:last-child {
    margin-bottom: 0; }

.flex__item__2-3 {
  flex-basis: calc(66.666666% - 8px);
  margin-bottom: 0.5rem; }
  .flex__item__2-3:last-child {
    margin-bottom: 0; }

.flex__item__1-4 {
  flex-basis: calc(25% - 8px);
  margin-bottom: 0.5rem; }
  .flex__item__1-4:last-child {
    margin-bottom: 0; }

.form-control-group .flex__item__1-2,
.form-control-group .flex__item__1-3,
.form-control-group .flex__item__2-3,
.form-control-group .flex__item__1-4 {
  margin-bottom: 0; }

@media only screen and (min-width: 30em) {
  .flex__item__1-2,
  .flex__item__1-3,
  .flex__item__2-3,
  .flex__item__1-4 {
    margin-bottom: 0; }
  .form-vertical .flex__item__1-2,
  .form-vertical .flex__item__1-3,
  .form-vertical .flex__item__2-3,
  .form-vertical .flex__item__1-4 {
    margin-bottom: 0.5rem; }
  .form-vertical .form-control-group .flex__item__1-2 {
    margin-bottom: 0; }
    .form-vertical .form-control-group .flex__item__1-2:last-child {
      margin-bottom: 0.5rem; } }

/***************************
* Positioning
***************************/
.ib {
  display: inline-block; }

.pos-abs {
  position: absolute; }

.pos-rel {
  position: relative; }

/***************************
* Vertical align
***************************/
.valign {
  display: table; }

.valign__top {
  display: table-cell;
  vertical-align: top; }

.valign__middle {
  display: table-cell;
  vertical-align: middle; }

.valign__bottom {
  display: table-cell;
  vertical-align: bottom; }

.margin-t-10 {
  margin-top: 10px !important; }

.margin-t-20 {
  margin-top: 20px !important; }

.margin-t-30 {
  margin-top: 30px !important; }

.margin-t-50 {
  margin-top: 50px !important; }

.margin-t-150 {
  margin-top: 150px !important; }

.margin-b-0 {
  margin-bottom: 0px !important; }

.margin-b-10 {
  margin-bottom: 10px !important; }

.margin-b-20 {
  margin-bottom: 20px !important; }

.margin-b-25 {
  margin-bottom: 25px !important; }

.margin-b-30 {
  margin-bottom: 30px !important; }

.margin-r-10 {
  margin-right: 10px !important; }

.margin-r-20 {
  margin-right: 20px !important; }

.margin-l-20 {
  margin-left: 20px !important; }

.margin-t-n-30 {
  margin-top: -30px !important; }

.padding-t-10 {
  padding-top: 10px !important; }

.padding-t-20 {
  padding-top: 20px !important; }

.padding-b-30 {
  padding-bottom: 30px !important; }

/**
 * Generates text align and justify classes
 */
.text-left {
  text-align: left !important; }

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

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

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

@font-face {
  font-family: 'icomoon';
  src: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/db5781b109e1a0bc1aed.eot);
  /* IE9 Compat modes */
  src: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/db5781b109e1a0bc1aed.eot?#iefix) format("embedded-opentype"), url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/0c91838b526a6b72cb0b.woff) format("woff"), url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/d4c5b3361c78a8a65aaa.ttf) format("truetype"), url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/2987bb651553ce834c7d.svg#icomoon) format("svg");
  /* Legacy IOS */
  font-weight: normal;
  font-style: normal; }

/* Create a mixin so we can use it in media queries etc. */
.acsicon,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1; }

a .acsicon,
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  position: relative;
  top: 2px; }

.icon--mr:before {
  margin-right: 5px; }

.icon--ml:before {
  margin-left: .5em; }

.icon-medium:before {
  font-size: 1.4em; }

.icon-large:before {
  font-size: 1.8em; }

a:link [class^="icon-"]:before {
  display: inline-block;
  text-decoration: none; }

.icon-toggle-plus:before {
  content: "\e900"; }

.icon-youtube:before {
  content: "\e98a"; }

.icon-youtube-1:before {
  content: "\e901"; }

.icon-hamburger-menu:before {
  content: "\e902"; }

.icon-language:before {
  content: "\e903"; }

.icon-distance:before,
.icon-survey-distance:before {
  content: "\e904"; }

.icon-rating:before {
  content: "\e905"; }

.icon-wellness:before, .icon-facility-20:before {
  content: "\e906"; }

.icon-watersport:before, .icon-facility-15:before, .icon-facility-27:before {
  content: "\e907"; }

.icon-washing:before, .icon-facility-17:before {
  content: "\e908"; }

.icon-recreation:before, .icon-facility-14:before, .icon-facility-25:before, .icon-facility-30:before,
.icon-award-category-14:before {
  content: "\e909"; }

.icon-dog:before, .icon-facility-7:before,
.icon-award-category-2:before {
  content: "\e90a"; }

.icon-children:before, .icon-facility-5:before {
  content: "\e976"; }

.icon-calender:before {
  content: "\e932"; }

.icon-situation:before {
  content: "\e90c"; }

.icon-destination:before,
.icon-campsite-size:before {
  content: "\e90d"; }

.icon-popular:before, .icon-facility-2:before,
.icon-campsite-rating:before,
.icon-popular-amenities:before {
  content: "\e90e"; }

.icon-print:before {
  content: "\e90f"; }

.icon-download:before {
  content: "\e910"; }

.icon-checkbox:before {
  content: "\e911"; }

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

.icon-arrow-down:before {
  content: "\e913"; }

.icon-google:before {
  content: "\e914"; }

.icon-toilet:before, .icon-facility-16:before, .icon-facility-28:before, .icon-facility-29:before {
  content: "\e915"; }

.icon-toggle-minus:before {
  content: "\e916"; }

.icon-globe:before {
  content: "\e917"; }

.icon-food:before, .icon-facility-11:before, .icon-facility-26:before,
.icon-award-category-6:before {
  content: "\e918"; }

.icon-theme:before {
  content: "\e919"; }

.icon-checklist:before {
  content: "\e91a"; }

.icon-swimming:before, .icon-facility-1:before {
  content: "\e91b"; }

.icon-fax:before {
  content: "\e91c"; }

.icon-sun:before {
  content: "\e91d"; }

.icon-facilities:before,
.icon-pitch-amenities:before,
.icon-facility-8:before {
  content: "\e91e"; }

.icon-sport:before, .icon-facility-13:before, .icon-facility-24:before {
  content: "\e91f"; }

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

.icon-rent:before, .icon-facility-18:before {
  content: "\e921"; }

.icon-external:before {
  content: "\e922"; }

.icon-search:before {
  content: "\e923"; }

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

.icon-share:before {
  content: "\e925"; }

.icon-check:before {
  content: "\e926"; }

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

.icon-photos:before {
  content: "\e95a"; }

.icon-city:before {
  content: "\e928"; }

.icon-question-mark:before {
  content: "\e929"; }

.icon-device:before {
  content: "\e92a"; }

.icon-reception:before, .icon-facility-12:before {
  content: "\e92b"; }

.icon-camper:before, .icon-facility-9:before {
  content: "\e92c"; }

.icon-miscellaneous:before, .icon-facility-21:before, .icon-facility-31:before {
  content: "\e92d"; }

.icon-accommodation-facility:before {
  content: "\e994"; }

.icon-camping:before,
.icon-pitch-area:before {
  content: "\e981"; }

.icon-other:before {
  content: "\e92f"; }

.icon-campsite-rules:before, .icon-facility-3:before, .icon-facility-22:before {
  content: "\e930"; }

.icon-none:before {
  content: "\e931"; }

.icon-calendar:before {
  content: "\e932"; }

.icon-listview:before {
  content: "\e933"; }

.icon-beach:before, .icon-facility-19:before {
  content: "\e934"; }

.icon-location:before, .icon-facility-4:before,
.icon-award-category-4:before {
  content: "\e935"; }

.icon-arrow-right:before {
  content: "\e936"; }

.icon-internet:before, .icon-facility-6:before {
  content: "\e937"; }

.icon-arrow-up:before {
  content: "\e938"; }

.icon-ground:before, .icon-facility-10:before, .icon-facility-23:before {
  content: "\e939"; }

.icon-arrow-left:before, .category-slider-item .icon-5:before {
  content: "\e93a"; }

.icon-gridview:before {
  content: "\e93b"; }

.icon-tourist-region:before {
  content: "\e93c"; }

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

.icon-right:before {
  content: "\e93f"; }

.icon-left:before {
  content: "\e93e"; }

.icon-up:before {
  content: "\e940"; }

.icon-down:before {
  content: "\e941"; }

.icon-route:before {
  content: "\e942"; }

.icon-price:before {
  content: "\e943"; }

.icon-info:before {
  content: "\e944"; }

.icon-m2c:before {
  content: "\e945"; }

.icon-round-arrow-right:before {
  content: "\e946"; }

.icon-round-arrow-left:before {
  content: "\e947"; }

.icon-stopsign:before,
.icon-block:before {
  content: "\e948"; }

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

.icon-campsite-chain:before {
  content: "\e94a"; }

.icon-customer-service:before {
  content: "\e94b"; }

.icon-acsi-sites:before {
  content: "\e94c"; }

.icon-caravan:before {
  content: "\e94d"; }

.icon-wijzigingen:before {
  content: "\e94e"; }

.icon-open:before {
  content: "\e94f"; }

.icon-bed:before,
.icon-bedrooms:before {
  content: "\e950"; }

.icon-floorplan:before {
  content: "\e951"; }

.icon-user:before {
  content: "\e952"; }

.icon-read:before {
  content: "\e953"; }

.icon-help:before {
  content: "\e954"; }

.icon-disabled:before, .icon-facility-44:before {
  content: "\e955"; }

.icon-hiking:before {
  content: "\e956"; }

.icon-accommodation:before,
.icon-accommodations:before,
.icon-rental-accommodations:before,
.icon-facility-60:before {
  content: "\e957"; }

.icon-wintersport:before {
  content: "\e958"; }

.icon-nudism:before {
  content: "\e959"; }

.icon-gallery:before {
  content: "\e95a"; }

.icon-mobilehome:before,
.icon-surroundings:before {
  content: "\e95b"; }

.icon-clubid:before {
  content: "\e95c"; }

.icon-indoor-swimming:before {
  content: "\e95d"; }

.icon-swimming-pool:before,
.icon-survey-pool:before,
.icon-award-category-3:before {
  content: "\e95e"; }

.icon-swimming-paradise:before {
  content: "\e95f"; }

.icon-small-campings:before {
  content: "\e960"; }

.icon-night:before {
  content: "\e961"; }

.icon-360:before {
  content: "\e962"; }

.icon-webcam:before {
  content: "\e963"; }

.icon-plus:before {
  content: "\e97d"; }

.icon-minus:before {
  content: "\e97e"; }

.icon-question-mark-only:before {
  content: "\e970"; }

.icon-filter-question-mark:before {
  content: "\e996"; }

.icon-write:before {
  content: "\e96d"; }

.icon-instagram:before {
  content: "\e98b"; }

.icon-video:before {
  content: "\e98a"; }

.icon-cca-logo:before {
  content: "\e98c"; }

.icon-clubid-logo:before {
  content: "\e98d"; }

.icon-instagram-block:before {
  content: "\e98e"; }

.icon-filter:before {
  content: "\e97a"; }

.icon-flexdays:before {
  content: "\e98f"; }

.icon-shower:before,
.icon-bathrooms:before,
.icon-award-category-11:before {
  content: "\e990"; }

.icon-dogs-not-allowed:before {
  content: "\e991"; }

.icon-send-message:before {
  content: "\e992"; }

.icon-departure-date:before {
  content: "\e967"; }

.icon-campsite-award:before {
  content: "\e995"; }

.icon-current-position:before {
  content: "\e993";
  color: #007228; }

.icon-star:before {
  content: "\e813"; }

.icon-special-offer:before {
  top: 0 !important;
  content: "\e999";
  color: white; }

.icon-exclamation:before {
  content: '\e971'; }

.icon-checkmark:before {
  content: '\e972'; }

.icon-round-close:before {
  content: '\e973'; }

.icon-warning:before {
  content: '\e9b0'; }

.icon-floorplan-1:before {
  content: '\e9b4'; }

.icon--rounded {
  border-radius: 25px;
  background-color: #e60003;
  text-align: center;
  color: #fff;
  width: 2em;
  height: 2em;
  line-height: 1.9;
  font-size: 75%; }
  .icon--rounded:before {
    margin-left: -1px; }
  .icon--rounded.icon-check:before {
    font-size: 80%;
    margin-left: -1px; }

.icon-food-drink-and-groceries:before {
  content: "\e918"; }

.icon-campsite-rules:before, .icon-facility-3:before, .icon-facility-22:before {
  content: "\e930"; }

.icon-for-motorhomes:before,
.icon-award-category-7:before {
  content: "\e92c"; }

.icon-water-sports-and-recreation:before {
  content: "\e907"; }

.icon-ground-and-vegetation:before {
  content: "\e939"; }

.icon-dogs:before {
  content: "\e90a"; }

.icon-situation-of-campsite:before {
  content: "\e935"; }

.icon-disabled:before, .icon-facility-44:before {
  content: "\e955"; }

.icon-washing-washing-up-cooking:before {
  content: "\e908"; }

.icon-for-children:before {
  content: "\e976"; }

.icon-miscellaneous:before, .icon-facility-21:before, .icon-facility-31:before {
  content: "\e92d"; }

.icon-swimming:before, .icon-facility-1:before {
  content: "\e91b"; }

.icon-sport-and-games:before,
.icon-award-category-12:before {
  content: "\e91f"; }

.icon-wellness:before, .icon-facility-20:before {
  content: "\e906"; }

.icon-beach:before, .icon-facility-19:before,
.icon-survey-basketball:before {
  content: "\e934"; }

.icon-at-the-reception:before {
  content: "\e92b"; }

.icon-recreation-adults:before {
  content: "\e909"; }

.icon-internet:before, .icon-facility-6:before {
  content: "\e937"; }

.icon-toilet-facilities:before {
  content: "\e915"; }

.icon-available-to-hire-at-the-campsite:before {
  content: "\e921"; }

.icon-theme:before {
  content: "\e91d"; }

.icon-chain:before {
  content: "\e94a"; }

.icon-review-rating:before {
  content: "\e905"; }

.icon-country:before {
  content: "\e917"; }

.icon-region:before {
  content: "\e917"; }

.icon-sub-region:before {
  content: "\e917"; }

.icon-distance-central-city:before {
  content: "\e965"; }

.icon-pinterest:before {
  content: "\ead1"; }

.icon-award-category-13:before {
  content: "\e90b"; }

.icon-award-category-15:before {
  content: "\e997"; }

.icon-eye:before {
  content: "\e9b6"; }

.icon-pencil:before {
  content: "\e978"; }

.icon-trash:before {
  content: "\e987"; }

.icon-heart:before {
  content: "\e989"; }

.icon-wellness:before, .icon-facility-20:before {
  content: "\e988"; }

.icon-survey-camper:before {
  content: '\e99e'; }

.icon-survey-caravan:before {
  content: '\e99d'; }

.icon-survey-tent:before {
  content: '\e99c'; }

.icon-survey-vouwwgen:before {
  content: '\e99b'; }

.icon-survey-accommodatie:before {
  content: '\e99a'; }

.icon-survey-hiking:before {
  content: '\e9a6'; }

.icon-survey-football:before {
  content: '\e9af'; }

.icon-survey-climb:before {
  content: '\e9a3'; }

.icon-survey-surfing:before {
  content: '\e9a0'; }

.icon-survey-swimming:before {
  content: '\e99f'; }

.icon-survey-mountainbike:before {
  content: '\e9a1'; }

.icon-survey-cycling:before {
  content: '\e9a2'; }

.icon-survey-kayaking:before {
  content: '\e9a4'; }

.icon-survey-spa:before {
  content: '\e9a7'; }

.icon-survey-farm:before {
  content: '\e9a8'; }

.icon-survey-walking:before {
  content: '\e9a9'; }

.icon-survey-ban:before {
  content: '\e9aa'; }

.icon-survey-sailboat:before {
  content: '\e9ab'; }

.icon-survey-masks:before {
  content: '\e9ac'; }

.icon-survey-city:before {
  content: '\e9ad'; }

.icon-survey-leaf:before {
  content: '\e9ae'; }

.icon-survey-beach:before {
  content: '\e9a5'; }

.icon-survey-activities:before {
  content: '\e9b1'; }

.icon-logout:before {
  content: '\e9b5'; }

.icon-tiktok:before {
  content: "\e9b7"; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.common-sprite, .sprite-kfk-icon, .sprite-camping-code,
.sprite-cca-serial-number-icon {
  display: inline-block; }

.common-sprite-block, .sprite-children-icon,
.sprite-cca-child-included-icon {
  display: block; }

.sprite-price-label {
  width: 35px;
  height: 30px;
  font-family: Myriad Pro, Myriad, Liberation Sans, Nimbus Sans L, Helvetica Neue, Helvetica, Arial, sans-serif;
  letter-spacing: -2px;
  font-weight: bold;
  color: #fff;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 21px;
  font-style: normal;
  display: block;
  text-align: center;
  user-select: none; }
  .sprite-price-label.price-11 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/dcb1ee95f04bb8ff5226.svg); }
  .sprite-price-label.price-12 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/dcb1ee95f04bb8ff5226.svg); }
  .sprite-price-label.price-13 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/dcb1ee95f04bb8ff5226.svg); }
  .sprite-price-label.price-14 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/b70b358baf9d1e789e21.svg); }
  .sprite-price-label.price-15 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/b70b358baf9d1e789e21.svg); }
  .sprite-price-label.price-16 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/a6f9081f732f4fa9d9b3.svg); }
  .sprite-price-label.price-17 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/a6f9081f732f4fa9d9b3.svg); }
  .sprite-price-label.price-18 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/d24519bcd9b75e53696b.svg); }
  .sprite-price-label.price-19 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/d24519bcd9b75e53696b.svg); }
  .sprite-price-label.price-20 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/16ae570b45064d78252c.svg); }
  .sprite-price-label.price-22 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/713e5695faf93c718f73.svg); }
  .sprite-price-label.price-21 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/f438d38d1093d72ce0d5.svg); }
  .sprite-price-label.price-23 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/f9934b6e7df6c365c9f1.svg); }
  .sprite-price-label.price-25 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/16f76eb5fbaf1802df25.svg); }
  .sprite-price-label.price-27 {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/6f86165ec13f2ac352b6.svg); }
  .sprite-price-label.price-common {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/1cc1edf9c466eea0b7f2.svg); }

.sprite-common-price-label {
  width: 50px;
  text-align: end;
  font-size: 16px !important;
  letter-spacing: -1px;
  padding: 0 5px; }

.sprite-children-icon,
.sprite-cca-child-included-icon {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
  background-position: -310px -163px;
  width: 35px;
  height: 27px;
  margin-bottom: 3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .sprite-children-icon,
    .sprite-cca-child-included-icon {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -310px -163px;
      width: 35px;
      height: 27px;
      background-size: 468.5px auto; } }

.sprite-cca:before, .sprite-campingcard-icon:before {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 25px;
  width: 1em;
  content: "\e98c";
  color: #00AEEF; }

.sprite-clubid-icon:before {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 25px;
  width: 1em;
  content: "\e98d";
  color: #009835; }

.sprite-awardicon-winner-icon,
.sprite-awardicon-winner-icon-2022,
.sprite-awardicon-winner-icon-2023,
.sprite-awardicon-winner-icon-2024,
.sprite-awardicon-winner-icon-2025,
.sprite-awardicon-winner-icon-2026 {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 150px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/e4959a0686f1381d16e6.svg);
  background-repeat: no-repeat;
  height: 25px !important;
  width: 25px; }

.sprite-awardicon-winner-icon-large, .sprite-awardicon-winner-icon-2022-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/7ea71a01446f1899fd39.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-winner-icon-2023-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/7e900f3d618d462f738c.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-honourable-icon, .sprite-awardicon-honourable-icon-2022,
.sprite-awardicon-honourable-icon-2023,
.sprite-awardicon-honourable-icon-2024,
.sprite-awardicon-honourable-icon-2025,
.sprite-awardicon-honourable-icon-2026 {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 150px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/838a02686a23b2f9caaa.svg);
  background-repeat: no-repeat;
  height: 25px !important;
  width: 25px; }

.sprite-awardicon-honourable-icon-large, .sprite-awardicon-honourable-icon-2022-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 150px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/81a171d88bea67cbbe21.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-honourable-icon-2023-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 150px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/a74421fe701513340c4a.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-winner-icon-2024-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/1dc00d99fb40347650aa.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-winner-icon-2025-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/9599c6a2ec41660429ee.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-winner-icon-2026-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/0a4c98948219dfa369f5.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-honourable-icon-2024-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/9c9067ffe641918d47a4.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-honourable-icon-2025-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3aabd7e532da227c7ae2.svg);
  background-repeat: no-repeat; }

.sprite-awardicon-honourable-icon-2026-large {
  top: -17.5px;
  left: -5px;
  bottom: 5px;
  height: 36px;
  width: 174px;
  display: block;
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/6f7ab87ab720e7fcb08d.svg);
  background-repeat: no-repeat; }

.sprite-kfk-icon {
  margin-top: 7px;
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
  background-position: -397px -275px;
  width: 32px;
  height: 24px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .sprite-kfk-icon {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -396.5px -275px;
      width: 32px;
      height: 24px;
      background-size: 468.5px auto; } }

.sprite-camping-code,
.sprite-cca-serial-number-icon {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
  background-position: -296px -241px;
  width: 40px;
  height: 25px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .sprite-camping-code,
    .sprite-cca-serial-number-icon {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -296px -241px;
      width: 40px;
      height: 25px;
      background-size: 468.5px auto; } }

.campsite-detail a.facebook-target-link:link {
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px; }
  .campsite-detail a.facebook-target-link:link span {
    color: #333333;
    margin-left: 7px;
    text-decoration: underline; }
  .campsite-detail a.facebook-target-link:link .sprite-facebook:before {
    font-size: 25px;
    width: 1em; }

/*
The island object
http://csswizardry.com/2011/10/the-island-object/
*/
.island {
  padding: 15px;
  display: block;
  /* Fix for margins of direct child columns within a island */ }
  .island.island--small {
    padding: 7.5px; }
  .island > :last-child {
    margin-bottom: 0;
    /* Remove bottom margin from nested items. */ }
  .island ul, .island ol,
  .island .column:last-child > :last-child {
    margin-bottom: 0;
    /* Remove bottom margin from nested items. */ }

/*
The media object:
http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

The media object mixin:
http://codepen.io/zachharkey/pen/HpaDd

Modified above mixin so it supports vertical alignment
*/
.media:before, .media:after {
  content: " ";
  display: table; }

.media:after {
  clear: both; }

.media .media__body {
  overflow: hidden;
  display: block;
  margin-bottom: 10px; }

.media .media__image {
  float: left; }
  .media .media__image span, .media .media__image i, .media .media__image img {
    display: block;
    max-width: none; }

/* Skip to content link for accessibility */
#skiptocontent a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  z-index: 1000000; }
  #skiptocontent a:focus {
    top: 0px;
    background: red;
    outline: 0; }

.csstransitions #skiptocontent a:focus {
  transition: top .1s ease-in, background .5s linear; }

.auth0-lock-social-buttons-container .auth0-lock-social-button[data-provider^="google"] {
  background-color: #db4437; }

.auth0-lock .auth0-lock-widget-container .auth0-lock-header .auth0-lock-header-bg {
  background-color: #009835; }

.auth0-lock.auth0-lock .auth0-lock-name {
  font-weight: bold; }

.user__gravatar {
  width: 32px;
  border-radius: 50%; }

.user__name {
  max-width: 120px;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.grecaptcha-badge {
  opacity: 0; }

#newsletter-subscribe {
  background: #007228 0 0 no-repeat padding-box;
  padding: 30px 0; }
  #newsletter-subscribe h2 {
    color: #fff; }
  #newsletter-subscribe p {
    margin-bottom: .5em;
    color: #fff; }
  #newsletter-subscribe a:link, #newsletter-subscribe a:active, #newsletter-subscribe a:visited {
    text-decoration: underline;
    color: #fff; }
  #newsletter-subscribe a:hover, #newsletter-subscribe a:focus {
    text-decoration: underline;
    color: #ebebe1; }
  #newsletter-subscribe .btn-as-link {
    color: #fff !important;
    text-decoration: underline;
    cursor: pointer;
    padding: 0; }
  #newsletter-subscribe form {
    position: relative;
    flex: auto; }
    #newsletter-subscribe form .form-control {
      margin-bottom: .5em; }
  #newsletter-subscribe i {
    color: #32AC5D; }
  #newsletter-subscribe .loader-container {
    display: none;
    width: 47px;
    margin: 10px 0 0 -23px; }
  #newsletter-subscribe details > summary:before {
    color: #fff; }

.google__captcha__terms {
  font-size: 0.8125rem;
  color: #333; }
  .google__captcha__terms a:link, .google__captcha__terms a:visited {
    color: #333;
    text-decoration: underline; }

.newsletter__container {
  padding: 0 0.9375rem; }

@media only screen and (min-width: 0em) and (max-width: 29.938em) {
  #newsletter-subscribe {
    text-align: center; }
    #newsletter-subscribe .btn, #newsletter-subscribe .btn-darker-grey, #newsletter-subscribe .btn-primary,
    #newsletter-subscribe .btn-orange, #newsletter-subscribe .btn-secondary, #newsletter-subscribe .btn-secondary-inverse, #newsletter-subscribe .btn-secondary-inverse-without-focus, #newsletter-subscribe .btn-tertiary, #newsletter-subscribe .btn-border, #newsletter-subscribe .btn-ghost, #newsletter-subscribe .btn-white, #newsletter-subscribe .btn-grey, #newsletter-subscribe .btn-link {
      margin-top: 10px; }
    #newsletter-subscribe label.error, #newsletter-subscribe input[type="text"] ~ span.error,
    #newsletter-subscribe input[type="password"] ~ span.error,
    #newsletter-subscribe input[type="datetime"] ~ span.error,
    #newsletter-subscribe input[type="datetime-local"] ~ span.error,
    #newsletter-subscribe input[type="month"] ~ span.error,
    #newsletter-subscribe input[type="date"] ~ span.error,
    #newsletter-subscribe input[type="time"] ~ span.error,
    #newsletter-subscribe input[type="week"] ~ span.error,
    #newsletter-subscribe input[type="number"] ~ span.error,
    #newsletter-subscribe input[type="email"] ~ span.error,
    #newsletter-subscribe input[type="url"] ~ span.error,
    #newsletter-subscribe input[type="search"] ~ span.error,
    #newsletter-subscribe input[type="tel"] ~ span.error,
    #newsletter-subscribe input[type="color"] ~ span.error,
    #newsletter-subscribe select ~ span.error,
    #newsletter-subscribe textarea ~ span.error,
    #newsletter-subscribe .field ~ span.error {
      position: absolute;
      bottom: 115%;
      width: 100%;
      margin: 0; }
      #newsletter-subscribe label.error:after, #newsletter-subscribe input[type="text"] ~ span.error:after,
      #newsletter-subscribe input[type="password"] ~ span.error:after,
      #newsletter-subscribe input[type="datetime"] ~ span.error:after,
      #newsletter-subscribe input[type="datetime-local"] ~ span.error:after,
      #newsletter-subscribe input[type="month"] ~ span.error:after,
      #newsletter-subscribe input[type="date"] ~ span.error:after,
      #newsletter-subscribe input[type="time"] ~ span.error:after,
      #newsletter-subscribe input[type="week"] ~ span.error:after,
      #newsletter-subscribe input[type="number"] ~ span.error:after,
      #newsletter-subscribe input[type="email"] ~ span.error:after,
      #newsletter-subscribe input[type="url"] ~ span.error:after,
      #newsletter-subscribe input[type="search"] ~ span.error:after,
      #newsletter-subscribe input[type="tel"] ~ span.error:after,
      #newsletter-subscribe input[type="color"] ~ span.error:after,
      #newsletter-subscribe select ~ span.error:after,
      #newsletter-subscribe textarea ~ span.error:after,
      #newsletter-subscribe .field ~ span.error:after {
        top: 100%;
        bottom: auto;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: none;
        border-top: 10px solid #facccd; } }

@media only screen and (min-width: 30em) {
  #newsletter-subscribe h2 {
    margin-bottom: 0.1rem; }
  #newsletter-subscribe form {
    position: relative;
    flex: auto; }
    #newsletter-subscribe form input[name="email"] {
      border-right: none;
      min-height: 2.4em; }
  .newsletter__container__subscribe {
    display: flex;
    align-items: center; } }

.hamburger-menu-icon {
  display: inline-block; }
  .hamburger-menu-icon:link, .hamburger-menu-icon:visited {
    text-decoration: none; }
  .hamburger-menu-icon:hover, .hamburger-menu-icon:focus {
    text-decoration: none; }
  .hamburger-menu-icon span:link, .hamburger-menu-icon span:visited {
    text-decoration: none; }
  .hamburger-menu-icon span:hover, .hamburger-menu-icon span:focus {
    text-decoration: underline; }
  .hamburger-menu-icon span:nth-child(2) {
    margin-left: 0.4em; }

.hamburger-menu-icon__bar:hover::before,
.hamburger-menu-icon__bar:hover::after {
  text-decoration: none; }

.hamburger-menu-icon__bar {
  font-size: 1rem;
  position: relative;
  margin-bottom: .2rem;
  opacity: 1; }
  .hamburger-menu-icon__bar, .hamburger-menu-icon__bar::before, .hamburger-menu-icon__bar::after {
    display: inline-block;
    background-color: #009835;
    width: 1em;
    height: 1px; }
    @media (max-width: 767px) {
      .hamburger-menu-icon__bar, .hamburger-menu-icon__bar::before, .hamburger-menu-icon__bar::after {
        background-color: #fff;
        width: 1.5em;
        height: 1.5px; } }
    .csstransitions .hamburger-menu-icon__bar, .csstransitions .hamburger-menu-icon__bar::before, .csstransitions .hamburger-menu-icon__bar::after {
      transition: all ease .3s; }
  .hamburger-menu-icon__bar::before, .hamburger-menu-icon__bar::after {
    content: '';
    position: absolute;
    left: 0;
    transform: translateY(-0.3em); }
    @media (max-width: 767px) {
      .hamburger-menu-icon__bar::before, .hamburger-menu-icon__bar::after {
        transform: translateY(-0.4em); } }
  .hamburger-menu-icon__bar::after {
    transform: translateY(0.3em); }
    @media (max-width: 767px) {
      .hamburger-menu-icon__bar::after {
        transform: translateY(0.4em); } }
  .csstransforms .open .hamburger-menu-icon__bar {
    background-color: transparent; }
    .csstransforms .open .hamburger-menu-icon__bar::before {
      transform: translateY(0rem);
      transform: rotate(45deg); }
    .csstransforms .open .hamburger-menu-icon__bar::after {
      transform: translateY(0rem);
      transform: rotate(-45deg); }

@media (max-width: 767px) {
  body.menu-open {
    overflow: hidden; } }

/* MOBILE */
.nav-primary {
  background-color: #009835;
  position: relative;
  height: 50px; }
  .nav-primary .mobile-menu {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0; }
    .nav-primary .mobile-menu > li {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .nav-primary .mobile-menu li:has(a.show-for-large-up) {
        display: none; } }
    .nav-primary .mobile-menu ul {
      display: static; }
  .nav-primary .shop-link {
    position: relative;
    left: 10px; }
    .nav-primary .shop-link a i::before {
      right: 6px;
      top: 0 !important; }
  .nav-primary ul li {
    margin-right: 25px;
    margin-right: 15px;
    float: none; }
    .nav-primary ul li.shop-link a i, .nav-primary ul li.shop-link a span,
    .nav-primary ul li.shop-link span i,
    .nav-primary ul li.shop-link span span,
    .nav-primary ul li.shop-link a:link i,
    .nav-primary ul li.shop-link a:link span, .nav-primary ul li.shop-link a:visited i, .nav-primary ul li.shop-link a:visited span {
      color: #fff; }
    @media only screen and (min-width: 48em) {
      .nav-primary ul li.shop-link {
        display: none; } }
    @media only screen and (min-width: 48em) {
      .nav-primary ul li.menu-icon {
        position: inherit;
        right: auto;
        top: auto; } }

/* MEDIUM UP */
@media only screen and (min-width: 48em) {
  .nav-primary {
    background-color: #fff;
    min-height: 85px;
    height: auto; }
    .nav-primary .logo-acsi {
      position: absolute;
      top: -35px;
      left: 0;
      background-size: unset;
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
      background-position: -130px -163px;
      width: 124px;
      height: 112px; } }
    @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
      .nav-primary .logo-acsi {
        background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
        background-position: -130px -163px;
        width: 124px;
        height: 112px;
        background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
    .nav-primary .mobile-menu {
      text-align: right;
      margin: 0 10px 0 0; }
      .nav-primary .mobile-menu .language-selection {
        display: none; }
      .nav-primary .mobile-menu a:link, .nav-primary .mobile-menu a:visited {
        text-decoration: none; }
      .nav-primary .mobile-menu a:hover, .nav-primary .mobile-menu a:focus {
        text-decoration: none; }
      .nav-primary .mobile-menu a:active {
        text-decoration: none; }
    .nav-primary .menu-collapse {
      position: absolute;
      width: auto;
      right: 0;
      top: 85px; }
    .nav-primary .mobile-menu-label {
      color: #1276B3; }
      .nav-primary .mobile-menu-label:hover {
        color: #1276B3; }
  .nav-secondary {
    background: #009835;
    padding: 10px 0;
    text-align: right;
    margin-bottom: 0;
    position: relative; }
    .nav-secondary ul {
      position: relative; }
      .nav-secondary ul li {
        margin-right: 33px;
        display: inline;
        position: relative; }
        .nav-secondary ul li:last-child {
          margin-right: 22px; }
    .nav-secondary .icon--mr:before {
      margin-right: 10px; }
    .nav-secondary .dropdown__toggle:link, .nav-secondary .dropdown__toggle:visited, .nav-secondary .dropdown__toggle:hover, .nav-secondary .dropdown__toggle:active {
      text-decoration: none;
      cursor: pointer; }
    .nav-secondary .dropdown__toggle:after {
      content: "\e913";
      font-family: "icomoon";
      position: relative;
      transition: transform 0.2s;
      display: inline-block;
      color: #fff; }
    .nav-secondary .dropdown__toggle.open:after {
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg); } }
  @media only screen and (min-width: 48em) and (min-width: 48em) {
    .nav-secondary .language-dropdown span {
      display: none; } }

@media only screen and (min-width: 48em) {
    .nav-secondary .menu-collapse {
      top: 34px;
      right: -15px;
      position: absolute;
      z-index: 1000; }
      .nav-secondary .menu-collapse li {
        display: block;
        white-space: nowrap; }
  .hamburger-menu-icon span:nth-child(2) {
    margin-left: 10px; } }

.nav-primary .menu-collapse,
.nav-secondary .menu-collapse {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  z-index: 1000;
  background: #fff;
  display: none; }
  .nav-primary .menu-collapse li,
  .nav-secondary .menu-collapse li {
    border-bottom: 1px solid #cccccc;
    display: block;
    text-align: left;
    margin-right: 0;
    margin-bottom: 0; }
    .nav-primary .menu-collapse li:last-of-type,
    .nav-secondary .menu-collapse li:last-of-type {
      margin: 0; }
    .nav-primary .menu-collapse li a,
    .nav-secondary .menu-collapse li a {
      display: block;
      padding: 15px; }
    .nav-primary .menu-collapse li ul,
    .nav-secondary .menu-collapse li ul {
      background: #F1EFEB;
      border-top: 1px solid #cccccc;
      display: none; }
      .nav-primary .menu-collapse li ul li,
      .nav-secondary .menu-collapse li ul li {
        border-bottom: 0; }
  .nav-primary .menu-collapse .has-dropdown a::after,
  .nav-secondary .menu-collapse .has-dropdown a::after {
    content: "\e913";
    font-family: "icomoon";
    right: 15px;
    position: absolute;
    transition: transform 0.2s; }
  .nav-primary .menu-collapse .has-dropdown a.open,
  .nav-secondary .menu-collapse .has-dropdown a.open {
    text-decoration: none; }
    .nav-primary .menu-collapse .has-dropdown a.open::after,
    .nav-secondary .menu-collapse .has-dropdown a.open::after {
      transform: rotate(180deg); }
  .nav-primary .menu-collapse .has-dropdown ul li a::after,
  .nav-secondary .menu-collapse .has-dropdown ul li a::after {
    content: ""; }
  @media (max-width: 767px) {
    .nav-primary .menu-collapse,
    .nav-secondary .menu-collapse {
      top: 50px;
      left: 0;
      bottom: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      width: 100%;
      position: fixed; } }
  .nav-primary .menu-collapse .flag,
  .nav-secondary .menu-collapse .flag {
    margin-right: 18px;
    margin-top: 0; }

.nav-primary a i,
.nav-primary a span i,
.nav-primary a:active i,
.nav-primary a:focus i,
.nav-primary a:hover i,
.nav-primary a:visited i {
  color: #009835; }

@media (max-width: 767px) {
  .nav-primary a,
  .nav-primary a span,
  .nav-primary a:active,
  .nav-primary a:focus,
  .nav-primary a:hover,
  .nav-primary a:visited {
    color: #fff; } }

.nav-primary a span,
.nav-primary a span span,
.nav-primary a:active span,
.nav-primary a:focus span,
.nav-primary a:hover span,
.nav-primary a:visited span {
  color: #1276B3; }
  @media (max-width: 767px) {
    .nav-primary a span,
    .nav-primary a span span,
    .nav-primary a:active span,
    .nav-primary a:focus span,
    .nav-primary a:hover span,
    .nav-primary a:visited span {
      color: #fff; } }

.nav-secondary a i, .nav-secondary a span,
.nav-secondary span i,
.nav-secondary span span,
.nav-secondary a:link i,
.nav-secondary a:link span, .nav-secondary a:visited i, .nav-secondary a:visited span {
  color: #fff; }

.nav-secondary a:focus,
.nav-secondary a:hover {
  color: #fff;
  text-decoration: underline; }
  .nav-secondary a:focus i, .nav-secondary a:focus span,
  .nav-secondary a:hover i,
  .nav-secondary a:hover span {
    color: #fff; }

.language-selection a:link i, .language-selection a:link span, .language-selection a:visited i, .language-selection a:visited span {
  color: #1276B3; }

.opening-time-header {
  display: none;
  position: fixed;
  background-color: red;
  height: 40px;
  width: 100%;
  z-index: 1000000;
  justify-content: center;
  align-items: center; }

.menu-collapse li:hover, .menu-collapse li:focus {
  background: #66c186;
  text-decoration: none; }
  .menu-collapse li:hover i, .menu-collapse li:focus i {
    color: #fff; }
  .menu-collapse li:hover a,
  .menu-collapse li:hover span,
  .menu-collapse li:hover a:focus,
  .menu-collapse li:hover a:hover, .menu-collapse li:focus a,
  .menu-collapse li:focus span,
  .menu-collapse li:focus a:focus,
  .menu-collapse li:focus a:hover {
    color: #fff;
    text-decoration: none; }
    .menu-collapse li:hover a span,
    .menu-collapse li:hover span span,
    .menu-collapse li:hover a:focus span,
    .menu-collapse li:hover a:hover span, .menu-collapse li:focus a span,
    .menu-collapse li:focus span span,
    .menu-collapse li:focus a:focus span,
    .menu-collapse li:focus a:hover span {
      color: #fff;
      text-decoration: none; }

.menu-collapse li a,
.menu-collapse li span,
.menu-collapse li a:active,
.menu-collapse li a:visited {
  color: #1276B3;
  text-decoration: none; }
  .menu-collapse li a span,
  .menu-collapse li span span,
  .menu-collapse li a:active span,
  .menu-collapse li a:visited span {
    color: #1276B3;
    text-decoration: none; }

.menu-collapse li.has-dropdown ul li,
.menu-collapse li.has-dropdown ul li:hover,
.menu-collapse li.has-dropdown ul li:focus {
  background: #F1EFEB; }
  .menu-collapse li.has-dropdown ul li a,
  .menu-collapse li.has-dropdown ul li span,
  .menu-collapse li.has-dropdown ul li a:active,
  .menu-collapse li.has-dropdown ul li a:focus,
  .menu-collapse li.has-dropdown ul li a:hover,
  .menu-collapse li.has-dropdown ul li a:visited,
  .menu-collapse li.has-dropdown ul li:hover a,
  .menu-collapse li.has-dropdown ul li:hover span,
  .menu-collapse li.has-dropdown ul li:hover a:active,
  .menu-collapse li.has-dropdown ul li:hover a:focus,
  .menu-collapse li.has-dropdown ul li:hover a:hover,
  .menu-collapse li.has-dropdown ul li:hover a:visited,
  .menu-collapse li.has-dropdown ul li:focus a,
  .menu-collapse li.has-dropdown ul li:focus span,
  .menu-collapse li.has-dropdown ul li:focus a:active,
  .menu-collapse li.has-dropdown ul li:focus a:focus,
  .menu-collapse li.has-dropdown ul li:focus a:hover,
  .menu-collapse li.has-dropdown ul li:focus a:visited {
    color: #1276B3;
    text-decoration: none; }
    .menu-collapse li.has-dropdown ul li a span,
    .menu-collapse li.has-dropdown ul li span span,
    .menu-collapse li.has-dropdown ul li a:active span,
    .menu-collapse li.has-dropdown ul li a:focus span,
    .menu-collapse li.has-dropdown ul li a:hover span,
    .menu-collapse li.has-dropdown ul li a:visited span,
    .menu-collapse li.has-dropdown ul li:hover a span,
    .menu-collapse li.has-dropdown ul li:hover span span,
    .menu-collapse li.has-dropdown ul li:hover a:active span,
    .menu-collapse li.has-dropdown ul li:hover a:focus span,
    .menu-collapse li.has-dropdown ul li:hover a:hover span,
    .menu-collapse li.has-dropdown ul li:hover a:visited span,
    .menu-collapse li.has-dropdown ul li:focus a span,
    .menu-collapse li.has-dropdown ul li:focus span span,
    .menu-collapse li.has-dropdown ul li:focus a:active span,
    .menu-collapse li.has-dropdown ul li:focus a:focus span,
    .menu-collapse li.has-dropdown ul li:focus a:hover span,
    .menu-collapse li.has-dropdown ul li:focus a:visited span {
      color: #1276B3;
      text-decoration: none; }

.nav-secondary ul .mobile__language__menu {
  display: block; }
  @media only screen and (min-width: 48em) {
    .nav-secondary ul .mobile__language__menu {
      display: none; } }

.nav-primary .menu-collapse .desktop__language__menu {
  display: none; }
  @media only screen and (min-width: 48em) {
    .nav-primary .menu-collapse .desktop__language__menu {
      display: inline; } }

.portal-menu-logo, .portal-menu-logo-acsi, .portal-menu-logo-clubid, .portal-menu-logo-eurocampings, .portal-menu-logo-greatlittle, .portal-menu-logo-campingtours, .portal-menu-logo-verzekeringen, .portal-menu-logo-freelife, .portal-menu-logo-webshop, .portal-menu-logo-campingcard, .de .portal-menu-logo-campingtours, .en .portal-menu-logo-campingtours {
  background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/212f58cbb6e28451245a.svg);
  display: block;
  width: 100%;
  padding-bottom: 27.5%; }

.portal-menu-logo-acsi {
  background-position: 0% 90.90909%;
  background-size: cover; }

.portal-menu-logo-clubid {
  background-position: 0% 9.09091%;
  background-size: cover; }

.portal-menu-logo-eurocampings {
  background-position: 0% 27.27273%;
  background-size: cover; }

.portal-menu-logo-greatlittle {
  background-position: 0% 45.45455%;
  background-size: cover; }

.portal-menu-logo-campingtours {
  background-position: 0% 72.72727%;
  background-size: cover; }

.portal-menu-logo-verzekeringen {
  background-position: 0% 18.18182%;
  background-size: cover; }

.portal-menu-logo-freelife {
  background-position: 0% 36.36364%;
  background-size: cover; }

.portal-menu-logo-webshop {
  background-position: 0% 81.81818%;
  background-size: cover; }

.portal-menu-logo-campingcard {
  background-position: 0% 0%;
  background-size: cover; }

.de .portal-menu-logo-campingtours {
  background-position: 0% 100%;
  background-size: cover; }

.en .portal-menu-logo-campingtours {
  background-position: 0% 54.54545%;
  background-size: cover; }

.portal-menu {
  background: #ebebe1;
  padding: 40px 0;
  display: none; }
  .portal-menu .close-button {
    position: absolute;
    right: 10px; }
  .portal-menu nav {
    margin-bottom: 0;
    margin-top: 10px; }
  .portal-menu .item {
    margin-bottom: 20px; }
    .portal-menu .item .item--inner {
      background: #fff;
      text-align: center;
      padding: 25px 20px 35px; }
      .portal-menu .item .item--inner h2 {
        color: #1276B3;
        font-size: 1.125rem;
        font-weight: bold;
        font-family: Arial;
        letter-spacing: 0;
        margin-top: 16px; }
      .portal-menu .item .item--inner p {
        color: #666666;
        margin-bottom: 20px;
        line-height: 1.3; }
      .portal-menu .item .item--inner .btn, .portal-menu .item .item--inner .btn-darker-grey, .portal-menu .item .item--inner .btn-primary,
      .portal-menu .item .item--inner .btn-orange, .portal-menu .item .item--inner .btn-secondary, .portal-menu .item .item--inner .btn-secondary-inverse, .portal-menu .item .item--inner .btn-secondary-inverse-without-focus, .portal-menu .item .item--inner .btn-tertiary, .portal-menu .item .item--inner .btn-border, .portal-menu .item .item--inner .btn-ghost, .portal-menu .item .item--inner .btn-white, .portal-menu .item .item--inner .btn-grey, .portal-menu .item .item--inner .btn-link {
        width: 76%;
        margin: 10px auto 0; }
  .portal-menu button {
    margin: 0 5px 0 0;
    display: block; }

.portal-menu-toggle {
  cursor: pointer; }

.portal-menu-toggle::after {
  content: "\e938";
  font-family: "icomoon";
  right: -10px;
  position: relative;
  display: inline-block;
  color: #fff;
  top: .1em;
  transition: transform 0.2s; }
  .portal-menu-toggle::after:hover, .portal-menu-toggle::after:active, .portal-menu-toggle::after:focus {
    text-decoration: none; }

.portal-menu-toggle.open::after {
  transform: rotate(180deg);
  transform-origin: 50% 36%; }
  .portal-menu-toggle.open::after:hover, .portal-menu-toggle.open::after:active, .portal-menu-toggle.open::after:focus {
    text-decoration: none; }

/**
* For displaying * for mandatory fields in form
*/
.form-field-mandatory:after {
  content: " *"; }

.option-input + .form-field-mandatory:after {
  position: relative;
  top: -7px; }

input[type="checkbox"].option-input + label.form-field-mandatory .option-input__label {
  display: inline-block;
  padding-right: 0em;
  padding-left: 2em;
  overflow: hidden; }

@media (min-width: 480px) {
  .form--app-code .btn--app-code {
    position: absolute;
    top: 0; } }

.form--app-code .form-control--valid input[type="submit"] {
  border: 1px solid #e60003; }

.form--app-code .form-control {
  position: relative; }

.btn, .btn-darker-grey, .btn-primary,
.btn-orange, .btn-secondary, .btn-secondary-inverse, .btn-secondary-inverse-without-focus, .btn-tertiary, .btn-border, .btn-ghost, .btn-white, .btn-grey, .btn-link {
  display: inline-block;
  border-radius: 4px;
  text-indent: 0;
  color: #fff;
  text-decoration: none !important;
  border: 1px solid #32AC5D;
  background-color: #32AC5D;
  padding: 0.5em 1em;
  text-align: center;
  outline: none;
  width: 100%;
  margin: 0;
  vertical-align: middle;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
  .btn:active, .btn-darker-grey:active, .btn-primary:active,
  .btn-orange:active, .btn-secondary:active, .btn-secondary-inverse:active, .btn-secondary-inverse-without-focus:active, .btn-tertiary:active, .btn-border:active, .btn-ghost:active, .btn-white:active, .btn-grey:active, .btn-link:active, .btn:focus, .btn-darker-grey:focus, .btn-primary:focus,
  .btn-orange:focus, .btn-secondary:focus, .btn-secondary-inverse:focus, .btn-secondary-inverse-without-focus:focus, .btn-tertiary:focus, .btn-border:focus, .btn-ghost:focus, .btn-white:focus, .btn-grey:focus, .btn-link:focus, .btn:hover, .btn-darker-grey:hover, .btn-primary:hover,
  .btn-orange:hover, .btn-secondary:hover, .btn-secondary-inverse:hover, .btn-secondary-inverse-without-focus:hover, .btn-tertiary:hover, .btn-border:hover, .btn-ghost:hover, .btn-white:hover, .btn-grey:hover, .btn-link:hover {
    background: #009835;
    border-color: #009835; }
  .btn:focus, .btn-darker-grey:focus, .btn-primary:focus,
  .btn-orange:focus, .btn-secondary:focus, .btn-secondary-inverse:focus, .btn-secondary-inverse-without-focus:focus, .btn-tertiary:focus, .btn-border:focus, .btn-ghost:focus, .btn-white:focus, .btn-grey:focus, .btn-link:focus {
    outline: none; }
  .btn:visited, .btn-darker-grey:visited, .btn-primary:visited,
  .btn-orange:visited, .btn-secondary:visited, .btn-secondary-inverse:visited, .btn-secondary-inverse-without-focus:visited, .btn-tertiary:visited, .btn-border:visited, .btn-ghost:visited, .btn-white:visited, .btn-grey:visited, .btn-link:visited {
    color: #fff; }

.btn-small {
  font-size: 90%;
  padding: .3em .6em; }

.btn-smaller {
  font-size: 80%;
  padding: .2em .4em; }

.btn-wide {
  padding: 0.5em 2em; }

.btn-darker-grey {
  background-color: #666666;
  border: 1px solid #666666; }
  .btn-darker-grey:active, .btn-darker-grey:focus, .btn-darker-grey:hover {
    background: #999999; }

.btn-primary,
.btn-orange {
  background-color: #DF3C41;
  border: 1px solid #DF3C41; }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
  .btn-orange:active,
  .btn-orange:focus,
  .btn-orange:hover {
    background: #e60003;
    border-color: #e60003; }
  .btn-primary:disabled,
  .btn-orange:disabled {
    cursor: none;
    pointer-events: none;
    opacity: 0.6; }

.btn-secondary {
  background-color: transparent;
  border: 1px solid #1276B3;
  color: #1276B3 !important; }
  .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
    background: #1276B3;
    border-color: #1276B3;
    color: #fff !important; }
  .btn-secondary.disabled {
    cursor: none;
    pointer-events: none;
    opacity: 0.6; }

.btn-secondary-inverse {
  background-color: #1276B3;
  border: 1px solid #1276B3;
  color: #fff !important; }
  .btn-secondary-inverse:active, .btn-secondary-inverse:focus, .btn-secondary-inverse:hover {
    background: #fff;
    border-color: #1276B3;
    color: #1276B3 !important; }

.btn-secondary-inverse-without-focus {
  background-color: #1276B3;
  border: 1px solid #1276B3;
  color: #fff !important; }
  .btn-secondary-inverse-without-focus.js-notify-me-button-price-grid {
    font-size: 14px;
    padding: 4px;
    width: fit-content;
    align-self: center;
    display: flex; }
  .btn-secondary-inverse-without-focus:active, .btn-secondary-inverse-without-focus:focus, .btn-secondary-inverse-without-focus:hover {
    opacity: 0.8;
    background-color: #1276B3;
    border: 1px solid #1276B3;
    color: #fff !important; }

.btn-tertiary {
  background-color: #fbce73;
  border: 1px solid #fbce73;
  color: #333 !important; }
  .btn-tertiary:active, .btn-tertiary:focus, .btn-tertiary:hover {
    background: #F7B602;
    border-color: #F7B602;
    color: #333 !important; }

.btn-border {
  background-color: #fff;
  color: #009835;
  border: 1px solid #009835; }
  .btn-border:active, .btn-border:focus, .btn-border:hover {
    background: #fff;
    border-color: #32AC5D; }

.btn-ghost {
  background-color: #fff;
  color: #009835;
  border: 1px solid #009835; }
  .btn-ghost:hover {
    color: #fff !important; }
    .btn-ghost:hover span {
      color: #fff;
      text-decoration: none; }
  .btn-ghost:active, .btn-ghost:focus, .btn-ghost:hover {
    background-color: #009835; }

.btn-white {
  background-color: #fff;
  color: #666666;
  border: 1px solid #cccccc; }
  .btn-white:hover {
    color: #999999 !important; }
    .btn-white:hover span {
      color: #999999;
      text-decoration: none; }
  .btn-white:active, .btn-white:focus, .btn-white:hover {
    background: #f0f0f0;
    border-color: #cccccc; }

.btn-grey {
  background-color: #F1EFEB;
  border: 1px solid #cccccc;
  color: #999999; }
  .btn-grey:active, .btn-grey:focus, .btn-grey:hover {
    background: #cccccc;
    border-color: #cccccc;
    color: #fff !important; }

.btn-link {
  background-color: transparent;
  border: none;
  color: #1276B3; }
  .btn-link:active, .btn-link:focus, .btn-link:hover {
    background: transparent;
    border: none;
    color: #1276B3 !important; }

.btn-as-link {
  background-color: transparent;
  border: none;
  color: #1276B3 !important; }
  .btn-as-link:active, .btn-as-link:focus, .btn-as-link:hover {
    background: transparent;
    border: none;
    color: #1276B3 !important;
    text-decoration: underline; }

.btn-auto {
  width: auto; }

a.btn, a.btn-darker-grey, a.btn-primary,
a.btn-orange, a.btn-secondary, a.btn-secondary-inverse, a.btn-secondary-inverse-without-focus, a.btn-tertiary, a.btn-border, a.btn-ghost, a.btn-white, a.btn-grey, a.btn-link,
span.btn,
span.btn-darker-grey,
span.btn-primary,
span.btn-orange,
span.btn-secondary,
span.btn-secondary-inverse,
span.btn-secondary-inverse-without-focus,
span.btn-tertiary,
span.btn-border,
span.btn-ghost,
span.btn-white,
span.btn-grey,
span.btn-link,
a span.btn,
a span.btn-darker-grey,
a span.btn-primary,
a span.btn-orange,
a span.btn-secondary,
a span.btn-secondary-inverse,
a span.btn-secondary-inverse-without-focus,
a span.btn-tertiary,
a span.btn-border,
a span.btn-ghost,
a span.btn-white,
a span.btn-grey,
a span.btn-link {
  color: #fff; }
  a.btn:active, a.btn-darker-grey:active, a.btn-primary:active,
  a.btn-orange:active, a.btn-secondary:active, a.btn-secondary-inverse:active, a.btn-secondary-inverse-without-focus:active, a.btn-tertiary:active, a.btn-border:active, a.btn-ghost:active, a.btn-white:active, a.btn-grey:active, a.btn-link:active, a.btn:focus, a.btn-darker-grey:focus, a.btn-primary:focus,
  a.btn-orange:focus, a.btn-secondary:focus, a.btn-secondary-inverse:focus, a.btn-secondary-inverse-without-focus:focus, a.btn-tertiary:focus, a.btn-border:focus, a.btn-ghost:focus, a.btn-white:focus, a.btn-grey:focus, a.btn-link:focus, a.btn:hover, a.btn-darker-grey:hover, a.btn-primary:hover,
  a.btn-orange:hover, a.btn-secondary:hover, a.btn-secondary-inverse:hover, a.btn-secondary-inverse-without-focus:hover, a.btn-tertiary:hover, a.btn-border:hover, a.btn-ghost:hover, a.btn-white:hover, a.btn-grey:hover, a.btn-link:hover,
  span.btn:active,
  span.btn-darker-grey:active,
  span.btn-primary:active,
  span.btn-orange:active,
  span.btn-secondary:active,
  span.btn-secondary-inverse:active,
  span.btn-secondary-inverse-without-focus:active,
  span.btn-tertiary:active,
  span.btn-border:active,
  span.btn-ghost:active,
  span.btn-white:active,
  span.btn-grey:active,
  span.btn-link:active,
  span.btn:focus,
  span.btn-darker-grey:focus,
  span.btn-primary:focus,
  span.btn-orange:focus,
  span.btn-secondary:focus,
  span.btn-secondary-inverse:focus,
  span.btn-secondary-inverse-without-focus:focus,
  span.btn-tertiary:focus,
  span.btn-border:focus,
  span.btn-ghost:focus,
  span.btn-white:focus,
  span.btn-grey:focus,
  span.btn-link:focus,
  span.btn:hover,
  span.btn-darker-grey:hover,
  span.btn-primary:hover,
  span.btn-orange:hover,
  span.btn-secondary:hover,
  span.btn-secondary-inverse:hover,
  span.btn-secondary-inverse-without-focus:hover,
  span.btn-tertiary:hover,
  span.btn-border:hover,
  span.btn-ghost:hover,
  span.btn-white:hover,
  span.btn-grey:hover,
  span.btn-link:hover,
  a span.btn:active,
  a span.btn-darker-grey:active,
  a span.btn-primary:active,
  a span.btn-orange:active,
  a span.btn-secondary:active,
  a span.btn-secondary-inverse:active,
  a span.btn-secondary-inverse-without-focus:active,
  a span.btn-tertiary:active,
  a span.btn-border:active,
  a span.btn-ghost:active,
  a span.btn-white:active,
  a span.btn-grey:active,
  a span.btn-link:active,
  a span.btn:focus,
  a span.btn-darker-grey:focus,
  a span.btn-primary:focus,
  a span.btn-orange:focus,
  a span.btn-secondary:focus,
  a span.btn-secondary-inverse:focus,
  a span.btn-secondary-inverse-without-focus:focus,
  a span.btn-tertiary:focus,
  a span.btn-border:focus,
  a span.btn-ghost:focus,
  a span.btn-white:focus,
  a span.btn-grey:focus,
  a span.btn-link:focus,
  a span.btn:hover,
  a span.btn-darker-grey:hover,
  a span.btn-primary:hover,
  a span.btn-orange:hover,
  a span.btn-secondary:hover,
  a span.btn-secondary-inverse:hover,
  a span.btn-secondary-inverse-without-focus:hover,
  a span.btn-tertiary:hover,
  a span.btn-border:hover,
  a span.btn-ghost:hover,
  a span.btn-white:hover,
  a span.btn-grey:hover,
  a span.btn-link:hover {
    color: #fff; }
  a.btn.btn-grey, a.btn-grey,
  span.btn.btn-grey,
  span.btn-grey,
  a span.btn.btn-grey,
  a span.btn-grey.btn-darker-grey,
  a span.btn-grey.btn-primary,
  a span.btn-grey.btn-orange,
  a span.btn-grey.btn-secondary,
  a span.btn-grey.btn-secondary-inverse,
  a span.btn-grey.btn-secondary-inverse-without-focus,
  a span.btn-grey.btn-tertiary,
  a span.btn-grey.btn-border,
  a span.btn-grey.btn-ghost,
  a span.btn-grey.btn-white,
  a span.btn-grey,
  a span.btn-grey.btn-link {
    color: #999999; }
  a.btn.btn-white, a.btn-white,
  span.btn.btn-white,
  span.btn-white,
  a span.btn.btn-white,
  a span.btn-white.btn-darker-grey,
  a span.btn-white.btn-primary,
  a span.btn-white.btn-orange,
  a span.btn-white.btn-secondary,
  a span.btn-white.btn-secondary-inverse,
  a span.btn-white.btn-secondary-inverse-without-focus,
  a span.btn-white.btn-tertiary,
  a span.btn-white.btn-border,
  a span.btn-white.btn-ghost,
  a span.btn-white,
  a span.btn-white.btn-grey,
  a span.btn-white.btn-link {
    color: #666666; }
  a.btn.btn-border, a.btn-border,
  span.btn.btn-border,
  span.btn-border,
  a span.btn.btn-border,
  a span.btn-border.btn-darker-grey,
  a span.btn-border.btn-primary,
  a span.btn-border.btn-orange,
  a span.btn-border.btn-secondary,
  a span.btn-border.btn-secondary-inverse,
  a span.btn-border.btn-secondary-inverse-without-focus,
  a span.btn-border.btn-tertiary,
  a span.btn-border,
  a span.btn-border.btn-ghost,
  a span.btn-border.btn-white,
  a span.btn-border.btn-grey,
  a span.btn-border.btn-link {
    color: #009835; }
  a.btn.btn-orange,
  a.btn-orange,
  span.btn.btn-orange,
  span.btn-orange,
  a span.btn.btn-orange,
  a span.btn-orange.btn-darker-grey,
  a span.btn-orange.btn-primary,
  a span.btn-orange,
  a span.btn-orange.btn-secondary,
  a span.btn-orange.btn-secondary-inverse,
  a span.btn-orange.btn-secondary-inverse-without-focus,
  a span.btn-orange.btn-tertiary,
  a span.btn-orange.btn-border,
  a span.btn-orange.btn-ghost,
  a span.btn-orange.btn-white,
  a span.btn-orange.btn-grey,
  a span.btn-orange.btn-link {
    color: #fff; }
  a.btn.btn-link, a.btn-link,
  span.btn.btn-link,
  span.btn-link,
  a span.btn.btn-link,
  a span.btn-link.btn-darker-grey,
  a span.btn-link.btn-primary,
  a span.btn-link.btn-orange,
  a span.btn-link.btn-secondary,
  a span.btn-link.btn-secondary-inverse,
  a span.btn-link.btn-secondary-inverse-without-focus,
  a span.btn-link.btn-tertiary,
  a span.btn-link.btn-border,
  a span.btn-link.btn-ghost,
  a span.btn-link.btn-white,
  a span.btn-link.btn-grey,
  a span.btn-link {
    color: #1276B3; }

@media only screen and (min-width: 30em) {
  .btn, .btn-darker-grey, .btn-primary,
  .btn-orange, .btn-secondary, .btn-secondary-inverse, .btn-secondary-inverse-without-focus, .btn-tertiary, .btn-border, .btn-ghost, .btn-white, .btn-grey, .btn-link {
    width: auto; }
  .btn-right {
    border-radius: 0px 3px 3px 0px;
    position: absolute;
    right: 0;
    border: 0; }
  .btn-full {
    width: 100%; } }

.btn-icon i {
  border-radius: 4px;
  background-color: #009835;
  color: #fff;
  padding: .22em;
  line-height: 1; }

.acsi__close__button {
  width: 40px;
  height: 40px;
  font-family: "icomoon";
  font-size: 1.8em;
  padding: .1em;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s;
  color: #333;
  background-color: #fff; }
  .acsi__close__button:before {
    content: "\E931"; }

.form-control--error label {
  color: #e60003; }

.form-control--error input {
  border: 1px solid #e60003 !important; }

.form-control--valid {
  position: relative; }
  .form-control--valid input {
    border: 1px solid #32AC5D !important; }

.form-control__feedback {
  display: none;
  font-size: 90%; }
  .form-control__feedback.icon-check {
    display: inline-block;
    color: #32AC5D; }
  .form-control__feedback.icon-none {
    display: inline-block;
    color: #e60003; }

span.error,
label.error,
input[type="text"] ~ span.error,
input[type="password"] ~ span.error,
input[type="datetime"] ~ span.error,
input[type="datetime-local"] ~ span.error,
input[type="month"] ~ span.error,
input[type="date"] ~ span.error,
input[type="time"] ~ span.error,
input[type="week"] ~ span.error,
input[type="number"] ~ span.error,
input[type="email"] ~ span.error,
input[type="url"] ~ span.error,
input[type="search"] ~ span.error,
input[type="tel"] ~ span.error,
input[type="color"] ~ span.error,
select ~ span.error,
textarea ~ span.error,
.field ~ span.error {
  border-radius: 3px;
  color: #e60003;
  background-color: #facccd;
  padding: .5em;
  margin-top: .5em;
  position: relative;
  display: block; }
  span.error:after,
  label.error:after,
  input[type="text"] ~ span.error:after,
  input[type="password"] ~ span.error:after,
  input[type="datetime"] ~ span.error:after,
  input[type="datetime-local"] ~ span.error:after,
  input[type="month"] ~ span.error:after,
  input[type="date"] ~ span.error:after,
  input[type="time"] ~ span.error:after,
  input[type="week"] ~ span.error:after,
  input[type="number"] ~ span.error:after,
  input[type="email"] ~ span.error:after,
  input[type="url"] ~ span.error:after,
  input[type="search"] ~ span.error:after,
  input[type="tel"] ~ span.error:after,
  input[type="color"] ~ span.error:after,
  select ~ span.error:after,
  textarea ~ span.error:after,
  .field ~ span.error:after {
    left: 45px;
    margin-left: -15px;
    bottom: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid #facccd; }

/*********************
FORM LAYOUT
*********************/
.form-horizontal, .form-vertical {
  /* Reset bottom margins */ }
  .form-horizontal .list-dropdown, .form-vertical .list-dropdown {
    margin-bottom: 0; }
  .form-horizontal .form-title, .form-vertical .form-title {
    display: block;
    margin-bottom: 8px; }
  .form-horizontal .form-control__label,
  .form-horizontal .form-control__feedback, .form-vertical .form-control__label,
  .form-vertical .form-control__feedback {
    display: block;
    padding-top: 8px; }
  .form-horizontal .form-control, .form-vertical .form-control {
    margin-bottom: 16px; }
    .form-horizontal .form-control:last-child, .form-vertical .form-control:last-child {
      margin-bottom: 0; }
  .form-horizontal ul,
  .form-horizontal .island, .form-vertical ul,
  .form-vertical .island {
    margin-bottom: 0; }
  .form-horizontal fieldset, .form-vertical fieldset {
    border: none; }
    .form-horizontal fieldset legend, .form-vertical fieldset legend {
      font-weight: bold;
      position: relative;
      margin-left: 39px; }
      .form-horizontal fieldset legend .step, .form-vertical fieldset legend .step {
        border-radius: 40px;
        background: #1276B3;
        position: absolute;
        left: -39px;
        top: -4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: white;
        padding-left: 11px; }

.form__extra-info {
  margin-top: 10px; }

/*********************
FORM LAYOUT
*********************/
.form label,
.form .label {
  display: block;
  margin-bottom: 5px; }

.form .form-control {
  margin-bottom: 8px; }
  .form .form-control:last-child {
    margin-bottom: 0; }

/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="date"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: inline-block;
  border-radius: 3px;
  -webkit-appearance: none;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #cccccc;
  color: #999999;
  margin: 0;
  padding: .5em;
  width: 100%;
  vertical-align: middle;
  line-height: 1.3;
  min-height: 2.5em; }
  input[type="text"].placeholder,
  input[type="password"].placeholder,
  input[type="datetime"].placeholder,
  input[type="datetime-local"].placeholder,
  input[type="month"].placeholder,
  input[type="date"].placeholder,
  input[type="time"].placeholder,
  input[type="week"].placeholder,
  input[type="number"].placeholder,
  input[type="email"].placeholder,
  input[type="url"].placeholder,
  input[type="search"].placeholder,
  input[type="tel"].placeholder,
  input[type="color"].placeholder,
  select.placeholder,
  textarea.placeholder,
  .field.placeholder {
    color: #999999; }
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder,
  .field:-moz-placeholder {
    color: #999999; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .field::-webkit-input-placeholder {
    color: #999999; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    border-color: #009835;
    outline: none; }
  input[type="text"] ~ span.error,
  input[type="password"] ~ span.error,
  input[type="datetime"] ~ span.error,
  input[type="datetime-local"] ~ span.error,
  input[type="month"] ~ span.error,
  input[type="date"] ~ span.error,
  input[type="time"] ~ span.error,
  input[type="week"] ~ span.error,
  input[type="number"] ~ span.error,
  input[type="email"] ~ span.error,
  input[type="url"] ~ span.error,
  input[type="search"] ~ span.error,
  input[type="tel"] ~ span.error,
  input[type="color"] ~ span.error,
  select ~ span.error,
  textarea ~ span.error,
  .field ~ span.error {
    display: none;
    margin-top: 10px; }
  input[type="text"].error,
  input[type="password"].error,
  input[type="datetime"].error,
  input[type="datetime-local"].error,
  input[type="month"].error,
  input[type="date"].error,
  input[type="time"].error,
  input[type="week"].error,
  input[type="number"].error,
  input[type="email"].error,
  input[type="url"].error,
  input[type="search"].error,
  input[type="tel"].error,
  input[type="color"].error,
  select.error,
  textarea.error,
  .field.error {
    border-color: #e60003; }
    input[type="text"].error ~ span.error,
    input[type="password"].error ~ span.error,
    input[type="datetime"].error ~ span.error,
    input[type="datetime-local"].error ~ span.error,
    input[type="month"].error ~ span.error,
    input[type="date"].error ~ span.error,
    input[type="time"].error ~ span.error,
    input[type="week"].error ~ span.error,
    input[type="number"].error ~ span.error,
    input[type="email"].error ~ span.error,
    input[type="url"].error ~ span.error,
    input[type="search"].error ~ span.error,
    input[type="tel"].error ~ span.error,
    input[type="color"].error ~ span.error,
    select.error ~ span.error,
    textarea.error ~ span.error,
    .field.error ~ span.error {
      display: inline-block; }
  input[type="text"].valid,
  input[type="password"].valid,
  input[type="datetime"].valid,
  input[type="datetime-local"].valid,
  input[type="month"].valid,
  input[type="date"].valid,
  input[type="time"].valid,
  input[type="week"].valid,
  input[type="number"].valid,
  input[type="email"].valid,
  input[type="url"].valid,
  input[type="search"].valid,
  input[type="tel"].valid,
  input[type="color"].valid,
  select.valid,
  textarea.valid,
  .field.valid {
    border-color: #32AC5D; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    opacity: 0.5;
    cursor: default; }
    input[type="text"][disabled]:hover, input[type="text"].is-disabled:hover,
    input[type="password"][disabled]:hover,
    input[type="password"].is-disabled:hover,
    input[type="datetime"][disabled]:hover,
    input[type="datetime"].is-disabled:hover,
    input[type="datetime-local"][disabled]:hover,
    input[type="datetime-local"].is-disabled:hover,
    input[type="month"][disabled]:hover,
    input[type="month"].is-disabled:hover,
    input[type="date"][disabled]:hover,
    input[type="date"].is-disabled:hover,
    input[type="time"][disabled]:hover,
    input[type="time"].is-disabled:hover,
    input[type="week"][disabled]:hover,
    input[type="week"].is-disabled:hover,
    input[type="number"][disabled]:hover,
    input[type="number"].is-disabled:hover,
    input[type="email"][disabled]:hover,
    input[type="email"].is-disabled:hover,
    input[type="url"][disabled]:hover,
    input[type="url"].is-disabled:hover,
    input[type="search"][disabled]:hover,
    input[type="search"].is-disabled:hover,
    input[type="tel"][disabled]:hover,
    input[type="tel"].is-disabled:hover,
    input[type="color"][disabled]:hover,
    input[type="color"].is-disabled:hover,
    select[disabled]:hover,
    select.is-disabled:hover,
    textarea[disabled]:hover,
    textarea.is-disabled:hover,
    .field[disabled]:hover,
    .field.is-disabled:hover {
      cursor: default; }

/* Date input (with icon */
.datepicker,
input[type="date"] {
  position: relative;
  padding: .35em 0 .35em .5em;
  background: #fff url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/2d7fad5f177ae2d3ea2a.png) 98% center no-repeat; }
  .datepicker:hover,
  input[type="date"]:hover {
    background: #fff url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/fcc99d69ee0b55dc187a.png) 98% center no-repeat; }

textarea {
  width: 100%;
  min-height: 120px;
  line-height: 1.5; }

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS40OTk3IC0xLjk1MTA5ZS0wNkMxMS42NDA3IC0xLjkzODc2ZS0wNiAxMS43ODA3IDAuMDYwOTk3OSAxMS44Nzk3IDAuMTc4OTk4QzEyLjA1OTcgMC4zOTI5OTggMTIuMDM0NyAwLjcxNDk5OCAxMS44MjQ3IDAuODk4OTk4TDUuOTk4NzEgNkwwLjE3NDcxMSAwLjg5ODk5N0MtMC4wMzUyODkzIDAuNzE0OTk3IC0wLjA1OTI4OTQgMC4zOTI5OTcgMC4xMjA3MTEgMC4xNzg5OTdDMC4yOTk3MTEgLTAuMDM2MDAzMiAwLjYxNDcxIC0wLjA2MTAwMzIgMC44MjQ3MSAwLjEyMjk5N0w1Ljk5NzcxIDQuNjUzTDExLjE3MzcgMC4xMjE5OThDMTEuMjY4NyAwLjA0MDk5NzQgMTEuMzg0NyAtMS45NjExNGUtMDYgMTEuNDk5NyAtMS45NTEwOWUtMDZaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

/* Hidden labels for accessability */
.label--hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

/* form notices */
.form-notice {
  color: #999999; }

@media only screen and (min-width: 30em) {
  .form-horizontal fieldset {
    margin-left: 39px;
    margin-right: 39px; }
    .form-horizontal fieldset legend {
      margin-left: 0; } }

.form-label-with-icon {
  display: flex;
  align-items: center; }
  .form-label-with-icon .icon-info {
    margin: .5em 0 0 .5em; }

/*********************
ACCOMMODATION CONTAINER
*********************/
.accommodation-container {
  display: flex; }
  .accommodation-container__item {
    width: 48%; }

@media only screen and (min-width: 64.375em) {
  .accommodation-container__item {
    width: 172px; } }

@media only screen and (max-width: 47.938em) {
  .accommodation-container {
    justify-content: space-between; } }

@media only screen and (min-width: 48em) {
  .accommodation-container {
    justify-content: end; }
    .accommodation-container > div:nth-of-type(2) {
      margin-left: 8px; } }

#result-page-notify-me .checkbox-wrapper,
#price-grid-notify-me .checkbox-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 8px; }
  #result-page-notify-me .checkbox-wrapper input[type="checkbox"],
  #price-grid-notify-me .checkbox-wrapper input[type="checkbox"] {
    position: static;
    opacity: 1;
    z-index: auto;
    height: 16px;
    width: 16px;
    margin-top: 8px;
    box-shadow: none; }

/* Social icons */
.social-share {
  z-index: -1;
  padding: 8px 0 5px 0;
  background-color: #F1EFEB;
  border-bottom: 1px solid #cccccc; }
  .social-share .row {
    height: auto !important; }

.list--social {
  list-style: none;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  margin-bottom: 0; }
  .list--social > li {
    margin-right: 5px;
    display: inline-block;
    list-style: none; }
    .list--social > li:last-child {
      margin-right: 0; }
  .list--social .list--social__item {
    vertical-align: middle; }
    .list--social .list--social__item .list--social__icon {
      transition: all .2s ease-in-out;
      opacity: 1; }
      .list--social .list--social__item .list--social__icon:before {
        margin: 0; }
    .list--social .list--social__item .list--social__text {
      margin-left: 10px;
      white-space: pre-wrap; }
    .list--social .list--social__item .list--social__link:hover .list--social__icon,
    .list--social .list--social__item .list--social__link:focus .list--social__icon {
      opacity: 0.75; }
    .list--social .list--social__item .list--social__icon.icon-facebook {
      color: #3C5A96; }
    .list--social .list--social__item .list--social__icon.icon-twitter {
      color: #2BA9E6; }
    .list--social .list--social__item .list--social__icon.icon-youtube {
      color: #CD1F1F; }
    .list--social .list--social__item .list--social__icon.icon-email {
      color: #FFFFFF; }
  .list--social .list--social__item--email {
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #738A8D;
    text-align: center; }
    .list--social .list--social__item--email .list--social__icon.icon-email:before {
      color: #333;
      line-height: 1.45;
      font-size: 0.85em; }

.icon-position {
  display: inline-block;
  vertical-align: middle; }

.sprite-facebook {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-facebook:before {
    content: "\e924"; }

.sprite-twitter, .sprite-twitter-block {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-twitter:before, .sprite-twitter-block:before {
    content: "\e998"; }

.sprite-youtube, .sprite-youtube-block {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-youtube:before, .sprite-youtube-block:before {
    content: "\e98a"; }

.sprite-pinterest {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-pinterest:before {
    content: "\ead1"; }

.sprite-tiktok {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-tiktok:before {
    content: "\e9b7"; }

.sprite-instagram {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-instagram:before {
    content: "\e98b"; }

.sprite-instagram-block {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  width: 1em;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  background: none;
  height: auto; }
  .sprite-instagram-block:before {
    content: "\e98e"; }

.fb-page-widget {
  border: none;
  overflow: hidden; }

.section-external-media {
  order: 4;
  padding: 1rem 0 0 0.9375rem;
  position: relative;
  width: 50%; }
  .section-external-media .external-media {
    display: inline-block;
    width: 20%; }
    .section-external-media .external-media i:before {
      font-size: 36px;
      top: 10px; }

.js .accordion {
  margin-bottom: 30px; }
  .js .accordion .accordion__container__mobile {
    margin-top: 30px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0; }
  .js .accordion .accordion-item .icon--mr {
    margin-right: .5em; }
  .js .accordion .accordion-item .accordion-title {
    font-size: 16px;
    padding: 15px;
    background: #fff;
    margin: 0;
    border-bottom: 1px solid #cccccc;
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 1;
    cursor: pointer; }
    .js .accordion .accordion-item .accordion-title:after {
      font-family: "icomoon";
      display: inline-block;
      float: right;
      content: '\e913';
      margin-top: 1px; }
    .js .accordion .accordion-item .accordion-title.active:after {
      background-color: #F1EFEB;
      content: '\e938'; }
  .js .accordion .accordion-item:hover .accordion-title,
  .js .accordion .accordion-item:active .accordion-title,
  .js .accordion .accordion-item .accordion-title.active {
    color: #333;
    background-color: #F1EFEB;
    font-weight: bold; }
  .js .accordion .accordion-item .accordion-content {
    padding: 15px;
    border-bottom: 1px solid #cccccc; }

.js .accordion-wrapper {
  font-size: 18px;
  margin-bottom: 20px;
  border-bottom: 2px dotted #cccccc;
  padding-bottom: 5px; }
  .js .accordion-wrapper .accordion {
    display: flex;
    color: #007228;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border-top: 2px dotted #cccccc;
    padding-top: 10px;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 0; }
    .js .accordion-wrapper .accordion:not(:first-child) {
      margin-top: 5px; }
  .js .accordion-wrapper .accordion:before {
    font-family: "icomoon";
    content: '\e97d';
    color: #1276B3;
    float: left;
    margin-right: 6px; }
  .js .accordion-wrapper .active:before {
    font-family: "icomoon";
    content: '\e97e'; }
  .js .accordion-wrapper .panel {
    margin-top: 3px;
    padding: 0 0 0 27px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: 0;
    margin-bottom: 0; }

@media only screen and (min-width: 48em) {
  .js .accordion .accordion__container__mobile {
    border: none; } }

.cpc-redirect-background {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/837507c6e23889b799b9.png); }

.cpc-redirect {
  margin: 60px auto 0px;
  position: relative;
  text-shadow: none;
  background-color: #fff;
  max-width: 885px;
  text-align: center;
  padding: 20px;
  border-radius: 15px; }

.cpc-redirect__logo {
  width: 410px;
  margin: 0 auto !important;
  display: inline-block;
  text-align: left;
  position: relative !important; }
  .cpc-redirect__logo a {
    color: #D0E2EE !important; }

.cpc-redirect__content p {
  margin-bottom: 30px; }

@media only screen and (max-width: 47.938em) {
  body.cpc-redirect-background {
    margin-top: 0; } }

@media only screen and (max-width: 47.938em) {
  .cpc-redirect {
    margin-top: 0px; }
  .cpc-redirect__logo {
    left: 0px !important;
    margin-bottom: 30px !important; } }

@media only screen and (min-width: 48em) {
  .cpc-redirect #logo a {
    display: block;
    margin-left: 140px; }
    .cpc-redirect #logo a:after {
      content: "";
      position: absolute;
      top: -47px;
      left: -140px;
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
      background-position: 0px -163px;
      width: 130px;
      height: 112px; }
  .cpc-loader-overlay-container {
    position: relative; }
  .cpc-loader-overlay {
    position: absolute;
    top: 0;
    left: calc(50% - 125px);
    width: 250px;
    height: 150px;
    background: linear-gradient(90deg, white 0, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, white 100%), linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 95%, white 100%); } }

.loader__container {
  width: 200px;
  margin: 5% 0 0 -100px;
  padding: 10px;
  text-align: center;
  left: 50%;
  z-index: 9999;
  position: absolute; }

.loader__container--box {
  border-radius: 5px;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.25);
  background: #fff; }

.loader__container--fixed {
  position: fixed;
  top: 20%; }

.loader__container--relative {
  position: relative; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 7em;
  height: 7em; }

.loader {
  margin: 10px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 152, 53, 0.2);
  border-right: 1.1em solid rgba(0, 152, 53, 0.2);
  border-bottom: 1.1em solid rgba(0, 152, 53, 0.2);
  border-left: 1.1em solid #009835;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear; }

.loader--small,
.loader--small:after {
  width: 4em;
  height: 4em; }

.loader--small {
  margin: 5px auto;
  border-top: 0.7em solid rgba(0, 152, 53, 0.2);
  border-right: 0.7em solid rgba(0, 152, 53, 0.2);
  border-bottom: 0.7em solid rgba(0, 152, 53, 0.2);
  border-left: 0.7em solid #009835; }

.loader--very-small,
.loader--very-small:after {
  width: 1.5em;
  height: 1.5em; }

.loader--very-small {
  margin: 5px auto;
  border-top: 0.2em solid rgba(0, 152, 53, 0.2);
  border-right: 0.2em solid rgba(0, 152, 53, 0.2);
  border-bottom: 0.2em solid rgba(0, 152, 53, 0.2);
  border-left: 0.2em solid #009835;
  margin: 0; }

.loader--balloon {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.loader__btn-popover {
  left: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  margin: 0; }

.loader__btn-modal {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
  position: absolute; }

@-webkit-keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.balloon .ajax-spinner {
  display: none; }

.logo-site {
  margin-left: 45px;
  align-items: center;
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
  background-position: -254px -211px;
  width: 80px;
  height: 30px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .logo-site {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -254px -211px;
      width: 80px;
      height: 30px;
      background-size: 468.5px auto; } }
  .logo-site .site__title {
    font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
    position: relative;
    font-size: 120%;
    color: #fff;
    margin-left: -3px;
    top: 6px; }

.logo-acsi {
  position: absolute;
  top: 9px;
  left: 10px;
  background-size: 38px;
  background-repeat: no-repeat;
  height: 32px;
  width: 38px;
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/46d77cb937463d589757.svg); }

.header__container {
  align-items: center; }

.header__logo {
  flex: 1 0 10em;
  margin-left: 20px; }

@media only screen and (min-width: 48em) {
  .logo-site {
    margin-top: 0;
    margin-left: 100px;
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: 0px -90px;
    width: 266px;
    height: 73px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .logo-site {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: 0px -90px;
      width: 266px;
      height: 73px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
    .logo-site:link, .logo-site:visited {
      text-decoration: none; }
    .logo-site:hover, .logo-site:focus {
      text-decoration: none; }
    .logo-site:active {
      text-decoration: none; }
  .header__logo {
    flex: 0 0 25em; }
  .header__favourites {
    position: relative; } }

.input-group {
  display: table;
  width: 100%;
  margin: 0; }
  .input-group > li {
    display: table-cell;
    vertical-align: top; }
    .input-group > li .input-group__btn,
    .input-group > li .input-group__input {
      border-radius: 0;
      white-space: nowrap;
      box-shadow: none;
      border: 1px solid #dbdbc9; }
    .input-group > li .input-group__btn {
      margin-bottom: 0;
      border-bottom-width: 0;
      width: 100%; }
      .form--campsite-availability .input-group > li .input-group__btn {
        background-color: #F1EFEB; }
      .input-group > li .input-group__btn.btn--form {
        width: 100%; }
    .input-group > li:first-child .input-group__btn,
    .input-group > li:first-child .input-group__input {
      border-radius: 0; }
    .input-group > li:last-child .input-group__btn,
    .input-group > li:last-child .input-group__input {
      border-radius: 0; }
    .input-group > li.input-group-collapse {
      display: block;
      width: 50%;
      float: left; }
      @media only screen and (min-width: 37.5em) {
        .input-group > li.input-group-collapse {
          display: table-cell;
          width: auto;
          float: none; }
          .input-group > li.input-group-collapse .input-group__btn,
          .input-group > li.input-group-collapse .input-group__input {
            border: 1px solid #dbdbc9;
            border-left-width: 0; }
            .input-group > li.input-group-collapse .input-group__btn.btn--toggle-active,
            .input-group > li.input-group-collapse .input-group__input.btn--toggle-active {
              border-top: none;
              border-bottom: none; } }
      .input-group > li.input-group-collapse:nth-child(even) .input-group__btn,
      .input-group > li.input-group-collapse:nth-child(even) .input-group__input {
        border-left-width: 0; }
      .input-group > li.input-group-collapse:first-child .input-group__btn,
      .input-group > li.input-group-collapse:first-child .input-group__input {
        border-radius: 0; }
        @media only screen and (min-width: 37.5em) {
          .input-group > li.input-group-collapse:first-child .input-group__btn,
          .input-group > li.input-group-collapse:first-child .input-group__input {
            border-left-width: 1px; } }
      .input-group > li.input-group-collapse:first-child + li .input-group__btn,
      .input-group > li.input-group-collapse:first-child + li .input-group__input {
        border-radius: 0; }
      .input-group > li.input-group-collapse:last-child .input-group__btn,
      .input-group > li.input-group-collapse:last-child .input-group__input {
        border-radius: 0; }
      .input-group > li.input-group-collapse .input-group__btn {
        color: #333333;
        margin-bottom: 0;
        border-bottom-width: 0;
        border-color: #dbdbc9;
        background-color: #F1EFEB; }
        .input-group > li.input-group-collapse .input-group__btn.selected, .input-group > li.input-group-collapse .input-group__btn:hover, .input-group > li.input-group-collapse .input-group__btn.btn--toggle-active {
          border-color: #009835;
          background-color: #009835;
          color: #fff; }
        @media only screen and (min-width: 37.5em) {
          .input-group > li.input-group-collapse .input-group__btn {
            border-bottom-width: 1px; } }
    .input-group > li.input-group-collapse-full {
      width: 100%;
      clear: left;
      position: relative; }
      @media only screen and (min-width: 37.5em) {
        .input-group > li.input-group-collapse-full {
          width: auto;
          clear: none; } }
    .input-group > li input.input-group__input {
      height: 40px;
      line-height: 2.6; }
      @media only screen and (min-width: 64.375em) {
        .input-group > li input.input-group__input {
          height: 48px; } }

.input-with-icon {
  position: relative; }

.input__icon {
  position: absolute;
  right: 10px;
  top: calc(50% - 8px); }
  .input__icon:before {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    width: 1em;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1; }

.input__icon--select:before {
  content: '\E913'; }

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

.input-group__btn {
  padding: 0 .75em;
  height: 40px; }
  @media only screen and (min-width: 64.375em) {
    .input-group__btn {
      height: 48px; } }

/**
* Tooltips
*/
.tooltip-content {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

input.form-tooltip {
  border-radius: 0;
  height: 48px;
  line-height: 2.6; }

.acsi__modal,
.AcsiModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  transition: opacity 0.5s ease-in;
  opacity: 0;
  display: none; }

.acsi__modal__content,
.acsi__modal__content__title,
.AcsiModalContent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  padding: 30px; }

.acsi__modal__content__title,
.AcsiModalTitle {
  padding: 0 30px 30px 30px; }

.acsi__modal__content__title__container,
.AcsiModalTitleContainer {
  border-bottom: 1px solid #cccccc;
  padding: 15px 0; }

.acsi__modal__content__title__header,
.AcsiModalTitleHeader {
  margin: 0; }

.acsi__modal__content__inner,
.acsi__modal__content__title__inner {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-top: 15px; }
  .acsi__modal__content__inner .row, .acsi__modal__content__inner .column,
  .acsi__modal__content__title__inner .row,
  .acsi__modal__content__title__inner .column {
    margin: 0;
    padding: 0; }

.acsi__modal__content__title__inner {
  max-height: 90%; }

.js-inspector-modal > .acsi__modal__content__title {
  height: max-content; }

.acsi__modal__active {
  opacity: 1 !important; }

.acsi__modal__close__button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9999; }

@media only screen and (min-width: 48em) {
  .acsi__modal__content,
  .acsi__modal__content__title,
  .AcsiModalContent {
    position: absolute;
    width: 600px;
    max-width: 90%;
    height: 500px;
    max-height: 100%;
    min-height: 240px;
    left: 50%;
    top: 50%;
    /* Use this for centering if unknown width/height */
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: 9999;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px; }
  .acsi__modal__content__title,
  .AcsiModalTitle {
    max-height: 100%;
    padding: 0 40px 40px 40px; }
  .modal-auto-height {
    height: auto; }
  .acsi__modal__content__wide {
    width: 800px; }
  .cca-popup-container > div, .aci-popup-container > div {
    height: auto;
    min-height: 500px; } }

.acsi__modal-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 2000; }

.acsi__modal__close__button-fullscreen {
  top: 16px;
  right: 60px; }

@media only screen and (max-width: 47.938em) {
  .acsi__modal__content__inner {
    overflow: auto;
    padding-right: 20px; } }

.AcsiNotification {
  background-color: #F7B602;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
  width: 100%;
  flex-wrap: nowrap; }
  .AcsiNotification.AcsiNotification-active {
    animation: fadein 0.8s;
    display: flex; }

.AcsiNotification-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 500; }

.AcsiNotification-relative {
  margin-top: 50px;
  position: relative; }

.AcsiNotification__Icon {
  font-family: icomoon;
  color: #009835;
  font-size: 1.5em;
  line-height: 1em;
  padding: 0.2em;
  font-style: normal;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent; }
  .AcsiNotification__Icon:before {
    content: "\E979"; }

.AcsiNotification__Text {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 140%;
  padding: 0 5px;
  flex: 1;
  text-align: center; }

@media only screen and (min-width: 48em) {
  .AcsiNotification-relative {
    margin-top: 0; }
  .AcsiNotification__Text {
    padding: 0 30px; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.feature-toggles {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 9999; }

.feature-toggles-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  transition: opacity 0.2s ease-in;
  display: none; }

.feature-toggles-wrapper {
  display: block;
  position: fixed;
  bottom: 60px;
  right: 1em;
  min-height: 430px;
  max-width: 340px;
  background-color: #fff;
  border: 2px solid #cccccc;
  border-radius: 10px;
  padding: 1.3em; }

.feature-toggles-container {
  max-height: 400px;
  overflow: auto; }

.feature-toggle-list {
  margin-top: 0.5em;
  margin-bottom: 0.7em; }

.feature-toggle-name {
  font-weight: bold; }

.feature-toggle-buttons {
  display: flex; }

.feature-toggle-button {
  margin-right: 0.5em; }

.feature-toggle-button:disabled {
  background-color: #cccccc;
  border-color: #cccccc; }

.feature-toggle-indicator {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #e60003;
  margin: 10px 0 0 10px;
  padding: 5px; }
  .feature-toggle-indicator.active {
    animation: blinker 1500ms infinite;
    background-color: #058226; }

@keyframes blinker {
  0% {
    background-color: #058226;
    box-shadow: 0 0 3px #058226; }
  50% {
    background-color: #32AC5D;
    box-shadow: 0 0 20px #32AC5D; }
  100% {
    background-color: #058226;
    box-shadow: 0 0 3px #058226; } }

@media only screen and (max-width: 47.938em) {
  .feature-toggles-wrapper {
    max-width: 100%;
    left: 1em;
    max-height: 80%;
    overflow: scroll; }
  .feature-toggle-button {
    margin-bottom: 0.4em; } }

.corona__opening__label {
  background-color: #F7B602;
  border-radius: 5px 0 0 5px;
  padding: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  position: absolute;
  right: 0;
  z-index: 1;
  top: 10px;
  cursor: pointer; }

.corona__opening__label__icon {
  display: none; }

@media only screen and (min-width: 48em) {
  .corona__opening__label__icon {
    margin-right: 5px;
    display: inline; } }

.corona__theme__cta {
  background-color: #F7B602;
  border-radius: 5px 5px 0 0;
  padding: 5px;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  position: absolute;
  right: 0;
  z-index: 1;
  top: 0;
  cursor: pointer; }

.corona__theme__cta__icon {
  margin-right: 5px; }

@media only screen and (min-width: 48em) {
  .corona__theme__cta {
    top: 10px;
    width: auto;
    border-radius: 5px 0 0 5px; } }

.single-column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: .9375rem;
  padding-right: .9375rem; }
  .single-column .tile-slider-wrapper {
    margin-bottom: 30px; }

.popular-campsite-wrapper {
  display: grid;
  margin-bottom: 20px;
  row-gap: 20px;
  column-gap: 4%;
  grid-template-columns: 22% 22% 22% 22%;
  height: auto; }
  .popular-campsite-wrapper .category-slider-item {
    width: 100%; }
    .popular-campsite-wrapper .category-slider-item img {
      width: 100%; }

.single__usp-widget {
  width: 100%; }
  .single__usp-widget .list-usp {
    border-bottom: 1px solid #ebebe1;
    margin-bottom: 30px;
    padding-bottom: 15px; }
    .single__usp-widget .list-usp .list-usp__text {
      width: 85%; }

.single__popular-campsites {
  width: 100%; }

.single__popular-destinations {
  width: 100%; }

.single__theme-widget {
  width: 100%; }

.single__placeholder-widget p {
  margin-bottom: 30px; }

.js-result-campsite .campsite-review {
  margin-bottom: 0; }

@media only screen and (min-width: 48em) {
  .single__usp-widget {
    width: 100%;
    flex-direction: row;
    justify-content: space-between; }
    .single__usp-widget .list-usp {
      display: flex;
      justify-content: space-between; }
  .single__popular-destinations {
    width: 100%;
    flex-direction: row;
    justify-content: space-between; }
    .single__popular-destinations .list-destinations {
      columns: 4; }
  .single__theme-widget {
    width: 100%;
    flex-direction: row;
    justify-content: space-between; }
    .single__theme-widget .list-image {
      flex-wrap: nowrap; }
  .single__placeholder-widget {
    width: 100%;
    flex-direction: row;
    justify-content: space-between; } }

@media only screen and (min-width: 64.375em) {
  .single__usp-widget .list-usp .list-usp__text {
    width: auto; }
  .single__popular-campsites {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px; }
    .single__popular-campsites .campsite-list {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; }
      .single__popular-campsites .campsite-list article {
        box-sizing: border-box;
        max-width: 49%;
        min-width: 49%; }
    .single__popular-campsites .search-button {
      border-bottom: 1px solid #ebebe1; } }

@media screen and (max-width: 900px) {
  .popular-campsite-wrapper {
    grid-template-columns: 50% 50%; }
    .popular-campsite-wrapper .category-slider-item {
      width: 258px; }
    .popular-campsite-wrapper .category-slider-item__btn {
      width: 75%; } }

@media screen and (max-width: 510px) {
  .popular-campsite-wrapper {
    grid-template-columns: 100%; } }

#sub-campingdetail .footer__legal {
  padding-bottom: 60px; }

.footer {
  position: relative;
  clear: both;
  width: 100%;
  background-color: #009835;
  margin: 0 auto;
  padding: 30px 0; }
  .footer .footer__countries-list {
    padding-left: 0; }
  .footer h3 {
    color: #fff; }
  .footer a:link, .footer a:active, .footer a:visited {
    text-decoration: underline;
    color: #fff; }
    .footer a:link span, .footer a:active span, .footer a:visited span {
      color: #fff; }
  .footer a:hover, .footer a:focus {
    text-decoration: underline;
    color: #ebebe1; }
    .footer a:hover span, .footer a:focus span {
      color: #ebebe1; }
  .footer .list__count {
    color: #fff; }

.footer__links ul {
  border-top: 1px solid #ccc; }
  .footer__links ul li {
    margin: 0; }
    .footer__links ul li a {
      display: block;
      border-bottom: 1px solid #ccc;
      padding: .5em 0; }

.footer__links-icon ul li {
  display: flex; }
  .footer__links-icon ul li i {
    color: #fff; }

.secure_logo_footer_nl {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/a93199dbb923b9f8e7c8.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain; }

.secure_logo_footer_de {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/6a27a6ca92b0592ca725.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain; }

.secure_logo_nl {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/8f91140eb07256d5e2b8.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain;
  height: 50px;
  width: 156px; }

.secure_logo_de {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/0f7ccc3171a7ae132e1d.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain;
  height: 50px;
  width: 156px; }

.legal__notes {
  display: grid;
  grid-template-areas: 'terms icons';
  gap: 10px;
  color: #333;
  padding: 20px 15px; }
  .legal__notes:has(.secure_logo) {
    grid-template-areas: 'terms terms icons' 'terms terms logo'; }
  .legal__notes a:link, .legal__notes a:visited {
    text-decoration: underline; }

@media only screen and (max-width: 47.938em) {
  .legal__platform {
    grid-area: terms; }
  .secure_logo {
    grid-area: logo; }
  .social__platform {
    grid-area: icons; } }

@media only screen and (min-width: 48em) {
  .footer {
    background-color: #009835; }
    .footer h3 i {
      color: #fff; }
    .footer .list-icon i {
      color: #fff; }
    .footer .list-icon a:hover i {
      color: #ebebe1; }
  #logo-footer, #logo-footer:hover, #logo-footer:focus, #logo-footer:active {
    font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
    color: #ebebe1;
    text-decoration: none;
    display: block; }
  #logo-footer {
    position: relative;
    font-size: 130%;
    padding: 30px 0 20px 80px;
    color: #fff; }
    #logo-footer:before {
      content: "";
      position: absolute;
      top: 4px;
      left: 0;
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
      background-position: -266px -90px;
      width: 65px;
      height: 56px; } }
    @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
      #logo-footer:before {
        background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
        background-position: -266px -90px;
        width: 65px;
        height: 56px;
        background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
    #logo-footer small {
      font-family: StagLight, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
      color: #333333;
      display: block;
      line-height: 1; }
  .footer__links ul {
    border: none !important;
    border-width: 0; }
    .footer__links ul li {
      margin-bottom: .5em; }
      .footer__links ul li a {
        border: none;
        border-width: 0;
        padding: 0; }
  .secure_logo_footer_nl {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/8f91140eb07256d5e2b8.png);
    height: 50px;
    width: 156px; }
  .secure_logo_footer_de {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/0f7ccc3171a7ae132e1d.png);
    height: 50px;
    width: 156px; }
  .legal__notes {
    align-items: center;
    justify-content: space-between; }
    .legal__notes:has(.secure_logo) {
      grid-template-areas: 'terms logo icons'; }
  .social__platform ul li {
    margin-bottom: 0; } }

.footer__legal {
  background-color: #fff; }

.secure_logo i {
  margin: 0 auto; }

.social__platform .list--social__icon {
  color: #007228;
  font-size: 2em; }

.social__platform .list--social__item {
  margin-right: 10px !important; }

.social__platform .list--social__item:last-child {
  margin-right: 0 !important; }

.PopOver {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #cccccc;
  z-index: 1900; }

.PopOverHeader {
  text-align: center;
  padding: 1rem 0.5rem;
  position: relative;
  border-bottom: 1px solid #cccccc;
  display: flex;
  align-items: center; }
  .PopOverHeader.PopOverHeader-floating {
    z-index: 1901;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    border: none; }

.PopOverHeaderTitle {
  flex: 1;
  text-align: center;
  margin: 0; }

.PopOverCloseIcon {
  color: #e60003;
  cursor: pointer;
  align-self: flex-end; }
  .PopOverCloseIcon:before {
    font-size: 2em; }

.PopOverHeader-floating .PopOverCloseIcon {
  color: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: #333333;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .PopOverHeader-floating .PopOverCloseIcon:before {
    font-size: 1.2em; }

.PopOverFooter {
  bottom: 0;
  padding: 1rem;
  background-color: #ebebe1;
  width: 100%;
  visibility: visible; }

.PopOverFilter {
  z-index: 1902;
  height: 100%; }

@media only screen and (min-width: 30em) {
  .PopOver {
    height: auto;
    background-color: #fff;
    border: 1px solid #cccccc;
    position: absolute;
    top: auto;
    left: auto;
    z-index: 1000;
    min-width: 280px;
    max-width: fit-content;
    border-radius: 0 5px 5px 5px; }
  .DatePicker .PopOver {
    width: 510px; }
  .PopOverHeader {
    display: none; }
  .PopOverFooter {
    position: relative; }
  .PopOver.PopOverFilter, .PopOver.PopOverMap {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #cccccc;
    z-index: 1900; }
  .PopOver.PopOverFilter {
    z-index: 1902; }
  .PopOverFilter .PopOverHeader, .PopOverMap .PopOverHeader {
    display: flex; }
  .PopOverFilter .PopOverFooter, .PopOverMap .PopOverFooter {
    position: fixed; } }

.InputIconWrapper {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-left: 0.5rem;
  align-items: flex-end;
  background-color: #fff;
  cursor: pointer; }

.InputIcon {
  font-size: 20px; }

.InputIconWrapper .InputIconField {
  border: none;
  color: #333; }
  .InputIconWrapper .InputIconField::placeholder {
    color: #999999; }

.InputIconLabelFieldWrapper {
  background-color: #fff;
  display: flex;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding-left: 0.5rem;
  align-items: flex-start;
  cursor: pointer; }
  .InputIconLabelFieldWrapper.InputIconLabelFieldWrapper-checkbox {
    background-color: transparent;
    border-color: transparent;
    padding-bottom: 0.5rem;
    padding-left: 0; }

.InputIcon {
  margin: 0.3rem 0.5rem 0 0; }
  .InputIcon:before {
    font-size: 20px; }

.InputIconLabel {
  font-size: 0.8em;
  padding: 0 !important;
  color: #8c8c8c;
  margin-top: 5px !important;
  cursor: pointer; }

.InputIconLabelContainer {
  width: 100%;
  display: flex;
  flex-direction: column; }

.form-horizontal .InputIconLabelContainer.ShowPlaceholder {
  flex-direction: column-reverse;
  margin-top: -22px; }
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabel,
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabelField {
    transition: all 0.3s;
    transition-timing-function: ease;
    touch-action: manipulation; }
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabelField {
    padding: 1px 0 8px 0;
    margin-top: 0;
    -webkit-appearance: none;
    cursor: text; }
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabel {
    margin-top: 13px !important;
    margin-left: -2px;
    width: fit-content;
    background-color: #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff; }
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabelField:read-only {
    cursor: pointer; }
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabelField:placeholder-shown + .InputIconLabel {
    cursor: text;
    opacity: 0; }
  .form-horizontal .InputIconLabelContainer.ShowPlaceholder .InputIconLabelField:not(:placeholder-shown) + .InputIconLabel {
    opacity: 1;
    cursor: pointer; }

.InputIconLabelFieldWrapper .InputIconLabelField {
  border: none;
  background-color: #fff;
  min-height: 1em;
  color: #333;
  text-shadow: 0 0 0 #333;
  cursor: pointer;
  margin-top: 3px;
  text-overflow: ellipsis; }
  .InputIconLabelFieldWrapper .InputIconLabelField:focus {
    outline: none; }

.InputIconLabelFieldWrapper .InputIconLabelField[disabled] {
  opacity: 1; }

@media only screen and (min-width: 30em) {
  .InputIconLabelFieldWrapper {
    position: relative; }
    .InputIconLabelFieldWrapper.active {
      border: 1px solid #009835;
      border-radius: 0;
      z-index: 1001;
      box-shadow: 0px 1px 2px #ccc; }
      .InputIconLabelFieldWrapper.active:before, .InputIconLabelFieldWrapper.active:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 1905; }
      .InputIconLabelFieldWrapper.active:after {
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px; }
      .InputIconLabelFieldWrapper.active:before {
        border-top-color: #009835;
        border-width: 11px;
        margin-left: -11px; } }

.NumericStepper {
  display: flex;
  flex-direction: column-reverse; }

.NumericStepperControl {
  display: flex; }

.NumericStepperLabel {
  padding-bottom: 0.5rem;
  font-weight: bold;
  color: #333; }

input[type="text"].NumericStepperControlInput {
  text-align: center;
  width: 3em;
  border-radius: 0; }

.NumericStepperButtonLeft {
  border-radius: 5px 0 0 5px; }

.NumericStepperButtonRight {
  border-radius: 0 5px 5px 0; }

.BirthDateList {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }

.BirthDateListInput {
  border: 1px solid #cccccc;
  padding: 0.5rem;
  border-radius: 5px;
  width: 6.5em;
  margin-bottom: 0.5rem;
  color: #333;
  background-color: #fff;
  outline: none; }

.DateInputFieldError {
  border: 1px solid #e60003; }

.BookingPeriod {
  padding: 0;
  position: relative; }

.BookingPeriodHeader {
  padding: 0.5rem 1rem;
  background-color: #ebebe1;
  border: 1px solid #cccccc;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.BookingPeriodHeaderDesktop {
  display: none; }

.BookingPeriodClear {
  display: none; }

.DatePicker-separator {
  color: #cccccc; }

.DayPickerFooter {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 15px; }
  .DayPickerFooter .btn, .DayPickerFooter .btn-darker-grey, .DayPickerFooter .btn-primary,
  .DayPickerFooter .btn-orange, .DayPickerFooter .btn-secondary, .DayPickerFooter .btn-secondary-inverse, .DayPickerFooter .btn-secondary-inverse-without-focus, .DayPickerFooter .btn-tertiary, .DayPickerFooter .btn-border, .DayPickerFooter .btn-ghost, .DayPickerFooter .btn-white, .DayPickerFooter .btn-grey, .DayPickerFooter .btn-link {
    width: auto; }

@media only screen and (min-width: 30em) {
  .BookingPeriodHeader {
    display: none; }
  .BookingPeriodHeaderDesktop {
    display: block;
    position: absolute;
    left: 40%;
    top: 0.5rem;
    width: 20%;
    text-align: center;
    font-weight: bold;
    color: #009835; }
  .BookingPeriodClear {
    position: absolute;
    right: 16px;
    bottom: -46px;
    display: block;
    z-index: 1910; }
  .DatePicker .PopOverFooter {
    display: none; } }

/* DayPicker styles */
.DayPicker {
  display: inline-block;
  width: 100%; }

.DayPicker-container {
  flex-wrap: wrap;
  justify-content: center; }
  .DayPicker-container .pos-rel {
    margin-left: 5px;
    margin-right: auto; }
  .DayPicker-container .InputIconLabelFieldWrapper {
    border: 1px solid #cccccc !important;
    align-items: center; }
    .DayPicker-container .InputIconLabelFieldWrapper .InputIcon {
      margin: 0; }

.DayPicker-controls {
  padding: 10px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #cccccc; }

.DayPicker-wrapper {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 1rem;
  flex-direction: row;
  outline: none; }

.DayPicker-Months {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }

.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 0.5rem;
  margin-top: 0.5rem; }

@media only screen and (min-width: 30em) {
  .DayPicker {
    margin-top: 0; }
  .DayPicker-Month {
    margin: 0 0.5rem;
    margin-top: 0.5rem; } }

.DayPicker-NavButton {
  position: absolute;
  cursor: pointer;
  top: 0.3rem;
  margin-top: 2px;
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  background-color: #009835;
  font-family: "icomoon";
  font-style: normal;
  font-weight: bold;
  text-align: center; }

.DayPicker-NavButton:hover {
  opacity: 0.8; }

.DayPicker-NavButton--prev {
  left: 1rem;
  border-radius: 5px 0 0 5px; }
  .DayPicker-NavButton--prev:before {
    content: '\e93a'; }

.DayPicker-NavButton--next {
  right: 1rem;
  border-radius: 0 5px 5px 0; }
  .DayPicker-NavButton--next:before {
    content: '\e936'; }

.DayPicker-NavButton--interactionDisabled {
  display: none; }

.DayPicker-Caption {
  padding: 0 0.5rem;
  display: table-caption;
  text-align: center;
  margin-bottom: 0; }

.DayPicker-Caption > div {
  font-weight: bold; }

.DayPicker-Weekdays {
  margin-top: 1rem;
  display: table-header-group; }

.DayPicker-WeekdaysRow {
  display: table-row; }

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5rem 0;
  font-size: 0.875em;
  text-align: center;
  color: #8b9898; }

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none; }

.DayPicker-Body {
  display: table-row-group; }

.DayPicker-Week {
  display: table-row; }

.DayPicker-Day {
  display: table-cell;
  padding: 0.8rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  outline: none; }

@media only screen and (min-width: 30em) {
  .DayPicker-Day div {
    padding: 0.5rem; }
  .DayPicker-Day {
    padding: 0px; } }

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5rem;
  text-align: right;
  vertical-align: middle;
  min-width: 1rem;
  font-size: 0.75em;
  cursor: pointer;
  color: #8b9898;
  border-right: 1px solid #eaecec; }

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default; }

.DayPicker-Footer {
  padding-top: 0.5rem; }

.DayPicker-TodayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  color: #FEB313;
  font-size: 0.875em; }

/* Default modifiers */
.DayPicker-Day--today {
  color: #009835;
  font-weight: 700; }

.DayPicker-Day--outside {
  cursor: default;
  color: #8b9898; }

.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default; }

/* Example modifiers */
.DayPicker-Day--sunday {
  background-color: #f7f8f8; }

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0; }

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  color: #333;
  background-color: #ebebe1; }

.DayPicker-Day--start:not(.DayPicker-Day--outside) {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  color: #fff !important;
  background-color: #009835 !important; }

.DayPicker-Day--end:not(.DayPicker-Day--outside) {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  color: #fff !important;
  background-color: #009835 !important; }

.FocusTo .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  color: #fff;
  background-color: #009835 !important;
  border-radius: 0 !important; }

.FocusFrom .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  color: #fff;
  background-color: #009835 !important;
  border-radius: 0 !important; }

.BookingPeriodSeparate {
  position: relative; }

.DayPickerInput {
  display: inline-block; }

.DayPickerInput-OverlayWrapper {
  position: relative; }

.DayPickerInput-Overlay {
  left: 0;
  position: absolute;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); }

.Selectable .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
  background-color: #ebebe1 !important; }

.Selectable .DayPicker-Day {
  border-radius: 0 !important; }

.InputDateRange {
  width: 75px;
  color: transparent !important;
  text-shadow: 0 0 0 #009835 !important;
  padding: 0 0.1rem 0.1rem 0 !important; }
  .InputDateRange:focus {
    outline: none;
    text-decoration: underline;
    text-decoration-color: #009835; }

.InputFromTo-to .InputDateRange {
  text-shadow: 0 0 0 #009835 !important; }
  .InputFromTo-to .InputDateRange:focus {
    text-decoration: underline;
    text-decoration-color: #009835; }

.DayPickerInput-OverlayWrapper {
  position: absolute;
  width: 100%;
  left: 0;
  top: 46px;
  z-index: 1900;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); }

@media only screen and (min-width: 30em) {
  .DayPickerInput-OverlayWrapper {
    width: 550px;
    left: 0px;
    position: absolute;
    z-index: 1900; } }

.EmptyDatePickerMsg {
  text-align: center;
  color: #009835;
  padding: 25px; }

.flex__days_picker_container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-content: center;
  margin-left: 10px;
  margin-right: 10px; }

.nights-label-container {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }

.calendar-tooltip {
  position: relative;
  display: inline-block; }

.calendar-tooltip .calendar-tooltip-text {
  visibility: hidden;
  width: 90px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -45px; }

.calendar-tooltip .calendar-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }

.calendar-tooltip:hover .calendar-tooltip-text {
  visibility: visible; }

.SearchWrapper .CMSBlockTitle {
  font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
  color: #007228;
  font-weight: 500; }

.SearchWrapper .CMSBlockPlaceholder {
  height: 500px;
  background: linear-gradient(110deg, #F1EFEB 8%, #e4e2d4 18%, #F1EFEB 33%);
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
  margin-bottom: 20px; }

@keyframes shine {
  to {
    background-position-x: -200%; } }

.cmsSlidesShowBlock {
  margin-bottom: 20px;
  width: 100%;
  height: 300px; }

.cmsTextBlock {
  min-height: 100px; }
  .cmsTextBlock p {
    margin-bottom: 15px; }

#bookingHomeReact {
  min-height: 440px; }

.Travelers {
  padding: 1em; }
  .Travelers .footer {
    background-color: #ebebe1;
    padding: 1rem; }

.nights__indicator {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-weight: bold;
  height: 2em; }

.search-focus-overlay {
  display: none;
  width: 100%;
  height: 100%;
  background: #333;
  opacity: 0.4;
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0; }

@media only screen and (min-width: 30em) {
  .DateRangePopOver {
    min-width: 550px; } }

.form-control-group .form-control-group-first {
  border-radius: 5px 5px 0 0; }

.form-control-group .form-control-group-last {
  margin-top: -1px;
  border-radius: 0 0 5px 5px; }

.ResultList {
  position: absolute; }

.AdvanceSearch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 5px; }
  .AdvanceSearch > Button {
    width: auto !important;
    padding-left: 0; }

@media only screen and (min-width: 30em) {
  #bookingHomeReact {
    min-height: 287px; }
  .BookingHome .form-control-group .form-control-group-first,
  .BookingHome .form-control-group .form-control-group-last {
    border-radius: 5px;
    margin-top: 0; } }

@media only screen and (min-width: 48em) {
  #bookingHomeReact {
    min-height: initial; } }

.pitch-filter,
.accommodation-filter {
  background-color: #fff;
  border: solid 1px #cccccc;
  border-radius: 5px;
  position: relative;
  height: 100%; }
  .pitch-filter.icon-camping,
  .accommodation-filter.icon-camping {
    margin-bottom: 15px; }
  .pitch-filter.filter-active,
  .accommodation-filter.filter-active {
    font-weight: bold;
    box-shadow: inset 0 0 0 2px #009835; }

@media only screen and (max-width: 47.938em) {
  .pitch-filter,
  .accommodation-filter {
    background-color: #f2f2f2; }
    .pitch-filter.filter-active,
    .accommodation-filter.filter-active {
      background-color: white; } }

.accommodation-input-container {
  display: flex;
  align-items: center;
  height: 37px;
  cursor: pointer;
  font-size: 18px;
  user-select: none;
  width: 100%; }
  .accommodation-input-container__text {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    margin-left: 9px;
    text-shadow: 0 0 0 #333; }
  .accommodation-input-container .InputIcon {
    margin-top: 0;
    margin-right: 0; }
  @media only screen and (min-width: 0em) and (max-width: 29.938em) {
    .accommodation-input-container {
      flex-direction: row;
      align-items: baseline;
      width: 100%; }
      .accommodation-input-container__text {
        margin-top: 7px; } }

.accommodation-input-container .icon-camping {
  margin-bottom: 5px; }

/* Hide the browser's default checkbox */
.accommodation-input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 22%;
  right: 5%;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
  display: none; }

/* When the checkbox is checked, add a blue background */
.accommodation-input-container input:checked ~ .checkmark {
  background-color: #009835;
  display: flex;
  justify-content: center;
  align-items: center; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.accommodation-input-container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.accommodation-input-container .checkmark:after {
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg); }

.SearchResultCampsiteFilters {
  height: calc(100% - 142px);
  overflow-y: scroll;
  padding: 1rem; }

.BookingHomeSearchResult {
  padding: 15px;
  background-color: #F1EFEB;
  margin-bottom: 15px;
  border-radius: 5px; }

.advanceSearchBookingFilters {
  background-color: #F1EFEB; }
  .advanceSearchBookingFilters .BookingHomeSearchResult {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent; }
  .advanceSearchBookingFilters .BookingLocationFilter {
    margin: 0px 0px 15px 0; }
    .advanceSearchBookingFilters .BookingLocationFilter:before {
      background: none; }

.BookingSearchHeader {
  margin-left: -15px; }

.form-horizontal .form-control.BookingLocationFilter {
  margin-bottom: 8px; }

.BookingLocationFilterWrapper {
  position: relative; }
  .BookingLocationFilterWrapper .CurrentUserLocation {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
    color: #333; }
    .BookingLocationFilterWrapper .CurrentUserLocation i:before {
      font-size: 1.7em; }
    .BookingLocationFilterWrapper .CurrentUserLocation .loader {
      font-size: 4px;
      top: -9px;
      border-top: 1.1em solid rgba(51, 51, 51, 0.5);
      border-right: 1.1em solid rgba(51, 51, 51, 0.5);
      border-bottom: 1.1em solid rgba(51, 51, 51, 0.5);
      border-left: 1.1em solid #333; }
    .BookingLocationFilterWrapper .CurrentUserLocation.disabled {
      opacity: 0.5;
      cursor: not-allowed; }

.InputIconLabelFieldWrapper-period {
  display: flex; }

.BookingPeriodDatePickerWrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .BookingPeriodDatePickerWrapper .InputIconLabelField {
    width: 75px;
    padding: 0 0 .5rem 0; }
  .BookingPeriodDatePickerWrapper .InputIcon {
    margin-right: 0.4rem; }

.BookingPeriodSeparator {
  font-weight: bold;
  color: #8c8c8c;
  font-size: 1.3rem;
  text-align: center;
  flex: 1 1 auto;
  margin-right: 3px; }

.bookable__campsites__toggle {
  padding: 1.25rem; }
  .bookable__campsites__toggle input[type=checkbox].CheckBoxInput:checked + span {
    font-weight: normal; }

.btn-show-map {
  padding-right: 0; }

@media only screen and (min-width: 30em) {
  .SearchResultCampsiteFilters {
    height: auto;
    overflow: visible;
    padding: 0; } }

.header__search__trigger {
  color: #fff;
  width: 20px;
  height: 20px;
  transition: transform 0.3s;
  margin-right: 15px; }
  .header__search__trigger.active {
    transform: rotate(43deg); }

.header__search__form {
  opacity: 0;
  position: absolute;
  width: 100%;
  background-color: white;
  top: -70px;
  left: 0px;
  height: 70px;
  padding: 15px 10px;
  border-bottom: 1px solid #cccccc;
  transition: opacity 0.3s;
  z-index: 101; }
  .header__search__form.active {
    top: 50px;
    opacity: 1;
    transition: opacity 1s; }
    .header__search__form.active:after {
      right: 105px;
      top: -18px;
      border: 10px solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom: 10px solid #fff;
      margin-left: -10px; }
  .header__search__form input[type='text'] {
    width: 80%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 40px;
    height: 40px; }

.GlobalAutoCompleteSearchFieldContainer {
  position: relative; }

.GlobalAutoCompleteSearchButton {
  border: 1px solid #cccccc;
  border-radius: 0 5px 5px 0;
  background-color: #fff;
  vertical-align: middle;
  line-height: 40px;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-left: none;
  cursor: pointer; }
  .GlobalAutoCompleteSearchButton:focus {
    outline: none; }

@media only screen and (min-width: 48em) {
  .header__search {
    flex: 1 1 auto; }
    .header__search input[type='text'] {
      width: 60%; }
  .header__search__form {
    opacity: 1;
    display: block;
    position: static;
    background-color: transparent;
    top: 0;
    height: 40px;
    padding: 0;
    border-bottom: none;
    z-index: 1; } }

.AcsiGalleryModal {
  background-color: #fff; }

.AcsiGalleryModal,
.AcsiContentModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  transition: opacity 0.5s ease-in;
  opacity: 0;
  display: none; }

.login-with-my-acsi-modal {
  background-color: rgba(0, 0, 0, 0.5); }
  .login-with-my-acsi-modal .AcsiContentModalDetailTabs {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0 !important; }
    .login-with-my-acsi-modal .AcsiContentModalDetailTabs .AcsiContentModalContentInner {
      height: calc(100% - 36px); }
    .login-with-my-acsi-modal .AcsiContentModalDetailTabs iframe {
      border: none; }

.save-search-modal {
  background-color: rgba(0, 0, 0, 0.5); }
  .save-search-modal h3 {
    font-size: 16px;
    font-weight: 700; }
  .save-search-modal .AcsiContentModalDetailTabs {
    border-radius: 6px;
    height: unset !important; }
  .save-search-modal .AcsiContentModalContent {
    max-width: 480px;
    max-height: fit-content;
    padding: 24px; }
  .save-search-modal .AcsiContentModalContentInner {
    margin-top: 16px; }
    .save-search-modal .AcsiContentModalContentInner input[type=text] {
      color: #333;
      padding: 12px 16px;
      height: 49px; }
    .save-search-modal .AcsiContentModalContentInner label {
      font-size: 12px;
      color: #333;
      line-height: 28px; }
    .save-search-modal .AcsiContentModalContentInner .submit-button {
      margin-top: 16px;
      background-color: #DF3C41;
      width: auto; }
  .save-search-modal .AcsiGalleryModalCloseButton,
  .save-search-modal .AcsiContentModalCloseButton {
    color: #333; }
  .save-search-modal .modal-toast-message {
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px; }
    .save-search-modal .modal-toast-message i::before {
      font-size: 48px; }
    .save-search-modal .modal-toast-message .icon-checkmark {
      color: #009835; }
    .save-search-modal .modal-toast-message .icon-round-close {
      color: #e60003; }
  .save-search-modal .modal-confirm-text {
    margin-bottom: 75px; }
  .save-search-modal .form p {
    color: #e60003;
    font-size: 14px; }

.accommodation-details-modal .AcsiContentModalTitleHeader {
  color: #0C4B22;
  font-size: 20px; }
  .accommodation-details-modal .AcsiContentModalTitleHeader .accommodation-sub-title {
    font-size: 15px;
    font-weight: 400; }

.accommodation-details-modal.AcsiContentModal {
  background-color: rgba(0, 0, 0, 0.5); }
  .accommodation-details-modal.AcsiContentModal .AcsiContentModalDetailTabs {
    padding: 48px;
    border-radius: 6px; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalDetailTabs .AcsiContentModalCloseButton {
      position: absolute;
      right: 15px;
      top: 15px;
      float: unset;
      margin-right: 0;
      color: #0C4B22; }
  .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel {
    margin-bottom: 0;
    margin-left: 0; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .TabButton:first-child {
      padding-left: 0; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .TabButton.active, .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .TabButton:hover {
      border-bottom-width: 2px; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .TabContent .medium-5,
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .TabContent .medium-7 {
      width: 50%; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .campsite-accommodation__image {
      height: fit-content; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .campsite-accommodation-details__detail-properties,
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .TabPanel .campsite-accommodation-image-link__icon {
      display: none; }
  .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .campsite-accommodation-image-link {
    bottom: 15px;
    background: unset; }
    .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .campsite-accommodation-image-link span {
      border-radius: 6px;
      padding: 8px 15px;
      background: rgba(12, 75, 34, 0.8);
      text-decoration: none; }
      .accommodation-details-modal.AcsiContentModal .AcsiContentModalContentInner .campsite-accommodation-image-link span:hover {
        text-decoration: underline; }

.accommodation-details-modal .TabButton.active {
  color: #009835; }

.accommodation-details-modal ul.treeLevel2 .icon-check:before {
  content: "\2022"; }

@media only screen and (min-width: 30em) {
  .accommodation-details-modal .TabButton.active {
    color: #009835; } }

.accommodation-details-modal .PropertyListHeader {
  font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
  color: #0C4B22;
  font-weight: 400;
  letter-spacing: 0.5px; }

.accommodation-details-modal .PropertyListWrapper {
  width: 100%; }

@media only screen and (min-width: 48em) {
  .accommodation-details-modal .PropertyListWrapper {
    width: 100%; }
  .accommodation-details-modal .InventoryList {
    columns: 3; } }

@media only screen and (min-width: 64.375em) {
  .accommodation-details-modal .PropertyListWrapper {
    width: 100%; } }

@media only screen and (max-width: 47.938em) {
  .accommodation-details-modal .TabButton:after {
    content: "\e913"; }
  .accommodation-details-modal .TabButton.active:after {
    transform: rotate(180deg); }
  .accommodation-details-modal.AcsiContentModal .AcsiContentModalDetailTabs {
    padding: 40px 20px;
    height: 90vh;
    width: 90%; }
  .accommodation-details-modal .AcsiContentModalCloseButton {
    width: 13px;
    height: 13px; }
  .accommodation-details-modal .PropertyListHeader {
    color: #333333;
    font-weight: 500; } }

.AcsiModalActive {
  opacity: 1; }

.AcsiGalleryModalContent {
  width: 100%;
  height: 100%;
  margin: 0 auto 0;
  padding: 0;
  z-index: 9999;
  background-color: transparent;
  border: none;
  border-radius: 0; }

.AcsiGalleryModalContentInner {
  height: 100%; }

.AcsiGalleryModalTitleContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 0;
  padding: 10px; }

.AcsiGalleryModalTitleHeader {
  font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.4rem;
  max-width: 90%; }

.AcsiGalleryModalCloseButton,
.AcsiContentModalCloseButton {
  width: 32px;
  height: 32px;
  font-family: "icomoon";
  color: #e60003;
  font-size: 1.2em;
  padding: .1em;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  margin-right: 10px;
  float: right;
  font-weight: bold;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s;
  z-index: 2010; }
  .AcsiGalleryModalCloseButton:before,
  .AcsiContentModalCloseButton:before {
    content: "\E931"; }
  .AcsiGalleryModalCloseButton:hover,
  .AcsiContentModalCloseButton:hover {
    color: #e60003;
    background-color: #cccccc; }

.AcsiContentModalDetailTabs {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 75vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .AcsiContentModalDetailTabs::-webkit-scrollbar {
    display: none; }

@media (orientation: landscape) {
  .AcsiSliderFullscreen {
    width: 60%; }
  .AcsiSliderFullscreenWrapper {
    margin-top: 0; }
  .AcsiSliderImage {
    object-fit: contain;
    max-height: 80vh; }
  .SliderCounter {
    position: absolute;
    padding: 0;
    left: 10px;
    bottom: 5px; } }

@media only screen and (min-width: 48em) {
  .AcsiGalleryModalContent {
    position: relative; }
  .AcsiGalleryModalContentInner {
    width: 100%;
    margin: 0 auto; }
  .AcsiGalleryModalTitleContainer {
    justify-content: center; }
  .AcsiGalleryModalTitleHeader {
    font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
    color: #fff;
    font-size: 1.2rem;
    line-height: 2rem;
    max-width: 90%; }
  .AcsiContentModalDetailTabs {
    width: 75%; } }

@media only screen and (min-width: 64.375em) {
  .AcsiContentModalDetailTabs {
    width: 50%; } }

.modal-loader-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  z-index: 9999; }

.FavouritesToggleButton {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer; }

.FavouritesToggleButtonIcon {
  background: none;
  border: none;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 0.8em;
  cursor: pointer;
  transition: all 0.3s ease; }
  .FavouritesToggleButtonIcon:hover, .FavouritesToggleButtonIcon:focus {
    outline: none;
    transform: scale(1.1); }
  .FavouritesToggleButtonIcon:before {
    font-size: 1.6em;
    content: "\e988";
    font-family: "icomoon"; }

.FavouritesToggleButtonLabel {
  color: #1276B3; }

.campsite-detail .campsite__toggle__favourite {
  top: 15px;
  left: 90%; }

.campsite__toggle__favourite {
  border: none;
  padding: 0;
  color: #333;
  font-size: 1.2em;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 100;
  background-color: #fff;
  width: 33px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto; }
  .campsite__toggle__favourite:before {
    content: "\e988";
    font-family: "icomoon"; }
  .campsite__toggle__favourite:hover, .campsite__toggle__favourite:focus {
    outline: none;
    transform: scale(1.1); }
  .campsite__toggle__favourite.campsite__is__favourite {
    color: #e60003; }
    .campsite__toggle__favourite.campsite__is__favourite:before {
      content: "\e989";
      font-family: "icomoon"; }

.FavouriteList {
  padding: 0 10px;
  max-height: calc(100vh - 85px);
  overflow-y: scroll; }

.FavouriteItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
  text-align: left;
  max-height: 140px; }
  .FavouriteItem:last-child {
    border-bottom: none; }

.FavouriteItemContent {
  display: flex; }

.FavouriteTextContainer {
  padding: 0 10px;
  margin-top: -4px; }

.FavouriteName {
  padding: 0 !important; }

.FavouriteGeo {
  color: #999999 !important;
  text-decoration: none !important;
  font-size: 0.7em; }

.FavouriteItemImage {
  max-width: 100px;
  object-fit: cover;
  max-height: 100px; }

.FavouriteRemove {
  background: none;
  border: none;
  padding: 0;
  color: #32AC5D;
  font-size: 0.8em;
  cursor: pointer;
  transition: all 0.3s ease; }
  .FavouriteRemove:before {
    font-size: 1.6em;
    content: "\e987";
    font-family: "icomoon"; }
  .FavouriteRemove:hover, .FavouriteRemove:focus {
    color: #009835;
    outline: none;
    transform: scale(1.1); }

.FavouritesToggleButtonLabelNumber {
  font-weight: bold;
  color: #fff;
  font-size: 0.8em;
  vertical-align: super; }

.FavouritesToggleButtonLabelText {
  display: none; }

@media only screen and (min-width: 48em) {
  .FavouritesToggleButtonIcon {
    color: #009835; }
  .FavouritesToggleButtonLabelNumber {
    color: #1276B3; }
  .FavouritesToggleButton {
    color: #009835; }
  .FavouritesToggleButtonIcon {
    margin-right: 5px; }
  .FavouritesPopover {
    left: 0;
    top: 35px;
    transform: translateX(-50%);
    border-radius: 10px;
    padding: 10px;
    border: none;
    box-shadow: 0 0 20px #999999;
    min-width: 320px; }
    .FavouritesPopover:before {
      content: " ";
      top: -10px;
      left: 50%;
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff; } }

@media only screen and (min-width: 64.375em) {
  .FavouritesToggleButtonLabelText {
    display: inline; } }

.sticky-header {
  position: relative;
  color: white; }

#campsiteDetails .sticky-header {
  border-bottom: 1px solid #ccc; }

.sticky-header .logo-acsi {
  scale: 1; }

.sticky-header.fixed {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid lightgray;
  z-index: 1002 !important;
  background-color: white !important; }
  .sticky-header.fixed.header-wrap {
    padding-top: 20px; }

.sticky-header.fixed .logo-acsi {
  scale: 0.6;
  top: -15px !important; }

.sticky-header.fixed.absolute {
  position: absolute; }

.sticky-header-wrap {
  background-color: white !important; }

@media only screen and (max-width: 640px) {
  .sticky-header .logo-acsi {
    scale: 1; }
  .sticky-header.fixed .logo-acsi {
    scale: 1;
    top: 9px !important; } }

.loading-subtitle,
.error-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #333;
  margin: 10px 0 !important; }

.loading-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #333;
  letter-spacing: 0.8px; }

#myAcsiCallbackModal {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11011 !important;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5); }
  #myAcsiCallbackModal .myacsi-loading-container {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    padding: 24px;
    border-radius: 6px;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
    max-width: 500px;
    background: #fff; }
    #myAcsiCallbackModal .myacsi-loading-container .gif-loader {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/e398b0239c7b5813658a.gif);
      background-repeat: no-repeat;
      height: 150px;
      display: block;
      width: 250px;
      margin: auto; }
    #myAcsiCallbackModal .myacsi-loading-container #error-wrapper {
      display: none;
      align-items: center;
      flex-direction: column; }
      #myAcsiCallbackModal .myacsi-loading-container #error-wrapper i::before {
        font-size: 100px; }

@media only screen and (max-width: 47.938em) {
  .container {
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.4);
    margin: auto;
    margin-top: 50px;
    width: 100%; } }

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Author: Jochem Nabuurs
Site: https://twitter.com/jochemnabuurs

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

**********************
    INDEX
**********************
01. GENERAL STYLES
02. LAYOUT & GRID STYLES
03. LINK STYLES
04. H1, H2, H3, H4, H5 STYLES
05. HEADER STYLES
06. NAVIGATION STYLES
07. CONTENT STYLES
08. PAGE NAVI STYLES
09. SIDEBARS & ASIDES
11. ICONS
******************************************************************/
/*********************
01. GENERAL STYLES
*********************/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  font-size: 100%;
  line-height: 1.4;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  width: 100%; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  padding: 0;
  margin-bottom: 30px; }
  hr.dashed {
    border: none;
    border-bottom: 1px dashed #cccccc; }

fieldset {
  border: none; }
  fieldset legend {
    font-weight: bold;
    position: relative; }

.focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5) !important; }

.rounded {
  border-radius: 5px; }

.transparent-border {
  border-radius: 5px;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.25); }

.push-to-bottom__content {
  flex: 1 0 auto; }

.push-to-bottom {
  display: flex;
  flex-flow: column nowrap; }

/**
* icheck.js Checkboxes and radio buttons
* When js is enabled, hide checkboxes and radiobuttons to prevent content flash
*/
.js .accordion {
  display: none; }

.invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

/*********************
02. LAYOUT & GRID STYLES
*********************/
/* Price labels */
label[class^="price-label"],
[class^="price-label"] {
  display: inline-block;
  width: 35px;
  height: 27px; }

[class^="price-label-"] span {
  display: inline-block; }

.list-dropdown {
  margin-bottom: 10px; }

/*********************
03. LINK STYLES
*********************/
a, a:visited {
  text-decoration: none;
  color: #1276B3; }
  a span, a:visited span {
    display: inline-block;
    color: #1276B3;
    text-decoration: none; }

a:focus, a:hover {
  outline: none;
  color: #1276B3;
  text-decoration: underline; }
  a:focus span, a:hover span {
    color: #1276B3;
    text-decoration: underline; }

a.link__secondary:link, a.link__secondary:visited {
  color: #666666; }
  a.link__secondary:link span, a.link__secondary:visited span {
    color: #666666; }

a.link__secondary:focus, a.link__secondary:hover {
  color: #666666; }
  a.link__secondary:focus span, a.link__secondary:hover span {
    color: #666666; }

/******************************************************************
04. H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2 {
  font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  color: #007228;
  letter-spacing: 1px; }
  h1 a,
  .h1 a,
  h2 a,
  .h2 a {
    text-decoration: none; }

h3,
.h3,
.form-horizontal fieldset legend,
.form-vertical fieldset legend,
fieldset legend,
h4,
.h4,
h5,
.h5 {
  font-family: Arial;
  color: #333; }

h1,
.h1 {
  font-size: 1.875em;
  line-height: 1.2;
  margin-bottom: 0.5em; }

h2,
.h2 {
  font-size: 1.25em;
  line-height: 1.3;
  margin-bottom: 0.625em;
  color: #333; }

h3,
.h3,
.form-horizontal fieldset legend,
.form-vertical fieldset legend,
fieldset legend {
  font-size: 1.125em;
  margin-bottom: 0.625em; }

h4,
.h4 {
  font-size: 1em;
  margin-bottom: 0.625em; }

h5,
.h5 {
  font-size: 0.846em;
  line-height: 2.09;
  margin-bottom: 0.625em; }

/*********************
05. HEADER STYLES
*********************/
#logo {
  position: absolute;
  top: 3px;
  left: 50%;
  margin: 0px 0 0 -80px; }
  #logo a,
  #logo a:hover,
  #logo a:focus,
  #logo a:active {
    position: relative;
    text-decoration: none;
    padding-left: 10px;
    padding-top: 2px;
    display: block;
    font-size: 65%;
    color: #fff; }
    #logo a:before,
    #logo a:hover:before,
    #logo a:focus:before,
    #logo a:active:before {
      content: "";
      position: absolute;
      top: -2px;
      left: 0;
      z-index: 1; }
    #logo a small,
    #logo a:hover small,
    #logo a:focus small,
    #logo a:active small {
      display: none; }
  #logo a.logo-medium-up,
  #logo a.logo-medium-up:hover,
  #logo a.logo-medium-up:focus,
  #logo a.logo-medium-up:active {
    padding-left: 0;
    margin-top: -10px; }
  #logo a.logo-medium-up:before,
  #logo a.logo-medium-up:hover:before,
  #logo a.logo-medium-up:focus:before,
  #logo a.logo-medium-up:active:before {
    display: none; }
  #logo a.logo-medium-up:after,
  #logo a.logo-medium-up:hover:after,
  #logo a.logo-medium-up:focus:after,
  #logo a.logo-medium-up:active:after {
    top: -35px; }

#resultspage #logo {
  width: 55%;
  overflow: hidden;
  height: 36px; }

#resultspage .mobile-nav-btn--search {
  visibility: visible; }

.content-header {
  padding: 30px 0;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  clear: both; }

.content-header__img {
  width: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }

#header-img-copyright {
  display: none;
  position: absolute;
  font-size: 70%;
  bottom: .25em;
  left: 50%;
  width: 100px;
  text-align: center;
  margin-left: -50px; }
  #header-img-copyright a {
    color: #fff; }

/*********************
06. NAVIGATION STYLES
*********************/
/**
* According to the html document outline a nav element needs a heading.
* So we give nav elements a heading but hide them with css
* http://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/
*/
h6 {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.nav {
  position: relative;
  list-style: none;
  margin: 0; }
  .nav li {
    margin-bottom: 0;
    /* Used for non linkable items */ }
    .nav li a {
      display: block;
      text-decoration: none;
      padding: 8px 16px;
      padding: 0.5rem 1rem;
      line-height: 1.2; }
      .nav li a:hover {
        text-decoration: underline; }
    .nav li > span {
      line-height: 1.2; }

.mobile-nav {
  display: none;
  position: fixed;
  top: 37px;
  top: 2.3125rem;
  width: 100%;
  background-color: #009835;
  z-index: 9999;
  overflow-y: auto; }
  .mobile-nav ul li {
    margin-bottom: 0; }
    .mobile-nav ul li a,
    .mobile-nav ul li a:visited,
    .mobile-nav ul li a span,
    .mobile-nav ul li a:visited span {
      color: #fff;
      text-decoration: none; }
      .mobile-nav ul li a:hover,
      .mobile-nav ul li a:hover span,
      .mobile-nav ul li a:visited:hover,
      .mobile-nav ul li a:visited:hover span,
      .mobile-nav ul li a span:hover,
      .mobile-nav ul li a span:hover span,
      .mobile-nav ul li a:visited span:hover,
      .mobile-nav ul li a:visited span:hover span {
        color: #fff;
        text-decoration: none; }
    .mobile-nav ul li a {
      display: block;
      border-top: 1px solid #07bd37;
      border-bottom: 1px solid #058226; }
      .mobile-nav ul li a i {
        display: inline-block;
        margin-right: 10px;
        margin-right: 0.625rem; }

.mobile-nav-btn {
  color: #fff;
  text-align: center;
  height: 36px;
  width: 36px; }
  .mobile-nav-btn.mobile-nav-btn--active {
    background-color: #058226; }
  .mobile-nav-btn.left {
    border-right: 1px solid #058226; }
  .mobile-nav-btn.right {
    border-left: 1px solid #058226;
    padding-top: .15em; }
  .mobile-nav-btn i {
    display: inline-block;
    margin-top: 11px; }
  .mobile-nav-btn.mobile-nav-btn--search {
    visibility: hidden; }
    .mobile-nav-btn.mobile-nav-btn--search i {
      font-size: 145%;
      margin-top: 3px;
      color: #fff; }

.tab-nav {
  display: none;
  position: absolute;
  top: 37px;
  top: 2.3125rem;
  width: auto;
  min-width: 144px;
  background-color: #F1EFEB;
  z-index: 99999;
  overflow-y: auto;
  right: 0; }
  .tab-nav ul.top-nav li {
    margin-bottom: 0; }
    .tab-nav ul.top-nav li a,
    .tab-nav ul.top-nav li a:visited,
    .tab-nav ul.top-nav li a span,
    .tab-nav ul.top-nav li a:visited span {
      color: #009835;
      text-decoration: none;
      display: block;
      border-top: 0px solid #07bd37;
      border-bottom: 1px solid #ebebe1; }
      .tab-nav ul.top-nav li a i,
      .tab-nav ul.top-nav li a:visited i,
      .tab-nav ul.top-nav li a span i,
      .tab-nav ul.top-nav li a:visited span i {
        display: inline-block;
        margin-right: 10px;
        margin-right: 0.625rem; }
      .tab-nav ul.top-nav li a:hover,
      .tab-nav ul.top-nav li a:hover span,
      .tab-nav ul.top-nav li a:visited:hover,
      .tab-nav ul.top-nav li a:visited:hover span,
      .tab-nav ul.top-nav li a span:hover,
      .tab-nav ul.top-nav li a span:hover span,
      .tab-nav ul.top-nav li a:visited span:hover,
      .tab-nav ul.top-nav li a:visited span:hover span {
        background-color: #009835;
        color: #fff;
        text-decoration: none; }
    .tab-nav ul.top-nav li.active a,
    .tab-nav ul.top-nav li.active a:visited,
    .tab-nav ul.top-nav li.active a span,
    .tab-nav ul.top-nav li.active a:visited span {
      background-color: #009835;
      color: #fff; }

.tab-nav-btn {
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 36px;
  width: 144px; }
  .tab-nav-btn.tab-nav-btn--active {
    background-color: #058226; }
  .tab-nav-btn.left {
    border-right: 1px solid #058226; }
  .tab-nav-btn.right {
    border-left: 1px solid #058226; }

/**
http://www.elijahmanor.com/css-animated-hamburger-icon/
*/
.csstransitions .mobile-nav-btn.mobile-nav-btn--menu {
  position: relative; }
  .csstransitions .mobile-nav-btn.mobile-nav-btn--menu p {
    position: absolute;
    left: 7px;
    top: 46%;
    cursor: pointer;
    margin: 0;
    padding: 0; }
    .csstransitions .mobile-nav-btn.mobile-nav-btn--menu p span, .csstransitions .mobile-nav-btn.mobile-nav-btn--menu p span:before, .csstransitions .mobile-nav-btn.mobile-nav-btn--menu p span:after {
      border-radius: 1px;
      transition: all .3s linear;
      cursor: pointer;
      height: 3px;
      width: 20px;
      background: white;
      position: absolute;
      display: block;
      content: ''; }
    .csstransitions .mobile-nav-btn.mobile-nav-btn--menu p span:before {
      top: -7px; }
    .csstransitions .mobile-nav-btn.mobile-nav-btn--menu p span:after {
      bottom: -7px; }
  .csstransitions .mobile-nav-btn.mobile-nav-btn--menu.mobile-nav-btn--active p span {
    background-color: transparent; }
    .csstransitions .mobile-nav-btn.mobile-nav-btn--menu.mobile-nav-btn--active p span:before {
      top: 0;
      transform: rotate(45deg); }
    .csstransitions .mobile-nav-btn.mobile-nav-btn--menu.mobile-nav-btn--active p span:after {
      bottom: 0;
      transform: rotate(-45deg); }

/**
* Navigation links like back-to link and share link
*/
.top-links {
  margin-top: -30px;
  margin-bottom: 10px; }
  .top-links .column,
  .top-links .columns {
    padding: 10px 15px; }
  .top-links.top-links--dark a {
    color: #333; }

.mfp-wrap .top-links {
  display: none !important; }

/*********************
07. CONTENT STYLES
*********************/
#webreepDOTcomSlyle {
  display: none; }

.dl-horizontal {
  overflow: hidden; }
  .dl-horizontal dt,
  .dl-horizontal dd {
    margin-bottom: .25em;
    display: inline-block;
    width: 49%; }
  .dl-horizontal dd {
    width: 49%; }
  .dl-horizontal .dl-horizontal-full-width {
    width: 100% !important; }
    .dl-horizontal .dl-horizontal-full-width + dd {
      display: none; }

.camping-review-scores dt {
  width: 79%; }

.camping-review-scores dd {
  width: 19%;
  text-align: right; }

.header {
  position: relative; }
  .header .username-section {
    display: inline-flex; }
    .header .username-section span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .header #userProfileDropDownContainer {
    padding-bottom: 12px; }
    .header #userProfileDropDownContainer .userProfileIcon:hover {
      text-decoration: underline;
      color: #fff; }
    .header #userProfileDropDownContainer .userProfileIcon .username-section {
      max-width: 180px; }
    .header #userProfileDropDownContainer #user-profile-dropdown {
      top: 31px;
      left: 4px;
      width: fit-content; }
      .header #userProfileDropDownContainer #user-profile-dropdown li:hover a span {
        color: #fff; }
      .header #userProfileDropDownContainer #user-profile-dropdown li a span {
        color: #009835; }
  .header #mobileHeaderProfileContainer .userProfileIcon {
    display: none; }
  .header #mobileHeaderProfileContainer .myAcsiLoginLink .icon-user {
    color: #fff !important; }
    .header #mobileHeaderProfileContainer .myAcsiLoginLink .icon-user:before {
      top: 0;
      right: 5px; }
  .header #mobileHeaderProfileContainer #mobileUserProfileDown {
    height: fit-content;
    max-width: 110px;
    right: 15px;
    left: unset !important; }
  .header #mobileUserProfileContainer .username-section {
    width: calc(100% - 45px); }
  .header #mobileUserProfileContainer .userProfileIcon,
  .header #userProfileDropDownContainer .userProfileIcon {
    display: none; }

.touch.fix-fixed #scroll-to-top {
  display: none !important; }

.touch.fix-fixed .small-offscreen {
  padding: 15px 0 0 0; }

.island--grey {
  background-color: #F1EFEB; }

.island--yellow {
  background-color: #fbce73; }

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

.island--bordered {
  border: 1px solid #cccccc; }

/**
* Scroll to top link
*/
#scroll-to-top {
  border-radius: 5px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  text-align: center;
  display: none;
  z-index: 1000;
  border-bottom: 2px solid #333333; }
  #scroll-to-top:active {
    border-bottom: none;
    height: 38px; }
  #scroll-to-top i {
    color: #fff;
    font-size: 25px;
    display: block;
    line-height: 1.5; }

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

.banner-img {
  margin: 0 0 20px 0; }
  @media only screen and (max-width: 47.938em) {
    .banner-img {
      margin: 1px 0 0; } }
  .banner-img img {
    width: 100%; }

.divider {
  margin: 0 0.5em; }

.byline-rating {
  margin-bottom: 0; }

.byline-location {
  margin-bottom: 0; }
  .byline-location .divider {
    display: none; }
  .byline-location a {
    display: block; }

/**
* List elements
*/
ul li {
  margin-bottom: .5em; }

.list__count {
  display: inline-block;
  font-style: normal;
  color: #999999;
  text-decoration: none;
  margin-left: .5em; }

.list--inline {
  list-style: none;
  overflow: hidden; }
  .list--inline > li {
    margin-right: 5px;
    display: inline-block;
    list-style: none; }
    .list--inline > li:last-child {
      margin-right: 0; }

/**
* Icon lists
*/
.list-icon {
  margin-bottom: 30px; }
  .list-icon > li {
    padding-left: 1.9em;
    position: relative; }
    .list-icon > li i {
      float: left;
      margin-left: -1.9em; }
  .list-icon.list-icon--no-margin > li {
    margin-bottom: 0; }

/* This is used to vertically align icons in a list */
.list-icon--top {
  display: table;
  width: 100%;
  margin-bottom: 10px; }
  .list-icon--top:before, .list-icon--top:after {
    content: " ";
    display: table; }
  .list-icon--top:after {
    clear: both; }
  .list-icon--top .list-icon__content {
    overflow: hidden;
    display: block;
    width: 100%;
    display: table-cell;
    vertical-align: top; }
  .list-icon--top .list-icon__img {
    display: table-cell;
    vertical-align: middle; }
    .list-icon--top .list-icon__img span, .list-icon--top .list-icon__img i, .list-icon--top .list-icon__img img {
      display: block;
      max-width: none; }

.list-icon--middle {
  display: table;
  width: 100%;
  margin-bottom: 10px; }
  .list-icon--middle:before, .list-icon--middle:after {
    content: " ";
    display: table; }
  .list-icon--middle:after {
    clear: both; }
  .list-icon--middle .list-icon__content {
    overflow: hidden;
    display: block;
    width: 100%;
    display: table-cell;
    vertical-align: middle; }
  .list-icon--middle .list-icon__img {
    display: table-cell;
    vertical-align: middle; }
    .list-icon--middle .list-icon__img span, .list-icon--middle .list-icon__img i, .list-icon--middle .list-icon__img img {
      display: block;
      max-width: none; }

.list-icon--bottom {
  display: table;
  width: 100%;
  margin-bottom: 10px; }
  .list-icon--bottom:before, .list-icon--bottom:after {
    content: " ";
    display: table; }
  .list-icon--bottom:after {
    clear: both; }
  .list-icon--bottom .list-icon__content {
    overflow: hidden;
    display: block;
    width: 100%;
    display: table-cell;
    vertical-align: bottom; }
  .list-icon--bottom .list-icon__img {
    display: table-cell;
    vertical-align: middle; }
    .list-icon--bottom .list-icon__img span, .list-icon--bottom .list-icon__img i, .list-icon--bottom .list-icon__img img {
      display: block;
      max-width: none; }

.list-icon.list-icon--rounded .icon-check:before {
  padding-left: .1em;
  line-height: 1.5em; }

.list-icon--rounded > li i {
  border-radius: 100px;
  text-align: center;
  color: #fff;
  line-height: 1.33em;
  width: 1.4em;
  height: 1.4em;
  background: #e60003; }

.list-icon--rounded.list-icon--rounded--white > li i {
  background: #fff;
  color: #333333; }

.list-icon__link {
  display: block; }

.list-icon__link--mobile {
  padding: 6px 0; }

/**
* Radio buttons
*/
/**
* Lists with form elements
*/
.list--form-elements .list-checkbox__item label {
  padding: 0; }

/**
* Banners on the homepage and country pages (campsite chain)
*/
.internal-banner {
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 30px;
  border: 1px solid #cccccc;
  text-align: center; }

.internal-banner__title {
  color: #009835; }
  .internal-banner__title a {
    color: #009835; }

.internal-banner__image {
  margin: 0; }

.internal-banner__image--padded {
  padding: 0 30px; }

/**
* USP list on homepage
*/
/** below styling for aci/cca popup**/
.list-usp {
  margin-top: 10px; }

.list-usp__item {
  display: flex;
  color: #999999;
  align-items: center; }

/** below styling for aci/cca popup**/
.aci-popup__left-content,
.cca-popup__left-content {
  width: 48.5%;
  margin-right: 21px !important; }

/** below styling for aci/cca popup**/
.aci-popup__right-content,
.cca-popup__right-content {
  width: 48.5%; }

.list-usp__icon {
  border-radius: 50px;
  font-size: 85%;
  background-color: #058226;
  color: #fff;
  text-align: center;
  line-height: 30px;
  height: 32px;
  width: 32px;
  border: 3px solid #fff;
  display: block;
  margin-right: 10px; }
  .list-usp__icon:before {
    font-size: 100%;
    font-family: 'icomoon';
    content: '\e926';
    font-style: normal;
    font-weight: bold;
    speak: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em; }

.list-usp__title {
  color: #009835;
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5; }

/**
* Destination lists on home, country, region and place page
*/
.list-destinations {
  padding-bottom: 30px;
  overflow: hidden; }
  .list-destinations > li {
    margin-bottom: 0;
    border-top: 1px solid #ebebe1; }
    .list-destinations > li a {
      display: flex;
      font-size: 1rem; }
    .list-destinations > li .list-icon__link--mobile {
      padding: 0.5em 0; }
  .list-destinations + details {
    margin-top: -30px;
    margin-bottom: 30px; }

/**
* Image lists
*/
.list-image__link {
  word-break: break-word;
  display: block;
  font-size: 1rem; }

.list-image__image {
  margin: 0; }
  .list-image__image img {
    width: 100%; }

.list-image__image-caption {
  margin: .2em 0 .6em;
  display: block; }

/**
* Facility lists on camping detail page
*/
.list-facilities {
  margin: 10px 0 0 0; }

.list-facilities__item-paid .list-facilities__item-label {
  font-weight: bold;
  color: #333; }
  .list-facilities__item-paid .list-facilities__item-label:after {
    content: ' **'; }

.list-facilities__item-props {
  padding-left: 1.5em;
  margin: 0;
  list-style-type: square; }

/**
* Address list on camping detail page
*/
.list--address {
  margin: 0; }

.list--address__item:before, .list--address__item:after {
  content: " ";
  display: table; }

.list--address__item:after {
  clear: both; }

.list--address__item .media__body {
  display: table-cell;
  width: 10000px;
  *width: auto;
  *zoom: 1;
  margin-bottom: 15px; }

.list--address__item .media__image {
  float: left; }
  .list--address__item .media__image span, .list--address__item .media__image i, .list--address__item .media__image img {
    display: block;
    max-width: none; }

.list--address__item .media__body {
  padding-bottom: 15px; }

.list--address__item .media__image {
  margin-right: 10px; }

.list--address__item .btn, .list--address__item .btn-darker-grey, .list--address__item .btn-primary,
.list--address__item .btn-orange, .list--address__item .btn-secondary, .list--address__item .btn-secondary-inverse, .list--address__item .btn-secondary-inverse-without-focus, .list--address__item .btn-tertiary, .list--address__item .btn-border, .list--address__item .btn-ghost, .list--address__item .btn-white, .list--address__item .btn-grey, .list--address__item .btn-link {
  margin-bottom: 0; }

.list--address__item.list--address__warning {
  padding-left: 24px; }

/**
* List for search suggestions etc. and selecting place/region/camping
*/
.search-region-list {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 8px 0;
  margin-bottom: 0; }

.search-region-list__item {
  margin: 5px 0; }

.search-region-list__item-link {
  position: relative;
  display: block;
  padding: 5px 0 0 0; }
  .search-region-list__item-link:hover {
    background-color: #F1EFEB;
    text-decoration: none !important; }
  .search-region-list__item-link:after {
    font-family: 'icomoon';
    content: '\e946';
    font-size: 1em;
    line-height: 2em;
    margin-right: 14px;
    padding-left: 14px;
    border-left: 1px dashed #ebebe1;
    position: absolute;
    right: 0;
    top: 7px;
    color: #009835; }
  .search-region-list__item-link .search-region-list__item-region,
  .search-region-list__item-link:hover .search-region-list__item-region {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-left: 29px;
    color: #999999;
    text-decoration: none;
    display: block; }

.search-region-list__item-title {
  font-weight: bold;
  display: block; }

.search-region-list__item-title--noregion {
  line-height: 2.5em; }

/* Used to hide long text on mobile */
.search-region-list__item-region,
.search-region-list__item-title {
  overflow: hidden;
  white-space: nowrap;
  max-width: 73%; }

.search-region-list__item-icon {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 10px; }

/**
* Search box on homepage
*/
#freesearch {
  position: relative; }
  #freesearch fieldset {
    margin-bottom: 0; }
  #freesearch h1 {
    line-height: 1em;
    margin-bottom: 0.1em; }
  #freesearch .h4 {
    margin-bottom: 10px;
    color: #333333; }
  #freesearch > .row {
    margin: 0; }
    #freesearch > .row .island {
      margin-bottom: 0;
      padding: 30px 20px; }
    #freesearch > .row button[type="submit"] {
      margin-top: 30px;
      margin-bottom: 0; }

.freesearch-byline {
  font-size: 1.1em;
  margin-bottom: 10px; }

.home_search_header_text {
  margin-bottom: 20px !important;
  margin-top: 5px !important; }

.home__search__container {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  min-height: 350px; }

.home__search__tab__menu {
  width: 100%;
  display: flex;
  margin: 0;
  justify-content: center; }

@media only screen and (min-width: 30em) {
  .home__search__tab__menu {
    width: auto;
    justify-content: flex-start; } }

@media only screen and (max-width: 47.938em) {
  .home__search__tab__menu {
    margin-top: 20px; }
  .home__search__container {
    min-height: 0;
    margin-top: 15px;
    border-radius: 5px; }
  .aci-popup__right-content,
  .cca-popup__right-content {
    width: 100%;
    margin-top: 20px !important; }
  .aci-popup__left-content,
  .cca-popup__left-content {
    width: 100%;
    margin: 0; } }

.home__search__tab__menu__item {
  height: 50px;
  background-color: #f2f2f2;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  margin: 0;
  box-shadow: inset 0px -1px 2px #ccc; }
  .home__search__tab__menu__item:first-child {
    border-top-left-radius: 5px;
    box-shadow: inset -1px -1px 2px #ccc; }
  .home__search__tab__menu__item:last-child {
    border-top-right-radius: 5px;
    box-shadow: inset 1px -1px 2px #ccc; }
  .home__search__tab__menu__item.active {
    background-color: #fff;
    box-shadow: none; }
    .home__search__tab__menu__item.active .home__search__tab__menu__item__link {
      color: #333; }

.home__search__tab__menu__item__link {
  padding: 0 1em; }

.search-holder {
  background-color: #F1EFEB;
  padding: .5em; }
  .search-holder input[type="text"],
  .search-holder input[type="date"] {
    -webkit-appearance: none; }
  .search-holder .search-holder__price-filter {
    margin: 0 -10px; }
    .search-holder .search-holder__price-filter .column {
      padding: 0 5px;
      margin-bottom: 0; }

.camping-discount__item {
  font-weight: bold;
  color: #DF3C41; }

.campsite-list-item__content {
  margin-top: 0px; }
  .campsite-list-item__content p {
    margin: 2px 0; }
  .campsite-list-item__content .campsite-list-item__content__list-block {
    padding-left: 15px;
    padding-right: 15px; }
  .campsite-list-item__content .campsite-list-item__content__camp-group-logo {
    text-align: right;
    padding-right: 15px;
    padding-left: 15px; }
  .campsite-list-item__content .campsite-list-item__content__price {
    text-align: right;
    padding-right: 15px;
    padding-left: 15px; }
  .campsite-list-item__content .more-info-link {
    padding-left: 0;
    text-align: right; }
    .campsite-list-item__content .more-info-link a {
      width: 100%; }
  .campsite-list-item__content .campsite-link {
    text-align: right;
    padding-right: 5px; }

.sticky-row {
  background-color: #fff;
  z-index: 9; }
  .sticky-row:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #cccccc; }

/* show hide with height */
@keyframes show-more {
  from {
    max-height: 0; }
  to {
    max-height: 10000px; } }

@-webkit-keyframes show-more {
  from {
    max-height: 0; }
  to {
    max-height: 10000px; } }

@keyframes show-few {
  from {
    max-height: 10000px; }
  to {
    max-height: 0; } }

@-webkit-keyframes show-few {
  from {
    max-height: 10000px; }
  to {
    max-height: 0; } }

/*********************
CAMPING DETAIL
*********************/
.campsite-detail-content p {
  margin-bottom: 0; }

.campsite-detail-content .details--expand summary {
  padding: 10px 0 0 0;
  border: 0;
  bottom: -10px; }

.campsite-detail-content .details__content p {
  margin-bottom: 15px; }

.campsite-detail-content .details__content ul,
.campsite-detail-content .details__content ol {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 15px; }
  .campsite-detail-content .details__content ul li,
  .campsite-detail-content .details__content ol li {
    margin-bottom: 0; }

.campsite-detail-content .details__content ol {
  list-style: decimal; }

.campsite-detail__slider {
  margin-top: 30px; }

#camping-cta-order p {
  margin-bottom: 10px; }

/**
* Reviews tab
*/
#campsite-reviews article header {
  margin-bottom: 10px; }
  #campsite-reviews article header h3:after {
    content: "";
    display: table;
    clear: both; }
  #campsite-reviews article header h3 a.btn, #campsite-reviews article header h3 a.btn-darker-grey, #campsite-reviews article header h3 a.btn-primary,
  #campsite-reviews article header h3 a.btn-orange, #campsite-reviews article header h3 a.btn-secondary, #campsite-reviews article header h3 a.btn-secondary-inverse, #campsite-reviews article header h3 a.btn-secondary-inverse-without-focus, #campsite-reviews article header h3 a.btn-tertiary, #campsite-reviews article header h3 a.btn-border, #campsite-reviews article header h3 a.btn-ghost, #campsite-reviews article header h3 a.btn-white, #campsite-reviews article header h3 a.btn-grey, #campsite-reviews article header h3 a.btn-link {
    float: right; }
  #campsite-reviews article header .translate-link {
    padding-left: 25px;
    display: block;
    position: relative; }
    #campsite-reviews article header .translate-link:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
      background-position: -156px -320px;
      width: 20px;
      height: 20px;
      left: 0;
      top: 0;
      content: "";
      position: absolute; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        #campsite-reviews article header .translate-link:after {
          background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
          background-position: -156px -320px;
          width: 20px;
          height: 20px;
          background-size: 468.5px auto; } }

#campsite-reviews article > p {
  padding: 0 15px;
  margin-bottom: 15px; }

#campsite-reviews .review-rating,
#campsite-reviews .review-travelparty {
  margin: 0; }
  #campsite-reviews .review-rating i,
  #campsite-reviews .review-travelparty i {
    margin-right: .5em; }

/**
* Surrounding campings
*/
.detail #camping-results > h3 {
  border-bottom: 1px solid #cacace;
  padding: 6px; }

.detail #camping-results article figure {
  margin-bottom: 15px; }

/*********************
COUNTRY SEARCH
*********************/
.search-on-place-category {
  margin-bottom: 30px; }

.search-on-place-category__title {
  margin-bottom: 10px; }

.search-on-place-category__show-more {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 5px; }

.extra-padding-specific-search {
  padding-left: 1px; }

/*********************
Campsite Details
*********************/
.testimonial__inspector-image {
  border: 1px solid #ccc;
  backface-visibility: hidden;
  float: left;
  margin: 0 20px 10px 0; }

.testimonial__text-block {
  padding: 10px 0; }

.snippet {
  position: relative; }

.snippet--content {
  padding-left: 33px;
  margin-bottom: 0;
  font-style: italic; }
  .snippet--content:before {
    font-size: 4em;
    font-weight: bold;
    content: "\201C";
    color: #7f7f7f;
    position: absolute;
    top: 3px;
    left: 10px; }

.snippet--review {
  margin-bottom: 50px; }

.snippet--meta {
  margin-top: 15px; }

/******************************************************************
08. PAGE NAVI STYLES
******************************************************************/
.pagination.pagination--searchresults {
  margin-bottom: 30px; }

/** autocomplete search **/
.autocomplete-result .suggestion-category ul .suggestion-item:hover, .autocomplete-result .suggestion-category ul .suggestion-item.active {
  background-color: #009835; }
  .autocomplete-result .suggestion-category ul .suggestion-item:hover :after, .autocomplete-result .suggestion-category ul .suggestion-item.active :after {
    background-image: linear-gradient(to right, rgba(0, 152, 53, 0), #009835); }

.is-relative {
  position: relative; }

.campsite-search-form .search-holder {
  padding: 0;
  background: none; }

.campsite-search-form button[type="submit"] {
  top: 0; }

/** */
.img-frame {
  border: 1px solid #F1EFEB;
  margin-bottom: 30px;
  padding: 15px; }

/** Smart app banner **/
#smartbanner.ios {
  position: relative !important; }

/** opened campsites filter **/
.date-filter__label {
  margin-bottom: 8px; }

.date-filter__container .checkbox {
  padding-left: 1.75em;
  display: block; }
  .date-filter__container .checkbox > div {
    margin-left: -1.75em; }

.date-filter__list {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 0; }
  .date-filter__list li {
    width: calc(100% - 21px);
    position: relative; }
    .date-filter__list li .icon-info {
      position: absolute;
      top: 8px;
      right: -20px;
      color: #009835;
      cursor: pointer; }
  @media only screen and (min-width: 37.5em) {
    .details__content .date-filter__list li {
      width: 50%; } }
  @media only screen and (min-width: 77.5em) {
    .details__content .date-filter__list li {
      width: 30%; } }

@media only screen and (min-width: 64.375em) {
  .details__content .date-filter__label {
    width: 25%;
    margin-top: 7px; }
  .details__content .date-filter__container {
    width: 75%; } }

.correction-mail__link {
  position: relative;
  top: -50px; }

/* Divider */
.divider--border {
  height: 8px;
  border-top: 2px solid #ebebe1; }

/* Destination page*/
.destination-content {
  margin-bottom: 30px; }
  .destination-content ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 15px; }
  .destination-content li {
    margin-bottom: 0; }
  .destination-content p {
    margin-bottom: 20px; }
    .destination-content p:last-child {
      margin-bottom: 0; }

.BookingHome .btn-orange,
.BookingHome .btn-link {
  width: 100%; }

#jsToasterMessage {
  position: fixed;
  top: 132px;
  left: 115px;
  width: calc(100% - 230px);
  z-index: 99999;
  color: #fff;
  padding: 10px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  border-radius: 5px; }
  #jsToasterMessage .toast-icon-close {
    width: 20px;
    height: 20px;
    object-fit: contain;
    cursor: pointer; }
    #jsToasterMessage .toast-icon-close:after {
      font-family: "icomoon";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: none;
      text-align: center;
      font-size: 18px;
      width: 1em;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      content: ""; }
  #jsToasterMessage.js-toast-error {
    background-color: #e60003; }
  @media only screen and (max-width: 47.938em) {
    #jsToasterMessage {
      top: 64px;
      left: 15px;
      width: calc(100% - 30px); } }

.secure_logo_footer_nl {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/a93199dbb923b9f8e7c8.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain; }

.secure_logo_footer_de {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/6a27a6ca92b0592ca725.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain; }

.secure_logo_nl {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/8f91140eb07256d5e2b8.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain;
  height: 50px;
  width: 156px; }

.secure_logo_de {
  background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/0f7ccc3171a7ae132e1d.png);
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 65px;
  background-size: contain;
  height: 50px;
  width: 156px; }

#smartbanner {
  display: none; }

@media only screen and (min-width: 48em) {
  .secure_logo_footer_nl {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/8f91140eb07256d5e2b8.png);
    height: 50px;
    width: 156px; }
  .secure_logo_footer_de {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/0f7ccc3171a7ae132e1d.png);
    height: 50px;
    width: 156px; } }

/* vector map */
/* Icon colors */
/*React components*/
/* button  variables */
/* detail page new color scheme */
/******************************************************************
Author: Ankit Patidar
Stylesheet: GEO page Stylesheet
Description: Styles that will be going to apply to geo pages, which is country, region and place pages.
Like:
https://www.eurocampings.co.uk/france/
https://www.eurocampings.co.uk/france/southern-france/
******************************************************************/
/**
* Campsite block, showing information about a campsite.
*
* Because campsite block is an ESI block and is cached, we cannot use modifier classes on it's content
* as this would invalidate cache. Instead, we use a container modifier class to set styling on this element.
*/
.campsite__slider-wrap {
  width: 100%;
  overflow: hidden; }

.campsite__content-wrap {
  position: relative;
  padding: 15px 15px 0 15px;
  width: 100%;
  display: block;
  flex-wrap: wrap;
  justify-content: start;
  flex-direction: row; }

.campsite__buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 15px;
  z-index: 1; }

.campsite__usp {
  display: flex;
  flex-direction: column;
  font-size: 14px; }
  .campsite__usp__block {
    display: flex;
    align-items: center; }
    .campsite__usp__block > * {
      margin-top: 5px; }
    .campsite__usp__block > i {
      color: white;
      padding: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-right: 4px; }
    .campsite__usp__block.green > i {
      background-color: #058226; }
    .campsite__usp__block.blue > i {
      background-color: #00AEEF; }
    .campsite__usp__block .icon-check:before {
      font-size: 8px;
      font-weight: bold; }

.campsite__btn-wrap {
  position: initial;
  margin-left: auto; }

.campsite__price {
  margin: 0; }

.campsite-title_location {
  order: 1; }

.campsite-slogan {
  order: 2;
  font-size: 0.9375rem; }

.js-result-campsite .campsite-slogan {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.campsite-review {
  order: -1;
  text-align: right;
  display: unset;
  margin: 0; }

.campsite-icons {
  order: 1;
  width: 100%;
  align-items: center; }

.campsite-buttons {
  margin-top: 5px;
  order: 2;
  width: 100%; }
  .campsite-buttons > div {
    cursor: pointer; }

.js-website-external-link, .js-book-now-button, .js-notify-me-button {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px; }
  .js-website-external-link.disabled, .js-book-now-button.disabled, .js-notify-me-button.disabled {
    cursor: none;
    pointer-events: none;
    opacity: 0.6; }

.usp-block-resultlist {
  display: flex;
  order: 2; }
  .usp-block-resultlist.green ul li > i {
    background-color: #058226; }
  .usp-block-resultlist.blue ul li > i {
    background-color: #00AEEF; }
  .usp-block-resultlist ul {
    display: flex;
    flex-direction: column;
    margin-bottom: -30px;
    margin-top: 10px; }
    .usp-block-resultlist ul li {
      visibility: hidden;
      width: 50%;
      display: flex;
      font-size: 14px;
      align-items: center;
      width: 100%; }
      @media only screen and (max-width: 480px) {
        .usp-block-resultlist ul li {
          font-size: 12px; } }
      .usp-block-resultlist ul li:nth-of-type(-n+3) {
        visibility: visible; }
      .usp-block-resultlist ul li > i {
        color: white;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-right: 4px; }
      .usp-block-resultlist ul li .icon-check:before {
        font-size: 8px;
        font-weight: bold; }

@media only screen and (min-width: 48em) {
  .campsite__slider-wrap {
    width: 40%;
    float: left; }
  .campsite__buttons-wrap {
    flex-wrap: nowrap; }
  .campsite__content-wrap {
    width: 60%;
    float: right; }
  .campsite-icons {
    width: auto; }
  .campsite__list-icons {
    margin: 0; }
  .campsite-buttons {
    width: auto;
    margin-top: 0; } }

@media only screen and (min-width: 48em) {
  .campsite__btn-wrap {
    bottom: 15px;
    right: 15px;
    position: initial; } }

@media only screen and (max-width: 768px) {
  .campsite__btn-wrap {
    right: 15px;
    left: 0;
    position: unset; } }

.campsite-list--top .campsite__rating {
  right: 15px; }

.campsite-list--top .campsite__btn-wrap {
  right: 15px; }

.campsite-list--top .campsite__btn-wrap {
  bottom: 15px; }

.campsite__price,
.campsite__opening-periods,
.campsite__location {
  color: #999999;
  font-size: 85%; }

@media only screen and (min-width: 37.5em) {
  .campsite__price,
  .campsite__opening-periods,
  .campsite__location {
    margin-bottom: .5em; } }

.campsite__image {
  position: relative;
  overflow: hidden;
  height: 170px;
  margin: 0; }
  @media only screen and (min-width: 37.5em) {
    .campsite__image {
      height: 190px;
      width: 30%; } }
  .campsite__image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px; }
    .campsite__image a:hover img {
      opacity: .8; }
  .campsite__image img {
    position: absolute;
    width: 100%;
    max-width: none;
    /* use csstransform if available to center image */ }
    @media only screen and (min-width: 37.5em) {
      .campsite__image img {
        width: auto;
        height: 100%; } }
    .csstransforms .campsite__image img {
      left: 50%;
      top: 50%;
      transform: translate3d(-50%, -50%, 0); }

.campsite__availability__container {
  width: 100%;
  margin-bottom: 30px; }

.campsite__availability {
  display: flex;
  align-items: center;
  border: 1px solid #cccccc;
  width: 100%;
  position: relative;
  margin-top: -1px; }
  .campsite__availability:link, .campsite__availability:visited, .campsite__availability:active {
    text-decoration: none;
    color: #333; }
  .campsite__availability:hover, .campsite__availability:focus {
    text-decoration: none;
    color: #333;
    border: 1px solid #009835;
    background-color: #ebf7ef;
    z-index: 1; }

@media only screen and (min-width: 48em) {
  .campsite__availability {
    flex-wrap: nowrap; } }

.campsite__availability > div {
  margin: 5px; }

.campsite__availability > div:last-of-type span {
  padding-top: 6px; }

.campsite_alternate_label_icon {
  color: #DF3C41;
  font-size: 14px;
  text-align: center; }

.campsite__availability__icon {
  flex-shrink: 1; }

.campsite__availability__info {
  display: none; }
  @media only screen and (min-width: 48em) {
    .campsite__availability__info {
      display: inline;
      flex: 1 0 0; } }

.campsite__availability__price {
  flex: 1 1 0;
  justify-content: right;
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #333; }
  .campsite__availability__price:link, .campsite__availability__price:visited, .campsite__availability__price.active {
    color: #333; }
  .campsite__availability__price:hover, .campsite__availability__price:focus {
    text-decoration: none;
    color: #333; }

.campsite__availability__button {
  flex-shrink: 1;
  justify-content: right;
  color: #fff; }
  .campsite__availability__button.btn:link, .campsite__availability__button.btn-darker-grey:link, .campsite__availability__button.btn-primary:link,
  .campsite__availability__button.btn-orange:link, .campsite__availability__button.btn-secondary:link, .campsite__availability__button.btn-secondary-inverse:link, .campsite__availability__button.btn-secondary-inverse-without-focus:link, .campsite__availability__button.btn-tertiary:link, .campsite__availability__button.btn-border:link, .campsite__availability__button.btn-ghost:link, .campsite__availability__button.btn-white:link, .campsite__availability__button.btn-grey:link, .campsite__availability__button.btn-link:link, .campsite__availability__button.btn:visited, .campsite__availability__button.btn-darker-grey:visited, .campsite__availability__button.btn-primary:visited,
  .campsite__availability__button.btn-orange:visited, .campsite__availability__button.btn-secondary:visited, .campsite__availability__button.btn-secondary-inverse:visited, .campsite__availability__button.btn-secondary-inverse-without-focus:visited, .campsite__availability__button.btn-tertiary:visited, .campsite__availability__button.btn-border:visited, .campsite__availability__button.btn-ghost:visited, .campsite__availability__button.btn-white:visited, .campsite__availability__button.btn-grey:visited, .campsite__availability__button.btn-link:visited, .campsite__availability__button.btn.active, .campsite__availability__button.active.btn-darker-grey, .campsite__availability__button.active.btn-primary,
  .campsite__availability__button.active.btn-orange, .campsite__availability__button.active.btn-secondary, .campsite__availability__button.active.btn-secondary-inverse, .campsite__availability__button.active.btn-secondary-inverse-without-focus, .campsite__availability__button.active.btn-tertiary, .campsite__availability__button.active.btn-border, .campsite__availability__button.active.btn-ghost, .campsite__availability__button.active.btn-white, .campsite__availability__button.active.btn-grey, .campsite__availability__button.active.btn-link {
    color: #fff; }
  .campsite__availability__button.btn:hover, .campsite__availability__button.btn-darker-grey:hover, .campsite__availability__button.btn-primary:hover,
  .campsite__availability__button.btn-orange:hover, .campsite__availability__button.btn-secondary:hover, .campsite__availability__button.btn-secondary-inverse:hover, .campsite__availability__button.btn-secondary-inverse-without-focus:hover, .campsite__availability__button.btn-tertiary:hover, .campsite__availability__button.btn-border:hover, .campsite__availability__button.btn-ghost:hover, .campsite__availability__button.btn-white:hover, .campsite__availability__button.btn-grey:hover, .campsite__availability__button.btn-link:hover, .campsite__availability__button.btn:focus, .campsite__availability__button.btn-darker-grey:focus, .campsite__availability__button.btn-primary:focus,
  .campsite__availability__button.btn-orange:focus, .campsite__availability__button.btn-secondary:focus, .campsite__availability__button.btn-secondary-inverse:focus, .campsite__availability__button.btn-secondary-inverse-without-focus:focus, .campsite__availability__button.btn-tertiary:focus, .campsite__availability__button.btn-border:focus, .campsite__availability__button.btn-ghost:focus, .campsite__availability__button.btn-white:focus, .campsite__availability__button.btn-grey:focus, .campsite__availability__button.btn-link:focus {
    text-decoration: none;
    color: #fff; }

.campsite__availability .date--container span {
  color: #333;
  text-decoration: none; }

.campsite__availability .date--container {
  display: flex;
  flex-direction: column; }

@media screen and (max-width: 370px) {
  .campsite__availability .date--container {
    margin: 4px !important; } }

.campsite__availability .special-offer--container {
  display: flex;
  background-color: #009835;
  align-items: center;
  border-radius: 20px;
  padding: 5px 10px;
  margin: 0 20px; }
  .campsite__availability .special-offer--container div {
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-left: 4px; }

.campsite__availability .cca--icon--container {
  display: flex;
  align-items: center;
  margin: 0 20px; }
  .campsite__availability .cca--icon--container i {
    padding: 0 5px; }
  .campsite__availability .cca--icon--container i:last-of-type {
    font-size: 20px;
    height: 26px;
    margin-bottom: 1.5px; }

.campsite__availability .renderflex {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.campsite__availability .icon--container {
  display: initial; }

.campsite__availability .icon--container-mobile {
  display: none; }

a.campsite__availability .campsite__availability__button span {
  color: #fff; }

.campsite__availability:hover .campsite__availability__price, .campsite__availability:hover .cca--icon--container {
  text-decoration: none; }

.campsite__availability .campsite__availability__price {
  color: #333;
  margin-left: 7px; }
  .campsite__availability .campsite__availability__price:hover, .campsite__availability .campsite__availability__price:focus {
    text-decoration: none; }

.campsite__availability .campsite__availability__icon {
  color: #333;
  padding-bottom: 10px; }

.campsite__bookable {
  position: absolute;
  background: rgba(20, 20, 20, 0.6);
  color: white;
  font-size: 0.8125rem;
  font-weight: bold;
  text-decoration: underline;
  padding: 15px;
  top: 0; }

.alternate-availability-container {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-top: 0; }
  .alternate-availability-container .loader__container {
    width: auto;
    margin: 0;
    position: initial; }
    .alternate-availability-container .loader__container .loader {
      width: 3em;
      height: 3em;
      border-top: 0.6em solid rgba(0, 152, 53, 0.2);
      border-right: 0.6em solid rgba(0, 152, 53, 0.2);
      border-bottom: 0.6em solid rgba(0, 152, 53, 0.2);
      border-left: 0.6em solid #009835; }
      .alternate-availability-container .loader__container .loader .loader::after {
        width: 3em;
        height: 3em; }
  .alternate-availability-container .toggle {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #009835;
    font-weight: 500;
    cursor: pointer; }
    .alternate-availability-container .toggle:hover {
      opacity: 0.5; }
    .alternate-availability-container .toggle i {
      margin-left: 5px; }
  .alternate-availability-container .alternate-availability-item-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
    align-items: center; }
  .alternate-availability-container .no-availability-message {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #cccccc; }
  .alternate-availability-container .campsite__availability {
    border-left: none;
    border-right: none; }

.campsite--theme-top .campsite__bookable {
  top: 25px; }

.campsite__title {
  margin: -.2em 3em .25em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .campsite__title a, .campsite__title a:link, .campsite__title a:visited, .campsite__title a:hover, .campsite__title a:active {
    color: #007228;
    text-decoration: underline; }

.campsite__location {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 3rem; }

.campsite__price {
  margin-bottom: .5rem; }

.campsite__rating {
  position: absolute;
  top: 15px;
  right: 15px;
  width: auto;
  font-size: 1em;
  font-weight: bold; }

.campsite__list-icons {
  display: flex;
  align-items: center; }
  .campsite__list-icons > li {
    display: inline-block;
    margin: 0; }
  .campsite__list-icons i {
    margin-right: 5px; }

.campsite-list .campsite {
  border: 1px solid #cccccc;
  position: relative;
  pointer-events: none;
  padding-bottom: 1px; }

.campsite-list .no-booking-message {
  visibility: hidden;
  height: 0; }
  .campsite-list .no-booking-message:nth-of-type(1):not(.no-booking-message__hidden) {
    visibility: visible;
    background-color: #F1EFEB;
    height: 100%;
    margin-top: -20px;
    margin-bottom: 2em;
    padding: 1em;
    text-align: center; }

.campsite-list .campsite-list-item:last-child {
  float: left; }

.campsite-list .campsite__btn-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media only screen and (min-width: 48em) {
    .campsite-list .campsite__btn-wrap {
      flex-wrap: nowrap; } }
  .campsite-list .campsite__btn-wrap .campsite__btn-info {
    margin-bottom: 0.5em; }
    @media only screen and (min-width: 480px) {
      .campsite-list .campsite__btn-wrap .campsite__btn-info {
        margin-bottom: 0; } }

/* Sponsored campsite styling */
.campsite--sponsored {
  background-color: #FEF7DB; }

/* Campsite of the week styling */
.campsite--theme-top .campsite__slider-wrap {
  position: relative; }
  .campsite--theme-top .campsite__slider-wrap::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: attr(data-css-content);
    background-color: #1276B3;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 95%;
    line-height: 1.2; }

/* map overrides */
.balloon {
  width: 230px;
  min-height: 265px; }
  .balloon .campsite__location {
    display: none; }
  .balloon .campsite__title {
    text-overflow: initial;
    white-space: normal; }
  .balloon .campsite-slogan {
    display: none; }
  .balloon .campsite__availability__container {
    display: none; }

@media only screen and (min-width: 30em) {
  .campsite__btn-cpc {
    width: calc(70% - 15px); }
  .campsite__btn-info {
    width: 30%; } }

@media screen and (min-width: 769px) {
  .campsite__availability__button {
    flex-shrink: 0; } }

@media only screen and (min-width: 48em) {
  .balloon {
    width: 500px;
    min-height: 145px; }
    .balloon .campsite__location {
      display: block; }
    .balloon .campsite__title {
      text-overflow: ellipsis;
      white-space: nowrap; }
    .balloon .campsite-slogan {
      display: block; }
    .balloon .acsi__slider__image:first-child {
      height: 145px;
      width: auto;
      object-fit: cover; } }

/* grid */
@supports (display: grid) {
  .campsite__location {
    white-space: normal; }
  .campsite {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    grid-template-areas: "campsite-slider" "campsite-content" "campsite-buttons"; }
  @media only screen and (min-width: 48em) {
    .campsite {
      width: 100%;
      height: 230px;
      display: grid;
      grid-template-columns: 40% 60%;
      grid-template-rows: 77% 23%;
      grid-template-areas: "campsite-slider campsite-content" "campsite-buttons campsite-buttons"; }
    .js-result-campsite .campsite__buttons-wrap {
      padding: 0 15px; }
    .campsite-list--top .campsite {
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: 40% 60%;
      grid-template-rows: auto auto;
      grid-template-areas: "campsite-slider campsite-content" "campsite-slider campsite-buttons"; }
    .balloon .campsite {
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: 40% 60%;
      grid-template-rows: auto auto;
      grid-template-areas: "campsite-slider campsite-content" "campsite-buttons campsite-buttons"; } }
  @media only screen and (min-width: 64.375em) {
    .campsite {
      width: 100%;
      height: 230px;
      display: grid;
      grid-template-columns: 40% 60%;
      grid-template-rows: 77% 23%;
      grid-template-areas: "campsite-slider campsite-content" "campsite-slider campsite-buttons"; }
    .single-column .campsite {
      width: 100%;
      height: 230px;
      display: grid;
      grid-template-columns: 40% 60%;
      grid-template-rows: 77% 23%;
      grid-template-areas: "campsite-slider campsite-content" "campsite-buttons campsite-buttons"; } }
  .campsite__slider-wrap {
    position: relative;
    width: 100%;
    grid-area: campsite-slider;
    float: none; }
  .campsite__content-wrap {
    width: 100%;
    grid-area: campsite-content;
    float: none; }
  .campsite__buttons-wrap {
    width: 100%;
    grid-area: campsite-buttons; } }

@media only screen and (max-width: 47.938em) {
  .campsite_alternate_label_icon {
    margin-bottom: 5px;
    text-align: initial; }
  .campsite__availability .renderflex {
    justify-content: right; }
  .icon--container {
    display: none !important; }
  .toggle:hover {
    opacity: 1 !important; }
  .icon--container-mobile {
    display: flex !important; }
  .cca--icon--container, .special-offer--container {
    margin: 0 !important; } }

.FavouritesToggleButton {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer; }

.FavouritesToggleButtonIcon {
  background: none;
  border: none;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 0.8em;
  cursor: pointer;
  transition: all 0.3s ease; }
  .FavouritesToggleButtonIcon:hover, .FavouritesToggleButtonIcon:focus {
    outline: none;
    transform: scale(1.1); }
  .FavouritesToggleButtonIcon:before {
    font-size: 1.6em;
    content: "\e988";
    font-family: "icomoon"; }

.FavouritesToggleButtonLabel {
  color: #1276B3; }

.campsite-detail .campsite__toggle__favourite {
  top: 15px;
  left: 90%; }

.campsite__toggle__favourite {
  border: none;
  padding: 0;
  color: #333;
  font-size: 1.2em;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 100;
  background-color: #fff;
  width: 33px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto; }
  .campsite__toggle__favourite:before {
    content: "\e988";
    font-family: "icomoon"; }
  .campsite__toggle__favourite:hover, .campsite__toggle__favourite:focus {
    outline: none;
    transform: scale(1.1); }
  .campsite__toggle__favourite.campsite__is__favourite {
    color: #e60003; }
    .campsite__toggle__favourite.campsite__is__favourite:before {
      content: "\e989";
      font-family: "icomoon"; }

.FavouriteList {
  padding: 0 10px;
  max-height: calc(100vh - 85px);
  overflow-y: scroll; }

.FavouriteItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
  text-align: left;
  max-height: 140px; }
  .FavouriteItem:last-child {
    border-bottom: none; }

.FavouriteItemContent {
  display: flex; }

.FavouriteTextContainer {
  padding: 0 10px;
  margin-top: -4px; }

.FavouriteName {
  padding: 0 !important; }

.FavouriteGeo {
  color: #999999 !important;
  text-decoration: none !important;
  font-size: 0.7em; }

.FavouriteItemImage {
  max-width: 100px;
  object-fit: cover;
  max-height: 100px; }

.FavouriteRemove {
  background: none;
  border: none;
  padding: 0;
  color: #32AC5D;
  font-size: 0.8em;
  cursor: pointer;
  transition: all 0.3s ease; }
  .FavouriteRemove:before {
    font-size: 1.6em;
    content: "\e987";
    font-family: "icomoon"; }
  .FavouriteRemove:hover, .FavouriteRemove:focus {
    color: #009835;
    outline: none;
    transform: scale(1.1); }

.FavouritesToggleButtonLabelNumber {
  font-weight: bold;
  color: #fff;
  font-size: 0.8em;
  vertical-align: super; }

.FavouritesToggleButtonLabelText {
  display: none; }

@media only screen and (min-width: 48em) {
  .FavouritesToggleButtonIcon {
    color: #009835; }
  .FavouritesToggleButtonLabelNumber {
    color: #1276B3; }
  .FavouritesToggleButton {
    color: #009835; }
  .FavouritesToggleButtonIcon {
    margin-right: 5px; }
  .FavouritesPopover {
    left: 0;
    top: 35px;
    transform: translateX(-50%);
    border-radius: 10px;
    padding: 10px;
    border: none;
    box-shadow: 0 0 20px #999999;
    min-width: 320px; }
    .FavouritesPopover:before {
      content: " ";
      top: -10px;
      left: 50%;
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff; } }

@media only screen and (min-width: 64.375em) {
  .FavouritesToggleButtonLabelText {
    display: inline; } }

/**
* Google maps
*/
.static__map__container {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative; }

.modal-map {
  height: 100vh !important;
  width: 100% !important; }

/* Maps Balloons */
.balloon {
  background: #fff;
  margin-bottom: -17px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  z-index: 2; }
  .balloon:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -18px;
    border-style: solid;
    border-width: 17px 18px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1; }
  .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: 50%;
    margin-left: -18px;
    border-style: solid;
    border-width: 17px 18px 0;
    border-color: rgba(0, 0, 0, 0.1) transparent;
    display: block;
    width: 0;
    z-index: 0; }

.balloon #balloon-close-button {
  position: absolute !important;
  top: -10px;
  right: -10px;
  z-index: 2;
  padding: 5px 5px 2px 5px;
  border-radius: 100%;
  box-shadow: 0px 0px 4px #999999;
  width: auto; }

.toggle-map {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 0 5px 5px 0; }
  .toggle-map .campcount {
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -48px;
    width: 96px;
    max-height: 96px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
    color: #fff;
    z-index: 1; }
    .toggle-map .campcount:before {
      font-family: "icomoon";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: none;
      text-align: center;
      font-size: 18px;
      width: 1em;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1;
      color: #fff;
      content: '\e92e';
      font-size: 2.5em;
      margin-right: 0;
      margin-top: .5em;
      width: auto; }
    .toggle-map .campcount span {
      display: block;
      color: #fff;
      text-decoration: none;
      font-size: .85em;
      margin: .5em; }
  .toggle-map:hover .campcount {
    background: rgba(0, 0, 0, 0.7); }
    .toggle-map:hover .campcount span {
      color: #fff;
      text-decoration: none; }

.csstransitions .toggle-map .campcount {
  transition: background .2s linear; }

.acsimap-homepage {
  position: relative;
  width: 455px;
  height: 365px;
  max-width: 455px; }

#acsimapsoverlay-loading-element {
  display: none; }

#freesearch #search-map-holder .toggle-map img.static__map__geo {
  left: 0;
  transform: none; }

.static__map__container__geo {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

.static__map__geo {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.breadcrumb__container {
  display: flex;
  margin: 10px 0 30px 0; }

.breadcrumb__back__button.btn-secondary {
  margin-right: 10px;
  align-items: center; }

#breadcrumb {
  border-top: 1px solid #cccccc; }
  #breadcrumb li {
    margin-bottom: 0; }
  #breadcrumb .row {
    height: auto; }
  #breadcrumb .nav {
    position: relative; }
    #breadcrumb .nav .last a.breadcrumb-control {
      cursor: default; }
      #breadcrumb .nav .last a.breadcrumb-control:hover {
        text-decoration: none; }
    #breadcrumb .nav > li {
      margin-left: 5px;
      border-left: 1px solid transparent;
      border-top: 1px solid transparent;
      border-right: 1px solid transparent;
      position: relative;
      margin-right: 5px; }
      #breadcrumb .nav > li:before {
        position: absolute;
        top: 0;
        left: -6px;
        content: "/";
        color: #999999; }
      #breadcrumb .nav > li:first-child {
        margin-left: 0;
        padding-left: 0; }
        #breadcrumb .nav > li:first-child a {
          margin-left: 0;
          padding-left: 0; }
        #breadcrumb .nav > li:first-child:before {
          display: none; }
      #breadcrumb .nav > li:before {
        top: .3em; }
      #breadcrumb .nav > li.has-dropdown {
        margin-right: 0; }
        #breadcrumb .nav > li.has-dropdown > a {
          padding-right: 1.5em; }
          #breadcrumb .nav > li.has-dropdown > a:after {
            right: .65em; }
        #breadcrumb .nav > li.has-dropdown > span {
          padding-right: 1.5em; }
      #breadcrumb .nav > li > a,
      #breadcrumb .nav > li > span {
        display: block;
        padding: 5px 0 3px 5px; }
      #breadcrumb .nav > li > a {
        color: #333333;
        text-decoration: none; }
        #breadcrumb .nav > li > a span {
          color: #333333;
          text-decoration: none;
          margin: 0; }
      #breadcrumb .nav > li > ul {
        box-shadow: 0px, 0px, 5px, #999999;
        border-radius: 0px 3px 3px 3px;
        padding: 5px;
        margin: -1px 0 0 -1px;
        min-width: 101%;
        white-space: nowrap;
        float: none;
        zoom: 1; }
        #breadcrumb .nav > li > ul > li {
          display: inline-block;
          vertical-align: top; }
          #breadcrumb .nav > li > ul > li.last {
            float: none;
            display: block; }
          #breadcrumb .nav > li > ul > li > ul > li a {
            border-radius: 3px;
            display: block;
            text-decoration: none;
            color: #1276B3;
            padding: 5px;
            margin: 0; }
            #breadcrumb .nav > li > ul > li > ul > li a span {
              color: #999999;
              text-decoration: none;
              padding-left: 0.4em; }
            #breadcrumb .nav > li > ul > li > ul > li a:hover {
              background-color: #009835; }
              #breadcrumb .nav > li > ul > li > ul > li a:hover,
              #breadcrumb .nav > li > ul > li > ul > li a:hover span {
                color: #fff; }
          #breadcrumb .nav > li > ul > li.last a {
            display: inline-block;
            border-radius: 3px;
            background-color: #d9eaf1;
            padding: 5px;
            margin: 5px 0 0 0; }
            #breadcrumb .nav > li > ul > li.last a:hover {
              text-decoration: underline; }
  #breadcrumb .share-link {
    position: relative;
    top: 4px; }

/*********************
HTML5 DETAILS

The details element is the html5 equivalent to jquery toggle.
This file contains markup to style the summary element consistently.

For more info on the HTML5 details element see link below:
http://html5doctor.com/the-details-and-summary-elements/
*********************/
/**
 * The details summary height is the height of the summary element inclusive padding
 * It is used to set the size of the details element correctly.
 */
/*********************
Details
*********************/
details {
  margin-bottom: 30px;
  /* Correct padding and margins on last element of both details and details-wrapper */ }
  details > summary::-webkit-details-marker {
    display: none; }
  details > summary {
    position: relative;
    outline: none;
    color: #007228;
    display: block; }
    details > summary:focus, details > summary:hover {
      cursor: pointer; }
    details > summary:before {
      font-family: "icomoon";
      margin: 0 0.5em 0 0;
      content: "";
      color: #009835;
      background-color: transparent;
      top: 2px;
      position: relative; }
  details[open] > summary:before, details.open > summary:before {
    content: ""; }
  details,
  details > .details__content {
    /**
        * Nested details
        */ }
    details > :last-child:not(details),
    details > .details__content > :last-child:not(details) {
      margin-bottom: 0.5em;
      padding-bottom: 0; }
    details details,
    details > .details__content details {
      padding-bottom: 30px; }
  details .details__content {
    display: none; }
  details.details--open-margin .details__content {
    padding-top: 15px; }
  details.details--accordion {
    margin-bottom: 5px; }

.details--toggle {
  margin-bottom: 30px; }

.details--toggle__item, .details--toggle-island {
  border-bottom: 1px dashed #F1EFEB;
  padding: 0 0.5em;
  margin: 0; }
  .details--toggle__item:first-child, .details--toggle-island:first-child {
    border-top: 1px dashed #F1EFEB; }
  .details--toggle__item > summary, .details--toggle-island > summary {
    padding: 0.55em 2em 0.55em 0; }
    .details--toggle__item > summary:before, .details--toggle-island > summary:before {
      position: absolute;
      right: 0;
      top: 50%;
      margin: -0.7em 0.1em 0 0;
      content: ""; }
  .details--toggle__item[open], .details--toggle-island[open], .details--toggle__item.open, .open.details--toggle-island {
    padding: 0 0.5em 0.55em; }
    .details--toggle__item[open] > summary:before, .details--toggle-island[open] > summary:before, .details--toggle__item.open > summary:before, .open.details--toggle-island > summary:before {
      content: ""; }

.details--toggle__item-icon {
  float: left; }

.details--toggle__item-label {
  display: block;
  margin: 0 0 0 2em;
  word-break: normal; }

.details--toggle-island {
  border: 1px solid #F1EFEB;
  border-bottom: none;
  padding: 0 1em; }
  .details--toggle-island[open], .details--toggle-island.open {
    padding: 0 1em 0.5em; }
  .details--toggle-island:first-child {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #F1EFEB; }
  .details--toggle-island:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #F1EFEB;
    margin-bottom: 30px; }
  .details--toggle-island > summary:before {
    margin-right: 0; }

.details--expand {
  position: relative;
  padding-bottom: 24px; }
  .details--expand.details--accordion {
    font-weight: normal;
    padding-bottom: 0; }
  .details--expand > summary {
    position: absolute;
    bottom: -10px;
    border-bottom: 1px solid #F1EFEB;
    width: 100%;
    padding: 5px 0 10px 0; }
    .details--expand > summary:focus span, .details--expand > summary:hover span {
      text-decoration: underline; }
    .details--expand > summary.details--no-border {
      border: 0; }
    .details--expand > summary.summary__accordion {
      font-weight: bold;
      bottom: auto;
      position: relative;
      top: 0;
      padding-left: 20px; }
      .details--expand > summary.summary__accordion:before {
        padding-bottom: 10px;
        display: block;
        position: absolute;
        left: 0; }

.details--no-margin {
  margin-top: -15px;
  margin-bottom: 15px; }

/**
* Tablet and desktop use
*/
@media only screen and (min-width: 48em) {
  details {
    /* Correct padding and margins on last element of both details and details-wrapper */ }
    details,
    details > .details-wrapper {
      /**
                * Nested details
                */ }
      details details,
      details > .details-wrapper details {
        padding-bottom: 30px; }
  .details--toggle-island:last-child {
    margin-bottom: 30px; } }

#similarCampsiteSlider {
  cursor: auto !important; }

.category-slider-heading {
  margin-bottom: 0;
  overflow: hidden; }

.category-slider-loader {
  margin-bottom: 30px;
  height: 394px; }

.category-slider {
  height: 394px; }
  .category-slider .tile-slider__next-loader {
    font-size: 1.8em;
    display: none; }
  .category-slider.tile-slider--loading .tile-slider__next-loader {
    display: block; }

/**
* General slider item styling
*/
.category-slider-item {
  position: relative;
  width: 258px;
  height: 364px;
  background: #fff;
  border: 1px solid #F1EFEB;
  /* adjust all arrow icons */ }
  .category-slider-item .icon-6 {
    font-size: .8em;
    margin: 0 .5em 0 0; }
    .category-slider-item .icon-6 :before {
      content: '\e805'; }
  .category-slider-item .js-cpc-link,
  .category-slider-item .js-external,
  .category-slider-item .category-slider-item__btn {
    transform: translate(-50%, 0);
    min-width: 170px;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 20px;
    font-size: 1em; }
  .category-slider-item .premium-explore {
    bottom: 45px;
    width: 90%; }

.category-slider-item__loader {
  font-size: 70px; }

.cms-tile-slider a {
  padding: 5px 0 5px 0; }

.category-slider-item__body {
  display: flex;
  flex-direction: column; }

.category-slider-item__links {
  padding: 0 20px; }
  .category-slider-item__links > a {
    width: 100%; }
  .category-slider-item__links .js-cpc-link {
    text-align: center; }
  .category-slider-item__links .js-external {
    text-align: center; }

.category-slider-item__content {
  position: relative;
  padding: 5px 20px;
  min-height: 100px;
  /* badges */ }
  .category-slider-item__content ul,
  .category-slider-item__content ol,
  .category-slider-item__content p:last-child {
    margin-bottom: 0; }
  .category-slider-item__content a {
    text-decoration: underline; }
    .category-slider-item__content a:hover {
      text-decoration: none; }
  .category-slider-item__content .premium-links {
    font-size: 1.2em;
    text-align: left;
    vertical-align: middle;
    text-decoration: none; }
    .category-slider-item__content .premium-links:visited {
      color: black; }
    .category-slider-item__content .premium-links:hover {
      text-decoration: underline;
      color: inherit; }
  .category-slider-item__content .category-slider-item__badges {
    position: absolute;
    right: -10px;
    top: -62px; }
    .category-slider-item__content .category-slider-item__badges .badge {
      border-radius: 66px;
      display: inline-block;
      width: 66px;
      height: 66px;
      text-align: center;
      vertical-align: middle;
      background-color: #FFC94C;
      color: #333;
      margin-right: 5px;
      font-size: 22px;
      line-height: 66px;
      text-decoration: none;
      padding: 0px; }
      .category-slider-item__content .category-slider-item__badges .badge:hover {
        background-color: tint(#FFC94C, 40%); }
  .category-slider-item__content .category-slider-item__badge--rating {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease; }
    .category-slider-item__content .category-slider-item__badge--rating:hover {
      background-color: tint(#FFC94C, 40%); }
  .category-slider-item__content .premium-badge {
    background-color: #FFC94C;
    border-radius: 66px;
    top: -187px;
    right: -17px;
    width: 66px;
    height: 66px;
    text-align: center;
    align-content: center; }
    .category-slider-item__content .premium-badge a {
      color: black; }
  .category-slider-item__content .premium-advertise {
    background-color: #ffffffcc;
    border-radius: 20px;
    padding: 4px 8px;
    text-align: left;
    top: -175px;
    left: 10px;
    width: fit-content;
    font-size: 12px; }
    .category-slider-item__content .premium-advertise a {
      color: #333333; }

.category-slider-item__title {
  font-size: 1.2em; }
  .category-slider-item__title a {
    color: #009835;
    text-decoration: none;
    font-size: 18px;
    font-family: StagMedium, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
    display: block;
    line-height: 1.2;
    height: calc(1.25em * 2);
    overflow: hidden; }
    .category-slider-item__title a:focus {
      color: inherit; }
    .category-slider-item__title a:visited {
      color: inherit; }
    .category-slider-item__title a:hover {
      text-decoration: underline;
      color: #058226; }

.category-slider-item__separator {
  display: inline-block;
  border-right: 1px solid #d9d9d9;
  width: 1px;
  height: 1.5em;
  vertical-align: middle;
  margin: 0 .5em; }

.category-slider-item__img {
  margin: 0; }
  .category-slider-item__img .premium-image {
    height: 180px; }

.category-slider-item__icon {
  position: absolute;
  font-size: 2em;
  top: 20px; }

.category-slider-item__byline {
  margin-bottom: 0;
  font-size: 15px;
  /* Prevent text from flowing over multiple lines */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .category-slider-item__byline a, .category-slider-item__byline a:link, .category-slider-item__byline a:visited, .category-slider-item__byline a:active {
    color: #333333;
    text-decoration: none; }
  .category-slider-item__byline a:hover {
    color: #333333;
    text-decoration: underline; }

.premium-cpc {
  text-decoration: underline;
  position: relative;
  top: 44px;
  left: 44px; }

/**
* Styling for double sized items
*/
.category-slider-item--double-img {
  display: block; }

.category-slider-item--double-content .category-slider-item__content {
  position: relative;
  margin-left: -20px;
  height: 364px;
  width: 278px; }
  .category-slider-item--double-content .category-slider-item__content:before {
    content: '';
    width: 0;
    height: 0;
    left: -20px;
    top: 20px;
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff; }

/**
* Quote styling
*/
.category-slider-item--quote {
  padding: 30px; }
  .category-slider-item--quote .category-slider-item__icon {
    right: 20px; }
  .category-slider-item--quote p {
    margin-bottom: 0; }
  .category-slider-item--quote footer:before, .category-slider-item--quote footer:after {
    content: " ";
    display: table; }
  .category-slider-item--quote footer:after {
    clear: both; }
  .category-slider-item--quote footer cite {
    display: table;
    margin-bottom: 28px;
    font-style: normal;
    width: 100%; }
  .category-slider-item--quote footer .category-slider-item__quote-source,
  .category-slider-item--quote footer .category-slider-item__quote-img {
    display: table-cell;
    vertical-align: middle; }
  .category-slider-item--quote footer .category-slider-item__quote-img {
    width: 58px; }
    .category-slider-item--quote footer .category-slider-item__quote-img img {
      border-radius: 48px;
      display: block;
      width: 48px;
      height: 48px; }
  .category-slider-item--quote footer a {
    font-weight: bold; }
  .category-slider-item--quote.category-slider-item--yellow footer a,
  .category-slider-item--quote.category-slider-item--yellow footer a:hover {
    color: #333; }

.category-slider-item__quote-open,
.category-slider-item__quote-close {
  font-size: 2.6em;
  line-height: 1;
  margin-left: -10px; }

.category-slider-item__quote-close {
  float: right;
  margin: 0 -10px 0 0; }

.category-slider-item--dark-blue {
  background: #065984;
  color: #fff; }
  .category-slider-item--dark-blue h1, .category-slider-item--dark-blue .h1,
  .category-slider-item--dark-blue h2, .category-slider-item--dark-blue .h2,
  .category-slider-item--dark-blue h3, .category-slider-item--dark-blue .h3, .category-slider-item--dark-blue .form-horizontal fieldset legend, .form-horizontal fieldset .category-slider-item--dark-blue legend, .category-slider-item--dark-blue .form-vertical fieldset legend, .form-vertical fieldset .category-slider-item--dark-blue legend, .category-slider-item--dark-blue fieldset legend, fieldset .category-slider-item--dark-blue legend,
  .category-slider-item--dark-blue h4, .category-slider-item--dark-blue .h4,
  .category-slider-item--dark-blue h5, .category-slider-item--dark-blue .h5 {
    color: #fff; }
  .category-slider-item--dark-blue a,
  .category-slider-item--dark-blue a:link,
  .category-slider-item--dark-blue a:visited {
    text-decoration: underline;
    color: #fff; }
  .category-slider-item--dark-blue a:hover,
  .category-slider-item--dark-blue a:active {
    color: #fff;
    text-decoration: none; }
  .category-slider-item--dark-blue .category-slider-item__content {
    background-color: #065984;
    min-height: 244px; }
    .category-slider-item--dark-blue .category-slider-item__content:before {
      border-right: 20px solid #065984; }

.category-slider-item--green {
  background: #009835;
  color: #fff; }
  .category-slider-item--green h1, .category-slider-item--green .h1,
  .category-slider-item--green h2, .category-slider-item--green .h2,
  .category-slider-item--green h3, .category-slider-item--green .h3, .category-slider-item--green .form-horizontal fieldset legend, .form-horizontal fieldset .category-slider-item--green legend, .category-slider-item--green .form-vertical fieldset legend, .form-vertical fieldset .category-slider-item--green legend, .category-slider-item--green fieldset legend, fieldset .category-slider-item--green legend,
  .category-slider-item--green h4, .category-slider-item--green .h4,
  .category-slider-item--green h5, .category-slider-item--green .h5 {
    color: #fff; }
  .category-slider-item--green a,
  .category-slider-item--green a:link,
  .category-slider-item--green a:visited {
    text-decoration: underline;
    color: #fff; }
  .category-slider-item--green a:hover,
  .category-slider-item--green a:active {
    color: #fff;
    text-decoration: none; }
  .category-slider-item--green .category-slider-item__content {
    background-color: #009835;
    min-height: 244px; }
    .category-slider-item--green .category-slider-item__content:before {
      border-right: 20px solid #009835; }

.category-slider-item--yellow {
  background: #F7B602;
  color: #333; }
  .category-slider-item--yellow h1, .category-slider-item--yellow .h1,
  .category-slider-item--yellow h2, .category-slider-item--yellow .h2,
  .category-slider-item--yellow h3, .category-slider-item--yellow .h3, .category-slider-item--yellow .form-horizontal fieldset legend, .form-horizontal fieldset .category-slider-item--yellow legend, .category-slider-item--yellow .form-vertical fieldset legend, .form-vertical fieldset .category-slider-item--yellow legend, .category-slider-item--yellow fieldset legend, fieldset .category-slider-item--yellow legend,
  .category-slider-item--yellow h4, .category-slider-item--yellow .h4,
  .category-slider-item--yellow h5, .category-slider-item--yellow .h5 {
    color: #333; }
  .category-slider-item--yellow a,
  .category-slider-item--yellow a:link,
  .category-slider-item--yellow a:visited {
    text-decoration: underline;
    color: #1276B3; }
  .category-slider-item--yellow a:hover,
  .category-slider-item--yellow a:active {
    color: #1276B3;
    text-decoration: none; }
  .category-slider-item--yellow .category-slider-item__content {
    background-color: #F7B602;
    min-height: 244px; }
    .category-slider-item--yellow .category-slider-item__content:before {
      border-right: 20px solid #F7B602; }

@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }

.tile-slider-wrapper .acsi__slider__previous__button {
  left: -.9375rem; }

.tile-slider-wrapper .acsi__slider__next__button {
  right: -.9375rem; }

@media only screen and (min-width: 48em) {
  .tile-slider-wrapper .acsi__slider__previous__button {
    left: 0; }
  .tile-slider-wrapper .acsi__slider__next__button {
    right: 0; } }

.dfp {
  overflow: hidden; }

.single__banner-mobile {
  text-align: center;
  border-bottom: 1px solid #f1f1e9;
  padding: 0 0 30px 0;
  margin-bottom: 30px;
  width: 100%;
  display: table; }

.single__banner-desktop {
  min-height: 0;
  height: 0; }

@media screen and (min-width: 1040px) {
  .single__banner-desktop {
    text-align: center;
    border-bottom: 1px solid #f1f1e9;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    width: 100%;
    min-height: 120px; }
  .single__banner-mobile {
    min-height: 0;
    height: 0;
    padding: 0;
    border-bottom: 0;
    margin: 0; } }

.acsi__slider__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 2000;
  transition: opacity 0.5s ease-in;
  opacity: 0;
  display: none; }

.acsi__slider__modal__content {
  width: 80%;
  overflow: auto;
  margin: 10px auto 0;
  padding: 0;
  z-index: 9999;
  background-color: transparent;
  border: none;
  border-radius: 0; }

.acsi__slider__wrapper {
  position: relative;
  overflow: hidden; }

.result__slider__wrapper {
  width: 100%;
  position: relative;
  overflow: hidden; }

.acsi__slider.initialized .acsi__slider__image,
.acsi__slider.initialized .acsi__slider__video {
  display: block; }

.acsi__slider .active {
  display: block !important; }

.acsi__slider__image {
  width: 100%;
  display: none; }
  .acsi__slider__image:first-child {
    display: block; }

.acsi__slider__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.acsi__slider__totalIndex {
  margin: 0 0 0 5px; }

.acsi__slider__next__button {
  position: absolute;
  top: 50%;
  right: 0;
  background-color: rgba(51, 51, 51, 0.1);
  border: none;
  width: 55px;
  height: 80px;
  outline: 0;
  margin-top: -50px;
  padding: 3px;
  cursor: pointer; }
  .acsi__slider__next__button:hover {
    background-color: rgba(51, 51, 51, 0.5); }
  .acsi__slider__next__button:disabled {
    display: none; }

.acsi__slider__previous__button {
  position: absolute;
  top: 50%;
  left: 0;
  background-color: rgba(51, 51, 51, 0.1);
  border: none;
  width: 55px;
  height: 80px;
  outline: 0;
  margin-top: -50px;
  padding: 3px;
  cursor: pointer; }
  .acsi__slider__previous__button:hover {
    background-color: rgba(51, 51, 51, 0.5); }
  .acsi__slider__previous__button:disabled {
    display: none; }

.acsi__slider__button_arrow-right {
  font-family: "icomoon";
  color: #fff;
  font-size: 33px;
  font-style: normal;
  right: 0;
  position: relative; }
  .acsi__slider__button_arrow-right:before {
    content: "\E936"; }

.acsi__slider__button_arrow-left {
  font-family: "icomoon";
  color: #fff;
  font-size: 33px;
  font-style: normal;
  position: relative; }
  .acsi__slider__button_arrow-left:before {
    content: "\E93A"; }

.acsi__slider__modal__content__title__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0;
  padding: 10px; }

.slider-img-wrap {
  min-height: 145px; }

.nav-btn {
  height: 50px;
  width: 40px;
  top: 100px; }

.campsite-list .acsi__slider__next__button {
  width: 1.5rem;
  height: 2rem;
  margin-top: -.875rem;
  padding: 4px; }

.campsite-list .acsi__slider__previous__button {
  width: 1.5rem;
  height: 2rem;
  margin-top: -.875rem;
  padding: 4px; }

.campsite-list .acsi__slider__button_arrow-right {
  font-size: 22px; }

.campsite-list .acsi__slider__button_arrow-left {
  font-size: 22px; }

.campsite-list .AcsiSliderNextButton .AcsiSliderButtonArrowRight {
  font-size: 22px;
  right: -20px; }

.campsite-list .AcsiSliderPreviousButton .AcsiSliderButtonArrowLeft {
  font-size: 22px; }

.acsi__slider__media__links {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  border: none;
  outline: 0;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }

.acsi__slider__media__link {
  color: #fff;
  text-decoration: underline;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .acsi__slider__media__link:link, .acsi__slider__media__link:visited {
    color: #fff;
    text-decoration: underline; }
    .acsi__slider__media__link:link span, .acsi__slider__media__link:visited span {
      color: #fff; }

.acsi__slider__media__link__icon {
  font-family: "icomoon";
  color: #fff;
  font-style: normal;
  position: relative;
  margin-right: 10px; }

.acsi__fullscreen__slider__wrapper {
  overflow: hidden;
  position: relative; }

.acsi__fullscreen__slider__previous__button {
  position: absolute;
  top: 40%;
  left: 0;
  background-color: rgba(51, 51, 51, 0.8);
  border: none;
  width: 4rem;
  height: 5rem;
  border-radius: 0 50% 50% 0;
  outline: 0;
  padding: 3px; }
  .acsi__fullscreen__slider__previous__button:disabled {
    display: none; }
  .acsi__fullscreen__slider__previous__button .acsi__slider__button_arrow-left {
    left: -7px;
    font-size: 60px;
    position: relative; }

.acsi__fullscreen__slider__next__button {
  position: absolute;
  top: 40%;
  right: 0;
  background-color: rgba(51, 51, 51, 0.8);
  border: none;
  color: #fff;
  width: 4rem;
  height: 5rem;
  border-radius: 50% 0 0 50%;
  outline: 0;
  padding: 3px; }
  .acsi__fullscreen__slider__next__button:disabled {
    display: none; }
  .acsi__fullscreen__slider__next__button .acsi__slider__button_arrow-right {
    right: -7px;
    font-size: 60px;
    position: relative; }

.acsi__slider__fullscreen__image {
  height: 100%;
  width: 100%;
  max-height: 500px;
  margin: auto;
  object-fit: contain; }

.acsi__slider__video__fullscreen {
  height: 100vh;
  width: 100%;
  max-height: 470px;
  margin: auto;
  position: relative; }

.acsi-slider-thumbs {
  margin-top: 10px; }
  .acsi-slider-thumbs > div {
    margin: auto; }
    .acsi-slider-thumbs > div div:first-of-type {
      display: flex;
      justify-content: center; }

.acsi__slider__thumb__image {
  height: 100px;
  opacity: 1;
  object-fit: cover; }
  .acsi__slider__thumb__image:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright60'><feComponentTransfer><feFuncR type='linear' slope='0.60'/><feFuncG type='linear' slope='0.60' /><feFuncB type='linear' slope='0.60' /></feComponentTransfer></filter></svg>#bright60");
    filter: brightness(60%); }

.acsi__slider__thumb__active {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright60'><feComponentTransfer><feFuncR type='linear' slope='0.60'/><feFuncG type='linear' slope='0.60' /><feFuncB type='linear' slope='0.60' /></feComponentTransfer></filter></svg>#bright60");
  filter: brightness(60%); }

.acsi__slider__counter {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  margin-top: 10px; }

.acsi__fullscreen__slider__bottom {
  width: 80%;
  margin: auto;
  position: relative; }

.cpc-link-fullscreen-slider {
  text-align: center;
  margin-top: 15px; }

.acsi__fullscreen__list__button {
  display: none; }

@media only screen and (min-width: 48em) and (orientation: landscape) {
  .acsi__slider__video__fullscreen {
    max-height: 440px; }
  .acsi__slider__fullscreen__image {
    max-height: 440px; }
  .acsi__fullscreen__slider__previous__button {
    background-color: transparent; }
  .acsi__fullscreen__slider__next__button {
    background-color: transparent; } }

@media only screen and (min-width: 64.375em) {
  .acsi__fullscreen__slider__previous__button {
    position: absolute;
    top: 40%;
    left: 0;
    background-color: transparent;
    border: none;
    outline: 0; }
    .acsi__fullscreen__slider__previous__button:disabled {
      display: none; }
    .acsi__fullscreen__slider__previous__button .acsi__slider__button_arrow-left {
      font-size: 60px;
      position: relative;
      left: -22px; }
  .acsi__fullscreen__slider__next__button {
    position: absolute;
    top: 40%;
    right: 15px;
    background-color: transparent;
    border: none;
    outline: 0;
    padding: 0; }
    .acsi__fullscreen__slider__next__button:disabled {
      display: none; }
    .acsi__fullscreen__slider__next__button .acsi__slider__button_arrow-right {
      font-size: 60px;
      position: relative;
      right: -36px; }
  .acsi__slider__video__fullscreen {
    max-height: 65vh; }
  .js-slider-modal-video .js-acsi-fullscreen-slider-video {
    max-width: 100vh; }
  .acsi__slider__fullscreen__image {
    max-height: 65vh; } }

@media only screen and (min-width: 64.375em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 64.375em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 64.375em) and (min-device-pixel-ratio: 1.5) {
  .acsi__slider__video__fullscreen {
    max-height: 60vh; }
  .acsi__slider__fullscreen__image {
    max-height: 60vh; } }

.acsi__slider__modal__title {
  color: #fff;
  margin: auto;
  text-align: center;
  line-height: 2em; }

@media only screen and (max-width: 47.938em) {
  .acsi__slider__modal__content {
    width: 100%;
    margin: 0 auto 0; }
  .acsi__slider__modal__title {
    font-size: 100%;
    width: 90%;
    line-height: 1rem;
    margin: auto;
    padding: 22px 0 15px 0; }
  .acsi__mobile__thumbs__list {
    width: 100%;
    height: 100%;
    display: none;
    justify-content: space-evenly;
    z-index: 2020;
    min-height: 100%;
    background-color: rgba(51, 51, 51, 0.9);
    position: absolute;
    top: 40px;
    left: 0;
    flex-wrap: wrap;
    overflow-y: scroll;
    padding-bottom: 50px; }
    .acsi__mobile__thumbs__list .acsi__slider__thumb__image {
      margin: 5px 0 5px 0; }
    .acsi__mobile__thumbs__list .acsi__slider__thumb__white {
      margin: 3% 0; }
  .acsi__fullscreen__slider__previous__button {
    position: absolute;
    top: 50%;
    left: 0;
    background-color: rgba(51, 51, 51, 0.8);
    border: none;
    width: 2rem;
    height: 3rem;
    border-radius: 0 50% 50% 0;
    outline: 0;
    margin-top: -1.5rem;
    padding: 3px; }
    .acsi__fullscreen__slider__previous__button .acsi__slider__button_arrow-left {
      font-size: 33px;
      left: -7px;
      position: relative; }
  .acsi__fullscreen__slider__next__button {
    position: absolute;
    top: 50%;
    right: 0;
    background-color: rgba(51, 51, 51, 0.8);
    border: none;
    width: 2rem;
    height: 3rem;
    border-radius: 50% 0 0 50%;
    outline: 0;
    margin-top: -1.5rem;
    padding: 3px; }
    .acsi__fullscreen__slider__next__button .acsi__slider__button_arrow-right {
      font-size: 33px;
      right: 0;
      position: relative; } }

@media only screen and (max-width: 47.938em) and (orientation: landscape) {
  .acsi__slider__video__fullscreen {
    height: 100vh; }
  .acsi__fullscreen__slider__previous__button {
    background-color: rgba(51, 51, 51, 0.8); }
  .acsi__fullscreen__slider__next__button {
    background-color: rgba(51, 51, 51, 0.8); } }

@media only screen and (max-width: 47.938em) and (orientation: portrait) {
  .acsi__fullscreen__list__button {
    display: block;
    margin-top: 10px; } }

@media only screen and (max-width: 47.938em) and (orientation: landscape) {
  .acsi__fullscreen__list__button {
    display: block;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%); }
  .acsi__slider__modal__title {
    display: none; }
  .acsi__mobile__thumbs__list {
    margin-top: 0;
    top: 0px; } }

.list-themes {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px; }
  .list-themes .list-image__item {
    width: 47%; }
  .list-themes .list-image__link {
    word-break: break-word;
    display: block;
    font-size: 1rem; }
  .list-themes .list-image__image {
    margin: 0; }
    .list-themes .list-image__image img {
      width: 100%; }
  .list-themes .list-image__image-caption {
    margin: .2em 0 .6em;
    display: block; }

.list-themes__secondary {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5rem; }
  .list-themes__secondary .list-image__item {
    width: 13%;
    margin-right: 10px; }

@media only screen and (min-width: 48em) {
  .list-themes .list-image__item {
    width: 31%; }
  .list-themes__secondary {
    margin-bottom: 0; }
    .list-themes__secondary .list-image__item {
      width: 24%;
      height: auto; } }

@media only screen and (min-width: 64.375em) {
  .list-themes .list-image__item {
    width: 15%; }
  .list-themes__secondary .list-image__item {
    width: 12%; } }

@supports (display: grid) {
  .list-themes__secondary {
    display: grid;
    grid-gap: 2%;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-right: 0; }
    .list-themes__secondary .list-image__item {
      width: auto;
      margin-right: 0; } }

.tooltip__container {
  background: #ebebe1;
  color: #333;
  padding: 5px;
  border-radius: 4px;
  width: auto;
  position: absolute;
  top: 10px;
  left: -9999px;
  transform: translate(-50%, -100%);
  word-wrap: break-word;
  z-index: 10000; }

.tooltip__container:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 242, 0, 0);
  border-top-color: #ebebe1;
  border-width: 10px;
  margin-left: -10px; }

.tooltip__container-left:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 242, 0, 0);
  border-top-color: #ebebe1;
  border-width: 10px;
  margin-left: -10px; }

.tooltip__container-right:after {
  top: 100%;
  left: 130px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 242, 0, 0);
  border-top-color: #ebebe1;
  border-width: 10px;
  margin-left: -10px; }

.tooltip__container__multiline {
  width: 400px; }
  @media only screen and (max-width: 47.938em) {
    .tooltip__container__multiline {
      width: 240px; } }

.ToolTipBody {
  display: flex;
  flex-direction: column;
  text-align: start; }
  .ToolTipBody .heading {
    align-self: center; }

#tooltip1 {
  text-align: center;
  position: absolute;
  z-index: 100;
  padding: 15px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
  font-size: 1rem;
  line-height: 1.4;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
  padding: 18px;
  text-align: center; }

#tooltip1::after {
  /* triangle decoration */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px; }

#tooltip1.top::after {
  border-top-color: transparent;
  border-bottom: 10px solid #fff;
  top: -20px;
  bottom: auto; }

#tooltip1.left::after {
  left: 10px;
  margin: 0; }

#tooltip1.right::after {
  right: 10px;
  left: auto;
  margin: 0; }

.pagination {
  text-align: center;
  margin-bottom: 0px; }

.pagination__btn {
  display: inline-block;
  border-radius: 3px;
  width: 2em;
  line-height: 2em;
  white-space: pre;
  color: #666;
  background-color: none; }
  .pagination__btn a, .pagination__btn span {
    display: inline; }
  .pagination__btn:not(.pagination__btn--inactive):hover {
    background-color: #0076a3;
    color: #fff;
    text-decoration: none; }
    .pagination__btn:not(.pagination__btn--inactive):hover a, .pagination__btn:not(.pagination__btn--inactive):hover span {
      color: #fff;
      text-decoration: none; }
  .pagination__btn.pagination__btn--current {
    color: #fff;
    background-color: #666; }
    .pagination__btn.pagination__btn--current span {
      color: #fff;
      text-decoration: none; }
  .pagination__btn.pagination__btn--inactive {
    color: #ccc;
    background-color: none; }

.pagination__btn--prev,
.pagination__btn--next {
  width: auto;
  padding: 0 4px; }

.pagination__btn--prev {
  float: left; }

.pagination__btn--next {
  float: right; }

.pagination__list {
  display: inline;
  margin: 0; }

.pagination__list-item {
  display: inline;
  margin: 0; }

@media only screen and (min-width: 30em) {
  /******************************************************************
Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /*
IMPORTANT NOTE ABOUT SASS 3.3 & UP
You can't use @extend within media queries
anymore, so just be aware that if you drop
them in here, they won't work.
*/
  /*********************
POSTS & CONTENT STYLES
*********************/
  .freesearch-advanced-search {
    margin-top: 38px; }
  /**
* Definition lists
*/
  .dl-horizontal dt,
  .dl-horizontal dd {
    margin-bottom: .25em;
    display: inline-block;
    width: 49%; }
  .dl-horizontal .dl-horizontal-full-width {
    width: 100% !important; }
    .dl-horizontal .dl-horizontal-full-width + dd {
      display: none; }
  .byline-location .divider, .byline-location a {
    display: inline; }
  /*** photo gallery block ***/
  .campsite-detail__gallery-container {
    margin: 0 !important; } }

@media only screen and (min-width: 37.5em) {
  /******************************************************************
Stylesheet: 600px and Up Stylesheet

This stylesheet is loaded for larger devices.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/ }

@media only screen and (max-width: 47.938em) {
  #smartbanner {
    display: block; }
  .mobile-nav {
    height: 100%; }
    .mobile-nav span.active,
    .mobile-nav li.active {
      background-color: #058226; }
    .mobile-nav span {
      display: block;
      color: #fff;
      padding: .5rem 1rem;
      border-bottom: 1px solid #058226; }
    .mobile-nav li.active a {
      border-top: #058226; }
  #nav-main .flag {
    margin-top: 0;
    display: inline-block !important;
    vertical-align: middle; }
  #nav-main .nav-dropdown > li {
    /* Dropdown item styling */
    /* Dropdown submenu, hidden by default */
    /* show sub-menus */
    /*
	  &:hover > ul,
	  &:hover > ol,
	  > ul.show-menu,
	  > ol.show-menu{
		top: auto;
		display: block;
	  }
	  */ }
    #nav-main .nav-dropdown > li.has-dropdown > span,
    #nav-main .nav-dropdown > li.has-dropdown > a {
      position: relative;
      padding-right: 20px;
      /* Dropdown indicator (arrow down) */ }
      #nav-main .nav-dropdown > li.has-dropdown > span:after,
      #nav-main .nav-dropdown > li.has-dropdown > a:after {
        font-family: "icomoon";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        width: 1em;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        position: absolute;
        top: 30%;
        right: 6px;
        font-size: 8px;
        content: '\e913';
        text-decoration: none;
        margin-right: 0; }
    #nav-main .nav-dropdown > li.has-dropdown ul li a {
      border-top: 0; }
    #nav-main .nav-dropdown > li.active-child > span:after,
    #nav-main .nav-dropdown > li.active-child > a:after {
      content: '\e938'; }
    #nav-main .nav-dropdown > li > ol,
    #nav-main .nav-dropdown > li > ul {
      border-radius: 0px 0px 3px 3px;
      position: relative;
      display: none;
      z-index: 8999;
      background-color: #058226;
      text-align: left;
      width: 100%; }
      #nav-main .nav-dropdown > li > ol > li > a,
      #nav-main .nav-dropdown > li > ul > li > a {
        border-right: 0;
        display: block;
        width: auto; }
  #nav-main .nav-dropdown .has-dropdown--right > ul,
  #nav-main .nav-dropdown .has-dropdown--right > ol {
    right: 0; }
  /*********************
05. HEADER STYLES
*********************/
  #logo a:before,
  #logo a:hover:before,
  #logo a:focus:before,
  #logo a:active:before {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -173px -275px;
    width: 100px;
    height: 36px;
    z-index: -1; } }
  @media only screen and (max-width: 47.938em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 47.938em) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 47.938em) and (min-device-pixel-ratio: 1.5) {
    #logo a:before,
    #logo a:hover:before,
    #logo a:focus:before,
    #logo a:active:before {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -172.5px -275px;
      width: 100px;
      height: 36px;
      background-size: 468.5px auto; } }

@media only screen and (max-width: 47.938em) {
  #logo a span,
  #logo a:hover span,
  #logo a:focus span,
  #logo a:active span {
    color: #fff; }
  #logo.cpc-redirect__logo {
    width: auto; }
    #logo.cpc-redirect__logo a {
      z-index: 1; }
      #logo.cpc-redirect__logo a span {
        color: #009835; }
  /**
* App banner
*/
  .app-banner__content h1 {
    margin-top: 0; }
  /*********************
advance search filter
*********************/
  #active-filters .searchresults-active-filters__list-item {
    padding: 2px 5px;
    margin: 1px;
    display: inline-block;
    background-color: #F1EFEB; }
    #active-filters .searchresults-active-filters__list-item .icon-check {
      display: none; }
    #active-filters .searchresults-active-filters__list-item .icon-none {
      margin: 0 0 0 .3em; }
  /*** photo gallery block ***/
  .campsite-detail__gallery-container {
    margin: 30px -28.5px; }
  .gallery-container #campsite-gallery .slidesjs-pagination {
    display: none !important; }
  .gallery-container .slideshow__controls {
    top: 75px;
    left: 15px;
    right: 15px; }
  /*** Detail Page Map ***/
  .campsite-detail-page__icon-set .island {
    padding-top: 0;
    margin-bottom: 0; }
    .campsite-detail-page__icon-set .island > :last-child {
      margin-bottom: .5em; }
  /*** tab for search list page ***/
  .search-list-tab-nav.tab-list--horizontal {
    overflow: visible;
    border-bottom: 1px solid #cacace;
    height: 66px; }
    .search-list-tab-nav.tab-list--horizontal > li {
      margin: 0 0 25px 0;
      height: 66px;
      text-align: center;
      width: 33.3%;
      font-size: 1.1em;
      display: block;
      float: left; }
      .search-list-tab-nav.tab-list--horizontal > li a {
        color: #333;
        height: 66px;
        width: 100%;
        padding: 7px 0 0;
        display: inline-block; }
        .search-list-tab-nav.tab-list--horizontal > li a span {
          display: block !important;
          color: #333; }
        .search-list-tab-nav.tab-list--horizontal > li a i:before {
          font-size: 1.4em; }
      .search-list-tab-nav.tab-list--horizontal > li.active {
        padding: 0;
        border-bottom: 5px solid #009835; }
        .search-list-tab-nav.tab-list--horizontal > li.active a {
          font-weight: bold;
          position: relative;
          text-shadow: none;
          color: #009835;
          text-decoration: none;
          border-bottom: none;
          height: 66px; }
          .search-list-tab-nav.tab-list--horizontal > li.active a span {
            text-decoration: none;
            color: #009835;
            display: block !important; }
          .search-list-tab-nav.tab-list--horizontal > li.active a i:before {
            color: #009835; }
  .result__list__sorting__label {
    border-left: none; }
  .inline-map {
    margin-bottom: 35px; }
  .searchresults-active-filters {
    margin-top: 25px; }
  #smartbanner {
    position: relative;
    z-index: 9999;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: #009835;
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none; }
  #smartbanner,
  html.sb-animation {
    -webkit-transition: all .3s ease; }
  #smartbanner .sb-container {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center; }
  #smartbanner .sb-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 70%;
    gap: 10px; }
  #smartbanner .sb-close {
    display: block;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 24px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: transparent;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased; }
  #smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa; }
  #smartbanner .sb-icon {
    display: block;
    width: 55px;
    height: 54px;
    background-size: cover;
    border-radius: 10px; }
  #smartbanner.no-icon .sb-icon {
    display: none; }
  #smartbanner .sb-info {
    width: 60%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff; }
  #smartbanner #smartbanner.no-icon .sb-info {
    left: 34px; }
  #smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 18px; }
  #smartbanner .sb-info > span {
    display: block;
    margin-top: 2px; }
  #smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase; }
  #smartbanner .sb-button {
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #009835;
    background-color: white;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 10px; }
  #smartbanner .sb-icon.gloss:after {
    content: '';
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px; }
  #smartbanner.android {
    background: #009835; }
  #smartbanner.android .sb-close:active {
    color: #eee; }
  #smartbanner.android .sb-button {
    min-width: 12%;
    border: none;
    color: #009835;
    background: none;
    box-shadow: none;
    background-color: white;
    border-radius: 10px;
    padding: 5px 10px;
    line-height: 14px; }
  #smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none; }
  #smartbanner.android .sb-button:active,
  #smartbanner.android .sb-button:hover {
    opacity: 0.3; }
  #smartbanner.windows .sb-icon {
    border-radius: 0px; } }

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 48em) {
  /******************************************************************
Author: Jochem Nabuurs
Site: https://twitter.com/jochemnabuurs

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  .island {
    margin-bottom: 30px; }
  ul.island {
    margin-bottom: 10px;
    padding: 0; }
  dd {
    margin-bottom: 10px; }
  .js .accordion {
    display: block; }
  /*********************
LAYOUT & GRID STYLES
*********************/
  .inline {
    display: inline-block !important; }
  /*********************
FORM LAYOUT
*********************/
  input[type="text"].input-small,
  input[type="password"].input-small,
  input[type="datetime"].input-small,
  input[type="datetime-local"].input-small,
  input[type="month"].input-small,
  input[type="date"].input-small,
  input[type="time"].input-small,
  input[type="week"].input-small,
  input[type="number"].input-small,
  input[type="email"].input-small,
  input[type="url"].input-small,
  input[type="search"].input-small,
  input[type="tel"].input-small,
  input[type="color"].input-small,
  select.input-small,
  textarea.input-small,
  .field.input-small {
    width: 64%; }
  /*********************
03. LINK STYLES
*********************/
  /******************************************************************
04. H1, H2, H3, H4, H5 STYLES
******************************************************************/
  h2,
  .h2 {
    font-size: 1.5em; }
  .h3--tab-list {
    list-style: none;
    overflow: hidden;
    overflow: visible;
    border-bottom: 1px solid #cccccc;
    background-color: #F1EFEB;
    padding: 9px 11px;
    height: 38px;
    margin-bottom: 30px; }
  /*********************
05. HEADER STYLES
*********************/
  .header-banner {
    position: absolute;
    top: 39px;
    width: 100%;
    height: 83px;
    box-shadow: 0px, -1px, 10px, -2px, #333333;
    background-color: #fff; }
  #resultspage #logo,
  #logo {
    position: absolute;
    left: 0px;
    top: 5px;
    height: 136px;
    padding-top: 47px;
    margin-left: auto; }
    #resultspage #logo a,
    #resultspage #logo a:hover,
    #resultspage #logo a:focus,
    #resultspage #logo a:active,
    #logo a,
    #logo a:hover,
    #logo a:focus,
    #logo a:active {
      font-size: 100%;
      color: #D0E2EE;
      padding-left: 100px;
      padding-top: 2px;
      display: block;
      margin-left: 140px; }
      #resultspage #logo a:after,
      #resultspage #logo a:hover:after,
      #resultspage #logo a:focus:after,
      #resultspage #logo a:active:after,
      #logo a:after,
      #logo a:hover:after,
      #logo a:focus:after,
      #logo a:active:after {
        content: "";
        position: absolute;
        top: -47px;
        left: -140px;
        background-position: 0 0;
        height: 112px;
        width: 130px; }
      #resultspage #logo a:before,
      #resultspage #logo a:hover:before,
      #resultspage #logo a:focus:before,
      #resultspage #logo a:active:before,
      #logo a:before,
      #logo a:hover:before,
      #logo a:focus:before,
      #logo a:active:before {
        top: -8px;
        background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
        background-position: 0px -90px;
        width: 266px;
        height: 73px; } }
      @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
        #resultspage #logo a:before,
        #resultspage #logo a:hover:before,
        #resultspage #logo a:focus:before,
        #resultspage #logo a:active:before,
        #logo a:before,
        #logo a:hover:before,
        #logo a:focus:before,
        #logo a:active:before {
          background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
          background-position: 0px -90px;
          width: 266px;
          height: 73px;
          background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
      #resultspage #logo a small,
      #resultspage #logo a:hover small,
      #resultspage #logo a:focus small,
      #resultspage #logo a:active small,
      #logo a small,
      #logo a:hover small,
      #logo a:focus small,
      #logo a:active small {
        font-size: 50%;
        font-family: StagLight, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
        color: #333333;
        display: block;
        line-height: 1; }
  .zh #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .zh #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .da #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .da #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .de #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .de #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .en #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .en #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .es #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .es #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .fi #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .fi #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .fr #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .fr #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .hu #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .hu #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .it #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .it #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .nl #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .nl #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .no #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .no #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .pl #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .pl #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .ru #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .ru #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  .sv #logo a:after {
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
    background-position: -345px 0px;
    width: 124px;
    height: 112px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
    .sv #logo a:after {
      background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
      background-position: -345px 0px;
      width: 123.5px;
      height: 112px;
      background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) and (min-width: 850px) {
  #logo a small,
  #logo a:hover small,
  #logo a:focus small,
  #logo a:active small {
    font-size: 60%; } }

@media only screen and (min-width: 48em) {
  #header-img-copyright {
    left: auto;
    right: .25em;
    font-size: 1em; }
  /*********************
06. NAVIGATION STYLES
*********************/
  #resultspage .mobile-nav-btn.btn-search {
    display: none; }
  .nav > li {
    float: left; }
  .nav li a {
    padding: 3px 10px;
    padding: 0.1875rem 0.625rem;
    display: block; }
  .nav-dropdown > li {
    /* Dropdown item styling */
    /* Dropdown submenu, hidden by default */ }
    .nav-dropdown > li.has-dropdown > span,
    .nav-dropdown > li.has-dropdown > a {
      position: relative;
      padding-right: 20px;
      /* Dropdown indicator (arrow down) */ }
      .nav-dropdown > li.has-dropdown > span:after,
      .nav-dropdown > li.has-dropdown > a:after {
        font-family: "icomoon";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        width: 1em;
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1;
        position: absolute;
        top: 37%;
        right: 6px;
        font-size: 8px;
        content: '\e913';
        text-decoration: none;
        margin-right: 0; }
    .nav-dropdown > li.has-dropdown > span {
      display: inline-block;
      padding: .1875rem .625rem;
      padding-right: 20px; }
    .nav-dropdown > li.has-dropdown:hover > span:after,
    .nav-dropdown > li.has-dropdown:hover > a:after {
      content: '\e938'; }
    .nav-dropdown > li > ol,
    .nav-dropdown > li > ul {
      border-radius: 0px 0px 3px 3px;
      position: absolute;
      display: none;
      z-index: 8999;
      background-color: #fff;
      text-align: left;
      width: auto; }
      .nav-dropdown > li > ol > li > a,
      .nav-dropdown > li > ul > li > a {
        border-right: 0;
        display: block;
        width: auto; }
    .nav-dropdown > li .hover-menu-desktop {
      top: auto;
      display: block; }
  .nav-dropdown .has-dropdown--right > ul,
  .nav-dropdown .has-dropdown--right > ol {
    right: 0; }
  /* Header menu positioning */
  #nav-main {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
    text-align: right;
    padding: inherit;
    display: block;
    position: absolute;
    background-color: transparent;
    top: inherit;
    width: auto;
    overflow-y: visible;
    right: 12px; }
    #nav-main ul li a {
      border: none; }
  .tab-nav {
    top: 40px; }
  .tab-nav-btn {
    line-height: 39px; }
  #menu-container {
    top: 67px; }
  /* Menu helper class for adding a separator between items */
  .nav-separated .nav > li {
    position: relative; }
    .nav-separated .nav > li > a:before {
      content: "|";
      color: #333333;
      margin: 0;
      padding: 0;
      position: absolute;
      left: -1px;
      top: .15em; }
    .nav-separated .nav > li:first-child > a:before {
      display: none; }
  /* Main menu language dropdown */
  #nav-main {
    top: 70px;
    top: 4.375rem; }
    #nav-main .nav {
      /* Dropdown menu with languages */ }
      #nav-main .nav li a,
      #nav-main .nav li span {
        color: #666666;
        text-shadow: none;
        white-space: nowrap; }
        #nav-main .nav li a:hover,
        #nav-main .nav li span:hover {
          text-decoration: underline; }
      #nav-main .nav > li:last-child a:before {
        content: ""; }
      #nav-main .nav > li.language-tab {
        float: right;
        /* Selected item and list style */ }
        #nav-main .nav > li.language-tab a,
        #nav-main .nav > li.language-tab span {
          text-decoration: none;
          margin: 0; }
          #nav-main .nav > li.language-tab a:focus, #nav-main .nav > li.language-tab a:hover,
          #nav-main .nav > li.language-tab span:focus,
          #nav-main .nav > li.language-tab span:hover {
            text-decoration: none; }
        #nav-main .nav > li.language-tab ul,
        #nav-main .nav > li.language-tab > span,
        #nav-main .nav > li.language-tab > a {
          border: 1px solid #cccccc;
          background-color: #ebebe1; }
        #nav-main .nav > li.language-tab > span,
        #nav-main .nav > li.language-tab > a {
          border-radius: 3px;
          padding-left: 10px; }
          #nav-main .nav > li.language-tab > span:before,
          #nav-main .nav > li.language-tab > a:before {
            display: none; }
        #nav-main .nav > li.language-tab:hover > span,
        #nav-main .nav > li.language-tab:hover > a {
          border-radius: 3px 3px 0px 0px; }
        #nav-main .nav > li.language-tab > ul {
          border-radius: 0px 0px 3px 3px;
          margin-top: -1px;
          padding: 5px;
          min-width: 100%; }
          #nav-main .nav > li.language-tab > ul a {
            padding: 3px 5px;
            text-decoration: none; }
            #nav-main .nav > li.language-tab > ul a:focus, #nav-main .nav > li.language-tab > ul a:hover {
              color: #fff;
              background-color: #999999;
              border-radius: 2px;
              text-decoration: none; }
              #nav-main .nav > li.language-tab > ul a:focus span, #nav-main .nav > li.language-tab > ul a:hover span {
                color: #fff;
                text-decoration: none; }
  /* Footer navigation */
  #nav-footer {
    margin-top: 1.1em;
    float: right;
    width: auto; }
  #social-links {
    width: auto; }
  #webreepDOTcomSlyle {
    display: block; }
  /**
* jVectormap tooltips
*/
  .no-touch .jvectormap-label {
    border-radius: 3px;
    position: absolute;
    display: none;
    border: solid 1px #cccccc;
    background: #fff;
    color: #333333;
    z-index: 1000;
    height: 25px;
    line-height: 23px;
    padding: 0px 5px; }
    .no-touch .jvectormap-label:after {
      content: "";
      position: relative;
      margin-left: -8px;
      left: 50%;
      border-style: solid;
      border-width: 8px 8px 0;
      border-color: #fff transparent;
      display: block;
      width: 0;
      z-index: 1; }
    .no-touch .jvectormap-label:before {
      content: "";
      position: absolute;
      top: 24px;
      left: 50%;
      margin-left: -9px;
      border-style: solid;
      border-width: 9px 9px 0;
      border-color: #cccccc transparent;
      display: block;
      width: 0;
      z-index: 0; }
  /**
* List for search suggestions etc. and selecting place/region/camping
*/
  .search-region-list__item-link {
    font-size: 16px;
    font-size: 1rem;
    padding: 8px 0 3px 26px;
    font-size: 1em; }
    .search-region-list__item-link:after {
      line-height: 1.8;
      margin-right: 10px;
      padding-left: 10px;
      top: 5px; }
    .search-region-list__item-link .search-region-list__item-region,
    .search-region-list__item-link:hover .search-region-list__item-region {
      font-size: 14px;
      font-size: 0.875rem;
      display: inline-block;
      margin-left: 0; }
  .search-region-list__item-icon {
    margin-top: 4px; }
  .search-region-list__item-region,
  .search-region-list__item-title {
    display: inline-block; }
  .search-region-list__item-title--noregion {
    line-height: inherit; }
  /**
* Icon lists
*/
  .list-icon__link--mobile {
    padding: 0;
    margin-bottom: 4px; }
  .list-destinations {
    border: none; }
    .list-destinations > li {
      border: none;
      margin-bottom: .5em; }
      .list-destinations > li:first-child {
        border: none; }
      .list-destinations > li .list-icon__link--mobile {
        padding: 0; }
  /**
* Banners on the homepage and country pages (campsite chain)
*/
  .internal-banner__title {
    height: 3em;
    font-size: 1.1em; }
  /*********************
HOMEPAGE
*********************/
  /**
* The search box on the home page, country- and region listing pages
*/
  #freesearch {
    /* The map */
    /* postioning the maps */
    /* Map label */ }
    #freesearch > .row {
      background-color: #fff;
      border-radius: 5px; }
      #freesearch > .row .island {
        padding: 20px 20px 10px 20px; }
      #freesearch > .row .small-6 {
        text-align: center; }
    #freesearch #search-map-holder {
      background-color: #fff;
      border-radius: 0 5px 5px 0;
      width: 320px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; }
      #freesearch #search-map-holder #jvectormap {
        border-radius: 0 5px 5px 0;
        height: 100%;
        position: relative;
        overflow: hidden; }
      #freesearch #search-map-holder .toggle-map {
        height: 100%;
        overflow: hidden; }
        #freesearch #search-map-holder .toggle-map img {
          left: 50%;
          transform: translateX(-50%); }
    #freesearch #search-map-holder svg {
      transform: scale(1.2, 1.3); }
    #freesearch #search-map-holder [data-map-reference='3017382'] svg {
      transform: scale(1.2, 1.3) translateX(-10px); }
    #freesearch #search-map-holder [data-map-reference='2782113'] svg {
      transform: scale(1.1, 1.3); }
    #freesearch #search-map-holder [data-map-reference='2658434'] svg {
      transform: scale(1.1, 1.3); }
    #freesearch #search-map-holder [data-map-reference='3144096'] svg {
      transform: scale(1, 1.3); }
    #freesearch #search-map-holder [data-map-reference='3202326'] svg {
      transform: scale(1.1, 1.3) translateX(15px); }
    #freesearch #search-map-holder [data-map-reference='2623032'] svg {
      transform: translateX(15px); }
    #freesearch .search-on-map {
      z-index: 100;
      position: absolute;
      top: -8px;
      right: 30%; }
      #freesearch .search-on-map span {
        font-family: StagLight, Helvetica Neue, Helvetica, Arial, Microsoft YaHei New, Microsoft Yahei, 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif;
        border-radius: 3px;
        transform: rotate(-2deg);
        font-size: 17px;
        color: #fff;
        display: block;
        position: relative;
        min-width: 80px;
        background: #000;
        padding: 2px 10px 4px 10px;
        border: 1px solid #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        text-align: center;
        letter-spacing: 0; }
        #freesearch .search-on-map span:after {
          content: "";
          left: 40px;
          top: 30px;
          width: 25px;
          height: 27px;
          display: block;
          position: absolute;
          background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/3410424c784c9d180aa2.png);
          background-position: -51px -320px;
          width: 25px;
          height: 27px; } }
        @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 48em) and (min-device-pixel-ratio: 1.5) {
          #freesearch .search-on-map span:after {
            background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/520fbcc77c4297e4a096.png);
            background-position: -51px -320px;
            width: 25px;
            height: 27px;
            background-size: 468.5px auto; } }

@media only screen and (min-width: 48em) {
  /**
* Search box on other pages
*/
  #freesearch-simple {
    padding: 30px 0 15px 0;
    margin-bottom: 30px;
    background: #F1EFEB;
    border-bottom: 1px solid #ccc; }
    #freesearch-simple div.column {
      width: 400px; }
    #freesearch-simple .search-holder {
      position: relative;
      background-color: #ccc;
      padding: .3em; }
      #freesearch-simple .search-holder .btn-right {
        border-radius: 0 3px 3px 0;
        position: absolute;
        right: .3em;
        width: auto;
        margin: 0;
        height: 80%; }
        #freesearch-simple .search-holder .btn-right i:before {
          margin-right: 0.5em; }
        #freesearch-simple .search-holder .btn-right span {
          display: inline; }
  .search-on-place__suggestion-text {
    margin-bottom: 15px; }
  .toggle-map-static-image {
    width: 100%; }
  /**
* Separator in search form date fields
*/
  #date-field-to:before {
    font-size: 125%;
    position: absolute;
    content: "/";
    top: 0.5em;
    left: -1em;
    width: 1em; }
  /*********************
CAMPING DETAIL
*********************/
  /**
* Navigation links like back-to link and share link
*/
  .top-links.top-links--bg {
    background: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/ba2fdd14dda472f66cd3.png) repeat top left;
    border-bottom: 1px solid #cccccc; }
  #camping-cta-order p {
    margin-bottom: 30px; }
  /**
* Acceptance period
*/
  #camping-acceptance-period-slider {
    /*padding: 0 $global-bottom-margin;*/ }
  /**
* When jquery tabbing is used, hide contenttabs to prevent content flash
*/
  .js .contenttab {
    display: none; }
  /**
* Facilities tab
*/
  #campsite-facilities dl dt {
    width: 59%; }
  #campsite-facilities dl dd {
    width: 39%;
    color: #333; }
  #campsite-facilities dl .closed-during-period {
    font-style: italic; }
  #campsite-facilities dl .strip-line {
    text-decoration: line-through;
    padding-right: 5px; }
  /*********************
ADVANCED SEARCH
*********************/
  .advancedsearch-label {
    margin: 8px 0 0 0; }
    .advancedsearch-label:before, .advancedsearch-label:after {
      content: " ";
      display: table; }
    .advancedsearch-label:after {
      clear: both; }
    .advancedsearch-label span {
      overflow: hidden;
      display: block; }
    .advancedsearch-label i {
      float: left; }
      .advancedsearch-label i span, .advancedsearch-label i i, .advancedsearch-label i img {
        display: block;
        max-width: none; }
  .advancedsearch-label--rate {
    margin: 4px 0 0 0; }
  .advancedsearch-third-region {
    margin-top: 8px;
    float: right; }
  .advancedsearch-results__button {
    padding: .5em .25em; }
  .list-dropdown.list-dropdown--advancedsearch {
    margin: 0px; }
  /* Search sidebar */
  #advancedsearch-results {
    margin-bottom: 0;
    position: relative; }
    #advancedsearch-results p {
      text-align: center; }
  .faux-base.faux-base--advancedsearch .faux-column--advancedsearch {
    bottom: 15px;
    border: none; }
  /* show hide for landscape and potrait */ }

@media only screen and (min-width: 48em) and (max-width: 1024px) and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: inherit !important; } }

@media only screen and (min-width: 48em) and (max-width: 1024px) and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; } }

@media only screen and (min-width: 48em) {
  /*********************
CAMPING DETAIL
*********************/
  [class*="wi-"] {
    width: 36px;
    height: 33px;
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/75e277dec5e6d3283ebd.png); }
  .wi-bd {
    background-position: 0 0; }
  .wi-bdg1 {
    background-position: 0 -34px; }
  .wi-bdg2 {
    background-position: 0 -68px; }
  .wi-bdg3 {
    background-position: 0 -102px; }
  .wi-bdgr1 {
    background-position: 0 -136px; }
  .wi-bdgr2 {
    background-position: 0 -170px; }
  .wi-bdgr3 {
    background-position: 0 -204px; }
  .wi-bdr1 {
    background-position: 0 -238px; }
  .wi-bdr2 {
    background-position: 0 -272px; }
  .wi-bdr3 {
    background-position: 0 -306px; }
  .wi-bds1 {
    background-position: 0 -340px; }
  .wi-bds2 {
    background-position: 0 -374px; }
  .wi-bds3 {
    background-position: 0 -408px; }
  .wi-bdsg {
    background-position: 0 -442px; }
  .wi-bdsn1 {
    background-position: 0 -476px; }
  .wi-bdsn2 {
    background-position: 0 -510px; }
  .wi-bdsn3 {
    background-position: 0 -544px; }
  .wi-bdsns1 {
    background-position: 0 -578px; }
  .wi-bdsns2 {
    background-position: 0 -612px; }
  .wi-bdsns3 {
    background-position: 0 -646px; }
  .wi-bdsr1 {
    background-position: 0 -680px; }
  .wi-bdsr2 {
    background-position: 0 -714px; }
  .wi-bdsr3 {
    background-position: 0 -748px; }
  .wi-bdsrs1 {
    background-position: 0 -782px; }
  .wi-bdsrs2 {
    background-position: 0 -816px; }
  .wi-bdsrs3 {
    background-position: 0 -850px; }
  .wi-bw {
    background-position: 0 -884px; }
  .wi-bwg1, .wi-wbg1 {
    background-position: 0 -918px; }
  .wi-bwg2, .wi-wbg2 {
    background-position: 0 -952px; }
  .wi-bwg3, .wi-wbg3 {
    background-position: 0 -986px; }
  .wi-bwgr1, .wi-wbgr1 {
    background-position: 0 -1020px; }
  .wi-bwgr2, .wi-wbgr2 {
    background-position: 0 -1054px; }
  .wi-bwgr3, .wi-wbgr3 {
    background-position: 0 -1088px; }
  .wi-bwr1, .wi-wbr1 {
    background-position: 0 -1122px; }
  .wi-bwr2, .wi-wbr2 {
    background-position: 0 -1156px; }
  .wi-bwr3, .wi-wbr3 {
    background-position: 0 -1190px; }
  .wi-bws1, .wi-wbs1 {
    background-position: 0 -1224px; }
  .wi-bws2, .wi-wbs2 {
    background-position: 0 -1258px; }
  .wi-bws3, .wi-wbs3 {
    background-position: 0 -1292px; }
  .wi-bwsg, .wi-wbsg {
    background-position: 0 -1326px; }
  .wi-bwsn1, .wi-wbsn1 {
    background-position: 0 -1360px; }
  .wi-bwsn2, .wi-wbsn2 {
    background-position: 0 -1394px; }
  .wi-bwsn3, .wi-wbsn3 {
    background-position: 0 -1428px; }
  .wi-bwsns1, .wi-wbsns1 {
    background-position: 0 -1462px; }
  .wi-bwsns2, .wi-wbsns2 {
    background-position: 0 -1496px; }
  .wi-bwsns3, .wi-wbsns3 {
    background-position: 0 -1530px; }
  .wi-bwsr1, .wi-wbsr1 {
    background-position: 0 -1564px; }
  .wi-bwsr2, .wi-wbsr2 {
    background-position: 0 -1598px; }
  .wi-bwsr3, .wi-wbsr3 {
    background-position: 0 -1632px; }
  .wi-bwsrs1, .wi-wbsrs1 {
    background-position: 0 -1666px; }
  .wi-bwsrs2, .wi-wbsrs2 {
    background-position: 0 -1700px; }
  .wi-bwsrs3, .wi-wbsrs3 {
    background-position: 0 -1734px; }
  .wi-mb, .wi-mw {
    background-position: 0 -1768px; }
  .wi-mbg1, .wi-mwg1 {
    background-position: 0 -1802px; }
  .wi-mbg2, .wi-mwg2 {
    background-position: 0 -1836px; }
  .wi-mbg3, .wi-mwg3 {
    background-position: 0 -1870px; }
  .wi-mbgr1, .wi-mwgr1 {
    background-position: 0 -1904px; }
  .wi-mbgr2, .wi-mwgr2 {
    background-position: 0 -1938px; }
  .wi-mbgr3, .wi-mwgr3 {
    background-position: 0 -1972px; }
  .wi-mbr1, .wi-mwr1 {
    background-position: -37px 0; }
  .wi-mbr2, .wi-mwr2 {
    background-position: -37px -34px; }
  .wi-mbr3, .wi-mwr3 {
    background-position: -37px -68px; }
  .wi-mbs1, .wi-mws1 {
    background-position: -37px -102px; }
  .wi-mbs2, .wi-mws2 {
    background-position: -37px -136px; }
  .wi-mbs3, .wi-mws3 {
    background-position: -37px -170px; }
  .wi-mbsg, .wi-mwsg {
    background-position: -37px -204px; }
  .wi-mbsn1, .wi-mwsn1 {
    background-position: -37px -238px; }
  .wi-mbsn2, .wi-mwsn2 {
    background-position: -37px -272px; }
  .wi-mbsn3, .wi-mwsn3 {
    background-position: -37px -306px; }
  .wi-mbsns1, .wi-mwsns1 {
    background-position: -37px -340px; }
  .wi-mbsns2, .wi-mwsns2 {
    background-position: -37px -374px; }
  .wi-mbsns3, .wi-mwsns3 {
    background-position: -37px -408px; }
  .wi-mbsr1, .wi-mwsr1 {
    background-position: -37px -442px; }
  .wi-mbsr2, .wi-mwsr2 {
    background-position: -37px -476px; }
  .wi-mbsr3, .wi-mwsr3 {
    background-position: -37px -510px; }
  .wi-mbsrs1, .wi-mwsrs1 {
    background-position: -37px -544px; }
  .wi-mbsrs2, .wi-mwsrs2 {
    background-position: -37px -578px; }
  .wi-mbsrs3, .wi-mwsrs3 {
    background-position: -37px -612px; }
  .wi-md {
    background-position: -37px -646px; }
  .wi-mdg1 {
    background-position: -37px -680px; }
  .wi-mdg2 {
    background-position: -37px -714px; }
  .wi-mdg3 {
    background-position: -37px -748px; }
  .wi-mdgr1 {
    background-position: -37px -782px; }
  .wi-mdgr2 {
    background-position: -37px -816px; }
  .wi-mdgr3 {
    background-position: -37px -850px; }
  .wi-mdr1 {
    background-position: -37px -884px; }
  .wi-mdr2 {
    background-position: -37px -918px; }
  .wi-mdr3 {
    background-position: -37px -952px; }
  .wi-mds1 {
    background-position: -37px -986px; }
  .wi-mds2 {
    background-position: -37px -1020px; }
  .wi-mds3 {
    background-position: -37px -1054px; }
  .wi-mdsg {
    background-position: -37px -1088px; }
  .wi-mdsn1 {
    background-position: -37px -1122px; }
  .wi-mdsn2 {
    background-position: -37px -1156px; }
  .wi-mdsn3 {
    background-position: -37px -1190px; }
  .wi-mdsns1 {
    background-position: -37px -1224px; }
  .wi-mdsns2 {
    background-position: -37px -1258px; }
  .wi-mdsns3 {
    background-position: -37px -1292px; }
  .wi-mdsr1 {
    background-position: -37px -1326px; }
  .wi-mdsr2 {
    background-position: -37px -1360px; }
  .wi-mdsr3 {
    background-position: -37px -1394px; }
  .wi-mdsrs1 {
    background-position: -37px -1428px; }
  .wi-mdsrs2 {
    background-position: -37px -1462px; }
  .wi-mdsrs3 {
    background-position: -37px -1496px; }
  .wi-mm {
    background-position: -37px -1530px; }
  .wi-mo {
    background-position: -37px -1564px; }
  .wi-ms {
    background-position: -37px -1598px; }
  .wi-nb {
    background-position: -37px -1632px; }
  .wi-nm {
    background-position: -37px -1666px; }
  .wi-ns {
    background-position: -37px -1700px; }
  .wi-so {
    background-position: -37px -1734px; }
  .wi-wb {
    background-position: -37px -1768px; }
  .faux-base .faux-column-right, .faux-base .faux-column-left {
    position: absolute;
    top: 0;
    bottom: 0; }
  .faux-base {
    position: relative; }
    .faux-base .faux-column-right {
      right: 0; }
    .faux-base .faux-column-left {
      left: 0; }
    .faux-base .faux-column-content {
      height: 100%; } }

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 64.375em) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
  .row {
    max-width: 1030px; }
  /* Align checkboxes in searchbox */
  #freesearch > .row .island {
    padding: 20px 20px 10px 20px; }
  #freesearch > .row .small-6 {
    text-align: left; }
  /*********************
ADVANCED SEARCH
*********************/
  .advancedsearch-third-region {
    margin-top: 0; }
  .advancedsearch-results__button {
    padding: 0.5em 1em; }
  /*********************
 HEADER STYLES
*********************/
  /**
* Banners on the homepage and country pages (campsite chain)
*/
  .internal-banner__title {
    font-size: 1.5em; }
  [class*="wi-"] {
    width: 65px;
    height: 60px;
    background-image: url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/a6d1ce5fe82ff606fba6.png); }
  .wi-bd {
    background-position: 0 0; }
  .wi-bdg1 {
    background-position: 0 -61px; }
  .wi-bdg2 {
    background-position: 0 -122px; }
  .wi-bdg3 {
    background-position: 0 -183px; }
  .wi-bdgr1 {
    background-position: 0 -244px; }
  .wi-bdgr2 {
    background-position: 0 -305px; }
  .wi-bdgr3 {
    background-position: 0 -366px; }
  .wi-bdr1 {
    background-position: 0 -427px; }
  .wi-bdr2 {
    background-position: 0 -488px; }
  .wi-bdr3 {
    background-position: 0 -549px; }
  .wi-bds1 {
    background-position: 0 -610px; }
  .wi-bds2 {
    background-position: 0 -671px; }
  .wi-bds3 {
    background-position: 0 -732px; }
  .wi-bdsg {
    background-position: 0 -793px; }
  .wi-bdsn1 {
    background-position: 0 -854px; }
  .wi-bdsn2 {
    background-position: 0 -915px; }
  .wi-bdsn3 {
    background-position: 0 -976px; }
  .wi-bdsns1 {
    background-position: 0 -1037px; }
  .wi-bdsns2 {
    background-position: 0 -1098px; }
  .wi-bdsns3 {
    background-position: 0 -1159px; }
  .wi-bdsr1 {
    background-position: 0 -1220px; }
  .wi-bdsr2 {
    background-position: 0 -1281px; }
  .wi-bdsr3 {
    background-position: 0 -1342px; }
  .wi-bdsrs1 {
    background-position: 0 -1403px; }
  .wi-bdsrs2 {
    background-position: 0 -1464px; }
  .wi-bdsrs3 {
    background-position: 0 -1525px; }
  .wi-bw {
    background-position: 0 -1586px; }
  .wi-bwg1, .wi-wbg1 {
    background-position: 0 -1647px; }
  .wi-bwg2, .wi-wbg2 {
    background-position: 0 -1708px; }
  .wi-bwg3, .wi-wbg3 {
    background-position: 0 -1769px; }
  .wi-bwgr1, .wi-wbgr1 {
    background-position: 0 -1830px; }
  .wi-bwgr2, .wi-wbgr2 {
    background-position: 0 -1891px; }
  .wi-bwgr3, .wi-wbgr3 {
    background-position: 0 -1952px; }
  .wi-bwr1, .wi-wbr1 {
    background-position: -66px 0; }
  .wi-bwr2, .wi-wbr2 {
    background-position: -66px -61px; }
  .wi-bwr3, .wi-wbr3 {
    background-position: -66px -122px; }
  .wi-bws1, .wi-wbs1 {
    background-position: -66px -183px; }
  .wi-bws2, .wi-wbs2 {
    background-position: -66px -244px; }
  .wi-bws3, .wi-wbs3 {
    background-position: -66px -305px; }
  .wi-bwsg, .wi-wbsg {
    background-position: -66px -366px; }
  .wi-bwsn1, .wi-wbsn1 {
    background-position: -66px -427px; }
  .wi-bwsn2, .wi-wbsn2 {
    background-position: -66px -488px; }
  .wi-bwsn3, .wi-wbsn3 {
    background-position: -66px -549px; }
  .wi-bwsns1, .wi-wbsns1 {
    background-position: -66px -610px; }
  .wi-bwsns2, .wi-wbsns2 {
    background-position: -66px -671px; }
  .wi-bwsns3, .wi-wbsns3 {
    background-position: -66px -732px; }
  .wi-bwsr1, .wi-wbsr1 {
    background-position: -66px -793px; }
  .wi-bwsr2, .wi-wbsr2 {
    background-position: -66px -854px; }
  .wi-bwsr3, .wi-wbsr3 {
    background-position: -66px -915px; }
  .wi-bwsrs1, .wi-wbsrs1 {
    background-position: -66px -976px; }
  .wi-bwsrs2, .wi-wbsrs2 {
    background-position: -66px -1037px; }
  .wi-bwsrs3, .wi-wbsrs3 {
    background-position: -66px -1098px; }
  .wi-mb, .wi-mw {
    background-position: -66px -1159px; }
  .wi-mbg1, .wi-mwg1 {
    background-position: -66px -1220px; }
  .wi-mbg2, .wi-mwg2 {
    background-position: -66px -1281px; }
  .wi-mbg3, .wi-mwg3 {
    background-position: -66px -1342px; }
  .wi-mbgr1, .wi-mwgr1 {
    background-position: -66px -1403px; }
  .wi-mbgr2, .wi-mwgr2 {
    background-position: -66px -1464px; }
  .wi-mbgr3, .wi-mwgr3 {
    background-position: -66px -1525px; }
  .wi-mbr1, .wi-mwr1 {
    background-position: -66px -1586px; }
  .wi-mbr2, .wi-mwr2 {
    background-position: -66px -1647px; }
  .wi-mbr3, .wi-mwr3 {
    background-position: -66px -1708px; }
  .wi-mbs1, .wi-mws1 {
    background-position: -66px -1769px; }
  .wi-mbs2, .wi-mws2 {
    background-position: -66px -1830px; }
  .wi-mbs3, .wi-mws3 {
    background-position: -66px -1891px; }
  .wi-mbsg, .wi-mwsg {
    background-position: -66px -1952px; }
  .wi-mbsn1, .wi-mwsn1 {
    background-position: -132px 0; }
  .wi-mbsn2, .wi-mwsn2 {
    background-position: -132px -61px; }
  .wi-mbsn3, .wi-mwsn3 {
    background-position: -132px -122px; }
  .wi-mbsns1, .wi-mwsns1 {
    background-position: -132px -183px; }
  .wi-mbsns2, .wi-mwsns2 {
    background-position: -132px -244px; }
  .wi-mbsns3, .wi-mwsns3 {
    background-position: -132px -305px; }
  .wi-mbsr1, .wi-mwsr1 {
    background-position: -132px -366px; }
  .wi-mbsr2, .wi-mwsr2 {
    background-position: -132px -427px; }
  .wi-mbsr3, .wi-mwsr3 {
    background-position: -132px -488px; }
  .wi-mbsrs1, .wi-mwsrs1 {
    background-position: -132px -549px; }
  .wi-mbsrs2, .wi-mwsrs2 {
    background-position: -132px -610px; }
  .wi-mbsrs3, .wi-mwsrs3 {
    background-position: -132px -671px; }
  .wi-md {
    background-position: -132px -732px; }
  .wi-mdg1 {
    background-position: -132px -793px; }
  .wi-mdg2 {
    background-position: -132px -854px; }
  .wi-mdg3 {
    background-position: -132px -915px; }
  .wi-mdgr1 {
    background-position: -132px -976px; }
  .wi-mdgr2 {
    background-position: -132px -1037px; }
  .wi-mdgr3 {
    background-position: -132px -1098px; }
  .wi-mdr1 {
    background-position: -132px -1159px; }
  .wi-mdr2 {
    background-position: -132px -1220px; }
  .wi-mdr3 {
    background-position: -132px -1281px; }
  .wi-mds1 {
    background-position: -132px -1342px; }
  .wi-mds2 {
    background-position: -132px -1403px; }
  .wi-mds3 {
    background-position: -132px -1464px; }
  .wi-mdsg {
    background-position: -132px -1525px; }
  .wi-mdsn1 {
    background-position: -132px -1586px; }
  .wi-mdsn2 {
    background-position: -132px -1647px; }
  .wi-mdsn3 {
    background-position: -132px -1708px; }
  .wi-mdsns1 {
    background-position: -132px -1769px; }
  .wi-mdsns2 {
    background-position: -132px -1830px; }
  .wi-mdsns3 {
    background-position: -132px -1891px; }
  .wi-mdsr1 {
    background-position: -132px -1952px; }
  .wi-mdsr2 {
    background-position: -198px 0; }
  .wi-mdsr3 {
    background-position: -198px -61px; }
  .wi-mdsrs1 {
    background-position: -198px -122px; }
  .wi-mdsrs2 {
    background-position: -198px -183px; }
  .wi-mdsrs3 {
    background-position: -198px -244px; }
  .wi-mm {
    background-position: -198px -305px; }
  .wi-mo {
    background-position: -198px -366px; }
  .wi-ms {
    background-position: -198px -427px; }
  .wi-nb {
    background-position: -198px -488px; }
  .wi-nm {
    background-position: -198px -549px; }
  .wi-ns {
    background-position: -198px -610px; }
  .wi-so {
    background-position: -198px -671px; }
  .wi-wb {
    background-position: -198px -732px; } }

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 77.5em) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .row {
    max-width: 1240px; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /*

EXAMPLE
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go.
*/
  /* Date input (with icon */
  input[type="date"] {
    background: #fff url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/1bfa88947f84ffd63d81.png) 95% center no-repeat;
    background-size: 22px 20px; }
    input[type="date"]:hover {
      background: #fff url(https://cdn.acc.acsi.eu/eurocampings/assets/26/dist/c5622370a0f8cdf18ec7.png) 95% center no-repeat;
      background-size: 22px 20px; } }

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
Author: Jochem Nabuurs

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  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; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

.campsite {
  pointer-events: auto !important; }


/*# sourceMappingURL=stylesGeo.91fdcaea78b53eb09f41.css.map*/