@font-face {
  font-family: Stelvio;
  src: url('../fonts/Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/medium-italic.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/Light-italic.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/Bold.woff') format("woff"), url('../fonts/Extra-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/Bold-Italic.woff') format("woff"), url('../fonts/Extra-Bold-Italic.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Stelvio;
  src: url('../fonts/Italic.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fontsfree net newyork;
  src: url('../fonts/FontsFree-Net-NewYork.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --base--black: #101010;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 2.9vw;
  font-weight: 400;
  line-height: 2.9vw;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.bg-base-black {
  background-color: var(--base--black);
  color: #fff;
  overflow: visible;
}

.hero-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5vw 10vw 10vw;
  display: flex;
}

.heading {
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 6.6vw;
  font-weight: 500;
  line-height: 7vw;
}

.heading.centered {
  text-align: center;
  text-underline-offset: auto;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: auto;
  margin-top: 0;
  margin-bottom: 3.5vw;
  font-weight: 400;
  line-height: 6.8vw;
  text-decoration: none;
  text-decoration-thickness: 1px;
}

.heading.medium-spacing {
  margin-top: 0;
  margin-bottom: 2vw;
}

.heading.align--left {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 2.5vw 5vw;
}

.wysiwyg {
  color: #fff;
  margin-bottom: .5vw;
  padding: 0;
  font-family: Stelvio, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.3vw;
  text-decoration: none;
}

.wysiwyg.centered {
  text-align: center;
  margin-bottom: 24px;
  font-weight: 300;
}

.wysiwyg.centered._9bswidth {
  width: 45vw;
  margin-bottom: 5vw;
  font-size: 1.3vw;
  line-height: 1.5vw;
}

.wysiwyg.centered.small-spacing {
  margin-bottom: .5vw;
}

.wysiwyg.centered.medium-spacing {
  margin-bottom: 2.5vw;
}

.wysiwyg.cta-text {
  margin-bottom: 0;
  line-height: 1.33vw;
}

.wysiwyg.cta-text.dark__type {
  z-index: 2;
  color: var(--base--black);
  padding-top: 10px;
  text-decoration: none;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  position: relative;
}

.wysiwyg.last-child {
  margin-bottom: 2vw;
}

.wysiwyg.base__black {
  color: #101010;
}

.wysiwyg.nav--item {
  margin-bottom: 0;
  font-weight: 500;
}

.wysiwyg.nav--item.inverse {
  font-weight: 500;
}

.wysiwyg.wdth-8 {
  max-width: 50vw;
}

.wysiwyg.wdth-8.right-align {
  align-self: flex-end;
  max-width: 40vw;
}

.wysiwyg.width-8 {
  max-width: 40vw;
}

.wysiwyg.width-8.right-align {
  align-self: flex-end;
}

.wysiwyg.not-found-text {
  margin-right: -10vw;
}

.headline-big {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 3.75vw;
  font-weight: 400;
  line-height: 4vw;
}

.headline-big.centered {
  text-align: center;
}

.headline-big.medium-width {
  text-align: left;
  width: 60vw;
}

.headline-big.medium-width.centered {
  text-align: center;
  margin: 0 auto 5vw;
}

.headline-big.small_spacing {
  margin-bottom: 1.4vw;
}

.headline-big.base__black {
  color: var(--base--black);
}

.headline-big.base__black.centered.medium-spacing {
  margin-bottom: 5vw;
}

.headline-big.medium-spacing {
  margin-bottom: 2.5vw;
}

.headline-big.white-font {
  color: #fff;
}

.section-skills {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-skills.big__spacing {
  width: 99vw;
  margin-bottom: 10vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.cta {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 3.8vw;
  display: flex;
}

.cta.base__white {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  background-color: #fff;
  border: 1px solid #101010;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  transition: all .6s cubic-bezier(.86, 0, .07, 1);
  overflow: hidden;
}

.cta.base__white.align__left {
  justify-content: center;
  margin-left: 0;
}

.cta.base__white.align__left.big__spacing {
  margin-bottom: 2vw;
}

.cta.base__white.u-no-margin {
  margin-left: 0;
  margin-right: 0;
}

.cta.base__white.full-width {
  justify-content: center;
  align-items: center;
}

.cta.base__white.centered {
  margin-left: auto;
  margin-right: auto;
}

.cta-circle {
  z-index: 1;
  background-color: var(--base--black);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  padding-top: 0;
  transition: all .6s cubic-bezier(.445, .05, .55, .95);
  position: relative;
}

.proyect-card__full.large-spacing {
  color: #fff;
  margin-bottom: 10vw;
  text-decoration: none;
}

.container-14 {
  max-width: 70vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.container-14.align__center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-14.flex-display {
  flex-direction: column;
  display: flex;
}

.container-14.overflow-on {
  overflow: visible;
}

.image-project {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 20vw;
  margin-bottom: 2.5vw;
  transform: translate(0);
}

.image-project._7-height {
  height: 38vw;
}

.image-project.size_6_6 {
  height: 30vw;
}

.headline__small {
  margin-top: 0;
  margin-bottom: 1vw;
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 1.33vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.headline__small.base__black {
  color: var(--base--black);
  font-weight: 400;
}

.headline__small.base__black.spacing__small {
  margin-bottom: .5vw;
}

.headline__small.white-font, .headline__small.white--font {
  color: #fff;
}

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

.wysiwyg--medium {
  font-family: Stelvio, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 2.2vw;
  position: static;
  inset: 2vw auto auto 2vw;
}

.wysiwyg--medium.kpi-concept {
  position: absolute;
}

.container-7 {
  max-width: 35vw;
}

.img_wrapper {
  object-fit: fill;
  margin-bottom: 2.5vw;
  overflow: hidden;
}

.img_wrapper._7-height {
  height: 35vw;
  margin-bottom: 1vw;
  position: relative;
}

.img_wrapper.size5-4 {
  width: 25vw;
  height: 20vw;
  margin-bottom: 1vw;
}

.img_wrapper.size_6_6 {
  height: 30vw;
  margin-bottom: 1vw;
}

.proyect-row {
  justify-content: space-between;
  display: flex;
}

.proyect-row.last-child {
  margin-bottom: 0;
}

.proyect-card-5 {
  color: #fff;
  width: 25vw;
  text-decoration: none;
}

.container-5 {
  width: 25vw;
}

.proyect-card_6 {
  width: 30vw;
}

.proyect-card_6.margin_top_2 {
  color: #fff;
  margin-top: 10vw;
  text-decoration: none;
}

.proyectos-cascada {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.description-section.transition__black-white {
  background-color: #101010;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 10vw;
  margin-bottom: 10vw;
  display: flex;
}

.container-17.nopadding__right {
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 85vw;
  height: auto;
  display: flex;
}

.container-17.nopadding__right.vertical-flex {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}

.content-description {
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  max-width: 30vw;
  display: flex;
}

.image-wrapper.width__9 {
  width: 45vw;
}

.reference-section {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.reference-section.big__spacing {
  margin-bottom: 10vw;
}

.reference-section.big__spacing.version__dark {
  background-color: var(--base--black);
  color: var(--base--black);
}

.testimonial-wrapper {
  justify-content: space-between;
  width: 100%;
  margin-top: 2.5vw;
  margin-bottom: 2.5vw;
  display: flex;
}

.testimonial-profile {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  max-width: 30vw;
  display: flex;
}

.testimonial-caption {
  max-width: 30vw;
}

.testimonial-profile-image {
  border-radius: 100%;
  width: 3.5vw;
  height: 3.5vw;
}

.company-section.bg__base-white {
  background-color: #fff;
}

.company-section.bg__base-white.big_spacing {
  margin-bottom: 10vw;
}

.companys-logo_row {
  justify-content: space-between;
  margin-bottom: 2.5vw;
  display: flex;
  overflow: visible;
}

.logo-company {
  object-fit: contain;
  max-width: 10vw;
  max-height: 10vh;
}

.footer.bg-base-black {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 2.5vw;
  display: flex;
}

.rotate-contact {
  z-index: 99999;
  position: fixed;
  inset: auto -10vw -10vw auto;
}

.rotational-contact-image {
  filter: contrast(50%);
  max-width: 20vw;
  transition: all .6s cubic-bezier(.25, .1, 0, 1.007);
}

.rotational-contact-image:hover {
  filter: contrast(200%);
}

.cursor {
  color: #ee060600;
  text-align: center;
  display: block;
  overflow: hidden;
}

.nav--item {
  cursor: pointer;
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  text-decoration: none;
  display: flex;
}

.nav--underline {
  background-color: #fff;
  width: 0%;
  height: 2px;
}

.fotter-text-container {
  flex: 1;
  justify-content: space-between;
  align-self: flex-end;
  width: 100%;
  padding-bottom: 2.5vw;
  display: flex;
}

.mobile-nav-menu, .brand-mobile-content {
  display: none;
}

.menu-top-wrapper {
  justify-content: space-between;
  max-width: 70vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-wrapper {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  display: flex;
}

.menu-top-nav {
  z-index: 9999999;
  background-color: var(--base--black);
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  position: static;
  inset: 0% 0% auto;
}

.logo-nav-icon {
  width: 3.5vw;
}

.hamburguer-menu {
  display: none;
}

.form-field-wrapper {
  width: 20vw;
  position: relative;
}

.form-field-wrapper.full-size {
  width: 100%;
}

.form-field-row {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  justify-content: flex-start;
  margin-bottom: 1.5vw;
  display: flex;
}

.submit-button {
  width: 15vw;
  height: 4vw;
  color: var(--base--black);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: .3vw 0 0;
  font-family: Stelvio, sans-serif;
  font-size: 1.3vw;
  line-height: 1.5vw;
  transition: all .35s cubic-bezier(.86, 0, .07, 1);
  display: block;
}

.submit-button:hover {
  background-color: var(--base--black);
  color: #fff;
  border: 1px solid #fff;
}

.field-text {
  background-color: var(--base--black);
  color: #fff;
  border-radius: 10px;
  height: 4.5vw;
  padding-top: 2vw;
  padding-left: 20px;
  font-family: Stelvio, sans-serif;
  font-size: 1.3vw;
  line-height: 1.5vw;
}

.field-text::placeholder {
  color: #fff;
}

.field-text.selection {
  padding-right: 20px;
}

.field-label {
  margin-bottom: 0;
  font-family: Stelvio, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.5vw;
  position: absolute;
  inset: 15px auto auto 20px;
}

.loader_column {
  flex-direction: column;
  padding-left: 7vh;
  padding-right: 7vh;
  display: flex;
}

.loader_column.is_alt {
  justify-content: flex-end;
}

.loader_column_inner {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.loader_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.loader_img.ls-middle {
  transform: scale(1.5);
}

.loader_flex {
  height: 560vh;
  display: flex;
  transform: scale(.1);
}

.loader_image_wrap {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.page-wrapper {
  margin-bottom: 10vw;
  overflow: hidden;
}

.loader {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
}

._2-columns-overlapping.big__spacing, .business-objetives.big__spacing {
  margin-bottom: 10vw;
}

.skill-card {
  border: 1px solid #fff;
  border-radius: 1px;
  flex-direction: column;
  margin-bottom: 5vw;
  padding: 2.5vw;
  display: flex;
}

.image-3 {
  width: 100%;
}

.full-image-section.big_spacing {
  margin-bottom: 10vw;
}

.image-4 {
  width: 100%;
}

.section-caption.big_spacing, .section_proyect_starting.big_spacing {
  margin-bottom: 10vw;
}

._2-columns-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.medium-spacing {
  margin-bottom: 2.5vw;
}

.container-6 {
  width: 30vw;
}

.image-5 {
  width: 100%;
}

.container {
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.section-timeline {
  z-index: -3;
  background-color: var(--base--black);
  position: relative;
}

.section-timeline.big-spacing {
  margin-bottom: 10vw;
}

.text-colour-white {
  color: #fff;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: none;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  display: none;
  position: fixed;
  inset: 0 auto 50vh;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.timeline_progress {
  z-index: -2;
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline_item {
  z-index: 999999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 10vw 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.overlay-fade-top {
  background-image: linear-gradient(to bottom, var(--base--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_component {
  z-index: 9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, var(--base--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.progress-bar {
  background-image: linear-gradient(#00ffa3, #7000ff 20%, #fa00ff 50%, #ff002e 78%, #ffb800);
  width: 3px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.progress-bar-mask {
  z-index: 999999;
  background-color: #202020;
  width: 3px;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.mockup {
  position: relative;
  top: auto;
}

.wrapper-project-step {
  margin-bottom: 60vh;
}

.wrapper-project-step.last-child {
  margin-bottom: 10vh;
}

.laptop-wrapper {
  position: sticky;
  top: 30vh;
}

.web-image-1 {
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(.1vw, -.9vw)scale(.73);
}

.web-image-1.second {
  z-index: 6;
  width: 100%;
}

.web-image-1.first {
  z-index: 7;
  width: 100%;
}

.web-image-1.thrith {
  z-index: 5;
  width: 100%;
}

.web-image-1.fourth {
  z-index: 4;
  width: 100%;
}

.web-image-1.fifth {
  z-index: 3;
  width: 100%;
}

.web-image-1.sixth {
  z-index: 2;
  width: 100%;
}

.web-image-1.seventh {
  z-index: 1;
  width: 100%;
}

.cursiva {
  font-style: italic;
}

.section-image.big-spacing {
  margin-bottom: 10vw;
}

.kpi-card {
  background-color: var(--base--black);
  border: 1px solid #fff;
  border-radius: 1px;
  align-items: center;
  width: 40vw;
  height: 20vw;
  padding: 2vw;
  display: flex;
  position: relative;
}

.kpi-card.second {
  top: -5vw;
  left: 25vw;
}

.kpi-card.thirth {
  top: -10vw;
  left: -10vw;
}

.kpi-number {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 7vw;
  line-height: 7vw;
}

.image-6 {
  width: 100%;
}

.hero--mobile {
  display: none;
}

.heading-steps {
  margin-top: 0;
  margin-bottom: 1.5vw;
}

.see-website {
  position: fixed;
  inset: auto auto 0% 2vw;
  transform: translate(0%, 200%);
}

.success-message {
  background-color: #ddd0;
}

.error-message {
  text-align: center;
  background-color: #700000;
  margin-top: 2.5vw;
  padding: 1.5vw 1vw 1vw;
}

.mega-text {
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 21.25vw;
  line-height: 17vw;
}

.main-section-404 {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vw;
  padding-bottom: 5vw;
  display: flex;
}

._404-wrapper {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5vw;
  display: flex;
  position: relative;
}

.container-16bs {
  grid-column-gap: 0vw;
  grid-row-gap: 5vw;
  align-items: flex-start;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero_image {
  margin-bottom: 0;
}

.hero_project {
  background-color: #191919;
  width: 100%;
  height: 220vh;
  position: relative;
  overflow: hidden;
}

.hero_project_contain {
  z-index: 999;
  width: 90vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50vh;
  position: relative;
}

.hero_project_heading {
  color: #fff;
  width: 55vw;
  margin-top: 0;
  margin-bottom: 24px;
}

.hero_project_heading.heading {
  width: 45vw;
}

.hero_project_heading.heading.text-colour-white {
  margin-bottom: 4vw;
}

.u-hflex-between-center {
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  display: flex;
}

.u-hflex-between-center.fade-in.hero_project_subtitle-cta {
  justify-content: space-between;
  align-items: stretch;
}

.hero_project_tipology {
  font-family: Stelvio, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 2vw;
}

.hero_project_tipology.text-colour-white {
  line-height: 1.5vw;
}

.hero_project_info {
  width: 45vw;
  padding-top: 30vh;
}

.hero_project_info_description {
  font-family: Stelvio, sans-serif;
  font-size: 2.3vw;
  line-height: 2.5vw;
}

.hero_project_info_description.text-colour-white {
  margin-bottom: 10vh;
  font-weight: 300;
}

.u-hflex-between-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.u-hflex-between-top.full_width {
  width: 100%;
}

.info-list_heading {
  font-family: Stelvio, sans-serif;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.info-list_heading.text-colour-white {
  margin-bottom: 1vw;
  font-weight: 500;
}

.info-list_item {
  margin-bottom: .5vw;
}

.info-list_item.text-colour-white {
  margin-bottom: 1vw;
  font-family: Stelvio, sans-serif;
  font-size: 1.5vw;
  font-weight: 300;
}

.body {
  font-family: Stelvio, sans-serif;
}

.desktop_description {
  padding-top: 10vh;
  padding-bottom: 0;
}

.description_text_objetive {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50vw;
  margin-bottom: 10vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.description_text_objetive_heading {
  width: 40vw;
  margin-top: 0;
  margin-bottom: 5vh;
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 3.2vw;
}

.description_title {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5vw;
  display: flex;
}

.description_title.u-pad-botm-1 {
  margin-bottom: 1vw;
}

.description_title_name {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.description_wrapper {
  flex-flow: column;
  display: flex;
}

.description_paragraph {
  margin-bottom: 1vh;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.5vw;
}

.description_title_image {
  color: #fff;
  width: 16px;
  height: 16px;
}

.description_carousel {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  flex-flow: column;
  margin-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.description_carousel_upperrow {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  align-items: flex-end;
  display: flex;
}

.upper-row-image.is1 {
  width: 20vw;
  height: auto;
}

.upper-row-image.is2 {
  width: 30vw;
}

.upper-row-image.is3 {
  width: 15vw;
}

.upper-row-image.is4 {
  width: 25vw;
}

.upper-row-image.is5 {
  width: 30vw;
}

.description_carousel_bottomrow {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bottom-row-image.is1 {
  width: 25vw;
  height: auto;
}

.bottom-row-image.is3 {
  width: 35vw;
}

.bottom-row-image.is4 {
  width: 15vw;
}

.upper-row-image-copy.is2 {
  width: 30vw;
}

.description_text_solucion {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50vw;
  margin-bottom: 20vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.description_text_solucion.u-desktop-25vw {
  width: 25vw;
}

.description-2columns {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20vh;
  display: flex;
}

.description_2columns_wrapper {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.u-vflex-left-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.description_image_solution.u-desktop-50vw {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50vw;
  display: flex;
}

.description_2image {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20vh;
  padding-bottom: 0;
  display: flex;
}

.description_image {
  width: 47.5vw;
}

.description_image.is1.shadow--medium, .description_image.is2.shadow--medium {
  width: 100%;
  max-width: 50%;
}

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

.main-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fading-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.fading-image.half {
  height: 150%;
}

.cell-2 {
  align-items: flex-end;
}

.cell-3 {
  justify-content: center;
  align-items: center;
}

.sticky-container {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.quick-stack {
  height: 100svh;
  padding: 0;
  overflow: hidden;
}

.description-zoom-transition {
  height: 500svh;
  position: relative;
}

.main-image-wrapper {
  z-index: 10;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.mobile_description {
  background-color: var(--base--black);
  color: #fff;
  width: 100vw;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.mobile_show_images {
  width: 70vw;
  margin-bottom: 50vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50vh;
  position: relative;
}

.mobile_show_image_bg {
  position: relative;
}

.mobile_show_image {
  width: 300px;
}

.mobile_show_image.is1 {
  position: absolute;
  inset: 20vh auto auto 0%;
}

.mobile_show_image.is2 {
  position: absolute;
  inset: 40vh 0% auto auto;
}

.mobile_show_image.is3 {
  position: absolute;
  bottom: -30vh;
  left: 25vw;
}

.description_image_solution_mobile {
  width: 40%;
}

.description_image_solution_mobile.is2 {
  margin-top: 10vh;
}

.hero_project_bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.transition_responsive {
  display: none;
}

.project-heading-video {
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.carousel-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.carousel_wrapper {
  width: 100vw;
  margin-bottom: 24px;
  overflow: hidden;
}

.logo_container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.shadow--medium {
  width: 100%;
  box-shadow: 0 0 40px #00000012;
}

.service-card {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  border: 1px solid #fff;
  border-radius: 1px;
  flex-flow: column;
  width: 33%;
  padding: 1vw 1vw 1.5vw;
  display: flex;
}

.service--row-icon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.icon-bordered {
  width: 24px;
  height: 24px;
  margin-right: -16px;
}

.service-card--title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2vw;
  line-height: 2.2vw;
}

.service-card--heading {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.service-card--list--item {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.service-card-wrapper {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  display: flex;
}

.service-car_list-item {
  border-bottom: 1px solid #fff;
  padding-bottom: .5vw;
  font-family: Stelvio, sans-serif;
  font-size: 1vw;
  line-height: 1.3vw;
}

.icon_embeded {
  width: 24px;
  height: 24px;
  margin-right: -16px;
}

.display-xl {
  font-family: Stelvio, sans-serif;
  font-size: 20vw;
  font-weight: 500;
  line-height: 1;
}

.display-xl.uppercase {
  text-transform: uppercase;
}

.display-xl.uppercase.underoverlay {
  background-image: linear-gradient(180deg, var(--base--black), #6e6e6e 56%);
  color: #fff0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 20vw;
}

.display-xl.uppercase.upperoverlay {
  background-image: linear-gradient(0deg, var(--base--black), #6e6e6e 99%);
  color: #fff0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 1vw;
}

.footer-display--wrapper {
  display: flex;
}

.bottom-navbar {
  z-index: 99999;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.bottom-navbar:where(.w-variant-37c80bbd-4c5f-7952-44ee-e4051dae445d) {
  display: flex;
}

.bottom-navbar-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-color: #272727b3;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
}

.bottom-option {
  border: 1px solid #3b3b3b;
  border-radius: 8px;
  padding: 20px 16px 12px;
}

.bottom-option.logo {
  background-color: var(--base--black);
  border: 1px #3b3b3b;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  display: flex;
}

.bottom-option.contact {
  color: #333;
  background-color: #fff;
  padding-top: 20px;
  transition: all .35s;
}

.bottom-option.contact:where(.w-variant-37c80bbd-4c5f-7952-44ee-e4051dae445d) {
  background-color: #18fc3f;
  transition: all .35s ease-in-out;
}

.bottom-option.contact:where(.w-variant-b793d3bf-f457-a9b7-2329-9474f80732c2) {
  background-color: #ff72c6;
}

.bottom-option.contact:where(.w-variant-e573c5fc-db1c-ce3e-549f-254ca2ca1b0a) {
  background-color: #d30000;
}

.bottom-option.contact:where(.w-variant-7836ab0c-abb9-5ac8-b448-148704bb60cb) {
  background-color: #dbff3d;
}

.bottom-option.contact:where(.w-variant-ad471924-a434-c81a-3ef3-2792aabf3c9f) {
  background-color: #7876ff;
}

.bottom-option.contact:where(.w-variant-5bc3d80c-1073-b36b-5abc-753e718086a0) {
  background-color: #85a7ff;
}

.bottom-option.contact:hover {
  color: #fff;
  background-color: #ebebeb;
}

.bottom-option.contact:hover:where(.w-variant-37c80bbd-4c5f-7952-44ee-e4051dae445d) {
  background-color: #fff;
}

.bottom-list-option {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #1d1d1d;
  border-radius: 16px;
  padding: 8px;
  display: flex;
}

.project-title {
  font-family: Fontsfree net newyork, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2.2vw;
}

.project-subtitle {
  color: #999;
  font-family: Stelvio, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.bottom-option_text {
  color: #141414;
  font-family: Stelvio, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.3vw;
  text-decoration: none;
  display: flex;
}

.hero-project_heading-wrapper {
  overflow: hidden;
}

.visual-exploration_wrapper {
  flex-flow: column;
  width: 100%;
  max-width: 90vw;
  display: flex;
}

.text_objetive_wrapper {
  width: 100%;
  max-width: 50vw;
  display: flex;
}

.grid {
  grid-row-gap: 17px;
  grid-template-areas: ". Area";
  width: 100%;
}

.footer-description {
  width: 100%;
  font-family: Stelvio, sans-serif;
  font-size: 5vw;
  line-height: 5.1vw;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

@media screen and (max-width: 991px) {
  .bg-base-black {
    padding-top: 10vw;
  }

  .hero-section {
    margin-bottom: 5vw;
    padding: 5vw;
  }

  .wysiwyg {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .wysiwyg.centered._9bswidth {
    width: 80vw;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .wysiwyg.cta-text.dark__type {
    padding-top: 5px;
  }

  .wysiwyg.last-child {
    margin-bottom: 5vw;
  }

  .wysiwyg.base__black {
    margin-bottom: 2vw;
  }

  .wysiwyg.nav--item {
    font-size: 3vw;
    line-height: 4vw;
  }

  .wysiwyg.wdth-8.right-align, .wysiwyg.width-8.right-align {
    max-width: 70vw;
  }

  .headline-big.medium-width.centered {
    width: 90vw;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .headline-big.project-title {
    font-size: 9vw;
    line-height: 12vw;
  }

  .section-skills.big__spacing {
    overflow: hidden;
  }

  .cta.base__white {
    width: 30vw;
    height: 7.5vw;
  }

  .cta-circle {
    width: 15px;
    height: 15px;
  }

  .proyect-card__full.large-spacing {
    width: 100%;
  }

  .container-14 {
    max-width: 90vw;
    margin-bottom: 10vw;
  }

  .container-14.overflow-on {
    flex-direction: column;
    display: flex;
  }

  .image-project, .image-project.size_6_6 {
    height: auto;
  }

  .headline__small {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .wysiwyg--medium {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 4.52vw;
  }

  .container-7 {
    max-width: 100vw;
  }

  .img_wrapper.size5-4, .img_wrapper.size_6_6 {
    width: 100%;
    height: auto;
  }

  .proyect-row {
    flex-direction: column;
  }

  .proyect-row.last-child {
    margin-bottom: 0;
  }

  .proyect-card-5 {
    width: 100%;
    margin-bottom: 10vw;
  }

  .proyect-card-5.no-margin-bottom {
    margin-bottom: 0;
  }

  .container-5 {
    width: 100%;
    margin-bottom: 10vw;
  }

  .proyect-card_6.margin_top_2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10vw;
  }

  .description-section.transition__black-white {
    justify-content: center;
  }

  .container-17.nopadding__right {
    flex-direction: column;
    align-items: flex-start;
    width: 90vw;
  }

  .content-description {
    max-width: 90vw;
    margin-bottom: 10vw;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrapper.width__9 {
    width: 100%;
    margin-left: 0;
  }

  .reference-section.big__spacing {
    margin-bottom: 0;
    padding-top: 5vw;
  }

  .testimonial-wrapper {
    flex-direction: column;
    margin-top: 3.5vw;
    margin-bottom: 3.5vw;
  }

  .testimonial-profile {
    max-width: 100vw;
    margin-bottom: 2.5vw;
  }

  .testimonial-caption {
    max-width: 100vw;
  }

  .testimonial-profile-image {
    width: 10vw;
    height: 10vw;
  }

  .company-section.bg__base-white.big_spacing {
    margin-bottom: 0;
    padding-top: 10vw;
    padding-bottom: 5vw;
  }

  .companys-logo_row {
    margin-bottom: 3vw;
  }

  .logo-company {
    max-width: 10vw;
  }

  .rotate-contact {
    bottom: -15vw;
    right: -15vw;
  }

  .rotational-contact-image {
    max-width: 30vw;
  }

  .fotter-text-container {
    flex-flow: column;
    align-self: flex-start;
    margin-bottom: 5vw;
  }

  .image-2 {
    display: none;
  }

  .mobile-nav-menu {
    z-index: 99999;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-end;
    width: 100vw;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .mobile-vertical-divider {
    background-color: #000;
    width: 1px;
    height: 100vh;
    position: absolute;
    inset: 0% auto auto 10vw;
  }

  .mobile-horizontal-divider {
    background-color: #000;
    width: 100vw;
    height: 1px;
    position: absolute;
    inset: 10vw auto auto 0%;
  }

  .brand-mobile-content {
    align-self: flex-end;
    width: 80vw;
    padding-top: 5vw;
    padding-left: 20vw;
    display: block;
  }

  .menu-responsive-wrapper {
    color: var(--base--black);
  }

  .close-wrapper {
    position: absolute;
    inset: 5vw 5vw auto auto;
  }

  .menu-top-wrapper {
    align-items: flex-start;
    max-width: 80vw;
  }

  .nav-wrapper {
    display: flex;
  }

  .menu-top-nav {
    padding-bottom: 2.5vw;
  }

  .logo-nav-icon {
    width: 10vw;
  }

  .hamburguer-menu {
    display: none;
  }

  .form-field-wrapper {
    width: 30vw;
  }

  .submit-button {
    width: 25vw;
    height: 7.5vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }

  .field-text {
    height: 8vw;
    padding-top: 4vw;
    padding-left: 15px;
    font-size: 2vw;
    line-height: 2.2vw;
  }

  .field-label {
    font-size: 2vw;
    top: 15px;
    left: 15px;
  }

  .loader_img.ls-middle {
    object-fit: cover;
  }

  .page-wrapper.bg-base-black {
    padding-top: 0;
    display: none;
  }

  .loader {
    height: 50vh;
  }

  ._2-columns-content {
    flex-direction: column;
  }

  .container-6 {
    width: 100vw;
    margin-bottom: 5vw;
  }

  .section-timeline.big-spacing {
    margin-bottom: 5vw;
  }

  .timeline_right {
    width: 100%;
  }

  .timeline_centre, .timeline_progress {
    display: none;
  }

  .timeline_item {
    grid-template-columns: 1fr 0 .25fr;
    display: flex;
  }

  .timeline_left {
    display: none;
  }

  .wrapper-project-step {
    margin-bottom: 10vw;
  }

  .kpi-card {
    width: 92vw;
    height: 50vw;
    margin-bottom: 2.5vw;
  }

  .kpi-card.second, .kpi-card.thirth {
    top: 0;
    left: 0;
  }

  .kpi-number {
    font-size: 14vw;
    line-height: 14vw;
  }

  .hero--mobile {
    background-image: linear-gradient(357deg, var(--base--black), #10101000), url('../images/pelo-rizado.webp');
    background-position: 0 0, 50%;
    background-size: auto, auto;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 75vh;
    padding: 3vw;
    display: flex;
    overflow: hidden;
  }

  .hero--mobile.lulas {
    background-image: url('../images/LULAS2220220921_0938_1071x.webp');
  }

  .hero--mobile.lulas.overlay-bg {
    background-image: linear-gradient(9deg, var(--base--black), #0404043d 35%, #0000), url('../images/LULAS2220220921_0938_1071x.webp'), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, auto;
  }

  .hero--mobile.icoa-bg {
    background-image: url('../images/YDRAY-ICOA-Fotos-trabajando-09-IMG_3507-1.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .hero--mobile.icoa-bg.overlay-bg {
    background-image: linear-gradient(6deg, var(--base--black), #0202021c 38%, #0000), url('../images/YDRAY-ICOA-Fotos-trabajando-09-IMG_3507-1.webp'), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, cover, auto;
  }

  .hero--mobile.calopa-bg {
    background-image: url('../images/Calopa.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .hero--mobile.calopa-bg.overlay-bg {
    background-image: linear-gradient(12deg, var(--base--black), #0202021c 32%, #0000), url('../images/Calopa.webp'), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, cover, auto;
  }

  .hero--mobile.esie-bg {
    background-image: linear-gradient(to top, var(--base--black), #0000), url('../images/hero-esie.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .see-website {
    display: none;
    position: relative;
    inset: 0 0 0 0;
  }

  .see-website.cta-hero {
    display: block;
  }

  .container-16bs {
    flex-direction: column-reverse;
  }

  .hero_project {
    height: auto;
    padding-bottom: 5vh;
  }

  .hero_project_tipology.text-colour-white {
    font-size: 2vw;
    line-height: 2vw;
  }

  .hero_project_info {
    width: 100%;
    padding-top: 10vh;
  }

  .hero_project_info_description.text-colour-white {
    margin-bottom: 5vh;
  }

  .info-list_heading.text-colour-white {
    font-size: 2vw;
  }

  .info-list_item.text-colour-white {
    font-size: 2vw;
    line-height: 2vw;
  }

  .desktop_description {
    padding-top: 5vh;
  }

  .description_text_objetive.fade-in {
    width: 55vw;
  }

  .description_text_objetive_heading {
    font-size: 3.5vw;
  }

  .description_title_name {
    font-size: 2vw;
    line-height: 2vw;
  }

  .description_paragraph {
    font-size: 2vw;
    line-height: 2.2vw;
  }

  .description_text_solucion.u-desktop-25vw {
    width: 35vw;
  }

  .description-2columns {
    margin-bottom: 10vh;
  }

  .description-zoom-transition {
    display: none;
  }

  .mobile_description {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .mobile_show_image.is1, .mobile_show_image.is2, .mobile_show_image.is3 {
    width: 150px;
  }

  .hero_project_bg {
    height: 100%;
  }

  .transition_responsive, .transition_responsive_image {
    width: 100%;
  }

  .service-card {
    width: 100%;
    padding: 2vw 2vw 2.4vw;
  }

  .service-card--title {
    font-size: 3.5vw;
    line-height: 5.2vw;
  }

  .service-card--list--item {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .service-card-wrapper {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
  }

  .service-car_list-item {
    padding-bottom: 1vw;
    font-size: 3vw;
    line-height: 3.3vw;
  }

  .bottom-option_text {
    font-size: 3vw;
    line-height: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_left {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .bg-base-black {
    padding-top: 20vw;
  }

  .hero-section {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15vw;
    padding-left: 0;
    padding-right: 0;
  }

  .heading.centered {
    margin-bottom: 7.5vw;
    font-size: 9vw;
    line-height: 10vw;
  }

  .heading.medium-spacing {
    margin-bottom: 5vw;
  }

  .wysiwyg {
    margin-bottom: 2vw;
    font-size: 16px;
    line-height: 24px;
  }

  .wysiwyg.centered._9bswidth {
    width: 80vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .wysiwyg.centered.small-spacing {
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .wysiwyg.centered.medium-spacing {
    margin-bottom: 5vw;
  }

  .wysiwyg.centered.medium-spacing.fade-in.align-left-mobile {
    text-align: left;
  }

  .wysiwyg.cta-text.dark__type {
    font-size: 5vw;
    font-weight: 500;
    line-height: 5.5vw;
  }

  .wysiwyg.last-child {
    margin-bottom: 5vw;
  }

  .wysiwyg.base__black {
    margin-bottom: 3.5vw;
  }

  .wysiwyg.copyright {
    margin-top: 5vw;
  }

  .wysiwyg.nav--item.inverse {
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 30px;
    display: block;
  }

  .wysiwyg.wdth-8.right-align.up-wysiwyg-animation.fade-in {
    max-width: 100vw;
  }

  .wysiwyg.not-found-text {
    margin-right: 0;
  }

  .headline-big {
    font-size: 10vw;
    line-height: 12vw;
  }

  .headline-big.centered.medium-spacing.fade.align-left-mobile {
    text-align: left;
  }

  .headline-big.medium-width.centered {
    width: 80vw;
    font-size: 9vw;
    line-height: 10vw;
  }

  .headline-big.small_spacing {
    margin-bottom: 3.5vw;
    font-size: 10vw;
    line-height: 12vw;
  }

  .headline-big.base__black.centered.medium-spacing {
    font-size: 9vw;
    line-height: 10vw;
  }

  .headline-big.medium-spacing {
    margin-bottom: 7.5vw;
    font-size: 9vw;
    line-height: 10vw;
  }

  .headline-big.project-title {
    padding-bottom: 5vw;
    padding-left: 5vw;
    font-size: 15vw;
    line-height: 17vw;
  }

  .section-skills.big__spacing {
    margin-bottom: 15vw;
  }

  .cta.base__white {
    width: 75vw;
    height: 56px;
  }

  .cta.base__white.align__left.margin-top--medium {
    margin-top: 7.5vw;
  }

  .cta.base__white.u-no-margin {
    display: block;
  }

  .cta.base__white.u-no-margin.u-visible-mobile {
    display: flex;
  }

  .cta.base__white.full-width {
    width: 100%;
    margin-bottom: 24px;
  }

  .cta-circle {
    width: 10px;
    height: 10px;
    display: none;
  }

  .container-14 {
    max-width: 90vw;
  }

  .image-project {
    height: auto;
  }

  .image-project._7-height {
    height: 100%;
  }

  .image-project.size_6_6 {
    height: auto;
  }

  .headline__small {
    margin-bottom: 3.5vw;
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .headline__small.base__black.spacing__small {
    margin-bottom: 1.5vw;
  }

  .wysiwyg--medium {
    margin-bottom: 5vw;
    font-size: 7.5vw;
    line-height: 8vw;
    position: static;
  }

  .wysiwyg--medium.black-color {
    color: var(--base--black);
    margin-bottom: 10vw;
    font-size: 10vw;
    display: block;
    position: static;
  }

  .wysiwyg--medium.kpi-concept {
    top: 4vw;
    left: 4vw;
  }

  .container-7 {
    max-width: 100%;
  }

  .img_wrapper._7-height {
    height: 50vw;
  }

  .img_wrapper.size5-4, .img_wrapper.size_6_6 {
    width: 100%;
    height: auto;
  }

  .proyect-row {
    flex-direction: column;
  }

  .proyect-row.last-child {
    margin-bottom: 5vw;
  }

  .proyect-card-5 {
    width: 100%;
    margin-bottom: 10vw;
  }

  .proyect-card-5.no-margin-bottom {
    margin-bottom: 5vw;
  }

  .container-5 {
    width: 100%;
    margin-bottom: 0;
  }

  .proyect-card_6.margin_top_2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10vw;
  }

  .proyectos-cascada {
    margin-bottom: 15vw;
  }

  .description-section.transition__black-white {
    justify-content: center;
    margin-bottom: 0;
  }

  .container-17.nopadding__right {
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .content-description {
    width: 80vw;
    max-width: 100%;
    margin-bottom: 15vw;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrapper.width__9 {
    width: 100%;
    margin-left: 0;
  }

  .reference-section.big__spacing {
    margin-bottom: 0;
    padding-top: 15vw;
  }

  .testimonial-wrapper {
    grid-column-gap: 3.5vw;
    grid-row-gap: 3.5vw;
    flex-direction: column;
    margin-bottom: 5vw;
  }

  .separator {
    height: 2px;
    margin-bottom: 5vw;
  }

  .testimonial-profile {
    flex-direction: column;
    max-width: 100vw;
  }

  .testimonial-caption {
    max-width: 100vw;
  }

  .testimonial-profile-image {
    width: 15vw;
    height: 15vw;
    margin-bottom: 2.5vw;
  }

  .company-section.bg__base-white.big_spacing {
    padding-top: 0;
  }

  .companys-logo_row {
    flex-flow: row;
  }

  .logo-company {
    flex: 0 auto;
    max-width: 90px;
    margin-bottom: 5vw;
  }

  .footer.bg-base-black {
    padding-top: 40px;
  }

  .rotate-contact {
    width: 50vw;
    max-width: 50vw;
    bottom: -25vw;
    right: -25vw;
  }

  .rotate-contact-wrapper {
    width: 50vw;
    max-width: 50vw;
  }

  .rotational-contact-image {
    max-width: 50vw;
  }

  .nav--item {
    display: none;
  }

  .fotter-text-container {
    width: 80vw;
    margin-bottom: 5vw;
    margin-left: auto;
    margin-right: auto;
  }

  .profile_image, .image-2 {
    width: 100%;
  }

  .mobile-nav-menu {
    background-color: #fff;
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    inset: 0% 0% 0% 100%;
  }

  .mobile-vertical-divider {
    z-index: 1000;
    background-color: var(--base--black);
    width: 1px;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    left: 15vw;
  }

  .mobile-horizontal-divider {
    z-index: 1000;
    background-color: var(--base--black);
    width: 100vw;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 20vw;
  }

  .brand-mobile-content {
    z-index: 2147483647;
    float: none;
    width: 100vw;
    height: 100vh;
    padding: 0 0 0 20vw;
    display: block;
    position: absolute;
  }

  .brand-responsive-image-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 20vw;
    display: flex;
  }

  .brand-responsive-image {
    width: 20vw;
  }

  .mobile-menu-options {
    flex-direction: column;
    justify-content: space-between;
    max-width: 60vw;
    height: 80vh;
    padding-top: 10vw;
    display: flex;
  }

  .menu-responsive-wrapper {
    position: relative;
  }

  .copyright-menu-mobile {
    position: absolute;
    inset: auto auto 15vw 20vw;
  }

  .copyright-text-mobile-nav {
    color: var(--base--black);
    font-family: Stelvio, sans-serif;
    font-weight: 300;
  }

  .close-wrapper {
    position: absolute;
    inset: 6vw 10vw auto auto;
  }

  .close-icon {
    position: relative;
    inset: auto;
  }

  .menu-top-nav {
    z-index: 999;
    padding-top: 5vw;
    padding-bottom: 5vw;
    position: fixed;
  }

  .logo-nav-icon {
    width: 15vw;
  }

  .hamburguer-menu {
    text-align: right;
    width: 100%;
    height: 100%;
    display: block;
  }

  .hamburguer-icon {
    width: 5vw;
  }

  .form-field-wrapper {
    width: 100%;
  }

  .form-field-row {
    flex-direction: column;
  }

  .submit-button {
    width: 100%;
    height: 20vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .field-text {
    border-radius: 5px;
    height: 20vw;
    padding-top: 7.5vw;
    padding-left: 15px;
    font-size: 5vw;
  }

  .field-text:active {
    padding-top: 5vw;
    font-size: 5vw;
  }

  .field-text::placeholder {
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .field-text.selection {
    padding-left: 10px;
  }

  .field-label {
    font-size: 5vw;
    top: 20px;
    left: 15px;
  }

  .form-block {
    width: 100%;
  }

  ._2-columns-overlapping.big__spacing {
    margin-bottom: 15vw;
  }

  ._2-columns-overlapping.big__spacing.bg-base-black {
    padding-top: 0;
  }

  .skill-card {
    padding: 6.5vw;
  }

  .nav--link {
    text-decoration: none;
    position: relative;
  }

  .full-image-section.big_spacing {
    margin-bottom: 15vw;
  }

  .section-caption.big_spacing.bg-base-black, .section_proyect_starting.big_spacing.bg-base-black {
    margin-bottom: 15vw;
    padding-top: 0;
  }

  .container-6 {
    width: 100%;
  }

  .method-section {
    margin-bottom: -5vw;
  }

  .container {
    width: 80vw;
  }

  .timeline_progress-bar, .timeline_progress {
    display: none;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .overlay-fade-bottom {
    height: 0;
  }

  .progress-bar, .progress-bar-mask {
    display: none;
  }

  .wrapper-project-step {
    margin-bottom: 15vw;
  }

  .wrapper-project-step.last-child {
    margin-bottom: 0;
  }

  .kpi-card {
    width: 100%;
    margin-bottom: 5vw;
  }

  .hero--mobile {
    background-position: 50%;
    height: 80vh;
    margin-bottom: 15vw;
  }

  .hero--mobile.lulas {
    background-position: 0 0;
  }

  .hero--mobile.icoa-bg {
    background-size: cover;
  }

  .hero--mobile.calopa-bg.overlay-bg {
    background-image: linear-gradient(12deg, var(--base--black), #0202021c 60%, #0000), url('../images/Calopa.webp'), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, cover, auto;
  }

  .heading-steps {
    margin-top: 0;
    margin-bottom: 2.5vw;
    font-size: 10vw;
    line-height: 12vw;
  }

  .error-message {
    padding: 2vw;
  }

  .mega-text {
    margin-bottom: 5vw;
  }

  .main-section-404 {
    height: 90vh;
    padding-top: 0;
  }

  ._404-wrapper {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10vw;
  }

  .container-16bs {
    grid-row-gap: 10vw;
    width: 90vw;
  }

  .hero_image {
    width: 100%;
    margin-bottom: 48px;
  }

  .hero_project {
    z-index: 2;
    height: 100vh;
  }

  .hero_project_contain {
    padding-top: 30vh;
  }

  .hero_project_heading.heading.text-colour-white.fade-in {
    width: 100%;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
  }

  .hero_project_heading.heading.fade-in {
    width: 100%;
    font-size: 40px;
    line-height: 44px;
  }

  .u-hflex-between-center.fade-in {
    flex-flow: column;
  }

  .u-hflex-between-center.fade-in.hero_project_subtitle-cta {
    margin-bottom: 16px;
  }

  .hero_project_tipology.text-colour-white {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .hero_project_info {
    padding-top: 0;
  }

  .hero_project_info_description.text-colour-white {
    font-size: 16px;
    line-height: 24px;
  }

  .hero-project_info-list {
    width: 20%;
    margin-bottom: 8px;
  }

  .u-hflex-between-top.full_width {
    flex-flow: column;
  }

  .u-hflex-between-top.zig-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .info-list_heading.text-colour-white {
    font-size: 16px;
    line-height: 24px;
  }

  .info-list_item.text-colour-white {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 21px;
  }

  .description_text_objetive.fade-in {
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
  }

  .description_text_objetive_heading {
    width: 100%;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }

  .description_title {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
  }

  .description_title_name {
    font-size: 16px;
    line-height: 24px;
  }

  .description_paragraph {
    margin-bottom: 2vh;
    font-size: 16px;
    line-height: 24px;
  }

  .upper-row-image.is1 {
    width: 30vw;
  }

  .upper-row-image.is2 {
    width: 50vw;
  }

  .upper-row-image.is3 {
    width: 40vw;
  }

  .upper-row-image.is4 {
    width: 30vw;
  }

  .upper-row-image.is5, .bottom-row-image.is1 {
    width: 35vw;
  }

  .bottom-row-image.is3 {
    width: 40vw;
  }

  .bottom-row-image.is4 {
    width: 35vw;
  }

  .upper-row-image-copy.is2 {
    width: 50vw;
  }

  .description_text_solucion.u-desktop-25vw {
    width: 100%;
    margin-bottom: 5vh;
  }

  .description_text_solucion.fade-in {
    width: 90%;
    margin-bottom: 10vh;
  }

  .description_2columns_wrapper {
    flex-flow: column;
    width: 90%;
  }

  .description_image_solution.u-desktop-50vw {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 2.5vh;
  }

  .description_2image {
    flex-flow: column;
    margin-bottom: 10vh;
  }

  .description_image.is1, .description_image.is2 {
    width: 100%;
  }

  .mobile_description {
    overflow: hidden;
  }

  .mobile_show_images {
    margin-bottom: 5vh;
    padding-bottom: 0;
  }

  .mobile_show_image.is1 {
    width: 60%;
    position: relative;
    top: auto;
    left: auto;
  }

  .mobile_show_image.is2 {
    width: 60%;
    position: relative;
    top: auto;
  }

  .mobile_show_image.is3 {
    width: 60%;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .description_image_solution_mobile, .description_image_solution_mobile.is2 {
    width: 40%;
  }

  .hero_project_bg {
    height: 100%;
    top: 2%;
  }

  .mobile_show_image_wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .logo_container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .service-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px 16px 24px;
  }

  .service-card--title {
    font-size: 24px;
    line-height: 32px;
  }

  .service-card--heading {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .service-car_list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .bottom-navbar {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    bottom: 1%;
  }

  .bottom-navbar-wrapper {
    width: 100%;
  }

  .bottom-option {
    display: none;
  }

  .bottom-option.contact {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 16px 0 12px;
    display: flex;
  }

  .bottom-list-option {
    flex: 1;
  }

  .project-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .project-subtitle, .bottom-option_text {
    font-size: 16px;
    line-height: 24px;
  }

  .text-block {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
  }

  .close_text {
    color: var(--base--black);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }

  .text_objetive_wrapper {
    max-width: 100vw;
  }

  .grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .footer-description {
    font-size: 16px;
    line-height: 24px;
  }
}

#w-node-_1534a6e6-c4d9-92ba-ea21-3ea127f34b53-99783c08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-99783c08 {
  grid-template-rows: 20svh auto 20svh;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-99783c08 {
  grid-column: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-99783c08 {
  grid-row: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-c00f9a9f {
  grid-template-rows: 20svh auto 20svh;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-c00f9a9f {
  grid-column: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-c00f9a9f {
  grid-row: span 2 / span 2;
}

#w-node-_1534a6e6-c4d9-92ba-ea21-3ea127f34b53-308393d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-308393d5 {
  grid-template-rows: 20svh auto 20svh;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-308393d5 {
  grid-column: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-308393d5 {
  grid-row: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-f189f622 {
  grid-template-rows: 20svh auto 20svh;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-f189f622 {
  grid-column: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-f189f622 {
  grid-row: span 2 / span 2;
}

#w-node-_1534a6e6-c4d9-92ba-ea21-3ea127f34b53-aed9894c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-aed9894c {
  grid-template-rows: 20svh auto 20svh;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-aed9894c {
  grid-column: span 2 / span 2;
}

#w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-aed9894c {
  grid-row: span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-99783c08 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr .25fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-99783c08, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-99783c08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-99783c08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-99783c08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-99783c08 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-99783c08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-99783c08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-c00f9a9f {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr .25fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-c00f9a9f, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-c00f9a9f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-c00f9a9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-c00f9a9f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-c00f9a9f {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-c00f9a9f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-c00f9a9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-308393d5 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr .25fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-308393d5, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-308393d5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-308393d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-308393d5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-308393d5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-308393d5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-308393d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-f189f622 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr .25fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-f189f622, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-f189f622 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-f189f622 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-f189f622 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-f189f622 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-f189f622 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-f189f622 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-aed9894c {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr .25fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-aed9894c, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-aed9894c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-aed9894c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-aed9894c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-aed9894c {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-aed9894c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-aed9894c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-99783c08 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-99783c08, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-99783c08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-99783c08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-99783c08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-99783c08 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-99783c08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-99783c08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-c00f9a9f {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-c00f9a9f, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-c00f9a9f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-c00f9a9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-c00f9a9f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-c00f9a9f {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-c00f9a9f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-c00f9a9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-308393d5 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-308393d5, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-308393d5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-308393d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-308393d5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-308393d5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-308393d5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-308393d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-f189f622 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-f189f622, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-f189f622 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-f189f622 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-f189f622 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-f189f622 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-f189f622 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-f189f622 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-aed9894c {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-aed9894c, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-aed9894c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-aed9894c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-aed9894c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-aed9894c {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-aed9894c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-aed9894c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-99783c08 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-99783c08, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-99783c08, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-99783c08, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-99783c08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-99783c08 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-99783c08, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-99783c08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-c00f9a9f {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-c00f9a9f, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-c00f9a9f, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-c00f9a9f, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-c00f9a9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-c00f9a9f {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-c00f9a9f, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-c00f9a9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-308393d5 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-308393d5, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-308393d5, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-308393d5, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-308393d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-308393d5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-308393d5, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-308393d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-f189f622 {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-f189f622, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-f189f622, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-f189f622, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-f189f622 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-f189f622 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-f189f622, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-f189f622 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657b-aed9894c {
    grid-template-rows: 20svh auto 30svh;
    grid-template-columns: 1fr;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657c-aed9894c, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657d-aed9894c, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af657f-aed9894c, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6581-aed9894c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6584-aed9894c {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6586-aed9894c, #w-node-_38e500b2-9991-8d38-97e5-dc7a07af6588-aed9894c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/medium-italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/Light-italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/Bold.woff') format('woff'), url('../fonts/Extra-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/Bold-Italic.woff') format('woff'), url('../fonts/Extra-Bold-Italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stelvio';
  src: url('../fonts/Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fontsfree net newyork';
  src: url('../fonts/FontsFree-Net-NewYork.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}