/* pt-serif-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-serif-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-serif-v18-latin-regular.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-serif-v18-latin-regular.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-serif-v18-latin-regular.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-serif-v18-latin-regular.svg#PTSerif') format('svg');
  /* Legacy iOS */
}

/* pt-serif-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-italic.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-serif-v18-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-serif-v18-latin-italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-serif-v18-latin-italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-serif-v18-latin-italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-serif-v18-latin-italic.svg#PTSerif') format('svg');
  /* Legacy iOS */
}

/* pt-serif-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-serif-v18-latin-700.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-serif-v18-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-serif-v18-latin-700.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-serif-v18-latin-700.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-serif-v18-latin-700.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-serif-v18-latin-700.svg#PTSerif') format('svg');
  /* Legacy iOS */
}

/* pt-serif-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-serif-v18-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-serif-v18-latin-700italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-serif-v18-latin-700italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-serif-v18-latin-700italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-serif-v18-latin-700italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-serif-v18-latin-700italic.svg#PTSerif') format('svg');
  /* Legacy iOS */
}

/* pt-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg');
  /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;

  src: url('../fonts/pt-sans-v17-latin-italic.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-sans-v17-latin-italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-sans-v17-latin-italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg');
  /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-700.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-sans-v17-latin-700.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-sans-v17-latin-700.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg');
  /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/pt-sans-v17-latin-700italic.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg');
  /* Legacy iOS */
}

/* Brother1816-regular */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother1816';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Brother1816/07-Brother1816-Regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Brother1816/07-Brother1816-Regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/Brother1816/07-Brother1816-Regular.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/Brother1816/07-Brother1816-Regular.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/Brother1816/07-Brother1816-Regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother1816';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Brother1816/13-Brother1816-ExtraBold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Brother1816/13-Brother1816-ExtraBold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/Brother1816/13-Brother1816-ExtraBold.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/Brother1816/13-Brother1816-ExtraBold.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/Brother1816/13-Brother1816-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Brother1816';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Brother1816/03-Brother1816-Light.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Brother1816/03-Brother1816-Light.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/Brother1816/03-Brother1816-Light.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/Brother1816/03-Brother1816-Light.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/Brother1816/03-Brother1816-Light.ttf') format('truetype');
}

em {
  font-family: PT Sans, sans-serif;
}

.pt1 {
  padding-top: 1rem;
}

.pb1 {
  padding-bottom: 1rem;
}

.ModalNewSletter form p a {
  font-size: 1.1rem;
  color: #777776;
  text-transform: uppercase;
  font-weight: bold;
}

.ModalNewSletter form p {
  line-height: 1.46;
}

.page-legal-notice .Component__Title-Description.--Medium-Architecture h2,
.page-cookies-policy .Component__Title-Description.--Medium-Architecture h2,
.page-nota-legal-y-condiciones-de-uso .Component__Title-Description.--Medium-Architecture h2,
.page-politica-de-cookies .Component__Title-Description.--Medium-Architecture h2,
.page-impressum .Component__Title-Description.--Medium-Architecture h2,
.page-cookie-richtlinie .Component__Title-Description.--Medium-Architecture h2 {
  text-align: center;
  color: #777776;
  margin-top: 1.7vw;
  margin-bottom: 2%;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: PT Sans;
  font-weight: 400;
}

.page-legal-notice .Component__Title-Description.--Medium-Architecture h1,
.page-cookies-policy .Component__Title-Description.--Medium-Architecture h1,
.page-nota-legal-y-condiciones-de-uso .Component__Title-Description.--Medium-Architecture h1,
.page-politica-de-cookies .Component__Title-Description.--Medium-Architecture h1,
.page-impressum .Component__Title-Description.--Medium-Architecture h1,
.page-cookie-richtlinie .Component__Title-Description.--Medium-Architecture h1 {
  font-size: 2.7rem;
  color: #777776;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 1rem;
  font-family: PT serif;
  font-weight: 400;
}

.Component-Quote em {
  font-style: italic;
  display: block;
  color: #777776;
  line-height: 1.5;
  font-family: PT Sans, sans-serif;
  font-size: .8rem;
  margin-bottom: 2%;
  padding: 0 6%;
}

.Component__Title-Description.\--Medium-Architecture span.value-title {
  font-size: 1.4rem;
  font-family: "PT Serif";
}

.Arrow,
.Arrow:focus {
  outline: none
}

.Arrow.\--Small {
  width: 30px !important
}

.SliderBase {
  width: 100%
}

.SliderBase:not(.\--CarouselMode) .slick-arrow {
  position: absolute;
  top: 43%;
  z-index: 1
}

@media (max-width:680px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow {
    top: 41%
  }
}

@media (max-width:500px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow {
    top: 38%
  }
}

@media (max-width:430px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow {
    top: 40%
  }
}

.SliderBase:not(.\--CarouselMode) .slick-arrow.slick-prev {
  width: 50px;
  background-color: transparent;
  border: none;
  margin-left: 4%
}

@media (max-width:1400px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow.slick-prev {
    width: 40px
  }
}

@media (max-width:1040px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow.slick-prev {
    width: 30px;
    margin-left: 2%
  }
}

@media (max-width:430px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow.slick-prev {
    width: 20px;
    margin-left: 0
  }
}

.SliderBase:not(.\--CarouselMode) .slick-arrow.slick-next {
  right: 0;
  width: 50px;
  background-color: transparent;
  border: none;
  margin-right: 4%
}

@media (max-width:1400px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow.slick-next {
    width: 40px
  }
}

@media (max-width:1040px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow.slick-next {
    width: 30px;
    margin-right: 2%
  }
}

@media (max-width:430px) {
  .SliderBase:not(.\--CarouselMode) .slick-arrow.slick-next {
    width: 20px;
    margin-right: 0
  }
}

.SliderBase.\--CarouselMode .slick-arrow path {
  fill: #9c9c9c
}

.SliderBase.\--CarouselMode .slick-arrow {
  outline: none;
  position: absolute;
  top: 10%;
  z-index: 1
}

.SliderBase.\--CarouselMode .slick-arrow.slick-next,
.SliderBase.\--CarouselMode .slick-arrow.slick-prev {
  width: 50px
}

.SliderBase.\--CarouselMode .slick-arrow.slick-next:hover path,
.SliderBase.\--CarouselMode .slick-arrow.slick-prev:hover path {
  fill: rgba(255, 0, 157, .3411764705882353)
}

@media (max-width:1400px) {

  .SliderBase.\--CarouselMode .slick-arrow.slick-next,
  .SliderBase.\--CarouselMode .slick-arrow.slick-prev {
    width: 40px
  }
}

@media (max-width:1080px) {

  .SliderBase.\--CarouselMode .slick-arrow.slick-next,
  .SliderBase.\--CarouselMode .slick-arrow.slick-prev {
    width: 30px
  }
}

@media (max-width:430px) {

  .SliderBase.\--CarouselMode .slick-arrow.slick-next,
  .SliderBase.\--CarouselMode .slick-arrow.slick-prev {
    width: 20px
  }
}

.SliderBase.\--CarouselMode .slick-arrow.slick-prev {
  background-color: transparent;
  border: none;
  margin-left: -14vw
}

@media (max-width:1440px) {
  .SliderBase.\--CarouselMode .slick-arrow.slick-prev {
    margin-left: -7vw
  }
}

@media (max-width:1080px) {
  .SliderBase.\--CarouselMode .slick-arrow.slick-prev {
    margin-left: -2vw
  }
}

.SliderBase.\--CarouselMode .slick-arrow.slick-next {
  right: 0;
  background-color: transparent;
  border: none;
  outline: none;
  margin-right: -14vw
}

@media (max-width:1440px) {
  .SliderBase.\--CarouselMode .slick-arrow.slick-next {
    margin-right: -7vw
  }
}

@media (max-width:1080px) {
  .SliderBase.\--CarouselMode .slick-arrow.slick-next {
    margin-right: -2vw
  }
}

.WithCarouselPreview {
  padding: 0 20%;
  margin-top: .67vw;
  margin-bottom: 1.64vw
}

@media (max-width:1280px) {
  .WithCarouselPreview {
    padding: 0 15%
  }
}

@media (max-width:992px) {
  .WithCarouselPreview {
    padding: 0 10%
  }
}

@media (max-width:768px) {
  .WithCarouselPreview {
    padding: 0 5%
  }
}

@media (max-width:480px) {
  .WithCarouselPreview {
    padding: 0 3%
  }
}

.WithCarouselPreview .MiniPreview {
  height: 110px;
  overflow: hidden;
  cursor: pointer;
  transition: .1s
}

@media (max-width:992px) {
  .WithCarouselPreview .MiniPreview {
    height: 80px;
    width: 160px
  }
}

.WithCarouselPreview .MiniPreview>img {
  width: 100%;
  height: 100%
}

@media (max-width:992px) {
  .WithCarouselPreview .MiniPreview>img {
    height: 80px;
    width: 160px
  }
}

.Testimony {
  text-align: center;
  color: #777776;
  padding: 0 3.5% 4%
}

@media (max-width:921px) {
  .Testimony {
    padding: 0 41px
  }
}

@media (max-width:768px) {
  .Testimony {
    padding: 0 15px
  }
}

.Testimony figure {
  margin: 0 0 1.7vw;
  padding: 0;
  overflow: hidden
}

.Testimony figure.\--withFigureHeight {
  height: 27vw;
  max-height: 299px
}

@media (max-width:991px) {
  .Testimony figure.\--withFigureHeight {
    max-height: unset;
    height: auto
  }
}

.Testimony figure.\--withArrows {
  position: relative
}

.Testimony figure.\--withArrows .Arrow {
  position: absolute;
  top: 38%;
  background: transparent;
  border: none;
  cursor: pointer
}

.Testimony figure.\--withArrows .Arrow:hover path {
  fill: #ff009f
}

.Testimony figure.\--withArrows .Arrow:first-child {
  left: 0
}

.Testimony figure.\--withArrows .Arrow:nth-child(3) {
  right: 0
}

.Testimony figure img {
  width: 100%
}

.Testimony a {
  text-decoration: none;
  display: block
}

.Testimony a span {
  display: block;
  color: #777776;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.2rem;
  font-family: "PT Serif";
  margin-bottom: 1.25rem
}

.Testimony>span {
  display: block
}

.Testimony>span:nth-child(2) {
  font-size: .8rem;
  text-transform: uppercase;
  margin-bottom: 1%;
  font-weight: 400;
  color: #777776
}

.Testimony>span:nth-child(4) {
  color: #777776;
  font-weight: 400;
  font-size: .9rem;
  margin-bottom: 1.25rem;
  padding: 0 4%
}

.SliderBase.TestimonySliderCarousel .slick-arrow {
  top: 16%
}

@media (max-width:1580px) {
  .SliderBase.TestimonySliderCarousel .slick-arrow {
    top: 13%;
    top: 12%
  }
}

@media (max-width:1200px) {
  .SliderBase.TestimonySliderCarousel .slick-arrow {
    top: 11%
  }
}

@media (max-width:921px) {
  .SliderBase.TestimonySliderCarousel .slick-arrow {
    top: 18%
  }
}

@media (max-width:768px) {
  .SliderBase.TestimonySliderCarousel .slick-arrow {
    top: 24%
  }
}

@media (max-width:430px) {
  .SliderBase.TestimonySliderCarousel .slick-arrow {
    top: 11%
  }
}

.SliderBase.TestimonySliderCarousel .Testimony figure {
  max-height: 280px
}

.ThreeLinks__Figure {
  margin: 0;
  height: 800px;
  overflow: hidden;
  position: relative;
  background-position: 50%;
  background-size: cover
}

@media (max-width:1380px) {
  .ThreeLinks__Figure {
    height: 500px
  }
}

@media (max-width:768px) {
  .ThreeLinks__Figure {
    height: 350px
  }
}

.ThreeLinks__Figure .ThreeLinks__Figure-Image {
  width: 100%
}

.ThreeLinks__Figure-Caption {
  position: absolute;
  z-index: 1;
  bottom: 0;
  height: 100%;
  align-items: center;
  width: 100%;
  display: flex
}

.ThreeLinks__Figure-Caption>div {
  text-align: center;
  width: 100vw;
  flex-direction: column;
  display: flex;
  align-items: center
}

.ThreeLinks__Figure-Caption>div a {
  display: block;
  font-weight: lighter;
  color: #ff009f;
  font-size: 2.5rem;
  text-decoration: none;
  transition: .2s;
  padding: 2rem 1rem;
  background: #fff;
  font-family: "PT Serif";
  margin-bottom: 10px;
  text-transform: uppercase;
  display: inline-block;
  width: 420px
}

.ThreeLinks__Figure-Caption>div a:hover {
  color: #ff7ecd
}

.ThreeLinks__Figure-Caption>div a:active {
  background-color: #ff009f;
  color: #fff
}

@media (max-width:1380px) {
  .ThreeLinks__Figure-Caption>div a {
    font-size: 1.5rem
  }
}

@media (max-width:922px) {
  .ThreeLinks__Figure-Caption>div a {
    font-size: 1.25rem;
    padding: 1.75rem .75rem
  }
}

@media (max-width:780px) {
  .ThreeLinks__Figure-Caption>div a {
    font-size: 1rem;
    padding: 1rem .25rem;
    min-width: 265px
  }
}

@media (max-width:500px) {
  .ThreeLinks__Figure-Caption>div a {
    padding: .45rem 0;
    font-size: .75rem;
    min-width: unset;
    width: 70%
  }
}

.ThreeLinks__Figure-Caption.\--MasalaText>div a {
  color: #3f3f3d
}

.ConditionRibbon {
  background: #fff;
  font-family: "PT Serif";
  font-weight: 400;
  color: #777776;
  margin-top: 0;
  margin-bottom: 3%;
  position: absolute;
  min-width: 120px;
  padding: 0 20px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 2
}

.HouseData__Figure {
  margin: 0;
  height: 800px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: flex;
  justify-content: center;
  align-content: center
}

@media (max-width:1380px) {
  .HouseData__Figure {
    height: 500px
  }
}

.HouseData__Figure-Caption {
  z-index: 1;
  display: flex;
  background-color: #fff;
  padding: 18px;
  min-height: 140px;
  width: 40%;
  max-width: 550px;
  margin: auto;
  max-height: 210px
}

@media (max-width:992px) {
  .HouseData__Figure-Caption {
    min-height: 140px;
    width: 65%;
    max-width: unset
  }
}

@media (max-width:560px) {
  .HouseData__Figure-Caption {
    min-height: 205px;
    width: 68%;
    max-width: unset
  }
}

.HouseData__Figure-Caption>div {
  margin: auto;
  height: 100%
}

.HouseData__Figure-Caption>div span {
  color: #3f3f3d;
  font-weight: 700;
  text-decoration: none;
  display: block
}

.HouseData__Figure-Caption>div:first-child {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
  transition: all .3s
}

.HouseData__Figure-Caption>div:first-child span:first-child {
  font-size: .9rem;
  color: #ff009f;
  font-family: "PT Serif"
}

.HouseData__Figure-Caption>div:first-child span:first-child:hover {
  color: #a3a3a3
}

.HouseData__Figure-Caption>div:first-child span:first-child:active {
  color: #777776
}

.HouseData__Figure-Caption>div:first-child span:nth-child(2) {
  font-size: 1.3rem;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: "PT Serif";
  text-transform: uppercase;
  padding-right: 20px;
  color: #777776
}

@media (max-width:768px) {
  .HouseData__Figure-Caption>div:first-child span:nth-child(2) {
    padding-right: 5px;
    font-size: 16px
  }
}

.HouseData__Figure-Caption>div:first-child span:nth-child(3) {
  font-size: 1.1rem;
  font-family: "PT Serif";
  color: #777776
}

.HouseData__Figure-Caption>div:nth-child(2) {
  width: 35%;
  overflow: hidden;
  height: 130px
}

@media (max-width:560px) {
  .HouseData__Figure-Caption>div:nth-child(2) {
    height: 180px
  }
}

.HouseData__Figure-Caption>div:nth-child(2) span {
  line-height: 1.6;
  font-weight: lighter;
  font-size: 1rem
}

@media (max-width:768px) {
  .HouseData__Figure-Caption>div:nth-child(2) span {
    font-size: .9rem;
    line-height: 1.2
  }
}

.HouseData__Figure-Caption:hover>div:first-child span:first-child,
.HouseData__Figure-Caption:hover>div:first-child span:nth-child(2),
.HouseData__Figure-Caption:hover>div:first-child span:nth-child(3),
.HouseData__Figure-Caption:hover>div:nth-child(2) span {
  color: #a3a3a3
}

.HouseData__Figure__Anchor:active span {
  color: #777776 !important
}

.QueryItem .AbsoluteBlock>div>div span:hover,
.QueryItem>span:hover {
  color: #a3a3a3
}

.QueryItem .AbsoluteBlock>div>div span:active,
.QueryItem>span:active {
  color: #bfbfbf
}

.QueryItem .AbsoluteBlock>div p input[type=checkbox]:required:invalid+label:before,
.QueryItem .AbsoluteBlock>div p input[type=checkbox]:required:not(:valid):hover+label:before,
.QueryItem .AbsoluteBlock>div p input[type=checkbox]:required:valid+label:before {
  border: 1px solid #000;
  content: "";
  padding-right: .2em;
  font-size: .9rem;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 0 2px;
  transition: .2s;
  cursor: pointer
}

.QueryItem {
  color: #3f3f3d;
  font-size: .9rem;
  cursor: pointer;
  position: relative;
  font-weight: 700;
  line-height: 1.4
}

.QueryItem>span svg {
  width: 26px
}

.QueryItem>span:nth-child(2) {
  position: absolute;
  bottom: -1px;
  font-size: 1.2rem;
  right: -10px
}

.QueryItem .AbsoluteBlock {
  position: absolute;
  z-index: 3;
  background-color: #faf7f1;
  box-shadow: 0 0 0 0 hsla(0, 0%, 44.7%, .6);
  top: 33px;
  left: 0;
  width: 200px
}

.QueryItem .AbsoluteBlock.\--MoreWidth {
  width: 310px
}

.QueryItem .AbsoluteBlock>div.Paddings {
  padding: 2.2rem
}

.QueryItem .AbsoluteBlock>div>input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #868481;
  height: 30px;
  background: transparent;
  font-size: .9rem
}

.QueryItem .AbsoluteBlock>div>div {
  padding: .3rem .6rem;
  transition: .2s
}

.QueryItem .AbsoluteBlock>div>div:not(.\--Nested):hover {
  background: grey
}

.QueryItem .AbsoluteBlock>div>div.\--Nested {
  font-size: .9rem
}

.QueryItem .AbsoluteBlock>div>div.\--Nested>ul {
  margin: 0;
  padding: .3rem .6rem 0;
  list-style: none
}

.QueryItem .AbsoluteBlock>div>div.\--Nested>ul>li {
  font-size: .9rem;
  padding-top: .3rem;
  position: relative;
  line-height: 1
}

.QueryItem .AbsoluteBlock>div>div.\--Nested>ul>li:after {
  content: "";
  transition: .2s
}

.QueryItem .AbsoluteBlock>div>div.\--Nested>ul>li:hover:after {
  content: "";
  background: grey;
  width: 200px;
  left: -19px;
  top: .8px;
  height: 26.2031px;
  position: absolute;
  z-index: -1
}

.QueryItem .AbsoluteBlock>div>div.\--Nested>ul>li.\--Active,
.QueryItem .AbsoluteBlock>div>div.\--Nested>ul>li.\--Active:hover>span,
.QueryItem .AbsoluteBlock>div>div span.\--Active {
  color: #fc1a9e
}

.QueryItem .AbsoluteBlock>div p {
  padding: .3rem .6rem;
  margin: 0;
  transition: .2s
}

.QueryItem .AbsoluteBlock>div p u {
  display: inline;
  vertical-align: 4px;
  margin-left: .7rem;
  font-size: .9rem;
  text-decoration: none;
  cursor: pointer
}

.QueryItem .AbsoluteBlock>div p u:hover {
  color: #a3a3a3
}

.QueryItem .AbsoluteBlock>div p:hover {
  background: grey
}

.QueryItem .AbsoluteBlock>div p input[type=checkbox] {
  cursor: pointer
}

.QueryItem .AbsoluteBlock>div p input[type=checkbox]:required {
  display: none
}

.QueryItem .AbsoluteBlock>div p input[type=checkbox]:required:valid+label:before {
  background-color: #fc1a9e;
  border-color: #fc1a9e
}

.QueryItem .AbsoluteBlock>div p input[type=checkbox]:required:not(:valid):hover+label:before {
  background-color: #bbb;
  border-color: #bbb
}

.QueryMap:after {
  content: "";
  width: 100%;
  top: -7.5px;
  height: 10px
}

.QueryMap>svg {
  width: 300px
}

.QueryMap>svg path {
  fill: #f4eee3;
  stroke: #3f3f3d;
  stroke-linejoin: bevel;
  stroke-miterlimit: 3;
  transition: .2s
}

.QueryMap>svg path:hover {
  fill: #bbbbba
}

.QueryMap>svg path.\--Active {
  fill: #3f3f3d
}

.QueryBarBuilder {
  background-color: #faf7f1;
  box-shadow: 0 11px 12px -11px hsla(0, 0%, 44.7%, .6)
}

@media (max-width:992px) {
  .QueryBarBuilder {
    padding: 0 !important
  }
}

.QueryBarBuilder>form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem
}

.QueryBarBuilder>form .IconsBlock {
  display: flex;
  height: 100%;
  align-items: center
}

.QueryBarBuilder>form .IconsBlock>.QueryItem {
  padding-right: 20px
}

.QueryBarBuilder>form .IconsBlock>.QueryItem>svg {
  width: 26px
}

.QueryBarBuilder>form .IconsBlock>.QueryItem>svg path {
  transition: 1s
}

.QueryBarBuilder>form .IconsBlock>.QueryItem:hover>svg path {
  fill: #fc1a9e
}

.QueryBarBuilder>form .IconsBlock>button {
  height: 98%;
  padding: 0 1.2rem;
  background-color: #fc1a9e;
  border: none;
  cursor: pointer;
  transition: all .2s
}

.QueryBarBuilder>form .IconsBlock>button svg {
  transition: all .2s;
  width: 26px
}

.QueryBarBuilder>form .IconsBlock>button svg circle,
.QueryBarBuilder>form .IconsBlock>button svg path {
  stroke: #fff
}

.QueryBarBuilder>form .IconsBlock>button:disabled {
  opacity: .5;
  cursor: wait
}

.QueryBarBuilder>form .IconsBlock>button:hover {
  background: #f198c0
}

.QueryBarBuilder>form .IconsBlock>button:hover svg {
  transform: scale(1.1)
}

