@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
   * Remove default margin.
   */
body {
  margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

/* Links
	 ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
	 ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold;
}

/* Tables
	 ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Theme Colors */
/* Other Colors */
/* Height of the navigation */
/* Base Font size */
/* Font stacks */
/* Spacing */
/* Easings */
/* global dropshadow */
/* global transitions */
/* Some set breakpoints - these are not THE breakpoints - content dictates breakpoints! */
/* These are just some breakpoints that we know we will use throughout the site */
/*$bp-medium: 640px;
$bp-large: 1024px;*/
.theme-bg {
  background-color: #0095FF;
}

.theme-blue .theme-bg {
  background-color: #0095FF;
}

.theme-green .theme-bg {
  background-color: #00E14B;
}

.theme-red .theme-bg {
  background-color: #F83D4E;
}

.theme-lavanda .theme-bg {
  background-color: #D885FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li a:hover {
  color: #0095FF !important;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-toggle-on > a.mega-menu-link {
  color: #0095FF !important;
  background: none;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-blue #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-green #mega-menu-wrap-test-mega-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li a:hover {
  color: #00E14B !important;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-toggle-on > a.mega-menu-link {
  color: #00E14B !important;
  background: none;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-green #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-red #mega-menu-wrap-test-mega-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li a:hover {
  color: #F83D4E !important;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-toggle-on > a.mega-menu-link {
  color: #F83D4E !important;
  background: none;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-red #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li a:hover {
  color: #D885FF !important;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-toggle-on > a.mega-menu-link {
  color: #D885FF !important;
  background: none;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li a:hover {
  color: #0095FF !important;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #0095FF !important;
  background: none;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-blue #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-green #mega-menu-wrap-test-mega-menu-en {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li a:hover {
  color: #00E14B !important;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #00E14B !important;
  background: none;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-green #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-red #mega-menu-wrap-test-mega-menu-en {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li a:hover {
  color: #F83D4E !important;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #F83D4E !important;
  background: none;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-red #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li a:hover {
  color: #D885FF !important;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #D885FF !important;
  background: none;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-blue .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .theme-blue .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-blue .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, .theme-blue .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #0095FF;
}

.theme-green .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .theme-green .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-green .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, .theme-green .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #00E14B;
}

.theme-red .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .theme-red .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-red .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, .theme-red .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #F83D4E;
}

.theme-lavanda .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .theme-lavanda .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-lavanda .off-canvas-menu #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, .theme-lavanda .off-canvas-menu #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #D885FF;
}

/*********** Styles RESET ***************/
* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active, a:focus {
  outline: none;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

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

figure {
  padding: 0;
  margin: 0 !important;
}

figure figcaption {
  margin-top: 10px;
  text-align: center;
}

/*Import external fonts*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700);*/
/*include font files from assets*/
/*@font-face {
    font-family: 'reklame_script_regular';
    src: url('/sites/all/themes/sunset/../fonts/reklamescript-regular-webfont.eot');
    src: url('/sites/all/themes/sunset/../fonts/reklamescript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sites/all/themes/sunset/../fonts/reklamescript-regular-webfont.woff') format('woff'),
         url('/sites/all/themes/sunset/../fonts/reklamescript-regular-webfont.ttf') format('truetype'),
         url('/sites/all/themes/sunset/../fonts/reklamescript-regular-webfont.svg#reklame_script_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
* {
  font-family: sans-serif;
}

@font-face {
  font-family: 'EXP-display';
  src: url("../fonts/EXP-Display2016.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/EXP-Display2016.eot?#iefix") format("embedded-opentype"), url("../fonts/EXP-Display2016.woff2") format("woff2"), url("../fonts/EXP-Display2016.woff") format("woff"), url("../fonts/EXP-Display2016.ttf") format("truetype"), url("../fonts/EXP-Display2016.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: 400;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1465992/f8542f32-b58c-4ef9-a46e-29cfa3d5b00b.eot?#iefix");
  src: url("../fonts/1465992/f8542f32-b58c-4ef9-a46e-29cfa3d5b00b.eot?#iefix") format("eot"), url("../fonts/1465992/85713fd2-52a0-496e-8b71-d133a498bc1a.woff2") format("woff2"), url("../fonts/1465992/84dd992d-39d4-4d4c-a197-8f422350ea3d.woff") format("woff"), url("../fonts/1465992/7369152c-c442-4221-bfd0-38c4639bc146.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1465996/d7788e3d-ec7d-4f45-9d34-5ece8a9a9d60.eot?#iefix");
  src: url("../fonts/1465996/d7788e3d-ec7d-4f45-9d34-5ece8a9a9d60.eot?#iefix") format("eot"), url("../fonts/1465996/a3e65bc5-6a4c-4e62-bf3f-b113728539ad.woff2") format("woff2"), url("../fonts/1465996/df4d125c-09ba-4f74-b5ce-29eb2e8d88e6.woff") format("woff"), url("../fonts/1465996/47d183e1-0615-4d72-a0d0-6a51638e7ce1.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466000/021bca8a-04d2-4658-9598-7f54e37255a3.eot?#iefix");
  src: url("../fonts/1466000/021bca8a-04d2-4658-9598-7f54e37255a3.eot?#iefix") format("eot"), url("../fonts/1466000/911d53bf-61c5-453a-ba54-6c6b12e432d8.woff2") format("woff2"), url("../fonts/1466000/9069c8de-de1f-4c7e-b81f-dee8057e98f8.woff") format("woff"), url("../fonts/1466000/dafbeddd-575a-4f74-b362-b0a940ee73e4.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466004/16cc261b-84af-47f6-8d94-2aefdec6b0af.eot?#iefix");
  src: url("../fonts/1466004/16cc261b-84af-47f6-8d94-2aefdec6b0af.eot?#iefix") format("eot"), url("../fonts/1466004/f0f2f51b-457f-421b-84ad-d16904a25256.woff2") format("woff2"), url("../fonts/1466004/bff3b82f-65c2-4675-b198-6ae01148202f.woff") format("woff"), url("../fonts/1466004/ea7e6d52-8f94-4356-a7ed-6e98dbbb178d.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466008/c8d2735e-31d3-4ef3-afd6-fd90b2d676b5.eot?#iefix");
  src: url("../fonts/1466008/c8d2735e-31d3-4ef3-afd6-fd90b2d676b5.eot?#iefix") format("eot"), url("../fonts/1466008/3aa6bb54-ca02-4151-b68b-6ff14032a915.woff2") format("woff2"), url("../fonts/1466008/402ed54f-43f7-485b-a00d-f040e9f745c8.woff") format("woff"), url("../fonts/1466008/2aeaf649-60fa-4de9-a492-17700d78dfc5.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466012/51f41e18-fc48-468a-b71d-8e6aaa65ed3b.eot?#iefix");
  src: url("../fonts/1466012/51f41e18-fc48-468a-b71d-8e6aaa65ed3b.eot?#iefix") format("eot"), url("../fonts/1466012/de0a82de-c38c-4ab1-b49c-b39d148b272b.woff2") format("woff2"), url("../fonts/1466012/80fa00c5-8145-4786-a95e-a0a6ce3f70b8.woff") format("woff"), url("../fonts/1466012/33d82961-ea11-4531-bd86-1791c5a2c74e.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466016/dae3f3db-d97d-4fe3-952e-17342806f6a2.eot?#iefix");
  src: url("../fonts/1466016/dae3f3db-d97d-4fe3-952e-17342806f6a2.eot?#iefix") format("eot"), url("../fonts/1466016/88eaa196-693f-44d4-abe1-14bac9021c3b.woff2") format("woff2"), url("../fonts/1466016/d7feada4-4ae8-4c93-b8f5-e02e11e1959f.woff") format("woff"), url("../fonts/1466016/60dc4cd8-fa0e-4a24-b966-56719afbaa9c.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466020/f0329268-3f7b-4252-8f6e-4410943acb83.eot?#iefix");
  src: url("../fonts/1466020/f0329268-3f7b-4252-8f6e-4410943acb83.eot?#iefix") format("eot"), url("../fonts/1466020/990bc6f4-b3c6-41ba-a23a-ce5849a54003.woff2") format("woff2"), url("../fonts/1466020/9db0573d-9359-40b3-8d09-b4e6173e7a55.woff") format("woff"), url("../fonts/1466020/aceb7447-4e1a-4e4d-955b-cf1ace480a94.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466024/a1250dfb-40ac-4c8c-a91f-e1f6b5bf18f9.eot?#iefix");
  src: url("../fonts/1466024/a1250dfb-40ac-4c8c-a91f-e1f6b5bf18f9.eot?#iefix") format("eot"), url("../fonts/1466024/d33e2295-31f7-4f1d-b140-a00ff51fcf3f.woff2") format("woff2"), url("../fonts/1466024/235fe195-6afe-4529-af3c-4da83dc3e6c6.woff") format("woff"), url("../fonts/1466024/508a9173-3152-46b7-aec6-fdeeae456602.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466028/d07301e6-7ef2-42f6-b951-acfb3d234ef0.eot?#iefix");
  src: url("../fonts/1466028/d07301e6-7ef2-42f6-b951-acfb3d234ef0.eot?#iefix") format("eot"), url("../fonts/1466028/713609a3-caa7-4d00-96ac-e9893e77c636.woff2") format("woff2"), url("../fonts/1466028/d720f02a-8444-4ce9-94fc-065c5ce6ff95.woff") format("woff"), url("../fonts/1466028/7d78c967-486e-4ad1-8908-2b86ad20698d.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466032/1c14a94a-75a9-48ed-ae6c-3f822076cdaf.eot?#iefix");
  src: url("../fonts/1466032/1c14a94a-75a9-48ed-ae6c-3f822076cdaf.eot?#iefix") format("eot"), url("../fonts/1466032/16cde9a4-6a50-4dc7-802c-6a3325343fab.woff2") format("woff2"), url("../fonts/1466032/c825e1c2-ff60-4843-b360-2a84a2436e85.woff") format("woff"), url("../fonts/1466032/617f9efc-7295-4a05-85ce-41497de28777.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466036/ccc71c05-c73d-4c04-b1f3-c45740be6145.eot?#iefix");
  src: url("../fonts/1466036/ccc71c05-c73d-4c04-b1f3-c45740be6145.eot?#iefix") format("eot"), url("../fonts/1466036/997e639b-31dd-49e9-bd89-2f9a2a1efd13.woff2") format("woff2"), url("../fonts/1466036/b5e705fb-a5e1-46f1-b471-650b33817b32.woff") format("woff"), url("../fonts/1466036/e09c303b-72af-4262-9f98-e657538d280c.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466040/269db647-d404-4493-8868-b6cf3f614720.eot?#iefix");
  src: url("../fonts/1466040/269db647-d404-4493-8868-b6cf3f614720.eot?#iefix") format("eot"), url("../fonts/1466040/571ba0e5-2832-47e0-9f84-d1231fec7ab2.woff2") format("woff2"), url("../fonts/1466040/08746de8-65db-4b05-9ac2-867be4fd513b.woff") format("woff"), url("../fonts/1466040/78ed72eb-be0e-4668-bee7-ad60f9ddeb38.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466044/facc6c7f-7ed1-4f2d-ba43-f3cf9a0c74fc.eot?#iefix");
  src: url("../fonts/1466044/facc6c7f-7ed1-4f2d-ba43-f3cf9a0c74fc.eot?#iefix") format("eot"), url("../fonts/1466044/405c77e4-565d-4c0a-a587-997e21a69bfd.woff2") format("woff2"), url("../fonts/1466044/c06780df-78e9-4c65-9f9d-c5c193054ae0.woff") format("woff"), url("../fonts/1466044/75b8110b-7c69-427e-a341-ee1f7124317c.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466048/695757a1-c6a6-4eb2-b0c2-519d372ec70f.eot?#iefix");
  src: url("../fonts/1466048/695757a1-c6a6-4eb2-b0c2-519d372ec70f.eot?#iefix") format("eot"), url("../fonts/1466048/4e1a0746-044d-40cc-bca9-2cf65cc96748.woff2") format("woff2"), url("../fonts/1466048/7807ca40-1af0-4ab5-891f-97ed40282668.woff") format("woff"), url("../fonts/1466048/e280a26f-b14b-4105-8355-36b8630276ba.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466052/32a550c1-2bd0-41e2-ba81-dc666b15df72.eot?#iefix");
  src: url("../fonts/1466052/32a550c1-2bd0-41e2-ba81-dc666b15df72.eot?#iefix") format("eot"), url("../fonts/1466052/0dc0af66-6f8b-4e8d-b349-c1ecd4502ff0.woff2") format("woff2"), url("../fonts/1466052/374b5f1e-ca5f-4ed8-b876-045f2b8387de.woff") format("woff"), url("../fonts/1466052/b0678d8f-c1b3-42e1-b35a-712675f9048b.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466056/44b19db9-e975-4857-a65c-372c39974135.eot?#iefix");
  src: url("../fonts/1466056/44b19db9-e975-4857-a65c-372c39974135.eot?#iefix") format("eot"), url("../fonts/1466056/a9be8647-c177-4260-9a39-3a48b1aa72e4.woff2") format("woff2"), url("../fonts/1466056/e376884a-d63b-44ae-a94e-5f81792e858d.woff") format("woff"), url("../fonts/1466056/9c6b992e-4fb7-4675-a23e-5cd34062888e.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466060/71424f3f-1233-410d-a66a-9f808ab3bf4c.eot?#iefix");
  src: url("../fonts/1466060/71424f3f-1233-410d-a66a-9f808ab3bf4c.eot?#iefix") format("eot"), url("../fonts/1466060/2dc4852f-3c35-4ae9-b5ea-7a312484600e.woff2") format("woff2"), url("../fonts/1466060/dcca8311-49f1-45e8-a607-e43b642c15e7.woff") format("woff"), url("../fonts/1466060/050329c2-c5f0-428a-994a-f8e1ced48f21.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Mark-Pro";
  src: url("../fonts/1466064/0b2d213d-9bf8-432b-baea-72115cf5d8aa.eot?#iefix");
  src: url("../fonts/1466064/0b2d213d-9bf8-432b-baea-72115cf5d8aa.eot?#iefix") format("eot"), url("../fonts/1466064/97b84035-e8f6-453e-a2c1-c332463b6e90.woff2") format("woff2"), url("../fonts/1466064/7b3e33c8-fbae-4797-8258-9e457f3d7c52.woff") format("woff"), url("../fonts/1466064/c8850368-c555-4ad5-a186-920d198f41ef.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

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

.pull-up-over {
  margin-top: -250px;
}

.pull-up-over.pull-up-over-no-main-text {
  margin-top: 50px;
}

.pull-up-over-padding {
  padding-bottom: 250px;
}

.background--grey {
  background-color: #f5f5f5;
}

.hide {
  display: none !important;
}

.float-left {
  float: left;
}

.customize-support .global-navigation__nav-bar {
  margin-top: 32px;
}

.latest-article-wrapper {
  margin-top: 40px;
}

.services-wrapper {
  padding-bottom: 0 !important;
}

.services-wrapper p.description {
  margin-bottom: 20px;
}

.fancybox-title-float-wrap .child {
  white-space: normal !important;
}

.link-in-cookie {
  text-decoration: underline;
}

.link-in-cookie:hover {
  border: none;
}

.newsletter-error-handle {
  display: none;
}

.customize-support .beta-version-disclaimer {
  display: none;
}

.beta-version-disclaimer {
  background: #fff;
  padding: 10px 26px;
}

.download-image {
  display: inline-block;
  background-image: url(../images/icon-download.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 47px;
  height: 47px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 10000;
  background-color: white;
}

.caption .text--small, .caption figure figcaption, figure .caption figcaption, .caption .tags .tag, .tags .caption .tag, .caption .daily-program .list-item p, .daily-program .list-item .caption p, .caption .global-navigation__secondary-nav li, .global-navigation__secondary-nav .caption li, .caption .global-navigation__webshop, .caption .footer .footer__item .opening-time li, .footer .footer__item .opening-time .caption li, .caption .footer .links li, .footer .links .caption li,
.fancybox-title .child {
  position: relative;
}

.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.make-me-relative {
  position: relative;
}

.see-more-btn-wrapper {
  margin-bottom: 20px;
}

.leadfamly-campaign-embed,
.leadfamily-campaign-embed {
  padding: 3em 0;
  margin-bottom: 3em;
}

.mb2-search-load {
  margin: 0 auto 2em !important;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* line 1391, /Users/miguelperez/Sites/csstricks/source/stylesheets/keyframes.css.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.m-scene .scene_element {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 22, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadeinup {
  -webkit-transform-origin: top;
          transform-origin: top;
}

@-moz-document url-prefix() {
  .m-scene .scene_element--fadeinup {
    animation-name: none;
  }
}

/* line 37, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--delayed {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* line 37, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

/* line 42, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/*@media screen and (min-width: 768px) {
  .m-scene .scene_element--fadeinright-wide {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
}*/
.is-loading,
.is-loading a {
  cursor: progress;
}

/**
 * Foundation for Sites by ZURB
 * Version 6.2.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
   * Remove default margin.
   */
body {
  margin: 0;
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row, .daily-program {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.row .row, .daily-program .row, .row .daily-program, .daily-program .daily-program {
  max-width: none;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

@media screen and (min-width: 40em) {
  .row .row, .daily-program .row, .row .daily-program, .daily-program .daily-program {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}

.row.expanded, .expanded.daily-program {
  max-width: none;
}

.row.collapse > .column, .collapse.daily-program > .column, .row.collapse > .columns, .collapse.daily-program > .columns {
  padding-left: 0;
  padding-right: 0;
}

.column, .columns {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  min-width: initial;
}

@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.column.row.row, .row.row.columns, .columns.daily-program, .column.daily-program {
  float: none;
  display: block;
}

.row .column.row.row, .daily-program .column.row.row, .row .row.row.columns, .daily-program .row.row.columns, .row .columns.daily-program, .daily-program .columns.daily-program, .row .column.daily-program, .daily-program .column.daily-program {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.small-up-1 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-up-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-up-7 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.small-up-8 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.medium-unstack > .column, .medium-unstack.daily-program > .column, .row.medium-unstack > .columns, .medium-unstack.daily-program > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 40em) {
  .row.medium-unstack > .column, .medium-unstack.daily-program > .column, .row.medium-unstack > .columns, .medium-unstack.daily-program > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 40em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 64em) {
  .large-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .large-offset-0, .thumbnail-focus--reversed .row .large-offset-1, .thumbnail-focus--reversed .daily-program .large-offset-1 {
    margin-left: 0%;
  }
  .large-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .large-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .large-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.large-unstack > .column, .large-unstack.daily-program > .column, .row.large-unstack > .columns, .large-unstack.daily-program > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 64em) {
  .row.large-unstack > .column, .large-unstack.daily-program > .column, .row.large-unstack > .columns, .large-unstack.daily-program > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xlarge-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xlarge-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xlarge-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xlarge-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xlarge-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xlarge-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xlarge-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .xlarge-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .xlarge-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .xlarge-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xlarge-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .xlarge-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .xlarge-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xlarge-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .xlarge-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 75em) and (min-width: 75em) {
  .xlarge-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.xlarge-unstack > .column, .xlarge-unstack.daily-program > .column, .row.xlarge-unstack > .columns, .xlarge-unstack.daily-program > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 75em) {
  .row.xlarge-unstack > .column, .xlarge-unstack.daily-program > .column, .row.xlarge-unstack > .columns, .xlarge-unstack.daily-program > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xxlarge-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xxlarge-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xxlarge-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xxlarge-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xxlarge-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xxlarge-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xxlarge-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xxlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xxlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xxlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xxlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xxlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xxlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .xxlarge-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .xxlarge-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .xxlarge-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxlarge-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .xxlarge-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .xxlarge-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxlarge-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .xxlarge-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 90em) and (min-width: 90em) {
  .xxlarge-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.xxlarge-unstack > .column, .xxlarge-unstack.daily-program > .column, .row.xxlarge-unstack > .columns, .xxlarge-unstack.daily-program > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 90em) {
  .row.xxlarge-unstack > .column, .xxlarge-unstack.daily-program > .column, .row.xxlarge-unstack > .columns, .xxlarge-unstack.daily-program > .columns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
}

.column.align-top, .align-top.columns, ol.step-by-step > li .columns.row, ol.step-by-step > li .columns.daily-program, ol.step-by-step > li .column.row, ol.step-by-step > li .column.daily-program {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.column.align-bottom, .align-bottom.columns {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.column.align-middle, .align-middle.columns {
  -ms-flex-item-align: center;
      align-self: center;
}

.column.align-stretch, .align-stretch.columns {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  outline: none;
  -webkit-box-shadow: 0 0 5px #cacaca;
          box-shadow: 0 0 5px #cacaca;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #cacaca;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type='submit'],
[type='button'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
  cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.input-group > :first-child {
  border-radius: 0 0 0 0;
}

.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  width: auto;
  height: auto;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0;
}

.input-group .input-group-button {
  display: table-cell;
}

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%;
}

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.5rem;
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
}

.form-error.is-visible {
  display: block;
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2199e8;
  color: #fefefe;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button:hover, .button:focus {
  background-color: #1583cc;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.primary {
  background-color: #2199e8;
  color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
  background-color: #147cc0;
  color: #fefefe;
}

.button.secondary {
  background-color: #777;
  color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5f5f5f;
  color: #fefefe;
}

.button.success {
  background-color: #3adb76;
  color: #fefefe;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #fefefe;
}

.button.warning {
  background-color: #ffae00;
  color: #fefefe;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #fefefe;
}

.button.alert {
  background-color: #ec5840;
  color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
  background-color: #da3116;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.primary {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.secondary {
  border: 1px solid #777;
  color: #777;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3c3b3b;
  color: #3c3b3b;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #881f0e;
  color: #881f0e;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2199e8;
  color: #fefefe;
}

.button.dropdown::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}

.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: -0.1em;
}

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

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

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.clearfix::after {
  clear: both;
}

.align-right, ol.step-by-step > li:nth-child(2n+1) .row, ol.step-by-step > li:nth-child(2n+1) .daily-program {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center, .call-to-action--no-image .row, .call-to-action--no-image .daily-program {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-justify {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-top, ol.step-by-step > li .row, ol.step-by-step > li .daily-program {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
      align-self: center;
}

.align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xxlarge-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xxlarge-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xxlarge-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xxlarge-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xxlarge-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

body {
  width: 100%;
  height: 100%;
}

.slideout-menu {
  position: fixed;
  left: auto;
  bottom: 0;
  right: 0;
  z-index: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  top: 70px;
}

@media screen and (min-width: 64em) {
  .slideout-menu {
    top: 100px;
  }
}

@media screen and (min-width: 75em) {
  .slideout-menu {
    top: 100px;
  }
}

.slideout-panel {
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #fff;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
  height: 100%;
}

.slideout-open .slideout-menu {
  display: block !important;
  z-index: 2;
}

.grid-column-carousel {
  overflow: hidden;
}

.grid-column-carousel__list {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
  -webkit-transition: -webkit-transform .5s ease-in-out;
}

.grid-column-carousel__list:after, .grid-column-carousel__list:before {
  content: ' ';
  display: table;
}

.grid-column-carousel__list:after {
  clear: both;
}

.grid-column-carousel__list.initialized {
  width: 9999px;
}

.grid-column-carousel__list.initialized > * {
  display: block;
}

.grid-column-carousel__list [data-gcc-ignore], .grid-column-carousel__list > * {
  display: none;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 0.5;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-size: 25px;
  line-height: 20px;
  text-align: center;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.5;
}

/*
Fonts and type

This sections demonstrates the different fonts and types.

We have two different typefaces, "EXP-display" and "Mark-Pro".

"EXP-display" is mostly used for the page title and bigger titles, and "Mark-Pro" is used both as title and body text.

There is only one weight in "EXP-display" and a every extensive weight sets for "Mark-Pro".

You can find all the fonts file from the scr > fonts folder.

Markup:
h1.header--large Heading 1: The quick brown fox jumps over the lazy dog
h2.header--medium Heading 2: The quick brown fox jumps over the lazy dog
h3.header--small Heading 3: The quick brown fox jumps over the lazy dog
h4.header--smaller Heading 4: The quick brown fox jumps over the lazy dog
h5.header--nano Heading 5: The quick brown fox jumps over the lazy dog
p.text Blandingen af is og salt har en lavere frysetemperatur end rent vand, der fryser ved nul grader. Når vandet i isen opløser saltet, trækker det varme ud af isen, som bliver kølet endnu mere ned.
 a(class="link" href="#") inline link Den kolde blanding fryser iscremen, så den får den helt rigtige iskonsistens.
p.text--small Blandingen af is og salt har en lavere frysetemperatur end rent vand, der fryser ved nul grader. Når vandet i isen opløser saltet, trækker det varme ud af isen, som bliver kølet endnu mere ned. inline link Den kolde blanding fryser iscremen, så den får den helt rigtige iskonsistens.

Styleguide 1.1
*/
/* I am styling on a body class as well as the body tag - this is a workaround because i cannot append styles to the body tag in the styleguide */
body, .sgwa-body {
  font-size: 17px;
  color: #0B1326;
}

@media screen and (min-width: 40em) {
  body, .sgwa-body {
    font-size: 15px;
  }
}

* {
  font-family: "Mark-Pro", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.75;
  color: inherit;
  margin: 0;
}

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

*.text-align-left {
  text-align: left;
}

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

@media screen and (min-width: 40em) {
  *.text-align-right {
    text-align: right;
  }
}

*.white {
  color: white;
}

p {
  margin-bottom: 1em;
  word-wrap: break-word;
  line-height: 1.5em;
  font-weight: 400;
}

.text {
  font-weight: 400;
}

.text--small, figure figcaption, .tags .tag, .daily-program .list-item p, .global-navigation__secondary-nav li, .global-navigation__webshop, .footer .footer__item .opening-time li, .footer .links li {
  font-size: 12px;
  line-height: 1.25em;
}

.text--large, .hero__content .info p {
  line-height: 1.3125em;
  font-size: 1.25em;
}

@media screen and (min-width: 40em) {
  .text--large, .hero__content .info p {
    font-size: 1.4em;
  }
}

.highlight .text {
  color: white;
  font-weight: 600;
}

.text--small.white, figure figcaption.white, .tags .white.tag, .daily-program .list-item p.white, .global-navigation__secondary-nav li.white, .white.global-navigation__webshop, .footer .footer__item .opening-time li.white, .footer .links li.white {
  font-weight: 600;
}

.header, .header--large, .header--medium, ol.step-by-step > li:before, .top5-list .list-item:before, .thumbnail-focus .focus__promotion-item .thumbnail__title h3, .header--small, .social-shares__numbers .counter, .header--smaller, legend, div[class^='thumbnail-default'] a .thumbnail__content h3, .thumbnails-exhibition a .thumbnail__title h3, .thumbnail-top5 .thumbnail__title h3, .header--nano, .global-navigation__nav-items ul li {
  line-height: 1.25;
  margin-top: 0;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}

.header--large {
  font-family: 'EXP-display';
  font-size: 2em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 40em) {
  .header--large {
    font-size: 4em;
  }
}

.header--medium, ol.step-by-step > li:before, .top5-list .list-item:before, .thumbnail-focus .focus__promotion-item .thumbnail__title h3 {
  font-family: 'EXP-display';
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.75em;
}

@media screen and (min-width: 40em) {
  .header--medium, ol.step-by-step > li:before, .top5-list .list-item:before, .thumbnail-focus .focus__promotion-item .thumbnail__title h3 {
    line-height: 1em;
    font-size: 2.5em;
  }
}

@media screen and (min-width: 64em) {
  .header--medium, ol.step-by-step > li:before, .top5-list .list-item:before, .thumbnail-focus .focus__promotion-item .thumbnail__title h3 {
    font-size: 2.5em;
  }
}

.header--small, .social-shares__numbers .counter {
  font-size: 1.25em;
  margin-bottom: 1em;
}

@media screen and (min-width: 40em) {
  .header--small, .social-shares__numbers .counter {
    font-size: 1.5em;
  }
}

.header--smaller, legend, div[class^='thumbnail-default'] a .thumbnail__content h3, .thumbnails-exhibition a .thumbnail__title h3, .thumbnail-top5 .thumbnail__title h3 {
  font-size: 1.2em;
  margin-bottom: 1em;
  line-height: 1.35;
}

.header--nano, .global-navigation__nav-items ul li {
  font-size: 1em;
  margin-bottom: 1em;
}

.highlight .header, .highlight .header--large, .highlight .header--medium, .highlight ol.step-by-step > li:before, .highlight .top5-list .list-item:before, .top5-list .highlight .list-item:before, .highlight .thumbnail-focus .focus__promotion-item .thumbnail__title h3, .thumbnail-focus .focus__promotion-item .thumbnail__title .highlight h3, .highlight .header--small, .highlight .social-shares__numbers .counter, .social-shares__numbers .highlight .counter, .highlight .header--smaller, .highlight legend, .highlight div[class^='thumbnail-default'] a .thumbnail__content h3, div[class^='thumbnail-default'] a .thumbnail__content .highlight h3, .highlight .thumbnails-exhibition a .thumbnail__title h3, .thumbnails-exhibition a .thumbnail__title .highlight h3, .highlight .thumbnail-top5 .thumbnail__title h3, .thumbnail-top5 .thumbnail__title .highlight h3, .highlight .header--nano, .highlight .global-navigation__nav-items ul li, .global-navigation__nav-items ul .highlight li {
  color: white;
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .galery h1, .galery h2, .galery h3, .galery h4, .galery h5, .galery h6 {
  line-height: 1.25;
  margin-top: 0;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}

.wysiwyg h1, .galery h1 {
  font-family: 'EXP-display';
  font-size: 2em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 40em) {
  .wysiwyg h1, .galery h1 {
    font-size: 4em;
  }
}

.wysiwyg h2, .galery h2 {
  font-family: 'EXP-display';
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.375em;
}

@media screen and (min-width: 40em) {
  .wysiwyg h2, .galery h2 {
    line-height: 1em;
    font-size: 2.5em;
  }
}

@media screen and (min-width: 64em) {
  .wysiwyg h2, .galery h2 {
    font-size: 2.5em;
  }
}

.wysiwyg h3, .galery h3 {
  font-size: 1.25em;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 40em) {
  .wysiwyg h3, .galery h3 {
    font-size: 1.5em;
  }
}

.wysiwyg h4, .galery h4 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
  line-height: 1.35;
}

.wysiwyg h5, .galery h5 {
  font-size: 0.5em;
  margin-bottom: 1em;
}

.wysiwyg h6, .galery h6 {
  font-size: 0.5em;
  margin-bottom: 1em;
}

.wysiwyg a, .galery a {
  cursor: pointer;
}

.wysiwyg p, .galery p {
  margin-bottom: 1.5em;
}

.theme-blue .wysiwyg a:not(.btn):not(.label-btn) {
  border-bottom: 1px solid #0095FF;
}

.theme-blue .wysiwyg a:not(.btn):not(.label-btn) .btn, .theme-blue .wysiwyg a:not(.btn):not(.label-btn) .label-btn, .theme-blue .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a, .filters .filter .theme-blue .wysiwyg a:not(.btn):not(.label-btn) a {
  background-color: #fff;
}

.theme-blue .wysiwyg a:not(.btn):not(.label-btn) .btn:hover, .theme-blue .wysiwyg a:not(.btn):not(.label-btn) .label-btn:hover, .theme-blue .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a:hover, .filters .filter .theme-blue .wysiwyg a:not(.btn):not(.label-btn) a:hover {
  background-color: #0095FF;
}

.theme-blue .wysiwyg a:not(.btn):not(.label-btn):hover {
  border-bottom: none;
}

.theme-green .wysiwyg a:not(.btn):not(.label-btn) {
  border-bottom: 1px solid #00E14B;
}

.theme-green .wysiwyg a:not(.btn):not(.label-btn) .btn, .theme-green .wysiwyg a:not(.btn):not(.label-btn) .label-btn, .theme-green .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a, .filters .filter .theme-green .wysiwyg a:not(.btn):not(.label-btn) a {
  background-color: #fff;
}

.theme-green .wysiwyg a:not(.btn):not(.label-btn) .btn:hover, .theme-green .wysiwyg a:not(.btn):not(.label-btn) .label-btn:hover, .theme-green .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a:hover, .filters .filter .theme-green .wysiwyg a:not(.btn):not(.label-btn) a:hover {
  background-color: #00E14B;
}

.theme-green .wysiwyg a:not(.btn):not(.label-btn):hover {
  border-bottom: none;
}

.theme-red .wysiwyg a:not(.btn):not(.label-btn) {
  border-bottom: 1px solid #F83D4E;
}

.theme-red .wysiwyg a:not(.btn):not(.label-btn) .btn, .theme-red .wysiwyg a:not(.btn):not(.label-btn) .label-btn, .theme-red .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a, .filters .filter .theme-red .wysiwyg a:not(.btn):not(.label-btn) a {
  background-color: #fff;
}

.theme-red .wysiwyg a:not(.btn):not(.label-btn) .btn:hover, .theme-red .wysiwyg a:not(.btn):not(.label-btn) .label-btn:hover, .theme-red .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a:hover, .filters .filter .theme-red .wysiwyg a:not(.btn):not(.label-btn) a:hover {
  background-color: #F83D4E;
}

.theme-red .wysiwyg a:not(.btn):not(.label-btn):hover {
  border-bottom: none;
}

.theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) {
  border-bottom: 1px solid #D885FF;
}

.theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) .btn, .theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) .label-btn, .theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a, .filters .filter .theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) a {
  background-color: #fff;
}

.theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) .btn:hover, .theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) .label-btn:hover, .theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) .filters .filter a:hover, .filters .filter .theme-lavanda .wysiwyg a:not(.btn):not(.label-btn) a:hover {
  background-color: #D885FF;
}

.theme-lavanda .wysiwyg a:not(.btn):not(.label-btn):hover {
  border-bottom: none;
}

/*
Themes

This sections demonstrates different themes.

You can find the themes mixin in prerequisites > themes.scss(maybe we should make this more clear what is what)

If you want to assign theme colors to a element, we use the loop function in our mixins.scss file, this will generate the each theme color style for the element.

default -  a default theme color is blue
.theme-red - a red color theme
.theme-green - a green color theme
.theme-lavanda - a lavanda color theme
.theme-yellow - a yellow color theme(this is rarelly used)

Markup:
div(class="{$modifiers}")
  .row.align-center
    h3.header--smaller.header--theme Beautiful theme color

Styleguide 1.17
*/
/*
Themes invert

This sections demonstrates different invert theme themes.

Each invertable elements has a "--invert" css modifier, you can create your own one if need, this will render the element white in default state, and its repective colored theme in other states.

default -  a default theme color is blue
.theme-red - a red color theme
.theme-green - a green color theme
.theme-lavanda - a lavanda color theme
.theme-yellow - a yellow color theme(this is rarelly used)

Markup:
div(class="{$modifiers}")
  .row.align-center.highlight
    h3.header--smaller.header--invert Beautiful theme color

Styleguide 1.18
*/
.header--theme {
  color: #0095FF;
}

