/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./templates/properties/properties.scss ***!
  \**************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Hernandez Bros Complete Family by Latinotype
 * URL: https://www.myfonts.com/products/hernandez-bros-complete-family-package-436555
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
@font-face {
  font-family: "HernandezBrosMedium";
  src: url(feafa19e348fcf36596f.woff2) format("woff2"), url(8216d0350ec73d1dc705.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosExtralight";
  src: url(43d906c9f0a66f8e454e.woff2) format("woff2"), url(e9c4093d57ae0458141c.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosBold";
  src: url(59405e835caf730b0d8f.woff2) format("woff2"), url(07743f9fe29061789322.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosSemibold";
  src: url(4e004f5aa9a6af882f9d.woff2) format("woff2"), url(f38a078f4545a741b2f7.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosExtrabold";
  src: url(bd4dfee4bbb30a9d5ef2.woff2) format("woff2"), url(5d9c6198f828c74cc26c.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosRegular";
  src: url(d3c879a8f3fbb4e55560.woff2) format("woff2"), url(44f09fd8f96d4f66f557.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosLight";
  src: url(4ee9ca8cf52aacbacc97.woff2) format("woff2"), url(1dd81b30977def510b21.woff) format("woff"); }

@font-face {
  font-family: "HernandezBrosBlack";
  src: url(2406f3059ee7fa90136e.woff2) format("woff2"), url(3a39bc8b49be3e1e798e.woff) format("woff"); }

.hernandez-225-400 {
  font-family: "HernandezBrosRegular";
  font-size: 225px;
  font-style: normal;
  font-weight: 400;
  line-height: 85%;
  letter-spacing: -4.5px; }
  @media screen and (max-width: 1366px) {
    .hernandez-225-400 {
      font-size: 150px;
      line-height: 95%; } }
  @media screen and (max-width: 1050px) {
    .hernandez-225-400 {
      font-size: 100px; } }
  @media screen and (max-width: 767px) {
    .hernandez-225-400 {
      font-size: 60px; } }

.hernandez-50-400 {
  font-family: "HernandezBrosRegular";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media screen and (max-width: 767px) {
    .hernandez-50-400 {
      font-size: 36px; } }

.hernandez-40-400 {
  font-family: "HernandezBrosRegular";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media screen and (max-width: 767px) {
    .hernandez-40-400 {
      font-size: 32px; } }

.hernandez-30-400 {
  font-family: "HernandezBrosRegular";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%; }

.grotesk-40-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media screen and (max-width: 767px) {
    .grotesk-40-400 {
      font-size: 32px; } }

.grotesk-30-500 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.grotesk-25-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media screen and (max-width: 450px) {
    .grotesk-25-400 {
      font-size: 20px; } }

.grotesk-25-500 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }
  @media screen and (max-width: 450px) {
    .grotesk-25-500 {
      font-size: 20px; } }

.grotesk-20-500 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.grotesk-20-500-38 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 194%; }

.grotesk-20-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.grotesk-18-500-nav {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 0%;
  letter-spacing: 1.17px;
  text-transform: uppercase; }

.grotesk-18-500 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.grotesk-18-500-28 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 152.5%; }

.grotesk-18-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }
  @media screen and (max-width: 450px) {
    .grotesk-18-400 {
      font-size: 14px; } }

.grotesk-18-400-35 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 194%; }
  @media screen and (max-width: 450px) {
    .grotesk-18-400-35 {
      font-size: 14px; } }

.grotesk-18-400-25 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 137.5%; }

.grotesk-18-400-32 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; }

.grotesk-16-500 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.grotesk-16-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 194%; }

.grotesk-15-600 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

.grotesk-15-500-btn {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.45px;
  text-transform: uppercase; }

.grotesk-15-500-nav {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.975px; }

.grotesk-15-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.grotesk-15-400-18 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8; }

.grotesk-15-400-39 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 255.182%; }

.grotesk-14-300 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 137.5%; }

.grotesk-12-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; }

.grotesk-10-400 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 137.5%; }

