@charset "UTF-8";
:root {
  --bg: white;
  --font: #132064;
  --component: #132064;
  --accent: #FDF474;
  --accent2: #FDF474;
  --solid: #4A6CDB;
  --solid2: #4A6CDB;
  --bgAlt: #fafafa;
  --error: #D13415;
}

.contrasted {
  --bg: #141414;
  --font: white;
  --component: #141414;
  --accent: white;
  --accent2: #141414;
  --solid: white;
  --solid2: #141414;
  --bgAlt: #141414;
  --error: white;
}

/* PSEUDO ELEMENTS */
/* SPACING */
/* ALIGNMENT */
/* BREAKING PAGE RULES */
/* MEDIA MANAGEMENT */
/* SHAPES */
/* VENDOR PREFIXES */
input[type=text], input[type=email], input[type=tel], textarea, *:focus, *:focus-within, *:focus-visible, input[type=submit], .cta, .form .gform_button, .wp-block-button__link, button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type=submit], .cta, .form .gform_button, .wp-block-button__link, button {
  border: none;
  font-family: "Work Sans", "Helvetica", "Arial", sans-serif;
}

.infos__col:last-child .infos__slider .infos__content article .infos__data::before, .infos__col:first-child .infos__single::before, .headlines::before, .intro__photo figure::before, .team__member figure::before, .panel__list figcaption::before, .panel::before, .txt-media__col--txt::after, .sidebar__dropdown::before, .sidebar > ul > .menu-item > a::before, .banner__wrapper::before, .footer__bottom ul li a::after, .footer__bottom::before, .header__main .header__nav .main-menu > li:last-child > a::before, .header__main .header__nav .main-menu > li:last-child > a::after, .header__main .header__nav .main-menu > li:not(:last-child, :nth-last-child(2)) > a::after, .header__sup .header__options::after, .file__inner::after, .file__inner::before, .filters__header::after, .splide__arrow::before, .slick-arrow::before, .form .gfield .validation_message::before, .form .gfield label::before {
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

/* Quicksand */
@font-face {
  font-family: "Quicksand";
  src: url("../fonts/quicksand/Quicksand-Light.ttf") format("ttf"), url("../fonts/quicksand/Quicksand-Light.otf") format("otf"), url("../fonts/quicksand/Quicksand-Light.eot") format("eot"), url("../fonts/quicksand/Quicksand-Light.woff") format("woff"), url("../fonts/quicksand/Quicksand-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Quicksand";
  src: url("../fonts/quicksand/Quicksand-Regular.ttf") format("ttf"), url("../fonts/quicksand/Quicksand-Regular.otf") format("otf"), url("../fonts/quicksand/Quicksand-Regular.eot") format("eot"), url("../fonts/quicksand/Quicksand-Regular.woff") format("woff"), url("../fonts/quicksand/Quicksand-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Quicksand";
  src: url("../fonts/quicksand/Quicksand-Bold.ttf") format("ttf"), url("../fonts/quicksand/Quicksand-Bold.otf") format("otf"), url("../fonts/quicksand/Quicksand-Bold.eot") format("eot"), url("../fonts/quicksand/Quicksand-Bold.woff") format("woff"), url("../fonts/quicksand/Quicksand-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
/* Work-Sans */
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Thin.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Thin.otf") format("otf"), url("../fonts/work-sans/WorkSans-Thin.woff") format("woff"), url("../fonts/work-sans/WorkSans-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-ThinItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-ThinItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-ThinItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-ExtraLight.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-ExtraLight.otf") format("otf"), url("../fonts/work-sans/WorkSans-ExtraLight.woff") format("woff"), url("../fonts/work-sans/WorkSans-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-ExtraLightItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-ExtraLightItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-ExtraLightItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Light.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Light.otf") format("otf"), url("../fonts/work-sans/WorkSans-Light.woff") format("woff"), url("../fonts/work-sans/WorkSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-LightItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-LightItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-LightItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Regular.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Regular.otf") format("otf"), url("../fonts/work-sans/WorkSans-Regular.woff") format("woff"), url("../fonts/work-sans/WorkSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Italic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Italic.otf") format("otf"), url("../fonts/work-sans/WorkSans-Italic.woff") format("woff"), url("../fonts/work-sans/WorkSans-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Medium.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Medium.otf") format("otf"), url("../fonts/work-sans/WorkSans-Medium.woff") format("woff"), url("../fonts/work-sans/WorkSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-MediumItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-MediumItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-MediumItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-SemiBold.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-SemiBold.otf") format("otf"), url("../fonts/work-sans/WorkSans-SemiBold.woff") format("woff"), url("../fonts/work-sans/WorkSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-SemiBoldItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-SemiBoldItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-SemiBoldItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Bold.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Bold.otf") format("otf"), url("../fonts/work-sans/WorkSans-Bold.woff") format("woff"), url("../fonts/work-sans/WorkSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-BoldItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-BoldItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-BoldItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-ExtraBold.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-ExtraBold.otf") format("otf"), url("../fonts/work-sans/WorkSans-ExtraBold.woff") format("woff"), url("../fonts/work-sans/WorkSans-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-ExtraBoldItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-ExtraBoldItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-Black.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-Black.otf") format("otf"), url("../fonts/work-sans/WorkSans-Black.woff") format("woff"), url("../fonts/work-sans/WorkSans-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/work-sans/WorkSans-BlackItalic.ttf") format("ttf"), url("../fonts/work-sans/WorkSans-BlackItalic.otf") format("otf"), url("../fonts/work-sans/WorkSans-BlackItalic.woff") format("woff"), url("../fonts/work-sans/WorkSans-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, figure, h1, h2, .content .gallery__heading h2, h3, h4, h5, .form__contact h3, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

footer, header, nav, section, main {
  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;
}

input {
  border-radius: 0;
}

*:focus, *:focus-within, *:focus-visible {
  outline: none;
}

a {
  text-decoration: none;
  color: inherit;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

body {
  font-family: "Work Sans", "Helvetica", "Arial", sans-serif;
  color: var(--font);
  line-height: 1.3;
  font-weight: 300;
}

abbr, sup {
  font-size: 0.75rem;
  vertical-align: top;
}

p {
  margin: 1.5em 0;
}

h1 + p, h2 + p, .content .gallery__heading h2 + p, h3 + p, h4 + p, h5 + p, .form__contact h3 + p, h6 + p {
  margin-top: 0.5em;
}

ul, ol {
  margin: 1rem 0;
}
ul li, ol li {
  margin: 0.35em 0;
  margin-bottom: 0.75em;
  margin-left: 15px;
}
ul li::before, ol li::before {
  position: absolute;
  margin-left: -15px;
}

ul li::before {
  content: "•";
  font-weight: 700;
}

ol {
  counter-reset: ol-counter;
}
ol li {
  counter-increment: ol-counter;
}
ol li::before {
  content: counter(ol-counter) ".";
  font-weight: 500;
}

h1 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: clamp(1.875rem, 10vw, 2.5rem);
  margin: 0.5em 0;
}

h2, .content .gallery__heading h2 {
  font-weight: 600;
  font-size: clamp(1.5rem, 8.5vw, 1.875rem);
  margin: 1.5em 0 0.5em;
}

h3 {
  font-weight: 600;
  color: var(--solid);
  font-size: clamp(1.25rem, 7vw, 1.313rem);
  margin: 1em 0 0.5em;
}

h4 {
  font-weight: 500;
  font-size: clamp(1.25rem, 7vw, 1.313rem);
  margin: 1em 0 0.5em;
}

h5, .form__contact h3 {
  font-weight: 500;
  font-size: 1.125rem;
  margin: 0.75em 0 0.5em;
}

h6 {
  font-weight: 400;
  font-size: 1.125rem;
  color: var(--solid);
  margin: 0.5em 0;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
}

strong {
  font-weight: 700;
}

main > * > a, main li > a, main .single a {
  /* font-weight: 700; */
  text-decoration: underline;
  word-break: break-word;
}

.heading h1 + p {
  font-size: clamp(1.25rem, 8vw, 1.565rem);
  margin-bottom: 1em;
}

.heading--home {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  background: var(--bg);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.heading--home h2, .heading--home .content .gallery__heading h2, .content .gallery__heading .heading--home h2 {
  font-size: clamp(2.5rem, 12vw, 3.125rem);
  margin: 0.25em 0;
  font-weight: 300;
  margin-right: 40px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.heading--home a {
  text-decoration: underline;
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  text-align: right;
}

.wp-block-columns h3 {
  margin-top: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 1.5rem;
  overflow-x: hidden;
  overflow-x: clip;
}
html.no-scroll {
  overflow-y: hidden;
}

body {
  overflow-x: hidden;
  overflow-x: clip;
  background: var(--bg);
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
body.no-scroll {
  overflow-y: hidden;
}

main {
  /* padding-top: 1rem; */
}

figure {
  margin: 0;
}

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

.preload * {
  transition: none !important;
  animation-duration: 0.001s !important;
}

.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title {
  text-decoration: underline;
}

.wp-block-accordion-panel a {
  text-decoration: underline;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: mb) {
  .container {
    max-width: 360px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 420px) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: xs) {
  .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) {
  .container {
    max-width: 576px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: md) {
  .container {
    max-width: 768px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: lg) {
  .container {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) {
  .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: xxl) {
  .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1294px) {
  .container {
    max-width: 1294px;
  }
}
.container .row {
  display: flex;
  flex-wrap: wrap;
}
.container .row .row {
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.container .row .container .row {
  margin: 0 -12px;
}
.container .row > * {
  width: 100%;
}
.container .row {
  margin: 0 -12px;
}
.container .row > * {
  padding-left: 12px;
  padding-right: 12px;
}
.container .container {
  padding: 0;
}
.container .row .container {
  padding-right: 12px;
  padding-left: 12px;
}

.img-bg {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: absolute;
  right: 50%;
  width: 100vw;
  height: 100%;
  top: 0;
}

.section {
  margin-bottom: 75px;
}

button {
  background: transparent;
}

.cta, .form .gform_button, .wp-block-button__link {
  display: table;
  padding: 1rem 1.5rem;
  cursor: pointer;
  border-radius: 2rem;
  background: var(--accent);
  text-align: center;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  color: #132064;
  font-weight: 700;
  letter-spacing: 0.5px;
  border: 1px solid transparent;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cta:hover, .form .gform_button:hover, .wp-block-button__link:hover {
  background: #132064;
  color: white;
}

.cta-row {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.cta--icon {
  height: 70px;
  width: 70px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.cta--icon::before {
  height: 30px;
  width: 30px;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cta--read {
  background: #132064;
}
.cta--read::before {
  background-image: url("../media/elements/icons/icon-read.svg");
}
.cta--read:hover {
  background: #4A6CDB;
}
.cta--download {
  background: #FDF474;
}
.cta--download::before {
  background-image: url("../media/elements/icons/icon-download.svg");
}
.cta--download:hover {
  background: #4A6CDB;
}
.cta--download:hover::before {
  filter: brightness(0) invert(1);
}

.wp-block-button__link {
  color: var(--font) !important;
  background-color: var(--accent) !important;
  margin: 1em 0;
  padding-right: 1em;
  font-size: 0.8125rem !important;
  padding: 1rem 1.5rem !important;
}
.wp-block-button__link:hover {
  background-color: var(--font) !important;
  color: var(--bg) !important;
}

.contrasted .cta, .contrasted .form .gform_button, .form .contrasted .gform_button, .contrasted .wp-block-button__link {
  border: 1px solid var(--accent);
  /* color: var(--accent) !important; */
}
.contrasted .cta:hover, .contrasted .form .gform_button:hover, .form .contrasted .gform_button:hover, .contrasted .wp-block-button__link:hover {
  background: var(--bg);
  /* color: var(--accent2) !important; */
}
.contrasted .wp-block-button__link {
  color: var(--accent2) !important;
}
.contrasted .cta--download, .contrasted .cta--read {
  background: #141414;
  border: 1px solid white;
}
.contrasted .cta--download::before, .contrasted .cta--read::before {
  filter: brightness(0) invert(1);
}
.contrasted .cta--download:hover, .contrasted .cta--read:hover {
  background: white;
  border-color: #141414 !important;
}
.contrasted .cta--download:hover::before, .contrasted .cta--read:hover::before {
  filter: brightness(0);
}

input[type=text], input[type=email], input[type=tel], textarea {
  display: block;
  width: 100%;
  font-family: "Work Sans", "Helvetica", "Arial", sans-serif;
  color: var(--font) !important;
  border-color: transparent;
  font-size: 1rem;
}

textarea {
  resize: none;
}

input[type=submit] {
  cursor: pointer;
}

.form input[type=text], .form input[type=email], .form input[type=tel], .form textarea {
  border-radius: 1.5em;
  padding: 1.25em 2em 1em 2em;
  border: 1px solid var(--solid);
  background: transparent;
}
.form textarea {
  border-radius: 2em;
}
.form input[type=submit] {
  width: 100%;
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: 576px) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
.form .gfield {
  position: relative;
  margin-bottom: 2.5rem;
}
.form .gfield label {
  position: absolute;
  top: -1rem;
  left: 25px;
  padding: 5px 10px;
  z-index: 0;
  color: var(--solid);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .gfield label::before {
  background: var(--bg);
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .gfield .validation_message {
  right: 25px;
  bottom: -0.75rem;
  z-index: 0;
  padding: 5px 10px;
  color: var(--error);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .gfield .validation_message::before {
  background: var(--bg);
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: 576px) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
.form .gfield .gfield_required {
  display: none;
}
.form .gfield.gfield_contains_required label::after {
  content: "*";
  margin-left: 2px;
}
.form .gfield_html {
  color: var(--solid);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}
.form .gfield_html::before {
  content: "*";
  margin-right: 3px;
}
.form .gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.form .gfield {
  width: 100%;
  padding: 0 12px;
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
.form .gfield_error input[type=text], .form .gfield_error input[type=email], .form .gfield_error input[type=tel], .form .gfield_error textarea {
  padding: 1.25rem 2em;
}
.form .gform_button {
  cursor: pointer;
  font-weight: 600;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif !important;
}

.contrasted .validation_message {
  font-weight: 700;
}

.breadcrumbs {
  color: var(--solid);
  font-weight: 300;
  font-size: 0.875rem;
  margin: 20px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 5px;
}
.breadcrumbs > span > span a:hover {
  text-decoration: underline;
}
.breadcrumbs > span > span:first-child a {
  font-size: 0;
  background-image: url("../media/elements/icons/icon-home.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
  display: block;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.breadcrumbs .breadcrumb_last {
  font-weight: 600;
}

.contrasted .breadcrumbs span:first-child a {
  filter: brightness(0) invert(1);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.splide__arrow, .slick-arrow {
  background: var(--component);
  width: 50px;
  height: 35px;
  display: block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 0;
  z-index: 1;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.splide__arrow svg, .slick-arrow svg {
  display: none;
}
.splide__arrow::before, .slick-arrow::before {
  background-image: url("../media/elements/sidebar-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  -webkit-transition: filter 0.3s;
  transition: filter 0.3s;
}
.splide__arrow--prev, .splide__arrow.slick-prev, .slick-arrow--prev, .slick-arrow.slick-prev {
  background: var(--solid);
}
.splide__arrow--prev::before, .splide__arrow.slick-prev::before, .slick-arrow--prev::before, .slick-arrow.slick-prev::before {
  transform: rotate(-90deg);
}
.splide__arrow--next::before, .splide__arrow.slick-next::before, .slick-arrow--next::before, .slick-arrow.slick-next::before {
  transform: rotate(90deg);
}
.splide__arrow.slick-next, .slick-arrow.slick-next {
  position: absolute;
  bottom: 0;
  right: 0;
}
.splide__arrow.slick-prev, .slick-arrow.slick-prev {
  position: absolute;
  bottom: 0;
  right: 50px;
}

.splide__arrows {
  display: flex;
}

.splide:not(.is-overflow) .splide__arrows {
  display: none;
}

.diapo__arrows .diapo__arrow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  display: block;
  cursor: pointer;
  height: 50px;
  width: 50px;
  z-index: 1000;
}
.diapo__arrows .diapo__arrow::before {
  content: "";
  display: block;
  background-image: url("../media/elements/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 30px;
  height: 18px;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  -webkit-transition: filter 0.3s;
  transition: filter 0.3s;
}
.diapo__arrows .diapo__arrow--next {
  right: -10px;
}
.diapo__arrows .diapo__arrow--prev {
  transform: rotate(180deg);
  left: -10px;
}

.contrasted .splide__arrow--prev::before, .contrasted .slick-arrow.slick-prev::before {
  filter: brightness(0);
}
.contrasted .diapo__arrows .diapo__arrow::before {
  filter: invert(1);
}

.news {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.news figure {
  position: relative;
  height: 230px;
  background: var(--font);
}
@media screen and (min-width: xs) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: 420px) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: xs) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: xs) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: xs) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: xs) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: xs) {
  .news figure {
    height: 290px;
  }
}
@media screen and (min-width: sm) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: sm) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: 576px) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: sm) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: sm) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: sm) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: sm) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: md) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: md) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: md) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: 768px) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: md) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: md) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: md) {
  .news figure {
    height: 260px;
  }
}
@media screen and (min-width: lg) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: lg) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: lg) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: lg) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: 992px) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: lg) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: lg) {
  .news figure {
    height: 305px;
  }
}
@media screen and (min-width: xl) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: xl) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: xl) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: xl) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: xl) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: 1086px) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: xl) {
  .news figure {
    height: 250px;
  }
}
@media screen and (min-width: xxl) {
  .news figure {
    height: 300px;
  }
}
@media screen and (min-width: xxl) {
  .news figure {
    height: 300px;
  }
}
@media screen and (min-width: xxl) {
  .news figure {
    height: 300px;
  }
}
@media screen and (min-width: xxl) {
  .news figure {
    height: 300px;
  }
}
@media screen and (min-width: xxl) {
  .news figure {
    height: 300px;
  }
}
@media screen and (min-width: xxl) {
  .news figure {
    height: 300px;
  }
}
@media screen and (min-width: 1294px) {
  .news figure {
    height: 300px;
  }
}
.news figure img {
  aspect-ratio: 420/300;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}
