/* Variables and Macros TYPEFACES */
/* Turquoise */
/* Grijsgeel */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers.
 */
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 {
  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"] {
  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
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * 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;
}
.object-fit-container {
  position: relative;
}
.object-fit-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.object-fit-container.cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.object-fit-container.cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
.no-object-fit .object-fit-container img {
  display: none;
}
/* required styles */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  /* TODO optimize classes */
  position: absolute;
}
.leaflet-container {
  overflow: hidden;
  outline: 0;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-clickable {
  cursor: pointer;
}
.leaflet-dragging,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
}
.leaflet-container img {
  /* map is broken in FF if you have max-width: 100% on tiles */
  max-width: none !important;
}
.leaflet-container img.leaflet-image-layer {
  /* stupid Android 2 doesn't understand "max-width: none" properly */
  max-width: 15000px !important;
}
.leaflet-tile-pane {
  z-index: 2;
}
.leaflet-objects-pane {
  z-index: 3;
}
.leaflet-overlay-pane {
  z-index: 4;
}
.leaflet-shadow-pane {
  z-index: 5;
}
.leaflet-marker-pane {
  z-index: 6;
}
.leaflet-popup-pane {
  z-index: 7;
}
.leaflet-tile {
  -webkit-filter: inherit;
          filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
}
/* Leaflet controls */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-control-zoom {
  border-radius: 7px;
}
.leaflet-control-zoom {
  padding: 5px;
  background: rgba(0, 0, 0, 0.25);
}
.leaflet-control-zoom a {
  background-color: rgba(255, 255, 255, 0.75);
}
.leaflet-control-zoom a,
.leaflet-control-layers a {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-control-zoom a {
  border-radius: 4px;
  width: 19px;
  height: 19px;
}
.leaflet-control-zoom a:hover {
  background-color: #fff;
}
.leaflet-touch .leaflet-control-zoom a {
  width: 27px;
  height: 27px;
}
.leaflet-control-zoom-in {
  margin-bottom: 5px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  border-radius: 8px;
}
.leaflet-control-layers a {
  width: 36px;
  height: 36px;
}
.leaflet-touch .leaflet-control-layers a {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #333;
  background: #fff;
}
.leaflet-control-layers input {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-container .leaflet-control-attribution {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  color: black;
  line-height: 1;
  font-size: 10px;
  padding-bottom: 2px;
  text-shadow: 1px 1px 1px #fff;
  background-color: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  padding-top: 1px;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers {
  border: 5px solid #bbb;
}
/* Zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 0.75);
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 0.75);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* Popup layout */
.leaflet-popup {
  position: absolute;
  text-align: center;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
}
.leaflet-popup-content {
  margin: 14px 20px;
}
.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.leaflet-popup-tip {
  width: 15px;
  height: 15px;
  padding: 1px;
  margin: -8px auto 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 5px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
/* Visual appearance */
.leaflet-container {
  background: #ddd;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #05f;
  background: white;
  opacity: 0.5;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-editing-icon {
  border-radius: 2px;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 10px #888;
  -moz-box-shadow: 0 3px 10px #888;
  -webkit-box-shadow: 0 3px 14px #999;
}
.leaflet-popup-content-wrapper {
  border-radius: 20px;
}
.leaflet-popup-content {
  font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.micrio-container .marker-container .marker-popup.shown {
  display: none;
  opacity: 0;
}
.micrio-container .cutout-rectangle {
  position: absolute;
  border: 3px dashed white;
  cursor: pointer;
}
.micrio-container .cutout-rectangle .button-close {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 12px;
}
.micrio-container .cutout-rectangle:hover .button-close {
  opacity: 1;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
/* Prevent top and bottom margins from throwing the spacing of the text container elements out of whack. */
:first-child,
.text-free-input > :first-child {
  margin-top: 0;
}
:last-child,
.text-free-input > :last-child {
  margin-bottom: 0;
}
/* Layout DEFAULT */
html {
  overflow-x: hidden;
  /* Needed for content containment. */
  overflow-y: auto;
}
html,
body {
  width: 100%;
  height: 100%;
}
@media print {
  html,
  body {
    width: auto;
    height: auto;
  }
}
#maincontent {
  min-height: 100%;
}
.lt-ie8 html,
.lt-ie8 body {
  width: auto;
  /* Because width: 100% causes horizontal scroll bar in ie7 and less. */
  height: auto;
  /* Because height: 100% causes *crashing* in ie7 and less. TODO Write javascript fallbacks. */
}
body {
  position: relative;
  /* Position relative is needed for the set to change its height when going left or right. */
}
@media print {
  body {
    position: static;
    overflow: visible;
  }
}
section[role=main] {
  min-height: 100%;
  padding-bottom: 88px;
  /* = vertical gutters (24px + 24px) + minimum height of quicklinks bar (40px) */
}
section[role=main].spi-slide {
  padding-bottom: 0;
}
.has-mm-footer[role="main"] {
  padding-bottom: 78px;
}
.expandable-text {
  overflow: hidden;
  position: relative;
}
.expandable-text.collapsed {
  height: 132px;
  opacity: 1;
}
.expandable-text.collapsed:after {
  pointer-events: all;
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.expandable-text.collapsed:hover {
  cursor: pointer;
}
.expandable-text:after {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
/* Text DEFAULT / BLOCK ELEMENTS */
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
}
/* Text DEFAULT */
body {
  font-family: RijksText, Arial, sans-serif;
  font-size: 93.75%;
  line-height: 1.2em;
}
.text-discount {
  display: block;
  text-decoration: line-through;
  font-size: 0.86666667em;
  line-height: 1.2em;
}
/* Text HEADERS */
.text-max-width {
  max-width: 38rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 12px 0;
  font-weight: bold;
}
/* Text Headers H1 */
h1,
.h1-like {
  font-size: 2.8em;
  line-height: 1.04761905em;
}
.layout-wide [class*="page-header"] h1,
.layout-wide [class*="page-header"] .h1-like {
  font-size: 4.8em;
  line-height: 0.94em;
}
@media screen and (max-width: 1600px) {
  .layout-wide [class*="page-header"] h1,
  .layout-wide [class*="page-header"] .h1-like {
    font-size: 3.73333em;
    line-height: 1.03em;
  }
}
@media screen and (max-width: 1044px) {
  .layout-wide [class*="page-header"] h1,
  .layout-wide [class*="page-header"] .h1-like {
    font-size: 2.8em;
    line-height: 1.04761905em;
  }
}
@media screen and (max-width: 600px) {
  .layout-wide [class*="page-header"] h1,
  .layout-wide [class*="page-header"] .h1-like {
    font-size: 2.4em;
    line-height: 1.11111111em;
  }
}
@media screen and (max-width: 600px) {
  h1,
  .h1-like {
    font-size: 2.4em;
    line-height: 1.11111111em;
  }
}
/* Text Headers H2 */
h2,
.h2-like {
  font-size: 1.73333333em;
  line-height: 1.07692308em;
}
@media screen and (max-width: 600px) {
  h2,
  .h2-like {
    font-size: 1.6em;
    line-height: 1.08333333em;
  }
}
/* Text Headers H3 */
h3,
.h3-like,
.small-headers h2 {
  font-size: 1.33333333em;
  line-height: 1.15em;
}
/* Text Headers H4 - H6 */
h4,
h5,
h6,
.h4-like,
.small-headers h3 {
  font-size: 1em;
  line-height: 1.2em;
}
/* Text Headers WITHIN A FREE INPUT TEXT AREA */
.text-free-input h1,
.text-free-input h2,
.text-free-input h3,
.text-free-input h4,
.text-free-input h5,
.text-free-input h6 {
  clear: both;
  margin-top: 24px;
}
.text-free-input h1 {
  margin-bottom: 15px;
}
.text-free-input h2 {
  margin-bottom: 6px;
}
.text-free-input h3 {
  margin-bottom: 3px;
}
.text-free-input h4,
.text-free-input h5,
.text-free-input h6 {
  margin-bottom: 2px;
}
/* Text headers within a figure */
figure h3,
figure .h3-like {
  font-size: 1.73333333em;
  line-height: 1.07692308em;
}
@media (max-width: 1600px) {
  figure h3,
  figure .h3-like {
    font-size: 1.33333333em;
    line-height: 1.15em;
  }
}
/* Text headers within a stream CTA */
.stream-cta h2,
.stream-cta .h2-like {
  font-size: 1.73333333em;
  line-height: 1.07692308em;
}
@media (min-width: 1300px) {
  .stream-cta h2,
  .stream-cta .h2-like {
    font-size: 2vw;
  }
}
@media (min-width: 1600px) {
  .stream-cta h2,
  .stream-cta .h2-like {
    font-size: 2.8em;
    line-height: 1.04761905em;
    font-size: 2.2vw;
  }
}
/* Text PARAGRAPHS and BLOCK QUOTES */
p,
blockquote {
  margin: 0 0 12px 0;
  max-width: 38em;
}
.text-free-input p:empty {
  display: none;
}
/* Text UNORDERED and ORDERED LISTS */
ul,
ol,
dl {
  margin: 0 0 12px 0;
  padding: 0;
  list-style: none;
}
.text-free-input ul,
.text-free-input ol,
.text-free-input dl {
  clear: both;
}
li,
dt,
dd {
  position: relative;
  margin: 0 0 12px 0;
}
.text-free-input li,
.text-free-input dt,
.text-free-input dd {
  margin: 0 0 3px 0;
}
li > ul > li:first-child,
li > ol > li:first-child {
  margin-top: 12px;
}
li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.lt-ie8 ul {
  list-style-type: disc;
  list-style-position: outside;
}
.lt-ie8 ol {
  list-style-type: decimal;
  list-style-position: outside;
}
/* Text Lists STANDARD UNORDERED LISTS */
ul > li {
  padding-left: 14px;
}
ul > li:before {
  content: "•";
  font-size: 22px;
  color: #d55140;
}
.list-checkmark ul > li {
  padding-left: 1.5em;
}
.list-checkmark ul > li:before {
  content: none;
}
.list-checkmark ul > li .icon-im-check {
  position: absolute;
  left: 0;
  top: 1px;
  color: #8bc400;
}
.list-checkmark ul > li .icon-im-check:before {
  width: 17px;
  height: 17px;
  line-height: 1;
}
.list-checkmark.list-color-inherit ul > li .icon-im-check {
  color: inherit;
}
.list-no-bullet > li:before {
  content: none;
}
.lt-ie8 ul > li {
  padding-left: 0;
  margin-left: 16px;
}
/* Text Lists STANDARD ORDERED LIST */
ol {
  counter-reset: li;
  /* Start counting. Go CSS3! */
}
ol > li {
  padding-left: 25px;
}
ol > li:before {
  content: counter(li);
  counter-increment: li;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 2px;
  text-align: center;
  font-size: 0.73333333em;
  /* = 11px (desired value) / 15px (default value) */
  background: #d55140;
  color: white;
}
.lt-ie8 ol > li {
  padding-left: 0;
  margin-left: 25px;
}
/* Text Lists COMMAS */
.list-commas {
  margin-top: 0;
}
.list-commas > li {
  display: inline;
  position: static;
  margin: 0;
  padding: 0;
}
.list-commas > li:before {
  content: none;
  display: none;
}
.list-commas > li:after {
  content: ", ";
}
.list-commas > li:last-of-type:after {
  content: none;
}
/* Text Lists BIG NUMBERS */
.list-big-numbers > li {
  padding-left: 30px;
}
.list-big-numbers > li:before {
  content: counter(li) ".";
  width: auto;
  height: auto;
  text-align: left;
  font-size: 1.73333333em;
  line-height: 1.07692308em;
  background: none;
  color: inherit;
}
/* Text Lists LIS WITH LITTLE ARROWS FOR LINKS */
.list-links > li {
  padding-left: 8px;
}
.list-links > li:before {
  content: "›";
  top: -2px;
  font-size: 14px;
  color: inherit;
}
/* Text Lists LIS WITH LITTLE ARROWS FOR LINKS */
.list-links-plain > li {
  padding-left: 8px;
}
.list-links-plain > li:before {
  content: "›";
  top: -2px;
  font-size: 14px;
  color: inherit;
}
.list-links-plain > li a {
  text-decoration: none;
}
.list-links-plain > li a:hover {
  text-decoration: none!important;
}
/* Text Lists EXPANDING and CONTRACTING LIS */
/* Reset default li behavior */
.list-expanding,
.list-expanding > li {
  position: static;
  padding: 0;
}
.lt-ie8 .list-expanding,
.lt-ie8 .list-expanding > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-expanding > li:before {
  content: "";
  display: none;
}
/* Add some new styles */
.list-expanding > li + li {
  margin-top: 24px;
}
.list-expanding > li > ul,
.list-expanding > li > ol {
  margin-left: 15px;
}
/* Hide sub-lists immediately preceded by an element
with the classname list-expanding-add (has a plus sign). */
.list-collapsed + ul,
.list-collapsed + ol {
  display: none;
}
/* Text Lists EXTRA ROOM BETWEEN LIS */
.list-roomy > li + li {
  margin-top: 15px;
}
/* Text Lists CONTAIN FLOATS WITHIN LIS, the quick and dirty way... */
/* WARNING: If there are elements absolutely
positioned outside the list items then you
won't be able to see them! If you want to see them,
remove .list-clearfix from the <ul> or <ol> and use the classes
.clear and .clearfix on every <li> instead. */
.list-clearfix li {
  clear: both;
  overflow: hidden;
}
/* Text Lists NO BULLETS ON LIS */
/* Turn off bullets. If you want to turn off margins as well, use .reset-spacing in layout. */
.reset-list,
.reset-list > li {
  padding-left: 0;
}
.reset-list > li:before {
  content: "";
  display: none;
}
.lt-ie8 .reset-list {
  margin-left: 0;
}
.lt-ie8 .reset-list > li {
  padding-left: 0;
  list-style: none;
}
/* Text ALIGNMENT */
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* Text LINKS / INLINE ELEMENTS */
/* Text LINKS (default) */
:focus {
  outline: 0;
}
.keyboard-navigation-is-active :focus,
.no-js :focus {
  outline: 2px dotted !important;
}
.keyboard-navigation-is-active .button-lightest:focus,
.no-js .button-lightest:focus {
  outline: 2px dotted white !important;
}
.keyboard-navigation-is-active .bg-lightest :focus,
.no-js .bg-lightest :focus {
  outline: 2px dotted #343537 !important;
}
.keyboard-navigation-is-active .bg-lightest .button-lightest:focus,
.no-js .bg-lightest .button-lightest:focus {
  outline: 2px dotted #343537 !important;
}
a,
.link-like {
  cursor: pointer;
  text-decoration: underline;
  color: inherit;
  -webkit-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out;
}
a:hover,
.link-like:hover,
a:active,
.link-like:active {
  color: inherit;
  text-decoration: none;
}
.icon-link {
  padding-left: 15px;
  position: relative;
  text-decoration: none;
}
.icon-link [class*="icon-im-"] {
  position: absolute;
  left: 0;
  top: 0;
}
.icon-link [class*="icon-im-"]:before {
  position: relative;
  width: auto;
  height: auto;
  font-size: 0.8em;
  line-height: 0.8em;
}
.icon-link.icon-link-right {
  padding-right: 15px;
  padding-left: 0;
}
.icon-link.icon-link-right [class*="icon-im-"] {
  right: 0;
  left: auto;
}
.icon-link.icon-link-right [class*="icon-im-"]:before {
  line-height: 1.7em;
}
.bg-lightest a:hover,
.bg-lightest .link-like:hover,
.bg-lightest a:active,
.bg-lightest .link-like:active {
  color: #d55140;
  text-decoration: underline;
}
.bg-lightest h1 a:hover,
.bg-lightest h2 a:hover,
.bg-lightest h3 a:hover,
.bg-lightest h4 a:hover,
.bg-lightest h5 a:hover,
.bg-lightest h6 a:hover,
.bg-lightest h1 .link-like:hover,
.bg-lightest h2 .link-like:hover,
.bg-lightest h3 .link-like:hover,
.bg-lightest h4 .link-like:hover,
.bg-lightest h5 .link-like:hover,
.bg-lightest h6 .link-like:hover,
.bg-lightest h1 a:active,
.bg-lightest h2 a:active,
.bg-lightest h3 a:active,
.bg-lightest h4 a:active,
.bg-lightest h5 a:active,
.bg-lightest h6 a:active,
.bg-lightest h1 .link-like:active,
.bg-lightest h2 .link-like:active,
.bg-lightest h3 .link-like:active,
.bg-lightest h4 .link-like:active,
.bg-lightest h5 .link-like:active,
.bg-lightest h6 .link-like:active {
  color: inherit;
  text-decoration: none;
}
/* Text LINKS BLOCK */
.link-block.link-block {
  display: block;
}
.link-block.link-block,
.link-block.link-block:hover {
  text-decoration: none;
  color: inherit;
}
.link-block.link-block .link-title {
  text-decoration: underline;
  color: inherit;
}
.link-block.link-block .link-title-reverse {
  text-decoration: none;
  color: inherit;
}
.link-block.link-block:hover .link-title {
  color: #d55140;
}
.link-block.link-block:hover .link-title-reverse {
  text-decoration: underline;
  color: inherit;
}
/* Text LINKS REVERSED */
.link-reverse.link-reverse {
  text-decoration: none;
}
.link-reverse.link-reverse:hover,
.link-reverse.link-reverse:active {
  text-decoration: underline;
}
/* Text LINKS RESET */
.link-reset,
.link-reset *,
.bg-lightest .link-reset,
.bg-lightest .link-reset * {
  text-decoration: none;
}
.link-reset:hover,
.link-reset *:hover,
.bg-lightest .link-reset:hover,
.bg-lightest .link-reset *:hover,
.link-reset:active,
.link-reset *:active,
.bg-lightest .link-reset:active,
.bg-lightest .link-reset *:active {
  text-decoration: none;
}
.link-reset-all,
.link-reset-all *,
.bg-lightest .link-reset-all,
.bg-lightest .link-reset-all * {
  text-decoration: none;
  color: inherit;
}
.link-reset-all:hover,
.link-reset-all *:hover,
.bg-lightest .link-reset-all:hover,
.bg-lightest .link-reset-all *:hover,
.link-reset-all:active,
.link-reset-all *:active,
.bg-lightest .link-reset-all:active,
.bg-lightest .link-reset-all *:active {
  text-decoration: none;
  color: inherit;
}
/* Text BOLD and ITALIC */
b,
strong,
.text-strong {
  font-weight: bold;
}
i,
em,
.text-em {
  font-style: italic;
}
.text-weak {
  font-weight: normal;
  font-style: normal;
}
/* Text EXTRA HUGE (It's just huge...) */
.text-huge {
  font-size: 4.8em;
  line-height: 0.94em;
}
@media (max-width: 600px) {
  .text-huge {
    font-size: 4em;
  }
}
/* Text SMALL */
small,
.text-small {
  font-size: 0.86666667em;
  line-height: 1.2em;
}
/* Text LARGE (INTRO) */
.text-intro {
  font-size: 1.33333333em;
  line-height: 1.15em;
}
@media (max-width: 480px) {
  .text-intro {
    font-size: 1.2em;
    line-height: 1.11111111em;
  }
}
/* Text EXTRA LARGE (PULL OUT) */
.text-pull-out {
  font-size: 1.73333333em;
  line-height: 1.07692308em;
}
@media (max-width: 600px) {
  .text-pull-out {
    font-size: 1.6em;
    line-height: 1.08333333em;
  }
}
/* Text OVERLAY */
.text-overlay {
  opacity: 0.3;
}
/* Text SUBTLE and EXTRA SUBTLE */
.text-subtle {
  color: #a2abad;
}
/* Use only on a leaf node to force white or black text when needed. */
.text-light {
  color: #a2abad !important;
}
/* Text LIGHTEST and DARKEST */
/* Use only on a leaf node to force white or black text when needed. */
.text-lightest {
  color: white !important;
}
.text-darkest {
  color: black !important;
}
/* Text MARK and HIGHLIGHT */
mark {
  color: inherit;
  background: none;
}
.text-highlight {
  background-color: #ffc;
}
.text-highlight .link-title.link-title {
  color: #d55140;
}
/* Text DIVIDEDER */
/* nbsp to the right of the pipe to compensate for trailing spaces
with newlines .etc. */
.text-divider + .text-divider:before {
  content: "|\0000a0";
  padding: 0 5px;
}
/* Set Cursor pointer for clickable stuff with javascript */
.look-clickable {
  cursor: pointer;
}
/* Text NOWRAP */
.text-nowrap {
  white-space: nowrap;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
span.text-ellipsis {
  display: block;
  max-width: 100%;
}
sup {
  position: relative;
  top: -0.2em;
  font-size: 0.8em;
  line-height: 0.5em;
  vertical-align: baseline;
}
.color-primary {
  color: #d55140;
}
/* MEDIA */
img {
  display: block;
  /* Turn off weird vertical spacing in Chrome and Safari. */
  max-width: 100%;
  /* Make sure images never get wider than the containing block. */
  vertical-align: middle;
  /* Make sure vertical spacing doesn't return when switching back to display: inline(-block); */
}
/* TODO Phase out image-dynamic and .responsive-image */
.image-dynamic,
.image-cropped,
.image-full {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.image-dynamic,
.image-cropped {
  background-size: cover;
}
.image-full {
  background-size: contain;
}
.responsive-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.image-square {
  height: 0;
  padding-bottom: 100%;
}
.avatar-before,
.thumb-before {
  display: block;
  max-width: 100%;
  background-position: -9999px -9999px;
  background-repeat: no-repeat;
}
.avatar-before:before,
.thumb-before:before {
  content: "";
  margin-right: 10px;
  background-color: #202327;
  background-image: inherit;
  background-position: 0 0;
  background-size: contain;
}
.avatar-before {
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avatar-before:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  vertical-align: middle;
}
.avatar-before.square:before {
  border-radius: 0;
}
.thumb-before {
  overflow: hidden;
}
.thumb-before:before {
  float: left;
  width: 60px;
  height: 60px;
}
iframe {
  max-width: 100%;
  border: 0;
}
.fb-like iframe {
  max-width: none;
}
/* Media FIGURES and figure like things... */
figure,
.figure {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
figure > a:hover + figcaption h3 a,
.figure > a:hover + figcaption h3 a,
figure > div:hover figcaption h3 a,
.figure > div:hover figcaption h3 a {
  text-decoration: underline !important;
}
/* For figures outside free input text areas... */
.figure-block {
  margin-top: 35px;
}
.figure-block + * {
  /* Put some space between the element
  and the figure that preceeds it,
  if there is one.*/
  margin-top: 24px;
}
/* For figures inside free input text areas... */
/* These figure are almost always found inside
paragraphs, but we'll use generic pseudo
elements just in case.  */
.text-free-input {
  /* Won't work in IE < 9, oh well... */
}
.text-free-input p {
  margin: 12px 0;
}
@media (max-width: 600px) {
  .text-free-input p {
    margin-top: 8px;
  }
}
.text-free-input .figure-block {
  margin: 24px 0;
}
.text-free-input > :first-child > .figure-block:first-child {
  margin-top: 0;
}
.text-free-input > :last-child > .figure-block:last-child {
  margin-bottom: 0;
}
.figure-inline {
  float: left;
  margin: 4px 20px 12px 0;
}
/*
.figure-inline + * {
  display: block;
  margin-top: @margin-standard;
}
*/
/* Media FIGURE FRAME (optional grey box around the figure) */
/* Styles are the same as .box .bg-lightest,
but without interference from 0 margins on
boxes. */
.figure-frame {
  padding: 20px;
  background-color: #eaeaea;
}
.figure-frame h1,
.figure-frame h2,
.figure-frame h3,
.figure-frame h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}
figcaption,
.caption {
  display: block;
}
figcaption {
  position: relative;
  margin: 12px 0;
}
.caption {
  margin-top: 6px;
}
.caption:empty {
  margin: 0;
}
/* Media MEDIA WRAPPER */
.media-wrapper {
  display: block;
  position: relative;
  margin: 0;
}
.media-wrapper > * {
  display: block;
}
.media-wrapper .corner-top-left:not(.media) {
  top: 10px;
  left: 10px;
}
.media-wrapper .corner-top-right:not(.media) {
  top: 10px;
  right: 10px;
}
.media-wrapper .corner-bottom-left:not(.media) {
  bottom: 10px;
  left: 10px;
}
.media-wrapper .corner-bottom-right:not(.media) {
  bottom: 10px;
  right: 10px;
}
/* Code-examples for API-documentation */
code {
  display: inline-block;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  max-width: 100%;
  padding: 0 4px;
  word-break: break-all;
  white-space: pre;
  overflow-x: auto;
  vertical-align: middle;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
tr {
  border-top: 1px solid #a2abad;
}
tr:first-child {
  border-top: 0;
}
thead + tbody tr:first-child {
  border-top: 1px solid #a2abad;
}
.table-plain tr {
  border: 0 !important;
}
thead + tbody tr:first-child {
  border-top: 1px solid #a2abad;
}
th,
td {
  padding: 12px 0 12px 12px;
  text-align: left;
  vertical-align: top;
}
th:first-child,
td:first-child {
  padding-left: 0;
}
tr:first-child table:not(.table-keep-spacing) th,
tr:first-child table:not(.table-keep-spacing) td {
  padding-top: 0;
}
tr:last-child table:not(.table-keep-spacing) th,
tr:last-child table:not(.table-keep-spacing) td {
  padding-bottom: 0;
}
thead tr:last-child:last-child table:not(.table-keep-spacing) th,
thead tr:last-child:last-child table:not(.table-keep-spacing) td {
  padding-bottom: 12px;
}
thead + tbody tr:first-child table:not(.table-keep-spacing) th,
thead + tbody tr:first-child table:not(.table-keep-spacing) td {
  padding-top: 12px;
}
th {
  font-weight: bold;
}
form,
fieldset {
  margin: 0 0 12px 0;
  padding: 0;
  border: 0;
}
legend {
  float: none;
  display: block;
  margin: 0;
  padding: 0 0 12px 0;
  border: 0;
  white-space: normal;
  /* Allow text within legends to wrap */
  *margin-left: -7px;
  /* Correct alignment problems in IE6/7 */
}
label {
  cursor: pointer;
  /* Indicate that clicking on a label will shift focus to the associated form element */
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 600px) {
  .label-mobile-lg-bold {
    font-weight: bold;
  }
}
.align-label-input {
  padding-top: 12px;
  /* = (40px (height of input) - 15px (height of text)) / 2 */
}
input[type="radio"].align-radio-input {
  margin-top: 12px;
  /* = (40px (height of input) - 15px (+- height of radio)) / 2 */
}
button,
.button-like,
.button-fake,
input,
.input-text-like,
textarea,
.textarea-like {
  display: inline-block;
  vertical-align: middle;
  padding: 0 12px;
  border-radius: 3px;
  text-align: left;
  font-family: RijksText, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
}
/* There are a ton of new input types available in HTML5, but to save on bytes
we shouldn't add them unless we intend you use them. */
.input-text-like,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
.textarea-like {
  border: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) inset;
  background: white;
  color: #343537;
  -webkit-appearance: none;
}
.input-text-like[readonly],
input[type="text"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="password"][readonly],
textarea[readonly],
.textarea-like[readonly] {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25) inset;
  background: #eaeaea;
  cursor: not-allowed;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
  height: 40px;
  min-width: 100px;
}
input[type="text"].small {
  margin: 5px 0;
  height: 30px;
  width: 50px;
}
.input-text-like {
  height: 40px;
  overflow: auto;
  padding: 12px 4px 4px 12px;
  vertical-align: top;
}
html.lt-ie9 input[type="text"],
html.lt-ie9 input[type="email"],
html.lt-ie9 input[type="url"],
html.lt-ie9 input[type="password"] {
  line-height: 38px;
}
html.lt-ie9 input[type="text"].small {
  line-height: 28px;
}
html.lt-ie9 .input-text-like {
  line-height: 38px;
}
textarea,
.textarea-like {
  display: block;
  height: auto;
  min-height: 80px;
  padding: 12px 4px 4px 12px;
  vertical-align: top;
  resize: vertical;
}
.textarea-like {
  padding: 12px;
}
.no-boxshadow .input-text-like,
.no-boxshadow input[type="text"],
.no-boxshadow input[type="email"],
.no-boxshadow input[type="url"],
.no-boxshadow input[type="password"],
.no-boxshadow textarea,
.no-boxshadow .textarea-like {
  border: 1px solid #a2abad;
}
.select-wrapper,
select {
  display: block;
  width: 100%;
  height: 40px;
}
.select-wrapper {
  padding: 0;
  overflow: hidden;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 100% -1980px;
  background-color: #eaeaea;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  color: black;
}
.bg-lighter .select-wrapper {
  background-color: #a2abad;
}
.select-wrapper-sm {
  max-width: 100px;
}
select {
  cursor: pointer;
  padding: 0 40px 0 12px;
  border: none;
  vertical-align: middle;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 0 \9;
  width: 120% \9;
}
select::-ms-expand {
  display: none;
}
select option {
  color: black;
  background: white;
}
.options-loading {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 12px;
}
option {
  padding-left: 12px;
}
.number-picker-wrapper {
  display: inline-block;
  background-color: #a2abad;
  border-radius: 3px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.number-picker-wrapper button,
.number-picker-wrapper select {
  color: #343537;
  display: inline-block;
  vertical-align: top;
}
.number-picker-wrapper button {
  height: 100%;
  width: 30px;
  min-width: 30px;
  background-color: #a2abad;
}
.number-picker-wrapper button[class*="icon-im"]:before {
  font-size: 1rem;
  width: 30px;
}
.number-picker-wrapper select {
  width: auto;
  min-width: 43px;
}
.number-picker-wrapper select option {
  text-align: left;
}
.number-picker-wrapper select,
.number-picker-wrapper .number-picker-label {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 5px 0;
  border-radius: 3px;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
.number-picker-wrapper .number-picker-select {
  display: inline-block;
  position: relative;
}
.number-picker-wrapper .number-picker-label {
  position: absolute;
  pointer-events: none;
  width: 100%;
  top: 0;
  left: 0;
}
.number-picker-wrapper .number-picker-label + select {
  opacity: 0;
}
.number-picker-wrapper-compact {
  height: 30px;
}
.number-picker-wrapper-compact button {
  min-height: 30px;
  width: 25px;
  min-width: 25px;
}
.number-picker-wrapper-compact button[class*="icon-im"]:before {
  width: 25px;
  height: 30px;
  line-height: 30px;
}
.number-picker-wrapper-compact select,
.number-picker-wrapper-compact .number-picker-label {
  height: 30px;
  padding: 0 8px;
  margin: 0;
}
.name-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.name-input-wrapper input {
  width: 40%;
  min-width: auto;
}
.name-input-wrapper input.input-preposition {
  width: 30%;
}
.name-input-wrapper input.input-firstname {
  width: 30%;
}
.name-input-wrapper input + input {
  margin-left: 5px;
}
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: top;
}
.ie input[type="radio"],
.ie input[type="checkbox"] {
  margin-top: 1px;
}
input[type="radio"] + .radio-content,
input[type="checkbox"] + .radio-content,
input[type="radio"] + .mini-page .radio-content,
input[type="checkbox"] + .mini-page .radio-content {
  overflow: hidden;
  display: none;
  padding-left: 40px;
}
input[type="radio"]:checked + .radio-content,
input[type="checkbox"]:checked + .radio-content,
input[type="radio"]:checked + .mini-page .radio-content,
input[type="checkbox"]:checked + .mini-page .radio-content {
  display: block;
}
input[type="radio"] + label.radio-before,
input[type="checkbox"] + label.radio-before,
input[type="radio"] + .mini-page label.radio-before,
input[type="checkbox"] + .mini-page label.radio-before {
  padding-left: 40px;
  line-height: 30px;
}
input[type="radio"] + label.radio-before::before,
input[type="checkbox"] + label.radio-before::before,
input[type="radio"] + .mini-page label.radio-before::before,
input[type="checkbox"] + .mini-page label.radio-before::before,
input[type="radio"] + label.radio-before::after,
input[type="checkbox"] + label.radio-before::after,
input[type="radio"] + .mini-page label.radio-before::after,
input[type="checkbox"] + .mini-page label.radio-before::after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
input[type="radio"] + label.radio-before::before,
input[type="checkbox"] + label.radio-before::before,
input[type="radio"] + .mini-page label.radio-before::before,
input[type="checkbox"] + .mini-page label.radio-before::before {
  display: block;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  background: white;
  box-shadow: inset 0 1px 3px #000000;
}
input[type="radio"] + label.radio-before::after,
input[type="checkbox"] + label.radio-before::after,
input[type="radio"] + .mini-page label.radio-before::after,
input[type="checkbox"] + .mini-page label.radio-before::after {
  display: none;
  left: 7px;
  top: 12px;
  width: 10px;
  height: 10px;
  background: black;
}
input[type="radio"] + label.radio-before span.label,
input[type="checkbox"] + label.radio-before span.label,
input[type="radio"] + .mini-page label.radio-before span.label,
input[type="checkbox"] + .mini-page label.radio-before span.label {
  vertical-align: text-top;
}
input[type="radio"] + label.radio-before span.logos,
input[type="checkbox"] + label.radio-before span.logos,
input[type="radio"] + .mini-page label.radio-before span.logos,
input[type="checkbox"] + .mini-page label.radio-before span.logos {
  display: inline-block;
}
input[type="radio"] + label.radio-before img,
input[type="checkbox"] + label.radio-before img,
input[type="radio"] + .mini-page label.radio-before img,
input[type="checkbox"] + .mini-page label.radio-before img {
  display: inline-block;
  vertical-align: bottom;
}
input[type="radio"]:checked + label.radio-before::after,
input[type="checkbox"]:checked + label.radio-before::after,
input[type="radio"]:checked + .mini-page label.radio-before::after,
input[type="checkbox"]:checked + .mini-page label.radio-before::after {
  display: block;
}
.choice-wrapper {
  padding-left: 20px;
}
.choice-wrapper input[type="radio"],
.choice-wrapper input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.onoff-input {
  display: none !important;
}
.onoff-input:checked + .onoff-label .switch {
  background-color: #8bc400;
}
.onoff-input:checked + .onoff-label .toggle {
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
}
.lt-ie9 .onoff-input {
  display: inline !important;
}
.onoff-label {
  display: block;
}
.onoff-label .switch {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
  position: relative;
  width: 82px;
  height: 40px;
  overflow: hidden;
  font-size: 1.2em;
  text-align: center;
  border-radius: 3px;
  -webkit-transition: background 0.1s ease-in 0s;
          transition: background 0.1s ease-in 0s;
}
.lt-ie9 .onoff-label .switch {
  display: none;
}
.onoff-label .on,
.onoff-label .off {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 45px;
  height: 40px;
  line-height: 40px;
  color: white;
}
.onoff-label .on {
  left: 0;
}
.onoff-label .off {
  right: 0;
}
.onoff-label .toggle {
  display: block;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 30px;
  line-height: 30px;
  background: #eaeaea;
  color: #a2abad;
  border-radius: 3px;
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  -webkit-transition: -webkit-transform 0.1s ease-in 0s;
          transition: transform 0.1s ease-in 0s;
}
[disabled="disabled"] {
  cursor: default !important;
  color: #000 !important;
}
.inputs-combined {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.inputs-combined [type="text"] {
  width: 100%;
  padding-right: 52px;
}
.inputs-combined [type="submit"] {
  border-radius: 0 3px 3px 0;
}
.input-predefined {
  border-radius: 3px 0 0 3px;
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.4);
  font-weight: bold;
}
.input-has-predefined {
  padding-left: 90px;
}
/* The field validation error classes come from the system,
so we have to style everything again instead of using our
component classes. */
.field-validation-hint,
.field-validation-error {
  display: block;
  position: relative;
  margin-top: 17px;
  padding: 12px;
  text-align: center;
  background-color: #d55140;
  color: white !important;
}
.field-validation-hint a:hover,
.field-validation-error a:hover {
  color: white;
}
.field-validation-hint:before,
.field-validation-error:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border-width: 0 15px 15px 15px;
  border-style: solid;
  border-color: transparent transparent #d55140 transparent;
}
.field-validation-error.without-arrow {
  margin-top: 0;
}
.field-validation-error.without-arrow:before {
  content: none;
}
.field-validation-bottom-arrow {
  margin-top: 0;
  margin-bottom: 17px;
}
.field-validation-bottom-arrow:before {
  top: auto;
  bottom: -15px;
  border-width: 15px 15px 0 15px;
  border-color: #d55140 transparent transparent transparent;
}
.field-validation-hint {
  background-color: #a2abad;
}
.field-validation-hint:before {
  border-color: transparent transparent #a2abad transparent;
}
.field-validation-error.left:before {
  left: 25%;
}
.field-validation-error.right:before {
  left: 75%;
}
.field-validation-error.right-extra:before {
  left: 79%;
}
[type="text"].input-validation-error,
[type="email"].input-validation-error,
[type="password"].input-validation-error {
  border: 3px solid #d55140;
  box-shadow: none;
  background-color: #f5d4d0;
}
.validation-summary-valid,
.field-validation-valid {
  display: none;
}
.object-fit-container.fit-parent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.lazy-image-wrapper {
  position: relative;
  display: block;
}
.lazy-image-wrapper .lazy-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.lazy-image-wrapper.object-fit-container .lazy-image-placeholder {
  position: relative;
}
.lazy-image {
  opacity: 1;
  -webkit-transition: 200ms ease;
          transition: 200ms ease;
}
.lazy-image.not-loaded {
  opacity: 0;
}
.lazy-image + .lazy-image-placeholder {
  opacity: 0;
  -webkit-transition: 200ms ease;
          transition: 200ms ease;
}
.lazy-image.not-loaded + .lazy-image-placeholder:not(.hide-placeholder) {
  opacity: 1;
}
.no-object-fit .object-fit-container img.not-loaded {
  display: block;
}
/* BUTTONS! */
/* *** For usage, examples, advice and more, check out the unit test at /nl/cssunittestbuttons *** */
/* Buttons! DEFAULT SIZE */
button,
.button-like,
[type="submit"] {
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
button,
.button-like,
.button-fake,
[type="submit"] {
  min-width: 40px;
  max-width: 100%;
  height: 40px;
  min-height: 40px;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button-like,
.button-fake {
  line-height: 40px;
  text-decoration: none !important;
}
.button-fake {
  cursor: initial;
}
.button-multiline {
  height: auto;
  line-height: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
}
/* Buttons! DEFAULT COLOR and ICONS */
button,
.button-like,
.button-fake,
[type="submit"] {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  background-position: -9999px -9999px;
  background-repeat: no-repeat;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  color: white;
  -webkit-transition: background-color 0.15s ease-in-out;
          transition: background-color 0.15s ease-in-out;
}
.multiplebgs {
  /* Yes this is messy and gross. But it's too late to invert
  the default and the exceptions now, so here we go... */
}
.multiplebgs .button-combo-divided {
  background-position: -9999px -9999px, -9999px -9999px;
  background-repeat: no-repeat, no-repeat;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png"), url("/WebStatic/Images/Icons/icons-black.png");
}
.multiplebgs .bg-accent-darker .button-combo-divided,
.multiplebgs .bg-accent-dark .button-combo-divided,
.multiplebgs .bg-accent-medium-dark .button-combo-divided,
.multiplebgs .bg-accent-medium .button-combo-divided,
.multiplebgs .bg-accent-medium-light .button-combo-divided,
.multiplebgs .bg-accent-light .button-combo-divided,
.multiplebgs .bg-accent-lighter .button-combo-divided,
.multiplebgs .bg-accent-lightest .button-combo-divided,
.multiplebgs .bg-accent-warm .button-combo-divided,
.multiplebgs .bg-accent-bright .button-combo-divided,
.multiplebgs .bg-accent-brighter .button-combo-divided,
.multiplebgs .bg-accent-brightest .button-combo-divided,
.multiplebgs .bg-accent-friends .button-combo-divided,
.multiplebgs .bg-accent-business .button-combo-divided,
.multiplebgs .bg-medium .button-combo-divided,
.multiplebgs .bg-light .button-combo-divided,
.multiplebgs .bg-lighter .button-combo-divided,
.multiplebgs .bg-lightest .button-combo-divided {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png"), url("/WebStatic/Images/Icons/icons-white2.png");
}
/* icon colors for .bg-lighter */
button.bg-lighter,
.button-like.bg-lighter,
.button-fake.bg-lighter,
[type="submit"].bg-lighter {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
}
/* Buttons! HOVER */
/* Buttons! Hover DEFAULT */
button:hover,
.button-like:hover,
[type="submit"]:hover,
button:active,
.button-like:active,
[type="submit"]:active {
  background-color: white;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  color: black;
}
.multiplebgs .button-combo-divided:hover,
.multiplebgs .button-combo-divided:active {
  background-image: url("/WebStatic/Images/Icons/icons-black.png"), url("/WebStatic/Images/Icons/icons-black.png");
}
/* Buttons! Hover ON LIGHT BACKGROUNDS */
.bg-lightest button:hover,
.bg-lighter button:hover,
.bg-lightest .button-like:hover,
.bg-lighter .button-like:hover,
.bg-lightest [type="submit"]:hover,
.bg-lighter [type="submit"]:hover,
.bg-lightest button:active,
.bg-lighter button:active,
.bg-lightest .button-like:active,
.bg-lighter .button-like:active,
.bg-lightest [type="submit"]:active,
.bg-lighter [type="submit"]:active {
  background-color: black;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  color: white;
}
.multiplebgs .bg-lightest .button-combo-divided:hover,
.multiplebgs .bg-lighter .button-combo-divided:hover,
.multiplebgs .bg-lightest .button-combo-divided:active,
.multiplebgs .bg-lighter .button-combo-divided:active {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png"), url("/WebStatic/Images/Icons/icons-white2.png");
}
/* Buttons BIG and BOLD */
.button-big {
  font-size: 1.2em;
}
.button-bold {
  font-weight: bold;
}
.button-text-center {
  text-align: center;
}
/* Hacky color for friend-banner */
.bg-accent-friends button,
.bg-accent-friends .button,
.bg-accent-friends .button-like {
  background-color: #568405;
}
.bg-accent-friends button:hover,
.bg-accent-friends .button:hover,
.bg-accent-friends .button-like:hover {
  background-color: black;
}
.button-avatar {
  background-position: 0 0;
  background-size: contain;
}
.button-avatar.button-combo-start {
  padding-left: 50px;
}
.button-fake.button-tag {
  height: auto;
  min-height: 1.11111111rem;
  line-height: 1.11111111rem;
  padding-right: 6px;
  padding-left: 6px;
  font-size: 0.66666667rem;
  text-transform: uppercase;
  text-shadow: none;
  color: #a2abad;
}
.bg-lightest .button-fake.button-tag {
  background-color: #a2abad;
  color: white;
}
.button-fake.button-tag.is-large {
  min-height: 1.25rem;
  line-height: 1.25rem;
  padding-right: 6px;
  padding-left: 6px;
  font-size: 0.75rem;
}
.button-fake.button-tag.has-color {
  background-color: #42a68c;
  color: white;
}
.button-snapped-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Text overrule */
.text-dark,
[type="submit"].text-dark {
  color: black;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
}
/* Button Colors PLAIN */
/* The button that looks like a link! */
.button-plain {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: inherit;
}
.button-plain,
.button-plain:hover,
.button-plain:active {
  background: transparent !important;
  color: inherit;
}
/* Button Colors PRIMARY */
.button-primary,
.button-primary.bg-medium {
  background-color: #d55140;
}
/* Button Colors SECONDARY = DEFAULT */
/* Button Colors OVERLAY */
.button-overlay {
  background-color: #3e3e3e;
  background-color: rgba(0, 0, 0, 0.33);
}
/* Button Colors DARK */
.button-dark {
  background-color: #343537;
}
/* Button Colors LIGHTEST */
.button-lightest {
  background-color: white;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  color: black;
}
.button-lightest:hover,
.button-lightest:active {
  background-color: black;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  color: white;
}
/* Button Colors TRANSPARENT */
.button-transparent {
  background-color: transparent;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
}
.button-transparent:hover,
.button-transparent:active {
  background-color: black;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
}
/* Button Colors SUBTLE */
.button-subtle {
  border: 1px solid rgba(234, 234, 234, 0.25);
  line-height: 38px;
  background: none;
}
/* Button Types ICONS */
.button-icon {
  /* Icon only */
  width: 40px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
}
.button-icon + .block-indent {
  margin-left: 60px;
}
/* Button Types COMBOS */
/* Icon + text */
.button-combo-start {
  padding-left: 40px;
}
/* Text + icon */
.button-combo-end {
  padding-right: 40px;
}
/* Icon + line + text */
.button-combo-divided {
  padding-left: 51px;
}
/* NEW! */
.btn-divided {
  position: relative;
  left: 41px;
  margin-right: 41px;
  border-radius: 0 3px 3px 0;
}
.btn-divided:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -41px;
  width: 40px;
  height: 40px;
  border-radius: 3px 0 0 3px;
  background-color: inherit;
  background-image: inherit;
  color: inherit;
}
/* Buttons ADD and SUBTRACT */
.btn-icon {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.btn-icon:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  font-family: Arial, sans-serif;
  line-height: 40px;
  text-align: center;
  background-color: inherit;
  color: inherit;
}
.btn-add-lg:after {
  content: "+";
  font-size: 40px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: white;
  -webkit-font-smoothing: none;
}
.button-add,
.button-add[type=submit] {
  background-position: 0 -2790px;
}
.button-combo-start.button-add {
  padding-left: 30px;
  background-position: -3px -2790px;
}
.button-subtract {
  background-position: 0 -2880px;
}
.button-combo-start.button-subtract {
  padding-left: 30px;
  background-position: -3px -2880px;
}
/* Buttons ADVICE */
.button-advice,
[type="submit"].button-advice {
  width: 24px;
  height: 24px;
  min-width: 0;
  min-height: 0;
  border-radius: 12px;
  background-position: -8px -5048px;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
}
/* Buttons BACK / FORWARD */
.button-back,
[type="submit"].button-back {
  background-position: 0 -2340px;
}
.button-back-sm,
[type="submit"].button-back-sm {
  background-position: 0 -2700px;
}
.button-combo-start.button-back-sm {
  padding-left: 30px;
  background-position: -3px -2700px;
}
.button-forward,
[type="submit"].button-forward {
  background-position: 100% -2250px;
}
/* Buttons CLOSE and REMOVE */
.button-close,
[type="submit"].button-close {
  background-position: right -1620px;
}
.button-remove,
[type="submit"].button-remove {
  background-position: right -1530px;
}
.button-icon.button-remove-sm {
  background-position: -48px -1538px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
  border-radius: 2px;
}
.link-remove {
  /* Select the element directly preceded by a hovered element
  inside the .link-remove element .*/
  line-height: 24px;
}
.link-remove > *:hover + * {
  background-color: white;
  color: black;
}
.bg-lighter .link-remove,
.bg-lightest .link-remove {
  /* Select the element directly preceded by a hovered element
    inside the .link-remove element .*/
}
.bg-lighter .link-remove > *:hover + *,
.bg-lightest .link-remove > *:hover + * {
  background-color: black;
  color: white;
}
.lt-ie9 .link-remove span {
  display: block;
  float: left;
}
.lt-ie9 .link-remove .button-remove-sm {
  display: block;
  text-indent: -9999em;
  float: left;
  margin: 8px 0 0 5px;
}
/* Buttons CHECK */
.button-check-sm,
[type="submit"].button-check-sm {
  background-position: 0 -4860px;
}
@media (min-width: 900px) {
  .multiplebgs .button-combo-divided.button-check-sm {
    background-position: 0 -4860px, 0 -1365px;
  }
}
/* Buttons DETAIL */
.button-detail,
[type="submit"].button-detail {
  background-position: 0 -3150px;
}
/* Buttons DOWNLOAD */
.button-download,
[type="submit"].button-download {
  background-position: 0 -270px;
}
.multiplebgs .button-combo-divided.button-download {
  background-position: 0 -270px, 0 -1365px;
}
/* Buttons DOWN and UP */
.button-down,
[type="submit"].button-down {
  background-position: 100% -2160px;
}
.button-up,
[type="submit"].button-up {
  background-position: 100% -2070px;
}
/* Buttons DROPDOWN-OPEN */
.button-dropdown-open {
  border-radius: 3px 3px 0 0;
}
/* Buttons FACEBOOK */
.fb_button,
.fb_button .fb_button_text {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none !important;
  font-family: RijksText, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.2em;
  background: none;
}
/* Buttons FAVORIITE */
.button-fav-no,
[type="submit"].button-fav-no {
  background-position: 0 -2970px;
}
.button-fav-yes,
[type="submit"].button-fav-yes {
  background-position: 0 -3060px;
}
.multiplebgs .button-combo-divided.button-fav-yes {
  background-position: 0 -3060px, 0 -1365px;
}
/* Buttons FOLD OUT and FOLD IN */
.button-fold-out,
[type="submit"].button-fold-out {
  background-position: 100% -1980px;
}
.button-fold-in,
[type="submit"].button-fold-in {
  border-radius: 3px 3px 0 0;
  background-position: 100% -1890px;
}
/* Buttons FOLD OUT and FOLD IN (MENU) */
.button-menu-fold-out,
[type="submit"].button-menu-fold-out {
  background-position: 100% -1800px;
}
.button-menu-fold-in,
[type="submit"].button-menu-fold-in {
  background-position: 100% -1710px;
}
/* Button HOME */
.button-home,
[type="submit"].button-home {
  background-position: 0 -5220px;
}
/* Button back to top */
.button-back-to-top,
[type="submit"].button-back-to-top {
  background-position: 100% -5310px;
}
.button-back-to-top.button-combo-end,
[type="submit"].button-back-to-top.button-combo-end {
  background-position: 200% -5310px;
}
/* Button full screen */
.button-full-screen,
[type="submit"].button-full-screen {
  background-position: 0 -5400px;
}
/* Buttons INFO */
/* See object.less, or advice button styles above. */
/* Buttons MAP */
.button-map,
[type="submit"].button-map {
  background-position: 0 -900px;
}
.multiplebgs .button-combo-divided.button-map {
  background-position: 0 -900px, 0 -1365px;
}
/* Buttons SHARE */
.button-share,
[type="submit"].button-share {
  background-position: 0 -4320px;
}
/* Buttons SHOPPING BAG */
.button-shopping-bag,
[type="submit"].button-shopping-bag {
  background-position: 0 -4230px;
}
.multiplebgs .button-combo-divided.button-shopping-bag {
  background-position: 0 -4230px, 0 -1365px;
}
.button-shopping-cart,
[type="submit"].button-shopping-cart {
  background-position: 0 -4950px;
}
.multiplebgs .button-combo-divided.button-shopping-cart {
  background-position: 0 -4950px, 0 -1365px;
}
/* Buttons PLAY */
.button-play,
[type="submit"].button-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  background-position: 0 -810px;
}
/* Must be combined with button play to work properly. */
.button-play-lg,
[type="submit"].button-play-lg {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  background-position: -10px -730px;
}
/* Buttons EYEDROP */
.button-eyedrop,
[type="submit"].button-eyedrop {
  background-position: 0 -3330px;
}
.multiplebgs .button-combo-divided.button-eyedrop {
  background-position: 0 -3330px, 0 -1365px;
}
/* Buttons INFO */
/* See object.less */
/* Buttons ORDER */
.button-order,
[type="submit"].button-order {
  background-position: 0 -3510px;
}
.multiplebgs .button-combo-divided.button-order {
  background-position: 0 -3510px, 0 -1365px;
}
/* Buttons RELOAD */
.button-reload,
[type="submit"].button-reload {
  background-position: 0 -3780px;
}
/* Buttons SETTINGS */
.button-settings,
[type="submit"].button-settings {
  background-position: 0 -3870px;
}
.multiplebgs .button-combo-divided.button-settings {
  background-position: 0 -3870px, 0 -1365px;
}
/* Buttons ORIENTATION */
.button-square,
[type="submit"].button-square {
  background-position: 0 -3960px;
}
.multiplebgs .button-combo-divided.button-square {
  background-position: 0 -3960px, 0 -1365px;
}
.button-orientation-portrait,
[type="submit"].button-orientation-portrait {
  background-position: 0 -4050px;
}
.multiplebgs .button-combo-divided.button-orientation-portrait {
  background-position: 0 -4050px, 0 -1365px;
}
.button-orientation-landscape,
[type="submit"].button-orientation-landscape {
  background-position: 0 -4140px;
}
.multiplebgs .button-combo-divided.button-orientation-landscape {
  background-position: 0 -4140px, 0 -1365px;
}
/* Buttons TRASH */
.button-trash,
[type="submit"].button-trash {
  background-position: 0 -3690px;
}
.multiplebgs .button-combo-divided.button-trash {
  background-position: 0 -3690px, 0 -1365px;
}
/* Buttons rijksxl */
.button-rijksxl,
[type="submit"].button-rijksxl {
  background-position: 0 -4410px;
}
.btn-divided.btn-studio:after {
  background-position: 0 -4410px;
}
/* End buttons RIJKSXL*/
/* Buttons SLIDESHOW */
.button-slideshow,
[type="submit"].button-slideshow {
  background-position: 0 -810px;
}
/* Buttons PREVIOUS / NEXT */
.button-prev,
[type="submit"].button-prev {
  border-radius: 0 3px 3px 0;
  background-position: 0 -2520px;
}
.button-next,
[type="submit"].button-next {
  border-radius: 3px 0 0 3px;
  background-position: 100% -2430px;
}
/* Buttons PREVIOUS / NEXT */
.button-prev-small,
[type="submit"].button-prev-small {
  padding-left: 35px;
  background-position: 0 -2700px;
}
.button-next-small,
[type="submit"].button-next-small {
  padding-right: 35px;
  background-position: 100% -2610px;
}
/* Buttons SEARCH */
.button-search,
[type="submit"].button-search {
  background-position: 0 -1260px;
}
/* Buttons SECONDARY */
/* Only used next to a button-primary, and only used for spacing between them*/
.button-secondary + .button-primary {
  margin-left: 6px;
}
/* Buttons SWATCH */
.button-swatch-sm {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}
.button-swatch-xsm {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.buttons-compact .button-swatch {
  width: 16.66666667%;
  min-width: 0;
  max-width: 40px;
  border: 1px solid white;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-right: none;
}
.buttons-compact .button-swatch + .button-swatch {
  margin: 0;
  border-left-color: black;
}
.buttons-compact .button-swatch:last-child {
  border-right-width: 1px;
}
.buttons-compact .button-swatch-sm.button-swatch-sm {
  margin: 0;
  border-radius: 0;
}
/* Buttons VIEW THUMB / LIST */
.button-view-thumb,
[type="submit"].button-view-thumb {
  background-position: 0 -180px;
}
.button-view-list,
[type="submit"].button-view-list {
  background-position: 0 -90px;
}
/* Buttons ZOOM */
.button-zoom-in,
[type="submit"].button-zoom-in {
  background-position: 0 -1170px;
}
.button-zoom-out,
[type="submit"].button-zoom-out {
  background-position: 0 -1080px;
}
.button-zoom-full,
[type="submit"].button-zoom-full {
  background-position: 0 0;
}
/* Buttons info Icon */
.button-shop-info {
  background-position: 0 -1440px;
}
/* Buttons round */
.button-round {
  border-radius: 20px;
}
/* Buttons NUMBER */
.multiplebgs .button-combo-divided.button-number {
  content: "aap";
  padding-left: 10px;
  background-position: 0 100px, 0 -1365px;
}
.multiplebgs .button-combo-divided.button-number .button-number-content {
  display: inline-block;
  padding-right: 16px;
  width: 36px;
  text-align: center;
}
@media (min-width: 900px) {
  .button-check-sm .button-number-content {
    display: none;
  }
}
.no-multiplebgs .button-number {
  padding-left: 10px;
  padding-right: 12px;
}
.no-multiplebgs .button-number span {
  display: block;
  width: 20px;
  float: left;
}
@media (max-width: 900px) {
  .multiplebgs .button-combo-divided.button-check-sm {
    padding-left: 12px;
    text-align: center;
  }
  .multiplebgs .button-combo-divided.button-number .button-number-content {
    padding-right: 0;
    width: auto;
  }
}
/* Buttons with icons from FontCustom */
[class*="icon-im-"] {
  position: relative;
}
[class*="icon-im-"]:hover,
[class*="icon-im-"].tooltip-is-open {
  background-image: none !important;
}
[class*="icon-im-"]:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-image: none !important;
}
[class*="icon-im-"].button-subtle:before {
  height: 38px;
  line-height: 38px;
}
[class*="icon-im-"].icon-inline:before {
  position: static;
  width: auto;
  height: auto;
  line-height: inherit;
  padding-right: 0.5em;
  vertical-align: middle;
}
[class*="icon-im-"].icon-inline.icon-im-headphone:before {
  font-size: 0.8em;
  vertical-align: baseline;
}
[class*="icon-im-"].icon-block:before {
  position: static;
  width: 100%;
  height: auto;
  line-height: inherit;
  vertical-align: middle;
}
[class*="icon-im-"].icon-large:before {
  font-size: 2.3em;
}
[class*="icon-im-"].icon-small:before {
  font-size: 0.5em;
}
[class*="icon-im-"].icon-before {
  padding-left: 40px;
}
[class*="icon-im-"].icon-after {
  padding-right: 40px;
}
[class*="icon-im-"].icon-after:before {
  left: auto;
  right: 0;
}
[class*="icon-im-"].icon-divided {
  display: block;
  width: auto;
  margin-left: 40px;
  border-radius: 0 3px 3px 0;
  overflow: visible;
}
[class*="icon-im-"].icon-divided:before {
  left: -40px;
  width: 39px;
  border-radius: 3px 0 0 3px;
  background-color: inherit;
  color: inherit;
}
[class*="icon-im-"].icon-only {
  padding: 0;
  text-indent: -9999px;
}
[class*="icon-im-"].icon-only:before {
  text-indent: 0px;
}
.tooltip-item [class*="icon-im-"].icon-before:before {
  height: 100%;
  top: 50%;
  margin-top: -1em;
}
[class*="icon-im-"].icon-subtle:before {
  color: rgba(234, 234, 234, 0.9);
}
button[class*="icon-im-"]:before,
.button-like[class*="icon-im-"]:before,
.button-fake[class*="icon-im-"]:before {
  font-size: 1.2rem;
}
button[class*="icon-im-"].icon-only:before,
.button-like[class*="icon-im-"].icon-only:before,
.button-fake[class*="icon-im-"].icon-only:before {
  font-size: 1.5rem;
  padding-top: 0.03em;
}
button[class*="icon-im-"].icon-only.icon-im-email:before,
.button-like[class*="icon-im-"].icon-only.icon-im-email:before,
.button-fake[class*="icon-im-"].icon-only.icon-im-email:before {
  font-size: 1.45rem;
}
/* BACKGROUNDS and COLORS */
/* Backgrounds and Colors DEFAULT */
html,
body {
  background: black;
  color: white;
}
/* See var-macros.less for variable definitions. */
/* Backgrounds and Colors BACKGROUNDS FROM BLACK to WHITE */
.bg-primary {
  background-color: #d55140;
  color: white;
}
.bg-secondary {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-overlay {
  background-color: #3e3e3e;
  background-color: rgba(0, 0, 0, 0.33);
}
.bg-transparent {
  background-color: transparent;
}
.bg-darkest {
  background-color: black;
}
.bg-darkest.zebra:nth-of-type(2n) {
  background-color: #202327;
}
.bg-darker {
  background-color: #202327;
}
.bg-dark {
  background-color: #343537;
}
.bg-medium-dark {
  background-color: #909194;
}
.bg-medium {
  background-color: #909194;
}
.bg-light {
  background-color: #a2abad;
}
.bg-lighter {
  background-color: #eaeaea;
}
.bg-lightest {
  background-color: white;
}
.bg-lighter,
.bg-lightest {
  color: #343537;
}
.button-fake.bg-lightest {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
}
/* Backgrounds and Colors COLORFUL COLORS */
/*
Praktische info: van kobaltblauw tot roodbruin
Nu in het museum: van turquoise tot kobaltblauw
Kinderden: dezelfde!
Webshop: dezelfde!
Rijksstudio: Lichtblauw!
Ontdek: van lichtblauw tot donkerblauw
Onderzoek: van lichtblauw tot geel
Steun: van oranje-rood tot turquoise
Pers: dezelfde!
Opening: Roze!
Organisatie: van bruin tot oranje-rood
*/
.bg-accent-darkest {
  background-color: #40474f;
  /* Donkerblauw */
}
.bg-accent-darker {
  background-color: #6b8cc6;
  /* Kobaltblauw */
}
.bg-accent-medium-dark {
  background-color: #ac8367;
  /* Roodbruin */
}
.bg-accent-medium {
  background-color: #70887b;
  /* Grijsgroen */
}
.bg-accent-medium-light {
  background-color: #42a68c;
  /* Turquoise */
}
.bg-accent-light {
  background-color: #5e99b0;
  /* Lichtblauw */
}
.bg-accent-lighter {
  background-color: #918763;
  /* Grijsbruin */
}
.bg-accent-lightest {
  background-color: #aaa04d;
}
.bg-accent-warm {
  background-color: #c26f88;
  /* Roze */
}
.bg-accent-bright {
  background-color: #dc9861;
  /* Zalm */
}
.bg-accent-brighter {
  background-color: #d9531e;
  /* Oranjerood */
}
.bg-accent-brightest {
  background-color: #d2982f;
  /* Geel */
}
.bg-accent-friends {
  background-color: #8bc400;
  /* Vriendengroen */
}
.bg-accent-business {
  background-color: #4060af;
  /* Businessblauw */
}
.bg-postit {
  background-color: #fbf78c;
}
/* Backgrounds and Colors CENTURIES */
.bg-15e-light,
.bg-16e-light {
  background-color: #79927f;
}
.bg-15e-dark,
.bg-16e-dark {
  background-color: #3a6151;
}
.bg-17e-light {
  background-color: #bb0027;
}
.bg-17e-dark {
  background-color: #5b1300;
}
.bg-18e-light {
  background-color: #d5b723;
}
.bg-18e-dark {
  background-color: #c38629;
}
.bg-19e-light {
  background-color: #9c7e0e;
}
.bg-19e-dark {
  background-color: #68652e;
}
.bg-20e-light,
.bg-21e-light {
  background-color: #c2c0af;
}
.bg-20e-dark,
.bg-21e-dark {
  background-color: #8b9c99;
}
/* Backgrounds and colors RANKING THE CLASS */
.bg-ranking-the-class-light {
  background-color: #D2982F;
}
.bg-ranking-the-class-dark {
  background-color: #714e1c;
}
/* Loading background */
.bg-loader,
.bg-loader-dark,
.bg-loader-light {
  display: block;
  min-width: 40px;
  min-height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto;
}
.bg-loader,
.bg-loader-dark {
  background-image: url("/WebStatic/Images/Spinners/spinner-dark.gif");
}
.bg-light .bg-loader,
.bg-lighter .bg-loader,
.bg-lightest .bg-loader,
.bg-loader-light {
  background-image: url("/WebStatic/Images/Spinners/spinner-light.gif");
}
.bg-placeholder,
.bg-darkest .bg-placeholder {
  background-color: #202327;
}
.bg-darker .bg-placeholder {
  background-color: black;
}
.bg-dark .bg-placeholder {
  background-color: #202327;
}
.bg-light .bg-placeholder {
  background-color: #eaeaea;
}
.bg-lighter .bg-placeholder {
  background-color: white;
}
.bg-lightest .bg-placeholder {
  background-color: #eaeaea;
}
@-webkit-keyframes blink {
  /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
  0% {
    opacity: 0.2;
  }
  /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
  20% {
    opacity: 1;
  }
  /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
  100% {
    opacity: 0.2;
  }
}
@keyframes blink {
  /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
  0% {
    opacity: 0.2;
  }
  /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
  20% {
    opacity: 1;
  }
  /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
  100% {
    opacity: 0.2;
  }
}
.working span {
  color: #a2abad;
  /**
     * Use the blink animation, which is defined above
     */
  -webkit-animation-name: blink;
          animation-name: blink;
  /**
     * The animation should take 1.4 seconds
     */
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  /**
     * It will repeat itself forever
     */
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.working span:nth-child(2) {
  /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.working span:nth-child(3) {
  /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.button-selected {
  background-color: white !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  color: black !important;
}
@media (max-width: 900px) {
  .button-selected-arrow-down {
    position: relative;
    overflow: visible;
    background-position: -9999px -9999px, -9999px -9999px !important;
  }
  .button-selected-arrow-down:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: white;
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -7.5px 0 0 -7.5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.button-hover-dark:hover,
.button-hover-darkest:hover {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png") !important;
  color: white !important;
}
.button-hover-dark:hover {
  background-color: #343537 !important;
}
.button-hover-darkest:hover {
  background-color: black !important;
}
.button-selected-lightest {
  background-color: white !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  color: black !important;
}
.button-hover-lightest:hover,
.button-selected-lightest {
  background-color: white !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  color: black !important;
}
.bg-lighter .button-selected,
.bg-lightest .button-selected {
  background-color: black !important;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png") !important;
  color: white !important;
}
.bg-lighter .button-hover-dark:hover,
.bg-lightest .button-hover-dark:hover,
.bg-lighter .button-hover-darkest:hover,
.bg-lightest .button-hover-darkest:hover {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png") !important;
  color: white !important;
}
.bg-lighter .button-hover-dark:hover,
.bg-lightest .button-hover-dark:hover {
  background-color: #343537 !important;
}
.bg-lighter .button-hover-darkest:hover,
.bg-lightest .button-hover-darkest:hover {
  background-color: black !important;
}
.bg-lighter .button-hover-lightest:not(.button-disabled):hover,
.bg-lightest .button-hover-lightest:not(.button-disabled):hover,
.bg-lighter .button-selected-lightest,
.bg-lightest .button-selected-lightest {
  background-color: white !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  color: black !important;
}
.multiplebgs .button-selected.button-combo-divided {
  background-image: url("/WebStatic/Images/Icons/icons-black.png"), url("/WebStatic/Images/Icons/icons-black.png") !important;
}
.multiplebgs .bg-lighter .button-selected.button-combo-divided,
.multiplebgs .bg-lightest .button-selected.button-combo-divided {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png"), url("/WebStatic/Images/Icons/icons-white2.png") !important;
}
.multiplebgs .bg-lighter .button-hover-lightest:not(.button-disabled):hover,
.multiplebgs .bg-lightest .button-hover-lightest:not(.button-disabled):hover,
.multiplebgs .bg-lighter .button-selected-lightest,
.multiplebgs .bg-lightest .button-selected-lightest {
  background-image: url("/WebStatic/Images/Icons/icons-black.png"), url("/WebStatic/Images/Icons/icons-black.png") !important;
}
.button-disabled {
  cursor: default !important;
  background-color: black !important;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png") !important;
  color: white !important;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.button-disabled.button-disabled-lightest {
  background-color: white !important;
  color: black !important;
}
.button-disabled.button-overlay {
  background-color: #666 !important;
  background-color: rgba(0, 0, 0, 0.33) !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  color: black !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bg-darkest .button-disabled {
  background-color: #555 !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  color: black !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bg-lightest .button-disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.multiplebgs {
  /* Yes this is gross, but it's the only way unless we add another class. */
}
.multiplebgs .button-combo-divided.button-disabled {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png"), url("/WebStatic/Images/Icons/icons-white2.png") !important;
}
.multiplebgs .button-combo-divided.button-disabled.button-overlay {
  background-image: url("/WebStatic/Images/Icons/icons-black.png"), url("/WebStatic/Images/Icons/icons-black.png") !important;
}
.multiplebgs .bg-darkest .button-combo-divided.button-disabled {
  background-image: url("/WebStatic/Images/Icons/icons-black.png"), url("/WebStatic/Images/Icons/icons-black.png") !important;
}
.button-disable-click {
  cursor: default;
}
@media (max-width: 900px) {
  .multiplebgs .button-combo-divided.button-number {
    text-align: center;
    margin: 0 5px 5px 0;
  }
}
.button-loading {
  position: relative;
  background: transparent;
  color: white;
  cursor: default;
  pointer-events: none;
  z-index: 0;
}
.button-loading:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/WebStatic/Images/Spinners/spinner-dark.gif");
  background-position: center;
  background-size: contain;
  background-repeat: repeat;
  z-index: -1;
}
/* Buttons BLOCK */
.btn-block {
  display: block;
  width: 100%;
  max-width: 240px;
  margin-bottom: 6px;
}
.buttons-block {
  margin: 12px 0;
}
.buttons-block:first-child {
  margin-top: 0;
}
.buttons-block:last-child {
  margin-bottom: 0;
}
.buttons-block > * {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 5px 0;
}
.buttons-block > [class*="icon-im-"] {
  max-width: 200px;
}
.lt-ie8 .buttons-block > .button-like {
  width: auto;
}
/* Buttons INLINE */
.inputs-inline,
.buttons-inline {
  display: block;
  margin: 0 -5px -5px 0;
  overflow: hidden;
}
.inputs-inline > *,
.buttons-inline > * {
  float: left;
  margin: 0 5px 5px 0;
}
.inputs-inline + *,
.buttons-inline + * {
  margin-top: 12px;
}
/* Buttons COMPACT */
.buttons-compact > * {
  float: left;
  border-radius: 0;
}
.buttons-compact * + * {
  margin-left: 1px;
}
.buttons-compact :first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.buttons-compact :last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* Buttons ALPHABET */
.buttons-alphabet > .item > * {
  text-align: center;
}
.button-alphabet-all {
  position: absolute;
  top: 0;
  right: 100%;
  width: auto !important;
}
/* Buttons ALIGN WITH */
.align-input-top,
.align-button-top {
  display: inline-block;
  padding-top: 9px;
}
.align-input-middle,
.align-button-middle {
  display: inline-block;
  margin-bottom: 0;
  line-height: 40px;
}
@media screen and (max-width: 600px) {
  .align-input-middle,
  .align-button-middle {
    display: block;
    margin-bottom: 9px;
    line-height: 1.2em;
  }
}
.align-button-x {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
}
.reset-button {
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
}
.reset-box-shadow {
  box-shadow: none !important;
}
.reset-button-all {
  display: inline !important;
  height: auto;
  min-height: 0;
  padding: 0;
  font-size: inherit !important;
  line-height: 1.2em;
  background-color: transparent !important;
  color: inherit !important;
}
/* ANIMATIONS */
/*
  TRANSITION SHORTHAND -->
  transition-property1 transition-duration1 transition-timing-function1 transition-delay1,
  transition-property2 transition-duration2 transition-timing-function2 transition-delay2,
*/
.faded-in,
.touch .touch-faded-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
}
.faded-in.fast,
.touch .touch-faded-in.fast {
  -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
}
.faded-out,
.touch .touch-faded-out {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
}
.faded-out.fast,
.touch .touch-faded-out.fast {
  -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
}
.animate-background {
  -webkit-transition: background-color 0.2s ease-in-out;
          transition: background-color 0.2s ease-in-out;
}
.animate-color {
  -webkit-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out;
}
.animate-transform {
  -webkit-transition: -webkit-transform 0.2s ease-out;
          transition: transform 0.2s ease-out;
}
.animate-width {
  -webkit-transition: width 0.3s ease-in-out;
          transition: width 0.3s ease-in-out;
}
.move-middle {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.move-left {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.move-right {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.move-top {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
.move-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.icon-check {
  padding-left: 60px;
  background-position: -10px -4512px;
  background-repeat: no-repeat;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
}
.icon-object-cutout {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-position: 0 -3248px;
  display: inline-block;
  width: 31px;
  height: 23px;
  margin-left: -9px;
  margin-top: 0;
  position: relative;
  top: 6px;
}
.icon-private {
  background: url('/WebStatic/Images/Icons/icon-private.png') 0 8px no-repeat;
  padding-left: 25px;
}
.icon-public {
  background: url('/WebStatic/Images/Icons/icon-public.png') 0 8px no-repeat;
  padding-left: 30px;
}
.icon-input-clear {
  background: transparent url('/WebStatic/Images/Icons/icon-input-clear.png') center center no-repeat !important;
}
.icon-circle {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 4px solid #eaeaea;
  border-radius: 100%;
  cursor: pointer;
}
.icon-circle:hover {
  border-color: #909194;
}
.icon-circle.active {
  border-color: #d55140;
}
.icon-close {
  background: url('/WebStatic/Images/Icons/close.svg') 0 0px no-repeat !important;
}
.icon-menuburger {
  background: url('/WebStatic/Images/Icons/menuburger.svg') 0 0px no-repeat !important;
}
.icon-search {
  background: url('/WebStatic/Images/Icons/search.svg') 0 0px no-repeat !important;
}
.icon-check {
  background-image: url('/WebStatic/Images/Icons/check.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.icon-info {
  background-image: url('/WebStatic/Images/Icons/info.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.icon-info:hover {
  background-image: url('/WebStatic/Images/Icons/info.svg');
}
.icon-plus {
  background-image: url('/WebStatic/Images/Icons/plus.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.icon-plus:hover {
  background-image: url('/WebStatic/Images/Icons/plus.svg');
}
.icon-minus {
  background-image: url('/WebStatic/Images/Icons/minus.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.icon-minus:hover {
  background-image: url('/WebStatic/Images/Icons/minus.svg');
}
.icon-arrow-thin {
  background-image: url('/WebStatic/Images/Icons/arrow-thin.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.icon-close-red {
  background-image: url('/WebStatic/Images/Icons/close-red.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
/* Layout CONTAINERS */
.block-rounded {
  border-radius: 3px;
}
.mini-page-wrapper,
.mini-page {
  clear: both;
}
.mini-page-wrapper {
  display: block;
  margin: 0;
}
.mini-page {
  /* Floats within mini-pages are contained by default (clearfix). See helpers.less. */
  display: block;
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
@media (max-width: 1044px) {
  .mini-page {
    max-width: 100%;
  }
}
.mini-page,
.align-mini-page,
[class*="align-mini-page"] {
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1044px) {
  .mini-page,
  .align-mini-page,
  [class*="align-mini-page"] {
    padding-left: 3.92156863%;
    padding-right: 3.92156863%;
  }
}
@media (max-width: 600px) {
  .mini-page,
  .align-mini-page,
  [class*="align-mini-page"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.mini-page-wide {
  margin: 0;
  max-width: 100%;
}
.mini-page-semicompact,
.align-mini-page-semicompact {
  padding-top: 30px;
  padding-bottom: 30px;
}
.mini-page-compact,
.align-mini-page-compact {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mini-page + .mini-page {
  padding-top: 0;
}
@media print {
  .mini-page {
    padding-left: 0;
    padding-right: 0;
  }
}
.box {
  margin-top: 20px;
  padding: 20px;
  /*
  & + * {
    margin-top: 20px;
  }
  h1 + &,
  h1 + &,
  h2 + &,
  h3 + &,
  h4 + &,
  h5 + &,
  h6 + & {
    margin-top: @margin-standard;
  }
  */
}
.box:first-child,
.box + .box {
  margin-top: 0;
}
@media (max-width: 480px) {
  .mobile-lg-box-outside {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.box-compact {
  padding: 12px;
}
.box-xcompact,
.reset-list > .box-xcompact {
  padding: 9px;
}
.box-roomy {
  padding-top: 30px;
  padding-bottom: 30px;
}
.box-outershadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.box-innershadow {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4) inset;
}
.box-large-top-gutter {
  padding-top: 60px;
}
@media (max-width: 800px) {
  .box-large-top-gutter {
    padding-top: 40px;
  }
}
@media print {
  .box-large-top-gutter {
    padding-top: 0;
    border-top: 0;
  }
}
.block-stack {
  clear: both;
  margin: 0;
}
.block-stack + .block-stack {
  margin-top: 35px;
}
.block-stack-inner + .block-stack-inner {
  margin-top: 20px;
}
.block-separate {
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
}
.block-separate + .block-separate {
  border-top: 3px solid #eaeaea;
}
.block-separate-inner + .block-separate-inner {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #a2abad;
}
.mini-page.block-separate {
  padding-bottom: 30px;
}
.mini-page.block-separate + .mini-page.block-separate {
  padding-top: 30px;
}
.block-separate-lightest + .block-separate-lightest {
  border-top: 3px solid white;
}
.block-separate-darker + .block-separate-darker {
  border-top: 3px solid #202327;
}
.fixed-bottom-right {
  position: fixed;
  bottom: 50px;
  right: 0;
}
/* Layout UTILITIES */
/* Layout Utilities VERTICAL ALIGNMENT */
.align-ancestors {
  display: table;
  width: 100%;
}
.align-children {
  display: table-row;
}
.align-middle {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1000px) {
  .tabl-align-none {
    display: block;
  }
}
@media (max-width: 900px) {
  .tablg-align-none {
    display: block;
  }
}
@media (max-width: 800px) {
  .tabp-align-none {
    display: block;
  }
}
@media (max-width: 700px) {
  .tabsm-align-none {
    display: block;
  }
}
@media (max-width: 600px) {
  .moblg-align-top {
    display: table-cell;
    vertical-align: top;
  }
  .moblg-align-none {
    display: block;
  }
}
@media (max-width: 480px) {
  .mobl-align-top {
    display: table-cell;
    vertical-align: top;
  }
  .mobl-align-none {
    display: block;
  }
}
@media (max-width: 320px) {
  .mobp-align-none {
    display: block;
  }
}
/* Layout Utilities CLIP CONTENTS */
.clip-contents {
  overflow: hidden;
}
/* Layout Utilities GENERIC MARGINS */
.margin-center {
  margin-left: auto;
  margin-right: auto;
}
/* Layout Utilities Generic Margins TOP and BOTTOM */
.margin-top-0 {
  margin-top: 0;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-1-4x {
  margin-bottom: 3px;
}
.margin-bottom-1-10x {
  margin-bottom: 2px;
}
.margin-top-halfx {
  margin-top: 6px;
}
.margin-bottom-halfx {
  margin-bottom: 6px;
}
.margin-top-1x {
  margin-top: 12px;
}
.margin-bottom-1x {
  margin-bottom: 12px;
}
.margin-top-1halfx {
  margin-top: 18px;
}
.margin-bottom-1halfx {
  margin-bottom: 18px;
}
.margin-top-2x {
  margin-top: 20px;
}
.margin-bottom-2x {
  margin-bottom: 20px;
}
.margin-top-3x {
  margin-top: 30px;
}
.margin-bottom-3x {
  margin-bottom: 30px;
}
.margin-top-4x {
  margin-top: 40px;
}
.margin-bottom-4x {
  margin-bottom: 40px;
}
/* Layout Utilities Generic Margins LEFT and RIGHT */
.margin-left-halfx {
  margin-left: 10px;
}
.margin-right-halfx {
  margin-right: 10px;
}
.margin-left-1x {
  margin-left: 20px;
}
.margin-right-1x {
  margin-right: 20px;
}
.margin-left-1halfx {
  margin-left: 30px;
}
.margin-right-1halfx {
  margin-right: 30px;
}
.margin-left-2x {
  margin-left: 40px;
}
.margin-right-2x {
  margin-right: 40px;
}
/* Layout Utilities GENERIC PADDING */
/* Layout Utilities Generic Padding TOP and BOTTOM */
.padding-top-0 {
  padding-top: 0;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-top-halfx {
  padding-top: 10px;
}
.padding-bottom-halfx {
  padding-bottom: 10px;
}
.padding-top-1x {
  padding-top: 20px;
}
.padding-bottom-1x {
  padding-bottom: 20px;
}
.padding-top-3halfx {
  padding-top: 30px;
}
.padding-bottom-3halfx {
  padding-bottom: 30px;
}
.padding-top-2x {
  padding-top: 40px;
}
.padding-bottom-2x {
  padding-bottom: 40px;
}
.padding-top-3x {
  padding-top: 60px;
}
.padding-bottom-3x {
  padding-bottom: 60px;
}
/* Layout Utilities Generic Padding LEFT and RIGHT */
.padding-0 {
  padding: 0;
}
.padding-sides-0,
.padding-left-0 {
  padding-left: 0;
}
.padding-sides-0,
.padding-right-0 {
  padding-right: 0;
}
.padding-left-halfx {
  padding-left: 10px;
}
.padding-right-halfx {
  padding-right: 10px;
}
.padding-left-1x {
  padding-left: 20px;
}
.padding-right-1x {
  padding-right: 20px;
}
.padding-left-3halfx {
  padding-left: 30px;
}
.padding-right-3halfx {
  padding-right: 30px;
}
.padding-left-2x {
  padding-left: 40px;
}
.padding-right-2x {
  padding-right: 40px;
}
.padding-left-3x {
  padding-left: 60px;
}
.padding-right-3x {
  padding-right: 60px;
}
.padding-right-4x {
  padding-right: 8.5106383%;
}
/* Layout Utilities FIT CONTAINER */
.fit-container,
.fit-container-top {
  padding-top: inherit;
}
.fit-container,
.fit-container-right {
  padding-right: inherit;
}
.fit-container,
.fit-container-bottom {
  padding-bottom: inherit;
}
.fit-container,
.fit-container-left {
  padding-left: inherit;
}
/* Layout Utilities RESET SPACNG */
/* TODO Clean up! */
.reset-spacing,
.reset-spacing-x,
.reset-margin,
.reset-margin-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.reset-margin-top {
  margin-top: 0 !important;
}
.reset-margin-bottom {
  margin-bottom: 0 !important;
}
.reset-spacing,
.reset-spacing-x,
.reset-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.reset-spacing,
.reset-spacing-y,
.reset-margin,
.reset-margin-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.reset-spacing,
.reset-spacing-y,
.reset-padding-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.reset-padding {
  padding: 0 !important;
}
.reset-padding-ends,
.reset-padding-top {
  padding-top: 0 !important;
}
.reset-padding-ends,
.reset-padding-bottom {
  padding-bottom: 0 !important;
}
.reset-padding-sides,
.reset-padding-right {
  padding-right: 0 !important;
}
.reset-padding-sides,
.reset-padding-left {
  padding-left: 0 !important;
}
.reset-padding-corners.corner-top-left {
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}
.reset-padding-corners.corner-top-right {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.reset-padding-corners.corner-bottom-left {
  padding-top: 0 !important;
  padding-right: 0 !important;
}
.reset-padding-corners.corner-bottom-right {
  padding-top: 0 !important;
  padding-left: 0 !important;
}
.reset-v-spacing {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.reset-spacing-top,
.reset-v-spacing-top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.reset-v-spacing-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.reset-h-spacing {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.reset-width {
  width: auto !important;
  max-width: none !important;
}
.reset-position {
  position: static !important;
}
.reset-top-left {
  top: 0 !important;
  left: 0 !important;
}
.reset-bottom-spacing {
  margin-bottom: 0;
  padding-bottom: 0;
}
.reset-max-width {
  max-width: 100% !important;
}
.overflow-visible {
  overflow: visible;
}
/* Layout Utilities NEW UTILITY BARS */
.util-bar {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  min-height: 30px;
  margin: -10px !important;
  padding-top: 10px;
}
.util-bar + * {
  margin-top: 20px;
}
.util-bar .util-bar,
.util-bar.items-compact {
  min-height: 20px;
  margin: -5px !important;
  padding-top: 5px;
}
.fix-spacing.util-bar .util-bar,
.fix-spacing.util-bar.items-compact {
  padding-top: 0;
  margin: 0 -5px -5px 0 !important;
}
.util-bar.items-left {
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.util-bar.items-right {
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.util-bar.items-justified {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.util-bar.items-top {
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
}
.util-bar.items-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.util-bar.items-nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .util-bar.moblg-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.util-bar .item {
  min-width: 60px;
  max-width: 100%;
  margin: 0;
  padding: 0 10px 10px 10px;
}
.util-bar .item .item,
.util-bar.items-compact .item {
  min-width: 50px;
  padding: 0 5px 5px 5px;
}
.fix-spacing.util-bar .item .item,
.fix-spacing.util-bar.items-compact .item {
  padding: 0 5px 5px 0;
  min-width: initial;
}
.util-bar.items-extra-compact .item {
  min-width: 30px;
}
.util-bar .fill-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.util-bar .fill-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.util-bar .fill-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.util-bar .item-start {
  -webkit-align-self: flex- start;
  align-self: flex- start;
}
.util-bar .item-center {
  -webkit-align-self: center;
  align-self: center;
}
.util-bar .item-end {
  -webkit-align-self: flex- end;
  align-self: flex- end;
}
.order-1 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 3;
  order: 3;
}
@media (max-width: 700px) {
  .tabsm-order-1 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
  }
  .tabsm-order-2 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    order: 2;
  }
  .tabsm-order-3 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    order: 3;
  }
}
.no-flexbox .util-bar {
  display: table;
  position: relative;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.no-flexbox .util-bar .item {
  display: table-cell;
  vertical-align: middle;
  padding: 0 !important;
  padding-right: 20px !important;
}
.no-flexbox .util-bar .item:last-child {
  padding-right: 0 !important;
}
.no-flexbox .util-bar.nf-justified {
  width: 100%;
}
.no-flexbox .util-bar.nf-justified > .item {
  width: 100%;
}
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(2):first-child,
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(2):first-child ~ .item {
  width: 50%;
}
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(2):first-child ~ .item {
  text-align: right;
}
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(2):first-child ~ .item img {
  display: inline;
}
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(3):first-child,
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(3):first-child ~ .item {
  width: 33%;
}
.no-flexbox .util-bar.nf-justified > .item:nth-last-child(3):first-child ~ .item:last-child {
  text-align: right;
}
@media (max-width: 900px) {
  .no-flexbox .tablg-nf-kill,
  .no-flexbox .tablg-nf-kill > .item.item.item {
    display: block;
    clear: both;
    width: auto;
    text-align: left;
  }
  .no-flexbox .tablg-nf-kill > .item + .item {
    margin-top: 12px;
  }
}
@media (max-width: 800px) {
  .no-flexbox .tabp-nf-kill,
  .no-flexbox .tabp-nf-kill > .item.item.item {
    display: block;
    clear: both;
    width: auto;
    text-align: left;
  }
  .no-flexbox .tabp-nf-kill > .item + .item {
    margin-top: 12px;
  }
}
@media (max-width: 700px) {
  .no-flexbox .tabsm-nf-kill,
  .no-flexbox .tabsm-nf-kill > .item.item.item {
    display: block;
    clear: both;
    width: auto;
    text-align: left;
  }
  .no-flexbox .tabsm-nf-kill > .item + .item {
    margin-top: 12px;
  }
}
@media (max-width: 600px) {
  .no-flexbox .moblg-nf-kill,
  .no-flexbox .moblg-nf-kill > .item.item.item {
    display: block;
    clear: both;
    width: auto;
    text-align: left;
  }
  .no-flexbox .moblg-nf-kill > .item + .item {
    margin-top: 12px;
  }
}
.no-flexbox .items-right {
  float: right;
}
.util-block {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
.util-block.items-centered {
  -webkit-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
}
.util-block .item {
  max-width: 100%;
}
.no-flexbox .util-block {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.no-flexbox .util-block.items-centered .item:only-of-type {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
/* Layout Utilities NEW COLUMNS */
.cols {
  margin: 20px -20px -35px 0;
  padding: 0;
  overflow: hidden;
}
.cols:first-child {
  margin-top: 0;
}
.cols + * {
  clear: both;
  margin-top: 35px;
}
.cols .cols {
  margin-top: 12px;
  margin-bottom: -12px;
}
.cols .cols:first-child {
  margin-top: 0;
}
.cols .cols + * {
  margin-top: 12px;
}
.cols .cols.no-nested-margins {
  margin-top: 20px;
  margin-bottom: -35px;
}
.cols .cols.no-nested-margins:first-child {
  margin-top: 0;
}
.cols .cols.no-nested-margins + * {
  margin-top: 35px;
}
.col {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 20px 35px 0;
}
.col .col {
  margin-bottom: 0;
  padding-bottom: 12px;
}
.no-nested-margins > .col {
  padding-bottom: 35px;
}
.col .content-compact * {
  margin-bottom: 6px;
}
.col > :first-child {
  margin-top: 0;
}
.col > :last-child:not(.cols) {
  margin-bottom: 0;
}
.col-right {
  float: right;
}
.start-col {
  clear: both;
}
.cols-roomy {
  margin-right: -5.31914894%;
}
.cols-roomy > .col {
  padding-right: 5.31914894%;
}
.cols-roomy > .width-1-3 > * {
  max-width: 280px;
}
.cols-compact {
  margin-bottom: -12px;
  margin-right: -10px;
}
.cols-compact > .col {
  padding-bottom: 12px;
  padding-right: 10px;
}
/* Layout Utilities NEW WIDTHS */
/* Add as needed */
.width-1-2 {
  width: 50%;
  max-width: 480px;
}
.width-1-3 {
  width: 33.33333333%;
  max-width: 320px;
}
.width-2-3 {
  width: 66.66666667%;
  max-width: 640px;
}
.width-2-3-plus {
  width: 68.79432624%;
}
.width-1-4 {
  width: 25%;
  max-width: 240px;
}
.width-3-4 {
  width: 75%;
  max-width: 720px;
}
.width-1-5 {
  width: 20%;
  max-width: 192px;
}
.width-2-5 {
  width: 40%;
  max-width: 384px;
}
.width-3-5 {
  width: 60%;
  max-width: 576px;
}
.width-article {
  width: calc(100% - 240px);
}
.no-calc .width-article {
  width: 75%;
  max-width: 720px;
}
.width-aside {
  width: 240px;
}
.no-calc .width-aside {
  width: 25%;
  max-width: 240px;
}
.width-thumb {
  width: 10.63829787%;
  max-width: 100px;
}
.width-7-15 {
  width: 46.66666667%;
}
.width-8-15 {
  width: 53.33333333%;
}
.max-3-4.max-3-4 {
  max-width: 760px;
}
.max-3-4.max-3-4.col {
  max-width: 780px;
}
.max-1-4.max-1-4 {
  max-width: 220px;
}
.max-1-4.max-1-4.col {
  max-width: 240px;
}
.max-1-2.max-1-2 {
  max-width: 480px;
}
.max-1-2.max-1-2.col {
  max-width: 500px;
}
.max-2-3 {
  max-width: 640px;
}
.max-2-3.col {
  max-width: 660px;
}
.max-article {
  max-width: 580px;
}
.max-article.col {
  max-width: 600px;
}
.max-aside {
  max-width: 240px;
}
.max-aside.col {
  max-width: 260px;
}
.max-teaser,
.max-5-16 {
  max-width: 280px;
}
.max-teaser.col,
.max-5-16.col {
  max-width: 300px;
}
.max-thumb,
.max-1-8 {
  max-width: 100px;
}
.max-thumb.col,
.max-1-8.col {
  max-width: 120px;
}
.min-1-4 {
  min-width: 220px;
}
.min-1-12 {
  min-width: 80px;
}
.max-none {
  max-width: none;
}
.min-none {
  min-width: 0 !important;
}
/* Layout Utilities NEW RESPONSIVE */
/* Add as needed */
/*
#responsive-generator {
  .display() {

  }
  .columns() {

  }
  .widths() {

  }
}
*/
@media (max-width: 1044px) {
  .tabl-4col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
    max-width: 240px;
  }
  .tabl-4col > .col:nth-child(4n + 1) {
    clear: both;
  }
  .tabl-3col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
    max-width: 320px;
  }
  .tabl-3col > .col:nth-child(3n + 1) {
    clear: both;
  }
  .tabl-1-3 {
    width: 33.33333333%;
  }
}
@media (max-width: 900px) {
  .tablg-hide {
    display: none;
  }
  .tablg-show {
    display: block !important;
  }
  .tablg-full {
    width: 100%;
  }
  .tablg-1-3 {
    width: 33.33333333%;
  }
}
@media (max-width: 800px) {
  .tabp-hide {
    display: none !important;
  }
  .tabp-show {
    display: block !important;
  }
  .tabp-4col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
    max-width: 240px;
  }
  .tabp-4col > .col:nth-child(4n + 1) {
    clear: both;
  }
  .tabp-3col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
    max-width: 320px;
  }
  .tabp-3col > .col:nth-child(3n + 1) {
    clear: both;
  }
  .tabp-2col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
    max-width: 480px;
  }
  .tabp-2col > .col:nth-child(2n + 1) {
    clear: both;
  }
  .tabp-cols {
    margin: 20px -20px -35px 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
  }
  .tabp-cols:first-child {
    margin-top: 0;
  }
  .tabp-cols + * {
    clear: both;
    margin-top: 35px;
  }
  .tabp-cols .cols {
    margin-top: 12px;
    margin-bottom: -12px;
  }
  .tabp-cols .cols:first-child {
    margin-top: 0;
  }
  .tabp-cols .cols + * {
    margin-top: 12px;
  }
  .tabp-cols .cols.no-nested-margins {
    margin-top: 20px;
    margin-bottom: -35px;
  }
  .tabp-cols .cols.no-nested-margins:first-child {
    margin-top: 0;
  }
  .tabp-cols .cols.no-nested-margins + * {
    margin-top: 35px;
  }
  .tabp-col {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 20px 35px 0;
  }
  .tabp-col .col {
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .no-nested-margins > .tabp-col {
    padding-bottom: 35px;
  }
  .tabp-col .content-compact * {
    margin-bottom: 6px;
  }
  .tabp-col > :first-child {
    margin-top: 0;
  }
  .tabp-col > :last-child:not(.cols) {
    margin-bottom: 0;
  }
  .tabp-cols-compact {
    width: 100%;
    margin-bottom: 0;
  }
  .tabp-cols-compact:last-child {
    margin-bottom: -12px;
  }
  .tabp-cols-compact > .tabp-col {
    float: left;
    margin-bottom: 12px;
  }
  .tabp-no-cols > .col:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
  .tabp-full {
    width: 100%;
  }
  .tabp-1-2 {
    width: 50%;
  }
  .tabp-1-3 {
    width: 33.33333333%;
  }
  .tabp-2-3 {
    width: 66.66666667%;
  }
  .tabp-1-3-minus {
    width: 31.20567376%;
  }
  .tabp-max-2-3 {
    max-width: 640px;
  }
  .tabp-max-2-3.col {
    max-width: 660px;
  }
  .tabp-1-4 {
    width: 25%;
    max-width: 240px;
  }
  .tabp-3-4 {
    width: 75%;
    max-width: 720px;
  }
  .tabp-max-none {
    max-width: none !important;
  }
}
@media (max-width: 700px) {
  .tabsm-hide {
    display: none;
  }
  .tabsm-show {
    display: block !important;
  }
  .tabsm-4col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
    max-width: 240px;
  }
  .tabsm-4col > .col:nth-child(4n + 1) {
    clear: both;
  }
  .tabsm-3col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
    max-width: 320px;
  }
  .tabsm-3col > .col:nth-child(3n + 1) {
    clear: both;
  }
  .tabsm-2col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
    max-width: 480px;
  }
  .tabsm-2col > .col:nth-child(2n + 1) {
    clear: both;
  }
  .tabsm-no-cols > .col:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
  .tabsm-col {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 20px 35px 0;
  }
  .tabsm-col .col {
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .no-nested-margins > .tabsm-col {
    padding-bottom: 35px;
  }
  .tabsm-col .content-compact * {
    margin-bottom: 6px;
  }
  .tabsm-col > :first-child {
    margin-top: 0;
  }
  .tabsm-col > :last-child:not(.cols) {
    margin-bottom: 0;
  }
  .tabsm-full {
    width: 100%;
  }
  .tabsm-full.item {
    width: 100%;
  }
  .tabsm-1-2 {
    width: 50%;
  }
  .tabsm-1-3 {
    width: 33.33333333%;
  }
  .tabsm-2-3 {
    width: 66.66666667%;
  }
  .tabsm-max-none {
    max-width: none !important;
  }
}
@media (min-width: 681px) {
  .from-moblg-hide {
    display: none;
  }
}
@media (min-width: 601px) {
  .menu-is-open .from-moblg-hide {
    display: none;
  }
}
@media (max-width: 680px) {
  .moblg-hide-menu {
    display: none;
  }
}
@media (max-width: 600px) {
  .moblg-hide {
    display: none;
  }
  .moblg-show {
    display: block !important;
  }
  .moblg-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .moblg-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .moblg-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .moblg-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .moblg-4col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
    max-width: 240px;
  }
  .moblg-4col > .col:nth-child(4n + 1) {
    clear: both;
  }
  .moblg-3col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
    max-width: 320px;
  }
  .moblg-3col > .col:nth-child(3n + 1) {
    clear: both;
  }
  .moblg-2col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
    max-width: 480px;
  }
  .moblg-2col > .col:nth-child(2n + 1) {
    clear: both;
  }
  .moblg-no-cols > .col:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
  .moblg-col {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 20px 35px 0;
  }
  .moblg-col .col {
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .no-nested-margins > .moblg-col {
    padding-bottom: 35px;
  }
  .moblg-col .content-compact * {
    margin-bottom: 6px;
  }
  .moblg-col > :first-child {
    margin-top: 0;
  }
  .moblg-col > :last-child:not(.cols) {
    margin-bottom: 0;
  }
  .moblg-full {
    width: 100%;
  }
  .moblg-1-2 {
    width: 50%;
  }
  .moblg-1-2 + .moblg-indent {
    margin-left: 50%;
  }
  .moblg-1-3 {
    width: 33.33333333%;
    max-width: 320px;
  }
  .moblg-2-3 {
    width: 66.66666667%;
    max-width: 640px;
  }
  .moblg-max-none {
    max-width: none !important;
  }
  .moblg-text-left {
    text-align: left;
  }
  .moblg-max-1-3 {
    max-width: 320px;
  }
}
@media (max-width: 500px) {
  .mobl-hide {
    display: none;
  }
  .mobl-4col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
    max-width: 240px;
  }
  .mobl-4col > .col:nth-child(4n + 1) {
    clear: both;
  }
  .mobl-3col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
    max-width: 320px;
  }
  .mobl-3col > .col:nth-child(3n + 1) {
    clear: both;
  }
  .mobl-2col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
    max-width: 480px;
  }
  .mobl-2col > .col:nth-child(2n + 1) {
    clear: both;
  }
  .mobl-no-cols > .col:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
  .mobl-full {
    width: 100%;
  }
  .mobl-no-indent {
    margin-left: 0 !important;
  }
  .mobl-1-2 {
    width: 50%;
  }
  .mobl-max-none {
    max-width: none !important;
  }
  .mobl-1-8 {
    width: 120px;
  }
  .mobl-7-8 {
    width: calc(100% - 120px);
  }
}
@media (max-width: 360px) {
  .mobp-hide {
    display: none;
  }
  .mobp-show {
    display: block !important;
  }
  .mobp-4col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
    max-width: 240px;
  }
  .mobp-4col > .col:nth-child(4n + 1) {
    clear: both;
  }
  .mobp-3col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
    max-width: 320px;
  }
  .mobp-3col > .col:nth-child(3n + 1) {
    clear: both;
  }
  .mobp-2col > .col:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
    max-width: 480px;
  }
  .mobp-2col > .col:nth-child(2n + 1) {
    clear: both;
  }
  .mobp-no-cols > .col:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
  }
  .mobp-full {
    width: 100%;
  }
  .mobp-max-none {
    max-width: none !important;
  }
  .mobp-1-8 {
    width: 120px;
  }
  .mobp-7-8 {
    width: calc(100% - 120px);
  }
}
@media print {
  .print-hide {
    display: none !important;
  }
  .print-show {
    display: block !important;
  }
  .print-full {
    width: 100%;
  }
  .print-max-none {
    max-width: none !important;
  }
}
/* Layout Utilities packery! */
.packery {
  clear: both;
  margin: 20px 0 35px 0;
  padding: 0;
}
.packery:first-child {
  margin-top: 0;
}
.packery + * {
  clear: both;
  margin-top: 35px;
}
.packery .brick {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}
.packery .mortar {
  width: 0;
}
.packery.draggable .brick img,
.packery.draggable .brick .set-item-empty {
  cursor: move;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.packery.draggable .brick figcaption {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.packery.draggable .brick .media-wrapper {
  overflow: visible;
  -webkit-transition: margin-bottom 0.2s;
  transition: margin-bottom 0.2s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.packery.draggable .brick .media-wrapper .media-actions {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.packery.draggable .brick.is-dragging {
  z-index: 1000;
}
.packery.draggable .brick.is-dragging img,
.packery.draggable .brick.is-dragging .set-item-empty {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}
.packery.draggable .brick.is-dragging .media-wrapper {
  margin-bottom: 0;
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}
.packery.draggable .brick.is-dragging .media-wrapper .media-actions {
  opacity: 0;
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}
.packery.draggable .brick.is-dragging.has-image figcaption {
  opacity: 0;
  height: 0;
  margin: 0;
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}
.packery-3up {
  margin-right: -45px;
}
.packery-3up .brick {
  width: 33.33333333%;
  padding-bottom: 45px;
  padding-right: 45px;
}
.packery-3up .brick-2col {
  width: calc(100% / 3 * 2  - 1px);
}
.packery-3up .brick-2col .set-item {
  max-width: none !important;
}
.packery-4up {
  margin-right: -45px;
}
.packery-4up .brick {
  width: 25%;
  padding-bottom: 45px;
  padding-right: 45px;
}
.packery-4up .brick-2col {
  width: calc(100% / 4 * 2  - 1px);
}
.packery-4up .brick-2col .set-item {
  max-width: none !important;
}
@media (max-width: 1300px) {
  .packery-4up {
    margin-right: -30px;
  }
  .packery-4up .brick {
    width: 33.33333333%;
    padding-bottom: 30px;
    padding-right: 30px;
  }
  .packery-4up .brick-2col {
    width: calc(100% / 3 * 2  - 1px);
  }
  .packery-4up .brick-2col .set-item {
    max-width: none !important;
  }
}
@media (max-width: 850px) {
  .packery-3up {
    margin-right: -30px;
  }
  .packery-3up .brick {
    width: 50%;
    padding-bottom: 30px;
    padding-right: 30px;
  }
  .packery-3up .brick-2col {
    width: calc(100% / 2 * 2  - 1px);
  }
  .packery-3up .brick-2col .set-item {
    max-width: none !important;
  }
  .packery-4up {
    margin-right: -30px;
  }
  .packery-4up .brick {
    width: 50%;
    padding-bottom: 30px;
    padding-right: 30px;
  }
  .packery-4up .brick-2col {
    width: calc(100% / 2 * 2  - 1px);
  }
  .packery-4up .brick-2col .set-item {
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .packery-3up,
  .packery-4up {
    margin-right: 0;
  }
  .packery-3up .brick,
  .packery-4up .brick {
    width: 100%;
    padding-bottom: 30px;
    padding-right: 0;
  }
}
/* Layout Utilities DIVIDERS */
.div-top,
.div-bottom,
.div-right,
.div-left,
.div-loop,
.div-between,
.research-page .chapter .chapter-title {
  border-width: 3px;
  border-color: #eaeaea;
}
.div-top {
  border-top-style: solid;
}
.div-right {
  border-right-style: solid;
}
.div-bottom,
.research-page .chapter .chapter-title {
  border-bottom-style: solid;
}
.div-left {
  border-left-style: solid;
}
@media (min-width: 600px) {
  .div-left-lg {
    border-left-style: solid;
  }
}
.div-between + .div-between {
  border-top-style: solid;
}
.div-loop {
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-style: solid;
}
.div-loop:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  *zoom: 1;
  /* For Ye Olde IE */
}
.div-loop:after:before,
.div-loop:after:after {
  content: "";
  display: table;
}
.div-loop:after:after {
  clear: both;
}
.div-loop:first-of-type {
  margin-top: 20px;
  padding-top: 20px;
  border-top-style: solid;
}
.div-loop.div-top-none:first-of-type {
  padding-top: 0;
  border-top-style: none;
}
.div-loop.div-bottom-none:last-of-type {
  padding-bottom: 0;
  border-bottom-style: none;
}
.div-slim {
  border-width: 2px;
}
.div-thin,
.research-page .chapter .chapter-title {
  border-width: 1px;
}
.div-lightest {
  border-color: white;
}
.div-lighter {
  border-color: #eaeaea;
}
.div-light {
  border-color: #a2abad;
}
.div-medium {
  border-color: #909194;
}
.div-dark {
  border-color: #343537;
}
.div-darker {
  border-color: #202327;
}
.div-darkest {
  border-color: black;
}
/* Layout THE GRID */
/* Please don't add overflow:hidden to these styles. You'll break the info button! */
.full-screen {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
}
.half-screen {
  width: 100vw;
  max-width: 100%;
  height: 50vh;
}
.third-screen {
  width: 100vw;
  max-width: 100%;
  height: 33.33333333vh;
}
.full-size {
  width: 100%;
  height: 100%;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 48.5%;
}
.two-thirds-width {
  width: 58%;
}
.third-width {
  width: 29%;
}
.full-height {
  height: 100%;
}
.height-3-lines {
  min-height: 3.6em;
}
.height-overview-image {
  min-height: 190px;
}
@media (max-width: 1044px) {
  .height-overview-image {
    min-height: 0;
  }
}
/* Layout The Grid THREE FOURTHS PAGE */
.three-fourths-page,
.three-fourths-page-fixed {
  width: 700px;
}
.three-fourths-page-fluid {
  width: 74.46808511%;
}
@media screen and (max-width: 1044px) {
  .three-fourths-page {
    width: 74.46808511%;
    max-width: 700px;
  }
}
/* Layout The Grid TWO THIRDS PAGE */
.two-thirds-page {
  width: 620px;
}
.two-thirds-page-plus {
  width: 640px;
}
@media screen and (max-width: 1044px) {
  .two-thirds-page {
    width: 65.95744681%;
    max-width: 620px;
  }
  .two-thirds-page-plus {
    width: 68.08510638%;
    max-width: 640px;
  }
}
/* Layout The Grid WIDE and WIDE ARTICLE */
.wide {
  width: 580px;
}
@media screen and (max-width: 1044px) {
  .wide {
    width: 61.70212766%;
    max-width: 580px;
  }
}
@media screen and (max-width: 800px) {
  .wide-article {
    width: 57.44680851%;
  }
}
@media screen and (max-width: 700px) {
  .wide-article {
    width: 53.19148936%;
  }
}
/* Layout The Grid HALF PAGE */
.half-page,
.half-page-fixed {
  width: 460px;
}
.half-page-fluid {
  width: 48.93617021%;
}
.half-page-text {
  padding-right: 60px;
}
.half-page-sets {
  width: 435px;
}
@media screen and (max-width: 1044px) {
  .half-page {
    width: 48.93617021%;
    max-width: 460px;
  }
  .half-page-text {
    padding-right: 40px;
  }
  .half-page-sets {
    width: 46.27659574%;
  }
}
@media screen and (max-width: 800px) {
  .half-page-text {
    padding-right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .half-page-text {
    padding-right: 0;
  }
}
/* Layout The Grid TWO FIFTHS PAGE (352px) */
.two-fifths-page,
.two-fifths-page-fixed {
  width: 352px;
}
.two-fifths-page-fluid {
  width: 37.4468085%;
}
@media screen and (max-width: 1044px) {
  .two-fifths-page {
    width: 37.4468085%;
    max-width: 352px;
  }
}
/* Layout The Grid FOUR TENTHS PAGE (400px) */
.four-tenths-page,
.four-tenths-page-fixed {
  width: 400px;
}
@media screen and (max-width: 1044px) {
  .four-tenths-page {
    width: 42.55319149%;
  }
}
/* Layout The Grid THIRD PAGE (300px) */
.third-page,
.third-page-fixed {
  width: 300px;
}
@media screen and (max-width: 1044px) {
  .third-page {
    width: 31.91489362%;
    max-width: 300px;
  }
  .third-page-embedded {
    width: 48.38709677%;
  }
}
/* Layout The Grid HALF WIDE */
.half-wide,
.half-wide-fixed {
  width: 280px;
}
.half-wide + .block-indent,
.half-wide-fixed + .block-indent {
  margin-left: 300px;
}
@media screen and (max-width: 1044px) {
  .half-wide {
    width: 29.78723404%;
    max-width: 280px;
  }
  .half-wide + .block-indent {
    margin-left: 31.91489362%;
  }
  .half-wide-object {
    width: 31.81818182%;
  }
  .half-wide-embedded {
    width: 48.27586207%;
  }
}
/* Layout The Grid NARROW and NARROW ASIDE */
.narrow,
.narrow-fixed,
.fourth-page,
.fourth-page-fixed {
  width: 220px;
}
.narrow-fluid,
.fourth-page-fluid {
  width: 23.40425532%;
}
.narrow-aside {
  width: 240px;
}
.narrow-fixed + .block-indent {
  margin-left: 240px;
}
@media screen and (max-width: 1044px) {
  .narrow {
    width: 23.40425532%;
    max-width: 220px;
  }
  .narrow-aside {
    width: 220px;
  }
}
/* Layout The Grid FIFTH PAGE + BLOCK INDENT */
.fifth-page,
.fifth-page-fixed {
  width: 172px;
}
@media screen and (max-width: 1044px) {
  .fifth-page {
    width: 18.08510638%;
    max-width: 172px;
  }
}
/* Layout The Grid TWO TENTHS PAGE (160px) + BLOCK INDENT */
.two-tenths-page,
.two-tenths-page-fixed,
.fifth-page-searchresult {
  width: 160px;
}
.two-tenths-page + .block-indent,
.two-tenths-page-fixed + .block-indent,
.fifth-page-searchresult + .block-indent {
  margin: 0 0 0 180px;
}
@media screen and (max-width: 1044px) {
  .two-tenths-page {
    width: 17.0212766%;
  }
  .two-tenths-page + .block-indent {
    margin: 0 0 0 36.17021277%;
  }
}
/* Layout The Grid SIXTH PAGE (140px) + BLOCK INDENT */
.sixth-page,
.sixth-page-fixed {
  width: 140px;
}
.sixth-page + .block-indent,
.sixth-page-fixed + .block-indent {
  margin: 0 0 0 160px;
}
/* TODO Needed? */
@media screen and (max-width: 1044px) {
  .sixth-page {
    width: 14.89361702%;
    max-width: 140px;
  }
  .sixth-page + .block-indent {
    margin: 0 0 0 17.0212766%;
  }
}
/* Layout The Grid HALF NARROW PLUS */
/* A portent of things to come (But more efficient and without the !importants) */
.half-page .half-narrow-plus {
  margin: 0 !important;
  width: 26.08695652%;
  max-width: 120px;
}
.half-page .half-narrow-plus-negative {
  margin: 0 !important;
  padding-left: 20px;
  width: 73.91304348%;
  max-width: 340px;
}
/* Layout The Grid HALF NARROW + BLOCK INDENT */
.half-narrow {
  width: 100px;
}
.half-narrow + .block-indent {
  margin: 0 0 0 120px;
}
/* Layout The Grid TENTH PAGE + BLOCK INDENT */
.tenth-page {
  width: 80px;
}
.tenth-page + .block-indent {
  margin: 0 0 0 100px;
}
.width-button {
  width: 40px;
}
.width-button + .block-indent {
  margin: 0 0 0 50px;
}
/* Layout POSITIONING */
/* Layout Positioning RELATIVE, ABSOLUTE and FIXED */
.offset-parent {
  position: relative;
}
.corner-top-left,
.corner-top-right,
.corner-bottom-left,
.corner-bottom-right,
.middle-left,
.middle-right,
.screen-middle-left,
.screen-middle-right {
  position: absolute;
  margin: 0;
}
.corner-top-left {
  top: 0;
  left: 0;
}
.corner-top-right {
  top: 0;
  right: 0;
}
.corner-bottom-left {
  bottom: 0;
  left: 0;
}
.corner-bottom-right {
  bottom: 0;
  right: 0;
}
.middle-left,
.middle-right {
  top: 50%;
}
.screen-middle-left,
.screen-middle-right {
  top: 50vh;
}
.middle-left,
.screen-middle-left {
  left: 0;
}
.middle-right,
.screen-middle-right {
  right: 0;
}
.viewport-bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
}
.offset-page {
  position: fixed;
}
/* TODO Add more steps... */
/* TODO Add transform Y to this? */
.high {
  z-index: 10;
}
.higher {
  z-index: 100;
}
.highest {
  z-index: 1000;
}
.stoned {
  z-index: 10000;
}
.stoned-plus1 {
  z-index: 10001;
}
.stoned-minus1 {
  z-index: 9999;
}
/* Layout Positioning GENERIC FLOATING and CLEARING */
.block {
  display: block;
}
/* Layout Positioning FLOAT LEFT */
.block-left {
  display: block;
  float: left;
  margin: 0;
}
.block-left + .block-left {
  margin-left: 20px;
}
.block-left-compact + .block-left-compact {
  margin-left: 10px;
}
.block-left-fluid + .block-left-fluid {
  margin-left: 2.12765957%;
}
@media screen and (max-width: 1044px) {
  .block-left + .block-left {
    margin-left: 2.12765957%;
  }
  .block-left-compact + .block-left-compact {
    margin-left: 10px;
  }
}
/* Layout Positioning FLOAT RIGHT */
.block-right {
  display: block;
  float: right;
  margin: 0;
}
.block-right + .block-right {
  margin-right: 20px;
}
.block-right-compact + .block-right-compact {
  margin-right: 10px;
}
@media screen and (max-width: 1044px) {
  .block-right + .block-right {
    margin-right: 2.12765957%;
  }
  .block-right-compact + .block-right-compact {
    margin-right: 1.06382979%;
  }
}
.block-indent {
  display: block;
}
.block-vertical-align-wrapper {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .block-vertical-align-wrapper {
    white-space: normal;
  }
}
.block-vertical-align {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
}
/* BLOCK DIVIDE */
.block-divide + .block-divide {
  margin-left: 20px;
  padding-left: 19px;
  border-left: 1px solid #a2abad;
  box-sizing: content-box;
}
.block-divide-right {
  padding-right: 18px;
  border-right: 1px solid #a2abad;
}
@media screen and (max-width: 1044px) {
  .block-divide + .block-divide {
    margin-left: 2.12765957%;
    padding-left: 2.12765957%;
  }
  .block-divide-right {
    padding-right: 2.12765957%;
  }
}
/* Layout Positioning CLEAR (Stop floating) */
.clear {
  clear: both;
}
.block-left + .clear {
  margin-left: 0;
}
.block-right + .clear {
  margin-right: 0;
}
.block-left + .clear,
.block-left + .clear ~ .block-left,
.block-right + .clear,
.block-right + .clear ~ .block-right {
  margin-top: 35px;
}
/* Layout Positioning INLINE LEFT */
.inline-left {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
.inline-left-compact {
  margin-right: 10px;
}
/* Don't write this as .inline-left:last-child or the selector won't work.
Why? Haven't figured it out yet, I just know that it works... */
:last-child.inline-left,
:only-child.inline-left {
  margin-right: 0;
}
.block-inline {
  display: inline-block;
}
.lt-ie9 .inline-left {
  display: block;
}
.lt-ie9 .inline-left * {
  display: block;
}
.inline {
  display: inline;
}
/* ------------------------------------------ */
/* --- ! WARNING DEPRECATED STYLES FILE ! --- */
/* ------------------------------------------ */
/* Layout RESPONSIVE */
/* Layout Responsive WIDE SCREEN (DESKTOP or LAPTOP) */
/* Three col */
.wide-screen-3col:nth-of-type(1n) + .wide-screen-3col {
  clear: none;
  margin-top: 0;
  margin-left: 2.12765957%;
}
.wide-screen-3col:nth-of-type(3n) + .wide-screen-3col {
  clear: both;
  margin-left: 0;
}
.wide-screen-3col:nth-of-type(3n) ~ .wide-screen-3col {
  margin-top: 35px;
}
/* Layout Responsive TABLET LANDSCAPE */
@media screen and (max-width: 1044px) {
  /* Widths */
  .tablet-l-two-thirds-page {
    width: 65.95744681%;
  }
  .tablet-l-half-page {
    width: 48.93617021%;
  }
  .tablet-l-third-page {
    width: 31.91489362%;
  }
  .tablet-l-narrow {
    width: 23.40425532%;
  }
  .tablet-l-reset-width {
    width: auto;
  }
  .tablet-l-reset-max-width {
    max-width: 100%;
  }
  /* 3 columns */
  .tablet-l-3col:nth-of-type(1n) + .tablet-l-3col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-l-3col:nth-of-type(3n) + .tablet-l-3col {
    clear: both;
    margin-left: 0;
  }
  .tablet-l-3col:nth-of-type(3n) ~ .tablet-l-3col {
    margin-top: 35px;
  }
  .tablet-l-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
}
/* Layout Responsive TABLET LARGE */
@media screen and (max-width: 900px) {
  .tablet-lg-static {
    position: static;
  }
  /* Five columns */
  .tablet-lg-5col:nth-of-type(1n) + .tablet-lg-5col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-lg-5col:nth-of-type(5n) + .tablet-lg-5col {
    clear: both;
    margin-left: 0;
  }
  .tablet-lg-5col:nth-of-type(5n) ~ .tablet-lg-5col {
    margin-top: 35px;
  }
  /* One column */
  .tablet-lg-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .tablet-lg-1col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    /* For Ye Olde IE */
  }
  .tablet-lg-1col:after:before,
  .tablet-lg-1col:after:after {
    content: "";
    display: table;
  }
  .tablet-lg-1col:after:after {
    clear: both;
  }
  .tablet-lg-1col:nth-of-type(1n) + .tablet-lg-1col {
    margin-top: 35px;
    margin-left: 0;
  }
  /* Compact stacking */
  .tablet-lg-stack-compact:nth-of-type(1n) + .tablet-lg-stack-compact {
    margin-top: 12px;
  }
}
/* Layout Responsive TABLET PORTRAIT */
@media screen and (max-width: 800px) {
  /* Show and Hide */
  .tablet-p-show {
    display: block !important;
  }
  .tablet-p-hide {
    display: none !important;
  }
  /* Reset */
  .tablet-p-reset-right {
    right: auto !important;
  }
  .tablet-p-reset-max-width {
    max-width: 100%;
  }
  /* Positioning */
  .tablet-p-corner-top-left {
    position: absolute;
    top: 0;
    left: 0;
  }
  .tablet-p-block-left {
    float: left;
  }
  .tablet-p-block-right {
    float: right;
  }
  .tablet-p-stack + .tablet-p-stack {
    margin-top: 35px;
  }
  /* Widths */
  .tablet-p-full-width {
    width: 100%;
    max-width: none;
  }
  .tablet-p-three-fourths-page {
    width: 65.95744681%;
    max-width: none;
  }
  .tablet-p-two-thirds-page {
    width: 65.95744681%;
    max-width: none;
  }
  .tablet-p-wide {
    width: 61.70212766%;
    max-width: none;
  }
  .tablet-p-half-page {
    width: 48.93617021%;
    max-width: none;
  }
  .tablet-p-third-page {
    width: 31.91489362%;
    max-width: none;
  }
  .tablet-p-narrow {
    width: 23.40425532%;
    max-width: none;
  }
  .tablet-p-fifth-page {
    width: 172px;
  }
  .tablet-p-fifth-page + .tablet-p-block-indent {
    margin: 0 0 0 192px;
  }
  .tablet-p-reset-width {
    width: auto;
  }
  /* Four columns */
  .tablet-p-4col:nth-of-type(1n) + .tablet-p-4col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-p-4col:nth-of-type(4n) + .tablet-p-4col {
    clear: both;
    margin-left: 0;
  }
  .tablet-p-4col:nth-of-type(4n) ~ .tablet-p-4col {
    margin-top: 35px;
  }
  /* Three columns */
  .tablet-p-3col:nth-of-type(1n) + .tablet-p-3col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-p-3col:nth-of-type(3n) + .tablet-p-3col {
    clear: both;
    margin-left: 0;
  }
  .tablet-p-3col:nth-of-type(3n) ~ .tablet-p-3col {
    margin-top: 35px;
  }
  /* Two columns */
  .tablet-p-2col:nth-of-type(1n) + .tablet-p-2col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
    margin: 0;
  }
  .tablet-p-2col:nth-of-type(2n) {
    float: right;
  }
  .tablet-p-2col:nth-of-type(2n) + .tablet-p-2col {
    clear: both;
  }
  .tablet-p-2col:nth-of-type(2n) ~ .tablet-p-2col {
    margin-top: 35px;
  }
  /* One column */
  .tablet-p-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .tablet-p-1col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    /* For Ye Olde IE */
  }
  .tablet-p-1col:after:before,
  .tablet-p-1col:after:after {
    content: "";
    display: table;
  }
  .tablet-p-1col:after:after {
    clear: both;
  }
  .tablet-p-1col:nth-of-type(1n) + .tablet-p-1col {
    margin-top: 35px;
    margin-left: 0;
  }
  /* Compact stacking */
  .tablet-p-stack-compact:nth-of-type(1n) + .tablet-p-stack-compact {
    margin-top: 12px;
  }
}
/* Layout Responsive TABLET MEDIUM */
@media screen and (max-width: 750px) {
  /* Show and Hide */
  .tablet-med-show {
    display: block !important;
  }
  .tablet-med-hide {
    display: none !important;
  }
  /* Four columns */
  .tablet-med-4col:nth-of-type(1n) + .tablet-med-4col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-med-4col:nth-of-type(4n) + .tablet-med-4col {
    clear: both;
    margin-left: 0;
  }
  .tablet-med-4col:nth-of-type(4n) ~ .tablet-med-4col {
    margin-top: 35px;
  }
}
/* Layout Responsive TABLET SMALL */
@media screen and (max-width: 700px) {
  /* Show and Hide */
  .tablet-sm-show {
    display: block !important;
  }
  .tablet-sm-hide {
    display: none !important;
  }
  /* Positioning */
  .tablet-sm-block-left {
    float: left;
  }
  .tablet-sm-block-right {
    float: right;
  }
  .tablet-sm-static {
    position: static;
  }
  /* Widths */
  .tablet-sm-full-width {
    width: 100%;
    max-width: none;
  }
  .tablet-sm-55 {
    width: 55%;
  }
  .tablet-sm-half-page {
    width: 48.93617021%;
    max-width: none;
  }
  .tablet-sm-third-page {
    width: 31.91489362%;
    max-width: none;
  }
  .tablet-sm-fifth-page {
    width: 172px;
  }
  .tablet-sm-fifth-page + .tablet-sm-block-indent {
    margin: 0 0 0 192px;
  }
  .tablet-sm-reset-width {
    width: auto;
  }
  /* Five columns */
  .tablet-sm-5col:nth-of-type(1n) + .tablet-sm-5col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-sm-5col:nth-of-type(5n) + .tablet-sm-5col {
    clear: both;
    margin-left: 0;
  }
  .tablet-sm-5col:nth-of-type(5n) ~ .tablet-sm-5col {
    margin-top: 35px;
  }
  /* Three columns */
  .tablet-sm-3col:nth-of-type(1n) + .tablet-sm-3col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .tablet-sm-3col:nth-of-type(3n) + .tablet-sm-3col {
    clear: both;
    margin-left: 0;
  }
  .tablet-sm-3col:nth-of-type(3n) ~ .tablet-sm-3col {
    margin-top: 35px;
  }
  /* Two columns */
  .tablet-sm-2col:nth-of-type(1n) + .tablet-sm-2col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
    margin: 0;
  }
  .tablet-sm-2col:nth-of-type(2n) {
    float: right;
  }
  .tablet-sm-2col:nth-of-type(2n) + .tablet-sm-2col {
    clear: both;
  }
  .tablet-sm-2col:nth-of-type(2n) ~ .tablet-sm-2col {
    margin-top: 35px;
  }
  /* One column */
  .tablet-sm-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .tablet-sm-1col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    /* For Ye Olde IE */
  }
  .tablet-sm-1col:after:before,
  .tablet-sm-1col:after:after {
    content: "";
    display: table;
  }
  .tablet-sm-1col:after:after {
    clear: both;
  }
  .tablet-sm-1col:nth-of-type(1n) + .tablet-sm-1col {
    margin-top: 35px;
    margin-left: 0;
  }
  /* Compact stacking */
  .tablet-sm-stack-compact:nth-of-type(1n) + .tablet-sm-stack-compact {
    margin-top: 12px;
  }
}
/* Layout Responsive MOBILE LARGE */
@media screen and (max-width: 600px) {
  /* Show and Hide */
  .mobile-lg-show {
    display: block !important;
  }
  .mobile-lg-hide {
    display: none !important;
  }
  /* Positioning */
  .mobile-lg-block-left {
    float: left;
  }
  .mobile-lg-block-right {
    float: right;
  }
  .mobile-lg-static {
    position: static;
  }
  .mobile-lg-full-width {
    width: 100%;
    max-width: none;
  }
  .mobile-lg-reset-margin-left {
    margin-left: 0 !important;
  }
  .mobile-lg-reset-margin-right {
    margin-right: 0 !important;
  }
  .mobile-lg-reset-margin-top {
    margin-top: 0 !important;
  }
  .mobile-lg-reset-margin-bottom {
    margin-bottom: 0 !important;
  }
  .mobile-lg-reset-padding-top {
    padding-top: 0 !important;
  }
  .mobile-lg-reset-padding-bottom {
    padding-bottom: 0 !important;
  }
  .mobile-lg-reset-padding-left {
    padding-left: 0 !important;
  }
  /* Widths */
  .mobile-lg-three-fourths-page {
    width: 74.46808511%;
  }
  .mobile-lg-half-page {
    width: 48.93617021%;
  }
  .mobile-lg-half-page + .mobile-lg-block-indent {
    margin: 0 0 0 51.06382979%;
  }
  .mobile-lg-third-page {
    width: 31.91489362%;
  }
  .mobile-lg-half-wide {
    width: 29.78723404%;
  }
  .mobile-lg-half-wide + .mobile-lg-block-indent {
    margin: 0 0 0 31.91489362%;
  }
  .mobile-lg-sixth-page {
    width: 140px;
  }
  .mobile-lg-sixth-page + .mobile-lg-block-indent {
    margin: 0 0 0 160px;
  }
  .mobile-lg-half-narrow {
    width: 100px;
  }
  .mobile-lg-half-narrow + .mobile-lg-block-indent {
    margin: 0 0 0 120px;
  }
  .mobile-lg-tenth-page {
    width: 80px;
  }
  .mobile-lg-tenth-page + .mobile-lg-block-indent {
    float: none;
    margin: 0 0 0 100px;
  }
  /* Three columns */
  .mobile-lg-3col:nth-of-type(1n) + .mobile-lg-3col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .mobile-lg-3col:nth-of-type(3n) + .mobile-lg-3col {
    clear: both;
    margin-left: 0;
  }
  .mobile-lg-3col:nth-of-type(3n) ~ .mobile-lg-3col {
    margin-top: 35px;
  }
  /* Two columns */
  .mobile-lg-2col:nth-of-type(1n) + .mobile-lg-2col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
    margin: 0;
  }
  .mobile-lg-2col:nth-of-type(2n) {
    float: right;
  }
  .mobile-lg-2col:nth-of-type(2n) + .mobile-lg-2col {
    clear: both;
  }
  .mobile-lg-2col:nth-of-type(2n) ~ .mobile-lg-2col {
    margin-top: 35px;
  }
  /* One column */
  .mobile-lg-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .mobile-lg-1col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    /* For Ye Olde IE */
  }
  .mobile-lg-1col:after:before,
  .mobile-lg-1col:after:after {
    content: "";
    display: table;
  }
  .mobile-lg-1col:after:after {
    clear: both;
  }
  .mobile-lg-1col:nth-of-type(1n) + .mobile-lg-1col {
    margin-top: 35px;
    margin-left: 0;
  }
  /* Compact stacking */
  .mobile-lg-stack-compact:nth-of-type(1n) + .mobile-lg-stack-compact {
    margin-top: 12px;
  }
}
/* Layout Responsive MOBILE SMALL */
@media screen and (max-width: 480px) {
  /* Show and Hide */
  .mobile-sm-show {
    display: block !important;
  }
  .mobile-sm-hide {
    display: none !important;
  }
  .mobile-sm-inline {
    display: inline !important;
  }
  /* Positioning */
  .mobile-sm-block-left {
    float: left;
  }
  .mobile-sm-block-right {
    float: right;
  }
  .mobile-sm-reset-padding-top {
    padding-top: 0 !important;
  }
  /* Widths */
  .mobile-sm-full-width {
    width: 100%;
    max-width: none;
  }
  .mobile-sm-half-page {
    width: 47.87234043%;
  }
  .mobile-sm-sixth-page {
    width: 140px;
  }
  .mobile-sm-sixth-page + .mobile-sm-block-indent {
    margin: 0 0 0 160px;
  }
  .mobile-sm-half-narrow {
    width: 100px;
  }
  .mobile-sm-half-narrow + .mobile-sm-block-indent {
    margin: 0 0 0 120px;
  }
  /* Four columns */
  .mobile-sm-4col:nth-of-type(1n) + .mobile-sm-4col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .mobile-sm-4col:nth-of-type(4n) + .mobile-sm-4col {
    clear: both;
    margin-left: 0;
  }
  .mobile-sm-4col:nth-of-type(4n) ~ .mobile-sm-4col {
    margin-top: 35px;
  }
  /* Three columns */
  .mobile-sm-3col:nth-of-type(1n) + .mobile-sm-3col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .mobile-sm-3col:nth-of-type(3n) + .mobile-sm-3col {
    clear: both;
    margin-left: 0;
  }
  .mobile-sm-3col:nth-of-type(3n) ~ .mobile-sm-3col {
    margin-top: 35px;
  }
  /* Two columns */
  .mobile-sm-2col:nth-of-type(1n) + .mobile-sm-2col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
    margin: 0;
  }
  .mobile-sm-2col:nth-of-type(2n) {
    float: right;
  }
  .mobile-sm-2col:nth-of-type(2n) + .mobile-sm-2col {
    clear: both;
  }
  .mobile-sm-2col:nth-of-type(2n) ~ .mobile-sm-2col {
    margin-top: 35px;
  }
  /* One column */
  .mobile-sm-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .mobile-sm-1col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    /* For Ye Olde IE */
  }
  .mobile-sm-1col:after:before,
  .mobile-sm-1col:after:after {
    content: "";
    display: table;
  }
  .mobile-sm-1col:after:after {
    clear: both;
  }
  .mobile-sm-1col:nth-of-type(1n) + .mobile-sm-1col {
    margin-top: 35px;
    margin-left: 0;
  }
  /* Compact stacking */
  .mobile-sm-stack-compact:nth-of-type(1n) + .mobile-sm-stack-compact {
    margin-top: 12px;
  }
}
/* Layout Responsive MOBILE EXTRA SMALL */
@media screen and (max-width: 320px) {
  /* Show and Hide */
  .mobile-xsm-show {
    display: block !important;
  }
  .mobile-xsm-hide {
    display: none !important;
  }
  /* Positioning */
  .mobile-xsm-block-left {
    float: left;
  }
  .mobile-xsm-block-right {
    float: right;
  }
  /* Widths */
  .mobile-xsm-half-page {
    width: 48.93617021%;
  }
  .mobile-xsm-half-narrow {
    width: 100px;
  }
  .mobile-xsm-half-narrow + .mobile-xsm-block-indent {
    margin: 0 0 0 120px;
  }
  .mobile-xsm-tenth-page {
    width: 80px;
  }
  .mobile-xsm-tenth-page + .mobile-xsm-block-indent {
    margin: 0 0 0 100px;
  }
  /* Three columns */
  .mobile-xsm-3col:nth-of-type(1n) + .mobile-xsm-3col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
  }
  .mobile-xsm-3col:nth-of-type(3n) + .mobile-xsm-3col {
    clear: both;
    margin-left: 0;
  }
  .mobile-xsm-3col:nth-of-type(3n) ~ .mobile-xsm-3col {
    margin-top: 35px;
  }
  /* Two columns */
  .mobile-xsm-2col:nth-of-type(1n) + .mobile-xsm-2col {
    clear: none;
    margin-top: 0;
    margin-left: 2.12765957%;
    margin: 0;
  }
  .mobile-xsm-2col:nth-of-type(2n) {
    float: right;
  }
  .mobile-xsm-2col:nth-of-type(2n) + .mobile-xsm-2col {
    clear: both;
    margin-left: 0;
  }
  .mobile-xsm-2col:nth-of-type(2n) ~ .mobile-xsm-2col {
    margin-top: 35px;
  }
  /* One column */
  .mobile-xsm-1col {
    display: block;
    float: none !important;
    clear: both !important;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .mobile-xsm-1col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    /* For Ye Olde IE */
  }
  .mobile-xsm-1col:after:before,
  .mobile-xsm-1col:after:after {
    content: "";
    display: table;
  }
  .mobile-xsm-1col:after:after {
    clear: both;
  }
  .mobile-xsm-1col:nth-of-type(1n) + .mobile-xsm-1col {
    margin-top: 35px;
    margin-left: 0;
  }
  /* Compact stacking */
  .mobile-xsm-stack-compact:nth-of-type(1n) + .mobile-xsm-stack-compact {
    margin-top: 12px;
  }
}
/* Layout grid */
.mini-page {
  max-width: 1020px;
}
.layout-wide .mini-page {
  max-width: none;
}
.mini-page .row {
  overflow: hidden;
  padding: 0;
}
.mini-page .row.row-bottom {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
          align-items: flex-end;
}
.mini-page .column {
  float: left;
  width: 100%;
  min-height: 1px;
}
.mini-page .no-columns > .column:nth-child(n) {
  float: none;
  clear: both;
  width: 100%;
}
.mini-page .columns-1 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 100%;
}
.mini-page .columns-1 > .column:nth-child(1n + 1) {
  clear: both;
}
.mini-page .columns-2 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 50%;
}
.mini-page .columns-2 > .column:nth-child(2n + 1) {
  clear: both;
}
.mini-page .columns-3 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.mini-page .columns-3 > .column:nth-child(3n + 1) {
  clear: both;
}
.mini-page .columns-4 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 25%;
}
.mini-page .columns-4 > .column:nth-child(4n + 1) {
  clear: both;
}
.mini-page .columns-5 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 20%;
}
.mini-page .columns-5 > .column:nth-child(5n + 1) {
  clear: both;
}
.mini-page .columns-6 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.mini-page .columns-6 > .column:nth-child(6n + 1) {
  clear: both;
}
.layout-wide .mini-page {
  padding-left: 60px;
  padding-right: 60px;
}
.mini-page .row,
.mini-page [class*="-row"] {
  margin: -20px;
}
.mini-page .row .column,
.mini-page [class*="-row"] .column,
.mini-page .row [class*="-column"],
.mini-page [class*="-row"] [class*="-column"] {
  padding: 20px;
}
.mini-page .row.half-gutter,
.mini-page [class*="-row"].half-gutter {
  margin: -10px;
}
.mini-page .row.half-gutter .column,
.mini-page [class*="-row"].half-gutter .column,
.mini-page .row.half-gutter [class*="-column"],
.mini-page [class*="-row"].half-gutter [class*="-column"] {
  padding: 10px;
}
.mini-page .base-row {
  overflow: hidden;
  padding: 0;
}
.mini-page .base-row.row-bottom {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
          align-items: flex-end;
}
.mini-page .base-column {
  float: left;
  width: 100%;
  min-height: 1px;
}
.mini-page .base-no-columns > .column:nth-child(n) {
  float: none;
  clear: both;
  width: 100%;
}
.mini-page .base-columns-1 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 100%;
}
.mini-page .base-columns-1 > .column:nth-child(1n + 1) {
  clear: both;
}
.mini-page .base-columns-2 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 50%;
}
.mini-page .base-columns-2 > .column:nth-child(2n + 1) {
  clear: both;
}
.mini-page .base-columns-3 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.mini-page .base-columns-3 > .column:nth-child(3n + 1) {
  clear: both;
}
.mini-page .base-columns-4 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 25%;
}
.mini-page .base-columns-4 > .column:nth-child(4n + 1) {
  clear: both;
}
.mini-page .base-columns-5 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 20%;
}
.mini-page .base-columns-5 > .column:nth-child(5n + 1) {
  clear: both;
}
.mini-page .base-columns-6 > .column:nth-child(n) {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.mini-page .base-columns-6 > .column:nth-child(6n + 1) {
  clear: both;
}
.mini-page .base-hide {
  display: none !important;
}
.mini-page .base-show {
  display: block !important;
}
.mini-page .base-max-none {
  max-width: none !important;
}
.mini-page .base-faded-out {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
}
.mini-page .base-faded-out.fast {
  -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
}
.mini-page .base-faded-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
}
.mini-page .base-faded-in.fast {
  -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
}
.mini-page .base-text-left {
  text-align: left !important;
}
.mini-page .base-text-right {
  text-align: right !important;
}
.mini-page .base-1-1 {
  width: 100%;
}
.mini-page .base-1-2 {
  width: 50%;
}
.mini-page .base-1-3 {
  width: 33.33333333%;
}
.mini-page .base-2-3 {
  width: 66.66666667%;
}
.mini-page .base-1-4 {
  width: 25%;
}
.mini-page .base-3-4 {
  width: 75%;
}
.mini-page .base-1-5 {
  width: 20%;
}
.mini-page .base-2-5 {
  width: 40%;
}
.mini-page .base-3-5 {
  width: 60%;
}
.mini-page .base-4-5 {
  width: 80%;
}
.mini-page .base-1-6 {
  width: 16.66666667%;
}
.mini-page .base-5-6 {
  width: 83.33333333%;
}
.mini-page .base-1-7 {
  width: 14.28571429%;
}
.mini-page .base-6-7 {
  width: 85.71428571%;
}
.mini-page .base-1-8 {
  width: 12.5%;
}
.mini-page .base-7-8 {
  width: 87.5%;
}
.mini-page .base-1-10 {
  width: 10%;
}
.mini-page .base-9-10 {
  width: 90%;
}
@media (max-width: 1600px) {
  .mini-page .desktop-m-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .desktop-m-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .desktop-m-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .desktop-m-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .desktop-m-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .desktop-m-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .desktop-m-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .desktop-m-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .desktop-m-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .desktop-m-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .desktop-m-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .desktop-m-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .desktop-m-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .desktop-m-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .desktop-m-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .desktop-m-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .desktop-m-hide {
    display: none !important;
  }
  .mini-page .desktop-m-show {
    display: block !important;
  }
  .mini-page .desktop-m-max-none {
    max-width: none !important;
  }
  .mini-page .desktop-m-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .desktop-m-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .desktop-m-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .desktop-m-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .desktop-m-text-left {
    text-align: left !important;
  }
  .mini-page .desktop-m-text-right {
    text-align: right !important;
  }
  .mini-page .desktop-m-1-1 {
    width: 100%;
  }
  .mini-page .desktop-m-1-2 {
    width: 50%;
  }
  .mini-page .desktop-m-1-3 {
    width: 33.33333333%;
  }
  .mini-page .desktop-m-2-3 {
    width: 66.66666667%;
  }
  .mini-page .desktop-m-1-4 {
    width: 25%;
  }
  .mini-page .desktop-m-3-4 {
    width: 75%;
  }
  .mini-page .desktop-m-1-5 {
    width: 20%;
  }
  .mini-page .desktop-m-2-5 {
    width: 40%;
  }
  .mini-page .desktop-m-3-5 {
    width: 60%;
  }
  .mini-page .desktop-m-4-5 {
    width: 80%;
  }
  .mini-page .desktop-m-1-6 {
    width: 16.66666667%;
  }
  .mini-page .desktop-m-5-6 {
    width: 83.33333333%;
  }
  .mini-page .desktop-m-1-7 {
    width: 14.28571429%;
  }
  .mini-page .desktop-m-6-7 {
    width: 85.71428571%;
  }
  .mini-page .desktop-m-1-8 {
    width: 12.5%;
  }
  .mini-page .desktop-m-7-8 {
    width: 87.5%;
  }
  .mini-page .desktop-m-1-10 {
    width: 10%;
  }
  .mini-page .desktop-m-9-10 {
    width: 90%;
  }
}
@media (max-width: 1300px) {
  .mini-page .desktop-s-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .desktop-s-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .desktop-s-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .desktop-s-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .desktop-s-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .desktop-s-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .desktop-s-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .desktop-s-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .desktop-s-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .desktop-s-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .desktop-s-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .desktop-s-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .desktop-s-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .desktop-s-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .desktop-s-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .desktop-s-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .desktop-s-hide {
    display: none !important;
  }
  .mini-page .desktop-s-show {
    display: block !important;
  }
  .mini-page .desktop-s-max-none {
    max-width: none !important;
  }
  .mini-page .desktop-s-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .desktop-s-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .desktop-s-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .desktop-s-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .desktop-s-text-left {
    text-align: left !important;
  }
  .mini-page .desktop-s-text-right {
    text-align: right !important;
  }
  .mini-page .desktop-s-1-1 {
    width: 100%;
  }
  .mini-page .desktop-s-1-2 {
    width: 50%;
  }
  .mini-page .desktop-s-1-3 {
    width: 33.33333333%;
  }
  .mini-page .desktop-s-2-3 {
    width: 66.66666667%;
  }
  .mini-page .desktop-s-1-4 {
    width: 25%;
  }
  .mini-page .desktop-s-3-4 {
    width: 75%;
  }
  .mini-page .desktop-s-1-5 {
    width: 20%;
  }
  .mini-page .desktop-s-2-5 {
    width: 40%;
  }
  .mini-page .desktop-s-3-5 {
    width: 60%;
  }
  .mini-page .desktop-s-4-5 {
    width: 80%;
  }
  .mini-page .desktop-s-1-6 {
    width: 16.66666667%;
  }
  .mini-page .desktop-s-5-6 {
    width: 83.33333333%;
  }
  .mini-page .desktop-s-1-7 {
    width: 14.28571429%;
  }
  .mini-page .desktop-s-6-7 {
    width: 85.71428571%;
  }
  .mini-page .desktop-s-1-8 {
    width: 12.5%;
  }
  .mini-page .desktop-s-7-8 {
    width: 87.5%;
  }
  .mini-page .desktop-s-1-10 {
    width: 10%;
  }
  .mini-page .desktop-s-9-10 {
    width: 90%;
  }
}
@media (max-width: 1044px) {
  .layout-wide .mini-page {
    padding-left: 40px;
    padding-right: 40px;
  }
  .mini-page .row,
  .mini-page [class*="-row"] {
    margin: -15px;
  }
  .mini-page .row .column,
  .mini-page [class*="-row"] .column,
  .mini-page .row [class*="-column"],
  .mini-page [class*="-row"] [class*="-column"] {
    padding: 15px;
  }
  .mini-page .row.half-gutter,
  .mini-page [class*="-row"].half-gutter {
    margin: -7.5px;
  }
  .mini-page .row.half-gutter .column,
  .mini-page [class*="-row"].half-gutter .column,
  .mini-page .row.half-gutter [class*="-column"],
  .mini-page [class*="-row"].half-gutter [class*="-column"] {
    padding: 7.5px;
  }
  .mini-page .tablet-l-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .tablet-l-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .tablet-l-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .tablet-l-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .tablet-l-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .tablet-l-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .tablet-l-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .tablet-l-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .tablet-l-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .tablet-l-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .tablet-l-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .tablet-l-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .tablet-l-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .tablet-l-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .tablet-l-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .tablet-l-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .tablet-l-hide {
    display: none !important;
  }
  .mini-page .tablet-l-show {
    display: block !important;
  }
  .mini-page .tablet-l-max-none {
    max-width: none !important;
  }
  .mini-page .tablet-l-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-l-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-l-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-l-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-l-text-left {
    text-align: left !important;
  }
  .mini-page .tablet-l-text-right {
    text-align: right !important;
  }
  .mini-page .tablet-l-1-1 {
    width: 100%;
  }
  .mini-page .tablet-l-1-2 {
    width: 50%;
  }
  .mini-page .tablet-l-1-3 {
    width: 33.33333333%;
  }
  .mini-page .tablet-l-2-3 {
    width: 66.66666667%;
  }
  .mini-page .tablet-l-1-4 {
    width: 25%;
  }
  .mini-page .tablet-l-3-4 {
    width: 75%;
  }
  .mini-page .tablet-l-1-5 {
    width: 20%;
  }
  .mini-page .tablet-l-2-5 {
    width: 40%;
  }
  .mini-page .tablet-l-3-5 {
    width: 60%;
  }
  .mini-page .tablet-l-4-5 {
    width: 80%;
  }
  .mini-page .tablet-l-1-6 {
    width: 16.66666667%;
  }
  .mini-page .tablet-l-5-6 {
    width: 83.33333333%;
  }
  .mini-page .tablet-l-1-7 {
    width: 14.28571429%;
  }
  .mini-page .tablet-l-6-7 {
    width: 85.71428571%;
  }
  .mini-page .tablet-l-1-8 {
    width: 12.5%;
  }
  .mini-page .tablet-l-7-8 {
    width: 87.5%;
  }
  .mini-page .tablet-l-1-10 {
    width: 10%;
  }
  .mini-page .tablet-l-9-10 {
    width: 90%;
  }
}
@media (max-width: 900px) {
  .mini-page .tablet-lg-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .tablet-lg-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .tablet-lg-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .tablet-lg-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .tablet-lg-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .tablet-lg-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .tablet-lg-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .tablet-lg-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .tablet-lg-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .tablet-lg-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .tablet-lg-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .tablet-lg-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .tablet-lg-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .tablet-lg-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .tablet-lg-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .tablet-lg-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .tablet-lg-hide {
    display: none !important;
  }
  .mini-page .tablet-lg-show {
    display: block !important;
  }
  .mini-page .tablet-lg-max-none {
    max-width: none !important;
  }
  .mini-page .tablet-lg-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-lg-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-lg-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-lg-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-lg-text-left {
    text-align: left !important;
  }
  .mini-page .tablet-lg-text-right {
    text-align: right !important;
  }
  .mini-page .tablet-lg-1-1 {
    width: 100%;
  }
  .mini-page .tablet-lg-1-2 {
    width: 50%;
  }
  .mini-page .tablet-lg-1-3 {
    width: 33.33333333%;
  }
  .mini-page .tablet-lg-2-3 {
    width: 66.66666667%;
  }
  .mini-page .tablet-lg-1-4 {
    width: 25%;
  }
  .mini-page .tablet-lg-3-4 {
    width: 75%;
  }
  .mini-page .tablet-lg-1-5 {
    width: 20%;
  }
  .mini-page .tablet-lg-2-5 {
    width: 40%;
  }
  .mini-page .tablet-lg-3-5 {
    width: 60%;
  }
  .mini-page .tablet-lg-4-5 {
    width: 80%;
  }
  .mini-page .tablet-lg-1-6 {
    width: 16.66666667%;
  }
  .mini-page .tablet-lg-5-6 {
    width: 83.33333333%;
  }
  .mini-page .tablet-lg-1-7 {
    width: 14.28571429%;
  }
  .mini-page .tablet-lg-6-7 {
    width: 85.71428571%;
  }
  .mini-page .tablet-lg-1-8 {
    width: 12.5%;
  }
  .mini-page .tablet-lg-7-8 {
    width: 87.5%;
  }
  .mini-page .tablet-lg-1-10 {
    width: 10%;
  }
  .mini-page .tablet-lg-9-10 {
    width: 90%;
  }
}
@media (min-width: 900px) {
  .mini-page .tablet-min-lg-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .tablet-min-lg-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .tablet-min-lg-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .tablet-min-lg-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .tablet-min-lg-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .tablet-min-lg-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .tablet-min-lg-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .tablet-min-lg-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .tablet-min-lg-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .tablet-min-lg-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .tablet-min-lg-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .tablet-min-lg-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .tablet-min-lg-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .tablet-min-lg-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .tablet-min-lg-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .tablet-min-lg-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .tablet-min-lg-hide {
    display: none !important;
  }
  .mini-page .tablet-min-lg-show {
    display: block !important;
  }
  .mini-page .tablet-min-lg-max-none {
    max-width: none !important;
  }
  .mini-page .tablet-min-lg-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-min-lg-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-min-lg-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-min-lg-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-min-lg-text-left {
    text-align: left !important;
  }
  .mini-page .tablet-min-lg-text-right {
    text-align: right !important;
  }
  .mini-page .tablet-min-lg-1-1 {
    width: 100%;
  }
  .mini-page .tablet-min-lg-1-2 {
    width: 50%;
  }
  .mini-page .tablet-min-lg-1-3 {
    width: 33.33333333%;
  }
  .mini-page .tablet-min-lg-2-3 {
    width: 66.66666667%;
  }
  .mini-page .tablet-min-lg-1-4 {
    width: 25%;
  }
  .mini-page .tablet-min-lg-3-4 {
    width: 75%;
  }
  .mini-page .tablet-min-lg-1-5 {
    width: 20%;
  }
  .mini-page .tablet-min-lg-2-5 {
    width: 40%;
  }
  .mini-page .tablet-min-lg-3-5 {
    width: 60%;
  }
  .mini-page .tablet-min-lg-4-5 {
    width: 80%;
  }
  .mini-page .tablet-min-lg-1-6 {
    width: 16.66666667%;
  }
  .mini-page .tablet-min-lg-5-6 {
    width: 83.33333333%;
  }
  .mini-page .tablet-min-lg-1-7 {
    width: 14.28571429%;
  }
  .mini-page .tablet-min-lg-6-7 {
    width: 85.71428571%;
  }
  .mini-page .tablet-min-lg-1-8 {
    width: 12.5%;
  }
  .mini-page .tablet-min-lg-7-8 {
    width: 87.5%;
  }
  .mini-page .tablet-min-lg-1-10 {
    width: 10%;
  }
  .mini-page .tablet-min-lg-9-10 {
    width: 90%;
  }
}
@media (max-width: 800px) {
  .layout-wide .mini-page {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mini-page .row,
  .mini-page [class*="-row"] {
    margin: -10px;
  }
  .mini-page .row .column,
  .mini-page [class*="-row"] .column,
  .mini-page .row [class*="-column"],
  .mini-page [class*="-row"] [class*="-column"] {
    padding: 10px;
  }
  .mini-page .row.half-gutter,
  .mini-page [class*="-row"].half-gutter {
    margin: -5px;
  }
  .mini-page .row.half-gutter .column,
  .mini-page [class*="-row"].half-gutter .column,
  .mini-page .row.half-gutter [class*="-column"],
  .mini-page [class*="-row"].half-gutter [class*="-column"] {
    padding: 5px;
  }
  .mini-page .tablet-p-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .tablet-p-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .tablet-p-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .tablet-p-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .tablet-p-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .tablet-p-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .tablet-p-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .tablet-p-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .tablet-p-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .tablet-p-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .tablet-p-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .tablet-p-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .tablet-p-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .tablet-p-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .tablet-p-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .tablet-p-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .tablet-p-hide {
    display: none !important;
  }
  .mini-page .tablet-p-show {
    display: block !important;
  }
  .mini-page .tablet-p-max-none {
    max-width: none !important;
  }
  .mini-page .tablet-p-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-p-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-p-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-p-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-p-text-left {
    text-align: left !important;
  }
  .mini-page .tablet-p-text-right {
    text-align: right !important;
  }
  .mini-page .tablet-p-1-1 {
    width: 100%;
  }
  .mini-page .tablet-p-1-2 {
    width: 50%;
  }
  .mini-page .tablet-p-1-3 {
    width: 33.33333333%;
  }
  .mini-page .tablet-p-2-3 {
    width: 66.66666667%;
  }
  .mini-page .tablet-p-1-4 {
    width: 25%;
  }
  .mini-page .tablet-p-3-4 {
    width: 75%;
  }
  .mini-page .tablet-p-1-5 {
    width: 20%;
  }
  .mini-page .tablet-p-2-5 {
    width: 40%;
  }
  .mini-page .tablet-p-3-5 {
    width: 60%;
  }
  .mini-page .tablet-p-4-5 {
    width: 80%;
  }
  .mini-page .tablet-p-1-6 {
    width: 16.66666667%;
  }
  .mini-page .tablet-p-5-6 {
    width: 83.33333333%;
  }
  .mini-page .tablet-p-1-7 {
    width: 14.28571429%;
  }
  .mini-page .tablet-p-6-7 {
    width: 85.71428571%;
  }
  .mini-page .tablet-p-1-8 {
    width: 12.5%;
  }
  .mini-page .tablet-p-7-8 {
    width: 87.5%;
  }
  .mini-page .tablet-p-1-10 {
    width: 10%;
  }
  .mini-page .tablet-p-9-10 {
    width: 90%;
  }
}
@media (max-width: 700px) {
  .mini-page .tablet-sm-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .tablet-sm-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .tablet-sm-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .tablet-sm-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .tablet-sm-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .tablet-sm-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .tablet-sm-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .tablet-sm-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .tablet-sm-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .tablet-sm-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .tablet-sm-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .tablet-sm-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .tablet-sm-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .tablet-sm-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .tablet-sm-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .tablet-sm-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .tablet-sm-hide {
    display: none !important;
  }
  .mini-page .tablet-sm-show {
    display: block !important;
  }
  .mini-page .tablet-sm-max-none {
    max-width: none !important;
  }
  .mini-page .tablet-sm-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-sm-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-sm-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .tablet-sm-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .tablet-sm-text-left {
    text-align: left !important;
  }
  .mini-page .tablet-sm-text-right {
    text-align: right !important;
  }
  .mini-page .tablet-sm-1-1 {
    width: 100%;
  }
  .mini-page .tablet-sm-1-2 {
    width: 50%;
  }
  .mini-page .tablet-sm-1-3 {
    width: 33.33333333%;
  }
  .mini-page .tablet-sm-2-3 {
    width: 66.66666667%;
  }
  .mini-page .tablet-sm-1-4 {
    width: 25%;
  }
  .mini-page .tablet-sm-3-4 {
    width: 75%;
  }
  .mini-page .tablet-sm-1-5 {
    width: 20%;
  }
  .mini-page .tablet-sm-2-5 {
    width: 40%;
  }
  .mini-page .tablet-sm-3-5 {
    width: 60%;
  }
  .mini-page .tablet-sm-4-5 {
    width: 80%;
  }
  .mini-page .tablet-sm-1-6 {
    width: 16.66666667%;
  }
  .mini-page .tablet-sm-5-6 {
    width: 83.33333333%;
  }
  .mini-page .tablet-sm-1-7 {
    width: 14.28571429%;
  }
  .mini-page .tablet-sm-6-7 {
    width: 85.71428571%;
  }
  .mini-page .tablet-sm-1-8 {
    width: 12.5%;
  }
  .mini-page .tablet-sm-7-8 {
    width: 87.5%;
  }
  .mini-page .tablet-sm-1-10 {
    width: 10%;
  }
  .mini-page .tablet-sm-9-10 {
    width: 90%;
  }
}
@media (max-width: 600px) {
  .mini-page .mobile-lg-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .mobile-lg-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .mobile-lg-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .mobile-lg-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .mobile-lg-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .mobile-lg-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .mobile-lg-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .mobile-lg-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .mobile-lg-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .mobile-lg-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .mobile-lg-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .mobile-lg-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .mobile-lg-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .mobile-lg-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .mobile-lg-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .mobile-lg-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .mobile-lg-hide {
    display: none !important;
  }
  .mini-page .mobile-lg-show {
    display: block !important;
  }
  .mini-page .mobile-lg-max-none {
    max-width: none !important;
  }
  .mini-page .mobile-lg-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .mobile-lg-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .mobile-lg-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .mobile-lg-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .mobile-lg-text-left {
    text-align: left !important;
  }
  .mini-page .mobile-lg-text-right {
    text-align: right !important;
  }
  .mini-page .mobile-lg-1-1 {
    width: 100%;
  }
  .mini-page .mobile-lg-1-2 {
    width: 50%;
  }
  .mini-page .mobile-lg-1-3 {
    width: 33.33333333%;
  }
  .mini-page .mobile-lg-2-3 {
    width: 66.66666667%;
  }
  .mini-page .mobile-lg-1-4 {
    width: 25%;
  }
  .mini-page .mobile-lg-3-4 {
    width: 75%;
  }
  .mini-page .mobile-lg-1-5 {
    width: 20%;
  }
  .mini-page .mobile-lg-2-5 {
    width: 40%;
  }
  .mini-page .mobile-lg-3-5 {
    width: 60%;
  }
  .mini-page .mobile-lg-4-5 {
    width: 80%;
  }
  .mini-page .mobile-lg-1-6 {
    width: 16.66666667%;
  }
  .mini-page .mobile-lg-5-6 {
    width: 83.33333333%;
  }
  .mini-page .mobile-lg-1-7 {
    width: 14.28571429%;
  }
  .mini-page .mobile-lg-6-7 {
    width: 85.71428571%;
  }
  .mini-page .mobile-lg-1-8 {
    width: 12.5%;
  }
  .mini-page .mobile-lg-7-8 {
    width: 87.5%;
  }
  .mini-page .mobile-lg-1-10 {
    width: 10%;
  }
  .mini-page .mobile-lg-9-10 {
    width: 90%;
  }
}
@media (max-width: 500px) {
  .layout-wide .mini-page {
    padding-left: 10px;
    padding-right: 10px;
  }
  .mini-page .row,
  .mini-page [class*="-row"] {
    margin: -5px;
  }
  .mini-page .row .column,
  .mini-page [class*="-row"] .column,
  .mini-page .row [class*="-column"],
  .mini-page [class*="-row"] [class*="-column"] {
    padding: 5px;
  }
  .mini-page .row.half-gutter,
  .mini-page [class*="-row"].half-gutter {
    margin: -2.5px;
  }
  .mini-page .row.half-gutter .column,
  .mini-page [class*="-row"].half-gutter .column,
  .mini-page .row.half-gutter [class*="-column"],
  .mini-page [class*="-row"].half-gutter [class*="-column"] {
    padding: 2.5px;
  }
  .mini-page .mobile-l-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .mobile-l-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .mobile-l-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .mobile-l-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .mobile-l-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .mobile-l-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .mobile-l-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .mobile-l-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .mobile-l-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .mobile-l-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .mobile-l-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .mobile-l-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .mobile-l-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .mobile-l-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .mobile-l-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .mobile-l-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .mobile-l-hide {
    display: none !important;
  }
  .mini-page .mobile-l-show {
    display: block !important;
  }
  .mini-page .mobile-l-max-none {
    max-width: none !important;
  }
  .mini-page .mobile-l-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .mobile-l-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .mobile-l-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .mobile-l-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .mobile-l-text-left {
    text-align: left !important;
  }
  .mini-page .mobile-l-text-right {
    text-align: right !important;
  }
  .mini-page .mobile-l-1-1 {
    width: 100%;
  }
  .mini-page .mobile-l-1-2 {
    width: 50%;
  }
  .mini-page .mobile-l-1-3 {
    width: 33.33333333%;
  }
  .mini-page .mobile-l-2-3 {
    width: 66.66666667%;
  }
  .mini-page .mobile-l-1-4 {
    width: 25%;
  }
  .mini-page .mobile-l-3-4 {
    width: 75%;
  }
  .mini-page .mobile-l-1-5 {
    width: 20%;
  }
  .mini-page .mobile-l-2-5 {
    width: 40%;
  }
  .mini-page .mobile-l-3-5 {
    width: 60%;
  }
  .mini-page .mobile-l-4-5 {
    width: 80%;
  }
  .mini-page .mobile-l-1-6 {
    width: 16.66666667%;
  }
  .mini-page .mobile-l-5-6 {
    width: 83.33333333%;
  }
  .mini-page .mobile-l-1-7 {
    width: 14.28571429%;
  }
  .mini-page .mobile-l-6-7 {
    width: 85.71428571%;
  }
  .mini-page .mobile-l-1-8 {
    width: 12.5%;
  }
  .mini-page .mobile-l-7-8 {
    width: 87.5%;
  }
  .mini-page .mobile-l-1-10 {
    width: 10%;
  }
  .mini-page .mobile-l-9-10 {
    width: 90%;
  }
}
@media (max-width: 360px) {
  .mini-page .mobile-p-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .mobile-p-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .mobile-p-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .mobile-p-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .mobile-p-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .mobile-p-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .mobile-p-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .mobile-p-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .mobile-p-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .mobile-p-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .mobile-p-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .mobile-p-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .mobile-p-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .mobile-p-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .mobile-p-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .mobile-p-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .mobile-p-hide {
    display: none !important;
  }
  .mini-page .mobile-p-show {
    display: block !important;
  }
  .mini-page .mobile-p-max-none {
    max-width: none !important;
  }
  .mini-page .mobile-p-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .mobile-p-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .mobile-p-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .mobile-p-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .mobile-p-text-left {
    text-align: left !important;
  }
  .mini-page .mobile-p-text-right {
    text-align: right !important;
  }
  .mini-page .mobile-p-1-1 {
    width: 100%;
  }
  .mini-page .mobile-p-1-2 {
    width: 50%;
  }
  .mini-page .mobile-p-1-3 {
    width: 33.33333333%;
  }
  .mini-page .mobile-p-2-3 {
    width: 66.66666667%;
  }
  .mini-page .mobile-p-1-4 {
    width: 25%;
  }
  .mini-page .mobile-p-3-4 {
    width: 75%;
  }
  .mini-page .mobile-p-1-5 {
    width: 20%;
  }
  .mini-page .mobile-p-2-5 {
    width: 40%;
  }
  .mini-page .mobile-p-3-5 {
    width: 60%;
  }
  .mini-page .mobile-p-4-5 {
    width: 80%;
  }
  .mini-page .mobile-p-1-6 {
    width: 16.66666667%;
  }
  .mini-page .mobile-p-5-6 {
    width: 83.33333333%;
  }
  .mini-page .mobile-p-1-7 {
    width: 14.28571429%;
  }
  .mini-page .mobile-p-6-7 {
    width: 85.71428571%;
  }
  .mini-page .mobile-p-1-8 {
    width: 12.5%;
  }
  .mini-page .mobile-p-7-8 {
    width: 87.5%;
  }
  .mini-page .mobile-p-1-10 {
    width: 10%;
  }
  .mini-page .mobile-p-9-10 {
    width: 90%;
  }
}
@media print {
  .layout-wide .mini-page {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mini-page .row,
  .mini-page [class*="-row"] {
    margin: -10px;
  }
  .mini-page .row .column,
  .mini-page [class*="-row"] .column,
  .mini-page .row [class*="-column"],
  .mini-page [class*="-row"] [class*="-column"] {
    padding: 10px;
  }
  .mini-page .row.half-gutter,
  .mini-page [class*="-row"].half-gutter {
    margin: -5px;
  }
  .mini-page .row.half-gutter .column,
  .mini-page [class*="-row"].half-gutter .column,
  .mini-page .row.half-gutter [class*="-column"],
  .mini-page [class*="-row"].half-gutter [class*="-column"] {
    padding: 5px;
  }
  .mini-page .print-row {
    overflow: hidden;
    padding: 0;
  }
  .mini-page .print-row.row-bottom {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .mini-page .print-column {
    float: left;
    width: 100%;
    min-height: 1px;
  }
  .mini-page .print-no-columns > .column:nth-child(n) {
    float: none;
    clear: both;
    width: 100%;
  }
  .mini-page .print-columns-1 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 100%;
  }
  .mini-page .print-columns-1 > .column:nth-child(1n + 1) {
    clear: both;
  }
  .mini-page .print-columns-2 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 50%;
  }
  .mini-page .print-columns-2 > .column:nth-child(2n + 1) {
    clear: both;
  }
  .mini-page .print-columns-3 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .mini-page .print-columns-3 > .column:nth-child(3n + 1) {
    clear: both;
  }
  .mini-page .print-columns-4 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 25%;
  }
  .mini-page .print-columns-4 > .column:nth-child(4n + 1) {
    clear: both;
  }
  .mini-page .print-columns-5 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 20%;
  }
  .mini-page .print-columns-5 > .column:nth-child(5n + 1) {
    clear: both;
  }
  .mini-page .print-columns-6 > .column:nth-child(n) {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .mini-page .print-columns-6 > .column:nth-child(6n + 1) {
    clear: both;
  }
  .mini-page .print-hide {
    display: none !important;
  }
  .mini-page .print-show {
    display: block !important;
  }
  .mini-page .print-max-none {
    max-width: none !important;
  }
  .mini-page .print-faded-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
  }
  .mini-page .print-faded-out.fast {
    -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
  }
  .mini-page .print-faded-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
  }
  .mini-page .print-faded-in.fast {
    -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
            transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
  }
  .mini-page .print-text-left {
    text-align: left !important;
  }
  .mini-page .print-text-right {
    text-align: right !important;
  }
  .mini-page .print-1-1 {
    width: 100%;
  }
  .mini-page .print-1-2 {
    width: 50%;
  }
  .mini-page .print-1-3 {
    width: 33.33333333%;
  }
  .mini-page .print-2-3 {
    width: 66.66666667%;
  }
  .mini-page .print-1-4 {
    width: 25%;
  }
  .mini-page .print-3-4 {
    width: 75%;
  }
  .mini-page .print-1-5 {
    width: 20%;
  }
  .mini-page .print-2-5 {
    width: 40%;
  }
  .mini-page .print-3-5 {
    width: 60%;
  }
  .mini-page .print-4-5 {
    width: 80%;
  }
  .mini-page .print-1-6 {
    width: 16.66666667%;
  }
  .mini-page .print-5-6 {
    width: 83.33333333%;
  }
  .mini-page .print-1-7 {
    width: 14.28571429%;
  }
  .mini-page .print-6-7 {
    width: 85.71428571%;
  }
  .mini-page .print-1-8 {
    width: 12.5%;
  }
  .mini-page .print-7-8 {
    width: 87.5%;
  }
  .mini-page .print-1-10 {
    width: 10%;
  }
  .mini-page .print-9-10 {
    width: 90%;
  }
}
.code-block {
  font-family: monospace;
  font-size: 17px;
  list-style-type: decimal;
  margin-left: 0px;
  box-shadow: inset 42px 0 0 #d0d0d0;
  border-radius: 3px;
  padding: 3px 0;
}
.code-block li {
  padding: 0 0 0 0em;
  margin: 0px 0px 0px 53px;
  color: black;
  line-height: 24px;
  /* if more indents are needed, higher this number */
}
.code-block li:before {
  display: none;
}
.code-block li.indent-1 {
  padding-left: 1em;
}
.code-block li.indent-2 {
  padding-left: 2em;
}
.code-block li.indent-3 {
  padding-left: 3em;
}
.code-block li.indent-4 {
  padding-left: 4em;
}
.code-block li.indent-5 {
  padding-left: 5em;
}
p {
  max-width: 1020px;
}
/* TODO "code-examples for API-documentation" */
.grid-example-column {
  padding: 10px 20px!important;
  margin-bottom: 5px;
}
.example-color {
  height: 80px;
  padding: 10px;
}
.audio-player-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #000;
}
@-webkit-keyframes PopIn {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes PopIn {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.audio-player .controls {
  position: relative;
  width: 100px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.audio-player-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
}
.audio-player-button:before {
  width: 100%;
  height: 100%;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
}
.audio-player-button.icon-im-play:before {
  padding-left: 5px;
}
.audio-player .content {
  padding: 0 0 5px 10px;
  font-size: 17px;
  font-weight: bold;
}
.audio-player .content p:first-child {
  margin-bottom: 5px;
}
.audio-player .content .text-subtle {
  font-size: 15px;
  font-weight: normal;
}
@media (max-width: 1044px) {
  .audio-player .content {
    font-size: 15px;
  }
}
.audio-player .progress-bar {
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
}
.audio-player .progress-bar.active {
  background-color: rgba(255, 255, 255, 0.2);
}
.audio-player .progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.2s linear;
          transition: transform 0.2s linear;
}
.video-modal .video-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-modal .video-button:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: 2px;
}
.video-modal .video-button:hover {
  background-color: white;
  color: rgba(0, 0, 0, 0.65);
}
.video-modal.overview .video-button {
  width: 50px;
  height: 50px;
}
@media (min-width: 600px) {
  .video-modal .video-button {
    width: 70px;
    height: 70px;
  }
  .video-modal.overview .video-button {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 600px) {
  .favourite-button {
    padding-left: 40px;
  }
}
@media (max-width: 600px) {
  .favourite-button {
    /* Icon only */
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
  }
}
.favourite-button .favourite-count {
  display: none;
}
@media (min-width: 600px) {
  .favourite-button .favourite-count {
    display: inline;
  }
}
.highlight-label {
  position: absolute;
  display: block;
  width: 200px;
  left: -45px;
  top: 45px;
  padding: 5px;
  text-align: center;
  color: #fff;
  background-color: #d55140;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  white-space: nowrap;
}
.highlight-label-container {
  overflow: hidden;
  position: relative;
}
@media (max-width: 800px) and (min-width: 501px) {
  .highlights .highlight-label {
    top: 20px;
    left: -50px;
    -webkit-transform: rotate(-33deg);
            transform: rotate(-33deg);
  }
}
@media screen and (max-width: 350px) {
  .g-recaptcha div {
    width: 100% !important;
  }
}
.can-do {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.donation-amount input[type="radio"] {
  z-index: -1;
  position: absolute;
  margin: 15px;
}
.donation-amount input[type="radio"]:focus + label {
  outline: 2px dotted black;
}
.donation-amount-input-wrapper {
  display: inline-block;
}
@media (max-width: 600px) {
  .donation-amount-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .donation-amount-input-wrapper label:last-child {
    margin-right: 0;
  }
}
.donation-amount-option {
  display: inline-block;
  margin: 10px 10px 0 0;
  background-color: white;
  color: black;
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 15px;
  border-radius: 3px;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .donation-amount-option {
    text-align: center;
    width: 33.33333333%;
  }
}
@media (min-width: 601px) {
  .donation-amount-option {
    padding: 0 25px;
  }
}
.donation-amount-option.custom.active {
  padding: 0 25px;
}
@media (max-width: 600px) {
  .donation-amount-option.custom {
    width: 100%;
    display: block;
    margin-right: 0;
    text-align: center;
  }
}
.donation-amount .donation-amount-option:hover {
  background-color: #40474f;
  color: white;
}
.donation-amount .button-like {
  margin-top: 10px;
}
@media (max-width: 600px) {
  .donation-amount .button-like {
    display: block;
    text-align: center;
  }
}
.donation-amount input[type="radio"]:checked + label {
  background-color: #40474f;
  color: white;
}
.donation-amount-custom {
  width: 75px;
  margin: 0 auto;
}
.donation-amount-custom-input {
  background: transparent;
  border: none;
  height: 40px;
  vertical-align: top;
  width: 60px;
  outline: none;
  font-weight: bold;
  padding: 0;
}
.donation-amount input[type="number"]::-webkit-inner-spin-button,
.donation-amount input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.donation-amount input[type="number"] {
  -moz-appearance: textfield;
}
.donation-amount .active {
  background-color: #40474f;
  color: white;
}
.has-autosuggest {
  width: 50%;
  max-width: 400px;
}
.autosuggest-wrapper,
.autosuggest-form {
  position: relative;
  max-width: 100%;
  min-height: 40px;
}
.site-user-nav-inner .autosuggest-wrapper,
.site-user-nav-inner .autosuggest-form {
  width: 400px;
}
.autosuggest-wrapper.closed {
  width: 40px;
  overflow: hidden;
}
.autosuggest-wrapper.semi-closed {
  width: 200px;
}
.autosuggest-wrapper.semi-open {
  width: 300px;
}
.autosuggest-wrapper.open {
  width: 400px;
}
.autosuggest-form {
  margin: 0;
}
.autosuggest-input,
.autosuggest-submit,
.autosuggest-clear,
.autosuggest-working {
  position: absolute;
  top: 0;
}
.autosuggest-input {
  right: 0;
  width: 100%;
}
.autosuggest-input[type] {
  min-width: 0;
}
.autosuggest-wrapper.closed .autosuggest-input {
  visibility: hidden;
}
.autosuggest-wrapper.animating .autosuggest-input {
  visibility: visible;
}
.autosuggest-wrapper.semi-open .autosuggest-input:not(animating),
.autosuggest-wrapper.open .autosuggest-input:not(animating) {
  padding-right: 75px;
}
.submit-has-text-nl .autosuggest-input {
  padding-right: 90px;
}
.submit-has-text-en .autosuggest-input {
  padding-right: 105px;
}
.autosuggest-submit {
  right: 0;
  border-radius: 0 3px 3px 0;
}
.submit-has-text-nl .autosuggest-submit {
  max-width: 90px;
}
.submit-has-text-en .autosuggest-submit {
  max-width: 105px;
}
.autosuggest-wrapper.closed .autosuggest-submit {
  border-radius: 3px;
}
.autosuggest-clear,
.autosuggest-working {
  right: 40px;
}
.submit-has-text-nl .autosuggest-clear,
.submit-has-text-nl .autosuggest-working {
  right: 90px;
}
.submit-has-text-en .autosuggest-clear,
.submit-has-text-en .autosuggest-working {
  right: 105px;
}
.autosuggest-clear {
  width: 35px;
  min-width: 35px;
}
.autosuggest-working {
  padding-right: 10px;
  line-height: 40px;
}
.autosuggest-suggestions {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 100;
  width: 100%;
  max-width: 100%;
  max-height: 400px;
  overflow-y: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.no-boxshadow .autosuggest-suggestions {
  border: 1px solid #a2abad;
}
.autosuggest-item {
  margin: -10px;
}
.autosuggest-item.autosuggest-item:before {
  top: 10px;
  left: 10px;
}
/* Autosuggest on advanced search */
/* TODO Merge with OOCSS styles where possible */
.advanced-search-dropdown {
  position: absolute;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  cursor: default;
  z-index: 1;
}
/* Media Blocks INTRO QUOTE */
/* White text on a black background with an arrow pointing to the left (where the introduction is). */
.intro-quote {
  width: 240px;
  min-height: 120px;
}
@media screen and (max-width: 1044px) {
  .intro-quote {
    min-height: 0;
    left: 0;
    padding-left: 0;
    background: none;
  }
}
.clock {
  display: inline-block;
  width: 15px;
  background: transparent url("/WebStatic/Images/Icons/clock-white.png") no-repeat 0 50%;
}
.infinite-scroll-page {
  overflow: hidden;
}
.infinite-scroll-list {
  padding-bottom: 40px;
}
.no-js #load-more-button {
  display: inline-block;
}
/* LIGHTBOXES! */
.glasspane,
.lightbox-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.glasspane {
  background: transparent url("/WebStatic/Images/glasspane-ie.png");
  background: rgba(0, 0, 0, 0.55);
}
.glasspane.glasspane-theater,
.glasspane.glasspane-error {
  background: #202327;
}
.lightbox-container {
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.lightbox-container:after {
  content: '';
  overflow: hidden;
  height: 100%;
  width: 0;
  margin-right: -0.25em;
}
.lightbox-container:after,
.lightbox-container > * {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  white-space: normal;
}
.lightbox-content {
  padding: 20px;
}
.lightbox-content,
.lightbox-content > * {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.lightbox-content > * {
  margin: 0 auto;
  overflow: hidden;
}
.lightbox-content .lightbox-header {
  padding-right: 40px;
}
.lightbox-content.has-tour {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
}
.lightbox-content.has-tour,
.lightbox-content.has-tour > * {
  margin: 0;
  overflow: visible;
}
.lightbox-content.has-tour > * {
  position: absolute;
  max-width: calc(100% - 40px);
}
.lightbox-content.has-tour .pointer {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  margin: -14px auto 0;
  left: 0;
  width: 0;
  height: 0;
  border-width: 0 14px 14px 14px;
  border-style: solid;
  border-color: white transparent;
}
/* Lightboxes! MENU IS OPEN */
html.menu-is-open .glasspane {
  position: absolute;
}
html.menu-is-open #maincontent {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
html.menu-is-open .policy-bar-footer {
  display: none;
}
/* Lightboxes! LIGHTBOX IS OPEN */
html.lightbox-is-open,
html.lightbox-is-open body {
  overflow-y: hidden;
}
html.lightbox-is-open body {
  height: auto;
}
html.lightbox-is-open .site-header,
html.lightbox-is-open .site-menu {
  display: none;
}
.lightbox-inner {
  padding-right: 80px;
}
@media screen and (max-height: 600px) {
  .lightbox-inner {
    padding-right: 55px;
  }
}
/* Lightboxes! CLOSE LIGHTBOX BUTTON */
.lightbox-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.lightbox-close.lightbox-close {
  margin: 0;
}
/* Lightbox SIZES */
.lightbox-tiny {
  width: 300px;
}
.lightbox-xsmall {
  width: 400px;
}
.lightbox-small {
  width: 500px;
}
.lightbox-medium {
  width: 600px;
}
.lightbox-large {
  width: 720px;
}
/* Lightbox THEATER */
.lightbox-theater {
  width: 940px;
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1044px) {
  .lightbox-theater {
    padding-left: 3.92156863%;
    padding-right: 3.92156863%;
  }
}
@media (max-width: 600px) {
  .lightbox-theater {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.lightbox-theater .lightbox-header {
  margin-right: 40px;
  margin-bottom: 20px;
}
.lightbox-theater .lightbox-text {
  float: left;
  width: 320px;
}
@media (max-width: 900px) {
  .lightbox-theater .lightbox-text {
    width: 300px;
  }
}
@media (max-width: 800px) {
  .lightbox-theater .lightbox-text {
    width: 280px;
  }
}
@media (max-width: 700px) {
  .lightbox-theater .lightbox-text {
    float: none;
    width: auto;
  }
}
.lightbox-theater .lightbox-figure {
  position: relative;
  float: left;
  width: calc(100% - 320px);
  max-width: 480px;
  overflow: hidden;
}
@media (max-width: 900px) {
  .lightbox-theater .lightbox-figure {
    width: calc(100% - 300px);
  }
}
@media (max-width: 800px) {
  .lightbox-theater .lightbox-figure {
    width: calc(100% - 280px);
  }
}
@media (max-width: 700px) {
  .lightbox-theater .lightbox-figure {
    float: none;
    width: auto;
    margin-top: 40px;
  }
}
.lightbox-theater .lightbox-figure .spi-slide,
.lightbox-theater .lightbox-figure .art-object-page {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.lightbox-theater .lightbox-figure .spi-slide > *,
.lightbox-theater .lightbox-figure .art-object-page > * {
  display: none;
}
.lightbox-theater .lightbox-figure .spi-slide .object-overlay,
.lightbox-theater .lightbox-figure .art-object-page .object-overlay {
  display: none;
}
.lightbox-theater .lightbox-figure .spi-slide > .object-image,
.lightbox-theater .lightbox-figure .art-object-page > .object-image {
  display: block;
}
.lightbox-theater .lightbox-close {
  top: 20px;
  right: 20px;
}
.lightbox-theater.has-image,
.lightbox-theater.has-video {
  padding: 0;
}
.lightbox-theater.has-image img,
.lightbox-theater.has-video img,
.lightbox-theater.has-image iframe,
.lightbox-theater.has-video iframe {
  max-width: 100%;
  max-height: 100%;
}
.lightbox-theater.has-image .lightbox-close,
.lightbox-theater.has-video .lightbox-close {
  top: 10px;
  right: 10px;
}
.lightbox-theater.has-video {
  height: 620px;
  max-height: 100%;
}
.lightbox-theater.has-video iframe {
  width: 100%;
  height: 100%;
  padding-top: 60px;
}
.show-advice-popup,
.advice-popup,
.advice-popup-bottom,
.advice-popup:after,
.advice-popup-bottom:after {
  position: absolute;
}
.show-advice-popup {
  top: 8px;
  left: 250px;
}
.advice-popup,
.advice-popup-bottom {
  top: -29px;
  left: 299px;
  z-index: 10000;
  min-width: 290px;
  max-width: 350px;
  min-height: 100px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.advice-popup:after,
.advice-popup-bottom:after {
  content: "";
  display: block;
  top: 30px;
  left: -15px;
  width: 0;
  height: 0;
  border-width: 15px 15px 15px 0;
  border-style: solid;
  border-color: transparent white;
}
.advice-popup-bottom {
  top: auto;
  bottom: -29px;
}
.advice-popup-bottom:after {
  top: auto;
  bottom: 30px;
}
.map-popup-container {
  width: 350px;
  padding: 10px;
  bottom: 41px;
  right: 0;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.4);
}
.map-popup-map {
  width: 350px;
  height: 320px;
  overflow: hidden;
}
.map-popup-close {
  border-radius: 0 0 3px 3px;
}
.google-map img {
  max-width: initial;
}
/* Page header and footer styles */
.page-header * {
  box-sizing: content-box;
}
.page-header {
  height: 225px;
  padding-top: 0;
  padding-bottom: 20px;
}
.page-header-compact {
  height: 170px;
}
.page-header-roomy {
  height: 340px;
}
.page-header-xroomy {
  height: 540px;
}
.page-header-large-gutter {
  padding-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .page-header {
    height: 190px;
  }
  .page-header-compact {
    height: 170px;
  }
  .page-header-mini {
    height: 65px;
  }
  .page-header-roomy {
    height: 260px;
  }
  .page-header-xroomy {
    height: 380px;
  }
  .page-header-large-gutter {
    padding-bottom: 20px;
  }
}
.page-header-search,
.page-header-search-advanced {
  min-height: 150px;
  height: 30vmin;
  max-height: 300px;
}
@media screen and (max-width: 600px) {
  header.page-header-search {
    height: 90px;
    min-height: initial;
  }
}
.page-header-rijksstudio {
  min-height: 260px;
  height: 50vmin;
  max-height: 510px;
}
.page-header-content {
  min-height: 180px;
  height: 30vmin;
  max-height: 225px;
}
.layout-wide .page-header-content {
  min-height: 200px;
  height: 50vmin;
  max-height: 440px;
}
.page-title {
  padding-bottom: 12px;
}
.page-sub-title {
  margin-top: 4px;
  margin-bottom: -4px;
}
.page-title-text {
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.65);
  filter: progid:DXImageTransform.Microsoft.Shadow(strength=0.2, color=#333333, direction=65);
}
/* Page footer links, also known as quicklinks */
.quicklinks {
  min-height: 40px;
}
/* SLIDESHOW SINGLE PAGE INTERFACE */
/* (For flipping through a series of search results.)*/
.spi-slideshow {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
.spi-slide {
  /* Helps android with width and viewport issues. */
  /* http://stackoverflow.com/questions/8508889/android-autofit-mode-causing-issues-with-css-width-in-web-page */
  background-image: url("/WebStatic/Images/Responsive/1x1.png");
}
.leaflet-container {
  background: none;
  /* Fixes chrome bug where object buttons in slideshow disappear */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.spi-slideshow-animate .spi-slide {
  -webkit-transition: -webkit-transform 0.4s ease-out;
          transition: transform 0.4s ease-out;
}
.spi-current {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  height: auto;
}
.spi-prev {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.spi-next {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.no-csstransforms3d .spi-current {
  left: 0;
}
.no-csstransforms3d .spi-prev {
  left: -100%;
}
.no-csstransforms3d .spi-next {
  left: 100%;
}
.spi-slideshow .zoom-controls,
.spi-slideshow .button-open-info,
.spi-slideshow .object-info-summary {
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
}
.spi-between-pages .zoom-controls,
.spi-between-pages .button-open-info,
.spi-between-pages .object-info-summary {
  opacity: 0;
}
/* Default and shared styles... */
.slideshow-em {
  overflow: hidden;
}
.slideshow-em.slideshow-em-hide-captions {
  height: 220px;
}
.slideshow-em-nav {
  cursor: pointer;
  height: 220px;
}
.slideshow-em-button {
  position: relative;
  top: 50%;
  margin-top: -20px;
}
.slideshow-em-tray {
  width: 9999px;
  /* Keep slider from flickering while javascript is calculating actual width. */
}
.slideshow-em-slide {
  float: left;
  /* Don't use block left here -- built in responsive behavior really messes things up if the screen becomes smaller than 1020. */
  width: 220px;
  margin-left: 20px;
}
.slideshow-em-slide:first-child {
  margin-left: 0;
}
.slideshow-em-image {
  width: 220px;
  height: 220px;
}
.slideshow-em-caption {
  height: 3.6em;
  overflow: hidden;
}
/* Large */
.slideshow-em-large.slideshow-em-hide-captions {
  height: 280px;
}
.slideshow-em-large .slideshow-em-nav {
  height: 280px;
}
.slideshow-em-large .slideshow-em-slide {
  width: 280px;
}
.slideshow-em-large .slideshow-em-image {
  width: 280px;
  height: 280px;
}
/* Small */
.slideshow-em-small.slideshow-em-hide-captions {
  height: 160px;
}
.slideshow-em-small .slideshow-em-nav {
  height: 160px;
}
.slideshow-em-small .slideshow-em-slide {
  width: 160px;
}
.slideshow-em-small .slideshow-em-image {
  width: 160px;
  height: 160px;
}
/* ArtObject page */
.slideshow-em-artobject {
  position: relative;
}
.slideshow-em-artobject.slideshow-em-hide-captions {
  height: 200px;
}
.slideshow-em-artobject .slideshow-em-nav {
  height: 200px;
}
.slideshow-em-artobject .slideshow-em-slide {
  width: 200px;
}
.slideshow-em-artobject .slideshow-em-image {
  width: 200px;
  height: 200px;
}
.slideshow-em-artobject .slideshow-em-slide {
  margin-left: 10px;
  padding: 5px;
}
.slideshow-em-artobject .slideshow-em-slide:first-child {
  margin-left: 0;
}
.slideshow-em-artobject .slideshow-em-slide.active .slideshow-em-image {
  border-color: white;
}
.slideshow-em-artobject .slideshow-em-image {
  margin: -5px;
  display: block;
  border: 2px solid transparent;
  padding: 3px;
}
/* Stream Carousel */
.slideshow-em-wrapper {
  overflow: hidden;
}
.slideshow-em-stream {
  overflow: visible;
}
.slideshow-em-stream .slideshow-em-nav {
  height: calc(100% - 138px);
}
.slideshow-em-stream .slideshow-em-tray {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.slideshow-em-stream .slideshow-em-tray {
  max-width: none;
  width: calc((100% + 45px ) * 7 / 3) !important;
}
.slideshow-em-stream .slideshow-em-slide {
  margin: 0;
  margin-right: 45px;
  width: calc(100% / 7  -  45px);
}
@media (max-width: 850px) {
  .slideshow-em-stream .slideshow-em-tray {
    max-width: none;
    width: calc((100% + 30px ) * 7 / 2) !important;
  }
  .slideshow-em-stream .slideshow-em-slide {
    margin: 0;
    margin-right: 30px;
    width: calc(100% / 7  -  30px);
  }
}
@media (max-width: 600px) {
  .slideshow-em-stream .slideshow-em-slide {
    margin: 0;
    margin-right: 20px;
    width: calc(100% / 7  -  20px);
  }
}
@media (max-width: 500px) {
  .slideshow-em-stream .slideshow-em-tray {
    max-width: none;
    width: calc((100% + 10px ) * 7 / 1) !important;
  }
  .slideshow-em-stream .slideshow-em-slide {
    margin: 0;
    margin-right: 10px;
    width: calc(100% / 7  -  10px);
  }
}
.slideshow-em-overview {
  overflow: visible;
}
.slideshow-em-overview .slideshow-em-nav {
  height: calc(100% - 105px);
}
.slideshow-em-overview .slideshow-em-tray {
  max-width: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.slideshow-em-overview .slideshow-em-slide {
  width: calc(50vw - 80px);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media (max-width: 800px) {
  .slideshow-em-overview .slideshow-em-slide {
    width: calc(95vw - 60px);
  }
}
@media (max-width: 600px) {
  .slideshow-em-overview .slideshow-em-slide {
    width: calc(95vw - 40px);
  }
}
@media (min-width: 1600px) {
  .slideshow-em-overview .slideshow-em-slide {
    width: calc(45vw - 80px);
  }
}
.slideshow-em-steps .slideshow-em-nav {
  height: 100%;
}
.slideshow-em-steps .slideshow-em-tray {
  max-width: none;
  width: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.slideshow-em-steps .slideshow-em-slide {
  width: calc(100vw / 6 - 40px);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media (max-width: 1500px) {
  .slideshow-em-steps .slideshow-em-slide {
    width: calc(100vw / 4 - 50px);
  }
}
@media (max-width: 1000px) {
  .slideshow-em-steps .slideshow-em-slide {
    width: calc(100vw / 4 - 40px);
  }
}
@media (max-width: 800px) {
  .slideshow-em-steps .slideshow-em-slide {
    width: calc(100vw / 3 - 30px);
  }
}
@media (max-width: 600px) {
  .slideshow-em-steps .slideshow-em-slide {
    width: calc(100vw / 2 - 30px);
  }
}
/* Adjust Size mixin */
.slideshow-fs {
  overflow: hidden;
}
.slideshow-fs-nav {
  top: 0;
  bottom: 0;
  width: 40px;
}
.slideshow-fs-nav-prev,
.slideshow-fs-nav-next {
  top: 50%;
  margin-top: -20px;
}
/*
@media screen and (min-width: 1044px) {
  .webkit .slideshow-fs-nav-prev {
    margin-left: 1px; // Workaround for rounding errors in webkit browsers
  }
}
*/
.slideshow-fs-slide {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.slideshow-fs-slide:first-child {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slideshow-fs-slide.transition {
  -webkit-transition: -webkit-transform 1s ease-in-out;
          transition: transform 1s ease-in-out;
}
.no-csstransitions .slideshow-fs-slide {
  left: 100%;
}
.no-csstransitions .slideshow-fs-slide:first-child {
  left: 0;
}
/* SITE HEADER (The buttons across the top) */
.site-header {
  top: 5px;
}
.site-back-nav {
  width: calc(50% - 30px);
}
.site-user-nav-outer,
.site-user-nav-inner {
  padding-left: 0;
}
.site-user-nav-inner {
  overflow: visible;
}
.small-header {
  border-top: 50px solid #343537;
}
@media (max-width: 600px) {
  .menu-is-open .site-back-nav {
    display: none;
  }
  .menu-is-open .site-user-nav-outer,
  .menu-is-open .site-user-nav-inner {
    left: 0;
    right: auto;
    padding-left: inherit;
    padding-right: 0;
  }
}
.language-menu.language-menu {
  max-height: none;
}
.language-menu.language-menu li {
  padding: 0;
}
@media print {
  .site-header {
    display: none;
  }
}
/* SITE MENU! (The super slidey thing...) */
/* Site menu! DEFAULT POSITIONING (The rest is done with javascript...) */
/* Site menu! SITE LOGO */
/* Site menu! OPEN BUTTON */
/* Site menu! ITEMS (the top level catgories) */
/* Site menu! OPEN SUB ITEMS (the button the opens the second level links) */
/* Site menu! SUB ITEMS (the second level links) */
/* Site menu! THE COOKIE POLICY */
/* Site menu! DEFAULT POSITIONING (The rest is done with javascript...) */
.site-menu {
  top: -265px;
}
.site-menu-homepage {
  top: 0;
}
.skip-nav-button {
  opacity: 0;
  height: 0;
  min-height: 0;
  overflow: hidden;
}
.skip-nav-button:focus,
.skip-nav-button:active {
  opacity: 1;
  height: auto;
  position: absolute;
  bottom: 0;
  left: calc(50% - 80px);
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
html:not(.menu-is-open) .site-menu-homepage .skip-nav-button:focus,
html:not(.menu-is-open) .site-menu-homepage .skip-nav-button:active {
  left: 50%;
}
/* Site menu! SITE LOGO */
.site-menu-logo {
  margin-left: -5px;
  padding-bottom: 14px;
  overflow: hidden;
}
.site-menu-logo img {
  max-width: none;
}
@media screen and (max-width: 600px) {
  .site-menu-logo {
    /* Hide the logo without changing the height of the menu. Simplified positioning.
    Please don't change this, not the same as display: none! */
    visibility: hidden;
  }
}
@media screen and (max-width: 800px) {
  .menu-is-open .site-menu-logo img {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .menu-is-open .site-menu-logo img {
    max-width: none;
  }
}
/* Site menu! OPEN BUTTON */
.open-site-menu {
  bottom: -40px;
  left: 50%;
  margin-left: -20px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 600px) {
  .menu-is-open .open-site-menu {
    top: 69px;
    right: 0;
    bottom: 100%;
    left: auto;
    margin-right: 20px;
    border-radius: 3px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url("/WebStatic/Images/Icons/icons-white2.png");
    color: white;
  }
  .menu-is-open .open-site-menu:hover {
    background-color: white;
    background-image: url("/WebStatic/Images/Icons/icons-black.png");
    color: black;
  }
  .menu-is-open .site-menu-homepage .open-site-menu {
    top: -45px;
  }
}
/* Site menu! ITEMS (the top level catgories) */
.site-menu-items {
  font-size: 1.73333333em;
  line-height: 1.07692308em;
}
.site-menu-item,
.open-site-menu-sub-items,
.open-site-menu-sub-items[type="submit"] {
  height: 50px;
  overflow: hidden;
}
.site-menu-item {
  box-sizing: content-box;
}
.site-menu-ticket-button {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 15px;
}
/* Site menu! OPEN SUB ITEMS (the button the opens the second level links) */
.open-site-menu-sub-items {
  border-radius: 0;
  text-align: left;
}
.item-is-open .open-site-menu-sub-items {
  cursor: auto;
  background-color: transparent;
  color: inherit;
}
/* Site menu! SUB ITEMS (the second level links) */
.site-menu-sub-items {
  padding-top: 0px;
  padding-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .site-menu-sub-items {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .site-menu-sub-items {
    padding-bottom: 20px;
  }
}
html.lt-ie9 .site-menu-sub-items {
  /* Keeps things from getting weird in IE when the window gets small. */
  min-width: 940px;
}
/* Site menu! SUB ITEM (individual second level links) */
.site-menu-sub-items .row .column {
  padding-top: 5px;
}
.site-menu-sub-item {
  height: 105px;
}
@media screen and (max-width: 800px) {
  .site-menu-sub-item {
    height: auto;
    background: none;
  }
}
.site-menu-sub-item + .site-menu-sub-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 105px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: transparent url("/WebStatic/Images/divider-page-nav.png") no-repeat 0px -5px;
}
@media screen and (max-width: 800px) {
  .site-menu-sub-item + .site-menu-sub-item::after {
    background: none;
  }
}
.time-icon {
  padding-left: 28px;
  background: transparent url("/WebStatic/Images/Icons/icon-clock.png") no-repeat 0 4px;
}
#siteLogo {
  position: absolute;
  top: 0;
  left: 35px;
}
@media screen and (max-width: 600px) {
  #siteLogo {
    overflow-x: hidden;
    left: 0;
    width: 100%;
  }
  #siteLogo img {
    margin-left: 1.2605%;
    width: 174%;
    max-width: 200%;
  }
}
/* Site menu! THE COOKIE POLICY */
@media (max-width: 480px) {
  .policy-bar a {
    display: block;
  }
}
.policy-bar .mini-page {
  padding-top: 15px;
  padding-bottom: 15px;
}
.policy-link {
  margin-right: 20px;
}
@media screen and (min-width: 801px) {
  .policy-link-right {
    float: right;
    margin-right: 0;
  }
}
/* Confirmation */
.confirmation {
  width: 230px;
  position: absolute;
  right: 55px;
  top: 70px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.confirmation.icon-check {
  padding-left: 60px;
}
.confirmation .speech-bubble {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 15px;
  width: 0;
  height: 0;
  border-width: 0 15px 15px 15px;
  border-style: solid;
  border-color: transparent transparent #FFF transparent;
}
@media screen and (max-width: 600px) {
  .confirmation {
    width: 70%;
  }
}
.makes-toolbar,
[class*="has-tooltip-"] {
  min-width: 40px;
  min-height: 40px;
}
[class*="has-tooltip-"]:not([class*="corner-"]) {
  position: relative;
}
.makes-toolbar {
  float: left;
}
.makes-toolbar + .makes-toolbar {
  margin-left: 1px;
}
.makes-toolbar .toolit-button {
  max-width: none;
  border-radius: 0;
}
.makes-toolbar:first-of-type .toolit-button:first-of-type,
.makes-toolbar:first-of-type .toolit-button:only-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.makes-toolbar:last-of-type .toolit-button:last-of-type,
.makes-toolbar:last-of-type .toolit-button:only-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.toolit-button {
  position: relative;
  z-index: 2;
  float: left;
}
.toolit-button + .toolit-button {
  margin-left: 1px;
}
.makes-toolbar[class*="has-tooltip-"] .toolit-button {
  position: relative;
}
.has-tooltip-tl .tooltip-is-open,
.has-tooltip-tr .tooltip-is-open {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.has-tooltip-tr .tooltip-is-open {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.has-tooltip-br .tooltip-is-open {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
@media (max-width: 600px) {
  .moblg-has-tooltip-tl .tooltip-is-open {
    border-radius: 3px 3px 0 0 !important;
  }
}
.tooltip {
  position: absolute;
  z-index: 1;
  width: 100%;
  min-width: 220px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.tooltip.tooltip-sm {
  min-width: 110px;
}
.has-tooltip-tl .tooltip,
.has-tooltip-tr .tooltip {
  top: 40px;
  border-top: 1px solid transparent;
}
.has-tooltip-tl .tooltip {
  left: 0;
  border-radius: 0 3px 3px 3px;
}
.has-tooltip-tr .tooltip {
  right: 0;
  border-radius: 3px 0 3px 3px;
}
.has-tooltip-br .tooltip {
  bottom: 40px;
  border-bottom: 1px solid transparent;
  right: 0;
  border-radius: 3px 3px 0 3px;
}
.has-tooltip-bc .tooltip {
  bottom: 40px;
  border-bottom: 1px solid transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 3px;
}
@media (max-width: 600px) {
  .moblg-has-tooltip-tl .tooltip {
    top: 40px;
    right: auto;
    bottom: auto;
    left: 0;
    border-radius: 0 3px 3px 3px;
    -webkit-transform: none;
            transform: none;
  }
  .moblg-has-tooltip-bl .tooltip {
    bottom: 40px;
    right: auto;
    top: auto;
    left: 0;
    border-radius: 3px 3px 3px 0;
    -webkit-transform: none;
            transform: none;
  }
  .moblg-has-tooltip-bc .tooltip {
    bottom: 40px;
    right: auto;
    top: auto;
    left: 50%;
    border-radius: 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 500px) {
  .mobl-has-tooltip-tl .tooltip {
    top: 40px;
    right: auto;
    bottom: auto;
    left: 0;
    border-radius: 0 3px 3px 3px;
    -webkit-transform: none;
            transform: none;
  }
  .mobl-has-tooltip-bl .tooltip {
    bottom: 40px;
    right: auto;
    top: auto;
    left: 0;
    border-radius: 3px 3px 3px 0;
    -webkit-transform: none;
            transform: none;
  }
  .mobl-has-tooltip-bc .tooltip {
    bottom: 40px;
    right: auto;
    top: auto;
    left: 50%;
    border-radius: 3px 3px 3px 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 360px) {
  .mobp-has-tooltip-tl .tooltip {
    top: 40px;
    right: auto;
    bottom: auto;
    left: 0;
    border-radius: 0 3px 3px 3px;
    -webkit-transform: none;
            transform: none;
  }
  .mobp-has-tooltip-bl .tooltip {
    bottom: 40px;
    right: auto;
    top: auto;
    left: 0;
    border-radius: 3px 3px 3px 0;
    -webkit-transform: none;
            transform: none;
  }
  .mobp-has-tooltip-bc .tooltip {
    bottom: 40px;
    right: auto;
    top: auto;
    left: 50%;
    border-radius: 3px 3px 3px 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.tooltip-item {
  width: 100%;
  min-width: 80px;
  max-width: 100%;
  background-color: white;
  color: black;
}
.tooltip-item > * {
  width: 100%;
  height: auto;
  line-height: inherit;
  padding: 10px;
  border-radius: 0;
  white-space: normal;
}
.tooltip-item > .button-fake {
  min-height: 15px;
}
.tooltip-item > .button-combo-start {
  padding-left: 50px;
}
.tooltip-item > .icon-before {
  padding-left: 40px;
}
.tooltip-item:first-of-type,
.tooltip-item:first-of-type > * {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}
.tooltip-item:last-of-type,
.tooltip-item:last-of-type > * {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.tooltip-item .button-detail {
  background-position: 0 -3237px;
}
.tooltip-item .button-order {
  background-position: 0 -3507px;
}
.tooltip-item .button-download {
  background-position: 0 -264px;
}
.tooltip-item .button-trash {
  background-position: 0 -3684px;
}
.tooltip-item .share-button {
  height: 20px;
}
.tooltip-item iframe {
  max-width: 4000px;
}
.notification-list {
  width: 330px;
  margin-top: 40px;
  border-radius: 2px 0 2px 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.notification-message {
  padding-right: 25px;
}
.notification-count {
  display: block;
  background: #d55140;
  text-align: center;
  padding: 0.2em;
  font-size: 13px;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.2em;
  margin-bottom: -0.2em;
  margin-right: -0.2em;
  border-radius: 50%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.user-container a:hover .notification-count {
  background: white;
  color: black;
}
body.show-app-view .hide-in-app-view,
body.show-app-view .site-user-nav-inner,
body.show-app-view .policy-bar,
body.show-app-view .site-menu,
body.show-app-view .site-back-nav {
  display: none;
}
.spi-current .zoom-auto-hide,
a.zoom-auto-hide,
.header.zoom-auto-hide {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
}
.spi-current .zoom-auto-hide.fast,
a.zoom-auto-hide.fast,
.header.zoom-auto-hide.fast {
  -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
}
html.zoom-auto-hide-is-active .spi-current .zoom-auto-hide,
html.zoom-auto-hide-is-active a.zoom-auto-hide,
html.zoom-auto-hide-is-active .header.zoom-auto-hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s;
}
html.zoom-auto-hide-is-active .spi-current .zoom-auto-hide.fast,
html.zoom-auto-hide-is-active a.zoom-auto-hide.fast,
html.zoom-auto-hide-is-active .header.zoom-auto-hide.fast {
  -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0.1s, opacity 0.1s linear 0s;
}
html.no-touch.zoom-auto-hide-is-active .spi-current .zoom-auto-hide:hover,
html.no-touch.zoom-auto-hide-is-active a.zoom-auto-hide:hover,
html.no-touch.zoom-auto-hide-is-active .header.zoom-auto-hide:hover {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.2s linear 0s;
}
html.no-touch.zoom-auto-hide-is-active .spi-current .zoom-auto-hide:hover.fast,
html.no-touch.zoom-auto-hide-is-active a.zoom-auto-hide:hover.fast,
html.no-touch.zoom-auto-hide-is-active .header.zoom-auto-hide:hover.fast {
  -webkit-transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
          transition: visibility 0s linear 0s, opacity 0.1s linear 0s;
}
.user-info-form input,
.user-info-form label {
  min-width: 0;
}
.user-info-form input[type="radio"],
.user-info-form label[type="radio"] {
  float: none;
}
.user-info-form input + input,
.user-info-form label + input,
.user-info-form input + label,
.user-info-form label + label {
  margin-left: 3.5%;
}
.user-info-form input.third-width,
.user-info-form label.third-width {
  width: 31%;
}
.user-info-form input.half-width,
.user-info-form label.half-width {
  width: 48.25%;
}
.user-info-form input#first-name,
.user-info-form label#first-name,
.user-info-form input#last-name,
.user-info-form label#last-name {
  width: 40%;
}
.user-info-form input#preposition,
.user-info-form label#preposition {
  width: 13%;
}
.user-info-form input#street,
.user-info-form label#street {
  width: 71%;
}
.user-info-form input#street-number,
.user-info-form label#street-number,
.user-info-form input#street-number-addition,
.user-info-form label#street-number-addition {
  width: 11%;
}
.ticket-widget-wrapper {
  width: 100%;
}
.ticket-widget {
  border-radius: 3px;
  padding: 20px;
}
.ticket-widget .text-discount {
  display: inline-block;
}
.ticket-widget .ticket-price {
  display: block;
}
.ticket-widget h3 {
  margin-bottom: 0;
}
.ticket-widget .number-picker-wrapper {
  background-color: rgba(255, 255, 255, 0.1);
}
.ticket-widget .number-picker-wrapper button {
  background-color: rgba(255, 255, 255, 0);
}
.ticket-widget .number-picker-wrapper button,
.ticket-widget .number-picker-wrapper select {
  color: white;
}
.ticket-widget table {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}
.ticket-widget tr {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ticket-widget .field-validation-error {
  background-color: rgba(255, 255, 255, 0.1);
}
.ticket-widget .field-validation-error:before {
  border-color: rgba(255, 255, 255, 0.1) transparent transparent transparent;
}
[data-role=cutout-overlay] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
section[data-role*=artobject-scope] {
  min-height: 0;
  background-color: #666;
}
.discover-choice.checked::before {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  background-position: 10px -4490px;
  background-repeat: no-repeat;
  background-color: black;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
}
.bg-darkest .discover-choice.checked::before {
  background-color: white;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
}
@media screen and (max-width: 600px) {
  .discover-choice.checked::before {
    width: 80px;
    height: 80px;
    background-position: 0 -4500px;
  }
}
.home-tray {
  padding-top: 150px;
  min-height: 500px;
  overflow: hidden;
}
.home-slide {
  overflow: hidden;
}
.home-slide {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.home-slide:first-child {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.home-slide.transition {
  -webkit-transition: -webkit-transform 1s ease-in-out;
          transition: transform 1s ease-in-out;
}
.no-csstransitions .home-slide {
  left: 100%;
}
.no-csstransitions .home-slide:first-child {
  left: 0;
}
.home-nav {
  top: 150px;
  bottom: 0;
  width: 40px;
}
.home-nav button {
  top: 60%;
  margin-top: -20px;
}
@media (max-width: 1044px) {
  .home-nav button {
    top: 50%;
  }
}
@media (max-height: 550px) {
  .home-nav button {
    top: 135px;
  }
}
.home-logo {
  top: 170px;
  width: 200%;
  overflow-x: hidden;
}
.rijksmu {
  margin-left: -1.09375%;
}
.useum {
  margin-right: -1.09375%;
}
.site-sponsors {
  min-height: 80px;
  background: transparent url('/WebStatic/Images/Sponsors/site-sponsors-verloop.png') no-repeat 100% 100%;
  background-size: contain;
}
@media (max-width: 920px), (max-height: 500px) {
  .site-sponsors {
    position: static;
    min-height: 0;
  }
}
.ocw,
.philips {
  padding-top: 5px;
}
.ing,
.bgl {
  padding-top: 3px;
}
.cookie-bar {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10003;
}
.cookie-bar header {
  margin-top: 20px;
  margin-bottom: 20px;
}
.cookie-bar header,
.cookie-bar p,
.cookie-bar form {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1044px) {
  .cookie-bar header,
  .cookie-bar p,
  .cookie-bar form {
    padding-left: 3.92156863%;
    padding-right: 3.92156863%;
  }
}
@media (max-width: 600px) {
  .cookie-bar header,
  .cookie-bar p,
  .cookie-bar form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cookie-bar-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10002;
  background-color: rgba(0, 0, 0, 0.6);
}
/* NEW STUFF */
.art-object-page.art-object-page {
  padding-bottom: 0;
}
.art-object-page .object-data {
  padding-top: 0;
}
.object-data .group:first-of-type {
  margin-top: 0;
}
.object-data .group:last-of-type {
  margin-bottom: 0;
}
.object-data .item {
  margin-bottom: 12px;
}
.object-data .item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  *zoom: 1;
  /* For Ye Olde IE */
}
.object-data .item:after:before,
.object-data .item:after:after {
  content: "";
  display: table;
}
.object-data .item:after:after {
  clear: both;
}
.object-data .item:last-of-type {
  margin-bottom: 0;
}
.object-data .group-label,
.object-data .group-data,
.object-data .item-label,
.object-data .item-data {
  float: left;
}
.object-data .group-label {
  margin-bottom: 12px;
}
.object-data .item-label {
  margin-bottom: 6px;
}
.object-data .group-data,
.object-data .item-data {
  margin-bottom: 0;
}
.object-data .group-label,
.object-data .item-label {
  width: 25%;
}
.object-data .group-data,
.object-data .item-data {
  width: 75%;
  padding-left: 20px;
}
.object-data .item-data.long {
  width: auto;
  margin-right: 25%;
  padding-left: 0;
}
@media (max-width: 768px) {
  .object-data .group-label,
  .object-data .group-data {
    float: none;
    width: auto;
  }
  .object-data .group-data {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .object-data .item-label,
  .object-data .item-data {
    float: none;
    width: auto;
  }
  .object-data .item-data {
    padding-left: 0;
  }
  .object-data .item-label {
    margin-bottom: 3px;
  }
  .object-data ul.item-data {
    margin-top: 12px;
  }
  .object-data ul.list-commas {
    margin-top: 0;
  }
  .object-data .item-data.long {
    margin-right: 0;
  }
}
@media not print {
  .research-page .object-data .group-label,
  .research-page .object-data .group-data {
    float: none;
    width: auto;
  }
  .research-page .object-data .group-data {
    padding-left: 0;
  }
  .research-page .object-data .item-data.long {
    margin-right: 0;
  }
}
@media not print and (max-width: 768px) {
  .research-page .object-data .item-label,
  .research-page .object-data .item-data {
    float: none;
    width: auto;
  }
  .research-page .object-data .item-data {
    padding-left: 0;
  }
  .research-page .object-data .item-label {
    margin-bottom: 3px;
  }
  .research-page .object-data ul.item-data {
    margin-top: 12px;
  }
  .research-page .object-data ul.list-commas {
    margin-top: 0;
  }
  .research-page .object-data .item-data.long {
    margin-right: 0;
  }
}
/* Research page */
.research-page {
  padding-top: 100px;
  /* General stickiness */
  /* Sticky nav bar */
  /* Pictures */
  /* Chapters */
}
@media (max-width: 800px) {
  .research-page {
    padding-top: 40px;
  }
}
@media print {
  .research-page {
    padding-top: 0;
    border-top: 0;
  }
  .research-page .object-data .group-data {
    float: none;
  }
}
.research-page .sticky {
  position: absolute;
  top: 0;
  right: 0;
}
.research-page .sticky-top {
  position: fixed;
  top: 0;
  right: 0;
}
.research-page .sticky-bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}
.research-page .chapter-select.sticky-top {
  z-index: 10;
}
.research-page .pictures {
  margin-top: 60px;
  overflow: hidden;
  /*
    &, .picture {
      transition: width 0.1s;
    }
    */
  /* Zoom controls */
  /* Sticky */
  /* Full screen */
  /* Compare */
  /* Secondary */
  /* Print */
}
@media print {
  .research-page .pictures,
  .research-page .pictures > .picture,
  .research-page .pictures > .picture > .picture-content {
    height: auto!important;
  }
}
.research-page .pictures .zoom-controls .button-disabled {
  opacity: 0.4;
}
.research-page .pictures.sticky-top {
  margin-top: 63px;
}
.research-page .pictures.sticky-bottom {
  margin-top: 63px;
  z-index: 1;
}
@media print, (max-width: 800px) {
  .research-page .pictures.sticky {
    position: relative;
    margin-top: 40px;
  }
}
.research-page .pictures.full-screen-disabled .full-screen-controls {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1044px) {
  .research-page .pictures.full-screen-disabled .full-screen-controls {
    padding-left: 7.84313725%;
    padding-right: 7.84313725%;
  }
}
@media (max-width: 800px) {
  .research-page .pictures.full-screen-disabled .full-screen-controls {
    padding-left: 3.92156863%;
    padding-right: 3.92156863%;
  }
}
@media (max-width: 600px) {
  .research-page .pictures.full-screen-disabled .full-screen-controls {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.research-page .pictures.full-screen-enabled {
  position: fixed;
  z-index: 100;
  margin-top: 0;
  background: #202327;
}
.research-page .pictures.compare-enabled .zoom-controls {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1044px) {
  .research-page .pictures.compare-enabled .zoom-controls {
    padding-left: 7.84313725%;
    padding-right: 7.84313725%;
  }
}
@media (max-width: 800px) {
  .research-page .pictures.compare-enabled .zoom-controls {
    padding-left: 3.92156863%;
    padding-right: 3.92156863%;
  }
}
@media (max-width: 600px) {
  .research-page .pictures.compare-enabled .zoom-controls {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.research-page .pictures.compare-enabled .compare-toolbar:before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  background: #202327;
}
@media print, (max-width: 800px) {
  .research-page .pictures.compare-enabled .compare-toolbar:before {
    content: initial;
    display: none;
  }
}
@media (max-width: 800px) {
  .research-page .pictures.secondary-enabled .primary {
    visibility: hidden;
  }
}
@media print {
  .research-page .pictures.secondary-enabled .primary {
    visibility: visible;
  }
  .research-page .pictures.secondary-enabled .secondary {
    display: none;
  }
}
@media print {
  .research-page .pictures.pictures {
    margin-top: 40px;
  }
  .research-page .pictures.pictures,
  .research-page .pictures.pictures .picture {
    position: relative;
  }
}
.research-page .chapters {
  max-width: 450px;
  margin: 0 auto;
}
@media print, (max-width: 800px) {
  .research-page .chapters {
    max-width: 600px;
    margin: 0;
  }
}
.research-page .align-chapters {
  margin: 0 calc(25% - 245px);
}
@media print, (max-width: 1080px) {
  .research-page .align-chapters {
    margin: 0;
  }
}
.research-page .align-chapters .col {
  max-width: none;
}
.research-page .chapter {
  padding-top: 60px;
  /* Titles */
  /* Figures and footnotes */
}
.research-page .chapter.chapter-figures,
.research-page .chapter.chapter-footnotes {
  max-width: 600px;
  margin: 0;
  visibility: hidden;
  height: 1px;
  padding-top: 0px;
  overflow: hidden;
}
@media print, (max-width: 800px) {
  .research-page .chapter.chapter-figures,
  .research-page .chapter.chapter-footnotes {
    height: auto;
    overflow: visible;
    visibility: visible;
    padding-top: 60px;
  }
}
@media print {
  .research-page .chapter.chapter-figures .object-overlay {
    display: none;
  }
}
@media print, (max-width: 800px) {
  .research-page .chapter.chapter {
    padding-top: 40px;
  }
}
@media print {
  .research-page .chapter.chapter .hidden {
    display: block;
  }
  .research-page .chapter.chapter button {
    display: none;
  }
}
.research-page .chapter .chapter-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.research-page .figure-number,
.research-page .footnote-number {
  color: #d55140;
  text-decoration: none;
}
.research-page .footnote-number {
  cursor: pointer;
  display: inline-block;
}
.research-page .footnote-number sup {
  padding: 0 1px;
  border-bottom: 1px solid #d55140;
}
.research-page .footnote-number sup:hover {
  border-bottom: none;
}
.research-page .footnote {
  max-width: 400px;
  margin-top: 15px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s ease-in-out 0.15s, opacity 0.15s, margin-top 0.15s ease-in-out;
          transition: visibility 0s ease-in-out 0.15s, opacity 0.15s, margin-top 0.15s ease-in-out;
}
.research-page .footnote.visible {
  visibility: visible;
  opacity: 1;
  margin-top: 22px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.research-page .footnote .pointer {
  display: block;
  bottom: 100%;
  width: 36px;
  height: 15px;
  margin-left: -18px;
  background: transparent url("/WebStatic/Images/Research/footnote-arrow.png") center top no-repeat;
}
.research-page .footnote .box {
  margin-top: 0;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
img.micrio-container {
  width: auto;
  height: auto;
}
/* OBJECT PAGE */
/* Object Page BIG IMAGE OVERLAY */
/* Object Page PREVIOUS and NEXT BUTTONS */
/* Object Page CAPTION */
/* Object Page ACTIONS */
/* Object Page INFO BLOCKS */
/* Object Page INFO BUTTONS */
/* Object Page GO RESPONSIVE!

/* Object Page BIG IMAGE OVERLAY */
/* Subtle shadow over the object image. */
.object-overlay,
.object-overlay-reversed {
  width: 100%;
  height: 25%;
  background-repeat: repeat-x;
  background-size: 100% 100%;
  z-index: 2;
}
.object-overlay {
  background-image: url("/WebStatic/Images/gradient-object.png");
}
.object-overlay-reversed {
  background-image: url("/WebStatic/Images/gradient-object-reversed.png");
}
/* Object Page PREVIOUS and NEXT BUTTONS */
.object-prev-hitarea,
.object-next-hitarea {
  display: block;
  width: 80px;
  height: 100px;
  margin-top: -50px;
}
.object-prev-hitarea .button-prev,
.object-next-hitarea .button-next {
  margin-top: -20px;
}
/* Object Page CAPTION */
/* Think of the caption as the digital analogue of the little
description next to a work of art in a museum. */
/* Object Page ACTIONS: Favorites, zoom controls etc. */
html.lt-ie9 .zoom-controls {
  display: none;
}
/* Object Page INFO BLOCKS */
/* For that extra right margin... */
.object-info {
  padding-left: 100px;
}
.object-info-button,
[type="submit"].open-info-button {
  top: -40px;
  left: 40px;
}
/* Object Page Beleef de Nachtwacht link */
.object-nachtwacht-button-wrapper {
  display: inline-block;
  width: auto;
  top: 70px;
}
@media (max-width: 600px) {
  .object-nachtwacht-button-wrapper {
    top: auto;
    bottom: 30px;
    left: auto;
    right: 0;
  }
}
.object-nachtwacht-button {
  max-width: 300px;
  padding: 10px 20px;
  position: relative;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
.object-nachtwacht-button .icon-link:hover,
.object-nachtwacht-button .icon-link:active {
  text-decoration: underline !important;
}
.object-nachtwacht-button .icon-link .icon-im-external-link:before {
  line-height: 0.8em;
}
.object-nachtwacht-button button.icon-only {
  background: transparent;
}
.object-nachtwacht-button button.icon-only:hover,
.object-nachtwacht-button button.icon-only:active {
  color: #fff;
}
/* Object Page INFO BUTTONS */
.button-info,
[type="submit"].button-info {
  height: 80px;
  background-position: 0 -1440px;
}
.button-info:hover,
[type="submit"].button-info:hover,
.button-info:active,
[type="submit"].button-info:active {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
html.touch .button-info:hover,
html.touch [type="submit"].button-info:hover,
html.touch .button-info:active,
html.touch [type="submit"].button-info:active {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  background-color: #343537;
  color: white;
}
.button-close-info,
[type="submit"].button-close-info {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.button-close-info:hover,
[type="submit"].button-close-info:hover,
.button-close-info:active,
[type="submit"].button-close-info:active {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  background-color: #343537;
  color: white;
}
html.touch .button-close-info:hover,
html.touch [type="submit"].button-close-info:hover,
html.touch .button-close-info:active,
html.touch [type="submit"].button-close-info:active {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.button-no-info {
  /* This is a fake button that doens't do anything,
  so these styles are enough. (^_^) */
  height: 40px;
  border-radius: 3px 3px 0 0;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
/* avoid print page breaks in content */
@media print {
  p,
  li,
  figure {
    page-break-inside: avoid;
  }
}
/* Object Page GO RESPONSIVE! */
@media screen and (max-width: 1044px) {
  .object-info {
    width: auto;
  }
}
@media screen and (max-width: 800px) {
  .object-info {
    padding-left: 80px;
  }
  .object-info-button {
    left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .object-info {
    padding-left: 60px;
  }
  .object-info-button {
    left: 0;
    border-radius: 0 3px 3px 0;
  }
  .object-info-button.button-no-info {
    border-radius: 0 3px 0 0;
  }
  .object-info-responsive {
    padding-left: 20px;
  }
}
.newsletter-management-page .newsletter-checkbox {
  position: relative;
  height: 15px;
  width: 15px;
}
.newsletter-management-page .newsletter-checkbox input[type=checkbox] {
  display: none;
}
.newsletter-management-page .newsletter-checkbox input[type=checkbox]:checked + label {
  background: #a2abad;
}
.newsletter-management-page .newsletter-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.newsletter-management-page .newsletter-checkbox label {
  cursor: pointer;
  width: inherit;
  height: inherit;
  background: transparent;
  border: 1px solid #a2abad;
}
.newsletter-management-page .newsletter-checkbox label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 11px;
  height: 6px;
  background: transparent;
  top: 2px;
  left: 1px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.newsletter-management-page .newsletter-checkbox label:hover {
  opacity: 0.25;
  background: #a2abad;
}
.newsletter-management-page .newsletter-checkbox label:hover::after {
  opacity: 0.5;
}
.newsletter-management-page .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.newsletter-management-page .row .column {
  margin: auto;
}
.newsletter-management-page .row:not(:last-of-type) {
  margin-bottom: 20px;
  border-bottom: 1px solid #a2abad;
}
@media screen and (max-width: 800px) {
  .newsletter-management-page .row {
    display: block;
  }
  .newsletter-management-page .row .column:not(:first-of-type) {
    margin-bottom: 10px;
  }
}
/* RIJKS STUDIO */
/* Rijksstudio LANDING TITLE */
/* Rijksstudio LANDING SPONSOR */
/* Rijksstudio LANDING VIDEO */
/* Rijksstudio LANDING RESPONSIVE! */
.rijksmuseum-logo-tiny {
  height: 10px;
  opacity: 0.5;
}
.logo-container {
  /* Rijksstudio LANDING LOGO */
}
span.logo-container {
  display: inline-block;
}
.logo-container .logo-rijksstudio-10 {
  width: 76.6px;
}
.logo-container .logo-rijksmuseum-10 {
  width: 84.6px;
}
.logo-container .logo-rijksstudio-13 {
  width: 99.58px;
}
.logo-container .logo-rijksmuseum-13 {
  width: 109.98px;
}
.logo-container .logo-rijksstudio-50 {
  width: 383px;
}
.logo-container .logo-rijksmuseum-50 {
  width: 423px;
}
.logo-container .logo-rijksstudio-landing {
  width: 100%;
  max-width: 500px;
  min-width: 50%;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}
.rijksstudio-route-promo {
  padding: 10px;
}
.rijksstudio-route-promo span {
  display: block;
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 13px;
}
/* Rijksstudio LANDING SPONSOR */
.rijksstudio-landing-sponsor {
  margin-bottom: 20px;
}
.rijksstudio-landing-sponsor-text {
  margin-top: 7px;
}
.rijksstudio-landing-sponsor-logo {
  position: relative;
  display: inline;
  margin-bottom: -12px;
}
/* Rijksstudio LANDING VIDEO */
.rijksstudio-landing-video {
  width: 310px;
  height: 200px;
  margin-bottom: 95px;
}
.rijksstudio-landing-video-image {
  position: relative;
  margin: 5px -5px 5px 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/* Rijksstudio LANDING RESPONSIVE! */
@media screen and (max-width: 900px) {
  .rijksstudio-landing-sponsor,
  .rijksstudio-landing-video {
    position: static;
    margin: 0;
    padding: 0;
    padding-top: 20px;
  }
}
/* Rijksstudio ROUTE PAGE */
button.museum-route-button,
.museum-button-explanation,
.museum-route-text-area {
  display: inline-block;
}
@media (max-width: 600px) {
  button.museum-route-button,
  .museum-button-explanation,
  .museum-route-text-area {
    display: none;
  }
}
a.museum-route-button {
  display: none;
}
@media (max-width: 600px) {
  a.museum-route-button {
    display: inline-block;
  }
}
.museum-route-steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: 10%;
}
.museum-route-steps .icon-im-arrow-button-thin {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  -webkit-align-self: center;
          align-self: center;
}
.museum-route-step {
  max-width: 150px;
}
.museum-route-step figcaption {
  text-align: center;
}
.museum-route-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 500px;
}
.museum-route-copy .museum-route-button {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.museum-route-copy .museum-route-text-area {
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}
.museum-route-button-feedback {
  position: absolute;
  bottom: 50px;
  right: 0px;
  padding: 10px;
  width: 150px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
}
.museum-route-button-feedback:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  right: 25px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.museum-route-button-feedback.fade-enter-active,
.museum-route-button-feedback.fade-leave-active {
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}
.museum-route-button-feedback.fade-enter,
.museum-route-button-feedback.fade-leave-to {
  opacity: 0;
}
@media (max-width: 600px) {
  .museum-route-button {
    width: 100%;
    text-align: center;
  }
  .museum-route-button.icon-before {
    padding-left: 12px;
  }
  .museum-route-button.icon-before:before {
    position: relative;
    vertical-align: sub;
    width: 30px;
  }
}
.museum-route-button-sticky {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.museum-route-button-sticky.fly-in-enter-active,
.museum-route-button-sticky.fly-in-leave-active {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.museum-route-button-sticky.fly-in-enter,
.museum-route-button-sticky.fly-in-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media (max-width: 600px) {
  .museum-route-button-sticky {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    z-index: 10;
  }
}
.museum-route-card-image {
  max-width: 190px;
}
.museum-route-card-info {
  max-width: 290px;
}
.museum-route-icon-title:before {
  position: static;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: middle;
}
.set-as-header-zoom-outline-top,
.set-as-header-zoom-outline-bottom,
.set-as-header-zoom-outline-right,
.set-as-header-zoom-outline-left {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  border-style: dashed;
  border-color: #d55140;
  border-width: 0;
}
.set-as-header-zoom-outline-top,
.set-as-header-zoom-outline-bottom {
  left: 0;
  width: 100%;
  height: 16.6666667%;
}
.set-as-header-zoom-outline-top {
  top: 0;
  border-bottom-width: 3px;
}
.set-as-header-zoom-outline-bottom {
  bottom: -1px;
  border-top-width: 3px;
}
.set-as-header-zoom-outline-right,
.set-as-header-zoom-outline-left {
  height: 66.6666666%;
  top: 16.6666667%;
}
.set-as-header-zoom-outline-right {
  left: 0;
  border-right-width: 3px;
}
.set-as-header-zoom-outline-left {
  right: 0;
  border-left-width: 3px;
}
.rijksstudio-instruction-image {
  width: 220px;
  height: 212px;
}
.rijksstudio-user-content-image {
  padding-bottom: 71.11111111%;
}
@media (max-width: 1044px) {
  .rijksstudio-button-big-screens {
    display: none!important;
  }
}
.pointer-advanced-search {
  bottom: -20px;
  left: 50%;
  margin-left: -23px;
  width: 0;
  height: 0;
  border-width: 23px 23px 0 23px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
@media screen and (min-width: 700px), screen and (max-width: 800px) {
  .pointer-advanced-search {
    left: 25%;
  }
}
#infscr-loading img {
  margin: 0 auto;
}
.in-museum-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 18px;
  color: #aaa04d;
}
.in-museum-filter input[type="checkbox"] {
  position: relative;
  height: 20px;
  width: 20px;
  margin-right: 9px;
}
.in-museum-filter input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border: 2px solid #aaa04d;
  background: white;
  top: -1px;
  left: -30px;
}
.in-museum-filter input[type="checkbox"] + label:after {
  content: none;
}
.in-museum-filter input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 11px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: -25px;
  top: 3px;
}
.in-museum-filter input[type="checkbox"]:checked + label:before {
  background-color: #aaa04d;
}
@media (min-width: 601px) {
  .in-museum-filter {
    margin-left: 40px;
  }
}
.empty-creation,
.empty-art-object {
  position: relative;
  border: 3px dashed #c8c8c8;
  background-color: #eaeaea;
  height: 220px;
  padding: 20px;
  color: #a2abad;
}
.empty-set-item {
  position: relative;
  border: 3px dashed #c8c8c8;
  background-color: #eaeaea;
  display: block;
  padding-bottom: calc(100% - 6px);
}
.set-picker-viewer {
  position: relative;
  overflow: hidden;
}
.set-picker-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.set-picker-slide.active {
  position: relative;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.set-picker-slide.active ~ .set-picker-slide {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.set-picker-buttons {
  padding: 0 40px;
}
.set-picker-slide.first .set-picker-buttons {
  padding-left: 0;
}
.set-picker-slide.last .set-picker-buttons {
  padding-right: 0;
}
.set-picker-nav {
  top: 50%;
  margin-top: -20px;
}
/* USER SETS */
.set {
  display: block;
  margin-top: -5px;
  margin-right: -5px;
  overflow: hidden;
}
.set .set-item {
  float: left;
  padding-top: 5px;
  padding-right: 5px;
}
.align-set-3up {
  max-width: 300px;
}
/* USER SETS 4 UP */
/* User Set Collages IMAGES */
.set-collage-image {
  float: left;
  margin: 0 0 5px 5px;
}
.set-collage-image:first-child {
  margin: 0 !important;
}
.set-collage-image:last-child {
  margin-bottom: 0 !important;
}
/* User Set Collages INSIDE THIRD PAGE */
.third-page .set-collage-images {
  max-width: 300px;
}
.third-page .set-collage-image {
  width: 135px;
  height: 77px;
}
.third-page .set-collage-image:first-child {
  width: 160px;
  height: 160px;
}
@media screen and (max-width: 1044px) {
  .third-page .set-collage-image {
    width: 45%;
    margin: 0 0 1.66666667% 1.66666667%;
  }
  .third-page .set-collage-image:first-child {
    width: 53.33333333%;
  }
}
@media screen and (min-width: 600px) {
  .set-summary-block {
    height: 175px;
  }
}
/* SET PAGE STYLES */
.set-summary,
.align-set-summary {
  max-width: 435px;
}
.align-set-summary {
  min-height: 215px;
}
.set-summary-image {
  float: left;
  width: 105px;
  height: 105px;
  margin: 0 0 5px 5px;
}
@media screen and (max-width: 1044px) {
  .set-summary-image {
    width: 24.13793103%;
    height: auto;
    max-width: 105px;
    max-height: 105px;
    margin-bottom: 1.14942529%;
    margin-left: 1.14942529%;
  }
}
.set-summary-image:first-child {
  width: 215px;
  height: 215px;
  margin-left: 0;
}
@media screen and (max-width: 1044px) {
  .set-summary-image:first-child {
    width: 49.42528736%;
    height: auto;
    max-width: 215px;
    max-height: 215px;
    margin-left: 0;
  }
}
/* User Set ITEMS (for the "Pinterest" view) */
.set-items .set-item {
  width: 220px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1044px) {
  .mini-page-set {
    /* make room for 4 columns in 1024px */
    padding-left: 2.12765957%;
    padding-right: 2.12765957%;
  }
}
.set-overview-promo-text {
  top: 78px;
  left: 256px;
}
.set-overview-promo-pointer {
  top: 78px;
  left: 170px;
}
.set-add-item-promo {
  min-height: 242px;
}
.set-add-item-promo-text {
  padding-top: 30px;
}
.set-add-item-promo-text,
.set-add-item-promo-button {
  margin-bottom: 12px;
  margin-left: 262px;
}
.set-add-item-promo-pointer {
  position: absolute;
  top: 60px;
  left: 170px;
}
.avatar {
  border-radius: 3px;
}
/* Combine with button classes for best results. */
.avatar-missing-sm {
  width: 38px;
  text-align: center;
  padding: 0 0 0 2px;
  letter-spacing: 2px;
}
.avatar-missing-lg {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  background-repeat: no-repeat;
  background-position: 50% -4760px;
}
/* Lightbox first item added to set */
.set-first-item-added-promo {
  min-height: 226px;
}
.set-first-item-added-image {
  position: absolute;
  top: -9px;
  left: 200px;
}
.set-first-item-added-text {
  width: 172px;
}
.set-first-item-added-pointer {
  position: absolute;
  top: 103px;
  left: 150px;
}
@media screen and (max-width: 600px) {
  .set-first-item-added-text {
    width: 100%;
  }
  .set-first-item-added-image {
    position: static;
  }
}
/* Lightbox preview pinterest view */
@media screen and (max-width: 1044px) {
  .set-preview {
    width: 46.27659574%;
    min-width: 164px;
  }
}
.set-preview-images {
  width: 368px;
  margin: 0 57px 0 20px;
  float: left;
  clear: both;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .set-preview-images {
    width: 94.28571429%;
  }
}
.set-preview-image {
  float: left;
  width: 89px;
  margin: 0 0 4px 4px;
}
@media screen and (max-width: 600px) {
  .set-preview-image {
    width: 24.18478261%;
    margin-bottom: 1.08695652%;
    margin-left: 1.08695652%;
  }
}
.set-preview-image:first-child {
  width: 182px;
  margin-left: 0;
}
@media screen and (max-width: 600px) {
  .set-preview-image:first-child {
    width: 49.45652174%;
    margin-left: 0;
  }
}
@media screen and (max-width: 700px) {
  .set-preview-dummy-image {
    display: none;
  }
}
.artist-slider {
  height: 185px;
}
.artist-slider nav button {
  margin-top: 55px;
}
.artist-slider .artist-slider-tray {
  width: 9999px;
  -webkit-transition: all 0.25s;
          transition: all 0.25s;
}
.artist-bios {
  background-image: url('/WebStatic/Images/RankingTheClass/sleepdepersonages.png');
  background-position: 95% 20%;
  background-repeat: no-repeat;
}
.artist-bios .artist-bio {
  width: 45%;
}
@media screen and (max-width: 700px) {
  .artist-bios {
    background-image: none;
  }
}
.artist {
  float: left;
  margin-bottom: 0;
}
.artist figure {
  width: 115px;
  height: 115px;
  margin-top: 25%;
  margin-right: 15px;
  -webkit-transition: all 0.25s;
          transition: all 0.25s;
}
.artist .card {
  z-index: 1;
  width: 80%;
  height: 80%;
  opacity: 1;
  margin: 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.25s, top 0, left 0;
          transition: all 0.25s, top 0, left 0;
}
.artist .card .overlay {
  background: #D2982F;
  z-index: 3;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
}
.artist .card.disabled {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
.artist .card.disabled .overlay {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.artist .card.ui-draggable-dragging {
  margin-top: 10%;
  margin-left: 10%;
  width: 75%;
  height: 75%;
  opacity: 0.85;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.artist.current figure {
  width: 200px;
  height: 200px;
  margin: -8% 0 0 0;
}
.artist.current .card {
  z-index: 2;
}
.artist.current .card.ui-draggable-dragging {
  margin-top: 20%;
  margin-left: 20%;
  width: 50%;
  height: 50%;
}
.artist.no-cards figure,
.artist.no-cards.current figure {
  width: 0px;
  margin-right: 0px;
}
.students {
  margin-top: 230px;
}
.student .artist {
  position: relative;
  margin: 5px;
  border: 3px dashed #e5e5e5;
  background-color: #f4f4f4;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}
.student .artist .thumbnail {
  position: absolute;
  margin-top: -3px;
  margin-left: -3px;
  width: 46px;
  max-width: 46px;
  height: 46px;
  z-index: 1;
}
.student.highlight {
  background-color: #D2982F;
  color: white;
}
.student.highlight .text-subtle {
  color: white;
}
.student.highlight .thumbnail {
  border-color: #714e1c;
  background-color: #714e1c;
}
/* ETICKETS */
/* Etickets ADD-ON */
/* Etickets ADD-ON */
.etickets-add-on {
  clear: both;
  padding-top: 11px;
}
.etickets-add-on label {
  margin-left: 7px;
}
.ui-datepicker-calendar .ui-state-default {
  font-weight: bold;
}
.ui-datepicker-unselectable .ui-state-default {
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
}
.payment-choice-title {
  min-width: 90px;
  display: inline-block;
  margin-right: 40px;
}
@media (max-width: 1024px) {
  .wizard-step {
    padding-right: 1.875rem;
  }
}
.shop-summary-inner {
  white-space: normal;
}
.shop-summary-articles,
.shop-summary-totals {
  display: inline-block;
}
.validation-message {
  display: block;
  position: relative;
  width: 255px;
  margin-top: 20px;
  background-color: #d55140;
  color: white;
  padding: 10px 20px;
}
.validation-message:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 20px;
  top: -5px;
  background-color: #d55140;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.validation-message.validation-space-top {
  margin-top: 20px;
}
.keyboard-navigation-is-active .block-time-picker input:focus,
.keyboard-navigation-is-active .exposition-list input:focus {
  outline: 0 !important;
}
.keyboard-navigation-is-active .block-time-picker input:focus + label,
.keyboard-navigation-is-active .exposition-list input:focus + label {
  outline: 2px dotted #343537;
  z-index: 1;
}
.download-app-button-wrapper {
  text-align: right;
}
@media (max-width: 800px) {
  .download-app-button-wrapper {
    text-align: left;
  }
}
.image-opacity {
  opacity: 0.7;
}
.download-app-button {
  max-width: 150px;
  display: inline-block;
}
.tour-item-title {
  font-size: 20px;
  vertical-align: 1px;
}
.block-expander-wrapper .block-expander {
  -webkit-transition: max-height 1s ease;
          transition: max-height 1s ease;
}
.block-expander-wrapper .block-expander-button {
  height: auto;
  padding-left: 0;
  padding-right: 0;
  color: inherit;
  cursor: pointer;
  background-color: transparent;
  text-decoration: underline;
}
.block-expander-wrapper .block-expander-button:hover,
.block-expander-wrapper .block-expander-button:active {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}
.slideshow-tour-overview figcaption {
  text-align: center;
}
.slideshow-tour-overview img {
  margin: 0 auto;
}
.new-contentpage {
  z-index: 0;
  padding-bottom: 0;
  line-height: 1.1;
}
.new-contentpage-wrapper .fixed-bottom-right {
  display: none;
}
.new-contentpage .packery {
  margin: 0;
}
.new-contentpage .mini-page:not(.mini-page-compact):not(.mini-page-semicompact) {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 600px) {
  .new-contentpage .mini-page:not(.mini-page-compact):not(.mini-page-semicompact) {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.new-contentpage .mini-page.new-layout-medium {
  max-width: 1400px;
}
@media (min-width: 600px) {
  .new-contentpage .mini-page.new-layout-medium .new-layout-content {
    max-width: 300px;
  }
}
@media (min-width: 900px) {
  .new-contentpage .mini-page.new-layout-medium .ticket-widget {
    max-width: 320px;
  }
}
.new-contentpage .content-block img {
  margin-bottom: 30px;
}
.new-contentpage .content-block p {
  margin-bottom: 20px;
}
.new-contentpage .icon-link:hover,
.new-contentpage .icon-link:active {
  text-decoration: underline;
}
.new-contentpage h1,
.new-contentpage h2,
.new-contentpage h3,
.new-contentpage h4,
.new-contentpage h5,
.new-contentpage p {
  max-width: 660px;
}
@media (max-width: 900px) {
  .new-contentpage .content-column + .content-column.tablet-lg-1-1 {
    margin-top: 60px;
  }
}
@media (max-width: 600px) {
  .new-contentpage .content-column + .content-column {
    margin-top: 60px;
  }
}
.new-contentpage .button-icon-link {
  min-width: auto;
  height: auto;
  min-height: auto;
  background: none;
  padding: 0;
}
.new-contentpage .button-icon-link:hover,
.new-contentpage .button-icon-link:active {
  background: none;
  color: inherit;
  text-decoration: underline;
}
.new-contentpage .button-icon-link .button-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 5px;
}
.new-contentpage .button-icon-link .button-icon:before {
  width: auto;
  height: auto;
  line-height: normal;
}
.cta-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 300ms ease;
          transition: transform 300ms ease;
}
.cta-bar.hide-bar {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.cta-bar-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.cta-bar.relative-bar {
  position: relative;
  -webkit-transition: none;
          transition: none;
}
.cta-bar p {
  font-size: 15px;
  max-width: none;
  margin: 0;
}
@media (min-width: 600px) {
  .cta-bar p {
    font-size: 20px;
  }
}
@media (min-width: 900px) {
  .cta-bar p {
    font-size: 24px;
  }
}
.cta-bar .button-like {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media (max-width: 600px) {
  .cta-bar .button-like {
    max-width: 180px;
  }
}
.text-big {
  font-size: 18px;
  line-height: 1.25;
}
@media (min-width: 600px) {
  .header-small {
    font-size: 18px;
  }
}
.header-big {
  font-size: 18px;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .header-big {
    font-size: 24px;
  }
}
.header-large {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .header-large {
    font-size: 36px;
  }
}
.promo-block {
  position: relative;
  height: 600px;
}
.promo-block .background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.promo-block .promo-usps {
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 600px) {
  .promo-block .promo-usps {
    font-size: 24px;
  }
}
.promo-block .promo-usps li {
  padding-left: 30px;
  margin-bottom: 20px;
}
.promo-block .promo-usps li .icon-im-check {
  color: #fff;
}
.promo-block .mini-page,
.promo-block .mini-page > .row {
  height: 100%;
}
.promo-block .promo-video {
  text-align: center;
}
.promo-block .promo-video-inner {
  display: inline-block;
  margin: 50px 0;
}
@media (min-width: 900px) {
  .promo-block .promo-video {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.promo-block .promo-video-content {
  position: relative;
  width: calc(100% - 20px);
  height: calc((100vw - 20px) / 16 * 9);
}
@media (min-width: 600px) {
  .promo-block .promo-video-content {
    width: calc(100% - 80px);
    height: calc((100vw - 80px) / 16 * 9);
  }
}
@media (min-width: 900px) {
  .promo-block .promo-video-content {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
  }
}
.promo-block .focus-title {
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  font-size: 0px;
}
.promo-block .promo-video-iframe {
  width: 100%;
  height: 100%;
}
.promo-block .promo-video-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.promo-block .promo-video-button:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: 2px;
}
@media (min-width: 600px) {
  .promo-block .promo-video-button {
    width: 70px;
    height: 70px;
  }
}
.promo-block .promo-quotes {
  font-size: 18px;
}
.promo-block .promo-quotes li {
  padding: 0;
  margin: 0;
}
.promo-block .promo-quotes li:before {
  content: none;
}
.promo-block .promo-quotes li + li {
  margin-top: 70px;
}
.promo-block .promo-quotes .quote {
  display: block;
  margin-bottom: 15px;
  font-size: 34px;
  font-style: italic;
}
.promo-block .promo-quote-wrapper {
  height: 100%;
}
.promo-block .promo-quote-wrapper > div {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.promo-block .promo-quote-nav {
  margin-top: auto;
  display: block;
}
.promo-block .promo-quote-nav ul {
  text-align: center;
}
.promo-block .promo-quote-nav ul > li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.promo-block .promo-quote-nav ul > li:before {
  content: none;
}
.promo-block .promo-quote-nav .bullet-button {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  padding: 0;
  border-radius: 50%;
  background: none;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 5px;
}
.promo-block .promo-quote-nav .bullet-button.active {
  background-color: #fff;
}
@media (max-width: 900px) {
  .promo-block {
    height: 720px;
  }
  .promo-block .promo-quote-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .promo-block .promo-quote-wrapper > div {
    margin: 10px;
  }
  .promo-block .promo-quotes {
    text-align: center;
    margin-bottom: 50px;
  }
}
@media (max-width: 600px) {
  .promo-block .promo-quotes .quote {
    font-size: 24px;
  }
}
.landingspage-header {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.landingspage-header .video-controls {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
  pointer-events: auto;
}
.landingspage-header .clickable {
  cursor: pointer;
}
.landingspage-header video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: auto;
}
.landingspage-header .videoIE {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.landingspage-header-content {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  position: relative;
  padding-bottom: 30px;
  background-image: -webkit-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5));
}
.landingspage-header-content .header-title {
  pointer-events: auto;
}
.landingspage-header-content .header-title p {
  font-size: 18px;
}
.landingspage-header-content .header-title p:first-of-type {
  font-weight: bold;
  margin-bottom: 0;
}
.landingspage-header-content .header-title .button-like {
  margin-top: 20px;
}
.landingspage-header-content .header-title h1 {
  font-size: 36px;
}
@media (min-width: 600px) {
  .landingspage-header-content {
    background-image: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.5));
  }
  .landingspage-header-content .row {
    width: 100%;
  }
  .landingspage-header-content .header-title h1 {
    font-size: 80px;
  }
  .landingspage-header-content .header-title p {
    font-size: 24px;
  }
}
.landingspage-header .page-hero {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.text-media-block p {
  max-width: 460px;
  line-height: 1.5;
}
.text-media-block .button-icon.arrow-down {
  margin-left: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.text-media-block .button-icon.arrow-up {
  margin-left: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.text-media-block .button-icon:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.text-media-block .collapse-enter-active,
.text-media-block .collapse-leave-active {
  -webkit-transition: max-height 500ms;
          transition: max-height 500ms;
  max-height: 1000px;
}
.text-media-block .collapse-enter,
.text-media-block .collapse-leave-to {
  max-height: 0px;
}
.text-media-block .expander .expand-content {
  overflow: hidden;
}
.text-media-block .expander .expand-content + .button-icon-link {
  margin-top: 30px;
}
.open-app-page .kpn-logo-wrapper {
  text-align: right;
  padding: 15px;
}
.open-app-page .kpn-logo {
  display: inline-block;
  height: 35px;
  margin-top: -4px;
}
.open-app-page .rijksmuseum-logo {
  width: 100%;
  max-width: 400px;
}
.open-app-page .open-app-link {
  font-size: 17px;
}
.open-app-page .open-app-content {
  min-height: 250px;
}
.open-app-page .open-app-image {
  height: 100vh;
}
.open-app-page .open-app-image img {
  height: calc(100% - 200px);
  bottom: 200px;
}
.open-app-page .download-app-button {
  max-width: 145px;
}
/* Contain floats: h5bp.com/u */
.clearfix,
.block,
.block-stack,
.block-separate,
.box,
.mini-page-wrapper,
.mini-page {
  *zoom: 1;
  /* For Ye Olde IE */
}
.clearfix:before,
.block:before,
.block-stack:before,
.block-separate:before,
.box:before,
.mini-page-wrapper:before,
.mini-page:before,
.clearfix:after,
.block:after,
.block-stack:after,
.block-separate:after,
.box:after,
.mini-page-wrapper:after,
.mini-page:after {
  content: "";
  display: table;
}
.clearfix:after,
.block:after,
.block-stack:after,
.block-separate:after,
.box:after,
.mini-page-wrapper:after,
.mini-page:after {
  clear: both;
}
/* Hide from visual browsers and screenreaders: h5bp.com/u */
.hidden {
  display: none;
}
/* Hide for browsers with javascript enabled */
.js .js-hidden {
  display: none !important;
}
/* Hide for browsers with javascript disabled */
.no-js .no-js-hidden {
  display: none;
}
/* Hide for browsers with touch */
.touch .touch-hidden {
  display: none;
}
/* Hide for browsers without touch */
.no-touch .no-touch-hidden {
  display: none;
}
.no-touch .no-touch-hidden-important {
  display: none !important;
}
/* Hide from visual browsers and screenreaders, but maintain layout: h5bp.com/u */
.invisible {
  visibility: hidden;
}
.js .js-invisible {
  visibility: hidden;
}
/* Hide from visual browsers but not screenreaders */
.accessible {
  position: absolute;
  top: -1920px;
  /*was 99999, but safari can't handle that*/
  left: -1920px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/*
  
// Hide from visual browsers but not screenreaders
// http://webaim.org/techniques/css/invisiblecontent/
.accessible {
  position: absolute;
  top: auto;
  left: -100%;
  width: 1px;
  height: 1px;
  overflow: hidden;
}  
  
*/
.overlay-open #maincontent {
  display: none;
}
.navigation .header-user-profile .link-2020,
.footer .header-user-profile .link-2020 {
  padding-top: 0;
}
.navigation .horizontal-link-list .link-2020:not(:last-child),
.footer .horizontal-link-list .link-2020:not(:last-child),
.navigation .horizontal-link-list .link-2020.with-pipe,
.footer .horizontal-link-list .link-2020.with-pipe {
  margin-right: 20px;
  overflow: visible;
}
.navigation .horizontal-link-list .link-2020:not(:last-child)::after,
.footer .horizontal-link-list .link-2020:not(:last-child)::after,
.navigation .horizontal-link-list .link-2020.with-pipe::after,
.footer .horizontal-link-list .link-2020.with-pipe::after {
  content: '|';
  display: inline-block;
  position: absolute;
  right: -17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #c2ccce;
  pointer-events: none;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
@media only screen and (min-width: 80rem) {
  .navigation .horizontal-link-list .link-2020:not(:last-child),
  .footer .horizontal-link-list .link-2020:not(:last-child),
  .navigation .horizontal-link-list .link-2020.with-pipe,
  .footer .horizontal-link-list .link-2020.with-pipe {
    margin-right: 30px;
  }
  .navigation .horizontal-link-list .link-2020:not(:last-child)::after,
  .footer .horizontal-link-list .link-2020:not(:last-child)::after,
  .navigation .horizontal-link-list .link-2020.with-pipe::after,
  .footer .horizontal-link-list .link-2020.with-pipe::after {
    right: -22px;
  }
}
.button-2020 {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 3.125rem;
  padding: 0 20px;
  color: #fff;
  font-family: RijksText, Arial, sans-serif;
  font-weight: 700;
  border-radius: 2px;
  text-decoration: none;
  -webkit-transition: color 0.5s, background-color 0.5s, opacity 0.5s;
          transition: color 0.5s, background-color 0.5s, opacity 0.5s;
  -webkit-transform: scaleZ(1);
          transform: scaleZ(1);
}
.button-2020-primary {
  background-color: #d55140;
}
.button-2020-primary-alt {
  background-color: #436178;
}
.button-2020-secondary {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-2020:hover:not(:disabled):not(.disabled):not(.button-loading),
.button-2020:focus:not(:disabled):not(.disabled):not(.button-loading) {
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
}
.button-2020:disabled,
.button-2020.disabled {
  opacity: 0.3;
  color: white!important;
}
.button-2020-back {
  padding-left: 15px;
  padding-right: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: none;
  border-radius: 2px;
  font-weight: normal;
  max-width: 100%;
}
.button-2020-back span:first-child {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.button-2020-back span:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 50.75rem) {
  .button-2020-back {
    max-width: 200px;
  }
}
.button-2020-back .icon-arrow-thin {
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.button-2020-back:hover:not(:disabled):not(.disabled) .icon-arrow-thin,
.button-2020-back:focus:not(:disabled):not(.disabled) .icon-arrow-thin {
  background-image: url('/WebStatic/Images/Icons/arrow-thin-black.svg');
}
.link-2020 {
  text-decoration: none;
  position: relative;
  display: inline-block;
  min-height: 44px;
  padding-top: calc((44px - 1.375em) / 2);
}
.link-2020 span {
  display: inline;
  position: relative;
  font-family: inherit;
  font-size: inherit;
  color: currentColor;
  background-color: transparent;
  border: none;
  text-decoration: none;
  cursor: pointer;
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.2s linear;
          transition: background-size 0.2s linear;
  background-size: 100% 1px;
  vertical-align: middle;
}
.link-2020:hover span {
  background-size: 0 1px;
}
@media only screen and (min-width: 80rem) {
  .link-2020 {
    padding-top: 11px;
  }
}
.link-2020-inverse span {
  background-size: 0 1px;
}
.link-2020-inverse:hover span {
  background-size: 100% 1px;
}
.link-2020-button {
  background: transparent;
  padding: 0;
  margin-top: -3px;
  border: none;
  cursor: pointer;
}
.link-2020-button:hover {
  background-color: transparent;
  background-image: none;
  color: white;
}
.link-2020-button:hover.icon-close {
  background: url('/WebStatic/Images/Icons/close.svg') 0 0px no-repeat;
}
.link-2020-button:hover.icon-menuburger {
  background: url('/WebStatic/Images/Icons/menuburger.svg') 0 0px no-repeat;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.fade-enter-to,
.fade-leave {
  opacity: 1;
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
}
.fade-fast-enter,
.fade-fast-leave-to {
  opacity: 0;
}
.fade-fast-enter-to,
.fade-fast-leave {
  opacity: 1;
}
.fade-fast-enter-active,
.fade-fast-leave-active {
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
.fade-in-bottom-enter,
.fade-in-bottom-leave-to {
  -webkit-transform: translate(0, 16px);
          transform: translate(0, 16px);
  opacity: 0;
}
.fade-in-bottom-enter-to,
.fade-in-bottom-leave {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.fade-in-bottom-enter-active,
.fade-in-bottom-leave-active {
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s linear;
          transition: transform 0.5s, opacity 0.5s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
  .fade-in-bottom-enter-active,
  .fade-in-bottom-leave-active {
    -webkit-animation-duration: 0.001s !important;
            animation-duration: 0.001s !important;
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    -webkit-transition-duration: 0.001s !important;
            transition-duration: 0.001s !important;
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important;
  }
}
.header {
  position: static;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 10;
}
.header::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  height: 100px;
  width: 100%;
  opacity: 0.45;
  pointer-events: none;
  background-image: -webkit-linear-gradient(#202327, rgba(32, 35, 39, 0.738) 19%, rgba(32, 35, 39, 0.541) 34%, rgba(32, 35, 39, 0.382) 47%, rgba(32, 35, 39, 0.278) 56.5%, rgba(32, 35, 39, 0.194) 65%, rgba(32, 35, 39, 0.126) 73%, rgba(32, 35, 39, 0.075) 80.2%, rgba(32, 35, 39, 0.042) 86.1%, rgba(32, 35, 39, 0.021) 91%, rgba(32, 35, 39, 0.008) 95.2%, rgba(32, 35, 39, 0.002) 98.2%, rgba(32, 35, 39, 0));
  background-image: linear-gradient(#202327, rgba(32, 35, 39, 0.738) 19%, rgba(32, 35, 39, 0.541) 34%, rgba(32, 35, 39, 0.382) 47%, rgba(32, 35, 39, 0.278) 56.5%, rgba(32, 35, 39, 0.194) 65%, rgba(32, 35, 39, 0.126) 73%, rgba(32, 35, 39, 0.075) 80.2%, rgba(32, 35, 39, 0.042) 86.1%, rgba(32, 35, 39, 0.021) 91%, rgba(32, 35, 39, 0.008) 95.2%, rgba(32, 35, 39, 0.002) 98.2%, rgba(32, 35, 39, 0));
}
.header-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.header-links {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 0;
  z-index: 1;
  list-style: none;
}
.header-links-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  min-width: 0;
  margin-left: -15px;
}
.header-link {
  display: none;
  vertical-align: middle;
  padding-left: 0;
  margin: 0 15px;
}
@media only screen and (min-width: 41.688rem) {
  .header-link {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 50.75rem) {
  .header-link:not(.header-quicklink) {
    display: inline-block;
  }
}
@media only screen and (min-width: 80rem) {
  .header-link {
    display: inline-block;
  }
}
.header-link:last-child {
  margin-right: 0;
}
.header-link.header-back-button {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  margin-right: 15px;
}
.header-link.header-button-icon,
.header-link.header-cta {
  display: inline-block;
}
@media only screen and (max-width: 500px) {
  .header-link.header-button-icon.hide-on-small-screen,
  .header-link.header-cta.hide-on-small-screen {
    display: none;
  }
}
.header-link.header-button-icon,
.header-link.header-cta,
.header-link.header-button-icon .button-icon,
.header-link.header-cta .button-icon {
  position: relative;
  z-index: 6;
}
.header-link.header-button-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 5px 0 0;
}
.header-link.header-button-icon .button-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 0;
}
.header .user-profile {
  display: none;
  margin-left: 20px;
}
@media only screen and (min-width: 50.75rem) {
  .header .user-profile {
    display: inline-block;
  }
}
.header .user-profile .link-2020 {
  padding-top: 0;
}
.navigation {
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1001;
}
.navigation.open {
  position: fixed;
  height: 100vh;
}
.navigation .user-profile .user-avatar {
  border-radius: 100%;
  vertical-align: middle;
}
.navigation .user-profile .avatar-placeholder {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  background-color: #40474f;
  border-radius: 50%;
}
.navigation .overlay-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: #40474f;
  overflow-y: auto;
}
.navigation .overlay-menu::before {
  content: '';
  position: fixed;
  height: 90px;
  background-image: -webkit-linear-gradient(#40474f 70%, rgba(64, 71, 79, 0) 100%);
  background-image: linear-gradient(#40474f 70%, rgba(64, 71, 79, 0) 100%);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (min-width: 50.75rem) {
  .navigation .overlay-menu {
    z-index: 2;
    overflow: visible;
  }
  .navigation .overlay-menu::before {
    content: none;
  }
}
.navigation .overlay-menu .rijksmuseum-logo {
  position: fixed;
  top: 90px;
  left: 5.5vw;
  width: 89vw;
  height: calc(89vw * 0.12);
  z-index: 1;
}
@media only screen and (min-width: 35.5rem) {
  .navigation .overlay-menu .rijksmuseum-logo {
    top: 95px;
  }
}
.navigation .overlay-menu .rijksmuseum-logo .icon-rijks-logo {
  width: 100%;
  height: 100%;
}
.navigation .overlay-menu .menu-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: 90px;
}
.navigation .overlay-menu .menu-links li {
  margin: 0;
}
@media only screen and (min-width: 50.75rem) {
  .navigation .overlay-menu .menu-links {
    width: 50%;
    padding-bottom: 60px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    margin-top: calc(11vw + 110px);
    overflow-y: auto;
  }
  .navigation .overlay-menu .menu-links::-webkit-scrollbar {
    width: 10px;
    background: rgba(0, 0, 0, 0.5);
  }
  .navigation .overlay-menu .menu-links::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35);
  }
  .navigation .overlay-menu .menu-links::-webkit-scrollbar-button {
    display: none;
  }
}
@media only screen and (min-width: 50.75rem) and (max-height: 650px) {
  .navigation .overlay-menu .menu-links {
    padding-bottom: 30px;
  }
}
@media (orientation: landscape) and (max-width: 812px) {
  .navigation .overlay-menu .menu-links {
    margin-top: 70px;
  }
}
.navigation .overlay-menu .menu-links .user-profile {
  display: inline-block;
  margin-left: 0;
  padding: 0;
}
.navigation .overlay-menu .menu-links .user-profile .avatar-placeholder {
  background-color: #8c9095;
}
.navigation .overlay-menu-header {
  display: block;
  margin-top: 20px;
}
.navigation .overlay-menu .extra-links {
  font-size: 18px;
  line-height: 1.25;
  font-size: calc(1.188rem + 0.25 * ((100vw - 20rem) / 100));
  line-height: 1.263;
  color: #c2ccce;
}
.navigation .overlay-menu .extra-links + .extra-links {
  margin-top: 20px;
}
.navigation .overlay-menu .extra-links-wrapper {
  width: 100%;
  margin: 40px 0;
}
@media only screen and (min-width: 50.75rem) {
  .navigation .overlay-menu .extra-links-wrapper {
    width: 50%;
    margin: 0;
  }
}
.navigation .overlay-menu .horizontal-link-list {
  padding-top: 20px;
}
@media only screen and (min-width: 50.75rem) {
  .navigation .overlay-menu .quicklinks {
    display: none;
  }
}
.navigation .overlay-menu .rijksmuseum-logo {
  pointer-events: all;
  position: fixed;
}
@media screen and (max-width: 50.688rem) {
  .navigation .overlay-menu .rijksmuseum-logo {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    margin: 50px auto;
  }
}
@media (orientation: landscape) and (max-width: 812px) {
  .navigation .overlay-menu .rijksmuseum-logo {
    display: none;
  }
}
.navigation .overlay-menu-link-block {
  display: none;
}
@media only screen and (min-width: 50.75rem) {
  .navigation .overlay-menu-link-block {
    display: inherit;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    position: relative;
    height: 100vh;
    overflow: hidden;
  }
}
.navigation .overlay-menu-link-block .block-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  background-image: -webkit-linear-gradient(270deg, transparent 50%, rgba(32, 35, 39, 0.5));
  background-image: linear-gradient(180deg, transparent 50%, rgba(32, 35, 39, 0.5));
}
.navigation .overlay-menu.slide-in-left-leave-active .rijksmuseum-logo {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.35s;
          transition: transform 0.35s;
}
.navigation ul li {
  padding-left: 0;
}
.navigation ul li:before {
  content: '';
}
.language-menu {
  position: absolute;
  min-width: 350px;
  padding: 15px 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #40474f;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0;
}
.language-menu-wrapper {
  position: relative;
}
.language-menu-translations {
  margin-bottom: 15px;
}
.language-menu-link {
  color: white;
  margin: 0;
}
.language-menu-link:before {
  content: '';
}
.language-menu-link a {
  color: inherit;
}
.language-menu-mobile {
  margin: 0 -5.5vw;
  padding: 0 5.5vw;
  background-color: #343b42;
  -webkit-transition: max-height 0.25s;
          transition: max-height 0.25s;
  overflow: hidden;
}
.footer {
  background-color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
}
.footer h2 {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: [object Object];
  margin-bottom: 8px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-word;
}
.footer-link {
  margin: 0;
  padding-left: 0;
}
.footer-link:before {
  content: '';
}
.footer-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  margin-top: 12vw;
  margin-bottom: 12vw;
}
@media only screen and (min-width: 35.5rem) {
  .footer-content {
    margin-top: 9vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .footer-content {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 90rem) {
  .footer-content {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 35.5rem) {
  .footer-content {
    margin-bottom: 9vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .footer-content {
    margin-bottom: 4vw;
  }
}
@media only screen and (min-width: 90rem) {
  .footer-content {
    margin-bottom: 60px;
  }
}
.footer-content .visitor-info {
  width: 100%;
  margin-bottom: 12vw;
}
@media only screen and (min-width: 35.5rem) {
  .footer-content .visitor-info {
    margin-bottom: 9vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .footer-content .visitor-info {
    margin-bottom: 4vw;
  }
}
@media only screen and (min-width: 90rem) {
  .footer-content .visitor-info {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 80rem) {
  .footer-content .visitor-info {
    width: 50%;
  }
}
.footer-content .primary-links {
  width: 100%;
  margin-bottom: 6vw;
}
@media only screen and (min-width: 35.5rem) {
  .footer-content .primary-links {
    margin-bottom: 4.5vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .footer-content .primary-links {
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 90rem) {
  .footer-content .primary-links {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 41.688rem) {
  .footer-content .primary-links {
    width: 50%;
  }
}
@media only screen and (min-width: 80rem) {
  .footer-content .primary-links {
    width: 25%;
  }
}
.footer-content .primary-links .footer-link:first-child {
  margin-top: -12px;
}
.footer-content .buttons-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 12vw;
}
@media only screen and (min-width: 35.5rem) {
  .footer-content .buttons-section {
    margin-bottom: 9vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .footer-content .buttons-section {
    margin-bottom: 4vw;
  }
}
@media only screen and (min-width: 90rem) {
  .footer-content .buttons-section {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 41.688rem) {
  .footer-content .buttons-section {
    width: 50%;
  }
}
@media only screen and (min-width: 41.688rem) {
  .footer-content .buttons-section {
    width: 50%;
  }
}
@media only screen and (min-width: 80rem) {
  .footer-content .buttons-section {
    width: 25%;
  }
}
.footer-content .buttons-section .link-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}
.footer-content .buttons-section .link-buttons-wrapper {
  max-width: 180px;
  margin-right: 20px;
}
@media only screen and (min-width: 41.688rem) {
  .footer-content .buttons-section .link-buttons-wrapper {
    margin-right: 36px;
  }
}
.footer-content .buttons-section .link-buttons .button-2020 {
  width: 100%;
}
.footer-content .buttons-section .link-buttons .button-2020:not(:last-of-type) {
  margin-bottom: 15px;
}
.footer-content .buttons-section .link-buttons .logo-link {
  max-width: 30%;
  height: 50px;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}
.footer-content .buttons-section .link-buttons .logo-link:hover,
.footer-content .buttons-section .link-buttons .logo-link:focus {
  opacity: 1;
}
.footer-content .buttons-section .link-buttons .logo-image {
  height: 100%;
}
.footer-content .logos {
  min-width: 50%;
}
.footer-content .logos .sponsor-logos-section .sponsor-logos-section-heading {
  opacity: 0.7;
}
.footer-content .logos .sponsor-logos-section .logo {
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}
.footer-content .logos .sponsor-logos-section .logo:hover,
.footer-content .logos .sponsor-logos-section .logo:focus {
  opacity: 1;
}
.footer-content .logos .sponsor-logos-section:first-child *:nth-child(-n + 2) {
  padding-left: 0;
}
.footer-content .secondary-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-self: flex-end;
          align-self: flex-end;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.footer-content .secondary-links .link-2020 {
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}
.footer-content .secondary-links .link-2020:hover,
.footer-content .secondary-links .link-2020:focus {
  opacity: 1;
}
.footer-content .secondary-links .link-2020:not(:last-child)::after {
  right: -13px;
}
@media only screen and (min-width: 80rem) {
  .footer-content .secondary-links .link-2020:not(:last-child)::after {
    right: -19px;
  }
}
@media only screen and (min-width: 80rem) {
  .footer-content .secondary-links {
    width: 50%;
  }
}
.logo-block .logo {
  margin-top: 20px;
  width: 50%;
}
.logo-block .logo:nth-child(-n + 3) {
  margin-top: 0;
}
@media only screen and (min-width: 812px) {
  .logo-block .logo {
    width: 33.333%;
  }
  .logo-block .logo:nth-child(-n + 4) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .logo-block .logo {
    width: 25%;
  }
  .logo-block .logo:nth-child(-n + 5) {
    margin-top: 0;
  }
}
.logo-block .logo-link {
  display: inline-block;
  padding-bottom: 40%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.logo-block .logo-image {
  padding: 5px 5px;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.5s;
          transition: border-color 0.5s;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.logo-block .logo-image:hover {
  -webkit-transition: border-color 0.5s;
          transition: border-color 0.5s;
  border-color: white;
}
@media only screen and (min-width: 812px) {
  .logo-block .logo-image {
    padding: 10px 10px;
  }
}
.social-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  margin-top: 20px;
  margin-left: -12px;
}
.social-logos .logo-link {
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}
.social-logos .logo-link:hover,
.social-logos .logo-link:focus {
  opacity: 0.5;
}
.social-logos .logo-image {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
.sponsor-logos {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100vh - 100px);
  z-index: 2;
}
.sponsor-logos-section {
  display: inline-block;
}
.sponsor-logos-section-heading {
  font-size: 12px;
  padding: 0 20px 5px 0;
  margin: 0;
}
.sponsor-logos-section .logo {
  display: inline-block;
  height: 25px;
  padding: 0 20px 0 0;
}
.sponsor-logos-section .logo-image {
  height: 100%;
}
.sponsor-logos-section:first-child .logo {
  height: 50px;
}
@media only screen and (min-width: 1280px) {
  .sponsor-logos {
    display: block;
  }
  .sponsor-logos-section-heading {
    padding: 0 20px 5px 20px;
  }
  .sponsor-logos-section .logo {
    padding: 0 20px 0 20px;
  }
}
.overlay-menu .sponsor-logos {
  display: block;
  width: 100vw;
  position: relative;
  right: initial;
  top: initial;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 -2.8vw;
  background-color: #202327;
}
.overlay-menu .sponsor-logos-section {
  min-width: 49%;
}
.overlay-menu .sponsor-logos-section:not(:last-of-type) {
  margin-bottom: 3vw;
}
.overlay-menu .sponsor-logos-section-heading {
  width: 100%;
}
.overlay-menu .sponsor-logos .logo {
  margin-bottom: 20px;
}
.overlay-menu .sponsor-logos .logo a {
  width: 100%;
}
@media only screen and (min-width: 812px) {
  .overlay-menu .sponsor-logos {
    display: none;
  }
}
.grid-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  padding-left: calc(5.5vw / 2);
  padding-right: calc(5.5vw / 2);
}
.grid-column {
  padding: 0 calc(5.5vw / 2);
}
.grid-column.full-width,
.grid-column[class^='heading-'],
.grid-column[class*=' heading-'] {
  width: 100%;
}
.grid-column.half-width {
  width: 100%;
}
@media only screen and (min-width: 50.75rem) {
  .grid-column.half-width {
    width: 50%;
  }
}
.grid-column.thirty-percent-width {
  width: 100%;
}
@media only screen and (min-width: 50.75rem) {
  .grid-column.thirty-percent-width {
    width: 30%;
  }
}
.grid-column.seventy-percent-width {
  width: 100%;
}
@media only screen and (min-width: 50.75rem) {
  .grid-column.seventy-percent-width {
    width: 70%;
  }
}
.inline-block {
  margin-top: 12vw;
  margin-bottom: 12vw;
}
@media only screen and (min-width: 35.5rem) {
  .inline-block {
    margin-top: 9vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .inline-block {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 90rem) {
  .inline-block {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 35.5rem) {
  .inline-block {
    margin-bottom: 9vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .inline-block {
    margin-bottom: 4vw;
  }
}
@media only screen and (min-width: 90rem) {
  .inline-block {
    margin-bottom: 60px;
  }
}
.text-big {
  font-size: 18px;
  line-height: 1.25;
  font-size: calc(1.188rem + 0.25 * ((100vw - 20rem) / 100));
  line-height: 1.263;
  color: #c2ccce;
}
.text-huge {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
}
.heading-1 {
  font-size: calc(2.5rem + 5.625 * ((100vw - 20rem) / 100));
  line-height: 0.9;
  font-weight: bold;
  text-transform: uppercase;
  word-break: break-word;
}
.heading-2 {
  font-size: calc(1.188rem + 0.25 * ((100vw - 20rem) / 100));
  line-height: 1.263;
  font-weight: bold;
  text-transform: uppercase;
  word-break: break-word;
}
.heading-3 {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  margin-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
  word-break: break-word;
}
@media only screen and (min-width: 50.75rem) {
  .heading-3 {
    margin-bottom: 12px;
  }
}
.heading-4 {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  font-weight: bold;
  word-break: break-word;
}
.form-2020 .form-row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.form-2020 .input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: 6vw;
  margin-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
@media only screen and (min-width: 35.5rem) {
  .form-2020 .input-group {
    margin-bottom: 4.5vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .form-2020 .input-group {
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 90rem) {
  .form-2020 .input-group {
    margin-bottom: 30px;
  }
}
.form-2020 .input-group input[type="text"],
.form-2020 .input-group input[type="email"],
.form-2020 .input-group select {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  border-bottom: 1px solid #c2ccce;
  border-radius: 0;
}
.form-2020 .input-group input[type="text"]::-webkit-input-placeholder,
.form-2020 .input-group input[type="email"]::-webkit-input-placeholder,
.form-2020 .input-group select::-webkit-input-placeholder {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  opacity: 0.5;
}
.form-2020 .input-group input[type="text"]::-moz-placeholder,
.form-2020 .input-group input[type="email"]::-moz-placeholder,
.form-2020 .input-group select::-moz-placeholder {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  opacity: 0.5;
}
.form-2020 .input-group input[type="text"]:-ms-input-placeholder,
.form-2020 .input-group input[type="email"]:-ms-input-placeholder,
.form-2020 .input-group select:-ms-input-placeholder {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  opacity: 0.5;
}
.form-2020 .input-group input[type="text"]::placeholder,
.form-2020 .input-group input[type="email"]::placeholder,
.form-2020 .input-group select::placeholder {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  opacity: 0.5;
}
.form-2020 .input-group input[type="email"] {
  min-width: 275px;
}
.form-2020 .input-group select {
  background-image: url('/WebStatic/Images/Icons/arrow-thin.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 10px;
  border-bottom: none;
  padding-right: 20px;
}
.form-2020 .input-group [type="text"].input-validation-error,
.form-2020 .input-group [type="email"].input-validation-error {
  border-color: #d55140;
  border-width: 0 0 1px 0;
}
.form-2020 .checkbox-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.form-2020 .checkbox-container input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.form-2020 .checkbox-container input:checked ~ .checkbox {
  background-image: url('/WebStatic/Images/Icons/check.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.form-2020 .checkbox-container .checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  margin-top: 0.25em;
  vertical-align: text-bottom;
  border: solid 1px white;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.form-2020 .checkbox-container .checkbox:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 811px) {
  .form-2020 .form-row {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .form-2020 .input-group {
    width: 100%;
    margin-right: 0;
  }
}
.form-2020 .field-validation-error {
  margin-top: -5px;
  color: #c2ccce !important;
  background-color: transparent;
  text-align: left;
  padding-left: 16px;
}
.form-2020 .field-validation-error::before {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0;
  left: 0;
  top: 50%;
  border: none;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-image: url('/WebStatic/Images/Icons/close-red.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.ticketshop {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  position: relative;
  min-height: 66.666vh;
  color: white;
  background-color: #40474f;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ticketshop-background-dark {
  background-color: #343b42;
}
.ticketshop-background-lighter {
  background-color: #eaeaea;
}
.ticketshop-header {
  position: relative;
  width: 100%;
  height: 33.333vh;
  overflow: hidden;
}
.ticketshop-header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  width: 100%;
  pointer-events: none;
  background-image: -webkit-linear-gradient(270deg, transparent 50%, rgba(32, 35, 39, 0.5));
  background-image: linear-gradient(180deg, transparent 50%, rgba(32, 35, 39, 0.5));
  z-index: 1;
}
.ticketshop-back .button-2020 {
  max-width: 300px;
}
.ticketshop .ticket-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.ticketshop .ticket-options-main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.ticketshop .shop-summary-scroll-container {
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (min-width: 50.75rem) {
  .ticketshop .shop-summary-scroll-container {
    padding-bottom: 1px;
  }
}
.ticketshop .shop-summary-bottom {
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  left: 5px;
  bottom: 10px;
  padding: 15px calc(5.5vw / 2);
  width: calc(100% - 5px * 2);
  background-color: #343b42;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.56);
  z-index: 1;
  pointer-events: initial;
}
.ticketshop .shop-summary-bottom-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  pointer-events: none;
}
.ticketshop .shop-summary-bottom .shop-summary-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 0 calc(5.5vw / 2);
  margin-right: 10px;
  min-width: 0;
}
.ticketshop .shop-summary-bottom .shop-summary-inner .shop-summary-articles {
  margin-bottom: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100vw - 2 * 5.5vw - 5px * 2);
}
.ticketshop .shop-summary-bottom .shop-summary-inner .shop-summary-toggle {
  position: relative;
  background: none;
  margin-top: -10px;
  padding-left: 0;
  padding-right: 15px;
  color: white;
}
.ticketshop .shop-summary-bottom .shop-summary-inner .shop-summary-toggle .icon-arrow-thin {
  display: block;
  position: absolute;
  width: 0.625rem;
  height: 0.375rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) scale(-1);
          transform: translateY(-50%) scale(-1);
}
.ticketshop .shop-summary-bottom .shop-summary-inner .shop-summary-toggle[aria-expanded] .icon-arrow-thin {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ticketshop .shop-summary-bottom .button-2020 {
  margin-left: auto;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
@media only screen and (min-width: 50.75rem) {
  .ticketshop .shop-summary-bottom {
    left: 75%;
    bottom: 20px;
    width: 300px;
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ticketshop .shop-summary-bottom-wrapper {
    padding-bottom: 20px;
  }
  .ticketshop .shop-summary-bottom .shop-summary-inner {
    padding: 0;
  }
  .ticketshop .shop-summary-bottom .shop-summary-inner .shop-summary-articles {
    max-width: 270px;
  }
}
.ticketshop .ticket-table-container {
  width: 100%;
}
@media only screen and (min-width: 50.75rem) {
  .ticketshop .ticket-table-container {
    width: auto;
    max-width: 70%;
  }
}
.ticketshop .ticket-table th:first-child {
  width: 100%;
}
.ticketshop .ticket-table thead + tbody tr:first-child,
.ticketshop .ticket-table tr {
  border-top: none;
}
.ticketshop .ticket-table .article-amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ticketshop .ticket-table .article-amount-select {
  position: relative;
  width: 2.5rem;
  height: 2.75rem;
}
.ticketshop .ticket-table .article-amount-select-label {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.ticketshop .ticket-table .article-amount-select-options {
  position: absolute;
  opacity: 0;
}
.ticketshop .ticket-table .article-amount-control-button {
  width: 2.75rem;
  height: 2.75rem;
  background-color: rgba(255, 255, 255, 0.2);
  background-size: 10px;
  background-position: center;
  border-radius: 2px;
}
.ticketshop .ticket-table .article-price {
  display: block;
}
@media only screen and (min-width: 50.75rem) {
  .ticketshop .ticket-table-container {
    width: auto;
    max-width: 70%;
  }
  .ticketshop .ticket-table th:not(:first-child),
  .ticketshop .ticket-table td:not(:first-child) {
    padding-left: 48px;
  }
  .ticketshop .ticket-table .article-amount-select {
    height: 3.438rem;
  }
  .ticketshop .ticket-table .article-amount-control-button {
    width: 3.125rem;
    height: 3.125rem;
  }
}
@media (max-width: 480px) {
  .ticketshop .ticket-table th:first-child {
    width: auto;
    word-break: break-word;
  }
  .ticketshop .ticket-table th:last-child {
    direction: rtl;
  }
  .ticketshop .ticket-table td:first-child {
    word-break: break-word;
  }
  .ticketshop .ticket-table td:first-child span {
    word-break: break-word;
  }
}
.ticketshop .countdown {
  display: inline-block;
  background-color: #343b42;
  padding: 25px;
  border-radius: 2px;
}
.ticketshop .countdown .icon-info {
  display: inline-block;
  width: 0.938rem;
  height: 0.938rem;
  vertical-align: text-bottom;
}
.ticketshop .wizard-steps {
  margin-top: 25px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 80rem) {
  .ticketshop .wizard-steps {
    margin-top: 35px;
  }
}
.ticketshop .wizard-steps-inner {
  height: 1.5em;
  overflow: hidden;
}
.ticketshop .wizard-steps-scroller {
  white-space: nowrap;
  overflow-x: scroll;
  padding-bottom: 20px;
  padding-left: 5.5vw;
  padding-right: 5.5vw;
}
.ticketshop .wizard-step {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1;
  padding-right: 2.5rem;
  color: white;
}
.ticketshop .wizard-step:last-of-type {
  padding-right: 0;
}
.ticketshop .wizard-step.text-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.ticketshop .wizard-step a {
  text-decoration: none;
}
.ticketshop .wizard-step a:hover,
.ticketshop .wizard-step a:hover + .wizard-icon {
  color: white;
}
.ticketshop .info-tooltip-wrapper {
  position: relative;
}
.ticketshop .info-tooltip-wrapper .info-tooltip-content {
  display: none;
  position: absolute;
  bottom: 25px;
  background-color: #202327;
  color: white;
  padding: 10px;
  z-index: 1;
  width: 100%;
  max-width: 300px;
  overflow-x: hidden;
  border-radius: 3px;
  padding: 15px;
}
.ticketshop .info-tooltip-wrapper .info-tooltip-content.tooltip-content-extra-bottom {
  bottom: 60px;
}
@media (max-width: 500px) {
  .ticketshop .info-tooltip-wrapper .info-tooltip-content.tooltip-mobile-wide {
    width: calc(100% + 100px);
  }
}
.ticketshop .info-tooltip-wrapper .info-tooltip-icon {
  margin-left: 5px;
  background-size: 14px;
  background-position: center;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  background-color: #40474f;
  border-radius: 50%;
  text-align: center;
}
.ticketshop .info-tooltip-wrapper .info-tooltip-icon:hover,
.ticketshop .info-tooltip-wrapper .info-tooltip-icon:active,
.ticketshop .info-tooltip-wrapper .info-tooltip-icon:focus {
  background-color: #202327;
}
.ticketshop .info-tooltip-wrapper .info-tooltip-icon:hover + .info-tooltip-content,
.ticketshop .info-tooltip-wrapper .info-tooltip-icon:active + .info-tooltip-content,
.ticketshop .info-tooltip-wrapper .info-tooltip-icon:focus + .info-tooltip-content {
  display: block;
}
.ticketshop .info-tooltip-wrapper .info-tooltip-icon.dark {
  background-color: #343b42;
}
.ticketshop #checkout-wrapper .chckt-sdk {
  font-family: RijksText, Arial, sans-serif;
}
.ticketshop #checkout-wrapper .chckt-pm,
.ticketshop #checkout-wrapper .chckt-pm__details,
.ticketshop #checkout-wrapper .chckt-pm__header {
  background: none;
  border: none;
  border-radius: 0;
}
.ticketshop #checkout-wrapper .chckt-pm {
  border-top: none;
  padding: 25px 0;
}
.ticketshop #checkout-wrapper .chckt-pm:first-child {
  border-radius: 0;
}
.ticketshop #checkout-wrapper .chckt-pm:last-child {
  border-bottom: 1px solid #a2abad;
}
.ticketshop #checkout-wrapper .chckt-pm__header {
  padding: 0;
  font-weight: bold;
}
.ticketshop #checkout-wrapper .chckt-pm__details {
  padding: 0;
  margin-top: 10px;
  padding-left: 30px;
}
.ticketshop #checkout-wrapper .chckt-form-label__text {
  font-size: 1em;
}
.ticketshop #checkout-wrapper .chckt-pm__name,
.ticketshop #checkout-wrapper .chckt-form-label__text {
  font-size: 18px;
  line-height: 1.25;
  font-size: calc(1.188rem + 0.25 * ((100vw - 20rem) / 100));
  line-height: 1.263;
  color: #c2ccce;
  font-weight: normal;
}
.ticketshop #checkout-wrapper .chckt-form-label__error-text {
  color: #d55140;
}
.ticketshop #checkout-wrapper .chckt-pm__radio-button {
  margin: 4px 5px 0 0;
}
.ticketshop #checkout-wrapper .chckt-input-field {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  text-align: left;
  font-family: RijksText, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  border: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) inset;
  background: white;
  color: #343537;
  -webkit-appearance: none;
  height: 40px;
  overflow: auto;
  padding: 12px 4px 4px 12px;
  vertical-align: top;
  overflow: initial;
  padding: 0 12px;
}
.ticketshop #checkout-wrapper .chckt-input-field[readonly] {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25) inset;
  background: #eaeaea;
  cursor: not-allowed;
}
.ticketshop #checkout-wrapper .chckt-select-box {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  overflow: hidden;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 100% -1980px;
  background-color: #eaeaea;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  color: black;
  cursor: pointer;
  padding: 0 40px 0 12px;
  border: none;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 0 \9;
  width: 120% \9;
}
.bg-lighter .ticketshop #checkout-wrapper .chckt-select-box {
  background-color: #a2abad;
}
.ticketshop #checkout-wrapper .chckt-select-box::-ms-expand {
  display: none;
}
.ticketshop #checkout-wrapper .chckt-select-box option {
  color: black;
  background: white;
}
.ticketshop #checkout-wrapper .chckt-button {
  display: inline-block;
  vertical-align: middle;
  padding: 0 12px;
  border-radius: 3px;
  text-align: left;
  font-family: RijksText, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  min-width: 40px;
  max-width: 100%;
  height: 40px;
  min-height: 40px;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  text-decoration: none !important;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  background-position: -9999px -9999px;
  background-repeat: no-repeat;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  color: white;
  -webkit-transition: background-color 0.15s ease-in-out;
          transition: background-color 0.15s ease-in-out;
  background-color: #d55140;
  font-weight: bold;
  padding-right: 35px;
  background-position: 100% -2610px;
  margin-top: 0;
  width: auto;
  float: right;
}
.ticketshop #checkout-wrapper .chckt-button.bg-lighter {
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
}
.ticketshop #checkout-wrapper .chckt-button:hover,
.ticketshop #checkout-wrapper .chckt-button:active {
  background-color: white;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  color: black;
}
.ticketshop #checkout-wrapper .chckt-button[class*="icon-im-"]:before {
  font-size: 1.2rem;
}
.ticketshop #checkout-wrapper .chckt-button[class*="icon-im-"].icon-only:before {
  font-size: 1.5rem;
  padding-top: 0.03em;
}
.ticketshop #checkout-wrapper .chckt-button[class*="icon-im-"].icon-only.icon-im-email:before {
  font-size: 1.45rem;
}
.ticketshop #checkout-wrapper .chckt-button:hover,
.ticketshop #checkout-wrapper .chckt-button:active {
  background-color: #000;
  color: #fff;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
}
.ticketshop #checkout-wrapper .chckt-button-container {
  width: auto;
}
.ticketshop #checkout-wrapper .chckt-button .chckt-button__amount {
  display: none;
}
.ticketshop #checkout-wrapper .chckt-button[disabled] {
  cursor: default !important;
  background-color: black !important;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png") !important;
  color: white !important;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.ticketshop-selection-info {
  padding-left: 40px;
  background-size: 11px;
  background-position: left center;
}
.ticketshop-article-selection-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
@media (max-width: 811px) {
  .ticketshop-article-selection-content {
    display: none;
  }
}
@media (max-width: 480px) {
  .ticketshop-article-selection .ticket-table {
    table-layout: fixed;
  }
  .ticketshop-article-selection .ticket-table th:nth-child(2) {
    width: 40%;
  }
  .ticketshop-article-selection .ticket-table th:last-child {
    width: 22.5%;
  }
}
@media only screen and (min-width: 50.75rem) {
  .ticketshop .article-row-title-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }
  .ticketshop .article-row-title-cell-image {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 130px;
    padding-right: 48px;
  }
}
@media (max-width: 50.688rem) {
  .ticketshop .article-row-title-cell-image {
    display: none;
  }
}
.expositions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.expositions .heading-2 + p {
  margin-top: -7px;
}
.exposition-list {
  width: 100%;
  margin: 0;
}
.exposition-list .exposition-option {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px 10px 50px;
  border-radius: 2px;
  -webkit-transition: background-color 0.25s;
          transition: background-color 0.25s;
}
.exposition-list .exposition-option:hover,
.exposition-list .exposition-option:active,
.exposition-list .exposition-option:focus {
  background-color: #202327;
}
.exposition-list .exposition-option:before {
  content: none;
}
.exposition-list .exposition-option input[type="radio"] {
  margin: 0;
  opacity: 0;
  position: absolute;
}
.exposition-list .exposition-option label::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -40px;
  top: 5px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
.exposition-list .exposition-option input[type="radio"]:checked + label::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: -36px;
  top: 9px;
  background-color: white;
  border-radius: 50%;
}
.exposition-list .exposition-option .exposition-title {
  display: block;
  width: 100%;
}
.exposition-info {
  margin-top: 6vw;
}
@media only screen and (min-width: 35.5rem) {
  .exposition-info {
    margin-top: 4.5vw;
  }
}
@media only screen and (min-width: 50.75rem) {
  .exposition-info {
    margin-top: 2vw;
  }
}
@media only screen and (min-width: 90rem) {
  .exposition-info {
    margin-top: 30px;
  }
}
.date-time-pickers {
  width: 100%;
}
@media only screen and (min-width: 80rem) {
  .date-time-pickers {
    width: 70%;
  }
}
.exposition-date-pickers {
  width: 100%;
}
.exposition-date-pickers .calendar-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.exposition-date-pickers .date-picker-button-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.exposition-date-pickers .date-picker-button-wrapper .date-picker-button {
  min-width: 45px;
  min-height: 45px;
  background: transparent;
  color: white;
}
.exposition-date-pickers .date-picker-button-wrapper .date-picker-button:before {
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 15px;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  background-color: transparent;
  border: none;
  width: 100%;
  max-width: 500px;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .prev,
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .next {
  display: none;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar header {
  line-height: initial;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day__month_btn {
  width: 100%;
  float: none;
  text-align: left;
  margin-left: 10px;
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  margin-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
  word-break: break-word;
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day__month_btn {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day__month_btn {
    margin-bottom: 12px;
  }
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .cell {
  position: relative;
  width: 14.28%;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day-header {
  width: 14.28%;
  height: 1.4em;
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  margin-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
  word-break: break-word;
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day-header {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day-header {
    margin-bottom: 12px;
  }
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day {
  padding-top: 14.28%;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day:not(.blank):not(.disabled) {
  background-color: #40474f;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day:not(.blank):not(.disabled):hover {
  background-color: #202327;
  border: 1px solid transparent;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day .cell-button {
  font-size: 4.8em;
  line-height: 0.94em;
  font-size: calc(1.25rem + 0.5 * ((100vw - 20rem) / 100));
  line-height: 1.3;
  color: #c2ccce;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  text-align: center;
  background-color: transparent !important;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day .cell-button:hover {
  color: #c2ccce;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.selected:not(.disabled) {
  background-color: #202327;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.blank,
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.disabled {
  opacity: 0.5;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.blank .cell-button,
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.disabled .cell-button {
  background-color: transparent;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.blank .cell-button:hover,
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar .day.disabled .cell-button:hover {
  color: white;
}
.exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar.second {
  display: none;
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-calendar.vdp-datepicker__calendar.second {
    display: block;
  }
}
.exposition-date-pickers .date-picker-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.exposition-date-pickers .date-picker-wrapper .date-picker + .date-picker {
  display: none;
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-wrapper .date-picker:last-of-type {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 50.75rem) {
  .exposition-date-pickers .date-picker-wrapper .date-picker + .date-picker {
    display: block;
  }
}
.exposition-date-pickers .date-picker-wrapper-buttons {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.exposition-date-pickers .date-picker-wrapper-buttons .date-picker-button {
  min-width: 44px;
  min-height: 44px;
  position: absolute;
  top: -4px;
  text-align: center;
}
.exposition-date-pickers .date-picker-wrapper-buttons .date-picker-button .icon-arrow {
  width: 0.625rem;
  height: 0.625rem;
}
.exposition-date-pickers .date-picker-wrapper-buttons .date-picker-button-next {
  right: -30px;
}
.exposition-date-pickers .date-picker-wrapper-buttons .date-picker-button-previous {
  left: -30px;
}
.exposition-date-pickers .error .date-picker-calendar > div {
  border-left: none;
  box-shadow: 0 0 0 3px #d55140;
}
.exposition-date-pickers .error .cell.selected:not(.disabled) {
  background-color: #d55140;
  border: 1px solid #d55140;
}
.block-input-picker {
  display: inline-block;
  width: 100%;
  margin: 0;
}
.block-input-picker.error {
  box-shadow: 0 0 0 3px #d55140;
  border-left: none;
  border-top: none;
  border-radius: 3px;
}
.block-input-picker .block-content {
  display: inline-block;
  position: relative;
  min-width: 150px;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}
.block-input-picker .block-content:before {
  content: none;
}
.block-input-picker .block-content input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.block-input-picker .block-content label {
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  background-color: #40474f;
}
.block-input-picker .block-content label:hover {
  background-color: #202327;
}
.block-input-picker .block-content input:disabled {
  opacity: 0;
}
.block-input-picker .block-content input:disabled + label {
  opacity: 0.5;
  cursor: default;
}
.block-input-picker .block-content input:disabled + label:hover {
  background-color: #40474f;
}
.block-input-picker .block-content input:checked + label {
  background-color: #202327;
}
.block-input-picker .block-content.error input + label {
  background-color: #bf3220;
}
@media (max-width: 700px) {
  .block-input-picker .block-content {
    min-width: 33.33%;
  }
  .block-input-picker .block-content label {
    padding: 10px 5px;
  }
}
.keyboard-navigation-is-active .block-input-picker input:focus,
.keyboard-navigation-is-active .exposition-list input:focus {
  outline: 0 !important;
}
.keyboard-navigation-is-active .block-input-picker input:focus + label,
.keyboard-navigation-is-active .exposition-list input:focus + label {
  outline: 2px dotted white;
  z-index: 1;
}
.donation-articles .block-content {
  margin-right: -4px;
}
.adyen-checkout__dropin .adyen-checkout__payment-method {
  background: transparent;
  border: none;
  padding-left: 0;
}
.adyen-checkout__dropin .adyen-checkout__payment-method__header {
  padding-left: 32px;
}
.adyen-checkout__dropin .adyen-checkout__payment-method__radio {
  left: 0;
}
.adyen-checkout__dropin .adyen-checkout__payment-method__name {
  font-size: 18px;
  line-height: 1.25;
  font-size: calc(1.188rem + 0.25 * ((100vw - 20rem) / 100));
  line-height: 1.263;
  color: #c2ccce;
}
.adyen-checkout__dropin .adyen-checkout__payment-method__image {
  background-color: #ffffff;
}
.adyen-checkout__dropin .adyen-checkout__payment-method__details {
  padding-left: 36px;
}
@media only screen and (max-width: 41.688rem) {
  .adyen-checkout__dropin .adyen-checkout__payment-method__details {
    padding: 0;
  }
}
.adyen-checkout__dropin .adyen-checkout__dropdown__element {
  color: black;
}
.adyen-checkout__dropin .adyen-checkout__fieldset__title {
  color: #eaeaea;
  font-size: calc(0.75rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.5;
}
.adyen-checkout__dropin .adyen-checkout__label__text {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
}
.adyen-checkout__dropin .adyen-checkout__label--focused .adyen-checkout__label__text {
  color: #ffffff;
}
.adyen-checkout__dropin .adyen-checkout__error-text {
  color: #d55140;
  font-size: calc(0.875rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.429;
}
.adyen-checkout__dropin .adyen-checkout__button {
  font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 100));
  line-height: 1.375;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 3.125rem;
  padding: 0 20px;
  color: #fff;
  font-family: RijksText, Arial, sans-serif;
  font-weight: 700;
  border-radius: 2px;
  text-decoration: none;
  -webkit-transition: color 0.5s, background-color 0.5s, opacity 0.5s;
          transition: color 0.5s, background-color 0.5s, opacity 0.5s;
  -webkit-transform: scaleZ(1);
          transform: scaleZ(1);
  background-color: #d55140;
}
.adyen-checkout__dropin .adyen-checkout__button:hover:not(:disabled):not(.disabled),
.adyen-checkout__dropin .adyen-checkout__button:focus:not(:disabled):not(.disabled) {
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
}
.adyen-checkout__dropin ul > li:before {
  display: none;
}
.adyen-checkout__dropin button:hover {
  background: none;
  background-image: none;
}
.ticketshop-background-lighter .adyen-checkout__dropin .adyen-checkout__payment-method__name {
  color: #343537;
}
.ticketshop-background-lighter .adyen-checkout__dropin .adyen-checkout__label__text {
  color: #343537;
}
.ticketshop-background-lighter .adyen-checkout__dropin .adyen-checkout__filter-input {
  position: absolute;
  left: 0;
  padding: 0 10px;
}
.ticketshop-background-lighter .adyen-checkout__dropin .adyen-checkout__card__holderName .adyen-checkout__input-wrapper {
  border: 1px solid #b9c4c9;
  border-radius: 6px;
}
.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-datepicker {
  width: 100% !important;
}
@media (orientation: landscape) {
  html.ipad.ios7 {
    height: 672px !important;
  }
}
/* jQuery UI - v1.9.2 - 2013-01-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-datepicker {
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  height: 40px;
  font-weight: bold;
  font-size: 1.33333333em;
  line-height: 1.15em;
  color: black;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  color: white;
  background-color: #a2abad;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background-image: url("/WebStatic/Images/Icons/icons-white2.png");
  color: white;
  background-color: black;
}
.ui-datepicker .ui-datepicker-prev {
  background-position: 0 -2340px;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  background-position: 100% -2250px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  display: block;
  line-height: 40px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
}
.ui-datepicker th {
  text-align: center;
  font-weight: bold;
  color: #909194;
}
.ui-datepicker td {
  padding: 0;
  border: 2px solid white;
  background: white;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  background-color: #eaeaea;
}
.ui-datepicker td a:hover {
  text-decoration: none;
  background-color: black;
  color: white;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
  margin-right: 20px;
}
.ui-datepicker-multi .ui-datepicker-group:nth-of-type(2n) {
  margin-right: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker .ui-state-disabled {
  background-color: #f4f4f4;
  color: #a2abad;
}
.ui-datepicker td .ui-state-active {
  background-color: #40474f;
  color: white;
}
/* jquery.Jcrop.css v0.9.10 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* These styles define the border lines */
.jcrop-vline,
.jcrop-hline {
  background: #FFF url(/WebStatic/images/external/Jcrop.gif) top left repeat;
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px!important;
}
.jcrop-hline {
  height: 1px!important;
  width: 100%;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Handle style - size is set by Jcrop handleSize option (currently) */
.jcrop-handle {
  background-color: #333;
  border: 1px #eee solid;
  font-size: 1px;
}
/* This style is used for invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* "turn off" link highlight */
  -webkit-touch-callout: none;
  /* disable callout, image save panel */
  -webkit-user-select: none;
  /* disable cut copy paste */
}
/* Positioning of handles and drag bars */
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #FFF;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #FFF;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #FFF;
  border-color: #000;
  border-radius: 3px;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  cursor: text;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}
ul.token-input-list li {
  list-style-type: none;
}
ul.token-input-list li input {
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
  padding: 0px;
}
.token-input-token {
  margin: 9px 20px 0 0;
}
.token-input-token + .token-input-list {
  margin-top: 9px;
}
.lt-ie9 .token-input-token a {
  display: block;
  float: left;
}
.lt-ie9 .token-input-token .button-remove-sm {
  margin-top: -2px;
}
.lt-ie9 .token-input-input-token input {
  border: none;
}
.token-input-input-token input {
  margin-left: 15px;
}
.token-input-list li:before {
  content: "";
}
[v-cloak] {
  display: none !important;
}