.QueryBarBuilder>form .IconsBlock>button:hover svg circle,
.QueryBarBuilder>form .IconsBlock>button:hover svg path {
  stroke: #fc1a9e
}

@media (max-width:992px) {
  .QueryBarBuilder>form {
    height: unset;
    flex-direction: column
  }

  .QueryBarBuilder>form>.QueryItem {
    margin-top: 2rem;
    margin-bottom: 2rem
  }

  .QueryBarBuilder>form>.IconsBlock {
    width: 100%;
    display: flex;
    flex-direction: column
  }

  .QueryBarBuilder>form>.IconsBlock>div {
    padding: 0;
    margin-bottom: 2rem
  }

  .QueryBarBuilder>form>.IconsBlock>button {
    width: 100%;
    height: 80px
  }
}

.ReviewPDF {
  padding: 10px 10px 0;
  text-align: center;
  color: #777776
}

@media (max-width:921px) {
  .ReviewPDF {
    padding: 0 41px
  }
}

@media (max-width:768px) {
  .ReviewPDF {
    padding: 0 15px
  }
}

.ReviewPDF figure {
  text-align: center;
  margin: 0 0 2rem;
  padding: 0;
  overflow: hidden;
  max-height: 400px
}

.ReviewPDF figure img {
  width: 100%
}

.ReviewPDF span {
  display: block;
  text-align: center
}

.ReviewPDF span:nth-child(2) {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: .5rem
}

.ReviewPDF span:nth-child(3) {
  text-transform: capitalize;
  font-size: 1rem;
  font-family: "PT Serif";
  font-style: italic
}

.SliderBase.ReviewPDFSlider .slick-arrow {
  top: 25%
}

@media (max-width:921px) {
  .SliderBase.ReviewPDFSlider .slick-arrow {
    top: 31%
  }
}

.ModalMotion {
  position: fixed;
  z-index: 200;
  border: 1px solid #eee;
  box-shadow: 0 2px 2px #ccc;
  background-color: #fff;
  box-sizing: border-box;
  top: 0;
  left: 17.5%;
  width: 65%;
  transition: all .3s ease-out;
  animation: openModal .4s ease-out forwards;
  margin-top: 5vh;
  max-height: 90vh;
  overflow-y: auto
}

@media (max-width:919px) {
  .ModalMotion {
    left: 3%;
    width: 94%
  }
}

.ModalMotionOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(232, 220, 197, .685);
  z-index: 19
}

.ModalMotionClosed {
  animation: closeModal 1s ease-out forwards
}

@keyframes openModal {
  0% {
    opacity: 0;
    transform: translateY(-100%)
  }

  50% {
    opacity: 1;
    transform: translateY(90%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes closeModal {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  50% {
    opacity: .8;
    transform: translateY(60%)
  }

  to {
    opacity: 0;
    transform: translateY(-100%)
  }
}

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  animation: fadein .25s
}

.cube1,
.cube2 {
  background-color: #ff28ae;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s ease-in-out infinite;
  animation: sk-cubemove 1.8s ease-in-out infinite
}

.cube2 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
  }

  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
  }

  75% {
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
  }

  to {
    -webkit-transform: rotate(-1turn)
  }
}

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
  }

  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
  }

  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
  }

  75% {
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
  }

  to {
    transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn)
  }
}

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

@media (max-width:991px) {
  .ModalNewSletter {
    padding: 10px
  }
}

@media (min-width:992px) {
  .ModalNewSletter .BoxPrPl {
    padding: 0 3.5%
  }

  .ModalNewSletter .BoxPr {
    padding-right: 7%
  }

  .ModalNewSletter .BoxPl {
    padding-left: 7%
  }
}

.ModalNewSletter>span:first-child {
  cursor: pointer;
  float: right;
  position: absolute;
  right: 3%;
  top: 4%
}

.ModalNewSletter>span:first-child svg {
  transform: scale(2)
}

@media (max-width:991px) {
  .ModalNewSletter>span:first-child svg {
    position: relative;
    transform: scale(1.1);
    top: -20px
  }
}

.ModalNewSletter>span:first-child svg:hover path:first-child {
  fill: #fc1a9e
}

.ModalNewSletter>div:nth-child(2) {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 100px;
  margin-top: 100px
}

.ModalNewSletter>div:nth-child(2) h6 {
  font-weight: 400;
  margin: 0
}

.ModalNewSletter>div:nth-child(2) h1 {
  margin-top: 15px;
  font-family: "PT Serif";
  font-size: 2.5rem;
  padding: 0 10%
}

@media (max-width:991px) {
  .ModalNewSletter>div:nth-child(2) h1 {
    font-size: 2rem
  }
}

@media (max-width:768px) {
  .ModalNewSletter>div:nth-child(2) h1 {
    font-size: 1.5rem
  }
}

@media (max-width:480px) {
  .ModalNewSletter>div:nth-child(2) h1 {
    font-size: 1.25rem
  }
}

.ModalNewSletter>div:nth-child(2) p {
  font-weight: 400;
  margin: 0
}

.ModalNewSletter h1,
.ModalNewSletter h6,
.ModalNewSletter label,
.ModalNewSletter p {
  color: #777776
}

.ModalNewSletter a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8rem
}

@media (max-width:991px) {
  .ModalNewSletter a {
    font-size: 1rem
  }
}

.ModalNewSletter form label {
  display: block;
  margin-bottom: 1.5rem;
  text-transform: uppercase
}

@media (max-width:991px) {
  .ModalNewSletter form label {
    margin-bottom: 1rem
  }
}


.ModalNewSletter form select,
.ModalNewSletter form input,
.ModalNewSletter form textarea {
  width: 100%;
  text-transform: uppercase;
  border: none;
  border-bottom: 1px solid #777776;
  height: 30px;
  margin-bottom: 3rem
}

.ModalNewSletter form .acceptancee .wpcf7-list-item-label {
  padding-left: 12px;
}

.ModalNewSletter form input.acceptancee,
.ModalNewSletter form .acceptancee input {
  width: 20px;
  height: 20px;
  margin: 0;
  vertical-align: top;
}

.ModalNewSletter form .acceptancee .wpcf7-list-item,
.ModalNewSletter form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0 0 1em 0;
}

.ModalNewSletter form select {
  background-color: #fff
}

.ModalNewSletter form p {
  margin: 0
}

.ModalNewSletter form p u {
  display: inline;
  vertical-align: 8px;
  margin-left: .7rem;
  font-size: .8rem;
  text-decoration: none;
  cursor: pointer
}

@media (max-width:991px) {
  .ModalNewSletter form p u {
    font-size: 1rem
  }
}

.ModalNewSletter form p u>span {
  display: block;
  line-height: 22px;
  margin-left: 35px
}

@media (max-width:991px) {
  .ModalNewSletter form p u>span {
    margin-left: 0
  }
}

.ModalNewSletter form p u a,
.ModalNewSletter form p u strong {
  color: #000;
  text-decoration: none
}

.ModalNewSletter form p input[type=checkbox] {
  cursor: pointer
}

.ModalNewSletter form p input[type=checkbox]:required {
  display: none
}

.ModalNewSletter form p input[type=checkbox]:required:invalid+label:before,
.ModalNewSletter form p input[type=checkbox]:required:valid+label:before,
.ModalNewSletter form p .wpcf7-acceptancee label .wpcf7-list-item-label:before {
  border: 1px solid #000;
  content: "";
  padding-right: .2em;
  font-size: 1.6em;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0 0 2px
}

.ModalNewSletter form p input[type=checkbox]:required:valid+label:before,
.ModalNewSletter form p .wpcf7-acceptancee label .wpcf7-list-item-label:before {
  background-color: #000
}

.ModalNewSletter form button {
  border: none;
  height: 50px;
  width: 100%;
  background-color: #fc1a9e;
  color: #fff;
  font-size: 1rem;
  top: 10px;
  cursor: pointer;
  margin-bottom: 100px
}

.NewSletterFixed {
  position: fixed;
  right: 0;
  bottom: 3%;
  /* background: #ff009f; */
  z-index: 20;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.NewSletterFixed .BoxInboxIcon,
.NewSletterFixed #PrintPDF {
  width: 60.5px;
  height: 52px;
  background-color: #ff009f;
  margin: 0;
}

.NewSletterFixed .BoxInboxIcon svg {
  width: 2.4vw
}

@media (min-width:991px) {
  .NewSletterFixed .BoxInboxIcon svg {
    width: 1.5vw
  }
}

.NewSletterFixed .BoxInboxIcon svg path {
  stroke: #fff
}

.NewSletterFixed>div {
  display: flex;
  justify-content: center;
  align-items: center
}

/* @media (max-width:1480px) {
  .NewSletterFixed>div {
    width: 60.5px
  }
}

@media (max-width:992px) {
  .NewSletterFixed>div {
    width: 60.5px
  }
} */

@media (max-width:768px) {
  .NewSletterFixed>div {
    width: 52.5px !important;
  }

  .whatsapp-btn svg {
    width: 52.5px;
  }
}

/* .NewSletterFixed>div:first-child {
  margin-top: 15.5px
}

@media (max-width:1480px) {
  .NewSletterFixed>div:first-child {
    margin-top: 15.5px
  }
}

@media (max-width:992px) {
  .NewSletterFixed>div:first-child {
    margin-top: 15.5px
  }
}

@media (max-width:768px) {
  .NewSletterFixed>div:first-child {
    margin-top: 17.5px
  }
}

.NewSletterFixed>div:last-child {
  margin-bottom: 15.5px
}

@media (max-width:1480px) {
  .NewSletterFixed>div:last-child {
    margin-bottom: 15.5px
  }
}

@media (max-width:992px) {
  .NewSletterFixed>div:last-child {
    margin-bottom: 15.5px
  }
}

@media (max-width:768px) {
  .NewSletterFixed>div:last-child {
    margin-bottom: 17.5px
  }
} */

.NewSletterFixed>div>svg {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: .1s ease
}

@media (max-width:1480px) {
  .NewSletterFixed>div>svg {
    width: 16.66667px;
    height: 16.66667px
  }
}

@media (max-width:992px) {
  .NewSletterFixed>div>svg {
    width: 20px;
    height: 20px
  }
}

@media (max-width:768px) {
  .NewSletterFixed>div>svg {
    width: 23.07692px;
    height: 23.07692px
  }
}

.NewSletterFixed>div>svg:hover {
  transform: scale(1.3)
}

/* .NewSletterFixed>div:nth-child(2) {
  margin-top: 37.5px
} */

/* @media (max-width:1480px) {
  .NewSletterFixed>div:nth-child(2) {
    margin-top: 32.5px
  }
}

@media (max-width:992px) {
  .NewSletterFixed>div:nth-child(2) {
    margin-top: 27.5px
  }
}

@media (max-width:768px) {
  .NewSletterFixed>div:nth-child(2) {
    margin-top: 17.5px
  }
} */

.Slider-Overlay {
  position: relative
}

.Slider-Overlay>a>figure {
  overflow: hidden;
  height: 25vw;
  margin: 0
}

@media (max-width:1280px) {
  .Slider-Overlay>a>figure {
    height: 20rem
  }
}

@media (max-width:921px) {
  .Slider-Overlay>a>figure {
    height: 30rem
  }
}

.Slider-Overlay>a>figure>div {
  cursor: pointer;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  transition: .3s;
  background-color: rgba(12, 12, 11, .9)
}

.Slider-Overlay>a>figure>div>span {
  display: block;
  text-transform: uppercase;
  color: #fff
}

.Slider-Overlay>a>figure>div>span:first-child {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1%
}

.Slider-Overlay>a>figure>div>span:nth-child(2) {
  font-family: "PT Serif";
  font-style: italic;
  font-size: .8rem;
  text-transform: capitalize;
  margin-bottom: 1%
}

.Slider-Overlay>a>figure>div>span:nth-child(3) {
  font-size: .7rem
}

.Slider-Overlay>a>figure:hover>div {
  opacity: 1
}

.SliderBase.OverlaySlider .slick-arrow {
  top: 31%
}

@media (max-width:1040px) {
  .SliderBase.OverlaySlider .slick-arrow {
    top: 38%
  }
}

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

@media (max-width:991px) {
  .QuerySort {
    flex-direction: column
  }

  .QuerySort>div,
  .QuerySort>div>div {
    margin-top: .8rem
  }
}

.QuerySort select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background: transparent;
  border: #ffdead;
  font-weight: 400;
  color: #484845;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
  cursor: pointer
}

.QuerySort .QueryItem {
  font-weight: 700;
  font-size: .9rem;
  display: block;
  margin-bottom: 5px
}

.QuerySort .QueryItem>span:nth-child(2) {
  display: none
}

.QuerySort .QueryItem svg {
  position: relative;
  top: -1px
}

.QuerySort .QueryItem .AbsoluteBlock>div>div span {
  font-size: .8rem
}

.QuerySort>div:first-child {
  display: flex;
  width: 40%
}

.QuerySort>div:first-child>div {
  width: 50%
}

@media (max-width:991px) {
  .QuerySort>div:first-child {
    width: 100%;
    flex-direction: column
  }

  .QuerySort>div:first-child>div {
    width: 100%
  }
}

.QuerySort>div:nth-child(2) a {
  font-size: .9rem;
  color: #1d1d1b;
  line-height: 1.4
}

.QuerySort>div:nth-child(2) svg {
  margin-right: 5px;
  height: 20px
}

.QuerySort>div:nth-child(2) svg:active>path {
  stroke: #ff0d91
}

.QuerySort span {
  font-weight: 700;
  color: #1d1d1d;
  font-size: .9rem;
  display: block;
  margin-bottom: 5px
}

.QuerySort span strong {
  color: #3f3f3d
}

.QuerySort span a {
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: .9rem
}

.QuerySort span a:hover {
  color: #484845
}

.RecommendCard .RecommendCard-Caracteristics,
.RecommendCard .RecommendCard-Description {
  padding: 0 10%
}

@media (max-width:1680px) {

  .RecommendCard .RecommendCard-Caracteristics,
  .RecommendCard .RecommendCard-Description {
    padding: 0 7%
  }
}

.RecommendCard {
  margin-bottom: 3rem;
  animation: fadein .25s
}

.RecommendCard .RecommendCard-Thumbnail {
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
  height: 219px
}

@media (min-width:1580px) {
  .RecommendCard .RecommendCard-Thumbnail {
    height: 14vw
  }
}

.RecommendCard .RecommendCard-Thumbnail img {
  height: 100%;
  width: 100%
}

@media (max-width:991px) {
  .RecommendCard .RecommendCard-Thumbnail {
    height: 29vw
  }
}