.news .news__date {
  padding: 7.5px 40px 0 5px;
  display: table;
  font-size: 35px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--bg);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news .news__date > span {
  font-size: 25px;
  font-weight: 300;
  margin-left: -6px;
}
.news figcaption {
  margin: 30px 0;
}
.news figcaption .news__cat {
  color: var(--solid);
  font-weight: 600;
  text-transform: uppercase;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.news figcaption h3 {
  margin: 0;
  color: var(--font);
  font-weight: 600;
  font-size: clamp(1.5rem, 8.5vw, 1.875rem);
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: md) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: md) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: md) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: md) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: md) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: md) {
  .container .row .news {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: xl) {
  .container .row .news {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .container .row .news {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .container .row .news {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .container .row .news {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .container .row .news {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1086px) {
  .container .row .news {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: xl) {
  .container .row .news {
    width: 33.3333333333%;
  }
}

.filters {
  border: 1px solid var(--solid);
  margin-bottom: 100px;
  margin-top: -20px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__header {
  background: var(--font);
  color: white;
  padding: 12.5px 15px;
  position: relative;
  width: calc(100% + 2px);
  left: -1px;
  top: -1px;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__header::after {
  position: absolute;
  bottom: -1px;
  top: auto;
  height: 1px;
  background-color: var(--font);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__header span {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bg);
  font-size: 1.25rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__header button {
  position: absolute;
  width: 46px;
  background: var(--font);
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__header button::before {
  content: "";
  height: 12px;
  width: 12px;
  background-image: url(../media/elements/sidebar-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: auto;
  transform: rotate(180deg);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__list {
  margin: 0;
  max-height: 0;
  overflow: hidden;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__list > li {
  padding: 0;
  margin: 0;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__list > li::before {
  display: none;
}
.filters__list > li:not(:last-child) {
  border-bottom: 1px solid var(--solid);
}
.filters__list > li a {
  text-decoration: none;
  padding: 15px 15px;
  display: block;
  font-weight: 600;
  color: var(--solid);
  text-transform: uppercase;
  font-size: 0.875rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filters__list > li.is-active a, .filters__list > li:hover a {
  background: var(--solid);
  color: var(--bg);
}
.filters.is-open .filters__header button::before {
  transform: rotate(0deg);
}
.filters.is-open .filters__list {
  max-height: 999px;
}
@media screen and (min-width: sm) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: sm) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: 576px) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: sm) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: sm) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: sm) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: sm) {
  .filters {
    border: none;
  }
  .filters__header {
    background: none;
    padding: 0;
    width: auto;
    float: left;
  }
  .filters__header span {
    color: var(--solid);
    font-size: 1rem;
    padding: 10px 0;
    margin-right: 30px;
    display: block;
  }
  .filters__header button, .filters__header::after {
    display: none;
  }
  .filters__list {
    max-height: none;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
  }
  .filters__list > li {
    border-bottom: none !important;
  }
  .filters__list > li a {
    padding: 10px 30px;
    border: 1px solid var(--solid);
    border-radius: 2em;
  }
}
@media screen and (min-width: xl) {
  .filters {
    padding: 0 40px;
  }
}
@media screen and (min-width: xl) {
  .filters {
    padding: 0 40px;
  }
}
@media screen and (min-width: xl) {
  .filters {
    padding: 0 40px;
  }
}
@media screen and (min-width: xl) {
  .filters {
    padding: 0 40px;
  }
}
@media screen and (min-width: xl) {
  .filters {
    padding: 0 40px;
  }
}
@media screen and (min-width: 1086px) {
  .filters {
    padding: 0 40px;
  }
}
@media screen and (min-width: xl) {
  .filters {
    padding: 0 40px;
  }
}
.filters + * {
  clear: both;
}

.contrasted .filters .filters__header button::before {
  filter: brightness(0);
}

.result {
  border: 1px solid var(--font);
  padding: 10px 30px;
  margin-bottom: 30px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
.result__breadcrumbs {
  row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: sm) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
@media screen and (min-width: 576px) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs {
    flex-direction: row;
  }
}
.result__breadcrumbs > span:first-child {
  display: flex;
  flex-wrap: wrap;
}
.result__breadcrumbs > span:last-child {
  display: block;
  font-weight: 700;
}
.result__breadcrumbs > span:last-child::before {
  content: "/";
  padding: 0 10px;
  font-weight: 300;
  display: none;
}
@media screen and (min-width: sm) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
@media screen and (min-width: 576px) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
@media screen and (min-width: sm) {
  .result__breadcrumbs > span:last-child::before {
    display: inline-block;
  }
}
.result a {
  text-decoration: none !important;
}
.result h2, .result .content .gallery__heading h2, .content .gallery__heading .result h2 {
  margin-top: 20px;
}
.result p {
  margin-bottom: 20px;
}

.pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.pagination .wp-pagenavi {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 100px;
  border-bottom: 1px solid var(--font);
  height: 39px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
@media screen and (min-width: 768px) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi {
    padding-right: 130px;
  }
}
.pagination .wp-pagenavi > * {
  font-weight: 400;
  padding-right: 5px;
  padding-left: 5px;
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 576px) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: sm) {
  .pagination .wp-pagenavi > * {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 768px) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > * {
    font-size: 1.375rem;
  }
}
.pagination .wp-pagenavi > *.current {
  font-weight: 700;
}
.pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
  width: 40px;
  height: 40px;
  font-size: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination .wp-pagenavi > *.prev::before, .pagination .wp-pagenavi > *.next::before {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-image: url("../media/elements/sidebar-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
@media screen and (min-width: 768px) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev, .pagination .wp-pagenavi > *.next {
    width: 50px;
  }
}
.pagination .wp-pagenavi > *.prev {
  right: 40px;
  background: var(--solid);
}
.pagination .wp-pagenavi > *.prev::before {
  transform: rotate(-90deg);
  left: 2px;
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
@media screen and (min-width: 768px) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
@media screen and (min-width: md) {
  .pagination .wp-pagenavi > *.prev {
    right: 50px;
  }
}
.pagination .wp-pagenavi > *.next {
  right: 0px;
  background: var(--component);
  border: 1px solid var(--font);
}
.pagination .wp-pagenavi > *.next::before {
  transform: rotate(90deg);
  right: 2px;
}

.contrasted .pagination .wp-pagenavi > .prev::before {
  filter: brightness(0);
}

.file {
  margin-bottom: 75px;
}
.file__inner {
  padding: 30px;
  background: white;
  position: relative;
  z-index: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.file__inner figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
  column-gap: 10px;
}
.file__inner figcaption h3 {
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  flex: auto;
  color: var(--solid2);
}
.file__inner figcaption span {
  color: var(--solid2);
  text-align: center;
  flex: auto;
}
.file__inner::before {
  background: white;
  z-index: -1;
  border: 1px solid var(--solid);
}
.file__inner::after {
  background: var(--solid2);
  z-index: -2;
  bottom: -75px;
  top: 0;
  left: -100vw;
  right: -100vw;
}
.file__preview {
  max-width: 75%;
  width: max-content;
  margin: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.file__preview img {
  max-height: 300px;
  min-height: 120px;
  object-fit: cover;
  width: auto;
  display: block;
}
.file .cta-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin-top: -10px;
}
.file .cta-row .cta--icon {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.file .cta-row .cta--icon:hover {
  border: 1px solid var(--bg);
}
.file .cta-row .cta--read {
  border: 1px solid var(--font);
}
.file .cta-row .cta--download {
  border: 1px solid var(--accent);
}
.file:first-child .file__inner::after {
  top: 70%;
}

@media screen and (min-width: sm) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: sm) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 576px) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: sm) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: sm) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: sm) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: sm) {
  .listing .row .file {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: md) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: md) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: md) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: 768px) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: md) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: md) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: md) {
  .listing .row .file {
    margin-bottom: 90px;
    width: 50%;
    margin-left: 0%;
  }
  .listing .row .file__inner::after {
    top: 70%;
    bottom: -50px;
  }
  .listing .row .file__inner .file__metas {
    margin-bottom: 0;
  }
  .listing .row .file .cta-row {
    position: static;
  }
  .listing .row .file:nth-child(odd) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(even) .file__inner::after {
    right: -100vw;
    left: -24px;
  }
}
@media screen and (min-width: lg) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: lg) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: lg) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: lg) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: 992px) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: lg) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: lg) {
  .listing .row .file {
    width: 33.3333333333%;
  }
  .listing .row .file:nth-child(odd) .file__inner::after, .listing .row .file:nth-child(even) .file__inner::after {
    left: auto;
    right: auto;
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: -24px;
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: -24px;
    right: -24px;
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: -24px;
    right: -100vw;
  }
}
@media screen and (min-width: xl) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
@media screen and (min-width: xl) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
@media screen and (min-width: xl) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
@media screen and (min-width: xl) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
@media screen and (min-width: xl) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
@media screen and (min-width: 1086px) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
@media screen and (min-width: xl) {
  .listing {
    padding-left: 40px;
  }
  .listing__wrapper {
    margin-right: -40px;
  }
  .listing .row .file__inner {
    width: calc(100% - 40px);
  }
  .listing .row .file:first-child .file__inner::after, .listing .row .file:nth-child(3n+1) .file__inner::after {
    left: -100vw;
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(2) .file__inner::after, .listing .row .file:nth-child(3n+2) .file__inner::after {
    left: calc(-40px - 24px);
    right: calc(-40px - 24px);
  }
  .listing .row .file:nth-child(3n) .file__inner::after {
    left: calc(-40px - 24px);
    right: -100vw;
  }
}
input[type=text], input[type=email], input[type=tel], textarea {
  display: block;
  width: 100%;
  font-family: "Work Sans", "Helvetica", "Arial", sans-serif;
  color: var(--font) !important;
  border-color: transparent;
  font-size: 1rem;
}

textarea {
  resize: none;
}

input[type=submit] {
  cursor: pointer;
}

.form input[type=text], .form input[type=email], .form input[type=tel], .form textarea {
  border-radius: 1.5em;
  padding: 1.25em 2em 1em 2em;
  border: 1px solid var(--solid);
  background: transparent;
}
.form textarea {
  border-radius: 2em;
}
.form input[type=submit] {
  width: 100%;
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: 576px) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
@media screen and (min-width: sm) {
  .form input[type=submit] {
    width: auto;
    margin-left: auto;
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
    top: -4em;
    margin-bottom: -4em;
  }
}
.form .gfield {
  position: relative;
  margin-bottom: 2.5rem;
}
.form .gfield label {
  position: absolute;
  top: -1rem;
  left: 25px;
  padding: 5px 10px;
  z-index: 0;
  color: var(--solid);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .gfield label::before {
  background: var(--bg);
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .gfield .validation_message {
  right: 25px;
  bottom: -0.75rem;
  z-index: 0;
  padding: 5px 10px;
  color: var(--error);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .gfield .validation_message::before {
  background: var(--bg);
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: 576px) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
@media screen and (min-width: sm) {
  .form .gfield .validation_message {
    position: absolute;
  }
}
.form .gfield .gfield_required {
  display: none;
}
.form .gfield.gfield_contains_required label::after {
  content: "*";
  margin-left: 2px;
}
.form .gfield_html {
  color: var(--solid);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}
.form .gfield_html::before {
  content: "*";
  margin-right: 3px;
}
.form .gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.form .gfield {
  width: 100%;
  padding: 0 12px;
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .form .gfield.gfield--width-half {
    width: 50%;
  }
}
.form .gfield_error input[type=text], .form .gfield_error input[type=email], .form .gfield_error input[type=tel], .form .gfield_error textarea {
  padding: 1.25rem 2em;
}
.form .gform_button {
  cursor: pointer;
  font-weight: 600;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif !important;
}

.contrasted .validation_message {
  font-weight: 700;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}
.header__main {
  background: white;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__main .header__logo {
  max-width: 260px;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header__sup {
  background: var(--component);
  color: white;
  display: flex;
  align-items: center;
  min-height: 45px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__sup .container {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.header__sup .header__burger {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-right: 30px;
  cursor: pointer;
}
.header__sup .header__burger .burger {
  margin-right: 10px;
}
.header__sup .header__burger .burger span {
  height: 1px;
  background: white;
  width: 20px;
  display: block;
  border-radius: 10px;
  margin: 4.5px 0;
}
@media screen and (min-width: sm) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: 576px) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__burger {
    width: 200px;
    justify-content: center;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__burger {
    width: 300px;
    justify-content: center;
  }
}
.header__sup .header__options {
  background: var(--solid2);
  height: 100%;
  width: max-content;
  display: flex;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  z-index: 0;
  width: 100%;
  justify-content: center;
  border-left: 1px solid var(--solid);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: sm) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: 576px) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: sm) {
  .header__sup .header__options {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 992px) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options {
    justify-content: flex-end;
  }
}
.header__sup .header__options::after {
  background: var(--solid2);
  right: -100vw;
  left: 24px;
  width: 100vw;
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__sup .header__options .header__option {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1rem;
}
@media screen and (min-width: md) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: md) {
  .header__sup .header__options .header__option {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 992px) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: lg) {
  .header__sup .header__options .header__option {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.header__sup .header__options .header__font {
  background: var(--solid2);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__sup .header__options .header__font button {
  display: block;
  color: white;
  padding: 10px;
  cursor: pointer;
  font-size: 1rem;
}
.header__sup .header__options .header__font button:first-child {
  margin-right: 10px;
}
.header__sup .header__options .header__font button:last-child {
  margin-left: 10px;
}
.header__sup .header__options .header__contrast {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.header__sup .header__options .header__contrast::before {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  background-image: url("../media/elements/mode-contrast.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 0;
}
@media screen and (min-width: 360px) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: mb) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: mb) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: mb) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: mb) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: mb) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: mb) {
  .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
.header__sup .header__options .header__search {
  display: none;
}
.header .header__nav {
  transform: translateY(-100%);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -10;
  overflow-y: auto;
}
.header .header__nav.is-open {
  transform: translateY(0);
}
.header .nav__search {
  background-color: var(--solid2);
  box-shadow: 0 0 0 100vmax var(--solid2);
  clip-path: inset(0 -100vmax);
  padding-top: 15px;
  padding-bottom: 15px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .option__search {
  position: relative;
}
.header .option__search input[type=text] {
  background: none;
  color: white;
  font-size: 1rem;
  letter-spacing: 1px;
  position: relative;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  width: calc(100% - 10px);
  color: white !important;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.header .option__search input[type=text]::-webkit-input-placeholder {
  color: white;
  text-transform: uppercase;
}
.header .option__search input[type=text]:-moz-placeholder {
  color: white;
  text-transform: uppercase;
}
.header .option__search input[type=text]:-ms-input-placeholder {
  color: white;
  text-transform: uppercase;
}
.header .option__search input[type=text]::placeholder {
  color: white;
  text-transform: uppercase;
}
.header .option__search input[type=submit] {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 12px;
  margin-top: -30px;
  background-color: transparent;
  background-image: url("../media/elements/search-submit.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.header__main .header__nav {
  position: absolute;
  left: 0;
  right: 0;
  background: var(--component);
  color: white;
}
.header__main .header__nav ul {
  margin: 0;
}
.header__main .header__nav ul li {
  margin: 0;
}
.header__main .header__nav ul li::before {
  display: none;
}
.header__main .header__nav ul li a {
  display: block;
}
.header__main .header__nav .main-menu {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.header__main .header__nav .main-menu > li > a {
  font-family: "Quicksand", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 15px 0;
  position: relative;
}
.header__main .header__nav .main-menu > li.menu-item-has-children {
  position: relative;
}
.header__main .header__nav .main-menu > li.menu-item-has-children .sub-menu-arrow {
  position: absolute;
  cursor: pointer;
  height: 30px;
  width: 30px;
  top: 12.5px;
  right: 0;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__main .header__nav .main-menu > li.menu-item-has-children .sub-menu-arrow::after {
  content: "";
  display: block;
  background-image: url("../media/elements/menu-arrow-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  filter: brightness(0) invert(1);
}
.header__main .header__nav .main-menu > li.menu-item-has-children > a {
  padding-right: 40px;
}
.header__main .header__nav .main-menu > li:not(:last-child, :nth-last-child(2)) > a::after {
  background: white;
  height: 1px;
  top: auto;
}
.header__main .header__nav .main-menu > li.current-menu-item > a, .header__main .header__nav .main-menu > li.current-page-ancestor > a {
  color: var(--accent);
}
.header__main .header__nav .main-menu > li.current-menu-item > a::after, .header__main .header__nav .main-menu > li.current-page-ancestor > a::after {
  background: var(--accent);
}
.header__main .header__nav .main-menu > li.current-menu-item .sub-menu-arrow::after, .header__main .header__nav .main-menu > li.current-page-ancestor .sub-menu-arrow::after {
  filter: none !important;
}
.header__main .header__nav .main-menu > li:last-child {
  order: -1;
  margin-bottom: 30px;
  background-color: var(--accent);
  box-shadow: 0 0 0 100vmax var(--accent);
  clip-path: inset(0 -100vmax);
}
.header__main .header__nav .main-menu > li:last-child > a {
  font-size: 1rem;
  color: var(--component);
  padding: 30px 40px 30px 55px;
  font-weight: 700;
}
.header__main .header__nav .main-menu > li:last-child > a::before, .header__main .header__nav .main-menu > li:last-child > a::after {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.header__main .header__nav .main-menu > li:last-child > a::before {
  height: 40px;
  width: 40px;
  background-image: url("../media/elements/icons/icon-family.svg");
  top: auto;
  bottom: auto;
  transform: translateY(calc(-50% + 10px));
}
.header__main .header__nav .main-menu > li:last-child > a::after {
  top: auto;
  bottom: auto;
  transform: translateY(-100%);
  right: 5px;
  left: auto;
  background-image: url(../media/elements/menu-arrow-dark.svg);
  height: 20px;
  width: 20px;
}
.header__main .header__nav .main-menu > li > .sub-menu {
  margin: 10px 0 20px;
  max-height: 0;
  overflow: hidden;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__main .header__nav .main-menu > li > .sub-menu > li > a {
  text-transform: uppercase;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header__main .header__nav .main-menu > li > .sub-menu > li.current-menu-item > a, .header__main .header__nav .main-menu > li > .sub-menu > li.current-page-ancestor > a {
  color: var(--accent);
}
.header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children > a {
  display: none;
}
.header__main .header__nav .main-menu > li > .sub-menu > li > .sub-menu > li > a {
  text-transform: uppercase;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header__main .header__nav .main-menu > li > .sub-menu > li > .sub-menu > li.current-menu-item > a {
  color: var(--accent);
}
.header__main .header__nav .main-menu > li > .sub-menu.is-active {
  max-height: 100vh;
}
.header__main .header__nav .main-menu > li > .sub-menu.is-active ~ .sub-menu-arrow::after {
  transform: rotate(0);
}
.header.header--desktop {
  display: flex;
  flex-direction: column-reverse;
}
.header.header--desktop .header__sup {
  background: var(--solid2);
  position: relative;
  z-index: 10;
  overflow-y: hidden;
  overflow-x: hidden;
}
.header.header--desktop .header__sup .container {
  justify-content: flex-end;
}
.header.header--desktop .header__sup .header__burger {
  display: none;
}
.header.header--desktop .header__sup .header__options {
  width: auto;
  position: relative;
  z-index: 2;
}
.header.header--desktop .header__sup .header__options .header__option {
  height: 100%;
  padding: 0 24px;
  position: relative;
}
.header.header--desktop .header__sup .header__options .header__option::after {
  content: "";
  display: block;
  width: 1px;
  top: -100px;
  bottom: -100px;
  right: 0;
  position: absolute;
  background: white;
}
.header.header--desktop .header__sup .header__options .header__font button {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  padding-bottom: 2px !important;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 20px;
}
.header.header--desktop .header__sup .header__options .header__font button:hover {
  border-color: white;
}
.header.header--desktop .header__sup .header__options .header__font::before {
  content: "";
  display: block;
  width: 1px;
  top: -100px;
  bottom: -100px;
  left: 0;
  position: absolute;
  background: white;
}
.header.header--desktop .header__sup .header__options .header__search {
  align-items: center;
}
.header.header--desktop .header__main {
  height: 100px;
}
.header.header--desktop .header__main .header__logo {
  width: 25%;
  padding: 30px 0 7.5px 0;
  position: relative;
  z-index: 3;
}
.header.header--desktop .header__main .header__logo::before {
  content: "";
  display: block;
  z-index: -1;
  left: -100vw;
  right: -100vw;
  position: absolute;
  width: 200vw;
  background: var(--bg);
  top: 0;
  bottom: 0;
}
.header.header--desktop .header__main .header__nav {
  position: static;
  z-index: 1;
  transform: translateY(0);
  background: white;
}
.header.header--desktop .header__main .header__nav::before {
  content: "";
  display: block;
  z-index: -1;
  left: -100vw;
  right: -100vw;
  position: absolute;
  width: 200vw;
  background: var(--bg);
  top: 0;
  bottom: 0;
}
.header.header--desktop .header__main {
  position: relative;
  z-index: 1;
}
.header.header--desktop .header__main .header__nav {
  overflow-y: visible;
  height: 60px;
}
.header.header--desktop .header__main .header__nav .main-menu {
  flex-direction: row;
  justify-content: space-between;
  position: static;
  height: 60px;
  overflow: hidden;
  padding-bottom: 0;
  background: var(--bg);
}
.header.header--desktop .header__main .header__nav .main-menu > li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-grow: 1;
}
.header.header--desktop .header__main .header__nav .main-menu > li > a {
  color: var(--font);
  font-size: 1rem;
  font-weight: 400;
  position: static;
  padding: 0 !important;
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.header.header--desktop .header__main .header__nav .main-menu > li > a::after {
  display: none !important;
}
.header.header--desktop .header__main .header__nav .main-menu > li:last-child {
  box-shadow: none;
  order: 999;
  margin-bottom: 0;
}
.header.header--desktop .header__main .header__nav .main-menu > li:last-child > a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--component);
  font-weight: 700;
}
.header.header--desktop .header__main .header__nav .main-menu > li:last-child > a::before {
  transform: translateY(-1px);
  position: static;
  margin-right: 15px;
}
.header.header--desktop .header__main .header__nav .main-menu > li:last-child:hover > a {
  background: var(--font);
  color: var(--bg);
}
.header.header--desktop .header__main .header__nav .main-menu > li:last-child:hover > a::before {
  filter: brightness(0) invert(1);
}
.header.header--desktop .header__main .header__nav .main-menu > li:last-child:hover::after {
  border-top-color: var(--font);
}
.header.header--desktop .header__main .header__nav .main-menu > li:not(:last-child) > a {
  position: relative;
}
.header.header--desktop .header__main .header__nav .main-menu > li:not(:last-child) > a::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 5px;
  background: var(--solid);
  transform: scaleY(0);
  transform-origin: bottom;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  transition: transform 0.5s;
}
.header.header--desktop .header__main .header__nav .main-menu > li:not(:last-child):hover > a::before, .header.header--desktop .header__main .header__nav .main-menu > li:not(:last-child).current-menu-item > a::before, .header.header--desktop .header__main .header__nav .main-menu > li:not(:last-child).current-page-ancestor > a::before {
  transform: scaleY(1);
}
.header.header--desktop .header__main .header__nav .main-menu > li.current-menu-item > a, .header.header--desktop .header__main .header__nav .main-menu > li.current-page-ancestor > a {
  color: var(--solid);
  font-weight: 900;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-has-children {
  position: static;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-has-children .sub-menu-arrow {
  display: none;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-has-children:hover > .sub-menu {
  padding-top: 30px;
  padding-bottom: 30px;
  flex-wrap: wrap;
  transform: translateY(0);
  opacity: 1;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
  right: 0;
  top: 60px;
  left: 0;
  bottom: 0;
  height: auto;
  bottom: 0;
  margin: 0;
  max-height: none;
  transform: translateY(calc(-100% - 1px));
  background-color: var(--component);
  box-shadow: 0 0 0 100vmax var(--component);
  clip-path: inset(0 -100vmax);
  padding: 0 calc(12px + 10px);
  z-index: -2;
  opacity: 0;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: column;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li > a {
  font-size: 1.25rem;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children {
  width: 41.6666666667%;
  margin-right: 8.333333333%;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children > a {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children > a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: -5px;
  background-color: white;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children.current-menu-item > a, .header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children.current-page-ancestor > a {
  color: white;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
  font-size: 1.25rem;
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li.menu-item-has-children > .sub-menu > li:hover > a {
  color: var(--accent);
}
.header.header--desktop .header__main .header__nav .main-menu > li > .sub-menu > li:not(.menu-item-has-children):hover > a {
  color: var(--accent) !important;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-columns > .sub-menu {
  display: flex;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-columns > .sub-menu > li.menu-item-has-children {
  width: 25%;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-columns > .sub-menu > li.menu-item-has-children.menu-item-col-2 {
  width: 50%;
}
.header.header--desktop .header__main .header__nav .main-menu > li.menu-item-columns > .sub-menu > li.menu-item-has-children.menu-item-col-2 > .sub-menu {
  column-gap: 12px;
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: column;
}
@media screen and (min-width: lg) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: lg) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: lg) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: lg) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: lg) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: lg) {
  .header .header__sup .header__options .header__search {
    display: flex;
  }
  .header .header__sup .header__options .header__search .option__search input[type=text] {
    padding-bottom: 5px;
    width: 100%;
    font-weight: 300;
    width: 230px;
  }
  .header .header__sup .header__options .header__search .option__search input[type=submit] {
    height: 0.9375rem;
    width: 0.9375rem;
    margin-top: -1.5rem;
    right: 0;
  }
  .header .header__main .header__nav .nav__search {
    display: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
@media screen and (min-width: xxl) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
@media screen and (min-width: xxl) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
@media screen and (min-width: xxl) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
@media screen and (min-width: xxl) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
@media screen and (min-width: xxl) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
@media screen and (min-width: 1294px) {
  .header.header--desktop .header__main .container {
    position: relative;
  }
  .header.header--desktop .header__main .header__logo {
    position: absolute;
    padding: 20px 0;
    max-height: 100px;
    left: 12px;
  }
  .header.header--desktop .header__main .header__logo::before {
    display: none;
  }
  .header.header--desktop .header__main .header__nav {
    position: absolute;
    padding-left: 25%;
    height: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu {
    height: 100% !important;
    padding-right: 110px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li > .sub-menu {
    top: 100px;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    max-width: 110px;
    height: 130px;
    position: absolute;
    right: 12px;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100px;
    background-color: var(--accent);
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child > a::before {
    margin-right: 0;
  }
  .header.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-top: 30px solid var(--accent);
  }
}
.header.header--hover .header__main {
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid white;
}
.header.header--hover .header__main .header__nav {
  opacity: 0;
}
.header.header--hover .header__main .header__nav.is-open {
  opacity: 1;
}
.header.header--hover .header__sup {
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid white;
}
.header.header--hover .header__sup .header__options {
  background: transparent;
  border-left: 1px solid white;
}
.header.header--hover .header__sup .header__options .header__option, .header.header--hover .header__sup .header__options::after {
  background: transparent;
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
@media screen and (min-width: 1294px) {
  .header.header--hover.header--desktop .header__main {
    background: transparent;
    border-bottom-width: 0px;
  }
}
.header.header--hover.header--desktop .header__main .header__logo::before {
  background: transparent;
}
.header.header--hover.header--desktop .header__main .header__nav {
  opacity: 1;
  background: transparent;
}
.header.header--hover.header--desktop .header__main .header__nav::before {
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid white;
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: 1294px) {
  .header.header--hover.header--desktop .header__main .header__nav::before {
    right: 121px;
    left: auto;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 1294px) {
  .header.header--hover.header--desktop .header__main .header__nav::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 12px);
    content: "";
    display: block;
    border-bottom: 1px solid white;
    width: 100vw;
    background: rgba(0, 0, 0, 0.3);
  }
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu {
  background: transparent;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li {
  background: transparent;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li a {
  color: white !important;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li a::before {
  display: none;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
  border-left: 1px solid white;
  border-right: 1px solid white;
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
@media screen and (min-width: 1294px) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child {
    clip-path: polygon(100% 0, 100% 76.5%, 50% 100%, 0 76.5%, 0 0);
    background: transparent;
    border: none;
  }
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
  justify-content: center;
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 1294px) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a {
    background-color: #FDF474;
    color: #132064 !important;
    height: 130px;
    padding-bottom: 30px;
    padding-bottom: 12px !important;
  }
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
  filter: brightness(0) invert(1);
  content: "" !important;
  display: block !important;
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
@media screen and (min-width: xxl) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
@media screen and (min-width: 1294px) {
  .header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child a::before {
    filter: none;
  }
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > li:last-child::after {
  display: none;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > .menu-item-has-children .sub-menu {
  opacity: 0;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > .menu-item-has-children .sub-menu > li > .sub-menu > li:hover > a {
  color: var(--accent) !important;
}
.header.header--hover.header--desktop .header__main .header__nav > .main-menu > .menu-item-has-children:hover .sub-menu {
  opacity: 1;
}
.header.header--hover.header--desktop .header__sup .header__options {
  border-left-width: 0px;
}

@media screen and (min-width: 360px) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: mb) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: mb) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: mb) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: mb) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: mb) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: mb) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 0;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 0;
  }
}
@media screen and (min-width: sm) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: 576px) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .font-20 .header__sup .header__options .header__contrast, .font-24 .header__sup .header__options .header__contrast {
    font-size: 1rem;
  }
  .font-20 .header__sup .header__options .header__contrast::before, .font-24 .header__sup .header__options .header__contrast::before {
    margin-right: 10px;
  }
}

.contrasted .header .header__sup {
  border-bottom: 1px solid white;
}
.contrasted .header .header__nav {
  border-bottom: 1px solid white;
}
.contrasted .header .header__nav .main-menu > li.current-page-ancestor .sub-menu-arrow::after {
  filter: brightness(0) invert(1) !important;
}
.contrasted .header .header__nav .main-menu > li > .sub-menu > li > .sub-menu > li.current-menu-item > a, .contrasted .header .header__nav .main-menu > li > .sub-menu > li > .sub-menu > li:hover > a {
  font-weight: 700;
}
.contrasted .header .header__nav .main-menu > li:last-child > a::after, .contrasted .header .header__nav .main-menu > li:last-child > a::before {
  filter: brightness(0);
}

.contrasted .header.header--desktop .header__sup .header__options {
  border-left: none;
}
.contrasted .header.header--desktop .header__main .header__nav {
  border-bottom: none;
}
.contrasted .header.header--desktop .header__main .header__nav::before {
  border-bottom: 1px solid white;
  z-index: 0;
}
.contrasted .header.header--desktop .header__main .header__nav .main-menu > li:last-child > a {
  background-color: white;
  color: #141414 !important;
  border-bottom: 1px solid white;
}
.contrasted .header.header--desktop .header__main .header__nav .main-menu > li:last-child > a::before {
  filter: brightness(0);
}

.footer {
  background: var(--font);
  margin-top: 50px;
}
.footer__top {
  color: var(--bg);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.footer__top .footer__logo img {
  max-width: 270px;
  width: 100%;
  display: block;
  margin: auto;
}
.footer__top .footer__contact h2 {
  text-align: center;
  font-size: clamp(20px, 7.5vw, 22px);
  text-transform: uppercase;
  color: var(--accent2);
}
.footer__top .footer__contact ul li {
  text-align: center;
  font-size: 1.125rem;
}
.footer__top .footer__contact ul li::before {
  display: none;
}
.footer__top .footer__contact ul li.footer__coord {
  font-size: 1rem;
  margin: 0.75rem 0;
}
.footer__top .footer__btn {
  margin: 2rem 0 0 0;
}
.footer__top .footer__btn .cta, .footer__top .footer__btn .wp-block-button__link, .footer__top .footer__btn .form .gform_button, .form .footer__top .footer__btn .gform_button {
  margin: auto;
  background: var(--accent2);
  color: var(--font);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid var(--accent2);
}
.footer__top .footer__btn .cta:hover, .footer__top .footer__btn .wp-block-button__link:hover, .footer__top .footer__btn .form .gform_button:hover, .form .footer__top .footer__btn .gform_button:hover {
  background: var(--font);
  color: var(--accent2);
  border: 1px solid var(--accent2);
}
.footer__top .footer__networks {
  margin-top: 20px;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  width: max-content;
  background: var(--bg) !important;
  border: none !important;
  margin-top: 12px !important;
}
.footer__top .footer__networks:hover {
  color: var(--font) !important;
}
.footer__top .footer__networks .networks {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.footer__top .footer__networks .network {
  display: flex;
  align-items: center;
}
.footer__top .footer__networks .network img {
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
}
.footer__top .footer__networks .network:hover::after {
  color: var(--accent2);
}
.footer__top .footer__networks .network:hover img {
  filter: none;
}
.footer__top .footer__networks .network:first-child::after {
  content: "";
  display: block;
  background: var(--font);
  height: 20px;
  width: 2px;
  margin: 0 7.5px;
}
.footer__bottom {
  color: var(--bg);
  position: relative;
}
.footer__bottom::before {
  background: var(--bg);
  height: 1px;
  width: 200vw;
  left: -100vw;
}
.footer__bottom ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem 0;
}
.footer__bottom ul li {
  position: relative;
  cursor: pointer;
  margin: 0.6rem 0;
  text-align: center;
}
.footer__bottom ul li::before {
  position: relative;
}
.footer__bottom ul li a {
  text-transform: uppercase;
  z-index: 0;
  position: relative;
  padding: 5px 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.footer__bottom ul li a::after {
  background: var(--accent2);
  display: block;
  left: -10px;
  right: -10px;
  z-index: -1;
  color: var(--font);
  transform: scaleX(0);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform-origin: left;
}
.footer__bottom ul li::before {
  display: none;
}
.footer__bottom ul li:hover > a {
  color: var(--font);
}
.footer__bottom ul li:hover > a::after {
  transform: scaleX(1);
}
@media screen and (min-width: sm) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: sm) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: 576px) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: sm) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: sm) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: sm) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: sm) {
  .footer__bottom ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer__bottom ul li:first-child::before {
    display: none;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    display: inline-block;
    content: "";
  }
}
@media screen and (min-width: md) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: md) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: md) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: 768px) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: md) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: md) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: md) {
  .footer__top .row {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 24px;
  }
  .footer__top .footer {
    /* &__networks {
        margin-top: -30px;
    } */
  }
  .footer__top .footer__logo {
    grid-row: 1;
    grid-column: 1;
  }
  .footer__top .footer__btn {
    grid-row: 2;
    grid-column: 1;
    margin-top: 30px;
  }
  .footer__top .footer__contact {
    grid-row: span 2;
    grid-column: 2;
  }
  .footer__top .footer__contact h2 {
    margin-top: 0;
  }
  .footer__bottom ul li::before {
    margin: 0 0.75rem;
    content: "•";
  }
}
@media screen and (min-width: lg) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: lg) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: lg) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: lg) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: 992px) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: lg) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: lg) {
  .footer__top .row {
    display: flex;
    justify-content: space-between;
    column-gap: auto;
  }
  .footer__top .row .footer__logo {
    width: 25%;
  }
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn {
    width: 25%;
    margin-top: 0;
  }
  .footer__top .row .footer__btn > .cta, .footer__top .row .footer__btn > .wp-block-button__link, .footer__top .row .form .footer__btn > .gform_button, .form .footer__top .row .footer__btn > .gform_button {
    margin-right: 0 !important;
  }
  .footer__top .row .footer__btn .footer__networks {
    flex-direction: row;
    justify-content: flex-end;
    /* max-width: 170px; */
    margin: auto;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 7.5px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}
@media screen and (min-width: 1086px) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}
@media screen and (min-width: xl) {
  .footer__top .row .footer__contact {
    width: 41.6666666667%;
  }
  .footer__top .row .footer__btn .footer__networks {
    padding-right: 24px;
    padding-left: 24px;
  }
  .footer__top .row .footer__btn .footer__networks .networks {
    margin-left: 12px;
  }
}

.contrasted .footer .footer__bottom ul li a::after {
  display: none;
}
.contrasted .footer .footer__bottom ul li a:hover {
  color: var(--bg);
}
.contrasted .footer .footer__top .footer__networks .network img {
  filter: brightness(0) invert(1);
}
.contrasted .footer .footer__top a.cta:hover, .contrasted .footer .footer__top a.wp-block-button__link:hover, .contrasted .footer .footer__top .form a.gform_button:hover, .form .contrasted .footer .footer__top a.gform_button:hover {
  color: var(--accent2) !important;
}

.banner {
  position: relative;
  min-height: 260px;
  z-index: 0;
}
.banner > img {
  height: 260px;
  object-fit: cover;
}
.banner__frame {
  padding-top: 260px;
  margin-bottom: 25px;
}
.banner__wrapper {
  background: var(--bg);
  position: relative;
  z-index: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.banner__wrapper::before {
  background: var(--bg);
  left: -100vw;
  width: 300vw;
  right: -100vw;
  z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: xl) {
  .banner__wrapper::before {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .banner__wrapper::before {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .banner__wrapper::before {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .banner__wrapper::before {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .banner__wrapper::before {
    display: none;
  }
}
@media screen and (min-width: 1086px) {
  .banner__wrapper::before {
    display: none;
  }
}
@media screen and (min-width: xl) {
  .banner__wrapper::before {
    display: none;
  }
}
.banner__options {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.banner__options .option {
  font-family: "Quicksand";
  text-transform: uppercase;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1; /* Maintient le rapport d'aspect 1:1 */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.banner__options .option__content {
  text-align: center;
  font-size: clamp(20px, 7.5vw, 24px);
}
.banner__options .option__content > img {
  height: 60px;
  width: auto;
}
.banner__options .option__content p {
  margin-bottom: 10px;
  margin-top: 10px;
}
.banner__options .option__content strong {
  display: block;
}
@media screen and (min-width: sm) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: sm) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: 576px) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: sm) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: sm) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: sm) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: sm) {
  .banner__options .option {
    width: 47.5%;
    margin: auto;
    column-gap: 20px;
  }
  .banner__options .option__content {
    font-size: 16px;
  }
}
@media screen and (min-width: md) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
@media screen and (min-width: md) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
@media screen and (min-width: md) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
@media screen and (min-width: 768px) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
@media screen and (min-width: md) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
@media screen and (min-width: md) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
@media screen and (min-width: md) {
  .banner__options .option {
    width: 42.5%;
  }
  .banner__options .option__content {
    font-size: clamp(20px, 7.5vw, 24px);
  }
}
.banner__options .option--primary {
  background: var(--solid2);
  border: 1px solid var(--solid);
  color: white;
}
.banner__options .option--secondary {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: var(--component);
}
.banner::before {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: absolute;
  right: 50%;
  width: 100vw;
  height: 100%;
  top: 0;
  content: "";
  display: block;
  background: var(--solid);
  z-index: -1;
}
@media screen and (min-width: xl) {
  .banner::before {
    height: 260px;
  }
}
@media screen and (min-width: xl) {
  .banner::before {
    height: 260px;
  }
}
@media screen and (min-width: xl) {
  .banner::before {
    height: 260px;
  }
}
@media screen and (min-width: xl) {
  .banner::before {
    height: 260px;
  }
}
@media screen and (min-width: xl) {
  .banner::before {
    height: 260px;
  }
}
@media screen and (min-width: 1086px) {
  .banner::before {
    height: 260px;
  }
}
@media screen and (min-width: xl) {
  .banner::before {
    height: 260px;
  }
}
.banner__heading h1 {
  hyphens: auto;
}
@media screen and (min-width: lg) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 992px) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .banner__content .banner__heading {
    width: 91.6666666667%;
  }
  .banner__content .banner__options .option {
    width: 47.5%;
    padding: 20px;
  }
  .banner__content .banner__options .option__content {
    font-size: 1rem;
  }
  .banner__content .banner__options .option__content > img {
    height: 40px;
  }
  .banner.banner--options .banner__content .banner__heading {
    width: 58.3333333333%;
  }
  .banner.banner--options .banner__content .banner__options {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: xl) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
@media screen and (min-width: 1086px) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
@media screen and (min-width: xl) {
  .banner__frame {
    position: relative;
    padding-top: 150px;
    margin-bottom: 50px;
  }
  .banner__frame .banner__wrapper {
    padding-right: 40px;
    padding-left: 40px;
    background: var(--bg);
  }
}
.banner__slider .slick-slide {
  height: auto;
}

@media screen and (min-width: lg) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: lg) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: lg) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: lg) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: lg) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: lg) {
  .font-20 .banner__content .banner__options, .font-24 .banner__content .banner__options {
    position: relative;
    top: -5rem;
  }
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12rem;
  }
}
@media screen and (min-width: xxl) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}
@media screen and (min-width: xxl) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}
@media screen and (min-width: xxl) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}
@media screen and (min-width: xxl) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}
@media screen and (min-width: xxl) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}
@media screen and (min-width: xxl) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}
@media screen and (min-width: 1294px) {
  .font-20 .banner__content .option, .font-24 .banner__content .option {
    width: 12.5rem;
  }
}

