:root {
  --gainsboro: #e3e3e3;
  --white: white;
  --tan: #bbab8c;
  --saddle-brown: #524327;
}

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

a {
  text-decoration: underline;
}

.main-navigation {
  background-color: #0000;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.nav-link {
  float: right;
  letter-spacing: 2px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.nav-link.home-page-nav-link {
  color: var(--gainsboro);
  padding-right: 15px;
  font-size: 18px;
}

.nav-link.home-page-nav-link.w--current {
  border-bottom: 3px solid var(--white);
  color: var(--white);
  text-shadow: none;
  font-weight: 700;
  display: block;
}

.nav-link.home-page-nav-link.alt-color {
  color: #000;
  text-shadow: none;
  font-size: 20px;
}

.nav-link.home-page-nav-link.alt-color.w--current {
  border-bottom: 3px solid var(--tan);
  color: var(--tan);
  font-weight: 700;
}

.nav-link.home-page-nav-link.alt-contact.w--current {
  border-bottom-color: var(--tan);
  color: var(--tan);
}

.container {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.brand {
  flex: 1;
}

.navbar {
  background-color: #1c1c20;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar.partners {
  background-color: #191919;
  margin-bottom: 69px;
}

.navbar.transparent {
  background-color: #0000;
  margin-bottom: 0;
}

.home-hero-section {
  height: 100vh;
  margin-top: 0;
  position: static;
  top: 0;
}

.home-hero-content {
  z-index: 10;
  padding-left: 10vw;
  position: relative;
}

.heading {
  color: var(--white);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 54px;
  font-weight: 600;
  line-height: 62px;
}

.heading.sub-category {
  color: #333;
}

.button {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

.button.main-button {
  background-color: var(--tan);
  margin-right: 20px;
  padding: 15px 20px;
}

.button.main-button._404 {
  width: 100%;
}

.button.alternative-button {
  border-color: var(--tan);
  background-color: var(--white);
  color: var(--tan);
  text-align: center;
  padding: 15px 17px 15px 20px;
}

.home-page-navigation {
  color: var(--white);
  flex-direction: row-reverse;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  display: flex;
}

.grid {
  grid-template-rows: auto;
  width: 80vw;
  margin: 60px auto;
  display: block;
}

.heading-2 {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
}

.heading-2.text-centered {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  text-decoration: none;
}

.heading-2.text-centered.nos-univers {
  margin-bottom: 60px;
}

.heading-2.contact-cta {
  color: #fff;
  margin-bottom: 20px;
  font-size: 2.5rem;
  line-height: 48px;
}

.paragraph {
  text-align: justify;
  column-count: auto;
  column-gap: 50px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.div-block {
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-2, .div-block-3 {
  height: 50%;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  height: 100%;
}

.div-block-4 {
  border-top: 1px solid #000;
  padding-top: 10px;
  padding-bottom: 40px;
}

.div-block-5 {
  border-top: 1px solid #000;
}

.paragraph-2 {
  text-align: right;
  font-family: futura-pt, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.paragraph-2.invert {
  text-align: left;
}

.text-span {
  font-family: abril-text, sans-serif;
  font-size: 18px;
}

.second-div {
  border-top: 1px solid #000;
  padding-top: 10px;
  padding-bottom: 40px;
}

.paragraph-showcase {
  font-size: 14px;
  line-height: 22px;
}

.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ".";
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.div-block-6 {
  background-color: var(--gainsboro);
  padding-top: 60px;
  padding-bottom: 60px;
}

.universe-block-contents {
  float: none;
  clear: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 25px;
  margin-right: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image {
  opacity: 1;
  position: static;
}

.div-block-8 {
  position: relative;
}

.div-block-8.universe-block {
  background-image: url('../images/home-espace-presse.png');
  background-position: 50%;
  background-size: cover;
}

.universe-block {
  transition: all .2s ease-in-out;
  position: relative;
}

.universe-block:hover {
  transform: scale(1.01);
  box-shadow: 0 0 9px #00000059;
}

.link {
  color: var(--white);
  text-align: right;
  text-shadow: 1px 1px 6px #000;
  padding-right: 5px;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.link.contact-cta-link {
  color: var(--gainsboro);
}

.heading-3 {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000;
  margin-bottom: 0;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

.grid-4 {
  background-image: url('../images/contact-background.jpg');
  background-position: 50% 60%;
  background-size: cover;
  grid-template-rows: auto;
  height: 40vw;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.button-2 {
  border: 1px solid #000;
}

.contact-block-image-contents {
  color: var(--gainsboro);
  background-color: #2b2b2b4d;
  margin-bottom: 0;
  margin-left: 0;
  padding: 20px;
  position: static;
  inset: auto auto 0% 0%;
}

.div-block-9 {
  flex: 1;
  position: relative;
}

.paragraph-3 {
  text-align: justify;
  width: 100%;
  margin-top: 10px;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.div-block-10 {
  background-color: #0000;
  padding-top: 140px;
  padding-bottom: 100px;
}

.div-block-11 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-4 {
  letter-spacing: 2px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
}

.link-2 {
  color: #333;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.section {
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-12 {
  flex: 0 auto;
  order: 0;
  align-self: center;
  overflow: visible;
}

.div-block-13 {
  flex: 0 auto;
}

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

.grid-5 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.div-block-14 {
  background-color: #000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-15 {
  flex-direction: column;
  display: flex;
}

.paragraph-5 {
  color: var(--gainsboro);
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: static;
}

.paragraph-6 {
  color: var(--gainsboro);
  text-align: justify;
  text-transform: none;
  font-family: abril-text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph-7 {
  color: var(--gainsboro);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  object-fit: fill;
  margin-top: 40px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
}

.link-3 {
  color: var(--gainsboro);
  margin-bottom: 10px;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.div-block-16 {
  flex-direction: column;
  display: flex;
}

.div-block-16.socials {
  flex-direction: row;
}

.div-block-17 {
  z-index: 50;
  background-color: #00000040;
  width: 100vw;
  height: 100vh;
  position: sticky;
}

.div-block-18 {
  z-index: 2147483647;
  float: right;
  background-color: #000;
  width: 30vw;
  height: 100vh;
  padding-top: 60px;
  position: sticky;
}

.div-block-19 {
  padding-top: 60px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-block {
  padding: 40px;
}

.div-block-20 {
  background-color: #000000d9;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.nav-link-2 {
  flex: 0 auto;
}

.image-5 {
  margin-top: 35px;
}

.link-4 {
  color: var(--gainsboro);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.div-block-21 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
  display: flex;
}

.social-link {
  color: var(--gainsboro);
  margin-bottom: 5px;
  font-family: futura-pt, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.grid-6 {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "Area"
                       "Area";
  align-content: start;
  place-items: center;
}

.div-block-22 {
  width: 80vw;
  margin: 60px auto;
}

.paragraph-8 {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px #000;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.div-block-23 {
  position: relative;
}

.div-block-24 {
  margin-bottom: 20px;
  margin-right: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-6 {
  height: 50%;
  max-height: 50%;
}

.selection {
  text-align: right;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 34px;
}

.div-block-25 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cat-gories {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: futura-pt, sans-serif;
  font-size: 34px;
}

.div-block-26 {
  background-color: var(--tan);
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-27 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.collection-list-wrapper {
  justify-content: space-between;
  display: flex;
}

.collection-list {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.collection-item {
  flex: 0 auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.collection-item:last-child {
  padding-right: 0;
}

.link-5 {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.div-block-28 {
  flex: 0 auto;
}

.collection-list-wrapper-2 {
  flex-direction: column-reverse;
  display: flex;
}

.collection-item-2 {
  text-align: left;
}

.sub-collection {
  letter-spacing: 4px;
  font-size: 26px;
}

.collection-list-2 {
  letter-spacing: 3px;
  font-family: futura-pt, sans-serif;
}

.collection-list-wrapper-3 {
  text-transform: uppercase;
}

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

.grid-7 {
  grid-template-columns: 1fr .5fr;
  grid-template-areas: "Area"
                       "Area";
}

.div-block-30 {
  background-color: var(--gainsboro);
  margin-bottom: -60px;
}

.div-block-31 {
  background-color: var(--gainsboro);
}

.alt {
  color: #000;
}

.heading-4 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 48px;
}

.heading-4.page-heading {
  margin-bottom: 40px;
  font-size: 64px;
}

.grid-8 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.submit-button {
  background-color: var(--tan);
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 15px 20px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.field-label, .field-label-2, .field-label-3 {
  font-family: abril-text, sans-serif;
  font-weight: 400;
}

.body {
  background-color: #f7f7f7;
  margin-top: 140px;
}

.image-7 {
  width: 75vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-32 {
  background-color: #e3e3e3;
  margin-top: 40px;
}

.div-block-32.alt {
  background-color: var(--white);
  margin-top: 0;
}

.div-block-33 {
  background-color: #fff;
}

.bold-text {
  font-family: futura-pt, sans-serif;
}

.bold-text-2 {
  font-size: 14px;
}

.bold-text-2.conttact-page {
  font-size: 22px;
  line-height: 35px;
}

.grid-9 {
  grid-template-rows: auto auto;
  height: 100vh;
  margin-top: 0;
}

.grid-9.aspects {
  height: 70vh;
  overflow: hidden;
}

.heading-5 {
  color: var(--gainsboro);
  letter-spacing: 5px;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000000a1;
  padding-right: 40px;
  font-family: futura-pt, sans-serif;
  font-size: 54px;
  font-weight: 600;
  line-height: 58px;
  position: relative;
}

.heading-5.subtext {
  font-size: 40px;
}

.div-block-34 {
  z-index: 10;
  padding-left: 10vw;
  position: relative;
}

.grid-10 {
  grid-template-columns: 1.5fr .75fr;
  grid-template-areas: "Area"
                       "Area";
  place-items: center end;
}

.section-2 {
  width: 80vw;
  margin: 20px auto;
}

.lightbox-link {
  position: relative;
}

.div-block-35 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.heading-6 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-right: 40px;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
}

.heading-6.small {
  margin-bottom: 15px;
  margin-right: 15px;
}

.lightbox-link-2, .lightbox-link-3 {
  position: relative;
}

.heading-7 {
  letter-spacing: 3px;
  text-transform: uppercase;
  flex: 1;
  font-family: futura-pt, sans-serif;
}

.heading-7.category-name {
  font-weight: 300;
}

.div-block-36 {
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  margin: 0 auto 20px;
  display: flex;
}

.div-block-36.sub-category-title, .div-block-36.sub-category-h1 {
  justify-content: flex-start;
}

.image-8 {
  width: 100%;
}

.div-block-37 {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-38 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.image-9 {
  opacity: 0;
  width: 100%;
}

.div-block-39 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.div-block-40 {
  background-color: var(--gainsboro);
  background-image: url('../images/contact-background.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 50vh;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-8 {
  color: var(--white);
  text-align: right;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
  font-family: futura-pt, sans-serif;
  font-size: 12px;
}

.menu-button {
  color: #000;
}

.div-block-41 {
  width: 80vw;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-3 {
  column-count: 3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  column-gap: 20px;
  display: block;
}

.heading-9 {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: futura-pt, sans-serif;
  position: absolute;
  inset: auto 0% 0% auto;
}

.lightbox-link-4 {
  position: relative;
}

.icon {
  color: var(--gainsboro);
}

.image-10, .image-11, .image-12, .image-13, .image-14, .image-15, .image-16, .image-17, .image-18, .image-19, .image-20, .image-21 {
  width: 100%;
}

.section-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". ."
                 "Area Area"
                 / 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.heading-10 {
  letter-spacing: 3px;
  text-transform: uppercase;
  flex: 1;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: futura-pt, sans-serif;
}

.text-span-2 {
  font-weight: 400;
}

.div-block-42 {
  background-color: var(--tan);
}

.heading-11 {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
}

.link-6 {
  color: var(--white);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.link-6:hover {
  border-bottom: 1px solid var(--white);
  letter-spacing: 4px;
}

.link-6.last-child, .link-6.dropdown {
  margin-right: 0;
}

.select-field {
  background-color: #fff;
}

.collection-item-3 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.div-block-43 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.collection-list-4 {
  column-count: 3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  column-gap: 20px;
  display: block;
}

.collection-item-4 {
  margin-bottom: 20px;
}

.section-4 {
  flex-direction: column;
  width: 80vw;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-9 {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  text-shadow: 1px 1px 19px #00000080;
  max-width: 100%;
  margin-bottom: 0;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.div-block-44 {
  margin-bottom: 40px;
  margin-right: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.collection-item-5 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.collection-item-5.ex1 {
  background-image: none;
}

.collection-list-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  column-count: 4;
  column-rule-style: none;
  column-rule-width: 83px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-auto-columns: 1fr;
  column-gap: 20px;
  display: grid;
}

.collection-list-5.ex-1 {
  display: block;
}

.collection-list-5.robinetteries {
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}

.collection-list-5.robinetteries.collection-list-sdb, .collection-list-5.robinetteries.collection-list-cuisine {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.collection-list-5.aspects_ceramiques {
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}

.collection-list-5.collection-list, .collection-list-5.collection-list-vm, .collection-list-5.collection-list-douche, .collection-list-5.collection-list-spa, .collection-list-5.collection-list-san, .collection-list-5.collection-list-rad {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.image-22 {
  opacity: 0;
  margin-bottom: 20px;
}

.image-22.ex1 {
  opacity: 1;
}

.div-block-45 {
  text-align: right;
  max-width: 90%;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.collection-list-wrapper-4 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.link-7 {
  color: #1f1f1f;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.collection-item-6 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  min-height: 350px;
}

.lightbox-link-5 {
  opacity: 1;
  height: 100%;
  max-height: 350px;
  position: relative;
  overflow: hidden;
}

.image-23 {
  opacity: 0;
}

.next-button {
  background-color: #0000;
  border-style: none;
}

.pagination {
  letter-spacing: 3px;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: space-around;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  display: none;
}

.page-count {
  flex: none;
  width: auto;
  display: block;
}

.div-block-46 {
  justify-content: center;
  align-items: baseline;
  display: flex;
}

.html-embed-2 {
  margin-top: 40px;
  margin-bottom: 10px;
}

.previous {
  background-color: #0000;
  border-style: none;
}

.pagination-2 {
  flex-direction: column;
}

.div-block-47 {
  text-transform: uppercase;
  justify-content: center;
  align-items: baseline;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  display: flex;
}

.next {
  background-color: #0000;
  border-style: none;
}

.text-block {
  letter-spacing: 3px;
}

.page-count-2 {
  letter-spacing: 3px;
  flex: none;
  width: auto;
}

.previous-2 {
  background-color: #0000;
  border-style: none;
}

.text-block-2 {
  letter-spacing: 3px;
}

.image-24 {
  margin-bottom: 20px;
}

.menu-button-2 {
  color: var(--saddle-brown);
}

.div-block-48 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-49 {
  flex: 0 auto;
  display: flex;
}

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

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

.div-block-50 {
  margin-bottom: 10px;
}

.button-3 {
  flex: 1;
}

.text-span-3, .text-span-4, .text-span-5, .text-span-6, .text-span-7 {
  font-weight: 400;
}

.section-title {
  align-items: center;
  display: flex;
}

.paragraph-10 {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
}

.div-block-51 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.grid-enseignes {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr minmax(200px, 1fr);
  align-content: center;
  align-items: center;
  margin-top: 40px;
}

.grid-enseignes.invert {
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 2fr);
}

.slide_ivry {
  background-image: url('../images/1.JPG');
  background-position: 50%;
  background-size: cover;
}

.image-25 {
  height: 100%;
}

.slider {
  height: 25vw;
}

.slider.chat {
  height: 65vw;
}

.slide-2 {
  background-image: url('../images/2.JPG');
  background-position: 50%;
  background-size: cover;
}

.grid-12 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area . Area-2"
                       "Area . Area-2";
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.link-block-2 {
  height: 100%;
}

.link-block-3 {
  background-image: url('../images/home-espace-presse.png');
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.div-block-52 {
  flex: 1;
}

.image-27 {
  opacity: 1;
}

.bouton-voir-plus {
  background-color: var(--tan);
  color: var(--white);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-style: none;
  border-radius: 0;
  align-self: center;
  margin-top: 20px;
  padding: 9px 20px;
  font-family: futura-pt, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.paragraph-11 {
  color: var(--white);
  text-align: justify;
  padding-right: 60px;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.div-block-57 {
  background-image: url('../images/aquamoon-2-secondes.gif');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: relative;
}

.div-block-58 {
  z-index: 10;
  color: var(--white);
  background-color: #00000038;
  width: 100%;
  padding: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.heading-12 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.paragraph-12 {
  text-align: justify;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.load-more-button-cer.bouton-voir-plus.h-g {
  transition: all .2s;
}

.section-5 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.div-block-59 {
  flex-direction: row;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-60 {
  flex: 1;
  margin: 25px;
}

.div-block-61 {
  flex: 1;
}

.heading-13 {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: futura-pt, sans-serif;
  font-size: 48px;
}

.rich-text-block {
  text-align: justify;
  letter-spacing: .25px;
  column-count: 2;
  column-gap: 50px;
  margin-bottom: 40px;
  font-family: abril-text, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

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

.div-block-63 {
  text-align: right;
  flex: 1;
  align-self: flex-end;
}

.div-block-64 {
  flex: 1;
  align-self: flex-start;
}

.link-block-5 {
  color: var(--tan);
}

.image-28 {
  border: 1px solid var(--tan);
}

.link-block-6 {
  text-align: right;
  justify-content: flex-end;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.paragraph-13 {
  border-bottom: 1px solid var(--tan);
  color: var(--tan);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-left: 10px;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
}

.html-embed-3 {
  order: 0;
  align-self: baseline;
}

.div-block-65 {
  height: 100%;
  margin: 25px;
  padding: 0;
  position: relative;
}

.image-29 {
  z-index: 1;
  width: 75%;
  position: absolute;
  left: 15%;
}

.image-30 {
  z-index: 5;
  width: 50%;
  position: absolute;
  top: 25%;
  bottom: 0%;
  right: 0%;
}

.image-31 {
  width: 75%;
  position: absolute;
  inset: auto 0% 0%;
}

.collection-item-7 {
  flex-direction: row;
  padding: 100px;
  display: flex;
}

.collection-item-7:nth-child(2n) {
  color: #dfdfdf;
  background-color: #191919;
  flex-direction: row-reverse;
}

.body-2 {
  background-color: #f7f7f7;
  margin-top: 140px;
}

.section-6 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.heading-14 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
}

.text-block-3 {
  color: gray;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

.press-filter-button {
  background-color: var(--tan);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-right: 20px;
  padding: 6px 25px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.collection-list-7 {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.collection-list-7.blog-posts-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.heading-15 {
  letter-spacing: 1px;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

.text-block-4 {
  font-family: abril-text, sans-serif;
  font-size: 16px;
}

.text-block-5 {
  font-family: abril-text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.collection-item-8 {
  flex: 0 auto;
  order: 0;
  width: 100%;
  padding: 25px;
}

.button-4 {
  text-align: center;
  background-color: #333;
  width: 100%;
  margin-top: 0;
  font-family: abril-text, sans-serif;
}

.div-block-66 {
  border: 1px solid #333;
  width: 100%;
  padding: 0;
  box-shadow: 0 0 10px #00000036;
}

.div-block-67 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.year-text {
  display: none;
  overflow: visible;
}

.filter-bar-category {
  align-items: center;
  display: flex;
}

.base-filter-button {
  background-color: var(--white);
  color: #aaa;
  letter-spacing: 3px;
  border: 1px dashed #aaa;
  margin-right: 10px;
  padding: 6px 25px;
  font-family: futura-pt, sans-serif;
  font-size: 24px;
  font-weight: 600;
  transition: all .2s ease-in-out;
}

.base-filter-button:hover {
  background-color: var(--tan);
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 0 5px #0000005c;
}

.base-filter-button.base-filter-button-active {
  border-style: solid;
  border-color: var(--tan);
  background-color: var(--tan);
  color: #fff;
}

.paragraph-14 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: abril-text, sans-serif;
}

.no-results, .empty-state {
  display: none;
}

.div-block-68 {
  align-items: center;
  width: 80vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider-2 {
  height: 100%;
}

.slide-nav {
  z-index: 12;
}

.left-arrow, .right-arrow {
  z-index: 13;
}

.slide-3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/24.bleu-small.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-69 {
  width: 65%;
}

.slide-5 {
  background-image: url('../images/b_w.fragment.white.highglossy.color.black.3.jpg');
  background-position: 50%;
  background-size: auto;
}

.slide-6 {
  background-image: url('../images/CDE-vanity-macchiavecchia-glossy-bookmatch-65-living-002-small.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/Aquamoon_04.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  height: 100%;
}

.left-arrow-2, .right-arrow-2 {
  z-index: 15;
}

.slide-nav-2 {
  z-index: 5;
}

.slide-8 {
  background-image: url('../images/Hansgrohe.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.slide-9 {
  background-image: url('../images/Gessi-Anello_Ambiente030-copia.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.slide-10 {
  background-image: url('../images/antoniolupi_BEMADE.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.mask {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-11 {
  background-image: url('../images/Dornbracht-luxus-bad-armatur-CYO-Architektur_METROPOLITAN_01.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-12 {
  background-image: url('../images/Dornbracht-VAIA_Platinum-matt_02.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-13 {
  background-image: url('../images/GB-THG-SCENE-02-04-01.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-14 {
  background-image: url('../images/Dornbracht_Totale-2_V3_V1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-15 {
  background-image: url('../images/Gessi-Wellness_05.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-16 {
  background-image: url('../images/ar-um-imperial_grey-_-_-300150-amb65-shop_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-17 {
  background-image: url('../images/ar-um-michelangelo_altissimo-_-_-300150-amb62-living_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-18 {
  background-image: url('../images/Melville-Shaped-Nero-Marquinia_AMB.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-19 {
  background-image: url('../images/SolsEffetMarbres-verde-st-denis-06.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-20 {
  background-image: url('../images/Dornbracht-MEM_Brushed-Durabrass_3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-21, .slide-22 {
  background-image: url('../images/Dornbracht-LifeSpa_02.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-23 {
  background-image: url('../images/Florim-barhotel_790_capraia_mod03.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-70 {
  z-index: 5;
  background-color: #00000040;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-70.ceramique {
  height: 70%;
}

.collection-list-wrapper-5 {
  overflow: visible;
}

.div-block-71 {
  background-color: #191919;
  margin-bottom: 40px;
}

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

.dropdown {
  padding-right: 0;
  display: inline-block;
  position: relative;
}

.dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar_main {
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.container-2 {
  object-fit: fill;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.nav-menu {
  z-index: 50;
  background-color: #0000;
  flex-wrap: nowrap;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: baseline;
  width: 60%;
  display: flex;
  position: absolute;
  inset: 100% 0% 0% auto;
}

.navbar_container {
  justify-content: space-between;
  align-items: center;
  width: 80vw;
  margin: 20px auto;
  display: flex;
  position: relative;
}

.navbar_container.dark_mode {
  color: #333;
}

.navbar_elements {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  align-self: center;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.nav_element {
  color: #fff;
  padding: 0 20px 0 0;
  transition: all .2s;
}

.nav_element:hover {
  color: var(--tan);
  letter-spacing: 1.5px;
  text-decoration: underline;
}

.nav_element.w--current {
  border-bottom: 1px solid var(--white);
  color: var(--white);
  margin-right: 20px;
  padding-bottom: 5px;
  padding-right: 0;
  font-weight: 600;
}

.nav_element.inside_dropdown {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
}

.nav_element.outside_dropdown {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 25px;
  padding-right: 0;
}

.nav_element.outside_dropdown.dark_mode {
  margin-right: 20px;
}

.nav_element.outside_dropdown.dark_mode.w--current {
  color: #333;
  border-bottom-color: #333;
  font-weight: 700;
}

.nav_element.outside_dropdown.mat {
  margin-right: 0;
}

.nav_element.outside_dropdown.mat.w--current {
  margin-right: 20px;
}

.nav_element.dark_mode {
  color: #333;
}

.nav_element.has_dropdown {
  margin-right: -20px;
}

.menu-button-3 {
  margin-left: -20px;
}

.menu-button-3.w--open {
  background-color: #00000080;
}

.menu-button-3.dark_mode {
  color: #333;
  margin-left: 0;
}

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

.body-3 {
  margin-top: 140px;
}

.h-g {
  transition: all .2s ease-in-out;
}

.h-g:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px #0000004d;
}

.lm-arrow-span {
  transition: all .2s ease-in-out;
  display: inline-block;
}

._404 {
  margin-top: 100px;
}

.form-block {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 60px;
}

.field-label-4 {
  color: #fff;
  text-align: left;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph-15 {
  color: var(--white);
  text-align: left;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-72 {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

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

.submit-button-2 {
  background-color: var(--tan);
  flex: 1;
  width: 100%;
}

.div-block-73 {
  background-color: #000;
}

.div-block-74 {
  background-color: #000;
  margin-top: 150px;
  position: fixed;
}

.body-4 {
  background-color: #fff;
}

.section-7 {
  margin-bottom: 60px;
}

.slide-24 {
  background-image: url('../images/KOS-MINIPOOL.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-25 {
  background-image: url('../images/3_1.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-26 {
  background-image: url('../images/4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-27 {
  background-image: url('../images/5.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-28 {
  background-image: url('../images/6.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-29 {
  background-image: url('../images/7_1.JPG');
  background-position: 50%;
  background-size: cover;
}

.slide-_florim {
  background-image: url('../images/David-B_Showroom_FLORIM_Entree.png');
  background-position: 50%;
  background-size: cover;
}

.slide-31 {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/1.JPG');
  background-position: 50%;
  background-size: cover;
  background-clip: padding-box;
}

.slide-32 {
  background-image: url('../images/3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-33 {
  background-image: url('../images/4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-34 {
  background-image: url('../images/5_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-35 {
  background-image: url('../images/6_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-36 {
  background-image: url('../images/7.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-37 {
  background-image: url('../images/8.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-38 {
  background-image: url('../images/9.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-2 {
  background-image: url('../images/10.jpg');
  background-position: 50%;
  background-size: cover;
}

.grid-13 {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-auto-flow: column;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.grid-14 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-flow: row;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.link-block-7 {
  height: 5px;
}

.universe_block {
  height: 50vh;
  transition: all .2s;
  position: relative;
}

.universe_block:hover {
  transform: scale(1.01);
  box-shadow: 1px 1px 10px 1px #0003;
}

.universe_block.ub_sdb {
  background-image: url('../images/Nos-univers-Salle-de-bain-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.universe_block.ub_rb {
  background-image: url('../images/Nos-univers-Robinetterie-Dornbracht-CYO_Estate_08.jpg');
  background-position: 50%;
  background-size: cover;
}

.universe_block.ub_rv {
  background-image: url('../images/Nos-univers-Revetement-tela_artistapag.66-BR.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-75 {
  padding: 40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.uv_text {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  font-family: futura-pt, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.uv_contents {
  padding: 45px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-span-8 {
  font-weight: 700;
}

.div-block-76 {
  padding-top: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-76.jetboost-toggle-favorite-kop6 {
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-76.jetboost-toggle-favorite-kop6.collection-page {
  position: absolute;
}

.div-block-76.jetboost-toggle-favorite-kop6.bruh {
  height: 100%;
  padding-top: 0;
}

.paragraph-16 {
  color: #fff;
  padding: 15px;
  font-size: 20px;
}

.not-favorite {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-right: 0;
}

.is-favorite {
  padding-top: 0;
  padding-right: 0;
  display: none;
}

.is-favorite.bruh {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: none;
}

.is-favorite.bruh.loadr {
  display: none;
}

.paragraph-17 {
  color: red;
  background-color: #eeaaaa96;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
}

.button-5 {
  background-color: #4f4f4f;
  border: 1px solid #5b5b5b;
  position: static;
}

.button-5.favorited {
  text-align: right;
  background-color: #4f4f4f;
  display: block;
}

.div-block-77 {
  align-self: center;
}

.button-6 {
  background-color: var(--tan);
  font-family: futura-pt, sans-serif;
  font-size: 17px;
}

.div-block-78 {
  width: 150px;
  height: 150px;
}

.jetboost-favorites-list-kop6 {
  width: 80vw;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.image-32 {
  border-radius: 5px;
  max-height: 150px;
}

.columns {
  display: flex;
}

.column {
  flex: 1;
}

.column-2 {
  flex: 0 auto;
}

.div-block-79 {
  display: flex;
  position: relative;
}

.div-block-80 {
  flex: 1;
  align-self: center;
  margin-left: 20px;
  position: static;
}

.heading-16 {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-weight: 300;
}

.div-block-81 {
  text-align: center;
  width: 220px;
  max-width: 220px;
}

.collection-item-9 {
  background-color: #f3f3f3;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 0 0 16px #00000029;
}

.heading-17 {
  color: var(--tan);
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 80vw;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
}

.text-block-6 {
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.empty-state-2 {
  background-color: #0000;
}

.div-block-82 {
  height: 150px;
}

.div-block-83 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.collection-item-10 {
  position: relative;
}

.image-33 {
  max-height: 100px;
}

.div-block-84 {
  margin-left: 20px;
}

.while-favorite {
  padding-top: 0;
  padding-right: 0;
  display: none;
}

.lottie-animation {
  width: 28px;
}

.button-7 {
  align-self: center;
}

.paragraph-18 {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.link-8, .link-9 {
  color: var(--white);
  text-decoration: none;
}

.pagination-3, .pagination-4, .pagination-5, .pagination-6, .pagination-7, .pagination-8, .pagination-9, .pagination-10, .pagination-11, .pagination-12, .pagination-13, .pagination-14, .pagination-15, .pagination-16, .pagination-17, .pagination-18, .pagination-19, .pagination-20, .jetboost-infinite-loader-k223 {
  display: none;
}

.slide-_chatillon {
  background-image: url('../images/image0-1.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-40 {
  background-image: url('../images/image1.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-41 {
  background-image: url('../images/image2.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-42 {
  background-image: url('../images/image3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-43 {
  background-image: url('../images/image4.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-44 {
  background-image: url('../images/image5.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-45 {
  background-image: url('../images/image6.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-46 {
  background-image: url('../images/image7.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-47 {
  background-image: url('../images/Dornbracht-CYO_Estate_04.jpg');
  background-position: 50%;
  background-size: cover;
}

.paragraph-19 {
  background-color: var(--tan);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 20px;
  margin: 0;
  padding: 6px 12px;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  display: inline;
}

.paragraph-19.sub-category {
  background-color: #6c5f46;
  margin-left: 10px;
}

.paragraph-20 {
  text-transform: none;
  margin-left: 10px;
  font-family: abril-text, sans-serif;
  font-weight: 400;
}

.div-block-85 {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.heading-18 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

.text-span-9 {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 3px 8px;
  line-height: 10px;
}

.html-embed-4 {
  color: #6e6e6e;
  font-family: abril-text, sans-serif;
  font-size: 12px;
}

.no-favorites {
  margin-top: 20px;
  padding-bottom: 20px;
  display: none;
}

.paragraph-21 {
  color: var(--white);
  font-family: abril-text, sans-serif;
}

.paragraph-21.dark {
  color: #000;
}

.loading-favorites {
  background-color: #bbab8cad;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.lottie-animation-2 {
  width: 50px;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.collection-list-wrapper-6 {
  display: block;
}

.paragraph-22 {
  position: static;
}

.div-block-86 {
  background-color: #4f4f4f;
}

.slide-48 {
  background-image: url('../images/n°1-Ariostea.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-49 {
  background-image: url('../images/n°2---Ariostea.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-50 {
  background-image: url('../images/n°3---Ariostea-arlecchino-rovere-buckskin.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-51 {
  background-image: url('../images/n°4---Ariostea-bianco-greco-agata-black.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-52 {
  background-image: url('../images/n°5-Ariostea-alpi-chiaro-venato---kitchen.jpg');
  background-position: 50%;
  background-size: cover;
}

.dropdown-toggle-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.icon-4 {
  color: var(--white);
}

.dropdown-link {
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  transition: all .2s;
}

.dropdown-link:hover {
  color: #fff;
  background-color: #333;
}

.nav-dropdown-element {
  transition: all .2s;
}

.nav-dropdown-element:hover {
  color: #fff;
  background-color: #333;
}

.link-block-8 {
  margin-left: 10px;
}

.body-5 {
  margin-top: 140px;
}

.collection-list-wrapper-7 {
  column-count: 3;
  column-gap: 1rem;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.image-34 {
  margin-bottom: 1rem;
}

.lightbox-link-6 {
  position: relative;
}

.text-block-7 {
  text-align: center;
  background-color: #ddd;
  padding: 20px 10px;
}

.slide-53 {
  background-image: url('../images/Stock-B_Entree_Ivry-1.png');
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .nav-link.home-page-nav-link {
    display: none;
  }

  .home-hero-content {
    padding-right: 10vw;
  }

  .heading-2.contact-cta {
    text-align: center;
  }

  .paragraph {
    width: 101%;
  }

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

  .grid-4 {
    height: auto;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .contact-block-image-contents {
    padding-right: 40px;
  }

  .paragraph-3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-5 {
    flex-direction: column;
    display: flex;
  }

  .div-block-18 {
    width: 60vw;
  }

  .div-block-20 {
    background-color: #000;
  }

  .image-5 {
    display: none;
  }

  .collection-list-4 {
    grid-row-gap: 20px;
  }

  .div-block-53 {
    text-align: center;
    margin-bottom: 20px;
  }

  .collection-list-7.blog-posts-list {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

  .div-block-68 {
    flex-direction: column;
  }

  .left-arrow-2, .right-arrow-2, .dropdown {
    display: none;
  }

  .nav-menu {
    width: 100%;
  }

  .nav_element {
    display: none;
  }

  .grid-14 {
    grid-row-gap: 20px;
  }

  .universe_block {
    height: 75vh;
  }

  .uv_contents {
    background-color: #0000004d;
    inset: 0% 0% auto;
  }
}

@media screen and (max-width: 767px) {
  .heading-2.contact-cta {
    text-align: center;
  }

  .grid-4 {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-block-image-contents {
    text-align: center;
    padding-right: 40px;
  }

  .paragraph-3 {
    text-align: justify;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .link-4 {
    text-align: left;
  }

  .heading-5 {
    background-color: #000000b5;
    margin-top: 66px;
    padding: 30px 33px 33px;
  }

  .div-block-36 {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .div-block-53 {
    text-align: center;
    margin-bottom: 20px;
  }

  .div-block-68, .div-block-72 {
    flex-direction: column;
  }

  .submit-button-2 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .nav-link.home-page-nav-link {
    display: none;
  }

  .heading {
    margin-right: 40px;
    font-size: 37px;
    line-height: 38px;
  }

  .button.main-button {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }

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

  .heading-2.contact-cta {
    flex: 0 auto;
    font-size: 1.5rem;
    line-height: 33px;
  }

  .paragraph {
    column-count: auto;
    line-height: 25px;
  }

  .grid-2 {
    flex-direction: column-reverse;
    display: flex;
  }

  .grid-2.grid-2 {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
  }

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

  .second-div {
    padding-bottom: 10px;
  }

  .universe-block-contents {
    align-items: flex-end;
    margin-left: 20px;
    inset: auto 0% 0% auto;
  }

  .heading-3 {
    text-align: right;
    font-size: 16px;
  }

  .grid-4 {
    flex-direction: column;
    align-items: center;
    height: auto;
    padding-top: 10px;
    padding-bottom: 40px;
    display: flex;
  }

  .div-block-9 {
    flex: 1;
    display: none;
  }

  .grid-5 {
    flex-direction: column;
    display: flex;
  }

  .paragraph-7 {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-18 {
    width: 100vw;
    padding-top: 20px;
    position: fixed;
  }

  .link-block.close-button {
    padding: 0 20px 20px;
  }

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

  .image-5 {
    margin-top: 20px;
  }

  .link-4 {
    text-align: left;
  }

  .div-block-21 {
    margin-top: 10px;
  }

  .heading-4 {
    font-size: 31px;
  }

  .grid-8 {
    justify-items: center;
    display: flex;
  }

  .submit-button {
    width: 100%;
  }

  .heading-5 {
    background-color: #000000b5;
    margin-right: 20px;
    padding: 24px;
    font-size: 24px;
    line-height: 38px;
  }

  .heading-7 {
    font-size: 24px;
  }

  .div-block-36 {
    flex-direction: column;
  }

  .div-block-40 {
    padding-top: 1px;
    padding-bottom: 10px;
  }

  .collection-list-3 {
    column-count: auto;
  }

  .heading-9 {
    margin-left: 20px;
  }

  .heading-10 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 19px;
  }

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

  .link-6 {
    margin-bottom: 10px;
    margin-right: 0;
  }

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

  .collection-list-5 {
    flex-direction: column;
    display: flex;
  }

  .div-block-48 {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .paragraph-10 {
    text-align: left;
    margin-left: 0;
  }

  .div-block-51, .grid-enseignes {
    flex-direction: column;
    display: flex;
  }

  .grid-enseignes.invert {
    flex-direction: column-reverse;
    display: flex;
  }

  .slider {
    width: 100%;
    height: 70vw;
  }

  .grid-12 {
    flex-direction: column;
    display: flex;
  }

  .link-block-2, .link-block-3 {
    margin-bottom: 20px;
  }

  .div-block-52 {
    flex-direction: column;
    flex: 0 auto;
    display: flex;
  }

  .div-block-53 {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .link-block-4 {
    margin-bottom: 20px;
  }

  .image-26 {
    display: none;
  }

  .div-block-54 {
    width: 100%;
  }

  .div-block-55 {
    display: none;
  }

  .paragraph-11 {
    margin-right: 0;
    padding-right: 0;
  }

  .collection-list-7.blog-posts-list {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .collection-item-8 {
    width: 100%;
    padding: 0;
  }

  .div-block-67 {
    padding: 10px;
  }

  .filter-bar-category {
    flex-flow: wrap;
  }

  .base-filter-button {
    margin-bottom: 10px;
  }

  .slide-23 {
    background-position: 50%;
  }

  .slide-24 {
    background-position: 75%;
  }

  .grid-14 {
    width: 95vw;
  }

  .universe_block {
    height: 50vh;
  }
}

#w-node-_37aa171c-29e0-87f5-f76e-c4b20ebc10e5-4bfab5f8 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_1da7e47d-e97c-51dd-a682-57f6dd203c84-4bfab5f8 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-f1e7aa06-1858-e2e4-05f2-1742d52c436d-4bfab5f8 {
  align-self: center;
}

#w-node-b0146f72-3254-577a-5efe-a709163519ed-4bfab5fd {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-b0146f72-3254-577a-5efe-a709163519ee-4bfab5fd {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_5c1453a4-d6f3-d433-0b2f-1776be58e1bf-4bfab5fd {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c451e981-de43-295d-f335-37c5f82d444c-4bfab600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad27660f-da0a-0068-9429-98a028058e54-4bfab600, #w-node-adb50cf2-b671-7497-6ec8-f4ee81f3956a-4bfab600 {
  align-self: center;
}

#w-node-adb50cf2-b671-7497-6ec8-f4ee81f39561-4bfab600, #w-node-_0c508517-a1a8-3e26-ffc7-095d6cf429ec-4bfab600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c508517-a1a8-3e26-ffc7-095d6cf429fa-4bfab600, #w-node-a182833c-67ee-5f6d-41d4-af751b2488b6-4bfab600 {
  align-self: center;
}

#w-node-a182833c-67ee-5f6d-41d4-af751b2488c8-4bfab600, #w-node-_5d94a3f8-0211-de6e-53f3-24e21042e396-4bfab600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d94a3f8-0211-de6e-53f3-24e21042e39f-4bfab600, #w-node-_5d94a3f8-0211-de6e-53f3-24e21042e3ae-4bfab600 {
  align-self: center;
}

#w-node-_5d94a3f8-0211-de6e-53f3-24e21042e3bd-4bfab600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_14c248da-92e2-9864-9858-e8187871b666-4bfab601 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab601 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d918ff1f-4060-3896-f90c-a97babc502ef-4bfab601 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_14c248da-92e2-9864-9858-e8187871b666-4bfab603 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab603 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
}

#w-node-_14c248da-92e2-9864-9858-e8187871b666-4bfab604 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab604 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_14c248da-92e2-9864-9858-e8187871b666-4bfab605 {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab605 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_14c248da-92e2-9864-9858-e8187871b666-4bfab60d {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab60d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_14c248da-92e2-9864-9858-e8187871b666-4bfab60e {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab60e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c451e981-de43-295d-f335-37c5f82d444c-4bfab615 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad27660f-da0a-0068-9429-98a028058e54-4bfab615, #w-node-adb50cf2-b671-7497-6ec8-f4ee81f3956a-4bfab615 {
  align-self: center;
}

#w-node-adb50cf2-b671-7497-6ec8-f4ee81f39561-4bfab615, #w-node-_5d94a3f8-0211-de6e-53f3-24e21042e396-4bfab615 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d94a3f8-0211-de6e-53f3-24e21042e39f-4bfab615, #w-node-_5d94a3f8-0211-de6e-53f3-24e21042e3ae-4bfab615 {
  align-self: center;
}

#w-node-_5d94a3f8-0211-de6e-53f3-24e21042e3bd-4bfab615, #w-node-c451e981-de43-295d-f335-37c5f82d444c-4bfab616 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad27660f-da0a-0068-9429-98a028058e54-4bfab616, #w-node-adb50cf2-b671-7497-6ec8-f4ee81f3956a-4bfab616 {
  align-self: center;
}

#w-node-adb50cf2-b671-7497-6ec8-f4ee81f39561-4bfab616, #w-node-_5d94a3f8-0211-de6e-53f3-24e21042e396-4bfab616 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d94a3f8-0211-de6e-53f3-24e21042e39f-4bfab616, #w-node-_5d94a3f8-0211-de6e-53f3-24e21042e3ae-4bfab616 {
  align-self: center;
}

#w-node-_5d94a3f8-0211-de6e-53f3-24e21042e3bd-4bfab616 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_1da7e47d-e97c-51dd-a682-57f6dd203c84-4bfab5f8 {
    grid-column-end: 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1da7e47d-e97c-51dd-a682-57f6dd203c84-4bfab5f8 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab601, #w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab603, #w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab605, #w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab60d, #w-node-_8b783b55-5d23-ba8f-1852-0ac309add722-4bfab60e {
    grid-column-end: 3;
  }
}