.header--invert {
  color: white;
}

.theme-blue .header--theme {
  color: #0095FF;
}

.theme-green .header--theme {
  color: #00E14B;
}

.theme-red .header--theme {
  color: #F83D4E;
}

.theme-lavanda .header--theme {
  color: #D885FF;
}

/*
Standard button

A push button.
the buttons has the following modifiers, a invert button will be shown in next chapter.

The web editor should be able to chose button in different forms, and the button will inherit the theme properties from the body or html class.

If none of the form or the theme has been chosen, then the button will be shown as its default form.

btn--small - small buttons.
default - a normal button
btn--large - large button.

*/
.btn, .label-btn, .filters .filter a {
  display: inline-block;
  font-size: 17px;
  font-weight: 800;
  vertical-align: middle;
  background-color: transparent;
  color: #0095FF;
  border: 0.175em solid;
  border-color: #0095FF;
  padding: 15px 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  overflow: hidden;
  position: relative;
}

.btn span, .label-btn span, .filters .filter a span {
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.btn:hover, .label-btn:hover, .filters .filter a:hover {
  background-color: #0095FF;
  color: white;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.btn:hover:after, .label-btn:hover:after, .filters .filter a:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.btn:hover span:first-child, .label-btn:hover span:first-child, .filters .filter a:hover span:first-child {
  opacity: 0;
  -webkit-transform: translate3d(0, 35%, 0);
          transform: translate3d(0, 35%, 0);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.btn:focus, .label-btn:focus, .filters .filter a:focus {
  outline: 0;
}

.btn:after, .label-btn:after, .filters .filter a:after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 0;
  opacity: 0;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 85%, 0);
          transform: translate3d(0, 85%, 0);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  color: white;
}

.btn--large {
  font-size: 25.5px;
}

.btn--large:hover:after {
  -webkit-transform: translate3d(0, 32%, 0);
          transform: translate3d(0, 32%, 0);
}

.btn--large:hover span {
  -webkit-transform: translate3d(0, 32%, 0);
          transform: translate3d(0, 32%, 0);
}

.btn--small, .label-btn, .filters .filter a {
  padding: 10px 20px;
  font-size: 12px;
}

.btn--invert, .filters--invert .filter a {
  border-color: white;
  color: white;
  background-color: transparent;
}

.btn--invert:hover, .filters--invert .filter a:hover {
  background-color: white;
  color: #0095FF;
}

.btn--invert:after, .filters--invert .filter a:after {
  color: #0095FF;
}

.btn--black {
  border-color: #0B1326 !important;
  color: #0B1326 !important;
  background-color: transparent !important;
}

.btn--black:hover {
  background-color: #0B1326 !important;
  color: white !important;
}

.cookieBar-section {
  font-size: 12px;
  padding-top: 1em;
  position: fixed;
  bottom: 0;
  z-index: 100000;
  background: white;
  text-align: center;
  width: 100%;
  display: none;
}

@media screen and (min-width: 40em) {
  .cookieBar-section {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 15px;
  }
}

.cookie-close-button {
  margin-bottom: 10px;
  padding: 5px 30px;
  font-size: 12px;
}

@media screen and (min-width: 40em) {
  .cookie-close-button {
    margin-bottom: 0;
    float: right;
    padding: 15px 40px;
    font-size: 17px;
  }
}

.read-more-wrap {
  text-align: center;
  margin: 0 0 20px;
}

.discover-exhibition.hide {
  display: none;
}

.hero__header-container a.play-video {
  border-color: #fff;
  color: #fff;
  padding: 12px 40px 12px 20px;
  text-align: right;
  font-size: 13px;
  background-image: url(../images/assets/play_triangle.png);
  background-repeat: no-repeat;
  background-position: -webkit-calc(100% - 19px) center;
  background-position: calc(100% - 19px) center;
}

.hero__header-container a.play-video:hover {
  background-color: transparent;
}

@media screen and (min-width: 40em) {
  .hero__header-container a.play-video {
    display: none;
  }
}

.theme-blue .btn, .theme-blue .label-btn, .theme-blue .filters .filter a, .filters .filter .theme-blue a {
  border-color: #0095FF;
  color: #0095FF;
}

.theme-blue .btn:hover, .theme-blue .label-btn:hover, .theme-blue .filters .filter a:hover, .filters .filter .theme-blue a:hover {
  background-color: #0095FF;
  color: white;
}

.theme-blue .btn.cookie-close-button, .theme-blue .cookie-close-button.label-btn, .theme-blue .filters .filter a.cookie-close-button, .filters .filter .theme-blue a.cookie-close-button {
  border-color: #0095FF !important;
}

.theme-green .btn, .theme-green .label-btn, .theme-green .filters .filter a, .filters .filter .theme-green a {
  border-color: #00E14B;
  color: #00E14B;
}

.theme-green .btn:hover, .theme-green .label-btn:hover, .theme-green .filters .filter a:hover, .filters .filter .theme-green a:hover {
  background-color: #00E14B;
  color: white;
}

.theme-green .btn.cookie-close-button, .theme-green .cookie-close-button.label-btn, .theme-green .filters .filter a.cookie-close-button, .filters .filter .theme-green a.cookie-close-button {
  border-color: #00E14B !important;
}

.theme-red .btn, .theme-red .label-btn, .theme-red .filters .filter a, .filters .filter .theme-red a {
  border-color: #F83D4E;
  color: #F83D4E;
}

.theme-red .btn:hover, .theme-red .label-btn:hover, .theme-red .filters .filter a:hover, .filters .filter .theme-red a:hover {
  background-color: #F83D4E;
  color: white;
}

.theme-red .btn.cookie-close-button, .theme-red .cookie-close-button.label-btn, .theme-red .filters .filter a.cookie-close-button, .filters .filter .theme-red a.cookie-close-button {
  border-color: #F83D4E !important;
}

.theme-lavanda .btn, .theme-lavanda .label-btn, .theme-lavanda .filters .filter a, .filters .filter .theme-lavanda a {
  border-color: #D885FF;
  color: #D885FF;
}

.theme-lavanda .btn:hover, .theme-lavanda .label-btn:hover, .theme-lavanda .filters .filter a:hover, .filters .filter .theme-lavanda a:hover {
  background-color: #D885FF;
  color: white;
}

.theme-lavanda .btn.cookie-close-button, .theme-lavanda .cookie-close-button.label-btn, .theme-lavanda .filters .filter a.cookie-close-button, .filters .filter .theme-lavanda a.cookie-close-button {
  border-color: #D885FF !important;
}

.theme-blue .btn--invert, .theme-blue .filters--invert .filter a, .filters--invert .filter .theme-blue a {
  border-color: white;
  color: white;
  background-color: transparent;
}

.theme-blue .btn--invert:hover, .theme-blue .filters--invert .filter a:hover, .filters--invert .filter .theme-blue a:hover {
  background-color: white;
  color: #0095FF;
}

.theme-blue .btn--invert:after, .theme-blue .filters--invert .filter a:after, .filters--invert .filter .theme-blue a:after {
  color: #0095FF;
}

.theme-green .btn--invert, .theme-green .filters--invert .filter a, .filters--invert .filter .theme-green a {
  border-color: white;
  color: white;
  background-color: transparent;
}

.theme-green .btn--invert:hover, .theme-green .filters--invert .filter a:hover, .filters--invert .filter .theme-green a:hover {
  background-color: white;
  color: #00E14B;
}

.theme-green .btn--invert:after, .theme-green .filters--invert .filter a:after, .filters--invert .filter .theme-green a:after {
  color: #00E14B;
}

.theme-red .btn--invert, .theme-red .filters--invert .filter a, .filters--invert .filter .theme-red a {
  border-color: white;
  color: white;
  background-color: transparent;
}

.theme-red .btn--invert:hover, .theme-red .filters--invert .filter a:hover, .filters--invert .filter .theme-red a:hover {
  background-color: white;
  color: #F83D4E;
}

.theme-red .btn--invert:after, .theme-red .filters--invert .filter a:after, .filters--invert .filter .theme-red a:after {
  color: #F83D4E;
}

.theme-lavanda .btn--invert, .theme-lavanda .filters--invert .filter a, .filters--invert .filter .theme-lavanda a {
  border-color: white;
  color: white;
  background-color: transparent;
}

.theme-lavanda .btn--invert:hover, .theme-lavanda .filters--invert .filter a:hover, .filters--invert .filter .theme-lavanda a:hover {
  background-color: white;
  color: #D885FF;
}

.theme-lavanda .btn--invert:after, .theme-lavanda .filters--invert .filter a:after, .filters--invert .filter .theme-lavanda a:after {
  color: #D885FF;
}

.input-text {
  padding: 12.5px 10px;
  border: 0.175em solid;
  border-color: rgba(0, 149, 255, 0.85);
  color: #0095FF;
  background-color: rgba(0, 149, 255, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1rem;
  height: auto;
  -webkit-appearance: none;
}

.input-text:focus {
  border: 0.175em solid;
  border-color: #0095FF;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 149, 255, 0.85);
}

.input-text::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 149, 255, 0.85);
}

.input-text:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 149, 255, 0.85);
}

.input-text:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 149, 255, 0.85);
}

.input-text--invert {
  border-color: rgba(255, 255, 255, 0.85);
  color: #0095FF;
  background-color: rgba(255, 255, 255, 0.85);
}

.input-text--invert:focus {
  border-color: #007fd9;
  color: white;
  background-color: #007fd9;
}

label {
  color: #0095FF;
}

fieldset {
  margin: 20px 0 40px;
}

.input-group .input-group-field {
  border-right: none;
}

.input-group .input-group-field:focus {
  border-right: none;
}

.input-group .input-group-field.input-text {
  max-width: 176px;
}

.input-group .input-group-button .button {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 64em) {
  .input-group {
    max-width: 360px;
  }
}

.align-center .input-group, .call-to-action--no-image .row .input-group, .call-to-action--no-image .daily-program .input-group {
  margin-left: auto;
  margin-right: auto;
}

.newsletterband-checkbox--agree .checkboxFiveInputBand {
  visibility: hidden;
  display: none;
}

.newsletterband-checkbox--agree label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-right: 3px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #ddd;
}

.newsletterband-checkbox--agree label span {
  opacity: 0.1;
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  background: transparent;
  top: 3px;
  left: 1px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.newsletterband-checkbox--agree label:hover span {
  opacity: 0.5;
}

.newsletterband-checkbox--agree label input[type=checkbox]:checked + span {
  opacity: 1;
  border-color: #38b11b;
}

label > input[type=checkbox]:checked .newsletterband-checkbox--agree:after {
  opacity: 1;
  border-color: #38b11b;
}

.newsletterband-checkbox--agree .newsletter-label--title {
  font-size: 0.8em;
  display: inline block;
  margin-top: 0px;
  padding-left: 0px;
  vertical-align: middle;
}

.newsletterband-checkbox--agree p.this-i-presume-should-be-hidden {
  opacity: .4;
  font-size: 0.8em;
}

.newsletterband-checkbox--agree p.this-i-presume-should-be-hidden:hover {
  opacity: 1;
}

.newsletterband-checkbox--agree p.this-i-presume-should-be-hidden a {
  text-decoration: underline;
}

.form-group span.newsletter-label--title {
  font-size: 1.1em;
  margin-right: 15px;
  vertical-align: text-bottom;
  margin-left: -2px;
}

.theme-blue .input-text {
  border-color: rgba(0, 149, 255, 0.85);
  color: #0095FF;
  background-color: rgba(0, 149, 255, 0.15);
}

.theme-blue .input-text:focus {
  border-color: #0095FF;
  background-color: white;
}

.theme-blue .input-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 149, 255, 0.85);
}

.theme-blue .input-text::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 149, 255, 0.15);
}

.theme-blue .input-text:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 149, 255, 0.15);
}

.theme-blue .input-text:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 149, 255, 0.15);
}

.theme-blue label {
  border-color: #0095FF;
  color: #0095FF;
}

.theme-green .input-text {
  border-color: rgba(0, 225, 75, 0.85);
  color: #00E14B;
  background-color: rgba(0, 225, 75, 0.15);
}

.theme-green .input-text:focus {
  border-color: #00E14B;
  background-color: white;
}

.theme-green .input-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 225, 75, 0.85);
}

.theme-green .input-text::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 225, 75, 0.15);
}

.theme-green .input-text:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 225, 75, 0.15);
}

.theme-green .input-text:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 225, 75, 0.15);
}

.theme-green label {
  border-color: #00E14B;
  color: #00E14B;
}

.theme-red .input-text {
  border-color: rgba(248, 61, 78, 0.85);
  color: #F83D4E;
  background-color: rgba(248, 61, 78, 0.15);
}

.theme-red .input-text:focus {
  border-color: #F83D4E;
  background-color: white;
}

.theme-red .input-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(248, 61, 78, 0.85);
}

.theme-red .input-text::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(248, 61, 78, 0.15);
}

.theme-red .input-text:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(248, 61, 78, 0.15);
}

.theme-red .input-text:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(248, 61, 78, 0.15);
}

.theme-red label {
  border-color: #F83D4E;
  color: #F83D4E;
}

.theme-lavanda .input-text {
  border-color: rgba(216, 133, 255, 0.85);
  color: #D885FF;
  background-color: rgba(216, 133, 255, 0.15);
}

.theme-lavanda .input-text:focus {
  border-color: #D885FF;
  background-color: white;
}

.theme-lavanda .input-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(216, 133, 255, 0.85);
}

.theme-lavanda .input-text::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(216, 133, 255, 0.15);
}

.theme-lavanda .input-text:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(216, 133, 255, 0.15);
}

.theme-lavanda .input-text:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(216, 133, 255, 0.15);
}

.theme-lavanda label {
  border-color: #D885FF;
  color: #D885FF;
}

.theme-blue .input-text--invert {
  border-color: rgba(255, 255, 255, 0.85);
  color: #0095FF;
  background-color: rgba(255, 255, 255, 0.85);
}

.theme-blue .input-text--invert:focus {
  border-color: #007fd9;
  color: white;
  background-color: #007fd9;
}

.theme-green .input-text--invert {
  border-color: rgba(255, 255, 255, 0.85);
  color: #00E14B;
  background-color: rgba(255, 255, 255, 0.85);
}

.theme-green .input-text--invert:focus {
  border-color: #00bb3e;
  color: white;
  background-color: #00bb3e;
}

.theme-red .input-text--invert {
  border-color: rgba(255, 255, 255, 0.85);
  color: #F83D4E;
  background-color: rgba(255, 255, 255, 0.85);
}

.theme-red .input-text--invert:focus {
  border-color: #f7182c;
  color: white;
  background-color: #f7182c;
}

.theme-lavanda .input-text--invert {
  border-color: rgba(255, 255, 255, 0.85);
  color: #D885FF;
  background-color: rgba(255, 255, 255, 0.85);
}

.theme-lavanda .input-text--invert:focus {
  border-color: #cc5fff;
  color: white;
  background-color: #cc5fff;
}

/*
Tags

A collection for different tag, if there is a a.link class, then it will inherited its class, with a bottom border appearance.

default - a normal tags used in thumbnails
tags--neutral - a tag in grey color, regardless to which theme it is in, mostly in thumbnails
tags--white - a tag in white color, regardless to which theme it is in, mostly in a thumbnail theme.

Markup:
.tags(class="{$modifiers}")
  svg.svg-icon.icon--tag
    use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
  .tag-group
    span.tag
      a(class="link" href="#") tags
    span.tag
      a(class="link" href="#") tags
    span.tag
      a(class="link" href="#") tags
    span.tag
      a(class="link" href="#") tags

Styleguide 1.9

*/
.tags svg.icon--tag {
  display: inline;
  position: relative;
  text-align: left;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(2px) rotate(45deg);
          transform: translateY(2px) rotate(45deg);
  color: #0095FF;
}

.tags .tag-group {
  display: inline;
  position: relative;
  text-align: left;
}

.tags .tag {
  display: inline-block;
  color: #0095FF;
  margin: 0;
}

.tags .tag:after {
  display: inline-block;
  content: "/";
  margin: 0 5px;
  color: #0095FF;
}

.tags .tag:last-child:after {
  display: none;
  content: " ";
}

.tags--neutral svg.icon--tag {
  color: #6b7792 !important;
}

.tags--neutral .tag {
  color: #6b7792 !important;
}

.tags--neutral .tag:after {
  color: #6b7792 !important;
}

.tags--neutral .tag a {
  color: #6b7792 !important;
}

.tags--neutral .tag a:hover {
  color: #6b7792 !important;
}

.tags--white svg.icon--tag {
  color: rgba(255, 255, 255, 0.7) !important;
}

.tags--white .tag {
  color: rgba(255, 255, 255, 0.8) !important;
}

.tags--white .tag:after {
  color: rgba(255, 255, 255, 0.8) !important;
}

.tags--white .tag a {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.tags--white .tag a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.theme-blue .tags svg.icon--tag {
  color: #0095FF;
}

.theme-blue .tags .tag {
  color: #0095FF;
}

.theme-blue .tags .tag:after {
  color: #0095FF;
}

.theme-blue .tags .tag a:hover {
  color: #0095FF;
}

.theme-green .tags svg.icon--tag {
  color: #00E14B;
}

.theme-green .tags .tag {
  color: #00E14B;
}

.theme-green .tags .tag:after {
  color: #00E14B;
}

.theme-green .tags .tag a:hover {
  color: #00E14B;
}

.theme-red .tags svg.icon--tag {
  color: #F83D4E;
}

.theme-red .tags .tag {
  color: #F83D4E;
}

.theme-red .tags .tag:after {
  color: #F83D4E;
}

.theme-red .tags .tag a:hover {
  color: #F83D4E;
}

.theme-lavanda .tags svg.icon--tag {
  color: #D885FF;
}

.theme-lavanda .tags .tag {
  color: #D885FF;
}

.theme-lavanda .tags .tag:after {
  color: #D885FF;
}

.theme-lavanda .tags .tag a:hover {
  color: #D885FF;
}

/*
Links

This section demonstrates how links are styled.

markup:
a(class="link" href="#") Click me

Styleguide 1.8
*/
.theme-blue .tag-link-in-hero {
  border-bottom: 2px solid #0095FF;
}

.theme-blue .tag-link-in-hero:hover {
  border: none;
}

.theme-green .tag-link-in-hero {
  border-bottom: 2px solid #00E14B;
}

.theme-green .tag-link-in-hero:hover {
  border: none;
}

.theme-red .tag-link-in-hero {
  border-bottom: 2px solid #F83D4E;
}

.theme-red .tag-link-in-hero:hover {
  border: none;
}

.theme-lavanda .tag-link-in-hero {
  border-bottom: 2px solid #D885FF;
}

.theme-lavanda .tag-link-in-hero:hover {
  border: none;
}

.theme-blue .link, .theme-blue .wysiwyg a, .wysiwyg .theme-blue a, .theme-blue .galery a, .galery .theme-blue a {
  color: #0095FF;
}

.theme-blue .link:hover, .theme-blue .wysiwyg a:hover, .wysiwyg .theme-blue a:hover, .theme-blue .galery a:hover, .galery .theme-blue a:hover {
  border-color: #0095FF;
}

.theme-green .link, .theme-green .wysiwyg a, .wysiwyg .theme-green a, .theme-green .galery a, .galery .theme-green a {
  color: #00E14B;
}

.theme-green .link:hover, .theme-green .wysiwyg a:hover, .wysiwyg .theme-green a:hover, .theme-green .galery a:hover, .galery .theme-green a:hover {
  border-color: #00E14B;
}

.theme-red .link, .theme-red .wysiwyg a, .wysiwyg .theme-red a, .theme-red .galery a, .galery .theme-red a {
  color: #F83D4E;
}

.theme-red .link:hover, .theme-red .wysiwyg a:hover, .wysiwyg .theme-red a:hover, .theme-red .galery a:hover, .galery .theme-red a:hover {
  border-color: #F83D4E;
}

.theme-lavanda .link, .theme-lavanda .wysiwyg a, .wysiwyg .theme-lavanda a, .theme-lavanda .galery a, .galery .theme-lavanda a {
  color: #D885FF;
}

.theme-lavanda .link:hover, .theme-lavanda .wysiwyg a:hover, .wysiwyg .theme-lavanda a:hover, .theme-lavanda .galery a:hover, .galery .theme-lavanda a:hover {
  border-color: #D885FF;
}

.theme-blue .link--invert {
  color: white;
  border-color: rgba(0, 149, 255, 0.4);
}

.theme-green .link--invert {
  color: white;
  border-color: rgba(0, 225, 75, 0.4);
}

.theme-red .link--invert {
  color: white;
  border-color: rgba(248, 61, 78, 0.4);
}

.theme-lavanda .link--invert {
  color: white;
  border-color: rgba(216, 133, 255, 0.4);
}

.svg-icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
  display: block;
}

/*
A label button.

A label button is design to contain 2 relevent informations and one icons. At the example below, the deisgn has been used for web product pruchase button.

One part of the button text is the call to action text, at this case "læg i kurv", the other part it the price of the product.
There is only one size label button at this moment, wihch inherited from the btn--small modifier.

Markup:
.theme-default
  .row.align-center
    button.label-btn(data-text="Se og køb")
      span.label-btn__text Se og køb
      span.label-btn__icon
        svg.svg-icon
          use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
      span.label-btn__label 899 DKK
p &nbsp;
.theme-red
  .row.align-center
    button.label-btn(data-text="Se og køb")
      span.label-btn__text Se og køb
      span.label-btn__icon
        svg.svg-icon
          use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
      span.label-btn__label 899 DKK

Styleguide 1.4
*/
/*
A label button invert.

The inverted label button inherited properties from both invert css modifier and btn--small.

label-btn--invert - invert label button

Markup:
p &nbsp;
p theme default invert
p &nbsp;
.theme-default
  .row.align-center.highlight
    button(class="label-btn btn--invert {$modifiers}" data-text="Se og køb")
      span.label-btn__text Se og køb
      span.label-btn__icon
        svg.svg-icon
          use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
      span.label-btn__label 899 DKK
p &nbsp;
p theme red invert
p &nbsp;
.theme-red
  .row.align-center.highlight
    button(class="label-btn btn--invert {$modifiers}" data-text="Se og køb")
      span.label-btn__text Se og køb
      span.label-btn__icon
        svg.svg-icon
          use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
      span.label-btn__label 899 DKK


Styleguide 1.5
*/
.label-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  padding: 0;
}

.label-btn .label-btn__icon {
  display: inline-block;
  height: 100%;
  padding: 1px 0 14px 10px;
  background-color: #0095FF;
}

@media screen and (min-width: 40em) {
  .label-btn .label-btn__icon {
    padding: 6px 0 8px 10px;
  }
}

.label-btn .svg-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: white;
  background-color: transparent;
  vertical-align: middle;
  -webkit-transform: translate(0%);
          transform: translate(0%);
}

.label-btn:hover {
  background-color: #0095FF;
}

.label-btn:hover .label-btn__text {
  background-color: #0095FF;
  color: white;
}

.label-btn:after {
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  padding-left: 20px;
}

.label-btn--invert:hover {
  background-color: white;
}

.label-btn--invert:hover .label-btn__text {
  background-color: white;
  color: #0095FF;
}

.label-btn--invert:hover .svg-icon {
  fill: #0095FF;
  background-color: transparent;
}

.label-btn--invert .label-btn__text {
  color: white;
  background-color: transparent;
}

.label-btn--invert .label-btn__label {
  color: #0095FF;
  background-color: white;
}

.label-btn--invert .label-btn__icon {
  background: white;
}

.label-btn--invert .label-btn__icon svg {
  fill: #0095FF;
}

.label-btn__text {
  color: #0095FF;
  background-color: transparent;
  padding: 11px 20px 9px 20px;
  font-weight: 800;
  line-height: 1.125em;
  text-transform: uppercase;
}

.label-btn__label {
  padding: 10px 20px 10px 10px;
  background-color: #0095FF;
  color: white;
  font-weight: 800;
  line-height: 1.125em;
  text-transform: uppercase;
  font-size: 15px;
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .label-btn .svg-icon {
    margin-top: -8px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}

.theme-blue .label-btn .label-btn__icon {
  background-color: #0095FF;
}

.theme-blue .label-btn:hover {
  background-color: #0095FF;
}

.theme-blue .label-btn:hover .label-btn__text {
  background-color: #0095FF;
  color: white;
}

.theme-blue .label-btn:hover .svg-icon {
  fill: white;
  background-color: transparent;
}

.theme-blue .label-btn .label-btn__text {
  color: #0095FF;
  background-color: transparent;
}

.theme-blue .label-btn .label-btn__label {
  background-color: #0095FF;
}

.theme-green .label-btn .label-btn__icon {
  background-color: #00E14B;
}

.theme-green .label-btn:hover {
  background-color: #00E14B;
}

.theme-green .label-btn:hover .label-btn__text {
  background-color: #00E14B;
  color: white;
}

.theme-green .label-btn:hover .svg-icon {
  fill: white;
  background-color: transparent;
}

.theme-green .label-btn .label-btn__text {
  color: #00E14B;
  background-color: transparent;
}

.theme-green .label-btn .label-btn__label {
  background-color: #00E14B;
}

.theme-red .label-btn .label-btn__icon {
  background-color: #F83D4E;
}

.theme-red .label-btn:hover {
  background-color: #F83D4E;
}

.theme-red .label-btn:hover .label-btn__text {
  background-color: #F83D4E;
  color: white;
}

.theme-red .label-btn:hover .svg-icon {
  fill: white;
  background-color: transparent;
}

.theme-red .label-btn .label-btn__text {
  color: #F83D4E;
  background-color: transparent;
}

.theme-red .label-btn .label-btn__label {
  background-color: #F83D4E;
}

.theme-lavanda .label-btn .label-btn__icon {
  background-color: #D885FF;
}

.theme-lavanda .label-btn:hover {
  background-color: #D885FF;
}

.theme-lavanda .label-btn:hover .label-btn__text {
  background-color: #D885FF;
  color: white;
}

.theme-lavanda .label-btn:hover .svg-icon {
  fill: white;
  background-color: transparent;
}

.theme-lavanda .label-btn .label-btn__text {
  color: #D885FF;
  background-color: transparent;
}

.theme-lavanda .label-btn .label-btn__label {
  background-color: #D885FF;
}

.theme-blue .label-btn--invert .svg-icon {
  fill: white;
}

.theme-blue .label-btn--invert:hover {
  background-color: white;
}

.theme-blue .label-btn--invert:hover .label-btn__text {
  color: #0095FF;
  background-color: white;
}

.theme-blue .label-btn--invert:hover .svg-icon {
  fill: #0095FF;
}

.theme-blue .label-btn--invert .label-btn__text {
  color: white;
  background-color: transparent;
}

.theme-blue .label-btn--invert .label-btn__label {
  background-color: white;
  color: #0095FF;
}

.theme-blue .label-btn--invert .label-btn__icon {
  background-color: white;
}

.theme-blue .label-btn--invert .label-btn__icon svg {
  fill: #0095FF;
}

.theme-green .label-btn--invert .svg-icon {
  fill: white;
}

.theme-green .label-btn--invert:hover {
  background-color: white;
}

.theme-green .label-btn--invert:hover .label-btn__text {
  color: #00E14B;
  background-color: white;
}

.theme-green .label-btn--invert:hover .svg-icon {
  fill: #00E14B;
}

.theme-green .label-btn--invert .label-btn__text {
  color: white;
  background-color: transparent;
}

.theme-green .label-btn--invert .label-btn__label {
  background-color: white;
  color: #00E14B;
}

.theme-green .label-btn--invert .label-btn__icon {
  background-color: white;
}

.theme-green .label-btn--invert .label-btn__icon svg {
  fill: #00E14B;
}

.theme-red .label-btn--invert .svg-icon {
  fill: white;
}

.theme-red .label-btn--invert:hover {
  background-color: white;
}

.theme-red .label-btn--invert:hover .label-btn__text {
  color: #F83D4E;
  background-color: white;
}

.theme-red .label-btn--invert:hover .svg-icon {
  fill: #F83D4E;
}

.theme-red .label-btn--invert .label-btn__text {
  color: white;
  background-color: transparent;
}

.theme-red .label-btn--invert .label-btn__label {
  background-color: white;
  color: #F83D4E;
}

.theme-red .label-btn--invert .label-btn__icon {
  background-color: white;
}

.theme-red .label-btn--invert .label-btn__icon svg {
  fill: #F83D4E;
}

.theme-lavanda .label-btn--invert .svg-icon {
  fill: white;
}

.theme-lavanda .label-btn--invert:hover {
  background-color: white;
}

.theme-lavanda .label-btn--invert:hover .label-btn__text {
  color: #D885FF;
  background-color: white;
}

.theme-lavanda .label-btn--invert:hover .svg-icon {
  fill: #D885FF;
}

.theme-lavanda .label-btn--invert .label-btn__text {
  color: white;
  background-color: transparent;
}

.theme-lavanda .label-btn--invert .label-btn__label {
  background-color: white;
  color: #D885FF;
}

.theme-lavanda .label-btn--invert .label-btn__icon {
  background-color: white;
}

.theme-lavanda .label-btn--invert .label-btn__icon svg {
  fill: #D885FF;
}

/*
Logo

Markup:
<div class="site-logo">
  <a href="#">
    <svg class="logo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    	 width="200px" height="107.908px" viewBox="0 0 188 107.908" enable-background="new 0 0 188 107.908" xml:space="preserve">
    <g class="logo-section-01">
    	<polygon id="Fill-1" points="47.453,0.239 47.453,31.252 47.758,31.252 66.9,31.252 66.9,24.22 54.702,24.22 54.702,19.11
    		65.034,19.11 65.034,12.208 54.702,12.208 54.702,7.228 68.897,7.228 68.897,0.239 	"/>
    	<polygon id="Fill-2" points="89.385,0.239 84.088,8.189 79.011,0.239 70.416,0.239 79.705,13.911 68.072,31.253 76.492,31.253
    		84.088,19.502 91.555,31.253 100.28,31.253 88.516,13.737 97.763,0.239 	"/>
    	<path id="Fill-3" d="M116.426,10.984c0-2.62-1.866-4.149-4.774-4.149h-2.908v8.299h2.907
    		C114.559,15.134,116.426,13.605,116.426,10.984L116.426,10.984z M124.021,10.984c0,6.552-4.904,10.92-11.633,10.92h-3.645v9.348
    		h-7.207V0.238h7.207h3.731C119.161,0.238,124.021,4.52,124.021,10.984L124.021,10.984z"/>
    	<polygon id="Fill-5" points="134.002,7.228 134.002,12.208 144.334,12.208 144.334,19.109 134.002,19.109 134.002,24.22
    		146.201,24.22 146.201,31.252 127.057,31.252 126.754,31.252 126.754,0.239 134.002,0.239 148.197,0.239 148.197,7.228 	"/>
    	<path id="Fill-7" d="M158.832,7.009v7.688h3.343c2.907,0,4.729-1.441,4.729-3.844s-1.821-3.844-4.729-3.844H158.832z
    		 M161.176,21.555h-2.344v9.697h-7.293V0.239h7.293h4.123c6.686,0,11.547,4.237,11.547,10.614c0,4.368-2.258,7.775-5.859,9.479
    		l8.551,10.919h-8.682L161.176,21.555z"/>
    	<polygon id="Fill-9" points="179.188,31.253 187,31.253 187,0.239 179.188,0.239 	"/>
    </g>
    <g class="logo-section-02">
    	<polygon id="Fill-11" points="47.663,69.462 40.283,69.462 40.283,49.629 27.694,69.462 21.01,69.462 21.01,49.893 8.725,69.462
    		0,69.462 20.271,38.447 25.308,38.447 27.564,38.447 27.564,58.233 40.153,38.447 47.663,38.447 	"/>
    	<polygon id="Fill-12" points="60.204,45.437 60.204,50.417 70.536,50.417 70.536,57.317 60.204,57.317 60.204,62.429
    		72.402,62.429 72.402,69.46 53.26,69.46 52.955,69.46 52.955,38.447 60.204,38.447 74.399,38.447 74.399,45.437 	"/>
    	<polygon id="Fill-13" points="104.305,38.447 104.305,69.46 97.188,69.46 84.901,50.678 84.901,69.46 77.739,69.46 77.739,38.447
    		84.989,38.447 97.188,57.187 97.188,38.447 	"/>
    	<polygon id="Fill-14" points="135.948,45.61 121.971,45.61 121.971,69.462 114.374,69.462 114.374,45.61 107.169,45.61
    		107.169,38.447 135.948,38.447 	"/>
    </g>
    <g class="logo-section-03">
    	<path id="Fill-15" d="M63.248,95.327V82.616L55.13,95.327H63.248z M70.627,107.252h-7.379v-5.416H50.962l-3.472,5.416h-8.378
    		l20.663-31.013h10.852V107.252z"/>
    	<path id="Fill-16" d="M83.213,83.01v7.688h3.343c2.908,0,4.732-1.441,4.732-3.846c0-2.4-1.824-3.844-4.732-3.844L83.213,83.01
    		L83.213,83.01z M85.557,97.556h-2.344v9.696H75.92V76.239h7.292h4.125c6.684,0,11.546,4.236,11.546,10.613
    		c0,4.369-2.258,7.774-5.86,9.479l8.552,10.92h-8.683L85.557,97.556z"/>
    	<polygon id="Fill-17" points="103.571,107.252 111.384,107.252 111.384,76.239 103.571,76.239 	"/>
    	<path id="Fill-18" d="M141.854,76.239v18.127c0,8.779-5.47,13.542-12.762,13.542c-7.162,0-12.762-4.675-12.762-13.542V76.239h7.639
    		v17.209c0,4.806,1.823,6.902,5.123,6.902c3.212,0,5.12-2.099,5.12-6.902V76.239H141.854z"/>
    	<polygon id="Fill-19" points="181.528,107.252 174.41,107.252 174.365,86.985 167.289,107.252 161.3,107.252 153.746,86.678
    		153.746,107.252 146.627,107.252 146.627,76.239 153.746,76.239 156.699,76.239 164.382,97.644 171.718,76.239 181.528,76.239 	"/>
    </g>
    </svg>
  </a>
</div>


Styleguide 1.10

*/
.site-logo {
  display: block;
}

.footer .site-logo svg {
  fill: white;
}

.site-logo a {
  display: inline-block;
  cursor: pointer;
  width: 84px;
  height: 48px;
}

@media screen and (min-width: 64em) {
  .site-logo a {
    width: 104px;
    height: 60px;
  }
}

.site-logo a:hover svg .logo-section-01, .site-logo a:hover svg .logo-section-02, .site-logo a:hover svg .logo-section-03 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.site-logo a:hover svg .logo-section-01 {
  -webkit-transform: translateX(-13px);
          transform: translateX(-13px);
}

.site-logo a:hover svg .logo-section-02 {
  -webkit-transform: translateX(13px);
          transform: translateX(13px);
}

.site-logo a:hover svg .logo-section-03 {
  -webkit-transform: translateX(-13px);
          transform: translateX(-13px);
}

.site-logo a:hover svg #aegsperi {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.site-logo a:hover svg #ment {
  -webkit-transform: translate(290px, 203px);
          transform: translate(290px, 203px);
}