.banner.banner--article {
  position: static;
}
.banner.banner--article::before {
  display: none;
}
.banner.banner--article .banner__frame {
  padding-top: 0;
  margin-bottom: 0;
}
.banner.banner--article .banner__breadcrumbs {
  margin: 0;
  padding: 20px 0;
  background-color: var(--bgAlt);
  box-shadow: 0 0 0 100vmax var(--bgAlt);
  clip-path: inset(0 -100vmax);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.banner.banner--article .banner__wrapper {
  padding-right: 0;
  padding-left: 0;
}
.banner.banner--article .banner__heading {
  background-color: var(--font);
  box-shadow: 0 0 0 100vmax var(--font);
  clip-path: inset(0 -100vmax);
  color: white;
  padding-top: 20px;
  padding-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.banner.banner--article .banner__heading h1 {
  font-weight: 600;
}
.banner.banner--article .banner__heading h1, .banner.banner--article .banner__heading p {
  margin: 10px 0;
  color: var(--bg);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.banner.banner--article .banner__heading .banner__cat {
  color: var(--solid2);
  font-weight: 600;
  text-transform: uppercase;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.banner.banner--article .banner__gallery {
  margin-top: -75px;
  position: relative;
  z-index: 1;
  padding: 0;
}
.banner.banner--article .banner__gallery figure img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: lg) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: 992px) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .banner.banner--article, .banner.banner--article .banner__wrapper, .banner.banner--article .banner__frame {
    position: static;
  }
  .banner.banner--article .banner__gallery {
    height: 100%;
    width: 50%;
    margin-left: 50%;
    position: absolute;
    left: 12px;
    max-width: calc(484px - 12px);
  }
  .banner.banner--article .banner__gallery .sticky {
    position: relative;
    height: 100%;
    max-width: 100%;
    top: 50px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    width: 50%;
  }
  .banner.banner--article .banner__inner .banner__slider {
    margin-top: 130px;
    position: sticky;
    top: 145px;
  }
  .banner.banner--article .banner__inner .banner__slider figure img {
    max-height: 750px;
  }
  .banner.banner--article .banner__inner .banner__heading {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: xl) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: xl) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: xl) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: xl) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: 1086px) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: xl) {
  .banner.banner--article .banner__gallery {
    max-width: 519px;
  }
}
@media screen and (min-width: xxl) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}
@media screen and (min-width: xxl) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}
@media screen and (min-width: xxl) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}
@media screen and (min-width: xxl) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}
@media screen and (min-width: xxl) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}
@media screen and (min-width: xxl) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}
@media screen and (min-width: 1294px) {
  .banner.banner--article .banner__gallery {
    max-width: 623px;
  }
}

