@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;700&family=Raleway:wght@800&display=swap");
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=36em&large=48em&xlarge=62em&xxlarge=75em&xxxlarge=120em";
}

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

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

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

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

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

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

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

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

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

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

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

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

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

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

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

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

::placeholder {
  color: #cacaca;
}

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

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

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

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

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

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

.input-group {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

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

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

.input-group-field {
  border-radius: 0;
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

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

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

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

select {
  height: 2.2375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.3;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

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

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

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 36em) {
  h1, .h1 {
    font-size: 3rem;
  }

  h2, .h2 {
    font-size: 2.5rem;
  }

  h3, .h3 {
    font-size: 1.9375rem;
  }

  h4, .h4 {
    font-size: 1.5625rem;
  }

  h5, .h5 {
    font-size: 1.25rem;
  }

  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #ffffff;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 1600px;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.5;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.5;
  color: #8a8a8a;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

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

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

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

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

@media print, screen and (min-width: 36em) {
  .medium-text-left {
    text-align: left;
  }

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

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

  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 48em) {
  .large-text-left {
    text-align: left;
  }

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

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

  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-text-left {
    text-align: left;
  }

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

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

  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-text-left {
    text-align: left;
  }

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

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

  .xxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-text-left {
    text-align: left;
  }

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

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

  .xxxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

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

  table.show-for-print {
    display: table !important;
  }

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

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

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

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

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

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

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

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .print-break-inside {
    page-break-inside: auto;
  }
}
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 36em) {
  .grid-container {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 36em) {
  .grid-container.fluid {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.cell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
.cell.auto {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
}
.cell.shrink {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

@media print, screen and (min-width: 36em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 62em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 120em) {
  .grid-x > .xxxlarge-shrink, .grid-x > .xxxlarge-full, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 36em) {
  .grid-x > .medium-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .grid-x > .medium-shrink {
    width: auto;
  }

  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }

  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }

  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }

  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }

  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-x > .large-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .grid-x > .large-shrink {
    width: auto;
  }

  .grid-x > .large-1 {
    width: 8.3333333333%;
  }

  .grid-x > .large-2 {
    width: 16.6666666667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.3333333333%;
  }

  .grid-x > .large-5 {
    width: 41.6666666667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.3333333333%;
  }

  .grid-x > .large-8 {
    width: 66.6666666667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.3333333333%;
  }

  .grid-x > .large-11 {
    width: 91.6666666667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .grid-x > .xlarge-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .grid-x > .xlarge-shrink {
    width: auto;
  }

  .grid-x > .xlarge-1 {
    width: 8.3333333333%;
  }

  .grid-x > .xlarge-2 {
    width: 16.6666666667%;
  }

  .grid-x > .xlarge-3 {
    width: 25%;
  }

  .grid-x > .xlarge-4 {
    width: 33.3333333333%;
  }

  .grid-x > .xlarge-5 {
    width: 41.6666666667%;
  }

  .grid-x > .xlarge-6 {
    width: 50%;
  }

  .grid-x > .xlarge-7 {
    width: 58.3333333333%;
  }

  .grid-x > .xlarge-8 {
    width: 66.6666666667%;
  }

  .grid-x > .xlarge-9 {
    width: 75%;
  }

  .grid-x > .xlarge-10 {
    width: 83.3333333333%;
  }

  .grid-x > .xlarge-11 {
    width: 91.6666666667%;
  }

  .grid-x > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .grid-x > .xxlarge-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .grid-x > .xxlarge-shrink {
    width: auto;
  }

  .grid-x > .xxlarge-1 {
    width: 8.3333333333%;
  }

  .grid-x > .xxlarge-2 {
    width: 16.6666666667%;
  }

  .grid-x > .xxlarge-3 {
    width: 25%;
  }

  .grid-x > .xxlarge-4 {
    width: 33.3333333333%;
  }

  .grid-x > .xxlarge-5 {
    width: 41.6666666667%;
  }

  .grid-x > .xxlarge-6 {
    width: 50%;
  }

  .grid-x > .xxlarge-7 {
    width: 58.3333333333%;
  }

  .grid-x > .xxlarge-8 {
    width: 66.6666666667%;
  }

  .grid-x > .xxlarge-9 {
    width: 75%;
  }

  .grid-x > .xxlarge-10 {
    width: 83.3333333333%;
  }

  .grid-x > .xxlarge-11 {
    width: 91.6666666667%;
  }

  .grid-x > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .grid-x > .xxxlarge-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .xxxlarge-12, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }

  .grid-x > .xxxlarge-shrink {
    width: auto;
  }

  .grid-x > .xxxlarge-1 {
    width: 8.3333333333%;
  }

  .grid-x > .xxxlarge-2 {
    width: 16.6666666667%;
  }

  .grid-x > .xxxlarge-3 {
    width: 25%;
  }

  .grid-x > .xxxlarge-4 {
    width: 33.3333333333%;
  }

  .grid-x > .xxxlarge-5 {
    width: 41.6666666667%;
  }

  .grid-x > .xxxlarge-6 {
    width: 50%;
  }

  .grid-x > .xxxlarge-7 {
    width: 58.3333333333%;
  }

  .grid-x > .xxxlarge-8 {
    width: 66.6666666667%;
  }

  .grid-x > .xxxlarge-9 {
    width: 75%;
  }

  .grid-x > .xxxlarge-10 {
    width: 83.3333333333%;
  }

  .grid-x > .xxxlarge-11 {
    width: 91.6666666667%;
  }

  .grid-x > .xxxlarge-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-margin-x {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1rem);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 36em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 62em) {
  .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-x > .xxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxlarge-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .xxlarge-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .xxlarge-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .xxlarge-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .xxlarge-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .xxlarge-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .xxlarge-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .xxlarge-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .xxlarge-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .xxlarge-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .xxlarge-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .xxlarge-12 {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 120em) {
  .grid-margin-x > .xxxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxxlarge-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .xxxlarge-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .xxxlarge-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .xxxlarge-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .xxxlarge-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .xxxlarge-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .xxxlarge-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .xxxlarge-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .xxxlarge-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .xxxlarge-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .xxxlarge-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .xxxlarge-12 {
    width: calc(100% - 1rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-padding-x > .cell {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 36em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }

  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.3333333333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.6666666667%;
  }

  .large-up-7 > .cell {
    width: 14.2857142857%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-up-1 > .cell {
    width: 100%;
  }

  .xlarge-up-2 > .cell {
    width: 50%;
  }

  .xlarge-up-3 > .cell {
    width: 33.3333333333%;
  }

  .xlarge-up-4 > .cell {
    width: 25%;
  }

  .xlarge-up-5 > .cell {
    width: 20%;
  }

  .xlarge-up-6 > .cell {
    width: 16.6666666667%;
  }

  .xlarge-up-7 > .cell {
    width: 14.2857142857%;
  }

  .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-up-1 > .cell {
    width: 100%;
  }

  .xxlarge-up-2 > .cell {
    width: 50%;
  }

  .xxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }

  .xxlarge-up-4 > .cell {
    width: 25%;
  }

  .xxlarge-up-5 > .cell {
    width: 20%;
  }

  .xxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }

  .xxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }

  .xxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-up-1 > .cell {
    width: 100%;
  }

  .xxxlarge-up-2 > .cell {
    width: 50%;
  }

  .xxxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }

  .xxxlarge-up-4 > .cell {
    width: 25%;
  }

  .xxxlarge-up-5 > .cell {
    width: 20%;
  }

  .xxxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }

  .xxxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }

  .xxxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 36em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1rem);
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1rem);
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1rem);
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1rem);
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }
}
@media screen and (min-width: 62em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 1rem);
  }

  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 1rem);
  }

  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }

  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 1rem);
  }

  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 1rem);
  }

  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }

  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }

  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 1rem);
  }

  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 1rem);
  }

  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }

  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 1rem);
  }

  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 1rem);
  }

  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }

  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }

  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }
}
@media screen and (min-width: 120em) {
  .grid-margin-x.xxxlarge-up-1 > .cell {
    width: calc(100% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-2 > .cell {
    width: calc(50% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-4 > .cell {
    width: calc(25% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-5 > .cell {
    width: calc(20% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }

  .grid-margin-x.xxxlarge-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 36em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .small-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .small-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .small-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 36em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 36em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 36em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .medium-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 36em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .large-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 62em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 62em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 75em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 75em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 120em) {
  .xxxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

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

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem);
}

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

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem);
}

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

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem);
}

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

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem);
}

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

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 0.625rem);
}

@media print, screen and (min-width: 36em) {
  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 0.5rem);
  }
}
@media print, screen and (min-width: 48em) {
  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 0.5rem);
  }
}
@media screen and (min-width: 62em) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 0.5rem);
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 0.5rem);
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .xxxlarge-offset-0 {
    margin-left: calc(0% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-3 {
    margin-left: calc(25% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-6 {
    margin-left: calc(50% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-9 {
    margin-left: calc(75% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 0.5rem);
  }

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

  .grid-margin-x > .xxxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 0.5rem);
  }
}
.grid-y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media print, screen and (min-width: 36em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 62em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-width: 120em) {
  .grid-y > .xxxlarge-shrink, .grid-y > .xxxlarge-full, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 36em) {
  .grid-y > .medium-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-y > .large-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}
@media screen and (min-width: 62em) {
  .grid-y > .xlarge-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .grid-y > .xlarge-shrink {
    height: auto;
  }
  .grid-y > .xlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xlarge-3 {
    height: 25%;
  }
  .grid-y > .xlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xlarge-6 {
    height: 50%;
  }
  .grid-y > .xlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xlarge-9 {
    height: 75%;
  }
  .grid-y > .xlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .grid-y > .xxlarge-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .grid-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 120em) {
  .grid-y > .xxxlarge-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xxxlarge-12, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
  .grid-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxxlarge-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-padding-y > .cell {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-margin-y {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1rem);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 36em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1rem);
  }
}
@media screen and (min-width: 62em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1rem);
  }
}
@media screen and (min-width: 120em) {
  .grid-margin-y > .xxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .xxxlarge-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .xxxlarge-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .xxxlarge-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-12 {
    height: calc(100% - 1rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media print, screen and (min-width: 36em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 48em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw;
  }

  .cell .xlarge-grid-frame {
    width: 100%;
  }

  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .xlarge-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%;
  }
  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw;
  }

  .cell .xxlarge-grid-frame {
    width: 100%;
  }

  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .xxlarge-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%;
  }
  .xxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .xxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw;
  }

  .cell .xxxlarge-grid-frame {
    width: 100%;
  }

  .xxxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .xxxlarge-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%;
  }
  .xxxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .xxxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 36em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
  }
}
@media screen and (min-width: 62em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
  }
}
@media screen and (min-width: 75em) {
  .grid-y.xxlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
  }
}
@media screen and (min-width: 120em) {
  .grid-y.xxxlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 36em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 62em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .cell .grid-y.xxlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 120em) {
  .cell .grid-y.xxxlarge-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-margin-y {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 36em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1rem);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 36em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1rem);
  }
}
@media screen and (min-width: 62em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1rem);
  }
}
@media screen and (min-width: 120em) {
  .grid-margin-y > .xxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .xxxlarge-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .xxxlarge-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .xxxlarge-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .xxxlarge-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .xxxlarge-12 {
    height: calc(100% - 1rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 36em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1rem);
  }
}
@media screen and (min-width: 62em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1rem);
  }
}
@media screen and (min-width: 120em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1rem);
  }
}

