/*! @FONT-FACE RULES */
@font-face {
  font-family: RijksText;
  /* Font descriptors */
  font-weight: normal;
  font-style: normal;
  /* File for IE 8 */
  src: url(ac2268be75bc69669635c36bb68f844d.EOT?#iefix);
  /* File for IE 9 */
  src: url(ac2268be75bc69669635c36bb68f844d.EOT?#iefix) format("embedded-opentype"),  url(03fd18eb4bf3a13d3e9acf59992c2c0f.ttf) format("opentype");
}
@font-face {
  font-family: RijksText;
  /* Font descriptors */
  font-weight: bold;
  font-style: normal;
  /* File for IE 8 */
  src: url(395184bf1303f2e8590fe73981d6b4d3.EOT?#iefix);
  /* File for IE 9 */
  src: url(395184bf1303f2e8590fe73981d6b4d3.EOT?#iefix) format("embedded-opentype"),  url(016a2ed540cbe849d83e5cd23211a660.ttf) format("opentype");
}
@font-face {
  font-family: RijksText;
  /* Font descriptors */
  font-weight: normal;
  font-style: italic;
  /* File for IE 8 */
  src: url(b77989c9e1ef82b4d5575aa7c8a7ab3f.EOT?#iefix);
  /* File for IE 9 */
  src: url(b77989c9e1ef82b4d5575aa7c8a7ab3f.EOT?#iefix) format("embedded-opentype"),  url(3da5b00249df24c7662b2f983e3e1b7b.ttf) format("opentype");
}
@font-face {
  font-family: RijksText;
  /* Font descriptors */
  font-weight: bold;
  font-style: italic;
  /* File for IE 8 */
  src: url(337098fa786c63e7dd4246725f213fe8.EOT?#iefix);
  /* File for IE 9 */
  src: url(337098fa786c63e7dd4246725f213fe8.EOT?#iefix) format("embedded-opentype"),  url(6698752abe79884ded18805f4f66f555.ttf) format("opentype");
}
@font-face {
  font-family: 'Rijksmuseum-Icons';
  src: url(d0fb08d09e5d057c8f2cd94c5eaa27fd.eot);
  src: url(d0fb08d09e5d057c8f2cd94c5eaa27fd.eot#iefix) format('embedded-opentype'), url(591941a23c7df2c1f019e7214b71f127.ttf) format('truetype'), url(89dae1f09720df7f6e31cc4cbb8b7f95.woff) format('woff'), url(7e236eab552b80227665cbb7a45cde94.svg#Rijksmuseum-Icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-im-"]::before,
[class*=" icon-im-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Rijksmuseum-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-im-lock_closed:before {
  content: "\E931";
}
.icon-im-lock_open:before {
  content: "\E932";
}
.icon-im-photo:before {
  content: "\E900";
}
.icon-im-view-rows:before {
  content: "\E901";
}
.icon-im-view-grid:before {
  content: "\E902";
}
.icon-im-close:before {
  content: "\E903";
}
.icon-im-previous:before {
  content: "\E904";
}
.icon-im-next:before {
  content: "\E905";
}
.icon-im-zoom-out:before {
  content: "\E906";
}
.icon-im-zoom-in:before {
  content: "\E907";
}
.icon-im-twitter:before {
  content: "\E908";
}
.icon-im-star:before {
  content: "\E909";
}
.icon-im-star-outline:before {
  content: "\E90A";
}
.icon-im-eye:before {
  content: "\E90B";
}
.icon-im-share:before {
  content: "\E90C";
}
.icon-im-settings:before {
  content: "\E90D";
}
.icon-im-search:before {
  content: "\E90E";
}
.icon-im-scissors:before {
  content: "\E90F";
}
.icon-im-print:before {
  content: "\E910";
}
.icon-im-pointer:before {
  content: "\E911";
}
.icon-im-plus:before {
  content: "\E912";
}
.icon-im-plus-small:before {
  content: "\E913";
}
.icon-im-play:before {
  content: "\E914";
}
.icon-im-pinterest:before {
  content: "\E915";
}
.icon-im-minus:before {
  content: "\E916";
}
.icon-im-minus-small:before {
  content: "\E917";
}
.icon-im-instagram:before {
  content: "\E918";
}
.icon-im-close-small:before {
  content: "\E919";
}
.icon-im-input-clear:before {
  content: "\E91A";
}
.icon-im-info:before {
  content: "\E91B";
}
.icon-im-heart:before {
  content: "\E91C";
}
.icon-im-heart-outline:before {
  content: "\E91D";
}
.icon-im-header:before {
  content: "\E91E";
}
.icon-im-fullscreen:before {
  content: "\E922";
}
.icon-im-facebook:before {
  content: "\E91F";
}
.icon-im-email:before {
  content: "\E920";
}
.icon-im-edit:before {
  content: "\E921";
}
.icon-im-drag:before {
  content: "\E922";
}
.icon-im-download:before {
  content: "\E923";
}
.icon-im-detail:before {
  content: "\E924";
}
.icon-im-description:before {
  content: "\E925";
}
.icon-im-delete:before {
  content: "\E926";
}
.icon-im-cutout-landscape:before {
  content: "\E927";
}
.icon-im-cutout-square:before {
  content: "\E928";
}
.icon-im-cutout-portrait:before {
  content: "\E929";
}
.icon-im-check:before {
  content: "\E92A";
}
.icon-im-bag:before {
  content: "\E92B";
}
.icon-im-back-to-top:before {
  content: "\E92C";
}
.icon-im-avatar:before {
  content: "\E92D";
}
.icon-im-arrow-menu:before {
  content: "\E92E";
}
.icon-im-arrow-button-thin:before {
  content: "\E92F";
}
.icon-im-arrow-button-thick:before {
  content: "\E930";
}
.icon-im-menu:before {
  content: "\E933";
}
/* Variables and Macros TYPEFACES */
/* Turquoise */
/*! 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;
}
*,
*: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;
  }
}
.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 {
  opacity: 1;
  transition: opacity 0.6s;
}
.expandable-text:after {
  opacity: 0;
  transition: opacity 0.6s;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  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 HEADERS */
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.047619047619048em;
}
.layout-wide [class*="page-header"] h1,
.layout-wide [class*="page-header"] .h1-like {
  font-size: 4.8em;
  line-height: .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.047619047619048em;
  }
}
@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.111111111111111em;
  }
}
@media screen and (max-width: 600px) {
  h1,
  .h1-like {
    font-size: 2.4em;
    line-height: 1.111111111111111em;
  }
}
/* Text Headers H2 */
h2,
.h2-like {
  font-size: 1.733333333333333em;
  line-height: 1.076923076923077em;
}
@media screen and (max-width: 600px) {
  h2,
  .h2-like {
    font-size: 1.6em;
    line-height: 1.083333333333333em;
  }
}
/* Text Headers H3 */
h3,
.h3-like,
.small-headers h2 {
  font-size: 1.333333333333333em;
  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.733333333333333em;
  line-height: 1.076923076923077em;
}
@media (max-width: 1600px) {
  figure h3,
  figure .h3-like {
    font-size: 1.333333333333333em;
    line-height: 1.15em;
  }
}
/* Text headers within a stream CTA */
.stream-cta h2,
.stream-cta .h2-like {
  font-size: 1.733333333333333em;
  line-height: 1.076923076923077em;
}
@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.047619047619048em;
    font-size: 2.2vw;
  }
}
/* Text PARAGRAPHS and BLOCK QUOTES */
p,
blockquote {
  margin: 0 0 12px 0;
}
.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: "\2022";
  font-size: 22px;
  color: #d55140;
}
.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.7333333333333333em;
  /* = 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.733333333333333em;
  line-height: 1.076923076923077em;
  background: none;
  color: inherit;
}
/* Text Lists LIS WITH LITTLE ARROWS FOR LINKS */
.list-links > li {
  padding-left: 8px;
}
.list-links > li:before {
  content: "\203A";
  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: "\203A";
  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 SINGLE LIS */
li:only-child {
  padding-left: 0;
}
li:only-child:before {
  display: none;
}
/* 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;
}
a,
.link-like {
  cursor: pointer;
  text-decoration: underline;
  color: inherit;
  transition: color 0.2s ease-in-out;
}
a:hover,
.link-like:hover,
a:active,
.link-like:active {
  color: inherit;
  text-decoration: none;
}
.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: .94em;
}
@media (max-width: 600px) {
  .text-huge {
    font-size: 4em;
  }
}
/* Text SMALL */
small,
.text-small {
  font-size: 0.86666666666666666666666666666667em;
  line-height: 1.2em;
}
/* Text LARGE (INTRO) */
.text-intro {
  font-size: 1.333333333333333em;
  line-height: 1.15em;
}
@media (max-width: 480px) {
  .text-intro {
    font-size: 1.2em;
    line-height: 1.111111111111111em;
  }
}
/* Text EXTRA LARGE (PULL OUT) */
.text-pull-out {
  font-size: 1.733333333333333em;
  line-height: 1.076923076923077em;
}
@media (max-width: 600px) {
  .text-pull-out {
    font-size: 1.6em;
    line-height: 1.083333333333333em;
  }
}
/* 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: "|\A0";
  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: .8em;
  line-height: .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");
  background-image: none;
  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;
}
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;
  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);
  transition: -webkit-transform 0.1s ease-in 0s;
  transition: transform 0.1s ease-in 0s;
  transition: transform 0.1s ease-in 0s, -webkit-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;
}
/* 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-white.png");
  background-image: none;
  color: white;
  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-white.png"), url("/WebStatic/Images/Icons/icons-black.png");
  background-image: none, none;
}
.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-white.png"), url("/WebStatic/Images/Icons/icons-white.png");
  background-image: none, none;
}
/* 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");
  background-image: none;
}
/* 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");
  background-image: none;
  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");
  background-image: none, none;
}
/* 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-white.png");
  background-image: none;
  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-white.png"), url("/WebStatic/Images/Icons/icons-white.png");
  background-image: none, none;
}
/* Buttons BIG and BOLD */
.button-big {
  font-size: 1.2em;
}
.button-bold {
  font-weight: bold;
}
/* 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");
  background-image: none;
}
/* 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 LIGHTEST */
.button-lightest {
  background-color: white;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-image: none;
  color: black;
}
.button-lightest:hover,
.button-lightest:active {
  background-color: black;
  background-image: url("/WebStatic/Images/Icons/icons-white.png");
  background-image: none;
  color: white;
}
/* Button Colors TRANSPARENT */
.button-transparent {
  background-color: transparent;
  background-image: url("/WebStatic/Images/Icons/icons-black.png");
  background-image: none;
}
.button-transparent:hover,
.button-transparent:active {
  background-color: black;
  background-image: url("/WebStatic/Images/Icons/icons-white.png");
  background-image: none;
}
/* 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-white.png");
  background-image: none;
}
/* 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;
}
.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 span {
  display: inline-block;
  padding-right: 16px;
  width: 36px;
  text-align: center;
}
.no-multiplebgs .button-number {
  padding-left: 10px;
  padding-right: 12px;
}
.no-multiplebgs .button-number span {
  display: block;
  width: 20px;
  float: left;
}
/* 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-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-rotate-90:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[class*="icon-im-"].icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[class*="icon-im-"].icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
[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");
  background-image: none;
}
/* 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;
  /* Grijsgeel */
}
.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: .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: .2;
  }
}
@keyframes blink {
  /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
  0% {
    opacity: .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: .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: .2s;
          animation-delay: .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: .4s;
          animation-delay: .4s;
}
.button-selected {
  background-color: white !important;
  background-image: url("/WebStatic/Images/Icons/icons-black.png") !important;
  background-image: none !important;
  color: black !important;
}
.button-hover-dark:hover,
.button-hover-darkest:hover {
  background-image: url("/WebStatic/Images/Icons/icons-white.png") !important;
  background-image: none !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;
  background-image: none !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;
  background-image: none !important;
  color: black !important;
}
.bg-lighter .button-selected,
.bg-lightest .button-selected {
  background-color: black !important;
  background-image: url("/WebStatic/Images/Icons/icons-white.png") !important;
  background-image: none !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-white.png") !important;
  background-image: none !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;
  background-image: none !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;
  background-image: none, none !important;
}
.multiplebgs .bg-lighter .button-selected.button-combo-divided,
.multiplebgs .bg-lightest .button-selected.button-combo-divided {
  background-image: url("/WebStatic/Images/Icons/icons-white.png"), url("/WebStatic/Images/Icons/icons-white.png") !important;
  background-image: none, none !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;
  background-image: none, none !important;
}
.button-disabled {
  cursor: default !important;
  background-color: black !important;
  background-image: url("/WebStatic/Images/Icons/icons-white.png") !important;
  background-image: none !important;
  color: white !important;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.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;
  background-image: none !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;
  background-image: none !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-white.png"), url("/WebStatic/Images/Icons/icons-white.png") !important;
  background-image: none, none !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;
  background-image: none, none !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;
  background-image: none, none !important;
}
/* 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;
}
.disable-hover,
.disable-hover * {
  pointer-events: none !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;
  transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
}
.faded-in.fast,
.touch .touch-faded-in.fast {
  transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.0s;
}
.faded-out,
.touch .touch-faded-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
}
.faded-out.fast,
.touch .touch-faded-out.fast {
  transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
}
.animate-background {
  transition: background-color 0.2s ease-in-out;
}
.animate-color {
  transition: color 0.2s ease-in-out;
}
.animate-transform {
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.animate-width {
  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);
}
/* 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: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: 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 {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.util-bar.items-right {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.util-bar.items-justified {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.util-bar.items-top {
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}
.util-bar.items-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.util-bar.items-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .util-bar.moblg-wrap {
    -ms-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;
  -ms-flex: 1;
  flex: 1;
}
.util-bar .fill-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.util-bar .fill-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.util-bar .item-start {
  -ms-flex-item-align: start;
  -webkit-align-self: flex- start;
  align-self: flex- start;
}
.util-bar .item-center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  -ms-grid-row-align: center;
      align-self: center;
}
.util-bar .item-end {
  -ms-flex-item-align: end;
  -webkit-align-self: flex- end;
  align-self: flex- end;
}
.order-1 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
}
@media (max-width: 700px) {
  .tabsm-order-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .tabsm-order-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .tabsm-order-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-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: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
.util-block.items-centered {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: 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 (max-width: 600px) {
  .moblg-hide {
    display: none;
  }
  .moblg-show {
    display: block !important;
  }
  .moblg-faded-out {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .moblg-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .moblg-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .moblg-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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);
  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;
  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;
  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;
  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(66.66666667%  - 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(50%  - 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(66.66666667%  - 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%  - 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%  - 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 {
  border-width: 3px;
  border-color: #eaeaea;
}
.div-top {
  border-top-style: solid;
}
.div-right {
  border-right-style: solid;
}
.div-bottom {
  border-bottom-style: solid;
}
.div-left {
  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 {
  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%;
}
.width-55-percent {
  width: 55%;
}
.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.5531914893617%;
  }
}
/* 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;
}
.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 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;
}
/* 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: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: 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: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: 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;
  transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
}
.mini-page .base-faded-out.fast {
  transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
}
.mini-page .base-faded-in {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
}
.mini-page .base-faded-in.fast {
  transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .desktop-m-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .desktop-m-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .desktop-m-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .desktop-s-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .desktop-s-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .desktop-s-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-l-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .tablet-l-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-l-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-lg-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .tablet-lg-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-lg-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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 (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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-p-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .tablet-p-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-p-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-sm-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .tablet-sm-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .tablet-sm-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .mobile-lg-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .mobile-lg-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .mobile-lg-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .mobile-l-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .mobile-l-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .mobile-l-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .mobile-p-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .mobile-p-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .mobile-p-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: 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;
    transition: visibility 0.0s linear 0.2s, opacity 0.2s linear 0.0s;
  }
  .mini-page .print-faded-out.fast {
    transition: visibility 0.0s linear 0.1s, opacity 0.1s linear 0.0s;
  }
  .mini-page .print-faded-in {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.0s linear 0.0s, opacity 0.2s linear 0.0s;
  }
  .mini-page .print-faded-in.fast {
    transition: visibility 0.0s linear 0.0s, opacity 0.1s linear 0.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;
}
/* TODO "code-examples for API-documentation" */
.grid-example-column {
  padding: 10px 20px!important;
  margin-bottom: 5px;
}
.example-color {
  height: 80px;
  padding: 10px;
}
/* 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%;
}
/* 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;
}  
  
*/
.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;
  }
}
#intercom-container {
  display: none !important;
}
/*
  Gordon stuff below
*/
.linear {
  transition: all 0.5s linear;
}
.ease {
  transition: all 0.5s ease;
}
.ease-in {
  transition: all 0.5s ease-in;
}
.ease-out {
  transition: all 0.5s ease-out;
}
.ease-in-out {
  transition: all 0.5s ease-in-out;
}
.ease-in-sine {
  transition: all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.ease-out-sine {
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ease-in-out-sine {
  transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ease-in-quad {
  transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.ease-out-quad {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ease-in-out-quad {
  transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ease-in-cubic {
  transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.ease-out-cubic {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ease-in-out-cubic {
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ease-in-quart {
  transition: all 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.ease-out-quart {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ease-in-out-quart {
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.ease-in-quint {
  transition: all 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ease-out-quint {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ease-in-out-quint {
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.ease-in-expo {
  transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.ease-out-expo {
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.ease-in-out-expo {
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}
.ease-in-circ {
  transition: all 0.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.ease-out-circ {
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.ease-in-out-circ {
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ease-in-back {
  transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.ease-out-back {
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ease-in-out-back {
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* override Rijks mixin to prevent 404's for spritesheets we don't use */
/*

 overrides & extensions for Rijksmuseum styles.

 Example: Gordon-style buttons

*/
html,
body {
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: white;
}
html.fill-screen,
html.fill-screen body,
html.fill-screen .body-content {
  height: 100%;
  min-height: 100%;
}
html.no-overflow,
html.no-overflow body {
  overflow: hidden;
}
.button-primary {
  background-color: #ac8367;
}
.button-secondary {
  background-color: #eaeaea;
  color: #ac8367;
}
.button-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
.button-download {
  color: white;
  background-color: #d55140;
}
/* TODO: maby restrict this color on light backgrounds only? like bg-lighter and bg=lightest? */
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like {
  color: #ac8367;
}
ul > li:before {
  color: #ac8367;
}
ol[start="1"] {
  counter-reset: li 0;
}
ol[start="2"] {
  counter-reset: li 1;
}
ol[start="3"] {
  counter-reset: li 2;
}
ol[start="4"] {
  counter-reset: li 3;
}
ol[start="5"] {
  counter-reset: li 4;
}
ol[start="6"] {
  counter-reset: li 5;
}
ol[start="7"] {
  counter-reset: li 6;
}
ol[start="8"] {
  counter-reset: li 7;
}
ol[start="9"] {
  counter-reset: li 8;
}
ol[start="10"] {
  counter-reset: li 9;
}
ol[start="11"] {
  counter-reset: li 10;
}
ol[start="12"] {
  counter-reset: li 11;
}
ol[start="13"] {
  counter-reset: li 12;
}
ol[start="14"] {
  counter-reset: li 13;
}
ol[start="15"] {
  counter-reset: li 14;
}
ol[start="16"] {
  counter-reset: li 15;
}
ol[start="17"] {
  counter-reset: li 16;
}
ol[start="18"] {
  counter-reset: li 17;
}
ol[start="19"] {
  counter-reset: li 18;
}
ol[start="20"] {
  counter-reset: li 19;
}
ol[start="21"] {
  counter-reset: li 20;
}
ol[start="22"] {
  counter-reset: li 21;
}
ol[start="23"] {
  counter-reset: li 22;
}
ol[start="24"] {
  counter-reset: li 23;
}
ol[start="25"] {
  counter-reset: li 24;
}
ol[start="26"] {
  counter-reset: li 25;
}
ol[start="27"] {
  counter-reset: li 26;
}
ol[start="28"] {
  counter-reset: li 27;
}
ol[start="29"] {
  counter-reset: li 28;
}
ol[start="30"] {
  counter-reset: li 29;
}
ol[start="31"] {
  counter-reset: li 30;
}
ol[start="32"] {
  counter-reset: li 31;
}
ol[start="33"] {
  counter-reset: li 32;
}
ol[start="34"] {
  counter-reset: li 33;
}
ol[start="35"] {
  counter-reset: li 34;
}
ol[start="36"] {
  counter-reset: li 35;
}
ol[start="37"] {
  counter-reset: li 36;
}
ol[start="38"] {
  counter-reset: li 37;
}
ol[start="39"] {
  counter-reset: li 38;
}
ol[start="40"] {
  counter-reset: li 39;
}
ol[start="41"] {
  counter-reset: li 40;
}
ol[start="42"] {
  counter-reset: li 41;
}
ol[start="43"] {
  counter-reset: li 42;
}
ol[start="44"] {
  counter-reset: li 43;
}
ol[start="45"] {
  counter-reset: li 44;
}
ol[start="46"] {
  counter-reset: li 45;
}
ol[start="47"] {
  counter-reset: li 46;
}
ol[start="48"] {
  counter-reset: li 47;
}
ol[start="49"] {
  counter-reset: li 48;
}
ol[start="50"] {
  counter-reset: li 49;
}
ol[start="51"] {
  counter-reset: li 50;
}
ol[start="52"] {
  counter-reset: li 51;
}
ol[start="53"] {
  counter-reset: li 52;
}
ol[start="54"] {
  counter-reset: li 53;
}
ol[start="55"] {
  counter-reset: li 54;
}
ol[start="56"] {
  counter-reset: li 55;
}
ol[start="57"] {
  counter-reset: li 56;
}
ol[start="58"] {
  counter-reset: li 57;
}
ol[start="59"] {
  counter-reset: li 58;
}
ol[start="60"] {
  counter-reset: li 59;
}
ol[start="61"] {
  counter-reset: li 60;
}
ol[start="62"] {
  counter-reset: li 61;
}
ol[start="63"] {
  counter-reset: li 62;
}
ol[start="64"] {
  counter-reset: li 63;
}
ol[start="65"] {
  counter-reset: li 64;
}
ol[start="66"] {
  counter-reset: li 65;
}
ol[start="67"] {
  counter-reset: li 66;
}
ol[start="68"] {
  counter-reset: li 67;
}
ol[start="69"] {
  counter-reset: li 68;
}
ol[start="70"] {
  counter-reset: li 69;
}
ol[start="71"] {
  counter-reset: li 70;
}
ol[start="72"] {
  counter-reset: li 71;
}
ol[start="73"] {
  counter-reset: li 72;
}
ol[start="74"] {
  counter-reset: li 73;
}
ol[start="75"] {
  counter-reset: li 74;
}
ol[start="76"] {
  counter-reset: li 75;
}
ol[start="77"] {
  counter-reset: li 76;
}
ol[start="78"] {
  counter-reset: li 77;
}
ol[start="79"] {
  counter-reset: li 78;
}
ol[start="80"] {
  counter-reset: li 79;
}
ol[start="81"] {
  counter-reset: li 80;
}
ol[start="82"] {
  counter-reset: li 81;
}
ol[start="83"] {
  counter-reset: li 82;
}
ol[start="84"] {
  counter-reset: li 83;
}
ol[start="85"] {
  counter-reset: li 84;
}
ol[start="86"] {
  counter-reset: li 85;
}
ol[start="87"] {
  counter-reset: li 86;
}
ol[start="88"] {
  counter-reset: li 87;
}
ol[start="89"] {
  counter-reset: li 88;
}
ol[start="90"] {
  counter-reset: li 89;
}
ol[start="91"] {
  counter-reset: li 90;
}
ol[start="92"] {
  counter-reset: li 91;
}
ol[start="93"] {
  counter-reset: li 92;
}
ol[start="94"] {
  counter-reset: li 93;
}
ol[start="95"] {
  counter-reset: li 94;
}
ol[start="96"] {
  counter-reset: li 95;
}
ol[start="97"] {
  counter-reset: li 96;
}
ol[start="98"] {
  counter-reset: li 97;
}
ol[start="99"] {
  counter-reset: li 98;
}
ol[start="100"] {
  counter-reset: li 99;
}
ol > li:before {
  background: #ac8367;
}
.md-remark {
  color: #a2abad;
}
.bg-dark {
  background-color: #846048;
}
.bg-dark * {
  color: white;
}
.bg-dark .bg-lightest h1 {
  color: #ac8367;
}
.bg-dark .bg-lightest * {
  color: #40474f;
}
.gpu-layer {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
/*

  Newly created components for things that did not exist in the ols Rijksmuseum styles.

  Components <==> generic things that can and should be used in multiple pages (see /pages for page-specific styles)

  Example: the darkblue sub-header that's new in the Gordon design.

*/
.sub-header {
  background-color: #343537;
  display: block;
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
.custom-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-input:not(:checked):not(:hover) + .tab {
  color: #ac8367;
  background: #eaeaea;
}
.screen-padding {
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .screen-padding {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-icon-only {
    padding: 0;
    text-indent: -9999px;
  }
  .mobile-icon-only::before {
    text-indent: 0px;
  }
}
nav.mainmenu {
  /* desktop style menu */
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  padding: 40px;
  line-height: 40px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* prevents flicker on ipad4 */
}
nav.mainmenu li {
  padding: 0;
  /* remove  bullet */
  display: inline;
  margin-left: 44px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  color: white;
}
nav.mainmenu li:before {
  content: none;
  margin: 0px;
}
nav.mainmenu li a {
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.mobile-menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  opacity: 0;
  /* default not visible */
  background-color: #ac8367;
  -webkit-transform: translate3d(0, -100vh, 0);
          transform: translate3d(0, -100vh, 0);
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobile-menu-container.show-menu {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.mobile-menu-container .logo-image-container {
  position: relative;
  background-position: center;
  background-size: cover;
  width: 100%;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  max-height: 200px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mobile-menu-container .logo-image-container .rijksmuseum-logo {
  position: absolute;
  bottom: 0;
  width: 70%;
  max-width: 300px;
  margin-left: 20px;
  margin-bottom: 20px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}
.mobile-menu-container nav {
  width: 100%;
  background-color: #ac8367;
}
.mobile-menu-container nav li {
  padding: 0;
  /* remove  bullet */
  margin: 0;
}
.mobile-menu-container nav li:before {
  content: none;
  margin: 0px;
}
.mobile-menu-container nav li a {
  padding-left: 20px;
  display: block;
  border-bottom: 1px solid #e6d5b6;
  border-radius: unset;
}
@media only screen and (min-height: 500px) {
  .mobile-menu-container nav li a {
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
  }
  .mobile-menu-container nav li a::before {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* menu button */
.toggle-menu {
  position: absolute;
  right: 0;
  top: 0;
  margin: 20px;
  display: none;
  /* hide on large screens */
  z-index: 11;
}
/* responsive behavior */
@media only screen and (max-width: 767px) {
  .home-button,
  .mainmenu {
    display: none;
  }
  .toggle-menu {
    display: inline-block;
  }
  .mobile-menu-container {
    opacity: 1;
  }
}
.page-header {
  background-color: black;
}
.up-one-level-button {
  position: absolute;
  left: 0;
  top: 0;
  margin: 40px;
  z-index: 9;
}
.layout-wide > header {
  height: 460px;
  position: relative;
}
.layout-wide > header.smallHeader {
  height: 300px;
}
.layout-wide > header .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.layout-wide > header .screen-padding {
  height: 100%;
}
.layout-wide > header .screen-padding h1 {
  position: absolute;
  bottom: 20px;
  color: white;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
  margin: 0;
  font-size: 72px;
}
.header-caption {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #eaeaea;
}
@media only screen and (max-width: 767px) {
  .up-one-level-button {
    margin: 20px;
  }
  html.smaller-up-button .up-one-level-button {
    font-size: 1em;
  }
  .layout-wide > header {
    height: 200px;
  }
  .layout-wide > header.smallHeader {
    height: 200px;
  }
  .layout-wide > header .screen-padding h1 {
    font-size: 42px;
  }
}
.fullscreen-toggle .icon-im-fullscreen,
.fullscreen-toggle .icon-im-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 40px;
  z-index: 3;
  visibility: hidden;
}
#is-fullscreen:checked + div {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  max-height: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 9999 !important;
}
#is-fullscreen:checked + div .fullscreen-toggle .icon-im-close {
  visibility: visible;
  position: fixed;
}
#is-fullscreen:not(:checked) ~ div .fullscreen-toggle .icon-im-fullscreen {
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .fullscreen-toggle .icon-im-fullscreen,
  .fullscreen-toggle .icon-im-close {
    margin: 20px;
  }
}
.homepage-container {
  width: 100vw;
  height: 100%;
  padding: 40px;
}
.homepage-container .homepage-content {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.homepage-container .homepage-content h1 {
  margin-bottom: 20px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* prevents flicker on ipad4 */
}
.homepage-container .homepage-content .rijksmuseum-logo {
  height: 22px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}
.homepage-container .homepage-content .homepage-subtitle {
  line-height: 1.2em;
  font-size: 26px;
  font-weight: bold;
  color: white;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* prevents flicker on ipad4 */
}
.homepage-container .homepage-content .homepage-subtitle h2 {
  font-size: 42px;
  color: white;
  margin-bottom: 0;
}
.homepage-container .homepage-content .homepage-subtitle > * {
  margin-left: -0.09em;
  /* font doesn't properly align to the left */
}
.homepage-container .homepage-content .attribution {
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  /* prevents flicker on ipad4 */
}
.homepage-container .homepage-carroussel-button {
  position: absolute;
  bottom: 50vh;
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  border-radius: 6px;
}
.homepage-container .homepage-carroussel-button.homepage-carroussel-button-prev {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.homepage-container .homepage-carroussel-button.homepage-carroussel-button-next {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.homepage-carroussel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.7s ease-out;
  transition: transform 0.7s ease-out;
  transition: transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
}
.homepage-carroussel .homepage-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.homepage-carroussel .homepage-slide.right {
  -webkit-transform: translate3d(100vw, 0, 0);
          transform: translate3d(100vw, 0, 0);
}
.homepage-carroussel .homepage-slide-context {
  padding: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 480px;
  font-weight: bold;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.homepage-carroussel .homepage-slide-context a.button-like {
  font-size: 19px;
  max-width: 100%;
}
.homepage-carroussel .homepage-slide-title {
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  font-size: 42px;
  color: white;
}
.homepage nav.mainmenu {
  line-height: 22px;
}
.homepage .footer {
  display: none;
}
.homepage .brenthurst-logo {
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .homepage-container {
    padding: 20px;
  }
  .homepage-container .homepage-content h1 {
    padding: 9px 0;
  }
  .homepage-container .homepage-content .homepage-subtitle {
    font-size: 22px;
  }
  .homepage-container .homepage-content .homepage-subtitle h2 {
    font-size: 36px;
  }
  .homepage-carroussel .homepage-slide-context {
    padding: 20px;
  }
  .homepage-carroussel .homepage-slide-title {
    font-size: 36px;
  }
  .homepage .footer {
    background-color: #000;
    height: auto;
    position: absolute;
    width: 100vw;
    padding: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
  }
  .homepage .footer-hide {
    display: none;
  }
  .homepage .attribution {
    display: none;
  }
}
@media only screen and (max-height: 400px) {
  .homepage-container .homepage-carroussel-button {
    bottom: 200px;
  }
}
.about-page .text-bottom {
  position: absolute;
  bottom: 20px;
}
.about-page .page-header-content-big {
  min-height: 280px;
  height: 30vmin;
  max-height: 425px;
}
.about-page .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-page .row .column {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.about-page .row .column + .column {
  margin-left: 40px;
}
.about-page h2:not(:first-child) {
  margin-top: 1.5em;
}
.about-page .writing-carousel {
  height: 50vh;
}
.about-page .contact {
  line-height: 1.5em;
}
.about-page .contact h3 {
  color: inherit;
  margin-bottom: 5px;
}
.about-page .button-like.button-big {
  margin-right: 10px;
  margin-top: 10px;
}
.about-page .patrons {
  margin-top: 40px;
}
.about-page .patrons img {
  width: 50%;
  max-width: 280px;
}
@media only screen and (max-width: 767px) {
  .about-page .row {
    display: block;
  }
  .about-page .row .column {
    width: 100%;
  }
  .about-page .row .column + .column {
    margin-left: 0;
    margin-top: 20px;
  }
}
.writingpage-lists {
  padding-top: 0;
  background: white;
}
.writingpage-lists .mobile-nav {
  display: none;
}
.writingpage-lists > section {
  margin-top: 65px;
  border-bottom: #eaeaea 3px solid;
  padding-bottom: 20px;
}
.writingpage-lists h2 {
  font-size: 40px;
}
.writingpage-lists ul {
  display: flex /*yo*/;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.writingpage-lists ul li {
  padding: 0;
  margin: 0 50px 0 0;
  width: 250px;
  list-style-type: none;
  color: black;
  margin-bottom: 40px;
}
.writingpage-lists ul li .search-result-image {
  width: 100%;
  height: 160px;
  background-color: #e7e7e7;
  background-position: center center;
  background-size: cover;
}
.writingpage-lists ul li h3,
.writingpage-lists ul li a {
  margin-top: 15px;
  margin-bottom: 0;
}
.writingpage-lists ul li date,
.writingpage-lists ul li .subtitle {
  display: block;
  margin-top: 5px;
}
.writingpage-lists ul li .button-like:hover {
  color: #eaeaea;
  background-color: #ac8367;
}
.writingpage-lists ul li:before {
  content: none;
}
.writingpage-lists ul li .manuscript-image-wrapper {
  display: block;
  position: relative;
  margin-top: 0;
}
.writingpage-lists ul li .button-download:hover {
  background-color: black;
}
@media only screen and (max-width: 767px) {
  .writingpage-lists ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .writingpage-lists ul li {
    width: 45%;
    margin: 20px 0 0 0;
  }
  .writingpage-lists .mobile-nav {
    display: block;
    margin-top: 30px;
  }
  .writingpage-lists .mobile-nav .button-like {
    margin-top: 3px;
  }
}
@media only screen and (max-width: 450px) {
  .writingpage-lists ul li {
    width: 100%;
  }
}
.drawing-page {
  height: 100%;
  background: white;
}
.drawing-page .drawing-viewer {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 55vw;
  z-index: 1;
  background: #40474f;
}
.drawing-page .drawing-viewer.no-image {
  color: white;
  text-align: center;
  padding-top: 50vh;
}
.drawing-page .drawing-viewer .up-one-level-button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 40px;
  z-index: 1;
}
.drawing-page .drawing-viewer .buttons-compact {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 40px;
  z-index: 1;
}
.drawing-page .drawing-viewer micrio {
  width: 100%;
  height: 100%;
}
.drawing-page #is-fullscreen:checked ~ .drawing-viewer .up-one-level-button {
  display: none;
}
.drawing-page .drawing-content {
  margin-left: 55vw;
  padding: 40px;
}
.drawing-page .content-tabs {
  margin-top: 40px;
  padding-right: 40px;
}
.drawing-page .content-tabs .content {
  display: none;
  margin-top: 40px;
}
.drawing-page .content-tabs .content table {
  font-size: 80%;
  width: 100%;
  margin: 15px 0px;
  border-spacing: 3px;
  border-collapse: separate;
}
.drawing-page .content-tabs .content table td,
.drawing-page .content-tabs .content table th {
  padding: 0 0;
  min-width: 30px;
}
.drawing-page .content-tabs .content table.equal-columns td,
.drawing-page .content-tabs .content table.equal-columns th {
  width: 1%;
}
.drawing-page .content-tabs #view-inscription:checked ~ .inscription,
.drawing-page .content-tabs #view-translation:checked ~ .translation {
  display: block;
}
.drawing-page .content-tabs .tab {
  width: 48%;
}
.drawing-page .object-data {
  margin-top: 40px;
}
.drawing-page .object-data .remarks > :first-child::before {
  content: 'Remarks:\A0';
  float: left;
  font-weight: bold;
  color: #40474f;
}
.drawing-page .object-data .label {
  font-weight: bold;
  color: #40474f;
}
@media only screen and (max-width: 767px) {
  .drawing-page .drawing-viewer {
    position: relative;
    width: 100vmin;
    height: 100vmin;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .drawing-page .drawing-viewer .up-one-level-button {
    margin: 20px;
  }
  .drawing-page .drawing-viewer .buttons-compact {
    margin: 20px;
  }
  .drawing-page #is-fullscreen:checked ~ .drawing-viewer {
    height: 100%;
  }
  .drawing-page .drawing-content {
    margin-left: 0;
    padding: 20px;
  }
  .drawing-page .content-tabs {
    margin-top: 20px;
    padding-right: 0px;
  }
  .drawing-page .content-tabs .content {
    margin-top: 20px;
  }
  .drawing-page .object-data {
    margin-top: 20px;
  }
}
.map-page {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
.map-page .toggler {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  padding-bottom: 40px;
}
.map-page .toggler .tab {
  position: relative;
  top: calc(100% - 40px);
  z-index: 3;
  width: 10em;
  text-align: center;
}
.map-page .toggler .original-map,
.map-page .toggler .google-map {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  z-index: 1;
  background: black;
  overflow: hidden;
}
.map-page .toggler #view-original-map:checked ~ .original-map,
.map-page .toggler #view-both:checked ~ .original-map,
.map-page .toggler #view-google-map:checked ~ .google-map {
  z-index: 2;
}
.map-page .toggler #view-both:checked ~ .original-map {
  right: 50%;
}
.map-page .toggler #view-both:checked ~ .google-map {
  left: 50%;
}
@media (max-width: 899px) {
  .map-page .toggler {
    padding-bottom: 20px;
  }
  .map-page .toggler .tab {
    width: 45vw;
  }
  .map-page .toggler label[for='view-both'] {
    display: none;
  }
  .map-page .toggler #view-both:checked ~ .original-map {
    right: 0;
  }
  .map-page .toggler #view-both:checked ~ .google-map {
    left: 0;
  }
}
.map-page .toggler .micrio-container {
  width: 100%;
  height: 100%;
}
.map-page .toggler .marker-container,
.map-page .toggler .marker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.map-page .toggler .marker {
  cursor: pointer;
  width: 26px;
  height: 39px;
  margin: -33px -13px;
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
  background-size: contain;
}
.map-page .toggler .marker.selected::after {
  content: '';
  opacity: 1;
  position: absolute;
  display: block;
  background: white;
  width: 20px;
  height: 20px;
  margin: -10px;
  z-index: 4;
  -webkit-transform: translateY(35px) translate(14px, 18px) rotate(45deg);
          transform: translateY(35px) translate(14px, 18px) rotate(45deg);
}
.map-page .toggler .marker.selected.above::after {
  -webkit-transform: translateY(-35px) translate(14px, 18px) rotate(45deg);
          transform: translateY(-35px) translate(14px, 18px) rotate(45deg);
}
.map-page .info-window-container {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 4;
  min-width: 225px;
  max-width: calc(100% -  225px);
  pointer-events: none;
}
.map-page .info-window {
  position: absolute;
  top: 100%;
  left: 100%;
  width: 370px;
  margin: 35px -185px 0;
  pointer-events: all;
  display: none;
}
.map-page .info-window.selected {
  display: block;
}
.map-page .info-window.selected.above {
  top: auto;
  bottom: 0%;
  margin-top: 0;
  margin-bottom: 35px;
}
.map-page .info-window-content {
  width: 370px;
  text-align: left;
  padding: 20px;
  min-height: 200px;
  max-height: 40vh;
  overflow: auto;
}
.map-page .info-window-content div + div {
  border-top: 1px solid #eaeaea;
  margin-top: 20px;
  padding-top: 20px;
}
.map-page .info-window-content .group-name {
  color: #a2abad;
  font-style: italic;
}
.map-page .gm-style-iw .info-window-content {
  margin: 0 0 0 -15px;
  padding-right: 0;
}
.map-page .up-one-level-button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 40px;
  z-index: 3;
}
.map-page .buttons-compact {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 40px;
  z-index: 3;
}
.map-page .fullscreen-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 899px) {
  .map-page .info-window-container {
    min-width: 50vw;
    max-width: 50vw;
  }
  .map-page .info-window {
    margin: 35px calc(-50vw +  20px);
  }
  .map-page .info-window,
  .map-page .info-window-content {
    width: calc(100vw -  40px);
  }
  .map-page .up-one-level-button {
    margin: 20px;
  }
  .map-page .buttons-compact,
  .map-page .fullscreen-toggle {
    display: none;
  }
}
.map-page #location-data {
  display: none;
}
article.writing-page {
  margin: 0 80px;
  padding-top: 120px;
  padding-bottom: 80px;
  min-height: calc(100vh - 80px);
}
article.writing-page .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
article.writing-page .flex-wrapper > div {
  width: 100%;
}
@media only screen and (min-width: 1360px) {
  article.writing-page .flex-wrapper > div {
    width: 1200px;
  }
}
article.writing-page header.writing-body-wrapper {
  margin-bottom: 40px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
article.writing-page .writing-body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
article.writing-page .writing-body-wrapper .writing-text {
  width: 49%;
  max-width: 560px;
  box-sizing: border-box;
  position: relative;
}
article.writing-page .writing-body-wrapper .writing-text table {
  font-size: 80%;
  width: 100%;
  margin: 15px 0px;
  border-spacing: 3px;
  border-collapse: separate;
}
article.writing-page .writing-body-wrapper .writing-text table td,
article.writing-page .writing-body-wrapper .writing-text table th {
  padding: 0 0;
  min-width: 30px;
}
article.writing-page .writing-body-wrapper .writing-text table.equal-columns td,
article.writing-page .writing-body-wrapper .writing-text table.equal-columns th {
  width: 1%;
}
article.writing-page .writing-body-wrapper .writing-text .text-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
article.writing-page .writing-body-wrapper .writing-text .text-section .writing-text-column {
  width: 50%;
  margin-right: 10px;
  margin-bottom: 20px;
}
article.writing-page .writing-body-wrapper .writing-text .text-section .writing-text-column:first-child:last-child {
  width: 100%;
}
article.writing-page .writing-body-wrapper .writing-text .text-section .writing-text-column:last-child {
  margin-right: 0;
}
article.writing-page .writing-body-wrapper > section + section {
  margin-left: 80px;
}
article.writing-page h1 {
  font-size: 28px;
  position: relative;
}
article.writing-page h2 {
  color: #40474f;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
}
article.writing-page .journal-entry-location-map {
  width: 100%;
}
article.writing-page hr {
  display: inline-block;
  width: 80px;
  height: 3px;
  border: 0;
  background-color: #ac8367;
}
.writing-carousel {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 80vh;
  max-height: 600px;
  background: #40474f;
  margin-top: 40px;
}
.writing-carousel .writing-slides {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.writing-carousel .writing-slide .icon-only {
  opacity: 1;
  transition: opacity 0.3s step-end;
}
.writing-carousel .writing-slide:target .icon-only {
  opacity: 0;
  transition: opacity 0s;
}
.writing-carousel .icon-im-next {
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.writing-carousel .icon-im-previous {
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.writing-carousel .buttons-compact {
  position: absolute;
  margin: 40px;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.writing-carousel .pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 40px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
  color: white;
  font-size: 20px;
}
.writing-slide,
.writing-slide-context,
micrio {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.paging-buttons {
  position: absolute;
  top: 0;
  right: 0;
  margin: 40px;
}
.paging-buttons a {
  margin-left: 10px;
}
@media only screen and (max-width: 769px) {
  article.writing-page {
    margin: 0 20px;
    padding-top: 80px;
    padding-bottom: 0;
  }
  article.writing-page .writing-body-wrapper {
    display: block;
  }
  article.writing-page .writing-body-wrapper .writing-text {
    width: 100%;
    max-width: none;
    margin-bottom: 40px;
    margin-left: 0;
  }
  .writing-carousel {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    max-width: none;
  }
  .writing-carousel .buttons-compact {
    margin: 20px;
  }
  .writing-carousel .pagination {
    padding: 20px;
  }
  .paging-buttons {
    margin: 20px;
  }
}
form.search input.search {
  z-index: 7;
  position: relative;
  width: 340px;
}
form.search button[type=submit] {
  margin-left: -7px;
  min-width: 47px;
  z-index: 6;
}
form.search button[type=submit]::before {
  left: 3px;
}
.search-page h2 {
  margin: 0 0 40px 0;
  line-height: 40px;
}
.search-page .to-map {
  float: right;
}
.search-page .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-page .flex-wrapper .searchResults {
  width: 850px;
  border-top: 2px solid #eaeaea;
}
.search-page .flex-wrapper .searchResults .searchResult {
  overflow: hidden;
  border-bottom: 2px solid #eaeaea;
  padding: 20px 0;
}
.search-page .flex-wrapper .searchResults .searchResult a {
  display: block;
  max-height: 180px;
  overflow: hidden;
  text-decoration: none;
  position: relative;
}
.search-page .flex-wrapper .searchResults .searchResult a::after {
  content: ' ';
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.search-page .flex-wrapper .searchResults .searchResult a:hover {
  color: #ac8367;
}
.search-page .flex-wrapper .searchResults .searchResult a h4 {
  margin: 0;
  font-size: 26px;
  color: #ac8367;
  transition: color 0.3s ease-in-out;
}
.search-page .flex-wrapper .searchResults .searchResult a:hover h4 {
  color: black;
}
.search-page .flex-wrapper .searchResults .searchResult a subtitle {
  display: block;
  color: #a2abad;
  font-size: 15px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.search-page .flex-wrapper .searchResults .searchResult a .highlight {
  color: #40474f;
  font-weight: bold;
}
.search-page .flex-wrapper .searchResults .searchResult a p {
  max-width: 100%;
}
.search-page .flex-wrapper .searchResults .searchResult a > .thumbnail {
  width: 180px;
  height: 180px;
  float: left;
  margin-right: 20px;
  background-color: #f5f5f5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 1;
}
.search-page .flex-wrapper .searchResults .searchResult a > date {
  font-size: 80%;
  color: #ababab;
}
.search-page li:before {
  content: none !important;
}
@media only screen and (min-width: 768px) {
  .search-page h2 a {
    white-space: nowrap;
  }
  .search-page .flex-wrapper .filters {
    min-width: 240px;
    margin-right: 40px;
    border-top: 2px solid #eaeaea;
    position: relative;
  }
  .search-page .flex-wrapper .filters h3 {
    margin-top: 20px;
    padding-left: 20px;
  }
  .search-page .flex-wrapper .filters .is-refined-button {
    display: none;
  }
  .search-page .flex-wrapper .filters li {
    padding: 20px 20px 10px;
    border-bottom: 2px solid #eaeaea;
  }
  .search-page .flex-wrapper .filters a.button-selected {
    color: #ac8367 !important;
    background: none !important;
    cursor: default;
    overflow: visible;
  }
  .search-page .flex-wrapper .filters a.button-selected::before {
    left: 100%;
    margin-left: 10px;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
  }
  .search-page .flex-wrapper .filters a {
    color: #343537;
    padding: 0;
    background: none;
    line-height: 1.2em;
    min-height: 0;
    height: auto;
  }
  .search-page .flex-wrapper .filters a:hover {
    color: #ac8367;
  }
  .search-page .flex-wrapper .filters a.selected {
    color: #ac8367;
  }
  .search-page .flex-wrapper .filters .journals li {
    font-size: 15px;
    border-bottom: none;
    padding: 2px;
  }
  .search-page .flex-wrapper .filters .journals li::after {
    content: '>';
    margin-right: 10px;
    color: #ac8367;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  form.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  form.search button[type=submit]::before {
    left: 7px;
  }
  .search-page h2 {
    margin-bottom: 20px;
    line-height: 1.2em;
  }
  .search-page h2 a {
    white-space: nowrap;
  }
  .search-page .to-map {
    display: none;
  }
  .search-page .flex-wrapper {
    display: block;
  }
  .search-page .flex-wrapper .filters h3 {
    display: none;
  }
  .search-page .flex-wrapper .filters ul,
  .search-page .flex-wrapper .filters li {
    margin: 0;
    padding: 0;
    display: inline;
  }
  .search-page .flex-wrapper .filters .is-refined-button::before {
    content: '+ ';
  }
  .search-page .flex-wrapper .filters #is-refined:checked + .is-refined-button::before {
    content: '\2013   ';
  }
  .search-page .flex-wrapper .filters #is-refined ~ ul {
    display: none;
  }
  .search-page .flex-wrapper .filters #is-refined:checked ~ ul {
    display: block;
  }
  .search-page .flex-wrapper .filters .button-like {
    margin: 3px 1px;
  }
  .search-page .flex-wrapper .filters .icon-im-close::before {
    display: none;
  }
  .search-page .flex-wrapper .filters .journals {
    display: none;
  }
  .search-page .flex-wrapper .filters .journals-button::after {
    content: '+\A0';
    float: left;
  }
  .search-page .flex-wrapper .filters .journals-button.parent-of-selected::after {
    content: '\2013\A0';
  }
  .search-page .flex-wrapper .filters .journals-button.parent-of-selected + .journals {
    display: inline;
  }
  .search-page .flex-wrapper .filters .journals-button.parent-of-selected + .journals::after {
    content: ' ';
    display: block;
  }
  .search-page .flex-wrapper .searchResults {
    border-top: none;
    width: 100%;
  }
  .search-page .flex-wrapper .searchResults .searchResult {
    border-bottom: 1px solid #eaeaea;
  }
  .search-page .flex-wrapper .searchResults .searchResult a {
    max-height: 100px;
  }
  .search-page .flex-wrapper .searchResults .searchResult a::after {
    top: 80px;
  }
  .search-page .flex-wrapper .searchResults .searchResult a h4 {
    font-size: 16px;
  }
  .search-page .flex-wrapper .searchResults .searchResult a > .thumbnail {
    width: 100px;
    height: 100px;
  }
}
.search-loader img {
  margin: 0 auto;
}
.error-page {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.error-page .error-message {
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.error-page .error-message .rijksmuseum-logo {
  width: 100%;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}
.error-page .error-message .subtitle {
  font-size: 25px;
  font-weight: bold;
  color: white;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}