.contrasted .banner__options .option--secondary img {
  filter: brightness(0);
}

@media screen and (min-width: md) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: md) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: md) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: md) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: md) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: md) {
  .container .row .sidebar {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: lg) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: lg) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: lg) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: lg) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: lg) {
  .container .row .sidebar {
    width: 25%;
  }
}
@media screen and (min-width: md) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: md) {
  .container .row .content {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .container .row .content {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .container .row .content {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .container .row .content {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .container .row .content {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .container .row .content {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .container .row .content {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .container .row .content {
    width: 75%;
  }
}
.container .row .content > .container {
  padding-right: 0;
  padding-left: 0;
}
.container .row .content + *, .container .row .content > * h2 {
  margin-top: 0 !important;
}
.container .row .content > *:first-child {
  margin-top: 0 !important;
}
.container .row .content > a, .container .row .content > p > a {
  text-decoration: underline;
}

.sidebar {
  position: relative;
}
.sidebar ul li::before {
  display: none;
}
.sidebar ul li a {
  text-decoration: none;
  font-weight: 400;
  color: var(--solid);
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
}
.sidebar > ul {
  margin: 0;
}
@media screen and (min-width: md) {
  .sidebar > ul {
    position: sticky;
  }
}
@media screen and (min-width: md) {
  .sidebar > ul {
    position: sticky;
  }
}
@media screen and (min-width: md) {
  .sidebar > ul {
    position: sticky;
  }
}
@media screen and (min-width: 768px) {
  .sidebar > ul {
    position: sticky;
  }
}
@media screen and (min-width: md) {
  .sidebar > ul {
    position: sticky;
  }
}
@media screen and (min-width: md) {
  .sidebar > ul {
    position: sticky;
  }
}
@media screen and (min-width: md) {
  .sidebar > ul {
    position: sticky;
  }
}
.sidebar > ul .menu-item {
  margin: 0;
}
.sidebar > ul .menu-item > a {
  padding: 13.5px 15px;
  display: block;
}
.sidebar > ul > .menu-item {
  margin-bottom: 30px;
  border: 1px solid var(--solid);
  background: var(--solid);
  position: relative;
}
.sidebar > ul > .menu-item > a {
  color: var(--bg);
  display: block;
  min-height: 55px;
  display: flex;
  align-items: center;
  width: calc(100% - 55px);
  position: relative;
}
.sidebar > ul > .menu-item > a::before {
  width: 56px;
  /* height: 100%; */
  background: var(--component);
  top: -1px;
  right: -56px;
  left: auto;
  border-right: 1px solid var(--font);
}
.sidebar > ul > .menu-item > .sub-menu {
  margin: 0;
  background: var(--bg);
  max-height: 0;
  overflow: hidden;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar > ul > .menu-item > .sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid var(--solid);
}
.sidebar > ul > .menu-item > .sub-menu > .menu-item:hover a, .sidebar > ul > .menu-item > .sub-menu > .menu-item.current-menu-item a {
  font-weight: 700;
}
.sidebar > ul > .menu-item > .sub-menu.is-active {
  max-height: 100vh;
  /* overflow: visible; */
}
.sidebar__dropdown {
  position: absolute;
  bottom: 0;
  top: -1px;
  right: -1px;
  height: 56px;
  width: 56px;
  z-index: 22;
  display: block;
  background: var(--component);
  cursor: pointer;
  border-top: 1px solid var(--font);
  border-right: 1px solid var(--font);
}
.sidebar__dropdown::before {
  height: 12px;
  width: 12px;
  background-image: url("../media/elements/sidebar-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: auto;
  transform: rotate(180deg);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar__dropdown:hover::before, .sidebar__dropdown.is-active::before {
  transform: rotate(0);
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99999;
  display: none;
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.overlay.overlay--toggle {
  display: block;
  opacity: 1;
}

#loader {
  position: fixed;
  z-index: 99999999999999;
  background: var(--bg);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -webkit-transition: all 0s;
  transition: all 0s;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader.is-hidden {
  opacity: 0;
  z-index: -111;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#loader .loader__content {
  display: none;
  flex-direction: column;
  align-items: center;
}
#loader .loader__content.is-active {
  display: flex;
}
#loader .loader__circle {
  width: 48px;
  height: 48px;
  border: 5px solid var(--solid);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#loader .loader__label {
  font-size: 20px;
  margin-top: 20px;
  font-weight: 300;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  color: var(--solid);
  letter-spacing: 1px;
}

#content {
  opacity: 0;
}

.txt-media__col {
  max-width: 100%;
}
.txt-media__col--txt {
  position: relative;
}
.txt-media__col--txt::after {
  background: var(--solid);
  width: 100vw;
  left: 12px;
  z-index: -1;
  display: none;
}
@media screen and (min-width: md) {
  .txt-media__col--txt::after {
    display: block;
  }
}
@media screen and (min-width: md) {
  .txt-media__col--txt::after {
    display: block;
  }
}
@media screen and (min-width: md) {
  .txt-media__col--txt::after {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .txt-media__col--txt::after {
    display: block;
  }
}
@media screen and (min-width: md) {
  .txt-media__col--txt::after {
    display: block;
  }
}
@media screen and (min-width: md) {
  .txt-media__col--txt::after {
    display: block;
  }
}
@media screen and (min-width: md) {
  .txt-media__col--txt::after {
    display: block;
  }
}
.txt-media__heading {
  position: relative;
  margin-bottom: 20px;
}
.txt-media__heading h2, .txt-media__heading .content .gallery__heading h2, .content .gallery__heading .txt-media__heading h2 {
  font-weight: 300;
  text-transform: uppercase;
  margin-right: 2rem;
  margin-top: 0;
}
@media screen and (min-width: sm) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
@media screen and (min-width: 576px) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
@media screen and (min-width: sm) {
  .txt-media__heading {
    margin-right: 10px;
  }
}
.txt-media__pagination {
  text-decoration: underline;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  bottom: 7.5px;
  right: 0;
  position: absolute;
}
.txt-media__gallery {
  position: relative;
}
.txt-media__gallery .txt-media__slide {
  position: relative;
}
.txt-media__gallery .txt-media__slide img {
  object-fit: contain;
  object-position: bottom right;
  width: 100%;
  aspect-ratio: 1;
}
@media screen and (min-width: sm) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: sm) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: 576px) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: sm) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: sm) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: sm) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: sm) {
  .txt-media__gallery .txt-media__slide img {
    aspect-ratio: auto;
    height: 300px;
    flex: 1;
  }
}
@media screen and (min-width: lg) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
@media screen and (min-width: lg) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
@media screen and (min-width: lg) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
@media screen and (min-width: lg) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
@media screen and (min-width: 992px) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
@media screen and (min-width: lg) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
@media screen and (min-width: lg) {
  .txt-media__gallery .txt-media__slide img {
    height: 400px;
  }
}
.txt-media__gallery .splide__arrows {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
}
.txt-media__gallery .splide__track::before {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: var(--bg);
}
.txt-media__description {
  background: var(--solid);
  padding: 30px 20px;
  position: relative;
  z-index: 0;
}
.txt-media__description .splide__slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* @include min-width(sm) {
      max-height: calc(100% - 60px);
  } */
}
.txt-media__description h3 {
  color: var(--bg);
  text-transform: uppercase;
  font-size: 1.125rem;
  margin-top: 0;
}
@media screen and (min-width: sm) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
@media screen and (min-width: sm) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
@media screen and (min-width: 576px) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
@media screen and (min-width: sm) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
@media screen and (min-width: sm) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
@media screen and (min-width: sm) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
@media screen and (min-width: sm) {
  .txt-media__description {
    max-height: 100%;
    /* overflow: auto; */
  }
}
.txt-media__description .txt-media__txt {
  color: var(--bg);
  margin-top: 10px;
  overflow-y: auto;
  max-height: 250px;
}
@media screen and (min-width: sm) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
@media screen and (min-width: sm) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
@media screen and (min-width: 576px) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
@media screen and (min-width: sm) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
@media screen and (min-width: sm) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
@media screen and (min-width: sm) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
@media screen and (min-width: sm) {
  .txt-media__description .txt-media__txt {
    max-height: none;
  }
}
.txt-media__description .txt-media__txt p {
  margin: 10px 0;
}
.txt-media__description .txt-media__txt > *:first-child {
  margin-top: 0 !important;
}
.txt-media__description .txt-media__txt blockquote {
  font-weight: 600;
  font-style: italic;
}
.txt-media:nth-child(even) .txt-media__col--txt::after {
  background: var(--font);
}
.txt-media:nth-child(even) .txt-media__gallery .splide__arrow--prev {
  background: var(--font);
}
.txt-media:nth-child(even) .txt-media__gallery .splide__arrow--next {
  background: var(--solid2);
}
.txt-media:nth-child(even) .txt-media__description {
  background: var(--font);
}

@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 576px) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  html:not(.font-24) .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  html:not(.font-24) .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  html:not(.font-24) .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  html:not(.font-24) .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  html:not(.font-24) .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  html:not(.font-24) .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  html:not(.font-24) .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  html:not(.font-24) .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html:not(.font-24) .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html:not(.font-24) .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html:not(.font-24) .txt-media .row > * {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row {
    margin: 0 !important;
  }
  html:not(.font-24) .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html:not(.font-24) .txt-media .row {
    align-items: flex-start;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    height: 100%;
  }
}
@media screen and (min-width: md) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: md) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: md) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: md) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: md) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: md) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 100%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 100%;
  }
}
@media screen and (min-width: lg) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: lg) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: lg) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: lg) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: 992px) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: lg) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: lg) {
  html:not(.font-24) .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html:not(.font-24) .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}