@media print, screen and (min-width: 36em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1rem);
  }
}
@media screen and (min-width: 62em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 1rem);
  }
}
@media screen and (min-width: 120em) {
  .grid-margin-y.xxxlarge-grid-frame {
    height: calc(100vh + 1rem);
  }
}
.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 10px 0;
  border: 1px dotted #111;
  border-bottom: 0;
  font-size: 100%;
  line-height: 1;
  color: #111;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px dotted #111;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 10px 0;
  border: 1px dotted #111;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px dotted #111;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #ffffff;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #ffffff;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 75%;
  transform: translateX(-75%);
}
@media print, screen and (min-width: 36em) {
  .position-left {
    width: 75%;
    transform: translateX(-75%);
  }
}
@media print, screen and (min-width: 48em) {
  .position-left {
    width: 40%;
    transform: translateX(-40%);
  }
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-75%);
}
@media print, screen and (min-width: 36em) {
  .off-canvas-content .off-canvas.position-left {
    transform: translateX(-75%);
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas-content .off-canvas.position-left {
    transform: translateX(-40%);
  }
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(75%);
}
@media print, screen and (min-width: 36em) {
  .off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(75%);
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(40%);
  }
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 75%;
  transform: translateX(75%);
}
@media print, screen and (min-width: 36em) {
  .position-right {
    width: 75%;
    transform: translateX(75%);
  }
}
@media print, screen and (min-width: 48em) {
  .position-right {
    width: 40%;
    transform: translateX(40%);
  }
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(75%);
}
@media print, screen and (min-width: 36em) {
  .off-canvas-content .off-canvas.position-right {
    transform: translateX(75%);
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas-content .off-canvas.position-right {
    transform: translateX(40%);
  }
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-75%);
}
@media print, screen and (min-width: 36em) {
  .off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-75%);
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-40%);
  }
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 36em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 75%;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 75%;
  }

  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 75%;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 75%;
  }

  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 75%;
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 75%;
  }

  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 75%;
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 75%;
  }
}
@media print, screen and (min-width: 48em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 40%;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 40%;
  }

  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 40%;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 40%;
  }

  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 40%;
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 40%;
  }

  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 40%;
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 40%;
  }
}
@media screen and (min-width: 62em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 40%;
  }

  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 40%;
  }

  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 40%;
  }

  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 40%;
  }

  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 40%;
  }

  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 40%;
  }

  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 40%;
  }

  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 40%;
  }
}
@media screen and (min-width: 75em) {
  .position-left.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 40%;
  }

  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 40%;
  }

  .position-right.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 40%;
  }

  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 40%;
  }

  .position-top.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 40%;
  }

  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 40%;
  }

  .position-bottom.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 40%;
  }

  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 40%;
  }
}
@media screen and (min-width: 120em) {
  .position-left.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 40%;
  }

  .position-left.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-left: 40%;
  }

  .position-right.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 40%;
  }

  .position-right.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-right: 40%;
  }

  .position-top.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 40%;
  }

  .position-top.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-top: 40%;
  }

  .position-bottom.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 40%;
  }

  .position-bottom.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-bottom: 40%;
  }
}
@media print, screen and (min-width: 36em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
@media screen and (min-width: 62em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 120em) {
  .off-canvas.in-canvas-for-xxxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxxlarge.position-left, .off-canvas.in-canvas-for-xxxlarge.position-right, .off-canvas.in-canvas-for-xxxlarge.position-top, .off-canvas.in-canvas-for-xxxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxxlarge .close-button {
    display: none;
  }
}
.align-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.align-right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.align-center {
  -ms-flex-pack: center;
      justify-content: center;
}

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

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

.align-left.vertical.menu > li > a {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  -ms-flex-pack: center;
      justify-content: center;
}

.align-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

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

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

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

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

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

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

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

.align-center-middle {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.small-order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.small-order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.small-order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.small-order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.small-order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.small-order-6 {
  -ms-flex-order: 6;
      order: 6;
}

@media print, screen and (min-width: 36em) {
  .medium-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .medium-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .medium-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .medium-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .medium-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .medium-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
}
@media print, screen and (min-width: 48em) {
  .large-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .large-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .large-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .large-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .large-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .large-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .xlarge-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .xlarge-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .xlarge-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .xlarge-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .xlarge-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .xxlarge-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .xxlarge-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .xxlarge-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .xxlarge-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .xxlarge-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-order-1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .xxxlarge-order-2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .xxxlarge-order-3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .xxxlarge-order-4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .xxxlarge-order-5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .xxxlarge-order-6 {
    -ms-flex-order: 6;
        order: 6;
  }
}
.flex-container {
  display: -ms-flexbox;
  display: flex;
}

.flex-child-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.flex-child-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.flex-child-shrink {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.flex-dir-row {
  -ms-flex-direction: row;
      flex-direction: row;
}

.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.flex-dir-column {
  -ms-flex-direction: column;
      flex-direction: column;
}

.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

@media print, screen and (min-width: 36em) {
  .medium-flex-container {
    display: -ms-flexbox;
    display: flex;
  }

  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 48em) {
  .large-flex-container {
    display: -ms-flexbox;
    display: flex;
  }

  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }

  .large-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media screen and (min-width: 62em) {
  .xlarge-flex-container {
    display: -ms-flexbox;
    display: flex;
  }

  .xlarge-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .xlarge-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }

  .xlarge-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }

  .xlarge-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .xlarge-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .xlarge-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .xlarge-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media screen and (min-width: 75em) {
  .xxlarge-flex-container {
    display: -ms-flexbox;
    display: flex;
  }

  .xxlarge-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .xxlarge-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }

  .xxlarge-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }

  .xxlarge-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .xxlarge-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .xxlarge-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .xxlarge-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media screen and (min-width: 120em) {
  .xxxlarge-flex-container {
    display: -ms-flexbox;
    display: flex;
  }

  .xxxlarge-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }

  .xxxlarge-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }

  .xxxlarge-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }

  .xxxlarge-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .xxxlarge-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .xxxlarge-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .xxxlarge-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media print, screen and (max-width: 35.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 36em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 36em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 35.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 36em) and (max-width: 47.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 35.99875em), screen and (min-width: 48em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) and (max-width: 61.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em), screen and (min-width: 62em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 62em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 61.99875em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 62em) and (max-width: 74.99875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 61.99875em), screen and (min-width: 75em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 119.99875em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 120em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 120em) {
  .hide-for-xxxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 119.99875em) {
  .show-for-xxxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 120em) {
  .hide-for-xxxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 119.99875em) {
  .show-for-xxxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
.hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
.hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
.show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
.show-for-portrait {
    display: block !important;
  }
}

:root {
  --primary-color: #000000;
  --secondary-color: #ffffff;
  --tertiary-color: #4d4d4d;
  --fourth-color: rgb(143, 109, 38);
  --fifth-color: #3E4A5B;
  --sixth-color: #AA6150;
  --seventh-color: #8E9D9F;
  --eight-color: #9C8F85;
  --ninth-color: rgba(255,255,255,0.3);
  --error-color: #cc3300;
  --warning-color: #ffcc00;
  --success-color: #99cc33;
  --info-color: #099cc1;
  --border-color: #e6e6e6;
  --paragraph-color: #000000;
  --paragraph-color-light: #ffffff;
  --paragraph-color-grey: #666666;
  --paragraph-color-lightgrey: #c5c5c5;
  --link-color: #007bff;
  --link-hover-color: #0056b3;
  --primary-button-color: #000000;
  --primary-button-hover-color: #1a1a1a;
  --primary-button-border-color: #000000;
  --primary-button-border-hover-fill-color: #000000;
  --secondary-button-color: #000000;
  --secondary-button-hover-color: #000000;
  --secondary-button-border-color: #000000;
  --secondary-button-border-hover-fill-color: #000000;
  --lined-button-border-color: #000000;
  --lined-button-border-hover-fill-color: #000000;
  --map-stroke-color: #1D1D1B;
  --facebook-color: #3B5998;
  --twitter-color: #00acee;
  --linkedin-color: #0e76a8;
  --whatsapp-color: #25d366;
  --paragraph-font-size: 1rem;
  --intro-font-size: 1.125rem;
  --main-header: 2.5rem;
  --secondary-header: 1.875rem;
  --tertiary-header: 1.563rem;
  --fourth-header: 1.25rem;
  --margin-bottom-desktop: 5rem;
  --margin-bottom-mobile: 0.6125rem;
}

.green {
  --site-color: var(--fourth-color);
}

.yellow {
  --site-color: var(--background-seventh);
}

.blue {
  --site-color: var(--seventh-color);
}

.pink {
  --site-color: var(--sixth-color);
}

@keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-flex-align: center;
      align-items: center;
  direction: ltr;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr video,