.grotesk-8-500 {
  font-family: "aktiv-grotesk", sans-serif;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.52px;
  text-transform: uppercase; }

@media screen and (min-width: 1921px) {
  .hernandez-225-400 {
    font-size: 11.71875vw;
    letter-spacing: -0.20833vw; }
  .hernandez-50-400 {
    font-size: 2.60417vw; }
  .hernandez-30-400 {
    font-size: 1.5625vw; }
  .grotesk-40-400 {
    font-size: 2.08333vw; }
  .grotesk-30-500 {
    font-size: 1.5625vw; }
  .grotesk-25-400 {
    font-size: 1.30208vw; }
  .grotesk-25-500 {
    font-size: 1.30208vw; }
  .grotesk-20-500 {
    font-size: 1.04167vw; }
  .grotesk-20-500-38 {
    font-size: 1.04167vw; }
  .grotesk-20-400 {
    font-size: 1.04167vw; }
  .grotesk-18-500-nav {
    font-size: 0.9375vw;
    letter-spacing: 0.05208vw; }
  .grotesk-18-500 {
    font-size: 0.9375vw; }
  .grotesk-18-500-28 {
    font-size: 0.9375vw; }
  .grotesk-18-400 {
    font-size: 0.9375vw; }
  .grotesk-18-400-35 {
    font-size: 0.9375vw; }
  .grotesk-18-400-25 {
    font-size: 0.9375vw; }
  .grotesk-18-400-32 {
    font-size: 0.9375vw; }
  .grotesk-16-500 {
    font-size: 0.83333vw; }
  .grotesk-16-400 {
    font-size: 0.83333vw; }
  .grotesk-15-600 {
    font-size: 0.78125vw; }
  .grotesk-15-500-btn {
    font-size: 0.78125vw; }
  .grotesk-15-400-18 {
    font-size: 0.78125vw; }
  .grotesk-15-500-nav {
    font-size: 0.78125vw; }
  .grotesk-15-400 {
    font-size: 0.78125vw; }
  .grotesk-15-400-39 {
    font-size: 0.78125vw; }
  .grotesk-14-300 {
    font-size: 0.72917vw; }
  .grotesk-12-400 {
    font-size: 0.625vw; }
  .grotesk-10-400 {
    font-size: 0.52083vw; }
  .grotesk-8-500 {
    font-size: 0.41667vw; } }

html {
  scroll-behavior: smooth; }
  html.open {
    overflow: hidden; }

body {
  background-color: #262626; }

a {
  text-decoration: none; }

.skip-link {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal; }
  .skip-link:focus {
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }

.line-link {
  position: relative;
  text-decoration: none; }
  .line-link::after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #333;
    height: 2px;
    top: 100%;
    left: 0;
    will-change: transform;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); }
  .line-link:hover::after {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1); }

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  width: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a {
  text-decoration: none; }

a:focus,
a:hover,
a:active {
  outline: none; }