@media screen and (min-width: xl) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: 1086px) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: 1086px) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: 1086px) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: 1086px) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: 1086px) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: xl) and (min-width: 360px) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: mb) {
  html.font-24 .txt-media {
    max-width: 360px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: 420px) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: xs) {
  html.font-24 .txt-media {
    max-width: 420px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: 576px) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: sm) {
  html.font-24 .txt-media {
    max-width: 576px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: 768px) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: md) {
  html.font-24 .txt-media {
    max-width: 768px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: 992px) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: lg) {
  html.font-24 .txt-media {
    max-width: 992px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: 1086px) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xl) {
  html.font-24 .txt-media {
    max-width: 1086px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: xxl) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) and (min-width: 1294px) {
  html.font-24 .txt-media {
    max-width: 1294px;
  }
}
@media screen and (min-width: xl) {
  html.font-24 .txt-media .row {
    display: flex;
    flex-wrap: wrap;
  }
  html.font-24 .txt-media .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  html.font-24 .txt-media .row .container .row {
    margin: 0 -12px;
  }
  html.font-24 .txt-media .row > * {
    width: 100%;
  }
  html.font-24 .txt-media .row {
    margin: 0 !important;
  }
  html.font-24 .txt-media .row > * {
    padding-left: 0;
    padding-right: 0;
  }
  html.font-24 .txt-media .row {
    align-items: flex-start;
  }
  html.font-24 .txt-media .row .txt-media__col:first-child {
    width: 41.6666666667%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child {
    width: 58.3333333333%;
  }
  html.font-24 .txt-media .row .txt-media__col:last-child .txt-media__description {
    padding: 50px 0 50px 60px;
  }
}

.panel {
  position: relative;
  z-index: 0;
}
.panel::before {
  background: var(--solid);
  z-index: -1;
  left: 0;
  width: 200vw;
  right: -100vw;
  top: 100px;
}
.panel + .panel {
  margin-top: -25px;
}
@media screen and (min-width: lg) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
@media screen and (min-width: lg) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
@media screen and (min-width: lg) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
@media screen and (min-width: lg) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
@media screen and (min-width: lg) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
@media screen and (min-width: lg) {
  .panel {
    width: 83.3333333333%;
    margin-left: 0;
  }
}
.panel__list figcaption {
  color: var(--bg);
  padding: 0 20px;
  height: min-content;
  background: var(--solid);
  position: relative;
}
.panel__list figcaption::before {
  background: var(--solid);
  z-index: -1;
  left: 12px;
  width: 200vw;
  right: -100vw;
}
.panel__list .splide__track {
  overflow: visible;
}
.panel__gallery {
  position: relative;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* figure {
      max-height: 500px;
  } */
}
.panel__gallery img {
  max-width: 100%;
  width: auto;
  height: 100%;
  max-height: 400px;
}
.panel:nth-child(even)::before {
  background: var(--font);
}
.panel:nth-child(even) .panel__list figcaption {
  background: var(--font);
}
.panel:nth-child(even) .panel__list figcaption::before {
  background: var(--font);
}
@media screen and (min-width: lg) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}
@media screen and (min-width: lg) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}
@media screen and (min-width: lg) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}
@media screen and (min-width: lg) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}
@media screen and (min-width: 992px) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}
@media screen and (min-width: lg) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}
@media screen and (min-width: lg) {
  .panel .slick-prev {
    right: 0;
  }
  .panel .slick-next {
    right: -50px;
  }
}