.plyr audio,
.plyr iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr__badge {
  background: var(--plyr-badge-background, #4a5464);
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__menu {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-menu-color, #4a5464);
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  -ms-flex-align: center;
      align-items: center;
  color: var(--plyr-menu-color, #4a5464);
  display: -ms-flexbox;
  display: flex;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  -ms-flex-align: inherit;
      align-items: inherit;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
          user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
          appearance: none;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
  outline-offset: 2px;
}

.plyr__poster {
  background-color: var(--plyr-video-background, var(--plyr-video-background, black));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

/* stylelint-disable selector-max-compound-selectors */
.plyr__tooltip {
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__volume {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type=range] {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  background: var(--art-audio-tour);
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: var(--art-audio-tour);
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-moz-full-screen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: #23282f;
  border-radius: 2px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty::after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.Button {
  color: var(--paragraph-color-lightgrey);
  font-size: 1rem;
  background-color: var(--background-tertiary);
  padding: 0.375rem 0.75rem;
  text-align: center;
  display: inline-block;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  border: 1px solid var(--paragraph-color-lightgrey);
  height: 2.125rem;
}
@media print, screen and (min-width: 48em) {
  .Button {
    font-size: var(--button-font-size);
  }
}
.Button:hover, .Button:focus {
  color: var(--paragraph-color-light);
  background-color: var(--primary-button-hover-color);
}
.Button.Button--lined {
  background-color: transparent;
  border: solid 1px var(--lined-button-border-color);
  color: var(--paragraph-color-light);
  padding: 0.3125rem 0.625rem;
  font-size: 0.9375rem;
  font-weight: 300;
}
@media print, screen and (min-width: 48em) {
  .Button.Button--lined {
    padding: 0.625rem 1.25rem;
  }
}
.Button.Button--lined:hover {
  background-color: transparent;
  border: solid 1px var(--lined-button-border-hover-fill-color);
  color: var(--paragraph-color);
}
.Button.Button-contact {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-weight: 300;
  color: var(--paragraph-color-light);
  position: relative;
  float: right;
  margin-top: 1.25rem;
}
@media print, screen and (min-width: 36em) {
  .Button.Button-contact {
    position: absolute;
    right: 0;
    bottom: 1.875rem;
    margin-top: 0;
  }
}
.Button.Button-contact:hover, .Button.Button-contact:focus {
  background-color: var(--border-color);
  color: var(--paragraph-color);
  border: 1px solid var(--border-color);
}

.position-right {
  transform: translateX(100%);
}

body {
  overflow-x: hidden;
  max-width: 100%;
  height: 100%;
  position: relative;
}

@media print, screen and (min-width: 48em) {
  .main-content {
    height: 100%;
  }
}

html {
  scroll-behavior: smooth;
  height: 100%;
}

.d-flex {
  display: -ms-flexbox;
  display: flex;
}

.pos-rel {
  position: relative;
}

.m-bottom {
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .m-bottom {
    margin-bottom: var(--margin-bottom-desktop);
  }
}

@media print, screen and (min-width: 48em) {
  .b-right > .grid-container > .grid-x > .cell:nth-child(1) {
    border-right: 1px solid var(--border-color);
  }
}

.Button-prevNext {
  color: var(--link-color);
}
.Button-prevNext:hover, .Button-prevNext:focus {
  color: var(--link-color-hover);
}

.Button-prevNext--prev, .Button-prevNext--next {
  margin-bottom: 4.6875rem;
  text-transform: uppercase;
}
.Button-prevNext--prev.Button-prevNext--next, .Button-prevNext--next.Button-prevNext--next {
  text-align: right;
}

#more_posts_wrapper {
  text-align: center;
}

.MorePosts {
  margin-bottom: 1.25rem;
}

.BackgroundColor-blue {
  background-color: var(--fifth-color);
}

.BackgroundColor-red {
  background-color: var(--sixth-color);
}

.BackgroundColor-green {
  background-color: var(--seventh-color);
}

.BackgroundColor-brown {
  background-color: var(--eight-color);
}

.grid-container {
  max-width: 100%;
}
@media print, screen and (min-width: 36em) {
  .grid-container {
    max-width: 33.75rem;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-container {
    max-width: 45rem;
  }
}
@media screen and (min-width: 62em) {
  .grid-container {
    max-width: 60rem;
  }
}
@media screen and (min-width: 75em) {
  .grid-container {
    max-width: 71.25rem;
  }
}

.ExtraPadding-small {
  padding: 1.5625rem 0;
}

.ExtraPadding-medium {
  padding: 1.5625rem 0;
}
@media print, screen and (min-width: 48em) {
  .ExtraPadding-medium {
    padding: 3.125rem 0;
  }
}

.ExtraPadding-large {
  padding: 3.125rem 0;
}
@media print, screen and (min-width: 48em) {
  .ExtraPadding-large {
    padding: 6.25rem 0;
  }
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn {
  border-radius: 0;
  text-transform: uppercase;
}

.btn-gray {
  color: #c5c5c5;
  background-color: transparent !important;
  border-color: #c5c5c5 !important;
}
.btn-gray:hover {
  background-color: #1a1a1a !important;
}
.btn-gray:active, .btn-gray.active {
  background-color: black !important;
  border-color: black !important;
}
.btn-gray:focus {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75) !important;
}

.btn-white {
  color: white;
  border-color: white;
}
.btn-white:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: white;
}
.btn-white:active {
  color: white !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-color: gray !important;
}
.btn-white:focus {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75) !important;
}

.btn-black {
  color: black;
  border-color: black;
}
.btn-black:hover {
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: black;
}
.btn-black:active {
  color: black !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-color: gray !important;
}
.btn-black:focus {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75) !important;
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
.carousel-container {
  padding: 0 0.625rem;
  height: 100%;
  margin-bottom: 1.5625rem;
}
@media print, screen and (min-width: 48em) {
  .carousel-container {
    padding: 0;
    margin-bottom: 6.25rem;
  }
}
.carousel-container.no-padding {
  padding: 0;
}
@media print, screen and (min-width: 36em) {
  .carousel-container .carousel-inner .carousel-item {
    height: calc(100vh - 300px);
    min-height: 575px;
  }
}
.carousel-container .carousel-inner .slide-image {
  width: auto;
  height: 250px;
  margin: 0 auto;
}
@media print, screen and (min-width: 36em) {
  .carousel-container .carousel-inner .slide-image {
    display: none !important;
  }
}
.carousel-container .carousel-inner .slide-background {
  display: none;
  height: 250px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 36em) {
  .carousel-container .carousel-inner .slide-background {
    height: 100%;
  }
}
.carousel-container .carousel-inner .slide-background.cover {
  background-size: cover;
}
@media print, screen and (min-width: 36em) {
  .carousel-container .carousel-control-prev, .carousel-container .carousel-control-next {
    min-width: 150px;
  }
}
.carousel-container .carousel-control-prev .carousel-control-prev-icon, .carousel-container .carousel-control-prev .carousel-control-next-icon, .carousel-container .carousel-control-next .carousel-control-prev-icon, .carousel-container .carousel-control-next .carousel-control-next-icon {
  background-image: none;
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: white;
  width: 15px;
  height: 15px;
  width: 30px;
  height: 30px;
}
.carousel-container .carousel-control-prev .carousel-control-prev-icon, .carousel-container .carousel-control-next .carousel-control-prev-icon {
  transform: rotate(-135deg);
}
.carousel-container .carousel-control-prev .carousel-control-next-icon, .carousel-container .carousel-control-next .carousel-control-next-icon {
  transform: rotate(45deg);
}
.carousel-container .carousel-title {
  color: #c5c5c5;
  font-size: 20px;
  font-weight: 200;
  line-height: 40px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  margin-top: 1.5625rem;
  pointer-events: none;
}
@media print, screen and (min-width: 36em) {
  .carousel-container .carousel-title {
    font-size: 25px;
  }
}
@media print, screen and (min-width: 48em) {
  .carousel-container .carousel-title {
    font-size: 35px;
  }
}
.carousel-container .carousel-title .line {
  position: relative;
  display: block;
}
.carousel-container .carousel-title .line .spacer, .carousel-container .carousel-title .line .text {
  display: block;
  max-width: 100vw;
}
.carousel-container .carousel-title .line .spacer {
  visibility: hidden;
}
.carousel-container .carousel-title .line .text {
  top: -3.125rem;
  position: absolute;
  left: -100%;
}
.carousel-container .carousel-title.Carousel-titleSingle {
  margin-top: 0.3125rem;
  overflow: visible;
}
.carousel-container .slide-text {
  color: white;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.carousel-container .slide-text > p {
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 0;
}

.simple-slider {
  margin-bottom: 110px;
}

[height=viewheight] .carousel-column .column-content {
  height: 100%;
}
[height=viewheight] .carousel-column .column-content .slide {
  height: 100%;
}
[height=viewheight] .carousel-column .column-content .slide .carousel-inner {
  height: 100%;
}
[height=viewheight] .carousel-column .column-content .slide .carousel-inner .carousel-item {
  height: 100%;
}

.contact-inputs {
  margin-top: 40px;
  margin-bottom: 115px;
}
@media print, screen and (min-width: 36em) {
  .contact-inputs {
    margin-top: 201px;
    margin-bottom: 140px;
  }
}

.wpcf7-checkbox input {
  display: none;
}
.wpcf7-checkbox .wpcf7-list-item {
  position: relative;
  margin: 0;
  padding: 0;
}
.wpcf7-checkbox span.wpcf7-list-item-label:before {
  content: "";
  display: inline-block;
  border: solid 1px var(--border-color);
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.9375rem;
  cursor: pointer;
  border: 1px solid var(--fourth-color);
  position: absolute;
  left: 0;
}
.wpcf7-checkbox input:checked ~ span.wpcf7-list-item-label::before {
  content: "";
  background-color: transparent;
  border: 1px solid var(--fourth-color);
}
.wpcf7-checkbox input:checked ~ span.wpcf7-list-item-label::after {
  position: absolute;
  left: 0.625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid var(--fourth-color);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  top: 0.4375rem;
}
.wpcf7-checkbox .wpcf7-list-item-label {
  font-size: 0.875rem;
  color: var(--paragraph-color);
  display: inline-block;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  margin-bottom: 0.3125rem;
  padding-left: 2.1875rem;
}
.wpcf7-checkbox .wpcf7-list-item {
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
}

.wpcf7-radio input {
  display: none;
}
.wpcf7-radio .wpcf7-list-item {
  position: relative;
  margin: 0;
  padding: 0;
}
.wpcf7-radio span.wpcf7-list-item-label:before {
  content: "";
  display: inline-block;
  border: solid 1px var(--fourth-color);
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.9375rem;
  cursor: pointer;
}
.wpcf7-radio input:checked ~ span.wpcf7-list-item-label::before {
  content: "";
  background-color: transparent;
}
.wpcf7-radio input:checked ~ span.wpcf7-list-item-label::after {
  position: absolute;
  left: 0.625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid var(--fourth-color);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.wpcf7-radio .wpcf7-list-item-label {
  font-size: 0.875rem;
  color: var(--paragraph-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  margin-bottom: 0.3125rem;
}
.wpcf7-radio .wpcf7-list-item {
  display: inline-block;
  margin-right: 1.25rem;
}

.wpcf7-file {
  opacity: 0;
  width: 0.00625rem;
  height: 0.00625rem;
  position: absolute;
}

.FileInput-uploadButton {
  position: relative;
  width: 100%;
  background-color: var(--background-primary);
  border: 1px solid var(--primary-button-border-color);
  color: var(--paragraph-color-light);
  cursor: pointer;
  transition: background-color 0.5s, color 0.5s;
  padding: 0.3125rem 0;
  text-align: center;
}
@media print, screen and (min-width: 36em) {
  .FileInput-uploadButton {
    width: 18.75rem;
  }
}
.FileInput-uploadButton:hover {
  background-color: var(--background-secondary);
  color: var(--paragraph-color);
  transition: background-color 0.5s, color 0.5s;
}

.FileInput-uploadValue {
  display: block;
}

.wpcf7-select {
  width: 100%;
  height: 1.875rem;
  border: none;
  border-bottom: 1px solid var(--paragraph-color-lightgrey);
  font-size: var(--button-font-size);
  color: var(--paragraph-color-lightgrey);
  background-color: var(--background-primary);
  margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
  .wpcf7-select {
    margin-top: 2.1875rem;
    margin-bottom: 1.5625rem;
  }
}
.wpcf7-select:focus {
  background-color: var(--background-primary);
  box-shadow: none;
}
.wpcf7-select option {
  color: var(--paragraph-color);
}

.ContactForm {
  padding: 2.5rem 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .ContactForm {
    background-color: var(--tertiary-color);
    padding: 5rem;
    top: -4.0625rem;
    position: relative;
    margin-bottom: -4.0625rem;
  }
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
  margin-bottom: 1.5625rem;
  border: none;
  border-bottom: solid 1px var(--paragraph-color-lightgrey);
  box-shadow: none;
  background-color: transparent;
  color: var(--paragraph-color-lightgrey);
}
.wpcf7-form-control-wrap input:-ms-input-placeholder, .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  font-weight: 300;
  color: var(--paragraph-color-lightgrey);
}
.wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder {
  font-weight: 300;
  color: var(--paragraph-color-lightgrey);
}
.wpcf7-form-control-wrap input:hover, .wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap textarea:hover, .wpcf7-form-control-wrap textarea:focus {
  box-shadow: none;
  border: none;
  border-bottom: solid 1px var(--paragraph-color-lightgrey);
  background-color: transparent;
}
.wpcf7-form-control-wrap textarea {
  max-height: 4.125rem;
}

.ContactForm-titleStyle {
  font-size: 2.125rem;
  font-weight: 100;
  font-family: "Poppins", sans-serif;
}

.wpcf7-form p {
  font-weight: 100;
}

.wpcf7-label.float {
  float: left;
  margin-right: 0.9375rem;
}

.wpcf7-textarea {
  min-width: 6.25rem;
  max-height: 6.25rem;
}

.wpcf7-submit {
  color: var(--paragraph-color-lightgrey);
  padding: 0.375rem 0.75rem;
  background-color: transparent;
  border: solid 1px var(--paragraph-color-lightgrey);
  font-size: 1rem;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 2.125rem;
}
@media print, screen and (min-width: 48em) {
  .wpcf7-submit {
    display: block;
    float: right;
  }
}
.wpcf7-submit:hover {
  background-color: var(--primary-color);
}

.wpcf7-spinner {
  display: none;
}

.DuoBlock-grey {
  background-color: var(--tertiary-color);
}
.DuoBlock-grey .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock {
  color: var(--paragraph-color-light);
  font-size: 27pt;
}
@media print, screen and (min-width: 48em) {
  .DuoBlock-grey .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock {
    font-size: 37pt;
  }
}
.DuoBlock-grey .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock p {
  color: var(--paragraph-color-lightgrey);
  font-weight: 300;
  margin-bottom: 0;
}
.DuoBlock-grey .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
  color: var(--paragraph-color-light);
  font-size: 24pt;
  margin: 2.0625rem 0 1.25rem;
  line-height: 1;
}
@media print, screen and (min-width: 36em) {
  .DuoBlock-grey .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
    font-size: 28pt;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlock-grey .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
    font-size: 37pt;
  }
}

.DuoBlock-gold {
  background-color: var(--fourth-color);
}
.DuoBlock-gold .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock {
  color: var(--paragraph-color-light);
}
.DuoBlock-gold .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock p {
  color: var(--paragraph-color-lightgrey);
  font-weight: 300;
  margin-bottom: 0;
}
.DuoBlock-gold .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
  color: var(--paragraph-color-light);
  font-size: 24pt;
  margin: 2.0625rem 0 1.25rem;
  line-height: 1;
}
@media print, screen and (min-width: 36em) {
  .DuoBlock-gold .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
    font-size: 28pt;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlock-gold .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
    font-size: 37pt;
  }
}

.DuoBlock-black {
  background-color: var(--primary-color);
}

.DuoBlock-row {
  position: relative;
}

.DuoBlock-backgroundimage {
  height: 100%;
  color: var(--paragraph-color);
}
.DuoBlock-backgroundimage .DuoBlock-blockTitle h2 {
  color: var(--paragraph-color);
  font-size: 24pt;
  margin-top: 2.0625rem;
}
@media print, screen and (min-width: 36em) {
  .DuoBlock-backgroundimage .DuoBlock-blockTitle h2 {
    font-size: 28pt;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlock-backgroundimage .DuoBlock-blockTitle h2 {
    font-size: 37pt;
  }
}

.DuoBlock-imageBlockWrapper {
  position: relative;
  height: 100%;
}

.DuoBlock-contentBlock {
  padding: 0 1.25rem 2.0625rem 1.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 48em) {
  .DuoBlock-contentBlock {
    padding: 0 15%;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlock-contentBlock {
    padding: 0 20%;
  }
}

.DuoBlock-image {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 15.625rem;
  min-height: 15.625rem;
}
@media print, screen and (min-width: 48em) {
  .DuoBlock-image {
    position: absolute;
    height: 100%;
  }
}

.Duoblock {
  position: relative;
}

.DuoBlock-row {
  min-height: 15.625rem;
  background-size: cover;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 48em) {
  .DuoBlock-row {
    height: calc(80vh - 50px);
  }
}
@media screen and (min-width: 62em) {
  .DuoBlock-row {
    height: calc(100vh - 50px);
  }
}

.DuoBlockSlider-imageStyle {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.DuoBlockSlider, .DuoBlockSlider-imageBlock {
  height: 15.625rem;
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSlider, .DuoBlockSlider-imageBlock {
    height: 100%;
  }
}

.DuoBlockSlider-arrow {
  position: relative;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 1.875rem;
}
.DuoBlockSlider-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.1875rem 0.1875rem 0 0;
  border-style: solid;
  border-color: var(--paragraph-color-light);
  transform: rotate(225deg);
  transform-origin: 50% 25%;
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSlider-arrow {
    position: relative;
    z-index: 1;
    position: absolute;
    top: 50%;
  }
  .DuoBlockSlider-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-width: 0.1875rem 0.1875rem 0 0;
    border-style: solid;
    border-color: var(--paragraph-color-light);
    transform: rotate(225deg);
    transform-origin: 50% 25%;
  }
}

.DuoBlockSlider-next {
  left: auto;
  right: 1.875rem;
  cursor: pointer;
  outline: none;
  border: none;
}
.DuoBlockSlider-next:after {
  transform: rotate(45deg);
  transform-origin: 25% -140%;
}

.DuoBlockSlider-prev {
  cursor: pointer;
  outline: none;
  border: none;
}

.DuoBlockSlider-nav {
  position: absolute;
  left: 50%;
  bottom: 1.25rem;
  transform: translateX(-50%);
  z-index: 15;
}
.DuoBlockSlider-nav .swiper-pagination-bullet {
  display: inline-block;
  margin-left: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--paragraph-color-light);
  border-radius: 50%;
  cursor: pointer;
}
.DuoBlockSlider-nav .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.DuoBlockSlider-nav .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}

.DuoBlock-blockDescription {
  font-weight: 400;
}

.DuoBlock-blockBackgroundImage {
  height: 100%;
  background-position: center;
  background-size: cover;
}
.DuoBlock-blockBackgroundImage .DuoBlock-contentBlock {
  color: var(--paragraph-color);
  font-size: 2.375rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 48em) {
  .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock {
    font-size: 3.125rem;
  }
}
.DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
  margin-bottom: 0.625rem;
  color: var(--paragraph-color);
  font-size: 24pt;
  margin: 2.0625rem 0 1.25rem;
  line-height: 1;
}
@media print, screen and (min-width: 36em) {
  .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
    font-size: 28pt;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlock-blockBackgroundImage .DuoBlock-contentBlock h2 {
    font-size: 37pt;
  }
}
.DuoBlock-blockBackgroundImage .DuoBlock-contentBlock p {
  margin-bottom: 0;
}

