/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
@font-face
{
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root
{
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */;
}

:host
{
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

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

.swiper-vertical > .swiper-wrapper
{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper
{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

.swiper-horizontal
{
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical
{
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide
{
  height: auto;
}

.swiper-autoheight .swiper-wrapper
{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide
{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper
{
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper
{
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d
{
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow
{
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper
{
  overflow: auto;
  scrollbar-width: none;
 /* For Firefox */
  -ms-overflow-style: none;
 /* For Internet Explorer and Edge */;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar
{
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide
{
  scroll-snap-align: start start;
}

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper
{
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide
{
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before
{
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide
{
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child
{
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before
{
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child
{
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before
{
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow
{
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left
{
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right
{
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top
{
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom
{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader
{
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader
{
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white
{
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black
{
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Slide styles end */
@font-face
{
  font-family: "MersadBlack";
  src: url("../fonts/Mersad-Black.woff2") format("woff2"), url("../fonts/Mersad-Black.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadBold";
  src: url("../fonts/Mersad-Bold.woff2") format("woff2"), url("../fonts/Mersad-Bold.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadExtBd";
  src: url("../fonts/Mersad-ExtraBold.woff2") format("woff2"), url("../fonts/Mersad-ExtraBold.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadExtLt";
  src: url("../fonts/Mersad-ExtraLight.woff2") format("woff2"), url("../fonts/Mersad-ExtraLight.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadLight";
  src: url("../fonts/Mersad-Light.woff2") format("woff2"), url("../fonts/Mersad-Light.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadMed";
  src: url("../fonts/Mersad-Medium.woff2") format("woff2"), url("../fonts/Mersad-Medium.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "Mersad";
  src: url("../fonts/Mersad-Regular.woff2") format("woff2"), url("../fonts/Mersad-Regular.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadSemBd";
  src: url("../fonts/Mersad-SemiBold.woff2") format("woff2"), url("../fonts/Mersad-SemiBold.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "MersadThin";
  src: url("../fonts/Mersad-Thin.woff2") format("woff2"), url("../fonts/Mersad-Thin.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "Altro Grotesk";
  src: url("../fonts/Altro-Grotesk-Regular.woff2") format("woff2"), url("../fonts/Altro-Grotesk-Regular.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face
{
  font-family: "Altro Grotesk Bold";
  src: url("../fonts/Altro-Grotesk-Bold.woff2") format("woff2"), url("../fonts/Altro-Grotesk-Bold.otf") format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

*
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus,
*:active
{
  outline: 0;
}

html
{
  min-height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 5.625rem;
  width: 100%;
}

body
{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
  -webkit-text-size-adjust: 100%;
  font-family: "MersadBlack";
  font-size: 1rem;
  line-height: 1.25;
  overflow-x: hidden;
  min-height: 100%;
  width: 100%;
}

[unselectable]
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a
{
  color: #000000;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

a:hover
{
  text-decoration: underline;
}

img, media, svg
{
  display: block;
  height: auto;
  max-width: 100%;
}

img.svg-symbols, media.svg-symbols, svg.svg-symbols
{
  display: none;
}

ul, ol
{
  margin: 0;
}

/* Chrome autocomplete form fix */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
  -webkit-box-shadow: 0 0 0 30px white inset;
}

.button
{
  -webkit-appearance: none;
  -webkit-user-select: none;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  padding: 0;
  border: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.6875rem 1.6875rem 0.6875rem 2rem;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.button.button--blue, .button.button--orange
{
  border: 0;
  position: relative;
  text-transform: none;
}

.button.button--blue p, .button.button--orange p
{
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

.button.button--blue:after, .button.button--orange:after
{
  content: "";
  height: 100%;
  position: absolute;
  right: -13px;
  top: 0;
  -webkit-transition: width 0.275s ease-in-out;
  -o-transition: width 0.275s ease-in-out;
  transition: width 0.275s ease-in-out;
  width: 13px;
}

.button.button--blue:hover:after, .button.button--orange:hover:after
{
  width: calc(100% + 13px);
}

.button.button--blue
{
  background-color: #34ACE3;
}

.button.button--blue:after
{
  background-color: #0064AC;
}

.button.button--orange
{
  background-color: #F8A81A;
}

.button.button--orange:after
{
  background-color: #F28B00;
}

@media (min-width: 64em)
{
  .button:hover
  {
    text-decoration: none;
  }
}

.h-hide
{
  display: none !important;
  visibility: hidden;
}

.h-visually-hidden
{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.h-noscroll
{
  overflow: hidden;
}

.h-opacity-zero
{
  opacity: 0;
}

.h-desktop
{
  display: none;
}

@media (min-width: 64em)
{
  .h-desktop
  {
    display: block;
  }
}

@media (min-width: 64em)
{
  .h-mobile
  {
    display: none;
  }
}

.animate-top,
.animate-bottom,
.animate-stagger-item
{
  will-change: opacity, transform;
}

.animate-fade
{
  will-change: opacity;
}

.animate-left,
.animate-right
{
  will-change: opacity, transform;
}

.first-view
{
  visibility: hidden;
}

.animate-stagger-item
{
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

h1
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 1.875rem;
  letter-spacing: 0px;
  text-transform: uppercase;
}

@media (min-width: 48em)
{
  h1
  {
    font-size: 4.375rem;
    line-height: 4.8125rem;
    letter-spacing: 0px;
  }
}

h2
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-size: 1.5625rem;
  font-weight: 900;
  line-height: 1.875rem;
  letter-spacing: 0px;
  text-transform: uppercase;
}

@media (min-width: 48em)
{
  h2
  {
    font-size: 1.875rem;
    line-height: 115%;
    letter-spacing: 0px;
  }
}

h3
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.875rem;
  letter-spacing: 0px;
  text-transform: uppercase;
}

@media (min-width: 48em)
{
  h3
  {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }
}

h4
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: 0px;
}

@media (min-width: 48em)
{
  h4
  {
    font-size: 2.375rem;
    line-height: 2.96875rem;
    letter-spacing: 0px;
  }
}

h6
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
}

@media (min-width: 48em)
{
  h6
  {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }
}

p
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0px;
}

@media (min-width: 48em)
{
  p
  {
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 0px;
  }
}

p.small
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

p.square--white, h1.square--white, h2.square--white, h3.square--white, h4.square--white, h6.square--white
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--white:before, h1.square--white:before, h2.square--white:before, h3.square--white:before, h4.square--white:before, h6.square--white:before
{
  background-color: #FFFFFF;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--white.small:before, h1.square--white.small:before, h2.square--white.small:before, h3.square--white.small:before, h4.square--white.small:before, h6.square--white.small:before
{
  top: -5px;
}

p.square--white.label, h1.square--white.label, h2.square--white.label, h3.square--white.label, h4.square--white.label, h6.square--white.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--white.credit, h1.square--white.credit, h2.square--white.credit, h3.square--white.credit, h4.square--white.credit, h6.square--white.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--gray-light, h1.square--gray-light, h2.square--gray-light, h3.square--gray-light, h4.square--gray-light, h6.square--gray-light
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--gray-light:before, h1.square--gray-light:before, h2.square--gray-light:before, h3.square--gray-light:before, h4.square--gray-light:before, h6.square--gray-light:before
{
  background-color: #E7E6E6;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--gray-light.small:before, h1.square--gray-light.small:before, h2.square--gray-light.small:before, h3.square--gray-light.small:before, h4.square--gray-light.small:before, h6.square--gray-light.small:before
{
  top: -5px;
}

p.square--gray-light.label, h1.square--gray-light.label, h2.square--gray-light.label, h3.square--gray-light.label, h4.square--gray-light.label, h6.square--gray-light.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--gray-light.credit, h1.square--gray-light.credit, h2.square--gray-light.credit, h3.square--gray-light.credit, h4.square--gray-light.credit, h6.square--gray-light.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--gray, h1.square--gray, h2.square--gray, h3.square--gray, h4.square--gray, h6.square--gray
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--gray:before, h1.square--gray:before, h2.square--gray:before, h3.square--gray:before, h4.square--gray:before, h6.square--gray:before
{
  background-color: #CDCCCC;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--gray.small:before, h1.square--gray.small:before, h2.square--gray.small:before, h3.square--gray.small:before, h4.square--gray.small:before, h6.square--gray.small:before
{
  top: -5px;
}

p.square--gray.label, h1.square--gray.label, h2.square--gray.label, h3.square--gray.label, h4.square--gray.label, h6.square--gray.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--gray.credit, h1.square--gray.credit, h2.square--gray.credit, h3.square--gray.credit, h4.square--gray.credit, h6.square--gray.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--gray-dark, h1.square--gray-dark, h2.square--gray-dark, h3.square--gray-dark, h4.square--gray-dark, h6.square--gray-dark
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--gray-dark:before, h1.square--gray-dark:before, h2.square--gray-dark:before, h3.square--gray-dark:before, h4.square--gray-dark:before, h6.square--gray-dark:before
{
  background-color: #B6B6B5;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--gray-dark.small:before, h1.square--gray-dark.small:before, h2.square--gray-dark.small:before, h3.square--gray-dark.small:before, h4.square--gray-dark.small:before, h6.square--gray-dark.small:before
{
  top: -5px;
}

p.square--gray-dark.label, h1.square--gray-dark.label, h2.square--gray-dark.label, h3.square--gray-dark.label, h4.square--gray-dark.label, h6.square--gray-dark.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--gray-dark.credit, h1.square--gray-dark.credit, h2.square--gray-dark.credit, h3.square--gray-dark.credit, h4.square--gray-dark.credit, h6.square--gray-dark.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--black, h1.square--black, h2.square--black, h3.square--black, h4.square--black, h6.square--black
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--black:before, h1.square--black:before, h2.square--black:before, h3.square--black:before, h4.square--black:before, h6.square--black:before
{
  background-color: #000000;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--black.small:before, h1.square--black.small:before, h2.square--black.small:before, h3.square--black.small:before, h4.square--black.small:before, h6.square--black.small:before
{
  top: -5px;
}

p.square--black.label, h1.square--black.label, h2.square--black.label, h3.square--black.label, h4.square--black.label, h6.square--black.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--black.credit, h1.square--black.credit, h2.square--black.credit, h3.square--black.credit, h4.square--black.credit, h6.square--black.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--orange-dark, h1.square--orange-dark, h2.square--orange-dark, h3.square--orange-dark, h4.square--orange-dark, h6.square--orange-dark
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--orange-dark:before, h1.square--orange-dark:before, h2.square--orange-dark:before, h3.square--orange-dark:before, h4.square--orange-dark:before, h6.square--orange-dark:before
{
  background-color: #F28B00;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--orange-dark.small:before, h1.square--orange-dark.small:before, h2.square--orange-dark.small:before, h3.square--orange-dark.small:before, h4.square--orange-dark.small:before, h6.square--orange-dark.small:before
{
  top: -5px;
}

p.square--orange-dark.label, h1.square--orange-dark.label, h2.square--orange-dark.label, h3.square--orange-dark.label, h4.square--orange-dark.label, h6.square--orange-dark.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--orange-dark.credit, h1.square--orange-dark.credit, h2.square--orange-dark.credit, h3.square--orange-dark.credit, h4.square--orange-dark.credit, h6.square--orange-dark.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--orange, h1.square--orange, h2.square--orange, h3.square--orange, h4.square--orange, h6.square--orange
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--orange:before, h1.square--orange:before, h2.square--orange:before, h3.square--orange:before, h4.square--orange:before, h6.square--orange:before
{
  background-color: #F8A81A;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--orange.small:before, h1.square--orange.small:before, h2.square--orange.small:before, h3.square--orange.small:before, h4.square--orange.small:before, h6.square--orange.small:before
{
  top: -5px;
}

p.square--orange.label, h1.square--orange.label, h2.square--orange.label, h3.square--orange.label, h4.square--orange.label, h6.square--orange.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--orange.credit, h1.square--orange.credit, h2.square--orange.credit, h3.square--orange.credit, h4.square--orange.credit, h6.square--orange.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--blue-dark, h1.square--blue-dark, h2.square--blue-dark, h3.square--blue-dark, h4.square--blue-dark, h6.square--blue-dark
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--blue-dark:before, h1.square--blue-dark:before, h2.square--blue-dark:before, h3.square--blue-dark:before, h4.square--blue-dark:before, h6.square--blue-dark:before
{
  background-color: #0064AC;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--blue-dark.small:before, h1.square--blue-dark.small:before, h2.square--blue-dark.small:before, h3.square--blue-dark.small:before, h4.square--blue-dark.small:before, h6.square--blue-dark.small:before
{
  top: -5px;
}

p.square--blue-dark.label, h1.square--blue-dark.label, h2.square--blue-dark.label, h3.square--blue-dark.label, h4.square--blue-dark.label, h6.square--blue-dark.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--blue-dark.credit, h1.square--blue-dark.credit, h2.square--blue-dark.credit, h3.square--blue-dark.credit, h4.square--blue-dark.credit, h6.square--blue-dark.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--blue, h1.square--blue, h2.square--blue, h3.square--blue, h4.square--blue, h6.square--blue
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--blue:before, h1.square--blue:before, h2.square--blue:before, h3.square--blue:before, h4.square--blue:before, h6.square--blue:before
{
  background-color: #0064AC;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--blue.small:before, h1.square--blue.small:before, h2.square--blue.small:before, h3.square--blue.small:before, h4.square--blue.small:before, h6.square--blue.small:before
{
  top: -5px;
}

p.square--blue.label, h1.square--blue.label, h2.square--blue.label, h3.square--blue.label, h4.square--blue.label, h6.square--blue.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--blue.credit, h1.square--blue.credit, h2.square--blue.credit, h3.square--blue.credit, h4.square--blue.credit, h6.square--blue.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--blue-light, h1.square--blue-light, h2.square--blue-light, h3.square--blue-light, h4.square--blue-light, h6.square--blue-light
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--blue-light:before, h1.square--blue-light:before, h2.square--blue-light:before, h3.square--blue-light:before, h4.square--blue-light:before, h6.square--blue-light:before
{
  background-color: #34ACE3;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--blue-light.small:before, h1.square--blue-light.small:before, h2.square--blue-light.small:before, h3.square--blue-light.small:before, h4.square--blue-light.small:before, h6.square--blue-light.small:before
{
  top: -5px;
}

p.square--blue-light.label, h1.square--blue-light.label, h2.square--blue-light.label, h3.square--blue-light.label, h4.square--blue-light.label, h6.square--blue-light.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--blue-light.credit, h1.square--blue-light.credit, h2.square--blue-light.credit, h3.square--blue-light.credit, h4.square--blue-light.credit, h6.square--blue-light.credit
{
  color: #000000;
  font-weight: 400;
}

p.square--violet, h1.square--violet, h2.square--violet, h3.square--violet, h4.square--violet, h6.square--violet
{
  padding-left: 1.75rem;
  position: relative;
  font-weight: 700;
}

p.square--violet:before, h1.square--violet:before, h2.square--violet:before, h3.square--violet:before, h4.square--violet:before, h6.square--violet:before
{
  background-color: #83569F;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  width: 1.125rem;
}

p.square--violet.small:before, h1.square--violet.small:before, h2.square--violet.small:before, h3.square--violet.small:before, h4.square--violet.small:before, h6.square--violet.small:before
{
  top: -5px;
}

p.square--violet.label, h1.square--violet.label, h2.square--violet.label, h3.square--violet.label, h4.square--violet.label, h6.square--violet.label
{
  color: #B6B6B5;
  font-weight: 500;
}

p.square--violet.credit, h1.square--violet.credit, h2.square--violet.credit, h3.square--violet.credit, h4.square--violet.credit, h6.square--violet.credit
{
  color: #000000;
  font-weight: 400;
}

.accordion
{
  border-bottom: 1px solid rgba(60, 60, 60, 0.5);
  padding: 0.75rem 0;
  position: relative;
  -webkit-transition: background-color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  z-index: 2;
}

.accordion .accordion-title
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.accordion .accordion-title svg
{
  margin-right: 0.75rem;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.accordion .accordion-content
{
  padding-bottom: 1.875rem;
}

.accordion .accordion-selected-category
{
  text-decoration: underline;
  padding-bottom: 0.625rem;
  opacity: 1;
  -webkit-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

.accordion .accordion-selected-category div
{
  padding-bottom: 0.625rem;
}

.accordion .accordion-hidden-section
{
  height: 0px;
  max-height: 6.25rem;
  overflow-y: auto;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.accordion .accordion-hidden-section .accordion-list
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.6875rem 0;
  padding-left: 1.75rem;
}

@media (min-width: 48em)
{
  .accordion .accordion-hidden-section .accordion-list
  {
    padding-left: 0;
  }
}

@media (min-width: 75em)
{
  .accordion .accordion-hidden-section .accordion-list
  {
    padding-left: 1.75rem;
  }
}

.accordion.open .accordion-title
{
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.275s ease-in-out;
  -o-transition: all 0.275s ease-in-out;
  transition: all 0.275s ease-in-out;
}

.accordion.open .accordion-title svg
{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: none;
}

.accordion.open .accordion-selected-category
{
  height: 0px;
  visibility: hidden;
  opacity: 0;
}

.select-container .accordion
{
  border-bottom: 1px solid rgba(60, 60, 60, 0.5);
  padding: 0.75rem 0.3125rem 0.75rem 0.9375rem;
  position: relative;
  -webkit-transition: background-color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
}

.select-container .accordion .accordion-title
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}

.select-container .accordion .accordion-title svg
{
  margin-right: 0.75rem;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.select-container .accordion .accordion-content
{
  padding-bottom: 1.875rem;
}

.select-container .accordion .accordion-selected-category
{
  text-decoration: underline;
  padding-bottom: 0.625rem;
  opacity: 1;
  -webkit-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

.select-container .accordion .accordion-selected-category div
{
  padding-bottom: 0.625rem;
}

.select-container .accordion .accordion-hidden-section
{
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.select-container .accordion .accordion-hidden-section .accordion-list
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.6875rem 0;
}

@media (min-width: 64em)
{
  .select-container .accordion .accordion-hidden-section .accordion-list
  {
    width: calc(0.1083333333 * (100vw - 6.25rem));
  }
}

.select-container .accordion.open
{
  background-color: #E7E6E6;
}

.select-container .accordion.open .accordion-title
{
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.275s ease-in-out;
  -o-transition: all 0.275s ease-in-out;
  transition: all 0.275s ease-in-out;
}

.select-container .accordion.open .accordion-title svg
{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: none;
}

.select-container .accordion.open .accordion-selected-category
{
  height: 0px;
  visibility: hidden;
  opacity: 0;
}

.select-container .accordion.open .accordion-hidden-section
{
  max-height: 9.375rem;
  overflow-y: auto;
}

.select-container .accordion.open .accordion-hidden-section::-webkit-scrollbar
{
  width: 5px;
  height: 8px;
}

.select-container .accordion.open .accordion-hidden-section::-webkit-scrollbar-thumb
{
  background-color: #B6B6B5;
}

.select-container .accordion:last-child
{
  border: 0;
}

.card img
{
  width: 100%;
}

.filters
{
  background-color: #FFFFFF;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media (min-width: 64em)
{
  .filters
  {
    background-color: transparent;
    padding: 5rem 0 0;
  }
}

.filters .filters-container
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0 1.25rem;
}

@media (min-width: 64em)
{
  .filters .filters-container
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
  }
}

.filters .filters-container .checkbox-container
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filters .filters-container .checkbox-container input
{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 1.5625rem;
  position: relative;
}

.filters .filters-container .checkbox-container input:before
{
  content: "";
  left: 0;
  top: 0;
  border: 1px solid #000000;
  height: 13px;
  position: absolute;
  width: 13px;
}

.filters .filters-container .checkbox-container input:checked::before
{
  background-color: #F8A81A;
  border-color: #F8A81A;
}

.filters .filters-container .checkbox-container label
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

.filters .filters-container .search-container
{
  padding: 0.75rem 0.3125rem 0.75rem 0.9375rem;
}

.filters .filters-container .search-container input
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
  border: 0;
  border-bottom: 1px solid #000000;
  width: 100%;
}

.filters .filters-container .search-container input::-webkit-input-placeholder
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

.filters .filters-container .search-container input::-moz-placeholder
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

.filters .filters-container .search-container input:-ms-input-placeholder
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

.filters .filters-container .search-container input::-ms-input-placeholder
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

.filters .filters-container .search-container input::placeholder
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
  letter-spacing: 0px;
}

.filters .filters-container .layout-switch
{
  margin-left: auto;
  display: none;
  gap: 0 1.28125rem;
}

@media (min-width: 64em)
{
  .filters .filters-container .layout-switch
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.filters .filters-container .layout-switch svg
{
  cursor: pointer;
  fill: #000000;
}

.filters .filters-container .layout-switch svg.selected
{
  fill: #F8A81A;
}

.filters .clear-filters
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
  padding: 0.9375rem 0.75rem;
  position: absolute;
  top: 9.375rem;
}

@media (min-width: 64em)
{
  .filters .clear-filters
  {
    top: 7.5rem;
  }
}

.filters .clear-filters .clear-all
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.75rem;
}

.filters .clear-filters .filter-ref .remove-filter
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.filters .clear-filters .filter-ref .remove-filter .cross
{
  background-color: #E7E6E6;
  border: 1px solid rgba(0, 0, 0, 0.7);
  cursor: pointer;
  height: 1.25rem;
  position: relative;
  width: 1.25rem;
}

.filters .clear-filters .filter-ref .remove-filter .cross:after
{
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  height: 1px;
  position: absolute;
  right: -4px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  width: 1.6875rem;
}

.filters .clear-filters .filter-ref .remove-filter .cross:before
{
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  height: 1px;
  left: -4px;
  position: absolute;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  width: 1.6875rem;
}

.filters .clear-filters .filter-ref .remove-filter .small
{
  text-transform: capitalize;
}

.icon
{
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.icon.icon--rotate-45
{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon.icon--rotate-90
{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon.icon--rotate-180
{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon.icon--rotate-270
{
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icon.icon--white-fill
{
  fill: #FFFFFF;
}

.icon.icon--white-fill circle,
.icon.icon--white-fill path,
.icon.icon--white-fill polygon,
.icon.icon--white-fill rect
{
  fill: #FFFFFF;
}

.icon.icon--white-stroke
{
  fill: none;
  stroke: #FFFFFF;
}

.icon.icon--white-stroke circle,
.icon.icon--white-stroke path,
.icon.icon--white-stroke polygon,
.icon.icon--white-stroke rect
{
  fill: none;
  stroke: #FFFFFF;
}

.icon.icon--gray-light-fill
{
  fill: #E7E6E6;
}

.icon.icon--gray-light-fill circle,
.icon.icon--gray-light-fill path,
.icon.icon--gray-light-fill polygon,
.icon.icon--gray-light-fill rect
{
  fill: #E7E6E6;
}

.icon.icon--gray-light-stroke
{
  fill: none;
  stroke: #E7E6E6;
}

.icon.icon--gray-light-stroke circle,
.icon.icon--gray-light-stroke path,
.icon.icon--gray-light-stroke polygon,
.icon.icon--gray-light-stroke rect
{
  fill: none;
  stroke: #E7E6E6;
}

.icon.icon--gray-fill
{
  fill: #CDCCCC;
}

.icon.icon--gray-fill circle,
.icon.icon--gray-fill path,
.icon.icon--gray-fill polygon,
.icon.icon--gray-fill rect
{
  fill: #CDCCCC;
}

.icon.icon--gray-stroke
{
  fill: none;
  stroke: #CDCCCC;
}

.icon.icon--gray-stroke circle,
.icon.icon--gray-stroke path,
.icon.icon--gray-stroke polygon,
.icon.icon--gray-stroke rect
{
  fill: none;
  stroke: #CDCCCC;
}

.icon.icon--gray-dark-fill
{
  fill: #B6B6B5;
}

.icon.icon--gray-dark-fill circle,
.icon.icon--gray-dark-fill path,
.icon.icon--gray-dark-fill polygon,
.icon.icon--gray-dark-fill rect
{
  fill: #B6B6B5;
}

.icon.icon--gray-dark-stroke
{
  fill: none;
  stroke: #B6B6B5;
}

.icon.icon--gray-dark-stroke circle,
.icon.icon--gray-dark-stroke path,
.icon.icon--gray-dark-stroke polygon,
.icon.icon--gray-dark-stroke rect
{
  fill: none;
  stroke: #B6B6B5;
}

.icon.icon--black-fill
{
  fill: #000000;
}

.icon.icon--black-fill circle,
.icon.icon--black-fill path,
.icon.icon--black-fill polygon,
.icon.icon--black-fill rect
{
  fill: #000000;
}

.icon.icon--black-stroke
{
  fill: none;
  stroke: #000000;
}

.icon.icon--black-stroke circle,
.icon.icon--black-stroke path,
.icon.icon--black-stroke polygon,
.icon.icon--black-stroke rect
{
  fill: none;
  stroke: #000000;
}

.icon.icon--orange-dark-fill
{
  fill: #F28B00;
}

.icon.icon--orange-dark-fill circle,
.icon.icon--orange-dark-fill path,
.icon.icon--orange-dark-fill polygon,
.icon.icon--orange-dark-fill rect
{
  fill: #F28B00;
}

.icon.icon--orange-dark-stroke
{
  fill: none;
  stroke: #F28B00;
}

.icon.icon--orange-dark-stroke circle,
.icon.icon--orange-dark-stroke path,
.icon.icon--orange-dark-stroke polygon,
.icon.icon--orange-dark-stroke rect
{
  fill: none;
  stroke: #F28B00;
}

.icon.icon--orange-fill
{
  fill: #F8A81A;
}

.icon.icon--orange-fill circle,
.icon.icon--orange-fill path,
.icon.icon--orange-fill polygon,
.icon.icon--orange-fill rect
{
  fill: #F8A81A;
}

.icon.icon--orange-stroke
{
  fill: none;
  stroke: #F8A81A;
}

.icon.icon--orange-stroke circle,
.icon.icon--orange-stroke path,
.icon.icon--orange-stroke polygon,
.icon.icon--orange-stroke rect
{
  fill: none;
  stroke: #F8A81A;
}

.icon.icon--blue-dark-fill
{
  fill: #0064AC;
}

.icon.icon--blue-dark-fill circle,
.icon.icon--blue-dark-fill path,
.icon.icon--blue-dark-fill polygon,
.icon.icon--blue-dark-fill rect
{
  fill: #0064AC;
}

.icon.icon--blue-dark-stroke
{
  fill: none;
  stroke: #0064AC;
}

.icon.icon--blue-dark-stroke circle,
.icon.icon--blue-dark-stroke path,
.icon.icon--blue-dark-stroke polygon,
.icon.icon--blue-dark-stroke rect
{
  fill: none;
  stroke: #0064AC;
}

.icon.icon--blue-fill
{
  fill: #0064AC;
}

.icon.icon--blue-fill circle,
.icon.icon--blue-fill path,
.icon.icon--blue-fill polygon,
.icon.icon--blue-fill rect
{
  fill: #0064AC;
}

.icon.icon--blue-stroke
{
  fill: none;
  stroke: #0064AC;
}

.icon.icon--blue-stroke circle,
.icon.icon--blue-stroke path,
.icon.icon--blue-stroke polygon,
.icon.icon--blue-stroke rect
{
  fill: none;
  stroke: #0064AC;
}

.icon.icon--blue-light-fill
{
  fill: #34ACE3;
}

.icon.icon--blue-light-fill circle,
.icon.icon--blue-light-fill path,
.icon.icon--blue-light-fill polygon,
.icon.icon--blue-light-fill rect
{
  fill: #34ACE3;
}

.icon.icon--blue-light-stroke
{
  fill: none;
  stroke: #34ACE3;
}

.icon.icon--blue-light-stroke circle,
.icon.icon--blue-light-stroke path,
.icon.icon--blue-light-stroke polygon,
.icon.icon--blue-light-stroke rect
{
  fill: none;
  stroke: #34ACE3;
}

.icon.icon--violet-fill
{
  fill: #83569F;
}

.icon.icon--violet-fill circle,
.icon.icon--violet-fill path,
.icon.icon--violet-fill polygon,
.icon.icon--violet-fill rect
{
  fill: #83569F;
}

.icon.icon--violet-stroke
{
  fill: none;
  stroke: #83569F;
}

.icon.icon--violet-stroke circle,
.icon.icon--violet-stroke path,
.icon.icon--violet-stroke polygon,
.icon.icon--violet-stroke rect
{
  fill: none;
  stroke: #83569F;
}

.icon.icon--name
{
  height: 2.75rem;
  width: 7.5rem;
}

@media (min-width: 48em)
{
  .icon.icon--name
  {
    height: 3.75rem;
    width: 10rem;
  }
}

.icon.icon-logo
{
  height: 4.8125rem;
  width: 24.25rem;
  display: none;
}

@media (min-width: 64em)
{
  .icon.icon-logo
  {
    display: block;
  }
}

.icon.icon-logo-mobile
{
  height: 2.5rem;
  width: 7.0625rem;
}

@media (min-width: 64em)
{
  .icon.icon-logo-mobile
  {
    display: none;
  }
}

.icon.logo-icon
{
  height: 3.125rem;
  width: 3.125rem;
}

.icon.icon-arrow
{
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 48em)
{
  .icon.icon-arrow
  {
    height: 1.875rem;
    width: 1.875rem;
  }
}

.icon.icon-arrow-down
{
  height: 0.375rem;
  width: 0.625rem;
}

.icon.icon-layout
{
  height: 1.5rem;
  width: 2rem;
}

.icon.footer-logo
{
  height: 3.3125rem;
  width: 11.25rem;
}

.icon.social-icons
{
  height: 1.5625rem;
  width: 1.5625rem;
}

.icon.icon--close
{
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

.icon.icon--chevron
{
  height: 1.3125rem;
  width: 1.25rem;
}

.icon.icon--moncalieri
{
  height: 1.25rem;
  width: 13rem;
}

.icon.icon--bosco
{
  height: 1.25rem;
  width: 12.5rem;
}

.icon.icon--clear-all
{
  height: 1rem;
  width: 1.0625rem;
}

#map
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  height: 60dvh;
  margin: 0 auto;
}

@media (min-width: 64em)
{
  #map
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  #map
  {
    width: calc(0.8333333333 * (100vw - 6.25rem));
  }
}

#map button
{
  display: none !important;
}

#map .gm-style-iw-chr
{
  display: none;
}

#map .gm-style-iw-c
{
  padding: 0 !important;
}

#map .gm-style-iw-c .gm-style-iw-d
{
  overflow: hidden !important;
}

#map .gm-style-iw-c .gm-style-iw-d .info-window
{
  padding: 0.9375rem;
  padding-right: 1.875rem;
  position: relative;
}

#map .gm-style-iw-c .gm-style-iw-d .info-window .close
{
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}

#map .gm-style-iw-c .gm-style-iw-d .info-window .close:hover
{
  color: #0064AC;
}

.projects-wrapper
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  margin-top: 5rem;
  min-height: 50dvh;
  padding-top: 12.5rem;
}

@media (min-width: 64em)
{
  .projects-wrapper
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .projects-wrapper
  {
    padding-top: 16.25rem;
  }
}

.projects-wrapper.grid
{
  display: grid;
  gap: 2.5625rem 1.28125rem;
  grid-template-columns: repeat(3, 1fr);
}

.projects-wrapper.grid .project-excerpt .project-link .project-content
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-header .codification
{
  margin-bottom: 1.25rem;
}

@media (min-width: 64em)
{
  .projects-wrapper.grid .project-excerpt .project-link .project-content .project-header .codification
  {
    max-width: calc(0.5 * (100vw - 6.25rem));
  }
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-header .categories
{
  display: none;
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-images img
{
  aspect-ratio: 457/340;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-images img:nth-child(2)
{
  display: none;
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-info h2
{
  min-height: 15vh;
  padding-bottom: 3.4375rem;
  padding-top: 1.25rem;
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-info .informations
{
  display: grid;
  gap: 0 1.28125rem;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 1.75rem;
}

.projects-wrapper.grid .project-excerpt .project-link .project-content .project-info .informations .info p:last-child
{
  padding-left: 1.75rem;
  padding-top: 0.4375rem;
}

.projects-wrapper.grid .project-excerpt .project-link:hover
{
  text-decoration: none;
}

.projects-wrapper.row
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 3.75rem 0;
}

@media (min-width: 64em)
{
  .projects-wrapper.row
  {
    gap: 6.25rem 0;
  }
}

.projects-wrapper.row .project-excerpt .project-link .project-content
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-header
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3.125rem;
    width: 100%;
  }
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-header .categories
{
  display: none;
  gap: 0 1.28125rem;
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-header .categories
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-header .categories .small
{
  min-width: 6.25rem;
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-header .codification
{
  margin-bottom: 1.25rem;
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-header .codification
  {
    max-width: calc(0.5 * (100vw - 6.25rem));
  }
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-header .codification img
{
  width: 100%;
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-images
{
  margin-bottom: 1.875rem;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-images img
{
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-images img:last-child
{
  display: none;
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-images img:last-child
  {
    display: block;
  }
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-images
  {
    display: grid;
    gap: 0 1.28125rem;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-info
  {
    display: grid;
    gap: 0 1.28125rem;
    grid-template-columns: repeat(2, 1fr);
    width: 50%;
  }
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-info h2
{
  margin-bottom: 1.875rem;
}

@media (min-width: 64em)
{
  .projects-wrapper.row .project-excerpt .project-link .project-content .project-info h2
  {
    margin-bottom: 0;
  }
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-info .informations
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.28125rem 0;
  padding-bottom: 1.75rem;
}

.projects-wrapper.row .project-excerpt .project-link .project-content .project-info .informations .info p:last-child
{
  padding-left: 1.75rem;
  padding-top: 0.4375rem;
}

.projects-wrapper.row .project-excerpt .project-link:hover
{
  text-decoration: none;
}

.projects-wrapper .no-results h4
{
  width: calc(0.4166666667 * (100vw - 6.25rem));
}

.swiper-slide .image img
{
  height: 38vh;
  min-height: 23.75rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.section
{
  margin-bottom: 7.5rem;
}

@media (min-width: 64em)
{
  .section
  {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}

footer .container
{
  background-color: #007DC2;
  padding-bottom: 1.625rem;
  padding-top: 2.0625rem;
}

footer .container .content
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  footer .container .content
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  footer .container .content
  {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}

footer .container .content .top-content
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2.5rem 0;
}

@media (min-width: 64em)
{
  footer .container .content .top-content
  {
    display: grid;
    gap: 0 1.28125rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

footer .container .content .top-content .footer-section
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.375rem 0;
}

footer .container .content .top-content .footer-section .small
{
  color: #FFFFFF;
}

footer .container .content .top-content .footer-section .logos
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5rem;
  height: 3.9375rem;
}

@media (min-width: 64em)
{
  footer .container .content .top-content .footer-section .logos
  {
    padding-left: 1.75rem;
  }
}

footer .container .content .top-content .footer-section .logos a
{
  max-height: 3.9375rem;
  width: 50%;
}

footer .container .content .top-content .footer-section .logos a.column
{
  color: #FFFFFF;
  display: block;
  max-height: unset;
  width: 100%;
}

footer .container .content .top-content .footer-section .logos a img
{
  max-height: 3.9375rem;
  width: auto;
}

footer .container .content .top-content .footer-section .logos:has(> .column)
{
  display: block;
}

footer .container .content .bottom-content
{
  padding-bottom: 0.5rem;
  padding-top: 1.25rem;
}

@media (min-width: 64em)
{
  footer .container .content .bottom-content
  {
    border-bottom: 1px solid #FFFFFF;
    padding-left: calc(0.75 * (100vw - 6.25rem) + 1.75rem);
  }
}

footer .container .content .bottom-content .border
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  width: 100%;
}

@media (min-width: 64em)
{
  footer .container .content .bottom-content .border
  {
    display: none;
  }
}

footer .container .content .bottom-content .border div
{
  background-color: #FFFFFF;
  height: 2px;
  width: 100%;
}

footer .container .content .bottom-content .small
{
  color: #FFFFFF;
  padding-top: 1.125rem;
}

@media (min-width: 64em)
{
  footer .container .content .bottom-content .small
  {
    padding-top: 0;
  }
}

footer .container .content .bottom-content .small a
{
  color: #FFFFFF;
}

header
{
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  height: 4.0625rem;
  overflow: hidden;
  padding-top: 0.9375rem;
  -webkit-transition: top 0.275s ease-in-out;
  -o-transition: top 0.275s ease-in-out;
  transition: top 0.275s ease-in-out;
  width: 100vw;
  z-index: 4;
}

@media (min-width: 64em)
{
  header
  {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    padding-top: 0;
    top: 0;
    width: 100%;
  }
}

header .container
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 4;
}

@media (min-width: 64em)
{
  header .container
  {
    padding-right: 3.125rem;
    z-index: 1;
  }
}

header .container .hamburger
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.3125rem;
  margin-right: 1.5625rem;
  margin-top: 0.375rem;
  position: relative;
  width: 1.75rem;
}

@media (min-width: 64em)
{
  header .container .hamburger
  {
    display: none;
  }
}

header .container .hamburger .line
{
  background-color: #000000;
  height: 2px;
  -webkit-transition: opacity 0.275s ease-in-out, -webkit-transform 0.275s ease-in-out;
  transition: opacity 0.275s ease-in-out, -webkit-transform 0.275s ease-in-out;
  -o-transition: transform 0.275s ease-in-out, opacity 0.275s ease-in-out;
  transition: transform 0.275s ease-in-out, opacity 0.275s ease-in-out;
  transition: transform 0.275s ease-in-out, opacity 0.275s ease-in-out, -webkit-transform 0.275s ease-in-out;
  width: 100%;
}

header .container .hamburger .line:first-child
{
  position: absolute;
  top: 0;
}

header .container .hamburger .line:last-child
{
  bottom: 0;
  position: absolute;
  top: unset;
}

header .container .header-menu
{
  padding-left: 4.375rem;
  padding-top: 2.5rem;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 100%;
}

@media (min-width: 64em)
{
  header .container .header-menu
  {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 3.75rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: initial;
    -ms-flex-order: initial;
    order: initial;
    padding-left: 0;
    padding-top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

header .container .header-menu .menu-nav
{
  margin-bottom: 0.9375rem;
}

@media (min-width: 64em)
{
  header .container .header-menu .menu-nav
  {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
  }
}

header .container .header-menu .menu-nav #primary-menu ul
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.9375rem 0;
  list-style: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

@media (min-width: 64em)
{
  header .container .header-menu .menu-nav #primary-menu ul
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    gap: 0 2.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

header .container .header-menu .menu-nav #primary-menu ul li
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0px;
}

@media (min-width: 48em)
{
  header .container .header-menu .menu-nav #primary-menu ul li
  {
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 0px;
  }
}

header .container .header-menu .menu-nav #primary-menu ul li:hover a
{
  color: #34ACE3;
}

header .container .header-menu .menu-nav #primary-menu ul li.current_page_item a
{
  color: #34ACE3;
  font-weight: 500;
  text-decoration: underline;
}

header.open
{
  height: 100dvh;
}

header.open .container .header-menu
{
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

header.open .container .hamburger .line
{
  opacity: 0;
}

header.open .container .hamburger .line:first-child
{
  opacity: 1;
  top: 9px;
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg);
}

header.open .container .hamburger .line:last-child
{
  opacity: 1;
  bottom: 10px;
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
}

@media (min-width: 64em)
{
  .section--next-project
  {
    margin-bottom: 0;
  }
}

.section--next-project .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2.5rem;
}

@media (min-width: 64em)
{
  .section--next-project .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--next-project .container .border
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  margin: 0 auto;
  max-width: calc(100vw - 40px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 64em)
{
  .section--next-project .container .border
  {
    max-width: calc(100vw - 100px);
  }
}

.section--next-project .container .border div
{
  background-color: #000000;
  height: 2px;
  width: 0;
}

.section--next-project .container a .content
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media (min-width: 64em)
{
  .section--next-project .container a .content
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 64em)
{
  .section--next-project .container a .content .informations
  {
    width: calc(0.3333333333 * (100vw - 6.25rem));
  }
}

.section--next-project .container a .content .informations h2
{
  margin-bottom: 2.5rem;
}

.section--next-project .container a .content .informations .info
{
  display: none;
}

@media (min-width: 64em)
{
  .section--next-project .container a .content .informations .info
  {
    display: block;
  }
}

.section--next-project .container a .content .informations .info p:last-child
{
  margin-top: 0.625rem;
  padding-left: 1.75rem;
}

@media (min-width: 64em)
{
  .section--next-project .container a .content .image
  {
    width: calc(0.5833333333 * (100vw - 6.25rem));
    height: 15.625rem;
  }
}

.section--next-project .container a .content .image img
{
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.section--next-project .container a:hover
{
  text-decoration: none;
}

.section--2-cols-description .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--2-cols-description .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--2-cols-description .container .content
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.5rem 0;
}

@media (min-width: 64em)
{
  .section--2-cols-description .container .content
  {
    display: grid;
    gap: 0 calc(0.0833333333 * (100vw - 6.25rem) + 2.5625rem);
    grid-template-columns: repeat(2, 1fr);
  }
}

.section--2-cols-description .container .content .right-content .button
{
  margin-top: 6.875rem;
}

.section--cta-no-bg
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--cta-no-bg
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--cta-no-bg .container
{
  background-color: #0064AC;
  border-radius: 20px;
  padding: 9.375rem 1.5rem;
  text-align: center;
}

@media (min-width: 64em)
{
  .section--cta-no-bg .container
  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333vw;
    flex: 0 0 83.3333333333vw;
    max-width: 83.3333333333vw;
    margin: 0 auto;
    padding: 5.625rem calc(0.0833333333 * (100vw - 6.25rem));
  }
}

.section--cta-no-bg .container h4, .section--cta-no-bg .container h6
{
  color: #FFFFFF;
}

.section--cta-no-bg .container a
{
  display: block;
  margin: 2rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.section--cta-no-bg .container a svg
{
  height: 2.5rem;
  width: 11.6875rem;
}

.section--cta-transparent .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--cta-transparent .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--cta-transparent .container
  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667vw;
    flex: 0 0 66.6666666667vw;
    max-width: 66.6666666667vw;
    margin: 0 auto;
    padding-bottom: 6.5625rem;
    padding-top: 6.5625rem;
    text-align: center;
  }
}

.section--cta-transparent .container .button
{
  margin: 2rem 0 0;
}

@media (min-width: 64em)
{
  .section--cta-transparent .container .button
  {
    margin: 2rem auto 0;
  }
}

.section--cta
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--cta
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--cta .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  background-color: #0064AC;
  border-radius: 20px;
  padding-bottom: 12.5rem;
  padding-top: 12.5rem;
  text-align: center;
}

@media (min-width: 64em)
{
  .section--cta .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--cta .container
  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333vw;
    flex: 0 0 83.3333333333vw;
    max-width: 83.3333333333vw;
    margin: 0 auto;
    padding-bottom: 6.5625rem;
    padding-top: 6.5625rem;
    padding-left: calc(0.0833333333 * (100vw - 6.25rem));
    padding-right: calc(0.0833333333 * (100vw - 6.25rem));
  }
}

.section--cta .container h4
{
  color: #FFFFFF;
}

.section--cta .container .button
{
  margin: 2rem auto 0;
}

.section--faqs-cta
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  margin-bottom: 0;
}

@media (min-width: 64em)
{
  .section--faqs-cta
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--faqs-cta
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--faqs-cta .border
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  margin: 0 auto;
  max-width: calc(100vw - 40px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 64em)
{
  .section--faqs-cta .border
  {
    max-width: calc(100vw - 100px);
  }
}

.section--faqs-cta .border div
{
  background-color: #000000;
  height: 2px;
  width: 0;
}

.section--faqs-cta .container
{
  margin-bottom: 2.8125rem;
  margin-top: 2.8125rem;
  position: relative;
}

@media (min-width: 64em)
{
  .section--faqs-cta .container .content
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 6rem;
    padding-left: 3.125rem;
    padding-top: 3rem;
  }
}

.section--faqs-cta .container .content .left-content
{
  margin-bottom: 1.25rem;
}

@media (min-width: 64em)
{
  .section--faqs-cta .container .content .left-content
  {
    margin-bottom: 0;
    width: calc(0.25 * (100vw - 6.25rem));
  }
}

@media (min-width: 64em)
{
  .section--faqs-cta .container .content .right-content
  {
    width: calc(0.4166666667 * (100vw - 6.25rem));
  }
}

.section--faqs-cta .container .content .right-content .button
{
  margin-top: 1.875rem;
}

.section--faqs-cta .container .content .image-content
{
  display: none;
}

@media (min-width: 64em)
{
  .section--faqs-cta .container .content .image-content
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: calc(0.25 * (100vw - 6.25rem));
  }

  .section--faqs-cta .container .content .image-content svg
  {
    height: 250px;
    width: auto;
  }
}

.section--faqs
{
  min-height: 100dvh;
}

.section--faqs .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--faqs .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--faqs .container .content
{
  padding-top: 15.9375rem;
}

@media (min-width: 64em)
{
  .section--faqs .container .content
  {
    display: grid;
    gap: 0 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.section--faqs .container .content .content-left
{
  margin-bottom: 1.875rem;
}

@media (min-width: 64em)
{
  .section--faqs .container .content .content-left
  {
    margin-bottom: 0;
  }
}

.section--faqs .container .content .content-left h2
{
  margin-bottom: 1.875rem;
}

@media (min-width: 64em)
{
  .section--faqs .container .content .content-left h2
  {
    width: calc(0.25 * (100vw - 6.25rem));
  }
}

.section--faqs .container .content .content-left .editor p
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
}

@media (min-width: 48em)
{
  .section--faqs .container .content .content-left .editor p
  {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }
}

.section--faqs .container .content .content-right
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2.1875rem 0;
}

@media (min-width: 64em)
{
  .section--gallery-2-images .container .content
  {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.section--gallery-2-images .container .content .content-header
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.125rem;
}

@media (min-width: 64em)
{
  .section--gallery-2-images .container .content .content-header
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--gallery-2-images .container .content .gallery
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.5rem 0;
}

@media (min-width: 64em)
{
  .section--gallery-2-images .container .content .gallery
  {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.section--gallery-2-images .container .content .gallery .card-gallery-big
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1rem 0;
}

.section--gallery-2-images .container .content .gallery .card-gallery-big img
{
  height: 100vw;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 64em)
{
  .section--gallery-2-images .container .content .gallery .card-gallery-big img
  {
    height: 67vh;
    min-height: 42.25rem;
  }
}

.section--gallery-2-images .container .content .gallery .card-gallery-big h6, .section--gallery-2-images .container .content .gallery .card-gallery-big p
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--gallery-2-images .container .content .gallery .card-gallery-big h6, .section--gallery-2-images .container .content .gallery .card-gallery-big p
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--history .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--history .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--history .container
  {
    padding-left: 2rem;
  }
}

.section--history .container .content .content-header
{
  margin-bottom: 2rem;
}

.section--map .container .square--violet
{
  margin-bottom: 2.5rem;
}

.section--map .container .top-content
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--map .container .top-content
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--map .container .top-content
  {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.section--map .container .top-content .first-content .points-of-interest
{
  gap: 1.5rem;
  margin-top: 2rem;
}

@media (min-width: 64em)
{
  .section--map .container .top-content .first-content .points-of-interest
  {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.section--map .container .top-content .first-content .points-of-interest .close
{
  cursor: pointer;
  display: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: 0;
  top: 1.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.section--map .container .top-content .first-content .points-of-interest.interaction
{
  display: block;
  position: relative;
}

.section--map .container .top-content .first-content .points-of-interest.interaction .close
{
  display: block;
  z-index: 2;
}

.section--map .container .top-content .first-content .points-of-interest .point-of-interest
{
  padding-bottom: 1.125rem;
}

.section--map .container .top-content .first-content .points-of-interest .point-of-interest h4
{
  cursor: pointer;
  padding-bottom: 1.125rem;
  position: relative;
}

@media (min-width: 64em)
{
  .section--map .container .top-content .first-content .points-of-interest .point-of-interest:hover
  {
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }

  .section--map .container .top-content .first-content .points-of-interest .point-of-interest:hover .small, .section--map .container .top-content .first-content .points-of-interest .point-of-interest:hover h4
  {
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }
}

.section--map .container .top-content .first-content .points-of-interest .point-of-interest .hidden-section
{
  display: none;
  margin-top: 1.125rem;
}

.section--map .container .top-content .first-content .points-of-interest .point-of-interest .hidden-section p
{
  margin-top: 1.125rem;
}

.section--map .container .top-content .first-content .points-of-interest .point-of-interest .hidden-section img
{
  width: 100%;
}

.section--map .container .top-content .first-content .points-of-interest .point-of-interest.hidden
{
  display: none;
}

@media (min-width: 64em)
{
  .section--map .container .top-content .second-content
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.section--map .container .bottom-content
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  margin-top: 3.75rem;
}

@media (min-width: 64em)
{
  .section--map .container .bottom-content
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--map .container .bottom-content
  {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.section--map .container .bottom-content .directions
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.5rem 0;
}

@media (min-width: 64em)
{
  .section--map .container .bottom-content .directions
  {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.section--map .container .bottom-content .directions .direction
{
  padding-bottom: 1.125rem;
}

.section--map .container .bottom-content .directions .direction a h4
{
  display: inline;
}

.section--page-repeaters .container .intro
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  margin-bottom: 2rem;
  text-align: center;
}

@media (min-width: 64em)
{
  .section--page-repeaters .container .intro
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--page-repeaters .container .intro
  {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.section--page-repeaters .container .intro h4
{
  margin-bottom: 1rem;
}

.section--page-repeaters .container .content
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.5rem 0;
}

@media (min-width: 64em)
{
  .section--page-repeaters .container .content
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--page-repeaters .container .content
  {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.section--project .container
{
  padding-top: 4.6875rem;
  position: relative;
}

.section--project .container .back-button
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.375rem;
  margin-bottom: 2.3125rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 64em)
{
  .section--project .container .back-button
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--project .container .back-button svg
{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.section--project .container .project-header
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}

@media (min-width: 64em)
{
  .section--project .container .project-header
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--project .container .project-header
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.28125rem;
  }
}

.section--project .container .project-header h1
{
  margin-bottom: 1.875rem;
}

@media (min-width: 64em)
{
  .section--project .container .project-header h1
  {
    max-width: calc(0.5833333333 * (100vw - 6.25rem));
    margin-bottom: 0;
  }
}

.section--project .container .project-header h2
{
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
}

@media (min-width: 64em)
{
  .section--project .container .project-header h2
  {
    width: 25%;
  }
}

.section--project .container .gallery
{
  margin-top: 1.0625rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 64em)
{
  .section--project .container .gallery
  {
    height: 85vh;
    margin-bottom: 5rem;
    max-height: 49.0625rem;
  }
}

.section--project .container .gallery .swiper
{
  height: 100%;
}

.section--project .container .gallery .swiper .swiper-wrapper
{
  height: 100%;
}

.section--project .container .gallery .swiper .swiper-wrapper .swiper-slide
{
  height: 100%;
}

.section--project .container .gallery .swiper .swiper-wrapper .swiper-slide img
{
  aspect-ratio: 3/2;
  width: 100%;
}

@media (min-width: 64em)
{
  .section--project .container .gallery .swiper .swiper-wrapper .swiper-slide img
  {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}

.section--project .container .gallery .swiper .pagination-container
{
  bottom: 2.1875rem;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.section--project .container .gallery .swiper .pagination-container .pagination
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.9375rem;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.section--project .container .gallery .swiper .pagination-container .pagination .swiper-pagination-bullet
{
  background-color: #D9D9D9;
  height: 0.9375rem;
  width: 0.9375rem;
}

.section--project .container .gallery .swiper .pagination-container .pagination .swiper-pagination-bullet.bullet-active
{
  background-color: #3D3D3D;
}

.section--project .container .project-container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  padding-top: 2.5rem;
}

@media (min-width: 64em)
{
  .section--project .container .project-container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em)
{
  .section--project .container .project-container
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.section--project .container .project-container .project-content
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2.5rem 0;
  margin-bottom: 3.4375rem;
}

@media (min-width: 64em)
{
  .section--project .container .project-container .project-content
  {
    margin-bottom: 0;
    max-width: calc(0.5833333333 * (100vw - 6.25rem));
  }
}

.section--project .container .project-container .project-content .content-first p
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: 0px;
}

@media (min-width: 48em)
{
  .section--project .container .project-container .project-content .content-first p
  {
    font-size: 2.375rem;
    line-height: 2.96875rem;
    letter-spacing: 0px;
  }
}

.section--project .container .project-container .project-content .project-editor p
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
}

@media (min-width: 48em)
{
  .section--project .container .project-container .project-content .project-editor p
  {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }
}

@media (min-width: 64em)
{
  .section--project .container .project-container aside
  {
    width: calc(0.3333333333 * (100vw - 6.25rem));
  }
}

.section--project .container .project-container aside .year-codification
{
  margin-bottom: 2.5rem;
}

.section--project .container .project-container aside .credits
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2.5rem 0;
  margin-top: 2.5rem;
}

.section--project .container .project-container aside .credits .credit h6:last-child
{
  padding-left: 1.75rem;
}

.section--project .container .project-container aside .credits .credit p
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
  padding-left: 1.75rem;
}

@media (min-width: 48em)
{
  .section--project .container .project-container aside .credits .credit p
  {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }
}

.section--project .container .project-navbar
{
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  opacity: 1;
  padding: 30px 0;
  position: fixed;
  -webkit-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  width: 100%;
  z-index: 3;
}

@media (min-width: 64em)
{
  .section--project .container .project-navbar
  {
    left: 50px;
    width: calc(100% - 100px);
  }
}

.section--project .container .project-navbar .prev,
.section--project .container .project-navbar .next
{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.3125rem;
}

.section--project .container .project-navbar .prev p,
.section--project .container .project-navbar .next p
{
  font-weight: 700;
}

@media (min-width: 64em)
{
  .section--project .container .project-navbar .prev p,
.section--project .container .project-navbar .next p
  {
    font-weight: 400;
  }
}

.section--project .container .project-navbar .prev svg
{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.section--project .container .project-navbar .next svg
{
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.section--project .container .project-navbar .nav-title
{
  color: #0064AC;
  display: none;
}

@media (min-width: 64em)
{
  .section--project .container .project-navbar .nav-title
  {
    display: block;
  }
}

.section--project .container .project-navbar.hide
{
  opacity: 0;
  z-index: -1;
}

.section--promoters .content
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 10.625rem;
  margin-top: 1.875rem;
}

@media (min-width: 64em)
{
  .section--promoters .content
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--promoters .content .promoter
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.875rem 0;
}

@media (min-width: 64em)
{
  .section--promoters .content .promoter
  {
    gap: 1.875rem 1.25rem;
  }
}

.section--promoters .content .promoter.square--violet
{
  width: 100%;
  margin-bottom: 1.875rem;
}

.section--promoters .content .promoter .info-container
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.25rem 0;
}

@media (min-width: 64em)
{
  .section--promoters .content .promoter .info-container
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    gap: 0 1.25rem;
  }
}

.section--promoters .content .promoter .info-container .info
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.875rem 0;
}

@media (min-width: 64em)
{
  .section--promoters .content .promoter .info-container .info
  {
    width: calc(0.4166666667 * (100vw - 6.25rem));
  }
}

.section--promoters .content .promoter .info-container .info .logo
{
  height: auto;
  width: 13.125rem;
}

.section--promoters .content .promoter .info-container .info .description p
{
  color: #000000;
  font-family: "MersadBlack";
  margin: 0;
  font-family: "Altro Grotesk";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
}

@media (min-width: 48em)
{
  .section--promoters .content .promoter .info-container .info .description p
  {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
  }
}

.section--promoters .content .promoter .info-container .info .button
{
  margin-top: auto;
}

@media (min-width: 64em)
{
  .section--promoters .content .promoter .info-container .image-container
  {
    width: calc(0.5833333333 * (100vw - 6.25rem));
  }
}

.section--promoters .content .promoter .info-container .image-container img
{
  width: 100%;
}

.section--related-projects
{
  display: none;
}

@media (min-width: 64em)
{
  .section--related-projects
  {
    display: block;
  }
}

@media (min-width: 64em)
{
  .section--related-projects .container
  {
    width: calc(0.5 * (100vw - 6.25rem));
  }
}

.section--related-projects .container .related-projects
{
  display: grid;
  gap: 0 1.28125rem;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2rem;
}

.section--related-projects .container .related-projects .project
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.375rem 0;
}

.section--related-projects .container .related-projects .project img
{
  height: calc(0.1666666667 * (100vw - 6.25rem) - 1.28125rem);
  -o-object-fit: cover;
  object-fit: cover;
}

.section--hero
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  position: relative;
}

.section--hero .background-video
{
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.section--hero .background-video video
{
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.section--hero .container
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media (min-width: 64em)
{
  .section--hero .container
  {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--hero .container .text-content
{
  margin: auto 0;
}

@media (min-width: 64em)
{
  .section--hero .container .text-content
  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667vw;
    flex: 0 0 66.6666666667vw;
    max-width: 66.6666666667vw;
    -ms-flex: none;
    flex: none;
  }
}

.section--hero .container .text-content .hero-title
{
  font-family: "Altro Grotesk";
  font-weight: 400;
  text-transform: none;
}

@media (min-width: 64em)
{
  .section--hero .container .text-content .hero-title
  {
    font-size: 4.375rem;
    line-height: 5rem;
  }
}

@media (min-width: 75em)
{
  .section--hero .container .text-content .hero-title
  {
    font-size: 6.25rem;
    line-height: 6.875rem;
  }
}
/*# sourceMappingURL=maps/master.css.map */