@font-face {
    font-family: 'clash-medium';
    src: url('../type/clash-medium.woff2') format('woff2'),
         url('../type/clash-medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'clash-medium';
    src: url('../type/clash-semibold.woff2') format('woff2'),
         url('../type/clash-semibold.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'satoshi';
    src: url('../type/satoshi-regular.woff2') format('woff2'),
         url('../type/satoshi-regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

/* Add your styles here */
.cookie-consent-popup {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    background-color: color(srgb 1 1 1 / 0.85);
    text-align: center;
    z-index: 999999 !important;
    max-width: 500px;
}

.cookie-consent-popup a { 
  color: #30255A
}

.cookie-consent-popup p {
    margin: 0;
    display: inline;
    font-size: 14px;
}

.cookie-consent-popup button {
    margin: 2px 0 2px 8px;
    padding: 8px 15px 10px;
    background-color: #464646;
    color: #fff;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
}


::-moz-selection { /* Code for Firefox */
  color: #F2EDE2;
  background: #7F317D;
}

::selection {
  color: #F2EDE2;
  background: #7F317D;
}

button:focus {
    outline: none !important;
}

*,
*:before,
*:after { box-sizing: inherit; }

.clearfix {content:" ";display:table}

html { -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent; box-sizing: border-box; }
body { margin:0; padding: 0; }

body, html { 
  font-family: "satoshi", "Helvetica Neue", Arial, sans-serif; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  color: #464646;
  background-color: #f8f6f0;
}

a { 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; 
  text-decoration: none;
  color: #827143;
  font-weight: bold;
}

a:hover { color: #827143 }
  
h1, h2, h3, h4, h5, p { padding: 0; margin: 0; }

p, ul li { font-size: 17px; line-height: 25px; color: #4F575F; }

p { font-size: 17px; line-height: 25px; color: #464646; font-family: "satoshi", "Helvetica Neue", Arial, sans-serif; font-weight: 400; }

h1 { font-size: 74px; line-height: 72px;  color: #F2ECE2; font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: 400; letter-spacing: .8px; }
h2, h1.seo { font-size: 42px; line-height: 50px; color: #827143; font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: 400; letter-spacing: .5px; }
h3, .bigtit { font-size: 24px; line-height: 28px; color: #827143;  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;  }
h4, .microtitle, .minit { font-size: 12px; line-height: 15px; color: #5D5D5D; font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: bold; letter-spacing: 2.3px; text-transform: uppercase; font-weight: bold; }

.flexy {
display: flex;
align-items: center;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.flexy {
  display: flex;
  flex: 1;
  align-items: center;
}

#poi {
  margin-bottom: 95px
}

#poi ul.legenda {
  list-style-type: none;
  padding: 0; 
  position: absolute;
  text-align: center;
  margin: -100px 0 0 8px;
}

#poi ul.legenda li {
  font-size: 8.5px;
  line-height: 12px; 
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 3px 7px;
  margin: 4px;
}

ul.legenda {
  display: inline-block;
  list-style-type: none;
  padding: 0; 
  position: absolute;
  text-align: center;
  margin: -45px 0 0 8px;
}

ul.legenda li {
  font-size: 9px;
  line-height: 12px; 
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 2px;
}

li.terraco {
  background: #C49B41;
  color: #000;
}

li.patio {
  background: #F7D98F;
  color: #000;
}

li.comum {
  background: #1AA4B3;
  color: #fff;
}

li.jardim {
  background: #F5E5C3;
  color: #000;
}

.contact-space {
  margin-top: 45px;
}

.contact-space h1 {
  font-size: 24px;
  line-height: 28px;
  color: #827143;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 32px;
}

.equipa-comercial {
  background: #EBE6DB;
  padding: 120px 0;
  text-align: center;
}

.equipa-comercial h3 {
  padding-bottom: 32px
}

.equipa-comercial h4 {
  line-height: 24px;
  font-size: 12px;
}

.equipa-comercial a {
  color: #5D5D5D;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.equipa-comercial a:hover {
  color: #827143;
}

.video {
    position: relative;
    width: 100%;
    height: 100vh; /* Fullscreen height */
    overflow: hidden;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the entire hero section */
}

.video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     background-color: rgba(0, 0, 0, 0.3);  */
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}

.centered-svg svg {
    width: 400px;
    fill: color(srgb 0.961 0.941 0.894 / 1); 
}

.mixblend {
    mix-blend-mode: difference;
}

#navbar-temp {
  width: 100%; 
  height: 60px;
  position: fixed;
  top: 0;
  background: #F2EDE2;
  z-index: 99;
  border-bottom: 0.4px solid color(srgb 0.365 0.365 0.365 / 0.5);
}

#navbar-temp img {
  max-width: 136px;
  margin: 0 auto;
  padding-top: 10px
}

#intro .background {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

#hero {
  position: relative;
}

.background-container {
  background-size: cover;
}

.scrolly,
.scroll {
    position: absolute;
   bottom: 25px;
   left: 50%;
   transform: translateX(-50%);
    width: 100%
}

.scrolly:hover,
.scroll:hover {
  cursor: pointer;
}

.scrolly img,
.scroll img {
  margin: 0 auto;
  animation: bounceAnimation 2s infinite;
}



@keyframes bounceAnimation {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.overlay {
    width: 100%;
    height: 100vh;
    background: color(srgb 0 0 0 / 0.4);
}

.overlay h1 {
  padding-top: 60px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lazyload,
 .lazyloading {
   opacity: 0;
 }

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

/* .disclaimer {
  margin-top: 32px;
} */

.disclaimer p,
p.disclaimer {
  font-size: 12px;
  line-height: 18px;
}

.disclaimer p a {
  text-decoration: underline;
}

#intro,
.intro {
  padding: 95px 0;
  text-align: center;
}

.formz {
  padding: 140px 0;
}

/* #intro h2,
.intro h2,
.intro h1.seo {
  padding: 10px 0 32px;
} */

.intro.one {
  padding: 95px 0;
}

.intro.one h1 {
  padding-bottom: 32px;
}

.intro.three h2 {
  padding: 32px 0;
}

.intro h3 {
  padding-bottom: 32px;
}

.intro button,
.intro .btn {
  margin-top: 40px;
}

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

.form-titles h3 {
  padding-bottom: 32px;
}

#schema {
  padding: 0px 0 100px;
}

#schema img {
  width: 100%;
  height: auto;
}

#two-galleries-B,
.two-galleries-B {
 margin-bottom: 60px; 
}


#apartments-video {
    position: relative;
    width: 100%;
    height: 670px;
    overflow: hidden;
    margin-bottom: 80px;
}

#apartments-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

#apartments-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: color(srgb 0 0 0 / 0.2);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#apartments-video .overlay:hover {
    background: color(srgb 0 0 0 / 0.35);
}

#apartments-video .overlay h4 {
  color: #F2ECE2;
  text-align: center;
  padding-bottom: 10px; 
}

#apartments-video .overlay img {
  width: 67px;
  transition: opacity 150ms ease-in-out;
}

/* #playvideo {
  width: 100%;
}

#playvideo .wrap {
  position: relative;
}

#playvideo .wrap a:hover {
  opacity: .8;
}

#playvideo .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#playvideo .content h4 {
  margin: 0;
  color: #F2ECE2;
  padding-bottom: 10px;
} */




span.dot {
  padding: 0 14px;
}



#typology {
/*   background-color: #E6E2D7; */
  background-color: #ede9e0;
  text-align: center;
/*   margin: 80px 0; */
  padding: 90px 0 85px;
}

