@font-face {
  font-family: Bod b;
  src: url('../fonts/BOD_B.TTF') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod bi;
  src: url('../fonts/BOD_BI.TTF') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod blai;
  src: url('../fonts/BOD_BLAI.TTF') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod blar;
  src: url('../fonts/BOD_BLAR.TTF') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod cb;
  src: url('../fonts/BOD_CB.TTF') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod cbi;
  src: url('../fonts/BOD_CBI.TTF') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod ci;
  src: url('../fonts/BOD_CI.TTF') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod cr;
  src: url('../fonts/BOD_CR.TTF') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod i;
  src: url('../fonts/BOD_I.TTF') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bod r;
  src: url('../fonts/BOD_R.TTF') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dim-grey: #5d5a59;
  --black: black;
  --petrolio: #274a4e;
  --white: white;
  --antique-white: #efe4d3;
  --floral-white: #faf6f0;
  --azure: #81b8c3;
  --dark-grey: #a5a2a1;
  --promo: #c0cacc;
  --grey: #968d87;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

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

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  color: var(--dim-grey);
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

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

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: lower-alpha;
}

strong {
  font-family: Bod b, Trebuchet MS, sans-serif;
  font-weight: 700;
}

.todelete {
  text-align: left;
  background-color: #ffe837;
  margin-bottom: 0;
  padding: 40px 15%;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  display: none;
}

.todelete strong {
  font-weight: 800;
}

.banners_wrap {
  display: flex;
}