b,
strong {
  font-weight: bold; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

nav ul,
nav ol,
ul,
li {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

button,
input,
select,
textarea {
  vertical-align: middle; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  overflow: visible; }

button[disabled],
input[disabled] {
  cursor: default; }

input,
textarea {
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input,
textarea,
select {
  outline: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

select {
  -webkit-appearance: none; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes swiperBullet {
  0% {
    transform: translateY(-44px); }
  100% {
    transform: translateY(0); } }

@keyframes scrollBtn {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(10%); } }

@keyframes viewAllBtn {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(10%); } }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes attachOverflow {
  0% {
    overflow: hidden; }
  100% {
    overflow: auto; } }

@keyframes enterLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
    border-color: transparent; }
  100% {
    opacity: 1;
    transform: translateX(0);
    border-color: rgba(255, 255, 255, 0.5); } }

.error-404 {
  color: #fff;
  height: 100vh;
  padding: 0 25px;
  text-align: center; }
  .error-404__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%; }
    .error-404__content-title {
      font-size: 300px;
      margin: 0 0 54px; }
      @media screen and (max-width: 1280px) {
        .error-404__content-title {
          font-size: 200px; } }
      @media screen and (max-width: 767px) {
        .error-404__content-title {
          font-size: 120px; } }
    .error-404__content-subtitle {
      color: rgba(255, 255, 255, 0.5);
      margin: 0 0 53px; }
    .error-404__content-links {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .error-404__content-links {
          flex-direction: column; } }
      .error-404__content-links a {
        display: block;
        color: #fff;
        padding: 0 36px;
        line-height: 24px;
        border-left: 1px solid #929292;
        border-right: 1px solid #929292;
        transition: color 0.3s ease; }
        .error-404__content-links a:not(:last-child) {
          margin: 0 4px 0 0; }
          @media screen and (max-width: 767px) {
            .error-404__content-links a:not(:last-child) {
              margin: 0 0 12px; } }
        @media screen and (max-width: 767px) {
          .error-404__content-links a {
            padding: 0;
            border: none; } }
        .error-404__content-links a:first-child {
          border-left: none;
          padding-left: 0; }
        .error-404__content-links a:last-child {
          padding-right: 0;
          border-right: none; }
        @media (hover: hover) and (pointer: fine) {
          .error-404__content-links a:hover {
            color: #ee3124; } }

@media screen and (min-width: 1921px) {
  .error-404 {
    padding: 0 1.30208vw; }
    .error-404__content-title {
      font-size: 15.625vw;
      margin: 0 0 2.8125vw; }
    .error-404__content-subtitle {
      margin: 0 0 2.76042vw; }
    .error-404__content-links a {
      padding: 0 1.875vw;
      line-height: 1.25vw;
      border-left: 0.05208vw solid #929292;
      border-right: 0.05208vw solid #929292; }
      .error-404__content-links a:not(:last-child) {
        margin: 0 0.20833vw 0 0; } }

.properties {
  padding: 110px 0 104px;
  color: #fff; }
  @media screen and (max-width: 767px) {
    .properties {
      padding: 62px 0; } }
  .properties__spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.4);
    transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out; }
    .properties__spinner .spinner {
      animation: rotate 2s linear infinite;
      z-index: 2;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -2vw 0 0 -2vw;
      width: 4vw;
      height: 4vw; }
      .properties__spinner .spinner .path {
        stroke: #ee3124;
        stroke-linecap: round;
        animation: dash 1.5s ease-in-out infinite; }
    .properties__spinner.active {
      visibility: visible;
      opacity: 1; }
  .properties__megaFilter {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    color: #000;
    visibility: hidden;
    transition: opacity 0.5s ease; }
    .properties__megaFilter.active {
      opacity: 1;
      visibility: visible; }
      .properties__megaFilter.active .properties__megaFilter-content {
        transform: translateX(0); }
    .properties__megaFilter-content {
      max-width: 800px;
      width: 100%;
      height: 100%;
      padding: 80px 15px 20px;
      background: #3c3c3c;
      transform: translateX(100%);
      transition: 0.5s ease;
      color: #fff;
      overflow-y: auto; }
      .properties__megaFilter-content > div:not(:last-child) {
        margin: 0 0 30px;
        padding: 0 0 30px;
        border-bottom: 1px solid #fff; }
      .properties__megaFilter-content--exit {
        position: absolute;
        top: 20px;
        left: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        padding: 0 !important;
        margin: 0 0 60px !important;
        border: none !important;
        cursor: pointer; }
        .properties__megaFilter-content--exit span {
          width: 20px;
          height: 2px;
          background: #fff;
          position: absolute;
          pointer-events: none; }
          .properties__megaFilter-content--exit span:first-child {
            transform: rotate(45deg); }
          .properties__megaFilter-content--exit span:last-child {
            transform: rotate(-45deg); }
      .properties__megaFilter-content .content-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        margin: 36px 0 0; }
        @media screen and (max-width: 800px) {
          .properties__megaFilter-content .content-items {
            grid-template-columns: repeat(2, 1fr); } }
        @media screen and (max-width: 600px) {
          .properties__megaFilter-content .content-items {
            grid-template-columns: repeat(1, 1fr); } }
        .properties__megaFilter-content .content-items .item {
          display: flex;
          align-items: center; }
          .properties__megaFilter-content .content-items .item .checkbox {
            min-width: 20px;
            min-height: 20px;
            border: 1px solid #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 8px 0 0;
            pointer-events: none; }
            .properties__megaFilter-content .content-items .item .checkbox > div {
              background: #fff;
              min-width: 12px;
              height: 12px;
              transition: 0.3s ease;
              transform: scale(0); }
          .properties__megaFilter-content .content-items .item > p {
            pointer-events: none; }
          .properties__megaFilter-content .content-items .item.active .checkbox > div {
            transform: scale(1); }
      .properties__megaFilter-content .content-input input {
        padding: 10px 8px;
        border: 1px solid #fff;
        width: 100%;
        max-width: 300px;
        color: #fff;
        background: #3c3c3c; }
        .properties__megaFilter-content .content-input input::placeholder {
          color: #fff; }
      .properties__megaFilter-content .content-input input[type="date"]::-webkit-inner-spin-button,
      .properties__megaFilter-content .content-input input[type="date"]::-webkit-calendar-picker-indicator {
        color-scheme: dark; }
      .properties__megaFilter-content .content-input input::-webkit-outer-spin-button,
      .properties__megaFilter-content .content-input input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .properties__megaFilter-content .content-input input[type="number"] {
        -moz-appearance: textfield; }
      .properties__megaFilter-content .content-input > p {
        margin: 0 0 40px; }
      .properties__megaFilter-content--opendates .opendates-wrapper {
        display: flex;
        align-items: center; }
        .properties__megaFilter-content--opendates .opendates-wrapper p {
          margin: 0 40px; }
        @media screen and (max-width: 500px) {
          .properties__megaFilter-content--opendates .opendates-wrapper {
            flex-direction: column;
            align-items: flex-start; }
            .properties__megaFilter-content--opendates .opendates-wrapper p {
              margin: 20px 0; } }
  .properties .js-mega-filter-icon {
    display: none; }
    @media screen and (max-width: 1200px) {
      .properties .js-mega-filter-icon {
        display: flex; } }
  .properties__filters {
    padding: 10px 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 0 32px;
    position: relative;
    z-index: 1; }
    .properties__filters > div:not(:last-child) {
      margin: 0 30px 0 0; }
    .properties__filters-dd {
      display: flex;
      align-items: center; }
      .properties__filters-dd > div:not(:last-child) {
        margin: 0 30px 0 0; }
      @media screen and (max-width: 1200px) {
        .properties__filters-dd {
          position: fixed;
          height: calc(100vh - 154px);
          top: 154px;
          left: 0;
          width: 100%;
          overflow: auto;
          background: #3c3c3c;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding: 40px 50px;
          transform: translateX(-100%);
          transition: 0.3s ease; }
          .properties__filters-dd > div:not(:last-child) {
            margin: 0 0 30px; }
          .properties__filters-dd.active {
            transform: translateX(0); } }
  @media screen and (max-width: 1200px) and (max-width: 767px) {
    .properties__filters-dd {
      top: 106px;
      height: calc(100vh - 106px); } }
    .properties__filters-buy {
      display: flex;
      position: relative;
      border: 1px solid #fff;
      border-radius: 26px;
      padding: 8px 20px;
      text-transform: uppercase; }
      .properties__filters-buy p:first-child {
        margin: 0 34px 0 0; }
      .properties__filters-buy p {
        cursor: pointer;
        transition: 0.3s ease; }
        .properties__filters-buy p.active {
          color: #000;
          pointer-events: none; }
      .properties__filters-buy.rent::after {
        transform: translateX(100%); }
      .properties__filters-buy::after {
        width: 60px;
        height: calc(100% - 6px);
        top: 3px;
        left: 3px;
        position: absolute;
        content: "";
        background: #fff;
        border-radius: 26px;
        z-index: -1;
        transition: 0.3s ease; }
    .properties__filters-separator {
      margin: 0 22px 0 0;
      color: rgba(255, 255, 255, 0.5); }
      @media screen and (max-width: 1200px) {
        .properties__filters-separator {
          margin: 0 0 22px; } }
    @media screen and (max-width: 767px) {
      .properties__filters {
        padding: 10px 15px; } }
    .properties__filters-filterdd > p {
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: 0.3s ease; }
      .properties__filters-filterdd > p:hover {
        color: #ee3124; }
        .properties__filters-filterdd > p:hover::after {
          background: #ee3124; }
      .properties__filters-filterdd > p::after {
        content: "";
        background: #fff;
        width: 6px;
        height: 4px;
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        margin: 0 0 0 5px;
        transition: 0.3s ease; }
    .properties__filters-boroughs {
      position: relative; }
      .properties__filters-boroughs.active .properties__filters-boroughs--dropdown {
        max-height: 500px; }
      @media screen and (max-width: 1200px) {
        .properties__filters-boroughs {
          z-index: 4; } }
      .properties__filters-boroughs--dropdown {
        position: absolute;
        left: 0;
        bottom: -17px;
        transform: translate(-23%, 100%);
        background: #3c3c3c;
        text-transform: capitalize;
        max-height: 0;
        transition: 0.3s ease;
        overflow: hidden; }
        .properties__filters-boroughs--dropdown > div {
          padding: 17px 25px;
          width: 100%; }
        @media screen and (max-width: 1200px) {
          .properties__filters-boroughs--dropdown {
            transform: translate(0, 100%);
            background: #262626; }
            .properties__filters-boroughs--dropdown > div {
              padding: 17px 25px 17px 8px; } }
        .properties__filters-boroughs--dropdown---item {
          display: flex;
          align-items: center;
          white-space: nowrap; }
          .properties__filters-boroughs--dropdown---item.active .checkbox > div {
            opacity: 1; }
          .properties__filters-boroughs--dropdown---item > p {
            pointer-events: none; }
          .properties__filters-boroughs--dropdown---item .checkbox {
            width: 10px;
            height: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            margin: 0 15px 0 0;
            pointer-events: none; }
            .properties__filters-boroughs--dropdown---item .checkbox > div {
              width: 8px;
              height: 8px;
              background: #ee3124;
              opacity: 0;
              transition: 0.3s ease; }
          .properties__filters-boroughs--dropdown---item:not(:last-child) {
            margin: 0 0 21px; }
    .properties__filters-price {
      position: relative; }
      .properties__filters-price.active .properties__filters-price--dropdown {
        max-height: 500px; }
      @media screen and (max-width: 1200px) {
        .properties__filters-price {
          z-index: 3; } }
      .properties__filters-price--dropdown {
        position: absolute;
        left: 0;
        bottom: -17px;
        transform: translate(-31%, 100%);
        background: #3c3c3c;
        text-transform: capitalize;
        max-height: 0;
        transition: 0.3s ease;
        overflow: hidden;
        display: flex; }
        @media screen and (max-width: 1200px) {
          .properties__filters-price--dropdown {
            transform: translate(0, 100%);
            background: #262626; } }
        .properties__filters-price--dropdown input {
          max-width: 120px;
          padding: 6px;
          background: #3c3c3c;
          border: 1px solid #fff;
          color: rgba(255, 255, 255, 0.5); }
          .properties__filters-price--dropdown input::placeholder {
            color: #fff; }
        .properties__filters-price--dropdown input::-webkit-outer-spin-button,
        .properties__filters-price--dropdown input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .properties__filters-price--dropdown input[type="number"] {
          -moz-appearance: textfield; }
    .properties__filters-bedrooms {
      position: relative; }
      .properties__filters-bedrooms.active .properties__filters-bedrooms--dropdown {
        max-height: 500px; }
      @media screen and (max-width: 1200px) {
        .properties__filters-bedrooms {
          z-index: 2; } }
      .properties__filters-bedrooms--dropdown {
        position: absolute;
        left: 0;
        bottom: -17px;
        transform: translate(0, 100%);
        background: #3c3c3c;
        text-transform: capitalize;
        max-height: 0;
        transition: 0.3s ease;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        width: 110px; }
        .properties__filters-bedrooms--dropdown > div {
          padding: 17px 25px;
          width: 100%; }
        @media screen and (max-width: 1200px) {
          .properties__filters-bedrooms--dropdown {
            transform: translate(0, 100%);
            background: #262626; } }
        .properties__filters-bedrooms--dropdown---item {
          cursor: pointer;
          transition: 0.3s ease; }
          .properties__filters-bedrooms--dropdown---item:hover {
            color: #ee3124; }
          .properties__filters-bedrooms--dropdown---item:not(:last-child) {
            margin: 0 0 21px; }
    .properties__filters-bathrooms {
      position: relative; }
      .properties__filters-bathrooms.active .properties__filters-bathrooms--dropdown {
        max-height: 500px; }
      @media screen and (max-width: 1200px) {
        .properties__filters-bathrooms {
          z-index: 1; } }
      .properties__filters-bathrooms--dropdown {
        position: absolute;
        left: 0;
        bottom: -17px;
        transform: translate(0, 100%);
        background: #3c3c3c;
        text-transform: capitalize;
        max-height: 0;
        transition: 0.3s ease;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        width: 115px; }
        .properties__filters-bathrooms--dropdown > div {
          padding: 17px 25px;
          width: 100%; }
        @media screen and (max-width: 1200px) {
          .properties__filters-bathrooms--dropdown {
            transform: translate(0, 100%);
            background: #262626; } }
        .properties__filters-bathrooms--dropdown---item {
          cursor: pointer;
          transition: 0.3s ease; }
          .properties__filters-bathrooms--dropdown---item:hover {
            color: #ee3124; }
          .properties__filters-bathrooms--dropdown---item:not(:last-child) {
            margin: 0 0 21px; }
    .properties__filters-clear {
      color: rgba(255, 255, 255, 0.5);
      cursor: pointer; }
    .properties__filters-show {
      display: none; }
      @media screen and (max-width: 1200px) {
        .properties__filters-show {
          display: block; } }
    .properties__filters-exit {
      display: none;
      position: absolute;
      width: 20px;
      height: 20px;
      z-index: 51;
      top: 52px;
      right: 40px;
      cursor: pointer; }
      .properties__filters-exit span {
        width: 100%;
        height: 3px;
        display: block;
        position: absolute;
        background: #fff;
        pointer-events: none;
        border-radius: 8px; }
        .properties__filters-exit span:first-child {
          transform: rotate(45deg); }
        .properties__filters-exit span:last-child {
          transform: rotate(-45deg); }
      @media screen and (max-width: 1200px) {
        .properties__filters-exit {
          display: block; } }
  .properties__title {
    padding: 0 50px;
    margin: 0 0 30px; }
    @media screen and (max-width: 767px) {
      .properties__title {
        padding: 0 15px; } }
    .properties__title p {
      color: rgba(255, 255, 255, 0.5); }
  .properties__wrapper {
    padding: 0 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px; }
    @media screen and (max-width: 1440px) {
      .properties__wrapper {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 900px) {
      .properties__wrapper {
        padding: 0 15px;
        grid-template-columns: repeat(1, 1fr); } }
    .properties__wrapper-item {
      display: flex;
      flex-direction: column;
      padding: 0 6px 0 0;
      position: relative;
      cursor: pointer;
      opacity: 0;
      transition: opacity 0.7s ease-in-out; }
      .properties__wrapper-item.show {
        opacity: 1; }
      .properties__wrapper-item--image {
        max-height: 287px;
        height: 100%; }
        .properties__wrapper-item--image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .properties__wrapper-item--tag {
        text-transform: uppercase;
        font-weight: 500;
        padding: 5px 17px 5px 22px;
        position: absolute;
        right: 0;
        top: 15px;
        min-width: 130px; }
        .properties__wrapper-item--tag::after {
          position: absolute;
          top: 23px;
          right: 0;
          clip-path: polygon(0 0, 0% 100%, 100% 0);
          width: 6px;
          height: 8px;
          content: ""; }
        .properties__wrapper-item--tag.openhouse {
          background: #ee3124;
          color: #fff; }
          .properties__wrapper-item--tag.openhouse::after {
            background: #8f1d16; }
        .properties__wrapper-item--tag.contract {
          top: 45px;
          background: #fff;
          color: #000; }
          .properties__wrapper-item--tag.contract::after {
            background: #808080; }
      .properties__wrapper-item--text {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px 20px;
        background: #3c3c3c; }
        .properties__wrapper-item--text h3 {
          color: #fff; }
          @media screen and (max-width: 1550px) {
            .properties__wrapper-item--text h3 {
              max-width: 190px;
              margin: 0 20px 0 0; } }
          @media screen and (max-width: 1440px) {
            .properties__wrapper-item--text h3 {
              max-width: unset; } }
          @media screen and (max-width: 991px) {
            .properties__wrapper-item--text h3 {
              max-width: 190px; } }
          @media screen and (max-width: 900px) {
            .properties__wrapper-item--text h3 {
              max-width: unset; } }
          @media screen and (max-width: 400px) {
            .properties__wrapper-item--text h3 {
              max-width: 150px; } }
        .properties__wrapper-item--text p {
          color: #fff; }
  .properties__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0; }
    .properties__pagination .pagination-number {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ee3124;
      background: #3c3c3c;
      border: 1px solid #fff;
      width: 32px;
      cursor: pointer;
      height: 32px; }
      .properties__pagination .pagination-number:not(:last-child) {
        margin: 0 12px 0 0; }
      .properties__pagination .pagination-number.current {
        color: #fff;
        background: #262626; }
      .properties__pagination .pagination-number.dots {
        pointer-events: none; }

@media screen and (min-width: 1921px) {
  .properties {
    padding: 5.72917vw 0 5.41667vw; }
    .properties__megaFilter-content {
      max-width: 41.66667vw;
      padding: 4.16667vw 0.78125vw 1.04167vw; }
      .properties__megaFilter-content > div:not(:last-child) {
        margin: 0 0 1.5625vw;
        padding: 0 0 1.5625vw;
        border-bottom: 0.05208vw solid #fff; }
      .properties__megaFilter-content--exit {
        top: 1.04167vw;
        left: 0.78125vw;
        width: 1.25vw;
        height: 1.25vw;
        margin: 0 0 3.125vw !important; }
        .properties__megaFilter-content--exit span {
          width: 1.04167vw;
          height: 0.10417vw; }
      .properties__megaFilter-content .content-items {
        grid-column-gap: 2.08333vw;
        grid-row-gap: 1.04167vw;
        margin: 1.875vw 0 0; }
        .properties__megaFilter-content .content-items .item .checkbox {
          min-width: 1.04167vw;
          min-height: 1.04167vw;
          border: 0.05208vw solid #fff;
          margin: 0 0.41667vw 0 0; }
          .properties__megaFilter-content .content-items .item .checkbox > div {
            min-width: 0.625vw;
            height: 0.625vw; }
      .properties__megaFilter-content .content-input input {
        padding: 0.52083vw 0.41667vw;
        border: 0.05208vw solid #fff;
        max-width: 15.625vw; }
      .properties__megaFilter-content .content-input > p {
        margin: 0 0 2.08333vw; }
    .properties__filters {
      padding: 0.52083vw 2.60417vw;
      border-top: 0.05208vw solid rgba(255, 255, 255, 0.1);
      border-bottom: 0.05208vw solid rgba(255, 255, 255, 0.1);
      margin: 0 0 1.66667vw; }
      .properties__filters > div:not(:last-child) {
        margin: 0 1.5625vw 0 0; }
      .properties__filters-dd > div:not(:last-child) {
        margin: 0 1.5625vw 0 0; }
      .properties__filters-buy {
        border: 0.05208vw solid #fff;
        border-radius: 1.35417vw;
        padding: 0.41667vw 1.04167vw; }
        .properties__filters-buy p:first-child {
          margin: 0 1.77083vw 0 0; }
        .properties__filters-buy::after {
          width: 3.125vw;
          height: calc(100% - 0.3125vw);
          top: 0.15625vw;
          left: 0.15625vw;
          border-radius: 1.35417vw; }
      .properties__filters-separator {
        margin: 0 1.14583vw 0 0; }
      .properties__filters-filterdd > p::after {
        width: 0.3125vw;
        height: 0.20833vw;
        margin: 0 0 0 0.26042vw; }
      .properties__filters-boroughs.active .properties__filters-boroughs--dropdown {
        max-height: 26.04167vw; }
      .properties__filters-boroughs--dropdown {
        bottom: -0.88542vw; }
        .properties__filters-boroughs--dropdown > div {
          padding: 0.88542vw 1.30208vw; }
        .properties__filters-boroughs--dropdown---item .checkbox {
          width: 0.52083vw;
          height: 0.52083vw;
          margin: 0 0.78125vw 0 0; }
          .properties__filters-boroughs--dropdown---item .checkbox > div {
            width: 0.41667vw;
            height: 0.41667vw; }
        .properties__filters-boroughs--dropdown---item:not(:last-child) {
          margin: 0 0 1.09375vw; }
      .properties__filters-price.active .properties__filters-price--dropdown {
        max-height: 26.04167vw; }
      .properties__filters-price--dropdown {
        bottom: -0.88542vw; }
        .properties__filters-price--dropdown input {
          max-width: 6.25vw;
          padding: 0.3125vw;
          border: 0.05208vw solid #fff; }
      .properties__filters-bedrooms.active .properties__filters-bedrooms--dropdown {
        max-height: 26.04167vw; }
      .properties__filters-bedrooms--dropdown {
        bottom: -0.88542vw;
        width: 5.72917vw; }
        .properties__filters-bedrooms--dropdown > div {
          padding: 0.88542vw 1.30208vw; }
        .properties__filters-bedrooms--dropdown---item:not(:last-child) {
          margin: 0 0 1.09375vw; }
      .properties__filters-bathrooms.active .properties__filters-bathrooms--dropdown {
        max-height: 26.04167vw; }
      .properties__filters-bathrooms--dropdown {
        bottom: -0.88542vw;
        width: 5.98958vw; }
        .properties__filters-bathrooms--dropdown > div {
          padding: 0.88542vw 1.30208vw; }
        .properties__filters-bathrooms--dropdown---item:not(:last-child) {
          margin: 0 0 1.09375vw; }
    .properties__title {
      padding: 0 2.60417vw;
      margin: 0 0 1.5625vw; }
    .properties__wrapper {
      padding: 0 2.60417vw;
      grid-gap: 1.5625vw; }
      .properties__wrapper-item {
        padding: 0 0.3125vw 0 0; }
        .properties__wrapper-item--image {
          max-height: 14.94792vw; }
        .properties__wrapper-item--tag {
          padding: 0.26042vw 0.88542vw 0.26042vw 1.14583vw;
          top: 0.78125vw; }
          .properties__wrapper-item--tag::after {
            top: 1.19792vw;
            width: 0.3125vw;
            height: 0.41667vw; }
        .properties__wrapper-item--text {
          padding: 1.30208vw 1.04167vw; }
    .properties__pagination {
      margin: 2.08333vw 0 0; }
      .properties__pagination .pagination-number {
        border: 0.05208vw solid #fff;
        width: 1.66667vw;
        height: 1.66667vw; }
        .properties__pagination .pagination-number:not(:last-child) {
          margin: 0 0.625vw 0 0; } }