#typology .btn {
  margin-top: 40px
}

#typology h3 {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 42px;
}

#typology p {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5D5D5D;
  font-size: 12px;
  line-height: 33px;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
}

#two-galleries-B .second,
.two-galleries-B .second {
  margin-top: -400px;
}


#two-galleries .first {
  z-index: 100;
  position: relative;
  margin-left: 30px;
}

#two-galleries .second {
  margin-top: -400px;
  z-index: 50;
}

#poi h3 {
  padding: 20px 0 30px
}

#poi ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

#poi ul li {
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  color: #5D5D5D;
  letter-spacing: 2.5px;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
  padding-bottom: 15px;
}

li.leaf::before {
  background-image: url(../img/icons/leaf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  content: "";
  width: 9px;
  height: 15px;
  margin-right: 18px;
  margin-bottom: -4px;
}

li.check::before {
background-image: url(../img/icons/check.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 11px;
height: 9.7px;
margin-right: 12px;
}

li.marina::before {
background-image: url(../img/icons/marina.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.palacio::before {
background-image: url(../img/icons/palacio.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 15px;
margin-right: 16px;
}

li.ribeira::before {
background-image: url(../img/icons/ribeira.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.caves::before {
background-image: url(../img/icons/caves.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.mercado::before {
background-image: url(../img/icons/mercado.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.centro::before {
background-image: url(../img/icons/centro.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.casa::before {
background-image: url(../img/icons/casa.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.auto::before {
background-image: url(../img/icons/auto.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.comboio::before {
background-image: url(../img/icons/comboio.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

li.aeroporto::before {
background-image: url(../img/icons/aeroporto.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
content: "";
width: 20px;
height: 14px;
margin-right: 16px;
}

/* #home-slider { margin-top: 95px; } */

#home-aurios .one {
  margin-top: -570px;
}

#featured { 
/*   background: #E6E2D7; */
  background-color: #ede9e0;
  padding: 80px 0 105px;
  text-align: center;
/*   margin: 80px 0; */
}

#featured h3,
#featured .featured-title {
  margin-bottom: 60px;
  font-size: 16px;
}

.featured-title {
 font-size: 24px; line-height: 28px; color: #827143;  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; 
  
}

#featured .lista {
  display: flex;
  justify-content: center; /* Center the images horizontally */
  gap: 60px;
}

#featured .lista img {
  /* Assuming you want to maintain aspect ratio, add this: */
  width: auto;
  height: auto; 
  min-height: 28px;
/*   object-fit: cover; */
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#featured .lista img:hover {
  opacity: .8;
}

.slider-one .previous:hover,
.slider-two .previous:hover,
.xxl-carousel .previous:hover,
.slider-amenities .previous:hover { cursor: url("data:image/svg+xml,%3Csvg width='21' height='38' viewBox='0 0 21 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7815 36.5627L2.00008 18.7812L19.7815 0.999796' stroke='%23F2ECE2' stroke-width='2'/%3E%3C/svg%3E%0A"), auto; }


.slider-one .next:hover,
.slider-two .next:hover,
.xxl-carousel .next:hover,
.slider-amenities .next:hover { 
     cursor: url("data:image/svg+xml,%3Csvg width='21' height='38' viewBox='0 0 21 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(180, 10.5, 19)'%3E%3Cpath d='M19.7815 36.5627L2.00008 18.7812L19.7815 0.999796' stroke='%23F2ECE2' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"), auto; 
 }
 
 
 
.xxl-carousel img {
  width: 100%;
}

.xxl-carousel .desc {
  height: 100px;
  width: 200px;
  position: absolute;
  bottom: 0;
  text-align: center;
}

.xxl-carousel .desc {
    background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
}

.xxl-carousel .desc p {
  color: #fff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
  bottom: 25px;
  position: absolute;
  margin: 0 auto;
  width: 100%;
}

.carousel-cell {
  width: 100%; 
  height: auto; 
}

#amenities-gallery {
  margin: 80px 0;
}

.amenity {
  margin-right: 10px;
  padding: 0 20px;
  text-align: center;
}

.amenity img {
  padding-bottom: 30px;
  text-align: center;
  margin: 0 auto;
  max-height: 80px;
  max-width: 55px;
  position: relative;
  width: 100%;
  height: 90px;
  
}

.amenity .desc {
  position: relative;
  bottom: 10px;
  text-align: center;
}

.amenities-cell .desc {
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}


.slider-amenities {
  background: transparent;
}

.amenities-cell {
  width: 70%;
  height: 600px;
  /* flex-box, center image in cell */
  display: -webkit-box;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      justify-content: center;
  -webkit-align-items: center;
      align-items: center;
}

.amenities-cell img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  /* dim unselected */
  opacity: 0.7;
  -webkit-transform: scale(0.85);
      transform: scale(0.85);
/*   -webkit-filter: blur(5px);
      filter: blur(5px); */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
      transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}

/* brighten selected image */
.amenities-cell.is-selected img {
  opacity: 1;
  -webkit-transform: scale(1);
      transform: scale(1);
  -webkit-filter: none;
      filter: none;
}

@media screen and ( min-width: 768px ) {
  .amenities-cell {
  height: 600px;
  }
}

@media screen and ( min-width: 960px ) {
  .amenities-cell {
  width: 60%;
  }
}

.amenities-cell .desc {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 250px;
  height: 60px;
/*   background-color: color(srgb 0 0 1 / 0.2); */
}


.slider-amenities .desc p {
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
  bottom: 25px;
  position: absolute;
  margin: 0 auto;
  width: 100%;
}


@media only screen and (max-width:1470px) {
  .amenities-cell .desc { bottom: 30px; }
}

@media only screen and (max-width:1290px) {
  .amenities-cell .desc { bottom: 60px; }
}


@media only screen and (max-width:1200px) {
  .amenities-cell .desc { bottom: 80px; }
}

@media only screen and (max-width:1100px) {
  .amenities-cell .desc { bottom: 100px; }
}

@media only screen and (max-width:991px) {
  .amenities-cell .desc { bottom: 10px; }
}

@media only screen and (max-width:880px) {
  .amenities-cell .desc { bottom: 30px; }
}

@media only screen and (max-width:820px) {
  .amenities-cell .desc { bottom: 40px; }
}

@media only screen and (max-width:520px) {
  .amenities-cell .desc { bottom: 20px; }
}

@media only screen and (max-width:400px) {
  .amenities-cell .desc { bottom: 35px; }
}



/* buttons, no circle */
.flickity-prev-next-button {
  width: 60px;
  height: 60px;
  background: transparent;
  opacity: 0.6;
}
.flickity-prev-next-button:hover {
  background: transparent;
  opacity: 1;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}
/* closer to edge */
.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next { right: 0; }
/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: none;
}

#terms {
  padding: 140px 0 80px;
  text-align: center;
}

#terms h3 {
  padding-bottom: 62px;
}

#masterplan {
  padding: 140px 0 80px;
  text-align: center;
}

#masterplan h3 {
  font-size: 18px;
  line-height: 22px;
  color: #5D5D5D;
}

#masterplan h2,
#masterplan h1.seo {
  padding: 32px 0;
}

#masterplan p {
  padding-bottom: 80px;
}

.grid-item .side {
  display: flex;
  align-items: center;
}

#masterplan .first:after {
  content: "";
  position: absolute;
  width: .5px;
  height: 100%;
  background-color: #5D5D5D;
  right: 0;
  bottom: 30px;
  top: 0;
  transform: translateX(-50%);
}

#masterplan .first,
#masterplan .second {
  padding: 30px 0;
}

span.available {
    font-size: 8.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #A9C27F;
    color: #F2ECE2;
    padding: 7px 7px 6px;
    margin-left: 8px;
    font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
    font-weight: bold;
}

span.leased {
    font-size: 8.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #D7292E;
    color: #F2ECE2;
    padding: 7px 7px 6px;
    margin-left: 8px;
    font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
    font-weight: bold;
}

span.booked {
    font-size: 8.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #827143;
    color: #F2ECE2;
    padding: 7px 7px 6px;
    margin-left: 8px;
    font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
    font-weight: bold;
}

#links {
  margin: 80px 0 85px;
  text-align: center;
}

#links .btn-default {
  padding: 22px 24px 22px;
}

#links button {
  margin: 0 6px;
}

#links h4 {
  padding-bottom: 60px;
  color: #5D5D5D;
}

