/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/scss/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* -------------------------------------------------------------------------- *\
  # CONFIG AND TOOLS
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\

  # FUNCTIONS

\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\

  # MIXINS

\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # CONFIG
\* -------------------------------------------------------------------------- */
@font-face {
  font-family: "Bodoni";
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src: local("Bodoni"), local("bodoni-regular"), url("../assets/fonts/Bodoni-Regular.woff2") format("woff2"), url("../assets/fonts/Bodoni-Regular.woff") format("woff");
}
@font-face {
  font-family: "Bodoni";
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  src: local("Bodoni Bold"), local("bodoni-Bold"), url("../assets/fonts/Bodoni-Bold.woff2") format("woff2"), url("../assets/fonts/Bodoni-Bold.woff") format("woff");
}
@font-face {
  font-family: "Bodoni";
  font-display: swap;
  font-weight: 700;
  font-style: italic;
  src: local("Bodoni BoldItalic"), local("bodoni-BoldItalic"), url("../assets/fonts/Bodoni-BoldItalic.woff2") format("woff2"), url("../assets/fonts/Bodoni-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Bodoni";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  src: local("Bodoni Italic"), local("bodoni-Italic"), url("../assets/fonts/Bodoni-Italic.woff2") format("woff2"), url("../assets/fonts/Bodoni-Italic.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  src: local("Ubuntu Light"), local("Ubuntu-Light"), url("../assets/fonts/Ubuntu-Light.woff2") format("woff2"), url("../assets/fonts/Ubuntu-Light.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("../assets/fonts/Ubuntu-Medium.woff2") format("woff2"), url("../assets/fonts/Ubuntu-Medium.woff") format("woff");
}
@font-face {
  font-family: "Ubuntu";
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("../assets/fonts/Ubuntu-Bold.woff2") format("woff2"), url("../assets/fonts/Ubuntu-Bold.woff") format("woff");
}
@font-face {
  font-family: "HeadTurn";
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src: local("Head Turn"), local("Head-turn"), url("../assets/fonts/Head-turn.woff2") format("woff2"), url("../assets/fonts/Head-turn.woff") format("woff");
}
/* -------------------------------------------------------------------------- *\
  # COLORS
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # Z-INDEX
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # GENERIC
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # RESET.CSS
\* -------------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, blockquote,
a, button, abbr, acronym, address, cite,
em, img, strong,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside,
figure, figcaption, footer, header, hgroup,
menu, nav, section, summary,
audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  background: transparent;
}

/* -------------------------------------------------------------------------- *\
  # NORMALIZE.CSS
\* -------------------------------------------------------------------------- */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------------------------------------------------------- *\
  # LAYOUT
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # GRID SYSTEM
\* -------------------------------------------------------------------------- */
.container-fluid {
  padding: 0 1.875rem;
}
@media (min-width: 46.8125em) {
  .container-fluid {
    padding: 0 1.875rem;
  }
}
@media (min-width: 74.9375em) {
  .container-fluid {
    padding: 0 1.875rem;
  }
}

.container {
  max-width: 90rem;
  padding: 0 1.875rem;
  margin: 0 auto;
}
@media (min-width: 46.8125em) {
  .container {
    padding: 0 1.875rem;
  }
}
@media (min-width: 74.9375em) {
  .container {
    padding: 0 1.875rem;
  }
}

.row {
  box-sizing: border-box;
  display: -moz-flex;
  display: flex;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 46.8125em) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 62.4375em) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.row.reverse {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col-1 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 8.3333333333%;
  box-sizing: border-box;
  max-width: 8.3333333333%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-1 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-1 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-2 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 16.6666666667%;
  box-sizing: border-box;
  max-width: 16.6666666667%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-3 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
  box-sizing: border-box;
  max-width: 25%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-4 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.3333333333%;
  box-sizing: border-box;
  max-width: 33.3333333333%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-5 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 41.6666666667%;
  box-sizing: border-box;
  max-width: 41.6666666667%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-5 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-5 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-6 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  box-sizing: border-box;
  max-width: 50%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-6 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-6 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-7 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 58.3333333333%;
  box-sizing: border-box;
  max-width: 58.3333333333%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-7 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-7 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-8 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 66.6666666667%;
  box-sizing: border-box;
  max-width: 66.6666666667%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-8 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-8 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-9 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
  box-sizing: border-box;
  max-width: 75%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-9 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-9 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-10 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 83.3333333333%;
  box-sizing: border-box;
  max-width: 83.3333333333%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-10 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-11 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 91.6666666667%;
  box-sizing: border-box;
  max-width: 91.6666666667%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-11 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-11 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-12 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 46.8125em) {
  .col-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.offset-1 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 8.3333333333%;
}
@media (min-width: 46.8125em) {
  .offset-1 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .offset-1 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.offset-2 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 16.6666666667%;
}
@media (min-width: 46.8125em) {
  .offset-2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .offset-2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.offset-3 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 25%;
}
@media (min-width: 46.8125em) {
  .offset-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .offset-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.offset-4 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 33.3333333333%;
}
@media (min-width: 46.8125em) {
  .offset-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .offset-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.offset-5 {
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 41.6666666667%;
}
@media (min-width: 46.8125em) {
  .offset-5 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .offset-5 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.justify-content-start {
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.justify-content-center {
  -moz-justify-content: center;
  justify-content: center;
}

.justify-content-end {
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.justify-content-around {
  -moz-justify-content: space-around;
  justify-content: space-around;
}

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

.justify-content-stretch {
  -moz-justify-content: stretch;
  justify-content: stretch;
}

.align-items-start {
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.align-items-center {
  -moz-align-items: center;
  align-items: center;
}

.align-items-end {
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.order-start {
  order: -1;
}

.order-end {
  order: 1;
}

@media (min-width: 31.1875em) {
  .col-sm-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    box-sizing: border-box;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    box-sizing: border-box;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    box-sizing: border-box;
    max-width: 25%;
  }

  .col-sm-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    box-sizing: border-box;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    box-sizing: border-box;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    box-sizing: border-box;
    max-width: 50%;
  }

  .col-sm-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    box-sizing: border-box;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    box-sizing: border-box;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    box-sizing: border-box;
    max-width: 75%;
  }

  .col-sm-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    box-sizing: border-box;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    box-sizing: border-box;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    box-sizing: border-box;
    max-width: 100%;
  }

  .offset-sm-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 25%;
  }

  .offset-sm-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 50%;
  }

  .offset-sm-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 75%;
  }

  .offset-sm-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 91.6666666667%;
  }

  .offset-sm-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 100%;
  }

  .justify-content-start-sm {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .justify-content-center-sm {
    -moz-justify-content: center;
    justify-content: center;
  }

  .justify-content-end-sm {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .justify-content-around-sm {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .justify-content-between-sm {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .justify-content-stretch-sm {
    -moz-justify-content: stretch;
    justify-content: stretch;
  }

  .align-items-start-sm {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .align-items-center-sm {
    -moz-align-items: center;
    align-items: center;
  }

  .align-items-end-sm {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .order-start-sm {
    order: -1;
  }

  .order-end-sm {
    order: 1;
  }
}
@media (min-width: 46.8125em) {
  .col-md-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    box-sizing: border-box;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    box-sizing: border-box;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    box-sizing: border-box;
    max-width: 25%;
  }

  .col-md-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    box-sizing: border-box;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    box-sizing: border-box;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    box-sizing: border-box;
    max-width: 50%;
  }

  .col-md-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    box-sizing: border-box;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    box-sizing: border-box;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    box-sizing: border-box;
    max-width: 75%;
  }

  .col-md-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    box-sizing: border-box;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    box-sizing: border-box;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    box-sizing: border-box;
    max-width: 100%;
  }

  .offset-md-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 25%;
  }

  .offset-md-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 50%;
  }

  .offset-md-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 75%;
  }

  .offset-md-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 91.6666666667%;
  }

  .offset-md-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 100%;
  }

  .justify-content-start-md {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .justify-content-center-md {
    -moz-justify-content: center;
    justify-content: center;
  }

  .justify-content-end-md {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .justify-content-around-md {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .justify-content-between-md {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .justify-content-stretch-md {
    -moz-justify-content: stretch;
    justify-content: stretch;
  }

  .align-items-start-md {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .align-items-center-md {
    -moz-align-items: center;
    align-items: center;
  }

  .align-items-end-md {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .order-start-md {
    order: -1;
  }

  .order-end-md {
    order: 1;
  }
}
@media (min-width: 62.4375em) {
  .col-lg-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    box-sizing: border-box;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    box-sizing: border-box;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    box-sizing: border-box;
    max-width: 25%;
  }

  .col-lg-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    box-sizing: border-box;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    box-sizing: border-box;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    box-sizing: border-box;
    max-width: 50%;
  }

  .col-lg-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    box-sizing: border-box;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    box-sizing: border-box;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    box-sizing: border-box;
    max-width: 75%;
  }

  .col-lg-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    box-sizing: border-box;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    box-sizing: border-box;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    box-sizing: border-box;
    max-width: 100%;
  }

  .offset-lg-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 25%;
  }

  .offset-lg-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 50%;
  }

  .offset-lg-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 75%;
  }

  .offset-lg-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 91.6666666667%;
  }

  .offset-lg-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 100%;
  }

  .justify-content-start-lg {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .justify-content-center-lg {
    -moz-justify-content: center;
    justify-content: center;
  }

  .justify-content-end-lg {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .justify-content-around-lg {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .justify-content-between-lg {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .justify-content-stretch-lg {
    -moz-justify-content: stretch;
    justify-content: stretch;
  }

  .align-items-start-lg {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .align-items-center-lg {
    -moz-align-items: center;
    align-items: center;
  }

  .align-items-end-lg {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .order-start-lg {
    order: -1;
  }

  .order-end-lg {
    order: 1;
  }
}
@media (min-width: 74.9375em) {
  .col-xl-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    box-sizing: border-box;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    box-sizing: border-box;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    box-sizing: border-box;
    max-width: 25%;
  }

  .col-xl-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    box-sizing: border-box;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    box-sizing: border-box;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    box-sizing: border-box;
    max-width: 50%;
  }

  .col-xl-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    box-sizing: border-box;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    box-sizing: border-box;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    box-sizing: border-box;
    max-width: 75%;
  }

  .col-xl-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    box-sizing: border-box;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    box-sizing: border-box;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    box-sizing: border-box;
    max-width: 100%;
  }

  .offset-xl-1 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 25%;
  }

  .offset-xl-4 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 50%;
  }

  .offset-xl-7 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 75%;
  }

  .offset-xl-10 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 91.6666666667%;
  }

  .offset-xl-12 {
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 100%;
  }

  .justify-content-start-xl {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }

  .justify-content-center-xl {
    -moz-justify-content: center;
    justify-content: center;
  }

  .justify-content-end-xl {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .justify-content-around-xl {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .justify-content-between-xl {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .justify-content-stretch-xl {
    -moz-justify-content: stretch;
    justify-content: stretch;
  }

  .align-items-start-xl {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .align-items-center-xl {
    -moz-align-items: center;
    align-items: center;
  }

  .align-items-end-xl {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .order-start-xl {
    order: -1;
  }

  .order-end-xl {
    order: 1;
  }
}
@media (min-width: 46.8125em) {
  .col-xl-1 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-2 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-3 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-4 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-5 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-6 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-7 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-8 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-9 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-10 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-11 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-12 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-1 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-2 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-3 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-4 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-5 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-6 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-7 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-8 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-9 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-10 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-11 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 62.4375em) {
  .col-xl-1 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-2 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-3 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-4 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-5 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-6 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-7 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-8 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-9 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-10 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-11 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xl-12 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-1 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-2 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-3 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-4 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-5 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-6 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-7 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-8 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-9 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-10 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-11 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .offset-xl-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
/* -------------------------------------------------------------------------- *\
  # MAIN LAYOUT
\* -------------------------------------------------------------------------- */
html {
  overflow-x: hidden;
}
@media (max-width: 62.4275em) {
  html.is-fixed {
    overflow: hidden;
  }
}

body {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.88rem;
  font-size: clamp(0.88rem, 0.8363139932rem + 0.2184300341vw, 1rem);
  line-height: 1.5625;
  color: #003B2E;
  background-color: #fff;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  padding-top: 3.875rem;
}
@media (min-width: 62.4375em) {
  body {
    padding-top: 4.25rem;
  }
}

.contextual-region {
  position: static;
}

/* -------------------------------------------------------------------------- *\
  # ELEMENTS
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # ANIMATIONS
\* -------------------------------------------------------------------------- */
.animation-shutter {
  background-color: #005844;
}
.animation-shutter img {
  -webkit-clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
          clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transition: -webkit-clip-path 1.2s;
  transition: clip-path 1.2s;
  transition: clip-path 1.2s, -webkit-clip-path 1.2s;
  display: block;
}
.animation-shutter.is-animate img {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
          clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
}
@media (max-width: 74.9275em) {
  .animation-quote img {
    width: 12.5rem;
  }
}
@media (max-width: 62.4275em) {
  .animation-quote img {
    width: 10rem;
  }
}
.animation-quote-text {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 1.5s linear, transform 1.5s linear;
}
.animation-quote.is-animate .animation-quote-text {
  opacity: 1;
  transform: translateY(0);
  -webkit-animation: 1.5s quote-effect;
          animation: 1.5s quote-effect;
}
@-webkit-keyframes quote-effect {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
            clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  }
}
@keyframes quote-effect {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
            clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  }
}
.animation-quote-img {
  transform: translateY(25%);
  transition: transform 2s ease-in-out;
}
.is-animate .animation-quote-img {
  transform: translateY(0);
}
.animation-quote-img-between {
  position: absolute;
  transform: translateY(50%);
  bottom: 0;
  right: -2.5rem;
  z-index: 1;
}
@media (min-width: 46.8125em) {
  .animation-quote-img-between {
    bottom: auto;
    top: 0;
    right: 0;
    transform: translateY(-25%);
    transition: transform 1.5s ease-in-out;
  }
  .is-animate .animation-quote-img-between {
    transform: translateY(-50%);
  }
}
.animation-brand .brand-list {
  transition: transform 1.5s ease-in-out;
  transform: translate(-10%, 0);
}
@media (min-width: 46.8125em) {
  .animation-brand .brand-list {
    transform: translate(-10%, -50%);
  }
}
.animation-brand.is-animate .brand-list {
  transform: translate(0, 0);
}
@media (min-width: 46.8125em) {
  .animation-brand.is-animate .brand-list {
    transform: translate(0, -50%);
  }
}
.animation-brandPresentation .imgOverlap-above {
  transform: translate(10%, -50%);
  transition: transform 1.5s ease-in-out;
  z-index: 1;
}
.animation-brandPresentation .imgOverlap-below {
  transform: translateY(10%);
  transition: transform 1.5s ease-in-out;
  z-index: 0;
}
.animation-brandPresentation.is-animate .imgOverlap-above {
  transform: translate(0, -50%);
}
.animation-brandPresentation.is-animate .imgOverlap-below {
  transform: translateY(0);
}
.animation-teaser {
  transform: translateY(5%);
  transition: transform 1.5s ease-in-out;
}
.is-animate .animation-teaser {
  transform: translateY(0);
}
.animation-wordCloud.is-animate .wordCloud-1, .animation-wordCloud.is-animate .wordCloud-2, .animation-wordCloud.is-animate .wordCloud-3, .animation-wordCloud.is-animate .wordCloud-4 {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-name: fading;
          animation-name: fading;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes fading {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.animation-wordCloud.is-animate .wordCloud-2 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.animation-wordCloud.is-animate .wordCloud-3 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.animation-wordCloud.is-animate .wordCloud-4 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.animation-moodboard [class^=moodboard-img] {
  transform: translateY(5%);
  transition: transform 2s ease-in-out;
}
.animation-moodboard.is-animate [class^=moodboard-img] {
  transform: translateY(0);
}
.animation-fade {
  opacity: 0;
  transition: opacity 3s linear;
}
.animation-fade.is-animate {
  opacity: 1;
}

/* -------------------------------------------------------------------------- *\
  # LINKS
\* -------------------------------------------------------------------------- */
/**
 * Default styles for simple hyperlinks.
 */
a {
  color: inherit;
  /* Fix to allow "click" on external SVG in Microsoft EDGE */
}
a:not(.hover-unstyled):hover, a:not(.focus-unstyled):focus {
  text-decoration: none;
}
a:focus {
  outline: 0.0625rem dashed currentColor;
}
a svg > use {
  pointer-events: none;
}

.rounded, .articleTeaser-tag, .blogList-footer a, .blogList-preheader .views-exposed-form .form-checkboxes label {
  border: 1px solid #00B373;
  border-radius: 50px;
  padding: 9px 20px;
  font-size: 0.75rem;
  transition: color 0.3s ease-in-out, background-color 0.4s ease-in-out;
}

.rounded-effect, .blogList-footer a:hover, .blogList-preheader .views-exposed-form .form-checkboxes label:hover, .blogList-preheader .views-exposed-form .form-checkboxes input:checked + label {
  background: #00B373;
  color: #fff;
}

@-webkit-keyframes transition {
  from {
    background-color: red;
  }
  to {
    background-color: blue;
  }
}

@keyframes transition {
  from {
    background-color: red;
  }
  to {
    background-color: blue;
  }
}
/* -------------------------------------------------------------------------- *\
  # SVG
\* -------------------------------------------------------------------------- */
svg {
  fill: currentColor;
}

/* -------------------------------------------------------------------------- *\
# HEADINGS
\* -------------------------------------------------------------------------- */
/**
* Simple default styles for headings 1 through 6.
*/
h1, h2, h3, h4, h5, h6 {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  color: #005844;
}

h1 {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 0.680887372rem + 4.0955631399vw, 3.75rem);
  line-height: 1.2;
}

h2 {
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 1.2839874858rem + 0.4550625711vw, 1.625rem);
  line-height: 1.3461538462;
}

h3 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.2044937429rem + 0.2275312856vw, 1.375rem);
  line-height: 1.3636363636;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.4;
}

h5 {
  font-size: 1.125rem;
  line-height: 1.4444444444;
}

h6 {
  font-size: 1rem;
  line-height: 1.5;
}

/* -------------------------------------------------------------------------- *\
  # BLOCKQUOTE
\* -------------------------------------------------------------------------- */
blockquote {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.875rem;
  line-height: 1.2;
  text-align: center;
  color: #005844;
  position: relative;
  padding-top: 2.1875rem;
  margin: 2.5rem 0;
}
@media (min-width: 46.8125em) {
  blockquote {
    font-size: 2.5rem;
    line-height: 1.25;
    margin: 5rem 0;
  }
}
blockquote cite {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #FEBC1D;
  display: block;
  margin-top: 2.0833333333em;
  font-size: 0.4em;
}
@media (min-width: 46.8125em) {
  blockquote cite {
    font-size: 0.3em;
  }
}
blockquote cite::before {
  content: "";
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath d='M7.747 0C4.304.931 0 3.578 0 8.873 0 12.99 2.835 15 5.519 15c2.33 0 3.646-1.569 3.646-3.284 0-1.47-1.013-3.089-3.342-3.48-1.722-.246-3.19-.589-3.19-2.256 0-2.255 2.987-4.313 5.418-5.196L7.747 0Zm10.835 0c-3.443.931-7.797 3.578-7.797 8.873 0 4.117 2.886 6.127 5.519 6.127C18.633 15 20 13.431 20 11.716c0-1.47-1.013-3.089-3.392-3.48-1.722-.246-3.14-.589-3.14-2.256 0-2.255 2.988-4.313 5.418-5.196L18.582 0Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 15'%3E%3Cpath d='M7.747 0C4.304.931 0 3.578 0 8.873 0 12.99 2.835 15 5.519 15c2.33 0 3.646-1.569 3.646-3.284 0-1.47-1.013-3.089-3.342-3.48-1.722-.246-3.19-.589-3.19-2.256 0-2.255 2.987-4.313 5.418-5.196L7.747 0Zm10.835 0c-3.443.931-7.797 3.578-7.797 8.873 0 4.117 2.886 6.127 5.519 6.127C18.633 15 20 13.431 20 11.716c0-1.47-1.013-3.089-3.392-3.48-1.722-.246-3.14-.589-3.14-2.256 0-2.255 2.988-4.313 5.418-5.196L18.582 0Z'/%3E%3C/svg%3E");
  width: 1.25rem;
  height: 0.9375rem;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.625rem;
}
blockquote p {
  margin: 0;
}
blockquote.--left {
  text-align: left;
}
blockquote.--left cite::before {
  left: 0.625rem;
  margin-left: 0;
}
blockquote.--withBg {
  color: #fff;
}
blockquote.--withBg.--sameColor cite {
  color: currentColor;
}

/* -------------------------------------------------------------------------- *\
  # RICHTEXT
\* -------------------------------------------------------------------------- */
.richText blockquote {
  margin: 0;
  padding: 1.5625rem 0;
  color: #005844;
  line-height: 1.5;
}
.richText strong,
.richText b {
  font-weight: 700;
}
.richText em,
.richText i {
  font-style: italic;
}
.richText ul {
  padding-left: 1.25rem;
  list-style-type: disc;
  margin: 0.9375rem 0;
}
.richText h1, .richText h2, .richText h3, .richText h4, .richText h5, .richText h6 {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  color: #005844;
}
.richText h1 {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 0.680887372rem + 4.0955631399vw, 3.75rem);
  line-height: 1.2;
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
}
.richText h2 {
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 1.2839874858rem + 0.4550625711vw, 1.625rem);
  line-height: 1.3461538462;
}
.richText h3 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.2044937429rem + 0.2275312856vw, 1.375rem);
  line-height: 1.3636363636;
}
.richText h4 {
  font-size: 1.25rem;
  line-height: 1.4;
}
.richText h5 {
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
.richText h6 {
  font-size: 1rem;
  line-height: 1.5;
}

/* -------------------------------------------------------------------------- *\
  # TRIANGLE BORDER
\* -------------------------------------------------------------------------- */
.triangleBorder-top {
  position: relative;
  z-index: 10;
}
.triangleBorder-top::before {
  content: "";
  background-color: currentColor;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8'%3E%3Cpath d='M0 8h13.5L6.7 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8'%3E%3Cpath d='M0 8h13.5L6.7 0z'/%3E%3C/svg%3E");
  height: 0.5rem;
  display: block;
  position: relative;
  top: -0.5rem;
}
.triangleBorder-bottom {
  position: relative;
  z-index: 10;
}
.triangleBorder-bottom::after {
  content: "";
  background-color: currentColor;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8'%3E%3Cpath d='M0 8h13.5L6.7 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8'%3E%3Cpath d='M0 8h13.5L6.7 0z'/%3E%3C/svg%3E");
  height: 0.5rem;
  display: block;
  position: relative;
  bottom: -0.5rem;
  transform: scale(1, -1);
}

/* -------------------------------------------------------------------------- *\
  # CALL TO ACTION
\* -------------------------------------------------------------------------- */
.cta {
  font-family: HeadTurn, "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  box-sizing: border-box;
  padding: 0.75rem 1.25rem;
  box-shadow: inset 0 0 0 1px #00B373;
  display: inline-block;
  vertical-align: top;
  font-size: 1.25rem;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  border-radius: 60em;
  cursor: pointer;
  color: #005844;
  background-color: transparent;
  transition: color 0.3s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cta:hover, .cta:focus {
  background-color: #00B373;
  box-shadow: inset 0 0 0 1px #00B373;
  color: #fff;
}
.cta:focus-visible {
  outline: 1px dashed #003B2E;
}
.cta.--secondary {
  color: #fff;
  box-shadow: inset 0 0 0 1px currentColor;
}
.cta.--secondary:hover, .cta.--secondary:focus {
  color: #003B2E;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

/* -------------------------------------------------------------------------- *\
  # IMAGE OVERLAP
\* -------------------------------------------------------------------------- */
.imgOverlap {
  position: relative;
  max-width: 37.5rem;
}
@media (max-width: 62.4275em) {
  .imgOverlap {
    margin: 1.875rem auto 0;
  }
}
.imgOverlap-above {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 65%;
}
@media (min-width: 62.4375em) {
  .imgOverlap-above {
    width: 55%;
  }
}
.imgOverlap-below {
  margin-left: 20%;
}

/* -------------------------------------------------------------------------- *\
  # BRUSH TRACE DECO
\* -------------------------------------------------------------------------- */
.brushTrace {
  position: relative;
}
.brushTrace::after {
  content: "";
  background-size: 200%;
  background-position-x: center;
  background-repeat: no-repeat;
  height: 10.2941176471%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 31.1875em) {
  .brushTrace:not(.--breakMd)::after {
    height: 7%;
    background-size: cover;
  }
}
@media (min-width: 46.8125em) {
  .brushTrace.--breakMd::after {
    height: 7%;
    background-size: cover;
  }
}
.brushTrace-top::after {
  background-image: url("../assets/brush-top.png");
  background-position-y: top;
  top: -1px;
}
.brushTrace-bottom::after {
  background-image: url("../assets/brush.png");
  background-position-y: bottom;
  bottom: -1px;
}

/* -------------------------------------------------------------------------- *\
  # FORM FIELDS
\* -------------------------------------------------------------------------- */
form {
  width: 100%;
  max-width: 42.5rem;
  margin: 0 auto;
}

label {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input, select, textarea {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 1.4375rem;
  border: 0.0625rem solid #00B373;
  width: 100%;
  height: 2.875rem;
  padding: 0 1.5625rem;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: #003B2E;
}
input:active, input:focus, input:focus-visible, select:active, select:focus, select:focus-visible, textarea:active, textarea:focus, textarea:focus-visible {
  outline: none;
}

.form-item--error-message {
  font-weight: bold;
  color: #d90000;
  margin-bottom: 1.5625rem;
  font-size: 0.75rem;
  margin-left: 0.9375rem;
}

.form-element-wrapper:not(.error) {
  margin-bottom: 1.5625rem;
}

textarea {
  border-radius: 0.9375rem;
  padding-top: 0.9375rem;
  height: 11.875rem;
  max-width: 100%;
}

select {
  background: #F0EDE0;
  border-color: #F0EDE0;
  cursor: pointer;
}

/* -------------------------------------------------------------------------- *\
  # LISTS
\* -------------------------------------------------------------------------- */
ol {
  counter-reset: list;
}
ol > li {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 1.25rem 0;
  color: #005844;
  border-bottom: 2px solid rgba(0, 179, 115, 0.6);
}
ol > li:last-of-type {
  border-bottom: 0 none;
}
ol > li::before {
  counter-increment: list;
  content: counter(list) ". ";
  top: 0;
  width: auto;
  height: auto;
  background-color: transparent;
}

/* -------------------------------------------------------------------------- *\
  # COMPONENTS
\* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
  # HEADER
\* -------------------------------------------------------------------------- */
.header {
  background-color: #F0EDE0;
  border-top: 0.1875rem solid #005844;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
@media (min-width: 62.4375em) {
  .header {
    border-width: 0.25rem;
  }
}
.header nav {
  display: flex;
  justify-content: flex-end;
  min-height: 3.75rem;
}
@media (min-width: 62.4375em) {
  .header nav {
    justify-content: flex-start;
    min-height: 4rem;
  }
}
.header-nav {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  overflow-y: auto;
}
.header-nav.is-open {
  height: calc(100vh - 60px);
}
@media (min-width: 62.4375em) {
  .header-nav {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex: 1;
    position: static;
    height: auto;
  }
}
.header-section {
  display: flex;
  flex-direction: column;
  order: 1;
  background-color: #003B2E;
  padding: 0 1.875rem;
}
@media (max-width: 62.4275em) {
  .header-section {
    display: none;
  }
  .is-open .header-section {
    display: block;
  }
}
@media (min-width: 62.4375em) {
  .header-section {
    flex-direction: row;
    align-items: center;
    padding: 0;
    background-color: transparent;
  }
}
.header-section a {
  box-sizing: border-box;
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.625;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  color: #fff;
  position: relative;
  padding: 1.875rem 0;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
  outline: none;
}
@media (min-width: 62.4375em) {
  .header-section a {
    color: #005844;
    font-size: 0.875rem;
    padding: 0.25rem 0.9375rem;
    border-bottom: 0 none;
    z-index: 0;
  }
  .header-section a:hover, .header-section a:focus, .header-section a.is-active {
    color: #fff;
  }
  .header-section a:hover::before, .header-section a:focus::before, .header-section a.is-active::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 272 36'%3E%3Cpath d='m9.2 29.3 3.9-.4c23.7-1.6 47.1-.4 73.3-1.5 18.3-1.2 39.2-.2 57.5-.1-43.4 1.1-88.9-.1-130.9 3.9 4.1 1.8 9 3.3 14.9 3.4 14-.3 28-.6 42-.7l.2-2.9c39.2 2.8 76-2.6 115.1 1-1.4.4-.6 1-.3 1.4h.3-.3c.3.4.1.7-2.3.7 2.4 0 2.6-.3 2.3-.7-38.6-.8-74.7-.4-113.4.4 60-.4 117.7 1.3 179.2.8l10.5-.1c3.6-.8 8.9-1 10.9-1.9 2-.9 2-25.9 0-28.1-3.4-3.8-45.6-1.8-68.6-2.9-21.8 0-41.4-.5-62 .8-29.1.3-59.1-1.2-88 .2-10.4.5-28.3 0-33.7 2C16 5.7 15.7 7.3 16.1 9c17.1.1 33.9.4 50.8.4 20.6-.5 41.3-1.1 61.9-2.3C108.7 8.9 88 9.3 67 7.4l-50.4 1c.5 3.5 1 5-.2 6.4l-7.8-.2C-2.1 18 0 23.1 4.9 26.8c1.3.8 2.7 1.7 4.3 2.5' fill='%23005844' stroke='%23005844'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: calc(100% - 2em);
    height: 2.5714285714em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .header-section a:hover::after, .header-section a:focus::after, .header-section a.is-active::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.2 33.4'%3E%3Cpath d='M-.1 29.3c1.7 2.1 3.7 2.3 5.6 2.3 6.8-.4 11.5-1.7 17.3-1.8C17 27.9 27.2 17.3 8.5 21c3-3.8 11.5-1.5 13.4-2.3C29.2 15.6 15.1 8 19.3 2 13.3.8 7.3-.3-.1 3.1' fill='%23005844' stroke='%23005844'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 2.2142857143em;
    height: 2.5714285714em;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
}
.header-logo {
  width: 8.75rem;
  order: 0;
  position: fixed;
  left: 1.875rem;
  top: 1.5rem;
}
@media (min-width: 62.4375em) {
  .header-logo {
    margin: 0 1.875rem;
    min-width: 9.375rem;
    width: auto;
    position: static;
    order: 1;
  }
}
@media (min-width: 74.9375em) {
  .header-logo {
    margin: 0 2.5rem;
  }
}
.header-cta-close {
  display: block;
}
.is-open .header-cta-close {
  display: none;
}
.header-cta-open {
  display: none;
}
.is-open .header-cta-open {
  display: block;
}
.header-cta svg {
  fill: #005844;
}
@media (min-width: 62.4375em) {
  .header-cta {
    display: none;
  }
}

/* -------------------------------------------------------------------------- *\
  # FOOTER
\* -------------------------------------------------------------------------- */
.footer {
  background-color: #F0EDE0;
  border-top: 4px solid #cfc59b;
}
@media (min-width: 62.4375em) {
  .footer-wrapper {
    height: 4.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer-logo {
  text-align: center;
  padding: 1.25rem 0;
}
.footer-logo img {
  max-width: 8.75rem;
}
@media (min-width: 62.4375em) {
  .footer-logo {
    text-align: left;
    padding: 0;
  }
  .footer-logo img {
    max-width: 12.5rem;
  }
}
.footer-nav {
  text-align: center;
}
@media (min-width: 62.4375em) {
  .footer-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer-nav > li {
  margin-bottom: 1.5625rem;
}
@media (min-width: 62.4375em) {
  .footer-nav > li {
    margin-bottom: 0;
  }
}
.footer-nav a {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.6875rem;
  color: #005844;
  text-transform: uppercase;
  text-decoration: none;
}
.footer-nav a:hover, .footer-nav a:focus {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- *\
  # VIDEO PLAYER
\* -------------------------------------------------------------------------- */
.videoPlayer {
  position: relative;
}
.videoPlayer-controls {
  width: 1.875rem;
  height: 1.875rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 2.5rem;
  bottom: 2.5rem;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 46.8125em) {
  .videoPlayer-controls {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.videoPlayer-controls:not(.on-poster)::before {
  content: "";
  background-color: #003B2E;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: block;
  width: 0.625rem;
  height: 1.0625rem;
}
@media (min-width: 46.8125em) {
  .videoPlayer-controls:not(.on-poster)::before {
    width: 0.8125rem;
    height: 1.25rem;
  }
}
.videoPlayer-controls.on-poster {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  background-color: transparent;
  width: 100%;
  height: 100%;
  border-radius: 0;
  box-shadow: none;
}
.videoPlayer-controls.on-poster::after {
  content: "";
  background: url("../assets/brush.png") no-repeat left bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 4.375rem;
  display: block;
  position: absolute;
  bottom: 0.3125rem;
  left: 0;
  right: 0;
  z-index: 1;
}
.videoPlayer-controls.on-poster.without::after {
  content: none;
}
.videoPlayer-controls.is-paused::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 20.6'%3E%3Cpath d='m0 0 13 9.9L0 20.6z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 20.6'%3E%3Cpath d='m0 0 13 9.9L0 20.6z'/%3E%3C/svg%3E");
}
.videoPlayer-controls.is-played::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.2 20.6'%3E%3Cpath d='M11.9 0h6.3v20.6h-6.3zM0 0h6.3v20.6H0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.2 20.6'%3E%3Cpath d='M11.9 0h6.3v20.6h-6.3zM0 0h6.3v20.6H0z'/%3E%3C/svg%3E");
  width: 0.8125rem;
}
@media (min-width: 46.8125em) {
  .videoPlayer-controls.is-played::before {
    width: 1.125rem;
  }
}
.videoPlayer video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* -------------------------------------------------------------------------- *\
  # VIDEO PLAYER FOR YOUTUBE
\* -------------------------------------------------------------------------- */
.videoYoutube {
  position: relative;
  position: relative;
}
.videoYoutube::before {
  content: "";
  display: block;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.1111111111%;
}
.videoYoutube > videoYoutube-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.videoYoutube-player {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.videoYoutube-poster {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
.videoYoutube-poster img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.videoYoutube-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
  width: 1.875rem;
  height: 1.875rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  display: none;
}
@media (min-width: 46.8125em) {
  .videoYoutube-controls {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.videoYoutube-controls::before {
  content: "";
  background-color: #003B2E;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 20.6'%3E%3Cpath d='m0 0 13 9.9L0 20.6z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 20.6'%3E%3Cpath d='m0 0 13 9.9L0 20.6z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: block;
  width: 0.625rem;
  height: 1.0625rem;
}
@media (min-width: 46.8125em) {
  .videoYoutube-controls::before {
    width: 0.8125rem;
    height: 1.25rem;
  }
}
.videoYoutube-controls.on-poster {
  display: flex;
}
.videoYoutube-controls.on-poster + .videoYoutube-poster {
  display: block;
}

.newsletterBlock {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  overflow: hidden;
  border-top: 0.0625rem solid #00B373;
  position: relative;
}
.newsletterBlock-quote {
  position: absolute;
  right: 0;
  left: 0;
  top: 21%;
  font-size: 2.5rem;
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  color: #004e3c;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
@media (min-width: 46.8125em) {
  .newsletterBlock-quote {
    font-size: 5.625rem;
    top: auto;
  }
}
.newsletterBlock-over {
  position: relative;
  z-index: 2;
}

.newsletterHead {
  text-align: center;
  color: #fff;
  margin-bottom: 2.5rem;
}
.newsletterHead-title {
  color: #fff;
  font-size: 1.625rem;
}
.newsletterHead-text {
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 1rem;
}

.newsletterForm {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsletterForm .form-email {
  border-radius: 60em 0 0 60em;
  border: 0.0625rem solid #fff;
  color: #fff;
  background: transparent;
  padding: 0 1.125rem;
  width: 100%;
  font-size: 0.75rem;
  height: 3.125rem;
}
.newsletterForm .form-email::-moz-placeholder {
  color: #fff;
}
.newsletterForm .form-email:-ms-input-placeholder {
  color: #fff;
}
.newsletterForm .form-email::placeholder {
  color: #fff;
}
.newsletterForm .form-submit {
  box-sizing: border-box;
  background: #fff;
  border: 0.0625rem solid #fff;
  height: 3.125rem;
  border-radius: 0 60em 60em 0;
  min-width: 6.875rem;
  width: 30%;
  color: #005844;
  padding: 0 0.625rem;
}
.newsletterForm-fields {
  display: inline-flex;
  justify-content: center;
}
.newsletterForm .form-element-wrapper {
  display: flex;
  align-items: baseline;
}
.newsletterForm-rpdg {
  max-width: 33.75rem;
  color: #fff;
  margin-top: 1.25rem;
}
.newsletterForm-rpdg label {
  padding-left: 0.9375rem;
  font-weight: normal;
}
.newsletterForm-rpdg input {
  width: auto;
  margin-bottom: 0;
  height: auto;
}
.newsletterForm label[for=edit-rgpd-allow]:not(.keep) {
  display: none;
}

.newsletterSocial {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5rem;
  gap: 1.25rem;
}
.newsletterSocial a {
  width: 1.9375rem;
  height: 1.9375rem;
}

.blogList {
  background: #F0EDE0;
}
.blogList-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 2.5rem;
}
@media (min-width: 31.1875em) {
  .blogList-inner {
    margin: 0 -0.9375rem;
    flex-direction: row;
    padding-top: 0;
  }
}
@media (min-width: 62.4375em) {
  .blogList-inner {
    margin: 0 -1.5625rem;
  }
}
@media (min-width: 74.9375em) {
  .blogList-inner {
    margin: 0 -3.4375rem;
  }
}
@media (min-width: 31.1875em) {
  .blogList .views-row {
    box-sizing: border-box;
    width: 50%;
    padding: 0 0.9375rem;
  }
}
@media (min-width: 46.8125em) {
  .blogList .views-row {
    width: 33.3333333333%;
  }
}
@media (min-width: 62.4375em) {
  .blogList .views-row {
    padding: 0 1.5625rem;
  }
}
@media (min-width: 74.9375em) {
  .blogList .views-row {
    padding: 0 3.4375rem;
  }
}
.blogList .views-row.down {
  margin-top: 0;
}
@media (min-width: 46.8125em) {
  .blogList .views-row.down {
    margin-top: 2.5rem;
  }
}
@media (min-width: 62.4375em) {
  .blogList .views-row.down {
    margin-top: 3.75rem;
  }
}
.blogList-preheader {
  background: #fff;
}
.blogList-preheader p {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.625rem;
  margin-top: 3.75rem;
  text-align: center;
  color: #005844;
}
.blogList-preheader .views-exposed-form {
  padding-bottom: 3.75rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.blogList-preheader .views-exposed-form::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
@media (max-width: 46.8025em) {
  .blogList-preheader .views-exposed-form {
    position: relative;
    overflow-y: none;
    overflow-x: auto;
    padding-bottom: 0.3125rem;
  }
}
.blogList-preheader .views-exposed-form .form-checkboxes .form-checkboxes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
@media (max-width: 46.8025em) {
  .blogList-preheader .views-exposed-form .form-checkboxes .form-checkboxes {
    justify-content: left;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 1.875rem;
  }
}
.blogList-preheader .views-exposed-form .form-checkboxes input {
  display: none;
}
.blogList-preheader .views-exposed-form .form-checkboxes label {
  margin-bottom: 0;
}
.blogList-preheader .views-exposed-form .form-checkboxes label:hover {
  cursor: pointer;
}
.blogList-preheader .views-exposed-form .form-element-wrapper {
  margin-bottom: 0;
}
@media (max-width: 46.8025em) {
  .blogList-preheader .container {
    padding: 0;
  }
}
.blogList-header {
  background: #F0EDE0;
  text-align: center;
  position: relative;
  padding-top: 7.1875rem;
  overflow: hidden;
}
.blogList-header-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.625rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
}
.blogList-header-description {
  font-size: 1rem;
  font-weight: 100;
  margin: 0 auto;
  max-width: 28.125rem;
}
.blogList-header:before {
  content: "";
  background: url("../assets/brush-top-reverse.png");
  width: 100%;
  height: 4.375rem;
  position: absolute;
  padding: 1.9375rem 100%;
  top: -2px;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: 100vw;
}
.blogList-homepage .articleTeaser-tags {
  display: none;
}
.blogList-history .views-row {
  margin-bottom: 1.875rem;
}
.blogList-footer {
  background: #F0EDE0;
  text-align: center;
  padding-top: 3.5rem;
  padding-bottom: 5.5rem;
}
.blogList-footer a {
  text-decoration: none;
  font-family: HeadTurn, "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
}
.blogList-footer--history {
  background: #F0EDE0;
  text-align: center;
  padding-top: 3.5rem;
  padding-bottom: 5.5rem;
}
.blogList-footer--history ul li {
  display: inline-block;
  margin: 0 0.3125rem;
}
.blogList-footer--history ul li a {
  color: #005844;
  font-size: 0.875rem;
  text-decoration: none;
}
.blogList-footer--history ul li.is-active a {
  font-weight: bold;
  text-decoration: underline;
}
.blogList-footer--history ul li.pager__item--next a:after, .blogList-footer--history ul li.pager__item--previous a:after {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  background: #005844;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.75 5.75h11.5v4l9-4.5-9-4.5v4H.75z' fill='%23fff' /%3E%3C/svg%3E");
}
.blogList-footer--history ul li.pager__item--next {
  margin-left: 1.5625rem;
}
.blogList-footer--history ul li.pager__item--previous {
  margin-right: 1.5625rem;
}
.blogList-footer--history ul li.pager__item--previous a:after {
  transform: rotate(180deg);
}

.articleTeaser {
  display: flex;
  flex-direction: column;
}
.articleTeaser img {
  margin-bottom: 1.25rem;
}
@media (max-width: 31.1775em) {
  .articleTeaser img {
    width: 100%;
  }
}
.articleTeaser-tags {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 62.4375em) {
  .articleTeaser-tags {
    gap: 1.25rem;
  }
}
@media (min-width: 62.4375em) {
  .articleTeaser-inner {
    padding: 0 1.875rem;
  }
}
.articleTeaser-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.375rem;
  font-style: italic;
}
.articleTeaser-description {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 1.25rem;
}
.articleTeaser-read {
  width: 100%;
  color: #005844;
}
.articleTeaser-read a {
  font-family: HeadTurn, "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  text-decoration: none;
  border-bottom: 0.0625rem solid #005844;
}

/* -------------------------------------------------------------------------- *\
  # BRAND BLOCK
\* -------------------------------------------------------------------------- */
.brand {
  background-color: #F0EDE0;
}
@media (max-width: 46.8025em) {
  .brand {
    background-image: none !important;
  }
}
@media (min-width: 46.8125em) {
  .brand {
    background-position: -40vw;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 62.4375em) {
  .brand {
    background-position: -20vw;
  }
}
@media (min-width: 74.9375em) {
  .brand {
    background-position: -15vw;
  }
}
@media (max-width: 46.8025em) {
  .brand .container {
    padding: 0;
  }
}
.brand img {
  display: block;
}
.brand-list {
  position: absolute;
  left: -150%;
  right: 1.875rem;
  top: 3.125rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 46.8125em) {
  .brand-list {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50%;
    right: -30%;
  }
}
.brand-list > li {
  margin-left: 1.25rem;
  width: 11.875rem;
}
@media (min-width: 46.8125em) {
  .brand-list > li {
    width: auto;
  }
}
.brand-col:first-of-type {
  position: relative;
  min-height: 12.5rem;
}
@media (min-width: 46.8125em) {
  .brand-col:first-of-type {
    min-height: 0;
  }
}
.brand-col:last-of-type {
  display: flex;
  align-items: center;
  padding-top: 5.625rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 46.8125em) {
  .brand-col:last-of-type {
    min-height: 38.125rem;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }
}
.brand-offset {
  position: relative;
  padding: 0 1.875rem;
}
@media (min-width: 46.8125em) {
  .brand-offset {
    margin-left: 30%;
    margin-right: 15%;
    padding: 0;
  }
}

/* -------------------------------------------------------------------------- *\
  # SLIDER
\* -------------------------------------------------------------------------- */
.slider {
  width: 100%;
  overflow: visible;
}
@media (min-width: 46.8125em) {
  .slider {
    overflow: hidden;
  }
}
.slider.--noFit {
  overflow: hidden;
}
@media (min-width: 46.8125em) {
  .slider.--noPagination-md .slider-pagination {
    display: none;
  }
}
.slider-wrapper {
  display: flex;
  align-items: center;
}
.slider-slide {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  touch-action: pan-y;
}
.slider-btnNext, .slider-btnPrev {
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
  background-color: #005844;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-btnNext svg, .slider-btnPrev svg {
  fill: #fff;
}
.slider-btnPrev {
  margin-bottom: 0.625rem;
}
.slider-pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
}
.slider-bullet {
  box-sizing: border-box;
  display: block;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #fff;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.25rem;
  transition: background-color ease-in 0.2s;
  cursor: pointer;
}
.slider-bullet.is-active {
  background-color: #fff;
}
.slider-btnNext, .slider-btnPrev {
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
  background-color: #005844;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-btnPrev {
  margin-bottom: 0.625rem;
}
.slider-pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
}
.slider-bullet {
  box-sizing: border-box;
  display: block;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #fff;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.25rem;
  transition: background-color ease-in 0.2s;
  cursor: pointer;
}
.slider-bullet.is-active {
  background-color: #fff;
}
@media (min-width: 46.8125em) {
  .slider-scrollbar {
    position: relative;
    height: 0.125em;
    width: 99%;
    background-color: #005844;
    border-radius: 0.625em;
    margin: 2.5rem auto 0;
  }
  .slider-scrollbar::before, .slider-scrollbar::after {
    position: absolute;
    display: block;
    content: "";
    height: 2.5rem;
    width: 100%;
    background: transparent;
  }
  .slider-scrollbar::before {
    top: 0;
    transform: translateY(-100%);
  }
  .slider-scrollbar::after {
    bottom: 0;
    transform: translateY(100%);
  }
  .slider-scrollbar:hover {
    cursor: -webkit-grab;
    cursor: grab;
  }
}
.slider-scrollbar-drag {
  position: relative;
  height: 100%;
  background-color: #000;
  border-radius: 0.625em;
}
.slider-scrollbar-drag::before {
  position: absolute;
  top: -0.3125em;
  right: 0;
  bottom: -0.3125em;
  left: 0;
  display: block;
  content: "";
}
@media (min-width: 46.8125em) {
  .slider-scrollbar {
    display: none;
  }
}

/* -------------------------------------------------------------------------- *\
  # SLIDER WITH SPECIAL WIPE EFFECT
\* -------------------------------------------------------------------------- */
.sliderWipeEffect {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
@media (min-width: 46.8125em) {
  .sliderWipeEffect .effect-prev {
    -webkit-animation: 1s fade-effect-prev;
            animation: 1s fade-effect-prev;
    z-index: 2 !important;
    opacity: 1 !important;
  }
  @-webkit-keyframes fade-effect-prev {
    0% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
  }
  @keyframes fade-effect-prev {
    0% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
  }
  .sliderWipeEffect .effect-next {
    -webkit-animation: 1s fade-effect-next;
            animation: 1s fade-effect-next;
  }
  @-webkit-keyframes fade-effect-next {
    0% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
  }
  @keyframes fade-effect-next {
    0% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
  }
}
.sliderWipeEffect .slider-slide {
  pointer-events: none;
}
.sliderWipeEffect .slider-slide-visible.is-active {
  pointer-events: auto;
}
.sliderWipeEffect .slider-inner {
  width: 100%;
}
.sliderWipeEffect .slider-inner img {
  display: block;
}
@media (min-width: 46.8125em) {
  .sliderWipeEffect .slider-inner {
    display: flex;
    justify-content: flex-end;
  }
  .sliderWipeEffect .slider-inner img {
    width: 50%;
  }
}
.sliderWipeEffect .slider-nav {
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: center;
  margin-bottom: -1.5625rem;
}
@media (max-width: 46.8025em) {
  .sliderWipeEffect .slider-nav .slider-btnNext,
.sliderWipeEffect .slider-nav .slider-btnPrev {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    margin-bottom: 0;
  }
}
@media (min-width: 46.8125em) {
  .sliderWipeEffect .slider-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    margin-bottom: 0;
  }
}
.sliderWipeEffect .slider-pager {
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: center;
  margin-bottom: 1.875rem;
}
@media (min-width: 46.8125em) {
  .sliderWipeEffect .slider-pager {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4%;
    justify-content: flex-start;
    display: block;
    margin-bottom: 0;
    margin-left: 1.875rem;
  }
}
@media (min-width: 62.4375em) {
  .sliderWipeEffect .slider-pager {
    bottom: 6%;
    margin-left: 0;
  }
}
@media (min-width: 74.9375em) {
  .sliderWipeEffect .slider-pager {
    bottom: 10%;
  }
}
.sliderWipeEffect .slider-pager .slider-pagination {
  margin-top: 0;
  justify-content: flex-start;
}

/* -------------------------------------------------------------------------- *\
  # SLIDER HIGHLIGHTING COLLECTION CONTENT
\* -------------------------------------------------------------------------- */
.collectionsBlock {
  position: relative;
  overflow: hidden;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
@media (min-width: 46.8125em) {
  .collectionsBlock {
    overflow: visible;
  }
}
.collectionsBlock .slider-wrapper {
  order: 2;
}
@media (min-width: 46.8125em) {
  .collectionsBlock .slider {
    display: block;
  }
}
@media (max-width: 46.8025em) {
  .collectionsBlock .slider-inner::before {
    top: -500% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.collectionsBlock-text {
  color: #fff;
  margin: 3.125rem 1.875rem 2.5rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 46.8125em) {
  .collectionsBlock-text {
    position: absolute;
    top: 1.25rem;
    bottom: 1.25rem;
    left: 0;
    z-index: 99;
    margin: 0;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 46.8125em) and (max-width: 62.4275em) {
  .collectionsBlock-text {
    margin-left: 1.875rem;
  }
}

/* -------------------------------------------------------------------------- *\
  # GALLERIE WITH THUMBS
\* -------------------------------------------------------------------------- */
.imageGallery {
  position: relative;
  overflow: visible;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 46.8025em) {
  .imageGallery-ratio {
    position: relative;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .imageGallery-ratio::before {
    content: "";
    display: block;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 76.5625%;
  }
  .imageGallery-ratio > .slider-pager, .imageGallery-ratio .slider-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .imageGallery-ratio .slider-pager .row {
    margin-top: -5rem;
  }
  .imageGallery-ratio .slider-btnPrev,
.imageGallery-ratio .slider-btnNext {
    margin-top: -1.75rem;
  }
}
.imageGallery .slider-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 46.8125em) {
  .imageGallery .slider-inner {
    flex-direction: row;
  }
}
.imageGallery .slider-inner-col {
  display: flex;
  justify-content: center;
}
@media (min-width: 46.8125em) {
  .imageGallery .slider-inner-col {
    flex: 1;
    justify-content: flex-start;
  }
}
.imageGallery .slider-inner-col-text {
  color: #fff;
  align-self: center;
  padding: 3.125rem 1.875rem 6.25rem;
}
@media (min-width: 46.8125em) {
  .imageGallery .slider-inner-col-text {
    margin-left: 1.875rem;
    width: 80%;
    padding: 1.25rem 0;
  }
}
@media (min-width: 62.4375em) {
  .imageGallery .slider-inner-col-text {
    margin-left: 17%;
    width: 60%;
  }
}
@media (min-width: 74.9375em) {
  .imageGallery .slider-inner-col-text {
    margin-left: 34%;
    width: 50%;
  }
}
.imageGallery .slider-inner img {
  width: 100%;
}
.imageGallery-thumbs {
  position: relative;
}
.imageGallery-thumbs::before {
  content: "";
  background: url("../assets/brush-bg-trace.png") no-repeat center center;
  width: 17.375rem;
  height: 8.8125rem;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.imageGallery-thumbs-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #005844;
  padding: 0 0.9375rem;
}
.imageGallery-thumbs-category {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 1.25rem 0 0.3125rem;
  text-align: center;
}
.imageGallery-thumbs-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.25rem;
  margin: 0;
  text-align: center;
}
.imageGallery-thumbs .slider-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 3.75rem;
  max-width: 12.5rem;
}
.imageGallery-thumbs .slider-btnNext, .imageGallery-thumbs .slider-btnPrev {
  margin: 0;
}
.imageGallery-thumbs .slider-slide {
  display: block;
}
.imageGallery-thumbs .slider-slide:not(.swiper-slide-duplicate).is-active::after {
  content: "";
  display: block;
  height: 0.0625rem;
  width: 60%;
  margin: 1.5625rem auto 0;
  background-color: #005844;
}

.creativeText {
  padding-top: 6.25rem;
  padding-bottom: 8.4375rem;
}
@media (max-width: 46.8025em) {
  .creativeText {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }
}
.creativeText-title {
  position: relative;
}
.creativeText-title h1 {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5rem;
  color: #fff;
}
.creativeText-title h1 p {
  margin: 0;
}
.creativeText-title img {
  position: absolute;
  bottom: 0;
}
@media (max-width: 46.8025em) {
  .creativeText-title img {
    bottom: -0.9375rem;
  }
}
.creativeText-description {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}
@media (max-width: 46.8025em) {
  .creativeText-description {
    margin-top: 3.125rem;
  }
}

.highlightCollection {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 62.4275em) {
  .highlightCollection {
    max-height: unset;
    flex-direction: column;
  }
}
.highlightCollection-left {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  align-self: stretch;
}
.highlightCollection-leftInner {
  padding-top: 11.25rem;
  padding-bottom: 9.0625rem;
  padding-right: 14.375rem;
}
@media (max-width: 62.4275em) {
  .highlightCollection-leftInner {
    padding-top: 2.5rem;
    padding-left: 1.875rem;
    padding-bottom: 21.25rem;
    padding-right: 1.875rem;
  }
}
@media (max-width: 74.9275em) {
  .highlightCollection-leftInner {
    padding-left: 1.875rem;
  }
}
@media (min-width: 74.9375em) {
  .highlightCollection-leftInner {
    padding-left: 9.125rem;
    padding-right: 18.75rem;
  }
}
.highlightCollection-right {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  align-self: stretch;
}
@media (max-width: 62.4275em) {
  .highlightCollection-right {
    flex: unset;
  }
}
.highlightCollection-right img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.highlightCollection-multipleBrushes {
  position: absolute;
  top: 0;
  right: 50%;
}
@media (max-width: 62.4275em) {
  .highlightCollection-multipleBrushes {
    display: none;
  }
}
.highlightCollection-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.625rem;
  color: #fff;
}
.highlightCollection-description {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}
.highlightCollection-center {
  position: absolute;
  max-width: 27.5rem;
  justify-content: center;
  align-items: center;
  max-height: 27.5rem;
}

.highlightCreation {
  padding-top: 6.25rem;
  position: relative;
}
.highlightCreation-upSection {
  position: relative;
  z-index: 3;
  padding-bottom: 6.25rem;
}
@media (max-width: 46.8025em) {
  .highlightCreation-upSection {
    padding-bottom: 12.5rem;
  }
}
.highlightCreation-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.625rem;
  font-weight: bold;
  max-width: 27.8125rem;
  border-bottom: 0.0625rem solid #00B373;
  padding-bottom: 1.875rem;
}
.highlightCreation-description {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  color: #003B2E;
}
.highlightCreation-pictures {
  position: relative;
  padding-top: 3.75rem;
  display: flex;
  gap: 1.125rem;
}
.highlightCreation-pictures img {
  max-height: 35.0625rem;
  z-index: 1;
}
.highlightCreation-paintStainGreen {
  position: absolute;
  z-index: 0;
  height: 6rem;
  width: 6rem;
  left: 50%;
  top: 0.625rem;
}
@media (max-width: 46.8025em) {
  .highlightCreation-paintStainGreen {
    display: none;
  }
}
.highlightCreation-footer {
  position: relative;
  height: 13.6875rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.highlightCreation-footer img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
@media (max-width: 46.8025em) {
  .highlightCreation-footer img {
    top: unset;
    bottom: 3.125rem;
  }
}
.highlightCreation-footer img.paintStainLast {
  left: 2%;
  height: 6rem;
  width: 6rem;
  bottom: 1.875rem;
  top: unset;
}
@media (max-width: 46.8025em) {
  .highlightCreation-footer img.paintStainLast {
    left: unset;
    right: 2%;
  }
}
.highlightCreation-footer img.brushCreation {
  left: unset;
  right: 0;
  z-index: 3;
  width: 20.5625rem;
  height: 13.75rem;
}
@media (max-width: 46.8025em) {
  .highlightCreation-footer img.brushCreation {
    left: 5%;
    right: unset;
    bottom: -3.125rem;
  }
}
.highlightCreation-whitebg {
  position: absolute;
  bottom: 0;
  background: #fff;
  height: 10rem;
  width: 100%;
}
@media (max-width: 46.8025em) {
  .highlightCreation-whitebg {
    height: 3.75rem;
  }
}
.highlightCreation .js-highlight-creation-slider {
  position: relative;
  z-index: 3;
}
.highlightCreation .js-highlight-creation-slider .slider-slide {
  opacity: 1 !important;
}
.highlightCreation .slider-scrollbar {
  margin-top: 1.875rem;
}
.highlightCreation .slider-scrollbar .slider-scrollbar-drag {
  height: 0.0625rem;
  background: #003B2E;
  width: 30% !important;
}

.travel {
  background-position: top !important;
  padding-top: 6.25rem;
}
@media (max-width: 46.8025em) {
  .travel {
    padding: 0;
  }
  .travel-right-inner {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    align-items: center;
    top: -6.25rem;
    z-index: 11;
  }
  .travel-left-inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}
.travel-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.625rem;
  color: #005844;
  font-weight: bold;
}
.travel-description {
  margin-top: 1.875rem;
  font-size: 1rem;
  color: #003B2E;
}
.travel-wrapper-picture {
  position: relative;
  display: inline-block;
  margin-top: 3.125rem;
  z-index: 1;
  margin-left: 35%;
}
@media (max-width: 46.8025em) {
  .travel-wrapper-picture {
    align-items: center;
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.travel-wrapper-picture.left {
  transform: rotate(350deg);
}
@media (max-width: 46.8025em) {
  .travel-wrapper-picture.left {
    transform: rotate(7deg);
    margin-bottom: 3.125rem;
  }
}
.travel-wrapper-picture.right {
  transform: rotate(6deg);
  position: absolute;
  top: -30%;
  right: 0;
  z-index: 12;
}
@media (max-width: 46.8025em) {
  .travel-wrapper-picture.right {
    position: relative;
    top: 0;
    transform: rotate(354deg);
  }
}
@media (max-width: 46.8025em) {
  .travel-wrapper-picture .picture {
    display: inline-block;
  }
}
.travel-wrapper-picture .picture img {
  max-height: 27.5rem;
  width: auto;
  box-shadow: 2px 2px 10px -6px black;
}
.travel-wrapper-picture .scotch {
  position: absolute;
  top: -2.5rem;
  z-index: 2;
  left: 25%;
}
.travel-map {
  position: absolute;
  z-index: 0;
  top: 0;
  max-width: 42.4375rem;
  height: auto;
}
@media (max-width: 46.8025em) {
  .travel-map {
    position: relative;
  }
}
.travel .paintStain-first {
  position: absolute;
  top: -3.75rem;
  left: 5rem;
  width: 8.5rem;
  height: 8.5rem;
}
@media (max-width: 46.8025em) {
  .travel .paintStain-first {
    display: none;
  }
}
.travel .paintStain-last {
  position: absolute;
  bottom: -3rem;
  width: 6rem;
  height: 6rem;
  right: 0;
  z-index: 1;
}
@media (max-width: 46.8025em) {
  .travel .paintStain-last {
    right: unset;
    left: 0;
  }
}

.backstage {
  background: #003B2E;
  padding-top: 1.875rem;
  padding-bottom: 3.75rem;
}
@media (max-width: 46.8025em) {
  .backstage .container {
    padding: 0;
  }
}
.backstage-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.backstage-over {
  position: absolute;
  z-index: 1;
}
@media (max-width: 46.8025em) {
  .backstage-over {
    width: 100%;
  }
}
.backstage-over h2 {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-style: italic;
  font-size: 2.5rem;
  color: #003B2E;
  background: url("../assets/backstageBrush.png");
  background-repeat: no-repeat;
  width: 27.9375rem;
  text-align: center;
  height: 6.375rem;
  line-height: 6.375rem;
}
@media (max-width: 46.8025em) {
  .backstage-over h2 {
    background-size: contain;
    background-position: center;
    width: 65%;
    margin: 0 auto;
  }
}

/* -------------------------------------------------------------------------- *\
  # TOP BANNER PAGE
\* -------------------------------------------------------------------------- */
.topBanner:not(.--noRatio) {
  position: relative;
}
.topBanner:not(.--noRatio)::before {
  content: "";
  display: block;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 136%;
}
.topBanner:not(.--noRatio) > .topBanner-ratio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (min-width: 31.1875em) {
  .topBanner:not(.--noRatio) {
    position: relative;
  }
  .topBanner:not(.--noRatio)::before {
    content: "";
    display: block;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 38.5416666667%;
  }
  .topBanner:not(.--noRatio) > .topBanner-ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
.topBanner-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.875rem;
  right: 1.875rem;
  color: #fff;
  text-align: center;
}
@media (min-width: 31.1875em) {
  .topBanner-text {
    margin-top: -2.5rem;
  }
}
.topBanner-text-title {
  color: #fff;
  font-size: 2.5rem;
  font-size: clamp(2.5rem, 2.0449374289rem + 2.2753128555vw, 3.75rem);
}
.topBanner-text-subTitle {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  margin: 0;
  font-size: 1.875rem;
  font-size: clamp(1.875rem, 1.4199374289rem + 2.2753128555vw, 3.125rem);
}
.topBanner-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.topBanner-paralax1 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 100;
}
@media (min-width: 46.8125em) {
  .topBanner-paralax1 {
    transform: translate(-50%, 60%);
  }
}
@media (min-width: 62.4375em) {
  .topBanner-paralax1 {
    transform: translate(-50%, 50%);
  }
}
.topBanner-paralax2 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(120%, -50%);
  z-index: 400;
  max-width: 150px;
}
@media (max-width: 46.8025em) {
  .topBanner-paralax2 {
    display: none;
  }
}
@media (min-width: 46.8125em) {
  .topBanner-paralax2 {
    transform: translate(200%, -5%);
  }
}
@media (min-width: 74.9375em) {
  .topBanner-paralax2 {
    transform: translate(120%, -12%);
  }
}
@media (max-width: 46.8025em) {
  .topBanner.--breakMd {
    position: relative;
  }
  .topBanner.--breakMd::before {
    content: "";
    display: block;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 136%;
  }
  .topBanner.--breakMd > .topBanner-ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
@media (min-width: 46.8125em) {
  .topBanner.--breakMd {
    position: relative;
  }
  .topBanner.--breakMd::before {
    content: "";
    display: block;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 38.5416666667%;
  }
  .topBanner.--breakMd > .topBanner-ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
@media (min-width: 31.1875em) {
  .topBanner.--breakMd .topBanner-text {
    margin-top: 0;
  }
}

/* -------------------------------------------------------------------------- *\
  # MOODBOARD
\* -------------------------------------------------------------------------- */
.moodboard {
  position: absolute !important;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 15.625rem;
  margin: auto;
}
@media (min-width: 46.8125em) {
  .moodboard {
    max-width: none;
    margin: 0;
  }
}
.moodboard-wrapper {
  position: relative;
  width: 100%;
  min-height: 95rem;
}
@media (min-width: 46.8125em) {
  .moodboard-wrapper {
    min-height: 24.375rem;
  }
  .moodboard-wrapper:hover img {
    transform: scale(1.05);
  }
}
@media (min-width: 62.4375em) {
  .moodboard-wrapper {
    min-height: 32.5rem;
  }
}
@media (min-width: 74.9375em) {
  .moodboard-wrapper {
    min-height: 40.625rem;
  }
}
.moodboard-title {
  color: #fff;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 46.8125em) {
  .moodboard-title {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
  }
}
.moodboard img {
  z-index: 1;
  transform: scale(1);
  transition: transform 0.35s ease-in;
}
@media (max-width: 46.8025em) {
  .moodboard img {
    position: relative;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img1 img, .moodboard-img2 img, .moodboard-img3 img, .moodboard-img5 img {
    width: 11.875rem;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img1, .moodboard-img2, .moodboard-img3, .moodboard-img5 {
    position: relative;
    width: 17.3913043478%;
    position: absolute;
  }
  .moodboard-img1::before, .moodboard-img2::before, .moodboard-img3::before, .moodboard-img5::before {
    content: "";
    display: block;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 125%;
  }
  .moodboard-img1 > img, .moodboard-img2 > img, .moodboard-img3 > img, .moodboard-img5 > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img4 img, .moodboard-img6 img, .moodboard-img7 img {
    width: 11.875rem;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img4, .moodboard-img6, .moodboard-img7 {
    position: relative;
    width: 23.9130434783%;
    position: absolute;
  }
  .moodboard-img4::before, .moodboard-img6::before, .moodboard-img7::before {
    content: "";
    display: block;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
  }
  .moodboard-img4 > img, .moodboard-img6 > img, .moodboard-img7 > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img1 img {
    width: 7.5rem;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img1 {
    width: 9.0579710145%;
    height: auto;
    left: 2%;
    top: 0;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img2 {
    text-align: right;
    margin: -3.125rem 0 -6.25rem;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img2 {
    left: 2%;
    top: 33%;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img2::after {
    content: "";
    background: url("../assets/brush-bg-trace.png") no-repeat;
    background-size: 230px 118px;
    width: 18.125rem;
    height: 11.4375rem;
    display: block;
    position: absolute;
    bottom: -6.25rem;
    right: -9.375rem;
    z-index: 0;
    opacity: 0.2;
  }
}
@media (min-width: 62.4375em) {
  .moodboard-img2::after {
    bottom: -5rem;
    background-size: initial;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img3 {
    width: 15.9420289855%;
    height: auto;
    left: 13%;
    top: 5%;
  }
}
@media (min-width: 62.4375em) {
  .moodboard-img3 {
    left: 16%;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img3 {
    position: relative;
  }
  .moodboard-img3::after {
    content: "";
    background: url("../assets/brush-bg-trace.png") no-repeat;
    background-size: 240px 128px;
    width: 18.125rem;
    height: 11.4375rem;
    display: block;
    position: absolute;
    bottom: -80px;
    left: 20px;
    opacity: 0.2;
    z-index: 0;
    transform: scaleY(-1);
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img4 {
    margin: 2.5rem 0;
  }
  .moodboard-img4 img {
    width: 100%;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img4 {
    left: 34.5%;
    top: 24%;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img4::after {
    content: "";
    background: url("../assets/brush-bg-trace.png") no-repeat;
    background-size: 230px 118px;
    width: 18.125rem;
    height: 11.4375rem;
    display: block;
    position: absolute;
    top: -6.875rem;
    right: -6.25rem;
    z-index: 0;
    opacity: 0.2;
    transform: scaleY(-1);
  }
}
@media (min-width: 62.4375em) {
  .moodboard-img4::after {
    top: -5rem;
    background-size: initial;
  }
}
.moodboard-img5 {
  text-align: right;
  position: relative;
}
@media (min-width: 46.8125em) {
  .moodboard-img5 {
    width: 15.5797101449%;
    height: auto;
    left: 74%;
    top: 0;
    position: absolute;
  }
}
@media (min-width: 74.9375em) {
  .moodboard-img5 {
    left: 76%;
  }
}
.moodboard-img5::after {
  content: "";
  background: url("../assets/round-brush.png") no-repeat;
  background-size: 260px 310px;
  width: 21.0625rem;
  height: 25.0625rem;
  display: block;
  position: absolute;
  top: -3.75rem;
  left: 1.25rem;
  z-index: 0;
  transform: rotate(-50deg);
}
@media (min-width: 46.8125em) {
  .moodboard-img5::after {
    top: auto;
    bottom: -11.875rem;
    left: -2.5rem;
    transform: none;
  }
}
@media (min-width: 62.4375em) {
  .moodboard-img5::after {
    bottom: -9.375rem;
    left: -3.75rem;
    background-size: initial;
  }
}
@media (min-width: 74.9375em) {
  .moodboard-img5::after {
    bottom: -6.25rem;
    left: -0.9375rem;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img6 {
    margin: -4.375rem 0 -3.125rem;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 46.8125em) {
  .moodboard-img6 {
    top: 50%;
    left: 74%;
  }
  .moodboard-img6::after {
    content: "";
    background: url("../assets/brush-bg-trace.png") no-repeat;
    background-size: 230px 118px;
    width: 18.125rem;
    height: 11.4375rem;
    display: block;
    position: absolute;
    bottom: -6.25rem;
    left: -8.125rem;
    z-index: 0;
    opacity: 0.2;
    transform: rotate(178deg) scaleY(-1);
  }
}
@media (min-width: 46.8125em) and (min-width: 62.4375em) {
  .moodboard-img6::after {
    background-size: initial;
    bottom: -3.125rem;
    left: -5.875rem;
  }
}
@media (min-width: 74.9375em) {
  .moodboard-img6 {
    left: 76%;
  }
}
.moodboard-img7 {
  text-align: right;
}
@media (min-width: 46.8125em) {
  .moodboard-img7 {
    width: 17.3913043478%;
    height: auto;
    left: 62%;
    top: 36%;
  }
}
@media (max-width: 46.8025em) {
  .moodboard-img7 {
    position: relative;
  }
  .moodboard-img7::after {
    content: "";
    background: url("../assets/brush-bg-trace.png") no-repeat;
    background-size: 230px 118px;
    width: 18.125rem;
    height: 11.4375rem;
    display: block;
    position: absolute;
    bottom: -6.4375rem;
    left: -1.25rem;
    z-index: 0;
    opacity: 0.2;
    transform: rotate(6deg);
  }
}

/* -------------------------------------------------------------------------- *\
  # SLIDER WITH SPECIAL WIPE EFFECT
\* -------------------------------------------------------------------------- */
.dualSlider {
  display: flex;
  flex-direction: column;
  overflow: visible;
  margin-bottom: 1680px;
}
@media (min-width: 46.8125em) {
  .dualSlider {
    margin-bottom: 550px;
  }
}
@media (min-width: 62.4375em) {
  .dualSlider {
    margin-bottom: 680px;
  }
}
@media (min-width: 74.9375em) {
  .dualSlider {
    margin-bottom: 810px;
  }
}
@media (min-width: 46.8125em) {
  .dualSlider .effect-prev {
    -webkit-animation: 1s fade-effect-prev;
            animation: 1s fade-effect-prev;
    z-index: 8 !important;
    opacity: 1 !important;
  }
  @-webkit-keyframes fade-effect-prev {
    0% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
  }
  @keyframes fade-effect-prev {
    0% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
  }
  .dualSlider .effect-next {
    -webkit-animation: 1s fade-effect-next;
            animation: 1s fade-effect-next;
  }
  @-webkit-keyframes fade-effect-next {
    0% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
  }
  @keyframes fade-effect-next {
    0% {
      -webkit-clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(50% 0%, 50% 100%, 50% 100%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 0%);
    }
    100% {
      -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
              clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%, 50% 0%, 50% 100%, 100% 100%, 100% 0%);
    }
  }
}
.dualSlider .slider-slide {
  flex-direction: column;
  pointer-events: none;
}
.dualSlider .slider-slide .moodboard-wrapper {
  pointer-events: none;
}
.dualSlider .slider-slide-visible.is-active {
  pointer-events: auto;
}
.dualSlider .slider-slide-visible.is-active .moodboard-wrapper {
  pointer-events: auto;
}
.dualSlider .slider-inner {
  width: 100%;
  height: 100%;
}
.dualSlider .slider-inner img {
  display: block;
}
@media (min-width: 46.8125em) {
  .dualSlider .slider-inner {
    display: flex;
    justify-content: flex-end;
  }
}
.dualSlider .slider-nav {
  z-index: 100;
  display: flex;
  justify-content: center;
  margin-bottom: -1.5625rem;
}
@media (max-width: 46.8025em) {
  .dualSlider .slider-nav .slider-btnNext,
.dualSlider .slider-nav .slider-btnPrev {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    margin-bottom: 0;
  }
}
@media (min-width: 46.8125em) {
  .dualSlider .slider-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    margin-bottom: 0;
  }
}
.dualSlider .slider-pager {
  z-index: 100;
  display: flex;
  justify-content: center;
}
@media (min-width: 46.8125em) {
  .dualSlider .slider-pager {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4%;
    justify-content: flex-start;
    display: block;
    margin-bottom: 0;
    margin-left: 1.875rem;
  }
}
@media (min-width: 62.4375em) {
  .dualSlider .slider-pager {
    bottom: 6%;
    margin-left: 0;
  }
}
@media (min-width: 74.9375em) {
  .dualSlider .slider-pager {
    bottom: 10%;
  }
}
.dualSlider .slider-pager .slider-pagination {
  margin-top: 0;
  justify-content: flex-start;
}

.sliderBackstage {
  padding-top: 1.25rem;
}
@media (min-width: 46.8125em) {
  .sliderBackstage {
    background: url("../assets/brush-bg-slider.png") no-repeat top center;
  }
}
.sliderBackstage-inner {
  width: 80%;
  margin-top: 1.5625rem;
  transition: width 0.25s ease-in-out, margin-top 0.25s ease-in-out;
}
@media (min-width: 31.1875em) {
  .sliderBackstage-inner {
    margin-top: 2.1875rem;
  }
}
@media (min-width: 62.4375em) {
  .sliderBackstage-inner {
    margin-top: 2.5rem;
  }
}
@media (min-width: 74.9375em) {
  .sliderBackstage-inner {
    margin-top: 3.4375rem;
  }
}
@media (min-width: 46.8125em) {
  [class*=prev] .sliderBackstage-inner {
    margin-left: -1.5625rem;
  }
}
@media (min-width: 74.9375em) {
  [class*=prev] .sliderBackstage-inner {
    margin-left: -2.1875rem;
  }
}
@media (min-width: 46.8125em) {
  [class*=next] .sliderBackstage-inner {
    margin-right: -1.5625rem;
  }
}
@media (min-width: 74.9375em) {
  [class*=next] .sliderBackstage-inner {
    margin-right: -2.1875rem;
  }
}
.sliderBackstage-inner-step {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #fff;
  margin: 1.875rem 0 0.3125rem;
}
.sliderBackstage-inner-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.25rem;
  color: #fff;
}
.is-active.slider-slide-visible .sliderBackstage-inner {
  width: 100%;
  margin-top: 0;
}
.sliderBackstage-inner-step, .sliderBackstage-inner-title {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
.is-active.slider-slide-visible .sliderBackstage-inner-step, .is-active.slider-slide-visible .sliderBackstage-inner-title {
  opacity: 1;
}
.sliderBackstage #slider-infos {
  color: #fff;
  margin: 0 1.5625rem;
}
.sliderBackstage .slider-wrapper {
  padding-bottom: 2.5rem;
}
.sliderBackstage .slider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2.5rem;
}
.sliderBackstage .slider-btnPrev, .sliderBackstage .slider-btnNext {
  margin: 0 0.625rem;
  background-color: #fff;
}
.sliderBackstage .slider-btnPrev svg, .sliderBackstage .slider-btnNext svg {
  fill: #003B2E;
}
.sliderBackstage .slider-slide {
  justify-content: center;
  text-align: center;
}

.sliderHistory {
  padding-top: 1.25rem;
}
@media (min-width: 46.8125em) {
  .sliderHistory {
    overflow: visible;
  }
}
.sliderHistory-inner {
  width: 100%;
  text-align: center;
  position: relative;
}
@media (min-width: 46.8125em) {
  [class*=prev] .sliderHistory-inner {
    left: -1.25rem;
  }
}
@media (min-width: 46.8125em) {
  [class*=next] .sliderHistory-inner {
    right: -1.25rem;
  }
}
.sliderHistory-inner img {
  transition: width 0.15s ease-in, margin-top 0.15s ease-in;
}
.is-active.slider-slide-visible .sliderHistory-inner img {
  margin-top: 0;
}
@media (min-width: 46.8125em) {
  .sliderHistory-inner img {
    width: 70%;
    margin: 1.875rem auto;
  }
  .is-active.slider-slide-visible .sliderHistory-inner img {
    width: 90%;
  }
}
@media (min-width: 62.4375em) {
  .sliderHistory-inner img {
    margin: 2.5rem auto;
  }
}
.sliderHistory-inner-title {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.125rem;
  color: #fff;
  margin: 1.25rem 0 0.625rem;
}
.sliderHistory-inner-desc {
  font-size: 1rem;
  color: #fff;
}
.sliderHistory-inner-title, .sliderHistory-inner-desc {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
.is-active.slider-slide-visible .sliderHistory-inner-title, .is-active.slider-slide-visible .sliderHistory-inner-desc {
  opacity: 1;
}
.sliderHistory .slider-wrapper {
  margin-bottom: 1.875rem;
}
.sliderHistory .slider-nav {
  display: flex;
  justify-content: center;
  transform: translateY(50%);
}
.sliderHistory .slider-btnPrev, .sliderHistory .slider-btnNext {
  margin: 0 0.625rem;
  width: 5rem;
  height: 5rem;
}

.NotFound {
  position: relative;
  margin-bottom: -0.5rem;
}
.NotFound img {
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100vh;
}

.NotFound-over {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0.4375rem;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.NotFound-title {
  font-size: 4.0625rem;
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
}

.NotFound-subtitle {
  font-size: 4.0625rem;
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  color: #fff;
}

.NotFound-cta a {
  color: #fff;
  margin-top: 1.875rem;
  border-color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.contact-title {
  text-align: center;
  margin-bottom: 3.75rem;
  margin-top: 6.1875rem;
}
.contact .contact-subject span.required {
  display: none;
}
.contact .contact-subject label {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.625rem;
}
.contact .contact-subject select {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m6.595 6.904 4.82-4.67a.803.803 0 0 0 0-1.163l-.801-.776a.866.866 0 0 0-1.201 0l-3.417 3.31L2.58.295a.866.866 0 0 0-1.201 0l-.801.776a.803.803 0 0 0 0 1.164l4.82 4.669a.862.862 0 0 0 1.197 0Z' fill='%23003B2E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 52%;
}
@media (min-width: 31.1875em) {
  .contact .contact-subject select {
    background-position-x: 97%;
  }
}
.contact .contact-rgpd label {
  display: inline;
}
.contact .contact-rgpd input {
  display: inline;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-right: 0.9375rem;
}
.contact-mandatory {
  font-family: Ubuntu, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  color: #003B2E;
  margin-top: 1.25rem;
}
.contact .contact-submit {
  margin-top: 2.5rem;
  margin-bottom: 5.625rem;
}
.contact .contact-submit input {
  background: #003B2E;
  color: #fff;
  border: 0.0625rem solid #003B2E;
  width: 18.125rem;
  height: 2.875rem;
  font-family: HeadTurn, "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 46.8025em) {
  .contact .contact-submit input {
    width: 100%;
  }
}
.contact .contact-submit input:hover {
  background: #00B373;
  border: 0.0625rem solid #00B373;
}

/* -------------------------------------------------------------------------- *\
  # TRIPTYCH
\* -------------------------------------------------------------------------- */
.triptych {
  position: relative;
}
.triptych::before, .triptych::after {
  content: "";
  background: url("../assets/round-brush.png") no-repeat;
  background-size: 300px 340px;
  width: 21.0625rem;
  height: 25.0625rem;
  display: block;
  position: absolute;
  z-index: 0;
}
.triptych::before {
  top: -9.6875rem;
  left: 50%;
  margin-left: -45.625rem;
}
@media (max-width: 46.8025em) {
  .triptych::before {
    top: -1.875rem;
    left: 2.5rem;
    margin-left: 0;
  }
}
.triptych::after {
  top: -9.6875rem;
  right: 50%;
  margin-right: -43.125rem;
}
.triptych img {
  z-index: 1;
}
@media (max-width: 46.8025em) {
  .triptych img {
    position: relative;
  }
}
.triptych-img1, .triptych-img3 {
  position: relative;
}
.triptych-img1::before, .triptych-img3::before {
  content: "";
  display: block;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 130.303030303%;
}
.triptych-img1 > img, .triptych-img3 > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.triptych-img1::after, .triptych-img3::after {
  content: "";
  background: url("../assets/brush-bg-trace.png") no-repeat;
  width: 18.125rem;
  height: 11.4375rem;
  display: block;
  position: absolute;
  z-index: 0;
  opacity: 0.2;
}
.triptych-img1::after {
  bottom: -1.25rem;
  right: -12.5rem;
}
@media (max-width: 46.8025em) {
  .triptych-img1 {
    margin-bottom: 1.875rem;
  }
  .triptych-img1::after {
    bottom: -9.375rem;
    right: -1.25rem;
    transform: rotate(150deg);
  }
}
.triptych-img2 {
  position: relative;
}
.triptych-img2::before {
  content: "";
  display: block;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 63.2352941176%;
}
.triptych-img2 > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 46.8025em) {
  .triptych-img2 {
    margin-bottom: 1.875rem;
  }
}
.triptych-img3::after {
  bottom: -5.9375rem;
  right: 10rem;
  transform: rotate(180deg) scaleY(-1);
}
@media (max-width: 46.8025em) {
  .triptych-img3::after {
    bottom: -5rem;
    right: -1.875rem;
    transform: none;
  }
}

/* -------------------------------------------------------------------------- *\
  # WORD CLOUD
\* -------------------------------------------------------------------------- */
.wordCloud {
  margin-top: 3.75rem;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 74.9275em) {
  .wordCloud {
    justify-content: center;
  }
}
.wordCloud-img {
  max-height: 11.25rem;
}
@media (max-width: 46.8025em) {
  .wordCloud-img:nth-of-type(1), .wordCloud-img:nth-of-type(4), .wordCloud-img:nth-of-type(5) {
    display: none;
  }
}
@media (min-width: 31.1875em) {
  .wordCloud-img {
    max-height: 15.625rem;
  }
}
@media (min-width: 46.8125em) {
  .wordCloud-img {
    max-height: 21.875rem;
    margin: 0 0.9375rem 2.5rem;
  }
}
.wordCloud-cloud {
  width: 100%;
  max-width: 20rem;
  text-align: center;
}
@media (min-width: 31.1875em) {
  .wordCloud-cloud {
    width: 80%;
    max-width: 23.75rem;
  }
}
@media (min-width: 46.8125em) {
  .wordCloud-cloud {
    width: 28.125rem;
    max-width: none;
    margin: 0 1.25rem;
  }
}
.wordCloud-row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.wordCloud-row * {
  margin: 0 0.9375rem;
}
.wordCloud-1, .wordCloud-2 {
  font-family: Bodoni, Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 0.9539249147rem + 2.7303754266vw, 3rem);
  line-height: 1.2;
  opacity: 0;
}
.wordCloud-3, .wordCloud-4 {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1.2;
  opacity: 0;
}
.wordCloud-1 {
  color: #005844;
}
.wordCloud-2 {
  color: #CFB023;
}
.wordCloud-3 {
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.7609499431rem + 1.8202502844vw, 2.125rem);
  color: #A67967;
}
.wordCloud-4 {
  font-size: 0.875rem;
  font-size: clamp(0.875rem, 0.6019624573rem + 1.3651877133vw, 1.625rem);
  color: #747739;
}

.SystemMessages {
  position: absolute;
  top: 6.25rem;
  left: 50%;
  width: 100%;
  max-width: 31.25rem;
  transform: translate(-50%);
  z-index: 10;
  background-color: #F0EDE0;
  box-shadow: inset 5px 0px 0px 0px #003B2E;
}

.SystemMessages-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.SystemMessage {
  font-size: 0.875rem;
  background: var(--body-bg);
  padding: 0.625rem 1.25rem 0.625rem 1.5625rem;
}
.SystemMessage.is-alert {
  color: var(--alert);
}

/* -------------------------------------------------------------------------- *\
  # UTILITIES
\* -------------------------------------------------------------------------- */
.extendedLink::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  cursor: pointer;
  z-index: 1;
}
.extendedLink-target {
  position: relative !important;
}
.extendedLink-passOver {
  position: relative;
  z-index: 2;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0.001;
}

.unmask {
  position: static;
  height: auto;
  width: auto;
  clip: auto;
  overflow: visible;
  opacity: 1;
}

.fitScreen {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media (max-width: 46.8025em) {
  .fitScreen-md {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.fitScreen-bg {
  position: relative;
}
.fitScreen-bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  z-index: -1;
}

.bg-imgContrib {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-colorContrib {
  background-color: var(--colorContrib);
}
.bg-colorContrib::before, .bg-colorContrib::after {
  content: "";
  color: var(--colorContrib);
}
.bg-colorContrib-before::before {
  content: "";
  background-color: var(--colorContrib);
}
.bg-theme {
  background-color: #003B2E;
}
.bg-theme::before, .bg-theme::after {
  content: "";
  color: #003B2E;
}
.bg-themeSecondary {
  background-color: #005844;
}
.bg-themeSecondary::before, .bg-themeSecondary::after {
  content: "";
  color: #005844;
}

.d-block {
  display: block;
}
.d-none {
  display: none;
}
.d-inline {
  display: inline;
}
.d-inlineBlock {
  display: inline-block;
}
.d-inlineFlex {
  display: inline-flex;
}
.d-flex {
  display: flex;
}

.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.pos-center-both {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pos-center-v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pos-center-h {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.text-center {
  text-align: center;
}
.text-end {
  text-align: right;
}
.text-start {
  text-align: left;
}
.text-white {
  color: #fff;
}

.gap-y {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 46.8125em) {
  .gap-y {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.gap-t {
  padding-top: 3.125rem;
}
@media (min-width: 46.8125em) {
  .gap-t {
    padding-top: 5rem;
  }
}
.gap-b {
  padding-bottom: 3.125rem;
}
@media (min-width: 46.8125em) {
  .gap-b {
    padding-bottom: 5rem;
  }
}

.m-0 {
  margin: 0;
}
.mt-1 {
  margin-top: calc(16px / 2);
}
.mt-2 {
  margin-top: 16px;
}
.mt-3 {
  margin-top: calc(16px * 2);
}
.mt-4 {
  margin-top: calc(16px * 4);
}
.mb-1 {
  margin-bottom: calc(16px / 2);
}
.mb-2 {
  margin-bottom: 16px;
}
.mb-3 {
  margin-bottom: calc(16px * 2);
}
.mb-4 {
  margin-bottom: calc(16px * 4);
}
.ms-1 {
  margin-left: calc(16px / 2);
}
.ms-2 {
  margin-left: 16px;
}
.ms-3 {
  margin-left: calc(16px * 2);
}
.ms-4 {
  margin-left: calc(16px * 4);
}
.me-1 {
  margin-right: calc(16px / 2);
}
.me-2 {
  margin-right: 16px;
}
.me-3 {
  margin-right: calc(16px * 2);
}
.me-4 {
  margin-right: calc(16px * 4);
}

@media (max-width: 46.8025em) {
  .onBottomUntil-md {
    position: relative;
    padding-bottom: calc(6.25rem + 3.125rem);
  }
  .onBottomUntil-md-el {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.125rem;
  }
}

.headings-alternate {
  font-family: Bodoni, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.3064562002rem + 1.5927189989vw, 2.5rem);
  line-height: 1.25;
}

@media (min-width: 31.1875em) {
  .columns-2 {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}