.returnbtn {
  z-index: 1000;
  background-color: #fff;
  background-image: url('../images/left-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  border: 2px solid #000;
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
  inset: 10px auto auto 10px;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  background-color: #a39bff;
  border: 1px solid #a39bff;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  transition: color .35s cubic-bezier(.25, .46, .45, .94), border-color .35s cubic-bezier(.25, .46, .45, .94), background-color .35s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.button:hover {
  background-color: #5b4dff;
  border-color: #5b4dff;
}

.button.is-negative {
  color: #a39bff;
  background-color: #fff;
  border-color: #fff;
}

.button.is-negative:hover {
  color: #fff;
  background-color: #5b4dff;
  border-color: #5b4dff;
}

.button.is-secondary {
  color: #a39bff;
  background-color: #5b4cff00;
}

.button.is-secondary:hover {
  color: #fff;
  background-color: #5b4dff;
}

.button.is-secondary.is-negative {
  color: #fff;
}

.button.is-text {
  border-style: none none solid;
  border-bottom-color: var(--black);
  color: var(--black);
  background-color: #0000;
  border-radius: 0;
  padding: 0;
}

.button.is-text:hover {
  color: #a39bff;
  border-bottom-color: #a39bff;
}

.button.is-text.is-negative {
  color: #fff;
  border-bottom-color: #fff;
}

.button.is-text.is-negative:hover {
  color: #a39bff;
  background-color: #0000;
  border-bottom-color: #a39bff;
}

.button_component {
  cursor: pointer;
  text-decoration: none;
}

.button_icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

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

.section {
  min-height: 700px;
  max-height: 100vh;
}

.section.is-technical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.is-technical.thank-you {
  background-image: linear-gradient(#0006, #0006), url('../images/iStock-1211861503.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100vh;
  min-height: 900px;
  max-height: none;
  padding-top: 220px;
  padding-bottom: 80px;
}

.section.is-promozione {
  min-height: auto;
  max-height: none;
  padding: 80px;
  position: relative;
}

.section.is-relative {
  min-height: auto;
  max-height: none;
  position: relative;
}

.header_component {
  z-index: 3;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.header_container {
  z-index: 4;
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
  position: absolute;
  inset: auto 3vw 8vh;
}

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

.scroll_lottie {
  width: 60px;
  height: 60px;
}

.navbar {
  z-index: 4;
  grid-row-gap: 48px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: fixed;
  top: 0;
}

.note_txt {
  font-family: Bod r, Trebuchet MS, sans-serif;
}

.note_txt.cliente {
  margin-bottom: -10px;
}

.note_txt h2 {
  color: var(--petrolio);
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 24px;
}

.note_txt li {
  color: var(--dim-grey);
  margin-bottom: 5px;
}

.note_txt h1 {
  color: var(--petrolio);
  text-transform: uppercase;
  font-family: Bod b, Trebuchet MS, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.note_txt a {
  color: var(--petrolio);
}

.note_txt a:hover {
  color: var(--dim-grey);
}

.note_txt ul {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.note_txt h3 {
  color: var(--petrolio);
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
}

.note_txt.cliente {
  margin-top: -10px;
  margin-bottom: -10px;
}

.list {
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item {
  flex-direction: column;
  align-self: center;
  margin-right: 3vw;
  display: flex;
}

.nav-item.nav-item-right {
  margin-left: 3vw;
  margin-right: 0;
}

.link-nav {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.logo-hero {
  z-index: 2;
  width: 170px;
  height: 80px;
  position: relative;
}

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

.image.logo {
  object-fit: contain;
}

.image.logo.gaia-parquet {
  width: 200px;
  height: 70px;
}

.image.logo.florim {
  width: 140px;
  height: 70px;
}

.image.logo.cielo {
  height: 50px;
}

.image.logo.gessi {
  width: 140px;
  height: 50px;
}

.image.logo.tda {
  height: 50px;
}

.image.logo.cordivari {
  width: 170px;
  height: 40px;
}

.image.mono {
  object-fit: contain;
}

.image.contesto {
  object-position: 0% 50%;
  min-height: 35vw;
}

.image.image-progetto {
  max-width: 550px;
  max-height: 900px;
}

.link-nav-line {
  background-color: var(--petrolio);
  width: 0%;
  height: 2px;
  margin-top: 5px;
  transition: width .2s cubic-bezier(.455, .03, .515, .955);
}

.link-nav-line.w--current {
  width: 100%;
}

.nav-line {
  background-color: #ffffff4d;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 65px;
  font-weight: 400;
  line-height: 75px;
}

.heading.txt-shadow {
  color: var(--floral-white);
  text-shadow: 0 0 20px #0000004d;
}

.cta {
  cursor: pointer;
  margin-top: 40px;
  padding: 0 25px 0 20px;
  text-decoration: none;
  transition: all .25s;
  position: relative;
}

.label-icon {
  z-index: 2;
  background-color: var(--petrolio);
  background-image: url('../images/cta-forma.svg');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
}

.label-icon.mail {
  background-image: url('../images/ico-mail.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.label-icon.tel {
  background-color: #274a4e;
  background-image: url('../images/ico-phone.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
}

.label-icon.floorplanning {
  background-color: var(--black);
  background-image: url('../images/ic-floorplanning.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.label-flag {
  background-color: var(--petrolio);
  border-right: 1px solid #ffffff80;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
}

.label-flag.mail {
  cursor: pointer;
}

.label-flag.floorplanning {
  background-color: var(--black);
  flex: none;
  justify-content: flex-start;
  min-width: 170px;
}

.label-text {
  color: var(--white);
  letter-spacing: 1px;
  flex: none;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.label-contaiiner {
  z-index: 4;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--white);
  margin-right: 0;
  display: flex;
  position: static;
  inset: 200px 0% auto auto;
}

.label-contaiiner.mail {
  top: 260px;
}

.cta-text {
  background-color: var(--petrolio);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 10px 10px 27px 27px;
  padding: 15px 40px;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
}

.cta-text:hover {
  background-color: var(--black);
}

.cta-text.w--current {
  border-bottom: 2px solid var(--petrolio);
  border-radius: 2px;
  padding-bottom: 5px;
}

.cta-text.is-light {
  background-color: var(--azure);
  color: var(--petrolio);
}

.cta-text.is-light:hover {
  background-color: #91d0dd;
}

.hero-gradient {
  z-index: 1;
  background-image: linear-gradient(45deg, #000000b3 25%, #0000 50%), linear-gradient(#00000080 7%, #0000 50%);
  position: absolute;
  inset: 0%;
}

.intro-hero {
  color: var(--white);
  margin-bottom: 20px;
  font-family: Bod i, Trebuchet MS, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.form-container {
  z-index: 5;
  background-color: var(--petrolio);
  background-image: linear-gradient(#274a4ef2, #274a4ef2), url('../images/deco-cta-right.svg');
  background-position: 0 0, 120% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 70%;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-height: 100vh;
  padding: 100px 100px 40px;
  position: fixed;
  inset: 0% -50% 0% auto;
  overflow: auto;
}

.x-close {
  cursor: pointer;
  background-image: url('../images/x-ico.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 20px 20px auto auto;
}

.form_message {
  background-color: #0000;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.form {
  flex-direction: column;
  display: flex;
}

.checkbox_label {
  color: var(--floral-white);
  text-align: left;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.checkbox-field {
  margin-bottom: 10px;
}

.form-block {
  width: 100%;
  min-width: 450px;
  margin-top: auto;
  margin-bottom: auto;
}

.text_form {
  color: #e0ccc6;
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-size: 14px;
}

.button-submit {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fff;
  align-self: center;
  min-width: 250px;
  margin-top: 30px;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Bod b, Trebuchet MS, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: all .5s;
}

.button-submit:hover {
  color: var(--petrolio);
  background-color: #fff;
}

.form_field {
  color: var(--floral-white);
  letter-spacing: .2px;
  background-color: #0000;
  border-style: none solid solid;
  border-color: #0000 #0000 #f5ebdf4d;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  height: 50px;
  margin-bottom: 20px;
  font-weight: 400;
  transition: border-color .2s;
}

.form_field:focus {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white);
  outline-offset: 0px;
  outline: 0 #faf6f0;
}

.form_field::placeholder {
  color: var(--floral-white);
}

.form_field.capitalize {
  color: #fff;
  text-transform: capitalize;
}

.form_field.message {
  color: #fff;
  min-width: 100%;
  max-width: 100%;
  min-height: 60px;
}

.form_field.dropdown {
  width: 100%;
}

.form_field.form_select {
  display: none;
}

.form_link {
  color: var(--antique-white);
  letter-spacing: .5px;
  text-decoration: underline;
  transition: color .2s;
}

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

.form_checkbox {
  border-color: var(--floral-white);
  color: #000;
  background-color: #0000;
}

.form_checkbox.w--redirected-checked {
  border-color: var(--floral-white);
  background-color: var(--petrolio);
}

.form_checkbox.w--redirected-focus {
  border-color: var(--floral-white);
  box-shadow: 0 0 3px 1px #e0ccc6;
}

.form-title {
  color: var(--white);
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-family: Bod b, Trebuchet MS, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.background-image {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.background-image.home {
  background-image: url('../images/IMG_2554_Post_REV03-copia.webp');
  background-position: 50%;
  background-size: cover;
  display: flex;
}

.background-image.progetto {
  background-image: url('../images/IMG_2465_Post_REV03-copia.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.background-image.appartamenti {
  background-image: url('../images/Palazzo-Masino_VP-Interior-04_-DETTAGLIO-01-copia.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.background-image.interni {
  background-image: url('../images/Palazzo-Masino_VP-Interior-04_DETTAGLIO-02-copia_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.background-image.location {
  background-image: url('../images/IMG_2306-copia.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}

.menu-ico {
  display: none;
}

.list-container {
  z-index: 2;
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.list-container.list-cont-right {
  justify-content: flex-start;
}

.loader {
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.loader_bg {
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.loader_bg.black {
  background-color: #3f3f3f;
}

.loader_bg.beige {
  background-color: #f5ebdf;
}

.logo_loader {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.logo_bg_scuro {
  background-image: url('../images/MyView_logo_verticale_BG_NERO.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
}

.lottie-animation-3 {
  width: 300px;
  height: 300px;
}

.section-img-txt {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding: 140px 8vw;
  display: grid;
  position: relative;
}

.section-img-txt.color {
  background-color: var(--floral-white);
  background-image: linear-gradient(309deg, var(--floral-white), #fff0 83%), linear-gradient(to bottom, #f5ebdf66, #f5ebdf66), url('../images/bg-yellow.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.section-img-txt.color.no-margin-up {
  grid-template-columns: 1fr 1.5fr;
}

.section-img-txt.contesto {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-img-txt.contesto.color-2 {
  background-image: linear-gradient(#f5ebdf33, #f5ebdf33), url('../images/bg-white-plants.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-img-txt.color-inverse {
  background-color: var(--floral-white);
  background-image: linear-gradient(141deg, var(--floral-white), #fff0 83%), linear-gradient(to bottom, #f5ebdf66, #f5ebdf66), url('../images/bg-yellow-inverse.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.section-img-txt.color-2 {
  background-color: var(--floral-white);
  background-image: url('../images/dark-wall_mod.webp'), linear-gradient(309deg, var(--floral-white), #fff0 83%), linear-gradient(to bottom, #f5ebdf66, #f5ebdf66), url('../images/bg-yellow.webp');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat, no-repeat;
  background-size: cover, auto, auto, cover;
}

.section-img-txt.tipologie {
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 5vw;
  padding-right: 5vw;
}

.section-img-txt.tipologie.color {
  grid-row-gap: 40px;
  background-color: var(--white);
  background-image: none;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  padding-top: 0;
  padding-bottom: 100px;
}

.section-img-txt.color-3 {
  background-image: linear-gradient(#f5ebdf33, #f5ebdf33), url('../images/bg-white-plants.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-img-txt.tipologie-app {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
}

.text-col {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.text-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 350px;
  display: flex;
}

.text-wrap.slidein {
  z-index: 10;
  color: var(--dim-grey);
  text-align: left;
  align-items: flex-start;
  position: relative;
}

.text-wrap.slidein.absolute {
  position: absolute;
  inset: auto 8vh 6vw auto;
}

.text-wrap.slidein.absolute.gallery {
  max-width: 660px;
}

.text-wrap.slidein.tipologie {
  position: absolute;
  inset: auto 20px 60px auto;
}

.text-wrap.slidein.tipologie.attici {
  inset: auto auto 60px 20px;
}

.text-wrap.slidein.centred {
  text-align: center;
  align-items: center;
}

.text-wrap.slidein.centred.max-width {
  max-width: 480px;
}

.text-wrap.is-promo {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  max-width: none;
}

.text-wrap.is-promo.is-positive {
  color: var(--petrolio);
}

.intro {
  background-image: linear-gradient(#a5a2a180, #a5a2a180), url('../images/dark-wall_mod.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.section-img-full {
  min-width: 100%;
}

.section-img-full.text-wrap-in {
  position: relative;
}

.section-img-full.text-wrap-in.gallery {
  height: 90vh;
}

.section-img-full.text-wrap-in.min-height {
  height: 800px;
}

.paragraph {
  background-image: none;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
}

.paragraph.intro {
  color: var(--floral-white);
  background-image: none;
  max-width: 350px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

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

.paragraph.white.tipologie {
  padding-left: 40px;
}

.paragraph.emo {
  color: var(--antique-white);
  text-align: right;
  width: 100%;
  font-family: Bod i, Trebuchet MS, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
}

.paragraph.emo.autore {
  padding-top: 20px;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-size: 30px;
}

.paragraph.promo {
  color: var(--floral-white);
}

.paragraph.promo.tipologie {
  padding-left: 40px;
}

.paragraph.promo-popup {
  color: var(--floral-white);
  font-size: 14px;
}

.paragraph.promo-popup.tipologie {
  padding-left: 40px;
}

.paragraph.disclaimer {
  color: var(--floral-white);
  margin-top: 40px;
  font-size: 14px;
  line-height: 18px;
}

.paragraph.disclaimer.tipologie {
  padding-left: 40px;
}

.titolo {
  color: var(--petrolio);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.titolo.white {
  color: var(--white);
}

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

.intro-main_txt {
  color: var(--white);
  max-width: 750px;
  margin-bottom: 40px;
  font-family: Bod bi, Trebuchet MS, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.div-block {
  z-index: 1;
  opacity: .25;
  width: 15%;
  min-width: 180px;
  position: absolute;
  inset: auto 3vw -8% auto;
}

.div-block.position-top {
  opacity: .5;
  inset: -8% auto auto 3vw;
}

.gradient-full-img {
  z-index: 4;
  background-image: linear-gradient(322deg, #000000b3 31%, #0000 74%);
  position: absolute;
  inset: 0%;
}

.gradient-full-img.gallery {
  background-image: linear-gradient(322deg, #000000b3 12%, #0000 81%);
}

.text-section-horiz {
  z-index: 1;
  color: var(--petrolio);
  letter-spacing: -2px;
  align-items: flex-end;
  font-family: Bod blar, Trebuchet MS, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
  display: flex;
  position: absolute;
  inset: 7% auto auto 5%;
}

.text-section-horiz.white {
  z-index: 5;
  color: var(--white);
  font-size: 100px;
  line-height: 100px;
  inset: 7% 5% auto auto;
}

.text-section-horiz.black {
  color: #5d5a59b3;
  left: auto;
  right: 5%;
}

.text-section-horiz.interni {
  left: auto;
  right: 50%;
}

.grid-collage {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 50vw;
  min-height: 80vh;
}

.img-container.border-right {
  border-right: 2px solid var(--white);
}

.img-container.is-full {
  width: 100%;
  height: 100%;
}

.title-section-container {
  text-transform: uppercase;
  background-image: url('../images/deco-h2.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 30px;
  align-items: flex-end;
  height: 30px;
  margin-bottom: 40px;
  margin-left: 0;
  padding-left: 40px;
  display: flex;
  transform: rotate(0);
}

.title-section-container.titles {
  z-index: 1;
  background-image: none;
  justify-content: space-between;
  height: 55px;
  margin-top: -30px;
  margin-bottom: 30px;
  padding-left: 0;
}

.title-section-container.gallery {
  z-index: 2;
  background-image: url('../images/deco-h2-light.svg');
  justify-content: space-between;
  height: 55px;
  margin-bottom: 0;
  padding-left: 50px;
  position: relative;
}

.title-section-container.deco-light {
  background-image: url('../images/deco-h2-light.svg');
}

.title-section-container.title-appartamenti {
  background-image: url('../images/deco-h2-light.svg');
  margin-bottom: 20px;
}

.title-section {
  color: var(--dim-grey);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
}

.title-section.white {
  color: var(--antique-white);
  letter-spacing: .5px;
}

.title-section.titles {
  color: var(--black);
  font-size: 25px;
  line-height: 20px;
}

.title-section.titles.white {
  color: var(--white);
}

.title-section.gallery {
  color: var(--white);
  font-size: 35px;
  line-height: 30px;
}

.title-section.tipologie {
  color: var(--white);
  font-size: 25px;
  line-height: 28px;
}

.footer {
  background-image: linear-gradient(#a5a2a180, #a5a2a180), url('../images/dark-wall_mod.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.footer-contenier {
  border-bottom: 1px solid #ffffff4d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  grid-template-rows: auto 5px auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 700px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.partner-txt {
  color: var(--white);
  text-align: center;
  letter-spacing: .5px;
  font-size: 13px;
}

.logo-footer {
  height: 40px;
}

.map {
  width: 100%;
  height: 600px;
  display: flex;
}

.contact-detail-footer {
  color: var(--antique-white);
  text-align: center;
  letter-spacing: .5px;
  cursor: pointer;
  flex-direction: column;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.contact-detail-footer.mail {
  display: none;
}

.contact-detail-footer.is-contact {
  margin-bottom: 0;
  line-height: 18px;
}

.span-contatti {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Bod b, Trebuchet MS, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.footer-row {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.footer-link {
  color: var(--antique-white);
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s cubic-bezier(.55, .085, .68, .53);
}

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

.footer-link.line {
  margin-left: 0;
  margin-right: 0;
  text-decoration: underline;
}

.footer-txt {
  color: var(--white);
  font-size: 12px;
}

.slide {
  width: 100%;
  height: 100%;
}

.slide-nav {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-nav.hide {
  display: none;
}

.left-arrow {
  width: 50%;
  height: 40px;
  inset: auto auto 0% 0%;
}

.left-arrow.hide {
  display: none;
}

.right-arrow {
  width: 50%;
  height: 40px;
  inset: auto 0% 0% auto;
}

.right-arrow.hide {
  display: none;
}

.slide-gallery {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-gallery._01 {
  background-image: url('../images/IMG_2129-copia.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-gallery._02 {
  background-image: url('../images/IMG_3016-copia.webp');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-gallery._03 {
  background-image: url('../images/IMG_2357-copia.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-gallery._04 {
  background-image: url('../images/IMG_2645-copia.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-8 {
  color: var(--white);
  letter-spacing: 1px;
  margin-bottom: 40px;
  font-weight: 600;
}

.nav-bg {
  z-index: 1;
  background-color: var(--dark-grey);
  opacity: 0;
  width: 100%;
  height: 100px;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-bg.nav-bg_tech {
  opacity: 1;
}

.tile-apartment {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tile-apartment.tipologie {
  cursor: pointer;
  height: 30vw;
  text-decoration: none;
  position: relative;
}

.logo-molteni-wrapper {
  width: 140px;
  height: 30px;
  margin-bottom: 20px;
}

.slide-partners {
  width: 100%;
  height: 45vw;
}

.slide-partners._01 {
  background-image: url('../images/Gaia_box_home_3.webp');
  background-position: 50% 80%;
  background-size: cover;
}

.slide-partners._02 {
  background-image: url('../images/neutra.6.decor.petrolio.07.1-copia.webp');
  background-position: 100% 100%;
  background-size: cover;
}

.slide-partners._03 {
  background-image: url('../images/grafite.06.petrolio.07-copia-2.webp');
  background-position: 50% 65%;
  background-size: cover;
}

.slide-partners._04 {
  background-image: url('../images/Lavabo-Era-con-struttura-copia.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.slide-partners._05 {
  background-image: url('../images/Lavabi-Smile-60-appoggio-Cacao-copia.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-partners._06 {
  background-image: url('../images/gloria-elettrico-gigapixel-scale-4_00x_MOD-copia.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-partners._07 {
  background-image: url('../images/7tda-plumaevop-f-boxdoccia-copia.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.slide-partners._08 {
  background-image: url('../images/RILIEVO_09269_59134_59242707-copia.webp');
  background-position: 50% 80%;
  background-size: cover;
}

.slide-partners._00 {
  background-image: url('../images/gaia_arja.webp');
  background-position: 50%;
  background-size: cover;
}

.grid-logo-partners {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: 10px auto;
  grid-template-columns: minmax(150px, 1fr) 10px minmax(150px, 1fr);
  align-items: center;
  margin-top: 60px;
}

.grid-logo-partners._1col {
  grid-template-columns: auto auto auto;
}

.grid-logo-partners._3col {
  grid-template-columns: 10vw 10px 10vw 10px 10vw;
}

.item_line {
  background-color: var(--antique-white);
  width: 1px;
  height: 100%;
  margin-left: 3vw;
  margin-right: 3vw;
}

.item_line.is-horizontal {
  width: 100%;
  height: 1px;
  margin-left: 0;
  margin-right: 0;
}

.item_line.is-horizontal.is-verde {
  background-color: var(--petrolio);
}

.arrow-slide {
  font-size: 20px;
  left: 80px;
  right: auto;
}

.arrow-slide.sx {
  left: auto;
  right: 80px;
}

.title-tipologia {
  z-index: 2;
  position: absolute;
  inset: auto 30px 0%;
}

.metrature_txt {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: none;
  flex-direction: column;
  font-weight: 600;
}

.gradient-titles {
  z-index: 1;
  background-image: linear-gradient(to top, #00000080, #0000 40%);
  position: absolute;
  inset: 0%;
}

.grid-gallery {
  z-index: 1;
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.lightbox-link {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 7vh;
  padding-left: 3vw;
  text-decoration: none;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lightbox-link:hover {
  background-size: auto 115%;
}

.lightbox-link.esterni {
  background-image: none;
  transition-property: none;
}

.lightbox-link.esterni:hover {
  background-size: auto 115%;
}

.lightbox-link.interni {
  background-image: none;
  transition-property: none;
}

.lightbox-link.interni:hover {
  background-size: auto 105%;
}

.lightbox-link.contesto {
  background-image: none;
  transition-property: none;
}

.lightbox-link.contesto:hover {
  background-size: auto 105%;
}

.gradient-gallery {
  background-image: linear-gradient(#0006, #fff0);
  height: 20%;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-gallery {
  z-index: 1;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.page-container {
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  display: flex;
}

.page-container._404 {
  max-width: 520px;
}

.text-block-12 {
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
  font-family: Bod b, Trebuchet MS, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.text-tech {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
}

.text-tech._404 {
  font-family: Bod blar, Trebuchet MS, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
}

.text-block-14 {
  color: var(--white);
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
  line-height: 30px;
}

.link-error-page {
  color: var(--white);
  font-family: Bod r, Trebuchet MS, sans-serif;
  text-decoration: none;
  transition: color .2s;
}

.link-error-page:hover {
  color: var(--antique-white);
}

.note-legali {
  z-index: 3;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 20px 40px;
  font-family: Montserrat, sans-serif;
  line-height: 20px;
  position: relative;
}

.banner_wrap {
  color: var(--antique-white);
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  margin: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.banner_text {
  color: var(--dim-grey);
  font-size: 12px;
  line-height: 18px;
}

.banner_link {
  color: var(--petrolio);
  transition: color .25s;
}

.banner_link:hover {
  color: var(--dim-grey);
}

.banner_close_txt {
  border-bottom: 1px solid var(--petrolio);
  color: var(--petrolio);
  font-size: 12px;
  transition: color .25s;
}

.banner_close_txt:hover {
  border-bottom-color: var(--antique-white);
  color: var(--dim-grey);
}

.banner_container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.banner_text-link {
  border-bottom: 1px solid var(--petrolio);
  color: var(--petrolio);
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}

.banner_text-link:hover {
  border-bottom-color: var(--antique-white);
  color: var(--dim-grey);
}

.banner_title {
  color: var(--petrolio);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.banner_close {
  opacity: 1;
  cursor: pointer;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  padding: 10px;
  display: flex;
}

.banner_close.x {
  padding: 6px;
  position: absolute;
  top: 0;
  right: 0;
}

.banner_close.pref {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}

.banner_trigger {
  display: none;
}

.banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.banner_btn {
  border: 1px solid var(--petrolio);
  background-color: var(--petrolio);
  text-align: center;
  letter-spacing: 1px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: all .25s cubic-bezier(.455, .03, .515, .955);
}

.banner_btn:hover {
  border: 1px solid var(--antique-white);
  background-color: var(--dim-grey);
}

.banner_btn.banner {
  background-color: var(--petrolio);
  letter-spacing: 1px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
}

.banner_btn.banner:hover {
  background-color: var(--dim-grey);
}

.banner_btn.submit {
  align-self: flex-end;
  margin-top: 40px;
}

.banner_btn.deny {
  border: 1px solid var(--petrolio);
  color: var(--petrolio);
  background-color: #0000;
}

.banner_btn.deny:hover {
  border-color: var(--dim-grey);
  background-color: var(--dim-grey);
  color: var(--white);
}

.banner_title_wrap {
  grid-row-gap: 20px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.banner_component {
  z-index: 998;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000001a;
  flex-direction: column;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
  box-shadow: 0 0 5px #0003;
}

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

.manager_trigger {
  display: none;
}

.prefs_buttons-wrapper {
  margin-bottom: 40px;
}

.prefs_buttons-wrapper.pref {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.prefs_open-txt {
  opacity: .5;
  color: #000;
  cursor: pointer;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  top: 22px;
  right: 70px;
}

.prefs_open-txt.first {
  top: 17px;
}

.prefs_text {
  line-height: 1.4;
  transition: height .25s cubic-bezier(.455, .03, .515, .955);
  overflow: hidden;
}

.prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.prefs_component {
  z-index: 997;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000026;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 60px 32px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.prefs_label {
  text-align: right;
  width: 60px;
  font-weight: 700;
}

.cookie_close_icon {
  color: var(--petrolio);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.cookie_close_icon:hover {
  color: var(--dim-grey);
}

.prefs_nascondi {
  display: none;
}

.prefs_arrow {
  background-image: url('../images/freccia.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 6px;
  display: flex;
  transform: rotate(0);
}

.prefs_name {
  color: #5c5c5c;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 16px;
  font-weight: 700;
}

.prefs_title {
  color: var(--petrolio);
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.prefs_checkbox {
  z-index: 1;
  cursor: pointer;
  background-color: #cacaca;
  background-image: url('../images/check_dot.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  border-width: 2px;
  border-color: #cacaca;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: all .2s cubic-bezier(.55, .085, .68, .53);
  position: absolute;
  inset: 0%;
}

.prefs_checkbox.w--redirected-checked {
  border-color: var(--petrolio);
  background-color: var(--petrolio);
  background-image: url('../images/check_dot.svg');
  background-position: 100%;
  background-size: contain;
}

.prefs_checkbox.w--redirected-focus {
  box-shadow: none;
}

.banner_description {
  margin-bottom: 12px;
  line-height: 1.4;
  transition: height .25s cubic-bezier(.455, .03, .515, .955);
}

.prefs_trigger {
  display: none;
}

.prefs_checkbox-field {
  border-radius: 999px;
  width: 44px;
  height: 24px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.prefs_checkbox-label {
  display: none;
}

.prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
}

.prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.prefs_form {
  flex: none;
  width: 100%;
  max-width: 600px;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  box-shadow: 0 0 14px 3px #0000001a;
}

.banner-prefs {
  z-index: 1;
  color: #333;
  background-color: #fff;
  flex-direction: column;
  padding: 48px 40px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  position: relative;
}

.grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 100vh;
  margin-top: 60px;
  display: none;
}

.title-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.title-img.appartamenti {
  background-image: linear-gradient(135deg, #0000 25%, #0009), url('../images/Palazzo-Masino_VPInterior01_rev08-copia.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-img.attici {
  background-image: linear-gradient(135deg, #0009, #0000 75%), url('../images/AQ1050C_Torino_ViaArsenale_VPInt_08_rev05-copia-2.webp');
  background-position: 0 0, 50% 75%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.old-deco {
  background-image: url('../images/deco-cta-left.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 40px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-4deg);
}

.old-deco.old-deco-cta-right {
  background-image: url('../images/deco-cta-right.svg');
  left: auto;
  right: 0;
  transform: rotate(4deg);
}

.old-deco.is-promo {
  height: 40px;
  top: auto;
  bottom: 0%;
  left: -45%;
}

.deco-cta-dark {
  background-image: url('../images/deco-cta-dark-left.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 40px;
  height: 90%;
  position: absolute;
  inset: auto auto 0 0%;
  transform: rotate(-7deg);
}

.deco-cta-dark.deco-cta-right {
  background-image: url('../images/deco-cta-dark-right.svg');
  left: auto;
  right: 0;
  transform: rotate(7deg);
}

.footer-logo-pm {
  width: 240px;
  height: 130px;
  margin-bottom: 20px;
}

.contact-footer-link {
  color: var(--antique-white);
  text-decoration: none;
  transition: color .2s cubic-bezier(.55, .085, .68, .53);
}

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

.contact-footer-link.is-medium {
  font-size: 18px;
}

.deco-cta {
  background-image: url('../images/deco-cta-left.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 40px;
  height: 90%;
  position: absolute;
  inset: auto auto 0 0%;
  transform: rotate(-7deg);
}

.deco-cta.deco-cta-right {
  background-image: url('../images/deco-cta-right.svg');
  left: auto;
  right: 0;
  transform: rotate(7deg);
}

.cta-form {
  cursor: pointer;
  margin-top: 40px;
  padding: 0 25px 0 20px;
  text-decoration: none;
  transition: all .25s;
  position: relative;
}

.map-code {
  width: 100%;
  display: flex;
}

.slider04_wrapper {
  flex-direction: column;
  width: 100%;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.slider04 {
  flex: 1;
}

.btn_wrap_servizi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.nav04_button {
  border-top: 4px solid var(--dark-grey);
  color: #2b2b2b;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  flex: none;
  min-width: 30px;
  min-height: 23px;
  padding-top: 5px;
  font-size: 0;
  text-decoration: none;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
}

.nav04_button.is-active {
  border-top-color: var(--petrolio);
  color: var(--petrolio);
  min-width: 60px;
  font-size: 14px;
}

.slide04 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide04.int_01 {
  background-image: url('../images/Palazzo-Masino_VP-Interior-03_rev02-copia.webp');
}

.slide04.int_02 {
  background-image: url('../images/AQ1050C_Torino_ViaArsenale_VPInterior11_rev06_-copia.webp');
}

.slide04.int_03 {
  background-image: url('../images/Palazzo-Masino_VP-Interior-04_rev04-copia.webp');
}

.slide04.int_04 {
  background-image: url('../images/Palazzo-Masino_VP-Interior-04_DETTAGLIO-02-copia.webp');
}

.slide04.int_05 {
  background-image: url('../images/Palazzo-Masino_VP-Interior08_rev02-copia.webp');
}

.display-none {
  display: none;
}

.slider04_arrow {
  background-color: var(--dark-grey);
  color: var(--petrolio);
  width: 50px;
  height: 50px;
  transition: all .2s;
  transform: translate(-50%);
}

.slider04_arrow:hover {
  background-color: var(--dim-grey);
  color: var(--floral-white);
}

.slider04_arrow.right {
  transform: translate(50%);
}

.dropdown-toggle {
  color: var(--floral-white);
  width: 100%;
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 50px;
}

.lista-select {
  background-color: var(--floral-white);
}

.dropdown-link {
  color: var(--petrolio);
  font-family: Bod r, Trebuchet MS, sans-serif;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
}

.dropdown-link:hover {
  background-color: var(--antique-white);
}

.dropdown-link.w--current {
  background-color: var(--dim-grey);
  color: var(--floral-white);
}

.menu-mobile {
  display: none;
}

.list-container-mobile {
  z-index: 2;
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.list-mobile {
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item-mobile {
  flex-direction: column;
  align-self: center;
  margin-right: 3vw;
  display: flex;
}

.button-2 {
  cursor: pointer;
  font-size: 14px;
}

.flag-01_popup_icon {
  object-fit: contain;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 80px;
  height: 80px;
}

.flag-01_icon {
  z-index: 2;
  background-color: #000;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  display: flex;
  position: relative;
}

.flag-01_container {
  z-index: 4;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.flag-01_popup_box {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  min-width: 350px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
  box-shadow: 0 0 3px 2px #0000001a;
}

.flag-01_popup_box.is-acquista {
  background-color: #ececec;
}

.flag-01_popup_x {
  z-index: 2;
  opacity: 1;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.flag-01_popup_x:hover {
  opacity: .5;
}

.flag-01_line {
  background-color: #ffffff80;
  flex: none;
  width: 1px;
  height: 60%;
}

.flag-01_component {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 50px;
  line-height: 1;
  text-decoration: none;
  transition: width .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flag-01_text_wrapper {
  z-index: 1;
  background-color: #000;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.flag-01_popup_row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  align-items: center;
  max-width: 370px;
  margin-bottom: 16px;
  line-height: 1.2;
  display: flex;
}

.flag-01_popup_container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.flag-01_text {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  width: 144px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
}

.flag-01_popup {
  z-index: 2;
  background-color: #23201bd9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
  box-shadow: inset 0 0 3px 2px #0003;
}

.flag-01_popup_asta {
  background-color: #2b2b2b;
  flex: none;
  width: 1px;
  height: 70%;
  position: absolute;
  transform: rotate(45deg);
}

.flag-01_popup_asta._2 {
  transform: rotate(-45deg);
}

.icon-embed-medium {
  color: var(--floral-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.div-block-6 {
  width: 30px;
}

.title-apt_wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.partners-name {
  text-align: center;
  text-transform: uppercase;
}

.no-wrap {
  white-space: nowrap;
}

.image_wrapper {
  width: 100%;
  height: 100%;
}

.image_wrapper.is-absolute {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.div-block-7 {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 150px 0 auto auto;
}

.gtm-embed {
  display: none;
}

.html-embed {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.promozione-card_wrapper {
  justify-content: center;
  min-height: 350px;
  display: flex;
}

.promozione-card_wrapper.is-negative {
  border: 2px solid var(--white);
}

.promozione-card_wrapper.is-positive {
  border: 2px solid var(--petrolio);
}

.promozione-card_container {
  width: 50%;
  min-width: 250px;
  min-height: 300px;
  display: flex;
}

.container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.container.is-small {
  max-width: 1000px;
}

.promozione-card-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 3vw 3vw 5vw;
  display: flex;
  position: relative;
}

.color_verde {
  background-color: var(--petrolio);
}

.promo-pittogram {
  width: 50px;
  margin-bottom: 10px;
}

.titolo-san-serif {
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
}

.titolo-san-serif.white {
  color: var(--white);
}

.promozione-box_wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  min-width: 150px;
  padding: 10px;
  display: flex;
}

.promozione-box_wrapper.white {
  border: 1px solid var(--white);
  color: var(--white);
}

.promozione-box_wrapper.white.is-active {
  background-color: #00000054;
}

.text-san-serif {
  color: var(--white);
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
}

.text-san-serif.is-active {
  color: var(--antique-white);
}

.text-san-serif.is-label-neg {
  border-top: 2px solid var(--white);
  background-color: var(--promo);
  color: var(--petrolio);
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-san-serif.is-large {
  font-size: 30px;
  line-height: 35px;
}

.text-san-serif.is-large.text-color_verde {
  color: var(--petrolio);
}

.text-san-serif.is-subline {
  font-weight: 300;
}

.text-san-serif.is-subline.text-color_verde {
  color: var(--petrolio);
}

.text-san-serif.is-date {
  background-color: var(--petrolio);
  padding: 5px 10px;
  font-size: 22px;
  line-height: 26px;
}

.text-san-serif.is-lowercase {
  text-transform: none;
  font-weight: 400;
}

.text-san-serif.is-lowercase.text-color_verde {
  color: var(--petrolio);
}

.text-san-serif.is-lowercase.text-color_verde.pad-bot {
  margin-bottom: 20px;
}

.text-san-serif.is-label-pos {
  border-top: 2px solid var(--petrolio);
  background-color: var(--petrolio);
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-italic {
  letter-spacing: .3px;
  text-transform: none;
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
}

.text-bodoni {
  text-transform: none;
  font-family: Bod r, Trebuchet MS, sans-serif;
  font-weight: 400;
}

.promo-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
}

.text-subline {
  border-bottom: 1px solid var(--antique-white);
  text-transform: uppercase;
  font-weight: 600;
}

.text-subline.is-verde {
  border-bottom-color: var(--petrolio);
}

.color_verde-promo {
  background-color: var(--promo);
}

.countdown-01_container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  padding: 10px;
  display: flex;
}

.countdown-01_column {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.countdown-01_column.display-none {
  display: none;
}

.countdown-01_number {
  font-size: 2.2em;
  line-height: 1;
}

.countdown-01_text {
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  font-size: .9em;
  font-weight: 700;
}

.countdown-01_line {
  background-color: var(--petrolio);
  align-self: stretch;
  width: 1px;
}

.freccia {
  background-color: var(--petrolio);
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -16px;
  left: 48.5%;
  right: auto;
  transform: rotate(45deg);
}

.div-block-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.slide-nav-2 {
  display: none;
}

.left-arrow-2, .right-arrow-2 {
  z-index: 1;
  background-color: var(--petrolio);
  width: 40px;
  height: 40px;
}

.fullscreen-image {
  height: 80vh;
  min-height: 500px;
}

.fullscreen-image._01 {
  background-image: url('../images/IMG_2584_Post_REV03-1920-copia.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
}

.label-01b_component {
  background-color: var(--azure);
  cursor: pointer;
  border-radius: 20px 0 0 20px;
  width: 220px;
  display: flex;
  position: fixed;
  top: 334px;
  right: 0;
  box-shadow: 1px 1px 5px #0000004d;
}

.label-01b_text_wrapper {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex: 1;
  padding: 30px 20px;
  line-height: 1.2;
  text-decoration: none;
  position: relative;
}

.label-01b_title {
  text-transform: uppercase;
  border-bottom: 1px solid #f2efe9;
  margin-bottom: 14px;
  padding-bottom: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.label-01b_text {
  color: var(--petrolio);
  letter-spacing: .5px;
  text-transform: uppercase;
  padding-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.label-01bis_x {
  z-index: 2;
  cursor: pointer;
  background-color: #00000040;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  position: relative;
}

.label-01b_lottie {
  filter: brightness(0%) invert();
  flex: none;
  width: 90px;
  height: 90px;
  transform: rotate(-90deg);
}

.text-span-2 {
  color: var(--petrolio);
  letter-spacing: .5px;
  white-space: nowrap;
  font-size: 13px;
}

.ancora {
  width: 0;
  height: 0;
  position: absolute;
  top: -100px;
}

.slider {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.slider.border-right-verde {
  border-right: 2px solid var(--petrolio);
  height: 350px;
}

.icon-4, .icon-5 {
  font-size: 16px;
}

.section-floorplanning {
  background-color: var(--petrolio);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

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

.div-block-11 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.promo_autunno {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

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

.promo_icon {
  width: 100px;
  height: 75px;
}

.promo_plus {
  width: 20px;
  height: 20px;
  margin: 40px;
  transform: rotate(45deg);
}

.promo_deco {
  width: 80px;
  margin-top: 40px;
}

.promo_deco.bottom {
  margin-top: 0;
  margin-bottom: 40px;
  transform: rotate(180deg);
}

.popup_component {
  z-index: 100;
  background-color: #0009;
  flex-direction: column;
  align-items: center;
  padding: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.popup_text {
  z-index: 1;
  background-color: var(--petrolio);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding: 50px 5% 60px;
  display: flex;
  position: relative;
}

.popup-03_wrapper {
  z-index: 2;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  flex: none;
  align-items: stretch;
  width: 100%;
  max-width: 80vw;
  height: auto;
  min-height: 30vw;
  margin-top: auto;
  margin-bottom: auto;
  padding: 10px;
  display: flex;
  position: relative;
}

.popup_image {
  background-image: url('../images/gaia_arja.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.popup-03_x {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.popup-03_subtitle {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}

.popup-03_title {
  color: var(--floral-white);
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: 400;
}

.x-03_asta {
  background-color: var(--floral-white);
  flex: none;
  width: 60%;
  height: 2px;
  position: absolute;
  transform: rotate(45deg);
}

.x-03_asta._2 {
  transform: rotate(-45deg);
}

.popup-03_button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #a39bff;
  margin-top: 20px;
  padding: 13px 20px 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.promo_icon_popup {
  width: 80px;
  height: 60px;
}

@media screen and (min-width: 1440px) {
  .image.contesto {
    object-position: 100% 50%;
  }

  .section-img-txt {
    flex-direction: row;
    grid-auto-columns: 1fr;
  }

  .text-wrap.slidein.centred.max-width {
    max-width: 600px;
  }

  .div-block.position-top {
    top: -9%;
  }

  .item_line.is-horizontal {
    height: 1px;
  }
}

@media screen and (max-width: 991px) {
  .section.is-promozione.color_verde {
    padding: 60px;
  }

  .header_component.gallery {
    height: auto;
    min-height: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header_container {
    max-width: 500px;
    left: 30px;
  }

  .header_background.gallery {
    width: 100%;
    position: static;
  }

  .navbar {
    z-index: 16;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
  }

  .list {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    margin-left: 40px;
    display: flex;
  }

  .nav-item {
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

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

  .link-nav.w--current {
    border-bottom-color: var(--petrolio);
    color: var(--antique-white);
    font-family: Bod b, Trebuchet MS, sans-serif;
    font-weight: 700;
  }

  .logo-hero {
    z-index: 4;
    position: relative;
  }

  .image.logo {
    min-height: 50px;
  }

  .image.logo.gaia-parquet, .image.logo.florim {
    height: 60px;
    min-height: auto;
  }

  .image.logo.cielo, .image.logo.gessi, .image.logo.tda {
    height: 40px;
    min-height: auto;
  }

  .image.logo.is-footer {
    min-height: auto;
  }

  .link-nav-line {
    background-color: var(--petrolio);
  }

  .heading {
    font-size: 45px;
    line-height: 55px;
  }

  .cta {
    margin-top: 30px;
  }

  .hero-gradient {
    background-image: linear-gradient(25deg, #0009 25%, #0000 77%), linear-gradient(#00000080 7%, #0000 50%);
  }

  .form-container {
    z-index: 17;
    width: 100%;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
    right: -100%;
  }

  .form-block {
    width: 100%;
    min-width: auto;
  }

  .form_field {
    line-height: 20px;
  }

  .form_field.message {
    height: 70px;
    min-height: 60px;
  }

  .menu-ico {
    z-index: 16;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    width: 50px;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .lottie-animation {
    width: 30px;
    height: 30px;
  }

  .list-container {
    z-index: 15;
    background-color: var(--black);
    background-image: url('../images/dark-wall_mod.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0% -50% 0% auto;
  }

  .loader {
    display: none;
  }

  .section-img-txt {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
    padding: 60px;
    display: flex;
  }

  .section-img-txt.color.no-margin-up {
    padding-top: 0;
  }

  .section-img-txt.contesto {
    flex-direction: column-reverse;
    display: flex;
  }

  .section-img-txt.color-inverse.inverse {
    flex-direction: column-reverse;
  }

  .section-img-txt.tipologie.color {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-bottom: 60px;
    display: grid;
  }

  .text-col {
    width: 80%;
    margin-top: 60px;
    margin-bottom: 40px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-col.no-margin-dwn {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .text-col.no-margin-up-down {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-col.gap-40.tablet_width-100 {
    width: 100%;
  }

  .text-wrap {
    max-width: 400px;
  }

  .text-wrap.slidein {
    text-align: center;
    align-items: center;
  }

  .text-wrap.slidein.absolute {
    align-items: flex-start;
    max-width: 300px;
    inset: 60px auto auto 60px;
  }

  .text-wrap.slidein.tipologie {
    max-width: 300px;
    bottom: 40px;
    left: 20px;
    right: 0;
  }

  .text-wrap.slidein.tipologie.attici {
    inset: auto auto 40px 20px;
  }

  .intro {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-img-full.text-wrap-in.gallery {
    height: 80vh;
  }

  .paragraph.white {
    text-align: left;
  }

  .paragraph.white.align-center, .paragraph.promo, .paragraph.promo.align-center, .paragraph.promo-popup, .paragraph.promo-popup.align-center, .paragraph.disclaimer, .paragraph.disclaimer.align-center {
    text-align: center;
  }

  .titolo {
    line-height: 45px;
  }

  .titolo.white {
    text-align: left;
  }

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

  .image-full {
    min-height: 80vh;
  }

  .intro-main_txt {
    max-width: 600px;
    font-size: 30px;
    line-height: 40px;
  }

  .gradient-full-img {
    background-image: linear-gradient(130deg, #0009 47%, #0000 89%);
  }

  .gradient-full-img.gallery {
    background-image: linear-gradient(207deg, #000000b3 35%, #0000 70%);
  }

  .text-section-horiz {
    font-size: 60px;
    line-height: 60px;
    display: none;
  }

  .grid-collage {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
    min-height: 700px;
  }

  .img-container.border-right {
    border-bottom: 2px solid var(--white);
    border-right-style: none;
    max-height: 300px;
  }

  .title-section-container {
    padding-right: 40px;
  }

  .title-section-container.titles {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-right: 0;
  }

  .title-section-container.gallery {
    margin-top: -70px;
  }

  .slide-gallery._01 {
    background-position: 100% 0;
  }

  .slide-gallery._02, .slide-gallery._04 {
    background-position: 50%;
  }

  .tile-apartment {
    height: 400px;
  }

  .slide-partners {
    min-height: 500px;
  }

  .grid-logo-partners {
    flex: none;
    align-items: stretch;
  }

  .grid-logo-partners._1col {
    align-items: stretch;
  }

  .grid-logo-partners._3col {
    grid-template-columns: minmax(150px, 1fr) 10px minmax(150px, 1fr) 10px minmax(150px, 1fr);
  }

  .item_line {
    height: auto;
  }

  .gradient-titles {
    background-image: linear-gradient(#00000080, #00000080);
  }

  .grid-gallery {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .lightbox-link.esterni, .lightbox-link.interni, .lightbox-link.contesto {
    height: 450px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .overlay-gallery {
    background-color: #0003;
  }

  .note-legali {
    max-width: 100%;
  }

  .grid-2 {
    grid-template: "."
    / 1fr;
    min-height: auto;
  }

  .cta-form {
    margin-top: 30px;
  }

  .slider04_wrapper {
    width: 100%;
    height: 500px;
  }

  .menu-mobile {
    z-index: 15;
    background-color: var(--dark-grey);
    background-image: linear-gradient(#a5a2a1b3, #a5a2a1b3), url('../images/deco-cta-dark-right.svg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 80%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 100vh;
    padding: 140px 60px;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .list-container-mobile {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .list-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .nav-item-mobile {
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .flag-01_container {
    margin-top: 0;
  }

  .flag-01_popup_box {
    align-self: center;
    max-width: 100%;
  }

  .flag-01_popup_x {
    flex: none;
    position: fixed;
  }

  .flag-01_popup_container {
    flex-direction: column;
    flex: none;
  }

  .flag-01_popup_asta {
    background-color: #fff;
  }

  .div-block-7 {
    top: 100px;
    right: 0%;
  }

  .html-embed {
    width: 100%;
  }

  .promozione-card_wrapper, .promozione-card_wrapper.is-negative {
    flex-direction: column;
  }

  .promozione-card_container {
    width: 100%;
  }

  .promozione-card-info {
    height: auto;
    padding-top: 25px;
    padding-bottom: 70px;
  }

  .label-01b_component {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    top: auto;
    bottom: 0;
  }

  .label-01b_text_wrapper {
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .label-01b_title {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-bottom-style: none;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .label-01b_text {
    padding-bottom: 0;
  }

  .label-01b_text.tablet_display-none, .label-01bis_x {
    display: none;
  }

  .slider {
    height: 300px;
  }

  .slider.border-right-verde {
    border-bottom: 2px solid var(--petrolio);
    border-right-style: none;
    height: 300px;
  }

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

  .popup_component {
    padding: 40px;
  }

  .popup_text {
    width: 100%;
  }

  .popup-03_wrapper {
    flex-direction: column-reverse;
    height: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .popup_image {
    flex: none;
    width: 100%;
    min-height: 50vw;
  }

  .popup-03_subtitle {
    white-space: normal;
    margin-top: 5px;
    font-size: 19px;
  }
}

@media screen and (max-width: 767px) {
  .section.is-technical.thank-you {
    min-height: 600px;
  }

  .section.is-promozione {
    padding: 40px;
  }

  .section.is-promozione.color_verde {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header_component {
    height: 90vh;
  }

  .note_txt h2 {
    font-size: 18px;
    line-height: 22px;
  }

  .note_txt h1 {
    margin-top: 40px;
    font-size: 20px;
    line-height: 24px;
  }

  .label-contaiiner {
    top: 180px;
  }

  .label-contaiiner.mail {
    top: auto;
    bottom: 40px;
  }

  .form-container {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    right: -100%;
  }

  .form_field {
    margin-bottom: 15px;
  }

  .logo_bg_scuro, .lottie-animation-3 {
    width: 250px;
    height: 250px;
  }

  .section-img-txt {
    padding: 60px 40px;
  }

  .text-col {
    margin-bottom: 40px;
    margin-left: 0;
  }

  .text-wrap.slidein.absolute {
    left: 40px;
  }

  .text-wrap.slidein.absolute.gallery {
    max-width: 480px;
    left: auto;
    right: 40px;
  }

  .text-wrap.slidein.centred.max-width {
    max-width: 370px;
  }

  .intro {
    padding-left: 20px;
  }

  .section-img-full.text-wrap-in {
    height: 600px;
  }

  .section-img-full.text-wrap-in.gallery {
    height: 700px;
  }

  .paragraph.intro {
    padding-left: 0;
  }

  .paragraph.emo {
    font-size: 30px;
    line-height: 35px;
  }

  .paragraph.emo.autore {
    font-size: 25px;
    line-height: 25px;
  }

  .titolo {
    font-size: 30px;
    line-height: 40px;
  }

  .image-full {
    min-height: 700px;
  }

  .intro-main_txt {
    max-width: 500px;
    font-size: 25px;
    line-height: 30px;
  }

  .div-block {
    min-width: 150px;
  }

  .gradient-full-img.gallery {
    background-image: linear-gradient(207deg, #000000b3 35%, #0000 70%), linear-gradient(#00000012, #00000012);
  }

  .text-section-horiz {
    font-size: 60px;
    line-height: 60px;
  }

  .grid-collage {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 700px;
    margin-bottom: 0;
  }

  .title-section-container.titles {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    align-items: flex-start;
    height: auto;
  }

  .title-section.gallery {
    font-size: 30px;
  }

  .title-section.tipologie {
    font-size: 23px;
  }

  .grid {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: 150px;
  }

  .partner-txt {
    margin-top: 20px;
  }

  .map {
    height: 400px;
  }

  .footer-row {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: center;
  }

  .footer-link {
    margin-left: 0;
    margin-right: 0;
  }

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

  .tile-apartment.tipologie {
    height: 40vw;
    min-height: 300px;
  }

  .text-block-12 {
    font-size: 30px;
    line-height: 40px;
  }

  .banner_wrap {
    flex-direction: column;
    align-items: center;
  }

  .banner_text {
    margin-right: 0;
  }

  .banner_text-link {
    margin-right: 8px;
  }

  .banner_title {
    font-size: 20px;
  }

  .banner_close.pref {
    margin-left: 0;
    left: auto;
  }

  .banner_btn {
    flex: 1;
  }

  .banner_btn.banner {
    flex: 0 auto;
  }

  .banner_title_wrap {
    align-items: center;
  }

  .prefs_title {
    font-size: 20px;
  }

  .slider04 {
    height: 400px;
  }

  .menu-mobile {
    padding-left: 40px;
    padding-right: 40px;
  }

  .list-container-mobile {
    width: 100%;
  }

  .flag-01_container {
    top: 120px;
  }

  .flag-01_popup_box {
    text-align: center;
    min-width: auto;
  }

  .flag-01_popup_row {
    max-width: 100%;
  }

  .flag-01_popup {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-7 {
    top: 110px;
  }

  .promozione-card-info {
    padding-bottom: 50px;
  }

  .label-01b_component {
    border-radius: 0;
    width: auto;
    inset: auto 0 0;
  }

  .label-01b_text_wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1;
    display: flex;
  }

  .label-01b_title {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-bottom-style: none;
    justify-content: center;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
    font-size: 14px;
    display: flex;
  }

  .label-01b_text {
    display: none;
  }

  .label-01bis_x {
    margin-left: 0;
    margin-right: -10px;
    display: none;
  }

  .label-01b_lottie {
    transform: rotate(90deg);
  }

  .section-floorplanning {
    padding-left: 20px;
  }

  .popup_component {
    padding: 20px;
  }

  .popup_image {
    height: 250px;
  }

  .popup-03_subtitle {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .section.is-promozione {
    padding: 20px;
  }

  .header_component {
    height: 92vh;
    min-height: 600px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .header_container {
    padding-left: 20px;
    padding-right: 20px;
    left: 0;
    right: 0;
  }

  .header_container.margin-dwn {
    top: auto;
    bottom: 8vh;
  }

  .header_container.is-promo-style {
    bottom: 130px;
  }

  .header_background {
    width: 100%;
    height: 100%;
    position: relative;
    inset: auto 0% 0;
  }

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

  .note_txt {
    font-size: .9em;
  }

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

  .logo-hero {
    z-index: 16;
  }

  .heading.txt-shadow {
    font-size: 35px;
    line-height: 38px;
  }

  .cta {
    z-index: 3;
  }

  .label-contaiiner.mail {
    right: 0%;
  }

  .intro-hero {
    max-width: 245px;
  }

  .form-container {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .background-image {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
  }

  .background-image.progetto, .background-image.appartamenti, .background-image.interni, .background-image.location {
    background-position: 30%;
  }

  .list-container {
    width: 100%;
    right: -100%;
  }

  .logo_bg_scuro, .lottie-animation-3 {
    width: 230px;
    height: 230px;
  }

  .section-img-txt {
    padding: 60px 20px;
  }

  .section-img-txt.tipologie.color {
    grid-auto-flow: column;
  }

  .text-col {
    width: 100%;
  }

  .text-wrap {
    max-width: none;
  }

  .text-wrap.slidein.absolute {
    text-align: center;
    align-items: center;
    max-width: none;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .text-wrap.slidein.absolute.gallery {
    margin-top: 20px;
  }

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

  .section-img-full.text-wrap-in {
    background-image: linear-gradient(#a5a2a180, #a5a2a180), url('../images/dark-wall_mod.webp');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex-direction: column-reverse;
    height: auto;
    display: flex;
  }

  .section-img-full.text-wrap-in.gallery, .section-img-full.text-wrap-in.min-height {
    height: auto;
  }

  .paragraph {
    text-align: center;
    max-width: 300px;
  }

  .paragraph.intro {
    text-align: left;
    max-width: 250px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .paragraph.emo {
    max-width: none;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph.emo.autore {
    padding-top: 10px;
    font-size: 18px;
  }

  .paragraph.promo, .paragraph.promo-popup, .paragraph.disclaimer {
    text-align: center;
  }

  .titolo {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 35px;
  }

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

  .image-full {
    min-height: 400px;
  }

  .intro-main_txt {
    max-width: 300px;
  }

  .div-block {
    min-width: 120px;
    bottom: -3%;
  }

  .div-block.position-top {
    top: -4%;
  }

  .gradient-full-img {
    display: none;
  }

  .gradient-full-img.gallery {
    background-image: linear-gradient(#00000082, #00000082);
    align-items: flex-start;
    display: flex;
  }

  .text-section-horiz {
    font-size: 40px;
    line-height: 40px;
  }

  .grid-collage {
    height: 400px;
    min-height: auto;
  }

  .title-section-container {
    margin-left: 0;
  }

  .title-section-container.titles {
    margin-bottom: 20px;
  }

  .title-section-container.gallery {
    margin-left: -20px;
  }

  .footer {
    z-index: 4;
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid {
    grid-row-gap: 20px;
    grid-template-rows: auto 10px auto auto 10px auto auto 10px auto auto;
  }

  .footer-txt {
    margin-bottom: 10px;
    line-height: 18px;
  }

  .slide {
    height: 400px;
  }

  .slide-gallery._01 {
    background-position: 20%;
  }

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

  .nowrap {
    white-space: nowrap;
  }

  .tile-apartment {
    height: 350px;
  }

  .grid-logo-partners {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(10vw, 1fr);
    max-width: 150px;
    margin-top: 0;
  }

  .grid-logo-partners._1col {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    margin-top: 0;
  }

  .grid-logo-partners._3col {
    grid-template-rows: 10px auto auto auto auto auto;
    grid-template-columns: auto;
  }

  .grid-logo-partners.margin-top-20 {
    margin-top: 20px;
  }

  .item_line {
    width: 100%;
    height: 1px;
  }

  .page-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-container.error {
    width: 300px;
  }

  .text-block-12 {
    line-height: 35px;
  }

  .banner_wrap {
    padding: 20px;
  }

  .banner_text {
    margin-right: 0;
  }

  .banner_buttons-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .banner_btn.submit {
    align-self: auto;
  }

  .banner_title_wrap {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

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

  .prefs_buttons-wrapper.pref {
    flex-wrap: wrap;
  }

  .prefs_open-txt {
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    position: static;
  }

  .prefs_component {
    padding: 24px;
  }

  .banner-prefs {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-form {
    z-index: 3;
  }

  .slider04 {
    height: 400px;
  }

  .btn_wrap_servizi {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .nav04_button.is-active {
    font-size: 0;
  }

  .slider04_arrow {
    width: 40px;
    height: 40px;
    inset: auto auto 5px 5px;
    transform: none;
  }

  .slider04_arrow.right {
    display: flex;
    left: 0;
    transform: translate(50px);
  }

  .icon-2, .icon-3 {
    font-size: 30px;
  }

  .menu-mobile {
    background-image: linear-gradient(#0000, #0000), url('../images/deco-cta-dark-right.svg');
    background-size: auto, 140%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .flag-01_popup_icon {
    width: 60px;
    height: 60px;
  }

  .flag-01_popup_box {
    text-align: center;
    align-self: auto;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .flag-01_component {
    top: auto;
    bottom: 0;
    left: 0;
  }

  .flag-01_popup_row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
  }

  .flag-01_popup_container {
    align-items: stretch;
  }

  .flag-01_popup {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-7 {
    top: 120px;
    bottom: auto;
  }

  .promozione-card_container {
    min-width: auto;
  }

  .promozione-card-info {
    padding-bottom: 90px;
  }

  .promozione-card-info.is-negative {
    padding-bottom: 50px;
  }

  .text-san-serif.is-lowercase.text-color_verde {
    flex-direction: column;
    align-items: center;
    line-height: 24px;
    display: flex;
  }

  .text-san-serif.is-lowercase.text-color_verde.is-elenco {
    margin-top: 13px;
  }

  .promo-flex {
    flex-direction: column;
  }

  .label-01b_text_wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .label-01b_title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

  .section-floorplanning {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .promo_autunno.popup {
    justify-content: flex-start;
    align-items: center;
  }

  .promo_plus {
    margin: 20px;
  }

  .popup-03_wrapper {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .popup_image {
    background-position: 50%;
    flex: none;
  }
}

#w-node-_6e46f138-8551-b208-37e1-ac2917ccd9b3-2a1b31c4, #w-node-_6e46f138-8551-b208-37e1-ac2917ccd9b4-2a1b31c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2fef629f-3167-c2de-bd39-c074a5233203-2a1b31c4 {
  grid-area: 2 / 1 / 7 / 4;
}

#w-node-a5b310e7-eef8-e488-bc8a-a70732dc98ea-2a1b31c4 {
  grid-area: 1 / 4 / 4 / 7;
}

#w-node-d24b82e1-9240-7d10-8405-227c68e70fa6-2a1b31c4 {
  grid-area: 4 / 4 / 8 / 8;
}

#w-node-_02f32141-0d05-2fdd-8750-14f1117b6eac-2a1b31c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0a3d3ff-b907-60ca-b6ae-b4df47606338-47606328 {
  align-self: center;
}

#w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce727-1a3ce714, #w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce729-1a3ce714 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce72b-1a3ce714 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce72d-1a3ce714 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce72f-1a3ce714 {
  grid-area: 3 / 2 / 3 / 3;
}

#w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce731-1a3ce714 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_1bb864fe-f5ae-30c5-9e5a-a734369fcc3d-1a3ce714 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_09b69bc7-48b8-8fe6-3318-f1e7b0d33448-1a3ce714 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-bdff082d-8995-7bdb-1aad-913c3a962ebc-1a3ce714 {
  grid-area: 2 / 2 / 2 / 3;
}

#w-node-_908414e0-6522-6cdc-c8a8-3927a6efe915-1a3ce714 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_15aea143-29d8-54f6-54a4-5a8e6c5cc7b9-2a1b31c7, #w-node-e00b48fa-18ba-e9be-88a7-414af82d9faa-2a1b31c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d74f27fe-28fc-6b1c-44c6-d771be327b0d-2a1b31c7, #w-node-_60e31882-3519-1f7c-5212-2d04f6d573a8-2a1b31c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75577bf8-26e9-6ebd-ae26-8dc03f1c3429-2a1b31c7, #w-node-c1b7687e-2d32-daef-a7a0-b5509c91fced-2a1b31c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_59df5216-a1ec-208b-9b38-af83b3937d0e-2a1b31c9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_59df5216-a1ec-208b-9b38-af83b3937d17-2a1b31c9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_59df5216-a1ec-208b-9b38-af83b3937d18-2a1b31c9 {
  grid-area: 2 / 1 / 7 / 4;
}

#w-node-_59df5216-a1ec-208b-9b38-af83b3937d1a-2a1b31c9 {
  grid-area: 1 / 4 / 4 / 7;
}

#w-node-_59df5216-a1ec-208b-9b38-af83b3937d1c-2a1b31c9 {
  grid-area: 4 / 4 / 8 / 8;
}

#w-node-f1253599-74fb-8ad5-5c70-6237c9559d30-2a1b31c9 {
  grid-area: 2 / 1 / 7 / 4;
}

#w-node-f1253599-74fb-8ad5-5c70-6237c9559d32-2a1b31c9 {
  grid-area: 1 / 4 / 4 / 7;
}

#w-node-f1253599-74fb-8ad5-5c70-6237c9559d34-2a1b31c9 {
  grid-area: 4 / 4 / 8 / 8;
}

#w-node-bd1bbf0d-a955-e47e-695e-dc8a4a0f5888-2a1b31cd, #w-node-af2358d8-e2b3-4538-3e24-66a956309a26-2a1b31cd, #w-node-_027d5a46-8ad0-3719-505a-bb46f4f1c7ad-2a1b31cd, #w-node-_56e8cb88-d713-4e3b-6bca-ed233b8851aa-2a1b31cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6993a88-2d0d-2853-151f-bce94204e856-2a1b31d0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f6993a88-2d0d-2853-151f-bce94204e863-2a1b31d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_37444132-7053-fd48-46ca-76af566e60ba-2a1b31d0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_488480af-692d-f9fb-d9b7-d154dbb19326-2a1b31d0 {
  grid-area: 1 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-f6993a88-2d0d-2853-151f-bce94204e864-2a1b31d0 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-a7f54edd-8fd3-982b-0661-c05ea4873a79-2a1b31d0 {
  grid-area: 1 / 3 / 3 / 4;
  justify-self: center;
}

#w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf3-2a1b31d0 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-d2f90d74-e852-94bf-2977-83fdcc37a45e-2a1b31d0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf4-2a1b31d0 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-bcc33a5f-0626-f291-2ab3-80bdda2d298e-2a1b31d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf5-2a1b31d0 {
  grid-area: 1 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf6-2a1b31d0 {
  grid-area: 2 / 3 / 3 / 4;
  justify-self: center;
}

#w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf7-2a1b31d0 {
  grid-area: 3 / 1 / 4 / 2;
  justify-self: center;
}

#w-node-b7423e01-fc7c-8d57-d352-557a971f2d99-2a1b31d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_20ec884e-6abb-6f54-eed6-71da8ec5453e-2a1b31d0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_69409893-c394-99a8-9a39-52f2e58a88b9-2a1b31d0 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-b7423e01-fc7c-8d57-d352-557a971f2d9b-2a1b31d0 {
  grid-area: 1 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-_514295fa-2bed-c9b2-d010-c5847513d1ed-2a1b31d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b7423e01-fc7c-8d57-d352-557a971f2d9a-2a1b31d0 {
  grid-area: -2 / 3 / 3 / 4;
  justify-self: center;
}

#w-node-b7423e01-fc7c-8d57-d352-557a971f2d9d-2a1b31d0 {
  grid-area: 1 / 4 / 3 / 5;
  justify-self: center;
}

#w-node-d9e98db5-06cd-0739-1b07-76b9fa7e89d8-2a1b31d0 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-b7423e01-fc7c-8d57-d352-557a971f2d9e-2a1b31d0 {
  grid-area: -2 / 5 / 3 / 6;
  justify-self: center;
}

#w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e4-2a1b31d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e5-2a1b31d0 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e6-2a1b31d0 {
  grid-area: 1 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e7-2a1b31d0 {
  grid-area: 2 / 3 / 3 / 4;
  justify-self: center;
}

#w-node-_9ff6747d-ee59-a333-1be1-9f0bbf31795e-2a1b31d0 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_8bf1b022-94b9-171d-1320-e5e164c57f36-2a1b31d0 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: center;
}

#w-node-_113c4c21-032f-a1a5-c910-c8a8f8ae37d9-2a1b31d1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_113c4c21-032f-a1a5-c910-c8a8f8ae37e5-2a1b31d1 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_113c4c21-032f-a1a5-c910-c8a8f8ae37e6-2a1b31d1 {
  grid-area: 2 / 1 / 7 / 4;
}

#w-node-_113c4c21-032f-a1a5-c910-c8a8f8ae37e8-2a1b31d1 {
  grid-area: 1 / 4 / 4 / 7;
}

#w-node-_113c4c21-032f-a1a5-c910-c8a8f8ae37ea-2a1b31d1 {
  grid-area: 4 / 4 / 8 / 8;
}

@media screen and (max-width: 991px) {
  #w-node-_15aea143-29d8-54f6-54a4-5a8e6c5cc7b9-2a1b31c7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e00b48fa-18ba-e9be-88a7-414af82d9faa-2a1b31c7 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c1b7687e-2d32-daef-a7a0-b5509c91fced-2a1b31c7 {
    grid-area: 6 / 1 / 8 / 3;
  }

  #w-node-af2358d8-e2b3-4538-3e24-66a956309a26-2a1b31cd {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_027d5a46-8ad0-3719-505a-bb46f4f1c7ad-2a1b31cd {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-f6993a88-2d0d-2853-151f-bce94204e864-2a1b31d0 {
    grid-row-start: 2;
    align-self: center;
  }

  #w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf4-2a1b31d0 {
    align-self: center;
  }

  #w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf5-2a1b31d0 {
    grid-row-end: 4;
  }

  #w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf6-2a1b31d0, #w-node-_69409893-c394-99a8-9a39-52f2e58a88b9-2a1b31d0, #w-node-b7423e01-fc7c-8d57-d352-557a971f2d9a-2a1b31d0 {
    align-self: center;
  }

  #w-node-b7423e01-fc7c-8d57-d352-557a971f2d9e-2a1b31d0, #w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e5-2a1b31d0 {
    place-self: center;
  }

  #w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e7-2a1b31d0 {
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce729-1a3ce714 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce72b-1a3ce714 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce72d-1a3ce714 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce72f-1a3ce714 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_45d50fb2-615f-f2b1-9117-3f6e1a3ce731-1a3ce714 {
    grid-area: 9 / 1 / 10 / 2;
  }

  #w-node-_1bb864fe-f5ae-30c5-9e5a-a734369fcc3d-1a3ce714 {
    grid-area: 10 / 1 / 11 / 2;
  }

  #w-node-bdff082d-8995-7bdb-1aad-913c3a962ebc-1a3ce714 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_908414e0-6522-6cdc-c8a8-3927a6efe915-1a3ce714 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-c1b7687e-2d32-daef-a7a0-b5509c91fced-2a1b31c7 {
    grid-area: 6 / 1 / 7 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_75577bf8-26e9-6ebd-ae26-8dc03f1c3429-2a1b31c7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c1b7687e-2d32-daef-a7a0-b5509c91fced-2a1b31c7 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_37444132-7053-fd48-46ca-76af566e60ba-2a1b31d0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_488480af-692d-f9fb-d9b7-d154dbb19326-2a1b31d0 {
    grid-row: 1 / 2;
  }

  #w-node-f6993a88-2d0d-2853-151f-bce94204e864-2a1b31d0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-a7f54edd-8fd3-982b-0661-c05ea4873a79-2a1b31d0, #w-node-bcc33a5f-0626-f291-2ab3-80bdda2d298e-2a1b31d0 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf5-2a1b31d0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b3bff0d7-17bd-a995-bb2c-34977395ecf6-2a1b31d0 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-b7423e01-fc7c-8d57-d352-557a971f2d9b-2a1b31d0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_514295fa-2bed-c9b2-d010-c5847513d1ed-2a1b31d0 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-b7423e01-fc7c-8d57-d352-557a971f2d9a-2a1b31d0 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-b7423e01-fc7c-8d57-d352-557a971f2d9d-2a1b31d0 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-d9e98db5-06cd-0739-1b07-76b9fa7e89d8-2a1b31d0 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-b7423e01-fc7c-8d57-d352-557a971f2d9e-2a1b31d0 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e6-2a1b31d0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3ff825ed-3519-5fd3-4913-26910cbad0e7-2a1b31d0 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_9ff6747d-ee59-a333-1be1-9f0bbf31795e-2a1b31d0 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_8bf1b022-94b9-171d-1320-e5e164c57f36-2a1b31d0 {
    grid-area: 4 / 1 / 5 / 2;
  }
}


@font-face {
  font-family: 'Bod b';
  src: url('../fonts/BOD_B.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod bi';
  src: url('../fonts/BOD_BI.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod blai';
  src: url('../fonts/BOD_BLAI.TTF') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod blar';
  src: url('../fonts/BOD_BLAR.TTF') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod cb';
  src: url('../fonts/BOD_CB.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod cbi';
  src: url('../fonts/BOD_CBI.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod ci';
  src: url('../fonts/BOD_CI.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod cr';
  src: url('../fonts/BOD_CR.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod i';
  src: url('../fonts/BOD_I.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bod r';
  src: url('../fonts/BOD_R.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}