#links .first:after,
#links .second:after  {
  content: "";
  position: absolute;
  width: .5px;
  height: 100%;
  background-color: #5D5D5D;
  right: 0;
  bottom: 30px;
  top: 0;
  transform: translateX(-50%);
}

#links .first,
#links .second,
#links .third {
  padding: 30px 0;
}

#sustentabilidade {
  background-image: url('../img/sustentabilidade_bk.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; 
  padding: 120px 0;
}

#sustentabilidade p,
#sustentabilidade h3,
#sustentabilidade h4,
#sustentabilidade .minit,
#sustentabilidade .bigtit { color: #F2ECE2; }

#sustentabilidade h4, #sustentabilidade .minit { padding-bottom: 32px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
#sustentabilidade h3, #sustentabilidade .bigtit { padding-bottom: 32px; }
#sustentabilidade p { font-size: 15px; line-height: 26px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
   }

#sustentabilidade img { width: 110px; }
#sustentabilidade ul { padding: 0; margin-top: 20px; margin-bottom: 0; list-style: none; }
#sustentabilidade ul li { color: #fff; font-size: 11px; line-height: 30px; text-transform: uppercase; letter-spacing: 2.5px; font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: bold; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }

.style07 {
    border: 1px solid #f8f6f0;
    background: transparent;
    color: #f8f6f0 !important;
} 