.DubBlock-blockDescriptionLong {
  opacity: 0;
  height: 100%;
  max-height: 0;
  pointer-events: none;
  transition: max-height 0.5s ease-in, opacity 0.3s ease-in;
}
@media print, screen and (min-width: 48em) {
  .DubBlock-blockDescriptionLong {
    opacity: 1;
    height: auto;
    max-height: 31.25rem;
  }
}
.DubBlock-blockDescriptionLong.js-active {
  opacity: 1;
  max-height: 31.25rem;
  transition: max-height 0.3s ease-in, opacity 0.5s ease-in;
}

.DuoBlock-readMore {
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--paragraph-color-lightgrey);
}
@media print, screen and (min-width: 48em) {
  .DuoBlock-readMore {
    display: none;
  }
}
.DuoBlock-readMore.js-active {
  display: none;
}

.DuoBlockSmall-image {
  height: 19.375rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSmall-image {
    height: 42.1875rem;
  }
}

.DuoBlockSmall-postImage {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSmall-postImage {
    min-height: 68.75rem;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlockSmall-postImage {
    min-height: 56.25rem;
  }
}
@media screen and (min-width: 75em) {
  .DuoBlockSmall-postImage {
    min-height: auto;
    max-height: 34.375rem;
  }
}

.DuoBlockSmall-contentBlockWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10% 5%;
}
@media print, screen and (min-width: 36em) {
  .DuoBlockSmall-contentBlockWrapper {
    padding: 10%;
  }
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSmall-contentBlockWrapper {
    padding: 0 3%;
  }
}
@media screen and (min-width: 62em) {
  .DuoBlockSmall-contentBlockWrapper {
    padding: 0 10%;
  }
}

.DuoBlockSmall-blockTitle p, .DuoBlockSmall-blockTitle h1, .DuoBlockSmall-blockTitle h2, .DuoBlockSmall-blockTitle h3, .DuoBlockSmall-blockTitle h4, .DuoBlockSmall-blockTitle h5, .DuoBlockSmall-blockTitle h6 {
  margin: 0;
  font-size: 2.375rem;
  text-transform: uppercase;
  color: var(--paragraph-color-light);
  margin-bottom: 0.5rem;
  line-height: 1;
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSmall-blockTitle p, .DuoBlockSmall-blockTitle h1, .DuoBlockSmall-blockTitle h2, .DuoBlockSmall-blockTitle h3, .DuoBlockSmall-blockTitle h4, .DuoBlockSmall-blockTitle h5, .DuoBlockSmall-blockTitle h6 {
    font-size: 37pt;
    margin-bottom: 1.625rem;
  }
}

.DuoBlockSmall-postBackground {
  padding: 0 1.25rem;
}
@media print, screen and (min-width: 48em) {
  .DuoBlockSmall-postBackground {
    padding: 3.125rem 6.25rem 5.625rem 6.25rem;
  }
}

.DuoBlockSmall-titleStyle {
  font-size: 1.875rem;
  margin: 2.5rem 0 1.875rem 0;
  color: var(--paragraph-color-light);
  text-transform: uppercase;
}

.DuoBlockSmall-postLine {
  border: 0;
  width: 4.375rem;
  height: 0.0625rem;
  background-color: var(--paragraph-color-light);
  margin-bottom: 1.5625rem;
}

.DuoBlockSmall-postDate {
  font-size: 1rem;
  margin-bottom: 0;
}

.DuoBlockSmall-postTitle {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.5625rem;
  color: var(--paragraph-color-light);
}

.DuoBlockSmall-readMore {
  display: inline-block;
  color: var(--paragraph-color-light);
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid var(--paragraph-color-light);
  padding: 0.375rem 0.75rem;
  transition: background-color 0.3s ease-in-out;
}
.DuoBlockSmall-readMore:hover, .DuoBlockSmall-readMore:focus {
  background-color: var(--ninth-color);
  transition: background-color 0.3s ease-in-out;
}

.DuoBlockSmall-contentBlock p {
  font-weight: 300;
}

.FaqBlock {
  padding: 3.125rem 0;
}

.FaqBlock-item {
  border: none;
}
.FaqBlock-item:last-child:not(.is-active) > .FaqBlock-itemTitle {
  border-bottom: 1px var(--primary-color) solid;
}

.FaqBlock-itemTitle.FaqBlock-itemTitle {
  color: var(--paragraph-color);
  font-weight: 500;
  border-top: 1px var(--primary-color) solid;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  padding-right: 0.9375rem;
}
.FaqBlock-itemTitle.FaqBlock-itemTitle:before {
  color: var(--primary-color);
  font-weight: 500;
  right: 0;
}
.FaqBlock-itemTitle.FaqBlock-itemTitle:hover, .FaqBlock-itemTitle.FaqBlock-itemTitle:focus {
  background-color: transparent;
}
.FaqBlock-itemTitle.FaqBlock-itemTitle.is-active {
  border-bottom: 1px var(--primary-color) solid;
  background-color: transparent;
}
.FaqBlock-itemTitle.FaqBlock-itemTitle:last-child {
  border-bottom: 1px var(--primary-color) solid;
}

.FaqBlock-itemDescription.FaqBlock-itemDescription {
  color: var(--paragraph-color);
  border: none;
}
.FaqBlock-itemDescription.FaqBlock-itemDescription a {
  color: var(--paragraph-color);
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
footer {
  color: var(--paragraph-color-lightgrey);
}
@media (min-width: 768px) {
  footer {
    padding-bottom: 70px;
  }
}
footer .logo-container .logo {
  margin-top: 50px;
  margin-bottom: 26px;
}
footer .logo-container .logo img {
  max-width: 400px;
}
footer .logo-container .footer-text {
  text-transform: uppercase;
  color: #c5c5c5;
  font-size: 11pt;
  font-weight: 300;
}
footer .logo-container .footer-text p {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  footer .links-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
  }
  footer .links-container .footer-links a {
    margin-left: 20%;
    margin-right: 5%;
  }
}
footer .links-container .footer-links {
  margin-top: 25px;
  width: 100%;
}
footer .links-container .footer-links .right-link {
  float: right;
}
@media (min-width: 768px) {
  footer .links-container .footer-links .right-link {
    float: none;
  }
}
footer .links-container .footer-links a {
  line-height: 28px;
  text-transform: uppercase;
  color: #c5c5c5;
  font-size: 11pt;
  font-weight: 300;
}
footer .links-container .footer-links a:hover {
  text-decoration: none;
  border-bottom: 1px solid #c5c5c5;
}

.FooterTop {
  background-color: var(--tertiary-color);
  padding: 2.0625rem 1.25rem;
}
@media print, screen and (min-width: 48em) {
  .FooterTop {
    padding: 7.25rem 1.25rem 4.375rem;
  }
}

.FooterBottom {
  background-color: var(--primary-color);
  color: var(--paragraph-color-light);
  padding: 1.875rem 0.625rem 1.875rem;
}
@media screen and (min-width: 62em) {
  .FooterBottom {
    padding: 4.375rem 0 0 0;
  }
}
.FooterBottom p {
  margin-bottom: 0;
}
.FooterBottom a {
  color: var(--paragraph-color-lightgrey);
  font-size: 11pt;
  text-transform: uppercase;
  font-weight: 300;
}
.FooterBottom a:hover {
  text-decoration: underline;
}

.Footer-socials {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 36em) {
  .Footer-socials {
    margin: 0;
  }
}

.Footer-socials {
  display: -ms-flexbox;
  display: flex;
}

.Footer-socialsStyle {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}
.Footer-socialsStyle svg {
  fill: var(--paragraph-color-light);
}

@media print, screen and (min-width: 48em) {
  .Footer-ContactForm {
    margin-top: 1.5625rem;
  }
}

.FooterTop .FooterTop-cell:last-child .WidgetBlock {
  margin-bottom: 0;
}
.FooterTop .FooterTop-cell:last-child .WidgetBlock p {
  margin-bottom: 0;
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
.async-form {
  opacity: 1;
  transition: opacity 0.5s linear;
}
.async-form.unload {
  opacity: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.form-inputs {
  /* TODO Bottom align the placeholder */
}
.form-inputs input:not([type=radio]):not([type=checkbox]), .form-inputs textarea, .form-inputs select {
  color: #c5c5c5;
  border: none;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
  width: 100%;
  outline: none;
  font-weight: 300;
  font-size: 11pt;
  line-height: 23pt;
  background-color: transparent;
}
.form-inputs input:not([type=radio]):not([type=checkbox]).input-validation-error, .form-inputs textarea.input-validation-error, .form-inputs select.input-validation-error {
  border-color: orange;
  margin-bottom: 0px;
}
.form-inputs .checkbox input {
  visibility: hidden;
  position: absolute;
}
.form-inputs .checkbox label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.form-inputs .checkbox label > span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #c5c5c5;
  margin-right: 0.5em;
}
.form-inputs .checkbox input:checked + label > span::after {
  content: "✓";
  position: absolute;
  font-weight: bold;
  font-size: 20px;
  left: 4px;
  top: -2px;
}
.form-inputs :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c5c5c5;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}
.form-inputs ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c5c5c5;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}
.form-inputs :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c5c5c5;
  text-transform: uppercase;
}
.form-inputs ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c5c5c5;
  text-transform: uppercase;
}
.form-inputs input[type=radio] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.form-inputs input[type=radio] + label::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid #c5c5c5;
  margin-right: 15px;
  margin-left: -5px;
}
.form-inputs input[type=radio]:checked + label::before {
  background-color: #c5c5c5;
}
.form-inputs button {
  float: right;
  padding: 5px 10px;
  background-color: transparent;
  border: 1px solid #c5c5c5;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14pt;
}
.form-inputs button[disabled] {
  pointer-events: none;
  color: gray;
  border-color: gray !important;
}
.form-inputs .field-validation-error {
  display: block;
  color: orange;
  margin-bottom: 25px;
}
.form-inputs .select-wrapper {
  position: relative;
}
.form-inputs .select-wrapper::after {
  font-weight: 100;
  font-family: "Material Icons";
  content: "keyboard_arrow_down";
  right: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
}
.form-inputs .select-wrapper select {
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.form-inputs .select-wrapper select option {
  color: #4f4f4f;
}

/*.card-columns {
    column-gap: 0;
}*/
.play-icon-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/img/video-play-512.png");
  background-size: 18%;
  background-repeat: no-repeat;
  background-position: center;
}
.play-icon-overlay.play-icon-overlayNoClick {
  pointer-events: none;
}

