/* ===== BASE ====== */
/* CONTAINER'S MAX WIDTH */
/* FONTS */
/* FONT-SIZE */
:root {
  --fontSize-regular: 1.125rem;
  --fontSize-xxlarge: 4.875rem;
  --fontSize-xxlarge-02: 4.25rem;
  --fontSize-xlarge: 3.625rem;
  --fontSize-xlarge-02: 2.375rem;
  --fontSize-large: 1.75rem;
  --fontSize-medium: 1.375rem;
  --fontSize-small: 0.875rem;
  --fontSize-xsmall: 0.5rem;
}
@media (max-width: 640px) {
  :root {
    --fontSize-regular: 0.875rem;
    --fontSize-xlarge: 2.375rem;
    --fontSize-large: 2rem;
    --fontSize-medium: 1.125rem;
    --fontSize-small: 0.875rem;
    --fontSize-xsmall: 0.5rem;
  }
}

/* LINE HEIGHT */
/* COLORS */
/* BRANDS COLOR */
/* STATUS COLOR */
/* FOR SPACING (MARGIN AND PADDING) */
/* IMAGE SPRITE */
/* ICONS */
/* ====== LANDING PAGE (lp) ===== */
body {
  background-color: #f9f9f9;
}

.search-property-mob {
  display: none;
}
@media (max-width: 991px) {
  .search-property-mob.fixed-search {
    display: block;
    top: 0;
    margin-top: 0;
  }
}

.content--body h2, .content--body h3 {
  color: #212121;
}

.sec-cta .button--primary {
  border-radius: 6px;
}