.style07:hover {
  border: 1px solid #827143 !important;
  background: #827143 !important;
}

.moradias { margin-bottom: 120px; }
.moradias ul { padding: 0; margin-top: 20px; margin-bottom: 0; list-style: none; }
.moradias ul li { color: #5D5D5D; font-size: 11px; line-height: 30px; text-transform: uppercase; letter-spacing: 2.5px; font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; font-weight: bold; }
.moradias h4 { color: #827143; font-size: 16px; padding-top: 6px; }
.moradias button, .moradias .btn { margin-top: 40px }


#amenities { 
  background: #EBE6DB;
  padding: 120px 0;
  
  margin-top: -20px;
}

#amenities h3 {
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
color: #5D5D5D;
letter-spacing: 2.5px;
font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
font-weight: bold;
}

.container-amenities {
    display: flex;
    justify-content: space-between;
}

.filters .filter-title {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #9D9D9D;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 0 3px 0 7px;
}

.filters .margin {
  margin-right: 7px;
}

.filters {
    margin-bottom: 32px;
    text-align: center;
}

.availability-filters, .category-filters {
    margin: 10px;
    display: inline-block;
    
}

.filters button {
    padding: 13px 12px;
    margin: 1px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1.5px;
    font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
    font-weight: bold;
}

.filters button.active {
  background-color: #5D5D5D;
  color: #F2ECE2;
  border: 1px solid #5D5D5D;
}