.team__member {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px auto 1rem auto;
}
@media screen and (min-width: sm) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: sm) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 576px) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: sm) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: sm) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: sm) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: sm) {
  .team__member {
    margin-right: 0;
    margin-left: 0;
  }
}
.team__member figure {
  position: relative;
  margin-top: 25px;
}
.team__member figure::before {
  background: var(--font);
  width: 85%;
  height: 85%;
  left: -15%;
  top: -12.5%;
  right: 15%;
  bottom: 15%;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.team__member figure img {
  clip-path: polygon(100% 85%, 51% 100%, 0 85%, 0 0, 100% 0);
  display: block;
  height: 200px;
  width: auto;
  aspect-ratio: 160/200;
  object-fit: cover;
}
.team__member figcaption h3 {
  font-size: 1.125rem;
  color: var(--font);
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}
.team__member figcaption h3 + p {
  margin: 0;
  text-align: center;
}
.team__member:first-child figure::before {
  background: var(--accent);
}
.team .container .row .team__member {
  width: 100%;
}
@media screen and (min-width: sm) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: sm) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: 576px) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: sm) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: sm) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: sm) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: sm) {
  .team .container .row .team__member {
    width: 50%;
  }
}
@media screen and (min-width: lg) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: lg) {
  .team .container .row .team__member {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: xxl) {
  .team .container .row .team__member {
    width: 25%;
  }
}
@media screen and (min-width: xxl) {
  .team .container .row .team__member {
    width: 25%;
  }
}
@media screen and (min-width: xxl) {
  .team .container .row .team__member {
    width: 25%;
  }
}
@media screen and (min-width: xxl) {
  .team .container .row .team__member {
    width: 25%;
  }
}
@media screen and (min-width: xxl) {
  .team .container .row .team__member {
    width: 25%;
  }
}
@media screen and (min-width: xxl) {
  .team .container .row .team__member {
    width: 25%;
  }
}
@media screen and (min-width: 1294px) {
  .team .container .row .team__member {
    width: 25%;
  }
}

.gallery {
  cursor: pointer;
}
.gallery__heading {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
}
.gallery__heading h2, .content .gallery__heading h2 {
  margin-right: 40px;
  margin-bottom: 0;
}
.gallery__heading p {
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  margin: 0;
  text-align: right;
  margin-bottom: 0.4em !important;
  cursor: pointer;
}
.gallery__photos {
  margin-top: 20px;
  display: grid;
  grid-template-rows: repeat(2, minmax(1fr, 200px));
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
  row-gap: 12px;
}
.gallery__photos figure {
  height: 200px;
}
.gallery__photos figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gallery__photos figure:nth-child(1) {
  grid-row: 1;
  grid-column: span 2;
}
.gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
  grid-row: 2;
}
@media screen and (min-width: md) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: 768px) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .gallery__photos {
    grid-template-rows: repeat(2, 200px);
    grid-template-columns: 2fr 1fr;
  }
  .gallery__photos figure {
    height: auto;
  }
  .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .gallery__photos figure:nth-child(2), .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: lg) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: lg) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: lg) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: 992px) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: lg) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: lg) {
  .gallery {
    position: relative;
  }
  .gallery__heading {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    padding: 0 20px 20px 5px;
  }
  .gallery__photos {
    grid-template-rows: repeat(2, 250px);
  }
}
@media screen and (min-width: lg) {
  .gallery .gallery__heading {
    left: 0;
  }
}
@media screen and (min-width: lg) {
  .gallery .gallery__heading {
    left: 0;
  }
}
@media screen and (min-width: lg) {
  .gallery .gallery__heading {
    left: 0;
  }
}
@media screen and (min-width: lg) {
  .gallery .gallery__heading {
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .gallery .gallery__heading {
    left: 0;
  }
}
@media screen and (min-width: lg) {
  .gallery .gallery__heading {
    left: 0;
  }
}
@media screen and (min-width: lg) {
  .gallery .gallery__heading {
    left: 0;
  }
}

.content .gallery__heading h2 {
  font-weight: 300;
}
@media screen and (min-width: md) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: 768px) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: md) {
  .content .gallery__photos {
    grid-template-rows: repeat(2, 250px);
    grid-template-columns: 1fr 1fr;
  }
  .content .gallery__photos figure {
    height: 200px;
  }
  .content .gallery__photos figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-row: 1;
    grid-column: span 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-column: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: 992px) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: lg) {
  .content .gallery__heading {
    left: 0;
  }
  .content .gallery__photos {
    grid-template-columns: 2fr 1fr;
  }
  .content .gallery__photos figure {
    height: auto;
  }
  .content .gallery__photos figure:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .content .gallery__photos figure:nth-child(2), .content .gallery__photos figure:nth-child(3) {
    grid-column: 2;
  }
  .content .gallery__photos figure:nth-child(2) {
    grid-row: 1;
  }
  .content .gallery__photos figure:nth-child(3) {
    grid-row: 2;
  }
}