.site-logo a:hover svg #arium {
  -webkit-transform: translate(0px, 403px);
          transform: translate(0px, 403px);
}

.site-logo svg {
  width: 100%;
  height: 100%;
}

.site-logo svg > g * {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: -webkit-transform 0.3s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.3s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.3s cubic-bezier(0.87, -0.61, 0.19, 1.44), -webkit-transform 0.3s cubic-bezier(0.87, -0.61, 0.19, 1.44);
}

.site-logo svg .logo-section-01 {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.site-logo svg .logo-section-02 {
  -webkit-transform: translateX(-13px);
          transform: translateX(-13px);
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.site-logo svg .logo-section-03 {
  -webkit-transform: translateX(13px);
          transform: translateX(13px);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.site-logo svg #aegsperi {
  -webkit-transform: translate(105px, 0px);
          transform: translate(105px, 0px);
}

.site-logo svg #ment {
  -webkit-transform: translate(30px, 203px);
          transform: translate(30px, 203px);
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.site-logo svg #arium {
  -webkit-transform: translate(104px, 403px);
          transform: translate(104px, 403px);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

/*
Burger Logo

Markup:
.burger
  .burger__logo
    span
  span.burger__text
  | Menu

Styleguide 1.11

*/
.burger {
  line-height: 1;
  cursor: pointer;
  padding-top: 8px;
}

.burger__logo {
  width: 40px;
  margin: 0 auto;
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.burger__logo, .burger__logo::before, .burger__logo::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #222;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.burger__logo::before, .burger__logo::after {
  position: absolute;
  content: "";
}

.burger__logo::before {
  top: -8px;
}

.burger__logo::after {
  top: 8px;
}

.burger__logo span {
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
}

.burger__logo:before, .burger__logo:after {
  -webkit-transform: translateX(6px);
          transform: translateX(6px);
}

.burger__text {
  color: #0b1326;
  text-transform: uppercase;
  margin-top: 7px;
  display: block;
  font-size: 0.87em;
}

.burger--to-cross .burger__logo {
  background-color: transparent;
}

.burger--to-cross .burger__logo::before {
  -webkit-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
}

.burger--to-cross .burger__logo::after {
  -webkit-transform: translateY(-8px) rotate(-45deg);
          transform: translateY(-8px) rotate(-45deg);
}

/*
Dot menu

Menu for secondary navigation. 3 horizontal dots that turn into a cross
when clicked.

Markup:
.dot-menu
  span

Styleguide 1.12
*/
.dot-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 24px;
  cursor: pointer;
  padding: 10px 0;
}

.dot-menu:hover span, .dot-menu:hover:before, .dot-menu:hover:after {
  background-color: #0095FF;
}

.dot-menu span {
  width: 4px;
  height: 4px;
  background-color: #0B1326;
  border-radius: 50%;
}

.dot-menu:before, .dot-menu:after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #0B1326;
  border-radius: 50%;
}

.theme-blue .dot-menu:hover span, .theme-blue .dot-menu:hover:before, .theme-blue .dot-menu:hover:after {
  background-color: #0095FF;
}

.theme-green .dot-menu:hover span, .theme-green .dot-menu:hover:before, .theme-green .dot-menu:hover:after {
  background-color: #00E14B;
}

.theme-red .dot-menu:hover span, .theme-red .dot-menu:hover:before, .theme-red .dot-menu:hover:after {
  background-color: #F83D4E;
}

.theme-lavanda .dot-menu:hover span, .theme-lavanda .dot-menu:hover:before, .theme-lavanda .dot-menu:hover:after {
  background-color: #D885FF;
}

/*
Standard filters

A collection filer group

default - a normal tags used in thumbnails

Markup:
.theme-green
  .row.align-center
    ul.filters(class="{$modifiers}")
      li.filter
        a(href="#") Fun facts
      li.filter
        a(href="#") Godnathistorier
      li.filter
        a(href="#") Experimenter
      li.filter
        a(href="#" class="active") Sådan gør du
      li.filter
        a(href="#") Quiz
      li.filter
        a(href="#") Nyheder
      li.filter
        a(href="#") Temaer

Styleguide 1.13

*/
/*
Standard filters invert

A collection filer group with invert color

filters--invert - a tag in grey color, regardless to which theme it is in, mostly in thumbnails

Markup:
.theme-green
  .row.align-center.highlight
    ul.filters(class="{$modifiers}")
      li.filter
        a(href="#") Fun facts
      li.filter
        a(href="#") Godnathistorier
      li.filter
        a(href="#") Experimenter
      li.filter
        a(href="#" class="active") Sådan gør du
      li.filter
        a(href="#") Quiz
      li.filter
        a(href="#") Nyheder
      li.filter
        a(href="#") Temaer

Styleguide 1.14

*/
.filters {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0 0 40px;
}

.filters .filter {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 5px;
}

.filters .filter a {
  font-weight: 400;
  border: 0.125em solid;
}

.filters .filter a.active {
  color: white;
  background-color: #0095FF;
}

.filters--invert .filter a {
  font-weight: 700;
}

.filters--invert .filter a.active {
  color: #0095FF;
  background-color: white;
}

.theme-blue .filters .filter a.active {
  background-color: #0095FF;
}

.theme-blue .filters--invert .filter a.active {
  color: #0095FF;
  background-color: white;
}

.theme-green .filters .filter a.active {
  background-color: #00E14B;
}

.theme-green .filters--invert .filter a.active {
  color: #00E14B;
  background-color: white;
}

.theme-red .filters .filter a.active {
  background-color: #F83D4E;
}

.theme-red .filters--invert .filter a.active {
  color: #F83D4E;
  background-color: white;
}

.theme-lavanda .filters .filter a.active {
  background-color: #D885FF;
}

.theme-lavanda .filters--invert .filter a.active {
  color: #D885FF;
  background-color: white;
}

/*
Property

A collection exhibition property

Markup:
ul.properties
  li.property.age
    span.property__icon
      svg
        use(xlink:href="images/assets/SVGSpritesheet.svg#age")
    span.property__text 6 til 12 år
  li.property.professional
    span.property__icon
      svg
        use(xlink:href="images/assets/SVGSpritesheet.svg#professional")
    span.property__text fagligt

Styleguide 1.15

*/
.properties {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
}

@media screen and (min-width: 40em) {
  .properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.properties .property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: flex-start;
          flex-flow: flex-start;
  position: relative;
  text-align: center;
  margin: 5px 20px 5px 0;
  width: auto;
}

.properties .property span.property__text {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 10px;
  color: #484a4f;
}

.properties .property span.property__icon {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 5px;
}

.properties .property span.property__icon svg {
  width: 50px;
  height: 28px;
  fill: #787c85;
}

.properties .professional span.property__icon {
  margin-top: 0px;
}

.properties .professional span.property__icon svg {
  width: 30px;
  height: 30px;
}

/*
Social share

A collection social share

default - a normal social share
.social-shares--invert - invert color

Markup:
.theme-green
  .row.align-right
    div.social-shares(class="{$modifiers}")
      .social-shares__numbers
        span.counter 54
        span.text--small Delinger
      ul.social-shares__icons
        li.social-share__icon.social-facebook
          svg
            use(xlink:href="images/assets/SVGSpritesheet.svg#social-facebook")
        li.social-share__icon.social-instagram
          svg
            use(xlink:href="images/assets/SVGSpritesheet.svg#social-instagram")
        li.social-share__icon.social-pinterest
          svg
            use(xlink:href="images/assets/SVGSpritesheet.svg#social-pinterest")
        li.social-share__icon.social-twitter
          svg
            use(xlink:href="images/assets/SVGSpritesheet.svg#social-twitter")

Styleguide 1.16

*/
.social-shares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 40em) {
  .social-shares {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.social-shares__numbers {
  margin-left: 10px;
}

.social-shares__numbers span {
  display: block;
  color: #787c85;
}

.social-shares__numbers .counter {
  margin: 0;
}

.social-shares__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: left;
}

.social-shares__icons .social-share__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: flex-start;
          flex-flow: flex-start;
  position: relative;
  text-align: center;
  width: 32px;
  height: 32px;
  margin: 5px;
  padding: 8px;
  border-radius: 100%;
  border-color: #787c85;
  border-width: 1px;
  border-style: solid;
}

.social-shares__icons .social-share__icon svg {
  fill: #787c85;
}

.social-shares__icons .social-share__icon:hover {
  cursor: pointer;
  border-color: #0095FF;
}

.social-shares__icons .social-share__icon:hover svg {
  fill: #0095FF;
}

.social-shares__icons .social-share__icon.social-tripadviser:hover svg circle,
.social-shares__icons .social-share__icon.social-tripadviser:hover svg path,
.social-shares__icons .social-share__icon.social-tripadviser:hover svg polyline {
  stroke: #0095FF !important;
}

.social-shares--invert .social-share__icon {
  border-color: white;
}

.social-shares--invert .social-share__icon svg {
  fill: white;
}

.social-shares--invert .social-share__icon:hover {
  background-color: white;
}

.social-shares--invert .social-share__icon:hover svg {
  fill: #0095FF;
}

.social-shares--invert .social-shares__numbers span {
  color: white;
}

.theme-blue .social-shares__icons .social-share__icon:hover {
  border-color: #0095FF;
}

.theme-blue .social-shares__icons .social-share__icon:hover svg {
  fill: #0095FF;
}

.theme-blue .social-shares__icons .social-share__icon:hover.social-linkedin path, .theme-blue .social-shares__icons .social-share__icon:hover.social-linkedin polygon {
  fill: #0095FF;
}

.theme-blue .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg circle,
.theme-blue .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg path,
.theme-blue .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg polyline {
  stroke: #0095FF !important;
}

.theme-green .social-shares__icons .social-share__icon:hover {
  border-color: #00E14B;
}

.theme-green .social-shares__icons .social-share__icon:hover svg {
  fill: #00E14B;
}

.theme-green .social-shares__icons .social-share__icon:hover.social-linkedin path, .theme-green .social-shares__icons .social-share__icon:hover.social-linkedin polygon {
  fill: #00E14B;
}

.theme-green .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg circle,
.theme-green .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg path,
.theme-green .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg polyline {
  stroke: #00E14B !important;
}

.theme-red .social-shares__icons .social-share__icon:hover {
  border-color: #F83D4E;
}

.theme-red .social-shares__icons .social-share__icon:hover svg {
  fill: #F83D4E;
}

.theme-red .social-shares__icons .social-share__icon:hover.social-linkedin path, .theme-red .social-shares__icons .social-share__icon:hover.social-linkedin polygon {
  fill: #F83D4E;
}

.theme-red .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg circle,
.theme-red .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg path,
.theme-red .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg polyline {
  stroke: #F83D4E !important;
}

.theme-lavanda .social-shares__icons .social-share__icon:hover {
  border-color: #D885FF;
}

.theme-lavanda .social-shares__icons .social-share__icon:hover svg {
  fill: #D885FF;
}

.theme-lavanda .social-shares__icons .social-share__icon:hover.social-linkedin path, .theme-lavanda .social-shares__icons .social-share__icon:hover.social-linkedin polygon {
  fill: #D885FF;
}

.theme-lavanda .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg circle,
.theme-lavanda .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg path,
.theme-lavanda .social-shares__icons .social-share__icon:hover.social-tripadviser:hover svg polyline {
  stroke: #D885FF !important;
}

.theme-blue .social-shares--invert .social-share__icon {
  border-color: white;
}

.theme-blue .social-shares--invert .social-share__icon svg {
  fill: white;
}

.theme-blue .social-shares--invert .social-share__icon:hover {
  background-color: white;
}

.theme-blue .social-shares--invert .social-share__icon:hover svg {
  fill: #0095FF;
}

.theme-blue .social-shares--invert .social-shares__numbers span {
  color: white;
}

.theme-green .social-shares--invert .social-share__icon {
  border-color: white;
}

.theme-green .social-shares--invert .social-share__icon svg {
  fill: white;
}

.theme-green .social-shares--invert .social-share__icon:hover {
  background-color: white;
}

.theme-green .social-shares--invert .social-share__icon:hover svg {
  fill: #00E14B;
}

.theme-green .social-shares--invert .social-shares__numbers span {
  color: white;
}

.theme-red .social-shares--invert .social-share__icon {
  border-color: white;
}

.theme-red .social-shares--invert .social-share__icon svg {
  fill: white;
}

.theme-red .social-shares--invert .social-share__icon:hover {
  background-color: white;
}

.theme-red .social-shares--invert .social-share__icon:hover svg {
  fill: #F83D4E;
}

.theme-red .social-shares--invert .social-shares__numbers span {
  color: white;
}

.theme-lavanda .social-shares--invert .social-share__icon {
  border-color: white;
}

.theme-lavanda .social-shares--invert .social-share__icon svg {
  fill: white;
}

.theme-lavanda .social-shares--invert .social-share__icon:hover {
  background-color: white;
}

.theme-lavanda .social-shares--invert .social-share__icon:hover svg {
  fill: #D885FF;
}

.theme-lavanda .social-shares--invert .social-shares__numbers span {
  color: white;
}

.social-shares__icons li {
  display: inline-block;
}

.highlight.row, .highlight.daily-program {
  padding: 60px 0;
  background-color: #0095FF;
}

.highlight.row fieldset legend, .highlight.daily-program fieldset legend {
  color: white;
}

.highlight.row fieldset label, .highlight.daily-program fieldset label {
  color: white;
}

.theme-blue .highlight.row, .theme-blue .highlight.daily-program {
  background-color: #0095FF;
}

.theme-green .highlight.row, .theme-green .highlight.daily-program {
  background-color: #00E14B;
}

.theme-red .highlight.row, .theme-red .highlight.daily-program {
  background-color: #F83D4E;
}

.theme-lavanda .highlight.row, .theme-lavanda .highlight.daily-program {
  background-color: #D885FF;
}

.theme-blue .qustion-circle-selector {
  border-color: #0095FF;
}

.theme-green .qustion-circle-selector {
  border-color: #00E14B;
}

.theme-red .qustion-circle-selector {
  border-color: #F83D4E;
}

.theme-lavanda .qustion-circle-selector {
  border-color: #D885FF;
}

.theme-blue .answer .qustion-circle-selector::after {
  background-color: #0095FF;
}

.theme-green .answer .qustion-circle-selector::after {
  background-color: #00E14B;
}

.theme-red .answer .qustion-circle-selector::after {
  background-color: #F83D4E;
}

.theme-lavanda .answer .qustion-circle-selector::after {
  background-color: #D885FF;
}

.theme-blue .question-title {
  background-color: #0095FF;
}

.theme-green .question-title {
  background-color: #00E14B;
}

.theme-red .question-title {
  background-color: #F83D4E;
}

.theme-lavanda .question-title {
  background-color: #D885FF;
}

.theme-blue .quiz-wrapper {
  background-color: #0095FF;
}

.theme-green .quiz-wrapper {
  background-color: #00E14B;
}

.theme-red .quiz-wrapper {
  background-color: #F83D4E;
}

.theme-lavanda .quiz-wrapper {
  background-color: #D885FF;
}

.theme-blue .quiz-cta-btn {
  border-color: #0095FF;
  color: #0095FF;
}

.theme-green .quiz-cta-btn {
  border-color: #00E14B;
  color: #00E14B;
}

.theme-red .quiz-cta-btn {
  border-color: #F83D4E;
  color: #F83D4E;
}

.theme-lavanda .quiz-cta-btn {
  border-color: #D885FF;
  color: #D885FF;
}

.theme-blue .result-holder-wrapper {
  background-color: #0095FF;
}

.theme-green .result-holder-wrapper {
  background-color: #00E14B;
}

.theme-red .result-holder-wrapper {
  background-color: #F83D4E;
}

.theme-lavanda .result-holder-wrapper {
  background-color: #D885FF;
}

.theme-blue .answer svg polyline {
  stroke: #0095FF;
}

.theme-blue .answer svg rect {
  fill: #0095FF;
}

.theme-green .answer svg polyline {
  stroke: #00E14B;
}

.theme-green .answer svg rect {
  fill: #00E14B;
}

.theme-red .answer svg polyline {
  stroke: #F83D4E;
}

.theme-red .answer svg rect {
  fill: #F83D4E;
}

.theme-lavanda .answer svg polyline {
  stroke: #D885FF;
}

.theme-lavanda .answer svg rect {
  fill: #D885FF;
}

.quiz-cta button {
  border: 2px solid;
  padding: 12px 20px;
}

.quiz-title {
  text-align: center;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.quiz-progress {
  text-align: center;
  font-size: 62px;
  color: #fff;
}

.quiz-wrapper {
  padding: 60px 0;
}

.quiz-wrapper .columns > * {
  display: none;
}

.quiz-wrapper .columns > *:first-child {
  display: block;
}

.quiz-wrapper .submit-holder button.submit-answer {
  margin-left: 20px;
  margin-top: 20px;
}

.quiz-wrapper .submit-holder button.submit-answer:disabled {
  opacity: 0.3;
}

.question-wrapper {
  max-width: 319px;
  margin: 0 auto;
  color: #0B1326;
  display: none;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
}

.question-wrapper .question-title {
  padding: 20px;
}

.question-wrapper .question-title h2 {
  color: #fff;
  font-size: 19px;
  line-height: 25px;
}

.question-wrapper .question-title img.question-image {
  margin-top: 20px;
}

.question-wrapper .question-answers {
  margin-bottom: 1px;
  padding: 15px 0 15px 0;
  background-color: #fff;
}

.question-wrapper .question-answers input[type="radio"] {
  display: none;
}

.question-wrapper .question-answers .answer-text {
  font-size: 15px;
  line-height: 21px;
}

.question-wrapper .question-answers .answer {
  padding: 9px 24px 9px 20px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
}

.question-wrapper .question-answers .answer:focus {
  outline: none;
}

.question-wrapper .question-answers .answer:hover {
  background-color: #F9F9F9;
  cursor: pointer;
}

.question-wrapper .question-answers .answer svg {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.question-wrapper .question-answers .answer .qustion-circle-selector {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border-width: 3px;
  border-style: solid;
  position: relative;
  margin-right: 10px;
}

.question-wrapper .question-answers .answer.answer-selected {
  background-color: #F9F9F9;
}

.question-wrapper .question-answers .answer.answer-selected .qustion-circle-selector::after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.question-wrapper .question-answers .answer.answer-corect {
  background-color: #F9F9F9;
}

.question-wrapper .question-answers .answer.answer-corect .checkmark {
  display: block;
}

.question-wrapper .question-answers .answer.answer-corect .qustion-circle-selector::after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.question-wrapper .question-answers .answer.answer-wrong {
  background-color: #F9F9F9;
  color: rgba(11, 19, 38, 0.5);
}

.question-wrapper .question-answers .answer.answer-wrong .the-x {
  display: block;
}

.question-wrapper .question-answers .answer.answer-wrong .qustion-circle-selector {
  border-color: #0B1326;
  opacity: 0.5;
}

.question-wrapper .question-answers .answer.answer-wrong .qustion-circle-selector::after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #0B1326;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.question-wrapper .question-hints {
  background-color: #fff;
  padding: 20px;
  position: relative;
  display: none;
}

.question-wrapper .question-hints .hint {
  display: none;
}

.question-wrapper .question-hints .qustion-smiley {
  position: absolute;
  top: 10px;
  right: 20px;
}

.question-wrapper .question-hints .question-hints-title {
  font-size: 15px;
  line-height: 25px;
}

.question-wrapper .question-hints .question-hints-text {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 12px;
}

.question-wrapper .question-hints .qustion-smiley {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
}

.question-wrapper .question-hints .qustion-smiley.answer-corect {
  background-image: url(../images/assets/corect_smiley.png);
}

.question-wrapper .question-hints .qustion-smiley.answer-wrong {
  background-image: url(../images/assets/wrong_smiley.png);
}

.result-wrapper {
  position: relative;
  max-width: 530px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  background-color: #fff;
  color: #0B1326;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 64em) {
  .result-wrapper {
    padding: 40px 0 40px 150px;
  }
}

.result-wrapper .result-title {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 9px;
}

.result-wrapper .result-text {
  margin-bottom: 45px;
  text-align: left;
}

@media screen and (min-width: 64em) {
  .result-wrapper .result-text {
    max-width: 300px;
  }
}

.result-wrapper .result-text p {
  font-size: 15px;
  line-height: 25px;
}

.result-wrapper .result-holder-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  width: 260px;
  height: 260px;
  padding: 52px 20px;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5);
  color: #fff;
}

@media screen and (min-width: 64em) {
  .result-wrapper .result-holder-wrapper {
    position: absolute;
    top: -68px;
    left: -130px;
  }
}

.result-wrapper .result-holder-wrapper .result-holder {
  font-size: 62px;
  text-align: center;
}

.result-wrapper .result-holder-wrapper .result-holder-text {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}

.navigation-layout {
  -webkit-transition: padding 0.2s ease-in;
  transition: padding 0.2s ease-in;
  padding-top: 70px;
}

@media screen and (min-width: 64em) {
  .navigation-layout {
    padding-top: 100px;
  }
}

@media screen and (min-width: 75em) {
  .navigation-layout {
    padding-top: 100px;
  }
}

@media screen and (min-width: 64em) {
  .navigation-layout.menu-condensed {
    padding-top: 70px;
  }
}

@media screen and (min-width: 75em) {
  .navigation-layout.menu-condensed {
    padding-top: 80px;
  }
}

.navigation-layout .global-navigation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.navigation-layout .off-canvas-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
  top: 70px;
}

.navigation-layout .off-canvas-menu.is-active {
  display: block;
}

@media (max-width: 480px) {
  .global-navigation .row, .global-navigation .daily-program {
    display: block;
  }
  .global-navigation .row .columns, .global-navigation .daily-program .columns {
    display: inline-block;
    width: 33.3%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 -2px;
  }
}

.content-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-section.pull-up-over-padding {
  padding-bottom: 250px;
}

.content-section.content-section__article-gallery {
  padding-top: 20px;
}

.section-title-padding {
  padding-top: 20px;
  padding-bottom: 40px;
}

.section-title-padding h2.header--medium, .section-title-padding .top5-list h2.list-item:before, .top5-list .section-title-padding h2.list-item:before {
  margin-bottom: 0.5em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.main {
  background-color: white;
  -webkit-box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.15);
}

.YTfullScreen .navigation-layout {
  padding-top: 0;
}

.YTfullScreen .navigation-layout .global-navigation {
  z-index: 0;
}