.filters button:not(.active) {
    border: 1px solid #5D5D5D;
    color: #5D5D5D;
    background: #F2ECE2;
}

.filters button:not(.active):hover {
  background: #5D5D5D;
  color: #F2ECE2;
  border: 1px solid #5D5D5D;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; 
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.grid-item {
   width: 100%;
   border-top: #5D5D5D .5px solid;
   border-bottom: #5D5D5D .5px solid;
   margin-top: -.5px;
   padding: 22px 0;
}

.grid-item .btn {
  margin-right: 0;
  float: right;
}

.grid-item .row {
  display: flex;
   align-items: center;
   justify-content: center;
}

.grid-item h3,
.grid-item span.xxl {
  font-size: 16px;
  line-height: 18px;
  display: block;
  text-transform: uppercase;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
}

.grid-item span.xxl {
  color: #5D5D5D
}

.grid-item .s {
  font-size: 10px;
  line-height: 18px;
  display: block;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 5px;
  color: #5D5D5D
}

a.lel {
  color: #CAB9B1;
}

a.lel:hover {
  color: #827143;
}

footer {
/*   background: #333333; */
  background:  #464646;
  padding: 62px 0 64px;
  border-bottom: 2px solid #D7292E;
  position: relative;
}

footer p {
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #F2ECE2;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
}

footer .flexy {
  display: flex;
  align-items: center; /* Align items vertically in the center (optional) */
  gap: 30px; /* Add 20px space between items */
  justify-content: flex-start;
  text-align: center;
}

footer .flexy span {
  color: #C7C3BB;
  text-align: center;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 6px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
}

footer .flexy img {
  padding-top: 4px;
}

footer img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; 
 
/*   width: 85px;
  display: inline-block !important; */
  
  max-width: 105px !important;
  height: 90px !important;
  
}

footer img:hover {
  opacity: .8;
}

footer ul.links {
  padding: 0;
  margin: 36px 0 0;
  list-style: none;
}

footer ul.links li {
  text-align: center;
  color: #C7C3BB;
  font-family: "clash-medium", "Helvetica Neue", Arial, sans-serif; 
  font-weight: bold;
  font-size: 9px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

footer ul.links li a {
  color: #C7C3BB;
}

footer ul.links li a:hover {
  color: #D7292E
}

.social-media-list {
    list-style: none;
    padding: 0;
    margin-top: 35px;
    display: flex;
    gap: 7px;
    float: right;
}

.social-media-list li {
    display: inline-block;
}

.social-media-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #827143;
    border-radius: 50%;
    text-decoration: none;
    color: #F2ECE2;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
}

.social-media-list a:hover {
    background-color: #827143;
    color: #F2ECE2;
}


/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 1064px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}