.gallery > .overlay .container {
  height: 100svh;
  max-width: 100%;
  margin: 0;
}
.gallery > .overlay .container .row {
  display: flex;
  flex-wrap: wrap;
}
.gallery > .overlay .container .row .row {
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.gallery > .overlay .container .row .container .row {
  margin: 0 -12px;
}
.gallery > .overlay .container .row > * {
  width: 100%;
}
.gallery > .overlay .container .row {
  margin: 0 -12px;
}
.gallery > .overlay .container .row > * {
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 576px) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 576px) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: 576px) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: sm) and (min-width: 360px) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: mb) {
  .gallery > .overlay .container {
    max-width: 360px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: 420px) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: xs) {
  .gallery > .overlay .container {
    max-width: 420px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: 576px) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: sm) {
  .gallery > .overlay .container {
    max-width: 576px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: 768px) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: md) {
  .gallery > .overlay .container {
    max-width: 768px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: 992px) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: lg) {
  .gallery > .overlay .container {
    max-width: 992px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: 1086px) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xl) {
  .gallery > .overlay .container {
    max-width: 1086px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: xxl) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) and (min-width: 1294px) {
  .gallery > .overlay .container {
    max-width: 1294px;
  }
}
@media screen and (min-width: sm) {
  .gallery > .overlay .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .overlay .container .row .row {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .gallery > .overlay .container .row .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    width: 100%;
  }
  .gallery > .overlay .container .row {
    margin: 0 -12px;
  }
  .gallery > .overlay .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.gallery > .overlay .container .row {
  height: 100%;
  position: relative;
}
.gallery > .overlay .container .row > * {
  padding: 0;
}
.gallery__close {
  position: fixed;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  background: var(--component);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform-origin: top right;
}
.gallery__close::before, .gallery__close::after {
  background: white;
  opacity: 0.75;
  content: "";
  display: block;
  left: auto;
  height: 2px;
  width: 20px;
}
.gallery__close::before {
  transform: rotate(45deg);
  position: relative;
  left: 10px;
}
.gallery__close::after {
  transform: rotate(-45deg);
  position: relative;
  right: 10px;
}
.gallery__close:hover {
  transform: scale(1.2);
}
.gallery__slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.gallery__imgs {
  display: flex !important;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: calc(80svh - 50px);
  margin-top: 50px;
}
.gallery__imgs .slick-list {
  max-height: 100%;
}
.gallery__imgs figure {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  max-width: 100%;
}
@media screen and (min-width: xs) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
@media screen and (min-width: 420px) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs figure {
    padding: 0 6px;
  }
}
.gallery__imgs figure img {
  margin: auto;
  position: relative;
}
@media screen and (min-width: xs) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 420px) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__imgs {
    width: 91.6666666667%;
  }
}
.gallery__imgs .slick-arrow {
  background: none;
  top: calc(50% + 5px);
  bottom: auto;
}
.gallery__imgs .slick-arrow::before {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-position: center;
  margin: auto;
  opacity: 0.75;
  filter: none !important;
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
@media screen and (min-width: 992px) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow::before {
    height: 30px;
    width: 30px;
  }
}
.gallery__imgs .slick-arrow.slick-next {
  right: 10px;
  transform: translateY(-50%);
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
@media screen and (min-width: 992px) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-next {
    right: 20px;
  }
}
.gallery__imgs .slick-arrow.slick-prev {
  left: 10px;
  right: auto;
  transform: translateY(-50%);
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: 992px) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: lg) {
  .gallery__imgs .slick-arrow.slick-prev {
    left: 20px;
  }
}
.gallery__nav {
  max-width: 100%;
  width: 100%;
  margin: 20px 0;
}
.gallery__nav figure {
  max-width: 100%;
  padding: 0 6px;
  height: 80px;
  cursor: pointer;
}
.gallery__nav figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: xs) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 420px) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: xs) {
  .gallery__nav {
    width: 91.6666666667%;
  }
}

.intro__photo {
  width: 100%;
}
.intro__photo figure {
  position: relative;
  margin: auto;
  margin-top: 50px;
  aspect-ratio: 200/240;
  max-width: 200px;
  width: auto;
  left: 5%;
}
.intro__photo figure::before {
  background: var(--accent);
  left: -10%;
  top: -7.5%;
  bottom: 22.5%;
  width: 85%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intro__photo figure img {
  clip-path: polygon(100% 85%, 51% 100%, 0 85%, 0 0, 100% 0);
  display: block;
  margin: auto;
  height: 100%;
  width: 100%;
}
.intro__content {
  width: 100%;
  margin-top: 0px;
  position: relative;
}
.intro__content::before {
  content: "";
  display: block;
  background-image: url("../media/elements/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 30px;
  position: absolute;
  top: -30px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intro__content h2, .intro__content .content .gallery__heading h2, .content .gallery__heading .intro__content h2 {
  font-size: clamp(1.25rem, 7vw, 1.313rem);
  display: block;
  margin-top: 15px;
  max-width: 280px;
  margin-bottom: 0;
}
.intro__content .intro__txt p:first-child {
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--solid);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intro__content .intro__txt p {
  margin: 0.75em 0;
}
@media screen and (min-width: sm) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: sm) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 576px) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: sm) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: sm) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: sm) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: sm) {
  .intro .row .intro__photo {
    width: 33.3333333333%;
    position: relative;
  }
  .intro .row .intro__photo figure {
    position: sticky;
    top: 20px;
  }
  .intro .row .intro__content {
    width: 66.6666666667%;
    margin-top: 85px;
    padding-left: 20px;
  }
}
@media screen and (min-width: md) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: md) {
  .intro .row .intro__content {
    margin-top: 110px;
  }
  .intro .row .intro__content::before {
    width: 90px;
    height: 55px;
    top: -55px;
    left: 25px;
  }
  .intro .row .intro__content h2 {
    font-size: clamp(1.5rem, 8.5vw, 1.875rem);
    max-width: none;
  }
}
@media screen and (min-width: lg) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}
@media screen and (min-width: 992px) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}
@media screen and (min-width: lg) {
  .intro .row .intro__photo figure {
    max-width: 85%;
  }
  .intro .row .intro__content {
    padding-left: 5%;
  }
  .intro .row .intro__content::before {
    left: calc(5% + 25px);
  }
  .intro .row .intro__content .intro__txt {
    padding-left: 50px;
  }
}

.contrasted .intro .intro__content::before {
  filter: brightness(0) invert(1);
}

.headlines {
  position: relative;
  z-index: 0;
}
.headlines::before {
  background: var(--solid);
  display: none;
  width: 200vw;
  z-index: -1;
  right: auto;
  left: calc(50% - 12px - 50px);
  top: 1px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: xl) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
@media screen and (min-width: xl) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
@media screen and (min-width: xl) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
@media screen and (min-width: xl) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
@media screen and (min-width: xl) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
@media screen and (min-width: 1086px) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
@media screen and (min-width: xl) {
  .headlines::before {
    left: calc(33.3333333333% - 12px);
  }
}
.headlines__gallery {
  position: relative;
  z-index: 1;
}
.headlines__gallery figure {
  aspect-ratio: 750/490;
}
.headlines__gallery figure img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.headlines__content {
  background-color: var(--solid);
  box-shadow: 0 0 0 100vmax var(--solid);
  clip-path: inset(0 -100vmax);
  color: var(--bg);
  padding: 100px 0 50px;
  margin-top: -70px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headlines__content .headlines__cat {
  color: var(--accent2);
  font-weight: 600;
  text-transform: uppercase;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.headlines__content h3 {
  margin: 0;
  color: var(--bg);
  font-weight: 600;
  font-size: clamp(1.875rem, 10vw, 2.5rem);
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (min-width: md) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: md) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: md) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: 768px) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: md) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: md) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: md) {
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-next {
    right: 8.3333333333%;
  }
  .headlines .slick-arrow.slick-prev {
    right: calc(50px + 8.3333333333%);
  }
}
@media screen and (min-width: lg) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: lg) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: lg) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: lg) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: 992px) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: lg) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: lg) {
  .headlines::before {
    display: block;
  }
  .headlines .headlines__slider, .headlines .headlines__heading {
    padding-right: 0;
  }
  .headlines .slick-arrow.slick-next {
    right: 0;
  }
  .headlines .slick-arrow.slick-prev {
    right: 50px;
  }
  .headlines .row .headlines__gallery {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .headlines .row .headlines__gallery figure {
    aspect-ratio: auto;
  }
  .headlines .row .headlines__gallery figure img {
    max-height: 650px;
  }
  .headlines .row .headlines__heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    max-width: 100%;
    align-self: flex-start;
  }
  .headlines .row .headlines__heading h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .headlines .row .headlines__content {
    width: 50%;
    background-color: var(--solid);
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0 30px 50px 30px;
    height: 100%;
  }
}
@media screen and (min-width: xl) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}
@media screen and (min-width: xl) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}
@media screen and (min-width: xl) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}
@media screen and (min-width: xl) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}
@media screen and (min-width: xl) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}
@media screen and (min-width: 1086px) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}
@media screen and (min-width: xl) {
  .headlines .row .slick-arrow.slick-next {
    right: -50px;
  }
  .headlines .row .slick-arrow.slick-prev {
    right: 0;
  }
  .headlines .row .headlines__gallery {
    width: 58.3333333333%;
  }
  .headlines .row .headlines__content {
    width: 41.6666666667%;
  }
  .headlines .row .headlines__content .headlines__slider {
    padding: 0px 60px 50px 60px;
  }
}