.quote {
  color: #0095FF;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 64em) {
  .quote {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.quote.quote--inverted {
  background-color: currentColor;
}

.quote.quote--inverted .quote__content {
  color: white;
}

.quote.quote--inverted .quote__content .author {
  border-color: white;
}

.quote.quote--inverted .quote__icon {
  background-color: white;
}

.quote.quote--inverted .quote__icon .svg-icon {
  fill: #0095FF;
}

.quote__content {
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 20px;
}

@media screen and (min-width: 64em) {
  .quote__content p {
    font-size: 1.4em;
  }
}

.quote__content footer {
  font-size: 0.86em;
}

.quote__content .author {
  display: inline-block;
  border-bottom: 1px solid #0095FF;
}

@media screen and (min-width: 64em) {
  .quote__content {
    padding-left: 100px;
    padding-right: 30%;
  }
}

.quote__icon {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0095FF;
  color: white;
  width: 40px;
  height: 40px;
  padding: 10px;
}

.quote__icon .svg-icon {
  fill: white;
}

@media screen and (min-width: 64em) {
  .quote__icon {
    width: 80px;
    height: 80px;
    padding: 20px;
  }
}

.theme-blue .quote {
  color: #0095FF;
}

.theme-blue .quote .quote__icon {
  background-color: #0095FF;
}

.theme-blue .quote .quote__content .author {
  border-color: #0095FF;
}

.theme-blue .quote.quote--inverted .quote__icon {
  background-color: white;
}

.theme-blue .quote.quote--inverted .quote__icon .svg-icon {
  fill: #0095FF;
}

.theme-green .quote {
  color: #00E14B;
}

.theme-green .quote .quote__icon {
  background-color: #00E14B;
}

.theme-green .quote .quote__content .author {
  border-color: #00E14B;
}

.theme-green .quote.quote--inverted .quote__icon {
  background-color: white;
}

.theme-green .quote.quote--inverted .quote__icon .svg-icon {
  fill: #00E14B;
}

.theme-red .quote {
  color: #F83D4E;
}

.theme-red .quote .quote__icon {
  background-color: #F83D4E;
}

.theme-red .quote .quote__content .author {
  border-color: #F83D4E;
}

.theme-red .quote.quote--inverted .quote__icon {
  background-color: white;
}

.theme-red .quote.quote--inverted .quote__icon .svg-icon {
  fill: #F83D4E;
}

.theme-lavanda .quote {
  color: #D885FF;
}

.theme-lavanda .quote .quote__icon {
  background-color: #D885FF;
}

.theme-lavanda .quote .quote__content .author {
  border-color: #D885FF;
}

.theme-lavanda .quote.quote--inverted .quote__icon {
  background-color: white;
}

.theme-lavanda .quote.quote--inverted .quote__icon .svg-icon {
  fill: #D885FF;
}

/***********************************************
New styles using for tamplates in wysiwyg editor
*************************************************/
.quotes {
  padding-top: 90px;
  padding-bottom: 60px;
}

.quotes .quote-text {
  font-size: 21px;
  letter-spacing: 0px;
  line-height: 31px;
  margin-bottom: 25px;
}

.quotes .quite-author a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 3px;
}

.quotes .quite-author a:hover {
  border: none;
}

.quotes .column, .quotes .columns {
  position: relative;
}

.quotes .quite-icon {
  float: left;
  margin-right: 20px;
}

.quotes .quite-icon svg {
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 40em) {
  .quotes .column, .quotes .columns {
    padding-left: 60px;
  }
  .quotes .quite-icon svg {
    width: auto;
    height: auto;
  }
}

@media screen and (min-width: 75em) {
  .quotes .quite-icon {
    margin-right: 0;
    position: absolute;
    top: -28px;
    left: -40px;
  }
}

.theme-blue .quotes.with-bg {
  background-color: #0095FF;
}

.theme-blue .quotes.with-bg .quote-text {
  color: #fff;
}

.theme-blue .quotes.with-bg .quite-author {
  color: #fff;
}

.theme-blue .quotes.with-bg .quite-icon svg rect {
  fill: #fff;
}

.theme-blue .quotes.with-bg .quite-icon svg path {
  fill: #0095FF;
}

.theme-blue .quotes .quote-text {
  color: #0095FF;
}

.theme-blue .quotes .quite-author {
  color: #0B1326;
}

.theme-blue .quotes .quite-icon svg rect {
  fill: #0095FF;
}

.theme-blue .quotes .quite-icon svg path {
  fill: #fff;
}

.theme-green .quotes.with-bg {
  background-color: #00E14B;
}

.theme-green .quotes.with-bg .quote-text {
  color: #fff;
}

.theme-green .quotes.with-bg .quite-author {
  color: #fff;
}

.theme-green .quotes.with-bg .quite-icon svg rect {
  fill: #fff;
}

.theme-green .quotes.with-bg .quite-icon svg path {
  fill: #00E14B;
}

.theme-green .quotes .quote-text {
  color: #00E14B;
}

.theme-green .quotes .quite-author {
  color: #0B1326;
}

.theme-green .quotes .quite-icon svg rect {
  fill: #00E14B;
}

.theme-green .quotes .quite-icon svg path {
  fill: #fff;
}

.theme-red .quotes.with-bg {
  background-color: #F83D4E;
}

.theme-red .quotes.with-bg .quote-text {
  color: #fff;
}

.theme-red .quotes.with-bg .quite-author {
  color: #fff;
}

.theme-red .quotes.with-bg .quite-icon svg rect {
  fill: #fff;
}

.theme-red .quotes.with-bg .quite-icon svg path {
  fill: #F83D4E;
}

.theme-red .quotes .quote-text {
  color: #F83D4E;
}

.theme-red .quotes .quite-author {
  color: #0B1326;
}

.theme-red .quotes .quite-icon svg rect {
  fill: #F83D4E;
}

.theme-red .quotes .quite-icon svg path {
  fill: #fff;
}

.theme-lavanda .quotes.with-bg {
  background-color: #D885FF;
}

.theme-lavanda .quotes.with-bg .quote-text {
  color: #fff;
}

.theme-lavanda .quotes.with-bg .quite-author {
  color: #fff;
}

.theme-lavanda .quotes.with-bg .quite-icon svg rect {
  fill: #fff;
}

.theme-lavanda .quotes.with-bg .quite-icon svg path {
  fill: #D885FF;
}

.theme-lavanda .quotes .quote-text {
  color: #D885FF;
}

.theme-lavanda .quotes .quite-author {
  color: #0B1326;
}

.theme-lavanda .quotes .quite-icon svg rect {
  fill: #D885FF;
}

.theme-lavanda .quotes .quite-icon svg path {
  fill: #fff;
}

/*
Call to action

A full screen width call to action element. The classes .scroll-animate and .scroll-animate--fade-up should be added to the image of the
Call to action element. This will ensure that the image animates in smoothely when the user scrolls the CTA into view.
the call to action has the following modifiers:

default - a normal quote
.call-to-action--reverse - reverses the order of the image and content
.call-to-action--no-image - hides the image and centers the content

markup:
.call-to-action(class="{$modifiers}")
  .row
    .call-to-action__image.columns.small-12.medium-10.large-6.medium-offset-1.large-offset-0
      img(src="images/image-17--01.jpg" data-js-animate="fade-up")
    .call-to-action__content.columns.small-12.medium-10.large-6.medium-offset-1.large-offset-0
      h3.header--medium Tilmeld dig vores nyhedsbrev
      p Praesent posuere diam dui, in consequat felis finibus vitae. Pellentesque dignissim tincidunt sem nec lobortis.
      .input-group
        input(class="input-group-field input-text input-text--invert" type="text" placeholder="Din mail adresse")
        .input-group-button
          input(type="submit" class="button btn btn--invert" value="Tilmeld")
p &nbsp;
.color-theme-container-for-the-element.theme-green
  .call-to-action(class="{$modifiers}")
    .row
      .call-to-action__image.columns.small-12.medium-10.large-6.medium-offset-1.large-offset-0
        img(src="images/image-17--02.jpg" data-js-animate="fade-up")
      .call-to-action__content.columns.small-12.medium-10.large-6.medium-offset-1.large-offset-0
        h3.header--medium Tilmeld dig vores nyhedsbrev
        p Praesent posuere diam dui, in consequat felis finibus vitae. Pellentesque dignissim tincidunt sem nec lobortis.
        .input-group
          input(class="input-group-field input-text input-text--invert" type="text" placeholder="Din mail adresse")
          .input-group-button
            input(type="submit" class="button btn btn--invert" value="Tilmeld")
p &nbsp;
.color-theme-container-for-the-element.theme-green
  .call-to-action(class="{$modifiers}")
    .row
      .call-to-action__image.columns.small-12.medium-10.large-6.medium-offset-1.large-offset-0
        .blend-mode--multiply
          img(src="images/image-17.jpg" data-js-animate="fade-up")
      .call-to-action__content.columns.small-12.medium-10.large-6.medium-offset-1.large-offset-0
        h3.header--medium Tilmeld dig vores nyhedsbrev
        p Praesent posuere diam dui, in consequat felis finibus vitae. Pellentesque dignissim tincidunt sem nec lobortis.
        .input-group
          input(class="input-group-field input-text input-text--invert" type="text" placeholder="Din mail adresse")
          .input-group-button
            input(type="submit" class="button btn btn--invert" value="Tilmeld")

Styleguide 2.2
*/
/*
Product

A product in the shop. Builds upon the call to action element, but also has the 'call-to-action--expressive-image' modifier.
If the image needs to be overlayed on top of the previous element in the DOM, add the modifier 'call-to-action--image-overlay'
the call to action has the following modifiers:

default - a normal quote
.call-to-action--image-overlay - removes the margin above the call to action, to pull the image over the previous DOM element.

markup:
section.call-to-action.call-to-action--expressive-image(class="{$modifiers}")
  .row.align-center
    .call-to-action__image.columns.small-12.medium-10.large-6
      img.scroll-animate.scroll-animate--fade-up(src="images/hero-produkt--02.png")
    .call-to-action__content.columns.small-12.medium-10.large-6
      a(href="")
        h3.header--medium Flametrooper Star-Wars
      p Praesent posuere diam dui, in consequat felis finibus vitae. Pellentesque dignissim tincidunt sem nec lobortis.
      .tags
        svg.svg-icon.icon--tag
          use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
        .tag-group
          span.tag
            a(href="#") Star Wars
          span.tag
            a(href="#") Rummet
      button(class="label-btn btn--invert label-btn--invert" data-text="Se og køb")
        span.label-btn__text Se og køb
        span.label-btn__icon
          svg.svg-icon
            use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
        span.label-btn__label 899 DKK

Styleguide 2.3
*/
.call-to-action {
  background-color: #0095FF;
}

@media screen and (min-width: 40em) {
  .call-to-action {
    margin-top: 60px;
  }
}

@media screen and (min-width: 64em) {
  .call-to-action {
    margin-top: 120px;
  }
}

.call-to-action .tags svg.icon--tag {
  fill: white;
}

.call-to-action .tags .tag a {
  color: white;
}

.call-to-action .tags .tag:after {
  color: white;
}

.call-to-action .facebook-like {
  padding: 20px;
}

.call-to-action .facebook-like .inner {
  background-color: white;
  padding: 20px;
}

.call-to-action .social-shares {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.call-to-action--reverse .row, .call-to-action--reverse .daily-program {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (min-width: 40em) {
  .call-to-action--reverse .call-to-action__content, .call-to-action--reverse .call-to-action__image, .call-to-action--reverse .call-to-action__map {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 64em) {
  .call-to-action--reverse .call-to-action__content, .call-to-action--reverse .call-to-action__image, .call-to-action--reverse .call-to-action__map {
    text-align: right;
  }
  .call-to-action--reverse .call-to-action__content .input-group, .call-to-action--reverse .call-to-action__image .input-group, .call-to-action--reverse .call-to-action__map .input-group {
    margin-right: 0;
    float: right;
  }
}

div[class*="theme-"] .call-to-action--neutralt {
  background-color: #e6e6e6;
}

div[class*="theme-"] .call-to-action--neutralt .call-to-action__content {
  color: #0B1326;
}

.call-to-action__content {
  color: white;
  padding-top: 60px;
  padding-bottom: 60px;
}

.call-to-action__content h3 {
  margin-bottom: 0.5em;
}

.call-to-action__content p {
  margin-bottom: 0.5em;
}

.call-to-action__content > *:last-child {
  margin-top: 2em;
}

.call-to-action__image, .call-to-action__map {
  padding-top: 60px;
}

.call-to-action__image > img, .call-to-action__map > img {
  display: inline-block;
  margin: 0 -20px;
  max-width: -webkit-calc(100% + 40px);
  max-width: calc(100% + 40px);
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
}

.call-to-action__image .blend-mode--multiply, .call-to-action__map .blend-mode--multiply {
  display: inline-block;
  background-color: #0095FF;
}

.call-to-action__image .blend-mode--multiply img, .call-to-action__map .blend-mode--multiply img {
  mix-blend-mode: multiply;
  width: 100%;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.call-to-action__image #google-map, .call-to-action__map #google-map {
  display: block;
  position: relative;
  width: 100%;
  height: 300px;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.call-to-action__image #google-map iframe, .call-to-action__map #google-map iframe {
  width: 100%;
}

@media screen and (min-width: 40em) {
  .call-to-action__image, .call-to-action__map {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    margin-bottom: -60px;
    padding-top: 0;
  }
  .call-to-action__image img, .call-to-action__map img {
    max-width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 64em) {
  .call-to-action__image, .call-to-action__map {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
    margin-bottom: 0;
  }
}

.call-to-action--no-image {
  margin-top: 0 !important;
}

.call-to-action--no-image .call-to-action__image {
  display: none;
}

.call-to-action--no-image .row, .call-to-action--no-image .daily-program {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.call-to-action--no-image .call-to-action__content {
  text-align: center;
}

.call-to-action--image-overlay {
  margin-top: 0 !important;
}

@media screen and (min-width: 40em) {
  .call-to-action--expressive-image {
    margin-top: 160px;
  }
}

@media screen and (min-width: 64em) {
  .call-to-action--expressive-image {
    margin-top: 240px;
  }
}

.call-to-action--expressive-image.webshop-shop {
  margin-top: 40px;
}

@media screen and (min-width: 40em) {
  .call-to-action--expressive-image.webshop-shop {
    margin-top: 40px;
  }
}

@media screen and (min-width: 64em) {
  .call-to-action--expressive-image.webshop-shop {
    margin-top: 80px;
  }
}

@media screen and (min-width: 40em) {
  .call-to-action--expressive-image .call-to-action__image {
    -webkit-transform: translateY(-160px);
            transform: translateY(-160px);
    margin-bottom: -160px;
  }
  .call-to-action--expressive-image .call-to-action__image img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media screen and (min-width: 64em) {
  .call-to-action--expressive-image .call-to-action__image {
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
    margin-bottom: -240px;
  }
}

.call-to-action--expressive-image img.product-background-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.webshop-shop .web-shop-item-in-home {
  padding: 0 20px;
  margin-top: -20%;
}

@media screen and (min-width: 40em) {
  .webshop-shop .web-shop-item-in-home {
    padding: 0;
    margin-top: 0;
  }
}

.theme-blue .call-to-action {
  background-color: #0095FF;
}

.theme-blue .call-to-action .call-to-action__image .blend-mode--multiply {
  background-color: #0095FF;
}

.theme-green .call-to-action {
  background-color: #00E14B;
}

.theme-green .call-to-action .call-to-action__image .blend-mode--multiply {
  background-color: #00E14B;
}

.theme-red .call-to-action {
  background-color: #F83D4E;
}

.theme-red .call-to-action .call-to-action__image .blend-mode--multiply {
  background-color: #F83D4E;
}

.theme-lavanda .call-to-action {
  background-color: #D885FF;
}

.theme-lavanda .call-to-action .call-to-action__image .blend-mode--multiply {
  background-color: #D885FF;
}

ol.step-by-step {
  counter-reset: step-counter;
  list-style: none;
  padding-top: 50px;
  padding-bottom: 60px;
}

ol.step-by-step > li {
  margin-bottom: 30px;
}

ol.step-by-step > li:before {
  position: relative;
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #0095FF;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 60px;
}

ol.step-by-step > li:last-child {
  margin-bottom: 0;
}

ol.step-by-step > li:last-child .row, ol.step-by-step > li:last-child .daily-program {
  padding-bottom: 0;
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:before {
    width: 100px;
    height: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    line-height: 100px;
  }
}

ol.step-by-step > li .step-by-step__item {
  display: inline-block;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  padding: 0 20px 0 40px;
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li .step-by-step__item {
    width: -webkit-calc(50% - 80px);
    width: calc(50% - 80px);
    padding: 0 20px 0 0;
  }
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+1) .row.step-by-step__image .step-by-step__item-image-desc, ol.step-by-step > li:nth-child(2n+1) .step-by-step__image.daily-program .step-by-step__item-image-desc {
    text-align: right;
    margin-right: 140px;
  }
}

ol.step-by-step > li:nth-child(2n+1) .step-by-step__item {
  text-align: left;
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+2) .row.step-by-step__bullet, ol.step-by-step > li:nth-child(2n+2) .step-by-step__bullet.daily-program {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+2) .row.step-by-step__bullet .step-by-step__item-bullet, ol.step-by-step > li:nth-child(2n+2) .step-by-step__bullet.daily-program .step-by-step__item-bullet {
    text-align: right;
    padding-right: 0;
  }
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+2) .row.step-by-step__bullet .step-by-step__item-bullet ul li, ol.step-by-step > li:nth-child(2n+2) .step-by-step__bullet.daily-program .step-by-step__item-bullet ul li {
    list-style-position: inside;
  }
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+2) .row.step-by-step__image .step-by-step__item-image-desc, ol.step-by-step > li:nth-child(2n+2) .step-by-step__image.daily-program .step-by-step__item-image-desc {
    padding-right: 0;
  }
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+2) .step-by-step__item {
    text-align: right;
  }
}

ol.step-by-step > li:nth-child(2n+2) .step-by-step__item:nth-child(2n+1) {
  margin-right: -60px;
}

@media screen and (min-width: 40em) {
  ol.step-by-step > li:nth-child(2n+2) .step-by-step__item:nth-child(2n+1) {
    margin-right: 80px;
  }
}

ol.step-by-step > li:nth-child(2n+2) .step-by-step__item:nth-child(2n+2) {
  margin-left: 60px;
}

.theme-blue .step-by-step > li:before {
  background-color: #0095FF;
}

.theme-green .step-by-step > li:before {
  background-color: #00E14B;
}

.theme-red .step-by-step > li:before {
  background-color: #F83D4E;
}

.theme-lavanda .step-by-step > li:before {
  background-color: #D885FF;
}

/*
Thumbnail default

A collection for different type post type in their default thumbnail form: events, product, exhibition and normal article

Markup:
.row.align-center
  .small-12.medium-6.large-4.columns
    .thumbnail-default--event
      a(href="#")
        .thumbnail__image
          img(src="images/image-10.jpg")
        .thumbnail__content
          h3.header--smaller Kan du få en regnbue til at forsvinde?
          p.text--small.meta.dates 10, Aug, 2017 - 11, Aug, 2017
          p.description Det er tungt at løfte en sæk på 65 kg – for nogle er det umuligt. Men med én talje eller to kan selv slapsvanse løfte 65 kg. Prøv selv!
          .tags.tags--neutral
            svg.svg-icon.icon--tag
              use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
            .tag-group
              span.tag tags
              span.tag tags
  .small-12.medium-6.large-4.columns
    .thumbnail-default--product
      a(href="#")
        .thumbnail__image
          img(src="images/image-08.jpg")
        .thumbnail__content
          h3.header--smaller Teleskop byggesæt
          p.description Byg dit eget teleskop se helt op til månen.
          button.label-btn(data-text="Se og køb")
            span.label-btn__text Se og køb
            span.label-btn__icon
              svg.svg-icon
                use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
            span.label-btn__label 899 DKK
          .tags.tags--neutral
            svg.svg-icon.icon--tag
              use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
            .tag-group
              span.tag tags
              span.tag tags
  .small-12.medium-6.large-4.columns
    .thumbnail-default--exhibition
      a(href="#")
        .thumbnail__image
          img(src="images/image-06.jpg")
        .thumbnail__content
          h3.header--smaller Kan du løfte en tung sæk?
          p.text--small.meta.dates Udstilling
          p.description Det er tungt at løfte en sæk på 65 kg – for nogle er det umuligt. Men med én talje eller to kan selv slapsvanse løfte 65 kg. Prøv selv!
          .tags.tags--neutral
            svg.svg-icon.icon--tag
              use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
            .tag-group
              span.tag Jorden
              span.tag magna at volutpat
              span.tag sodales
              span.tag magna tellus
  .small-12.medium-6.large-4.columns
    .thumbnail-default--event
      a(href="#")
        .thumbnail__image
          img(src="images/image-01.jpg")
        .thumbnail__content
          h3.header--smaller Aenean felis lacus, volutpat eget erat eu
          p.text--small.meta.dates 10, Aug, 2017
          p.description Med dette forsøg kan du få regnbuens syv farver til at forsvinde. Samtidig får du en fantastisk snurretop.
          .tags.tags--neutral
            svg.svg-icon.icon--tag
              use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
            .tag-group
              span.tag Eksperiment
              span.tag Mennesket

Styleguide 2.5
*/
div[class^='thumbnail-default'] {
  background-color: white;
  margin-bottom: 40px;
  -webkit-perspective: 100px;
          perspective: 100px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

div[class^='thumbnail-default'] a {
  display: block;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding-bottom: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center;
          transform-origin: center;
}

div[class^='thumbnail-default'] a .thumbnail__content {
  margin: 20px 20px 0;
}

div[class^='thumbnail-default'] a .thumbnail__content h3 {
  margin-bottom: 0.75em;
}

div[class^='thumbnail-default'] a .thumbnail__content p.meta {
  margin-bottom: 5px;
}

div[class^='thumbnail-default'] a .thumbnail__content .tags {
  margin: 1em 0;
}

div[class^='thumbnail-default'] a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-default--product button.label-btn {
  margin-bottom: 10px;
}

/*
Thumbnail blac

This is used when a generic list is presented, e.g. a list of employees, a list of annual report and ect. The user should be able to use insert links in the text area.
The image should be free of choice on the dimension, but the web editor should keep a uniform dimension for one collection of thumbnails.

Markup:
.row.align-center
  .small-12.medium-6.large-4.columns
    .thumbnail-blanc
      .thumbnail__image
        img(src="images/image-19.jpg")
      .thumbnail__content
        h3.header--smaller List item overskrift
        p.Nullam non urna porta, ullamcorper nisl at, vulputate sem. Donec vestibulum arcu magna, et gravida est elementum sit amet. Aenean ultrices blandit ex.
        p
          a(href="#" class="btn btn--small") thumbnail list
        p
          a(href="#" class="link") thumbnail list

Styleguide 2.7

*/
.thumbnail-blanc {
  margin-bottom: 40px;
  display: block;
}

.thumbnail-blanc .thumbnail__image {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  width: 50%;
}

.thumbnail-blanc .thumbnail__content {
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  padding: 60px 20px 20px;
  margin-top: -40px;
  margin-left: 20px;
}

.thumbnail-blanc .thumbnail__content h3 {
  margin-bottom: 10px;
}

.thumbnail-blanc .thumbnail__content p.meta {
  margin-bottom: 5px;
}

@media screen and (max-width: 39.9375em) {
  .thumbnail__image img {
    width: 100%;
  }
}

/*
Thumbnail event

A thumbnail for event, this is shown in the event overview page

Markup:
.row.align-center
  .small-12.medium-10.large-6.columns
    .thumbnail-event
      a(href="#")
        .row.collapse
          .thumbnail__image.small-12.medium-5.columns
            img(src="images/image-10.jpg")
          .thumbnail__content.small-12.medium-7.columns
            h3.header--smaller Kan du få en regnbue til at forsvinde?
            p.text--small.meta.dates 10. aug. 2017 - 11. aug. 2017
            p.description Det er tungt at løfte en sæk på 65 kg – for nogle er det umuligt. Men med én talje eller to kan selv slapsvanse løfte 65 kg. Prøv selv!
  .small-12.medium-10.large-6.columns
    .thumbnail-event
      a(href="#")
        .row.collapse
          .thumbnail__image.small-12.medium-5.columns
            img(src="images/image-10.jpg")
          .thumbnail__content.small-12.medium-7.columns
            h3.header--smaller Kan du få en regnbue til at forsvinde?
            p.text--small.meta.dates 10. aug. 2017 - 11. aug. 2017
            p.description Det er tungt at løfte en sæk på 65 kg – for nogle er det umuligt. Men med én talje eller to kan selv slapsvanse løfte 65 kg. Prøv selv!


Styleguide 2.6

*/
.thumbnail-event {
  margin-bottom: 40px;
}

.thumbnail-event a {
  display: block;
  position: relative;
  padding-bottom: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-event a > .row, .thumbnail-event a > .daily-program {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
}

@media screen and (min-width: 40em) {
  .thumbnail-event a > .row, .thumbnail-event a > .daily-program {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.thumbnail-event a .thumbnail__image img {
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  z-index: 1;
}

.thumbnail-event a .thumbnail__content {
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  padding-bottom: 40px;
  background-color: white;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  z-index: 99;
}

.thumbnail-event a .thumbnail__content > * {
  margin: 0 20px 0;
}

.thumbnail-event a .thumbnail__content h3 {
  margin: 30px 20px 10px;
}

.thumbnail-event a .thumbnail__content p.meta {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 5px 10px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  font-weight: 600;
  margin: 0;
  background-color: #0095FF;
  color: white;
}

.thumbnail-event a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-event a:hover .thumbnail__image img, .thumbnail-event a:hover .thumbnail__content {
  -webkit-box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-blue .thumbnail-event a p.meta {
  background-color: #0095FF;
}

.theme-green .thumbnail-event a p.meta {
  background-color: #00E14B;
}

.theme-red .thumbnail-event a p.meta {
  background-color: #F83D4E;
}

.theme-lavanda .thumbnail-event a p.meta {
  background-color: #D885FF;
}

/*
Thumbnail exhibition

A thumbnail for event, this is shown in the event overview page

Markup:
.row.align-center
  .small-12.medium-6.large-4.columns
    .thumbnails-exhibition
      a(href="#")
        .thumbnail__title
          h3.header--small Bobleriet
        .thumbnail__image
          img(src="images/image-02.jpg")
        .thumbnail__content
          p.description Bobleriet handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange?
  .small-12.medium-6.large-4.columns
    .thumbnails-exhibition
      a(href="#")
        .thumbnail__title
          h3.header--small Den interaktive biograf
        .thumbnail__image
          img(src="images/image-16.jpg")
        .thumbnail__content
          p.description I den interaktive udstilling Opfindelsernes hus bliver idéer til virkelighed og banebrydende opfindelser.
  .small-12.medium-6.large-4.columns
    .thumbnails-exhibition
      a(href="#")
        .thumbnail__title
          h3.header--small PULS-torvet
        .thumbnail__image
          img(src="images/image-17.jpg")
        .thumbnail__content
          p.description På PULS-torvet gælder det om at være aktiv og få både pulsen og humøret i vejret.

Styleguide 2.8

*/
.thumbnails-exhibition {
  margin: 20px 0;
}

@media screen and (min-width: 40em) {
  .thumbnails-exhibition {
    margin: 20px 10px;
  }
}

.thumbnails-exhibition a {
  display: block;
  position: relative;
  padding-bottom: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnails-exhibition a .thumbnail__image img {
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  z-index: 1;
}

.thumbnails-exhibition a .thumbnail__title {
  display: inline-block;
  position: absolute;
  top: -20px;
  margin-left: -20px;
  z-index: 2;
  background-color: #0095FF;
  padding: 10px 20px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  width: auto;
  max-width: 100%;
}

@media screen and (min-width: 40em) {
  .thumbnails-exhibition a .thumbnail__title {
    margin-left: -40px;
    max-width: 70%;
  }
}

.thumbnails-exhibition a .thumbnail__title h3 {
  font-family: 'EXP-display';
  letter-spacing: 0.1em;
  color: white;
  margin-bottom: 0;
}

.thumbnails-exhibition a .thumbnail__content {
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  background-color: white;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  z-index: 1;
}

@media screen and (min-width: 40em) {
  .thumbnails-exhibition a .thumbnail__content {
    width: 80%;
  }
}

.thumbnails-exhibition a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnails-exhibition a:hover .thumbnail__image img {
  -webkit-box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnails-exhibition a:hover .thumbnail__content {
  -webkit-box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-blue .thumbnails-exhibition a .thumbnail__title {
  background-color: #0095FF;
}

.theme-green .thumbnails-exhibition a .thumbnail__title {
  background-color: #00E14B;
}

.theme-red .thumbnails-exhibition a .thumbnail__title {
  background-color: #F83D4E;
}

.theme-lavanda .thumbnails-exhibition a .thumbnail__title {
  background-color: #D885FF;
}

/*
Thumbnail tricky class

A tricky thumbnail for exhibition, it appears upside down, when hover, it reverse to normal stats. We use eleTricky.js to remove the up-side-down class. When user refreshes page, the tricky class should be randomized in the selected group.

Markup:
.row.align-center
  .small-12.medium-6.large-4.columns
    .thumbnails-exhibition
      a(href="#")
        .thumbnail__title
          h3.header--small Bobleriet
        .thumbnail__image
          img(src="images/image-02.jpg")
        .thumbnail__content
          p.description Bobleriet handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange?
  .small-12.medium-6.large-4.columns
    .thumbnails-exhibition.tricky2D
      a(href="#")
        .thumbnail__title
          h3.header--small Den interaktive biograf
        .thumbnail__image
          img(src="images/image-16.jpg")
        .thumbnail__content
          p.description I den interaktive udstilling Opfindelsernes hus bliver idéer til virkelighed og banebrydende opfindelser.
  .small-12.medium-6.large-4.columns
    .thumbnails-exhibition
      a(href="#")
        .thumbnail__title
          h3.header--small PULS-torvet
        .thumbnail__image
          img(src="images/image-17.jpg")
        .thumbnail__content
          p.description På PULS-torvet gælder det om at være aktiv og få både pulsen og humøret i vejret.

Styleguide 2.19

*/
.tricky {
  -webkit-perspective: 800;
          perspective: 800;
}

.tricky:hover a {
  margin-top: 0;
  -webkit-animation-name: swingBack;
          animation-name: swingBack;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.07, 0.78, 0.46, 1.33);
          animation-timing-function: cubic-bezier(0.07, 0.78, 0.46, 1.33);
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.tricky a {
  margin-top: -40px;
  -webkit-animation-name: swing;
          animation-name: swing;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
          transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
}

.tricky2D {
  -webkit-perspective: 800;
          perspective: 800;
}

.tricky2D:hover a {
  margin-top: 0;
  -webkit-animation-name: swing2DBack;
          animation-name: swing2DBack;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.07, 0.78, 0.46, 1.33);
          animation-timing-function: cubic-bezier(0.07, 0.78, 0.46, 1.33);
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.tricky2D a {
  margin-top: -40px;
  -webkit-animation-name: swing2D;
          animation-name: swing2D;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
          transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
}

.swing {
  -webkit-animation-name: swing;
          animation-name: swing;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
            transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
  }
  50% {
    -webkit-transform: rotateX(178deg) rotateY(2deg) rotateZ(2deg);
            transform: rotateX(178deg) rotateY(2deg) rotateZ(2deg);
  }
  100% {
    -webkit-transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
            transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
  }
}

@keyframes swing {
  0% {
    -webkit-transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
            transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
  }
  50% {
    -webkit-transform: rotateX(178deg) rotateY(2deg) rotateZ(2deg);
            transform: rotateX(178deg) rotateY(2deg) rotateZ(2deg);
  }
  100% {
    -webkit-transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
            transform: rotateX(182deg) rotateY(-2deg) rotateZ(-2deg);
  }
}

@-webkit-keyframes swing2D {
  0% {
    -webkit-transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
            transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
  }
  50% {
    -webkit-transform: rotateX(2deg) rotateY(2deg) rotateZ(182deg);
            transform: rotateX(2deg) rotateY(2deg) rotateZ(182deg);
  }
  100% {
    -webkit-transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
            transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
  }
}

@keyframes swing2D {
  0% {
    -webkit-transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
            transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
  }
  50% {
    -webkit-transform: rotateX(2deg) rotateY(2deg) rotateZ(182deg);
            transform: rotateX(2deg) rotateY(2deg) rotateZ(182deg);
  }
  100% {
    -webkit-transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
            transform: rotateX(-2deg) rotateY(-2deg) rotateZ(178deg);
  }
}

@-webkit-keyframes swing01 {
  0% {
    -webkit-transform: rotateX(5deg) rotateY(-5deg);
            transform: rotateX(5deg) rotateY(-5deg);
  }
  50% {
    -webkit-transform: rotateX(0deg) rotateY(5deg);
            transform: rotateX(0deg) rotateY(5deg);
  }
  100% {
    -webkit-transform: rotateX(5deg) rotateY(-5deg);
            transform: rotateX(5deg) rotateY(-5deg);
  }
}

@keyframes swing01 {
  0% {
    -webkit-transform: rotateX(5deg) rotateY(-5deg);
            transform: rotateX(5deg) rotateY(-5deg);
  }
  50% {
    -webkit-transform: rotateX(0deg) rotateY(5deg);
            transform: rotateX(0deg) rotateY(5deg);
  }
  100% {
    -webkit-transform: rotateX(5deg) rotateY(-5deg);
            transform: rotateX(5deg) rotateY(-5deg);
  }
}

@-webkit-keyframes swingBack {
  0% {
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(2deg);
            transform: rotateX(180deg) rotateY(0deg) rotateZ(2deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@keyframes swingBack {
  0% {
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(2deg);
            transform: rotateX(180deg) rotateY(0deg) rotateZ(2deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@-webkit-keyframes swing2DBack {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@keyframes swing2DBack {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

/*
Thumbnail theme

Thumbnail for theme

Markup:
.row.align-center
  .small-12.medium-8.large-6.columns
    .thumbnail-theme
      a(href="#")
        .thumbnail__image
          img(src="images/image-11.jpg")
        .thumbnail__content
          h3.header--medium Jorden
          p.description Curabitur mattis iaculis tellus non congue. Nulla bibendum dui ac sapien tincidunt fermentum.
          .tags.tags--white
            svg.svg-icon.icon--tag
              use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
            .tag-group
              span.tag Eksperiment
              span.tag Mennesket

Styleguide 2.10

*/
.thumbnail-theme {
  margin-bottom: 40px;
}

.thumbnail-theme a {
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-theme a .thumbnail__image {
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-theme a .thumbnail__content {
  display: inline-block;
  position: relative;
  padding: 20px 20px 40px 20px;
  width: 100%;
  margin: 0;
  background-color: #0095FF;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  color: white;
  z-index: 99;
}

@media screen and (min-width: 40em) {
  .thumbnail-theme a .thumbnail__content {
    width: 70%;
    margin: -60px 0 0 20px;
  }
}

@media screen and (min-width: 64em) {
  .thumbnail-theme a .thumbnail__content {
    width: 60%;
    margin: -90px 0 0 40px;
  }
}

.thumbnail-theme a .thumbnail__content h3 {
  margin-bottom: 10px;
}

.thumbnail-theme a .thumbnail__content p.meta {
  margin-bottom: 5px;
}

.thumbnail-theme a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-theme a:hover .thumbnail__image {
  -webkit-box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.thumbnail-theme a:hover .thumbnail__content {
  -webkit-box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 50px 80px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-blue .thumbnail-theme a .thumbnail__content {
  background-color: #0095FF;
}

.theme-green .thumbnail-theme a .thumbnail__content {
  background-color: #00E14B;
}

.theme-red .thumbnail-theme a .thumbnail__content {
  background-color: #F83D4E;
}

.theme-lavanda .thumbnail-theme a .thumbnail__content {
  background-color: #D885FF;
}

/*
Thumbnail Top 5

This is used for pull a collection of different post links

Markup:
.row.align-center
  .small-12.medium-6.large-4.columns
    .thumbnail-top5
      .thumbnail__title
        h3.header--small 5 mest læste
      .thumbnail__content
        ul.top5-list
          li.list-item
            a(href="#")
              h4.header--smaller Lav en stjernekaster
              p.meta.dates 10, Aug, 2017
          li.list-item
            a(href="#")
              h4.header--smaller Lav din egen sne
              p.meta.dates 10, Aug, 2017
          li.list-item
            a(href="#")
              h4.header--smaller Lav dit eget sølvæg
              p.meta.dates 10, Aug, 2017
          li.list-item
            a(href="#")
              h4.header--smaller Frugtfarvometer
              p.meta.dates 10, Aug, 2017
          li.list-item
            a(href="#")
              h4.header--smaller Lav dit eget instrument
              p.meta.dates 10, Aug, 2017

Styleguide 2.9

*/
.thumbnail-top5 {
  margin: 20px 0 40px;
  display: block;
  position: relative;
}

.thumbnail-top5 .thumbnail__title {
  display: inline-block;
  position: absolute;
  top: -20px;
  margin-left: 20px;
  z-index: 100;
  background-color: #0B1326;
  padding: 10px 20px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 40em) {
  .thumbnail-top5 .thumbnail__title {
    width: 70%;
  }
}

.thumbnail-top5 .thumbnail__title h3 {
  font-family: 'EXP-display';
  letter-spacing: 0.1em;
  color: white;
  margin-bottom: 0;
}

.thumbnail-top5 .thumbnail__content {
  padding: 60px 20px 20px;
  background-color: #f5f5f5;
}

.thumbnail-top5 .thumbnail__content p.meta {
  margin-bottom: 5px;
}

.top5-list {
  counter-reset: top-counter;
}

.top5-list .list-item {
  position: relative;
  margin-bottom: 20px;
}

.top5-list .list-item:before {
  display: block;
  position: absolute;
  content: counter(top-counter);
  counter-increment: top-counter;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  text-align: center;
  z-index: 99;
}

.top5-list .list-item:after {
  display: block;
  content: " ";
  position: absolute;
  width: 40px;
  height: 10px;
  background-color: #0095FF;
  top: 15px;
  left: 0;
  z-index: 1;
}

.top5-list .list-item a {
  display: inline-block;
  position: relative;
  margin-left: 60px;
}

.top5-list .list-item a h4 {
  margin-bottom: 0;
}

.top5-list .list-item a:hover {
  color: #0095FF;
}

.theme-blue .top5-list .list-item::after {
  background-color: #0095FF;
}

.theme-blue .top5-list .list-item a:hover {
  color: #0095FF;
}

.theme-green .top5-list .list-item::after {
  background-color: #00E14B;
}

.theme-green .top5-list .list-item a:hover {
  color: #00E14B;
}

.theme-red .top5-list .list-item::after {
  background-color: #F83D4E;
}

.theme-red .top5-list .list-item a:hover {
  color: #F83D4E;
}

.theme-lavanda .top5-list .list-item::after {
  background-color: #D885FF;
}

.theme-lavanda .top5-list .list-item a:hover {
  color: #D885FF;
}

/*
Visitor info

Badge with visitor info used in the global navigation and off cavas navigation

default - default version uses the midnight color.
visitor-info--themed - uses the color of the current theme.

Markup:
.theme-red
  .visitor-info(class="{$modifiers}")
    svg
      use(xlink:href="images/assets/SVGSpritesheet.svg#calendar")
    div
      p I dag er vi åbne
        span.time  kl. 09.00 - 21.00
      a(href="#") Planlæg dit besøg

Styleguide 2.12
*/
.visitor-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  background-color: #0B1326;
}

.visitor-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.visitor-info a:hover strong {
  text-decoration: underline;
}

.visitor-info a:hover svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: -webkit-transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44), -webkit-transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
}

.visitor-info svg {
  width: 30px;
  height: 25px;
  fill: white;
  margin-right: 20px;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: -webkit-transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44), -webkit-transform 0.5s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  -webkit-transform-origin: center;
          transform-origin: center;
  overflow: visible;
}

.visitor-info div > * {
  display: block;
  font-size: 0.86em;
  line-height: 1.3;
  margin-bottom: 0;
}

.visitor-info.visit a:hover svg {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}

.visitor-info.visit svg {
  width: 21px;
  height: 21px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -moz-transform: rotate(-25deg);
}

.visitor-info--themed {
  background-color: #0095FF;
}

.theme-blue .visitor-info--themed {
  background-color: #0095FF;
}

.theme-green .visitor-info--themed {
  background-color: #00E14B;
}

.theme-red .visitor-info--themed {
  background-color: #F83D4E;
}

.theme-lavanda .visitor-info--themed {
  background-color: #D885FF;
}

/*
Secondary navigation

A thumbnail for event, this is shown in the event overview page

Markup:
p &nbsp;
p &nbsp;
p default state
p &nbsp;
.row.align-center
  .columns.small-12.medium-10.xlarge-8.xxlarge-7
    .hero__content
      .secondary-navigation
        .secondary-navigation__item
          .level-title Om os
            span.icon--arrow--down
              svg
                use(xlink:href="images/assets/SVGSpritesheet.svg#arrow--down")
          .level-children
            ul.nav-list
              li.list-item
                a(href="#") formål og historier
              li.list-item
                a(href="#") Om huset
              li.list-item
                a(href="#") Bestyrelse, præsidium
              li.list-item.active
                a(href="#") Medarbejdere
              li.list-item
                a(href="#") Årsberetning
              li.list-item
                a(href="#") Finansiering
              li.list-item
                a(href="#") Netværk
      article.info
        h2.header--medium Om os
        p Om os handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange? Og hvorfor er den egentlig rund? Kom og pust og bliv klogere på videnskaben bag de fascinerende sæbebobler eller slå dig ned og nyd synet.
        .tags
          svg.svg-icon.icon--tag
            use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
          .tag-group
            span.tag
              a(href="#") Eksperiment
            span.tag
              a(href="#") Jorden
            span.tag
              a(href="#") Magna at volutpat
            span.tag
              a(href="#") Blandit nisl
p &nbsp;
p &nbsp;
p open state
p &nbsp;
.row.align-center
  .columns.small-12.medium-10.xlarge-8.xxlarge-7
    .hero__content
      .secondary-navigation
        .secondary-navigation__item.open
          .level-title Om os
            span.icon--arrow--down
              svg
                use(xlink:href="images/assets/SVGSpritesheet.svg#arrow--down")
          .level-children
            ul.nav-list
              li.list-item
                a(href="#") formål og historier
              li.list-item
                a(href="#") Om huset
              li.list-item
                a(href="#") Bestyrelse, præsidium
              li.list-item.active
                a(href="#") Medarbejdere
              li.list-item
                a(href="#") Årsberetning
              li.list-item
                a(href="#") Finansiering
              li.list-item
                a(href="#") Netværk
      article.info
        h2.header--medium Om os
        p Om os handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange? Og hvorfor er den egentlig rund? Kom og pust og bliv klogere på videnskaben bag de fascinerende sæbebobler eller slå dig ned og nyd synet.
        .tags
          svg.svg-icon.icon--tag
            use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
          .tag-group
            span.tag
              a(href="#") Eksperiment
            span.tag
              a(href="#") Jorden
            span.tag
              a(href="#") Magna at volutpat
            span.tag
              a(href="#") Blandit nisl
p &nbsp;
p &nbsp;
p open state
p &nbsp;
.row.align-center
  .columns.small-12.medium-10.xlarge-8.xxlarge-7
    .hero__content
      .secondary-navigation
        .secondary-navigation__path
          a(href="#") Om os
        .secondary-navigation__item.open
          .level-title Medarbejdere
            span.icon--arrow--down
              svg
                use(xlink:href="images/assets/SVGSpritesheet.svg#arrow--down")
          .level-children
            ul.nav-list
              li.list-item
                a(href="#") Medarbejdere Sub-nav01
              li.list-item
                a(href="#") Medarbejdere Sub-nav01
              li.list-item
                a(href="#") Medarbejdere Sub-nav01
              li.list-item
                a(href="#") Medarbejdere Sub-nav01
      article.info
        h2.header--medium Medarbejdere
        p Om os handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange? Og hvorfor er den egentlig rund? Kom og pust og bliv klogere på videnskaben bag de fascinerende sæbebobler eller slå dig ned og nyd synet.
        .tags
          svg.svg-icon.icon--tag
            use(xlink:href="images/assets/SVGSpritesheet.svg#tags")
          .tag-group
            span.tag
              a(href="#") Eksperiment
            span.tag
              a(href="#") Jorden
            span.tag
              a(href="#") Magna at volutpat
            span.tag
              a(href="#") Blandit nisl


Styleguide 2.13

*/
.secondary-navigation {
  display: block;
  position: fixed;
  width: 100%;
  top: 136px;
  z-index: 99;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.slideout-open .secondary-navigation {
  top: 0px;
  visibility: hidden;
  -webkit-transition: none;
  transition: none;
}

.slideout-open .browser-ios .secondary-navigation {
  top: 62px;
}

@media screen and (min-width: 40em) {
  .secondary-navigation {
    top: 132px;
  }
}

@media screen and (min-width: 64em) {
  .secondary-navigation {
    top: initial;
    height: 90px;
  }
}

@media screen and (min-width: 64em) {
  .secondary-navigation.secMenu-condensed {
    height: 66px;
    top: initial;
  }
  .secondary-navigation.secMenu-condensed .secondary-navigation__item {
    padding-top: 8px;
  }
}

@media screen and (min-width: 75em) {
  .secondary-navigation.secMenu-condensed {
    height: 66px;
  }
  .secondary-navigation.secMenu-condensed .secondary-navigation__item {
    padding-top: 8px;
  }
}

.secondary-navigation .secondary-navigation__path {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__path {
    width: auto;
  }
}

.secondary-navigation .secondary-navigation__path a {
  display: block;
  position: relative;
  width: auto;
  margin: 0;
  padding: 10px 15px;
  background-color: white;
  color: #0095FF;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  z-index: 1000;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__path a {
    display: inline-block;
  }
}

.secondary-navigation .secondary-navigation__path a:hover {
  background-color: #0095FF;
  color: white;
}

.secondary-navigation .secondary-navigation__item {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item {
    width: auto;
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 21px;
    margin: 0 auto;
  }
}

.secondary-navigation .secondary-navigation__item.open .level-children {
  -webkit-transform: scale(1);
          transform: scale(1);
  display: block;
}

.secondary-navigation .secondary-navigation__item.open .level-title .icon--arrow--down svg {
  -webkit-transform: rotate(180Deg);
          transform: rotate(180Deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: -webkit-transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44), -webkit-transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
}

@media screen and (min-width: 40em) {
  .secondary-navigation .secondary-navigation__item.open .level-title .icon--arrow--down svg {
    -webkit-transform: rotate(180Deg);
            transform: rotate(180Deg);
  }
}

.secondary-navigation .secondary-navigation__item .level-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0;
  padding: 10px 15px;
  background-color: #0095FF;
  color: white;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  z-index: 99;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item .level-title {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 18px 25px;
    background-color: #0095FF;
    color: white;
    -webkit-box-shadow: none;
            box-shadow: none;
    z-index: 99;
    width: auto;
    border: 1px solid #fff;
    line-height: 1em;
    font-size: 13px;
  }
  .secondary-navigation .secondary-navigation__item .level-title a {
    line-height: 1em;
  }
}

.secondary-navigation .secondary-navigation__item .level-title:hover {
  cursor: pointer;
}

.secondary-navigation .secondary-navigation__item .level-title:hover .icon--arrow--down svg, .secondary-navigation .secondary-navigation__item .level-title:hover .icon--close svg {
  fill: #0095FF;
}

.secondary-navigation .secondary-navigation__item .level-title .icon--arrow--down {
  position: relative;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.secondary-navigation .secondary-navigation__item .level-title .icon--arrow--down svg {
  width: 12px;
  height: 12px;
  fill: white;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: -webkit-transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
  transition: transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44), -webkit-transform 0.2s cubic-bezier(0.87, -0.61, 0.19, 1.44);
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item .level-title .icon--arrow--down {
    display: none;
  }
}

.secondary-navigation .secondary-navigation__item .level-title .icon--close {
  position: relative;
  display: none;
  margin: 0 5px 0 10px;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.secondary-navigation .secondary-navigation__item .level-title .icon--close svg {
  width: 12px;
  height: 12px;
  fill: white;
}

.secondary-navigation .secondary-navigation__item .level-title a.hidden-mobile {
  display: none;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item .level-title a.hidden-mobile {
    display: block;
  }
}

.secondary-navigation .secondary-navigation__item .level-children {
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0);
          transform: scale(0);
  display: none;
  background-color: white;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  z-index: 90;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.87, 0, 0.19, 1.34);
  transition: -webkit-transform 0.3s cubic-bezier(0.87, 0, 0.19, 1.34);
  transition: transform 0.3s cubic-bezier(0.87, 0, 0.19, 1.34);
  transition: transform 0.3s cubic-bezier(0.87, 0, 0.19, 1.34), -webkit-transform 0.3s cubic-bezier(0.87, 0, 0.19, 1.34);
  width: 100%;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item .level-children {
    display: inline-block;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
    width: auto;
  }
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item .level-children .list-item {
    display: inline;
  }
}

.secondary-navigation .secondary-navigation__item .level-children .list-item a {
  display: inline-block;
  background-color: white;
  width: 100%;
  padding: 5px 20px;
  color: #0095FF;
}

@media screen and (min-width: 64em) {
  .secondary-navigation .secondary-navigation__item .level-children .list-item a {
    display: inline-block;
    background-color: transparent;
    width: auto;
    padding: 5px 20px;
    color: #fff;
    font-size: 16px;
  }
}

.theme_back-container {
  position: fixed;
  z-index: 9;
  width: 100%;
  left: 0;
  margin: 0 auto;
  right: 0;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme_back-container .theme-back-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #24272d;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  top: 75px;
  position: relative;
  padding: 15px 15px 15px 20px;
  left: 27px;
  margin: 0;
}

.theme_back-container .theme-back-button:before {
  content: "\f340";
  font-family: dashicons;
  font-size: 16px;
  position: relative;
  right: 10px;
}

@media screen and (min-width: 64em) {
  .theme_back-container .theme-back-button {
    top: 20px;
    padding: 18px 20px 17px 30px;
  }
}

.theme-blue .secondary-navigation {
  background-color: #0095FF;
}

.theme-blue .secondary-navigation .secondary-navigation__item .level-title {
  background-color: #0095FF;
}

.theme-blue .secondary-navigation .secondary-navigation__item .level-title:hover .icon--arrow--down svg, .theme-blue .secondary-navigation .secondary-navigation__item .level-title:hover .icon--close svg {
  fill: #fff;
}

.theme-blue .secondary-navigation .secondary-navigation__item .level-children .list-item a {
  color: #0095FF;
}

@media screen and (min-width: 64em) {
  .theme-blue .secondary-navigation .secondary-navigation__item .level-children .list-item a {
    color: #fff;
  }
}

.theme-blue .secondary-navigation .secondary-navigation__item .level-children .active a {
  background-color: #0095FF;
  color: white;
}

@media screen and (min-width: 64em) {
  .theme-blue .secondary-navigation .secondary-navigation__item .level-children .active a {
    background-color: transparent;
    color: white;
    text-decoration: underline;
  }
}

.theme-green .secondary-navigation {
  background-color: #00E14B;
}

.theme-green .secondary-navigation .secondary-navigation__item .level-title {
  background-color: #00E14B;
}

.theme-green .secondary-navigation .secondary-navigation__item .level-title:hover .icon--arrow--down svg, .theme-green .secondary-navigation .secondary-navigation__item .level-title:hover .icon--close svg {
  fill: #fff;
}

.theme-green .secondary-navigation .secondary-navigation__item .level-children .list-item a {
  color: #00E14B;
}

@media screen and (min-width: 64em) {
  .theme-green .secondary-navigation .secondary-navigation__item .level-children .list-item a {
    color: #fff;
  }
}

.theme-green .secondary-navigation .secondary-navigation__item .level-children .active a {
  background-color: #00E14B;
  color: white;
}

@media screen and (min-width: 64em) {
  .theme-green .secondary-navigation .secondary-navigation__item .level-children .active a {
    background-color: transparent;
    color: white;
    text-decoration: underline;
  }
}

.theme-red .secondary-navigation {
  background-color: #F83D4E;
}

.theme-red .secondary-navigation .secondary-navigation__item .level-title {
  background-color: #F83D4E;
}

.theme-red .secondary-navigation .secondary-navigation__item .level-title:hover .icon--arrow--down svg, .theme-red .secondary-navigation .secondary-navigation__item .level-title:hover .icon--close svg {
  fill: #fff;
}

.theme-red .secondary-navigation .secondary-navigation__item .level-children .list-item a {
  color: #F83D4E;
}

@media screen and (min-width: 64em) {
  .theme-red .secondary-navigation .secondary-navigation__item .level-children .list-item a {
    color: #fff;
  }
}

.theme-red .secondary-navigation .secondary-navigation__item .level-children .active a {
  background-color: #F83D4E;
  color: white;
}

@media screen and (min-width: 64em) {
  .theme-red .secondary-navigation .secondary-navigation__item .level-children .active a {
    background-color: transparent;
    color: white;
    text-decoration: underline;
  }
}

.theme-lavanda .secondary-navigation {
  background-color: #D885FF;
}

.theme-lavanda .secondary-navigation .secondary-navigation__item .level-title {
  background-color: #D885FF;
}

.theme-lavanda .secondary-navigation .secondary-navigation__item .level-title:hover .icon--arrow--down svg, .theme-lavanda .secondary-navigation .secondary-navigation__item .level-title:hover .icon--close svg {
  fill: #fff;
}

.theme-lavanda .secondary-navigation .secondary-navigation__item .level-children .list-item a {
  color: #D885FF;
}

@media screen and (min-width: 64em) {
  .theme-lavanda .secondary-navigation .secondary-navigation__item .level-children .list-item a {
    color: #fff;
  }
}

.theme-lavanda .secondary-navigation .secondary-navigation__item .level-children .active a {
  background-color: #D885FF;
  color: white;
}

@media screen and (min-width: 64em) {
  .theme-lavanda .secondary-navigation .secondary-navigation__item .level-children .active a {
    background-color: transparent;
    color: white;
    text-decoration: underline;
  }
}

/*
Thumbnail Focus exhibition

This is used when editor what to promote a certain exhibition on a page. Normally it will be shown on one page at a time.

default -  in the default theme
.thumbnail-focus--reversed - reverses the elements
.thumbnail-focus--overlay - makes the thumbnail image overlay the previous DOM element

Markup:
.thumbnail-focus(class="{$modifiers}")
  .row.collapse
    .small-10.medium-8.large-6.small-offset-1.medium-offset-2.large-offset-1.columns
      .thumbnails-exhibition.focus__promotion-item
        a(href="#")
          .thumbnail__title
            h3.header--small Bobleriet
          .thumbnail__image.blend-mode--multiply
            img(src="images/image-02.jpg")
          .thumbnail__content
            p.description Bobleriet handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange?
    .small-10.medium-6.large-5.small-offset-1.medium-offset-2.large-offset-0.columns
      .focus__promotion-text
        h5.header--smaller Ved du hvordan nyrerne ser ud? Og hvor leveren sidder? Plastmodellerne viser dig kroppens organer. Mange af dem kan også tages ud, så du kan kigge nærmere på dem.
.color-theme-container-for-the-element.theme-red
  .thumbnail-focus(class="{$modifiers}")
    .row.collapse
      .small-10.medium-8.large-6.small-offset-1.medium-offset-2.large-offset-1.columns
        .thumbnails-exhibition.focus__promotion-item
          a(href="#")
            .thumbnail__title
              h3.header--small Bobleriet
            .thumbnail__image.blend-mode--multiply
              img(src="images/image-02.jpg")
            .thumbnail__content
              p.description Bobleriet handler om sæbebobler. Hvorfor spejler en sæbebobbel dig to gange?
      .small-10.medium-6.large-5.small-offset-1.medium-offset-2.large-offset-0.columns
        .focus__promotion-text
          h5.header--smaller Ved du hvordan nyrerne ser ud? Og hvor leveren sidder? Plastmodellerne viser dig kroppens organer. Mange af dem kan også tages ud, så du kan kigge nærmere på dem.

Styleguide 2.11
*/
.thumbnail-focus {
  background-color: #0095FF;
  padding-bottom: 40px;
  margin-top: 60px;
}

.thumbnail-focus .focus__promotion-item .thumbnail__title {
  padding: 20px;
}

.thumbnail-focus .focus__promotion-item .thumbnail__title h3 {
  margin-bottom: 0;
  letter-spacing: 0;
}

.thumbnail-focus .focus__promotion-item .blend-mode--multiply {
  display: inline-block;
  background-color: #0095FF;
}

.thumbnail-focus .focus__promotion-item .blend-mode--multiply img {
  mix-blend-mode: multiply;
}

.thumbnail-focus .focus__promotion-item {
  margin-top: 60px;
}

.thumbnail-focus .focus__promotion-item a {
  padding-bottom: 0;
}

.thumbnail-focus .focus__promotion-text {
  margin: 0;
}

@media screen and (min-width: 40em) {
  .thumbnail-focus {
    margin-top: 180px;
  }
  .thumbnail-focus .focus__promotion-item {
    margin-top: -120px;
    margin-bottom: 0;
  }
  .thumbnail-focus .focus__promotion-item a {
    padding-bottom: 0;
  }
  .thumbnail-focus .focus__promotion-text {
    margin: 20px 10px 0;
  }
}

@media screen and (min-width: 64em) {
  .thumbnail-focus .focus__promotion-text {
    margin: 40px 20px 0;
  }
  .thumbnail-focus .thumbnails-exhibition a .thumbnail__content {
    width: 50%;
  }
}

.thumbnail-focus .focus__promotion-text {
  color: white;
}

.thumbnail-focus .focus__promotion-text h5 {
  font-weight: 700;
}

.thumbnail-focus--reversed .row, .thumbnail-focus--reversed .daily-program {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: row;
}

@media screen and (min-width: 40em) {
  .thumbnail-focus--reversed .row, .thumbnail-focus--reversed .daily-program {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 64em) {
  .thumbnail-focus--reversed .row, .thumbnail-focus--reversed .daily-program {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .thumbnail-focus--reversed .row .focus__promotion-text, .thumbnail-focus--reversed .daily-program .focus__promotion-text {
    text-align: right;
  }
}

.thumbnail-focus--overlay {
  padding-top: 80px;
  margin-top: 0;
}

@media screen and (min-width: 40em) {
  .thumbnail-focus--overlay {
    padding-top: 140px;
    margin-top: 0;
  }
}

.theme-blue .thumbnail-focus {
  background-color: #0095FF;
}

.theme-blue .thumbnail-focus .blend-mode--multiply {
  background-color: #0095FF;
}

.theme-green .thumbnail-focus {
  background-color: #00E14B;
}

.theme-green .thumbnail-focus .blend-mode--multiply {
  background-color: #00E14B;
}

.theme-red .thumbnail-focus {
  background-color: #F83D4E;
}

.theme-red .thumbnail-focus .blend-mode--multiply {
  background-color: #F83D4E;
}

.theme-lavanda .thumbnail-focus {
  background-color: #D885FF;
}

.theme-lavanda .thumbnail-focus .blend-mode--multiply {
  background-color: #D885FF;
}

/*
Daily program

A thumbnail for event, this is shown in the event overview page

Markup:
ul.daily-program
  li.list-item
    .program__time
      p.time 10:15 - 10:45
    .program__content
      h5.header--nano Tekniksjov
      p.location Store Scene / Stuen
  li.list-item
    .program__time
      p.time 11:30 - 11:45
    .program__content
      h5.header--nano Sæbeboblesjov
      p.location Lille Scene / 1. sal
  li.list-item
    .program__time
      p.time 12:00 - 12:45
    .program__content
      h5.header--nano Hjertedemo
      p.location Brandbaren / 2. sal
  li.list-item
    .program__time
      p.time 13:15 - 13:45
    .program__content
      h5.header--nano Sæbeboblesjov
      p.location Store Scene / Taget
  li.list-item
    .program__time
      p.time 14:45 - 14:45
    .program__content
      h5.header--nano Pigen der ikke ville sidde stille
      p.location Den interaktive Biograf / 1. sal
  li.list-item
    .program__time
      p.time 15:30 - 15:45
    .program__content
      h5.header--nano Sæbeboblesjov
      p.location Store Brandbaren / 2. sal
  li.list-item
    .program__time
      p.time 16:45 - 16:45
    .program__content
      h5.header--nano Pigen der ikke ville sidde stille
      p.Den interaktive Biograf / 1. sal
  li.list-item
    .program__time
      p.time 17:15 - 17:30
    .program__content
      h5.header--nano Sæbeboblesjov
      p.location Lille Scene / Stuen
  li.list-item
    .program__time
      p.time 18.30 - 18:45
    .program__content
      h5.header--nano Pigen der ikke ville sidde stille
      p.location Den interaktive Biograf / 1. sal
  li.list-item
    .program__time
      p.time 18.55 - 19:20
    .program__content
      h5.header--nano Sæbeboblesjov
      p.location Store Scene / 2. sal
  li.list-item
    .program__time
      p.time 19.45 - 20: 00
    .program__content
      h5.header--nano Sæbeboblesjov
      p.Den Store Scene / Stuen
  li.list-item
    .program__time
      p.time 21:00
    .program__content
      h5.header--nano Tak for i dag


Styleguide 2.15

*/
.daily-program .list-item {
  width: 100%;
  float: left;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

@media screen and (min-width: 40em) {
  .daily-program .list-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.daily-program .list-item:last-child:not(:first-child) {
  float: right;
}

@media screen and (min-width: 40em) {
  .daily-program .list-item {
    width: 50%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 40em) and (min-width: 40em) {
  .daily-program .list-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 40em) {
  .daily-program .list-item:last-child:not(:first-child) {
    float: right;
  }
  .daily-program .list-item:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 64em) {
  .daily-program .list-item {
    width: 33.3333333333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 64em) and (min-width: 40em) {
  .daily-program .list-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (min-width: 64em) {
  .daily-program .list-item:last-child:not(:first-child) {
    float: right;
  }
  .daily-program .list-item:nth-child(2n+1) {
    clear: none;
  }
  .daily-program .list-item:nth-child(3n+1) {
    clear: left;
  }
}

.daily-program .list-item h5, .daily-program .list-item p {
  margin-bottom: 0;
}

.daily-program .list-item h5 {
  margin-bottom: 5px;
}

.daily-program .list-item p {
  margin-top: 2px;
}

.daily-program .list-item div[class^="program__"] {
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.daily-program .list-item .program__time {
  width: 30%;
}

.daily-program .list-item .program__content {
  width: 65%;
}

.daily-program .list-item .more-info {
  display: none;
}

.daily-program .list-item .more-info .description, .daily-program .list-item .more-info .btn, .daily-program .list-item .more-info .label-btn, .daily-program .list-item .more-info .filters .filter a, .filters .filter .daily-program .list-item .more-info a {
  margin: 0 0 10px;
}

.daily-program .list-item .more-info .description {
  font-size: 0.8em;
  line-height: 1.5;
}

.daily-program .list-item .more-info .btn, .daily-program .list-item .more-info .label-btn, .daily-program .list-item .more-info .filters .filter a, .filters .filter .daily-program .list-item .more-info a {
  padding: 3px 15px;
}

/*
Call to action pusher

A pusher notification for promote certain sells.

Markup:
p &nbsp;
.notification.fixed
  .row.align-center.fixed
    .small-12.large-8.columns
      h4.header--smaller Tilmeld dig vores nyhedsbrev
      button.btn.btn--small(data-text="Tilmeld")
        span tilmeld
p &nbsp;
p &nbsp;
.notification.fixed
  .row.align-center.fixed
    .small-12.large-8.columns
      img(src="images/exp-card-01.png")
      h4.header--smaller Tilmeld dig vores nyhedsbrev
      button.btn.btn--small(data-text="Køb")
        span Køb
p &nbsp;

Styleguide 2.14

*/
.notification {
  background-color: white;
  -webkit-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 15px 0 0;
}

.notification h4, .notification img, .notification .btn, .notification .label-btn, .notification .filters .filter a, .filters .filter .notification a {
  display: inline-block;
  margin: 0 10px;
}

.notification img {
  margin-top: -60px;
}

.notification img, .notification .btn, .notification .label-btn, .notification .filters .filter a, .filters .filter .notification a {
  margin-bottom: 10px;
}

.notification h4 {
  margin-bottom: 20px;
}

.slick-carousel .slick-carousel__item {
  position: relative;
}

.slick-carousel .slick-carousel__item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: white;
  z-index: 1;
  text-align: center;
}

.slick-carousel .slick-carousel__item .caption:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

/*
wysiwyg
*/
@media screen and (max-width: 63.9375em) {
  main .scene_element > .wysiwyg {
    padding-top: 83px;
  }
}

.wysiwyg.wysiwyg-padding-top {
  padding-top: 30px;
}

.wysiwyg iframe {
  width: 100%;
}

.wysiwyg .row, .wysiwyg .daily-program {
  padding: 0 1.25rem;
}

@media screen and (min-width: 40em) {
  .wysiwyg .row, .wysiwyg .daily-program {
    padding: 0 0 40px 0;
  }
}

.wysiwyg .row.reverse, .wysiwyg .reverse.daily-program {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}

.wysiwyg.highlight {
  margin-bottom: 40px;
  padding: 60px 0;
  background-color: #0095FF;
}

.wysiwyg.highlight .wysiwyg__facts h1,
.wysiwyg.highlight .wysiwyg__facts h2,
.wysiwyg.highlight .wysiwyg__facts h3,
.wysiwyg.highlight .wysiwyg__facts h4,
.wysiwyg.highlight .wysiwyg__facts h5 {
  color: #0095FF;
}

.wysiwyg ol {
  list-style: decimal;
  padding-left: 1em;
  padding-bottom: 2em;
}

.wysiwyg ol li {
  margin-bottom: 0.5em;
}

.wysiwyg ul {
  list-style: disc;
  padding-left: 1em;
  padding-bottom: 2em;
}

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

.wysiwyg--side-by-side .row > .columns:first-child, .wysiwyg--side-by-side .daily-program > .columns:first-child {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 40em) {
  .wysiwyg--side-by-side .row > .columns:first-child, .wysiwyg--side-by-side .daily-program > .columns:first-child {
    padding-left: 20px;
  }
}

.wysiwyg--side-by-side .row > .columns:last-child, .wysiwyg--side-by-side .daily-program > .columns:last-child {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 40em) {
  .wysiwyg--side-by-side .row > .columns:last-child, .wysiwyg--side-by-side .daily-program > .columns:last-child {
    padding-right: 20px;
  }
}

.wysiwyg--side-by-side .row.reverse > .columns:first-child, .wysiwyg--side-by-side .reverse.daily-program > .columns:first-child {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 40em) {
  .wysiwyg--side-by-side .row.reverse > .columns:first-child, .wysiwyg--side-by-side .reverse.daily-program > .columns:first-child {
    padding-right: 20px;
  }
}

.wysiwyg--side-by-side .row.reverse > .columns:last-child, .wysiwyg--side-by-side .reverse.daily-program > .columns:last-child {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 40em) {
  .wysiwyg--side-by-side .row.reverse > .columns:last-child, .wysiwyg--side-by-side .reverse.daily-program > .columns:last-child {
    padding-left: 20px;
  }
}

.wysiwyg .wysiwyg__content__inner {
  display: inline-block;
  padding: 20px;
}

.wysiwyg .wysiwyg__facts {
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 40px;
}

.wysiwyg .wysiwyg__facts h3 {
  margin-bottom: 0.25em;
}

.wysiwyg .wysiwyg__thumbnail .thumbnail__image {
  margin-bottom: 1em;
}

.wysiwyg .wysiwyg__thumbnail .thumbnail__content h3 {
  margin-bottom: 0.25em;
}

.wysiwyg .alignleft,
.wysiwyg .aligncenter,
.wysiwyg .alignright,
.wysiwyg .alignnone {
  margin: 20px 0;
  float: none;
  max-width: 100%;
}

@media screen and (min-width: 40em) {
  .wysiwyg .alignright {
    float: right !important;
    margin-right: -40px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 40em) {
  .wysiwyg .alignleft {
    float: left !important;
    margin-left: -40px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 40em) {
  .wysiwyg .aligncenter {
    margin: 20px auto 40px;
    display: block;
  }
}

@media screen and (min-width: 40em) {
  .wysiwyg .alignnone {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.wysiwyg .wp-caption img {
  margin-bottom: 1em;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .wysiwyg .wp-caption {
    max-width: 100%;
  }
  .wysiwyg .wp-caption img {
    width: auto;
  }
}

.wysiwyg p.wp-caption-text {
  font-size: 12px;
  line-height: 1.25em;
  text-align: left;
  margin-bottom: 1.5em;
}

@media screen and (min-width: 40em) {
  .wysiwyg .inner {
    padding-left: 40px;
  }
}

.wysiwyg .services-wrapper .columns {
  padding-bottom: 3rem;
}

.theme-blue .wysiwyg.highlight {
  background-color: #0095FF;
}

.theme-blue .wysiwyg.highlight .wysiwyg__facts {
  color: #0095FF;
}

.theme-blue .wysiwyg.highlight .wysiwyg__facts h1,
.theme-blue .wysiwyg.highlight .wysiwyg__facts h2,
.theme-blue .wysiwyg.highlight .wysiwyg__facts h3,
.theme-blue .wysiwyg.highlight .wysiwyg__facts h4,
.theme-blue .wysiwyg.highlight .wysiwyg__facts h5 {
  color: #0095FF;
}

.theme-green .wysiwyg.highlight {
  background-color: #00E14B;
}

.theme-green .wysiwyg.highlight .wysiwyg__facts {
  color: #00E14B;
}

.theme-green .wysiwyg.highlight .wysiwyg__facts h1,
.theme-green .wysiwyg.highlight .wysiwyg__facts h2,
.theme-green .wysiwyg.highlight .wysiwyg__facts h3,
.theme-green .wysiwyg.highlight .wysiwyg__facts h4,
.theme-green .wysiwyg.highlight .wysiwyg__facts h5 {
  color: #00E14B;
}

.theme-red .wysiwyg.highlight {
  background-color: #F83D4E;
}

.theme-red .wysiwyg.highlight .wysiwyg__facts {
  color: #F83D4E;
}

.theme-red .wysiwyg.highlight .wysiwyg__facts h1,
.theme-red .wysiwyg.highlight .wysiwyg__facts h2,
.theme-red .wysiwyg.highlight .wysiwyg__facts h3,
.theme-red .wysiwyg.highlight .wysiwyg__facts h4,
.theme-red .wysiwyg.highlight .wysiwyg__facts h5 {
  color: #F83D4E;
}

.theme-lavanda .wysiwyg.highlight {
  background-color: #D885FF;
}

.theme-lavanda .wysiwyg.highlight .wysiwyg__facts {
  color: #D885FF;
}

.theme-lavanda .wysiwyg.highlight .wysiwyg__facts h1,
.theme-lavanda .wysiwyg.highlight .wysiwyg__facts h2,
.theme-lavanda .wysiwyg.highlight .wysiwyg__facts h3,
.theme-lavanda .wysiwyg.highlight .wysiwyg__facts h4,
.theme-lavanda .wysiwyg.highlight .wysiwyg__facts h5 {
  color: #D885FF;
}

.article-author-info .article-date,
.article-author-info .author-name {
  font-weight: bold;
}

.wysiwyg.highlight a {
  color: white !important;
  border-color: white !important;
}

.wysiwyg.highlight a:hover {
  border: none;
}

.float-left-fact-box .wysiwyg__facts {
  margin-bottom: 10px;
}

@media screen and (min-width: 40em) {
  .float-left-fact-box .wysiwyg__facts {
    width: 50%;
    float: left;
    margin-right: 10px;
  }
}

/*
Modal

A modal box that overlays the page.

default - default version uses the midnight color.
visitor-info--themed - uses the color of the current theme.

Markup:
.modal
  .modal__box
    .modal__close-btn
      svg.svg-icon
        use(xlink:href="images/assets/SVGSpritesheet.svg#cross")
    img(src="images/image-11.jpg")
    .modal__box-content
      h3.header--small Hov, har du udfyldt din email korrekt?
      p.text For at tilmelde dig nyhedsbrevet skal vi bruge din email. Det ser ud til at den email du har indtastet har et forkert format.


Styleguide 2.17
*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 200;
}

.modal:before {
  content: '';
  position: absolute;
  background-color: black;
  opacity: 0.2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal__box {
  background-color: white;
  width: 90%;
  max-width: 500px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.modal__box-content {
  padding: 20px;
}

.modal__close-btn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  padding: 8px;
  background: #0095FF;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.modal__close-btn .svg-icon {
  fill: white;
}

.form-global {
  padding-top: 40px;
  padding-bottom: 40px;
}

.form-global button[type="submit"] {
  border-width: 2px;
  border-style: solid;
  padding: 15px 40px;
}

.form-global button[type="submit"]:focus {
  outline: none;
}

.form-global textarea {
  height: 150px !important;
}

.theme-blue .form-global button[type="submit"] {
  color: #0095FF;
  border-color: #0095FF;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-blue .form-global button[type="submit"]:hover {
  background-color: #0095FF;
  color: #fff;
}

.theme-green .form-global button[type="submit"] {
  color: #00E14B;
  border-color: #00E14B;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-green .form-global button[type="submit"]:hover {
  background-color: #00E14B;
  color: #fff;
}

.theme-red .form-global button[type="submit"] {
  color: #F83D4E;
  border-color: #F83D4E;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-red .form-global button[type="submit"]:hover {
  background-color: #F83D4E;
  color: #fff;
}

.theme-lavanda .form-global button[type="submit"] {
  color: #D885FF;
  border-color: #D885FF;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.theme-lavanda .form-global button[type="submit"]:hover {
  background-color: #D885FF;
  color: #fff;
}

.accordion-section {
  padding: 40px 0;
}

.accordion-section__header {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .accordion-section__header {
    margin-bottom: 60px;
  }
}

.accordion-section__header .accordion-section__header-inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 20px;
}

@media screen and (min-width: 64em) {
  .accordion-section__header .accordion-section__header-inner {
    padding: 0;
  }
}

.accordion-section__header .accordion-section__header-inner h2 {
  font-family: "EXP-display";
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

@media (min-width: 1024px) {
  .accordion-section__header .accordion-section__header-inner h2 {
    font-size: 2.5em;
  }
}

.accordion-section__header .accordion-section__header-inner p {
  margin: 0;
}

.accordion-section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 64em) {
  .accordion-section__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .accordion-section__content.left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.accordion-section__content .box-image,
.accordion-section__content .box-text {
  width: 100%;
}

.accordion-section__content .box-image img {
  width: 100%;
}

.accordion-section__content .box-text {
  padding: 0 1.25rem;
}

@media (min-width: 1025px) {
  .accordion-section__content .box-text .box-text {
    padding: 0;
  }
}

.accordion-section__content .box-text .read-more {
  position: relative;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2em;
  color: #fff;
  height: 35px;
  width: 35px;
  cursor: pointer;
  margin: 35px auto;
}

.accordion-section__content .box-text .read-more .first,
.accordion-section__content .box-text .read-more .second {
  position: absolute;
  width: 20px;
  height: 4px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.accordion-section__content .box-text .read-more .first,
.accordion-section__content .box-text .read-more .second {
  top: 46%;
}

.accordion-section__content .box-text .read-more .second {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion-section__content .box-text.readmore-selected .box-text__content {
  max-height: 250px;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}

.accordion-section__content .box-text.readmore-selected .read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion-section__content .box-text.active .box-text__content {
  max-height: 100%;
}

.accordion-section__content .box-text.active .read-more .second {
  -webkit-transform: none;
          transform: none;
}

@media screen and (min-width: 64em) {
  .accordion-section__content .box-image {
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px);
  }
  .accordion-section__content.has-image .box-text {
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px);
  }
}

body .theme-lavanda .accordion-section .accordion-section__content .box-text .read-more {
  background-color: #D885FF;
}

body .theme-green .accordion-section .accordion-section__content .box-text .read-more {
  background-color: #00E14B;
}

body .theme-red .accordion-section .accordion-section__content .box-text .read-more {
  background-color: #F83D4E;
}

body .theme-blue .accordion-section .accordion-section__content .box-text .read-more {
  background-color: #0095FF;
}

/*
Hero

A large hero section for the top of the page.

*/
.hero__top {
  position: relative;
  height: 720px;
  overflow: hidden;
  height: -webkit-calc(80vh - 70px);
  height: calc(80vh - 70px);
}

@media (min-width: 1024px) and (orientation: landscape) {
  .hero__top {
    height: -webkit-calc(85vh - 100px);
    height: calc(85vh - 100px);
  }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .hero__top {
    height: -webkit-calc(90vh - 100px);
    height: calc(90vh - 100px);
  }
}

.hero__top .row, .hero__top .daily-program {
  height: 100%;
}

.hero__bottom {
  margin-top: -1px;
  padding-bottom: 0px;
  position: relative;
  z-index: 1;
}

.hero__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero__background.compat-object-fit {
  background-size: cover;
  background-position: center center;
}

.hero__background > *:not(a) {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hero__background > .caption {
  -o-object-fit: none;
     object-fit: none;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(11, 19, 38, 0);
  top: initial;
  bottom: 0;
  right: 0;
  left: initial;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding: 10px 20px 15px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  font-size: 9px;
  display: none;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

@media screen and (min-width: 40em) {
  .hero__background > .caption {
    display: inline-block;
    max-width: 200px;
  }
}

.hero__top:hover .hero__background > .caption {
  color: white;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  background-color: #0b1326;
}

.hero__header-container {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 40em) {
  .hero__header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.hero__header {
  font-size: 1.5em;
  color: white;
  letter-spacing: 2px;
}

@media screen and (min-width: 40em) {
  .hero__header {
    font-size: 3.375em;
    padding-right: 50px;
  }
}

@media screen and (min-width: 75em) {
  .hero__header {
    font-size: 5.7em;
    padding-right: 100px;
  }
}

.hero__header span {
  line-height: 1;
  display: block;
  font-family: "EXP-display";
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.01, 0.96, 0.58, 1), -webkit-transform 0.55s cubic-bezier(0.01, 0.96, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.01, 0.96, 0.58, 1), -webkit-transform 0.55s cubic-bezier(0.01, 0.96, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.01, 0.96, 0.58, 1), transform 0.55s cubic-bezier(0.01, 0.96, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.01, 0.96, 0.58, 1), transform 0.55s cubic-bezier(0.01, 0.96, 0.58, 1), -webkit-transform 0.55s cubic-bezier(0.01, 0.96, 0.58, 1);
}

.hero__header span:nth-child(2n + 2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.hero__header span:nth-child(3) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.hero__header span:nth-last-child(n + 4),
.hero__header span:nth-last-child(n + 4) ~ span {
  font-size: 0.7em;
}

.hero__content {
  -webkit-transform: translateY(-90px);
          transform: translateY(-90px);
  position: relative;
}

.hero__content .info {
  background-color: white;
  position: relative;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  padding: 40px;
  color: #0095FF;
}

.hero__content .info h2 {
  margin-bottom: 0.5em;
}

.hero__content .info p {
  margin-bottom: 1.5em;
}

.hero__content .extra-info {
  position: relative;
  width: 60%;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  padding: 40px;
}

.hero__content .extra-info .info-badge {
  position: absolute;
  top: 20px;
  left: 0;
  width: 60px;
  height: 60px;
  padding: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #0095FF;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.hero__content .extra-info .info-badge .svg-icon {
  fill: white;
}

.hero--theme-background .hero__bottom {
  background-color: #0095FF;
}

.hero--animate-text-in .hero__header span {
  opacity: 1;
}

.hero--animate-text-split .hero__header span {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}

@media screen and (min-width: 40em) {
  .hero--animate-text-split .hero__header span:nth-child(1) {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
}

@media screen and (min-width: 75em) {
  .hero--animate-text-split .hero__header span:nth-child(1) {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
}

@media screen and (min-width: 40em) {
  .hero--animate-text-split .hero__header span:nth-child(2n + 2) {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
}

@media screen and (min-width: 40em) {
  .hero--animate-text-split .hero__header span:nth-child(3) {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
}

.theme-blue .hero.hero--theme-background .hero__bottom {
  background-color: #0095FF;
}

.theme-blue .hero .hero__content .info {
  color: #0095FF;
}

.theme-blue .hero .hero__content .extra-info .info-badge {
  background-color: #0095FF;
}

.theme-green .hero.hero--theme-background .hero__bottom {
  background-color: #00E14B;
}

.theme-green .hero .hero__content .info {
  color: #00E14B;
}

.theme-green .hero .hero__content .extra-info .info-badge {
  background-color: #00E14B;
}

.theme-red .hero.hero--theme-background .hero__bottom {
  background-color: #F83D4E;
}

.theme-red .hero .hero__content .info {
  color: #F83D4E;
}

.theme-red .hero .hero__content .extra-info .info-badge {
  background-color: #F83D4E;
}

.theme-lavanda .hero.hero--theme-background .hero__bottom {
  background-color: #D885FF;
}

.theme-lavanda .hero .hero__content .info {
  color: #D885FF;
}

.theme-lavanda .hero .hero__content .extra-info .info-badge {
  background-color: #D885FF;
}

.no-video-image-hero__bottom {
  margin-top: 166px;
}

.hero + .quiz-wrapper {
  padding-top: 0;
  margin-top: 0px;
}

.hero + .three-boxes-wrapper {
  padding-top: 90px;
}

/*
Global Navigation

The global navigation needs to be positioned fixed in the top of the page.
The page should have a top margin that equals the height of the global navigation.

The link in the navigation corresponding to the current page, should have the 'active' class added to its parent li.

A script should be hooked up to the navigation to toggle the offcanvas nav,
secondary nav and search.
The script should also toggle the condensed modifier when the page scrolls.

default - default view of the global navigation
global-navigation--condensed - Condenses the height of the nav bar and substitutes
the logo for a "play your visit" element when on a mobile phone.
global-navigation--sec-nav-open - class that toggles to open the secondary navigation
global-navigation--search-open - class that toggles to open the search

Markup:
header.global-navigation(class="{$modifiers}")
  .global-navigation__nav-bar
    .row.align-middle.align-justify
      .columns.global-navigation__nav
        .site-logo
          | LOGO
        a.text-icon.plan-visit
          svg
            use(xlink:href="images/assets/SVGSpritesheet.svg#calendar")
          | besøg os
        nav.global-navigation__nav-items
          ul
            li.active
              a(href="#") Oplev Experimentarium
            li
              a(href="#") Naturvidenskab og teknologi
      .columns.small-4.center
        a.text-icon
          svg
            use(xlink:href="images/assets/SVGSpritesheet.svg#ticket")
          | Køb billet
      .columns.small-4.right
        .global-navigation__secondary-nav
          nav
            ul
              li
                a(href="#") Om os
              li
                a(href="#") Til virksomheder
              li
                a(href="#") Til skoler
              li
                a(href="#") Presse
              li
                a(href="#") English
          div.menu-toggler
            svg.close
              use(xlink:href="images/assets/SVGSpritesheet.svg#cross")
            .dot-menu
              span
        .global-navigation__webshop
          span webshop
          button.cart-btn
            svg
              use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
        .global-navigation__search, .global-navigation__search-mobile
          form.search-field
            input(type="text" placeholder="Søg på sitet")
            button(type="submit")
              svg
                use(xlink:href="images/assets/SVGSpritesheet.svg#search")
          button.search-btn
            svg.open
              use(xlink:href="images/assets/SVGSpritesheet.svg#search")
            svg.close
              use(xlink:href="images/assets/SVGSpritesheet.svg#cross")
        .burger(data-js="toggle-off-canvas")
          .burger__logo
            span
          span.burger__text
            | Menu
  .row.align-right
    .global-navigation__extra-info
      .visitor-info.visit(class="{$modifiers}")
        svg
          use(xlink:href="images/assets/SVGSpritesheet.svg#calendar")
        div
          p I dag er vi åbne
            span.time  kl. 09.00 - 21.00
          strong
            | Planlæg dit besøg
      .visitor-info.visitor-info--themed.ticket
        svg
          use(xlink:href="images/assets/SVGSpritesheet.svg#ticket")
        div
          strong
            | Køb billet online
          p
            | og spring køen over.

Styleguide 3.2

*/
.global-navigation {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

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

@media screen and (min-width: 40em) {
  .global-navigation .center {
    display: none;
  }
}

.global-navigation .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.global-navigation .right .global-navigation__secondary-nav {
  display: none;
}

.global-navigation .right .global-navigation__search, .global-navigation .right .global-navigation__search-mobile {
  display: none;
}

.global-navigation .right .global-navigation__webshop {
  display: none;
}

@media screen and (min-width: 40em) {
  .global-navigation .right {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (min-width: 64em) {
  .global-navigation .right {
    padding-bottom: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .global-navigation .right .burger {
    display: none;
  }
  .global-navigation .right .global-navigation__secondary-nav {
    display: block;
    margin-left: -300px;
  }
  .global-navigation .right .global-navigation__search, .global-navigation .right .global-navigation__search-mobile {
    display: block;
  }
  .global-navigation .right .global-navigation__webshop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.global-navigation .text-icon {
  color: #0b1326;
  text-transform: uppercase;
  font-size: 0.87em;
  white-space: nowrap;
  display: block;
  text-align: center;
}

.global-navigation .text-icon svg {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}

.global-navigation__nav {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.global-navigation__nav .site-logo {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

@media screen and (min-width: 40em) {
  .global-navigation__nav .site-logo {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}

.global-navigation__nav .plan-visit {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.global-navigation__nav-items {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  display: none;
  height: 100%;
}

@media screen and (min-width: 64em) {
  .global-navigation__nav-items {
    display: block;
  }
}

.global-navigation__nav-items ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 75em) {
  .global-navigation__nav-items ul {
    margin-left: 20px;
  }
}

.global-navigation__nav-items ul li {
  height: 100%;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.global-navigation__nav-items ul li a {
  display: inline-block;
  padding-bottom: 15px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__nav-items ul li a:hover {
  color: #0095FF;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

@media screen and (min-width: 40em) {
  .global-navigation__nav-items ul li {
    font-size: 1em;
  }
}

@media screen and (min-width: 75em) {
  .global-navigation__nav-items ul li {
    font-size: 1.25em;
  }
}

.global-navigation__nav-items ul li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #0095FF;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__nav-items ul li.active:after {
  opacity: 1;
}

.global-navigation__nav-items li {
  margin-left: 20px;
}

.theme-blue .global-navigation__secondary-nav li.active {
  border-bottom: 1px solid #0095FF;
}

.theme-green .global-navigation__secondary-nav li.active {
  border-bottom: 1px solid #00E14B;
}

.theme-red .global-navigation__secondary-nav li.active {
  border-bottom: 1px solid #F83D4E;
}

.theme-lavanda .global-navigation__secondary-nav li.active {
  border-bottom: 1px solid #D885FF;
}

.global-navigation__secondary-nav {
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__secondary-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.global-navigation__secondary-nav li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  line-height: 1;
  text-transform: uppercase;
}

.global-navigation__secondary-nav li a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.01, 0.96, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.01, 0.96, 0.58, 1);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  line-height: 24px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__secondary-nav li a:hover {
  color: #0095FF;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__secondary-nav .menu-toggler .close {
  width: 24px;
  height: 24px;
  padding: 5px;
  display: none;
}

@media screen and (min-width: 75em) {
  .global-navigation__secondary-nav {
    position: relative;
    height: 24px;
  }
  .global-navigation__secondary-nav nav {
    display: block;
  }
  .global-navigation__secondary-nav .menu-toggler {
    display: none;
  }
}

.global-navigation__webshop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
  text-transform: uppercase;
}

.global-navigation__webshop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__webshop a .cart-btn {
  width: 19px;
  height: 16px;
  margin-left: 5px;
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__webshop a:hover {
  color: #0095FF;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__webshop a:hover svg {
  fill: #0095FF;
}

.global-navigation__search .search-field {
  position: absolute;
  left: -10px;
  top: 0;
  height: 100%;
  width: 250px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  pointer-events: none;
  opacity: 0;
  border-bottom: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search, .global-navigation__search-mobile {
  position: relative;
}

.global-navigation__search .search-btn, .global-navigation__search-mobile .search-btn {
  width: 24px;
  height: 24px;
  padding: 5px;
  margin-top: 3px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search .search-btn svg, .global-navigation__search-mobile .search-btn svg {
  width: 100%;
  height: 100%;
}

.global-navigation__search .search-btn:focus, .global-navigation__search-mobile .search-btn:focus {
  outline: 0;
}

.global-navigation__search .search-btn:hover, .global-navigation__search-mobile .search-btn:hover {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search .search-btn:hover svg, .global-navigation__search-mobile .search-btn:hover svg {
  fill: #0095FF;
}

.global-navigation__search .close, .global-navigation__search-mobile .close {
  display: none;
}

.global-navigation__search .search-field, .global-navigation__search-mobile .search-field {
  border-bottom: 1px solid black;
}

.global-navigation__search .search-field input.input-text--search, .global-navigation__search-mobile .search-field input.input-text--search {
  margin-bottom: 0;
  height: 100%;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background: none;
  outline: none;
}

.global-navigation__search .search-field button, .global-navigation__search-mobile .search-field button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 24px;
  height: 24px;
  padding: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search .search-field button:hover, .global-navigation__search-mobile .search-field button:hover {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search .search-field button:hover svg, .global-navigation__search-mobile .search-field button:hover svg {
  fill: #0095FF;
}

.global-navigation__search .search-field button svg, .global-navigation__search-mobile .search-field button svg {
  width: 100%;
  height: 100%;
}

.global-navigation__search .search-field button:focus, .global-navigation__search-mobile .search-field button:focus {
  outline: 0;
}

.global-navigation__search-mobile .search-field {
  border-bottom: 1px solid #fff;
}

.global-navigation__search-mobile .search-field button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 24px;
  height: 24px;
  padding: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search-mobile .search-field button:hover {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation__search-mobile .search-field button:hover svg {
  fill: #fff;
}

.global-navigation__search-mobile .search-field button svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}

.global-navigation__search-mobile .search-field button:focus {
  outline: 0;
}

.global-navigation__search-mobile .search-field .input-text--search {
  width: 90%;
  color: #fff;
}

.global-navigation__nav-bar {
  background-color: white;
  -webkit-box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 60px 0px rgba(0, 0, 0, 0.25);
  height: 70px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

@media screen and (min-width: 64em) {
  .global-navigation__nav-bar {
    height: 100px;
  }
}

@media screen and (min-width: 75em) {
  .global-navigation__nav-bar {
    height: 100px;
  }
}

.global-navigation__nav-bar .row, .global-navigation__nav-bar .daily-program {
  height: 100%;
}

.global-navigation_ticket--tablet {
  display: none;
}

@media screen and (min-width: 40em) {
  .global-navigation_ticket--tablet {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .global-navigation_ticket--tablet {
    display: none;
  }
}

.global-navigation__extra-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  position: fixed;
  z-index: 999;
}

@media screen and (min-width: 40em) {
  .global-navigation__extra-info {
    width: 100%;
    position: fixed;
    right: 0;
    z-index: 999;
  }
}

@media screen and (min-width: 64em) {
  .global-navigation__extra-info {
    margin: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    position: fixed;
    right: 0;
    z-index: 999;
    width: auto;
  }
  body.is-logged.customize-support .global-navigation__extra-info {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (min-width: 75em) {
  .global-navigation__extra-info {
    margin: 0 20px;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    position: fixed;
    right: 0;
    z-index: 999;
  }
  body.is-logged.customize-support .global-navigation__extra-info {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .global-navigation__extra-info {
    display: none;
  }
}

.global-navigation__extra-info .info {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.global-navigation__extra-info .ticket {
  display: none;
  padding: 0;
}

@media screen and (min-width: 64em) {
  .global-navigation__extra-info .ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.global-navigation__extra-info .visit {
  width: 100%;
}

@media screen and (min-width: 40em) {
  .global-navigation__extra-info .visit {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .global-navigation__extra-info .visit {
    width: auto;
  }
}

@media screen and (min-width: 40em) {
  .global-navigation__extra-info .visit svg, .global-navigation__extra-info .visit strong {
    display: block;
  }
}

.global-navigation__extra-info .visit .time {
  font-weight: bold;
}

@media screen and (min-width: 40em) {
  .global-navigation__extra-info .visit .time {
    display: inline-block;
  }
}

.global-navigation--sec-nav-open .global-navigation__nav-items {
  opacity: 0;
  pointer-events: none;
}

.global-navigation--sec-nav-open .global-navigation__secondary-nav nav {
  display: block;
}

.global-navigation--sec-nav-open .global-navigation__secondary-nav li a {
  pointer-events: all;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.global-navigation--sec-nav-open .global-navigation__secondary-nav .menu-toggler:hover {
  cursor: pointer;
}

.global-navigation--sec-nav-open .global-navigation__secondary-nav .menu-toggler:hover .close {
  fill: #0095FF;
}

.global-navigation--sec-nav-open .global-navigation__secondary-nav .menu-toggler .close {
  display: block;
}

.global-navigation--sec-nav-open .global-navigation__secondary-nav .menu-toggler .dot-menu {
  display: none;
}

.global-navigation--search-open .global-navigation__secondary-nav {
  opacity: 0;
  pointer-events: none;
}

.global-navigation--search-open .global-navigation__search .search-field, .global-navigation--search-open .global-navigation__search-mobile .search-field {
  opacity: 1;
  pointer-events: all;
}

.global-navigation--search-open .global-navigation__search .open, .global-navigation--search-open .global-navigation__search-mobile .open {
  display: none;
}

.global-navigation--search-open .global-navigation__search .close, .global-navigation--search-open .global-navigation__search-mobile .close {
  display: block;
}

@media screen and (min-width: 64em) {
  .global-navigation--condensed .global-navigation__nav-bar {
    height: 70px;
  }
}

@media screen and (min-width: 75em) {
  .global-navigation--condensed .global-navigation__nav-bar {
    height: 80px;
  }
}

.global-navigation--condensed .global-navigation__nav .global-navigation__nav-items ul li a {
  padding-bottom: 5px;
}

.global-navigation--condensed .global-navigation__nav .site-logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 40em) {
  .global-navigation--condensed .global-navigation__nav .site-logo {
    -webkit-transform: none;
            transform: none;
    position: static;
    opacity: 1;
    pointer-events: all;
  }
}

.global-navigation--condensed .global-navigation__nav .plan-visit {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 1;
  pointer-events: all;
}

@media screen and (min-width: 40em) {
  .global-navigation--condensed .global-navigation__nav .plan-visit {
    display: none;
  }
}

.global-navigation--condensed .global-navigation__extra-info {
  display: none;
}

@media screen and (min-width: 40em) {
  .global-navigation--condensed .global-navigation__extra-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.global-navigation--condensed #mega-menu-wrap-main-menu, .global-navigation--condensed #mega-menu-wrap-main-menu-en {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

@media screen and (min-width: 64em) {
  .global-navigation--condensed #mega-menu-wrap-main-menu, .global-navigation--condensed #mega-menu-wrap-main-menu-en {
    top: 37px;
  }
}

@media screen and (min-width: 75em) {
  .global-navigation--condensed #mega-menu-wrap-main-menu, .global-navigation--condensed #mega-menu-wrap-main-menu-en {
    top: 43px;
  }
}

.global-navigation--condensed #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, .global-navigation--condensed #mega-menu-wrap-main-menu-en #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
  height: 37px;
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-main-menu, #mega-menu-wrap-main-menu-en {
    background-color: transparent;
    top: 53px;
    color: inherit;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
    transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en {
    color: inherit;
    margin-left: 30px;
    width: 820px;
    position: absolute;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item {
    color: inherit;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item a.mega-menu-link {
    color: inherit;
    text-transform: none !important;
    font-size: 20px !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item a.mega-menu-link:focus,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item a.mega-menu-link:hover,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item a.mega-menu-link:focus {
    background: none;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item a.mega-menu-link:focus,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item a.mega-menu-link:focus {
    color: inherit;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-current-menu-item.mega-current_page_item a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item.mega-current-menu-item.mega-current_page_item a.mega-menu-link {
    text-decoration: underline !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
    text-decoration: underline !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-item-has-children > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item.mega-menu-item-has-children > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 13px !important;
    line-height: 1.85em;
    font-weight: bold !important;
    padding-bottom: 6px !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.3;
  }
}

@media screen and (min-width: 64em) and (max-width: 1380px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link {
    font-size: 16px !important;
    line-height: 30px;
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item > a.mega-menu-link {
    font-size: 20px;
    line-height: 26px;
    height: 47px;
    padding-right: 0;
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-main-menu li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,
  #mega-menu-wrap-main-menu li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu,
  #mega-menu-wrap-main-menu-en li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,
  #mega-menu-wrap-main-menu-en li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    position: fixed !important;
    width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
    transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  }
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #fff;
  padding-bottom: 17px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
  text-decoration: underline;
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    max-width: 1340px;
    margin: 0 auto;
    float: none !important;
    padding-left: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center;
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column,
  #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    margin-left: 0;
  }
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  width: 100%;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0px 0px 0px 15px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  text-decoration: underline;
}

.off-canvas-menu__primary #mega-menu-main-menu,
.off-canvas-menu__primary #mega-menu-main-menu-en {
  margin-top: 22px !important;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu .mega-menu-toggle,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en .mega-menu-toggle {
  display: none;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item {
  display: inline-block;
  margin: 0;
  clear: both;
  border: 0;
  width: 100%;
  vertical-align: top;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item a.mega-menu-link {
  font-size: 20px;
  line-height: 2.25em;
  color: #fff !important;
  margin: 10px;
  background: transparent;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en .mega-menu-toggle + #mega-menu-main-menu-en li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: 0 20px;
  position: relative;
  display: inline-block;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  padding: 0;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
  width: 100%;
  padding: 0;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after,
.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after,
.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item-has-children > a.mega-menu-link:after,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu:last-child > li.mega-menu-item:last-child,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu:last-child > li.mega-menu-item:last-child {
  border-bottom: 0px !important;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  display: none;
}

.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.off-canvas-menu__primary #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  padding-bottom: 0;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
}

.theme-blue .global-navigation__nav-items ul li:after {
  background-color: #0095FF;
}

.theme-blue .global-navigation .global-navigation__webshop a:hover {
  color: #0095FF;
}

.theme-blue .global-navigation .global-navigation__webshop a:hover svg {
  fill: #0095FF;
}

.theme-blue .global-navigation .search-btn:hover svg {
  fill: #0095FF;
}

.theme-blue .global-navigation .search-field button:hover svg {
  fill: #0095FF;
}

.theme-green .global-navigation__nav-items ul li:after {
  background-color: #00E14B;
}

.theme-green .global-navigation .global-navigation__webshop a:hover {
  color: #00E14B;
}

.theme-green .global-navigation .global-navigation__webshop a:hover svg {
  fill: #00E14B;
}

.theme-green .global-navigation .search-btn:hover svg {
  fill: #00E14B;
}

.theme-green .global-navigation .search-field button:hover svg {
  fill: #00E14B;
}

.theme-red .global-navigation__nav-items ul li:after {
  background-color: #F83D4E;
}

.theme-red .global-navigation .global-navigation__webshop a:hover {
  color: #F83D4E;
}

.theme-red .global-navigation .global-navigation__webshop a:hover svg {
  fill: #F83D4E;
}

.theme-red .global-navigation .search-btn:hover svg {
  fill: #F83D4E;
}

.theme-red .global-navigation .search-field button:hover svg {
  fill: #F83D4E;
}

.theme-lavanda .global-navigation__nav-items ul li:after {
  background-color: #D885FF;
}

.theme-lavanda .global-navigation .global-navigation__webshop a:hover {
  color: #D885FF;
}

.theme-lavanda .global-navigation .global-navigation__webshop a:hover svg {
  fill: #D885FF;
}

.theme-lavanda .global-navigation .search-btn:hover svg {
  fill: #D885FF;
}

.theme-lavanda .global-navigation .search-field button:hover svg {
  fill: #D885FF;
}

.theme-blue .menu-toggler:hover svg {
  fill: #0095FF !important;
}

.theme-blue .menu-toggler__secondary-nav li.active {
  border-color: #0095FF;
}

.theme-green .menu-toggler:hover svg {
  fill: #00E14B !important;
}

.theme-green .menu-toggler__secondary-nav li.active {
  border-color: #00E14B;
}

.theme-red .menu-toggler:hover svg {
  fill: #F83D4E !important;
}

.theme-red .menu-toggler__secondary-nav li.active {
  border-color: #F83D4E;
}

.theme-lavanda .menu-toggler:hover svg {
  fill: #D885FF !important;
}

.theme-lavanda .menu-toggler__secondary-nav li.active {
  border-color: #D885FF;
}

.theme-blue .global-navigation__nav-bar .global-navigation__nav-items ul li a:hover, .theme-blue .global-navigation__nav-bar .global-navigation__secondary-nav ul li a:hover {
  color: #0095FF;
}

.theme-green .global-navigation__nav-bar .global-navigation__nav-items ul li a:hover, .theme-green .global-navigation__nav-bar .global-navigation__secondary-nav ul li a:hover {
  color: #00E14B;
}

.theme-red .global-navigation__nav-bar .global-navigation__nav-items ul li a:hover, .theme-red .global-navigation__nav-bar .global-navigation__secondary-nav ul li a:hover {
  color: #F83D4E;
}

.theme-lavanda .global-navigation__nav-bar .global-navigation__nav-items ul li a:hover, .theme-lavanda .global-navigation__nav-bar .global-navigation__secondary-nav ul li a:hover {
  color: #D885FF;
}

.theme-blue #mega-menu-wrap-main-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu li a:hover {
  color: #0095FF !important;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-toggle-on > a.mega-menu-link {
  color: #0095FF !important;
  background: none;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #0095FF;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-blue #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-green #mega-menu-wrap-main-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu li a:hover {
  color: #00E14B !important;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-toggle-on > a.mega-menu-link {
  color: #00E14B !important;
  background: none;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #00E14B;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-green #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-red #mega-menu-wrap-main-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu li a:hover {
  color: #F83D4E !important;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-toggle-on > a.mega-menu-link {
  color: #F83D4E !important;
  background: none;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #F83D4E;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-red #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-main-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu li a:hover {
  color: #D885FF !important;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-toggle-on > a.mega-menu-link {
  color: #D885FF !important;
  background: none;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #D885FF;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-blue #mega-menu-wrap-main-menu-en {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li a:hover {
  color: #0095FF !important;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #0095FF !important;
  background: none;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #0095FF;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu {
  background: #0095FF;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-blue #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-green #mega-menu-wrap-main-menu-en {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li a:hover {
  color: #00E14B !important;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #00E14B !important;
  background: none;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #00E14B;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu {
  background: #00E14B;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-green #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-red #mega-menu-wrap-main-menu-en {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li a:hover {
  color: #F83D4E !important;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #F83D4E !important;
  background: none;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #F83D4E;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu {
  background: #F83D4E;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-red #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-main-menu-en {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li a:hover {
  color: #D885FF !important;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-toggle-on > a.mega-menu-link {
  color: #D885FF !important;
  background: none;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #D885FF;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a {
  color: #fff !important;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  text-decoration: underline;
  background: none;
  color: inherit;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu {
  background: #D885FF;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a {
  color: #fff;
}

.theme-lavanda #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en ul.mega-sub-menu li a:hover {
  color: #fff;
}

.theme-blue .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
.theme-blue .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-blue .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
.theme-blue .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #0095FF;
}

.theme-green .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
.theme-green .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-green .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
.theme-green .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #00E14B;
}

.theme-red .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
.theme-red .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-red .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
.theme-red .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #F83D4E;
}

.theme-lavanda .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
.theme-lavanda .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #fff !important;
  background: none;
}

.theme-lavanda .off-canvas-menu #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
.theme-lavanda .off-canvas-menu #mega-menu-wrap-main-menu-en #mega-menu-main-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  border-bottom: 1px solid #D885FF;
}

.global-navigation--condensed #mega-menu-wrap-test-mega-menu, .global-navigation--condensed #mega-menu-wrap-test-mega-menu-en {
  top: 43px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.global-navigation--condensed #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item > a.mega-menu-link, .global-navigation--condensed #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu > li.mega-menu-item > a.mega-menu-link {
  height: 37px;
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-test-mega-menu, #mega-menu-wrap-test-mega-menu-en {
    background-color: transparent;
    top: 53px;
    color: inherit;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
    transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en {
    color: inherit;
    margin-left: 30px;
    width: 820px;
    position: absolute;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item {
    color: inherit;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item a.mega-menu-link {
    color: inherit;
    text-transform: none !important;
    font-size: 20px !important;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item a.mega-menu-link:focus {
    background: none;
  }
  #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item a.mega-menu-link:focus {
    background: none;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item a.mega-menu-link:focus, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item a.mega-menu-link:focus {
    color: inherit;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item.mega-current-menu-item.mega-current_page_item a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item.mega-current-menu-item.mega-current_page_item a.mega-menu-link, #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
    text-decoration: underline !important;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item.mega-menu-item-has-children > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item.mega-menu-item-has-children > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 13px !important;
    line-height: 1.85em;
    font-weight: bold !important;
    padding-bottom: 6px !important;
  }
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.3;
  }
}

@media screen and (min-width: 64em) and (max-width: 1380px) {
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item.mega-menu-item-has-children a.mega-menu-link {
    font-size: 16px !important;
    line-height: 30px;
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item > a.mega-menu-link {
    font-size: 20px;
    line-height: 26px;
    height: 47px;
    padding-right: 0;
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-test-mega-menu li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-test-mega-menu li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    position: fixed !important;
    width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
    transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  }
  #mega-menu-wrap-test-mega-menu-en li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-test-mega-menu-en li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    position: fixed !important;
    width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
    transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  }
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

#mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

#mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #fff;
  padding-bottom: 17px;
}

#mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #fff;
  padding-bottom: 17px;
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
  text-decoration: underline;
}

#mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
  text-decoration: underline;
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    max-width: 1340px;
    margin: 0 auto;
    float: none !important;
    padding-left: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
  }
}

@media screen and (min-width: 64em) {
  #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    margin-left: 0;
  }
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  width: 100%;
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0px 0px 0px 15px;
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  text-decoration: underline;
}

.off-canvas-menu__primary #mega-menu-test-mega-menu, .off-canvas-menu__primary #mega-menu-test-mega-menu-en {
  margin-top: 22px !important;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu .mega-menu-toggle, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en .mega-menu-toggle {
  display: none;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item {
  display: inline-block;
  margin: 0;
  clear: both;
  border: 0;
  width: 100%;
  vertical-align: top;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item a.mega-menu-link, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item a.mega-menu-link {
  font-size: 20px;
  line-height: 2.25em;
  color: #fff !important;
  margin: 10px;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu .mega-menu-toggle + #mega-menu-test-mega-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en .mega-menu-toggle + #mega-menu-test-mega-menu-en li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: 0 20px;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  padding: 0;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
  width: 100%;
  padding: 0;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-item-has-children > a.mega-menu-link:after {
  content: '';
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu:last-child > li.mega-menu-item:last-child, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu:last-child > li.mega-menu-item:last-child {
  border-bottom: 0px !important;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  display: none;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  display: none;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  padding-bottom: 0;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
}

.off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .off-canvas-menu__primary #mega-menu-wrap-test-mega-menu-en #mega-menu-test-mega-menu-en > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  padding-bottom: 0;
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
}

/*
Global footer

default - default view of the footer

Markup:
footer.footer
  .row
    .small-12.medium-6.large-3.columns
      .footer__item
        ul.opening-time
          li
            span.day Mondag
            span.time 10.00 - 20.00
          li
            span.day Tirsdag
            span.time 10.00 - 20.00
          li
            span.day Onsdag
            span.time 10.00 - 20.00
          li.today
            span.day Torsdag
            span.time 10.00 - 21.00
          li
            span.day Fredag
            span.time 10.00 - 20.00
          li
            span.day Lørdag (årskort)
            span.time 09.00 - 22.00
          li
            span.day Lørdag
            span.time 10.00 - 20.00
          li
            span.day Søndag
            span.time 10.00 - 20.00
        p.text--small Lukket den 23. 24. 25. dec, samt den 31. dec. og 1. jan.
        p
          a(href="#" class="link link--invert") Planlæg dit besøg
    .small-12.medium-6.large-3.columns
      .footer__item.address
        h5 Address
        p Tuborg Havnevej 7
        p 2900 Hellerup
        p Denmark
      .footer__item.contact
        h5 Contact us
        p Tel: +45 21 54 87 98
        p Mail:
          a(href="mailto:info@site.com") info@experimentarium.com
      .footer__item
        h5 CVR
        p 12 54 87 65
    .small-12.medium-6.large-4.columns
      .footer__item.news-letter-signup
        h5 Tilmeld vores nyhedsbrev
        p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget pretium eros, et porta lacus.
        .input-group
          input(class="input-group-field input-text input-text--invert" type="text" placeholder="Din mail adresse")
          .input-group-button
            input(type="submit" class="button btn btn--invert" value="Tilmeld")
    .small-12.medium-6.large-2.columns
      .footer__item.links
        ul
          li
            a(href="#" class="link") om os
          li
            a(href="#" class="link") TIL VIRKSOMHEDER
          li
            a(href="#" class="link") TIL SKOLER
          li
            a(href="#" class="link") PRESSE
          li
            a(href="#" class="link") ENGLISH
          li
            a(href="#" class="link") WEBSHOP

Styleguide 3.4

*/
.footer-content .news-letter-signup {
  position: relative;
  z-index: 2;
}

.footer {
  position: relative;
  background-color: #0B1326;
  color: white;
  padding: 40px 0;
}

.footer .footer__item {
  margin-bottom: 20px;
}

.footer .footer__item h5 {
  font-weight: 800;
}

.footer .footer__item a.link, .footer .footer__item .wysiwyg a, .wysiwyg .footer .footer__item a, .footer .footer__item .galery a, .galery .footer .footer__item a {
  border-bottom: 1px solid white;
}

.footer .footer__item a.link:hover, .footer .footer__item .wysiwyg a:hover, .wysiwyg .footer .footer__item a:hover, .footer .footer__item .galery a:hover, .galery .footer .footer__item a:hover {
  border-color: transparent;
}

.footer .footer__item .opening-time {
  margin-bottom: 20px;
}

.footer .footer__item .opening-time li .day {
  display: inline-block;
  margin-right: 10px;
  min-width: 50px;
}

.footer .footer__item .opening-time li.today {
  font-weight: 800 !important;
}

.footer .address p, .footer .contact p {
  margin-bottom: 0;
}

.footer .footer__item.social-share {
  margin-top: 40px;
}

.footer .footer__item.social-share ul.social-shares__icons {
  margin-top: 10px;
}

.footer .links li {
  display: inline-block;
  margin-right: 5px;
}

.footer .links li:last-child {
  margin-right: 0;
}

.footer .links li a {
  text-transform: uppercase;
}

.footer .links li a:hover {
  text-decoration: none;
}

.footer .news-letter-signup .input-text {
  color: #0B1326;
}

.footer .news-letter-signup .input-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(11, 19, 38, 0.5);
}

.footer .news-letter-signup .input-text::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(11, 19, 38, 0.5);
}

.footer .news-letter-signup .input-text:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(11, 19, 38, 0.5);
}

.footer .news-letter-signup .input-text:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(11, 19, 38, 0.5);
}

.footer .news-letter-signup .input-text:focus {
  background-color: #e6e6e6;
  border-color: white;
  color: #0B1326;
}

.footer .news-letter-signup input[type="submit"] {
  padding-left: 15px;
  padding-right: 15px;
}

.footer .news-letter-signup input[type="submit"]:hover {
  color: #0B1326;
}

.footer .news-letter-signup .newsletter-checkbox--agree #checkboxFiveInput {
  visibility: hidden;
  display: none;
}

.footer .news-letter-signup .newsletter-checkbox--agree label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-right: 3px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #ddd;
}

.footer .news-letter-signup .newsletter-checkbox--agree label:after {
  opacity: 0.1;
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  background: transparent;
  top: 3px;
  left: 1px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer .news-letter-signup .newsletter-checkbox--agree label:hover::after {
  opacity: 0.5;
}

.footer .news-letter-signup .newsletter-checkbox--agree input[type=checkbox]:checked + label:after {
  opacity: 1;
  border-color: #38b11b;
}

.footer .news-letter-signup .newsletter-checkbox--agree .newsletter-label--title {
  font-size: 0.8em;
  display: inline;
  margin-top: 0px;
  padding-left: 0px;
  vertical-align: middle;
}

.footer .news-letter-signup .newsletter-checkbox--agree p.this-i-presume-should-be-hidden {
  opacity: .4;
  font-size: 0.8em;
}

.footer .news-letter-signup .newsletter-checkbox--agree p.this-i-presume-should-be-hidden:hover {
  opacity: 1;
}

.footer .news-letter-signup .newsletter-checkbox--agree p.this-i-presume-should-be-hidden a {
  text-decoration: underline;
}

/*
Off canvas menu

The menu that resides off canvas. The menu should be positioned fixed to the top and
left of the page, with a full height. The menu should then be transformed out of
the viewport to the left of the canvas.

Markup:
nav.off-canvas-menu
  .off-canvas-menu__primary
    ul
      li
        a(href="#") Oplev Experimentarium
      li
        a(href="#") Naturvidenskab og teknologi
  .off-canvas-menu__secondary
    ul
      li
        a(href="#") Om os
      li
        a(href="#") Til virksomheder
      li
        a(href="#") Til undervisere
      li
        a(href="#") Presse
      li
        a(href="#") English
      li
        a(href="#")
          svg.svg-icon
            use(xlink:href="images/assets/SVGSpritesheet.svg#cart")
          | Webshop
      li
        a(href="#")
          svg.svg-icon
            use(xlink:href="images/assets/SVGSpritesheet.svg#search")
          | Søg

Styleguide 3.3
*/
@media screen and (min-width: 64em) {
  .slideout-open .slideout-menu {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .slideout-open .slideout-panel {
    -webkit-transform: translateX(0px) !important;
            transform: translateX(0px) !important;
  }
}

.off-canvas-menu {
  padding: 20px 0;
  padding-top: 70px;
  background-color: inherit;
}

@media screen and (min-width: 40em) {
  .off-canvas-menu {
    padding-top: 80px;
  }
}

@media screen and (min-width: 64em) {
  .off-canvas-menu {
    padding-top: 50px;
  }
}

.off-canvas-menu__primary {
  margin-bottom: 30px;
}

.off-canvas-menu__primary li {
  padding: 10px 0;
}

.off-canvas-menu__secondary {
  padding: 0 20px;
}

.off-canvas-menu__secondary ul#menu-top-menu {
  text-align: center;
}

.off-canvas-menu__secondary li {
  padding: 5px 15px;
  display: inline-block;
}

.off-canvas-menu__secondary li a {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}

.off-canvas-menu__secondary li a .svg-icon {
  width: 20px;
  height: 15px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: sub;
}

.off-canvas-menu__secondary a {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}

.theme-blue .off-canvas-menu {
  background-color: #0095FF;
}

.theme-green .off-canvas-menu {
  background-color: #00E14B;
}

.theme-red .off-canvas-menu {
  background-color: #F83D4E;
}

.theme-lavanda .off-canvas-menu {
  background-color: #D885FF;
}

.two-column-section {
  padding: 40px 0;
}

.two-column-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 64em) {
  .two-column-section__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .two-column-section__inner.sidebar-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.two-column-section__inner .two-column-section__content {
  width: 100%;
  padding: 0 1.25rem;
}

@media screen and (min-width: 40em) {
  .two-column-section__inner .two-column-section__content {
    padding: 0 60px;
  }
}

@media screen and (min-width: 64em) {
  .two-column-section__inner .two-column-section__content {
    width: -webkit-calc(60% - 25px);
    width: calc(60% - 25px);
    padding: 0 40px;
  }
}

.two-column-section__inner .two-column-section__sidebar {
  margin-top: 1.25rem;
  background-color: #fff;
  width: 100%;
  padding: 0 20px;
}

@media screen and (min-width: 40em) {
  .two-column-section__inner .two-column-section__sidebar {
    padding: 0 60px;
  }
}

.two-column-section__inner .two-column-section__sidebar ul {
  list-style: inherit;
}

@media screen and (min-width: 64em) {
  .two-column-section__inner .two-column-section__sidebar {
    margin: 0;
    width: -webkit-calc(40% - 25px);
    width: calc(40% - 25px);
    padding: 0 40px;
  }
}

.two-column-section__inner .two-column-section__sidebar img {
  width: 100%;
  margin: 0;
}

.two-column-section__inner .two-column-section__sidebar blockquote {
  padding: 60px 0 0 0;
  position: relative;
}

@media screen and (min-width: 40em) {
  .two-column-section__inner .two-column-section__sidebar blockquote {
    padding: 40px 0 0 100px;
  }
}

.two-column-section__inner .two-column-section__sidebar blockquote .quote {
  padding: 0;
  font-size: 21px;
  letter-spacing: 0px;
  line-height: 31px;
  margin-bottom: 15px;
}

.two-column-section__inner .two-column-section__sidebar blockquote .quite-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-image: url("../images/assets/quote.svg");
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 40em) {
  .two-column-section__inner .two-column-section__sidebar blockquote .quite-icon {
    height: 80px;
    width: 80px;
  }
}

.two-column-section__inner .two-column-section__sidebar .tableofcontent-wrapper {
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 40px;
}

.interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  padding-right: 1rem;
}

.interaction .rotator {
  display: block;
  width: 75px;
  height: auto;
  -webkit-transform-origin: 31.5% 39.5%;
          transform-origin: 31.5% 39.5%;
  cursor: pointer;
}

.interaction .rotator #gear {
  overflow: visible;
}

.interaction .rotator #gear g.on {
  fill: #0b1326;
}

.interaction .rotator #handle {
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-animation: twinkle .4s infinite alternate;
          animation: twinkle .4s infinite alternate;
}

.interaction .rotator.rotated #handle g {
  fill: #0b1326;
}

.interaction #lamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
  margin-right: 27px;
}

.interaction #lamp #cord {
  width: 3px;
  height: 100px;
  margin-top: -13px;
}

.interaction #lamp #cord g {
  opacity: .2;
}

.interaction #lamp #cord g.on {
  opacity: 1;
  fill: #0b1326;
}

.interaction #lamp #bulb {
  width: 30px;
  margin-left: 1px;
}

.interaction #lamp #bulb g {
  opacity: .2;
  -webkit-animation: blink .4s infinite alternate;
          animation: blink .4s infinite alternate;
}

.interaction #lamp #bulb g.on {
  -webkit-animation: 0;
          animation: 0;
  opacity: 1;
  fill: #0b1326;
}

.interaction #lamp img.glow {
  margin-top: -70px;
  border-radius: 999px;
  opacity: 0;
}

.interaction #lamp img.glow.off {
  opacity: 0 !important;
}

.interaction #connector {
  position: absolute;
  top: 30px;
  right: 66px;
  width: 100px;
  height: auto;
}

.interaction #connector g {
  opacity: .2;
}

.interaction #connector g.on {
  opacity: 1;
  fill: #0b1326;
}

#knob {
  position: relative;
  display: block;
  width: 200px;
  height: 200px;
}

.knob {
  width: 100%;
  height: 100%;
  background: blue;
}

.secret-stuff {
  background: #e6e6e6;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.3, 0, 0, 1.3);
  transition: all 1s cubic-bezier(0.3, 0, 0, 1.3);
}

.secret-stuff.on {
  opacity: 1;
  max-height: 1000px;
  padding-top: 100px;
  -webkit-transition: all 3s cubic-bezier(0.3, 0, 0, 1.3);
  transition: all 3s cubic-bezier(0.3, 0, 0, 1.3);
}

.secret-stuff .wysiwyg * {
  color: #0B132A !important;
}

.footer {
  -webkit-transition: all 0.5s cubic-bezier(1, 0.45, 0.235, 0.9);
  transition: all 0.5s cubic-bezier(1, 0.45, 0.235, 0.9);
}

.footer.on {
  padding-top: 50px;
  background: white;
  z-index: 2;
}

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

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

@-webkit-keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: .1;
  }
  40% {
    opacity: .15;
  }
  60% {
    opacity: .3;
  }
  80% {
    opacity: .18;
  }
  100% {
    opacity: .25;
  }
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: .1;
  }
  40% {
    opacity: .15;
  }
  60% {
    opacity: .3;
  }
  80% {
    opacity: .18;
  }
  100% {
    opacity: .25;
  }
}

.dilemma-single {
  margin-top: 100px;
}

.dilemma-single.answer-submited section.dilemma-question > .dilemma-question-wrapper .user-answared {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.dilemma-single.answer-submited .answers {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.dilemma-single.answer-submited section.dilemma-question .chart-container-web .population {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.dilemma-single .for, .dilemma-single .imod, .dilemma-single .next-dilemma-web, .dilemma-single .dilemma-thank-you-notes, .dilemma-single .facebook-share {
  -webkit-transition: all cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.8s;
  transition: all cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.8s;
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.dilemma-single .for.inView, .dilemma-single .imod.inView, .dilemma-single .next-dilemma-web.inView, .dilemma-single .dilemma-thank-you-notes.inView, .dilemma-single .facebook-share.inView {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.dilemma-single .facebook-share {
  text-align: center;
  margin-top: -50px;
  margin-bottom: 50px;
}

.dilemma-single .facebook-share a {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dilemma-single .facebook-share a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.dilemma-single .facebook-share span {
  color: white;
  font-size: 20px;
  font-weight: 600;
}

.dilemma-single .facebook-share span:first-child {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 3px solid white;
  border-radius: 50%;
  line-height: normal;
  margin-right: 10px;
  position: relative;
}

.dilemma-single .facebook-share span:first-child i {
  font-size: 18px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.dilemma-single .mere-dilemma-web {
  margin-bottom: 50px;
}

.dilemma-single .mere-dilemma-web .open-popup-dilemma {
  padding-left: 40px;
}

.dilemma-single .mere-dilemma-web .for {
  margin-bottom: 40px;
}

@media screen and (min-width: 64em) {
  .dilemma-single .mere-dilemma-web .for {
    padding-right: 40px;
    margin-bottom: 0px;
  }
  .dilemma-single .mere-dilemma-web .imod {
    padding-left: 40px;
  }
}

.dilemma-single .mere-dilemma-web .thumbnails-dilemma {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.dilemma-single .mere-dilemma-web .thumbnails-dilemma:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.dilemma-single .mere-dilemma-web .thumbnails-dilemma .thumbnail__title {
  color: white;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: -20px;
  top: -16px;
  padding: 16px 20px;
}

.dilemma-single .mere-dilemma-web .thumbnails-dilemma .thumbnail__title h3 {
  font-family: 'EXP-display';
  font-size: 30px;
  letter-spacing: 2px;
  line-height: normal;
}

.dilemma-single .mere-dilemma-web .thumbnails-dilemma .thumbnail__content {
  background-color: white;
  padding: 16px 20px;
  margin-top: -1px;
}

.dilemma-single .mere-dilemma-web .thumbnails-dilemma .thumbnail__content p {
  margin-bottom: 0;
  font-size: 20px;
}

.dilemma-single .next-dilemma-web {
  display: inline-block;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: bold;
  border: 3px solid white;
  color: white;
  margin-bottom: 50px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
  transition: all 0.3s cubic-bezier(0, 0.85, 0.49, 1);
}

.dilemma-single .next-dilemma-web:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.see-more-below {
  color: white;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  top: -50px;
  position: relative;
  display: none;
}

section.dilemma-question {
  position: relative;
}

section.dilemma-question .chart-container-web {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 640px) {
  section.dilemma-question .chart-container-web {
    height: 700px;
    top: -100px;
  }
}

section.dilemma-question .chart-container-web .population {
  font-size: 14px;
  font-weight: 700;
  color: white;
  text-align: center;
  line-height: 0px;
  position: absolute;
  top: 60px;
  right: auto;
  left: 200px;
  -webkit-transform: translate(-50%, -20px) scale(0);
          transform: translate(-50%, -20px) scale(0);
  -webkit-transition: all cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s;
  transition: all cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s;
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

@media (min-width: 640px) {
  section.dilemma-question .chart-container-web .population {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
}

section.dilemma-question .chart-container-web .population .number {
  font-family: "EXP-display";
  font-size: 25px;
}

section.dilemma-question .chart-container-web .label-percents {
  fill: white;
  font-size: 50px;
  font-family: "EXP-display";
}

section.dilemma-question .chart-container-web .label-text {
  font-size: 14px;
  font-weight: 700;
  color: white;
  text-align: center;
}

section.dilemma-question .dilemma-question-wrapper {
  max-width: 860px;
  margin: 0 auto;
  -webkit-transform: translateY(-52px);
          transform: translateY(-52px);
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 64em) {
  section.dilemma-question .dilemma-question-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers-wrapper {
  position: relative;
}

section.dilemma-question .dilemma-question-wrapper .question, section.dilemma-question .dilemma-question-wrapper .answers-wrapper {
  display: inline-block;
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .question, section.dilemma-question .dilemma-question-wrapper .answers-wrapper {
    width: 50%;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers, section.dilemma-question .dilemma-question-wrapper .user-answared {
  width: 100%;
}

section.dilemma-question .dilemma-question-wrapper .question, section.dilemma-question .dilemma-question-wrapper .answers, section.dilemma-question .dilemma-question-wrapper .user-answared {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
}

section.dilemma-question .dilemma-question-wrapper .question {
  position: relative;
  z-index: 1;
}

section.dilemma-question .dilemma-question-wrapper .question img {
  width: 100%;
  max-height: 255px;
}

section.dilemma-question .dilemma-question-wrapper .user-answared {
  background-color: white;
  padding: 10px 10px 20px 10px;
  max-height: 177px;
  overflow-y: scroll;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition: -webkit-transform cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s;
  transition: -webkit-transform cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s;
  transition: transform cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s;
  transition: transform cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s, -webkit-transform cubic-bezier(0.735, 0.005, 0.265, 1.55) 0.5s;
  -webkit-transform-style: preserve-3D;
          transform-style: preserve-3D;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .user-answared {
    padding: 30px 30px 40px 30px;
    max-height: 420px;
    overflow: hidden;
  }
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .user-answared {
    top: 105px;
  }
}

section.dilemma-question .dilemma-question-wrapper .user-answared.submited {
  -webkit-transform: scale(1);
          transform: scale(1);
}

section.dilemma-question .dilemma-question-wrapper .user-answared h2, section.dilemma-question .dilemma-question-wrapper .user-answared h4 {
  font-weight: normal;
}

section.dilemma-question .dilemma-question-wrapper .user-answared h2 {
  font-size: 1em;
  line-height: normal;
  margin-bottom: 12px;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .user-answared h2 {
    font-size: 1.5em;
    margin-bottom: 20px;
  }
}

section.dilemma-question .dilemma-question-wrapper .user-answared h4 {
  font-size: 0.8em;
  color: black;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .user-answared h4 {
    font-size: 1em;
  }
}

section.dilemma-question .dilemma-question-wrapper .user-answared h4:first-child {
  margin-bottom: 10px;
}

section.dilemma-question .dilemma-question-wrapper .answers {
  margin-left: 0;
  margin-top: 0;
  padding: 20px;
  background-color: white;
  -webkit-transition: -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  transition: -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s, -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
  -webkit-transform-style: preserve-3D;
          transform-style: preserve-3D;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .answers {
    margin-left: -30px;
    margin-top: 105px;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (min-width: 64em) {
  section.dilemma-question .dilemma-question-wrapper .answers {
    padding-left: 80px;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers.submited {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 35px;
  width: 100%;
  text-align: left;
  position: relative;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .answers button.answer-single {
    padding-left: 50px;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single:focus {
  outline: none;
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single span.answer-text-dilemma {
  font-size: 1em;
  line-height: normal;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .answers button.answer-single span.answer-text-dilemma {
    font-size: 1.5em;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single span.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .answers button.answer-single span.circle {
    left: 10px;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single span.circle:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single.selected {
  background-color: #F9F9F9;
}

section.dilemma-question .dilemma-question-wrapper .answers button.answer-single.selected span.circle:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

section.dilemma-question .dilemma-question-wrapper .answers .btn, section.dilemma-question .dilemma-question-wrapper .answers .label-btn, section.dilemma-question .dilemma-question-wrapper .answers .filters .filter a, .filters .filter section.dilemma-question .dilemma-question-wrapper .answers a {
  margin-top: 20px;
  margin-left: 0;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-question-wrapper .answers .btn, section.dilemma-question .dilemma-question-wrapper .answers .label-btn, section.dilemma-question .dilemma-question-wrapper .answers .filters .filter a, .filters .filter section.dilemma-question .dilemma-question-wrapper .answers a {
    margin-left: 10px;
  }
}

section.dilemma-question .dilemma-question-wrapper .answers .btn[disabled], section.dilemma-question .dilemma-question-wrapper .answers .label-btn[disabled], section.dilemma-question .dilemma-question-wrapper .answers .filters .filter a[disabled], .filters .filter section.dilemma-question .dilemma-question-wrapper .answers a[disabled] {
  opacity: 0.6;
}

section.dilemma-question .dilemma-writting {
  color: white;
  padding: 20px;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-writting {
    padding-left: 82px;
    padding-right: 61px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

section.dilemma-question .dilemma-writting span.qustion-mark {
  font-size: 2em;
  line-height: 1em;
  font-family: "EXP-display";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  float: left;
  position: absolute;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-writting span.qustion-mark {
    font-size: 2.5em;
    left: -60px;
    top: -5px;
    -webkit-transform: none;
            transform: none;
  }
}

section.dilemma-question .dilemma-writting h2.dilemma-title {
  font-size: 1.5em;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.2em;
  text-transform: uppercase;
  position: relative;
}

@media screen and (min-width: 40em) {
  section.dilemma-question .dilemma-writting h2.dilemma-title {
    margin-bottom: 6.75%;
    font-size: 2em;
    padding-left: 0;
  }
}

section.dilemma-question .dilemma-writting p.dilemma-text {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.3125em;
}

.dilemma-thank-you-notes h2, .dilemma-thank-you-notes p {
  color: white;
}

.dilemma-thank-you-notes h2 {
  font-size: 1.5em;
}

@media screen and (min-width: 40em) {
  .dilemma-thank-you-notes h2 {
    font-size: 2em;
  }
}

.dilemma-thank-you-notes p {
  font-size: 1.2em;
  margin-bottom: 50px;
}

.dilemma-popups-exp.dilemma-popups-exp-web {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow-y: scroll;
  padding: 30px;
}

@media screen and (min-width: 40em) {
  .dilemma-popups-exp.dilemma-popups-exp-web {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-y: auto;
  }
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup {
  display: none;
  width: 100%;
  background-color: white;
  position: relative;
  margin: 0 auto;
  color: white;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text {
  padding: 20px;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: normal;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 22px;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup, .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma {
  display: inline-block;
  position: absolute;
  padding: 16px 20px;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup {
  left: -20px;
  top: -16px;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup h3 {
  font-family: 'EXP-display';
  font-size: 30px;
  letter-spacing: 2px;
  line-height: normal;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma {
  right: -20px;
  top: -16px;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma:hover {
  cursor: pointer;
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma i {
  font-size: 20px;
}

@media screen and (min-width: 40em) {
  .dilemma-popups-exp.dilemma-popups-exp-web .single-popup {
    width: 50%;
  }
}

@media screen and (min-width: 64em) {
  .dilemma-popups-exp.dilemma-popups-exp-web .single-popup {
    width: 25%;
  }
}

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup.open {
  display: block;
  -webkit-animation: fadeIn 0.3s;
          animation: fadeIn 0.3s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

.dilemma-popups-exp.dilemma-popups-exp-web .single-popup-web-container {
  width: 80%;
}

.theme-blue .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text {
  color: #0095FF;
}

.theme-blue .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup, .theme-blue .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma {
  background-color: #0095FF;
}

.theme-green .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text {
  color: #00E14B;
}

.theme-green .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup, .theme-green .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma {
  background-color: #00E14B;
}

.theme-red .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text {
  color: #F83D4E;
}

.theme-red .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup, .theme-red .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma {
  background-color: #F83D4E;
}

.theme-lavanda .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .popup-text {
  color: #D885FF;
}

.theme-lavanda .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .thumbnail__title-popup, .theme-lavanda .dilemma-popups-exp.dilemma-popups-exp-web .single-popup .close-popup-dilemma {
  background-color: #D885FF;
}

.theme-blue .dilemma-question {
  background-color: #0095FF;
}

.theme-green .dilemma-question {
  background-color: #00E14B;
}

.theme-red .dilemma-question {
  background-color: #F83D4E;
}

.theme-lavanda .dilemma-question {
  background-color: #D885FF;
}

.theme-blue .dilemma-writting {
  background-color: #0095FF;
}

.theme-green .dilemma-writting {
  background-color: #00E14B;
}

.theme-red .dilemma-writting {
  background-color: #F83D4E;
}

.theme-lavanda .dilemma-writting {
  background-color: #D885FF;
}

.theme-blue .answer-text-dilemma {
  color: #0095FF;
}

.theme-green .answer-text-dilemma {
  color: #00E14B;
}

.theme-red .answer-text-dilemma {
  color: #F83D4E;
}

.theme-lavanda .answer-text-dilemma {
  color: #D885FF;
}

.theme-blue .user-answared h2 {
  color: #0095FF;
}

.theme-green .user-answared h2 {
  color: #00E14B;
}

.theme-red .user-answared h2 {
  color: #F83D4E;
}

.theme-lavanda .user-answared h2 {
  color: #D885FF;
}

.theme-blue .thumbnails-dilemma .thumbnail__title {
  background-color: #0095FF;
}

.theme-blue .thumbnails-dilemma .thumbnail__content {
  color: #0095FF;
}

.theme-green .thumbnails-dilemma .thumbnail__title {
  background-color: #00E14B;
}

.theme-green .thumbnails-dilemma .thumbnail__content {
  color: #00E14B;
}

.theme-red .thumbnails-dilemma .thumbnail__title {
  background-color: #F83D4E;
}

.theme-red .thumbnails-dilemma .thumbnail__content {
  color: #F83D4E;
}

.theme-lavanda .thumbnails-dilemma .thumbnail__title {
  background-color: #D885FF;
}

.theme-lavanda .thumbnails-dilemma .thumbnail__content {
  color: #D885FF;
}

.theme-blue .dilemma-question-wrapper .answers button.answer-single span.circle {
  border: 3px solid #0095FF;
}

.theme-blue .dilemma-question-wrapper .answers button.answer-single.selected span.circle:before {
  background-color: #0095FF;
}

.theme-green .dilemma-question-wrapper .answers button.answer-single span.circle {
  border: 3px solid #00E14B;
}

.theme-green .dilemma-question-wrapper .answers button.answer-single.selected span.circle:before {
  background-color: #00E14B;
}

.theme-red .dilemma-question-wrapper .answers button.answer-single span.circle {
  border: 3px solid #F83D4E;
}

.theme-red .dilemma-question-wrapper .answers button.answer-single.selected span.circle:before {
  background-color: #F83D4E;
}

.theme-lavanda .dilemma-question-wrapper .answers button.answer-single span.circle {
  border: 3px solid #D885FF;
}

.theme-lavanda .dilemma-question-wrapper .answers button.answer-single.selected span.circle:before {
  background-color: #D885FF;
}

body.dilemma-single-exp {
  background-color: #5f0f40;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  height: 1920px;
  overflow: hidden;
}

body.dilemma-single-exp header a {
  display: block;
}

body.dilemma-single-exp footer {
  position: relative;
  z-index: 10;
}

body.dilemma-single-exp main a.next-dilemma {
  margin-bottom: 20px;
}

body.dilemma-single-exp main img.dilemma-single-exp-title-image {
  display: block;
  margin: 0 auto;
  width: 980px;
  max-height: 318px;
  margin-bottom: 60px;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.8s;
  transition: all ease-in-out 0.8s;
}

body.dilemma-single-exp main .dilemma-single-answers-exp {
  max-height: 9999999px;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.8s;
  transition: all ease-in-out 0.8s;
}

body.dilemma-single-exp main .answer-feedback,
body.dilemma-single-exp main .chart-container,
body.dilemma-single-exp main span.population,
body.dilemma-single-exp main section.mere,
body.dilemma-single-exp main a.next-dilemma,
body.dilemma-single-exp main .selected-answer-text {
  -webkit-transform: translateY(1920px);
          transform: translateY(1920px);
  -webkit-transition: all ease-in-out 0.8s;
  transition: all ease-in-out 0.8s;
  position: fixed;
  top: 0;
  visibility: hidden;
}

body.dilemma-single-exp main.answer-submited .dilemma-single-exp-title-image {
  max-height: 0;
  opacity: 0;
}

body.dilemma-single-exp main.answer-submited .dilemma-single-answers-exp {
  height: 0;
  opacity: 0;
}

body.dilemma-single-exp main.answer-submited .answer-feedback,
body.dilemma-single-exp main.answer-submited .chart-container,
body.dilemma-single-exp main.answer-submited span.population,
body.dilemma-single-exp main.answer-submited section.mere,
body.dilemma-single-exp main.answer-submited a.next-dilemma,
body.dilemma-single-exp main.answer-submited .selected-answer-text {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  position: static;
  visibility: visible;
}

body.dilemma-single-exp main.answer-submited .answer-feedback, body.dilemma-single-exp main.answer-submited .selected-answer-text {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

body.dilemma-single-exp main.answer-submited .chart-container,
body.dilemma-single-exp main.answer-submited span.population {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

body.dilemma-single-exp main.answer-submited section.mere {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

body.dilemma-single-exp main.answer-submited .btn-wrap {
  text-align: center;
}

body.dilemma-single-exp main.answer-submited a.next-dilemma {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  display: inline-block;
  margin: 20px 40px 40px 50px;
  width: 250px;
  padding-top: 5px;
  padding-bottom: 12px;
}

section.dilema-single-question-writting-exp {
  max-width: 700px;
  margin: 0 auto;
}

section.dilema-single-question-writting-exp h1, section.dilema-single-question-writting-exp p {
  color: white;
}

section.dilema-single-question-writting-exp h1 {
  margin-bottom: 45px;
  font-size: 56px;
  font-weight: 300;
  line-height: 65px;
}

section.dilema-single-question-writting-exp p {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 31px;
}

section.dilemma-single-answers-exp {
  max-width: 700px;
  margin: 0 auto;
  color: white;
}

section.dilemma-single-answers-exp ul {
  margin-bottom: 48px;
}

section.dilemma-single-answers-exp ul li {
  border-top: 1px solid #111111;
  font-size: 25px;
  font-weight: 300;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
}

section.dilemma-single-answers-exp ul li.selected span.radio-circle {
  border-color: #0DFF92;
}

section.dilemma-single-answers-exp ul li.selected span.radio-circle:after {
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  opacity: 1;
}

section.dilemma-single-answers-exp ul li span.radio-circle {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 4px solid white;
  vertical-align: sub;
  margin-right: 20px;
  position: relative;
}

section.dilemma-single-answers-exp ul li span.radio-circle:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #0DFF92;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}

section.dilemma-single-answers-exp ul li:last-child {
  border-bottom: 1px solid #111111;
}

section.dilemma-single-answers-exp button.dilemma-submit-btn-exp[disabled], section.dilemma-single-answers-exp button.next-dilemma[disabled] {
  opacity: 0.3;
}

a.dilemma-home-exp {
  width: 75px;
  height: 75px;
  background-color: green;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  text-align: center;
}

a.dilemma-home-exp i {
  font-size: 46px;
  color: #5f0f40;
  line-height: 75px;
}

section.percentage-dilemma-exp {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 60px;
}

section.percentage-dilemma-exp .answer-feedback {
  background-color: #f6be6f;
  color: black;
  text-align: center;
  border-radius: 5px;
  padding: 12px;
  margin-bottom: 10px;
}

section.percentage-dilemma-exp .answer-feedback p {
  margin: 0;
  font-size: 24px;
  line-height: 31px;
}

section.percentage-dilemma-exp .chart-container {
  height: 320px;
}

section.percentage-dilemma-exp svg {
  display: block;
  margin: 0 auto;
}

section.percentage-dilemma-exp .legend {
  stroke-width: 0;
}

section.percentage-dilemma-exp span.population {
  display: block;
  text-align: right;
  color: #fff6d9;
  font-size: 16px;
  line-height: 21px;
}

section.mere {
  width: 700px;
  margin: 0 auto;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

section.mere .mere-item {
  width: 45%;
  height: 415px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 54px 2px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 54px 2px rgba(0, 0, 0, 0.75);
}

section.mere .mere-item h2 {
  margin-top: 14px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: white;
}

section.mere .mere-item button {
  color: white;
  border: 1px solid #fff6d9;
  padding: 15px 50px;
  display: block;
  margin: 0 auto;
  margin-top: 48px;
  font-size: 24px;
  border-radius: 6px;
}

.dilemma-popups-exp {
  position: fixed;
  color: #fff6d9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  z-index: -1;
  background-color: rgba(119, 119, 119, 0);
}

.dilemma-popups-exp.open {
  z-index: 10;
  background-color: rgba(119, 119, 119, 0.7);
}

.dilemma-popups-exp h1 {
  font-size: 59px;
  line-height: 65px;
}

.dilemma-popups-exp p {
  font-size: 24px;
  line-height: 31px;
}

.dilemma-popups-exp div.green-popup,
.dilemma-popups-exp div.red-popup {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #5f0f40;
  position: relative;
  width: 70%;
  height: auto;
}

.dilemma-popups-exp div.green-popup .dilemma-popup-paragraph,
.dilemma-popups-exp div.red-popup .dilemma-popup-paragraph {
  max-height: 980px;
}

.dilemma-popups-exp div.green-popup span.close-popup-dilemma,
.dilemma-popups-exp div.red-popup span.close-popup-dilemma {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position-x: -40px;
  background-position-y: 0px;
  background-image: url("../images/close-dilemma-popup.png");
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 1;
  -webkit-transform: scale(2);
          transform: scale(2);
}

.dilemma-popups-exp div.green-popup.open,
.dilemma-popups-exp div.red-popup.open {
  display: block;
  -webkit-animation: fadeIn 0.3s;
          animation: fadeIn 0.3s;
}

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

.dilemma-submit-btn-exp, .next-dilemma {
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background-color: green;
  padding: 15px 50px;
  -webkit-box-shadow: inset -5px -5px 0px 0px rgba(0, 0, 0, 0.75);
          box-shadow: inset -5px -5px 0px 0px rgba(0, 0, 0, 0.75);
  border-radius: 6px;
  font-size: 24px;
  margin: 0 auto;
  display: block;
  color: white;
}

.next-dilemma {
  width: 300px;
  text-align: center;
}

body.dilemma-exp {
  background-color: #000;
  background-image: url("../images/dilemma-home-bg-exp.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1080px 1920px;
  height: 1920px;
  font-family: "Mark-Pro", Helvetica, Arial, sans-serif;
}

body.dilemma-exp header {
  width: 1024px;
  margin: 0 auto;
}

section.dilemma-slider-exp .text-runner-exp {
  overflow: hidden;
  font-size: 22px;
  color: white;
  background-color: #7f4365;
  margin-bottom: 20px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

section.dilemma-slider-exp .text-runner-exp p {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  display: inline-block;
  padding-left: 100%;
  text-indent: 0;
  -webkit-animation: marquee 20s linear infinite;
          animation: marquee 20s linear infinite;
}

section.dilemma-slider-exp .slider-wrapper-exp h1, section.dilemma-slider-exp .slider-wrapper-exp h2 {
  color: white;
  max-width: 700px;
  margin: 0 auto;
}

section.dilemma-slider-exp .slider-wrapper-exp h1 {
  font-size: 56px;
  text-align: left;
  font-weight: 300;
  line-height: 73px;
  padding-top: 28px;
}

section.dilemma-slider-exp .slider-wrapper-exp h2 {
  font-size: 18px;
  text-align: right;
  margin-top: 50px;
  margin-bottom: 50px;
}

section.dilemma-language-exp {
  text-align: center;
  padding-top: 500px;
}

section.dilemma-language-exp a {
  display: inline-block;
}

section.dilemma-language-exp a:first-child {
  margin-right: 33px;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

html.sticky-footer {
  height: 100%;
}

html.sticky-footer body {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

html.sticky-footer main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

html.sticky-footer footer {
  padding-bottom: 40px;
}

body.dilemma-categories-exp {
  background-color: #5f0f40;
}

body.dilemma-categories-exp footer {
  margin-top: 90px;
}

body.dilemma-categories-exp .dilemma-item {
  width: 36%;
  height: 300px;
  margin: 0 7% 50px;
  float: left;
  color: white;
}

body.dilemma-categories-exp .dilemma-item h2 {
  font-size: 30px;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 10px;
}

body.dilemma-categories-exp .dilemma-item .dilemma-submit-btn-exp, body.dilemma-categories-exp .dilemma-item .next-dilemma {
  display: inline-block;
  margin: 20px 0;
  padding: 5px 45px 12px 40px;
}

section.archive-intro-text {
  color: #fff6d9;
  max-width: 700px;
  margin: 0 auto;
}

section.archive-intro-text h1 {
  font-size: 72px;
  font-weight: 300;
  margin-top: 36px;
  margin-bottom: 0;
  line-height: 93px;
}

section.archive-intro-text p {
  font-size: 24px;
  margin-bottom: 66px;
  line-height: 31px;
}

section.archive-carousels {
  max-width: 920px;
  margin: 0 auto;
}

section.archive-carousels .slider-archive-exp {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
}

section.archive-carousels .slider-archive-exp.slide-in {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

section.archive-carousels .slider-archive-exp.slide-in + .slider-archive-exp-ctrls {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

section.archive-carousels .slider-archive-exp a {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #eee;
  padding: 15px;
  margin-right: 15px;
  height: 160px;
}

section.archive-carousels .slider-archive-exp h2 {
  font-size: 19px;
  line-height: 23px;
}

section.archive-carousels .slider-archive-exp h4 {
  font-size: 14px;
  line-height: 23px;
  color: #5f0f40;
  font-weight: normal;
}

section.archive-carousels .category-title h2 {
  color: white;
  margin-top: 14px;
}

section.archive-carousels .slider-archive-exp-ctrls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0 60px 0;
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
}

section.archive-carousels .slider-archive-exp-ctrls i {
  color: white;
  font-size: 26px;
  border: 1px solid white;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
}

section.archive-carousels .slider-archive-exp-ctrls i:first-child {
  margin-right: 30px;
}

.theme-blue .exhibitions-popup .exhibitions-popup-content h1 {
  color: #0095FF;
}

.theme-blue .exhibitions-popup .exhibitions-popup-content a {
  border: 2px solid #0095FF;
  color: #0095FF;
}

.theme-green .exhibitions-popup .exhibitions-popup-content h1 {
  color: #00E14B;
}

.theme-green .exhibitions-popup .exhibitions-popup-content a {
  border: 2px solid #00E14B;
  color: #00E14B;
}

.theme-red .exhibitions-popup .exhibitions-popup-content h1 {
  color: #F83D4E;
}

.theme-red .exhibitions-popup .exhibitions-popup-content a {
  border: 2px solid #F83D4E;
  color: #F83D4E;
}

.theme-lavanda .exhibitions-popup .exhibitions-popup-content h1 {
  color: #D885FF;
}

.theme-lavanda .exhibitions-popup .exhibitions-popup-content a {
  border: 2px solid #D885FF;
  color: #D885FF;
}

*[id^="eng-text"] {
  display: none;
}

body {
  position: relative;
}

.exhibitions-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 200;
  padding-top: 113px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  overflow-y: scroll;
}

@media screen and (min-width: 40em) {
  .exhibitions-popup {
    padding-top: 166px;
  }
}

@media screen and (min-width: 75em) {
  .exhibitions-popup {
    overflow-y: auto;
  }
}

.exhibitions-popup .close-exhibitions-popup {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  top: -70px;
  right: 0px;
  cursor: pointer;
}

.exhibitions-popup .close-exhibitions-popup svg {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

@media screen and (min-width: 40em) {
  .exhibitions-popup .close-exhibitions-popup {
    right: -22px;
    top: -22px;
  }
}

.exhibitions-popup .exhibitions-popup-content-image div.columns {
  padding: 0;
}

.exhibitions-popup .exhibitions-popup-content {
  background-color: white;
  color: #0b1326;
}

.exhibitions-popup .exhibitions-popup-content .more-info-exhibitions div:first-child {
  margin-top: 26px;
}

.exhibitions-popup .exhibitions-popup-content .more-info-exhibitions div:first-child img {
  margin-right: 13px;
}

.exhibitions-popup .exhibitions-popup-content .more-info-exhibitions div:nth-child(2) img, .exhibitions-popup .exhibitions-popup-content .more-info-exhibitions div:last-child img {
  margin-left: 13px;
}

.exhibitions-popup .exhibitions-popup-content .more-info-exhibitions img {
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 24px;
}

.exhibitions-popup .exhibitions-popup-content span {
  font-family: "Mark-Pro";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  margin-top: 26px;
}

.exhibitions-popup .exhibitions-popup-content span:first-child {
  margin-top: 10px;
}

.exhibitions-popup .exhibitions-popup-content span:last-child {
  margin-top: 24px;
}

.exhibitions-popup .exhibitions-popup-content h1 {
  font-family: 'EXP-display';
  font-size: 31px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.06;
  letter-spacing: normal;
}

.exhibitions-popup .exhibitions-popup-content p.popup-txt {
  min-height: 100px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #0b1326;
}

.exhibitions-popup .exhibitions-popup-content a {
  display: inline-block;
  float: left;
  text-align: center;
  padding: 12px 20px;
  font-family: "Mark-Pro";
  font-size: 13px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 25px;
}

@media screen and (min-width: 64em) {
  .exhibitions-popup .exhibitions-popup-content a {
    margin-bottom: 60px;
  }
}

.map-container {
  background-color: #0B1326;
  padding-top: 80px;
  padding-bottom: 100px;
}

.map-container h1, .map-container h2 {
  color: white;
  text-align: center;
  margin: 0;
}

.map-container h2 {
  margin-bottom: 20px;
}

.map-container svg {
  width: 1048px;
  height: 1577px;
  height: 400px;
}

@media screen and (min-width: 40em) {
  .map-container svg {
    height: 1000px;
  }
}

@media screen and (min-width: 64em) {
  .map-container svg {
    height: 1577px;
  }
}

.info-balloon {
  background: white;
  padding: 20px;
  width: 200px;
  display: none;
  position: absolute;
  z-index: 1;
}

.info-balloon .close-ballon {
  float: right;
  margin-right: -35px;
  margin-top: -35px;
  cursor: pointer;
}

.info-balloon .close-ballon svg {
  cursor: pointer;
}

.info-balloon p {
  color: black;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 25px;
}

.info-balloon p.info-balloon-title {
  font-weight: bold;
  margin-bottom: 0;
}

.interactive-map-content {
  background-color: #0B1326;
  padding-top: 0px;
  padding-bottom: 100px;
}

@media screen and (min-width: 40em) {
  .interactive-map-content {
    padding-top: 61px;
  }
}

.interactive-map-content .desktop-map {
  display: none;
  position: relative;
}

.interactive-map-content .mobile-map {
  padding-top: 125px;
}

.interactive-map-content .mobile-map .slick-slide:focus {
  outline: none;
}

.interactive-map-content .mobile-map .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 300px;
  color: white;
  position: absolute;
  top: 62px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.interactive-map-content .mobile-map .slick-dots li {
  display: inline-block;
  width: 67px;
  text-align: center;
  cursor: pointer;
}

.interactive-map-content .mobile-map .slick-dots li::after {
  content: '';
  width: 100%;
  height: 10px;
  display: block;
  background-color: rgba(231, 231, 232, 0.2);
  margin-top: -14px;
}

@media screen and (min-width: 75em) {
  .interactive-map-content .desktop-map {
    display: block;
  }
  .interactive-map-content .mobile-map {
    display: none;
  }
}

.interactive-map-content .tint-map-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(11, 19, 38, 0.7);
  text-align: center;
  padding-top: 178px;
}

.interactive-map-content .tint-map-wrapper h1 {
  font-family: 'EXP-display';
  font-size: 31px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  max-width: 546px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.interactive-map-content .tint-map-wrapper .open-map-btn {
  color: #fff;
  display: inline-block;
  font-size: 23px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  padding: 16px 37px;
  border: solid 4px #ffffff;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.interactive-map-content .tint-map-wrapper .open-map-btn:focus {
  outline: none;
}

.interactive-map-content .tint-map-wrapper .open-map-btn:hover {
  background-color: #fff;
}

.interactive-map-content div.columns {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.interactive-map-content ul.map-menu {
  color: white;
}

.interactive-map-content ul.map-menu li {
  font-family: MarkPro;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: normal;
  display: inline-block;
  margin-bottom: 11px;
}

.interactive-map-content ul.map-menu li::after {
  content: '';
  width: 100%;
  height: 10px;
  display: block;
  background-color: rgba(231, 231, 232, 0.2);
  margin-top: -14px;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

.interactive-map-content ul.map-menu li a {
  padding-left: 10px;
  padding-right: 10px;
}

.interactive-map-content.exploded svg g[id^="icons-"] {
  cursor: pointer;
}

.interactive-map-content.exploded svg #roof {
  -webkit-transform: translate(1px, 0px);
          transform: translate(1px, 0px);
}

.interactive-map-content.exploded svg #second-level {
  -webkit-transform: translate(0px, 319px);
          transform: translate(0px, 319px);
}

.interactive-map-content.exploded svg #first-level {
  -webkit-transform: translate(1px, 753px);
          transform: translate(1px, 753px);
}

.interactive-map-content.exploded svg #ground-level {
  -webkit-transform: translate(1px, 1215px);
          transform: translate(1px, 1215px);
}

.interactive-map-content.exploded svg #conectors #second-level-conectors, .interactive-map-content.exploded svg #conectors #first-level-conectors, .interactive-map-content.exploded svg #conectors #ground-level-conectors {
  fill-opacity: 1;
}

.interactive-map-content.exploded svg #conectors #second-level-conectors {
  -webkit-transform: translate(0px, 0px) scaleY(1);
          transform: translate(0px, 0px) scaleY(1);
}

.interactive-map-content.exploded svg #conectors #first-level-conectors {
  -webkit-transform: translate(0px, 340px) scaleY(1);
          transform: translate(0px, 340px) scaleY(1);
}

.interactive-map-content.exploded svg #conectors #ground-level-conectors {
  -webkit-transform: translate(582px, 851px) scaleY(1);
          transform: translate(582px, 851px) scaleY(1);
}

.interactive-map-content svg {
  display: block;
  margin: 0 auto;
}

.interactive-map-content svg *[id^="txt-"] {
  pointer-events: none;
}

.interactive-map-content svg #for-coloring > g:hover {
  cursor: pointer;
}

.interactive-map-content svg #for-coloring > g:hover > *:not(g) {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.interactive-map-content svg #for-coloring > g:hover > *:not(g) {
  cursor: pointer;
}

.interactive-map-content svg #roof, .interactive-map-content svg #second-level, .interactive-map-content svg #first-level, .interactive-map-content svg #ground-level {
  -webkit-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
}

.interactive-map-content svg #roof {
  -webkit-transform: translate(1px, 21px);
          transform: translate(1px, 21px);
}

.interactive-map-content svg #second-level {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.interactive-map-content svg #first-level {
  -webkit-transform: translate(1px, 76px);
          transform: translate(1px, 76px);
}

.interactive-map-content svg #ground-level {
  -webkit-transform: translate(1px, 159px);
          transform: translate(1px, 159px);
}

.interactive-map-content svg #conectors #second-level-conectors, .interactive-map-content svg #conectors #first-level-conectors, .interactive-map-content svg #conectors #ground-level-conectors {
  -webkit-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
  fill-opacity: 0;
}

.interactive-map-content svg #conectors #second-level-conectors {
  -webkit-transform: translate(0px, 21px) scaleY(0);
          transform: translate(0px, 21px) scaleY(0);
}

.interactive-map-content svg #conectors #first-level-conectors {
  -webkit-transform: translate(0px, 22px) scaleY(0);
          transform: translate(0px, 22px) scaleY(0);
}

.interactive-map-content svg #conectors #ground-level-conectors {
  -webkit-transform: translate(582px, 175px) scaleY(0);
          transform: translate(582px, 175px) scaleY(0);
}

.interactive-map-content svg .dots-rute-one, .interactive-map-content svg .dots-rute-two {
  display: none;
}

.interactive-map-intro {
  background-color: white;
  padding-top: 106px;
}

.interactive-map-intro-text {
  color: #0B1326;
  font-family: MarkPro;
}

.interactive-map-intro-text h1 {
  font-size: 21px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
}

.interactive-map-intro-text p {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
}

.dropdown-toogler {
  line-height: 38px;
  border: solid 2px;
  padding-left: 12px;
  cursor: pointer;
  position: relative;
}

.dropdown-toogler.toggled .dropdown-arrow svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.dropdown-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 38px;
  width: 38px;
  float: right;
  position: absolute;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 0;
  top: 0;
}

.dropdown-arrow svg {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.dropdown-item-txt {
  white-space: nowrap;
}

.dropdown-select {
  display: none;
  color: white;
  position: absolute;
  top: 38px;
  left: 10px;
  right: 10px;
  z-index: 1;
}

.dropdown-select li {
  padding-left: 12px;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 25px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-bottom: 5px;
  padding-bottom: 5px;
}

.interactive-map-intro-filters {
  margin-bottom: 20px;
  margin-top: 5px;
}

@media screen and (min-width: 40em) {
  .interactive-map-intro-filters {
    margin-bottom: 40px;
  }
}

.interactive-map-intro-filters div.row, .interactive-map-intro-filters div.daily-program {
  margin-left: -10px;
  margin-right: -10px;
}

.interactive-map-intro-filters div.columns {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}

.interactive-map-intro-filters div.small-6 {
  margin-bottom: 20px;
}

@media screen and (min-width: 64em) {
  .interactive-map-intro-filters div.small-6 {
    margin-bottom: 0px;
  }
}

@-webkit-keyframes bounceDots {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  60% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  70% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  85% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes bounceDots {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  60% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  70% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  85% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

#dots-poi * {
  cursor: pointer;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  stroke: #0B1326;
  stroke-width: 0;
}

#dots-poi *.drop-that-dots {
  -webkit-animation-name: bounceDots;
          animation-name: bounceDots;
  -webkit-animation-duration: 2.6s;
          animation-duration: 2.6s;
}

.colored-dots {
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  stroke: #0B1326;
  stroke-width: 0;
}

.dots-legend {
  text-align: center;
  font-size: 15px;
  color: #0B1326;
  letter-spacing: 0;
  line-height: 25px;
  font-weight: normal;
  margin-bottom: 35px;
}

@media screen and (min-width: 40em) {
  .dots-legend {
    margin-bottom: 55px;
  }
}

.dots-legend:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #0B1326;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 10px;
}

.theme-blue #dots-poi-mobile *.colored-dots {
  fill: #0095FF;
  stroke: #0095FF;
  stroke-width: 4;
}

.theme-green #dots-poi-mobile *.colored-dots {
  fill: #00E14B;
  stroke: #00E14B;
  stroke-width: 4;
}

.theme-red #dots-poi-mobile *.colored-dots {
  fill: #F83D4E;
  stroke: #F83D4E;
  stroke-width: 4;
}

.theme-lavanda #dots-poi-mobile *.colored-dots {
  fill: #D885FF;
  stroke: #D885FF;
  stroke-width: 4;
}

.theme-blue #dots-poi *:hover {
  fill: #0095FF;
  stroke: #0095FF;
  stroke-width: 4;
}

.theme-blue #dots-poi *.colored-dots {
  fill: #0095FF;
  stroke: #0095FF;
  stroke-width: 4;
}

.theme-green #dots-poi *:hover {
  fill: #00E14B;
  stroke: #00E14B;
  stroke-width: 4;
}

.theme-green #dots-poi *.colored-dots {
  fill: #00E14B;
  stroke: #00E14B;
  stroke-width: 4;
}

.theme-red #dots-poi *:hover {
  fill: #F83D4E;
  stroke: #F83D4E;
  stroke-width: 4;
}

.theme-red #dots-poi *.colored-dots {
  fill: #F83D4E;
  stroke: #F83D4E;
  stroke-width: 4;
}

.theme-lavanda #dots-poi *:hover {
  fill: #D885FF;
  stroke: #D885FF;
  stroke-width: 4;
}

.theme-lavanda #dots-poi *.colored-dots {
  fill: #D885FF;
  stroke: #D885FF;
  stroke-width: 4;
}

.theme-blue .dropdown-toogler {
  border-color: #0095FF;
}

.theme-blue .dropdown-toogler .dropdown-item-txt {
  color: #0095FF;
}

.theme-blue .dropdown-toogler .dropdown-arrow {
  background-color: #0095FF;
}

.theme-blue .dropdown-toogler + .dropdown-select {
  background-color: #0086e6;
}

.theme-blue .dropdown-toogler + .dropdown-select li:hover {
  background-color: #0095FF;
}

.theme-green .dropdown-toogler {
  border-color: #00E14B;
}

.theme-green .dropdown-toogler .dropdown-item-txt {
  color: #00E14B;
}

.theme-green .dropdown-toogler .dropdown-arrow {
  background-color: #00E14B;
}

.theme-green .dropdown-toogler + .dropdown-select {
  background-color: #00c843;
}

.theme-green .dropdown-toogler + .dropdown-select li:hover {
  background-color: #00E14B;
}

.theme-red .dropdown-toogler {
  border-color: #F83D4E;
}

.theme-red .dropdown-toogler .dropdown-item-txt {
  color: #F83D4E;
}

.theme-red .dropdown-toogler .dropdown-arrow {
  background-color: #F83D4E;
}

.theme-red .dropdown-toogler + .dropdown-select {
  background-color: #f72438;
}

.theme-red .dropdown-toogler + .dropdown-select li:hover {
  background-color: #F83D4E;
}

.theme-lavanda .dropdown-toogler {
  border-color: #D885FF;
}

.theme-lavanda .dropdown-toogler .dropdown-item-txt {
  color: #D885FF;
}

.theme-lavanda .dropdown-toogler .dropdown-arrow {
  background-color: #D885FF;
}

.theme-lavanda .dropdown-toogler + .dropdown-select {
  background-color: #d06cff;
}

.theme-lavanda .dropdown-toogler + .dropdown-select li:hover {
  background-color: #D885FF;
}

.theme-blue .dots-rute-one * {
  stroke: #0095FF;
}

.theme-blue .dots-rute-one polygon {
  fill: #0095FF;
}

.theme-green .dots-rute-one * {
  stroke: #00E14B;
}

.theme-green .dots-rute-one polygon {
  fill: #00E14B;
}

.theme-red .dots-rute-one * {
  stroke: #F83D4E;
}

.theme-red .dots-rute-one polygon {
  fill: #F83D4E;
}

.theme-lavanda .dots-rute-one * {
  stroke: #D885FF;
}

.theme-lavanda .dots-rute-one polygon {
  fill: #D885FF;
}

.theme-blue .dots-rute-two * {
  stroke: #0095FF;
}

.theme-blue .dots-rute-two polygon {
  fill: #0095FF;
}

.theme-green .dots-rute-two * {
  stroke: #00E14B;
}

.theme-green .dots-rute-two polygon {
  fill: #00E14B;
}

.theme-red .dots-rute-two * {
  stroke: #F83D4E;
}

.theme-red .dots-rute-two polygon {
  fill: #F83D4E;
}

.theme-lavanda .dots-rute-two * {
  stroke: #D885FF;
}

.theme-lavanda .dots-rute-two polygon {
  fill: #D885FF;
}

.theme-blue .dots-rute-three * {
  stroke: #0095FF;
}

.theme-blue .dots-rute-three polygon {
  fill: #0095FF;
}

.theme-green .dots-rute-three * {
  stroke: #00E14B;
}

.theme-green .dots-rute-three polygon {
  fill: #00E14B;
}

.theme-red .dots-rute-three * {
  stroke: #F83D4E;
}

.theme-red .dots-rute-three polygon {
  fill: #F83D4E;
}

.theme-lavanda .dots-rute-three * {
  stroke: #D885FF;
}

.theme-lavanda .dots-rute-three polygon {
  fill: #D885FF;
}

.theme-blue .close-ballon svg circle {
  fill: #0095FF !important;
}

.theme-green .close-ballon svg circle {
  fill: #00E14B !important;
}

.theme-red .close-ballon svg circle {
  fill: #F83D4E !important;
}

.theme-lavanda .close-ballon svg circle {
  fill: #D885FF !important;
}

.theme-blue .close-exhibitions-popup {
  background-color: #0095FF;
}

.theme-green .close-exhibitions-popup {
  background-color: #00E14B;
}

.theme-red .close-exhibitions-popup {
  background-color: #F83D4E;
}

.theme-lavanda .close-exhibitions-popup {
  background-color: #D885FF;
}

.theme-blue .interactive-map-content .tint-map-wrapper .open-map-btn:hover {
  color: white;
  background-color: #0095FF;
  border-color: #0095FF;
}

.theme-blue .interactive-map-content.filter-clicked svg {
  display: block;
  margin: 0 auto;
}

.theme-blue .interactive-map-content.filter-clicked svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-blue .interactive-map-content.filter-clicked svg #for-coloring > g:hover > *:not(g) {
  fill: rgba(0, 149, 255, 0.5);
}

.theme-blue .interactive-map-content svg {
  display: block;
  margin: 0 auto;
}

.theme-blue .interactive-map-content svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-blue .interactive-map-content svg #for-coloring > g:hover > *:not(g) {
  fill: #0095FF;
}

.theme-blue .interactive-map-content ul.map-menu li.active::after {
  background-color: #0095FF;
}

.theme-blue .interactive-map-content ul.map-menu li:hover::after {
  background-color: #0095FF;
}

.theme-blue .interactive-map-content .mobile-map ul.slick-dots li.slick-active::after {
  background-color: #0095FF;
}

.theme-green .interactive-map-content .tint-map-wrapper .open-map-btn:hover {
  color: white;
  background-color: #00E14B;
  border-color: #00E14B;
}

.theme-green .interactive-map-content.filter-clicked svg {
  display: block;
  margin: 0 auto;
}

.theme-green .interactive-map-content.filter-clicked svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-green .interactive-map-content.filter-clicked svg #for-coloring > g:hover > *:not(g) {
  fill: rgba(0, 225, 75, 0.5);
}

.theme-green .interactive-map-content svg {
  display: block;
  margin: 0 auto;
}

.theme-green .interactive-map-content svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-green .interactive-map-content svg #for-coloring > g:hover > *:not(g) {
  fill: #00E14B;
}

.theme-green .interactive-map-content ul.map-menu li.active::after {
  background-color: #00E14B;
}

.theme-green .interactive-map-content ul.map-menu li:hover::after {
  background-color: #00E14B;
}

.theme-green .interactive-map-content .mobile-map ul.slick-dots li.slick-active::after {
  background-color: #00E14B;
}

.theme-red .interactive-map-content .tint-map-wrapper .open-map-btn:hover {
  color: white;
  background-color: #F83D4E;
  border-color: #F83D4E;
}

.theme-red .interactive-map-content.filter-clicked svg {
  display: block;
  margin: 0 auto;
}

.theme-red .interactive-map-content.filter-clicked svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-red .interactive-map-content.filter-clicked svg #for-coloring > g:hover > *:not(g) {
  fill: rgba(248, 61, 78, 0.5);
}

.theme-red .interactive-map-content svg {
  display: block;
  margin: 0 auto;
}

.theme-red .interactive-map-content svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-red .interactive-map-content svg #for-coloring > g:hover > *:not(g) {
  fill: #F83D4E;
}

.theme-red .interactive-map-content ul.map-menu li.active::after {
  background-color: #F83D4E;
}

.theme-red .interactive-map-content ul.map-menu li:hover::after {
  background-color: #F83D4E;
}

.theme-red .interactive-map-content .mobile-map ul.slick-dots li.slick-active::after {
  background-color: #F83D4E;
}

.theme-lavanda .interactive-map-content .tint-map-wrapper .open-map-btn:hover {
  color: white;
  background-color: #D885FF;
  border-color: #D885FF;
}

.theme-lavanda .interactive-map-content.filter-clicked svg {
  display: block;
  margin: 0 auto;
}

.theme-lavanda .interactive-map-content.filter-clicked svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-lavanda .interactive-map-content.filter-clicked svg #for-coloring > g:hover > *:not(g) {
  fill: rgba(216, 133, 255, 0.5);
}

.theme-lavanda .interactive-map-content svg {
  display: block;
  margin: 0 auto;
}

.theme-lavanda .interactive-map-content svg *[id^="txt-"] {
  pointer-events: none;
}

.theme-lavanda .interactive-map-content svg #for-coloring > g:hover > *:not(g) {
  fill: #D885FF;
}

.theme-lavanda .interactive-map-content ul.map-menu li.active::after {
  background-color: #D885FF;
}

.theme-lavanda .interactive-map-content ul.map-menu li:hover::after {
  background-color: #D885FF;
}

.theme-lavanda .interactive-map-content .mobile-map ul.slick-dots li.slick-active::after {
  background-color: #D885FF;
}

.barometar {
  background: #0095FF;
  color: white;
  padding: 90px 30px 30px;
}

@media (min-width: 768px) {
  .barometar {
    text-align: center;
    padding-top: 30px;
  }
}

.barometar h1 {
  font-size: 2em;
  text-transform: uppercase;
  font-family: 'EXP-display', sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.2;
}

.barometar .subtitle {
  font-size: 1.2em;
}

.barometar .chart-wrap {
  margin: 60px 0 0;
}

@media (min-width: 768px) {
  .barometar .chart-wrap {
    margin-left: -50px;
  }
}

.barometar .chart-wrap .chart {
  margin: 0 auto 60px;
  text-align: center;
  max-width: 740px;
}

@media (min-width: 768px) {
  .barometar .chart-wrap .chart {
    display: inline-block;
    max-width: none;
    text-align: left;
    margin-left: 50px;
  }
}

.barometar .chart-wrap .chart .period {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  width: 25%;
  min-width: 60px;
  max-width: 80px;
}

.barometar .chart-wrap .chart .period .bar {
  padding: 3px;
  margin: 1px;
  background: #aad7fb;
  color: #0095FF;
}

.barometar .chart-wrap .chart .period.active .bar {
  background: white;
}

.barometar .chart-wrap .chart .period .interval {
  color: #aad7fb;
  padding-top: 3px;
  font-size: 15px;
}

.barometar .chart-wrap .chart .period .interval:after {
  content: '';
  display: block;
  height: 15px;
  position: relative;
  top: -8px;
  border-bottom: 2px solid #aad7fb;
  border-left: 2px solid #aad7fb;
}

.barometar .chart-wrap .chart .period:first-child .interval:after {
  border-left-color: transparent;
}

.barometar .chart-wrap .chart .day {
  color: #aad7fb;
  text-align: center;
  padding-top: 5px;
  font-weight: bold;
}

.barometar .chart-wrap .chart.active .day {
  color: white;
}

.barometar .chart-wrap .chart.active .interval {
  color: white;
}

.barometar .chart-wrap .chart.active .interval:after {
  border-color: white;
}

.barometar .chart-wrap .chart .crowd-1 {
  padding-top: 88px;
}

.barometar .chart-wrap .chart .crowd-1 .bar {
  height: 32px;
}

@media (max-width: 768px) {
  .barometar .chart-wrap .chart.trim-1 {
    margin-top: -32px;
  }
}

.barometar .chart-wrap .chart .crowd-2 {
  padding-top: 56px;
}

.barometar .chart-wrap .chart .crowd-2 .bar {
  height: 64px;
}

@media (max-width: 768px) {
  .barometar .chart-wrap .chart.trim-2 {
    margin-top: -64px;
  }
}

.barometar .chart-wrap .chart .crowd-3 {
  padding-top: 24px;
}

.barometar .chart-wrap .chart .crowd-3 .bar {
  height: 96px;
}

@media (max-width: 768px) {
  .barometar .chart-wrap .chart.trim-3 {
    margin-top: -96px;
  }
}

.theme-blue .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .author-info {
  background: #0095FF;
}

.theme-blue .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .gallery_main img {
  border: 10px solid #0095FF;
}

.theme-blue .ducksuite-wrapper.ducksuite-wrapper--photowall #photowall .author-info {
  background: #0095FF;
}

.theme-blue .ducksuite-wrapper .multislides li span {
  background: #0095FF;
}

.theme-green .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .author-info {
  background: #00E14B;
}

.theme-green .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .gallery_main img {
  border: 10px solid #00E14B;
}

.theme-green .ducksuite-wrapper.ducksuite-wrapper--photowall #photowall .author-info {
  background: #00E14B;
}

.theme-green .ducksuite-wrapper .multislides li span {
  background: #00E14B;
}

.theme-red .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .author-info {
  background: #F83D4E;
}

.theme-red .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .gallery_main img {
  border: 10px solid #F83D4E;
}

.theme-red .ducksuite-wrapper.ducksuite-wrapper--photowall #photowall .author-info {
  background: #F83D4E;
}

.theme-red .ducksuite-wrapper .multislides li span {
  background: #F83D4E;
}

.theme-lavanda .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .author-info {
  background: #D885FF;
}

.theme-lavanda .ducksuite-wrapper.ducksuite-wrapper--gallery #main-div .gallery_main img {
  border: 10px solid #D885FF;
}

.theme-lavanda .ducksuite-wrapper.ducksuite-wrapper--photowall #photowall .author-info {
  background: #D885FF;
}

.theme-lavanda .ducksuite-wrapper .multislides li span {
  background: #D885FF;
}

.ducksuite-wrapper * {
  font-family: "Mark-Pro";
}

.ducksuite-wrapper .header--medium, .ducksuite-wrapper ol.step-by-step > li:before, .ducksuite-wrapper .top5-list .list-item:before, .top5-list .ducksuite-wrapper .list-item:before, .ducksuite-wrapper .thumbnail-focus .focus__promotion-item .thumbnail__title h3, .thumbnail-focus .focus__promotion-item .thumbnail__title .ducksuite-wrapper h3 {
  font-family: "EXP-display", Verdana, Geneva, sans-serif;
  padding-top: 40px;
}

.ducksuite-wrapper .multislides li span {
  line-height: 14px;
  font-size: 11px;
}

.ducksuite-wrapper.ducksuite-wrapper--photowall #photowall .author-info {
  line-height: 14px;
  font-size: 11px;
}

.age-calculator {
  margin: 0 auto;
}

.age-calculator .content-section {
  padding-top: 0;
  padding-bottom: 0;
}

.age-calculator h1 {
  text-align: center;
}

.age-calculator .quiz-info {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 2px solid #f5f5f5;
}

.age-calculator .quiz-wrap {
  display: none;
}

.age-calculator .postnumber-city {
  text-align: center;
}

.age-calculator .btn.active, .age-calculator .active.label-btn, .age-calculator .filters .filter a.active, .filters .filter .age-calculator a.active {
  color: white;
}

.age-calculator .start-quiz-button {
  margin-top: 30px;
}

.age-calculator .quiz {
  position: relative;
}

.age-calculator .quiz .question {
  display: none;
}

.age-calculator .quiz .question.active {
  display: block;
}

.age-calculator .quiz legend {
  text-align: center;
}

@media (max-width: 480px) {
  .age-calculator .quiz legend {
    text-align: left;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}

.age-calculator .quiz label:hover {
  color: #0B1326;
}

.age-calculator .question-toggle-info {
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  line-height: 22px;
  position: absolute;
  top: 0;
  right: 20px;
  border: 3px solid;
}

@media (max-width: 480px) {
  .age-calculator .question-toggle-info {
    right: 10px;
  }
}

.age-calculator .question-toggle-info:hover {
  cursor: pointer;
}

.age-calculator .question-toggle-info.hide-info {
  line-height: 17px;
  float: none;
  position: absolute;
  top: 20px;
  left: auto;
  right: 20px;
}

@media (max-width: 480px) {
  .age-calculator .question-toggle-info.hide-info {
    right: 10px;
  }
}

.age-calculator .question-info {
  display: none;
  position: absolute;
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 1;
}

.age-calculator .question-info h1 {
  font-size: 30px;
}

.age-calculator .quiz-result {
  display: none;
  text-align: center;
}

.age-calculator .quiz-result .age {
  opacity: 0;
  font-family: 'EXP-display';
  font-size: 7em;
}

.age-calculator .quiz-result .age.in {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}

.age-calculator .quiz-result .go-back-info {
  margin-top: 40px;
  font-size: 20px;
}

.age-calculator .quiz-result .revise-answers {
  font-size: 50px;
}

.age-calculator .quiz-result .revise-answers.start-over {
  font-size: 22px;
}

.age-calculator .quiz-nav-item.arrow-item {
  font-size: 40px;
  font-family: 'EXP-display';
}

.age-calculator .quiz-nav-item:hover {
  cursor: pointer;
}

.age-calculator .quiz-nav-item.disabled {
  opacity: 0.1;
}

.age-calculator .quiz-nav-item.disabled:hover {
  color: #0B1326;
  cursor: not-allowed;
}

.age-calculator .quiz-nav-wrap {
  text-align: center;
}

.age-calculator .quiz-nav-wrap .quiz-nav-item {
  display: inline-block;
  margin: 0 20px;
}

.age-calculator .fb-share {
  margin-top: 30px;
}

.age-calculator .template {
  display: none;
}

.age-calculator input[type=number]::-webkit-inner-spin-button,
.age-calculator input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.age-calculator input[type=number] {
  -moz-appearance: textfield;
}

body.blank #wpadminbar,
body.blank .global-navigation__nav-bar,
body.blank .global-navigation__extra-info,
body.blank footer {
  display: none;
}

body.blank .navigation-layout {
  padding-top: 0;
}

body.blank .main {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.theme-blue .question-toggle-info {
  border-color: #0095FF;
  color: #0095FF;
}

.theme-blue .age-result {
  color: #0095FF;
}

.theme-blue .quiz-nav-item:hover {
  color: #0095FF;
}

.theme-blue .btn.active, .theme-blue .active.label-btn, .theme-blue .filters .filter a.active, .filters .filter .theme-blue a.active {
  background: #0095FF;
}

.theme-green .question-toggle-info {
  border-color: #00E14B;
  color: #00E14B;
}

.theme-green .age-result {
  color: #00E14B;
}

.theme-green .quiz-nav-item:hover {
  color: #00E14B;
}

.theme-green .btn.active, .theme-green .active.label-btn, .theme-green .filters .filter a.active, .filters .filter .theme-green a.active {
  background: #00E14B;
}

.theme-red .question-toggle-info {
  border-color: #F83D4E;
  color: #F83D4E;
}

.theme-red .age-result {
  color: #F83D4E;
}

.theme-red .quiz-nav-item:hover {
  color: #F83D4E;
}

.theme-red .btn.active, .theme-red .active.label-btn, .theme-red .filters .filter a.active, .filters .filter .theme-red a.active {
  background: #F83D4E;
}

.theme-lavanda .question-toggle-info {
  border-color: #D885FF;
  color: #D885FF;
}

.theme-lavanda .age-result {
  color: #D885FF;
}

.theme-lavanda .quiz-nav-item:hover {
  color: #D885FF;
}

.theme-lavanda .btn.active, .theme-lavanda .active.label-btn, .theme-lavanda .filters .filter a.active, .filters .filter .theme-lavanda a.active {
  background: #D885FF;
}

.hero-grid {
  margin-top: 67px;
}

.hero-grid--main {
  margin-bottom: 0px;
}

.hero-grid--main .hero__content {
  padding: 0 15px;
  margin-bottom: -45px;
}

.hero-grid--main .hero-grid--background {
  position: relative;
  height: 65vh;
}

.hero-grid--main .hero-grid--background img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hero-grid--main .hero-grid--background .hero-grid--hero-title {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: 15px;
}

@media screen and (min-width: 40em) {
  .hero-grid--main .hero-grid--background .hero-grid--hero-title .hero__header {
    font-size: 3.375em;
    padding-right: 50px;
  }
}

@media screen and (min-width: 75em) {
  .hero-grid--main .hero-grid--background .hero-grid--hero-title .hero__header {
    font-size: 3.375em;
    padding-right: 50px;
  }
}

.hero-grid--main .hero-grid--item .hero-grid--content {
  margin: -45px 15px 30px;
  background-color: #fefefe;
  -webkit-box-shadow: 0px 0px 15px 2px #aaa;
  box-shadow: 0px 0px 15px 2px #aaa;
  padding: 15px;
  position: relative;
}

.hero-grid--main .hero-grid--item .hero-grid--title-text {
  text-transform: uppercase;
  font-weight: bolder;
  line-height: 1.5;
}

.hero-grid--main .hero-grid--item .hero__content .info p {
  margin-bottom: 0;
}

.hero-grid--aside {
  position: relative;
}

.hero-grid--aside .hero-grid--item {
  position: relative;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
}

.hero-grid--aside .hero-grid--background {
  width: 40%;
}

.hero-grid--aside .hero-grid--background svg {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: #eee;
}

.hero-grid--aside .hero-grid--content {
  width: 60%;
  padding: 0 10px;
  position: relative;
  line-height: 1;
  background-color: white;
}

.hero-grid--aside .hero-grid--background {
  width: 40%;
}

.hero-grid--aside .hero-grid--title-text {
  padding: 5px;
  line-height: 1.2;
}

.hero-grid--bottom {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.hero-grid--bottom .hero-grid--item {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.hero-grid--bottom .hero-grid--item:last-child {
  margin-bottom: 0;
}

.hero-grid--bottom .hero-grid--background svg {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: #eee;
}

.hero-grid--bottom .hero-grid--content {
  padding: 15px;
  background-color: #fff;
}

.hero-grid--main .info .hero-grid--link, .hero-grid--aside .hero-grid--link, .hero-grid--bottom .hero-grid--link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.theme-blue .hero-grid--bottom .hero-grid--content .hero-grid--title-text {
  color: #0095FF;
}

.theme-green .hero-grid--bottom .hero-grid--content .hero-grid--title-text {
  color: #00E14B;
}

.theme-red .hero-grid--bottom .hero-grid--content .hero-grid--title-text {
  color: #F83D4E;
}

.theme-lavanda .hero-grid--bottom .hero-grid--content .hero-grid--title-text {
  color: #D885FF;
}

@media (min-width: 64em) {
  .hero-grid {
    margin-top: 0;
  }
  .hero-grid--main {
    width: 66%;
    display: inline-block;
    margin-right: 10px;
    padding-right: 6px;
  }
  .hero-grid--main .hero-grid--background {
    height: initial;
  }
  .hero-grid--main .hero-grid--background img {
    position: relative;
    top: initial;
    left: initial;
    height: auto;
    -o-object-fit: initial;
    object-fit: initial;
    -webkit-transform: initial;
    transform: initial;
  }
  .hero-grid--aside {
    width: 33%;
    display: inline-block;
    margin-top: 60px;
  }
  .hero-grid--bottom .row, .hero-grid--bottom .daily-program, .hero-grid--bottom .daily-program {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: initial;
    flex-flow: initial;
  }
  .hero-grid--bottom .hero-grid--item {
    width: 31%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: #fff;
    margin-bottom: 0;
  }
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 22 Jul, 2016, 11:49:20 AM
    Author     : luka
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 22 Jul, 2016, 11:49:20 AM
    Author     : luka
*/
/* Class .browser-ios is assigned to body by Javascript (main.js) if device is any mobile Apple device. Use if needed to fix something that is wrong in iPhone but works fine in Android, etc */
/* Class .iosnoflex can be added for .row elements which children don't display properly due to lack of CSS flex support. In particular it is Safari up to 9.2, but    there might be more of them */
.browser-ios {
  /*Fix for misalignment on iPhone*/
}

.browser-ios .row.iosnoflex, .browser-ios .iosnoflex.daily-program {
  display: block !important;
}

.browser-ios .social-shares__icons {
  display: block;
  display: inline-block;
}

.browser-ios .social-shares__icons .social-share__icon {
  display: inline-block;
  position: relative;
}

.browser-ios .social-shares__icons .social-share__icon svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.browser-ios .label-btn {
  display: inline-block;
  height: 45px;
}

.browser-ios .label-btn .label-btn__text,
.browser-ios .label-btn .label-btn__label,
.browser-ios .label-btn .label-btn__icon {
  height: 45px;
  line-height: 43px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}

.browser-ios .label-btn .label-btn__icon {
  margin-right: -3px;
}

.browser-ios .label-btn .label-btn__icon svg {
  position: relative;
  top: -7px;
}

.browser-ios .secondary-navigation {
  top: 132px;
}

.browser-safari br {
  display: block;
  clear: both;
}

.browser-ios .slideout-menu {
  width: 100%;
}

.slideout-open .browser-ios .slideout-menu {
  right: 0 !important;
  overflow: scroll;
  display: block !important;
  position: absolute;
}

.slideout-open .browser-ios main.main.slideout-panel {
  -webkit-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
}

.browser-ios .global-navigation__extra-info {
  top: 70px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 Jul, 2016, 11:49:20 AM
    Author     : luka
*/
/*For IE11-specific issues*/
.ie11 .global-navigation__secondary-nav {
  margin-top: 20px;
}

@media screen and (min-width: 64em) {
  .browser-safari .global-navigation__extra-info {
    max-width: 455px;
    max-height: 62px;
  }
}

.browser-safari .mb2-search-load {
  margin: 0 auto 2em !important;
}

/*# sourceMappingURL=main.css.map */