.grid-cards .grid-title, .grid-slider .grid-title {
  font-weight: 300;
  padding: 0;
  margin-top: 25px;
  border: unset;
  border-radius: unset;
}
@media print, screen and (min-width: 36em) {
  .grid-cards .grid-title, .grid-slider .grid-title {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-cards .grid-title .underlined, .grid-slider .grid-title .underlined {
    text-transform: uppercase;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 2px;
    padding-bottom: 0.125rem;
    line-height: 1.68;
  }
}
.grid-cards .grid-title .underlined .first-word, .grid-slider .grid-title .underlined .first-word {
  font-weight: bold;
}

.filter-buttons {
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 40px;
  padding-right: 40px;
}
@media print, screen and (min-width: 48em) {
  .filter-buttons {
    margin-top: 0;
  }
}
.filter-buttons a {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
.filter-buttons a.btn.btn-outline-primary.btn-black.active {
  background-color: black;
  color: #e3e3e3;
  border-color: black;
}
.filter-buttons a:hover {
  background-color: #1a1a1a;
  color: #e3e3e3;
  border-color: #e3e3e3;
}
.filter-buttons .active {
  color: var(--paragraph-color-light);
}

.grid-cards {
  /*grid-auto-rows: 120px;
  grid-gap: $grid-gutter-width / 2;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));*/
  height: 100%;
}
.grid-cards .grid-card-container {
  width: 100%;
}
.grid-cards:not(.grid-on-mobile) {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .grid-cards:not(.grid-on-mobile) {
    display: block;
  }
}
.grid-cards.grid-on-mobile:not(.list-on-desktop) {
  display: block;
}
@media print, screen and (min-width: 48em) {
  .grid-cards.list-on-desktop {
    display: block;
    height: calc(100vh - 300px);
    min-height: 575px;
  }
  .grid-cards.list-on-desktop .scrollbar-outer {
    height: 100%;
  }
  .grid-cards.list-on-desktop .scrollbar-outer .scroll-content {
    display: block;
    /*grid-auto-rows: 120px;*/
  }
}
.grid-cards.two-columns {
  /*grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));*/
}
.grid-cards.two-columns .grid-sizer,
.grid-cards.two-columns .grid-card-container,
.grid-cards.two-columns .grid-card {
  width: 100%;
}
.grid-cards.two-columns .grid-card-container .grid-card {
  width: 100%;
}
.grid-cards.three-columns {
  /*grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));*/
}
.grid-cards.three-columns .grid-sizer,
.grid-cards.three-columns .grid-card-container,
.grid-cards.three-columns .grid-card {
  width: 100%;
}
.grid-cards.three-columns .grid-card-container .grid-card {
  width: 100%;
}
@media print, screen and (min-width: 36em) {
  .grid-cards.two-columns {
    /*grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));*/
  }
  .grid-cards.two-columns .grid-sizer,
.grid-cards.two-columns .grid-card-container,
.grid-cards.two-columns .grid-card {
    width: 50%;
  }
  .grid-cards.two-columns .grid-card-container .grid-card {
    width: 100%;
  }
  .grid-cards.three-columns {
    /*grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));*/
  }
  .grid-cards.three-columns .grid-sizer,
.grid-cards.three-columns .grid-card-container,
.grid-cards.three-columns .grid-card {
    width: 50%;
  }
  .grid-cards.three-columns .grid-card-container .grid-card {
    width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .grid-cards.two-columns {
    /*grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));*/
  }
  .grid-cards.two-columns .grid-sizer,
.grid-cards.two-columns .grid-card-container,
.grid-cards.two-columns .grid-card {
    width: 50%;
  }
  .grid-cards.two-columns .grid-card-container .grid-card {
    width: 100%;
  }
  .grid-cards.three-columns {
    /*grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));*/
  }
  .grid-cards.three-columns .grid-sizer,
.grid-cards.three-columns .grid-card-container,
.grid-cards.three-columns .grid-card {
    width: 33%;
  }
  .grid-cards.three-columns .grid-card-container .grid-card {
    width: 100%;
  }
}
.grid-cards .small-item {
  /*height: 100%;*/
  /*grid-row: span 2;*/
  height: 270px;
}
.grid-cards .medium-item {
  /*height: 100%;
  grid-row: span 3;*/
  height: 405px;
}
.grid-cards .large-item {
  /*height: 100%;
  grid-row: span 4;*/
  height: 540px;
}
.grid-cards a {
  color: white;
  text-decoration: none;
}
.grid-cards .grid-card-container {
  display: inline-block;
}
.grid-cards .grid-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: none;
  border-radius: unset;
  padding-top: 0;
  padding-bottom: 1.25rem;
  background-color: transparent;
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.grid-cards .grid-card:hover {
  transform: scale(0.98);
  transition: transform 0.2s ease-in-out;
}
.grid-cards .grid-card .grid-card-img {
  background-size: cover;
  background-position: center;
  border-radius: unset;
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
}

.grid-slider.carousel-container {
  display: block;
  padding: 0;
}
@media print, screen and (min-width: 36em) {
  .grid-slider.carousel-container {
    display: none;
  }
}
.grid-slider.carousel-container .carousel-controls {
  float: left;
  width: 40px;
  height: 30px;
}
.grid-slider.carousel-container .carousel-controls .carousel-control-prev, .grid-slider.carousel-container .carousel-controls .carousel-control-next {
  position: static;
  float: left;
  width: 11px;
}
.grid-slider.carousel-container .carousel-controls .carousel-control-prev {
  margin-left: 2px;
  margin-right: 15px;
}
.grid-slider.carousel-container .carousel-controls .carousel-control-prev .carousel-control-prev-icon,
.grid-slider.carousel-container .carousel-controls .carousel-control-next .carousel-control-next-icon {
  border-color: white;
  width: 11px;
  height: 11px;
}
.grid-slider.carousel-container ol.carousel-indicators {
  position: relative;
  float: right;
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0px;
  bottom: 8px;
}
.grid-slider.carousel-container ol.carousel-indicators li {
  cursor: pointer;
  background-color: transparent;
  text-indent: 0;
  text-align: center;
  line-height: 28px;
  height: auto;
}
.grid-slider.carousel-container ol.carousel-indicators li:before, .grid-slider.carousel-container ol.carousel-indicators li:after {
  content: none;
}
.grid-slider.carousel-container ol.carousel-indicators li .vertical-dash {
  display: none;
  width: 4px;
  height: 25px;
  background-color: white;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.grid-slider.carousel-container ol.carousel-indicators li.active {
  font-weight: bold;
}
.grid-slider.carousel-container ol.carousel-indicators li.active .vertical-dash {
  display: block;
}
.grid-slider.carousel-container .carousel-inner .slide-image {
  height: 0;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}
.grid-slider.carousel-container .carousel-inner .grid-title a {
  color: white;
}
.grid-slider.carousel-container .carousel-inner .grid-title a:hover, .grid-slider.carousel-container .carousel-inner .grid-title a:active, .grid-slider.carousel-container .carousel-inner .grid-title a:focus {
  text-decoration: none;
}

.grid-list {
  background-color: black;
  padding: 1.5625rem 0.9375rem 2.0625rem;
  text-transform: uppercase;
}
@media print, screen and (min-width: 48em) {
  .grid-list {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-list {
    display: none;
  }
}
.grid-list ul {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
}
.grid-list ul li {
  margin-bottom: 25px;
}
.grid-list ul li a {
  color: white;
}
.grid-list ul li a:hover, .grid-list ul li a:active, .grid-list ul li a:focus {
  text-decoration: none;
}
.grid-list ul li a .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.grid-list ul li a .item .title-container {
  width: calc(100% - 26px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.grid-list ul li a .item .title-container .title {
  line-height: 1.3;
}
.grid-list ul li a .item .TitleContainer-arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.grid-list ul li a .item .arrow {
  margin-left: 0.625rem;
  width: 1.125rem;
  fill: var(--paragraph-color-light);
}

.Hamburger {
  padding: 0.6875rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  margin: 0;
  overflow: visible;
  border-radius: 0;
  background-color: transparent;
}
@media print, screen and (min-width: 48em) {
  .Hamburger {
    display: none;
  }
}
.Hamburger:focus {
  outline: 0;
}
.Hamburger.collapsed {
  background-color: transparent;
  border-right: 1px solid transparent;
}
.Hamburger.collapsed .Hamburger-inner {
  transform: rotate(0deg);
}
.Hamburger.collapsed .Hamburger-inner::before, .Hamburger.collapsed .Hamburger-inner::after {
  transition-delay: 0s;
}
.Hamburger.collapsed .Hamburger-inner::before {
  top: -8px;
  opacity: 1;
}
.Hamburger.collapsed .Hamburger-inner::after {
  bottom: -8px;
  transform: rotate(0deg);
}

.Hamburger-box {
  width: 25px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.Hamburger-inner {
  display: block;
  top: 50%;
  margin-top: 0.0625rem;
}
.Hamburger-inner, .Hamburger-inner::before, .Hamburger-inner::after {
  width: 25px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.Hamburger-inner::before, .Hamburger-inner::after {
  content: "";
  display: block;
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.Hamburger-inner::before {
  top: -8px;
  transition-property: top, opacity;
}
.Hamburger-inner::after {
  bottom: -8px;
  transition-property: bottom, transform;
}

.Hamburger--squeeze.collapsed .Hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.Hamburger--squeeze.collapsed .Hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.Hamburger--squeeze.collapsed .Hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.Hamburger--squeeze .Hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.Hamburger--squeeze .Hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.Hamburger--squeeze .Hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.HeaderSlider-imageStyle {
  width: 100%;
  height: 15.625rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-imageStyle {
    min-height: 35.9375rem;
    height: calc(100vh - 300px);
  }
}

.HeaderSlider-content {
  background-color: var(--secondary-color);
  padding: 1.25rem;
  min-height: 18.75rem;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    z-index: 10;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    min-height: auto;
  }
}

.HeaderSlider-titleBlock .HeaderSlider-titleStyle {
  color: var(--paragraph-color-light);
  font-size: var(--main-header);
  font-weight: 700;
}
.HeaderSlider-titleBlock .HeaderSlider-subtitleStyle p {
  color: var(--paragraph-color-light);
  width: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 1.25rem;
}
.HeaderSlider-titleBlock .HeaderSlider-subtitleStyle p a {
  color: var(--paragraph-color-light);
  transition: color 0.5s;
}
.HeaderSlider-titleBlock .HeaderSlider-subtitleStyle p a:hover {
  color: var(--paragraph-color-light);
  transition: color 0.5s;
}

.HeaderSlider-imageBlock {
  position: relative;
}

.HeaderSlider {
  position: relative;
}

.HeaderSlider-arrow {
  position: relative;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 1.875rem;
}
.HeaderSlider-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.1875rem 0.1875rem 0 0;
  border-style: solid;
  border-color: var(--paragraph-color-light);
  transform: rotate(225deg);
  transform-origin: 50% 25%;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-arrow {
    position: relative;
    z-index: 1;
    position: absolute;
    top: 50%;
  }
  .HeaderSlider-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-width: 0.1875rem 0.1875rem 0 0;
    border-style: solid;
    border-color: var(--paragraph-color-light);
    transform: rotate(225deg);
    transform-origin: 50% 25%;
  }
}

.HeaderSlider-next {
  left: auto;
  right: 1.875rem;
  cursor: pointer;
  outline: none;
  border: none;
}
.HeaderSlider-next:after {
  transform: rotate(45deg);
  transform-origin: 25% -140%;
}

.HeaderSlider-prev {
  cursor: pointer;
  outline: none;
  border: none;
}

.HeaderSlider-nav {
  position: absolute;
  left: 50%;
  bottom: 1.25rem;
  transform: translateX(-50%);
  z-index: 15;
}
.HeaderSlider-nav .swiper-pagination-bullet {
  display: inline-block;
  margin-left: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--paragraph-color-light);
  border-radius: 50%;
  cursor: pointer;
}
.HeaderSlider-nav .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.HeaderSlider-nav .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}

.HeaderSlider-imageDescription p {
  font-size: 0.6875rem;
  line-height: 1;
  margin: 0;
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
  color: var(--paragraph-color-light);
}

.HeaderSlider-title {
  font-size: 1.25rem;
  color: var(--paragraph-color-lightgrey);
  font-weight: 200;
  margin-top: 0;
  line-height: 2.5rem;
  padding: 0 0.9375rem;
}
@media print, screen and (min-width: 36em) {
  .HeaderSlider-title {
    font-size: 1.5625rem;
  }
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-title {
    padding: 0;
  }
}
@media screen and (min-width: 62em) {
  .HeaderSlider-title {
    font-size: 2.1875rem;
  }
}

.HeaderSlider-row {
  width: 1600px;
}

.HeaderSlider-background {
  background-color: black;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-background {
    background: linear-gradient(90deg, black 50%, #4d4d4d 50%);
  }
}

.HeaderSlider-row .carousel-container {
  max-width: 73.125rem;
  padding: 0;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-row .carousel-container {
    padding: 0 0.9375rem;
  }
}

@media print, screen and (min-width: 48em) {
  .HeaderSlider-row .list-on-desktop {
    padding: 0 0.9375rem 0 0;
  }
}

@media print, screen and (min-width: 48em) {
  .HeaderSlider-mobileOnly {
    display: none;
  }
}

.HeaderSlider-desktopOnly {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider-desktopOnly {
    display: block;
  }
}

.HeaderSlider-title.text {
  line-height: 1;
}

.HeaderSlider .swiper-slide {
  position: relative;
  height: 15.625rem;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .HeaderSlider .swiper-slide {
    min-height: 35.9375rem;
    height: calc(100vh - 300px);
  }
}

.HeaderSlider-imageBlock, .HeaderSlider-videoBlock, .HeaderSlider-videoBlockSingle {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 100%;
  position: relative;
}
.HeaderSlider-imageBlock .VideoBlock, .HeaderSlider-videoBlock .VideoBlock, .HeaderSlider-videoBlockSingle .VideoBlock {
  width: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.HeaderSlider-videoBlock, .HeaderSlider-videoBlockSingle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: var(--paragraph-color);
}

.HeaderSlider-imageBlock .HeaderSlider-imageStyle {
  height: 100%;
}

[data-media-provider] {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-sizing: border-box;
  -ms-flex-align: center;
      align-items: center;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: inherit;
  overflow: hidden;
}

[data-media-player]:not([data-view-type=audio]) [data-media-provider], [data-media-player][data-fullscreen] [data-media-provider] {
  height: 100%;
}

[data-media-provider] iframe {
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}

.HeaderSlider-videoBlock .vds-icon.vds-fs-enter-icon, .vds-icon.vds-menu-settings-icon.vds-rotate-icon, .vds-icon.vds-play-icon, .vds-slider-chapter, .vds-chapter-title, .vds-time-group, .vds-icon.vds-pause-icon, .vds-slider-chapters, .vds-time-slider.vds-slider, .vds-play-button.vds-button, .vds-fullscreen-tooltip.vds-tooltip, .vds-menu-button.vds-button {
  display: none !important;
  pointer-events: none !important;
}

.HeaderSlider-videoBlock .vds-blocker {
  pointer-events: none;
}

.HeaderSlider-videoBlock .vds-controls {
  visibility: visible !important;
  opacity: 1 !important;
}

.highlight-container {
  margin: 0;
  padding-bottom: 40px;
}
@media print, screen and (min-width: 36em) {
  .highlight-container {
    padding-top: 50px;
    padding-bottom: 90px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

.text-with-button-container {
  margin: 0;
  padding-top: 0;
  padding-right: 35px;
  padding-bottom: 90px;
}
.text-with-button-container .highlight-title {
  margin-top: 0;
  font-weight: normal;
}

.highlight-title {
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.highlight-line {
  border: 0;
  width: 70px;
  height: 1px;
  background-color: white;
  margin-bottom: 25px;
}

.highlight-date {
  font-size: 16px;
}

.highlight-subtitle {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.highlight-description {
  margin-bottom: 20px;
}

.ImageBlock {
  margin-bottom: 1.25rem;
  text-align: center;
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
body {
  background-color: black !important;
  color: #c5c5c5;
}
body h1 {
  color: white;
  text-transform: uppercase;
  font-weight: 300;
}
body h1 strong {
  font-weight: bold;
}
body h2 {
  color: white;
  margin-top: 50px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 28pt;
}
@media print, screen and (min-width: 36em) {
  body h2 {
    margin-bottom: 26px;
    font-size: 30pt;
  }
}
body h2.header-margin-top {
  margin-top: 50px;
}
@media print, screen and (min-width: 36em) {
  body h2.header-margin-top {
    margin-top: 116px;
  }
}
body h2 strong {
  font-weight: bold;
}
body h3 {
  color: white;
  font-size: 18pt;
}
body h3 strong {
  font-weight: bold;
}
body p {
  font-size: 10pt;
  line-height: 26px;
  font-weight: 400;
}
@media print, screen and (min-width: 36em) {
  body p {
    font-size: 11pt;
    line-height: 30px;
  }
}

ul.no-default-padding {
  padding-left: 1em;
}

video {
  width: 100%;
}

.uppercase {
  text-transform: uppercase;
}

.homepage-first .container-fluid {
  max-width: 1600px;
}

main {
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
}

.column .column-content {
  width: 100%;
}
@media print, screen and (min-width: 36em) {
  .column.no-inner-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

[class^=col-] {
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 36em) {
  [class^=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.grid-section .row {
  height: 100%;
}
.grid-section .row .no-padding {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

[height]:not([height=default]) .grid-col:not([centervertical="1"]) {
  height: 100%;
}
[height]:not([height=default]) .grid-col:not([centervertical="1"]) .column-content {
  height: 100%;
}

@media print, screen and (min-width: 36em) {
  .row-wrapper[height=viewheight] {
    height: calc(100vh - 50px);
    min-height: 700px;
  }
}
@media print, screen and (min-width: 36em) {
  .row-wrapper:first-child[height=viewheight] {
    height: calc(100vh - 175px);
    min-height: 700px;
  }
}

@media print, screen and (min-width: 36em) {
  [height=viewheight] {
    height: 100vh;
  }
}
[height=viewheight] .row .column {
  height: 100%;
}
[height=viewheight] .row .column:not([centervertical="1"]) .column-content {
  height: 100%;
}

[height=medium] {
  min-height: 250px;
}
@media print, screen and (min-width: 36em) {
  [height=medium] {
    height: 920px;
  }
}

[height=low] {
  min-height: 250px;
}
@media print, screen and (min-width: 36em) {
  [height=low] {
    height: 675px;
  }
}

[hpadding="1"] {
  padding-bottom: 50px;
}
@media print, screen and (min-width: 36em) {
  [hpadding="1"] {
    padding: 0 10%;
  }
}

@media print, screen and (min-width: 36em) {
  [centervertical="1"] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

[bottom-padding="1"] {
  padding-bottom: 40px;
}
@media print, screen and (min-width: 36em) {
  [bottom-padding="1"] {
    padding-bottom: 75px;
  }
}

[top-padding="1"] {
  padding-top: 40px;
}
@media print, screen and (min-width: 36em) {
  [top-padding="1"] {
    padding-top: 55px;
  }
}

[data-color-style=white-background] {
  background-color: #4d4d4d;
}

[data-color-style=black-background] {
  background-color: black;
}

[data-color-style=gray-background] {
  background-color: #4d4d4d;
  color: black;
}
[data-color-style=gray-background] h1, [data-color-style=gray-background] h2, [data-color-style=gray-background] h3, [data-color-style=gray-background] h4, [data-color-style=gray-background] h5, [data-color-style=gray-background] h6 {
  color: black;
}

[data-color-style=gold-background] {
  background-color: #8f6d26;
}

@media print, screen and (min-width: 36em) {
  [data-color-style="50-50-background"] {
    background: linear-gradient(90deg, black 50%, #4d4d4d 50%);
  }
}

.row-wrapper {
  position: relative;
}
.row-wrapper .row-container {
  height: 100%;
}
.row-wrapper .row-container .row-anchor {
  display: block;
  position: absolute;
  top: -57px;
}
@media print, screen and (min-width: 36em) {
  .row-wrapper .row-container .row-anchor {
    top: -50px;
  }
}

.image-left {
  margin-top: 50px;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 36em) {
  .image-left {
    margin-top: 100px;
    margin-bottom: 50px;
  }
}
.image-left .column-content img {
  max-width: 100%;
}

.image-right {
  margin-top: 25px;
  margin-bottom: 50px;
}
@media print, screen and (min-width: 36em) {
  .image-right {
    margin-top: 300px;
    margin-bottom: 50px;
  }
}
.image-right .column-content img {
  max-width: 100%;
}

.MasonryBlock-title {
  padding-left: 1.25rem;
  font-size: 24pt;
  line-height: 1;
  margin: 0 0 1.25rem;
}
@media print, screen and (min-width: 36em) {
  .MasonryBlock-title {
    font-size: 28pt;
  }
}
@media screen and (min-width: 62em) {
  .MasonryBlock-title {
    font-size: 37pt;
  }
}

.MasonryBlock-Grey {
  background-color: var(--tertiary-color);
}

.MasonryBlock-Gold {
  background-color: var(--fourth-color);
}

.MasonryBlock-Black {
  background-color: var(--primary-color);
}

.MasonryBlock {
  padding: 2.0625rem 0;
  counter-reset: slider-count;
}
@media print, screen and (min-width: 48em) {
  .MasonryBlock {
    padding: 3.4375rem 0;
  }
}
.MasonryBlock .carousel-container {
  height: auto;
  padding: 0;
}

.MasonryBlock-date {
  margin: 0.625rem 0 -1.25rem 0;
  font-size: 0.8125rem;
}

.MasonryBlock-button {
  padding-top: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .MasonryBlock-button {
    padding: 3.4375rem 0 4.6875rem 0;
  }
}

.MasonryBlock-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0.625rem;
  padding: 0 0.9375rem;
}
.MasonryBlock-navigation .swiper-pagination {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.MasonryBlock-navigation .swiper-pagination .swiper-pagination-bullet {
  counter-increment: slider-count;
  margin-left: 0.9375rem;
}
.MasonryBlock-navigation .swiper-pagination .swiper-pagination-bullet::before {
  content: counter(slider-count);
  font-size: 1rem;
}
.MasonryBlock-navigation .swiper-pagination .swiper-pagination-bullet-active {
  font-weight: bold;
}
.MasonryBlock-navigation .swiper-pagination .swiper-pagination-bullet-active:after {
  content: "";
  width: 0.25rem;
  height: 1.5625rem;
  background-color: var(--paragraph-color-light);
  display: block;
  position: absolute;
  z-index: 10;
  margin-left: 0.125rem;
}

.MasonryBlock-mobile {
  width: 100%;
  height: 21.875rem;
  background-size: cover;
  background-position: center;
  display: block;
  margin-bottom: 1.5625rem;
}

.MasonryBlock-sliderImage {
  display: block;
  width: 100%;
}

.MasonrySlider-arrow {
  position: relative;
  z-index: 1;
  position: absolute;
  top: 0;
}
.MasonrySlider-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 0.6875rem;
  height: 0.6875rem;
  border-width: 0.1875rem 0.1875rem 0 0;
  border-style: solid;
  border-color: var(--paragraph-color-light);
  transform: rotate(225deg);
  transform-origin: 50% 25%;
}
.MasonrySlider-arrow::after {
  transform-origin: right;
}

.MasonrySlider-next {
  left: 4.6875rem;
  cursor: pointer;
  outline: none;
  border: none;
  transform: rotateY(180deg);
  display: inline-block;
}

.MasonrySlider-prev {
  left: 0.9375rem;
  cursor: pointer;
  outline: none;
  border: none;
}

@media print, screen and (min-width: 48em) {
  .MasonryBlock .NewsList-itemTitle {
    text-transform: uppercase;
    border-bottom: solid 1px var(--secondary-color);
    line-height: 1.6;
    position: relative;
  }
}

.NewsList-titleWrapper {
  padding: 0 1.25rem;
}

.categorie-buttons {
  margin-bottom: 2.5rem;
  padding: 0 2.5rem;
  text-align: right;
}
.categorie-buttons a {
  color: var(--paragraph-color-light);
}

.grid-cards-masonry {
  position: relative;
}
.grid-cards-masonry.is-loading {
  pointer-events: none;
  opacity: 0.75;
  transition: opacity 0.25s ease-in-out;
}
.grid-cards-masonry.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  z-index: 10;
}
.grid-cards-masonry.is-loading::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.25rem solid var(--paragraph-color-lightgrey);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: overview-loader 1s linear infinite;
  z-index: 11;
}

@keyframes overview-loader {
  to {
    transform: rotate(360deg);
  }
}
.Menu {
  display: -ms-flexbox;
  display: flex;
}
.Menu.Menu--left {
  -ms-flex-pack: left;
      justify-content: left;
}
.Menu.Menu--center {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media screen and (min-width: 62em) {
  .Menu.Menu--center {
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 0;
  }
}
.Menu.Menu--right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.Menu-mainMenu {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: right;
  z-index: 11;
  position: relative;
}
.Menu-mainMenu > .menu-item {
  position: relative;
  display: inline-block;
  list-style-type: none;
  margin-left: -0.25rem;
}
.Menu-mainMenu > .menu-item [aria-current], .Menu-mainMenu > .menu-item.current-menu-item a {
  background-color: var(--background-primary);
  color: var(--paragraph-color-light);
}
.Menu-mainMenu > .menu-item a {
  color: var(--paragraph-color);
  font-size: 0.875rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  padding: 0.75rem 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .Menu-mainMenu > .menu-item a {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 62em) {
  .Menu-mainMenu > .menu-item a {
    font-size: 0.875rem;
  }
}
.Menu-mainMenu > .menu-item a:hover {
  color: var(--paragraph-color-light);
  background-color: var(--background-primary);
}
.Menu-mainMenu > .menu-item:hover > ul {
  display: block;
}
.Menu-mainMenu > .menu-item .sub-menu {
  display: none;
  position: absolute;
  z-index: 99;
  top: 2.5rem;
  left: -0.3125rem;
  width: auto;
  background-color: var(--background-secondary);
  list-style-type: none;
  padding: 1.25rem;
  border-top: 2px solid var(--paragraph-color);
  box-shadow: 0px 1px 1px var(--paragraph-color);
}
.Menu-mainMenu > .menu-item .sub-menu .current_page_item a {
  border-bottom: none;
}
.Menu-mainMenu > .menu-item .sub-menu li {
  text-align: left;
}
.Menu-mainMenu > .menu-item .sub-menu .menu-item {
  padding: 0.3125rem 0;
  border-bottom: 1px solid var(--paragraph-color);
}
.Menu-mainMenu > .menu-item .sub-menu .menu-item a {
  color: var(--paragraph-color);
  font-size: 0.875rem;
}
.Menu-mainMenu > .menu-item .sub-menu .menu-item a:hover {
  color: var(--paragraph-color);
}
.Menu-mainMenu > .menu-item .sub-menu .current-menu-item a {
  color: var(--paragraph-color);
}

.Menu-toggleWrapper {
  position: relative;
  text-align: right;
  z-index: 1;
}
@media screen and (min-width: 62em) {
  .Menu-toggleWrapper {
    display: none;
  }
}

.Menu-toggle {
  position: relative;
}

.MobileMenu ul {
  margin-bottom: 0;
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
.navbar {
  min-height: 58px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  padding-top: 0.5rem;
  z-index: 99;
  transition: height 0.2s;
  position: fixed;
  background-color: #343A40;
  white-space: nowrap;
}
@media print, screen and (min-width: 48em) {
  .navbar {
    background: linear-gradient(90deg, black 50%, #4d4d4d 50%);
  }
}
.navbar .container-fluid {
  max-width: 1600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media print, screen and (min-width: 48em) {
  .navbar .container-fluid {
    padding-left: 0.9375rem;
    padding-right: 0.3125rem;
  }
}
@media print, screen and (min-width: 48em) {
  .navbar {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar .navbar-brand {
  height: 42px;
}
.navbar .languages {
  display: none;
}
@media print, screen and (min-width: 36em) {
  .navbar .languages {
    position: fixed;
    max-width: 1600px;
    width: 100%;
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0.9375rem;
    transition: top 0.2s;
    text-align: right;
  }
}
@media print, screen and (min-width: 48em) {
  .navbar .languages {
    display: block;
  }
}
.navbar .languages .active.active {
  color: gray;
}
.navbar .languages .item {
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
.navbar .languages .item::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 18px;
  margin: 0 10px;
  background-color: white;
  transform: translateY(3px);
}
@media print, screen and (min-width: 36em) {
  .navbar .languages .item::after {
    background-color: black;
  }
}
.navbar .languages .item:last-child::after {
  content: none;
  display: none;
}
@media screen and (min-width: 62em) {
  .navbar {
    height: 175px;
    background-color: black !important;
  }
}
.navbar .navbar-nav .menu-item a {
  color: #fff;
}
.navbar.collapsed {
  height: 50px;
}
.navbar.collapsed .container-fluid {
  margin-bottom: 0;
  transition: margin-top 0.2s ease-in-out;
}
.navbar.collapsed .container-fluid .navbar-brand svg {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  transform: none;
}
.navbar.collapsed .languages {
  top: -100%;
}
.navbar:not(.collapsed) .container-fluid {
  max-height: 40px;
  transition: margin-top 0.2s ease-in-out;
}
@media print, screen and (min-width: 48em) {
  .navbar:not(.collapsed) .container-fluid {
    margin-top: 90px;
    margin-bottom: 40px;
  }
}
.navbar .navbar-brand {
  line-height: 0;
  max-width: calc(100% - 48px);
  margin-right: 0;
}
.navbar .navbar-brand svg {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 48em) {
  .navbar .navbar-brand svg {
    max-height: 170%;
    height: 170%;
    transform: translateY(-15%);
  }
}
.navbar .navbar-nav {
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar .navbar-nav .menu-item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  list-style-type: none;
}
@media screen and (min-width: 62em) {
  .navbar .navbar-nav .menu-item {
    margin-right: 42px;
  }
}
.navbar .navbar-nav .menu-item:last-child {
  margin-right: 0;
}
.navbar .navbar-nav .menu-item:last-child .nav-link {
  padding-right: 0px;
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .header {
    height: 175px;
  }
}

.Header-toggle {
  margin-right: -0.5625rem;
}
@media print, screen and (min-width: 36em) {
  .Header-toggle {
    margin-right: -0.625rem;
  }
}
@media screen and (min-width: 62em) {
  .Header-toggle {
    margin-right: 0;
  }
}

.Header-socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-right: 1.25rem;
}

.HeaderCanvas-socials {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.9375rem;
}

.Header-socialLanguages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

.Header-socialsStyle {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}
.Header-socialsStyle svg {
  fill: var(--paragraph-color-light);
}

.Header-socialLinkedin {
  margin-top: -0.1875rem;
}

.navbar .navbar-brand {
  padding: 0.3125rem 0;
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
.news-header {
  padding-top: 25px;
  padding-bottom: 25px;
  background: black;
}
.news-header.white {
  background: white;
}
.news-header.grey {
  background: #4d4d4d;
}
.news-header img {
  max-width: 100%;
  max-height: 60vh;
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 36em) {
  .news-header {
    background: linear-gradient(90deg, #000000 50%, #4d4d4d 50%);
    padding-bottom: 60px;
  }
  .news-header.white, .news-header.grey {
    background: linear-gradient(90deg, #000000 50%, #4d4d4d 50%);
  }
}

.news-body {
  margin-top: 25px;
  margin-bottom: 75px;
}
.news-body h1 {
  font-size: 24pt;
  font-weight: bold;
}
.news-body p {
  font-size: 13pt;
  font-weight: 400;
}
.news-body .news-title .date {
  font-weight: 300;
  font-size: 16pt;
}
.news-body .news-content {
  margin-top: 50px;
  margin-bottom: 50px;
}
.news-body .buttons a {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 36em) {
  .news-body {
    margin-top: 90px;
  }
}

@media print, screen and (min-width: 48em) {
  .SinglePostNews-imageSize-medium {
    padding: 0 4.53125rem;
  }
}

.OffcanvasMenu {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  background-color: var(--background-tertiary);
}
.OffcanvasMenu .menu-item {
  padding: 0.4375rem 1.25rem;
  position: relative;
  border-bottom: 1px solid white;
}
.OffcanvasMenu .menu-item:last-child {
  border-bottom: none;
}
.OffcanvasMenu .menu-item a {
  color: var(--paragraph-color-light);
  display: block;
  padding: 0.3125rem 0;
  text-align: left;
  margin-left: 0;
  outline: none;
}
.OffcanvasMenu .menu-item.submenu-collapsed .sub-menu {
  display: block;
}
.OffcanvasMenu .menu-item-has-children > a::after {
  content: "+";
  display: block;
  position: absolute;
  right: 1.25rem;
  top: 0.3125rem;
}
.OffcanvasMenu .menu-item-has-children.active > a::after {
  content: "-";
}
.OffcanvasMenu .sub-menu {
  display: none;
  list-style: none;
}
.OffcanvasMenu .sub-menu .menu-item {
  padding: 0.3125rem 0;
}
.OffcanvasMenu .sub-menu .menu-item:last-child {
  border: none;
}
.OffcanvasMenu .sub-menu .current-menu-item a {
  color: var(--primary);
}
.OffcanvasMenu .Menu-submenuToggle {
  float: right;
  font-weight: 700;
  font-size: 1rem;
}

.position-top {
  height: auto;
}

nav#offCanvas {
  z-index: 98;
}

.off-canvas {
  background-color: #343A40;
}
.off-canvas .languages {
  padding: 0.4375rem 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
.off-canvas .languages .active.active {
  color: gray;
}
.off-canvas .languages .item {
  color: #ffffff;
}
.off-canvas .languages .item::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 18px;
  margin: 0 10px;
  background-color: white;
  transform: translateY(3px);
}
.off-canvas .languages .item:last-child::after {
  content: none;
  display: none;
}

.off-canvas.is-open {
  transform: translate(0, 58px);
}

.js-off-canvas-overlay.is-visible {
  opacity: 0;
}

.OffcanvasMenu .menu-item {
  border-bottom: none;
  font-weight: 700;
  padding: 0.1875rem 1.25rem;
  font-size: 0.875rem;
}

.play-icon-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/video-play-512.png);
  background-size: 18%;
  background-repeat: no-repeat;
  background-position: center;
}

.project-item {
  background-color: #4d4d4d;
}
.project-item .simple-slider {
  margin-bottom: 50px;
}
.project-item .button-container {
  margin-bottom: 75px;
}
.project-item .row {
  margin-left: 0;
  margin-right: 0;
}
.project-item .row .column-content {
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}
@media print, screen and (min-width: 36em) {
  .project-item .row .column-content {
    padding-top: 100px;
    padding-bottom: 75px;
  }
}
.project-item .slider .container {
  max-width: none;
}
.project-item .slider .row {
  margin-left: -15px;
  margin-right: -15px;
}
.project-item .header .header-image {
  min-height: 250px;
  background-size: cover;
  background-position: center;
}
.project-item .header .header-content {
  background-color: black;
}
@media print, screen and (min-width: 36em) {
  .project-item .project-content {
    max-width: 350px;
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 48em) {
  .project-item .project-content {
    max-width: 470px;
    padding-left: 80px;
  }
}
@media screen and (min-width: 62em) {
  .project-item .project-content {
    max-width: 545px;
    padding-left: 100px;
  }
}
.project-item .home-button .row {
  margin-left: -15px;
  margin-right: -15px;
}

.provada-session {
  position: relative;
  display: inline-block;
}
.provada-session .provada-date {
  position: absolute;
  background-color: #4d4d4d;
  color: white;
  padding: 10px;
  font-size: 1.3em;
}
.provada-session .host-name {
  position: absolute;
  bottom: 0;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.3em;
}

.provada-link {
  color: white;
}
.provada-link:hover, .provada-link:active, .provada-link:focus {
  color: white;
}

.provada-session-details {
  background-color: #4d4d4d;
  color: white;
  text-align: center;
  padding: 25px;
  margin-bottom: 1em;
}
.provada-session-details .provada-details-title {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.provada-session-details .provada-details-content {
  font-weight: bold;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 7px;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  border-radius: 12px;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

.scrollbar.scrollbar-outer > .scroll-element {
  background-color: gray;
}
.scrollbar.scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar.scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 0px;
}
.scrollbar.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #4d4d4d;
}
.scrollbar.scrollbar-outer > .scroll-element.scroll-y {
  width: 14px;
}
.scrollbar.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  width: 12px;
}
.scrollbar.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}
.scrollbar.scrollbar-outer > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
.scrollbar.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  background-color: #4d4d4d;
  width: 10px;
  min-height: 14px;
}
.scrollbar.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: gray;
}

.SinglePost {
  max-width: 56.9375rem;
}
@media print, screen and (min-width: 48em) {
  .SinglePost {
    margin-top: 5.625rem;
  }
}

.SinglePostNews-imageStyle {
  width: 100%;
  max-width: 56.25rem;
  max-height: 60vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.SinglePostNews-image {
  padding: 5rem 0 3.75rem 0;
}
@media print, screen and (min-width: 36em) {
  .SinglePostNews-image {
    padding: 0 0 3.75rem 0;
  }
}
@media print, screen and (min-width: 48em) {
  .SinglePostNews-image {
    background: linear-gradient(90deg, #000 50%, #4d4d4d 50%);
    width: 100%;
    padding: 0 10% 60px;
  }
}

.SinglePost-date {
  font-size: 16pt;
  margin-bottom: -1.375rem;
}

.SinglePostNews-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.SinglePostNews-content {
  margin: 3.125rem 0;
  color: var(--paragraph-color-lightgrey);
}
.SinglePostNews-content p, .SinglePostNews-content li {
  font-size: 13pt;
  line-height: 1.5;
}
@media print, screen and (min-width: 48em) {
  .SinglePostNews-content {
    padding: 0 10%;
  }
}
@media screen and (min-width: 62em) {
  .SinglePostNews-content {
    padding: 0;
  }
}
.SinglePostNews-content a {
  color: var(--paragraph-color-light);
}
.SinglePostNews-content a:hover, .SinglePostNews-content a:focus {
  text-decoration: underline;
  color: var(--paragraph-color-light);
}

.Button-prevNext--prev a {
  color: var(--paragraph-color-lightgrey);
  border: solid 1px var(--paragraph-color-lightgrey);
  padding: 0.375rem 0.375rem;
}
@media print, screen and (min-width: 36em) {
  .Button-prevNext--prev a {
    padding: 0.375rem 0.75rem;
  }
}
.Button-prevNext--prev a:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

@media print, screen and (min-width: 48em) {
  .SinglePost-heading {
    padding: 0 10%;
  }
}
@media screen and (min-width: 62em) {
  .SinglePost-heading {
    padding: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .SingleEvent-postLinks {
    padding: 0 10%;
  }
}
@media screen and (min-width: 62em) {
  .SingleEvent-postLinks {
    padding: 0;
  }
}

.single-video {
  position: relative;
}

.SinglePageSlider {
  position: relative;
  margin-bottom: 3.125rem;
}
@media print, screen and (min-width: 48em) {
  .SinglePageSlider {
    margin-bottom: 0;
    padding: 6.25rem 0 3.125rem 0;
  }
}

.SinglePageSlider-imageBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
}

.SinglePageSlider-imageStyle {
  position: relative;
  display: block;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
  height: calc(100vh - 500px);
}
@media print, screen and (min-width: 48em) {
  .SinglePageSlider-imageStyle {
    height: calc(100vh - 300px);
    min-height: 35.9375rem;
  }
}

.SinglePageSlider-arrow {
  position: relative;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 1.875rem;
}
.SinglePageSlider-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.1875rem 0.1875rem 0 0;
  border-style: solid;
  border-color: var(--paragraph-color-light);
  transform: rotate(225deg);
  transform-origin: 50% 25%;
}
@media print, screen and (min-width: 48em) {
  .SinglePageSlider-arrow {
    position: relative;
    z-index: 1;
    position: absolute;
    top: 50%;
  }
  .SinglePageSlider-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-width: 0.1875rem 0.1875rem 0 0;
    border-style: solid;
    border-color: var(--paragraph-color-light);
    transform: rotate(225deg);
    transform-origin: 50% 25%;
  }
}

.SinglePageSlider-next {
  left: auto;
  right: 1.875rem;
  cursor: pointer;
  outline: none;
  border: none;
}
.SinglePageSlider-next:after {
  transform: rotate(45deg);
  transform-origin: 25% -140%;
}

.SinglePageSlider-prev {
  cursor: pointer;
  outline: none;
  border: none;
}

.SinglePageSlider--small {
  position: relative;
  display: block;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
  height: calc(100vh - 500px);
}
@media print, screen and (min-width: 48em) {
  .SinglePageSlider--small {
    height: calc(100vh - 800px);
    min-height: 18.75rem;
  }
}

.SinglePageSlider--medium {
  position: relative;
  display: block;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
  height: calc(100vh - 500px);
}
@media print, screen and (min-width: 48em) {
  .SinglePageSlider--medium {
    height: calc(100vh - 600px);
    min-height: 25rem;
  }
}

.SinglePageSlider--big {
  position: relative;
  display: block;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
  height: calc(100vh - 500px);
}
@media print, screen and (min-width: 48em) {
  .SinglePageSlider--big {
    height: calc(100vh - 300px);
    min-height: 35.9375rem;
  }
}

.SinglePostProject-contentWidth {
  max-width: 69.375rem;
}

.SinglePostProject-image {
  width: 100%;
  height: 100%;
}

.SinglePostProject-imageStyle {
  width: 100%;
  height: 100%;
  padding-top: 3.4375rem;
  min-height: 15.625rem;
  background-size: cover;
  background-position: center;
}
@media print, screen and (min-width: 48em) {
  .SinglePostProject-imageStyle {
    padding-top: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .SinglePostProject-opening {
    max-width: 470px;
    padding: 6.25rem 0 4.6875rem 5rem;
  }
}
@media screen and (min-width: 62em) {
  .SinglePostProject-opening {
    max-width: 545px;
    padding: 6.25rem 0 5.625rem 6.25rem;
  }
}

.SinglePostProject-openingTitle h1, .SinglePostProject-openingTitle h2, .SinglePostProject-openingTitle h3, .SinglePostProject-openingTitle h4, .SinglePostProject-openingTitle h5, .SinglePostProject-openingTitle h6 {
  padding: 1.25rem 1.25rem 0 1.25rem;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 48em) {
  .SinglePostProject-openingTitle h1, .SinglePostProject-openingTitle h2, .SinglePostProject-openingTitle h3, .SinglePostProject-openingTitle h4, .SinglePostProject-openingTitle h5, .SinglePostProject-openingTitle h6 {
    padding: 0;
  }
}

.SinglePostProject-openingText {
  padding: 0 1.25rem;
  color: var(--paragraph-color-light);
}
@media print, screen and (min-width: 48em) {
  .SinglePostProject-openingText {
    padding: 0;
  }
}
.SinglePostProject-openingText a {
  color: var(--link-color);
}
.SinglePostProject-openingText a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.SinglePostProject-video {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 3.625rem;
  text-align: center;
  background-color: var(--tertiary-color);
}
@media print, screen and (min-width: 48em) {
  .SinglePostProject-video {
    margin-top: 0;
  }
}

.SinglePostProject-contentBlock {
  background-color: var(--tertiary-color);
}

.SinglePostProject-button {
  margin: 0 1.25rem 1.25rem 1.25rem;
}
@media print, screen and (min-width: 48em) {
  .SinglePostProject-button {
    margin: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .SinglePostProject-imageSize-medium {
    max-height: 29.6875rem;
  }
}

.SinglePostVideo-contentWidth {
  max-width: 69.375rem;
}

.SinglePostVideo {
  position: relative;
}

.SinglePostVideo-video {
  width: 100%;
  height: 100%;
}

.VideoBlock-videoIframe {
  width: 100%;
  background-color: var(--tertiary-color);
  height: 18.75rem;
  padding-top: 3.75rem;
}
@media print, screen and (min-width: 48em) {
  .VideoBlock-videoIframe {
    height: 37.5rem;
    padding-top: 0;
  }
}

.SinglePostVideo-imageStyle {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  padding-top: 3.4375rem;
}
@media print, screen and (min-width: 48em) {
  .SinglePostVideo-imageStyle {
    padding-top: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .SinglePostVideo-opening {
    max-width: 470px;
    padding: 2.5rem 0 4.375rem 1.25rem;
  }
}
@media screen and (min-width: 62em) {
  .SinglePostVideo-opening {
    max-width: 545px;
    padding: 6.25rem 0 4.6875rem 6.25rem;
  }
}
.SinglePostVideo-opening.SinglePostVideo-openingFullVideo {
  padding-left: 0.9375rem;
  margin: 0 auto;
  max-width: 100rem;
}
@media print, screen and (min-width: 48em) {
  .SinglePostVideo-opening.SinglePostVideo-openingFullVideo {
    padding: 6.25rem 0.3125rem 4.6875rem 0.9375rem;
  }
}

.SinglePostVideo-openingTitle {
  padding: 1.25rem 1.25rem 0 1.25rem;
  font-size: 1.5rem;
  word-break: break-word;
  line-height: 3rem;
}
@media print, screen and (min-width: 36em) {
  .SinglePostVideo-openingTitle {
    font-size: 2.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .SinglePostVideo-openingTitle {
    padding: 0;
  }
}

.SinglePostVideo-openingText {
  padding: 0 1.25rem;
  color: var(--paragraph-color-light);
}
.SinglePostVideo-openingText a {
  color: var(--link-color);
}
.SinglePostVideo-openingText a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
@media print, screen and (min-width: 48em) {
  .SinglePostVideo-openingText {
    padding: 0;
  }
}

.SinglePostVideo-video {
  width: 100%;
  height: auto;
  text-align: center;
}

.SinglePostVideo-contentBlock {
  background-color: var(--tertiary-color);
}

.TitleTextButton {
  padding: 0 1.25rem 3.125rem;
  margin-top: 7.25rem;
}
@media print, screen and (min-width: 48em) {
  .TitleTextButton {
    padding: 0 10%;
    margin-top: 7.25rem;
  }
}

.TitleTextButton-title h1.TitleTextButton-titleStyle, .TitleTextButton-title h2.TitleTextButton-titleStyle {
  font-size: 20pt;
}
@media print, screen and (min-width: 48em) {
  .TitleTextButton-title h1.TitleTextButton-titleStyle, .TitleTextButton-title h2.TitleTextButton-titleStyle {
    font-size: 37pt;
  }
}
.TitleTextButton-title h2.TitleTextButton-titleStyle {
  margin-top: 3.125rem;
}
@media print, screen and (min-width: 48em) {
  .TitleTextButton-title h2.TitleTextButton-titleStyle {
    margin-top: 7.25rem;
  }
}
.TitleTextButton-title h3.TitleTextButton-titleStyle {
  font-size: 1.25rem;
}
@media print, screen and (min-width: 48em) {
  .TitleTextButton-title h3.TitleTextButton-titleStyle {
    font-size: 1.5rem;
  }
}
.TitleTextButton-title .TitleTextButton-titleStyle {
  margin-bottom: 1.25rem;
  line-height: 1;
}

.TitleTextButton-text {
  font-weight: 300;
  margin-bottom: 0.625rem;
}
.TitleTextButton-text p {
  margin-bottom: 0.625rem;
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 48em) {
  .TitleTextButton-text p {
    font-size: 13pt;
  }
}
.TitleTextButton-text a {
  color: var(--paragraph-color);
}
.TitleTextButton-text a:hover, .TitleTextButton-text a:focus {
  color: var(--paragraph-color);
  text-decoration: underline;
}
.TitleTextButton-text ul {
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 48em) {
  .TitleTextButton-text ul {
    font-size: 13pt;
  }
}

.TitleTextButton-alignment--left {
  text-align: left;
}

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

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

.TitleTextButton-textPadding {
  padding: 0 1.25rem;
}

.TitleTextSingle {
  padding: 1.25rem 0;
}
@media print, screen and (min-width: 48em) {
  .TitleTextSingle {
    padding: 3.75rem 0 0 5.625rem;
  }
}

.TitleTextSingle--noPadding {
  padding: 1.25rem 0;
}
@media print, screen and (min-width: 48em) {
  .TitleTextSingle--noPadding {
    padding: 3.75rem 0 0 0;
  }
}

.TitleTextSingle-verticalAlignment {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.TitleTextSingle-titleStyle {
  font-size: 2.25rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .TitleTextSingle-titleStyle {
    margin-top: 3.125rem;
    margin: 3.125rem 0 0.5rem;
    font-size: 2.5rem;
  }
}

.TitleTextSingle-text {
  font-weight: 400;
  color: var(--paragraph-color-light);
}
.TitleTextSingle-text a {
  color: var(--link-color);
}
.TitleTextSingle-text a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.wp-block-tlss-container-9-3-columns {
  background: black;
}
@media print, screen and (min-width: 48em) {
  .wp-block-tlss-container-9-3-columns {
    background: linear-gradient(90deg, black 50%, #4d4d4d 50%);
  }
}

.VideoBlock-playButtonWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  display: block;
  padding: 1.5625rem 1.5625rem 1.25rem;
  border-radius: 100px;
  background-color: var(--paragraph-color-light);
}
.VideoBlock-playButtonWrapper.js-active {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .VideoBlock-playButtonWrapper {
    padding: 3.125rem 3.125rem 2.8125rem;
  }
}

.VideoBlock-playButton {
  height: 3.125rem;
  width: 3.125rem;
}
@media print, screen and (min-width: 48em) {
  .VideoBlock-playButton {
    height: 6.25rem;
    width: 6.25rem;
  }
}

/**
    Kroonenberg groep variables
*/
/**
    Bootstrap variables
*/
.video-item {
  background-color: #4d4d4d;
}
.video-item .row {
  margin-left: 0;
  margin-right: 0;
}
.video-item .row .column-content {
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}
@media print, screen and (min-width: 36em) {
  .video-item .row .column-content {
    padding-top: 100px;
    padding-bottom: 75px;
  }
}
.video-item .header .header-video {
  min-height: 250px;
  background-size: cover;
  background-position: center;
}
.video-item .header .header-content {
  background-color: black;
}
@media print, screen and (min-width: 36em) {
  .video-item .header .header-content .video-text {
    max-width: 350px;
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 48em) {
  .video-item .header .header-content .video-text {
    max-width: 470px;
    padding-left: 80px;
  }
}
@media screen and (min-width: 62em) {
  .video-item .header .header-content .video-text {
    max-width: 545px;
    padding-left: 100px;
  }
}

.WidgetBlock {
  margin-bottom: 1.25rem;
}
.WidgetBlock h4 {
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  font-size: 1.3125rem;
  margin-bottom: 0.625rem;
}
.WidgetBlock .textwidget {
  font-size: 0.875rem;
  line-height: 2;
}
.WidgetBlock .textwidget a {
  color: var(--site-color);
}
.WidgetBlock .textwidget a:hover {
  text-decoration: underline;
}
.WidgetBlock .textwidget h3 {
  margin-top: 1.25rem;
}
.WidgetBlock .textwidget h2 {
  font-size: 24pt;
}
@media print, screen and (min-width: 36em) {
  .WidgetBlock .textwidget h2 {
    font-size: 28pt;
  }
}
@media screen and (min-width: 62em) {
  .WidgetBlock .textwidget h2 {
    font-size: 37pt;
  }
}
.WidgetBlock .textwidget .header-margin-top {
  margin: 0;
  line-height: 1;
}

.OpeningHoursWidget-table {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 0.9375rem;
}

.OpeningHoursWidget-link {
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--site-color);
}
.OpeningHoursWidget-link:hover {
  text-decoration: underline;
  color: var(--site-color);
}

.openinghourswidget a {
  color: var(--site-color);
}

.WidgetBlock .textwidget .wpcf7-form-control-wrap select, .WidgetBlock .textwidget .wpcf7-form-control-wrap input, .WidgetBlock .textwidget .wpcf7-form-control-wrap textarea {
  padding-left: 0;
  font-size: 11pt;
  font-weight: 300;
}
.WidgetBlock .textwidget .wpcf7-form-control-wrap select {
  margin-bottom: 1.5625rem;
}

.textwidget .header-margin-top {
  font-size: 28pt;
}
@media print, screen and (min-width: 48em) {
  .textwidget .header-margin-top {
    font-size: 37pt;
  }
}

@media print, screen and (min-width: 48em) {
  .WPFormsBlock-wrapper {
    padding: 6.25rem 0;
  }
}

.WPFormsBlock .wpforms-field-label, .WPFormsBlock .wpforms-field-label-inline {
  color: var(--paragraph-color-lightgrey);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.WPFormsBlock .wpforms-submit.wpforms-submit.wpforms-submit {
  color: var(--paragraph-color-lightgrey);
  padding: 0.625rem;
  background-color: transparent;
  border: solid 1px var(--paragraph-color-lightgrey);
  font-size: 1.125rem;
  cursor: pointer;
  float: right;
}
.WPFormsBlock .wpforms-submit.wpforms-submit.wpforms-submit:hover {
  background-color: var(--primary-color);
}
.WPFormsBlock .wpforms-field-large.wpforms-field-large.wpforms-field-large, .WPFormsBlock .wpforms-field-small.wpforms-field-small.wpforms-field-small, .WPFormsBlock .wpforms-field-medium.wpforms-field-medium.wpforms-field-medium {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  color: var(--paragraph-color-lightgrey);
}
.WPFormsBlock .wpforms-form.wpforms-form input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.WPFormsBlock .wpforms-form.wpforms-form input[type=radio]:checked {
  background-color: var(--secondary-color);
  box-shadow: 0 0 0 1px var(--paragraph-color-lightgrey);
}

.WPFormsBlock .wpforms-confirmation-container-full {
  background-color: var(--paragraph-color-light);
}

.carousel-container .carousel.slide {
  /*opacity: 0;
  animation: carousel-reveal 1.1s forwards ease-out;
  animation-delay: 4.5s;
  */
}
.carousel-container .carousel-title {
  height: 100%;
  max-height: 2.5rem;
}
.carousel-container .carousel-title .text {
  top: 0;
  position: absolute;
  left: -100%;
  animation: carousel-title-enter 1.5s forwards ease-out;
  animation-delay: 5.2s;
}
.carousel-container .carousel-title .text.line-1 {
  animation-delay: 4.5s;
}
@keyframes carousel-reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes carousel-title-enter {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}

.main-content {
  opacity: 1;
  transition: opacity 0.5s linear;
  position: relative;
}
.main-content.unload {
  opacity: 0;
}
/*# sourceMappingURL=global.css.map */