.contrasted .headlines .cta, .contrasted .headlines .wp-block-button__link, .contrasted .headlines .form .gform_button, .form .contrasted .headlines .gform_button {
  background: var(--accent2);
  border: 1px solid var(--accent2);
  color: var(--font);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contrasted .headlines .cta:hover, .contrasted .headlines .wp-block-button__link:hover, .contrasted .headlines .form .gform_button:hover, .form .contrasted .headlines .gform_button:hover {
  background: var(--font);
  color: var(--bg);
}

.hero {
  height: 100vh;
  max-height: 500px;
}
@media screen and (min-width: md) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: 768px) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero {
    height: 90vh;
    max-height: none;
  }
}
.hero__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  max-height: 500px;
  overflow: hidden;
  background: #141414;
}
@media screen and (min-width: md) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: 768px) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
@media screen and (min-width: md) {
  .hero__bg {
    height: 90vh;
    max-height: none;
  }
}
.hero__bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 200svh;
  min-height: calc(100svh + 30%);
  clip-path: polygon(0 15%, 100% 15%, 100% 85%, 0 85%);
  aspect-ratio: 1580/740;
}
.hero .see-more {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border-radius: 100%;
  position: absolute;
  bottom: 40px;
  right: 20px;
  height: 85px;
  width: 85px;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hero .see-more::after {
  content: "";
  height: 14px;
  width: 14px;
  display: block;
  background-image: url("../media//elements/icons/icon-external-link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 7.5px;
}

.access {
  margin-top: -45px;
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
  max-width: 800px;
}
.access__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  flex: auto;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.access__item .access__icon {
  height: 80px;
  width: 80px;
  background-color: var(--font);
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.access__item .access__icon img {
  height: 50px;
  width: 50px;
  object-fit: contain;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.access__item .access__label {
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  margin-top: 10px;
  max-width: 7.5rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.access__item:hover {
  transform: translateY(-10px);
}
.access__item:hover .access__icon {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: xs) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: 420px) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: xs) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: xs) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: xs) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: xs) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: xs) {
  .access .row .access__item {
    width: 50%;
  }
}
@media screen and (min-width: md) {
  .access .row .access__item {
    width: 25%;
  }
}
@media screen and (min-width: md) {
  .access .row .access__item {
    width: 25%;
  }
}
@media screen and (min-width: md) {
  .access .row .access__item {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .access .row .access__item {
    width: 25%;
  }
}
@media screen and (min-width: md) {
  .access .row .access__item {
    width: 25%;
  }
}
@media screen and (min-width: md) {
  .access .row .access__item {
    width: 25%;
  }
}
@media screen and (min-width: md) {
  .access .row .access__item {
    width: 25%;
  }
}

.contrasted .access__icon img {
  filter: brightness(0);
}

.infos__col {
  /* height: 100%; */
}
.infos__col:first-child .infos__single {
  background-color: var(--component);
  box-shadow: 0 0 0 100vmax var(--component);
  clip-path: inset(0 -100vmax);
  padding: 40px 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.infos__col:first-child .infos__single::before {
  height: 1px;
  width: 200vw;
  left: -100vw;
  right: -100vw;
  top: 0;
  bottom: auto;
  background: var(--font);
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.infos__col:first-child .infos__single article {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 205px;
  margin: auto;
}
.infos__col:first-child .infos__single article figure img {
  display: block;
  object-fit: contain;
  /* height: 100%; */
  width: auto;
}
.infos__col:first-child .infos__single article .single__date {
  color: white;
  margin: 0;
  margin-top: 20px;
}
.infos__col:first-child .infos__single article figcaption {
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  text-align: center;
  margin-top: 10px;
}
.infos__col:first-child .infos__single article .cta-row {
  margin-top: -22.5px;
}
.infos__col:first-child .infos__single article .cta-row .cta--icon {
  height: 45px;
  width: 45px;
}
.infos__col:first-child .infos__single article .cta-row .cta--icon::before {
  height: 15px;
  width: 15px;
}
.infos__col:first-child .infos__single article .cta-row .cta--read {
  border: 1px solid white;
}
.infos__col:first-child .infos__heading h2 {
  margin-top: 0;
}
.infos__col:last-child .infos__slider {
  background-color: var(--solid);
  box-shadow: 0 0 0 100vmax var(--solid);
  clip-path: inset(0 -100vmax);
  padding: 20px 0 40px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 992px) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider {
    padding-bottom: 70px;
  }
}
.infos__col:last-child .infos__slider .infos__diapo {
  max-width: 100%;
  position: relative;
}
.infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
  height: 300px;
  position: relative;
  margin: 20px 0;
}
.infos__col:last-child .infos__slider .infos__diapo .infos__item {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: 35px;
  left: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item {
    width: 75%;
  }
}
.infos__col:last-child .infos__slider .infos__diapo .infos__item img {
  display: block;
  margin: auto;
  max-width: 200px;
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
@media screen and (min-width: 1294px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item img {
    max-width: 270px;
  }
}
.infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
  z-index: 333;
}
@media screen and (min-width: md) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: md) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: md) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: 768px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: md) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: md) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: md) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 10%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: 992px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
@media screen and (min-width: 1294px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.main-pos {
    margin-left: 8.5%;
  }
}
.infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
  opacity: 0;
}
@media screen and (min-width: sm) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: sm) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: 576px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: sm) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: sm) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: sm) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: sm) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    opacity: 1;
    margin-left: -30%;
    transform: scale(0.85);
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: 992px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: lg) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -7.5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
@media screen and (min-width: xxl) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
@media screen and (min-width: 1294px) {
  .infos__col:last-child .infos__slider .infos__diapo .infos__item.left-pos {
    margin-left: -5%;
  }
}
.infos__col:last-child .infos__slider .infos__diapo .infos__item.back-pos {
  opacity: 0;
}
.infos__col:last-child .infos__slider .infos__content {
  min-height: 200px;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.infos__col:last-child .infos__slider .infos__content article {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 100%;
  left: 0;
  right: 0;
}
.infos__col:last-child .infos__slider .infos__content article.is-active {
  opacity: 1;
  visibility: visible;
}
.infos__col:last-child .infos__slider .infos__content article > * {
  color: var(--bg);
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.infos__col:last-child .infos__slider .infos__content article .infos__date {
  font-family: "Quicksand", "Work Sans", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
}
.infos__col:last-child .infos__slider .infos__content article h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5625rem;
  margin-top: 10px;
}
.infos__col:last-child .infos__slider .infos__content article .infos__data {
  position: relative;
  margin-top: 30px;
}
.infos__col:last-child .infos__slider .infos__content article .infos__data::before {
  height: 1px;
  background: var(--bg);
  top: -15px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.infos__col:last-child .infos__slider .infos__content article .cta-row {
  margin-top: 20px;
}
.infos__col:last-child .infos__slider .infos__content article .cta-row a:hover {
  border: 1px solid white;
}
@media screen and (min-width: md) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: md) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: md) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: 768px) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: md) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: md) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: md) {
  .infos .row {
    flex-direction: row-reverse;
  }
  .infos .row .infos__col {
    position: relative;
    z-index: 0;
  }
  .infos .row .infos__col > * {
    box-shadow: none;
  }
  .infos .row .infos__col:first-child {
    width: 41.6666666667%;
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .infos .row .infos__col:first-child .infos__single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child .infos__single::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    right: 0;
    z-index: -1;
    background: var(--component);
    width: auto;
    height: auto;
    border-top: 1px solid var(--font);
    border-bottom: 1px solid var(--font);
  }
  .infos .row .infos__col:first-child::before {
    display: none;
  }
  .infos .row .infos__col:first-child .infos__heading {
    position: relative;
    z-index: 0;
    padding: 10px 0 10px 10px;
  }
  .infos .row .infos__col:first-child .infos__heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-12px / 2);
    width: 100vw;
    background: var(--bg);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .infos .row .infos__col:last-child {
    width: 58.3333333333%;
  }
  .infos .row .infos__col:last-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(-12px / 2);
    width: 100vw;
    background: var(--solid);
    z-index: -1;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}
@media screen and (min-width: lg) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: lg) {
  .infos .row .infos__col:last-child {
    width: 66.6666666667%;
  }
  .infos .row .infos__col:last-child .infos__slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__diapo .diapo__inner {
    min-height: 100%;
    height: auto;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .infos .row .infos__col:last-child .infos__slider .infos__content article .infos__data::before {
    width: 170px;
  }
  .infos .row .infos__col:first-child {
    width: 33.3333333333%;
  }
  .infos .row .infos__col:first-child .infos__heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: xl) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: xl) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: xl) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: xl) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: xl) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1086px) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: xl) {
  .infos .row .infos__col:first-child .infos__heading {
    padding-left: 20px;
  }
}

.listing__heading {
  margin-bottom: 30px;
}
.listing__heading h2, .listing__heading .content .gallery__heading h2, .content .gallery__heading .listing__heading h2 {
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0;
  color: var(--solid);
}

main .listing:nth-child(even) .listing__heading h2 {
  color: var(--font);
}
main .listing:nth-child(even) .file__inner::before {
  border-color: var(--component);
}
main .listing:nth-child(even) .file__inner::after {
  background: var(--component);
}
main .listing:nth-child(even) .file__inner .cta--read {
  border-color: white;
}
main .listing:nth-child(even) .file__inner figcaption h3, main .listing:nth-child(even) .file__inner figcaption span {
  color: var(--component);
}

.form {
  position: relative;
}
.form .form__img {
  display: none;
}
@media screen and (min-width: lg) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: lg) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: lg) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: lg) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: 992px) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: lg) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
@media screen and (min-width: lg) {
  .form .form__img {
    display: block;
    width: 33.3333333333%;
    padding-right: 24px;
    position: absolute;
    top: 0;
    bottom: 70px;
    z-index: 10;
  }
  .form .form__img figure {
    height: 100%;
  }
  .form .form__img figure img {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}
.form .form__wrapper .gform_heading {
  display: none;
}
.form .form__wrapper .gform_validation_errors {
  margin: 10px 0 40px 0;
}
.form .form__wrapper .gform_submission_error {
  margin: 0;
  color: var(--error);
  font-weight: 500;
  font-size: clamp(1.25rem, 7vw, 1.313rem);
}
@media screen and (min-width: lg) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 992px) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: lg) {
  .form .form__wrapper {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
  }
}
.form__contact {
  background-color: var(--solid);
  box-shadow: 0 0 0 100vmax var(--solid);
  clip-path: inset(0 -100vmax);
  margin-bottom: -76px;
  margin-top: 50px;
  padding: 30px 0;
  /* @include min-width(md) {
      @include grid-col(10);
      @include offset-col(1);
  } */
}
.form__contact h3 {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
}
.form__contact h3, .form__contact ul, .form__contact ul > li, .form__contact p, .form__contact a {
  color: var(--bg);
}
.form__contact p {
  margin: 0 !important;
}
.form__contact .form__coord {
  margin-bottom: 30px;
}
.form__contact .form__coord:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: sm) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: sm) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: 576px) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: sm) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: sm) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: sm) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: sm) {
  .form__contact {
    columns: 2;
  }
}
@media screen and (min-width: lg) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 992px) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: lg) {
  .form__contact {
    margin-left: 33.3333333333%;
    width: 66.6666666667%;
    padding-bottom: 150px;
  }
}

.single {
  margin-top: 40px;
}
@media screen and (min-width: lg) {
  .single {
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .single {
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .single {
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .single {
    padding-right: 12px;
  }
}
@media screen and (min-width: 992px) {
  .single {
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .single {
    padding-right: 12px;
  }
}
@media screen and (min-width: lg) {
  .single {
    padding-right: 12px;
  }
}
.single__update {
  color: var(--solid);
  margin-top: 60px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.single__update::before {
  content: "";
  display: block;
  height: 1px;
  background: var(--solid);
  width: 100%;
  max-width: 70px;
  position: relative;
  top: -10px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: lg) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (min-width: lg) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (min-width: lg) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (min-width: lg) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (min-width: lg) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}
@media screen and (min-width: lg) {
  .single {
    margin-top: 0;
    width: 50%;
  }
}

.see-more__heading {
  margin-bottom: 20px;
}
.see-more__heading h2, .see-more__heading .content .gallery__heading h2, .content .gallery__heading .see-more__heading h2 {
  text-transform: uppercase;
  font-weight: 300;
}

.article {
  position: relative;
}

.error404 {
  background-color: var(--bgAlt);
  box-shadow: 0 0 0 100vmax var(--bgAlt);
  clip-path: inset(0 -100vmax);
  margin-bottom: -50px;
  padding: 75px 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.error404 figure img {
  max-width: 710px;
  display: block;
  margin: auto;
}
.error404 figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error404 h1 {
  text-transform: none;
  color: var(--solid);
  text-align: center;
  margin-top: 30px;
}
.error404 h1 span {
  font-weight: 600;
}
@media screen and (min-width: md) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: md) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: md) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: md) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: md) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: md) {
  .error404 h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.contrasted .error404 figure img {
  filter: brightness(0) invert(1);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*# sourceMappingURL=style.css.map */