@media (max-width:574px) {
  .RecommendCard .RecommendCard-Thumbnail {
    height: 67vw
  }
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  bottom: 0;
  height: 0
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay span {
  position: absolute;
  top: 5%;
  right: 5%
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay span svg {
  height: 25px;
  transition: .2s
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay span svg:hover {
  transform: scale(1.2)
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay span svg:hover path {
  stroke: #777776
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay span svg:active path {
  stroke: #ff009f
}

.RecommendCard .RecommendCard-Description {
  text-transform: uppercase;
  text-align: center
}

.RecommendCard .RecommendCard-Description h6,
.RecommendCard .RecommendCard-Description span {
  font-weight: 400;
  color: #484845;
  margin-top: 5%;
  margin-bottom: 3%;
  font-size: .67em;
  display: block
}

.RecommendCard .RecommendCard-Description h4 {
  font-family: "PT Serif";
  font-weight: 400;
  color: #484845;
  margin-top: 0;
  margin-bottom: 3%;
  font-size: 1.2rem
}

.RecommendCard .RecommendCard-Description span {
  margin-bottom: 4%
}

.RecommendCard .RecommendCard-Caracteristics {
  display: flex;
  justify-content: space-between;
  font-size: .8rem
}

.RecommendCard .RecommendCard-Caracteristics span {
  font-size: .8rem
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm {
  width: 45%;
  font-size: inherit
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row {
  display: flex;
  align-items: center;
  padding: 5% 0;
  font-size: inherit;
  text-transform: uppercase
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row>div:first-child {
  margin-right: 8%;
  margin-left: 14%
}

@media (max-width:992px) {
  .RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row>div:first-child {
    margin-right: 4%;
    margin-left: 7%
  }
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row>div:first-child span {
  font-size: .8rem
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row>div:first-child span img {
  height: 20px
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row .Item-Caracteristics__Price {
  color: #000;
  font-weight: 700
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm .First-Columm__Row .Item-Caracteristics__Place {
  font-weight: 400;
  color: #3f3f3d;
  word-break: break-all;
  white-space: nowrap
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm>div:first-child {
  border-top: 1px solid #9f9f9e
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm>div:first-child>span {
  width: 10px;
  font-size: .8rem
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm>div:first-child>span img {
  width: 100%
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm>div:nth-child(2) {
  border-top: 1px solid #9f9f9e;
  border-bottom: 1px solid #9f9f9e
}

.RecommendCard .RecommendCard-Caracteristics .First-Columm>div:nth-child(3) {
  border-bottom: 1px solid #9f9f9e
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm {
  width: 45%;
  font-size: inherit
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm .Second-Columm__Row {
  display: flex;
  align-items: center;
  padding: 5% 0
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm .Second-Columm__Row>div:first-child {
  margin-right: 8%;
  margin-left: 14%
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm .Second-Columm__Row>div:first-child span {
  font-size: .8rem
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm .Second-Columm__Row>div:first-child span img {
  height: 20px
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm>div:first-child {
  border-top: 1px solid #9f9f9e
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm>div:nth-child(2) {
  border-top: 1px solid #9f9f9e;
  border-bottom: 1px solid #9f9f9e
}

.RecommendCard .RecommendCard-Caracteristics .Second-Columm>div:nth-child(3) {
  border-bottom: 1px solid #9f9f9e
}

@media (min-width:992px) {
  .ListResults .ListResultsCol:nth-child(3n+1) {
    padding-right: 15px !important
  }

  .ListResults .ListResultsCol:nth-child(3n+2) {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important
  }

  .ListResults .ListResultsCol:nth-child(3n+3) {
    padding-left: 15px !important
  }
}

@media (max-width:991px) {
  .ListResults .ListResultsCol:nth-child(2n+2) {
    padding-left: 7.5px !important;
    padding-right: 0 !important
  }

  .ListResults .ListResultsCol:nth-child(odd) {
    padding-right: 7.5px !important;
    padding-left: 0 !important
  }
}

@media (max-width:574px) {
  .ListResults .ListResultsCol {
    padding: 0 !important
  }
}

.CarouselFicha {
  position: relative
}

.CarouselFicha>.Carousel {
  display: flex
}

.CarouselFicha>.Carousel>div {
  height: 700px;
  background-position: 50%;
  position: relative
}

@media (max-width:1280px) {
  .CarouselFicha>.Carousel>div {
    height: 500px
  }
}

@media (max-width:922px) {
  .CarouselFicha>.Carousel>div {
    height: 400px
  }
}

.CarouselFicha>.Carousel>div:first-child,
.CarouselFicha>.Carousel>div:nth-child(3) {
  width: 20.5%;
  background-color: rgba(251, 246, 236, .7803921568627451);
  background-blend-mode: overlay;
  background-size: cover
}

@media (max-width:922px) {

  .CarouselFicha>.Carousel>div:first-child,
  .CarouselFicha>.Carousel>div:nth-child(3) {
    display: none
  }
}

.CarouselFicha>.Carousel>div:first-child:after,
.CarouselFicha>.Carousel>div:first-child:before,
.CarouselFicha>.Carousel>div:nth-child(3):after,
.CarouselFicha>.Carousel>div:nth-child(3):before {
  content: "";
  width: 100%;
  height: 60px;
  background: #fff9ee;
  position: absolute;
  display: none
}

.CarouselFicha>.Carousel>div:first-child:before,
.CarouselFicha>.Carousel>div:nth-child(3):before {
  top: 0
}

.CarouselFicha>.Carousel>div:first-child:after,
.CarouselFicha>.Carousel>div:nth-child(3):after {
  bottom: 0
}

.CarouselFicha>.Carousel>div:nth-child(2) {
  width: 67%;
  animation: fadein 1s cubic-bezier(.215, .61, .355, 1);
  background-color: rgba(251, 246, 236, .7803921568627451);
  background-size: cover;
  background-position: 50%
}

@media (max-width:922px) {
  .CarouselFicha>.Carousel>div:nth-child(2) {
    width: 100%;
    background-size: cover
  }
}

.CarouselFicha>.Navegation {
  position: absolute;
  width: 100%;
  top: 40%
}

.CarouselFicha>.Navegation>div {
  display: inline
}

.CarouselFicha>.Navegation>div button {
  width: 60px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none
}

.CarouselFicha>.Navegation>div button:disabled {
  cursor: not-allowed
}

.CarouselFicha>.Navegation>div button:disabled:hover path,
.CarouselFicha>.Navegation>div button:disabled path {
  fill: hsla(0, 0%, 100%, .479)
}

.CarouselFicha>.Navegation>div button path {
  transition: .2s
}

.CarouselFicha>.Navegation>div button:active path,
.CarouselFicha>.Navegation>div button:hover path {
  fill: rgba(255, 0, 157, .3411764705882353)
}

.CarouselFicha>.Navegation>div:first-child {
  margin-left: 2vw;
  float: left;
  background-color: transparent;
  border: none
}

.CarouselFicha>.Navegation>div:last-child {
  margin-right: 2vw;
  float: right;
  background-color: transparent;
  border: none
}

.Counter {
  padding: 0 19%;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 1.7vw
}

@media (max-width:1080px) {
  .Counter {
    padding-right: 5%;
    padding-left: 0
  }
}

@media (max-width:480px) {
  .Counter {
    padding-right: 15px;
    padding-left: 0
  }
}

.Counter span {
  float: right;
  margin-top: 2px;
  color: #a8a8a7;
  font-size: 1rem
}

.Counter svg {
  float: right;
  width: 25px;
  margin-left: 1rem
}

.OnlyImage__Figure {
  margin: 0;
  height: 37vw;
  overflow: hidden;
  position: relative;
  background-position: 50%;
  background-size: cover
}

@media (max-width:1380px) {
  .OnlyImage__Figure {
    height: 500px
  }
}

@media (max-width:768px) {
  .OnlyImage__Figure {
    height: 350px
  }
}

.OnlyImage__Figure.\--CarouselMode {
  padding: 1rem
}

/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */
*,
:after,
:before {
  background-repeat: no-repeat;
  box-sizing: border-box
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit
}

html {
  cursor: default;
  line-height: 1.15;
  -moz-tab-size: 4;
  tab-size: 4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  height: 0;
  overflow: visible
}

main {
  display: block
}

nav ol,
nav ul {
  list-style: none
}

pre {
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-size: 1em
}

small {
  font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not([fill]) {
  fill: currentColor
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
input,
select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

fieldset {
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical
}

[type=checkbox],
[type=radio] {
  padding: 0
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
  box-shadow: none
}

details,
dialog {
  display: block
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

[hidden] {
  display: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics {
  padding: 0 10%
}

@media (max-width:1680px) {
  .Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics {
    padding: 0 7%
  }
}

.Component-Recommended {
  text-align: center;
  margin-top: 3.4vw
}

.Component-Recommended.\--Ficha h2 {
  font-size: 1.4rem
}

.Component-Recommended h2 {
  font-size: 1.4rem;
  font-family: "PT Serif";
  margin-bottom: 1.7vw;
  color: #777776;
  font-weight: 400
}

.Component-Recommended .Component-Recommended__Wrapper {
  width: 100%;
  display: flex
}

.Component-Recommended .Component-Recommended__Wrapper.\--MarginBottom {
  margin-bottom: 2rem
}

@media (max-width:992px) {
  .Component-Recommended .Component-Recommended__Wrapper {
    flex-direction: column;
    align-items: center
  }

  .Component-Recommended .Component-Recommended__Wrapper>div:not(:last-child) {
    margin-bottom: 8%
  }
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics {
  display: flex;
  justify-content: space-between;
  font-size: .8rem
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics span {
  font-size: .8rem
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm {
  width: 45%;
  font-size: inherit
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row {
  display: flex;
  align-items: center;
  padding: 5% 0;
  font-size: inherit
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row>div:first-child {
  margin-right: 8%;
  margin-left: 14%
}

@media (max-width:992px) {
  .Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row>div:first-child {
    margin-right: 4%;
    margin-left: 7%
  }
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row>div:first-child span {
  font-size: .8rem
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row>div:first-child span img {
  height: 18px
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row .Item-Caracteristics__Price {
  color: #000;
  font-weight: 700
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm .First-Columm__Row .Item-Caracteristics__Place {
  font-weight: 400;
  color: #3f3f3d;
  word-break: break-all;
  white-space: nowrap
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm>div:first-child {
  border-top: 2px solid #9f9f9e
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm>div:first-child>span {
  font-size: .8rem;
  width: 10px
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm>div:first-child>span img {
  width: 100%
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm>div:nth-child(2) {
  border-top: 2px solid #9f9f9e;
  border-bottom: 2px solid #9f9f9e
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm>div:nth-child(3) {
  border-bottom: 2px solid #9f9f9e
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .First-Columm>div:nth-child(3) div:nth-child(2) span {
  font-size: .8rem;
  color: #3f3f3d
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm {
  width: 45%;
  font-size: inherit
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm .Second-Columm__Row {
  display: flex;
  align-items: center;
  padding: 5% 0
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm .Second-Columm__Row>div:first-child {
  margin-right: 8%;
  margin-left: 14%
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm .Second-Columm__Row>div:first-child span {
  font-size: .8rem
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm .Second-Columm__Row>div:first-child span img {
  height: 18px
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm>div:first-child {
  border-top: 2px solid #9f9f9e
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm>div:first-child div:nth-child(2) span {
  font-size: .8rem;
  color: #3f3f3d
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm>div:nth-child(2) {
  border-top: 2px solid #9f9f9e;
  border-bottom: 2px solid #9f9f9e
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm>div:nth-child(2) div:nth-child(2) span {
  font-size: .8rem;
  color: #3f3f3d
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm>div:nth-child(3) {
  border-bottom: 2px solid #9f9f9e
}

.Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics .Second-Columm>div:nth-child(3) div:nth-child(2) span {
  font-size: .8rem;
  color: #3f3f3d
}

.Recommended__Item {
  width: 33.3333%
}

@media (max-width:992px) {
  .Recommended__Item {
    width: 65%
  }
}

@media (max-width:480px) {
  .Recommended__Item {
    width: 100%
  }
}

.Recommended__Item .Recommended__Item-Description {
  text-transform: uppercase
}

.Recommended__Item .Recommended__Item-Description>a {
  text-decoration: none
}

.Recommended__Item .Recommended__Item-Description h6,
.Recommended__Item .Recommended__Item-Description span {
  font-size: .67em;
  font-weight: 400;
  color: #484845;
  margin-top: 5%;
  margin-bottom: 3%;
  display: block
}

.Recommended__Item .Recommended__Item-Description h4 {
  padding: 0 2vw;
  font-size: 1.2rem;
  font-family: "PT Serif";
  font-weight: 400;
  color: #3f3f3d;
  margin-top: 0;
  margin-bottom: 3%
}

.Recommended__Item .Recommended__Item-Description span {
  margin-bottom: 4%
}

.Recommended__Item:first-of-type {
  padding-right: .5%
}

.Recommended__Item:nth-of-type(2) {
  padding-left: .25%;
  padding-right: .25%
}

.Recommended__Item:nth-of-type(3) {
  padding-left: .5%
}

.Recommended__Item .Recommended__Item-Ribbons {
  background: #fff;
  font-family: "PT Serif";
  font-weight: 400;
  color: #777776;
  margin-top: 0;
  margin-bottom: 3%;
  position: absolute;
  min-width: 120px;
  padding: 0 20px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center
}

.Recommended__Item .Mock {
  width: 100%;
  position: relative;
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  height: 219px
}

@media (max-width:1080px) {
  .Recommended__Item .Mock {
    max-height: 300px;
    height: auto
  }
}

@media (min-width:1580px) {
  .Recommended__Item .Mock {
    height: 14vw
  }
}

.Recommended__Item .Mock img {
  height: 100%;
  width: 100%
}

.Recommended__Item .Mock .Mock__Overlay {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  bottom: 0;
  height: 0
}

.Recommended__Item .Mock .Mock__Overlay span {
  position: absolute;
  top: 5%;
  right: 5%
}

.Recommended__Item .Mock .Mock__Overlay span img {
  height: 25px;
  transition: .2s
}

.Recommended__Item .Mock .Mock__Overlay span img:hover {
  transform: scale(1.2)
}

.Recommended__Item .Mock .Mock__Overlay span svg {
  height: 25px;
  transition: .2s
}

.Recommended__Item .Mock .Mock__Overlay span svg:hover {
  transform: scale(1.2)
}

.Recommended__Item .Mock .Mock__Overlay span svg:hover path {
  stroke: #777776
}

.Recommended__Item .Mock .Mock__Overlay span svg:active path {
  stroke: #ff009f
}

.pager a.page {
  background-color: #f4eee3;
  color: #464643;
  text-decoration: none;
  border: 1px solid #f4eee3;
  font-weight: 700;
  margin: 0 .2em;
  width: 3em;
  padding: .8em 0;
  display: inline-block
}

.pager a.current {
  background-color: #ff009f;
  color: #fff
}

.Component-Header {
  display: flex;
  height: 100px;
  justify-content: space-between;
  background: #f4eee3
}

.Component-Header.\--gradient {
  background: #fff
}

@media (max-width:992px) {
  .Component-Header {
    display: none
  }
}

.Component-Header .Header-Logo {
  display: flex;
  margin-right: 20px;
  width: 280px
}

.Component-Header .Header-Logo a {
  width: 100%
}

.Component-Header .Header-Wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center
}

.Component-Header .Component-Header-Navigation-Wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

@media (min-width:1680px) {
  .Component-Header .Component-Header-Navigation-Wrapper {
    max-width: 43vw
  }
}

.Component-Header .Component-Header-Navigation-Wrapper .Header-Item {
  margin-right: 1.82vw
}

.Component-Header .Component-Header-Navigation-Wrapper .Header-Item a {
  font-size: 1rem;
  font-weight: 700;
  color: #1d1d1b;
  font-family: PT Sans
}

.Component-Header .Component-Header-Navigation-Wrapper .Header-Item a:hover {
  color: #a3a3a3;
  text-decoration: none
}

.Component-Header .Component-Header-Navigation-Wrapper .Header-Item a:active {
  color: #bfbfbd;
  text-decoration: underline
}

.SelectTranslate {
  position: relative
}

.SelectTranslate ul {
  overflow: hidden;
  max-height: 0;
  padding: 0;
  margin: 0 auto;
  transition: all .3s ease;
  position: absolute;
  list-style-type: none;
  z-index: 99;
  text-align: center;
  left: -16px;
  opacity: 0;
  background-color: #faf7f1;
  box-shadow: 0 2px 0 0 hsla(0, 0%, 44.7%, .6);
  top: 50px;
  left: 0;
  width: 100px
}

.SelectTranslate ul li {
  padding: .8rem 1rem;
  transition: .2s;
  background-color: #f4eee3
}

.SelectTranslate ul li>a {
  font-size: 1rem !important;
  font-weight: lighter !important
}

.SelectTranslate .menu-toggle:checked+ul {
  max-height: 100px;
  opacity: 1
}

.Component-Footer {
  margin-top: 4.95vw;
  display: flex;
  padding-top: 3rem;
  padding-bottom: 5rem;
  background-color: #f4eee3;
  color: #464643;
  flex-direction: column;
}

.footer {
  color: #464643;
  text-align: center
}

@media (min-width:1280px) {
  .footer {
    text-align: left
  }
}

.footer a {
  color: #464643;
  text-decoration: none
}

.footer a:hover {
  color: #686868
}

.footer__title {
  font-family: "PT Serif"
}

.footer__linking {
  list-style: none;
  padding: 0;
  margin: 0
}

.footer__linking li {
  margin: 1em 0
}

.footer__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px
}

@media (min-width:1280px) {
  .footer__wrapper {
    flex-direction: row
  }
}

.footer__wrapper__right {
  flex: 1;
  width: 100%;
  max-width: 1100px;
  margin-left: auto
}

.footer__columns {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media (min-width:1280px) {
  .footer__columns {
    flex-direction: row
  }
}

.footer__columns__column__map {
  margin: 1em 0;
  max-width: 90vw
}

.footer__logo__img {
  width: auto;
  height: 150px;
  margin: 1em auto
}

@media (min-width:1280px) {
  .footer__logo__img {
    margin-right: 60px
  }
}

.footer__bottomline {
  width: 100%;
  text-transform: uppercase;
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

@media (min-width:1280px) {
  .footer__bottomline {
    flex-direction: row
  }
}

.footer__bottomline__icons {
  margin: 1em 0
}

.footer__bottomline__icons__link {
  margin: 0 1em
}

.footer__bottomline__icons__link__img {
  height: 2em
}

.footer__bottomline__links a,
.footer__bottomline__links span {
  margin: 1em;
  display: block
}

@media (min-width:1280px) {

  .footer__bottomline__links a,
  .footer__bottomline__links span {
    display: inline-block
  }
}

.Component-Header-Mobile {
  display: flex;
  height: 100px;
  justify-content: space-between;
  background-color: #f4eee3
}

@media (min-width:993px) {
  .Component-Header-Mobile {
    display: none
  }
}

.Component-Header-Mobile .Header-Wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center
}

.Component-Header-Mobile .Header-Logo {
  display: flex;
  margin-right: 30px
}

.Component-Header-Mobile .Header-Logo :first-child {
  width: 100%
}

.Component-Header-Mobile .Header-Hamburger-Mobile {
  width: 50px
}

.Component-Header-Mobile .Header-Hamburger-Mobile:active {
  color: #1d1d1b
}

.Component-Header-Navigation-Wrapper {
  display: flex;
  background: #f4eee3
}

@media (min-width:993px) {
  .Component-Header-Navigation-Wrapper {
    display: none
  }
}

.Component-Header-Navigation-Wrapper.\--Mobile {
  flex-flow: column;
  align-items: center;
  padding-bottom: 2rem;
  transform: translateY(-345px);
  transition: all .3s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  overflow-y: auto;
  border-top: 1px solid rgba(236, 139, 200, .3686274509803922)
}

.Component-Header-Navigation-Wrapper.\--Mobile.\--Open {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .149);
  width: 100%;
  position: absolute;
  transition: transform .3s ease;
  transform: translateY(100px);
  overflow: visible
}

.Component-Header-Navigation-Wrapper.\--Mobile.\--Open .Header-Item a {
  font-weight: 700;
  font-size: 20px
}

.Component-Header-Navigation-Wrapper>div:nth-child(7)>span {
  position: relative;
  vertical-align: top;
  font-size: 1rem;
  font-weight: 700;
  color: #1d1d1b;
  font-family: PT Sans
}

@media (max-width:992px) {
  .Component-Header-Navigation-Wrapper>div:nth-child(7)>span {
    font-size: 20px
  }
}

.Component-Header-Navigation-Wrapper>div:nth-child(7)>span label {
  cursor: pointer
}

.Component-Header-Navigation-Wrapper>div:nth-child(7)>span:active,
.Component-Header-Navigation-Wrapper>div:nth-child(7)>span:hover {
  text-decoration: underline;
  color: #c4c3c1;
  text-decoration: none
}

.Component-Header-Navigation-Wrapper>div:nth-child(7)>span>select {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.Component-Header-Navigation-Wrapper .Header-Item {
  cursor: pointer;
  margin-top: 12px;
  font-size: .85rem
}

@media (max-width:1680px) {
  .Component-Header-Navigation-Wrapper .Header-Item {
    margin-top: 12px
  }
}

.Component-Header-Navigation-Wrapper .Header-Item a {
  text-decoration: none;
  color: #1d1d1b;
  font-weight: 500
}

.Component-Header-Navigation-Wrapper .Header-Item.\--Active a,
.Component-Header-Navigation-Wrapper .Header-Item a:active,
.Component-Header-Navigation-Wrapper .Header-Item a:hover {
  text-decoration: underline;
  color: #c4c3c1
}

.Component-Header-Navigation-Wrapper .Header-Item .Header-Arrow {
  width: 15px
}

.Component-Header-Navigation-Wrapper .Header-OffCanvas {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%
}

.\--capitalize {
  text-transform: capitalize
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  top: 0;
  left: 0
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block;
  margin: auto
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow {
  cursor: pointer
}

.slick-arrow path {
  transition: .2s;
  fill: hsla(0, 0%, 100%, .479)
}

.single-properties #MainSlider .slick-arrow,
.page-template-page-real-estate #MainSlider .slick-arrow {
  border: 3px solid rgba(0, 0, 0, 1) !important;
  transition: all .35s ease;
  background-color: rgba(255, 255, 255, 0.7) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px !important;
  height: 50px !important;
  top: calc(50% - 30px) !important;
}

.single-properties #MainSlider .slick-arrow:hover,
.page-template-page-real-estate #MainSlider .slick-arrow:hover {
  border: 3px solid rgba(255, 0, 157, 1) !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.single-properties #MainSlider .slick-arrow.slick-next svg,
.single-properties #MainSlider .slick-arrow.slick-prev svg,
.page-template-page-real-estate #MainSlider .slick-arrow.slick-next svg,
.page-template-page-real-estate #MainSlider .slick-arrow.slick-prev svg {
  height: 20px !important;
}

.slick-arrow:active path,
.slick-arrow:hover path {
  fill: rgba(255, 0, 157, .3411764705882353)
}

.slick-arrow.slick-hidden {
  display: none
}

.Component-Padding-Sides {
  width: 100%;
  padding-right: 10%;
  padding-left: 10%
}

.Component-Padding-Sides.\--withmarginbottom {
  margin-top: 1.7vw
}

@media (max-width:1080px) {
  .Component-Padding-Sides {
    padding-right: 15px;
    padding-left: 5px
  }
}

@media (max-width:480px) {
  .Component-Padding-Sides {
    padding-right: 15px;
    padding-left: 15px
  }
}

@media (min-width:1440px) {
  .Component-Padding-Sides {
    padding-right: 18vw;
    padding-left: 18vw
  }
}

.Component-Padding-Sides.\--ShowRoomMap {
  padding: 0 17%
}

@media (max-width:992px) {
  .Component-Padding-Sides.\--ShowRoomMap {
    padding: 0 6%
  }
}

.Component-Padding-Sides.\--BlogNavigation {
  padding: 0 21%
}

@media (max-width:992px) {
  .Component-Padding-Sides.\--BlogNavigation {
    padding: 0 10%
  }
}

.Component-Padding-Sides.\--Footer-Padding {
  padding-left: 18%;
  padding-right: 11%
}

@media (max-width:1439px) {
  .Component-Padding-Sides.\--Footer-Padding {
    padding-left: 10%;
    padding-right: 1%
  }
}

@media (max-width:1080px) {
  .Component-Padding-Sides.\--Footer-Padding {
    padding-right: 5%;
    padding-left: 5%
  }
}

@media (max-width:480px) {
  .Component-Padding-Sides.\--Footer-Padding {
    padding-right: 15px;
    padding-left: 15px
  }
}

.Component__Contact {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: .8rem;
  margin-top: .937vw
}

.Component__Contact div:first-child {
  font-weight: 700
}

.Component__Contact div:first-child p {
  font-size: .7rem;
  color: #1d1d1b;
  position: relative;
  top: 3px
}

.Component__Contact div:first-child p:hover {
  text-decoration: none;
  color: #a3a3a3
}

.Component__Contact div:first-child p:active {
  color: #bfbfbd;
  text-decoration: underline
}

.Component__Contact div:nth-child(2)>a {
  text-decoration: none;
  margin-right: 1vw;
  font-size: .7rem;
  color: #1d1d1b;
  font-weight: 700
}

.Component__Contact div:nth-child(2)>a:hover {
  text-decoration: none;
  color: #a3a3a3
}

.Component__Contact div:nth-child(2)>a:active {
  color: #bfbfbd;
  text-decoration: underline
}

.Component__Contact a img {
  height: 20px
}

.Component__Contact p {
  margin: 0
}

.Component__Title-Description,
.Component__Title-Description.\--Blogmt {
  margin-top: 3.4vw
}

.Component__Title-Description.\--home p {
  color: #777776
}

.Component__Title-Description.\--withBottomMargin {
  margin-bottom: 100px
}

.Component__Title-Description.\--Home {
  margin-top: 65px
}

.Component__Title-Description span {
  display: block;
  font-size: .8rem
}

.Component__Title-Description h1,
.Component__Title-Description h2,
.Component__Title-Description span {
  text-align: center;
  color: #777776;
  font-weight: 400;
  text-transform: uppercase
}

.Component__Title-Description h1,
.Component__Title-Description h2 {
  margin-top: 1.7vw;
  margin-bottom: 1.7vw;
  font-size: 2.7rem;
  font-family: "PT Serif"
}

@media (max-width:620px) {
  .Component__Title-Description h1 {
    font-size: 1.5rem
  }
}

.Component__Title-Description p {
  text-align: center;
  color: #777776;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 6%
}

@media (max-width:620px) {
  .Component__Title-Description p {
    padding: 0
  }
}

.Component__Title-Description p a {
  color: #464643;
  font-weight: 700
}

.Component__Title-Description p a:active,
.Component__Title-Description p a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #c4c3c1
}

.Component__Title-Description.\--real-state {
  margin-top: 0
}

.Component__Title-Description.\--real-state p {
  color: #777776
}

.Component__Title-Description.\--BottomHome {
  margin-bottom: 3.4vw
}

.Component__Title-Description.\--BottomHome h3 {
  text-align: center;
  color: #777776;
  margin-top: 1.7vw;
  margin-bottom: 2%;
  padding: 0 3%;
  font-weight: 400;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-size: 2.7rem;
  font-family: "PT Serif"
}

.Component__Title-Description.\--BottomHome h3,
.Component__Title-Description.\--BottomHome p {
  color: #777776
}

.Component__Title-Description.\--Smaller {
  padding: 0 10%
}

.Component__Title-Description.\--Smaller span {
  text-align: center;
  margin-bottom: 1.7vw;
  font-size: .8rem;
  font-weight: 400;
  text-transform: uppercase
}

.Component__Title-Description.\--Smaller h1 {
  text-align: center;
  color: #777776;
  margin-top: 3%;
  margin-bottom: 2%;
  padding: 0 3%;
  font-weight: 700;
  font-size: 1.1rem;
  font-family: "PT Serif";
  text-transform: uppercase
}

.Component__Title-Description.\--Smaller p {
  text-align: center;
  color: #777776;
  margin: 0;
  padding: 0 2%;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.4
}

.Component__Title-Description.\--Medium-Employee {
  margin-top: 3.4vw
}

.Component__Title-Description.\--Medium-Employee h2 {
  text-align: center;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #777776;
  font-family: "PT Serif"
}

.Component__Title-Description.\--Medium {
  margin-top: 3.4vw
}

.Component__Title-Description.\--Medium h2 {
  text-align: center;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase;
  font-size: .8rem;
  color: #777776
}

.Component__Title-Description.\--Medium h3 {
  display: block;
  text-align: center;
  color: #777776;
  margin-bottom: 2%;
  font-weight: 700;
  font-size: 2.7rem;
  font-family: "PT Serif";
  text-transform: uppercase
}

.Component__Title-Description.\--Medium-Arch {
  margin-top: 3.4vw
}

.Component__Title-Description.\--Medium-Arch h2 {
  text-align: center;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase;
  font-size: .8rem;
  color: #777776
}

.Component__Title-Description.\--Medium-Arch h3 {
  text-align: center;
  color: #777776;
  margin-top: 0;
  margin-bottom: 1.7vw;
  font-weight: 400;
  font-size: 2.7rem;
  font-family: "PT Serif";
  text-transform: uppercase
}

.Component__Title-Description.\--Medium-Architecture {
  margin-top: 3.11vw
}

.Component__Title-Description.\--Medium-Architecture span {
  text-align: center;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase;
  font-size: .8rem;
  color: #777776
}

.Component__Title-Description.\--Medium-Architecture h1 {
  text-align: center;
  color: #777776;
  margin-top: 2%;
  margin-bottom: 1.7vw;
  padding: 0 10%;
  font-weight: 400;
  font-size: 2.7rem;
  font-family: "PT Serif";
  text-transform: uppercase
}

.Component__Title-Description.\--Medium-Architecture p {
  padding: 0 6%;
  font-size: .9rem;
  color: #777776;
  line-height: 1.4
}

.Component__Title-Description.\--Contact span {
  text-align: center;
  color: #777776;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase
}

@media (max-width:1380px) {
  .Component__Title-Description.\--Contact span {
    font-size: .6rem
  }
}

.Component__Title-Description.\--Contact h1 {
  text-align: center;
  color: #777776;
  margin-top: 1.7vw;
  margin-bottom: 2%;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: PT Sans;
  font-weight: 400
}

.Component__Title-Description.\--Contact h2 {
  font-size: 2.7rem;
  color: #777776;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 1rem;
  font-family: "PT Serif";
  font-weight: 400
}

.Component__Title-Description.\--Contact p {
  text-align: center;
  color: #777776;
  margin: 0;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 6%
}

.Component__Title-Description.\--ShowRoom {
  margin-top: 0;
  padding: 0 19%;
  word-break: break-all
}

@media (max-width:992px) {
  .Component__Title-Description.\--ShowRoom {
    padding: 0 8%
  }
}

.Component__Title-Description.\--ShowRoom h2 {
  text-align: center;
  color: #777776;
  margin-top: 1.7vw;
  margin-bottom: 2%;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: PT Sans;
  font-weight: 400
}

.Component__Title-Description.\--ShowRoom h3 {
  font-size: 2.7rem;
  color: #777776;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 1rem;
  font-family: "PT Serif";
  font-family: PT Sans;
  font-weight: 400
}

.Component__Title-Description.\--Proyectos {
  margin-bottom: 0;
  margin-top: 3.11vw
}

.Component__Title-Description.\--Proyectos h1 {
  margin-top: 0;
  margin-bottom: 1.7vw;
  font-size: 2.7rem;
  font-weight: 400
}

.Component__Title-Description.\--Proyectos p {
  line-height: 1.4;
  font-size: .9rem;
  color: #777776;
  margin-bottom: 0
}

.Component__Title-Description.\--About-Us {
  margin-top: 0;
  margin-bottom: 0
}

.Component__Title-Description.\--About-Us h1 {
  font-size: 2.7rem;
  margin-bottom: 0
}

.Component__Title-Description.\--About-Us p {
  margin-top: 1.5%;
  color: #777776;
  line-height: 1.4;
  font-size: .9rem
}

@media (max-width:992px) {
  .Component__Title-Description.\--About-Us p {
    padding: 0 15%
  }
}

.Component__Title-Description.\--About-Us-Two {
  margin-bottom: 3.4vw
}

.Component__Title-Description.\--About-Us-Two h1 {
  font-size: 2.7rem;
  margin-bottom: 0;
  margin-top: .73vw
}

@media (max-width:620px) {
  .Component__Title-Description.\--About-Us-Two h1 {
    font-size: 1.3rem
  }
}

.Component__Title-Description.\--About-Us-Two p {
  margin-top: 1.5%;
  font-size: .9rem;
  color: #777776;
  padding: 0 6%
}

@media (min-width:992px) {
  .Component__Title-Description.\--About-Us-Two p {
    padding: 0 6%
  }
}

.Component__Title-Description.\--Blog {
  margin-top: 1.7vw;
  text-align: center
}

.Component__Title-Description.\--Blog span {
  font-size: .8rem;
  color: #777776;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase
}

.Component__Title-Description.\--Blog h2 {
  font-family: "PT Serif"
}

.Component__Title-Description.\--Blog h2>a {
  font-size: 2.7rem;
  color: #777776;
  margin-top: 1.7vw;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  font-family: inherit
}

.Component__Title-Description.\--Blog h3 {
  font-size: .7rem;
  color: #777776;
  margin-bottom: 1.7vw;
  font-weight: 400;
  text-transform: uppercase
}

.Component__Title-Description.\--Blog p {
  font-size: .9rem;
  padding: 0 12%;
  color: #777776
}

@media (max-width:992px) {
  .Component__Title-Description.\--Blog p {
    padding: 0 6%
  }
}

.Component__Title-Description.\--RealStateTestimony h2 {
  text-align: center;
  margin-bottom: .73vw;
  font-weight: 400;
  text-transform: uppercase;
  font-size: .8rem;
  color: #777776
}

.Component__Title-Description.\--RealStateTestimony h3 {
  text-align: center;
  color: #777776;
  margin-top: 0;
  margin-bottom: 1.7vw;
  font-weight: 400;
  font-size: 2.7rem;
  text-transform: uppercase
}

.\--favorite_list {
  margin-bottom: 3.4vw
}

.Component-Zigzag {
  margin-top: 3.4vw
}

.Component-Zigzag .Zigzag__Item {
  padding: 0 1% 3.4vw;
  display: flex;
  width: 100%;
  flex-wrap: wrap
}

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item {
    flex-direction: column;
    align-items: center;
    margin-top: 10%;
    padding: 0
  }

  .Component-Zigzag .Zigzag__Item.\--Left-Img {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 5%
  }
}

.Component-Zigzag .Zigzag__Item .Content__Text {
  width: 50%;
  color: #777776;
  padding-left: 5%;
  padding-right: 10%
}

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item .Content__Text {
    text-align: center;
    padding: 0 0 5%
  }
}

@media (max-width:700px) {
  .Component-Zigzag .Zigzag__Item .Content__Text {
    width: 100%
  }
}

.Component-Zigzag .Zigzag__Item .Content__Text span {
  font-size: .8rem;
  color: #777776;
  font-weight: 400
}

.Component-Zigzag .Zigzag__Item .Content__Text h2 {
  color: #777776;
  font-weight: 400;
  font-family: "PT Serif";
  font-size: 2.7rem;
  text-transform: uppercase;
  padding-right: 20%;
  margin: 1% 0;
  word-break: keep-all
}

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item .Content__Text h2 {
    padding: 0
  }
}

.Component-Zigzag .Zigzag__Item .Content__Text p {
  font-weight: 400;
  line-height: 1.5;
  font-size: .9rem;
  text-align: justify
}

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item .Content__Text p {
    padding-right: 0
  }
}

@media (max-width:700px) {
  .Component-Zigzag .Zigzag__Item .Content__Text p {
    margin-bottom: 33.2px
  }
}

.Component-Zigzag .Zigzag__Item .Content__Text p a {
  color: #464643;
  font-weight: 700
}

.Component-Zigzag .Zigzag__Item .Content__Text p a:hover {
  color: #a3a3a3
}

.Component-Zigzag .Zigzag__Item .Content__Text p a:active {
  color: #bfbfbd
}

/* .Component-Zigzag .Zigzag__Item.\--Left-Img {
  padding: 1% 5% 0 0
} */

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item.\--Left-Img {
    padding: 0
  }
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text {
  width: 50%;
  color: #777776;
  padding-left: 5%;
  padding-right: 5%
}

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text {
    padding: 0 0 5%
  }
}

@media (max-width:700px) {
  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text {
    width: 100%
  }
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text span {
  color: inherit;
  font-weight: 400
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text h2 {
  color: #777776;
  font-weight: 400;
  font-family: "PT Serif";
  font-size: 2.7rem;
  text-transform: uppercase;
  padding-right: 0;
  margin: 2% 0;
  word-break: keep-all
}

@media (max-width:992px) {
  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text h2 {
    padding: 0
  }
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text p {
  font-weight: 400;
  line-height: 1.5;
  font-size: .9rem;
  padding-right: 0;
  text-align: justify
}

@media (max-width:700px) {
  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text p {
    margin-bottom: 33.2px
  }
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text p a {
  font-weight: 700;
  color: #464643
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text p a:hover {
  color: #a3a3a3
}

.Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text p a:active {
  color: #bfbfbd
}

.Component-Zigzag .Zigzag__Item .Img__Wrapper {
  overflow: hidden;
  width: 50%
}

@media (max-width:700px) {
  .Component-Zigzag .Zigzag__Item .Img__Wrapper {
    width: 100%
  }
}

.Component-Collage {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 3.4vw
}

@media (max-width:768px) {
  .Component-Collage {
    flex-direction: column;
    align-items: center
  }
}

.Component-Collage>div {
  width: 33.333%;
  position: relative
}

.Component-Collage.grid-4>div {
  width: 25%;
  position: relative
}

@media (max-width:992px) {
  .Component-Collage.grid-4>div {
    width: 50%;
  }
}

@media (max-width:768px) {
  .Component-Collage>div {
    width: 80%
  }

  .Component-Collage.grid-4>div {
    width: 80%;
  }

  .Component-Collage>div:not(:last-child) {
    margin-bottom: 2rem
  }
}

.Component-Collage>div>img {
  width: 100%;
  height: auto
}

.Component-Collage>div>a>div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(12, 21, 26, .34901960784313724)
}

.Component-Collage>div>a>div>div {
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

.Component-Collage>div>a>div>div>span {
  text-transform: uppercase;
  font-family: "PT Serif";
  font-size: 2.2rem;
  color: #fff;
  font-weight: 400
}

@media (max-width:992px) {
  .Component-Collage>div>a>div>div>span {
    font-size: 1.5rem
  }
}

.Component-Collage>div>a:hover>div {
  opacity: 1;
  background-color: rgba(12, 21, 26, .2)
}

.Component-Collage>div>a:hover>div>div>span {
  color: #fff
}

.Component-Collage.\--Architecture>div>a>div {
  background-color: transparent
}

.Component-Collage.\--Architecture a>div>div {
  flex-direction: column
}

.Component-Collage.\--Architecture a>div>div>span {
  opacity: 0;
  display: block;
  font-size: 1.5rem;
  font-weight: 700
}

.Component-Collage.\--Architecture a>div>div>span:first-child {
  margin-bottom: 1%;
  font-family: PT Sans;
  font-size: .8rem;
  font-weight: 400
}

.Component-Collage.\--Architecture a:hover>div {
  opacity: 1;
  background-color: rgba(12, 21, 26, .5);
  transition: .3s
}

.Component-Collage.\--Architecture a:hover>div>div>span {
  opacity: 1
}

.Component-Collage.\--Architecture.\--More {
  margin-top: 0
}

.Component-Collage-Wrapper>div:last-child {
  margin-bottom: 1.7vw
}

.Component-Card-Wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 3.4vw
}

@media (min-width:992px) {
  .Component-Card-Wrapper {
    padding: 0 18%
  }

  .Component-Card-Wrapper>div {
    width: 50%
  }

  .Component-Card-Wrapper>div:first-child {
    padding-right: 1.5%
  }

  .Component-Card-Wrapper>div:nth-child(2) {
    padding-left: 1.5%
  }
}

.Component-Card {
  text-align: center;
  display: block;
  color: #777776;
  font-size: .9rem;
  line-height: 1.4
}

.Component-Card>div {
  margin-bottom: 45px
}

.Component-Card>div>img {
  width: 100%
}

.Component-Card p,
.Component-Card span {
  display: block;
  color: #777776;
  font-size: .9rem;
  line-height: 1.4
}

.Component-Card h3 {
  font-family: "PT Serif";
  font-weight: 400;
  font-size: 1.7rem;
  color: #777776;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase
}

.Component-Card a {
  display: block;
  margin-top: 45px;
  font-weight: 700;
  font-size: .9rem;
  color: #3f3f3d;
  text-decoration: none
}

.Component-Card a img {
  width: 20px;
  margin-right: 10px;
  position: relative;
  top: 1px
}

.Component-Card a:active,
.Component-Card a:hover {
  text-decoration: underline;
  color: #c4c3c1
}

@media (max-width:992px) {
  .Component-Card a {
    margin-bottom: 10%
  }
}

.Component-Card-Slider {
  display: flex;
  margin-bottom: 4rem;
  flex-direction: column
}

.Component-Card-Slider.\--withMarginTop {
  margin-top: 90px
}

@media (min-width:992px) {
  .Component-Card-Slider {
    flex-direction: row
  }

  .Component-Card-Slider>div {
    width: 50%
  }

  .Component-Card-Slider>div:first-child {
    padding-right: 1%
  }

  .Component-Card-Slider>div:nth-child(2) {
    padding-left: 1%
  }
}

.Component-Contact-Info {
  display: flex;
  width: 100%;
  padding: 0 16%;
  justify-content: center
}

@media (max-width:1600px) {
  .Component-Contact-Info {
    padding: 0 16%
  }
}

@media (min-width:1400px) {
  .Component-Contact-Info {
    padding: 0 16%
  }
}

@media (max-width:992px) {
  .Component-Contact-Info {
    flex-direction: column;
    padding: 0 16%
  }
}

@media (max-width:490px) {
  .Component-Contact-Info {
    padding: 0 16%
  }
}

.Component-Contact-Info .Component-Contact-Info__Item {
  display: flex;
  flex-direction: column;
  width: 25%;
  font-size: .7rem;
  text-align: center;
  color: #777776;
  text-transform: uppercase
}

@media (min-width:1400px) {
  .Component-Contact-Info .Component-Contact-Info__Item {
    font-size: 1rem
  }
}

@media (max-width:992px) {
  .Component-Contact-Info .Component-Contact-Info__Item {
    width: 100%
  }
}

.Component-Contact-Info .Component-Contact-Info__Item h2 {
  font-weight: 400;
  font-family: "PT Serif";
  font-size: 1.4rem;
  margin-bottom: 1.7vw;
  margin-top: 0;
  text-align: center;
  padding: 0 15%
}

@media (min-width:1400px) {
  .Component-Contact-Info .Component-Contact-Info__Item h2 {
    font-size: 1.5rem;
    padding: 0 9%
  }
}

@media (max-width:992px) {
  .Component-Contact-Info .Component-Contact-Info__Item h2 {
    margin-bottom: 2%
  }
}

.Component-Contact-Info .Component-Contact-Info__Item address>span {
  line-height: 1.2;
  font-size: .65rem;
  color: #777775;
  display: block;
  font-style: normal;
  margin-bottom: 1%;
  font-weight: 400
}

@media (min-width:1400px) {
  .Component-Contact-Info .Component-Contact-Info__Item address>span {
    font-size: 1rem
  }
}

@media (max-width:992px) {
  .Component-Contact-Info .Component-Contact-Info__Item address>span {
    font-size: 1rem
  }
}

.Component-Contact-Info .Component-Contact-Info__Item a {
  text-decoration: none;
  color: #4b4b49;
  font-weight: 700;
  line-height: 1.2;
  font-size: .75rem;
  color: #777775
}

.Component-Contact-Info .Component-Contact-Info__Item a:nth-child(4) {
  text-transform: none;
  margin-top: 5%;
  margin-bottom: 7%
}

@media (max-width:992px) {
  .Component-Contact-Info .Component-Contact-Info__Item a:nth-child(4) {
    margin-top: 0
  }
}

.Component-Contact-Info .Component-Contact-Info__Item a:active,
.Component-Contact-Info .Component-Contact-Info__Item a:hover {
  color: #777776;
  text-decoration: underline
}

.Component-Contact-Info .Component-Contact-Info__Item>span:nth-child(5) {
  justify-content: center
}

.Component-Contact-Info .Component-Contact-Info__Item>span:nth-child(5) img {
  width: 40px
}

.Component-Contact-Info .Component-Contact-Info__Divider {
  width: 2px;
  height: 200px;
  background-color: #9f9f9e
}

@media (min-width:1400px) {
  .Component-Contact-Info .Component-Contact-Info__Divider {
    height: 260px;
    margin: 0 2%
  }
}

@media (max-width:992px) {
  .Component-Contact-Info .Component-Contact-Info__Divider {
    width: 100%;
    height: 1px;
    margin: 5% 0
  }
}

.Map-Contact {
  width: 100%;
  height: 400px;
  margin-bottom: 3.4vw;
  margin-top: 3.4vw
}

.Component-FichaInformation {
  padding: 0 19%;
  display: flex;
  margin-bottom: 80px;
  gap: 20px;
}

.Component-FichaInformation .FichaInformation-Attributes {
  width: 15%
}

@media (max-width:1420px) {
  .Component-FichaInformation .FichaInformation-Attributes {
    width: 25%
  }
}

.Component-FichaInformation .FichaInformation-Attributes .FichaInformation-Attributes-Table>div {
  border-bottom: 2px solid #949492;
  align-items: center;
  display: flex
}

.Component-FichaInformation .FichaInformation-Attributes .FichaInformation-Attributes-Table>div:first-child {
  border-top: 2px solid #949492
}

.Component-FichaInformation .FichaInformation-Attributes .FichaInformation-Attributes-Table>div>div:first-child {
  width: 45px
}

.Component-FichaInformation .FichaInformation-Attributes .FichaInformation-Attributes-Table>div>div:first-child>img {
  width: 30px;
  height: 30px;
  padding: 7px 7px 7px 0
}

.Component-FichaInformation .FichaInformation-Attributes .FichaInformation-Attributes-Table>div>div:nth-child(2) {
  font-size: .8rem;
  text-transform: uppercase;
  color: #949492
}

.Component-FichaInformation .FichaInformation-Information {
  width: 25%;
  padding-left: 3%;
  padding-right: 3%
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data {
  text-transform: uppercase;
  color: #777776
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data small {
  font-size: .7rem;
  position: relative;
  bottom: 8px
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data h1 {
  line-height: 1.2;
  font-size: 1.5rem;
  color: #777776;
  font-family: "PT Serif";
  font-weight: 400
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data figure {
  margin: 0
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data figure>img {
  width: 11vw
}

@media (max-width:1420px) {
  .Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data figure>img {
    width: 14vw
  }
}

@media (max-width:992px) {
  .Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data figure>img {
    max-width: 300px;
    width: 100%
  }
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data p {
  color: #777776;
  margin: 1rem 0 0;
  font-size: .7rem
}

.Component-FichaInformation .FichaInformation-Information .FichaInformation-Information-Data p strong {
  color: #777776
}

.Component-FichaInformation .FichaInformation-Description {
  width: 60%
}

.Component-FichaInformation .FichaInformation-Description .FichaInformation-Description-Data p {
  line-height: 1.4;
  font-size: .9rem;
  text-align: justify;
  color: #777776
}

@media (max-width:992px) {
  .Component-FichaInformation {
    flex-direction: column-reverse
  }

  .Component-FichaInformation .FichaInformation-Attributes,
  .Component-FichaInformation .FichaInformation-Description,
  .Component-FichaInformation .FichaInformation-Information {
    padding: 0;
    margin: 0;
    width: 100%
  }

  .Component-FichaInformation .FichaInformation-Information-Data figure {
    text-align: center
  }
}

.Component-FichaInformation-Actions {
  padding: 0 19%;
  display: flex;
  margin-bottom: 3.4vw
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions {
  width: 15%;
  display: flex;
  margin-top: 2.5rem;
  position: relative
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>button {
  width: 35px;
  border: none;
  background-color: transparent;
  cursor: pointer
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>button svg {
  height: 25px;
  transition: .2s
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>button svg:hover {
  transform: scale(1.2)
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>button svg:hover path {
  stroke: #777776
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>button svg:active path {
  stroke: #ff009f
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>.SocialSharingButtons {
  animation: fadein 1s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  width: 2px;
  right: -1rem
}

.Component-FichaInformation-Actions .FichaInformation-Information-Actions {
  width: 25%;
  padding-left: 3%
}

.Component-FichaInformation-Actions .FichaInformation-Information-Actions div {
  margin-top: 2.7rem
}

.Component-FichaInformation-Actions .FichaInformation-Information-Actions div a {
  text-decoration: none;
  text-transform: uppercase;
  color: #6a6a69;
  font-size: .9rem
}

.Component-FichaInformation-Actions .FichaInformation-Information-Actions div a img {
  width: 20px;
  margin-right: 1rem;
  transition: .1s
}

.Component-FichaInformation-Actions .FichaInformation-Information-Actions div a span {
  font-size: .9rem;
  vertical-align: -3px;
  color: #1d1d1b;
  line-height: 1.4
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions {
  display: flex;
  width: 60%
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div {
  margin-top: 2.7rem
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a {
  text-decoration: none;
  text-transform: uppercase;
  color: #6a6a69;
  font-size: .9rem
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a img {
  width: 20px;
  margin-right: 1rem;
  transition: .1s
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a span {
  font-size: .9rem;
  vertical-align: -3px;
  color: #1d1d1b;
  line-height: 1.4
}

@media (max-width:992px) {
  .Component-FichaInformation-Actions {
    flex-wrap: wrap
  }

  .Component-FichaInformation-Actions .FichaInformation-Attributes-Actions {
    width: 100%;
    justify-content: space-around
  }

  .Component-FichaInformation-Actions .FichaInformation-Information-Actions {
    padding-left: 0;
    width: 40%
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions {
    width: 60%;
    margin-bottom: 4rem
  }
}

@media (max-width:780px) {
  .Component-FichaInformation-Actions {
    flex-direction: column
  }

  .Component-FichaInformation-Actions .FichaInformation-Attributes-Actions,
  .Component-FichaInformation-Actions .FichaInformation-Information-Actions {
    width: 100%
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions {
    width: 100%;
    margin-bottom: 2rem
  }
}

@media (max-width:480px) {
  .Component-FichaInformation-Actions .FichaInformation-Attributes-Actions>.SocialSharingButtons {
    right: 10rem;
    animation: fadein .5s cubic-bezier(.215, .61, .355, 1)
  }
}

.Component-Button {
  cursor: pointer;
  min-width: 270px;
  height: 40px;
  background-color: #ff009f;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: .7rem;
  transition: all .1s
}

.Component-Button:disabled {
  background-color: #ff91d5;
  cursor: wait
}

.Component-Button:not(.\--WithNormalTextTransform) {
  text-transform: uppercase
}

.Component-Button.\--PrevNextButton-Position {
  position: relative;
  left: 5px
}

.Component-Button.\--PrevNextButton {
  min-width: 130px;
  height: 40px
}

.Component-Button.\--PrevNextButton-Post {
  min-width: 100%
}

.Component-Button.\--ShowRoom {
  font-size: .7rem;
  height: 40px;
  min-width: 270px
}

.Component-Button.\--Blog {
  height: 40px;
  min-width: 260px
}

.Component-Button.\--Reply {
  width: 100%
}

.Component-Button:hover {
  background-color: #ff7ecd;
  color: #fff
}

.Component-Button:active {
  background-color: #bbb;
  color: #fff
}

.Component-Article-Img {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.Component-Article-Img .Component-Button#LOAD-MORE-PROJECTS {
  margin-top: 1.7vw
}

.Component-Article-Img>div:first-child {
  text-align: center
}

.Component-Article-Img .Article-Img__Wrapper {
  margin-top: 3.4vw;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-left: 8%
}

.Component-Article-Img .Article-Img__Wrapper.\--WithoutMarginTop {
  margin-top: 0
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper {
    flex-direction: column-reverse;
    align-items: center
  }
}

.Component-Article-Img .Article-Img__Wrapper .Article-Img {
  height: 27vw;
  width: 18vw;
  overflow: hidden;
  margin-right: 5%;
  background-size: cover
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper .Article-Img {
    height: 400px;
    width: 100%;
    margin-right: unset
  }
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) {
  color: #777776;
  width: 70%;
  padding-top: 1vw
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) {
    width: 100%;
    margin-bottom: 2rem;
    text-align: center
  }
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h2 {
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 400;
  font-family: PT Sans;
  color: #777776;
  margin-top: 0;
  margin-bottom: 0
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h2 {
    text-align: center;
    font-size: .7rem
  }
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h3 {
  text-transform: uppercase;
  font-size: 2.7rem;
  margin-top: 1vw;
  margin-bottom: 0;
  font-weight: 400;
  color: #777776;
  font-family: "PT Serif"
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h3 {
    margin-bottom: 2%;
    font-size: 1.75rem
  }
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) p {
  margin-top: 0;
  margin-bottom: 2vw;
  line-height: 1.4;
  font-size: .9rem;
  color: #777776;
  font-family: PT Sans
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) p {
    font-size: .9rem;
    line-height: 1.5
  }
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div a {
  text-decoration: none;
  cursor: pointer;
  color: inherit
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div a:active,
.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div a:hover {
  text-decoration: underline;
  color: #c4c3c1
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div a>span:first-child {
  margin-right: 3%
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div a .Inbox {
  width: 30px;
  position: relative;
  top: 3px
}

@media (max-width:992px) {
  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div a .Inbox {
    width: 20px
  }
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2)>div>span.Text {
  font-size: 1rem;
  font-weight: 400;
  color: #777776
}

.Component-Article-Img.\--ShowRoom>div:nth-child(2) h2 {
  text-transform: uppercase;
  font-size: .8rem;
  color: #777776;
  margin-top: 1vw;
  margin-bottom: 0
}

.Component-Article-Img.\--ShowRoom>div:nth-child(2)>div a .Inbox {
  top: 3px
}

@media (max-width:992px) {
  .Component-Article-Img.\--ShowRoom>div:nth-child(2)>div a .Inbox {
    width: 20px
  }
}

.Component-Article-Img.\--ShowRoom>div:nth-child(2)>div a .Inbox+span {
  text-transform: uppercase
}

.Component-Article-Img.\--Proyect,
.Component-Article-Img.\--ShowRoom>div:first-child {
  margin-top: 3.4vw
}

.Component-Quote {
  color: #777776;
  text-align: center
}

.Component-Quote>span:first-child {
  font-style: italic;
  display: block;
  color: #777776;
  line-height: 1.5;
  font-size: .8rem;
  font-family: "PT Serif";
  margin-bottom: 2%
}

.Component-Quote>span:nth-child(2) {
  font-size: .7rem;
  display: block;
  text-transform: uppercase;
  margin: 0
}

.Component-Quote.\--ShowRoom span:first-child {
  padding: 0 6%;
  line-height: 1.4
}

.Map-ShowRoom {
  height: 500px;
  width: 100%;
  margin-top: 3.4vw
}

.Component-Hero-Collage {
  position: relative
}

.Component-Hero-Collage>div:first-child {
  position: absolute;
  line-height: 1.5;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  font-size: 5rem;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700
}

@media (max-width:1180px) {
  .Component-Hero-Collage>div:first-child {
    font-size: 3rem
  }
}

@media (max-width:992px) {
  .Component-Hero-Collage>div:first-child {
    font-size: 4rem
  }
}

@media (max-width:768px) {
  .Component-Hero-Collage>div:first-child {
    font-size: 2rem
  }
}

@media (max-width:320px) {
  .Component-Hero-Collage>div:first-child {
    font-size: 1.25rem
  }
}

.Component-Hero-Collage .Component-Hero-Collage__Overlay {
  flex-wrap: wrap;
  display: flex
}

.Component-Hero-Collage .Component-Hero-Collage__Overlay>div {
  width: 33.3333%
}

@media (max-width:992px) {
  .Component-Hero-Collage .Component-Hero-Collage__Overlay>div {
    width: 50%
  }
}

.Component-Hero-Collage .Component-Hero-Collage__Overlay>div img {
  width: 100%
}

.Component-Values {
  list-style: none;
  margin-top: 100px;
  padding: 0 20%
}

@media (max-width:778px) {
  .Component-Values {
    padding: 0
  }
}

.Component-Values>div {
  display: flex;
  width: 100%
}

@media (max-width:778px) {
  .Component-Values>div {
    flex-direction: column
  }
}

.Component-Values>div ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  width: 100%
}

@media (max-width:778px) {
  .Component-Values>div ul {
    flex-direction: column
  }
}

.Component-Values>div li {
  width: 33.3333%;
  text-align: center;
  margin-right: 5%
}

@media (max-width:778px) {
  .Component-Values>div li {
    width: 60%;
    margin: auto
  }
}

.Component-Values>div li>span:first-child {
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0
}

.Component-Values>div li>span,
.Component-Values>div li>span:first-child {
  display: block;
  color: #777776;
  margin-bottom: 1.7vw
}

.Component-Values>div li>span:first-child {
  font-size: .8rem
}

.Component-Values>div li>span:nth-child(2) {
  font-size: 1.4rem;
  font-family: "PT Serif"
}

.Component-Values>div li>span:nth-child(4) {
  margin-top: 1.7vw;
  font-size: .9rem;
  margin-bottom: 0
}

.Component-Values>div li>span:nth-child(5) {
  font-style: italic;
  font-size: .9rem
}

.Component-Values>div li>span:nth-child(6),
.Component-Values>div li>span:nth-child(7) {
  font-size: .9rem
}

.Component-Values>div li>span:nth-child(7) {
  display: block
}

.Component-Values>div li .Divider {
  height: 1px;
  width: 100%;
  background-color: #777776
}

.Component-Owners {
  text-align: center;
  margin-bottom: 3.4vw;
  margin-top: 3.4vw
}

.Component-Owners>div:first-child>h2:first-child {
  text-transform: uppercase;
  font-weight: 400;
  color: #777776;
  font-size: 1.5rem;
  font-family: "PT Serif";
  margin-top: 0;
  margin-bottom: 0
}

@media (max-width:620px) {
  .Component-Owners>div:first-child>h2:first-child {
    font-size: 1.5rem
  }
}

.Component-Owners>div:nth-child(2) {
  margin-bottom: 1.7vw;
  margin-top: 1.7vw
}

.Component-Owners>div:nth-child(2) img {
  width: 100%
}

.Component-Owners>div:nth-child(3) {
  display: flex;
  justify-content: center;
  color: #777776
}

.Component-Owners>div:nth-child(3)>div:first-child {
  display: flex;
  flex-direction: column;
  margin-right: 5%
}

.Component-Owners>div:nth-child(3)>div:first-child>h3:first-child {
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: 2%;
  font-weight: 700;
  margin-top: 0
}

.Component-Owners>div:nth-child(3)>div:first-child>span:nth-child(2) {
  text-transform: capitalize;
  font-size: .8rem;
  margin-bottom: 1%;
  font-family: "PT Serif";
  font-style: italic
}

.Component-Owners>div:nth-child(3)>div:first-child>h4:nth-child(3) {
  text-transform: uppercase;
  font-size: .7rem;
  margin-top: 1vh;
  margin-bottom: 0
}

.Component-Owners>div:nth-child(3)>div:nth-child(2) {
  display: flex;
  flex-direction: column
}

.Component-Owners>div:nth-child(3)>div:nth-child(2)>h3:first-child {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 2%;
  margin-top: 0
}

.Component-Owners>div:nth-child(3)>div:nth-child(2)>span:nth-child(2) {
  text-transform: capitalize;
  font-size: .8rem;
  margin-bottom: 1%;
  font-family: "PT Serif";
  font-style: italic
}

.Component-Owners>div:nth-child(3)>div:nth-child(2)>h4:nth-child(3) {
  text-transform: uppercase;
  font-size: .7rem;
  margin-top: 1vh;
  margin-bottom: 0
}

.Component-Blog-Reviews {
  margin-top: 3.4vw
}

.Component-Blog-Reviews>div {
  overflow: hidden;
  width: 100%;
  text-align: center
}

.Component-Blog-Reviews>div img {
  width: 58%
}

.Component-Blog-Reviews .Wrapper-Button {
  text-align: center;
  margin-top: 1.7vw;
  margin-bottom: 0
}

.Wrapper-Arrow {
  text-align: center;
  margin-top: 3.4vw
}

.Wrapper-Arrow img {
  transform: rotate(90deg);
  height: 50px
}

.Component-Blog-Navigation {
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  margin-top: 1.64vw
}

.Component-Blog-Navigation .Component-Blog-Navigation__Item span {
  font-size: .8rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #4b4b49
}

.Component-Blog-Navigation .Component-Blog-Navigation__Item span:hover {
  color: #a3a3a3;
  text-decoration: none
}

.Component-Blog-Navigation .Component-Blog-Navigation__Item span:active {
  color: #bfbfbd;
  text-decoration: underline
}

.Component-Blog-Navigation .Component-Blog-Navigation__Item:last-child {
  color: #000;
  text-decoration: underline
}

.Component-Post>div:first-child {
  height: 500px;
  overflow: hidden;
  background-position: 50%;
  background-size: cover
}

.Component-Post .Component-Post__Content {
  width: 100%;
  display: flex;
  color: #777776;
  margin-bottom: 2%
}

@media (max-width:992px) {
  .Component-Post .Component-Post__Content {
    flex-wrap: wrap
  }
}

.Component-Post .Component-Post__Content .Content__Article {
  width: 70%;
  margin-right: 5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media (max-width:992px) {
  .Component-Post .Component-Post__Content .Content__Article {
    margin-right: 0;
    width: 100%
  }
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child {
  width: 100%
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child>span {
  font-size: .8rem;
  margin-bottom: 0;
  color: #777776;
  font-weight: 400
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child>span:nth-child(3) {
  font-weight: 400;
  margin-bottom: .6rem;
  font-size: .8rem;
  color: #777776
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child h1 {
  margin-top: 0;
  margin-bottom: 1%;
  font-size: 2.7rem;
  color: #777776;
  font-family: "PT Serif";
  font-weight: 400
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child p {
  font-size: .9rem;
  text-align: justify;
  line-height: 1.4;
  word-break: break-all
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child img {
  max-width: 50vw;
  max-height: 100vh
}

.Component-Post .Component-Post__Content .Content__Article>div:nth-child(2) {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin-top: 1.7vw;
  margin-bottom: 3.4vw
}

.Component-Post .Component-Post__Content .Content__Article>div:nth-child(2) a {
  flex: 1 1
}

.Component-Post .Content__Suggested-Posts {
  width: 25%
}

@media (max-width:992px) {
  .Component-Post .Content__Suggested-Posts {
    width: 100%;
    display: flex;
    flex-wrap: wrap
  }
}

@media (max-width:768px) {
  .Component-Post .Content__Suggested-Posts {
    flex-direction: column
  }
}

.Component-Post .Content__Suggested-Posts>span {
  font-size: .8rem;
  margin-bottom: 10%;
  display: block
}

@media (max-width:992px) {
  .Component-Post .Content__Suggested-Posts>span {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1rem
  }
}

.Component-Post .Content__Suggested-Posts .mock {
  width: 100%;
  height: 150px;
  overflow: hidden
}

@media (max-width:992px) {
  .Component-Post .Content__Suggested-Posts .mock {
    height: auto
  }
}

.Component-Post .Content__Suggested-Posts .mock img {
  max-width: 100%
}

.Component-Post .Content__Suggested-Posts .Divider {
  background-color: #777776;
  width: 100%;
  height: 1px;
  margin: 0 0 5%
}

@media (max-width:992px) {
  .Component-Post .Content__Suggested-Posts .Suggested-Post {
    width: 33.3333%
  }
}

@media (max-width:768px) {
  .Component-Post .Content__Suggested-Posts .Suggested-Post {
    width: 100%
  }
}

.Component-Post .Content__Suggested-Posts .Suggested-Post a {
  text-decoration: none
}

.Component-Post .Content__Suggested-Posts .Suggested-Post a span {
  font-size: 0;
  color: #777776;
  display: none
}

.Component-Post .Content__Suggested-Posts .Suggested-Post a h4 {
  margin: .35rem 0;
  font-family: "PT Serif";
  font-size: 1.4rem;
  color: #777776;
  font-weight: 400;
  line-height: 1.4rem
}

.Component-Post .Content__Suggested-Posts .Suggested-Post a h4 :active,
.Component-Post .Content__Suggested-Posts .Suggested-Post a h4:hover {
  text-decoration: underline;
  color: #c4c3c1
}

@media (max-width:992px) {
  .Component-Post .Content__Suggested-Posts>div:nth-child(5) {
    width: 100%;
    display: flex;
    justify-content: space-between
  }
}

.Component-Post .Content__Suggested-Posts>div:nth-child(5)>span:first-child {
  display: block;
  margin-top: 5%;
  font-size: .8rem;
  margin-bottom: 3%
}

@media (max-width:992px) {
  .Component-Post .Content__Suggested-Posts>div:nth-child(5)>span:first-child {
    margin: 0
  }
}

.Component-Post .Content__Suggested-Posts>div:nth-child(5)>span:nth-child(2) {
  display: block;
  font-size: .8rem;
  line-height: 1.6;
  font-weight: 700;
  font-family: "PT Serif"
}

.Component-Post .Content__Suggested-Posts>div:nth-child(5)>span:nth-child(2)>a {
  text-decoration: none;
  color: #3f3f3d;
  line-height: 1.6;
  font-weight: 700;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: "PT Serif";
  font-weight: 400
}

.Component-Post .Content__Suggested-Posts>div:nth-child(5)>span:nth-child(2)>a :active,
.Component-Post .Content__Suggested-Posts>div:nth-child(5)>span:nth-child(2)>a:hover {
  text-decoration: underline;
  color: #c4c3c1
}

.Component-Post-Coments-Section {
  color: #777776;
  width: 100%;
  margin-top: 2rem
}

.Component-Post-Coments-Section .Component-Post-Coments-Section__Coment>p {
  font-size: .8rem
}

.Component-Post-Coments-Section .Component-Post-Coments-Section__Coment>span {
  font-size: .8rem;
  text-transform: uppercase
}

.Component-Post-Coments-Section>span {
  color: #777776;
  font-size: .8rem;
  font-family: "PT Serif";
  font-weight: 700
}

.Component-Post-Coments-Section .Divider {
  width: 100%;
  height: 2px;
  background-color: #777776;
  margin: 1.2vw 0
}

.Component-Post-Reply {
  width: 100%;
  margin-top: 1.2vw
}

@media (max-width:992px) {
  .Component-Post-Reply {
    max-width: 100%
  }
}

.Component-Post-Reply>span:first-child {
  color: #777776;
  font-family: "PT Serif";
  display: block;
  font-weight: 700;
  font-size: .8rem;
  margin-bottom: 1.2vw
}

.Component-Post-Reply>span:nth-child(2) {
  color: #777776;
  font-size: .7rem;
  display: block;
  margin-bottom: 1.2vw
}

.Component-Post-Reply form input[type=submit] {
  margin-top: 50px
}

.Component-Post-Reply form label {
  display: block;
  font-size: .7rem;
  margin-bottom: 1%;
  text-transform: uppercase;
  color: #777776
}

.Component-Post-Reply form input:not(:last-of-type) {
  display: block;
  width: 100%;
  text-transform: uppercase;
  border: none;
  border-bottom: 2px solid #777776;
  height: 30px;
  margin-bottom: 1.2vw
}

.Component-Post-Reply form div p {
  margin: 0
}

.Component-Post-Reply form div p label {
  display: block;
  font-size: .7rem;
  text-transform: uppercase;
  color: #777776
}

.Component-Post-Reply form div p label u {
  text-decoration: none;
  display: inline;
  vertical-align: 8px;
  margin-left: .7rem;
  font-size: .8rem;
  cursor: pointer
}

@media (max-width:991px) {
  .Component-Post-Reply form div p label u {
    font-size: 1rem
  }
}

.Component-Post-Reply form div p label u strong {
  color: #000;
  text-decoration: none;
  font-weight: 700
}

.Component-Post-Reply form div p label u span {
  display: block;
  margin-left: 35px
}

@media (max-width:991px) {
  .Component-Post-Reply form div p label u span {
    margin-left: 0
  }
}

.Component-Post-Reply form div p label u span a,
.Component-Post-Reply form div p label u span strong {
  text-decoration: none;
  color: #000;
  font-weight: 700
}

.Component-Post-Reply form input[type=checkbox] {
  cursor: pointer;
  display: none
}

.Component-Post-Reply form input[type=checkbox]:checked+label:before,
.Component-Post-Reply form input[type=checkbox]:not(:checked)+label:before {
  border: 1px solid #000;
  content: "";
  padding-right: .2em;
  font-size: 1.6em;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0 0 2px
}

.Component-Post-Reply form input[type=checkbox]:checked+label:before {
  background-color: #000
}

.Component-Post-Reply form span.error-validation {
  color: #777776;
  font-size: .8rem;
  margin-bottom: 1.3vw;
  display: block
}

.Component-Post-Reply form span.error-validation.\--leftop {
  margin-bottom: 1vw
}

.Component-Breadcrumb {
  font-weight: lighter;
  color: #a8a8a7;
  font-size: .6rem;
  text-transform: uppercase;
  text-decoration: none;
  position: absolute;
  font-family: PT Sans;
  bottom: -15px
}

.Component-Breadcrumb:hover {
  color: #a3a3a3
}

.Component-Breadcrumb:active {
  color: #bfbfbd
}

.Component-Breadcrumb.\--Static {
  position: static;
  margin-top: 2.07vw;
  margin-bottom: 3.4vw
}

.Component-Breadcrumb.\--Other {
  margin-top: 1.64vw;
  margin-bottom: 3.11vw
}

.Component-Breadcrumb a {
  text-decoration: none;
  color: #a8a8a7
}

.Component-Breadcrumb a:hover {
  color: #a3a3a3
}

.Component-Breadcrumb a:active {
  color: #bfbfbd
}

.Component-Breadcrumb.\--ficha-Inmuebles {
  margin-top: 0;
  margin-bottom: 3.11vw;
  position: relative;
  bottom: 1vw
}

@media (max-width:1280px) {
  .Component-Breadcrumb.\--ficha-Inmuebles {
    bottom: 1.3vw;
    width: 70%;
    display: inline-block
  }
}

@media (max-width:980px) {
  .Component-Breadcrumb.\--ficha-Inmuebles {
    bottom: 1.7vw
  }
}

@media (max-width:480px) {
  .Component-Breadcrumb.\--ficha-Inmuebles {
    width: 52%
  }
}

.Component-Breadcrumb.\--Proyects {
  padding-left: 20% !important
}

@media (max-width:1400px) {
  .Component-Breadcrumb.\--Proyects {
    padding-left: 20% !important
  }
}

@media (max-width:1280px) {
  .Component-Breadcrumb.\--Proyects {
    padding-left: 15% !important
  }
}

@media (max-width:992px) {
  .Component-Breadcrumb.\--Proyects {
    padding-left: 10% !important
  }
}

@media (max-width:768px) {
  .Component-Breadcrumb.\--Proyects {
    padding-left: 5% !important
  }
}

.Component-Breadcrumb.\--QueryResult {
  margin-top: 1.7vw;
  margin-bottom: 1.7vw
}

.Component-Breadcrumb.\--BlogPost {
  margin-top: 1.64vw;
  margin-bottom: 3.11vw;
  padding-left: 8% !important
}

@media (max-width:992px) {
  .Component-Breadcrumb.\--BlogPost {
    padding-left: 10% !important
  }
}

.ModalMotion {
  outline: none
}

.Component-Footer .Footer__Social-Legal-Mobile .Footer__Social-Networks span a {
  text-decoration: none
}

.Component-Padding-Sides.home-title h2 {
  text-transform: uppercase
}

.Component__Contact {
  padding-top: 11px;
  padding-bottom: 34px
}

.Component__Contact a.email {
  text-decoration: none;
  margin-right: 1vw;
  font-size: .7rem;
  color: #1d1d1b;
  font-weight: 700
}

.Component__Contact a.email:hover {
  color: #bfbfbd;
  text-decoration: underline
}

.ModalMotionOverlay {
  z-index: 999
}

/* .NewSletterFixed {
  top: 150px
} */

.blog-mobile-navigation {
  display: none
}

.scroll-bottom-section {
  position: relative
}

.scroll-bottom-section .scroll-bottom {
  position: absolute;
  bottom: -22.5px;
  width: 50px;
  border-radius: 25px;
  background: #fff;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  cursor: pointer;
  z-index: 99
}

@media (max-width:767px) {
  .scroll-bottom-section .scroll-bottom {
    width: 50px;
    height: 30px
  }
}

.scroll-bottom-section .scroll-bottom svg {
  width: 14px;
  margin-top: 4px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

@media (max-width:767px) {
  .scroll-bottom-section .scroll-bottom svg {
    width: 25px
  }
}

.scroll-bottom-section .scroll-bottom svg path {
  fill: #3e3e3c
}

.scroll-bottom-section .scroll-bottom:hover svg path {
  fill: rgba(255, 0, 157, .34)
}

.scroll-bottom-section.project-section .scroll-bottom {
  bottom: 130px
}

.RecommendCard .RecommendCard-Thumbnail .Mock__Overlay span svg.fill path,
.Recommended__Item .Mock .Mock__Overlay span svg.fill path {
  fill: none;
  stroke: #ff009f
}

.project-section .OnlyImage__Figure {
  background-size: contain
}

.project-section .OnlyImage__Figure:before {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  background: #fcf8f0;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  z-index: -1
}

.project-section .WithCarouselPreview .slick-slide .MiniPreview {
  margin-right: 5px;
  background: #fcf8f0
}

@media (max-width:767px) {
  .project-section .WithCarouselPreview .slick-slide .MiniPreview {
    width: 50px;
    height: 40px
  }

  .project-section .WithCarouselPreview .slick-slide .MiniPreview>img {
    height: 100%;
    width: 100%
  }
}

@media (min-width:768px) and (max-width:992px) {
  .project-section .WithCarouselPreview .slick-slide .MiniPreview {
    width: 100px;
    height: 70px
  }

  .project-section .WithCarouselPreview .slick-slide .MiniPreview>img {
    height: 100%;
    width: 100%
  }
}

.project-section .WithCarouselPreview .slick-slide .MiniPreview>img {
  object-fit: contain
}

.main-banner {
  position: relative
}

.main-banner .headImg {
  background-size: cover;
  height: 800px
}

@media (max-width:1380px) {
  .main-banner .headImg {
    height: 500px
  }
}

.Component-Header-Navigation-Wrapper.\--Mobile {
  border-top: none
}

.Component-Header-Navigation-Wrapper.\--Mobile.\--Open {
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .149);
  padding-top: 30px
}

.Component-Header-Mobile #IconBurger {
  width: 40px;
  height: 40px
}

.Component-Header-Mobile #IconBurger .iconbar {
  width: 30px;
  height: 2px;
  background: #111516;
  margin-top: 6px;
  display: block
}

.Component-Header-Mobile #IconBurger .iconbar:first-child {
  margin-top: 0
}

.CarouselFicha>.Carousel>div:nth-child(2) {
  width: 100%;
  background-size: contain
}

.CarouselFicha>.Carousel>div:first-child,
.CarouselFicha>.Carousel>div:nth-child(3) {
  width: auto;
  background-color: #fcf8f0
}

.CarouselFicha>.Navegation>div button {
  height: 40px
}

.CarouselFicha>.Navegation>div button path {
  fill: #3e3e3c
}

.CarouselFicha>.Navegation>div button svg {
  height: 100%
}

.slick-arrow path,
.SliderBase.\--CarouselMode .slick-arrow path {
  fill: #3e3e3c
}

.SliderBase.\--CarouselMode .slick-arrow svg {
  height: 100%
}

.SliderBase.\--CarouselMode .slick-arrow.slick-next,
.SliderBase.\--CarouselMode .slick-arrow.slick-prev {
  height: 40px
}

.SliderBase:not(.\--CarouselMode) .slick-arrow svg {
  height: 100%
}

.SliderBase:not(.\--CarouselMode) .slick-arrow.slick-next,
.SliderBase:not(.\--CarouselMode) .slick-arrow.slick-prev {
  height: 40px
}

.HouseData__Figure-Caption {
  max-height: 170px
}

@media (max-width:991px) {
  .HouseData__Figure-Caption {
    margin: auto
  }
}

@media (max-width:630px) {
  .HouseData__Figure-Caption {
    width: 90%
  }
}

.HouseData__Figure-Caption>div:first-child {
  justify-content: center
}

@media (max-width:630px) {

  .HouseData__Figure-Caption>div:first-child,
  .HouseData__Figure-Caption>div:nth-child(2) {
    width: 50%
  }
}

.real-estate-slider {
  position: relative
}

@media (min-width:992px) and (max-width:1199px) {
  .real-estate-slider .scroll-bottom-section .scroll-bottom {
    bottom: 20px
  }
}

@media (min-width:1200px) and (max-width:1299px) {
  .real-estate-slider .scroll-bottom-section .scroll-bottom {
    bottom: 20px
  }
}

@media (min-width:1300px) and (max-width:1399px) {
  .real-estate-slider .scroll-bottom-section .scroll-bottom {
    bottom: 20px
  }
}

.real-estate-slider .QueryBarBuilder {
  position: absolute;
  bottom: 180px;
  width: 62%;
  margin: 0 auto;
  left: 0;
  right: 30px;
  padding: 0 90px 0 20px
}

@media (max-width:991px) {
  .real-estate-slider .QueryBarBuilder {
    bottom: auto;
    position: relative;
    width: auto;
    left: auto;
    right: auto
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .real-estate-slider .QueryBarBuilder {
    bottom: 70px;
    width: 85%;
    padding: 0 80px 0 20px !important;
    right: 0
  }
}

@media (min-width:1200px) and (max-width:1299px) {
  .real-estate-slider .QueryBarBuilder {
    bottom: 70px;
    width: 80%
  }
}

@media (min-width:1300px) and (max-width:1399px) {
  .real-estate-slider .QueryBarBuilder {
    bottom: 80px
  }
}

.real-estate-slider .QueryBarBuilder>form .IconsBlock>button {
  text-transform: uppercase;
  color: #fff;
  font-size: .9rem;
  font-weight: 700
}

@media (min-width:992px) {
  .real-estate-slider .QueryBarBuilder>form .IconsBlock>button {
    height: 100%;
    position: absolute;
    width: auto;
    right: 0
  }

  .real-estate-slider .QueryBarBuilder>form .IconsBlock>button svg {
    display: none
  }
}

.QueryBarBuilder>form .IconsBlock>button {
  text-transform: uppercase;
  color: #fff;
  font-size: .9rem;
  font-weight: 700
}

@media (min-width:992px) {
  .QueryBarBuilder>form .IconsBlock>button svg {
    display: none
  }
}

@media (max-width:991px) {
  .QueryBarBuilder>form .IconsBlock>button .search-bar {
    display: none
  }
}

.QueryItem .AbsoluteBlock {
  z-index: 999
}

.QueryItem .AbsoluteBlock .inner-block {
  display: none;
  height: 160px
}

.QueryItem .AbsoluteBlock .inner-block .\--Nested {
  padding: .3rem .6rem
}

.QueryItem .AbsoluteBlock .inner-block ul {
  padding: .3rem .6rem 0;
  list-style: none;
  margin: 0
}

.QueryItem .AbsoluteBlock .inner-block ul li {
  font-size: .9rem;
  padding: .3rem 0;
  position: relative;
  line-height: 1
}

.QueryItem .AbsoluteBlock .inner-block ul li:after {
  content: "";
  background: grey;
  width: 200px;
  left: -19px;
  top: .8px;
  height: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0
}

.QueryItem .AbsoluteBlock .inner-block ul li:hover:after {
  opacity: 1
}

.QueryItem .AbsoluteBlock .inner-block ul li:hover svg circle {
  fill: #bbb;
  stroke: #bbb
}

.QueryItem .AbsoluteBlock .inner-block ul li span {
  display: inline;
  padding: 0
}

.QueryItem .AbsoluteBlock .inner-block ul li span:hover {
  background: transparent
}

.QueryItem .AbsoluteBlock .inner-block ul li.\--Active span {
  color: #fc1a9e
}

.QueryItem .AbsoluteBlock .mCustomScrollBox {
  padding: 0 !important
}

.QueryItem .AbsoluteBlock .mCustomScrollBox:hover {
  background: transparent !important
}

.QueryItem .AbsoluteBlock .mCSB_inside>.mCSB_container {
  margin-right: 0 !important
}

.QueryItem .AbsoluteBlock>div>div span {
  font-size: .9rem;
  display: block;
  padding: .3rem .6rem;
  margin: 0;
  transition: .2s
}

.QueryItem .AbsoluteBlock>div>div span:hover {
  background: grey
}

.QueryItem .AbsoluteBlock>div>div span:hover svg circle {
  fill: #bbb;
  stroke: #bbb
}

.QueryItem .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent !important
}

.QueryItem .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ece1cb !important;
  width: 7px !important;
  margin: 0 8px 0 auto !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important
}

.Component-Values>div li {
  margin-bottom: 39px
}

.Testimony {
  font-size: .9rem
}

.Component-Testimony .Component-Card a {
  margin: 0;
  display: inline-block
}

.Component-Testimony .Component-Card a.Read-More {
  text-decoration: underline;
  text-transform: capitalize
}

.Component-Testimony .Component-Card a img {
  width: 100%
}

@media (max-width:767px) {
  .Component-Testimony .Component-Card {
    margin: 0 0 47px
  }

  .Component-Testimony .Component-Card p {
    margin: 0
  }

  .Component-Testimony .Component-Card a span {
    margin: 0 0 15px
  }
}

@media (max-width:767px) {
  .Component-Testimony .Component-Card:last-child {
    margin: 0
  }
}

.Component-Testimony .Testimony {
  margin: 0;
  padding: 0
}

.Testimony .morelink {
  color: #464643;
  font-weight: 700;
  text-transform: capitalize;
  text-decoration: underline;
  display: inline-block
}

.Testimony .morelink:hover {
  text-decoration: underline;
  color: #c4c3c1
}

.Component-Article-Img .architectura_design_article_img.cut_readmore .btn-overflow {
  color: #464643;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 25px
}

.Component-Article-Img .architectura_design_article_img.cut_readmore .btn-overflow:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #c4c3c1
}

.Component-Article-Img .Component-Article-Img .Article-Img__Wrapper .Article-Img {
  object-fit: cover
}

.QuerySort>div:first-child {
  width: 85%
}

@media (max-width:767px) {
  .QuerySort>div:first-child {
    width: 100%;
    text-align: center
  }
}

.QuerySort>div:first-child>div:first-child {
  width: 25%
}

@media (max-width:991px) {
  .QuerySort>div:first-child>div:first-child {
    width: 100%
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .QuerySort>div:first-child>div:first-child {
    width: 25%
  }
}

.QuerySort>div:first-child>div:nth-child(2) {
  width: 80%
}

@media (max-width:991px) {
  .QuerySort>div:first-child>div:nth-child(2) {
    width: 100%
  }
}

.QuerySort>div:first-child>div:nth-child(2) span {
  text-transform: uppercase;
  display: inline-block
}

.QuerySort>div:first-child>div:nth-child(2) span:nth-child(2) {
  margin-left: 10px
}

.Interiror-Designer .Component-Article-Img:nth-child(odd) .Article-Img__Wrapper {
  text-align: left
}

@media (max-width:767px) {
  .Interiror-Designer .Component-Article-Img:nth-child(odd) .Article-Img__Wrapper {
    margin-top: 40px
  }
}

.Interiror-Designer .Component-Article-Img .Article-Img__Wrapper h3 {
  margin-bottom: 15px !important
}

.Interiror-Designer .Component-Article-Img:nth-child(2n) .Article-Img__Wrapper {
  flex-direction: row-reverse;
  padding-left: 0;
  padding-right: 8%;
  text-align: left
}

@media (max-width:992px) {
  .Interiror-Designer .Component-Article-Img:nth-child(2n) .Article-Img__Wrapper {
    flex-direction: column
  }
}

@media (max-width:767px) {
  .Interiror-Designer .Component-Article-Img:nth-child(2n) .Article-Img__Wrapper {
    padding-right: 0;
    margin-top: 40px
  }
}

.Interiror-Designer .Component-Article-Img:nth-child(2n) .Article-Img__Wrapper .Article-Img {
  margin-right: 0;
  margin-left: 5%
}

@media (max-width:992px) {
  .Interiror-Designer .Component-Article-Img:nth-child(2n) .Article-Img__Wrapper .Article-Img {
    margin-left: 0
  }
}

.Component-Article-Img .Article-Img__Wrapper .Article-Img {
  object-fit: cover;
  font-family: "object-fit:cover;"
}

.Component-Article-Img .Article-Img__Wrapper>div p {
  text-align: justify
}

.Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h3 {
  margin-bottom: 15px
}

.Component__Title-Description.\--ShowRoom {
  word-break: normal
}

.Slider-Overlay>a>figure>div {
  padding: 15px
}

.Slider-Overlay>a>figure>div span.quotes {
  font-size: .8rem;
  font-family: "PT Serif";
  font-style: italic;
  text-align: center;
  text-transform: none
}

.Component-Blog-Navigation .Component-Blog-Navigation__Item a {
  color: #4b4b49
}

.Component__Title-Description.\--Blog p,
.Component__Title-Description.\--Proyectos p {
  text-align: justify
}

.page-error .Component__Title-Description {
  text-align: center
}

.page-error .Component__Title-Description.\--Contact h1 {
  font-size: 500px;
  color: #3f3f3d;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 380px;
  margin: 0 0 54px
}

@media (max-width:767px) {
  .page-error .Component__Title-Description.\--Contact h1 {
    font-size: 160px;
    line-height: 120px;
    margin: 0 0 35px !important;
    letter-spacing: 0
  }
}

@media (min-width:768px) and (max-width:991px) {
  .page-error .Component__Title-Description.\--Contact h1 {
    font-size: 320px;
    line-height: 240px
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .page-error .Component__Title-Description.\--Contact h1 {
    font-size: 400px;
    line-height: 300px
  }
}

.page-error .Component__Title-Description.\--Contact p {
  font-size: 16px;
  line-height: 27px;
  text-transform: uppercase;
  color: #3f3f3d;
  margin: 0 0 23px
}

.page-error .Component__Title-Description.\--Contact a.mail-btn {
  display: inline-block
}

.page-error .Component__Title-Description.\--Contact .retry-btn {
  width: 400px;
  background: #3f3f3d;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  padding: 20px 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  margin: 30px auto 0
}

@media (max-width:767px) {
  .page-error .Component__Title-Description.\--Contact .retry-btn {
    width: 280px
  }
}

.page-error .Component__Title-Description.\--Contact .retry-btn:hover {
  background: #ff009f
}

.cookies-policy {
  position: fixed;
  left: 0;
  right: 0;
  padding: 35px 50px;
  background: #3f3f3d;
  text-align: center;
  bottom: 0;
  z-index: 99
}

.cookies-policy.hide {
  display: none
}

@media (max-width:991px) {
  .cookies-policy {
    padding: 24px 15px 35px
  }
}

.cookies-policy .cookies-btn {
  display: inline-block;
  padding-left: 160px;
  vertical-align: middle
}

@media (max-width:991px) {
  .cookies-policy .cookies-btn {
    display: block;
    padding: 30px 0 0
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .cookies-policy .cookies-btn {
    padding-left: 50px
  }
}

.cookies-policy .cookies-detail {
  display: inline-block;
  vertical-align: middle
}

@media (max-width:991px) {
  .cookies-policy .cookies-detail {
    display: block
  }
}

.cookies-policy p {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  margin: 0
}

@media (max-width:991px) {
  .cookies-policy p {
    line-height: 22px
  }
}

@media (max-width:820px) {
  .cookies-policy p br {
    display: none
  }
}

.cookies-policy p a {
  color: #fff;
  margin-left: 8px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer
}

.cookies-policy p a:hover {
  color: #fc1a9e
}

.cookies-policy .close-btn {
  display: inline-block
}

.cookies-policy .close-btn:hover svg rect {
  fill: #fc1a9e
}

.Component-Post .Content__Suggested-Posts .categories-links span a {
  color: #777776;
  text-decoration: none
}

.Component-Post .Content__Suggested-Posts .categories-links span a:hover {
  color: #c4c3c1
}

.Component-Contact-Info {
  display: block
}

@media (max-width:767px) {
  .Component-Contact-Info {
    padding: 0 15px
  }
}

.Component-Contact-Info .Component-Contact-Info__Item {
  display: block;
  width: 100%
}

.Component-Contact-Info .Component-Contact-Info__Item h2 {
  font-weight: 700
}

.Component-Contact-Info .Component-Contact-Info__Item address>span {
  font-size: 1rem
}

.Component-Contact-Info .Component-Contact-Info__Item a {
  font-size: 1rem;
  display: block !important;
  margin: 0 !important;
  color: #1c1c1a
}

.Component-Contact-Info .Component-Contact-Info__Item a:nth-child(3) {
  margin-bottom: 10px !important
}

.Component-Contact-Info .Component-Contact-Info__Item a:nth-child(4) {
  margin-bottom: 30px !important
}

.Component-Contact-Info .Component-Contact-Info__Item>span:nth-child(5) {
  display: block
}

.Component-Contact-Info .Component-Contact-Info__Divider {
  height: 1px;
  margin: 40px auto;
  width: 500px
}

@media (max-width:767px) {
  .Component-Contact-Info .Component-Contact-Info__Divider {
    width: 280px
  }
}

.ModalNewSletter form input,
.ModalNewSletter form select,
.ModalNewSletter form textarea {
  outline: none
}

.ModalNewSletter form p {
  position: relative
}

.ModalNewSletter form p input[type=checkbox]:required {
  position: absolute;
  display: block;
  opacity: 0
}

.ModalNewSletter form textarea {
  height: auto;
  margin: 0 0 10px
}

.ModalNewSletter>div:nth-child(2) h1 span {
  font-family: "PT Serif"
}

.ModalNewSletter .FlexCenter {
  height: auto !important
}

.ModalNewSletter .success-title h1 {
  margin: 0
}

.ModalNewSletter .ReactModalPortal-real-estate-single-proprty-button-close svg {
  fill: #ffffff;
}

.subscriber {
  padding: 0 3.5%
}

@media (max-width:991px) {
  .subscriber {
    padding: 0
  }
}

.subscriber .inline-checkbox {
  position: relative;
  vertical-align: 8px;
  font-size: .8rem;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  color: #000;
  padding-left: 34px;
  height: 30px;
  padding-top: 5px
}

@media (max-width:767px) {
  .subscriber .inline-checkbox {
    height: auto;
    margin: 0 0 15px;
    line-height: 1.5
  }
}

@media (max-width:991px) {
  .subscriber .inline-checkbox {
    padding-top: 0;
    font-size: 1rem;
    line-height: 1.3
  }
}

.subscriber .inline-checkbox .check {
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  position: absolute;
  left: 0;
  right: auto;
  top: 0
}

.subscriber .inline-checkbox .check:after {
  position: absolute;
  left: 2px;
  opacity: 0;
  right: 0;
  bottom: 0;
  content: "";
  top: 0;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 auto
}

.subscriber .inline-checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 !important;
  opacity: 0;
  cursor: pointer;
  z-index: 999
}

.subscriber .inline-checkbox input[type=checkbox]:checked+.check {
  background: #000
}

.subscriber .inline-checkbox input[type=checkbox]:checked+.check:after {
  opacity: 1
}

.Component-Collage.\--Architecture>div>img {
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;"
}

.Component-FichaInformation-Actions {
  margin: 0;
  padding: 0 30px;
  background: #faf7f1
}

.Component-FichaInformation-Actions .FichaInformation-Attributes-Actions,
.Component-FichaInformation-Actions .FichaInformation-Information-Actions div {
  margin: 15px 0 0
}

@media (max-width:992px) {
  .Component-FichaInformation-Actions {
    margin: 50px 0 0
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions {
    margin: 0
  }
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions {
  justify-content: space-between
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div {
  margin: 15px 0 0 !important
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a span {
  margin: 0 20px
}

.Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a img {
  margin: 0
}

.component-contact-main {
  display: block
}

@media (max-width:992px) {

  .component-contact-main,
  .component-contact-main .ModalNewSletter {
    padding: 0 !important
  }
}

.contact-form {
  background: #faf7f1;
  padding: 50px 30px
}

.contact-form .top-bar {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px
}

.contact-form .top-bar .ref-number {
  font-size: 24px;
  line-height: 24px;
  color: #ff009e
}

.contact-form .top-bar label {
  margin: 0;
  font-size: 12px;
  line-height: 12px
}

@media (max-width:992px) {
  .contact-form .top-bar {
    display: block;
    text-align: center
  }

  .contact-form .top-bar .ref-number {
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 16px
  }

  .contact-form .top-bar label {
    padding: 0 0 10px
  }
}

.contact-form p {
  position: unset !important
}

.contact-form h2 {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  font-family: "PT Serif";
  font-weight: 400;
  color: #777776;
  text-transform: uppercase;
  margin: 0 0 30px
}

.contact-form .form-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 25px;
  background: #fff
}

@media (max-width:992px) {
  .contact-form .form-group {
    display: block;
    background: transparent;
    margin: 0
  }

  .contact-form .form-group .input-block {
    margin-bottom: 2px;
    background: #fff
  }

  .contact-form .form-group:last-child .input-block {
    border: none
  }
}

.contact-form .form-group .BoxPl {
  padding: 0 !important
}

.contact-form .form-group .input-block {
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding: 15px 0 10px 15px
}

.contact-form .form-group .input-block input,
.contact-form .form-group .input-block select,
.contact-form .form-group .input-block textarea {
  background: transparent;
  background-color: transparent;
  margin: 0;
  border: none;
  border-left: 1px solid #777776
}

@media (max-width:992px) {

  .contact-form .form-group .input-block input,
  .contact-form .form-group .input-block select,
  .contact-form .form-group .input-block textarea {
    border: none
  }

  .contact-form .form-group .input-block input::-webkit-input-placeholder,
  .contact-form .form-group .input-block select::-webkit-input-placeholder,
  .contact-form .form-group .input-block textarea::-webkit-input-placeholder {
    color: #777776
  }

  .contact-form .form-group .input-block input::-moz-placeholder,
  .contact-form .form-group .input-block select::-moz-placeholder,
  .contact-form .form-group .input-block textarea::-moz-placeholder {
    color: #777776
  }

  .contact-form .form-group .input-block input:-ms-input-placeholder,
  .contact-form .form-group .input-block select:-ms-input-placeholder,
  .contact-form .form-group .input-block textarea:-ms-input-placeholder {
    color: #777776
  }

  .contact-form .form-group .input-block input:-moz-placeholder,
  .contact-form .form-group .input-block select:-moz-placeholder,
  .contact-form .form-group .input-block textarea:-moz-placeholder {
    color: #777776
  }
}

@media (min-width:993px) {

  .contact-form .form-group .input-block input::-webkit-input-placeholder,
  .contact-form .form-group .input-block select::-webkit-input-placeholder,
  .contact-form .form-group .input-block textarea::-webkit-input-placeholder {
    display: none;
    opacity: 0;
    color: transparent
  }

  .contact-form .form-group .input-block input::-moz-placeholder,
  .contact-form .form-group .input-block select::-moz-placeholder,
  .contact-form .form-group .input-block textarea::-moz-placeholder {
    display: none;
    opacity: 0;
    color: transparent
  }

  .contact-form .form-group .input-block input:-ms-input-placeholder,
  .contact-form .form-group .input-block select:-ms-input-placeholder,
  .contact-form .form-group .input-block textarea:-ms-input-placeholder {
    display: none;
    opacity: 0;
    color: transparent
  }

  .contact-form .form-group .input-block input:-moz-placeholder,
  .contact-form .form-group .input-block select:-moz-placeholder,
  .contact-form .form-group .input-block textarea:-moz-placeholder {
    display: none;
    opacity: 0;
    color: transparent
  }
}

.contact-form .form-group .input-block textarea {
  border: none !important
}

.contact-form .form-group .input-block textarea::-webkit-input-placeholder {
  color: #777776
}

.contact-form .form-group .input-block textarea::-moz-placeholder {
  color: #777776
}

.contact-form .form-group .input-block textarea:-ms-input-placeholder {
  color: #777776
}

.contact-form .form-group .input-block textarea:-moz-placeholder {
  color: #777776
}

@media (min-width:993px) {
  .contact-form .form-group .input-block textarea::-webkit-input-placeholder {
    color: #777776;
    opacity: 1
  }

  .contact-form .form-group .input-block textarea::-moz-placeholder {
    color: #777776;
    opacity: 1
  }

  .contact-form .form-group .input-block textarea:-ms-input-placeholder {
    color: #777776;
    opacity: 1
  }

  .contact-form .form-group .input-block textarea:-moz-placeholder {
    color: #777776;
    opacity: 1
  }
}

.contact-form .form-group .input-block label {
  margin: 0 0 10px
}

@media (max-width:992px) {
  .contact-form .form-group .input-block label {
    display: none
  }
}

@media (max-width:992px) {
  .contact-form .form-group .input-block.msg-box label {
    display: block;
    opacity: .5
  }
}

.contact-form .condition-checkbox .subscriber {
  padding: 0
}

.contact-form .condition-checkbox .subscriber .inline-checkbox {
  cursor: pointer;
  font-weight: 400;
  color: #777776;
  padding-top: 3px
}

@media (max-width:992px) {
  .contact-form .condition-checkbox .subscriber .inline-checkbox {
    font-size: 12px !important
  }
}

.contact-form .condition-checkbox label {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding-left: 20px;
  height: 35px;
  padding-top: 3px
}

@media (max-width:992px) {
  .contact-form .condition-checkbox label {
    height: auto;
    margin: 0 0 10px
  }
}

.contact-form .condition-checkbox label:before {
  position: absolute;
  left: 0;
  top: 0
}

.contact-form .condition-checkbox p {
  vertical-align: middle;
  clear: both;
  position: relative !important;
  margin: 0
}

@media (max-width:992px) {
  .contact-form .condition-checkbox p {
    margin: 0
  }

  .contact-form .condition-checkbox p a {
    font-size: 12px !important
  }
}

.contact-form .condition-checkbox p u {
  display: inline-block;
  vertical-align: middle
}

@media (max-width:992px) {
  .contact-form .condition-checkbox p u {
    font-size: 12px !important
  }
}

.contact-form .condition-checkbox p u>span {
  display: block;
  line-height: 16px;
  margin: 0;
  display: inline-block;
}

.contact-form .condition-checkbox p input[type=checkbox] {
  z-index: -1;
  margin: 0;
  height: 24px
}

@media (max-width:992px) {
  .contact-form .privacy-policy-block {
    margin: 30px 0 0
  }
}

.contact-form .privacy-policy-block .input-block {
  width: 49.5%;
  display: inline-block;
  vertical-align: middle
}

@media (max-width:992px) {
  .contact-form .privacy-policy-block .input-block {
    width: 100%
  }
}

.contact-form .privacy-policy-block .input-block button {
  margin: 0;
  width: 70%;
  float: right
}

@media (max-width:992px) {
  .contact-form .privacy-policy-block .input-block button {
    margin: 15px 0 0;
    width: 100%;
    float: none
  }
}

@media (max-width:767px) {
  .Component__Title-Description h1 {
    font-size: 2.25rem
  }

  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text h2,
  .Component-Zigzag .Zigzag__Item .Content__Text h2 {
    text-align: center !important;
    font-size: 2.25rem
  }

  .Component__Title-Description.\--BottomHome h3 {
    font-size: 2.25rem
  }

  .Component-Testimony .Component-Card a span {
    font-size: 1rem
  }

  .Component-Card h3,
  .Component-Recommended h2 {
    font-size: 1.5rem
  }

  .Component-Zigzag .Zigzag__Item .Content__Text span,
  .Component__Title-Description span {
    font-size: .7rem
  }

  .Component-Zigzag .Zigzag__Item .Content__Text span,
  .Component__Title-Description span {
    display: block
  }

  .Component__Title-Description.\--Home {
    margin-top: 0
  }

  .HouseData__Figure-Caption>div:nth-child(2) {
    height: 100%
  }

  .Component-Recommended .Component-Recommended__Wrapper .Recommended__Item-Caracteristics {
    padding: 0
  }

  .Component__Title-Description.\--home p {
    margin: 0
  }

  .Component__Title-Description h1 {
    margin: 20px 0 18px !important
  }

  .Component__Title-Description p {
    margin: 0
  }

  .Component-Recommended h2 {
    margin: 43px 0 46px
  }

  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text {
    padding-bottom: 0
  }

  .Recommended__Item .Recommended__Item-Description h6,
  .Recommended__Item .Recommended__Item-Description span {
    margin: 20px 0 15px
  }

  .Recommended__Item {
    margin: 0 0 50px !important
  }

  .Component-Zigzag .Zigzag__Item .Content__Text h2 {
    margin: 15px 0 !important
  }

  .Component-Zigzag .Zigzag__Item .Content__Text {
    margin: 0 0 47px;
    padding: 0
  }

  .Component-Zigzag .Zigzag__Item .Img__Wrapper {
    margin: 0 0 45px
  }

  .Component-Zigzag .Zigzag__Item {
    margin-top: 0
  }

  .Recommended__Item:last-child {
    margin: 0 0 45px !important
  }

  .Component__Title-Description.\--BottomHome h3 {
    margin: 15px 0 12px
  }

  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text p:last-child {
    margin: 0
  }

  .Component-Zigzag .Zigzag__Item.\--Left-Img .Content__Text h2,
  .Component-Zigzag .Zigzag__Item .Content__Text h2 {
    font-size: 2.25rem
  }

  .Component-Zigzag .Zigzag__Item .Content__Text p {
    margin: 0
  }

  .Component__Title-Description.\--BottomHome {
    margin: 0 0 46px
  }

  .Component__Title-Description.\--BottomHome p {
    margin: 0
  }

  .Component-Zigzag .Zigzag__Item.\--Left-Img {
    margin-top: 0
  }

  .Component-Padding-Sides.\--Post,
  .Component-Testimony .Component-Card {
    padding: 0 20px
  }

  .Component-Breadcrumb {
    margin: 50px 0 22px !important
  }

  .Component-Owners>div:first-child>h2:first-child {
    margin: 43px 0 45px
  }

  .Component-Zigzag {
    margin: 0
  }

  .Component__Title-Description.\--About-Us h1 {
    font-size: 2.25rem
  }

  .Component-Owners>div:nth-child(3) {
    margin: 25px 0
  }

  .Component-Values>div li {
    margin: 0 auto 45px
  }

  .Component-Values>div li>span:last-child {
    margin: 0
  }

  .Component-Values,
  .Component__Title-Description.\--About-Us-Two {
    margin-top: 50px
  }

  .Component-Card h3 {
    margin: 25px 0
  }

  .Sell-Rent-Property .Component-Card a {
    margin: 20px 0 0
  }

  .Sell-Rent-Property .Component-Card>div {
    margin: 32px 0 45px
  }

  .Sell-Rent-Property .Component-Card h3 {
    margin: 12px 0
  }

  .Sell-Rent-Property .Component-Card p {
    margin-top: 0
  }

  .Component__Title-Description.\--RealStateTestimony h3 {
    font-size: 1.5rem;
    margin: 17px 0 45px
  }

  .Component__Title-Description.\--RealStateTestimony h2 {
    margin: 48px 0 0
  }

  .Component__Title-Description.\--Medium-Employee h2 {
    margin: 40px 0 20px
  }

  .Testimony a span {
    font-size: 1rem
  }

  .Component__Title-Description.\--About-Us-Two h1 {
    font-size: 1.5rem
  }

  .Component-Padding-Sides.\--withmarginbottom {
    margin: 0 0 50px
  }

  .Component-Collage {
    margin: 45px 0 0
  }

  .Component__Title-Description.\--Medium-Architecture h1 {
    font-size: 2.25rem;
    padding: 0
  }

  .Component__Title-Description.\--Medium-Architecture span {
    font-size: 11px
  }

  .Component__Title-Description.\--Medium-Arch h2 {
    margin: 0 0 25px
  }

  .Component-Collage>div:not(:last-child) {
    margin: 0 0 20px
  }

  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h2 {
    margin: 34px 0 0
  }

  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) {
    margin-bottom: 0
  }

  .Component-Article-Img .Article-Img__Wrapper>div:nth-child(2) h3 {
    margin: 20px 0 13px
  }

  .Testimony>span:nth-child(4) {
    margin: 0
  }

  #Carousel-Reviews {
    margin: 12px 0 0
  }

  .Component__Title-Description.\--Medium-Arch h3 {
    font-size: 1.5rem;
    margin: 25px 0
  }

  .Component-Article-Img .Article-Img__Wrapper {
    padding-left: 0
  }

  .ReviewPDF figure {
    margin: 0 0 20px
  }

  .ReviewPDF span:nth-child(2) {
    margin: 0 0 3px
  }

  .about-us-slider .Component__Title-Description {
    margin: 0
  }

  .about-us-slider .Component__Title-Description h3 {
    margin: 17px 0 45px;
    font-size: 1.5rem
  }

  .about-us-slider .Component__Title-Description h2 {
    margin: 45px 0 17px
  }

  .testimonial-slider .Component__Title-Description,
  .testimonial-slider .Component__Title-Description h3 {
    margin: 0
  }

  .testimonial-slider .Component__Title-Description h2 {
    margin: 45px 0 17px
  }

  .Component__Title-Description.\--Blog h2>a {
    font-size: 1.5rem;
    margin: 25px 0
  }

  .Component-Blog-Reviews,
  .Component-Footer {
    margin: 50px 0 0
  }

  .Component__Title-Description.\--Contact h2 {
    margin: 0 0 25px
  }

  .Map-Contact {
    margin: 50px 0
  }

  .Component__Title-Description.\--Contact h2 {
    font-size: 2.25rem
  }

  .Component-Contact-Info .Component-Contact-Info__Item h2 {
    font-size: 2.25rem;
    margin: 0 0 18px;
    padding: 0;
    word-break: normal
  }

  .Component-Contact-Info .Component-Contact-Info__Item address>span {
    font-size: .85rem
  }

  .Component-Contact-Info .Component-Contact-Info__Item a:nth-child(4) {
    margin: 23px 0 15px
  }

  .Component-Contact-Info .Component-Contact-Info__Divider {
    margin: 25px auto
  }

  .QuerySort>div,
  .QuerySort>div>div {
    margin: 0
  }

  .QuerySort {
    margin: 10px 0 0
  }

  .QuerySort>div:last-child {
    margin: 50px 0;
    text-align: center
  }

  .QuerySort .QueryItem,
  .QuerySort>div:first-child>div:nth-child(2) span {
    margin: 0
  }

  .RecommendCard .RecommendCard-Thumbnail {
    margin: 0 0 20px
  }

  .RecommendCard .RecommendCard-Description h6 {
    margin: 0 0 15px
  }

  .RecommendCard .RecommendCard-Description span {
    margin: 0 0 25px
  }

  .RecommendCard .RecommendCard-Caracteristics,
  .RecommendCard .RecommendCard-Description {
    padding: 0
  }

  .Component-FichaInformation-Actions {
    padding: 0 20px;
    margin: 30px 0 0
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions {
    margin: 20px 0 0
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions>div {
    margin: 0
  }

  .Component-FichaInformation-Actions .FichaInformation-Information-Actions div {
    margin: 20px 0 0
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a img {
    margin-right: 0
  }

  .Component-FichaInformation-Actions .FichaInformation-Description-Actions>div a span {
    font-size: 14px;
    margin: 0 10px
  }

  .Counter {
    margin-top: 10px
  }

  .Component__Title-Description.\--Blog h2 {
    margin: 0
  }

  .Component__Title-Description.\--Blog h3 {
    margin: 4px 0 17px
  }

  .Component-Blog-Navigation {
    margin: 25px 0 47px
  }

  .Component__Title-Description.\--Blog p {
    margin-bottom: 39px;
    text-align: justify
  }

  .Component-Blog-Reviews .ReactSliderBlogReviews {
    padding: 0 20px
  }

  .Component-Blog-Reviews>div img {
    width: auto;
    max-width: 100%;
    height: 240px;
    object-fit: cover
  }

  .Component__Title-Description.\--Blog {
    margin-top: 18px
  }

  .Component__Title-Description.\--Blog span {
    margin: 0
  }

  .blog-desktop-navigation {
    display: none
  }

  .blog-mobile-navigation {
    display: block
  }

  .Component-Blog-Reviews:first-child {
    margin-top: 45px
  }

  .Component-Values>div:last-child li:last-child {
    margin-bottom: 0
  }

  .Component__Title-Description.\--Proyectos h1 {
    font-size: 2.25rem
  }

  .Component-Blog-Navigation__Item {
    display: block;
    text-align: center;
    margin: 0 10px 7px
  }

  .Component-Blog-Navigation .Component-Blog-Navigation__Item a {
    font-size: 16px;
    line-height: 16px;
    color: #1c1c1a;
    text-decoration: none
  }

  .Component-Blog-Navigation .Component-Blog-Navigation__Item span {
    font-size: 16px;
    color: #1c1c1a;
    line-height: 16px
  }

  .Component-Padding-Sides.\--BlogNavigation {
    padding: 0 15px
  }

  .\--MarginBottomFavorite {
    margin-bottom: 0 !important
  }

  .Component-Post>div:first-child {
    height: 240px;
    background-position: 50%
  }
}

@media (max-width:992px) {
  .Component-Header-Mobile .Header-Logo :first-child {
    width: 80px;
    height: 80px;
  }

  .Component-Header-Mobile .Header-Logo {
    margin-right: 0px
  }

  .Component-Card-Wrapper.Component-Testimony {
    width: 65%;
    margin: 0 auto;
    padding: 0
  }

  .QueryBarBuilder>form>.IconsBlock>div {
    margin-bottom: 0
  }

  .QueryBarBuilder>form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: unset;
    height: 3rem
  }

  .QueryBarBuilder>form>.IconsBlock {
    width: auto;
    flex-direction: unset
  }

  .NewSletterFixed .BoxInboxIcon svg {
    width: 23px
  }

  .Recommended__Item .Recommended__Item-Description h4 {
    margin: 25px 0 20px
  }

  .Component-Article-Img .Article-Img__Wrapper .Article-Img {
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: auto
  }

  .Component-Footer .Footer__Social-Legal-Mobile .Footer__Legal-Terms {
    display: block
  }

  .Component-Footer .Footer__Social-Legal-Mobile .Footer__Legal-Terms div {
    margin: 0 0 3px !important;
    font-size: .75rem
  }

  .Component-Footer {
    padding: 50px 15px
  }

  .Component-Footer .Footer__Wrapper .Footer__Text-Item {
    text-align: center;
    width: 100%;
    margin: 0 0 25px
  }

  .Component-Footer .Footer__Wrapper {
    padding: 0
  }

  .Component-Footer .Footer__Map-Wrapper {
    width: 100%;
    height: 100%
  }

  .Component-Footer .Footer__Wrapper .Footer__Text-Item h3 {
    margin: 25px 0;
    font-size: .75rem
  }

  .Component-Footer .Footer__Logo {
    margin: 0 0 20px
  }

  .Component-Footer .Footer__Wrapper>div:nth-child(2)>a:nth-child(6) {
    margin-top: 5px
  }

  .Component-Footer .Footer__Social-Legal-Mobile .Footer__Social-Networks {
    margin: 0 0 50px
  }

  .Component-Footer .Footer__Wrapper .Footer__Text-Item a,
  .Component-Footer .Footer__Wrapper .Footer__Text-Item p {
    font-size: .75rem
  }

  .Component-Article-Img .Article-Img__Wrapper {
    flex-direction: column
  }
}

@media (max-width:991px) {
  .QueryBarBuilder {
    padding: 50px 45px !important
  }

  .QueryBarBuilder>form .IconsBlock>.QueryItem {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin: 0;
    background: #111516;
    padding: 0
  }

  .QueryBarBuilder>form {
    height: auto
  }

  .QueryBarBuilder>form .IconsBlock>button .search-bar {
    display: none
  }

  .QueryBarBuilder>form .IconsBlock>.QueryItem svg path {
    fill: #fff
  }

  .QueryBarBuilder>form>.IconsBlock {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }

  .QueryBarBuilder>form>.QueryItem {
    margin: 0;
    padding: 8px 20px;
    border-bottom: 2px solid #faf7f1;
    background: #fff
  }

  .QueryBarBuilder>form {
    display: block
  }

  .QueryBarBuilder>form .IconsBlock>button {
    width: 50%;
    height: 50px
  }

  .QueryMap {
    top: 62px;
    right: 0;
    left: 0;
    width: 300px
  }

  .QueryItem>span:nth-child(2) {
    position: relative;
    bottom: auto;
    font-size: 1.2rem;
    right: auto;
    display: inline-block
  }
}

@media (max-width:480px) {
  .Component-Card-Wrapper.Component-Testimony {
    width: 100%
  }

  .Component-Padding-Sides {
    padding-left: 5px;
    padding-right: 20px
  }

  .Component__Title-Description.\--Contact p,
  .Component__Title-Description.\--Medium-Architecture p {
    padding: 0
  }

  .Component__Title-Description.\--ShowRoom {
    padding: 0 20px
  }

  .Component__Title-Description.\--About-Us-Two p,
  .Component__Title-Description.\--About-Us p {
    padding: 0
  }

  .Component-FichaInformation {
    padding: 0 20px
  }

  .FichaInformation-Attributes,
  .FichaInformation-Information {
    padding: 0 50px !important
  }
}

@media (max-width:380px) {
  .QueryMap {
    width: 280px;
    left: -30px
  }
}

@media (max-width:500px) {
  .ThreeLinks__Figure-Caption>div a {
    padding: 15px 0;
    font-size: 21px;
    min-width: unset;
    width: 75%
  }
}

.Component-Post .Component-Post__Content .Content__Article>div:first-child p {
  word-break: normal
}

* {
  font-family: PT Sans, sans-serif
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.FadeIn {
  animation: fadein 1s cubic-bezier(.215, .61, .355, 1)
}

.Component-FavoritePage>.\--favorite_list,
.Component-FavoritePage>.\--favorite_list .\--withBottomMarginfv {
  margin-bottom: 3.4vw
}

.\--MarginBottomFavorite {
  margin-bottom: 3rem
}

a:focus,
button:focus {
  outline: none
}

.ReactModalPortal-real-estate-single-proprty .ModalMotionOverlay {
  background-color: rgba(0, 0, 0, .7);
}

.ReactModalPortal-real-estate-single-proprty .ReactModal__Content {
  overflow: hidden;
}

.ReactModalPortal-real-estate-single-proprty .ModalNewSletter .modal-content {
  margin: 0;
}

.ReactModalPortal-real-estate-single-proprty .ModalMotion {
  border: 1px solid #000;
  background-color: #000;
  box-shadow: none;

}

.ReactModalPortal-real-estate-single-proprty .ModalMotion .ModalNewSletter {
  padding: 0;
}

.aspect-9-16 {
  width: auto;
  aspect-ratio: 9/16;
  padding: 0;
}

@media (max-width:919px) {
  .aspect-9-16 {
    width: auto;
  }
}

.ReactModalPortal-real-estate-single-proprty .ModalNewSletter .modal-content video {
  max-width: 100%;
  width: auto;
  max-height: 800px;
}

.ReactModalPortal-real-estate-single-proprty .VideoModal {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ReactModalPortal-real-estate-single-proprty .VideoModal .ReactModal__Content {
  position: relative;
  left: 0 !important;
  margin-top: 0;
}

#whatsappWidget .Widget-module-root-1oMMm h4 {
  color: #ffffff;
}

#whatsappWidget .Widget-module-root-1oMMm img {
  margin: 0;
}

#whatsappWidget .Popup-module-root-1dsMr {
  bottom: 120px;
}

.single-properties #whatsappWidget .Popup-module-root-1dsMr {
  bottom: 100px;
}

.single-properties #whatsappWidget {
  bottom: calc(3% + 135.5px);
}

#whatsappWidget {
  bottom: calc(3% + 70px);
  background-color: #45a524;
  width: 60.5px;
  height: 52px;
  justify-content: center;
  border-radius: 0;
  right: 0;
  filter: none;
  position: fixed;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}


#whatsappWidget .MerchantWhatsappNumber-module-root-36e9l button {
  padding: 0.4rem 2rem;
}

#whatsappWidget .Popup-module-container-1YKbV {
  max-height: unset !important;
  height: auto !important;
}

#whatsappWidget .Popup-module-container-1YKbV footer {
  position: static;
}

.search .inner,
#search .inner {
  /* display: none; */
}

@media screen and (max-width: 768px) {
  #whatsappWidget {
    width: 52.5px;
  }

  .search .inner,
  #search .inner {
    display: block;
  }
}

/* WPML Language switcher */
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul li a img {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 992px) {
  .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul li {
    margin-right: 0;
  }

  .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul li a {
    padding: 7px;
  }

  .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul li a img {
    width: 28px;
    height: 28px;
  }

  .wpml-ls-legacy-list-horizontal {
    margin-left: 0;
    margin-right: 30px;
  }
}

/* Properties Filter */
#search form {
  background: #f3f3f3;
  padding: 30px 18vw 30px 18vw;
  margin: 0 -10px 30px;
  float: left;
}

form div.inner button,
form div.inner a.button,
.load_more {
  padding: 11px 20px;
  height: 42px;
  color: #fff;
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
  width: 48%;
  box-shadow: none;
  background: #ff009f;
  border: 1px solid #ff009f;
  border-radius: 5px;
  cursor: pointer;
}

form.search {
  background: #f3f3f3;
  padding: 30px 18vw 30px 18vw;
  margin: 0 -10px 30px;
  float: left;
}

form div.inner {
  width: 75%;
  float: left;
}

form div.map {
  float: right;
  width: 25%;
}

form div.map label,
form div.map input,
.QueryMap,
.QueryMap:after {
  display: none;
}

form div.map .QueryMap {
  padding: 5px 25px;
}

form div.inner div {
  position: relative;
  float: left;
  width: 33.333%;
  padding: 10px;
}

@media screen and (max-width: 992px) {
  form div.inner div {
    width: 100%;
  }
}

form div.inner div label {
  width: 100%;
  clear: both;
  display: none;
}

form div.inner div input {
  width: 100%;
  height: 42px;
  padding: 11px 10px;
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  border: 1px solid #fff;
  background: #fff;
  color: #484845;
  border-radius: 5px;
}

form div.inner div .nice-select {
  width: 100%;
  padding: 0 10px 8px 10px;
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  border: 1px solid #fff;
  background: #fff;
  color: #484845 !important;
}

form div.inner div .nice-select .list {
  width: 100%;
  max-height: 400px;
  overflow: scroll;
}

form div.inner div select {
  width: 100%;
  clear: both;
  display: block;
  font-family: "PT Sans", sans-serif;
}



form input ::placeholder {
  color: #484845;
}

.QueryMap {
  z-index: 3;
  width: auto;
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  position: relative;
  top: 0;
  right: 0;
  background: none;
}

.QueryMap>svg path:hover {
  fill: #ff009f
}

.QueryMap>svg path.--Active {
  fill: #ff009f
}

/* End Properties Filter */

.claim {
  text-align: center !important;
  font-size: 0.9rem !important;
  color: #777776 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-family: "PT Sans" !important;
}


/*Real Estate*/
.Component-Card a img {
  width: auto !important;
}

.page-template-page-real-estate #MainSlider,
.page-template-page-real-estate #MainSlider .slick-track {
  overflow-y: hidden;
}

.page-template-page-real-estate #MainSlider {
  max-height: 75vh;
  text-align: center;
}

.page-template-page-real-estate #MainSlider .slick-track {
  min-height: 500px;
}

.page-template-page-real-estate #MainSlider .slick-slide {
  height: auto;
  min-height: 500px;
  height: 75vh;
}

.page-template-page-real-estate #MainSlider .slick-slide img.main,
.page-template-page-real-estate #MainSlider .slick-slide img {
  opacity: 0 !important;
}

.page-template-page-real-estate #MainSlider .slick-arrow.slick-next {
  right: 0;
  width: 50px;
  height: 50px !important;
  border-radius: 50%;
  background: #fff;
  border: none;
  margin-top: -50px;
  margin-right: 20px;
}

.page-template-page-real-estate #MainSlider .slick-arrow {
  position: absolute;
  top: 43%;
  z-index: 1;
  height: 40px;
  opacity: .5;
}

.page-template-page-real-estate #MainSlider .slick-arrow:hover,
.page-template-page-real-estate #MainSlider .slick-arrow:hover svg {
  opacity: 1;
}

.page-template-page-real-estate #MainSlider .slick-arrow svg {
  opacity: 1 !important;
  width: 60% !important;
  height: 60% !important;
}

.page-template-page-real-estate #MainSlider .slick-arrow.slick-prev svg {
  margin-left: -2px;
}

.page-template-page-real-estate #MainSlider .slick-arrow.slick-prev {
  width: 50px;
  height: 50px !important;
  border-radius: 50%;
  background: #fff;
  border: none;
  margin-top: -50px;
  margin-left: 20px;
  left: 0;
  top: 43%;
}

.Counter {
  display: none;
}

.Component__Title-Description.--Medium-Architecture {
  margin-top: -30px;
}

#breadcrumbs {
  width: 100%;
  margin: 10px 0 30px;
  display: inherit;
  text-align: left;
  font-weight: lighter;
  color: #a8a8a7;
  font-size: .6rem;
  position: relative;
  top: 10px;
}

#breadcrumbs span,
#breadcrumbs a,
#breadcrumbs a:hover {
  display: initial;
  text-align: left;
  font-weight: lighter;
  color: #a8a8a7;
  font-size: .6rem;
  text-decoration: none;
}

footer {
  clear: both;
}

.ListResultsCol {
  float: left;
  height: 520px;
  min-height: 520px;
}

.blog_archive_heading {
  font-weight: 700;
  color: #1d1d1d;
  font-size: .9rem;
  display: block;
  margin-bottom: 5px;
  margin-left: 10px;
}

.Counter {
  display: none;
}

.RecommendCard {
  padding: 10px;
}

.RecommendCard .RecommendCard-Description h4 {
  height: 67px;
  overflow: hidden;
}

@media screen and (max-width: 992px) {

  .page-template-page-real-estate #MainSlider,
  .page-template-page-real-estate #MainSlider .slick-slider {
    max-height: 50vh;
  }

  .QueryMap {
    display: none;
  }

  form {
    padding: 30px;
  }

  form div.inner {
    width: 100%;
  }

  form div.inner div {
    width: 100%;
  }

  form div.map {
    width: 100%;
  }

  .ListResultsCol {
    max-width: 50% !important;
    width: 100%;
    height: auto;
    max-height: inherit !important;
  }
}

@media screen and (max-width: 575px) {
  .ListResultsCol {
    max-width: 100% !important;
    width: 100%;
    height: auto;
    max-height: inherit !important;
  }
}

.property-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

body:not(.home) .property-slide img {
  opacity: 0;
}

.property-slide .slick-list,
.property-slide .slick-slide {
  width: 100%;
  height: 100%;
}

.property-slide .slick-track {
  height: 100%;
}

.property-slide .slick-arrow.slick-prev {
  margin: -20px 0 0 10px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  z-index: 1;
  opacity: .35;
}

.property-slide .slick-arrow.slick-next {
  margin: -20px 10px 0 0;
  z-index: 500;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #fff;
  border: none;
  top: 50%;
  position: absolute;
  right: 0;
  z-index: 1;
  opacity: .35;
}

.property-slide .slick-arrow.slick-prev svg {
  height: 20px;
  margin-left: -3px;
}

.property-slide .slick-arrow.slick-next svg {
  height: 20px;
  margin-left: 1px;
}

.property-slide .slick-arrow.slick-prev:hover,
.property-slide .slick-arrow.slick-next:hover,
.property-slide .slick-arrow.slick-prev:hover svg,
.property-slide .slick-arrow.slick-next:hover svg,
.property-slide .slick-arrow.slick-prev:hover svg:hover,
.property-slide .slick-arrow.slick-next:hover svg:hover {
  opacity: 1 !important;
}

.QueryMap {
  z-index: 3;
  width: auto;
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  position: relative;
  top: 0;
  right: 0;
  background: none;
}

.QueryMap>svg path:hover {
  fill: #ff009f
}

.QueryMap>svg path.--Active {
  fill: #ff009f
}

.ListResultsCol {
  float: left;
  height: 520px;
  max-height: 520px;
  min-height: 520px;
}

.RecommendCard {
  padding: 10px;
}

.RecommendCard .RecommendCard-Description h4 {
  height: 67px;
  overflow: hidden;
}

.page-template-page-real-estate #MainSlider .details {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 20px;
  color: #777776;
  text-align: center;
  width: 100%;
  opacity: .75;
  transition: all .3s ease;
}

.page-template-page-real-estate #MainSlider .details h4 {
  font-family: "PT Serif";
  font-size: 1.7rem;
  font-weight: 400;
  text-transform: uppercase;
}

.page-template-page-real-estate #MainSlider .details p {
  font-size: 1.0rem;
}

.page-template-page-real-estate #MainSlider .details:hover {
  opacity: 1;
}

.page-template-page-real-estate #MainSlider .details:hover h4 {
  color: #ff009f;
}

.page-template-page-real-estate #MainSlider .details h4,
.page-template-page-real-estate #MainSlider .details p {
  margin: 0;
  line-height: 100%;
}

.page-template-page-real-estate #MainSlider .details h4 {
  margin-bottom: 10px;
}

.page-template-page-real-estate #MainSlider .details img {
  height: 20px !important;
  display: inline !important;
  opacity: 1 !important;
  margin: 0 5px 0 10px;
  position: relative;
  top: -2px;
}

.slick-arrow.slick-next {
  right: 0;
  width: 50px;
  background-color: transparent;
  border: none;
  margin-right: 4%;
}

.slick-arrow {
  position: absolute;
  top: 43%;
  z-index: 1;
  height: 40px !important;
}

.slick-arrow.slick-prev {
  width: 50px;
  background-color: transparent;
  border: none;
  margin-left: 4%;
  left: 0;
  top: 43%;
}

.slick-arrow svg {
  height: 100%;
}

.page-template-page-real-estate .scroll-bottom-section .scroll-bottom {
  left: 50px !important;
}

footer {
  clear: both;
}

@media screen and (max-width: 992px) {

  .page-template-page-real-estate #MainSlider,
  .page-template-page-real-estate #MainSlider .slick-slider {
    max-height: 50vh;
  }

  .QueryMap {
    display: none;
  }

  .ListResultsCol {
    max-width: 50% !important;
    width: 100%;
    height: auto;
    max-height: inherit !important;
  }
}

@media screen and (max-width: 992px) {
  .page-template-page-real-estate #MainSlider {
    max-height: 50vh;
    text-align: center;
  }

  .page-template-page-real-estate #MainSlider .slick-track {
    height: 50vh;
  }

  .page-template-page-real-estate #MainSlider .slick-slide {
    height: auto;
    min-height: 50vh;
    height: 50vh;
  }

  .page-template-page-real-estate .scroll-bottom-section .scroll-bottom {
    height: 50px;
    left: 50px !important;
    bottom: -32px !important;
  }

  .QueryMap {
    display: none;
  }

  .ListResultsCol {
    max-width: 50% !important;
    width: 100%;
    height: auto;
    max-height: inherit !important;
    flex: 1 !important;
  }

  .page-template-page-real-estate #MainSlider .details {
    right: 20px;
    text-align: center;
    max-width: 100%;
  }

  .page-template-page-real-estate #MainSlider .details .beds,
  .page-template-page-real-estate #MainSlider .details .baths,
  .page-template-page-real-estate #MainSlider .details .size {
    display: none !important;
  }

  .page-template-page-real-estate #MainSlider .details h4 {
    font-size: 1.2rem;
  }

  .page-template-page-real-estate #MainSlider .details p {
    font-size: 1rem;
  }

  .mc-banner {
    top: 100px !important;
  }

  .mc-modal,
  .mc-modal-bg {
    visibility: visible;
  }
}

@media screen and (max-width: 575px) {
  .ListResultsCol {
    max-width: 100% !important;
    width: 100%;
    height: auto;
    max-height: inherit !important;
  }
}

.sw,
.tr,
.ea,
.map-south,
.ce,
.ne,
.ib,
.pa {
  cursor: pointer;
}

.page-newsletter .Component__Title-Description {
  margin-top: 0;
}

.page-newsletter .page-first-banner img {
  width: 100%;
  height: clamp(18.75rem, 16.25rem + 12.5vw, 31.25rem);
  object-fit: cover;
}

.page-newsletter #mc_embed_signup {
  width: 100% !important;
}

.page-newsletter #mc_embed_signup form {
  margin: 0;
}

/* Properties Banner */

.position-relative {
  position: relative;
}

.video-badge {
  position: absolute;
  top: 5px;
  left: 0;
  border: 2px solid #F1139D;
  border-left: 0;
  color: #F1139D;
  padding: 5px;
  text-transform: uppercase;
  background-color: #FBFCFC;
  z-index: 3;
  font-family: 'Brother1816';
  font-weight: 800;
  font-size: 12px;
}

.properties-badge {
  position: absolute;
  bottom: 10px;
  left: -20px;
  display: inline-block;
  margin: 0 5px;
  background-color: red;
  color: #777776;
  padding: 8px 15px 8px 20px;
  z-index: 3;
  text-transform: uppercase;
  font-family: 'Brother1816';
  font-weight: 800;
  font-size: 12px;
}

.single-properties .properties-badge {
  font-size: 28px;
  padding: 8px 15px 8px 35px;
  position: static;
}

.single-properties .properties-badge:before {
  content: none;
}


.single-properties .single-badge-wrapper {
  display: flex;
  margin-bottom: 15px;
  justify-content: center;
}

.single-properties .single-badge-wrapper .properties-badge {
  font-size: 14px;
  padding: 8px 15px;
  margin: 0;
  min-width: 200px;
  font-weight: 400;
}

.properties-badge.position-absolute {
  position: absolute;
  bottom: 10px;
  left: -20px;
  z-index: 3;
}

/* .properties-badge:first-child {
  bottom: 10px !important;
} */

.properties-badge::before {
  content: '';
  border-right: 0px solid transparent;
  border-bottom: 5px solid #c90000;
  border-left: 15px solid transparent;
  position: absolute;
  bottom: -16%;
  left: 0;
  transform: rotateX(180deg);
}

/* RENOVATION PROJECT */
.properties-badge.secret-marketing,
.properties-badge.secret-marketing-de,
.properties-badge.secret-marketing-es {
  background-color: #B1CDB4;
  color: #000000;
}

.properties-badge.secret-marketing::before,
.properties-badge.secret-marketing-de::before,
.properties-badge.secret-marketing-es::before {
  border-bottom-color: #7B8F7D;
}

/* exclusive */
.properties-badge.exclusive,
.properties-badge.exklusiv,
.properties-badge.en-exclusiva {
  background-color: #F1139D;
  color: #ffffff;
}

.properties-badge.exclusive::before,
.properties-badge.exklusiv::before,
.properties-badge.en-exclusiva::before {
  border-bottom-color: #A90F6F;
}

/* holiday-rental-licence */
.properties-badge.holiday-licence,
.properties-badge.ferienvermietungslizenz,
.properties-badge.licencia-vacacional {
  background-color: #F9D709;
  color: #000000;
}

.properties-badge.holiday-licence::before,
.properties-badge.ferienvermietungslizenz::before,
.properties-badge.licencia-vacacional::before {
  border-bottom-color: #AE960C;
}

/* reserved */
.properties-badge.reserved,
.properties-badge.reserviert,
.properties-badge.reservado {
  background-color: #FD7C07;
  color: #000000;
  font-size: 28px;
}

.properties-badge.reserved::before,
.properties-badge.reserviert::before,
.properties-badge.reservado::before {
  border-bottom-color: #B1570A;
  bottom: -10%
}

/* sold */
.properties-badge.sold,
.properties-badge.verkauft,
.properties-badge.vendido {
  background-color: #F9450A;
  color: #ffffff;
  font-size: 28px;
}

.properties-badge.sold::before,
.properties-badge.verkauft::before,
.properties-badge.vendido::before {
  border-bottom-color: #AE310A;
  bottom: -10%
}

/* plot-license */
.properties-badge.plot-license,
.properties-badge.grundstueck-lizenz,
.properties-badge.solar-licencia {
  background-color: #107B2B;
  color: #ffffff;
}

.properties-badge.plot-license::before,
.properties-badge.grundstueck-lizenz::before,
.properties-badge.solar-licencia::before {
  border-bottom-color: #0C561E;
}

/* new-construction */
.properties-badge.new-construction,
.properties-badge.neubau,
.properties-badge.nueva-construccion {
  background-color: #F5EDE0;
  color: #000000;
}

.properties-badge.new-construction::before,
.properties-badge.neubau::before,
.properties-badge.nueva-construccion::before {
  border-bottom-color: #ABA59D;
}

.properties-not-found-form .wpcf7-response-output {
  margin-top: 75px !important;
}

.properties-not-found-form .nice-select .list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* 404 Page styles */

.not-found-page-banner img {
  width: 100%;
  max-height: 56vh;
  object-fit: cover;
  object-position: center 36%;
}

.not-found-container {
  width: 100%;
  padding-right: 18vw;
  padding-left: 18vw;
}

@media(max-width: 768px) {
  .not-found-container {
    padding-right: 3vw !important;
    padding-left: 3vw !important;
  }

  .not-found-page-banner img {
    height: 260px;
    object-fit: cover;
    width: 580px;
    object-position: -10px 20%;
  }
}

.not-found-page-title {
  color: #fc1a9f;
  font-size: clamp(1.4375rem, 1.0337rem + 2.0192vw, 4.0625rem);
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 700;
}


/* Newsletter Popup */
.sgpb-theme-1-content {
  box-shadow: unset !important;
}

.sgpb-popup-close-button-1 {
  top: 9px;
  bottom: unset !important;
}

.pum-theme-bconnected .newsletter-popup {
  position: relative;
}

.pum-theme-bconnected .newsletter-popup .popup-descriptionContainer p,
.pum-theme-bconnected .newsletter-popup .content__footer p {
  color: rgb(36, 28, 21) !important;
}

.pum-theme-bconnected .newsletter-popup form {
  padding: 0 !important;
}

.pum-theme-bconnected .newsletter-popup .mc-field-group {
  display: flex;
  flex-direction: column;

}

.pum-theme-bconnected .newsletter-popup .mc-field-group {
  margin: 0 0 24px;
}

.pum-theme-bconnected .newsletter-popup .mc-field-group label {
  font-size: 1rem;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  padding-bottom: 6px;
  display: block;
  color: rgb(36, 28, 21);
}

.pum-theme-bconnected .newsletter-popup .mc-field-group input {
  color: rgb(36, 28, 21);
  background-color: #ffffff;
  border: 2px solid #c9c9c9;
  border-radius: 3px;
  display: inline-block;
  min-height: 36px;
  min-width: 50px;
  padding: 0 0.4em;
  vertical-align: middle;
  width: 100%;
  font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal
}

.pum-theme-bconnected .newsletter-popup .popup-submit-button-wrapper {
  text-align: center;
}

.pum-theme-bconnected .newsletter-popup .mc-embedded-subscribe {
  background-color: rgb(236, 32, 137);
  color: rgb(255, 255, 255);
  font-size: 1em !important;
  border: 0 none;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.01em;
  line-height: 36px;
  margin-right: 0;
  overflow: hidden;
  padding: 0 18px;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}

.pum-theme-bconnected .newsletter-popup .modalContent__image {
  text-align: center;
}

.pum-theme-bconnected .newsletter-popup .modalContent__image img {
  height: revert-layer;
  max-width: unset;
  margin: 0;

}
/* ========================================
   Hero Principal - Mobile First
   ======================================== */

/* Mobile First - Base styles */
.hero-principal {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 500px;
  max-height: 775px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-principal__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-principal__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.hero-principal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 81.39%);
  opacity: 0.68;
  z-index: 2;
}

.hero-principal__content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0 20px;
  max-width: 100%;
}

.hero-principal__title {
  font-family: 'PT Serif', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.hero-principal__description {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  margin: 0;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

/* Tablet - 768px and up */
@media (min-width: 768px) {
  .hero-principal {
    min-height: 600px;
  }

  .hero-principal__title {
    font-size: 48px;
    margin-bottom: 20px;
  }

  .hero-principal__description {
    font-size: 15px;
    max-width: 400px;
  }
}

/* Desktop - 1024px and up */
@media (min-width: 1024px) {
  .hero-principal {
    min-height: 700px;
  }

  .hero-principal__title {
    font-size: 60px;
    margin-bottom: 24px;
  }

  .hero-principal__description {
    font-size: 16px;
    max-width: 450px;
  }
}

/* Large Desktop - 1440px and up */
@media (min-width: 1440px) {
  .hero-principal {
    max-height: 775px;
  }

  .hero-principal__content {
    max-width: 493px;
  }

  .hero-principal__title {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 10px;
  }

  .hero-principal__description {
    font-size: 18px;
    line-height: 18px;
    max-width: 339px;
  }
}

/* Extra Large Desktop - 1920px and up */
@media (min-width: 1920px) {
  .hero-principal__title {
    font-size: 60px;
    line-height: 60px;
  }

  .hero-principal__description {
    font-size: 18px;
    line-height: 18px;
  }
}

/* ========================================
   Contact Section V2 - Single Properties
   ======================================== */

/* Mobile First - Base styles */
.component-contact-main-v2 {
  padding: 40px 20px;
  margin: 40px 0;
}

.contact-main-wrapper {
  display: flex;
  flex-direction: column;
  background: #fbf8f1;
  max-width: 922px;
  margin: 0 auto;
  overflow: hidden;
}

.contact-image {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.contact-content {
  padding: 32px 20px;
  background: #fbf8f1;
}

.contact-header {
  margin-bottom: 24px;
}

.contact-header h2 {
  font-family: 'PT Serif', serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  color: #332f1f;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  text-align: center;
}

.contact-ref {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #332f1f;
  margin: 0;
  text-align: center;
}

/* Contact Form Styling */
.contact-form-wrapper .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Hide default labels but keep them for accessibility */
.contact-form-wrapper label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Form groups */
.contact-form-wrapper .form-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

.contact-form-wrapper .input-block {
  width: 100%;
  margin: 0;
  padding: 0;
}

.contact-form-wrapper .BoxPl {
  margin: 0;
  padding: 0;
}

.contact-form-wrapper .BoxPl p {
  margin: 0;
}

/* Input fields styling */
.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="email"],
.contact-form-wrapper textarea {
  width: 100%;
  padding: 12px 16px;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #332f1f;
  background: transparent;
  border: 0.5px solid #332f1f;
  border-radius: 10px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.contact-form-wrapper input[type="text"]::placeholder,
.contact-form-wrapper input[type="email"]::placeholder,
.contact-form-wrapper textarea::placeholder {
  color: #332f1f;
  opacity: 0.7;
}

.contact-form-wrapper input[type="text"]:focus,
.contact-form-wrapper input[type="email"]:focus,
.contact-form-wrapper textarea:focus {
  outline: none;
  border-color: #978967;
}

.contact-form-wrapper textarea {
  min-height: 80px;
  resize: vertical;
}

/* Checkbox styling */
.contact-form-wrapper .subscribe,
.contact-form-wrapper .gdpr {
  margin: 0;
  padding: 0;
}

.contact-form-wrapper .wpcf7-checkbox,
.contact-form-wrapper .wpcf7-acceptance {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.contact-form-wrapper .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
}

.contact-form-wrapper .wpcf7-list-item label {
  position: static;
  width: auto;
  height: auto;
  clip: auto;
  white-space: normal;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  line-height: 1.3;
  color: #978967;
}

.contact-form-wrapper input[type="checkbox"] {
  width: 17px;
  height: 17px;
  min-width: 17px;
  margin: 0;
  border: 1px solid #978967;
  border-radius: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  flex-shrink: 0;
}

.contact-form-wrapper input[type="checkbox"]:checked {
  background-color: #978967;
  position: relative;
}

.contact-form-wrapper input[type="checkbox"]:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fbf8f1;
  font-size: 12px;
  line-height: 1;
}

.contact-form-wrapper .wpcf7-list-item-label {
  flex: 1;
}

.contact-form-wrapper .gdpr a {
  color: #332f1f;
  text-decoration: underline;
}

/* Submit button */
.contact-form-wrapper input[type="submit"] {
  width: auto;
  min-width: 227px;
  max-width: 100%;
  padding: 12px 16px;
  margin: 24px auto 0;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #fbf8f1;
  background: #978967;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 6.6px rgba(0, 0, 0, 0.1);
  display: block;
  text-transform: uppercase;
}

.contact-form-wrapper input[type="submit"]:hover {
  background: #857b5d;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.contact-form-wrapper input[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Hidden fields */
.contact-form-wrapper .hidden-fields-container,
.contact-form-wrapper .ASD,
.contact-form-wrapper .altEmail_container,
.contact-form-wrapper .wpa_hidden_field,
.contact-form-wrapper .wpa-test-msg {
  display: none !important;
}

/* Error messages */
.contact-form-wrapper .wpcf7-not-valid-tip {
  font-size: 11px;
  color: #d32f2f;
  margin-top: 4px;
  display: block;
}

.contact-form-wrapper .wpcf7-response-output {
  margin: 16px 0 0 0;
  padding: 12px;
  border-radius: 8px;
  font-size: 13px;
  text-align: center;
}

/* Tablet - 768px and up */
@media (min-width: 768px) {
  .component-contact-main-v2 {
    padding: 60px 40px;
  }

  .contact-main-wrapper {
    flex-direction: row;
  }

  .contact-image {
    width: 50%;
    height: auto;
    min-height: 404px;
  }

  .contact-content {
    width: 50%;
    padding: 48px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .contact-header h2 {
    font-size: 32px;
    text-align: left;
  }

  .contact-ref {
    font-size: 18px;
    text-align: left;
  }

  /* Two columns for some inputs */
  .contact-form-wrapper .form-group:nth-of-type(2) {
    flex-direction: row;
    gap: 10px;
  }

  .contact-form-wrapper .form-group:nth-of-type(2) .input-block:nth-child(1),
  .contact-form-wrapper .form-group:nth-of-type(2) .input-block:nth-child(2) {
    width: calc(50% - 5px);
  }

  .contact-form-wrapper .form-group:nth-of-type(2) .input-block:nth-child(3) {
    width: 100%;
  }
}

/* Desktop - 1024px and up */
@media (min-width: 1024px) {
  .contact-header h2 {
    font-size: 36px;
  }

  .contact-ref {
    font-size: 20px;
  }

  .contact-form-wrapper input[type="text"],
  .contact-form-wrapper input[type="email"],
  .contact-form-wrapper textarea {
    font-size: 15px;
  }
}

/* Large Desktop - 1440px and up */
@media (min-width: 1440px) {
  .contact-image {
    width: 455px;
    max-width: 455px;
  }

  .contact-content {
    width: 467px;
    max-width: 467px;
    padding: 48px;
  }

  .contact-header h2 {
    font-size: 41px;
    line-height: 41px;
  }

  .contact-ref {
    font-size: 21px;
    line-height: 21px;
  }

  .contact-form-wrapper input[type="text"],
  .contact-form-wrapper input[type="email"] {
    height: 46px;
  }

  .contact-form-wrapper .form-group:nth-of-type(2) .input-block:nth-child(1) {
    width: 171px;
  }

  .contact-form-wrapper .form-group:nth-of-type(2) .input-block:nth-child(2) {
    width: 190px;
  }

  .contact-form-wrapper input[type="submit"] {
    font-size: 16px;
    height: 42px;
  }
}