/* BANNER */
.lp-banner .table-wrap .table-cell {
  padding-top: 0;
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .lp-banner {
    min-height: 800px;
  }
}
@media (max-width: 767px) {
  .lp-banner .table-wrap .table-cell {
    padding-top: 110px;
    padding-bottom: 50px;
  }
}
@media (max-width: 640px) {
  .lp-banner {
    min-height: 520px;
  }
  .lp-banner .table-wrap {
    position: relative;
  }
}
@media (max-width: 640px) {
  .lp-banner::after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(43%, #000), color-stop(70%, rgba(0, 0, 0, 0.75)), to(rgba(16, 57, 142, 0)));
    background-image: linear-gradient(to top, #000 43%, rgba(0, 0, 0, 0.75) 70%, rgba(16, 57, 142, 0) 100%);
    width: 100%;
  }
}

.lp-banner .bnnr-content {
  max-width: 80%;
}
@media (max-width: 767px) {
  .lp-banner .bnnr-content {
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  .lp-banner .bnnr-content {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .lp-banner .bnnr-content h1 {
    font-size: 1.5625rem;
    max-width: 80%;
    margin: 0 auto;
  }
}

/* Landing page City - BANNER */
.lp-city-banner.banner-navbar {
  height: 100%;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  padding: 200px 0 100px;
}
.lp-city-banner.banner-navbar .table-wrap {
  position: relative;
}
.lp-city-banner.banner-navbar .table-cell {
  padding: 0;
}
@media (max-width: 991px) {
  .lp-city-banner.banner-navbar {
    padding: 0;
  }
  .lp-city-banner.banner-navbar .table-cell {
    padding: 110px 0 30px;
  }
  .lp-city-banner.banner-navbar .bnnr-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .lp-city-banner.banner-navbar .table-cell {
    padding: 110px 0 50px;
  }
}

.lp-banner .bnnr-logo {
  margin-bottom: 30px;
}
.lp-banner .bnnr-logo img {
  max-height: 100px;
}
@media (max-width: 640px) {
  .lp-banner .bnnr-logo img {
    margin: 0 auto;
  }
}

.lp-banner .bnnr-info {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 640px) {
  .lp-banner .bnnr-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* TABLE OF CONTENTS */
.lp-toc {
  padding: 60px 0 0;
}
@media (max-width: 640px) {
  .lp-toc {
    padding: 30px 0;
  }
}

.lp-toc-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.lp-toc-tab p {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
  margin-right: 50px;
}
.lp-toc-tab > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-toc-tab button {
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50px;
  background-color: #D9EAF8;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.lp-toc-tab button:not(:last-of-type) {
  margin-right: 5px;
}
.lp-toc-tab button.active, .lp-toc-tab button:hover {
  background-color: #53a700;
  color: #ffffff;
}
@media (max-width: 991px) {
  .lp-toc-tab {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 15px;
  }
  .lp-toc-tab p {
    width: 100%;
  }
  .lp-toc-tab > div {
    margin-top: 10px;
  }
}
@media (max-width: 640px) {
  .lp-toc-tab p {
    font-size: 1.25rem;
  }
}

.lp-toc-tab-content {
  display: none;
}
.lp-toc-tab-content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .lp-toc-tab-content.active.cardlist-grid-04 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.lp-toc .cardlist-04 {
  margin: 0 -10px -25px;
}
.lp-toc .cardlist-04 li {
  padding: 0 7.5px;
  margin-bottom: 15px;
}
@media (max-width: 640px) {
  .lp-toc .cardlist-04 li {
    width: calc(50% - 10px);
  }
}

.lp-toc .toc-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 15px;
  border: 1px solid #c7c7c7;
  border-radius: 6px;
  height: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.lp-toc .toc-card .number {
  font-size: 1.75rem;
  font-weight: 700;
  color: #53a700;
  line-height: 1;
  margin-right: 10px;
}
.lp-toc .toc-card .title {
  color: #000000;
  font-weight: 600;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.lp-toc .toc-card sup {
  font-size: 0.75rem;
  vertical-align: top;
}
.lp-toc .toc-card:hover {
  border-color: #53a700;
  color: #53a700;
}
.lp-toc .toc-card:hover .title {
  color: #53a700;
}

/* SIDE NAV */
.toc-mob-tab {
  margin-bottom: 20px;
}
.toc-mob-tab button {
  padding: 8px 12px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50px;
  background-color: #D9EAF8;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.toc-mob-tab button:not(:last-of-type) {
  margin-right: 5px;
}
.toc-mob-tab button.active, .toc-mob-tab button:hover {
  background-color: #53a700;
  color: #ffffff;
}
@media (max-width: 991px) {
  .toc-mob-tab {
    margin: 0;
    padding: 15px 20px;
  }
}

.toc-tab-content {
  display: none;
}
.toc-tab-content.active {
  display: block;
}
.toc-tab-content li {
  padding: 12px 0;
}

.gen-sidebar .sticky-sidebar__content .toc-mob-nav > ul > li:not(:first-of-type),
.gen-sidebar .sticky-sidebar__content .toc-mob-nav > ul > li {
  padding: 13px 0;
}
@media (max-width: 991px) {
  .gen-sidebar .sticky-sidebar__content .toc-mob-nav > ul > li:not(:first-of-type),
.gen-sidebar .sticky-sidebar__content .toc-mob-nav > ul > li {
    padding: 13px 20px;
  }
}

.gen-sidebar .sticky-sidebar__content .toc-mob-nav > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gen-sidebar .sticky-sidebar__content .toc-mob-nav > ul > li > a > span:nth-of-type(1) {
  margin-right: 10px;
}

/* PROPERTIES */
@media (max-width: 991px) {
  .lp-properties .cardlist-03 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .lp-properties .cardlist-03 > div {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .lp-properties .cardlist-03 > div:last-of-type {
    margin: 0 0 30px;
  }
}

.lp-properties .sec-cta a {
  border-radius: 6px;
}

/* PROCESS */
@media (max-width: 640px) {
  .lp-process .tab-menu {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
}

.lp-process .tab-content > .h2-text {
  font-size: 1.875rem;
  font-weight: 400;
  color: #10398e;
}

.lp-process .tab-content .tab-details {
  margin-top: 30px;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 6px;
}
.lp-process .tab-content .tab-details h3 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 20px;
}
.lp-process .tab-content .tab-details h3:first-of-type {
  margin-top: 0;
}
.lp-process .tab-content .tab-details h4,
.lp-process .tab-content .tab-details .h4-text {
  font-size: 1.125rem;
  font-weight: 600;
  color: #4a9e86;
  margin-bottom: 15px;
}
.lp-process .tab-content .tab-details > p {
  color: #595959;
}

/* NEWS */
.lp-news .main-with-sidecard-02 > li:first-of-type {
  width: 55%;
}
@media (max-width: 991px) {
  .lp-news .main-with-sidecard-02 > li:first-of-type {
    width: 100%;
  }
}

.lp-news .main-with-sidecard-02 > li:last-of-type {
  width: 45%;
}
@media (max-width: 991px) {
  .lp-news .main-with-sidecard-02 > li:last-of-type {
    width: 100%;
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .lp-news .main-with-sidecard-02 > li:last-of-type ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .lp-news .main-with-sidecard-02 > li:last-of-type ul li {
    width: calc(50% - 10px);
    padding: 0 5px;
  }
}
@media (max-width: 640px) {
  .lp-news .main-with-sidecard-02 > li:last-of-type ul li {
    width: calc(50% - 5px);
    padding: 0 5px;
  }
}

@media (max-width: 640px) {
  .lp-news .main-with-sidecard-02 .card-item {
    margin-top: 20px;
  }
}

@media (max-width: 640px) {
  .lp-news .main-with-sidecard-02 > li.card-item .asset {
    min-height: 336px;
  }
}

@media (max-width: 991px) {
  .lp-news .main-with-sidecard-02 .li.card-item .info h2 {
    min-height: 80px;
  }
}
@media (max-width: 640px) {
  .lp-news .main-with-sidecard-02 .li.card-item .info h2 {
    min-height: 0;
  }
}

/* CONTACT  */
.lp-contact,
.pl-contact {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 60px;
}
@media (max-width: 640px) {
  .lp-contact,
.pl-contact {
    padding-bottom: 50px;
  }
}

/* LANDING CITY PAGE */
.lp-city-content {
  padding: 65px 0 40px;
}
@media (max-width: 767px) {
  .lp-city-content {
    padding: 15px 0 20px;
  }
}

.lp-city-content .content--body .info-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
  grid-gap: 8px;
  list-style: none;
}
.lp-city-content .content--body .info-list ol, .lp-city-content .content--body .info-list ul {
  padding-bottom: 0;
}
.lp-city-content .content--body .info-list li {
  width: 100%;
}
.lp-city-content .content--body .info-list .h4-text {
  font-weight: 600;
  color: #10398e;
}
@media (min-width: 768px) {
  .lp-city-content .content--body .properties-card {
    margin-bottom: -25px;
  }
}
@media (max-width: 640px) {
  .lp-city-content .content--body .info-list {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .lp-city-content .content--body .info-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}

.lp-theme-content {
  padding: 75px 0 30px;
}
.lp-theme-content .jq-section:not(:first-child) > .content--header:first-of-type {
  margin-top: 30px;
}
.lp-theme-content .jq-section > .content--header:not(:first-of-type) {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .lp-theme-content .jq-section:not(:first-child) > .content--header:first-of-type {
    margin-top: 20px;
  }
  .lp-theme-content .jq-section > .content--header:not(:first-of-type) {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .lp-theme-content {
    padding: 30px 0;
  }
}