:root {
  --white-smoke: #eceff1;
  --black: black;
  --goldenrod: #df9f34;
  --dark-slate-blue: #283f51;
  --white: white;
  --grey: #e0e0e0;
  --gainsboro: #dbd9cb;
  --red: #ef5350;
  --yellow: #ffd54f;
  --brown: #a1887f;
  --green: #81c784;
  --blue: #42a5f5;
  --indigo: #5c6bc0;
  --cyan: #4dd0e1;
  --pink: #ec407a;
  --purple: #7e57c2;
  --teal: #4db6ac;
  --burlywood: #f2c586;
}

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

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--white-smoke);
  color: var(--black);
  letter-spacing: -.3px;
  font-family: Circular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

h1 {
  z-index: 1;
  letter-spacing: -2.5px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  position: relative;
}

h2 {
  z-index: 1;
  letter-spacing: -1.2px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
  position: relative;
}

h3 {
  z-index: 1;
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}

h4 {
  z-index: 1;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

h5 {
  z-index: 1;
  letter-spacing: -.1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

h6 {
  z-index: 1;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 9.8px;
  font-weight: 700;
  line-height: 14px;
  position: relative;
}

p {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

a {
  z-index: 1;
  color: var(--black);
  border-bottom: 1px solid #0003;
  text-decoration: none;
  transition: border-color .3s, color .3s;
  position: relative;
}

a:hover {
  color: var(--goldenrod);
  border-bottom-color: #0070c900;
}

li {
  z-index: 1;
  border-bottom: 1px solid #00000026;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

strong {
  font-weight: 600;
}

blockquote {
  z-index: 1;
  color: var(--black);
  letter-spacing: -.5px;
  background-image: url('../images/quote-sign-03.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px;
  border-left: 5px #e2e2e2;
  margin-bottom: 10px;
  padding: 0 0 10px 30px;
  font-size: 23px;
  font-weight: 400;
  line-height: 27px;
  position: relative;
}

.all-content {
  z-index: 2;
  width: 100vw;
  padding: 25px;
  position: relative;
  overflow: hidden;
}

.all-content.bgcolor-black {
  background-color: var(--dark-slate-blue);
  position: relative;
}

.all-content.bgcolor-white {
  padding-top: 0;
  position: relative;
}

.all-content.less {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.content-section {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-section.bgcolor-white {
  background-color: var(--white);
  flex-direction: column;
  height: 100%;
  margin-bottom: 0;
  padding: 20px 0 50px;
  position: relative;
}

.content-section.bgcolor-white.icon {
  background-image: url('../images/Sir_John_Branding_Icone.png');
  background-position: 96% 3%;
  background-repeat: no-repeat;
  background-size: 75px;
}

.content-section.bgcolor-yellow {
  background-color: var(--goldenrod);
  color: var(--dark-slate-blue);
  object-fit: fill;
  background-image: none;
  align-self: center;
  height: 100%;
  padding-bottom: 55px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  overflow: hidden;
}

.content-section.bgcolor-yellow.less {
  padding-top: 75px;
  padding-bottom: 75px;
}

.content-section.bgcolor-blue {
  background-color: var(--dark-slate-blue);
  color: #000;
  align-self: center;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.content-section.bgcolor-blue.fontcolor-white {
  color: var(--white);
  background-color: #283f51;
  padding-left: 90px;
}

.content-section.with-background-image {
  background-color: var(--white);
  min-height: 80vh;
}

.content-section.with-background-image.nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

.content-section.no-padding {
  margin-top: 31px;
  padding: 0;
}

.content-section.no-padding-margin {
  background-color: var(--goldenrod);
  margin: 0;
  padding: 0;
}

.content-section.bgcolor-thistle {
  background-color: var(--dark-slate-blue);
  position: relative;
}

.content-section.bgcolor-thistle.formag {
  padding-bottom: 0;
}

.content-section.bgcolor-cyan, .content-section.bgcolor-beige {
  background-color: #e6e3db;
  align-self: center;
  height: 100%;
  position: relative;
}

.content-section.with-background-image-2 {
  background-color: var(--white);
  justify-content: center;
  min-height: 90vh;
  margin-top: 0;
  padding-top: 100px;
}

.content-section.book {
  margin-top: 0;
  padding: 0;
}

.content-section.no-padding-margin-copy {
  background-color: var(--goldenrod);
  margin: 60px 0 0;
  padding: 0;
}

.content-section.bgcolor-white-less {
  background-color: var(--white);
  height: 100%;
  margin-bottom: 0;
  padding: 0 10px 30px;
  position: relative;
}

.content-section.updatedpadding {
  background-color: #e6e3db;
  align-self: center;
  height: 100%;
  padding-top: 75px;
  padding-bottom: 25px;
  position: relative;
}

.content-section.bgcolor-jaune {
  background-color: var(--goldenrod);
  align-self: center;
  height: 100%;
  padding-bottom: 50px;
  position: relative;
}

.content-wrapper {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.content-wrapper.align-center {
  z-index: 1;
  padding-top: 41px;
}

.content-wrapper.white {
  color: var(--white);
}

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

.display-1 {
  letter-spacing: -.04em;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: GT Walsheim, sans-serif;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1.1em;
}

.display-3 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT Walsheim, sans-serif;
  font-weight: 700;
  position: relative;
}

.display-3.fontcolor-yellow {
  color: #eeb935;
}

.display-3.margin-bottom-small {
  padding-top: 20px;
}

.display-3.fontcolor-blue {
  color: var(--dark-slate-blue);
  font-family: Circular, sans-serif;
}

.display-3.white {
  color: var(--white);
  text-align: center;
}

.display-3.foricons {
  text-align: center;
}

.display-2 {
  color: var(--dark-slate-blue);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-2.margin-bottom {
  color: var(--dark-slate-blue);
}

.display-2.margin-bottom.inverted {
  color: #fff;
  margin-bottom: 35px;
}

.display-2.fontcolor-white {
  color: var(--grey);
  text-align: center;
  margin-bottom: 25px;
  display: block;
}

.display-2.fontcolor-white.homelarge {
  text-align: left;
  font-size: 95px;
  line-height: 1em;
  display: flex;
}

.display-2.align-center {
  color: var(--dark-slate-blue);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.display-2.middle {
  text-align: left;
  justify-content: flex-end;
  display: flex;
}

.display-2.white {
  color: var(--white);
  text-align: center;
}

.display-2.larger {
  z-index: 0;
  font-size: 60px;
}

.display-2.smaller {
  color: var(--white);
  font-size: 30px;
  font-weight: 400;
}

.display-2.smaller.dark, .display-2.smaller.dark-copy {
  color: var(--dark-slate-blue);
}

.section-header {
  z-index: 1;
  color: var(--dark-slate-blue);
  text-align: center;
  max-width: 600px;
  margin-bottom: 75px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.section-header.align-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-header.no-bottom {
  margin-bottom: 0;
}

.numbers {
  letter-spacing: -.06em;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: GT Walsheim, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1em;
}

.numbers.small {
  letter-spacing: -.04em;
  border-bottom-style: none;
  width: auto;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-family: Circular, sans-serif;
  font-size: 45px;
  font-weight: 400;
}

.numbers.underline-none {
  border-bottom-style: none;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: -3px;
}

.numbers.in-circle {
  border: 1px solid var(--black);
  letter-spacing: -2.5px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-size: 28px;
  display: flex;
}

.numbers.margin-right {
  margin-left: 15px;
  margin-right: 0;
}

.subscript {
  letter-spacing: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Circular, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
}

.left-content {
  padding-left: 0;
  padding-right: 10px;
}

.stretch-content {
  color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fullsize-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 300px;
  padding: 20px;
  display: flex;
  position: relative;
  inset: 0;
}

.image-gallery-with-ligthbox {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  min-height: 100vh;
}

.lightbox-image {
  cursor: none;
  width: 100%;
  height: 100%;
}

.lightbox-image._02 {
  background-image: url('../images/Persp8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image._03 {
  background-image: url('../images/UnitGallery2.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image._04 {
  background-image: url('../images/UnitGallery1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image._05 {
  background-image: url('../images/Condo_Mezz.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier1 {
  background-image: url('../images/QuartierSix-1A.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier2 {
  background-image: url('../images/QuartierSix-2A.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier3 {
  background-image: url('../images/QuartierSix-3B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier7 {
  background-image: url('../images/QuartierBig1B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier8 {
  background-image: url('../images/QuartierBig3B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier9 {
  background-image: url('../images/QuartierBig4B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier10 {
  background-image: url('../images/QuartierBig5B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier11 {
  background-image: url('../images/QuartierBig6B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier12 {
  background-image: url('../images/QuartierBig7B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier13 {
  background-image: url('../images/QuartierBig10B.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-image.quartier1-b {
  background-image: url('../images/QuartierMetro.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.navigation {
  z-index: 99;
  letter-spacing: .5px;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 11.8px;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.icon-visibility {
  z-index: 99999;
  background-color: #1111114d;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 18px;
  display: none;
  position: fixed;
  inset: 0;
}

.icon-medium {
  z-index: 1;
  width: 64px;
  position: relative;
}

.icon-medium.mini {
  width: 16px;
  margin-bottom: 0;
  margin-right: 7px;
}

.icon-medium.margin-bottom {
  margin-bottom: 15px;
}

.icon-medium.margin-bottom.larger {
  width: auto;
  height: 64px;
}

.margin-bottom {
  z-index: 1;
  margin-bottom: 10px;
  position: relative;
}

.margin-bottom.lessmargin {
  margin-bottom: 35px;
}

.slider {
  color: var(--dark-slate-blue);
  background-color: #0000;
  flex: 1;
  width: 100%;
  height: 100%;
}

.slider.colored {
  background-color: var(--dark-slate-blue);
}

.slider.smaller {
  width: 853px;
  margin-left: auto;
  margin-right: auto;
}

.slide-nav {
  height: 20px;
  font-size: 4px;
  line-height: 1em;
}

.slide-nav.plus {
  color: var(--dark-slate-blue);
  margin-top: 0;
  padding-top: 24px;
}

.slider-arrow {
  color: #dbdbdb;
  background-color: #cacaca4d;
  border-radius: 2px;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 16px;
  transition: background-color .3s, color .3s;
}

.slider-arrow:hover {
  background-color: var(--dark-slate-blue);
  box-shadow: none;
  color: var(--white);
}

.slider-arrow.right {
  margin-right: -80px;
}

.slider-arrow.left {
  margin-left: -80px;
}

.slider-arrow.hiddenarrow, .slider-arrow.hide {
  display: none;
}

.slider-arrow.dark {
  background-color: var(--dark-slate-blue);
  color: #fff;
}

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

.button {
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #2525321a;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button:hover {
  background-color: var(--black);
  color: var(--white);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.button.white {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  width: 300px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button.white:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.button.yellow {
  background-color: var(--goldenrod);
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 0;
}

.button.yellow:hover {
  background-color: var(--dark-slate-blue);
}

.button.yellow.margin-top {
  margin-top: 20px;
}

.button.yellow.bold {
  font-size: 20px;
}

.button.yellow.bold.hidden {
  display: none;
}

.button.yellow.large {
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

.button.yellow.centered {
  text-align: center;
  align-items: center;
  width: 50%;
  margin: 25px auto;
}

.button.play {
  background-color: var(--white);
  background-image: url('../images/play-button.svg');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: 15px;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.button.play:hover {
  background-color: var(--goldenrod);
}

.button.outline {
  background-color: #0000;
  border-style: solid;
}

.button.outline:hover {
  color: var(--black);
  background-color: #2525321a;
}

.button.black {
  background-color: var(--dark-slate-blue);
  color: var(--white);
  align-items: center;
  margin-top: 0;
  display: flex;
}

.button.black:hover {
  background-color: var(--white);
  color: var(--dark-slate-blue);
}

.button.yellow {
  background-color: var(--goldenrod);
}

.lightbox-link {
  border-bottom-style: none;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.lightbox-link:hover {
  color: #232121;
}

.grid-2-col-2-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: minmax(200px, 50%) minmax(217px, 50%);
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.cover-wrapper {
  background-color: var(--white);
  align-items: stretch;
  width: 100vw;
  min-height: 100vh;
  padding: 100px 25px 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cover-wrapper.vertical {
  background-image: none;
  flex-direction: column;
  width: 100%;
  min-height: 110vh;
  padding-bottom: 0;
}

.horizontal {
  z-index: 1;
  color: var(--dark-slate-blue);
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.horizontal:hover {
  color: var(--white);
}

.horizontal.space-between {
  justify-content: space-between;
}

.horizontal.margin-right.white, .horizontal.white {
  color: var(--white);
}

.margin-right {
  margin-right: 15px;
}

.cover-image {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cover-image.image-1 {
  background-image: url('../images/fouroom-webflow-template-21.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.image-2 {
  background-image: url('../images/fouroom-webflow-template-16.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.image-6 {
  background-image: url('../images/fouroom-webflow-template-052x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.cover-image.image-3 {
  background-image: url('../images/sir-john-5k.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.image-4 {
  background-image: linear-gradient(#0000, #000000d1), url('../images/sir-john-5k.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cover-image.image-8 {
  background-image: url('../images/Facade_ciel_Bon_rendu.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.image-7 {
  background-image: linear-gradient(to top, #000000b3, #0000), url('../images/langelier2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cover-image.sketch {
  z-index: 0;
  background-color: #d39645;
  background-image: url('../images/yellow-bg2.jpg'), url('../images/SirJohnBig.jpg');
  background-position: -50px 100%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 720px, contain;
}

.cover-image.quartiermain {
  background-image: url('../images/QuartierMain.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.virtual {
  background-image: url('../images/Acceuil-top-image2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.virtual2 {
  background-image: url('../images/Sir-John_Coape.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.plansheader {
  background-image: url('../images/PlansHeader.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image.locatif {
  background-color: #283f51;
  background-image: url('../images/Sir-John_Header_locatif_effet_bleu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lead-text {
  z-index: 1;
  color: var(--dark-slate-blue);
  letter-spacing: -.5px;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.lead-text.white {
  color: var(--white);
  text-align: center;
}

.features-image-v1 {
  margin-bottom: 25px;
}

.mask {
  overflow: visible;
}

.mask.absolute {
  position: absolute;
}

.padding {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.padding.bgcolor-white {
  background-color: var(--white);
  color: var(--black);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.padding.client-logos {
  border: 1px solid #0000001a;
  border-radius: 4px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.padding.with-big-padding {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  align-items: stretch;
  padding: 100px;
  display: block;
  position: relative;
}

.padding.bgcolor-blue {
  background-color: var(--dark-slate-blue);
  height: 100%;
  position: relative;
}

.padding.bgcolor-blue.fontcolor-white {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding.bgcolor-yellow {
  background-color: var(--goldenrod);
  color: var(--dark-slate-blue);
  background-image: none;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.padding.bgcolor-brown {
  background-color: var(--gainsboro);
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.padding.bgcolor-light-grey {
  z-index: 99999;
  background-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  height: 100%;
  padding: 20px 20px 30px;
  display: flex;
  position: relative;
}

.padding.bgcolor-light-green {
  background-color: #b0b2a1;
  position: relative;
}

.padding.bgcolor-light-brown {
  background-color: #aa9593;
  position: relative;
}

.padding.align-top {
  justify-content: flex-start;
  align-items: stretch;
}

.padding.align-center {
  z-index: 0;
  justify-content: center;
  align-items: center;
}

.padding.outline {
  color: var(--dark-slate-blue);
  border: 1px #0000001a;
  padding: 20px;
}

.padding.bgcolor-grey {
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding.expand {
  flex: 1;
  overflow: auto;
}

.padding.menu {
  z-index: 45;
  flex: 1;
  justify-content: flex-end;
  padding-top: 100px;
  padding-bottom: 40px;
  position: relative;
  overflow: auto;
}

.padding.bgcolor-beige {
  color: var(--dark-slate-blue);
  background-color: #e6e3db;
  background-image: none;
  justify-content: flex-start;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.padding.nonetop {
  padding-top: 0;
}

.padding.alignalmost {
  z-index: 0;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 60px;
}

.padding.less {
  color: var(--dark-slate-blue);
  border: 1px solid #0000001a;
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding.less.hidden {
  border-style: none;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.padding.contact {
  padding-left: 0;
  padding-right: 0;
}

.padding.bgcolor-light-grey-copy {
  background-color: var(--dark-slate-blue);
  color: #fff;
  height: 100%;
  padding: 20px 20px 30px;
  position: relative;
}

.padding.nopadding {
  padding-top: 0;
}

.padding.bgcolor-green {
  background-color: #283f51;
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding.bgcolor-brown {
  background-color: #dbd9cb;
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding.bgcolor-red {
  background-color: #df9f34;
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding.color-yellow {
  background-color: var(--goldenrod);
}

.padding.color-blue {
  background-color: var(--dark-slate-blue);
}

.padding.color-brown {
  background-color: var(--white-smoke);
}

.padding.color-grey {
  background-color: var(--grey);
}

.small-text {
  z-index: 1;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
}

.small-text.bigger {
  font-size: 20px;
  line-height: 20px;
}

.line {
  z-index: 1;
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}

.clients-logos {
  align-self: center;
  width: 70px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.text-field-v1 {
  background-color: var(--white);
  letter-spacing: -.4px;
  height: 50px;
}

.text-field-v1:focus {
  border: 1px solid var(--black);
}

.text-field-v1::placeholder {
  color: var(--black);
}

.submit-button {
  background-color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 2.5px;
  height: 50px;
  margin-top: 24px;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Circular, sans-serif;
  font-size: 10.6px;
  font-weight: 500;
  line-height: 1.4em;
  transition: background-color .3s;
}

.submit-button:hover {
  background-color: var(--goldenrod);
}

.submit-button.in-text-field {
  height: 46px;
  position: absolute;
  top: 2px;
  right: 2px;
}

.submit-button.in-text-field:hover {
  background-color: var(--goldenrod);
}

.fontcolor-white {
  color: var(--white);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.fontcolor-white.shadow {
  text-shadow: 1px 1px 6px #0000008a;
}

.fontcolor-white.smaller {
  width: 500px;
}

.fontcolor-white.largehome {
  text-align: left;
  margin-bottom: 15px;
  font-size: 22px;
}

.fontcolor-white.centerwhite {
  text-align: center;
  height: auto;
}

.fontcolor-white.largehome-copy {
  text-align: left;
  margin-top: 15px;
  font-size: 22px;
}

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

.share-info {
  color: #333;
  align-items: center;
  display: flex;
}

.share-info:hover {
  color: var(--goldenrod);
}

.testimonial-image-v1 {
  width: 180px;
  height: 180px;
}

.testimonial-image-v1.image-1 {
  background-image: url('../images/Condo_Mezz.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.link-white {
  color: var(--white);
  border-bottom-color: #fff3;
}

.link-white:hover {
  color: var(--red);
  border-bottom-color: #fff0;
}

.uppercase {
  letter-spacing: .6px;
  text-transform: uppercase;
}

.text-field-v4 {
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.text-field-v4:active, .text-field-v4:focus {
  border-bottom-color: var(--black);
}

.text-field-v4::placeholder {
  color: var(--dark-slate-blue);
}

.text-field-v4.margin-right {
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.text-field-v4.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.block-quote-v1 {
  color: var(--black);
  letter-spacing: -.3px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-top: 2px solid #333;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Circular, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}

.columns {
  flex: 0 auto;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.columns.space {
  margin-bottom: 30px;
}

.align-middle {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.testimonial-image-v4 {
  z-index: 1;
  width: 100%;
  min-height: 300px;
  position: relative;
}

.testimonial-image-v4.image-4 {
  background-image: url('../images/terrasse_1.jpg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-image-v4.image5 {
  background-image: url('../images/15.jpg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-quote-v2 {
  z-index: 1;
  color: var(--dark-slate-blue);
  letter-spacing: -1px;
  text-transform: none;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-top: 2px #283f51;
  align-self: end;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 700;
  line-height: 1em;
  position: relative;
}

.bgcolor-blue {
  background-color: var(--dark-slate-blue);
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

.testimonials-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-height: 65vh;
  display: grid;
  position: relative;
}

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

.fontcolor-yellow {
  color: var(--yellow);
}

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

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

.bgcolor-yellow {
  background-color: #e5e3dc;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

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

.social-icon {
  opacity: .5;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 3px;
  transition: opacity .3s;
  display: flex;
}

.social-icon:hover {
  opacity: 1;
}

.social-icon.big {
  width: 48px;
  height: 48px;
}

.social-icon.small {
  width: 16px;
  height: 16px;
}

.horizontal-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: auto;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.horizontal-list.margin-bottom {
  margin-bottom: 25px;
}

.horizontal-list.align-center {
  flex-direction: row;
}

.list-item-horizontal {
  color: var(--dark-slate-blue);
  border-bottom-style: none;
  padding-right: 10px;
  font-family: Circular, sans-serif;
  font-size: 13px;
  line-height: 13px;
}

.text-field-v5 {
  letter-spacing: .2px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #1111111a;
  height: 50px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
}

.text-field-v5:active, .text-field-v5:focus {
  border-bottom-color: var(--black);
}

.submit-button-v5 {
  color: #505050;
  background-color: #0000;
  border-bottom: 1px solid #1111111a;
  height: 50px;
  font-family: GT Walsheim, sans-serif;
  font-size: 12px;
  font-weight: 400;
  transition: color .3s, background-color .3s;
}

.submit-button-v5:hover {
  background-color: var(--goldenrod);
  color: var(--white);
}

.content-wrapper-half {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-wrapper-half.align-center {
  color: var(--dark-slate-blue);
  justify-content: center;
  align-items: center;
}

.content-wrapper-half.align-center.white {
  color: var(--white);
}

.content-wrapper-half.align-left {
  align-items: flex-start;
}

.footer {
  z-index: 2;
  letter-spacing: 0;
  background-color: #e6e3db;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding: 30px 50px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  display: flex;
  position: relative;
}

.underline-none {
  border-bottom-style: none;
  flex: 0 auto;
  display: flex;
}

.underline-none.margin-right {
  margin-right: 0;
}

.underline-none.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.underline-none.hidden {
  display: none;
}

.image-gallery {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: 15vh 15vh 15vh 15vh 15vh 15vh;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.slider-image-small {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
  inset: 0;
}

.slider-image-small.image-01 {
  background-image: url('../images/UNIT_RDC_BLOC_B_cam_03_rev_01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-small.image-02 {
  background-image: url('../images/Persp3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-small.image08 {
  background-image: url('../images/Entrance.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-small.image09 {
  background-image: url('../images/Lobby.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-small.image10 {
  background-image: url('../images/Terrasse.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  max-height: 700px;
  display: flex;
  position: relative;
  inset: 0;
}

.slider-image-big.image-01 {
  background-image: url('../images/int2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.image-02 {
  background-image: url('../images/Persp13.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.image-03 {
  background-image: url('../images/cleo-fouroom-webflow-template-04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.team1 {
  background-image: url('../images/IMG_2922_hi_web-940x432.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 98%;
  height: 90vh;
  max-height: 500px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 5px 16px #00000040;
}

.slider-image-big.teamsix {
  background-image: url('../images/Porfolio-V4.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 98%;
  height: 90vh;
  max-height: 500px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 5px 16px #00000040;
}

.slider-image-big.teamneuf {
  background-image: url('../images/Birks1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 98%;
  height: 90vh;
  max-height: 500px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 5px 16px #00000040;
}

.slider-image-big.image-02b {
  background-image: url('../images/int4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.image-02d {
  background-image: url('../images/int3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.image-02b-copy {
  background-image: url('../images/ext.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.image-02a {
  background-image: url('../images/int1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-image-big.image-02c {
  background-image: url('../images/terrasse-2022.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0;
}

.gallery-image.image-01 {
  background-image: url('../images/breakfast-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-with-shadow {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  border-radius: 3px;
  margin-top: 0;
  padding: 20px;
  box-shadow: 0 9px 38px #0003;
}

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

.icon-small.margin-bottom {
  margin-bottom: 15px;
}

.icon-mini {
  width: 16px;
  height: 16px;
}

.column {
  flex-flow: wrap;
  align-content: stretch;
  align-items: center;
  padding: 0;
  display: block;
  overflow: hidden;
}

.column.align-middle {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.column.align-center {
  align-items: center;
}

.column.shift-top {
  margin-top: 0;
}

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

.tabs {
  z-index: 1;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tabs-menu {
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.tabs-menu.align-center {
  justify-content: center;
}

.tab-link {
  opacity: .5;
  text-align: center;
  background-color: #0000;
  border: 1px solid #1111111a;
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  padding: 15px 30px;
  transition: border-color .3s, color .3s;
  display: flex;
}

.tab-link:hover {
  border-color: var(--black);
  color: #000;
}

.tab-link.w--current {
  border-color: var(--black);
  opacity: 1;
  color: var(--black);
  background-color: #0000;
  overflow: hidden;
}

.logo-wrapper {
  z-index: 1;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 100%;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-wrapper.sir-john {
  width: 210px;
}

.logo-image-black {
  z-index: 1;
  width: 100%;
  margin-right: 0;
  padding-right: 50px;
  position: relative;
}

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

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

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

.background-image.image-3 {
  background-image: url('../images/Facade_ciel_Bon_rendu.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.background-image.image-2-copy {
  background-image: url('../images/Salon_effet_Sir-John2.jpg');
  background-position: 50%;
  background-size: cover;
  flex: 0 auto;
}

.background-image.image-6 {
  background-image: url('../images/HeaderUnits.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-image.image-5 {
  background-image: linear-gradient(#00000029, #000000b0), url('../images/Persp1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.background-image.imagestories {
  background-image: url('../images/Header_Histoire_Sir-John_3b.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.background-image.mainheader {
  background-image: url('../images/Acceuil-top-image2.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px #000;
}

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

.background-image.preloader-second-background {
  background-image: url('../images/Sir-John_Coape.jpg');
  background-position: 100%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 8vh;
  display: flex;
}

.background-image.zoominlocatif {
  background-image: url('../images/Modele_effet_images_Sir-John-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.separator-line-text {
  background-color: var(--black);
  width: 1px;
  height: 14px;
  margin-left: 10px;
  margin-right: 10px;
}

.grid-logos {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
}

.margin-bottom-small {
  margin-bottom: 20px;
}

.image-caption {
  z-index: 1;
  background-color: var(--white);
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  padding: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
}

.graph {
  background-image: linear-gradient(to right, var(--red), var(--yellow));
  flex: 1;
  height: 8px;
}

.graph.active {
  background-image: linear-gradient(to right, var(--red), #eeb935);
  flex: 0 auto;
  width: 25%;
}

.preloader {
  z-index: 1000;
  background-color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.preloader-icon {
  z-index: 1;
  width: 50px;
  display: none;
  position: relative;
}

.link-with-image {
  text-align: left;
  border-bottom-style: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.link-with-image:hover {
  color: var(--black);
}

.image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.image-wrapper.big {
  min-height: 600px;
}

.image-wrapper.higher {
  min-height: 400px;
}

.image {
  z-index: 0;
  background-image: url('../images/image-placeholder_1image-placeholder.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.image.image-1 {
  background-image: url('../images/rem-montreal.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.image-6 {
  background-image: url('../images/Sir_John_Branding_Icone.png'), url('../images/down.jpeg');
  background-position: 15px 15px, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 75px, cover;
}

.image.margin-bottom-small._1 {
  background-image: url('../images/Feeling1.jpg');
}

.image.margin-bottom-small._2 {
  background-image: url('../images/Feeling2.jpg');
}

.image.margin-bottom-small._3 {
  background-image: url('../images/Feeling3.jpg');
  background-position: 50% 0;
}

.image.margin-bottom-small._4 {
  background-image: url('../images/Feeling4.jpg');
}

.image.image-9 {
  background-image: url('../images/fouroom-webflow-template-17.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.image-10 {
  background-image: url('../images/6720-SHERB_BROCHURES-BLOC-B-1-dragged.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.image-11 {
  background-image: url('../images/QuartierSix-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.image-16 {
  background-image: url('../images/AW-S4-44mm-SpaceGrayAluminum-BlackBand-2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.image.person-2 {
  background-image: url('../images/Persona5.jpg');
}

.image.image-2 {
  background-image: url('../images/UNIT_3e_BLOC_B_cam_04_FINAL_V2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.architecture {
  background-image: url('../images/Persona1.jpg');
}

.image.alexia {
  background-image: url('../images/Persona1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.quartier4 {
  background-image: url('../images/QuartierSix-4.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.quartier6 {
  background-image: url('../images/QuartierSix-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.finition1 {
  background-image: url('../images/Sir-John_Kitchen_Set_02_ON.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.finition2 {
  background-image: url('../images/Sir-John_Kitchen_Set_01_ON.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.persone2 {
  background-image: url('../images/Couple50.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.persona3 {
  background-image: url('../images/StoriesMardi.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.persona4 {
  background-image: url('../images/Persona4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.persona5 {
  background-image: url('../images/Weekend.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.persona6 {
  background-image: url('../images/Persona5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.courtyard {
  background-image: url('../images/Cour1c.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.parking {
  background-image: url('../images/parking2.jpg');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.terrace {
  background-image: url('../images/Terasse2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.aide1 {
  background-image: url('../images/Aide2.jpg');
  background-position: 100%;
  background-repeat: repeat;
  background-size: cover;
}

.image.architect {
  background-image: url('../images/ArchitectQuote.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.bertone {
  background-image: url('../images/Bertone_stamp-fr.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 300px;
}

.image.persona7 {
  background-image: url('../images/Persona6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.finition3 {
  background-image: url('../images/Sir-John_Kitchen_Set_04_ON.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.finition4 {
  background-image: url('../images/Sir-John_Bathroom_Set_01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.finition5 {
  background-image: url('../images/Sir-John_Bathroom_Set_04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.image-2-copy {
  background-image: url('../images/Persp8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.image.image-3-copy {
  background-image: url('../images/photo-construction_sirjohn_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.image-1-copy {
  background-image: url('../images/Sir-John_Kitchen_Set_04_ON.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.collection-list-wrapper {
  width: 100%;
  height: 100%;
}

.button-download {
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 50px;
  display: flex;
}

.collection-item {
  border-bottom-style: none;
  flex: 1;
  height: 100%;
  padding: 2px;
  position: relative;
}

.collection-item._2x {
  flex: 0 50%;
}

.preloader-second-background {
  z-index: 0;
  background-color: #e4ded9;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.button-icon {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
  margin-right: 7px;
  display: flex;
  position: absolute;
  left: 0;
}

.button-label {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
  position: relative;
  inset: 0;
}

.numbers-label {
  letter-spacing: -.4px;
  text-transform: uppercase;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: GT Walsheim, sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1em;
}

.margin-list-item {
  margin-left: 12px;
  margin-right: 12px;
}

.content-image-fullwidth {
  width: 100%;
  height: 50vh;
  margin-bottom: 75px;
}

.content-image-fullwidth.image-1 {
  background-image: url('../images/cleo-fouroom-webflow-template-03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonials-logos {
  width: 70px;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.image-small-circle {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  width: 100px;
  height: 100px;
}

.bgcolor-light-brown {
  background-color: #aa9593;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

.bgcolor-light-green {
  background-color: #9ba399;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

.bgcolor-light-grey {
  background-color: var(--white-smoke);
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

.form {
  background-color: #ffffffe3;
  border: 1px solid #0000001a;
  width: auto;
  margin: 20px auto;
  padding: 30px 20px 43px;
  display: block;
}

.map {
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 300px;
  position: absolute;
  inset: 0;
}

.form-block {
  text-align: center;
  width: auto;
  margin-bottom: 0;
}

.form-block.larger {
  width: 100%;
}

.underline-none-stretch {
  border-bottom-style: none;
  flex: 1;
  display: flex;
}

.underline-none-stretch.margin-right {
  margin-right: 0;
}

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

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

.utility-page-content {
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  padding: 50px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation-bg {
  z-index: 0;
  background-color: var(--white);
  display: none;
  position: absolute;
  inset: 0;
  box-shadow: 0 9px 34px #00000026;
}

.logo-hover {
  z-index: 0;
  background-color: var(--red);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.accordion-toggle {
  letter-spacing: -.6px;
  border-bottom: 1px solid #1111111a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.collection-list {
  flex-flow: wrap;
  width: 100%;
  height: 100%;
  display: flex;
}

.preloader-logo {
  width: 16vw;
  position: relative;
}

.text-field-v6 {
  background-color: var(--white);
  color: var(--black);
  letter-spacing: -.4px;
  border: 1px solid #000;
  border-radius: 2.5px;
  height: 50px;
}

.text-field-v6:focus {
  border: 1px solid var(--black);
}

.button-scroll-down {
  z-index: 1;
  background-color: var(--white);
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-image: url('../images/baseline-keyboard_arrow_down-24px.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-bottom-style: none;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.button-scroll-down:hover {
  background-color: var(--goldenrod);
  color: var(--white);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

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

.text-marked {
  z-index: 1;
  text-transform: none;
  border: 1px solid #0003;
  border-radius: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.container {
  z-index: 1;
  flex: 0 auto;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.nav-menu {
  z-index: 99;
  float: none;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0;
}

.fontcolor-blue {
  color: var(--blue);
}

.display-none {
  display: none;
}

.bgcolor-thistle {
  z-index: 0;
  background-color: #a89eb7;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

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

.shift-top-negative {
  margin-top: -60px;
}

.navi-dropdown {
  position: static;
}

.accordion-item-trigger {
  z-index: 999999;
  color: var(--dark-slate-blue);
  cursor: pointer;
  border-bottom: 1px solid #0003;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  transition: background-color .3s;
  display: flex;
}

.accordion-item-trigger:hover {
  background-color: var(--white-smoke);
}

.accordion-item-trigger.w--current {
  color: var(--dark-slate-blue);
}

.accordion-item-content {
  overflow: hidden;
}

.accordion-item {
  z-index: 45;
  border-bottom: 1px solid #0000001a;
  position: relative;
}

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

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

.section-header-cover {
  z-index: 1;
  max-width: 600px;
  position: relative;
}

.section-header-cover.align-center {
  z-index: 1;
  color: #283f51;
  z-index: 1;
  flex-direction: column;
  flex: 0 auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.unordered-list {
  display: block;
}

.bgcolor-white {
  z-index: 0;
  background-color: var(--white);
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

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

.navigation-layer {
  z-index: 9999;
  display: none;
  position: fixed;
  inset: 0;
}

.navigation-layer-bg {
  z-index: 0;
  background-color: var(--black);
  position: absolute;
  inset: 0;
}

.navigation-layer-content {
  z-index: 10;
  width: 100vw;
  height: 100vh;
  padding: 0;
  font-family: Poppins;
  position: relative;
  inset: 0;
}

.navigation-layer-padding {
  z-index: 10;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.navigation-layer-image {
  z-index: 99999;
  background-image: url('../images/MenuImage.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  padding: 30px;
  display: flex;
  position: relative;
}

.hamburger-menu {
  z-index: 99999;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100%;
  padding: 30px;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.hamburger-menu:hover {
  background-color: var(--goldenrod);
}

.hamburger-menu.w--open {
  background-color: var(--white-smoke);
}

.close-menu {
  z-index: 9999;
  cursor: pointer;
  width: 100px;
  height: 100px;
  padding: 30px;
  position: absolute;
  top: 25px;
  right: 25px;
}

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

.navigation-accordion-wrapper {
  z-index: 99998;
  height: 90%;
  margin-bottom: 15px;
  position: relative;
  overflow: scroll;
}

.nav-background {
  z-index: 10;
  background-color: var(--white);
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
}

.logo-sir-john {
  z-index: 1;
  width: 100%;
  position: relative;
}

.bgcolor-beige {
  background-color: #e6e3db;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

.display-4 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.featuresinclusions {
  margin-top: 20px;
}

.lesspadding {
  padding-right: 40px;
}

.whitepara {
  color: var(--white);
  margin-bottom: 40px;
}

.centered {
  color: var(--dark-slate-blue);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
  display: flex;
}

.listitem {
  text-align: left;
  border-bottom-color: #0000001a;
}

.maskcolor, .slidebackground {
  background-color: var(--dark-slate-blue);
}

.lightbox {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.middle {
  margin: 0 auto 22px;
  display: block;
}

.middletwo {
  width: 75px;
  height: 75px;
  margin: 0 auto 40px;
  display: block;
}

.centericon {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.gcrimage {
  width: 296px;
}

.linky {
  color: var(--goldenrod);
  border-bottom-style: none;
  text-decoration: none;
}

.html {
  margin-top: 40px;
}

.inverted {
  color: #fff;
}

.select-field {
  color: var(--white);
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Circular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.select-field-2 {
  color: var(--white);
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 1em;
}

.popup {
  z-index: 2147483647;
  background-color: #1119;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.divinsidepopup {
  text-align: center;
  background-color: #e6e3dbfa;
  border: 1px solid #777;
  flex: 0 auto;
  width: auto;
  height: auto;
  margin-top: 45px;
  margin-bottom: 45px;
  box-shadow: 1px -1px 3px #777;
}

.xclose {
  color: #fff;
  cursor: pointer;
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 26px;
  font-weight: 300;
  display: block;
  position: absolute;
  top: 10%;
  right: 10%;
}

.html-embed-2, .html-embed-3 {
  display: none;
}

.div-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.html-embed-4 {
  display: none;
}

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

.divsplash {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #00000082;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.divinsidesplash {
  background-color: #fff;
  width: 936px;
  height: 500px;
  box-shadow: 0 0 15px #00000080;
}

.oversplash {
  z-index: 1000;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.divinsplash2 {
  background-color: #fff;
  background-image: url('../images/biglogobig.png'), url('../images/bigheader.jpg');
  background-position: 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, cover;
  width: 80%;
  height: 90%;
  box-shadow: 0 0 15px #00000080;
}

.hero-p {
  color: #283f51;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
}

.hero-col {
  padding-left: 0;
  padding-right: 0;
}

.hero-col.l {
  padding-right: 15px;
}

.hero-col.r {
  padding-left: 15px;
}

.container-2 {
  max-width: 1460px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

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

.container-2.center.newhero {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 150px 60px 20px;
  display: flex;
}

.bigheader {
  color: var(--dark-slate-blue);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
}

.formsplash {
  border: 0 #0000001a;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
}

.smallerbutton {
  background-color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 2.5px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 25px;
  font-family: Circular, sans-serif;
  font-size: 10.6px;
  font-weight: 500;
  line-height: 1.4em;
  transition: background-color .3s;
}

.smallerbutton:hover {
  background-color: var(--goldenrod);
}

.closebutton {
  z-index: 1001;
  opacity: .7;
  color: #fff;
  text-align: center;
  border-bottom-style: none;
  width: auto;
  height: auto;
  padding: 15px;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.divpopup-2 {
  z-index: 99999;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 20px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.xclose-2 {
  z-index: 20000;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  line-height: 30px;
  display: block;
  position: absolute;
  inset: 15% 7% auto auto;
}

.divinsidepopup-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #fff;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 700px;
  height: 525px;
  display: flex;
  box-shadow: 0 0 60px 3px #00000080;
}

.div-block-19-copy-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px #8b8b8b;
  border-bottom-color: #8b8b8b00;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  width: 700px;
  height: 525px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  top: auto;
}

.specialmobile {
  display: none;
}

.faq-question {
  cursor: pointer;
  align-items: center;
  height: 90px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.faq-plus-wrap {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 25px;
  display: flex;
  position: relative;
}

.faq-plus-wrap.explaining {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.faq-plus-l {
  background-color: var(--goldenrod);
  border-radius: 3px;
  width: 5px;
  height: 100%;
  position: absolute;
}

.faq-plus {
  background-color: var(--goldenrod);
  border-radius: 3px;
  width: 100%;
  height: 5px;
}

.faq-q-text {
  color: #283f51;
  font-family: GT Walsheim, sans-serif;
  font-weight: 700;
}

.faq-answer {
  border-bottom: 1px #2d3e501f;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 45px;
  display: flex;
  overflow: hidden;
}

.contentwrappersimilar {
  max-width: 1100px;
}

.divy {
  margin-bottom: 20px;
  display: flex;
}

.image-53 {
  width: 700px;
  max-width: none;
  height: 525px;
  display: block;
}

.image-54 {
  display: none;
}

.text-block-2 {
  color: var(--dark-slate-blue);
  text-align: center;
  margin-bottom: 13px;
  font-size: 20px;
}

.fade {
  color: #283f5180;
}

.explain {
  color: #ffffffbf;
  padding-bottom: 0;
  font-size: 21px;
  line-height: 28px;
  display: block;
}

.explaindiv {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.model {
  text-align: center;
  border-bottom-style: none;
  margin-right: 20px;
  padding-top: 0;
}

.lightboxmodal {
  background-color: var(--goldenrod);
  color: #fff;
  text-align: center;
  border-bottom-style: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  font-size: 20px;
  transition: box-shadow .35s, border-color .3s, color .3s;
  display: flex;
}

.lightboxmodal:hover {
  color: #ffffffbf;
  box-shadow: 0 0 7px #00000040;
}

.contentwrappersimilar2 {
  justify-content: space-around;
  align-items: flex-start;
  max-width: 1100px;
  padding-bottom: 75px;
  display: flex;
}

.divsix {
  background-color: var(--dark-slate-blue);
  color: #fff;
  letter-spacing: .5px;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.sixlogo {
  width: 150px;
  margin-left: 5px;
}

.divsix-2 {
  background-color: var(--dark-slate-blue);
  color: #fff;
  letter-spacing: .5px;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.contentplanpoint {
  max-width: none;
}

.link-block {
  border-bottom-style: none;
  transition-property: none;
  position: absolute;
  inset: 0%;
}

.div-block-3 {
  margin-left: auto;
  margin-right: auto;
}

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

.image-55 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 53px;
  font-size: 28px;
  line-height: 30px;
}

.cover-image-copy.image-8-copy {
  background-image: url('../images/Sir-John_Site-web-entete_1295x560_Grand-Lancement_Septembre_2020_150dpi.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.columns-copy {
  flex: 0 auto;
  width: 100%;
  height: auto;
  display: none;
}

.link-block-2 {
  border-bottom-style: none;
  width: 100%;
  height: 50%;
  transition-property: none;
}

.text-block-3 {
  margin-top: 18px;
  margin-bottom: 30px;
}

.image-57 {
  z-index: 9999;
  float: right;
  display: none;
  position: relative;
}

.link-block-3 {
  z-index: 999996;
  float: right;
  border-bottom-style: none;
  border-bottom-width: 0;
  width: 350px;
}

.column-4 {
  display: none;
}

.bold-text-2 {
  z-index: 0;
  color: #fff;
  position: relative;
}

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

.link-block-4 {
  border-bottom-style: none;
}

.text-block-4 {
  padding-top: 8px;
  font-family: Circular, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.text-block-5 {
  margin-top: 7px;
  font-family: Circular, sans-serif;
  font-size: 16px;
}

.content-section-copy.bgcolor-white-nouvelles {
  background-color: var(--white);
  height: 100%;
  margin-top: 130px;
  padding-bottom: 20px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
}

.image-58, .text-block-6 {
  margin-bottom: 40px;
}

.column-5, .column-6 {
  text-align: center;
}

.content-section-copy.bgcolor-white-copy {
  background-color: var(--white);
  height: 100%;
  padding-bottom: 29px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
}

.display-5 {
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: -1.5px;
  margin-top: 34px;
  margin-bottom: 10px;
  font-family: GT Walsheim, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1em;
}

.bold-text-4 {
  text-align: center;
  font-family: Circular, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1em;
}

.display-6 {
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: -1.5px;
  margin-top: 16px;
  margin-bottom: 50px;
  font-family: GT Walsheim, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1em;
}

.textarea {
  color: #fdfdfd;
  background-color: #fff0;
  border: 1px solid #646464;
  margin-top: 20px;
  padding-top: 8px;
  font-family: Circular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}

.textarea:focus {
  color: var(--white);
}

.textarea::placeholder {
  color: #fff;
}

.textarea-2 {
  color: var(--white);
  background-color: #0000;
  height: 2em;
  min-height: 100px;
  margin-top: 16px;
  font-size: 14px;
}

.textarea-2::placeholder {
  color: var(--white);
}

.textarea-2.margin-right, .textarea-2.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.image-59 {
  cursor: zoom-in;
  margin-bottom: 41px;
  display: none;
}

.lightbox-link-2 {
  border-bottom-style: none;
}

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

.paragraph {
  line-height: 1.3;
}

.paragraph-2, .paragraph-3 {
  font-family: Circular, sans-serif;
  font-weight: 400;
}

.bold-text-5 {
  font-weight: 400;
}

.bold-text-6 {
  font-size: 46px;
  font-weight: 400;
}

.content-section-copy {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-section-copy.bgcolor-beige-copy {
  background-color: #faf9f5;
  align-self: center;
  height: 100%;
  position: relative;
}

.background-image-copy {
  height: 100%;
  position: absolute;
  inset: 0;
}

.background-image-copy.image-1-copy {
  background-image: url('../images/rem.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.columns-1 {
  flex: 0 auto;
  width: 100%;
  height: auto;
  margin-bottom: 24px;
  display: flex;
}

.divinsidepopup-form {
  z-index: 8880;
  background-color: #df9f34e6;
  justify-content: center;
  align-items: flex-start;
  width: 350px;
  height: 680px;
  margin-bottom: -590px;
  margin-right: 25px;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.div-block-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #3b452b00;
  border: 2px #5a4a42;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 570px;
  margin: 0 0 50px;
  padding: 0 20px 32px;
  display: block;
  position: static;
  top: auto;
}

.divform-cliquable {
  z-index: 99999;
  color: #ea4645;
  cursor: pointer;
  background-color: #283f51;
  height: 30px;
  margin: -30px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: background-color .3s;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.image-fleche {
  margin: auto;
  position: absolute;
  inset: 0%;
  transform: rotate(-180deg);
}

.headerform {
  color: #fff4f4;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 25px;
  font-size: 15px;
  line-height: 22px;
}

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

.textarea-3 {
  height: auto;
}

.submit-button-2 {
  background-color: var(--dark-slate-blue);
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.slider-2 {
  width: 100%;
  height: 700px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.content-slider {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-slider.bgcolor-thistle-copy {
  background-color: var(--dark-slate-blue);
  margin-top: 0;
  padding: 70px 50px;
  position: relative;
}

.content-video {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-video.bgcolor-thistle-copy {
  background-color: var(--goldenrod);
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.content-video.bgcolor-thistle-copy-copy {
  background-color: var(--dark-slate-blue);
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.html-embed-5 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.image-60 {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

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

.image-61 {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.heading-blanc {
  color: var(--white-smoke);
  text-align: center;
}

.image-62, .image-63 {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.bold-text-4-copy {
  text-align: center;
  font-family: Circular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.button-scroll-down-copy {
  z-index: 1;
  color: var(--red);
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #283f51;
  background-image: url('../images/baseline-keyboard_arrow_down-24px.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-bottom-style: none;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0 auto -62px;
  padding-top: 0;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  overflow: hidden;
  transform: rotate(180deg);
}

.button-scroll-down-copy:hover {
  background-color: var(--goldenrod);
  color: var(--white);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.fontcolor-white-copy {
  color: var(--white);
  font-size: 15px;
}

.bold-text-8 {
  color: #e6e3dc;
  font-family: GT Walsheim, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.bold-text-9 {
  color: var(--dark-slate-blue);
  font-family: GT Walsheim, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.testimonial-image-v4-copy {
  z-index: 1;
  width: 100%;
  min-height: 300px;
  position: relative;
}

.testimonial-image-v4-copy.image-4-copy {
  background-image: url('../images/sir-john-5k.jpg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.lightprice {
  border-bottom-style: none;
  margin-top: 20px;
}

.pastille {
  z-index: 1000;
  background-image: url('../images/Sir-John_Site-web_Location_Pastille_5_En-construction-occupation-novembre-2022_FR.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
  display: none;
  position: fixed;
  inset: auto 2% 2% auto;
}

.pastille.en {
  background-image: url('../images/Sir-John_Site-web_Location_Pastille_5_En-construction-occupation-novembre-2022_EN.png');
  display: none;
}

.content-video-2 {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-video-2.bgcolor-thistle-video {
  background-color: var(--goldenrod);
  margin-top: 50px;
  margin-bottom: 25px;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.content-video-2.bgcolor-thistle-video-milieu {
  background-color: var(--goldenrod);
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.content-video-2.bgcolor-thistle-video-premier {
  background-color: var(--dark-slate-blue);
  margin-top: 40px;
  margin-bottom: 25px;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.cover-image-photo-construction {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cover-image-photo-construction.image-4-photo-construction {
  background-image: linear-gradient(#0000, #000000d1), url('../images/11.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cover-image-video-construction {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cover-image-video-construction.image-4-video-construction {
  background-image: linear-gradient(#0000, #000000d1), url('../images/12.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cover-image-galerie-photos {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cover-image-galerie-photos.image-4-galerie-photos {
  background-image: linear-gradient(#0000, #000000d1), url('../images/9.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cover-image-copy.image-4-galerie-videos {
  background-image: linear-gradient(#0000, #000000d1), url('../images/6.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.heading-7 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.1em;
}

.bold-text-10 {
  font-size: 42px;
}

.section-header-copy {
  z-index: 1;
  color: var(--dark-slate-blue);
  max-width: 700px;
  margin-bottom: 75px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.divyicon {
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.iconlocation {
  max-height: 80px;
}

.accordion-item-distindtion {
  border-bottom: 1px solid #0000001a;
  display: none;
}

.content-video-2-copy {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-video-2-copy.bgcolor-thistle-video-copy {
  background-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.display-9 {
  color: var(--dark-slate-blue);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-9.fontcolor-white-copy {
  color: var(--white);
  text-align: center;
  margin-top: 100px;
  display: block;
}

.heading-8 {
  z-index: 0;
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
}

.fontcolor-white-copy {
  color: var(--white);
}

.fontcolor-white-copy.largehome-copy {
  margin-bottom: 0;
  font-size: 22px;
}

.header-dessous {
  z-index: 0;
  position: relative;
}

.navigation-copy {
  z-index: 99;
  letter-spacing: .5px;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 11.8px;
  font-weight: 400;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

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

.container-3 {
  background-image: url('../images/header-distinction.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: 1400px;
  height: 800px;
}

.container-4 {
  background-image: url('../images/fond-modeles.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: 1400px;
  height: 850px;
  margin-top: 0;
}

.column-8 {
  background-image: url('../images/femme-resized.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.column-9 {
  height: 600px;
  padding-left: 0;
  padding-right: 0;
}

.columns-2 {
  height: 600px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 10px;
  display: block;
}

.body {
  background-color: #051018;
}

.container-8 {
  background-image: url('../images/fond-modeles.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: 1400px;
  height: auto;
  margin-top: 0;
  padding-bottom: 30px;
}

.grid-2 {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.heading-10 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: uppercase;
  padding-bottom: 20px;
  padding-left: 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.text-block-7 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  padding-top: 10px;
  padding-left: 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 22px;
}

.div-block-4 {
  border: 1px solid #7e8385;
  padding: 20px;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-auto-flow: row;
  justify-items: end;
}

.text-block-8 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 14px;
}

.column-12 {
  margin-top: 80px;
  margin-bottom: 80px;
  padding-right: 71px;
}

.columns-4 {
  margin-top: 15px;
}

.image-64, .image-65, .image-66 {
  padding-right: 10px;
}

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

.heading-12 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 181px;
  margin-bottom: 100px;
  font-family: GT Walsheim, sans-serif;
  font-size: 44px;
  font-weight: 300;
}

.text-block-10 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  padding-bottom: 24px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.div-block-5 {
  width: 400px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: static;
  inset: auto 0% 0% auto;
}

.div-block-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-67 {
  text-align: center;
  margin-top: 100px;
}

.heading-13 {
  color: #e6e3dc;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 191px;
  font-family: GT Walsheim, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.heading-13-copy {
  color: #e6e3dc;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 120px;
  font-family: GT Walsheim, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.heading-14 {
  color: #e6e3dc;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 150px;
  font-family: GT Walsheim, sans-serif;
  font-size: 36px;
  font-weight: 300;
}

.paragraph-5 {
  color: #e6e3dc;
  letter-spacing: 0;
  margin-top: 75px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

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

.hidden {
  display: none;
}

.container-9 {
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.container-10 {
  background-color: var(--goldenrod);
  background-image: url('../images/Acceuil-top-image2.jpg');
  background-position: 0 0;
  background-size: auto;
  max-width: 1400px;
}

.div-block-8 {
  justify-content: center;
  align-items: center;
  width: 1200px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.image-68 {
  max-width: 40%;
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
}

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

.heading-15 {
  color: var(--white-smoke);
  text-align: center;
  margin-top: 75px;
  font-weight: 400;
}

.heading-16 {
  color: var(--dark-slate-blue);
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}

.bold-text-49 {
  color: var(--white-smoke);
  font-weight: 400;
}

.section-5 {
  margin-bottom: 0;
}

.section-6 {
  height: 50px;
}

.bold-text-50 {
  font-weight: 500;
}

.bold-text-51 {
  font-size: 50px;
}

.bold-text-52 {
  font-size: 28px;
  font-weight: 500;
}

.bold-text-sj100 {
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 500;
}

.form-promo {
  background-color: #ffffffe3;
  border: 1px solid #0000001a;
  width: 600px;
  margin: 20px auto;
  padding: 30px 20px 43px;
  display: block;
}

.margin-bottom-copy {
  z-index: 1;
  margin-bottom: 30px;
  position: relative;
}

.image-69 {
  max-width: 70%;
  margin-top: 50px;
}

.cover-wrapper-copy {
  background-color: var(--white);
  align-items: stretch;
  width: 100vw;
  min-height: 100vh;
  padding: 100px 25px 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cover-wrapper-copy.vertical-copy {
  background-image: none;
  flex-direction: column;
  width: 100%;
  min-height: 160vh;
  padding-bottom: 0;
}

.column-copy {
  flex-flow: wrap;
  align-content: stretch;
  align-items: center;
  padding: 0 2px;
  display: block;
  overflow: hidden;
}

.column-copy.align-middle-copy {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.heading-17 {
  color: #e6e3dc;
  text-align: center;
  letter-spacing: 10px;
  margin-top: 5px;
  font-family: GT Walsheim, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
}

.heading-18 {
  color: #e6e3dc;
  letter-spacing: 0;
  margin-top: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.container-maison-de-ville {
  background-image: url('../images/head-maisons-de-ville.jpg');
  background-position: 0 0;
  background-size: auto;
  max-width: none;
  height: 800px;
}

.image-70 {
  margin-top: 113px;
}

.section-distinction-1 {
  background-color: #13212c00;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.section-distinction-4 {
  color: #fff;
  background-color: #051018;
}

.bodymaisonsdeville {
  background-color: #e6e3db;
}

.section-maisons-1 {
  background-color: #fff;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.section-maisons-2 {
  color: #fff;
  background-color: #fff;
  background-image: url('../images/feuilles1.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-maisons-3 {
  color: #fff;
  background-color: #fff0;
  max-width: none;
}

.section-maisons-4 {
  color: var(--dark-slate-blue);
  background-color: #e6e3db;
  max-width: none;
}

.section-maisons-fin {
  background-color: var(--white);
  background-image: url('../images/feuille-inverse.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.container-maison-1 {
  max-width: none;
  height: 650px;
  margin-top: 0;
  padding-right: 10px;
}

.columns-maions-1 {
  height: 600px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
}

.column-maison-1 {
  height: 600px;
  padding-left: 0;
  padding-right: 0;
}

.column-maison-2 {
  background-image: url('../images/bonheur1.jpeg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  padding-left: 0;
  display: block;
}

.div-block-maison-1 {
  padding-left: 60px;
  padding-right: 60px;
}

.paragraph-maisons {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  margin-top: 50px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.heading-maisons {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 70px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.container-12 {
  max-width: none;
  height: 650px;
  padding-left: 10px;
}

.columns-5 {
  height: 600px;
  margin-left: 0;
  margin-right: 0;
}

.column-14 {
  background-image: url('../images/terrasse_1.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  padding-left: 0;
}

.column-15 {
  height: 600px;
  padding-left: 0;
  padding-right: 0;
}

.heading-maisons-2 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 150px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.paragraph-maisons-2 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  margin-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.container-maison-4 {
  max-width: none;
  height: 650px;
  margin-top: 0;
  padding-right: 10px;
}

.column-maison-7 {
  background-image: url('../images/9.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.paragraph-maisons-7 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  margin-top: 50px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.heading-maisons-7 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 100px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.container-13 {
  background-image: url('../images/fond-modeles.jpg');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  max-width: none;
  height: 300px;
  display: flex;
}

.heading-19 {
  color: var(--grey);
  letter-spacing: 1px;
  text-transform: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
  display: flex;
}

.text-block-11 {
  color: var(--grey);
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 100px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
  display: flex;
}

.columns-6 {
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.column-16 {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 66px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-17 {
  padding-left: 0;
  padding-right: 0;
}

.container-14 {
  max-width: none;
  height: auto;
}

.column-18 {
  justify-content: flex-end;
  padding-right: 100px;
  display: flex;
}

.image-71 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.heading-maisons-7jogging {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 100px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.paragraph-maisons-jogging {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  margin-top: 50px;
  padding-right: 100px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.column-19 {
  padding-left: 0;
}

.container-15 {
  max-width: none;
  height: auto;
}

.column-20 {
  padding-left: 100px;
}

.heading-maisons-8jogging {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 50px;
  padding-left: 100px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.paragraph-maisons-jogging-2 {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  margin-top: 50px;
  padding-left: 100px;
  padding-right: 0;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.image-72 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container-maisons-footer {
  max-width: none;
  height: auto;
  margin-top: 0;
}

.column-footer-maisons {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-maisons-footer {
  width: 400px;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: static;
  inset: auto 0% 0% auto;
}

.column-footer-maisons-2 {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-right: 71px;
}

.grid-maisons-footer {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.html-embed-6 {
  background-color: #05101800;
  margin-bottom: 0;
}

.section-maisons-5 {
  background-image: url('../images/feuilles1.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.button-2 {
  background-color: var(--dark-slate-blue);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin: 35px auto 10px;
  display: flex;
}

.heading-12-copy {
  color: var(--grey);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 250px;
  margin-bottom: 50px;
  font-family: GT Walsheim, sans-serif;
  font-size: 36px;
  font-weight: 300;
}

.text-block-10-copy {
  color: var(--grey);
  letter-spacing: 0;
  padding-bottom: 25px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.text-block-7-copy {
  color: var(--grey);
  letter-spacing: 0;
  text-transform: uppercase;
  padding-top: 10px;
  padding-left: 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 22px;
}

.description {
  color: var(--grey);
  letter-spacing: 0;
  text-transform: uppercase;
  padding-bottom: 20px;
  padding-left: 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.petit {
  color: var(--grey);
  letter-spacing: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 14px;
}

.container-kuuala {
  background-color: #e6e3db;
  max-width: none;
  margin-top: 0;
  padding-top: 0;
}

.container-16 {
  background-image: url('../images/fond-modeles.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: 1400px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 80px;
}

.column-21 {
  background-image: url('../images/penthouse.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
}

.columns-9 {
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  display: block;
}

.column-22 {
  height: 600px;
}

.heading-14-copy {
  color: #e6e3dc;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 125px;
  padding-left: 60px;
  font-family: GT Walsheim, sans-serif;
  font-size: 36px;
  font-weight: 300;
}

.paragraph-5-copy {
  color: #e6e3dc;
  letter-spacing: 0;
  margin-top: 75px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.heading-raffine {
  color: #e6e3dc;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: flex-end;
  margin-top: 0;
  padding-left: 0;
  padding-right: 100px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
  display: flex;
}

.paragraph-5-raffine {
  color: #e6e3dc;
  letter-spacing: 0;
  margin-top: 0;
  padding-left: 50px;
  padding-right: 200px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.columns-10 {
  height: auto;
  padding-top: 80px;
}

.container-18 {
  background-color: #0e202d;
  max-width: 1400px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-residence {
  color: #e6e3dc;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 100px;
  padding-left: 60px;
  padding-right: 50px;
  font-family: GT Walsheim, sans-serif;
  font-size: 36px;
  font-weight: 300;
}

.paragraph-residences {
  color: #e6e3dc;
  letter-spacing: 0;
  margin-top: 75px;
  padding-left: 60px;
  padding-right: 50px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
}

.column-23 {
  background-image: url('../images/fond-modeles.jpg');
  background-position: 50%;
  background-size: cover;
  height: 550px;
  padding-right: 0;
}

.container-19 {
  background-color: #0e202d;
  max-width: 1400px;
  padding-top: 0;
  padding-bottom: 0;
}

.column-24 {
  padding-left: 0;
  padding-right: 0;
}

.heading-spacieux {
  color: #e6e3dc;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: 175px;
  padding-left: 300px;
  font-family: GT Walsheim, sans-serif;
  font-size: 36px;
  font-weight: 300;
  display: flex;
}

.paragraph-spacieux {
  color: #e6e3dc;
  letter-spacing: 0;
  justify-content: flex-start;
  margin-top: 75px;
  padding-left: 300px;
  font-family: GT Walsheim, sans-serif;
  font-weight: 300;
  display: flex;
}

.column-25 {
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-9 {
  z-index: 30;
  background-image: url('../images/perspectivepenthouse.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 750px;
  height: 450px;
  margin-top: 99px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
  inset: 0% 4% auto 0;
}

.columns-11 {
  height: 550px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 10px;
}

.columns-12 {
  margin-left: 0;
  margin-right: 0;
  padding-right: 10px;
}

.column-26 {
  padding-left: 0;
  padding-right: 0;
}

.button-3 {
  border: 1px solid var(--grey);
  background-color: #3898ec00;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-3:hover {
  border-color: var(--grey);
}

.div-block-10 {
  position: absolute;
}

.text-block-12 {
  padding-top: 20px;
  padding-left: 20px;
  font-family: GT Walsheim, sans-serif;
}

.section-mobile-maisons {
  display: block;
}

.div-block-12, .div-block-13, .div-block-14, .div-block-15, .div-block-16, .div-block-17 {
  display: none;
}

.html-embed-9 {
  background-color: var(--white);
  margin-bottom: 0;
}

.container-kuuala-2 {
  background-color: var(--white);
  max-width: 1400px;
  margin-top: 0;
  padding-top: 0;
}

.div-block-18, .div-block-19, .div-block-20, .div-block-21, .div-block-22 {
  display: none;
}

.section-mobile-maisons-fr {
  display: block;
}

.mobile1, .mobile2, .mobile3, .mobile4, .mobile5 {
  display: none;
}

.section-mobile-maisons-en, .section-mobile-distinction {
  display: block;
}

.heading-maisons-mobile {
  color: var(--dark-slate-blue);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 70px;
  font-family: GT Walsheim, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.button-maisons {
  z-index: 1;
  background-color: var(--dark-slate-blue);
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button-maisons:hover {
  background-color: var(--goldenrod);
  color: var(--white);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.image-76, .image-77 {
  margin-bottom: 22px;
}

.heading-18-en {
  color: #e6e3dc;
  letter-spacing: 0;
  margin-top: 19px;
  margin-bottom: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.heading-17-en {
  color: #e6e3dc;
  text-align: center;
  letter-spacing: 10px;
  margin-top: 0;
  font-family: GT Walsheim, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
}

.heading-6-copy {
  color: #fff;
  text-align: center;
}

.heading-blanc-2 {
  color: #eceff1;
  text-align: center;
}

.link-block-6 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  margin-left: 0;
  margin-right: 116px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-14 {
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 5px;
  font-size: 14px;
  display: flex;
}

.fontcolor-white-offre {
  color: var(--white);
  text-align: left;
  margin-top: 16px;
}

.fontcolor-white-offre-copy {
  color: var(--dark-slate-blue);
  text-align: center;
  margin-top: 16px;
}

.divpopup {
  z-index: 9990;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 30px;
  display: none;
  position: fixed;
  inset: 0%;
}

.divinsidepopup-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 750px;
  height: auto;
  display: flex;
  box-shadow: 0 0 60px 3px #00000080;
}

.div-xclose {
  z-index: 999999;
  text-align: center;
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  width: auto;
  display: block;
  position: absolute;
  overflow: visible;
}

.xclose-3 {
  z-index: 20000;
  float: right;
  clear: left;
  border: 1px solid var(--dark-slate-blue);
  color: var(--dark-slate-blue);
  text-align: center;
  cursor: pointer;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 7px 2px;
  font-family: Varela Round, sans-serif;
  font-size: 24px;
  line-height: 30px;
  display: block;
  position: static;
  inset: auto 0% 248px auto;
}

.image-popup {
  text-align: center;
  cursor: pointer;
}

.sectionplanpoint {
  margin-top: 50px;
  margin-bottom: 50px;
}

.html-fr {
  z-index: 1;
  position: relative;
}

.explain-copy {
  color: #fff;
  padding-bottom: 0;
  font-size: 21px;
  line-height: 28px;
  display: block;
}

.heading-20 {
  color: #fff;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.cover-image-copy {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cover-image-copy.locatif-copy {
  background-color: #283f51;
  background-image: linear-gradient(#283f51e6, #283f51e6), url('../images/head-plans.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.button-copy.yellow-copy {
  background-color: var(--goldenrod);
  color: var(--white);
  text-align: center;
  align-items: center;
  margin: 50px 100px 48px;
  display: flex;
}

.button-copy.yellow-copy:hover {
  background-color: var(--dark-slate-blue);
}

.text-block-15 {
  padding-top: 15px;
}

.text-block-16 {
  padding-top: 20px;
}

.field-label-9 {
  display: none;
}

.text-block-9 {
  color: #fff;
}

.tabs-menu-2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.formcontact {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: none;
}

.tab-link-tab-1 {
  float: left;
  text-align: center;
  background-color: #ffffffe6;
  border-bottom: 1px #000;
  width: 220px;
  margin-right: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-1.w--current {
  cursor: pointer;
  background-color: #ffffffe6;
  width: 220px;
  margin-right: 5px;
  transition: background-color .2s;
  transform: translate(0);
  box-shadow: 1px 0 3px -2px #000;
}

.tab-link-tab-1.w--current:hover {
  color: #fff;
}

.tab-link-tab-2 {
  float: left;
  background-color: var(--dark-slate-blue);
  cursor: pointer;
  width: 220px;
  margin-left: 0;
}

.tab-link-tab-2.w--current {
  float: left;
  clear: none;
  background-color: #283f51e6;
  width: 220px;
  box-shadow: 1px 0 3px -2px #000;
}

.form-vente {
  border: 3px none var(--gainsboro);
  text-align: center;
  background-color: #ffffffe6;
  margin-top: 0;
  padding: 20px;
}

.column-32 {
  flex-direction: row;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-33 {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.columns-13 {
  display: block;
}

.text-block-17 {
  color: var(--dark-slate-blue);
}

.tabs1 {
  box-shadow: 0 -1px 4px -3px var(--dark-slate-blue);
  padding-top: 25px;
}

.form-location {
  text-align: center;
  background-color: #283f51e6;
  border: 3px #283f5173;
  min-width: 500px;
  max-width: 700px;
  margin-top: 0;
  padding: 50px 20px 30px;
}

.heading-21 {
  letter-spacing: -1px;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 32px;
  line-height: 32px;
}

.padding-droite {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.padding-droite.bgcolor-light-grey {
  z-index: 99999;
  background-color: var(--goldenrod);
  color: var(--dark-slate-blue);
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 20px 20px 30px;
  display: flex;
  position: relative;
}

.heading-21-copy {
  color: var(--white);
  letter-spacing: -1px;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 32px;
  line-height: 32px;
}

.text-field-v4-vente {
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.text-field-v4-vente:active, .text-field-v4-vente:focus {
  border-bottom-color: var(--black);
}

.text-field-v4-vente::placeholder {
  color: var(--dark-slate-blue);
}

.text-field-v4-vente.margin-right {
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.text-field-v4-vente.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.text-field-lo {
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.text-field-lo:active, .text-field-lo:focus {
  border-bottom-color: var(--black);
}

.text-field-lo::placeholder {
  color: var(--dark-slate-blue);
}

.text-field-lo.margin-right {
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.text-field-lo.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.field-form {
  color: var(--white);
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.field-form:active {
  border-bottom-color: var(--black);
}

.field-form:focus {
  border-bottom-color: var(--black);
  color: #646464;
}

.field-form::placeholder {
  color: var(--white);
}

.field-form.margin-right {
  color: var(--white);
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form.margin-right:focus {
  color: #646464;
}

.field-form.margin-right::placeholder {
  color: var(--white);
}

.submit-button-location {
  background-color: var(--goldenrod);
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 2.5px;
  height: 50px;
  margin-top: 24px;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Circular, sans-serif;
  font-size: 10.6px;
  font-weight: 500;
  line-height: 1.4em;
  transition: background-color .3s;
}

.submit-button-location:hover {
  background-color: var(--dark-slate-blue);
}

.submit-button-location.in-text-field {
  height: 46px;
  position: absolute;
  top: 2px;
  right: 2px;
}

.submit-button-location.in-text-field:hover {
  background-color: var(--goldenrod);
}

.field-form-2 {
  color: var(--white);
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 9px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.field-form-2:active {
  border-bottom-color: var(--black);
}

.field-form-2:focus {
  border-bottom-color: var(--black);
  color: #646464;
}

.field-form-2::placeholder {
  color: var(--white);
}

.field-form-2.margin-right {
  color: var(--white);
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form-2.margin-right:focus {
  color: #646464;
}

.field-form-2.margin-right::placeholder {
  color: var(--white);
}

.text-field-v4-vente-2 {
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.text-field-v4-vente-2:active, .text-field-v4-vente-2:focus {
  border-bottom-color: var(--black);
}

.text-field-v4-vente-2::placeholder {
  color: var(--dark-slate-blue);
}

.text-field-v4-vente-2.margin-right {
  border-bottom-width: 1px;
  border-bottom-color: #0000001a;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.text-field-v4-vente-2.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.text-field-v4-vente-2 {
  padding-left: 10px;
}

.form-location-section {
  color: #f7f7f7;
  text-align: center;
  background-color: #283f5100;
  border: 3px #283f5173;
  margin-top: 0;
  padding: 20px;
  box-shadow: 6px -4px 0 -13px #000;
}

.field-form-section {
  color: #fff;
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.field-form-section:active {
  border-bottom-color: var(--black);
}

.field-form-section:focus {
  border-bottom-color: var(--black);
  color: var(--black);
}

.field-form-section::placeholder {
  color: var(--dark-slate-blue);
}

.field-form-section.margin-right {
  color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form-section.margin-right:focus {
  color: var(--black);
}

.field-form-section.margin-right::placeholder {
  color: #fff;
}

.field-form-section.margin-right.white:focus {
  color: var(--white);
}

.field-form-section-2 {
  color: #fff;
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.field-form-section-2:active {
  border-bottom-color: var(--black);
}

.field-form-section-2:focus {
  border-bottom-color: var(--black);
  color: var(--white);
}

.field-form-section-2::placeholder {
  color: #fff;
}

.field-form-section-2.margin-right {
  color: var(--dark-slate-blue);
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form-section-2.margin-right:focus {
  color: #646464;
}

.field-form-section-2.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.text-block-18 {
  padding-top: 10px;
}

.button-copy {
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #2525321a;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button-copy:hover {
  background-color: var(--black);
  color: var(--white);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.button-copy.white {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  width: 300px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button-copy.white:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.button-copy.yellow {
  background-color: var(--goldenrod);
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 48px;
}

.button-copy.yellow:hover {
  background-color: var(--dark-slate-blue);
}

.button-copy.yellow.margin-top {
  margin-top: 20px;
}

.button-copy.yellow.bold {
  font-size: 20px;
}

.button-copy.yellow.bold.hidden {
  display: none;
}

.button-copy.yellow.large {
  font-size: 16px;
}

.button-copy.yellow.centered {
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.button-copy.play {
  background-color: var(--white);
  background-image: url('../images/play-button.svg');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: 15px;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.button-copy.play:hover {
  background-color: var(--goldenrod);
}

.button-copy.outline {
  background-color: #0000;
  border-style: solid;
}

.button-copy.outline:hover {
  color: var(--black);
  background-color: #2525321a;
}

.button-copy.black {
  background-color: var(--dark-slate-blue);
  color: var(--white);
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.button-copy.black:hover {
  background-color: var(--white);
  color: var(--dark-slate-blue);
}

.button-copy.yellow {
  background-color: var(--goldenrod);
}

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

.link-2, .link-3, .link-4 {
  color: var(--goldenrod);
}

.display-2-copy-copy {
  color: var(--dark-slate-blue);
  letter-spacing: -1.5px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: Circular, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.columns-14 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-19 {
  width: 150px;
  padding-top: 0;
}

.button-copy-copy {
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #2525321a;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button-copy-copy:hover {
  background-color: var(--black);
  color: var(--white);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.button-copy-copy.white {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  width: 300px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button-copy-copy.white:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.button-copy-copy.yellow {
  background-color: var(--goldenrod);
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 48px;
}

.button-copy-copy.yellow:hover {
  background-color: var(--dark-slate-blue);
}

.button-copy-copy.yellow.margin-top {
  margin-top: 20px;
}

.button-copy-copy.yellow.bold {
  font-size: 20px;
}

.button-copy-copy.yellow.bold.hidden {
  display: none;
}

.button-copy-copy.yellow.large {
  font-size: 16px;
}

.button-copy-copy.yellow.centered {
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.button-copy-copy.play {
  background-color: var(--white);
  background-image: url('../images/play-button.svg');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: 15px;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.button-copy-copy.play:hover {
  background-color: var(--goldenrod);
}

.button-copy-copy.outline {
  background-color: #0000;
  border-style: solid;
}

.button-copy-copy.outline:hover {
  color: var(--black);
  background-color: #2525321a;
}

.button-copy-copy.black {
  background-color: var(--dark-slate-blue);
  color: var(--white);
  align-items: center;
  margin-top: 0;
  margin-left: 20px;
  display: flex;
}

.button-copy-copy.black:hover {
  background-color: var(--white);
  color: var(--dark-slate-blue);
}

.button-copy-copy.yellow {
  background-color: var(--goldenrod);
}

.display-location {
  color: var(--dark-slate-blue);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-location.margin-bottom {
  color: var(--dark-slate-blue);
}

.display-location.margin-bottom.inverted {
  color: #fff;
  margin-bottom: 35px;
}

.display-location.fontcolor-white {
  color: var(--grey);
  text-align: center;
  margin-bottom: 25px;
  font-size: 30px;
  display: block;
}

.display-location.fontcolor-white.homelarge {
  text-align: left;
  font-size: 95px;
  line-height: 1em;
  display: flex;
}

.display-location.align-center {
  color: var(--dark-slate-blue);
}

.display-location.middle {
  text-align: left;
  justify-content: flex-end;
  display: flex;
}

.display-location.white {
  color: var(--white);
}

.display-location.larger {
  z-index: 0;
  font-size: 60px;
}

.display-location.smaller {
  color: var(--white);
  font-size: 30px;
  font-weight: 400;
}

.display-location.smaller.dark {
  color: var(--dark-slate-blue);
}

.field-form-section-copy {
  color: var(--dark-slate-blue);
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.field-form-section-copy:active {
  border-bottom-color: var(--black);
}

.field-form-section-copy:focus {
  border-bottom-color: var(--black);
  color: #646464;
}

.field-form-section-copy::placeholder {
  color: var(--dark-slate-blue);
}

.field-form-section-copy.margin-right {
  color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form-section-copy.margin-right:focus {
  color: #646464;
}

.field-form-section-copy.margin-right::placeholder {
  color: #fff;
}

.field-form-section-copy.margin-right-copy {
  color: var(--dark-slate-blue);
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form-section-copy.margin-right-copy:focus {
  color: #646464;
}

.field-form-section-copy.margin-right-copy::placeholder {
  color: var(--dark-slate-blue);
}

.field-form-section-2-copy {
  color: #fff;
  letter-spacing: -.3px;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
}

.field-form-section-2-copy:active {
  border-bottom-color: var(--black);
}

.field-form-section-2-copy:focus {
  border-bottom-color: var(--black);
  color: #646464;
}

.field-form-section-2-copy::placeholder {
  color: #fff;
}

.field-form-section-2-copy.margin-right {
  color: var(--dark-slate-blue);
  border-bottom-width: 1px;
  border-bottom-color: #646464;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.field-form-section-2-copy.margin-right:focus {
  color: #646464;
}

.field-form-section-2-copy.margin-right::placeholder {
  color: var(--dark-slate-blue);
}

.textarea-copy {
  color: var(--dark-slate-blue);
  background-color: #fff0;
  border: 1px solid #646464;
  margin-top: 20px;
  padding-top: 8px;
  font-family: Circular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}

.textarea-copy::placeholder {
  color: #fff;
}

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

.button-vendu {
  color: #000;
  background-color: #3898ec00;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-vendu:hover {
  border-color: var(--grey);
}

.div-block-vendu {
  background-color: #616060;
  border: 1px solid #7e8385;
  padding: 20px;
}

.columns-15 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 51px;
  display: flex;
  position: relative;
  top: 30px;
}

.link-6 {
  border-bottom-style: none;
  text-decoration: none;
  transition-property: none;
}

.link-7 {
  border-bottom-style: none;
  transition-property: none;
}

.text-block-20 {
  color: var(--dark-slate-blue);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: block;
}

.bold-text-53 {
  font-weight: 700;
}

.section-7 {
  padding-top: 20px;
}

.display-2-copy {
  color: var(--dark-slate-blue);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-2-copy.margin-bottom {
  color: var(--dark-slate-blue);
}

.display-2-copy.margin-bottom.inverted {
  color: #fff;
  margin-bottom: 35px;
}

.display-2-copy.fontcolor-white {
  color: var(--grey);
  text-align: center;
  margin-bottom: 25px;
  display: block;
}

.display-2-copy.fontcolor-white.homelarge {
  text-align: left;
  font-size: 95px;
  line-height: 1em;
  display: flex;
}

.display-2-copy.align-center {
  color: var(--dark-slate-blue);
}

.display-2-copy.middle {
  text-align: left;
  justify-content: flex-end;
  display: flex;
}

.display-2-copy.white {
  color: var(--white);
}

.display-2-copy.larger {
  z-index: 0;
  font-size: 60px;
}

.display-2-copy.smaller {
  color: var(--white);
  font-size: 30px;
  font-weight: 400;
}

.display-2-copy.smaller.dark, .display-2-copy.smaller.dark-copy {
  color: var(--dark-slate-blue);
}

.display-2-copy.smaller-copy {
  color: var(--white);
  font-size: 30px;
  font-weight: 400;
}

.display-2-copy.smaller-copy.dark {
  color: var(--dark-slate-blue);
}

.display-2-copy.smaller-copy.dark-copy {
  color: var(--white);
}

.section-supprimee {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 90px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-supprimee.bgcolor-white {
  background-color: var(--white);
  height: 100%;
  margin-bottom: 0;
  padding: 20px 10px 50px 20px;
  position: relative;
}

.section-supprimee.bgcolor-white.icon {
  background-image: url('../images/Sir_John_Branding_Icone.png');
  background-position: 96% 3%;
  background-repeat: no-repeat;
  background-size: 75px;
}

.section-supprimee.bgcolor-yellow {
  background-color: var(--goldenrod);
  color: var(--dark-slate-blue);
  object-fit: fill;
  background-image: none;
  align-self: center;
  height: 100%;
  padding-bottom: 55px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  overflow: hidden;
}

.section-supprimee.bgcolor-yellow.less {
  padding-top: 75px;
  padding-bottom: 75px;
}

.section-supprimee.bgcolor-blue {
  background-color: var(--dark-slate-blue);
  color: #000;
  align-self: center;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.section-supprimee.bgcolor-blue.fontcolor-white {
  color: var(--white);
  background-color: #283f51;
  padding-left: 90px;
}

.section-supprimee.with-background-image {
  background-color: var(--white);
  min-height: 80vh;
}

.section-supprimee.with-background-image.nomargin {
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.section-supprimee.no-padding {
  margin-top: 31px;
  padding: 0;
}

.section-supprimee.no-padding-margin {
  background-color: var(--goldenrod);
  margin: 0;
  padding: 0;
}

.section-supprimee.bgcolor-thistle {
  background-color: var(--dark-slate-blue);
  position: relative;
}

.section-supprimee.bgcolor-thistle.formag {
  padding-bottom: 0;
}

.section-supprimee.bgcolor-cyan, .section-supprimee.bgcolor-beige {
  background-color: #e6e3db;
  align-self: center;
  height: 100%;
  position: relative;
}

.section-supprimee.with-background-image-2 {
  background-color: var(--white);
  justify-content: center;
  min-height: 90vh;
  margin-top: 0;
  padding-top: 100px;
}

.section-supprimee.book {
  margin-top: 0;
  padding: 0;
}

.section-supprimee.no-padding-margin-copy {
  background-color: var(--goldenrod);
  margin: 60px 0 0;
  padding: 0;
}

.section-supprimee.bgcolor-white-less {
  background-color: var(--white);
  height: 100%;
  margin-bottom: 0;
  padding: 0 10px 30px;
  position: relative;
}

.section-supprimee.updatedpadding {
  background-color: #e6e3db;
  align-self: center;
  height: 100%;
  padding-top: 75px;
  padding-bottom: 25px;
  position: relative;
}

.section-supprimee.bgcolor-jaune {
  background-color: var(--goldenrod);
  align-self: center;
  height: 100%;
  padding-bottom: 50px;
  position: relative;
}

.padding-copy {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.padding-copy.bgcolor-white {
  background-color: var(--white);
  color: var(--black);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.padding-copy.client-logos {
  border: 1px solid #0000001a;
  border-radius: 4px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.padding-copy.with-big-padding {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  align-items: stretch;
  padding: 100px;
  display: block;
  position: relative;
}

.padding-copy.bgcolor-blue {
  background-color: var(--dark-slate-blue);
  height: 100%;
  position: relative;
}

.padding-copy.bgcolor-blue.fontcolor-white {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-copy.bgcolor-yellow {
  background-color: var(--goldenrod);
  color: var(--dark-slate-blue);
  background-image: none;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.padding-copy.bgcolor-brown {
  background-color: var(--gainsboro);
  height: 100%;
  margin-top: 0;
  position: relative;
}

.padding-copy.bgcolor-light-grey {
  z-index: 99999;
  background-color: var(--goldenrod);
  color: var(--dark-slate-blue);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  height: 100%;
  padding: 20px 20px 30px;
  display: flex;
  position: relative;
}

.padding-copy.bgcolor-light-green {
  background-color: #b0b2a1;
  position: relative;
}

.padding-copy.bgcolor-light-brown {
  background-color: #aa9593;
  position: relative;
}

.padding-copy.align-top {
  justify-content: flex-start;
  align-items: stretch;
}

.padding-copy.align-center {
  z-index: 0;
  justify-content: center;
  align-items: center;
}

.padding-copy.outline {
  color: var(--dark-slate-blue);
  border: 1px solid #0000001a;
  padding: 20px;
}

.padding-copy.bgcolor-grey {
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding-copy.expand {
  flex: 1;
  overflow: auto;
}

.padding-copy.menu {
  z-index: 45;
  flex: 1;
  justify-content: flex-end;
  padding-top: 100px;
  padding-bottom: 40px;
  position: relative;
  overflow: auto;
}

.padding-copy.bgcolor-beige {
  color: var(--dark-slate-blue);
  background-color: #e6e3db;
  background-image: none;
  justify-content: flex-start;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.padding-copy.nonetop {
  padding-top: 0;
}

.padding-copy.alignalmost {
  z-index: 0;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 60px;
}

.padding-copy.less {
  color: var(--dark-slate-blue);
  border: 1px solid #0000001a;
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-copy.less.hidden {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.padding-copy.contact {
  padding-left: 0;
  padding-right: 0;
}

.padding-copy.bgcolor-light-grey-copy {
  background-color: var(--dark-slate-blue);
  color: #fff;
  height: 100%;
  padding: 20px 20px 30px;
  position: relative;
}

.padding-copy.nopadding {
  padding-top: 0;
}

.padding-copy.bgcolor-green {
  background-color: #283f51;
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding-copy.bgcolor-brown {
  background-color: #dbd9cb;
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding-copy.bgcolor-red {
  background-color: #df9f34;
  height: 100%;
  padding-top: 12px;
  position: relative;
}

.padding-copy.color-grey {
  background-color: var(--grey);
}

.button-4 {
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #2525321a;
  border: 1px #1111111a;
  border-radius: 2.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-family: GT Walsheim, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
  transition: background-color .3s, color .3s, border .15s;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.button-4:hover {
  color: #fff;
  background-color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #1f20201a;
}

.button-4.yellow {
  color: #fff;
  background-color: #df9f34;
  margin-top: 10px;
  margin-bottom: 0;
}

.button-4.yellow:hover {
  background-color: #283f51;
}

.display-location-2 {
  color: #283f51;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-location-2.fontcolor-white {
  color: #ddddd5;
  text-align: center;
  margin-bottom: 25px;
  font-size: 30px;
  display: block;
}

.cover-wrapper-2 {
  background-color: #fff;
  align-items: stretch;
  width: 100vw;
  min-height: 100vh;
  padding: 150px 25px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.display-2-copy-copy-2 {
  color: #283f51;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-2-copy-copy-2.fontcolor-white {
  color: #ddddd5;
  text-align: center;
  margin-bottom: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.content-wrapper-2 {
  z-index: 1;
  color: #283f51;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.content-wrapper-2.align-center {
  z-index: 1;
  padding-top: 41px;
}

.display-10 {
  color: #283f51;
  text-align: center;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circular, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1em;
}

.display-10.fontcolor-white {
  color: #ddddd5;
  text-align: center;
  margin-bottom: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.cover-wrapper-3 {
  background-color: #fff;
  background-image: url('../images/Osha_Mezzanine_01.jpg');
  background-position: 50%;
  background-size: cover;
  align-items: stretch;
  width: 100vw;
  min-height: 100vh;
  padding: 150px 25px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.head-form {
  color: var(--grey);
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 24px;
}

.paragraph-6, .paragraph-7 {
  text-align: center;
}

.column-34 {
  background-color: #efa6a600;
  padding-left: 40px;
}

.columns-16 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.column-35 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.image-18 {
  cursor: zoom-in;
}

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

.image-20 {
  cursor: zoom-in;
}

.planswrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.columns-3 {
  float: none;
  clear: none;
  text-align: center;
  max-width: 1000px;
  margin-top: 150px;
  margin-bottom: 80px;
  padding-left: 0;
  position: static;
}

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

.image-19 {
  cursor: zoom-in;
}

.text-block-21 {
  background-color: var(--dark-slate-blue);
  color: #fff1ec;
  text-align: center;
  margin-bottom: 0;
  padding: 7px 15px;
  font-size: 16px;
}

.container-20 {
  padding-top: 80px;
  padding-bottom: 0;
}

.text-block-22 {
  text-align: left;
  margin-top: 20px;
  padding-left: 15px;
  font-size: 18px;
}

.link-8 {
  background-color: var(--goldenrod);
}

.bouton-pdf {
  background-color: var(--goldenrod);
  text-align: center;
  border-radius: 10px;
  width: 100%;
  max-width: none;
  margin-top: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.bouton-pdf:hover {
  color: var(--black);
}

.paragraph-8 {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0;
}

.bold-text-54 {
  font-size: 60px;
  line-height: 60px;
}

.text-block-23 {
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}

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

.image-79 {
  z-index: 1;
  position: relative;
  inset: 0% 0% auto auto;
}

.container-21 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 100px;
  display: flex;
}

.button-5 {
  background-color: var(--dark-slate-blue);
  border-radius: 10px;
  padding: 15px 25px;
}

.bold-text-55 {
  font-weight: 400;
}

.image-80, .image-81, .image-82, .image-83 {
  cursor: zoom-in;
}

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

.slider-3 {
  height: 800px;
}

.slide-12 {
  background-image: url('../images/SirJohn_Ext3_Cour_Intérieure_3155-Av.-Parkville-Montréal---App-B117-28.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-13 {
  background-image: url('../images/SirJohn_Ext4_Cour_Intérieure_3155-Av.-Parkville-Montréal---App-B117-29.jpg');
  background-position: 50%;
  background-size: cover;
}

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

.slide-15 {
  background-image: url('../images/SirJohn_Ext1_Entrée-rue-Parkville-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-8 {
  width: 100%;
  margin-top: 20px;
}

.text-block-24 {
  color: var(--black);
  text-align: center;
}

.div-block-24, .div-block-25 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-16 {
  background-image: url('../images/SirJohn_Ext5_Cour-intérieure-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-17 {
  background-image: url('../images/SirJohn_Ext2_Entrée-rue-Parkville-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-18 {
  background-image: url('../images/SirJohn_Ext6_Cour-intérieure-1.jpg');
  background-position: 50%;
  background-size: cover;
}

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

.slide-1-9 {
  background-image: url('../images/SirJohn_Ext7_Entrée-rue-Parkville-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.lightbox-link-3 {
  background-color: var(--goldenrod);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  display: flex;
}

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

.image-84 {
  display: none;
}

.columns-17, .columns-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.lightbox-link-122 {
  background-color: var(--goldenrod);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  display: flex;
}

.lightbox-link-122:hover {
  color: var(--black);
}

.columns-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.columns-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.columns-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.columns-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.columns-23 {
  display: flex;
}

.image-85 {
  margin-top: 20px;
  margin-left: 20px;
  padding-left: 0;
}

.bold-text-56 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.bold-text-57 {
  margin-bottom: 20px;
  line-height: 1.5em;
}

.bold-text-orange {
  color: var(--goldenrod);
  letter-spacing: -1.5px;
  margin-bottom: 0;
  font-family: Circular, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
  text-decoration: none;
}

.lien {
  border-bottom-style: none;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
  text-decoration: none;
}

.bold-text-57-copy {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5em;
}

.text-block-25 {
  text-align: justify;
  margin-top: 5px;
}

.image-86, .image-87, .image-88, .image-89 {
  margin-bottom: 25px;
}

.image-90 {
  height: 333px;
  margin-bottom: 0;
}

.image-91 {
  margin-bottom: 25px;
}

.div-block-26 {
  z-index: 1;
  background-image: linear-gradient(#ff000080, #ff000080);
  width: 100%;
  max-width: 1000px;
  height: 50px;
  margin-top: 0;
  position: absolute;
  inset: 0%;
}

.columns-24 {
  text-align: center;
  max-width: 1000px;
  margin-top: 50px;
}

.heading-22 {
  text-align: center;
  margin-top: 0;
  font-weight: 400;
}

.rouge {
  color: var(--red);
  font-weight: 400;
}

.link-9 {
  border-bottom-style: none;
}

.content-wrapper-copy {
  z-index: 1;
  color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: 181px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.content-wrapper-copy.align-center {
  z-index: 1;
  padding-top: 41px;
}

.content-wrapper-copy.white {
  color: var(--white);
}

.content-wrapper-copy.center {
  text-align: center;
}

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

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

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

.slide-23 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-9.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-24 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-10.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-25 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-26 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-27 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-28 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-10 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-11 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-8.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-12 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B117-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-4 {
  height: 333px;
  margin-bottom: 25px;
}

.slide-29 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-4.jpg');
  background-position: 50%;
  background-size: cover;
}

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

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

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

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

.slide-34 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-10.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-35 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-9.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-36 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-37 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-13 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-14 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-15 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-16 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-8.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-17 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---B122-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-5 {
  height: 333px;
  margin-bottom: 25px;
}

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

.slider-6 {
  height: 333px;
  margin-bottom: 25px;
}

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

.slide-40 {
  background-image: url('../images/B509-1.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

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

.slide-42 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-10.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-43 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-17.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-44 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-12.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-45 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-14.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-46 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-18 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-19 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-20 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B509-2.jpg');
  background-position: 50%;
  background-size: cover;
}

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

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

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

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

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

.slider-7 {
  height: 333px;
  margin-bottom: 25px;
}

.slide-52 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-10.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-53 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-13.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-54 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-11.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-55 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-9.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-21 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-12.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-22 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-8.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-23 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-0.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-24 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-25 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-26 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-27 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-28 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-29 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-30 {
  background-image: url('../images/3155-Av.-Parkville-Montréal-3.jpg');
  background-position: 50%;
  background-size: cover;
}

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

.slide-1-32 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-13.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-8 {
  height: 333px;
  margin-bottom: 25px;
}

.slide-56 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-13.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-57 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-15.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-58 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-19.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-59, .slide-60 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-17.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-61 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-9.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-62 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-63 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-64 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-33 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-11.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1-34 {
  background-image: url('../images/3155-Av.-Parkville-Montréal---App-B616-2.jpg');
  background-position: 50%;
  background-size: cover;
}

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

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

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

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

.container-22 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.div-block-28 {
  z-index: 1;
  background-image: linear-gradient(#c80000e8, #c80000e8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1000px;
  max-width: 1000px;
  height: 80px;
  display: flex;
  position: absolute;
  box-shadow: 0 3px 4px 2px #0003;
}

.lightbox-link-123, .lightbox-link-124 {
  position: static;
}

.columns-3-copy {
  float: none;
  clear: none;
  text-align: center;
  width: 1000px;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  position: static;
}

.vendu {
  color: var(--white);
  font-size: 40px;
}

.text-block-titre {
  text-align: justify;
  margin-top: 15px;
  font-weight: 500;
}

.bold-text-57-23 {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1em;
}

.container-23 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.link-10 {
  color: var(--white);
  border-bottom-style: none;
}

.fontcolor-white-copy {
  color: var(--white);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-size: 34px;
  line-height: 1.2;
}

.fontcolor-white-copy.shadow {
  text-shadow: 1px 1px 6px #0000008a;
}

.fontcolor-white-copy.smaller {
  width: 500px;
}

.fontcolor-white-copy.largehome {
  text-align: left;
  margin-bottom: 15px;
  font-size: 22px;
}

.fontcolor-white-copy.centerwhite {
  text-align: center;
  height: auto;
}

.fontcolor-white-copy.largehome-copy {
  text-align: left;
  margin-top: 15px;
  font-size: 22px;
}

.bold-text-58 {
  font-weight: 900;
}

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

html.w-mod-js [data-ix="divload"] {
  opacity: 0;
}

html.w-mod-js [data-ix="form-appear-from-bottom"] {
  display: block;
  transform: translate(0);
}

html.w-mod-js [data-ix="movement-photos"] {
  display: block;
  transform: translate(0, 48px);
}

html.w-mod-js [data-ix="movement-photos-2"] {
  display: block;
  transform: translate(0, -60px);
}

html.w-mod-js [data-ix="photos-smooth"] {
  opacity: 0;
}

@media screen and (min-width: 1920px) {
  .cover-wrapper.vertical {
    min-height: 90vh;
  }

  .divpopup {
    height: auto;
    padding-top: 0;
  }

  .divinsidepopup-2 {
    width: 750px;
  }
}

@media screen and (max-width: 991px) {
  p {
    width: 100%;
  }

  .all-content {
    padding: 10px;
  }

  .content-section {
    padding: 40px 20px;
    overflow: hidden;
  }

  .content-section.with-background-image, .content-section.with-background-image-2 {
    min-height: 60vh;
  }

  .display-1 {
    font-size: 48px;
  }

  .display-2 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .section-header {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .numbers {
    font-size: 60px;
  }

  .image-gallery-with-ligthbox {
    min-height: 60vh;
  }

  .navigation {
    flex-direction: column;
    width: auto;
    height: 60px;
  }

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

  .slider-arrow {
    width: 50px;
    height: 50px;
  }

  .slider-arrow.right {
    margin-right: -20px;
  }

  .slider-arrow.left {
    margin-left: -20px;
  }

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

  .cover-wrapper {
    padding: 60px 10px 10px;
  }

  .lead-text {
    align-self: center;
    font-size: 19px;
    line-height: 26px;
  }

  .padding {
    padding: 20px;
  }

  .padding.client-logos {
    text-align: center;
  }

  .padding.with-big-padding {
    padding: 50px 20px;
  }

  .padding.menu {
    justify-content: space-between;
    padding-top: 60px;
  }

  .testimonial-image-v1 {
    width: 120px;
    height: 120px;
  }

  .columns {
    flex-wrap: nowrap;
  }

  .columns.horiz-mobile {
    display: block;
  }

  .testimonials-grid {
    min-height: auto;
  }

  .horizontal-list {
    flex-wrap: wrap;
  }

  .footer {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider-image-small {
    height: 40vh;
  }

  .slider-image-big {
    max-height: 500px;
  }

  .column.shift-top {
    margin-top: 0;
  }

  .tabs-menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-wrapper.big {
    min-height: 300px;
  }

  .numbers-label {
    font-size: 23px;
  }

  .form {
    margin-bottom: 20px;
  }

  .map {
    height: 300px;
  }

  .preloader-logo {
    width: 30vw;
  }

  .container {
    justify-content: space-between;
    align-items: center;
  }

  .nav-menu {
    width: 100%;
    overflow: auto;
  }

  .shift-top-negative {
    margin-top: 0;
  }

  .navi-dropdown {
    flex-wrap: wrap;
    width: 100%;
    position: static;
    overflow: auto;
  }

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

  .hamburger-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navigation-accordion-wrapper {
    flex: 1;
  }

  .popup {
    display: none;
  }

  .hero-p {
    font-size: 25px;
    line-height: 30px;
  }

  .bigheader {
    font-size: 58px;
    line-height: 60px;
  }

  .specialmobile {
    display: none;
  }

  .faq-wrap {
    padding-left: 5%;
    padding-right: 5%;
  }

  .columns-copy {
    flex-wrap: nowrap;
  }

  .display-5, .display-6 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .content-section-copy {
    padding: 40px 20px;
    overflow: hidden;
  }

  .columns-1 {
    flex-wrap: nowrap;
  }

  .headerform {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .content-slider, .content-video {
    padding: 40px 20px;
    overflow: hidden;
  }

  .content-video-2 {
    padding: 40px 20px;
    overflow: hidden;
  }

  .section-header-copy {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-video-2-copy {
    padding: 40px 20px;
    overflow: hidden;
  }

  .display-9 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .navigation-copy {
    flex-direction: column;
    width: auto;
    height: 60px;
  }

  .div-block-8 {
    width: auto;
  }

  .form-promo {
    margin-bottom: 20px;
  }

  .margin-bottom-copy {
    margin-bottom: 40px;
  }

  .cover-wrapper-copy {
    padding: 60px 10px 10px;
  }

  .display-2-copy {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .tab-link-tab-1, .tab-link-tab-2.w--current {
    font-size: 11px;
  }

  .padding-droite {
    padding: 20px;
  }

  .display-2-copy-copy, .display-location, .display-2-copy {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .section-supprimee {
    padding: 40px 20px;
    overflow: hidden;
  }

  .section-supprimee.with-background-image, .section-supprimee.with-background-image-2 {
    min-height: 60vh;
  }

  .padding-copy {
    padding: 20px;
  }

  .padding-copy.client-logos {
    text-align: center;
  }

  .padding-copy.with-big-padding {
    padding: 50px 20px;
  }

  .padding-copy.menu {
    justify-content: space-between;
    padding-top: 60px;
  }

  .display-location-2 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .cover-wrapper-2 {
    padding: 60px 10px 10px;
  }

  .display-2-copy-copy-2, .display-10 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 1.2em;
  }

  .cover-wrapper-3 {
    padding: 60px 10px 10px;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
    line-height: 30px;
  }

  .content-section {
    overflow: hidden;
  }

  .content-wrapper.align-center {
    text-align: left;
    align-items: flex-start;
  }

  .display-2 {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .section-header {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-header.align-center {
    text-align: left;
  }

  .numbers {
    border-top: 2px #333;
    border-bottom-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 40px;
  }

  .numbers.small {
    border-top-style: none;
  }

  .numbers.underline-none {
    border-top-style: none;
    margin-top: 0;
  }

  .numbers.in-circle {
    padding-top: 0;
  }

  .numbers.margin-right {
    margin-right: 10px;
  }

  .left-content {
    padding-right: 0;
  }

  .stretch-content {
    flex-direction: column;
    display: flex;
  }

  .fullsize-image {
    height: 300px;
    margin-bottom: 25px;
  }

  .image-gallery-with-ligthbox {
    min-height: 100vh;
  }

  .navigation {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }

  .slider-arrow {
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-right: 0;
  }

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

  .horizontal {
    flex-wrap: wrap;
  }

  .padding {
    padding-left: 0;
    padding-right: 0;
  }

  .padding.bgcolor-white, .padding.client-logos, .padding.bgcolor-blue, .padding.bgcolor-yellow, .padding.bgcolor-green, .padding.bgcolor-brown, .padding.bgcolor-red, .padding.bgcolor-light-grey {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding.align-center {
    text-align: left;
    align-items: flex-start;
  }

  .padding.outline, .padding.bgcolor-grey {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding.align-middle {
    flex: none;
    align-items: stretch;
    height: auto;
  }

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

  .padding.menu {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding.bgcolor-beige, .padding.less, .padding.bgcolor-light-grey-copy, .padding.bgcolor-green, .padding.bgcolor-brown, .padding.bgcolor-red {
    padding-left: 20px;
    padding-right: 20px;
  }

  .line {
    display: none;
  }

  .share-info {
    border-bottom-style: none;
    line-height: 24px;
  }

  .testimonial-image-v1 {
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .columns {
    flex-direction: column;
    display: block;
  }

  .columns.reverse {
    flex-direction: column-reverse;
    display: flex;
  }

  .testimonial-image-v4 {
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .block-quote-v2 {
    align-self: start;
    font-size: 20px;
  }

  .horizontal-list {
    width: 100%;
  }

  .horizontal-list.margin-bottom {
    flex-direction: row;
  }

  .horizontal-list.align-center {
    text-align: left;
    justify-content: flex-start;
  }

  .content-wrapper-half {
    max-width: 100%;
  }

  .footer {
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .slider-image-big {
    max-height: auto;
    height: 40vh;
  }

  .box-with-shadow {
    box-shadow: none;
    border: 1px solid #0000001a;
  }

  .icon-mini.margin-right {
    margin-right: 5px;
  }

  .column {
    padding-left: 0;
    padding-right: 0;
  }

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

  .column.shift-top {
    margin-top: 0;
  }

  .tabs-menu {
    flex-flow: column;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .tabs-menu.align-center {
    flex-direction: column;
    align-items: stretch;
  }

  .tab-link {
    flex: 1;
  }

  .logo-wrapper {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .background-image.image-2, .background-image.image-2-copy, .background-image.image-5, .background-image.zoominlocatif {
    background-image: linear-gradient(#0006, #0006), url('../images/emerald-is-a-colour-of-harmony-balance-and-well-being-2.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .separator-line-text {
    display: none;
  }

  .image.image-9, .image.quartier4, .image.finition2 {
    background-position: 50%;
  }

  .collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .numbers-label {
    font-size: 18px;
  }

  .image-small-circle {
    width: 80px;
    height: 80px;
  }

  .map {
    height: 300px;
  }

  .underline-none-stretch.margin-right {
    margin-right: 0;
  }

  .collection-list {
    display: block;
  }

  .grid {
    grid-column-gap: 3px;
  }

  .accordion-item-trigger {
    padding-left: 0;
    padding-right: 0;
  }

  .unordered-list {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .navigation-layer-content {
    padding: 0;
  }

  .navigation-layer-image {
    display: none;
  }

  .hamburger-menu {
    width: 60px;
    padding: 15px;
  }

  .close-menu {
    width: 60px;
    height: 60px;
    padding: 15px;
    top: 0;
    right: 0;
  }

  .navigation-accordion-wrapper {
    height: 80%;
  }

  .hero-col.l {
    padding-right: 0;
  }

  .hero-col.r {
    padding-left: 0;
  }

  .columns-copy {
    flex-direction: column;
    display: block;
  }

  .display-5, .display-6 {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .padding-copy.less {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section-copy {
    overflow: hidden;
  }

  .columns-1 {
    flex-direction: column;
    display: block;
  }

  .content-slider, .content-video {
    overflow: hidden;
  }

  .testimonial-image-v4-copy {
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .content-video-2 {
    overflow: hidden;
  }

  .section-header-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .content-video-2-copy {
    overflow: hidden;
  }

  .display-9 {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .navigation-copy {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }

  .column-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-raffine {
    justify-content: flex-start;
    padding-left: 50px;
    display: block;
  }

  .divinsidepopup-2 {
    height: auto;
  }

  .display-2-copy {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .text-block-9, .tab-link-tab-1 {
    font-size: 12px;
  }

  .padding-droite {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-droite.bgcolor-light-grey {
    padding-left: 20px;
    padding-right: 20px;
  }

  .display-2-copy-copy, .display-location, .display-2-copy {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .section-supprimee {
    overflow: hidden;
  }

  .padding-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-copy.bgcolor-white, .padding-copy.client-logos, .padding-copy.bgcolor-blue, .padding-copy.bgcolor-yellow, .padding-copy.bgcolor-green, .padding-copy.bgcolor-brown, .padding-copy.bgcolor-red, .padding-copy.bgcolor-light-grey {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-copy.align-center {
    text-align: left;
    align-items: flex-start;
  }

  .padding-copy.outline, .padding-copy.bgcolor-grey {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-copy.align-middle {
    flex: none;
    align-items: stretch;
    height: auto;
  }

  .padding-copy.expand {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-copy.menu {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-copy.bgcolor-beige, .padding-copy.less, .padding-copy.bgcolor-light-grey-copy, .padding-copy.bgcolor-green, .padding-copy.bgcolor-brown, .padding-copy.bgcolor-red {
    padding-left: 20px;
    padding-right: 20px;
  }

  .display-location-2, .display-2-copy-copy-2 {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .content-wrapper-2.align-center {
    text-align: left;
    align-items: flex-start;
  }

  .display-10 {
    letter-spacing: -.4px;
    font-size: 20px;
    line-height: 1.2em;
  }

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

  .content-wrapper-copy.align-center {
    text-align: left;
    align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .all-content.bgcolor-white, .all-content.bgcolor-white.plans {
    padding-left: 0;
    padding-right: 0;
  }

  .content-section.bgcolor-white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section.bgcolor-white.icon {
    background-position: 98% .5%;
    background-size: 50px;
  }

  .content-section.bgcolor-yellow {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section.bgcolor-yellow.less {
    padding: 30px;
  }

  .content-section.bgcolor-blue.fontcolor-white {
    padding-left: 20px;
  }

  .content-section.with-background-image-2 {
    min-height: 70vh;
  }

  .content-section.bgcolor-white-less {
    padding-left: 0;
    padding-right: 0;
  }

  .content-wrapper {
    margin-top: 0;
  }

  .display-1 {
    font-size: 36px;
  }

  .display-3 {
    font-family: Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }

  .display-3.up, .display-3.foricons {
    font-size: 18px;
  }

  .display-2 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-2.fontcolor-white {
    padding-left: 0;
    font-size: 24px;
  }

  .display-2.fontcolor-white.homelarge {
    font-size: 35px;
  }

  .display-2.align-center {
    line-height: 1.1em;
  }

  .display-2.larger {
    color: #fff;
    font-size: 30px;
  }

  .display-2.smaller, .display-2.smaller.dark, .display-2.smaller.dark-copy {
    font-size: 18px;
  }

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

  .numbers.margin-right {
    margin-top: 0;
    margin-left: 5px;
  }

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

  .slider {
    display: block;
  }

  .slider.smaller, .button.white {
    width: 100%;
  }

  .cover-wrapper {
    min-height: 60vh;
  }

  .cover-wrapper.vertical {
    min-height: 80vh;
    display: flex;
  }

  .cover-wrapper.splash {
    min-height: 100vh;
  }

  .horizontal {
    color: var(--dark-slate-blue);
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .cover-image.sketch {
    background-image: url('../images/SirJohnBig.jpg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .lead-text {
    padding-left: 0;
    padding-right: 0;
  }

  .lead-text.white {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .padding.bgcolor-yellow {
    margin-left: 0;
  }

  .padding.bgcolor-green, .padding.bgcolor-red {
    margin-top: 0;
  }

  .padding.bgcolor-light-grey {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding.bgcolor-grey {
    margin-top: 0;
  }

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

  .padding.bgcolor-light-grey-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding.bgcolor-green, .padding.bgcolor-red {
    margin-top: 0;
  }

  .fontcolor-white.smaller {
    width: auto;
  }

  .fontcolor-white.largehome, .fontcolor-white.largehome-copy {
    font-size: 20px;
    line-height: 20px;
  }

  .text-field-v4 {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .text-field-v4:hover, .text-field-v4:active, .text-field-v4::placeholder {
    color: var(--dark-slate-blue);
  }

  .text-field-v4.margin-right {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .block-quote-v2 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
  }

  .horizontal-list.margin-bottom {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .submit-button-v5 {
    color: #797878;
    font-family: GT Walsheim, sans-serif;
  }

  .underline-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .underline-none.align-center {
    margin-top: 10px;
  }

  .slider-image-small.image-02 {
    display: block;
  }

  .slider-image-big.team1 {
    height: 35vh;
    max-height: 500px;
  }

  .slider-image-big.teamsix, .slider-image-big.teamneuf {
    height: 35vh;
  }

  .logo-wrapper.sir-john {
    width: 170px;
  }

  .logo-image-black {
    text-align: center;
  }

  .background-image.image-3 {
    background-image: linear-gradient(#aaceeb 71%, #0000), url('../images/Facade_ciel_Bon_rendu.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .background-image.image-2-copy {
    background-image: url('../images/Salon_effet_Sir-John2.jpg');
    background-position: 0%;
    background-size: cover;
  }

  .background-image.image-5 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/UnitGallery1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .background-image.imagestories {
    padding-left: 20px;
    padding-right: 20px;
  }

  .background-image.preloader-second-background {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Sir-John_Coape.jpg');
    background-position: 0 0, 80%;
    background-size: auto, cover;
    height: auto;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .background-image.zoominlocatif {
    background-image: linear-gradient(#283f51cf, #283f51cf), url('../images/UnitGallery1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .image-wrapper {
    min-height: 200px;
  }

  .image.bertone {
    background-size: contain;
    width: 80%;
    height: 80%;
  }

  .image-small-circle {
    width: 60px;
    height: 60px;
  }

  .form {
    text-align: center;
    width: auto;
    margin-bottom: auto;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-block {
    width: auto;
  }

  .button-scroll-down {
    margin-bottom: 24px;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 5px;
  }

  .grid {
    display: block;
  }

  .display-4 {
    font-size: 12px;
  }

  .whitepara {
    text-align: center;
  }

  .lightbox {
    width: 100%;
  }

  .white {
    color: #fff;
  }

  .select-field {
    height: 40px;
    margin-bottom: 3px;
    padding-right: 0;
    font-size: 15px;
  }

  .select-field-2 {
    height: 40px;
    margin-bottom: 3px;
    margin-left: 0;
    padding-right: 0;
    font-size: 15px;
  }

  .popup {
    display: none;
  }

  .divinsidepopup {
    background-color: #ffffffcf;
    height: 900px;
  }

  .divinsidesplash {
    height: 580px;
  }

  .oversplash {
    z-index: 4000;
    height: auto;
    position: fixed;
  }

  .divinsplash2 {
    background-image: url('../images/bigheader.jpg');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
    align-items: flex-start;
    width: 100%;
    height: auto;
    display: block;
  }

  .hero-p {
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 14px;
    line-height: 20px;
  }

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

  .container-2.center.newhero {
    object-fit: fill;
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    padding-left: 10px;
    padding-right: 0;
  }

  .bigheader {
    letter-spacing: -1px;
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 26px;
    line-height: 26px;
  }

  .formsplash {
    text-align: center;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 10px;
  }

  .closebutton {
    padding: 5px;
    font-size: 12px;
  }

  .divpopup-2 {
    z-index: 2147483647;
    background-color: #000000d9;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
    position: fixed;
  }

  .xclose-2 {
    z-index: 900020000;
    color: #fffdfd;
    margin-top: -70px;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 28px;
    line-height: 20px;
    top: 8%;
    right: 5%;
  }

  .divinsidepopup-copy {
    z-index: 80000000;
    color: #fff;
    white-space: normal;
    object-fit: fill;
    background-color: #fff0;
    background-image: none;
    background-size: auto;
    flex: 0 auto;
    align-self: flex-start;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 123px auto 30px;
    padding-left: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .div-block-19-copy-copy {
    color: #fff;
    background-image: none;
    background-size: auto;
    border-style: none;
    width: 100%;
    height: auto;
    position: absolute;
  }

  .specialmobile {
    z-index: 100;
    color: var(--white);
    display: block;
    position: absolute;
    left: 50px;
  }

  .faq-plus-wrap {
    flex: none;
    margin-right: 20px;
  }

  .faq-q-text {
    font-size: 18px;
  }

  .faq-answer {
    padding-left: 40px;
  }

  .divy {
    flex-direction: column;
  }

  .image-53 {
    display: none;
  }

  .image-54 {
    max-height: 100%;
    display: block;
  }

  .column-2 {
    display: inline-block;
  }

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

  .explain {
    font-size: 14px;
  }

  .lightboxmodal {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }

  .contentwrappersimilar2 {
    flex-direction: column;
    padding-bottom: 40px;
  }

  .link-block {
    display: flex;
  }

  .bold-text-3 {
    font-weight: 400;
  }

  .content-section-copy.bgcolor-white-nouvelles {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-section-copy.bgcolor-white-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .display-5, .display-6 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .bold-text-7 {
    font-family: Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .divinsidepopup-form {
    display: none;
  }

  .div-block-form {
    color: #fff;
  }

  .slider-2 {
    height: 400px;
  }

  .content-slider.bgcolor-thistle-copy {
    padding: 20px 10px;
  }

  .content-video.bgcolor-thistle-copy, .content-video.bgcolor-thistle-copy-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-scroll-down-copy {
    bottom: 5px;
  }

  .lightprice {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .pastille {
    display: none;
  }

  .content-video-2.bgcolor-thistle-video {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-video-2.bgcolor-thistle-video-milieu {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-video-2.bgcolor-thistle-video-premier {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-video-2-copy.bgcolor-thistle-video-copy {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .display-9 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-9.fontcolor-white-copy {
    padding-left: 0;
    font-size: 24px;
  }

  .fontcolor-white-copy.largehome-copy {
    margin-bottom: 0;
    font-size: 20px;
  }

  .column-8 {
    height: auto;
    min-height: 400px;
  }

  .column-9 {
    height: 400px;
  }

  .columns-2 {
    height: auto;
    padding-left: 10px;
  }

  .grid-3 {
    justify-items: center;
  }

  .column-12 {
    padding-right: 10px;
  }

  .heading-12 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .image-67 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-14 {
    text-align: center;
    margin-top: 50px;
  }

  .paragraph-5 {
    margin-top: 20px;
    margin-bottom: 42px;
  }

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

  .div-block-8 {
    justify-content: center;
    width: auto;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-68 {
    max-width: 60%;
  }

  .heading-15 {
    margin-top: 50px;
    font-size: 28px;
  }

  .heading-16 {
    font-size: 28px;
    line-height: 32px;
  }

  .bold-text-49 {
    font-size: 28px;
    line-height: 28px;
  }

  .section-6 {
    display: none;
  }

  .bold-text-51 {
    font-weight: 400;
    line-height: 50px;
  }

  .bold-text-52 {
    text-align: left;
    margin-top: 24px;
    display: flex;
  }

  .bold-text-sj100 {
    text-align: center;
    display: inline;
  }

  .form-promo {
    text-align: center;
    width: auto;
    margin-bottom: auto;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .margin-bottom-copy {
    margin-bottom: 20px;
  }

  .image-69 {
    max-width: 100%;
    margin-top: 0;
  }

  .cover-wrapper-copy {
    min-height: 60vh;
  }

  .cover-wrapper-copy.vertical-copy {
    min-height: 130vh;
    display: flex;
  }

  .heading-17 {
    font-size: 35px;
  }

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

  .section-distinction-1, .section-distinction-4, .section-maisons-2, .section-maisons-3, .section-maisons-4 {
    display: none;
  }

  .section-maisons-fin {
    max-width: none;
    margin-top: -4px;
    display: block;
  }

  .container-maison-1 {
    height: auto;
    padding-right: 0;
  }

  .column-maison-1 {
    height: 550px;
    padding-right: 0;
  }

  .column-maison-2 {
    margin-top: 80px;
  }

  .div-block-maison-1 {
    height: 550px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-maisons {
    height: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 0;
  }

  .heading-maisons {
    color: var(--grey);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 50px 10px 25px;
  }

  .container-12 {
    height: 500px;
    padding-left: 0;
  }

  .column-15 {
    height: 400px;
  }

  .heading-maisons-2 {
    text-align: center;
    margin-top: 50px;
  }

  .heading-maisons-7 {
    text-align: center;
    margin-top: 20px;
  }

  .heading-19 {
    text-align: center;
    padding-top: 25px;
    display: block;
  }

  .text-block-11 {
    padding: 25px 10px;
  }

  .columns-6 {
    display: flex;
  }

  .column-18 {
    padding-right: 10px;
  }

  .heading-maisons-7jogging {
    text-align: center;
    margin-top: 50px;
  }

  .paragraph-maisons-jogging {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-20 {
    padding-left: 10px;
  }

  .heading-maisons-8jogging {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-maisons-jogging-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-72 {
    padding-bottom: 0;
  }

  .column-footer-maisons-2 {
    padding-right: 10px;
  }

  .html-embed-6, .section-maisons-5 {
    display: none;
  }

  .heading-12-copy {
    text-align: center;
    margin-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-10-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .container-16 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-22 {
    height: 500px;
  }

  .heading-14-copy {
    text-align: center;
    margin-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-5-copy {
    margin-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-raffine {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 59px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-5-raffine {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-18 {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .heading-residence {
    text-align: center;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-residences {
    margin-top: 30px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-23 {
    height: auto;
    padding-bottom: 50px;
  }

  .heading-spacieux {
    text-align: center;
    margin-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-spacieux {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-9 {
    width: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .columns-11 {
    padding-left: 10px;
  }

  .columns-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-75 {
    margin-bottom: 25px;
  }

  .section-mobile-maisons {
    background-color: #142633;
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .text-block-13 {
    color: var(--grey);
    text-align: center;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: GT Walsheim, sans-serif;
    font-weight: 300;
  }

  .div-block-12 {
    text-align: center;
    background-image: url('../images/final-fond.jpg');
    background-position: 0 0;
    background-size: auto;
    display: block;
    position: relative;
  }

  .div-block-13, .div-block-14, .div-block-15, .div-block-16, .div-block-17 {
    display: block;
  }

  .html-embed-9 {
    display: none;
  }

  .div-block-18, .div-block-19, .div-block-20, .div-block-21, .div-block-22 {
    display: block;
  }

  .section-mobile-maisons-fr {
    background-color: var(--gainsboro);
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .mobile1, .mobile2, .mobile3, .mobile4, .mobile5 {
    display: block;
  }

  .section-mobile-maisons-en {
    background-color: var(--gainsboro);
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .section-mobile-distinction {
    background-color: #142633;
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .heading-maisons-mobile {
    color: var(--dark-slate-blue);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 50px 10px 25px;
  }

  .text-block-maions-mobile {
    color: var(--dark-slate-blue);
    text-align: center;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: GT Walsheim, sans-serif;
    font-weight: 300;
  }

  .heading-18-en {
    text-align: center;
  }

  .heading-17-en {
    font-size: 35px;
  }

  .link-block-6, .text-block-14 {
    display: none;
  }

  .divpopup {
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    display: none;
  }

  .divinsidepopup-2 {
    background-color: #ffffffe6;
    flex: 0 auto;
    align-self: flex-start;
    width: 100%;
    height: auto;
    margin-top: 80px;
    display: block;
    position: static;
    inset: 0%;
  }

  .xclose-3 {
    color: var(--white);
    margin-top: 8px;
    margin-left: 5px;
    padding-top: 3px;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    inset: auto;
  }

  .image-popup {
    border-bottom: 1px #000;
  }

  .explain-copy {
    font-size: 14px;
  }

  .text-block-9 {
    text-align: center;
    font-size: 14px;
  }

  .tabs-menu-2 {
    text-align: center;
  }

  .tab-link-tab-1 {
    float: none;
    clear: none;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .tab-link-tab-1.w--current {
    margin-bottom: 0;
    margin-right: 0;
  }

  .tab-link-tab-2 {
    float: none;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .tab-link-tab-2.w--current {
    float: none;
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .form-vente {
    padding-bottom: 20px;
  }

  .text-block-17 {
    font-size: 14px;
  }

  .form-location {
    min-width: 0;
    padding-bottom: 20px;
  }

  .padding-droite.bgcolor-light-grey {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-field-v4-vente {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .text-field-v4-vente:hover, .text-field-v4-vente:active, .text-field-v4-vente::placeholder {
    color: var(--dark-slate-blue);
  }

  .text-field-v4-vente.margin-right {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .text-field-lo {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .text-field-lo:hover, .text-field-lo:active, .text-field-lo::placeholder {
    color: var(--dark-slate-blue);
  }

  .text-field-lo.margin-right {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form:hover, .field-form:active {
    color: var(--dark-slate-blue);
  }

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

  .field-form.margin-right {
    color: var(--white);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-2 {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-2:hover, .field-form-2:active {
    color: var(--dark-slate-blue);
  }

  .field-form-2::placeholder {
    color: #fff;
  }

  .field-form-2.margin-right {
    color: var(--white);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .text-field-v4-vente-2 {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .text-field-v4-vente-2:hover, .text-field-v4-vente-2:active, .text-field-v4-vente-2::placeholder {
    color: var(--dark-slate-blue);
  }

  .text-field-v4-vente-2.margin-right {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .form-location-section {
    padding-bottom: 20px;
  }

  .field-form-section {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section:hover, .field-form-section:active, .field-form-section::placeholder {
    color: var(--dark-slate-blue);
  }

  .field-form-section.margin-right {
    color: #fff;
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section-2 {
    border-bottom-style: solid;
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section-2:hover, .field-form-section-2:active {
    color: var(--dark-slate-blue);
  }

  .field-form-section-2::placeholder {
    color: #fff;
  }

  .field-form-section-2.margin-right {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .button-copy.white {
    width: 100%;
  }

  .display-2-copy-copy {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .button-copy-copy.white {
    width: 100%;
  }

  .display-location {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-location.fontcolor-white {
    padding-left: 0;
    font-size: 24px;
  }

  .display-location.fontcolor-white.homelarge {
    font-size: 35px;
  }

  .display-location.larger {
    color: #fff;
    font-size: 30px;
  }

  .display-location.smaller, .display-location.smaller.dark {
    font-size: 18px;
  }

  .link-block-7 {
    border-bottom-style: none;
  }

  .field-form-section-copy {
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section-copy:hover, .field-form-section-copy:active, .field-form-section-copy::placeholder {
    color: var(--dark-slate-blue);
  }

  .field-form-section-copy.margin-right {
    color: #fff;
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section-copy.margin-right-copy {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section-2-copy {
    border-bottom-style: solid;
    height: 40px;
    margin-bottom: 3px;
    padding-left: 0;
    font-size: 15px;
  }

  .field-form-section-2-copy:hover, .field-form-section-2-copy:active {
    color: var(--dark-slate-blue);
  }

  .field-form-section-2-copy::placeholder {
    color: #fff;
  }

  .field-form-section-2-copy.margin-right {
    color: var(--dark-slate-blue);
    height: 40px;
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .display-2-copy {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-2-copy.fontcolor-white {
    padding-left: 0;
    font-size: 24px;
  }

  .display-2-copy.fontcolor-white.homelarge {
    font-size: 35px;
  }

  .display-2-copy.larger {
    color: #fff;
    font-size: 30px;
  }

  .display-2-copy.smaller, .display-2-copy.smaller.dark, .display-2-copy.smaller.dark-copy, .display-2-copy.smaller-copy, .display-2-copy.smaller-copy.dark, .display-2-copy.smaller-copy.dark-copy {
    font-size: 18px;
  }

  .section-supprimee.bgcolor-white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-supprimee.bgcolor-white.icon {
    background-position: 98% .5%;
    background-size: 50px;
  }

  .section-supprimee.bgcolor-yellow {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-supprimee.bgcolor-yellow.less {
    padding: 30px;
  }

  .section-supprimee.bgcolor-blue.fontcolor-white {
    padding-left: 20px;
  }

  .section-supprimee.with-background-image-2 {
    min-height: 70vh;
  }

  .section-supprimee.bgcolor-white-less {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-copy.bgcolor-yellow {
    margin-left: 0;
  }

  .padding-copy.bgcolor-green, .padding-copy.bgcolor-red {
    margin-top: 0;
  }

  .padding-copy.bgcolor-light-grey {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding-copy.bgcolor-grey {
    margin-top: 0;
  }

  .padding-copy.contact {
    text-align: center;
  }

  .padding-copy.bgcolor-light-grey-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .padding-copy.bgcolor-green, .padding-copy.bgcolor-red {
    margin-top: 0;
  }

  .display-location-2 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-location-2.fontcolor-white {
    padding-left: 0;
    font-size: 24px;
  }

  .cover-wrapper-2 {
    min-height: 60vh;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .display-2-copy-copy-2 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-2-copy-copy-2.fontcolor-white {
    padding-left: 0;
    font-size: 24px;
  }

  .display-10 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .display-10.fontcolor-white {
    padding-left: 0;
    font-size: 24px;
  }

  .cover-wrapper-3 {
    min-height: 60vh;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .column-34 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    display: flex;
  }

  .columns-16 {
    flex-direction: column;
  }

  .column-35 {
    align-items: center;
    padding-right: 10px;
  }

  .image-78 {
    margin-top: 88px;
  }

  .column-36 {
    margin-top: 20px;
  }

  .columns-3 {
    margin-top: 50px;
    margin-bottom: 0;
  }

  .column-37 {
    margin-top: 20px;
  }

  .text-block-21 {
    width: 100%;
  }

  .column-38 {
    margin-top: 20px;
  }

  .text-block-22 {
    text-align: center;
    padding-left: 0;
  }

  .bouton-pdf {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text-54 {
    font-size: 20px;
    line-height: 20px;
  }

  .text-block-23 {
    padding-left: 5px;
    padding-right: 5px;
  }

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

  .button-5 {
    margin-top: 50px;
  }

  .slider-3 {
    height: 500px;
  }

  .columns-17 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .columns-23 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .bold-text-56 {
    margin-bottom: 15px;
    line-height: 1em;
  }

  .bold-text-57 {
    line-height: 1.1em;
  }

  .bold-text-57-copy {
    margin-top: 25px;
    font-size: 24px;
    line-height: 1.1em;
  }

  .text-block-25 {
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .image-86, .image-87 {
    margin-top: 25px;
  }

  .columns-24, .column-39, .column-40, .div-block-27 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-22 {
    line-height: 15px;
  }

  .content-wrapper-copy {
    margin-top: 150px;
  }

  .container-22 {
    margin-top: 50px;
  }

  .columns-3-copy {
    margin-top: 50px;
    margin-bottom: 0;
  }

  .text-block-titre {
    margin-top: 25px;
    margin-bottom: 10px;
  }

  .bold-text-57-23 {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.1em;
  }

  .container-23 {
    margin-top: 50px;
  }

  .fontcolor-white-copy.smaller {
    width: auto;
  }

  .fontcolor-white-copy.largehome, .fontcolor-white-copy.largehome-copy {
    font-size: 20px;
    line-height: 20px;
  }
}

#w-node-_82ba884f-3bb3-6eef-5f1f-ada2a2dc5e9a-2d8437f5 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-de442bda-8c2d-d147-90d5-32c027df0e96-2d8437f5 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_2460fdd0-2df9-7399-9e16-833394686ae8-2d8437f5 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb92-e384385a {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb94-e384385a {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb96-e384385a {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb98-e384385a {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb9a-e384385a {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_5f91c9d3-41dd-c706-0173-3606730f9c82-df84385c {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_5f91c9d3-41dd-c706-0173-3606730f9c90-df84385c {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-be03a422-6521-f7a9-d7f1-91dca77cf96a-df84385c {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-be03a422-6521-f7a9-d7f1-91dca77cf96b-df84385c {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-be03a422-6521-f7a9-d7f1-91dca77cf96d-df84385c {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-be03a422-6521-f7a9-d7f1-91dca77cf975-df84385c {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-be03a422-6521-f7a9-d7f1-91dca77cf976-df84385c {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-be03a422-6521-f7a9-d7f1-91dca77cf978-df84385c {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-_120d0195-f201-c4c5-5563-e09eae6b8c53-df84385c {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_120d0195-f201-c4c5-5563-e09eae6b8c54-df84385c {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_120d0195-f201-c4c5-5563-e09eae6b8c57-df84385c {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-_15ac9fac-bcd9-5795-042d-60481660ae91-a384385f, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae98-a384385f, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae9f-a384385f, #w-node-abfc1d0e-8d71-c307-7bd1-d6a5ad15cbe8-a384385f, #w-node-_13846b11-9b05-9d21-2770-da41b65c2fe8-a384385f, #w-node-b1ca23e7-7481-0572-e2b7-743844c5d48d-a384385f, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7da3-a384385f, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7daa-a384385f, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7db1-a384385f {
  justify-self: start;
}

#w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-d8843861 {
  grid-area: 1 / 7 / 2 / 11;
}

#w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-d8843861 {
  grid-area: 2 / 7 / 4 / 11;
  place-self: start;
}

#w-node-_18225b88-c3af-8425-ed6c-f0314b7ac53c-d8843861 {
  grid-area: 2 / 1 / 4 / 5;
}

#w-node-e50bc9dc-8f28-7e99-44a3-ba45f167d6cf-d8843861 {
  grid-area: 3 / 3 / 4 / 6;
}

#w-node-dd01037f-585b-39c8-739a-f146994ce122-d8843861 {
  grid-area: 4 / 7 / 6 / 12;
}

#w-node-d277659a-7434-05f9-d331-2faa447b9a03-d8843861 {
  grid-area: 4 / 10 / 5 / 13;
}

#w-node-_94d37f9f-fbb5-6de7-5070-977b42de3527-d8843861 {
  grid-area: 4 / 1 / 7 / 7;
}

#w-node-_402f9574-9ac5-c3be-a4b8-43f009331fcf-d8843861 {
  grid-area: 6 / 5 / 7 / 8;
}

#w-node-_317fe110-2ad5-5ea1-f6dc-7ed8ffe74ff2-d8843861 {
  grid-area: 1 / 1 / 6 / 3;
}

#w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-d8843861 {
  grid-area: 1 / 3 / 5 / 5;
  align-self: start;
}

#w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-d8843861 {
  grid-area: 5 / 3 / 6 / 5;
  align-self: end;
}

#w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee14-d8843861 {
  grid-area: 1 / 1 / 6 / 3;
}

#w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-d8843861 {
  grid-area: 1 / 3 / 5 / 5;
  align-self: start;
}

#w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-d8843861 {
  grid-area: 5 / 3 / 6 / 5;
  align-self: end;
}

#w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-c9843862 {
  grid-area: 1 / 7 / 2 / 11;
}

#w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-c9843862 {
  grid-area: 2 / 7 / 4 / 11;
  place-self: start;
}

#w-node-_18225b88-c3af-8425-ed6c-f0314b7ac53c-c9843862 {
  grid-area: 2 / 1 / 4 / 5;
}

#w-node-e50bc9dc-8f28-7e99-44a3-ba45f167d6cf-c9843862 {
  grid-area: 3 / 3 / 4 / 6;
}

#w-node-dd01037f-585b-39c8-739a-f146994ce122-c9843862 {
  grid-area: 4 / 7 / 6 / 12;
}

#w-node-d277659a-7434-05f9-d331-2faa447b9a03-c9843862 {
  grid-area: 4 / 10 / 5 / 13;
}

#w-node-_94d37f9f-fbb5-6de7-5070-977b42de3527-c9843862 {
  grid-area: 4 / 1 / 7 / 7;
}

#w-node-_402f9574-9ac5-c3be-a4b8-43f009331fcf-c9843862 {
  grid-area: 6 / 5 / 7 / 8;
}

#w-node-_317fe110-2ad5-5ea1-f6dc-7ed8ffe74ff2-c9843862 {
  grid-area: 1 / 1 / 6 / 3;
}

#w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-c9843862 {
  grid-area: 1 / 3 / 5 / 5;
  align-self: start;
}

#w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-c9843862 {
  grid-area: 5 / 3 / 6 / 5;
  align-self: end;
}

#w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee14-c9843862 {
  grid-area: 1 / 1 / 6 / 3;
}

#w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-c9843862 {
  grid-area: 1 / 3 / 5 / 5;
  align-self: start;
}

#w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-c9843862 {
  grid-area: 5 / 3 / 6 / 5;
  align-self: end;
}

#w-node-_68a52239-43a3-439b-abde-dbeb791fe27e-31843865 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_68a52239-43a3-439b-abde-dbeb791fe280-31843865 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_68a52239-43a3-439b-abde-dbeb791fe27e-6784387d {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_68a52239-43a3-439b-abde-dbeb791fe280-6784387d, #w-node-_9fc76247-e6f7-e8ca-9323-aa3e758d59de-ca84387f {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c7713-ca84387f {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c7717-ca84387f {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c7719-ca84387f {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c771b-ca84387f {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_6684fbb4-b616-bad5-ec5d-87832a209479-ca84387f {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-cfb3b0d2-9cdc-4101-b4ad-16fe2c7d34b8-ca84387f {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_4655da59-de42-8494-2a80-7020f2c0787a-ca84387f, #w-node-bfcf9544-b8df-361a-9af0-e45d3aec1eb4-85843881 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-bfcf9544-b8df-361a-9af0-e45d3aec1ebf-85843881 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-adef9ba7-92f9-598a-7885-da855088a352-c3843882 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-adef9ba7-92f9-598a-7885-da855088a35d-c3843882 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_15ac9fac-bcd9-5795-042d-60481660ae91-18843884, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae98-18843884, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae9f-18843884, #w-node-abfc1d0e-8d71-c307-7bd1-d6a5ad15cbe8-18843884, #w-node-_13846b11-9b05-9d21-2770-da41b65c2fe8-18843884, #w-node-b1ca23e7-7481-0572-e2b7-743844c5d48d-18843884, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7da3-18843884, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7daa-18843884, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7db1-18843884 {
  justify-self: start;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a08-6c843888 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a13-6c843888, #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a79-6c843888 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a86-6c843888 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_652e31c0-9837-e627-5c33-7c4affde6113-6c843888 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c8b8ab6a-3a2f-2ae2-6cef-745df8a776a7-6c843888 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5267ddb8-51bd-8661-a5ab-659adbc45463-6c843888 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4562cd83-efb3-3a3f-85c8-bb1dcbf910cd-6c843888 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-f82e99c8-86e6-bb78-a20c-5594e90e91df-6c843888 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_58035387-7960-be70-30f2-be04e15b8424-6c843888 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_28c4467c-6c51-2ce7-6260-bd9eba28e4ae-6c843888 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_8716cb9a-df9f-4a2b-3e66-24ba465ab428-6c843888 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b38-6c843888 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b53-6c843888 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b7e-6c843888 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b8f-6c843888, #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67bf1-6c843888 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_7b888705-eb92-64ca-e9b7-ab498ff67bf4-6c843888 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453872-f884389f {
  grid-area: 5 / 3 / 7 / 5;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453874-f884389f {
  grid-area: 3 / 3 / 5 / 5;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453876-f884389f {
  grid-area: 1 / 5 / 4 / 7;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453878-f884389f {
  grid-area: 4 / 5 / 7 / 7;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45387a-f884389f {
  grid-area: 1 / 3 / 3 / 5;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45387c-f884389f {
  grid-area: 4 / 1 / 7 / 3;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45387e-f884389f {
  grid-area: 1 / 1 / 4 / 3;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453882-f884389f {
  grid-area: 1 / 1 / 4 / 5;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453883-f884389f {
  grid-area: 1 / 5 / 4 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453884-f884389f {
  grid-area: 4 / 5 / 7 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453885-f884389f {
  grid-area: 4 / 1 / 7 / 5;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453888-f884389f {
  grid-area: 1 / 1 / 3 / 5;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453889-f884389f {
  grid-area: 3 / 1 / 7 / 6;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45388a-f884389f {
  grid-area: 1 / 5 / 3 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45388b-f884389f {
  grid-area: 5 / 6 / 7 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45388c-f884389f {
  grid-area: 3 / 6 / 5 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c45388f-f884389f {
  grid-area: 4 / 1 / 7 / 6;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453890-f884389f {
  grid-area: 1 / 1 / 4 / 6;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453891-f884389f {
  grid-area: 3 / 6 / 5 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453892-f884389f {
  grid-area: 1 / 6 / 3 / 9;
}

#w-node-_74f17779-2bfe-a73c-1720-0bb27c453893-f884389f {
  grid-area: 5 / 6 / 7 / 9;
}

#w-node-_82ba884f-3bb3-6eef-5f1f-ada2a2dc5e9a-218438a2 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-de442bda-8c2d-d147-90d5-32c027df0e96-218438a2 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_2460fdd0-2df9-7399-9e16-833394686ae8-218438a2 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-abfc1d0e-8d71-c307-7bd1-d6a5ad15cbe8-a68438b2, #w-node-_13846b11-9b05-9d21-2770-da41b65c2fe8-a68438b2, #w-node-b1ca23e7-7481-0572-e2b7-743844c5d48d-a68438b2, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae91-a68438b2, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae98-a68438b2, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae9f-a68438b2, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7da3-a68438b2, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7daa-a68438b2, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7db1-a68438b2 {
  justify-self: start;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c2-e88438b4 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c4-e88438b4 {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c6-e88438b4 {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c8-e88438b4 {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812ca-e88438b4 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_40d77001-b639-e1e9-5dbd-49f55d2ba91d-e88438b4 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_2a3068c8-30df-7a04-3330-4f08867d89c5-e88438b4 {
  grid-area: 1 / 1 / 4 / 4;
}

#w-node-_2a3068c8-30df-7a04-3330-4f08867d89c7-e88438b4 {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_2a3068c8-30df-7a04-3330-4f08867d89c9-e88438b4 {
  grid-area: 1 / 4 / 7 / 7;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059af-e88438b4 {
  grid-area: 5 / 3 / 7 / 5;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b1-e88438b4 {
  grid-area: 3 / 3 / 5 / 5;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b3-e88438b4 {
  grid-area: 1 / 5 / 4 / 7;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b5-e88438b4 {
  grid-area: 4 / 5 / 7 / 7;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b7-e88438b4 {
  grid-area: 1 / 3 / 3 / 5;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b9-e88438b4 {
  grid-area: 4 / 1 / 7 / 3;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059bb-e88438b4 {
  grid-area: 1 / 1 / 4 / 3;
}

#w-node-_0e3982fe-20a4-c86f-5e4b-266243550ccc-e88438b4 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-e88438b4 {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-e88438b4 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cef-e88438b4 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-e88438b4 {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-e88438b4 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cfa-e88438b4 {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c2-4c8438dc {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c4-4c8438dc {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c6-4c8438dc {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812c8-4c8438dc {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_0d42488d-a9fe-7ae4-2757-5943041812ca-4c8438dc {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_40d77001-b639-e1e9-5dbd-49f55d2ba91d-4c8438dc {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_2a3068c8-30df-7a04-3330-4f08867d89c5-4c8438dc {
  grid-area: 1 / 1 / 4 / 4;
}

#w-node-_2a3068c8-30df-7a04-3330-4f08867d89c7-4c8438dc {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_2a3068c8-30df-7a04-3330-4f08867d89c9-4c8438dc {
  grid-area: 1 / 4 / 7 / 7;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059af-4c8438dc {
  grid-area: 5 / 3 / 7 / 5;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b1-4c8438dc {
  grid-area: 3 / 3 / 5 / 5;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b3-4c8438dc {
  grid-area: 1 / 5 / 4 / 7;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b5-4c8438dc {
  grid-area: 4 / 5 / 7 / 7;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b7-4c8438dc {
  grid-area: 1 / 3 / 3 / 5;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b9-4c8438dc {
  grid-area: 4 / 1 / 7 / 3;
}

#w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059bb-4c8438dc {
  grid-area: 1 / 1 / 4 / 3;
}

#w-node-_0e3982fe-20a4-c86f-5e4b-266243550ccc-4c8438dc {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-4c8438dc {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-4c8438dc {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cef-4c8438dc {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-4c8438dc {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-4c8438dc {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_5be1dab4-27b2-57ab-895d-744f7a584cfa-4c8438dc {
  grid-area: 2 / 4 / 3 / 5;
  align-self: end;
}

#w-node-_348ae5b1-83a9-22fc-8443-ba70f5f05101-4c8438dc {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb92-988438de {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb94-988438de {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb96-988438de {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb98-988438de {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb9a-988438de {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_1a10b2b6-a695-2ac8-9b2d-f2e17b2d113a-ca8438e4 {
  grid-area: 1 / 3 / 6 / 5;
}

#w-node-e0e76a08-e70b-5fb4-8d08-dc45a519a39f-ca8438e4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-af4acc0f-9d13-16af-b0d1-fd512baa2653-ca8438e4 {
  grid-area: 1 / 2 / 6 / 3;
  align-self: end;
}

#w-node-d1973ab0-353e-60f8-8eba-90e0c872a40d-ca8438e4 {
  grid-area: 1 / 3 / 6 / 5;
}

#w-node-d1973ab0-353e-60f8-8eba-90e0c872a40e-ca8438e4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d1973ab0-353e-60f8-8eba-90e0c872a421-ca8438e4 {
  grid-area: 1 / 2 / 6 / 3;
  align-self: end;
}

#w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed02-ca8438e4 {
  grid-area: 1 / 3 / 6 / 5;
}

#w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed03-ca8438e4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed16-ca8438e4 {
  grid-area: 1 / 2 / 6 / 3;
  align-self: end;
}

#w-node-bd8e68b8-096e-7a7c-0d6d-c2092304ed94-ca8438e4 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-bd8e68b8-096e-7a7c-0d6d-c2092304ed9c-ca8438e4 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae4-758438e7 {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae5-758438e7 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae7-758438e7 {
  grid-area: 5 / 4 / 6 / 5;
  align-self: end;
}

#w-node-_8640b73d-adec-9f76-1d60-4207b5aac830-758438e7 {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-_8640b73d-adec-9f76-1d60-4207b5aac831-758438e7 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-_8640b73d-adec-9f76-1d60-4207b5aac833-758438e7 {
  grid-area: 5 / 4 / 6 / 5;
  align-self: end;
}

#w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cb-758438e7 {
  grid-area: 1 / 1 / 6 / 4;
}

#w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cc-758438e7 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: start;
}

#w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155ce-758438e7 {
  grid-area: 5 / 4 / 6 / 5;
  align-self: end;
}

#w-node-_29ae85a3-3a3f-9c60-5ea6-0b21f0ab9fbf-758438e7 {
  grid-area: 1 / 1 / 3 / 2;
  place-self: center;
}

#w-node-_29ae85a3-3a3f-9c60-5ea6-0b21f0ab9fc9-758438e7 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-abfc1d0e-8d71-c307-7bd1-d6a5ad15cbe8-d58438e9, #w-node-_13846b11-9b05-9d21-2770-da41b65c2fe8-d58438e9, #w-node-b1ca23e7-7481-0572-e2b7-743844c5d48d-d58438e9, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae91-d58438e9, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae98-d58438e9, #w-node-_15ac9fac-bcd9-5795-042d-60481660ae9f-d58438e9, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7da3-d58438e9, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7daa-d58438e9, #w-node-c7bb94da-390d-e1b4-30b9-c75295cc7db1-d58438e9 {
  justify-self: start;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c10-7a8438ea {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c12-7a8438ea {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c14-7a8438ea {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c16-7a8438ea {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c18-7a8438ea, #w-node-f417262b-bed4-78b4-3695-acb7ea99fbd8-7a8438ea {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-f417262b-bed4-78b4-3695-acb7ea99fbf4-7a8438ea, #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c10-928438eb {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c12-928438eb {
  grid-area: 1 / 1 / 4 / 7;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c14-928438eb {
  grid-area: 4 / 1 / 7 / 4;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c16-928438eb {
  grid-area: 4 / 4 / 7 / 7;
}

#w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c18-928438eb, #w-node-f417262b-bed4-78b4-3695-acb7ea99fbd8-928438eb {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-f417262b-bed4-78b4-3695-acb7ea99fbf4-928438eb {
  grid-area: 1 / 2 / 3 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96a-df84385c {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96b-df84385c {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96d-df84385c {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf975-df84385c {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf976-df84385c {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf978-df84385c {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c53-df84385c {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c54-df84385c {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c57-df84385c {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-d8843861 {
    grid-area: 1 / 7 / 2 / 13;
  }

  #w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-d8843861 {
    grid-area: 2 / 7 / 4 / 13;
    place-self: center start;
  }

  #w-node-_317fe110-2ad5-5ea1-f6dc-7ed8ffe74ff2-d8843861 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-d8843861 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-d8843861 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee14-d8843861 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-d8843861 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-d8843861 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-c9843862 {
    grid-area: 1 / 7 / 2 / 13;
  }

  #w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-c9843862 {
    grid-area: 2 / 7 / 4 / 13;
    place-self: center start;
  }

  #w-node-_317fe110-2ad5-5ea1-f6dc-7ed8ffe74ff2-c9843862 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-c9843862 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-c9843862 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee14-c9843862 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-c9843862 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-c9843862 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-adef9ba7-92f9-598a-7885-da855088a352-c3843882 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-adef9ba7-92f9-598a-7885-da855088a35d-c3843882 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-e88438b4 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-e88438b4 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cef-e88438b4 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-e88438b4 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-e88438b4 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cfa-e88438b4 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-4c8438dc {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-4c8438dc {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cef-4c8438dc {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-4c8438dc {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-4c8438dc {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cfa-4c8438dc {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_348ae5b1-83a9-22fc-8443-ba70f5f05101-4c8438dc {
    grid-area: 1 / 1 / 2 / 3;
    align-self: end;
  }

  #w-node-_1a10b2b6-a695-2ac8-9b2d-f2e17b2d113a-ca8438e4 {
    grid-area: 1 / 3 / 4 / 5;
  }

  #w-node-e0e76a08-e70b-5fb4-8d08-dc45a519a39f-ca8438e4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-af4acc0f-9d13-16af-b0d1-fd512baa2653-ca8438e4 {
    grid-area: 4 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-d1973ab0-353e-60f8-8eba-90e0c872a40d-ca8438e4 {
    grid-area: 1 / 3 / 4 / 5;
  }

  #w-node-d1973ab0-353e-60f8-8eba-90e0c872a40e-ca8438e4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-d1973ab0-353e-60f8-8eba-90e0c872a421-ca8438e4 {
    grid-area: 4 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed02-ca8438e4 {
    grid-area: 1 / 3 / 4 / 5;
  }

  #w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed03-ca8438e4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed16-ca8438e4 {
    grid-area: 4 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae4-758438e7 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae5-758438e7 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae7-758438e7 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac830-758438e7 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac831-758438e7 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac833-758438e7 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cb-758438e7 {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cc-758438e7 {
    grid-area: 1 / 3 / 5 / 5;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155ce-758438e7 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2460fdd0-2df9-7399-9e16-833394686ae8-2d8437f5 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb94-e384385a {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb96-e384385a {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb98-e384385a {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb9a-e384385a {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_5f91c9d3-41dd-c706-0173-3606730f9c82-df84385c {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96a-df84385c {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96b-df84385c {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96d-df84385c {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf975-df84385c {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf976-df84385c {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf978-df84385c {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c53-df84385c {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c54-df84385c {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c57-df84385c {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-d8843861 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-d8843861 {
    grid-area: 2 / 1 / 4 / 13;
    place-self: center start;
  }

  #w-node-_18225b88-c3af-8425-ed6c-f0314b7ac53c-d8843861 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-e50bc9dc-8f28-7e99-44a3-ba45f167d6cf-d8843861 {
    grid-area: 4 / 7 / 5 / 13;
  }

  #w-node-dd01037f-585b-39c8-739a-f146994ce122-d8843861 {
    grid-area: 5 / 7 / 6 / 13;
  }

  #w-node-d277659a-7434-05f9-d331-2faa447b9a03-d8843861 {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_94d37f9f-fbb5-6de7-5070-977b42de3527-d8843861 {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-_402f9574-9ac5-c3be-a4b8-43f009331fcf-d8843861 {
    grid-area: 6 / 7 / 7 / 13;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-d8843861 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-d8843861 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-d8843861 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-d8843861 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-c9843862 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-c9843862 {
    grid-area: 2 / 1 / 4 / 13;
    place-self: center start;
  }

  #w-node-_18225b88-c3af-8425-ed6c-f0314b7ac53c-c9843862 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-e50bc9dc-8f28-7e99-44a3-ba45f167d6cf-c9843862 {
    grid-area: 4 / 7 / 5 / 13;
  }

  #w-node-dd01037f-585b-39c8-739a-f146994ce122-c9843862 {
    grid-area: 5 / 7 / 6 / 13;
  }

  #w-node-d277659a-7434-05f9-d331-2faa447b9a03-c9843862 {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_94d37f9f-fbb5-6de7-5070-977b42de3527-c9843862 {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-_402f9574-9ac5-c3be-a4b8-43f009331fcf-c9843862 {
    grid-area: 6 / 7 / 7 / 13;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-c9843862 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-c9843862 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-c9843862 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-c9843862 {
    grid-area: 5 / 3 / 6 / 5;
    align-self: end;
  }

  #w-node-_68a52239-43a3-439b-abde-dbeb791fe280-31843865, #w-node-_68a52239-43a3-439b-abde-dbeb791fe280-6784387d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c7713-ca84387f {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c7717-ca84387f {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c7719-ca84387f {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_9d1e8957-0f63-c8d6-3daa-6961ba3c771b-ca84387f {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_6684fbb4-b616-bad5-ec5d-87832a209479-ca84387f, #w-node-cfb3b0d2-9cdc-4101-b4ad-16fe2c7d34b8-ca84387f, #w-node-_4655da59-de42-8494-2a80-7020f2c0787a-ca84387f {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-bfcf9544-b8df-361a-9af0-e45d3aec1eb4-85843881 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-bfcf9544-b8df-361a-9af0-e45d3aec1ebf-85843881 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-adef9ba7-92f9-598a-7885-da855088a352-c3843882 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-adef9ba7-92f9-598a-7885-da855088a35d-c3843882, #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a08-6c843888 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a13-6c843888, #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a79-6c843888 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67a86-6c843888 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b53-6c843888 {
    grid-row-start: 2;
    grid-column-end: 3;
  }

  #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b7e-6c843888, #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67b8f-6c843888, #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67bf1-6c843888 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_7b888705-eb92-64ca-e9b7-ab498ff67bf4-6c843888 {
    grid-area: 1 / 1 / -1 / 4;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453874-f884389f {
    grid-area: 3 / 1 / 5 / 5;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45387a-f884389f {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45387c-f884389f {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45387e-f884389f {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453882-f884389f {
    grid-area: 1 / 1 / 4 / 5;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453883-f884389f {
    grid-row-end: 4;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453884-f884389f {
    grid-area: 4 / 5 / 7 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453885-f884389f {
    grid-area: 4 / 1 / 7 / 5;
  }

  #w-node-_2460fdd0-2df9-7399-9e16-833394686ae8-218438a2 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812c4-e88438b4 {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812c6-e88438b4 {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812c8-e88438b4 {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812ca-e88438b4 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_40d77001-b639-e1e9-5dbd-49f55d2ba91d-e88438b4 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_2a3068c8-30df-7a04-3330-4f08867d89c5-e88438b4 {
    grid-area: 1 / 1 / 3 / 7;
  }

  #w-node-_2a3068c8-30df-7a04-3330-4f08867d89c7-e88438b4 {
    grid-area: 3 / 1 / 5 / 7;
  }

  #w-node-_2a3068c8-30df-7a04-3330-4f08867d89c9-e88438b4 {
    grid-area: 5 / 1 / 7 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b1-e88438b4 {
    grid-area: 3 / 1 / 5 / 5;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b7-e88438b4 {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b9-e88438b4 {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059bb-e88438b4 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_0e3982fe-20a4-c86f-5e4b-266243550ccc-e88438b4 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-e88438b4 {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-e88438b4 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cef-e88438b4 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-e88438b4 {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-e88438b4 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cfa-e88438b4 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812c4-4c8438dc {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812c6-4c8438dc {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812c8-4c8438dc {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_0d42488d-a9fe-7ae4-2757-5943041812ca-4c8438dc {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_40d77001-b639-e1e9-5dbd-49f55d2ba91d-4c8438dc {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_2a3068c8-30df-7a04-3330-4f08867d89c5-4c8438dc {
    grid-area: 1 / 1 / 3 / 7;
  }

  #w-node-_2a3068c8-30df-7a04-3330-4f08867d89c7-4c8438dc {
    grid-area: 3 / 1 / 5 / 7;
  }

  #w-node-_2a3068c8-30df-7a04-3330-4f08867d89c9-4c8438dc {
    grid-area: 5 / 1 / 7 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b1-4c8438dc {
    grid-area: 3 / 1 / 5 / 5;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b7-4c8438dc {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b9-4c8438dc {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059bb-4c8438dc {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_0e3982fe-20a4-c86f-5e4b-266243550ccc-4c8438dc {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-4c8438dc {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-4c8438dc {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cef-4c8438dc {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-4c8438dc {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-4c8438dc {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cfa-4c8438dc {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_348ae5b1-83a9-22fc-8443-ba70f5f05101-4c8438dc {
    grid-area: 1 / 1 / 2 / 5;
    align-self: end;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb94-988438de {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb96-988438de {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb98-988438de {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_1a81313e-894a-03b6-6c5c-bd602d7eeb9a-988438de {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_1a10b2b6-a695-2ac8-9b2d-f2e17b2d113a-ca8438e4 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-e0e76a08-e70b-5fb4-8d08-dc45a519a39f-ca8438e4 {
    grid-area: 3 / 1 / 5 / 5;
  }

  #w-node-af4acc0f-9d13-16af-b0d1-fd512baa2653-ca8438e4 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-d1973ab0-353e-60f8-8eba-90e0c872a40d-ca8438e4 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-d1973ab0-353e-60f8-8eba-90e0c872a40e-ca8438e4 {
    grid-area: 3 / 1 / 5 / 5;
  }

  #w-node-d1973ab0-353e-60f8-8eba-90e0c872a421-ca8438e4 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed02-ca8438e4 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed03-ca8438e4 {
    grid-area: 3 / 1 / 5 / 5;
  }

  #w-node-_4d243c9c-7fbc-366b-1bf3-32f34ae7ed16-ca8438e4 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-bd8e68b8-096e-7a7c-0d6d-c2092304ed94-ca8438e4 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-bd8e68b8-096e-7a7c-0d6d-c2092304ed9c-ca8438e4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae4-758438e7 {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae5-758438e7 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae7-758438e7 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac830-758438e7 {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac831-758438e7 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac833-758438e7 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cb-758438e7 {
    grid-area: 1 / 1 / 5 / 3;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cc-758438e7 {
    grid-area: 1 / 3 / 5 / 5;
    align-self: start;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155ce-758438e7 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_29ae85a3-3a3f-9c60-5ea6-0b21f0ab9fbf-758438e7 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c12-7a8438ea {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c14-7a8438ea {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c16-7a8438ea {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c18-7a8438ea {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c12-928438eb {
    grid-area: 1 / 1 / 4 / 7;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c14-928438eb {
    grid-area: 4 / 1 / 7 / 4;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c16-928438eb {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-_4d645ed1-cbd1-69cc-c937-5498c7562c18-928438eb {
    grid-area: 1 / 1 / 3 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96a-df84385c {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf96b-df84385c {
    grid-area: 3 / 1 / 5 / 4;
    align-self: start;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf975-df84385c {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-be03a422-6521-f7a9-d7f1-91dca77cf976-df84385c {
    grid-area: 3 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c53-df84385c {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_120d0195-f201-c4c5-5563-e09eae6b8c54-df84385c {
    grid-area: 3 / 1 / 5 / 4;
    align-self: start;
  }

  #w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-d8843861 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-d8843861 {
    grid-area: 2 / 1 / 4 / 7;
    place-self: center start;
  }

  #w-node-_402f9574-9ac5-c3be-a4b8-43f009331fcf-d8843861 {
    grid-row-end: 7;
  }

  #w-node-_317fe110-2ad5-5ea1-f6dc-7ed8ffe74ff2-d8843861 {
    grid-area: 1 / 1 / 4 / 5;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-d8843861 {
    grid-area: 4 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-d8843861 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee14-d8843861 {
    grid-area: 1 / 1 / 4 / 5;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-d8843861 {
    grid-area: 4 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-d8843861 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-d0ccd55a-6cd7-396c-8486-de2cbed47d5c-c9843862 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-eea11fa2-7705-c0e2-f50f-8e708c529c46-c9843862 {
    grid-area: 2 / 1 / 4 / 7;
    place-self: center start;
  }

  #w-node-_402f9574-9ac5-c3be-a4b8-43f009331fcf-c9843862 {
    grid-row-end: 7;
  }

  #w-node-_317fe110-2ad5-5ea1-f6dc-7ed8ffe74ff2-c9843862 {
    grid-area: 1 / 1 / 4 / 5;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7640-c9843862 {
    grid-area: 4 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-a7a0ee2d-40b7-af03-6880-10544f9a7642-c9843862 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee14-c9843862 {
    grid-area: 1 / 1 / 4 / 5;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee16-c9843862 {
    grid-area: 4 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-_03aeb39d-e9c5-7fd4-6e3b-a7555bc8ee20-c9843862 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453872-f884389f {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453874-f884389f {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453876-f884389f {
    grid-area: 4 / 4 / 5 / 7;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453878-f884389f {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45387a-f884389f {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45387c-f884389f {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45387e-f884389f {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453882-f884389f {
    grid-area: 1 / 1 / 3 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453883-f884389f {
    grid-area: 3 / 1 / 4 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453884-f884389f {
    grid-area: 6 / 1 / 7 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453885-f884389f {
    grid-area: 4 / 1 / 6 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453888-f884389f {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453889-f884389f {
    grid-area: 3 / 1 / 5 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45388a-f884389f {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45388b-f884389f {
    grid-area: 6 / 1 / 7 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c45388c-f884389f, #w-node-_74f17779-2bfe-a73c-1720-0bb27c45388f-f884389f {
    grid-area: 5 / 1 / 6 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453890-f884389f {
    grid-area: 1 / 1 / 3 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453891-f884389f {
    grid-area: 4 / 1 / 5 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453892-f884389f {
    grid-area: 3 / 1 / 4 / 9;
  }

  #w-node-_74f17779-2bfe-a73c-1720-0bb27c453893-f884389f {
    grid-area: 6 / 1 / 7 / 9;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059af-e88438b4 {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b1-e88438b4 {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b3-e88438b4 {
    grid-area: 4 / 4 / 5 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b5-e88438b4 {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b7-e88438b4 {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b9-e88438b4 {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059bb-e88438b4 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-e88438b4 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-e88438b4 {
    grid-area: 3 / 1 / 5 / 4;
    align-self: start;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-e88438b4 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-e88438b4 {
    grid-area: 3 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059af-4c8438dc {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b1-4c8438dc {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b3-4c8438dc {
    grid-area: 4 / 4 / 5 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b5-4c8438dc {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b7-4c8438dc {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059b9-4c8438dc {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_47cf1fcb-29e7-3b7b-f3f2-146bb44059bb-4c8438dc {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cec-4c8438dc {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584ced-4c8438dc {
    grid-area: 3 / 1 / 5 / 4;
    align-self: start;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf7-4c8438dc {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-_5be1dab4-27b2-57ab-895d-744f7a584cf8-4c8438dc {
    grid-area: 3 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae4-758438e7 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-_6c4b31df-ac86-5105-10cd-006c8bfc3ae5-758438e7 {
    grid-area: 3 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac830-758438e7 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-_8640b73d-adec-9f76-1d60-4207b5aac831-758438e7 {
    grid-area: 3 / 1 / 5 / 5;
    align-self: start;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cb-758438e7 {
    grid-area: 1 / 1 / 3 / 5;
  }

  #w-node-ee8da7b2-b8fe-bac8-2ca3-3acfcbe155cc-758438e7 {
    grid-area: 3 / 1 / 5 / 5;
    align-self: start;
  }
}


@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-web.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-light-oblique-web.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-regular-oblique-web.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-medium-web.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-bold-web.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-light-web.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GT Walsheim';
  src: url('../fonts/gt-walsheim-bold-oblique-web.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-BookItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/CircularStd-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gt walsheim web';
  src: url('../fonts/gt-walsheim-bold-oblique-web.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}