:root {
  --white: white;
  --color-6: #172337;
  --black: #000;
  --color-3: #f1ece8;
  --color-2: #2d466e;
  --color-1: #ee756a;
  --color-4: #c3d5d9;
  --color-5: #e6dac4;
  --misure--gap: 3rem;
}

.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-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--white);
  color: var(--color-6);
  font-family: arpona, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

h3 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

p {
  color: var(--color-6);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}

a {
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

.header_component {
  width: 100%;
  height: 101svh;
}

.header_container {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.header_background {
  background-color: var(--color-6);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.header-video {
  z-index: 1;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  position: relative;
}

.header_wrap {
  z-index: 3;
  grid-column-gap: 6vh;
  grid-row-gap: 6vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5vh;
  display: flex;
  position: absolute;
}

.page_wrapper {
  min-height: 100vh;
}

.heading-hero_wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-1 {
  color: var(--color-3);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 60px;
  line-height: 1;
}

.heading-1.is-dark {
  color: var(--color-2);
}

.header-hover {
  z-index: 2;
  background-image: linear-gradient(#0006, #fff0 20%), linear-gradient(#fff0 50%, #00000080), linear-gradient(#0003, #0003);
  position: absolute;
  inset: 0%;
}

.header-hover.complesso {
  background-image: linear-gradient(#0009, #fff0 20%), linear-gradient(#fff0 50%, #0006);
}

.header-hover.uffici {
  background-image: linear-gradient(#0006, #fff0 20%), linear-gradient(#fff0 50%, #00000080);
}

.header-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.header-image.align-btn {
  object-position: 50% 85%;
}

.subline-hero_wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.subline-hero_wrap.max-w {
  max-width: 600px;
}

.heading-2 {
  color: var(--color-3);
}

.heading-2.is-dark {
  color: var(--color-6);
}

.section {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section.padding {
  padding: 10vw 5vw;
}

.section.padding.overflow-hidden {
  padding-bottom: 5vw;
  overflow: hidden;
}

.section.padding-btn {
  padding-bottom: 5vw;
}

.section.padding-xs {
  padding: 5vw;
}

.section.padding-vert {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.section.is-technical {
  background-image: linear-gradient(#ffffffb3, #0000), url('../images/IlFaro_BrandManual_REV01-3.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}

.section.is-legal {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding: 140px 5vw 5vw;
}

.container {
  z-index: 1;
  position: relative;
}

.container.is-topic-card {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.container.is-full {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.container.is-full.xxw {
  height: 46vw;
  margin-top: 5px;
  margin-bottom: 5px;
}

.container.is-double {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.span-semibold {
  font-weight: 600;
}

.paragraph.is-white {
  color: var(--color-3);
}

.paragraph.disclaimer-txt.is-dark {
  max-width: 1300px;
  color: var(--black);
}

.paragraph_wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph_wrap.max-w {
  max-width: 750px;
}

.paragraph_wrap.max-w-2 {
  max-width: 600px;
}

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

.paragraph_wrap.align-left.align-vert {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.main-title_wrap {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.main-title_wrap.max-w {
  max-width: 650px;
}

.main-title_wrap.no-margin-btn {
  margin-bottom: 0;
}

.main-title_wrap.align-left {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.main-title_wrap.max-w--2 {
  max-width: 750px;
}

.main-title_wrap.max-w--2.margin-btn-xs {
  margin-bottom: 40px;
}

.txt_wrap {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.txt_wrap.is-absolute {
  z-index: 2;
  max-width: 50vw;
  position: absolute;
  inset: 10vh auto auto 5vw;
}

.txt_wrap.max-w {
  max-width: 500px;
}

.txt_wrap.align-left {
  justify-content: center;
  align-items: flex-start;
}

.txt_wrap.is-technical {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.txt_wrap.margin-top {
  margin-top: 60px;
}

.intro-title {
  color: var(--color-2);
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
}

.intro-title.is-white {
  color: var(--color-3);
}

.section-title {
  color: var(--color-1);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: arpona, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.section-title_wrap {
  margin-bottom: 20px;
}

.card-vantaggi_grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-self: stretch;
  justify-items: stretch;
}

.image-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-wrap.min-h {
  height: 50vw;
}

.image-wrap.is-square {
  aspect-ratio: 1;
  height: 46vw;
  min-height: 730px;
}

.image-wrap.is-absolute {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-wrap.min-h-2 {
  height: 42vw;
  min-height: 600px;
}

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

.image-cover.is-square {
  aspect-ratio: 1;
}

.image-cover.is-square.aling-btn {
  object-position: 50% 95%;
}

.image-cover.min-h {
  min-height: 750px;
}

.image-cover.aling-btn {
  object-position: 50% 100%;
}

.image-cover.align-left {
  object-position: 10% 50%;
}

.card-vantaggi_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-vantaggi-txt_wrap {
  color: var(--color-6);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-3 {
  color: var(--color-1);
}

.container_background {
  background-color: var(--color-3);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.container_background.is-half {
  height: 66%;
}

.container_background.is-dark {
  background-color: var(--color-2);
  background-image: radial-gradient(circle farthest-side at 50% 50%, #fff0, var(--color-2)), linear-gradient(to bottom, #2d466eb3, #2d466eb3), url('../images/IlFaro_BrandManual_REV01-2-standard-scale.webp');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.container_background.is-sand {
  background-image: radial-gradient(circle farthest-side at 50% 50%, #fff0, var(--color-3)), linear-gradient(to bottom, #f1ece8b3, #f1ece8b3), url('../images/IlFaro_BrandManual_REV01-4.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.container_background.is-light {
  background-image: linear-gradient(180deg, #fff0, var(--white)), url('../images/IlFaro_BrandManual_REV01-3.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.container_background.is-interior {
  background-color: var(--color-2);
  background-image: linear-gradient(#00000080, #00000080), url('../images/AC5191_VP03_Interior_Living_Detail02_Rev00.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.container_background.is-sand-2 {
  background-image: radial-gradient(circle closest-side at 50% 50%, #fff0, var(--color-3)), linear-gradient(to bottom, #f1ece8b3, #f1ece8b3), url('../images/IlFaro_BrandManual_REV01-4.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.container_background.gradient-light {
  background-image: linear-gradient(180deg, #fff0, var(--white));
}

.container_background.is-uffici {
  background-color: var(--color-2);
  background-image: linear-gradient(#0006, #0006), url('../images/AdobeStock_1994134287.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.main-title {
  color: var(--color-2);
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.main-title.is-white {
  color: var(--color-3);
}

.main-title.color-4 {
  color: var(--color-4);
}

.main-title.is-xl {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 60px;
  line-height: 1;
}

.vantaggi_grid {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-self: center;
}

.vantaggi_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.icon-vantaggi {
  aspect-ratio: 1;
  border: 2px solid var(--color-2);
  object-fit: contain;
  border-radius: 100%;
  width: 90px;
  height: 90px;
  padding-left: 5px;
  padding-right: 5px;
}

.text-block {
  color: var(--color-4);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.div-block-3 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vantaggi_container {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  background-image: url('../images/IlFaro_BrandManual_REV01-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 5vw;
  margin-right: 5vw;
  padding: 5vw;
  display: flex;
}

.div-block-6 {
  border-top: 1px solid var(--color-1);
  width: 100%;
}

.text-block-2 {
  color: var(--color-3);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.text-block-2.is-dark {
  color: var(--color-6);
}

.button {
  background-color: var(--color-1);
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-width: 275px;
  padding: 10px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 3px 9px -3px #17233780;
}

.button.margin-top {
  margin-top: 60px;
}

.button.is-submit {
  min-width: 250px;
  color: var(--color-6);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.button.is-technical, .button.margin-top-xs {
  margin-top: 20px;
}

.button-txt {
  color: var(--color-6);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.full-image_container {
  width: 100%;
  position: relative;
}

.tipologici_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 60px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.tipologici_grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tipologici_grid.is-slider {
  padding-bottom: 2vw;
  display: flex;
  overflow: auto;
}

.tipologici_grid.is-flex {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.card-title {
  color: var(--color-3);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.card_wrap {
  background-color: var(--color-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: flex;
}

.card_wrap.sismabonus {
  padding-bottom: 0;
}

.tile-tipologici {
  background-color: var(--white);
  cursor: pointer;
  flex: none;
  position: relative;
}

.tile-tipologici.is-slider {
  width: 25vw;
}

.card-text-dettagli {
  color: var(--color-4);
  text-align: center;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

.text-prezzi {
  color: var(--color-1);
  text-align: center;
  margin-top: 0;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2;
}

.text-prezzi.display-nome {
  display: none;
}

.span-medium {
  font-weight: 500;
}

.full-image-hover {
  z-index: 1;
  background-image: linear-gradient(#0000004d, #0000004d);
  position: absolute;
  inset: 0%;
}

.full-image-hover.align-left {
  background-image: linear-gradient(45deg, #0000004d, #fff0 40%), linear-gradient(315deg, #fff0 40%, #0009);
}

.half_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.half_container.padding-left {
  padding-top: 5vw;
  padding-bottom: 5vw;
  padding-left: 5vw;
}

.half_container.padding-vert {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.half_container.padding-btn {
  padding-bottom: 5vw;
}

.half_container.padding {
  padding-left: 5vw;
  padding-right: 5vw;
}

.half_container.img-bg {
  margin-right: 5px;
}

.contesto-moodboard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 46vw;
}

.contesto-moodboard.min-h {
  min-height: 600px;
}

.moodbard_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.map_container {
  z-index: 1;
  width: 100%;
  margin: 5vw;
  position: relative;
}

.map_container.no-margin-top {
  margin-top: 0;
}

.footer_component {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--color-2);
  background-image: linear-gradient(#2d466ee6, #2d466ee6), url('../images/IlFaro_BrandManual_REV01-2-standard-scale.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  display: flex;
}

.footer_container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #ffffff69;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 5vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.footer_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.footer_wrap.align-horiz {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.footer_wrap.is-social {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.footer_wrap.is-legal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.footer_wrap.is-contact {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.footer_wrap.is-legal, .footer_wrap.is-disclaimer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.footer-logo {
  width: 130px;
  height: 130px;
}

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

.footer-link {
  color: var(--color-4);
  letter-spacing: .1px;
  cursor: pointer;
  font-weight: 300;
  text-decoration: none;
  transition: color .5s;
}

.footer-link:hover {
  color: var(--color-3);
}

.footer-link.gap {
  margin-top: 5px;
  margin-bottom: 20px;
}

.footer-link.gap-top {
  margin-top: 5px;
}

.footer_column {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
}

.footer_column.align-vert {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
}

.developer-logo {
  width: 80px;
  height: 60px;
}

.developer-logo.is-tecnocasa {
  width: 120px;
}

.footer-line {
  background-color: #c3d5d980;
  align-self: stretch;
  width: 1px;
}

.icon-social {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.social-link {
  color: var(--color-4);
  transition: color .5s;
}

.social-link:hover {
  color: var(--color-3);
}

.icon-scroll {
  width: 40px;
  height: 40px;
  color: var(--color-1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-txt {
  color: var(--color-4);
  letter-spacing: .2px;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.div-block-10 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1723374d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px 5vw;
  display: flex;
}

.legal-link {
  color: var(--color-4);
  letter-spacing: .1px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  transition: color .5s;
}

.legal-link:hover {
  color: var(--color-3);
}

.disclaimer-txt {
  opacity: .6;
  color: var(--color-4);
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
}

.disclaimer-link {
  color: var(--color-4);
  transition: color .5s;
}

.disclaimer-link:hover {
  color: var(--color-3);
}

.navbar_component {
  z-index: 10;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 120px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.navbar-logo {
  z-index: 2;
  width: 180px;
  margin-right: 4vw;
  position: relative;
}

.nav-list {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-list_container {
  z-index: 1;
  position: relative;
}

.list-item {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 25px;
  display: flex;
}

.nav-link {
  color: var(--color-3);
  letter-spacing: .2px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.nav-link-line {
  background-color: var(--color-1);
  width: 100%;
  height: 1px;
}

.nav-logo_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.nav-logo_small {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.navbar-background {
  background-color: var(--white);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pattern-01 {
  opacity: .05;
  background-image: url('../images/IlFaro-pattern-01.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40vw;
  height: 40vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.pattern-01.align-left {
  background-color: #f3f4f5;
  background-position: 0%;
  inset: auto auto 0% 0%;
}

.pattern-01.is-light {
  filter: invert();
  inset: 0% 0% auto auto;
}

.text-block-5-copy {
  color: var(--color-1);
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2;
}

.div-block-8-copy {
  background-color: var(--color-2);
  text-align: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  display: flex;
}

.icon-small_grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
}

.div-block-11 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.icon_wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 150px;
  color: var(--color-2);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon_wrap.is-negative {
  color: var(--color-3);
}

.icon_wrap.line {
  border-right: 1px solid var(--color-4);
}

.icon-small {
  aspect-ratio: 1;
  border: 3px solid var(--color-4);
  background-color: var(--color-2);
  object-fit: contain;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  padding-left: 4px;
  padding-right: 4px;
}

.text-icon {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.text-icon.is-contesto {
  letter-spacing: .2px;
  height: 60px;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: .9;
}

.grid-copy {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  place-content: center;
  height: 100%;
  display: flex;
}

.div-block-12-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color-3);
  text-align: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  display: flex;
}

.div-block-14 {
  flex-flow: column;
  margin-top: 60px;
  display: flex;
}

.div-block-12-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 100%;
  display: flex;
}

.div-block-11-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4-copy {
  color: var(--color-3);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.icon-small_grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.div-block-12-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}

.tipologici-lightbox {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.text-span-2 {
  vertical-align: sub;
  font-size: 25px;
  font-weight: 600;
}

.card-text {
  font-size: 25px;
}

.form_label {
  color: var(--color-6);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.policyflagscontainer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.dropdown_choice {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  transition: background-color .35s cubic-bezier(.25, .46, .45, .94);
}

.dropdown_choice:hover {
  background-color: #c3d5d966;
}

.dropdown_choice.w--current {
  background-color: var(--color-2);
  color: var(--color-3);
}

.stylesheet {
  grid-column-gap: 0px;
  grid-row-gap: 1.5rem;
  background-color: #00000029;
  border: 1px solid #00000029;
  border-radius: 0 .5rem .5rem;
  flex: 1;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  place-items: center;
  min-width: 30%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 20px 40px;
  font-size: 12px;
  line-height: 1.4;
  display: none;
  position: relative;
}

.form_link {
  color: var(--color-2);
  text-decoration: underline;
  transition: color .3s;
}

.form_link:hover {
  color: var(--color-1);
}

.dropdown_list {
  font-weight: 400;
}

.dropdown_list.w--open {
  border-right: 1px solid var(--color-2);
  border-bottom: 1px solid var(--color-2);
  border-left: 1px solid var(--color-2);
  background-color: #fff;
  margin-top: -1px;
}

.policy-flag {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.form_container {
  grid-column-gap: 4vw;
  grid-row-gap: 3vw;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown_close {
  width: 100%;
  color: var(--color-2);
  padding: 10px 0;
  font-size: 16px;
  font-weight: 300;
}

.form_text {
  font-size: 14px;
  line-height: 20px;
}

.form_field_wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.form_field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--color-2);
  width: 100%;
  color: var(--color-2);
  background-color: #fff0;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}

.form_field:focus-visible, .form_field[data-wf-focus-visible] {
  border-bottom-color: var(--color-1);
}

.form_field::placeholder {
  color: #2d466e80;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}

.form_field.is-message {
  min-width: 100%;
  max-width: 100%;
  min-height: 100px;
  max-height: 200px;
}

.form_field.text-capitalize-everyword {
  text-transform: capitalize;
}

.form_field.text-capitalize-everyword::placeholder {
  text-transform: none;
}

.form_message {
  opacity: 0;
  background-color: #0000;
  padding: 0;
}

.display-none {
  display: none;
}

.form_wrapper {
  margin-bottom: 0;
  margin-right: 0;
}

.form-block {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 60%;
  padding: 10vw 5vw 5vw;
  display: flex;
  position: relative;
}

.item-pittogramma {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 44px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.ic-pittogr {
  width: 100%;
  margin-top: -56px;
}

.ic-pittogr.is-negative {
  display: none;
}

.ic-pittogr.is-negative:where(.w-variant-6593bd53-d7df-e7aa-04b2-e1214528c31a) {
  display: block;
}

.ic-pittogr.is-negative:where(.w-variant-4e9da6cb-a220-b7c2-12eb-374f054bcc01), .ic-pittogr.is-positive:where(.w-variant-6593bd53-d7df-e7aa-04b2-e1214528c31a), .ic-pittogr.is-positive:where(.w-variant-4e9da6cb-a220-b7c2-12eb-374f054bcc01), .ic-pittogr.is-accent {
  display: none;
}

.ic-pittogr.is-accent:where(.w-variant-4e9da6cb-a220-b7c2-12eb-374f054bcc01) {
  display: block;
}

.gallery_accordion_icon {
  background-image: url('../images/Group-33771.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 20px;
  height: 20px;
  transition: transform .2s;
  position: absolute;
  inset: auto 0 auto auto;
}

.gallery_accordion_icon.is-cantine {
  z-index: 5;
  filter: invert();
  color: #4c4816;
  background-image: none;
  display: none;
}

.list-container {
  padding-top: 20px;
  display: block;
}

.div-block-30 {
  align-items: flex-end;
  display: flex;
}

.map-navigator_container {
  z-index: 5;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  max-width: 400px;
  height: auto;
  padding-bottom: 5%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: auto;
}

.accordion_wrapper-2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.accordion-item {
  cursor: pointer;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.icon-pin {
  width: 20px;
  height: 20px;
  color: var(--color-1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-pin.big {
  width: 30px;
  height: 30px;
}

.accordion-map {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px solid var(--color-3);
  cursor: auto;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.icon-embed-xxsmall-17 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  overflow: clip;
}

.map_wrapper-2 {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: relative;
}

.list-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-poi-map {
  color: var(--color-1);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.map_component-2 {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  display: flex;
}

.text-block-item {
  color: #fff;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.text-block-item.is-distance {
  color: var(--color-4);
  text-transform: none;
  font-weight: 500;
}

.map-image_container {
  width: 70%;
}

.map-image_container.is-sticky {
  z-index: 2;
  background-image: url('../images/IlFaro_Mappa_Rev01_landscape.webp');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 120px solid #0000;
  align-items: center;
  width: 60%;
  height: 100vh;
  margin-bottom: -120px;
  margin-left: 10%;
  display: flex;
  position: sticky;
  top: 120px;
}

.icona-mappa {
  width: 25px;
  height: 25px;
  color: var(--color-5);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icona-mappa.is-piedi {
  display: none;
}

.icona-mappa.is-piedi.piedi-87 {
  display: flex;
}

.icona-mappa.is-auto.piedi-61 {
  display: none;
}

.text_container {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.text_container.is-align-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
}

.dropdown-list-map {
  cursor: auto;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.form_component {
  background-color: #f3f4f5;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.contact-block {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 10vw 5vw 5vw;
  display: flex;
  position: relative;
}

.icon-dropdown {
  color: var(--color-6);
  margin-right: 0;
}

.div-block-32 {
  background-color: var(--color-5);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2vw;
  padding: 20px;
  display: flex;
}

.text-block-7 {
  color: var(--color-6);
  text-align: center;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1;
}

.text-span-3 {
  color: var(--color-1);
  font-size: 35px;
  font-weight: 700;
}

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

.align-center.margin-top {
  margin-top: 5vw;
}

.div-block-34 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.contatti-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color-6);
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  padding-left: 25px;
  font-size: 16px;
  line-height: 1.6;
  text-decoration: none;
  display: flex;
}

.text-block-8 {
  color: var(--color-2);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.div-block-36 {
  margin-top: 60px;
}

.div-block-36.is-last {
  margin-top: 30px;
}

.div-block-38 {
  background-image: linear-gradient(#17233780, #17233780);
  position: absolute;
  inset: 0%;
}

.paragraph-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-content {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.par-slider-hover {
  background-image: linear-gradient(#fff0 80%, #17233780);
  position: absolute;
  inset: 0%;
}

.right-arrow {
  background-color: var(--color-1);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  font-size: 14px;
  right: 20px;
}

.left-arrow {
  background-color: var(--color-1);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  font-size: 14px;
  left: 20px;
}

.text-span-5 {
  letter-spacing: 0;
  vertical-align: sub;
  font-family: arpona, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 0;
}

.nav-link_div {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 25px;
  text-decoration: none;
  display: flex;
}

.nav-link_div.w--current {
  border-bottom: 1px solid var(--color-1);
}

.text-span-6 {
  color: var(--color-2);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.contact-link {
  color: var(--color-6);
  font-size: 18px;
  text-decoration: none;
}

.div-block-39 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  margin-top: 30px;
  display: flex;
}

.div-block-40, .cookiebot {
  width: 100%;
}

.rich-txt h1 {
  color: var(--color-2);
  margin-top: 20px;
  margin-bottom: 20px;
}

.rich-txt h2 {
  color: var(--color-1);
  letter-spacing: .2px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.rich-txt p {
  font-size: 14px;
}

.rich-txt a {
  color: var(--color-6);
}

.rich-txt h3 {
  color: var(--color-2);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 30px;
}

.rich-txt strong {
  font-weight: 500;
}

.rich-txt ul {
  margin-top: 10px;
  font-weight: 300;
  line-height: 1.6;
}

.div-block-41 {
  display: flex;
}

.superscript {
  font-size: 14px;
}

.button_pages {
  background-color: var(--color-4);
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-width: 275px;
  padding: 10px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 3px 9px -3px #17233780;
}

.button_pages.margin-top {
  margin-top: 50px;
}

.menu-burger_btn {
  display: none;
}

.icon-menu {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.menu-close {
  display: none;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.menu-logo {
  z-index: 5;
  width: 180px;
  margin-right: 4vw;
  display: none;
  position: relative;
}

.nav-logo_mobile {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.map-lighbox {
  display: none;
  position: absolute;
  inset: 0%;
}

.footer-partners {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.footer_partner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.iva-esclusa {
  color: var(--color-1);
  text-align: center;
  margin-top: 0;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.iva-esclusa.display-nome {
  display: none;
}

.pin-icon {
  width: auto;
  height: 20px;
}

.pin-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  max-width: 600px;
  color: var(--color-3);
  text-align: center;
  flex-flow: column;
  transition: color .4s;
  display: flex;
}

.pin-wrapper:hover {
  color: var(--color-4);
}

@media screen and (max-width: 991px) {
  .header_component {
    min-height: 600px;
  }

  .header_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .heading-hero_wrap {
    max-width: 700px;
  }

  .subline-hero_wrap.max-w {
    max-width: 500px;
  }

  .section.padding {
    padding: 100px 60px;
  }

  .section.padding.overflow-hidden, .section.padding-btn {
    padding-bottom: 100px;
  }

  .section.padding-xs {
    padding: 60px;
  }

  .section.padding-vert {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.is-legal {
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .container.is-full.xxw {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
  }

  .container.is-double {
    flex-flow: column;
  }

  .container.is-double.mobile-inverse {
    flex-flow: wrap-reverse;
  }

  .paragraph.is-white.mobile-dark {
    color: var(--color-6);
  }

  .paragraph_wrap.max-w {
    max-width: 600px;
  }

  .paragraph_wrap.align-left.align-vert {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .txt_wrap.is-absolute {
    max-width: none;
    margin-top: 100px;
    margin-bottom: 100px;
    position: static;
  }

  .txt_wrap.max-w {
    max-width: none;
  }

  .txt_wrap.margin-top {
    margin-top: 30px;
  }

  .txt_wrap.mobile-margin {
    margin-left: 60px;
    margin-right: 60px;
  }

  .intro-title {
    font-size: 35px;
  }

  .card-vantaggi_grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrap.min-h.mobile-nope {
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .heading-3 {
    font-size: 25px;
  }

  .main-title.is-white.monbile-dark {
    color: var(--color-2);
  }

  .main-title.color-4 {
    font-size: 45px;
  }

  .vantaggi_grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .vantaggi_container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 60px;
  }

  .tipologici_container {
    padding-left: 60px;
    padding-right: 0;
  }

  .tipologici_grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-bottom: 30px;
    padding-right: 60px;
    display: flex;
    overflow: auto;
  }

  .card_wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card_wrap.sismabonus {
    padding-top: 20px;
  }

  .tile-tipologici {
    width: 330px;
  }

  .tile-tipologici.is-slider {
    width: 300px;
  }

  .card-text-dettagli {
    line-height: 1.2;
  }

  .full-image-hover.align-left {
    display: none;
  }

  .half_container {
    width: 100%;
    max-width: 700px;
    margin-bottom: 100px;
  }

  .half_container.padding-left {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    padding: 60px;
  }

  .half_container.padding-vert {
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .half_container.padding-vert.mobile-nope-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .half_container.padding-btn.mobile-nope {
    padding-bottom: 0;
  }

  .half_container.padding.margin-top {
    margin-top: 100px;
  }

  .half_container.img-bg {
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .half_container.mobile-margin-top {
    margin-top: 100px;
  }

  .half_container.mobile {
    max-width: none;
    margin-bottom: 0;
  }

  .map_container {
    margin: 0;
  }

  .map_container.mobile-padding {
    margin: 60px;
  }

  .footer_container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    display: grid;
  }

  .footer_wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer_wrap.align-horiz {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .div-block-10, .navbar_container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .nav-list {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-list_container {
    z-index: 10;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #172337e6;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    padding-top: 140px;
    padding-bottom: 60px;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .list-item {
    height: auto;
  }

  .nav-link {
    font-size: 30px;
  }

  .pattern-01.is-light {
    inset: auto 0% 0% auto;
  }

  .div-block-11 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
  }

  .icon-small_grid-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .form_container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .form_field {
    line-height: 20px;
  }

  .form_wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: auto;
    margin-right: auto;
  }

  .form-block {
    width: 100%;
    padding: 100px 60px 60px;
  }

  .gallery_accordion_icon.is-cantine {
    filter: none;
    display: flex;
  }

  .map-navigator_container {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .accordion_wrapper-2 {
    align-self: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    overflow: auto;
  }

  .accordion-item {
    width: 100%;
  }

  .map_component-2 {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .map-image_container.is-sticky {
    background-position: 50% 0;
    background-size: cover;
    border-bottom-style: none;
    border-bottom-width: 0;
    width: 100%;
    height: 58vh;
    margin-bottom: 0;
    margin-left: 0%;
    position: static;
  }

  .text_container.is-align-left {
    width: 100%;
  }

  .dropdown-list-map {
    height: 0;
  }

  .form_component {
    flex-flow: column;
  }

  .contact-block {
    padding: 100px 60px 0;
  }

  .div-block-32 {
    margin-top: 20px;
  }

  .text-span-3 {
    white-space: nowrap;
  }

  .div-block-36, .div-block-36.is-last {
    margin-top: 0;
  }

  .nav-link_div {
    height: 35px;
  }

  .button_pages.margin-top {
    margin-top: 30px;
  }

  .menu-burger_btn {
    z-index: 2;
    background-color: var(--white);
    cursor: pointer;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: relative;
  }

  .icon-menu {
    width: 100%;
    height: 100%;
    color: var(--color-2);
    padding: 10px;
  }

  .menu-close {
    z-index: 2;
    background-color: var(--white);
    cursor: pointer;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: fixed;
    inset: 35px 60px auto auto;
  }

  .menu-logo {
    display: flex;
    position: fixed;
    inset: 25px auto auto 60px;
  }

  .map-lighbox {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .header-hover.is-vantaggi {
    background-image: linear-gradient(#0006, #fff0 20%), linear-gradient(#fff0 50%, #00000080), linear-gradient(#00000059, #00000059);
  }

  .tile-tipologici {
    width: 250px;
  }

  .card-text-dettagli {
    font-size: 16px;
  }

  .half_container.padding-vert.mobile-nope, .half_container.padding-vert.mobile-nope-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .half_container.padding-btn {
    padding-bottom: 0;
  }

  .half_container.padding-btn.mobile-nope {
    margin-bottom: 0;
  }

  .half_container.padding {
    margin-bottom: 100px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .half_container.padding.margin-top {
    margin-top: 100px;
  }

  .half_container.mobile-margin-top {
    padding-left: 60px;
    padding-right: 60px;
  }

  .nav-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .nav-list_container {
    padding-bottom: 140px;
  }

  .nav-link {
    font-size: 25px;
  }

  .form_field {
    margin-bottom: 15px;
  }

  .map-navigator_container {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .accordion_wrapper-2 {
    width: 100%;
    margin-top: 20px;
  }

  .accordion-item {
    width: 100%;
  }

  .map-image_container.is-sticky {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: 40vh;
  }

  .text-block-7 {
    font-size: 20px;
  }

  .text-span-3 {
    font-size: 30px;
  }

  .align-center.margin-top {
    margin-top: 40px;
  }

  .nav-link_div {
    height: 30px;
  }

  .div-block-42 {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 479px) {
  .header_wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-1 {
    font-size: 45px;
  }

  .header-hover {
    background-image: linear-gradient(#0006, #fff0 20%), linear-gradient(#fff0 50%, #00000080), linear-gradient(#0000004d, #0000004d);
  }

  .heading-2 {
    font-size: 18px;
  }

  .section.padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section.padding.overflow-hidden {
    overflow: visible;
  }

  .section.padding-btn {
    padding-bottom: 0;
  }

  .section.padding-xs {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section.padding-vert.mobile-nope {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.is-legal {
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.is-topic-card {
    padding-right: 0;
    overflow: auto;
  }

  .paragraph_wrap.align-left.align-vert {
    display: flex;
  }

  .txt_wrap.is-absolute {
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
  }

  .txt_wrap.mobile-margin {
    margin-left: 30px;
    margin-right: 30px;
  }

  .intro-title {
    font-size: 30px;
  }

  .card-vantaggi_grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    width: auto;
    max-width: none;
    padding-right: 5vw;
    display: flex;
  }

  .image-wrap {
    height: 100%;
  }

  .image-wrap.is-square, .image-wrap.min-h-2 {
    min-height: 350px;
  }

  .image-cover.min-h {
    min-height: auto;
  }

  .image-cover.is-map {
    aspect-ratio: 1;
    object-position: 80% 50%;
  }

  .card-vantaggi_wrap {
    width: 80vw;
    min-width: 300px;
    padding-bottom: 20px;
  }

  .main-title, .main-title.is-xl {
    font-size: 45px;
  }

  .vantaggi_grid {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .vantaggi_wrap {
    width: 300px;
  }

  .vantaggi_container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-2 {
    font-size: 18px;
  }

  .button.is-submit {
    min-width: 100%;
  }

  .tipologici_container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tipologici_container.is-slider {
    padding-right: 0;
  }

  .tipologici_grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    width: 100%;
    padding-right: 0;
    overflow: visible;
  }

  .tipologici_grid.is-slider {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    padding-right: 30px;
  }

  .tile-tipologici {
    width: auto;
  }

  .tile-tipologici.is-slider {
    width: 90%;
    min-width: 300px;
  }

  .half_container, .half_container.padding-left {
    padding-left: 30px;
    padding-right: 30px;
  }

  .half_container.padding-vert.mobile-nope, .half_container.padding-vert.mobile-nope-copy, .half_container.padding-btn.mobile-nope {
    padding-left: 0;
    padding-right: 0;
  }

  .half_container.padding, .half_container.padding.margin-top {
    padding-left: 30px;
    padding-right: 30px;
  }

  .half_container.mobile {
    padding-left: 5px;
    padding-right: 5px;
  }

  .contesto-moodboard.min-h {
    min-height: 400px;
  }

  .map_container.mobile-padding {
    margin: 30px;
  }

  .footer_container {
    justify-content: center;
    place-items: center stretch;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .footer_wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer_wrap.align-horiz {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer_wrap.is-social {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer_wrap.is-contact {
    justify-content: center;
    align-items: center;
  }

  .footer_wrap.is-legal {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .footer-link.gap, .footer-link.gap-top {
    font-size: 18px;
  }

  .footer_column {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer-line {
    width: 100%;
    height: 1px;
  }

  .icon-social {
    width: 30px;
    height: 30px;
  }

  .div-block-10 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .navbar_container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .icon-small_grid-3 {
    flex-flow: column;
    display: flex;
  }

  .icon-small_grid-3.mobile-align-horiz {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-11 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .icon_wrap.line {
    border-bottom: 1px solid var(--color-4);
    border-right-style: none;
    width: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .icon_wrap.is-last {
    width: 100%;
  }

  .icon_wrap.mobile-last {
    width: auto;
    padding-top: 30px;
  }

  .icon-small {
    width: 70px;
    height: 70px;
  }

  .text-icon.is-contesto {
    font-size: 25px;
    line-height: 1;
  }

  .text-block-4-copy {
    font-size: 16px;
    line-height: 1.6;
  }

  .icon-small_grid-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
  }

  .form_container {
    grid-template-columns: 1fr;
  }

  .form-block {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .map-navigator_container {
    min-width: auto;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion_wrapper-2 {
    width: 100%;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .accordion-item {
    width: 100%;
  }

  .icon-pin.big {
    width: 40px;
    height: 40px;
  }

  .map-image_container.is-sticky {
    height: 30vh;
  }

  .text_container {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .rich-txt h1 {
    font-size: 30px;
  }

  .rich-txt ul {
    padding-left: 20px;
  }

  .menu-close {
    right: 20px;
  }

  .menu-logo {
    left: 20px;
  }
}

#w-node-_8fff33da-ad26-acac-c6d9-13932e119439-b97f49d5 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_42a47e0a-dcba-d76c-4005-5888c6a1003f-b97f49d5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7255521d-e842-e9a6-6ded-b62f9e17bfa3-b97f49d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dfa03d03-75a4-0386-726f-b9fcf01742ff-b97f49d5, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baa5-e2c0ba70, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0bab1-e2c0ba70, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0bae9-e2c0ba70, #policyFlagsContainer.w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baec-e2c0ba70 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baef-e2c0ba70 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baf0-e2c0ba70 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1b704e5-d37f-25b7-a784-188b35423032-c96a802f {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-a1b704e5-d37f-25b7-a784-188b35423034-c96a802f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a1b704e5-d37f-25b7-a784-188b35423038-c96a802f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1b704e5-d37f-25b7-a784-188b3542303a-c96a802f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c95c37e0-198a-0dfc-aa8b-0489ed5987e2-827b843b {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-c95c37e0-198a-0dfc-aa8b-0489ed5987e4-827b843b, #w-node-c95c37e0-198a-0dfc-aa8b-0489ed5987e6-827b843b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95c37e0-198a-0dfc-aa8b-0489ed5987ea-827b843b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0ba7a-e2c0ba70 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baa5-e2c0ba70, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0bab1-e2c0ba70, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0bae9-e2c0ba70 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #policyFlagsContainer.w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baec-e2c0ba70 {
    grid-column: span 1 / span 1;
  }

  #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baef-e2c0ba70 {
    grid-area: 6 / 2 / 7 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baa5-e2c0ba70, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0bab1-e2c0ba70, #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0bae9-e2c0ba70 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b246d6ef-61c3-1dba-3315-4a5de2c0baef-e2c0ba70 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-ddf3a8be-4b85-3969-61c7-45bc556ab78d-c96a802f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}