:root {
  --505050: #505050;
  --white: white;
  --383838: #383838;
  --232323: #232323;
  --f1f1f1: #f1f1f1;
  --ec6c14: #ec6c14;
  --836e54: #836e54;
  --919191: #919191;
  --aaaaaa: #aaa;
  --8b8b8b: #8b8b8b;
  --d9d9d9: #d9d9d9;
  --f5f5f5: whitesmoke;
  --dcb9a0: #dcb9a0;
  --black: black;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--505050);
  font-family: Avenir Next, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}

h2 {
  color: var(--383838);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
}

h3 {
  color: var(--383838);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

h4 {
  color: var(--383838);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

h5 {
  color: var(--383838);
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.section-content {
  padding-top: 90px;
}

.section-content.black {
  background-color: var(--232323);
  padding-bottom: 90px;
  position: relative;
}

.section-content.news-detail {
  padding-top: 45px;
  padding-bottom: 0;
}

.section-content.app {
  padding-top: 0;
}

.section-content.locations {
  position: relative;
}

.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.container.banner {
  z-index: 100;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.container.app {
  z-index: 100;
  height: 500px;
  position: relative;
}

.container.locations-menu {
  justify-content: center;
  height: 100%;
  display: flex;
}

.container.v-full-w {
  max-width: none;
}

.section-banner {
  width: 100%;
  padding-top: 15%;
  padding-bottom: 15%;
  position: relative;
  overflow: hidden;
}

.section-banner.home {
  padding-top: 22%;
  padding-bottom: 22%;
  overflow: visible;
}

.banner-heading {
  color: var(--white);
  text-align: center;
  text-shadow: 0 2px 6px #0000004d;
}

.all {
  padding-top: 100px;
  overflow: hidden;
}

.all.locations {
  padding-top: 150px;
  position: relative;
  overflow: visible;
}

.all.overflow-visible {
  overflow: visible;
}

.header {
  z-index: 500;
  background-color: var(--white);
  height: 100px;
  position: fixed;
  inset: 0% 0% auto;
}

.header.locations {
  z-index: 1000;
  position: relative;
}

.logo {
  z-index: 500;
  float: left;
  height: 58%;
  padding-bottom: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.menu-align-b {
  z-index: 1000;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.nav-link {
  flex: none;
  padding: 20px 0;
  font-weight: 500;
  line-height: 20px;
  transition: color .2s;
}

.nav-link:hover {
  color: var(--ec6c14);
}

.nav-link.w--current {
  color: var(--836e54);
}

.nav-link.w--current:hover {
  color: var(--ec6c14);
}

.nav-lang-link {
  color: var(--505050);
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
}

.nav-lang-link:hover {
  color: var(--ec6c14);
}

.nav-line {
  background-color: var(--836e54);
  width: 1px;
  height: 13px;
  margin-left: 8px;
  margin-right: 8px;
}

.nav-lang-b {
  float: right;
  flex: none;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.find-my-home-link {
  background-color: var(--232323);
  color: var(--white);
  text-align: center;
  border-radius: 4px;
  height: 32px;
  margin-top: 14px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  line-height: 32px;
  text-decoration: none;
  transition: background-color .2s;
}

.find-my-home-link:hover {
  background-color: var(--ec6c14);
}

.find-my-home-b {
  float: right;
  flex: none;
  margin-left: auto;
}

.nav-link-b {
  float: left;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
}

.section-heading {
  text-align: center;
  background-image: url('../images/icon-corner-orange.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 10px;
  margin-left: 13px;
  padding-top: 5px;
  padding-right: 13px;
  display: inline-block;
  position: relative;
}

.section-heading.white {
  color: var(--white);
}

.heading-b {
  text-align: center;
  margin-bottom: 45px;
}

.heading-b.align-left {
  text-align: left;
  margin-left: -13px;
}

.heading-b.locations-detail {
  position: relative;
}

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

.heading-align-b {
  display: inline-block;
  position: relative;
}

.txt-col {
  float: left;
  width: 50%;
}

.txt-col.partnership {
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.img-col {
  float: left;
  width: 45%;
  margin-right: 5%;
  padding-top: 16%;
  padding-bottom: 16%;
  position: relative;
}

.content-b {
  margin-bottom: 90px;
  position: relative;
}

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

.btn {
  z-index: 500;
  color: var(--383838);
  letter-spacing: 1px;
  align-items: flex-end;
  margin-left: -10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .45s;
  position: relative;
}

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

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

.btn.learn-more {
  float: right;
  margin-top: 25px;
}

.btn.align-center {
  left: 50%;
  transform: translate(-50%);
}

.btn.align-right {
  float: right;
}

.btn.align-right.locations-detail {
  position: absolute;
  inset: auto 0% 0% auto;
}

.btn.join {
  margin-top: 30px;
}

.btn-txt {
  z-index: 100;
  float: left;
  margin-right: 10px;
  padding-left: 10px;
  position: relative;
}

.btn-txt.locations:hover {
  color: var(--383838);
}

.btn-corner {
  float: left;
  background-color: var(--383838);
  border-top-right-radius: 20px;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-corner.white {
  background-image: url('../images/icon-corner-white.svg');
}

.btn-align-b {
  align-items: center;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.btn-bg {
  background-color: var(--383838);
  height: 100%;
  margin-right: 4px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-bg.white {
  background-color: var(--white);
}

.about-partnership-img {
  background-image: url('../images/about-us-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
}

.about-partnership-img-col {
  float: right;
  width: 45%;
  margin-left: 5%;
}

.about-partnershop-b {
  align-items: center;
  margin-bottom: 90px;
  position: relative;
}

.txt-white {
  color: var(--white);
}

.nav-menu {
  float: right;
  align-items: flex-end;
  width: 60%;
  min-width: 680px;
  height: 100%;
  display: flex;
}

.btn-top {
  z-index: 300;
  background-image: url('../images/icon-top.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  margin-bottom: -90px;
  margin-right: 40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.btn-top.locations {
  z-index: 300;
  margin-bottom: 0;
  margin-right: 0;
  inset: auto 0% 0% auto;
}

.footer-txt {
  color: var(--white);
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.footer-txt.right {
  float: right;
  margin-right: 0;
}

.footer-link {
  color: var(--white);
  text-decoration: none;
  transition: color .2s;
}

.footer-link:hover {
  color: var(--ec6c14);
}

.footer-col {
  float: left;
}

.footer-col.left {
  width: 36%;
}

.footer-col.right {
  width: 64%;
}

.footer-col.subscribe {
  width: 50%;
}

.pop-findmyhome {
  z-index: 1000;
  background-color: #00000080;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.side-menu-b {
  z-index: 500;
  background-color: var(--232323);
  border-top-left-radius: 100px;
  width: 480px;
  padding: 120px 60px 60px;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.btn-close {
  z-index: 1000;
  background-image: url('../images/icon-close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 19px;
  height: 19px;
  margin-top: 45px;
  margin-left: 45px;
  transition: opacity .2s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.btn-close:hover {
  opacity: .5;
}

.btn-close.locations-pop {
  margin-top: 15px;
  margin-right: 5%;
  inset: 0% 0% auto auto;
}

.side-menu-title {
  color: var(--white);
  margin-bottom: 5px;
  font-weight: 600;
}

.side-menu-select-field {
  border-bottom: 1px solid var(--white);
  color: var(--919191);
  width: 100%;
  height: 35px;
  font-weight: 600;
  line-height: 35px;
  text-decoration: none;
  position: relative;
}

.icon-dropdown {
  background-image: url('../images/icon-arrow-dropdown.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 35px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.icon-dropdown.menu {
  height: 45px;
}

.side-menu-expand {
  z-index: 100;
  height: auto;
  margin-top: 35px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.side-menu-row {
  margin-bottom: 45px;
  position: relative;
}

.findmyhome-location-link {
  background-color: var(--383838);
  color: var(--919191);
  width: 100%;
  height: 35px;
  padding-left: 10px;
  line-height: 35px;
  text-decoration: none;
}

.findmyhome-location-link:hover {
  background-color: var(--505050);
  color: var(--ec6c14);
}

.txt-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--505050);
  color: var(--919191);
  background-color: #0000;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
}

.txt-field:focus {
  border-bottom-color: var(--ec6c14);
}

.txt-field.side-menu {
  border-bottom-color: var(--white);
  font-weight: 600;
}

.txt-field.subscribe {
  border-bottom-color: var(--232323);
  color: var(--505050);
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 40px;
  font-weight: 400;
  line-height: 30px;
}

.txt-field.subscribe:focus {
  border-bottom-color: var(--ec6c14);
}

.hide {
  display: none;
}

.form-b {
  z-index: 700;
  margin-bottom: 0;
}

.form-b.subscribe {
  margin-bottom: 30px;
}

.btn-submit {
  background-color: var(--white);
  color: var(--232323);
  letter-spacing: 1px;
  border-top-right-radius: 30px;
  height: 30px;
  padding-left: 12px;
  padding-right: 30px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.btn-submit:hover {
  background-color: var(--ec6c14);
  color: var(--white);
}

.side-menu-form-b {
  margin-bottom: 45px;
}

.findmyhome-thanks-b {
  color: var(--white);
  display: none;
}

.side-menu-align-b {
  background-color: var(--383838);
  height: 175px;
  overflow: auto;
}

.findmyhome-btn-align-b {
  display: none;
}

.footer-row {
  margin-bottom: 40px;
}

.footer-link-col {
  float: left;
}

.footer-link-col._01 {
  width: 33.33%;
}

.footer-link-col._02 {
  width: 66.66%;
}

.footer-line {
  background-color: var(--505050);
  width: 10px;
  height: 1px;
  margin-right: 10px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.footer-txt-link {
  color: var(--505050);
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.footer-txt-link:hover {
  color: var(--ec6c14);
}

.footer-link-row {
  color: var(--505050);
  align-items: center;
  margin-bottom: 7px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
}

.footer-link-row:hover {
  color: var(--ec6c14);
}

.footer-line-hover {
  background-color: var(--ec6c14);
  width: 10px;
  height: 1px;
  margin-right: 10px;
  display: none;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.footer-title {
  margin-bottom: 10px;
  font-weight: 600;
}

.btn-subscribe {
  background-color: var(--232323);
  background-image: url('../images/icon-send.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 30px;
  height: 30px;
  transition: opacity .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-subscribe:hover {
  background-color: var(--ec6c14);
}

.footer-subscribe-b {
  height: 30px;
  margin-top: 25px;
  margin-bottom: 10px;
  position: relative;
}

.txt-small {
  font-size: 14px;
  line-height: 20px;
}

.txt-small.to {
  color: var(--aaaaaa);
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.contact-txt-link {
  color: var(--505050);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.contact-txt-link:hover {
  color: var(--ec6c14);
}

.footer-img-row {
  margin-bottom: 30px;
}

.footer-img {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.footer-img.ig01 {
  background-image: url('../images/footer-ig012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-img.ig02 {
  background-image: url('../images/footer-ig022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-img.ig03 {
  background-image: url('../images/footer-ig032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-img.fb01 {
  background-image: url('../images/footer-fb012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-img.fb02 {
  background-image: url('../images/footer-fb022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-img.fb03 {
  background-image: url('../images/footer-fb032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-link-b {
  float: left;
  width: 50%;
}

.banner-heading-b {
  z-index: 100;
  color: var(--white);
  text-align: center;
  text-shadow: 0 2px 6px #0000004d;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.section-banner-img {
  position: absolute;
  inset: 0%;
}

.section-banner-img.about {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/about-us-banner1.5x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-banner-img.news {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/news-banner1.5x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-banner-img.partners {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/partners-banner1.5x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-banner-img.contact {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/contact-us-banner1.5x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-banner-img.why-owl-square {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/why-owl-square-banner1.5x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-banner-img.locations-detail {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/location-detail-banner1.5x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-banner-img.home {
  background-image: url('../images/home-banner1.5x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img01 {
  width: 50%;
  max-width: 270px;
  max-height: 270px;
  margin-top: 15px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.img02 {
  z-index: 200;
  width: 37%;
  max-width: 200px;
  max-height: 200px;
  margin-top: 34%;
  margin-left: 39%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.img03 {
  width: 27.77%;
  max-width: 150px;
  max-height: 150px;
  margin-left: 56.5%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-mission-b {
  align-items: center;
  margin-bottom: 90px;
  display: flex;
}

.news-content-b {
  border: 1px solid var(--8b8b8b);
  border-top-right-radius: 30px;
  margin-top: 45px;
  padding: 25px 20px 30px;
}

.news-content-b.home {
  margin-bottom: 0;
}

.news-b {
  float: left;
  width: 33.33%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.news-align-b {
  margin-top: -45px;
  margin-left: -2.5%;
  margin-right: -2.5%;
}

.news-img {
  margin-bottom: 20px;
}

.news-detail-b {
  border: 1px solid var(--8b8b8b);
  border-top-right-radius: 100px;
  padding: 60px;
}

.txt-date {
  margin-bottom: 15px;
}

.news-detail-img-b {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.news-detail-img {
  width: 800px;
  margin-bottom: 45px;
}

.txt-b {
  margin-bottom: 45px;
}

.partnership-img {
  background-image: url('../images/partners-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
}

.txt-heart {
  background-image: url('../images/icon-heart.svg');
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.heart-txt-row {
  margin-bottom: 25px;
  display: flex;
}

.txt-number {
  color: var(--aaaaaa);
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}

.number-b {
  float: left;
  width: 60px;
}

.partnership-become-b {
  align-items: center;
  margin-bottom: 90px;
  position: relative;
}

.partnership-become-img-col {
  float: right;
  width: 45%;
  margin-left: 5%;
}

.heart-txt-b {
  float: left;
  flex: 1;
  margin-top: 10px;
}

.partnership-advantages-b {
  margin-bottom: 90px;
  margin-left: -2.5%;
  margin-right: -2.5%;
}

.partnership-advantages-row {
  margin-bottom: 60px;
}

.partnership-advantages-col {
  float: left;
  align-items: flex-start;
  width: 50%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.partnership-advantages-heading {
  margin-bottom: 20px;
}

.partnership-advantages-icon {
  float: left;
  transform-origin: 0 0;
  flex: none;
  width: 120px;
  height: 97px;
  margin-right: 20px;
}

.partnership-advantages-icon._01 {
  background-image: url('../images/partners-icon012x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.partnership-advantages-icon._02 {
  background-image: url('../images/partners-icon022x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.partnership-advantages-icon._03 {
  background-image: url('../images/partners-icon032x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.partnership-advantages-icon._04 {
  background-image: url('../images/partners-icon042x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.partnership-advantages-icon._05 {
  background-image: url('../images/partners-icon052x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.partnership-advantages-icon._06 {
  background-image: url('../images/partners-icon062x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.table-b {
  margin-bottom: 90px;
}

.table-row {
  border-bottom: 2px solid var(--d9d9d9);
  align-items: center;
  display: flex;
}

.partners-table-col {
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 500;
  line-height: 20px;
}

.partners-table-col._01 {
  width: 40%;
}

.partners-table-col._02 {
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.table-title-row {
  border-bottom: 4px solid var(--232323);
}

.partners-table-title-col {
  float: left;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.partners-table-title-col._01 {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 60px;
}

.partners-table-title-col._02 {
  width: 30%;
}

.logo-table {
  width: 150px;
  height: 44px;
}

.partnership-development-b {
  width: 860px;
  margin-bottom: 90px;
  margin-left: auto;
  margin-right: auto;
}

.development-img {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: relative;
}

.development-img._01 {
  background-image: url('../images/partners-img012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-img._03 {
  background-image: url('../images/partners-img032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-img._02 {
  background-image: url('../images/partners-img022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-img._04 {
  background-image: url('../images/partners-img042x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-img._05 {
  background-image: url('../images/partners-img052x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-center-b {
  float: left;
  width: 60px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.partnership-development-row {
  padding-bottom: 30px;
  position: relative;
}

.partnership-development-row.last {
  padding-bottom: 0;
}

.partnership-development-txt-b {
  width: 400px;
  padding-top: 50px;
}

.partnership-development-txt-b.right {
  float: right;
}

.partnership-development-txt-b.left {
  float: left;
  text-align: right;
}

.center-line {
  background-color: var(--d9d9d9);
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.icon-point {
  z-index: 100;
  color: var(--white);
  text-align: center;
  background-image: url('../images/icon-point.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 35px;
  height: 42px;
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}

.dot {
  background-color: var(--ec6c14);
  border-radius: 10px;
  width: 5px;
  height: 5px;
  margin-top: 55px;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.horizontal-line {
  background-color: var(--383838);
  width: 50%;
  height: 1px;
  margin-top: 57px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.horizontal-line.right {
  inset: 0% 0% auto auto;
}

.map-b {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.txt-link {
  color: var(--505050);
  text-decoration: none;
  transition: color .2s;
}

.txt-link:hover {
  color: var(--ec6c14);
}

.contact-info-row {
  margin-bottom: 90px;
}

.contact-info-row.address {
  margin-bottom: 30px;
}

.contact-info-col {
  float: left;
  width: 50%;
  display: inline;
}

.txt-hours {
  float: left;
  margin-right: 30px;
  display: inline-block;
}

.form-col {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.form-row {
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
}

.txt-area {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--505050);
  border-radius: 0;
  min-height: 100px;
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
}

.txt-area:focus {
  border-bottom-color: var(--ec6c14);
}

.purpose-heading {
  margin-bottom: 20px;
  font-weight: 600;
}

.checkbox {
  border: 1px solid var(--d9d9d9);
  background-color: var(--white);
  border-radius: 0;
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-right: 10px;
}

.checkbox.area {
  width: 16px;
  height: 16px;
}

.checkbox-field {
  float: left;
  align-items: center;
  display: flex;
}

.checkbox-col {
  float: left;
  flex-direction: column;
  display: flex;
}

.checkbox-col.right {
  float: right;
}

.contact-purpose-b {
  margin-bottom: 45px;
}

.btn-send {
  background-color: var(--232323);
  color: var(--white);
  letter-spacing: 1px;
  border-top-right-radius: 30px;
  height: 30px;
  padding-left: 12px;
  padding-right: 30px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.btn-send:hover {
  background-color: var(--ec6c14);
  color: var(--white);
}

.contact-b {
  position: relative;
}

.services-b {
  margin-bottom: 120px;
}

.services-row {
  margin-top: 120px;
  position: relative;
}

.services-row.first {
  margin-top: 45px;
  position: relative;
}

.services-img-b {
  width: 51.67%;
}

.services-img-b.left {
  float: left;
}

.services-img-b.right {
  float: right;
}

.services-txt-b {
  flex-direction: column;
  justify-content: flex-end;
  width: 48.33%;
  display: flex;
}

.services-txt-b.right {
  padding-left: 7.5%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.services-txt-b.left {
  padding-right: 7.5%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.services-icon {
  transform-origin: 0 100%;
  flex: none;
  width: 120px;
  height: 85px;
  margin-bottom: 25px;
}

.services-icon._01 {
  background-image: url('../images/home-icon012x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.services-icon._02 {
  background-image: url('../images/partners-icon022x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.services-icon._04 {
  background-image: url('../images/home-icon042x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.services-icon._02 {
  background-image: url('../images/home-icon022x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.services-icon._03 {
  background-image: url('../images/home-icon032x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.services-icon._05 {
  background-image: url('../images/home-icon052x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.services-icon._06 {
  background-image: url('../images/home-icon062x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide {
  width: 100%;
}

.arrow-left {
  background-image: url('../images/icon-arrow-l-grey.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  width: 40px;
  height: 10px;
  margin-bottom: -30px;
  margin-left: -35px;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.arrow-left:hover {
  opacity: .5;
}

.arrow-left.clients {
  margin-top: 45px;
  margin-bottom: 0;
  margin-left: 0;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.arrow-left.locations-detail {
  margin-bottom: -25px;
  margin-left: 0;
  margin-right: 110px;
  inset: auto 0% 0% auto;
  transform: none;
}

.arrow-left.home-news {
  margin-bottom: 0;
  margin-left: -5%;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.arrow-right {
  background-image: url('../images/icon-arrow-r-grey.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  width: 40px;
  height: 10px;
  margin-bottom: -30px;
  margin-right: -35px;
  inset: auto 50% 0% auto;
  transform: translate(50%);
}

.arrow-right:hover {
  opacity: .5;
}

.arrow-right.clients {
  margin-top: 45px;
  margin-bottom: 0;
  margin-right: 0;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.arrow-right.locations-detail {
  margin-bottom: -25px;
  margin-right: 40px;
  inset: auto 0% 0% auto;
  transform: none;
}

.arrow-right.home-news {
  margin-bottom: 0;
  margin-right: -5%;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.development-img-b {
  width: 400px;
  height: 160px;
}

.development-img-b.left {
  float: left;
}

.development-img-b.right {
  float: right;
}

.slide-img {
  width: 100%;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slide-img._01 {
  background-image: url('../images/why-owl-square-img012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slide-img._02 {
  background-image: url('../images/why-owl-square-img022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slide-img._03 {
  background-image: url('../images/why-owl-square-img032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slide-img._05 {
  background-image: url('../images/why-owl-square-img052x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slide-img._06 {
  background-image: url('../images/why-owl-square-img062x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slide-img._04 {
  background-image: url('../images/why-owl-square-img042x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 33.25%;
  padding-bottom: 33.25%;
}

.slider {
  width: 100%;
  height: auto;
}

.community-b {
  margin-left: -3.75%;
  margin-right: -3.75%;
  padding-bottom: 90px;
}

.community-col {
  float: left;
  width: 50%;
  padding-left: 3.75%;
  padding-right: 3.75%;
}

.why-owl-square-heading {
  margin-bottom: 25px;
}

.ig-b {
  border-top: 1px solid var(--d9d9d9);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
}

.txt-ig {
  font-size: 20px;
}

.ig-hashtag-b {
  background-image: url('../images/icon-ig.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  margin-bottom: 10px;
  padding-right: 40px;
  line-height: 30px;
  display: inline-block;
}

.ig-txt-b {
  width: 600px;
}

.app-txt-b {
  float: right;
  width: 50%;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.txt-orange {
  color: var(--ec6c14);
}

.app-img-b {
  text-align: center;
  background-image: url('../images/why-owl-square-app-phone2x.png');
  background-position: 60% 70%;
  background-repeat: no-repeat;
  background-size: 350px;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.app-link-b {
  float: left;
  border: 1px solid var(--aaaaaa);
  border-radius: 5px;
  width: 150px;
  height: 44px;
  margin-right: 30px;
  position: relative;
}

.app-link-b:hover {
  border-color: var(--ec6c14);
}

.app-link-b.apple {
  background-image: url('../images/why-owl-square-app-apple2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.app-link-b.google {
  background-image: url('../images/why-owl-square-app-google2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.app-link-row {
  margin-top: 35px;
}

.table-col {
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 500;
  line-height: 20px;
}

.table-col._01 {
  width: 25%;
}

.table-col._02 {
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.table-title-col {
  float: left;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.table-title-col._01 {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 60px;
}

.table-title-col._02 {
  width: 25%;
}

.clients-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.clients-slide {
  width: 100%;
  padding-top: 95px;
}

.clients-content-b {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.clients-txt-b {
  border: 1px solid var(--d9d9d9);
  background-color: var(--f5f5f5);
  background-image: url('../images/icon-mark.svg');
  background-position: 60px;
  background-repeat: no-repeat;
  background-size: 35px;
  width: 100%;
  padding: 40px 60px 40px 220px;
  position: relative;
}

.clients-txt {
  font-style: italic;
}

.clients-name {
  background-image: url('../images/icon-heart.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-bottom: 20px;
  padding-right: 40px;
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
}

.clients-link-row {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.clients-link-b {
  border: 5px solid var(--d9d9d9);
  opacity: .3;
  filter: grayscale();
  border-radius: 100px;
  width: 70px;
  height: 70px;
  margin-left: 12px;
  margin-right: 12px;
  transition: opacity .3s, filter .3s;
}

.clients-link-b:hover {
  opacity: 1;
  filter: none;
}

.clients-link-b._03 {
  background-image: url('../images/home-client032x_1home-client03@2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-link-b._03.active {
  opacity: 1;
  filter: none;
}

.clients-link-b._01 {
  background-image: url('../images/home-client012x_1home-client01@2x.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-link-b._01.active {
  opacity: 1;
  filter: none;
}

.clients-link-b._02 {
  background-image: url('../images/home-client022x_1home-client02@2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-link-b._02.active {
  opacity: 1;
  filter: none;
}

.clients-link-b._04 {
  background-image: url('../images/home-client042x_1home-client04@2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-link-b._04.active {
  opacity: 1;
  filter: none;
}

.clients-link-b._05 {
  background-image: url('../images/home-client052x_1home-client05@2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-link-b._05.active {
  opacity: 1;
  filter: none;
}

.locations-link {
  background-color: var(--232323);
  color: var(--white);
  letter-spacing: 2.25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-top: 90px;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.locations-link:hover {
  color: var(--ec6c14);
}

.locations-link-txt-b {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.icon-locations {
  float: left;
  background-image: url('../images/icon-search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.icon-locations-hover {
  float: left;
  background-image: url('../images/icon-search-orange.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  display: none;
}

.section-footer {
  border-top: 1px solid var(--f1f1f1);
  margin-top: 90px;
  padding-top: 90px;
  position: relative;
}

.section-footer.locations {
  z-index: 300;
  background-color: var(--white);
  margin-top: 0;
}

.icon-clients-triangle {
  width: 36px;
  height: 18px;
  margin-top: -18px;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.location-filter {
  z-index: 500;
  background-color: var(--232323);
  width: 100%;
  height: 45px;
}

.location-menu-b {
  z-index: 500;
  flex-direction: column;
  position: fixed;
  inset: 0% 0% auto;
}

.location-filter-menu {
  height: 100%;
}

.location-filter-menu.home {
  justify-content: center;
  display: flex;
}

.footer-logo {
  width: 200px;
  height: 58px;
  margin-bottom: 20px;
  padding-bottom: 0;
  position: relative;
}

.footer-logo.co-living {
  float: left;
  width: 80px;
  height: 24px;
  margin-bottom: 0;
  display: block;
}

.footer-logo.co-working, .footer-logo.residence {
  float: left;
  width: 80px;
  height: 24px;
  margin-bottom: 0;
}

.footer-logo.group {
  float: left;
  margin-bottom: 0;
  position: static;
}

.location-map-b {
  width: 100%;
  height: 100%;
}

.locations-align-b {
  margin-left: -2.5%;
  margin-right: -2.5%;
  padding-top: 15px;
  position: relative;
}

.locations-align-b.detail {
  margin-left: -1.75%;
  margin-right: -1.75%;
}

.locations-align-b.detail.home {
  padding-top: 0;
}

.locations-b {
  float: left;
  perspective: 2000px;
  perspective-origin: 0 0;
  width: 50%;
  margin-bottom: 90px;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.locations-b.detail {
  width: 33.33%;
  margin-bottom: 0;
  padding-left: 1.75%;
  padding-right: 1.75%;
}

.locations-b.detail.home {
  flex-direction: column;
  margin-top: 45px;
}

.locations-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.slide-nav {
  height: 25px;
  padding-top: 0;
  display: none;
}

.arrow-left-white {
  background-image: url('../images/icon-arrow-l-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 30px;
  margin-left: 15px;
  display: none;
  inset: 0% auto 0% 0%;
}

.arrow-right-white {
  background-image: url('../images/icon-arrow-r-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 30px;
  margin-right: 15px;
  display: none;
  inset: 0% 0% 0% auto;
}

.locations-slide {
  width: 100%;
  height: auto;
}

.locations-img {
  border-radius: 4px;
  width: 100%;
  padding-top: 28%;
  padding-bottom: 28%;
}

.locations-img._01 {
  background-image: url('../images/home-location012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.locations-img._02 {
  background-image: url('../images/home-location022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.locations-img._03 {
  background-image: url('../images/home-location032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.locations-txt-col {
  float: left;
  width: 50%;
  font-size: 14px;
  font-weight: 600;
}

.locations-txt-col.align-right {
  float: right;
  text-align: right;
}

.locations-txt-col.align-right.start {
  font-weight: 400;
}

.locations-txt-row.start {
  margin-top: 5px;
  margin-bottom: 5px;
}

.locations-txt-b {
  margin-bottom: 25px;
}

.locations-title {
  margin-bottom: 5px;
}

.locations-content-b {
  width: 100%;
  padding-right: 35%;
  position: relative;
}

.locations-map-align-b {
  z-index: 0;
  float: right;
  width: 35%;
  height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.locations-detail-title {
  margin-top: 5px;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
}

.locations-detail-map-col {
  width: 45%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.locations-detail-row {
  margin-top: 45px;
}

.txt-amenities {
  margin-right: 60px;
  display: inline-block;
}

.locations-detail-col {
  float: left;
  width: 50%;
}

.locations-detail-bar-01 {
  background-color: var(--232323);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.locations-detail-bar {
  background-color: var(--f1f1f1);
  width: 100%;
  height: 8px;
  margin-top: 10px;
  position: relative;
}

.locations-detail-bar-b {
  margin-top: 30px;
}

.locations-detail-bar-02, .locations-detail-bar-03, .locations-detail-bar-04 {
  background-color: var(--232323);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.facilities-align-b {
  margin-bottom: 60px;
}

.facilities-icon {
  width: 63px;
  height: 58px;
  margin-bottom: 10px;
}

.facilities-icon._01 {
  background-image: url('../images/icon-location01-smart-lock_1icon-location01-smart-lock.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._02 {
  background-image: url('../images/home-icon022x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.facilities-icon._03 {
  background-image: url('../images/home-icon032x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.facilities-icon._05 {
  background-image: url('../images/home-icon052x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
}

.facilities-icon._02 {
  background-image: url('../images/icon-location02-desk_1icon-location02-desk.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._03 {
  background-image: url('../images/icon-location03-wifi_1icon-location03-wifi.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._04 {
  background-image: url('../images/icon-location04-refrigerator_1icon-location04-refrigerator.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._05 {
  background-image: url('../images/icon-location05-drawer_1icon-location05-drawer.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._06 {
  background-image: url('../images/icon-location06-chair_1icon-location06-chair.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._07 {
  background-image: url('../images/icon-location07-central-ac_1icon-location07-central-ac.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._08 {
  background-image: url('../images/icon-location08-induction-cooker_1icon-location08-induction-cooker.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._10 {
  background-image: url('../images/icon-location10-shower_1icon-location10-shower.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._09 {
  background-image: url('../images/icon-location09-range-hood_1icon-location09-range-hood.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._11 {
  background-image: url('../images/icon-location11-water-boiler_1icon-location11-water-boiler.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._12 {
  background-image: url('../images/icon-location12-bed_1icon-location12-bed.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._13 {
  background-image: url('../images/icon-location13-closet_1icon-location13-closet.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon._14 {
  background-image: url('../images/icon-location14-mattress_1icon-location14-mattress.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.facilities-icon-b {
  float: left;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 12.5%;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}

.video {
  width: 100%;
}

.locations-detail-flats-row {
  justify-content: space-around;
  align-items: center;
  margin-bottom: 45px;
  position: relative;
}

.flats-img-b {
  width: 25%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.flats-img-b._01 {
  background-image: url('../images/location-detail-flats012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flats-img-b._02 {
  background-image: url('../images/location-detail-flats022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flats-txt-b {
  float: left;
  border-top: 1px solid var(--aaaaaa);
  border-bottom: 1px solid var(--aaaaaa);
  width: 50%;
  margin-left: 25%;
  padding: 60px 30px;
}

.flats-request-b {
  float: right;
  background-color: var(--232323);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.list {
  margin-top: 25px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 14px;
  line-height: 18px;
  list-style-type: none;
}

.list-item {
  float: left;
  background-image: url('../images/dot.svg');
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 5px;
  width: 25%;
  margin-bottom: 15px;
  padding-left: 12px;
  padding-right: 5px;
}

.flats-heading {
  color: var(--white);
  margin-bottom: 25px;
}

.flats-price-txt {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.flats-mark-b {
  margin-right: 5px;
}

.flats-remark-txt-row {
  align-items: flex-start;
  margin-top: 25px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.btn-request {
  background-color: var(--white);
  color: var(--232323);
  letter-spacing: -.5px;
  border-top-right-radius: 30px;
  height: 30px;
  margin-top: 25px;
  padding-left: 12px;
  padding-right: 30px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.btn-request:hover {
  background-color: var(--ec6c14);
  color: var(--white);
}

.flats-share-b {
  text-align: center;
}

.locations-details-flats-b {
  margin-bottom: 90px;
}

.share-btn {
  width: 40px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  transition: opacity .2s;
}

.share-btn:hover {
  opacity: .5;
}

.share-btn.whatsapp {
  background-image: url('../images/icon-whatsapp.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.share-btn.whatsapp.request {
  margin-left: 0;
}

.share-btn.link {
  background-image: url('../images/icon-share.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.share-btn.fb-messenger {
  background-image: url('../images/icon-fb-messenger.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.flats-share-link-b {
  margin-top: 10px;
}

.locations-detail-slider {
  background-color: #0000;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  position: relative;
}

.locations-detail-slide {
  width: auto;
  height: auto;
}

.locations-detail-img-b {
  height: 500px;
  margin-left: 40px;
  display: inline-block;
  position: relative;
}

.icon-home-locations {
  z-index: 100;
  color: var(--white);
  text-align: center;
  width: 10px;
  height: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  display: none;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.home-map-b {
  height: 600px;
}

.news-slider {
  background-color: #0000;
  height: auto;
  margin-bottom: 90px;
}

.news-slide {
  width: 33.33%;
  height: auto;
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: static;
}

.home-services-b {
  margin: 45px -2.5% 90px;
}

.home-services-col {
  float: left;
  align-items: flex-start;
  width: 50%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.home-services-row {
  margin-bottom: 60px;
}

.home-client-b {
  margin-bottom: 90px;
}

.home-join-b {
  align-items: center;
  display: flex;
}

.news-mask {
  margin-left: -2.5%;
  margin-right: -2.5%;
}

.icon-dropdown-grey {
  float: right;
  background-image: url('../images/icon-dropdown-grey.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 45px;
  height: 45px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-locations-expand {
  margin-top: 45px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.pop-request-viewing {
  z-index: 1000;
  background-color: #00000080;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.request-viewing-thanks-b {
  color: var(--white);
  display: none;
}

.request-viewing-heading {
  color: var(--d9d9d9);
}

.request-location-row {
  color: var(--d9d9d9);
  background-image: url('../images/icon-map.svg');
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: 10px;
  margin-bottom: 25px;
  padding-left: 20px;
}

.txt-bold {
  font-weight: 700;
}

.txt-location {
  font-size: 14px;
  font-weight: 600;
}

.request-viewing-txt-b {
  color: var(--white);
}

.request-viewing-row {
  margin-bottom: 10px;
  position: relative;
}

.locations-dropdown {
  height: 100%;
  position: relative;
}

.locations-dropdown.price {
  position: relative;
}

.locations-dropdown.menu {
  line-height: 20px;
  position: relative;
}

.dropdown-toggle {
  color: var(--white);
  margin-left: 20px;
  margin-right: 20px;
  padding: 11px 35px 11px 0;
  font-weight: 600;
}

.dropdown-toggle:hover, .dropdown-toggle.w--open {
  color: var(--dcb9a0);
}

.dropdown-list {
  z-index: 700;
  background-color: var(--505050);
  width: 240px;
  margin-top: 45px;
  inset: 0% auto auto 0%;
}

.dropdown-list.price {
  width: 240px;
  margin-left: -75px;
  padding: 0;
}

.dropdown-list.property {
  margin-left: -25px;
}

.dropdown-list.length {
  width: 280px;
  margin-left: -55px;
}

.dropdown-list.type {
  margin-left: -52px;
}

.dropdown-list.area {
  margin-left: -79px;
}

.dropdown-check-link {
  color: var(--white);
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: inline-block;
}

.dropdown-check-link:hover {
  color: var(--ec6c14);
}

.icon-triangle {
  width: 18px;
  height: 8px;
  margin-top: -8px;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.icon-triangle.area, .icon-triangle.locations {
  inset: 0% auto auto 50%;
}

.dropdown-price-b {
  background-color: var(--505050);
  width: 100%;
  padding: 22px 15px 8px;
}

.dropdown-price-b.mobile {
  width: 100%;
  padding-left: 7%;
  padding-right: 7%;
}

.price-bar {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  height: 4px;
  margin-bottom: 10px;
  position: relative;
}

.txt-price {
  float: left;
  color: var(--dcb9a0);
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
}

.txt-price.align-right {
  float: right;
}

.dropdown-price-txt-row {
  justify-content: space-around;
  align-items: center;
  height: 20px;
  position: relative;
}

.price-point {
  z-index: 100;
  background-image: url('../images/icon-map.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 15px;
  margin-top: -10px;
  margin-left: -5px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.price-point.right {
  margin-left: 180px;
}

.price-point.right.mobile {
  margin-left: 46%;
}

.price-point.mobile {
  width: 24px;
  height: 30px;
  margin-top: -25px;
  margin-left: -12px;
}

.price-bar-top {
  background-color: var(--dcb9a0);
  width: 186px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-locations-b {
  margin-bottom: 90px;
}

.locations-filter-mobile {
  background-color: var(--232323);
  display: none;
}

.locations-filter-open {
  color: var(--white);
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 11px 15px 11px 30px;
  font-weight: 600;
  text-decoration: none;
}

.locations-filter-open:hover, .locations-filter-open.w--open {
  color: var(--dcb9a0);
}

.pop-locations-filter {
  z-index: 1000;
  background-color: var(--232323);
  display: none;
  position: fixed;
  inset: 0%;
}

.locations-filter-left {
  float: left;
  width: 30%;
  height: 100%;
  padding-top: 45px;
}

.locations-filter-right {
  float: right;
  background-color: var(--505050);
  width: 70%;
  padding-top: 45px;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.locations-filter-area {
  background-color: var(--505050);
  padding-bottom: 45px;
  display: block;
}

.locations-filter-hometype, .locations-filter-length, .locations-filter-price, .locations-filter-property {
  background-color: var(--505050);
  padding-bottom: 45px;
  display: none;
}

.locations-filter-bottom {
  z-index: 1500;
  background-color: var(--232323);
  height: 45px;
  padding-left: 30%;
  position: fixed;
  inset: auto 0% 0%;
}

.locations-filter-btn {
  border-top: 1px solid var(--505050);
  background-color: var(--383838);
  color: var(--aaaaaa);
  text-align: center;
  width: 50%;
  height: 45px;
  padding: 10px 15px 11px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.locations-filter-btn:hover {
  color: var(--white);
}

.locations-filter-btn.align-right {
  float: right;
  border-left: 1px solid var(--505050);
}

.locations-filter-side {
  color: var(--white);
  width: 100%;
  height: 100%;
  padding: 11px 15px;
  font-weight: 600;
  text-decoration: none;
}

.locations-filter-side:hover, .locations-filter-side.w--open {
  color: var(--dcb9a0);
}

.home-location-filter {
  z-index: 500;
  background-color: #0000008c;
  width: auto;
  height: 45px;
}

.section-banner-align-b {
  padding-top: 22%;
  padding-bottom: 22%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.home-locations-filter-align-b {
  display: flex;
}

.icon-search {
  background-color: var(--232323);
  background-image: url('../images/icon-search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-top-left-radius: 24px;
  width: 45px;
  height: 45px;
  margin-right: 5px;
}

.btn-search {
  background-color: var(--232323);
  background-image: url('../images/icon-arrow-r-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 27px;
  width: 45px;
  height: 45px;
  margin-left: 5px;
}

.btn-search:hover {
  background-image: url('../images/icon-arrow-orange.svg');
}

.home-locations-banner-filter {
  margin-bottom: 100px;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.home-locations-filter-mobile {
  background-color: var(--232323);
  margin-bottom: 45px;
  display: none;
}

.ig-row {
  height: auto;
}

.ig-img {
  float: left;
  width: 20%;
  padding-top: 10%;
  padding-bottom: 10%;
}

.ig-img._01 {
  background-image: url('../images/why-owl-square-ig012x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ig-img._02 {
  background-image: url('../images/why-owl-square-ig022x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ig-img._03 {
  background-image: url('../images/why-owl-square-ig032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ig-img._04 {
  background-image: url('../images/why-owl-square-ig042x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ig-img._05 {
  background-image: url('../images/why-owl-square-ig052x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.app-b {
  background-image: linear-gradient(to bottom, var(--232323), var(--232323));
  height: 500px;
  position: relative;
}

.contact-map-b {
  float: right;
  width: 45%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.contact-info-b {
  width: 50%;
}

.contact-form-b {
  width: 50%;
  margin-top: 90px;
}

.container-menu {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.locations-detail-img {
  max-width: none;
  height: 100%;
}

.logo-img {
  width: auto;
  max-width: none;
  height: 58px;
}

.home-news-btn-b {
  z-index: 500;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 25px;
  display: flex;
  position: relative;
}

.locations-link-b {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  color: var(--505050);
  width: 100%;
  text-decoration: none;
  position: relative;
}

.btn-txt-hover {
  z-index: 100;
  float: left;
  color: var(--white);
  margin-right: 10px;
  padding-left: 10px;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.btn-locations {
  z-index: 500;
  float: right;
  color: var(--383838);
  letter-spacing: 1px;
  align-items: flex-end;
  margin-left: -10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .45s;
  position: relative;
}

.locations-mask {
  border-radius: 4px;
  overflow: hidden;
}

.page-transition-b {
  z-index: 3000;
  position: fixed;
  inset: 0%;
}

.page-transition-color {
  background-color: var(--f1f1f1);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0% 0% auto;
}

.page-transition-logo1 {
  width: 200px;
  height: 58px;
}

.page-transition-logotype-b {
  float: right;
  width: 200px;
  height: 58px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.page-transition-logotype-b._02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-transition-logo2, .page-transition-logo3 {
  width: 200px;
  height: 58px;
}

.page-transition-content-b {
  z-index: 500;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.page-transition-align-b {
  position: absolute;
  inset: 0%;
}

.page-transition-orange {
  background-color: var(--ec6c14);
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.owl-img {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-transition-logomark-b {
  float: left;
  margin-right: 25px;
  position: relative;
}

.page-transition-grey {
  background-color: var(--aaaaaa);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0% 0% auto;
}

.request-icon-row {
  margin-bottom: 20px;
}

.welcome-txt {
  text-align: center;
  margin-top: -15px;
}

.area-title {
  color: var(--dcb9a0);
  margin-top: 10px;
  margin-bottom: 5px;
}

.area-title.menu {
  flex: none;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}

.dropdown-txt {
  float: left;
  align-items: center;
  margin-bottom: 0;
  font-weight: 500;
  display: flex;
}

.dropdown-btn {
  color: var(--aaaaaa);
  font-size: 14px;
  text-decoration: none;
}

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

.dropdown-btn.align-right {
  float: right;
}

.dropdown-btn-row {
  border-top: 1px solid var(--aaaaaa);
  padding: 10px 15px;
}

.area-col {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.dropdown-form {
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 15px 10px;
  display: flex;
}

.filter-number-b {
  background-color: var(--ec6c14);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  width: 18px;
  height: 18px;
  margin-top: 7px;
  margin-right: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.filter-number-b:hover {
  color: var(--white);
}

.locations-listing-b {
  position: relative;
}

.menu-dropdown-toggle {
  flex: none;
  padding: 20px 0;
  font-weight: 500;
  line-height: 20px;
  transition: color .2s;
}

.menu-dropdown-toggle:hover {
  color: var(--ec6c14);
}

.menu-dropdown-toggle.w--current {
  color: var(--836e54);
}

.menu-dropdown-toggle.w--current:hover {
  color: var(--ec6c14);
}

.menu-dropdown-list {
  z-index: 1000;
  background-color: var(--505050);
  width: 300px;
  margin-top: 60px;
  margin-left: -115px;
  padding: 10px 20px;
  inset: 0% auto auto 0%;
}

.menu-dropdown-link {
  color: var(--white);
  flex: none;
  padding: 10px 0;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.menu-dropdown-link:hover {
  color: var(--ec6c14);
}

.menu-district-col {
  float: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.menu-district-b {
  align-items: flex-start;
}

.menu-district {
  float: left;
}

.menu-district.hk {
  float: left;
  margin-right: 50px;
}

.locations-link-align-b {
  position: relative;
}

.logomark {
  height: 100px;
}

.page-transition-logo-b {
  align-items: center;
  width: 323px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.follow-link {
  width: 35px;
  height: 35px;
  margin-right: 20px;
  position: relative;
}

.icon-follow-hover {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.icon-follow {
  position: absolute;
  inset: 0%;
}

.footer-logo-b {
  margin-bottom: 25px;
}

.location-label {
  z-index: 10;
  margin-top: 10px;
  margin-left: -10px;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.location-label-bg {
  color: var(--white);
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
  box-shadow: 0 2px 3px #0000004d;
}

.location-label-bg.orange {
  background-color: var(--ec6c14);
}

.location-label-bg.grey {
  background-color: var(--505050);
}

.location-label-bg.coming-soon {
  background-color: var(--white);
  color: var(--383838);
}

.location-label-bg.new {
  background-color: var(--white);
  color: var(--ec6c14);
}

.location-triangle {
  margin-bottom: -10px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.app-img {
  opacity: .1;
  background-image: url('../images/why-owl-square-app-bg1.5x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.footer-logo-img {
  position: absolute;
  inset: 0%;
}

.footer-logo-img.small {
  height: 24px;
}

.footer-logo-hover {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.footer-logo-hover.small {
  height: 24px;
}

.footer-bottom-b {
  background-color: var(--black);
  padding-top: 45px;
  padding-bottom: 25px;
}

.footer-logo-row {
  align-items: center;
  display: flex;
}

.footer-logo-align-b {
  float: left;
  height: 24px;
  margin-left: 45px;
}

.logo-txt {
  float: right;
  margin-left: 10px;
  display: inline;
}

.footer-grouplogo {
  float: left;
}

.footer-logo-link {
  color: var(--white);
  height: 24px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
}

.footer-logo-link:hover {
  color: var(--ec6c14);
}

.news-paging-b {
  justify-content: center;
  width: 100%;
  margin-top: 45px;
  display: flex;
}

.paging-link {
  color: var(--505050);
  text-align: center;
  border-radius: 0 30px 0 0;
  flex: none;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 10px;
  padding-left: 2px;
  padding-right: 6px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  display: block;
}

.paging-link:hover {
  color: var(--ec6c14);
  font-weight: 700;
}

.paging-link.current {
  background-color: var(--ec6c14);
  color: var(--white);
  font-weight: 700;
}

.paging-txt-b {
  height: 30px;
  padding-top: 10px;
  font-size: 14px;
  line-height: 14px;
}

.paging-arrow-r {
  background-image: url('../images/arrow-paging-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 30px;
  height: 30px;
  display: block;
}

.paging-arrow-r:hover {
  background-image: url('../images/arrow-paging-r-hover.svg');
}

.paging-arrow-r.current {
  background-color: var(--ec6c14);
  color: var(--white);
  font-weight: 700;
}

.paging-arrow-l {
  background-image: url('../images/arrow-paging-l.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 30px;
  height: 30px;
  display: block;
}

.paging-arrow-l:hover {
  background-image: url('../images/arrow-paging-l-hover.svg');
}

.paging-arrow-l.current {
  background-color: var(--ec6c14);
  color: var(--white);
  font-weight: 700;
}

.slick-item-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  overflow: hidden;
}

.slick-item-list.overflow-visible {
  overflow: visible;
}

.location-v02-item {
  flex: none;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.img-full {
  width: 100%;
  display: block;
}

.location-slick-arrow-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.location-slick-arrow {
  width: 50px;
  transition: opacity .5s;
}

.location-slick-arrow:hover {
  opacity: .5;
}

.location-slick-arrow.arrow-r {
  margin-right: 20px;
}

.img-location-v02 {
  width: auto;
  max-width: none;
  height: 500px;
}

.v-20220309 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.popup-wechat {
  z-index: 3000;
  opacity: 0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.popup-bg-close {
  cursor: pointer;
  background-color: #0009;
  position: fixed;
  inset: 0%;
}

.popup-wechat-box {
  background-color: var(--white);
  border-radius: 10px;
  width: 90%;
  max-width: 600px;
  padding: 40px;
  position: relative;
}

.wechat-qr-gp {
  margin-bottom: 40px;
}

.wechat-qr-gp-title {
  color: var(--ec6c14);
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.wechat-qr-img {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.wechat-qr-list {
  margin-bottom: -40px;
}

.btn-wechat-pop-close {
  background-color: var(--ec6c14);
  background-image: url('../images/icon-close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-right: 10px;
  transition: background-color .5s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-wechat-pop-close:hover {
  background-color: var(--383838);
}

html.w-mod-js [data-ix="fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="opacity-0"] {
  opacity: 0;
}

html.w-mod-js [data-ix="width-0"] {
  width: 0;
}

html.w-mod-js [data-ix="height-0"] {
  height: 0;
}

html.w-mod-js [data-ix="side-menu-b"] {
  transform: translate(100%);
}

html.w-mod-js [data-ix="heading-move-up"] {
  transform: translate(0, 100%);
}

html.w-mod-js [data-ix="section-banner-img"] {
  transform: scale(1.07);
}

html.w-mod-js [data-ix="icon-animation"] {
  opacity: 0;
  transform: scale(.1);
}

html.w-mod-js [data-ix="fade-from-bottom-title"], html.w-mod-js [data-ix="fade-from-bottom-txt"] {
  opacity: 0;
  transform: translate(0, 20px);
}

html.w-mod-js [data-ix="pop-location-filter"] {
  transform: translate(-100%);
}

html.w-mod-js [data-ix="locations-b-animation"], html.w-mod-js [data-ix="btn-hover-locations"] {
  opacity: 0;
  transform: rotateX(0)rotateY(-90deg)rotateZ(0);
}

html.w-mod-js [data-ix="page-transition-logo1"] {
  opacity: 0;
  transform: translate(0, -20px);
}

html.w-mod-js [data-ix="page-transition-logo2"] {
  opacity: 0;
  transform: translate(0, 20px);
}

html.w-mod-js [data-ix="page-transition-logomark"] {
  opacity: 0;
  transform: translate(-20px);
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.locations-menu {
    position: absolute;
    inset: 0%;
  }

  .all {
    padding-top: 60px;
  }

  .all.locations {
    padding-top: 105px;
  }

  .header {
    height: 60px;
  }

  .header.locations {
    z-index: 700;
    position: static;
  }

  .logo {
    width: 138px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: static;
    transform: none;
  }

  .menu-align-b {
    z-index: 1000;
    border-top: 1px solid var(--f1f1f1);
    background-color: var(--white);
    flex-direction: column;
    margin-top: 60px;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .nav-link {
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 5%;
    display: flex;
  }

  .nav-link:hover {
    background-color: var(--f1f1f1);
  }

  .menu-btn {
    z-index: 1000;
    width: 28px;
    height: 60px;
    margin-right: 5%;
    padding: 10px 0;
    position: absolute;
    inset: 0% 0% auto auto;
  }

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

  .nav-line {
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-lang-b {
    width: 100%;
    height: 50px;
    padding-left: 5%;
  }

  .find-my-home-link {
    display: none;
  }

  .find-my-home-link.mobile {
    float: right;
    margin-top: 0;
    margin-right: 45px;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
  }

  .nav-link-b {
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
  }

  .heading-b.locations-detail {
    padding-bottom: 40px;
  }

  .btn.align-right.locations-detail {
    right: 50%;
    transform: translate(50%);
  }

  .nav-menu {
    float: none;
    width: 100%;
    height: auto;
    display: block;
  }

  .btn-top, .btn-top.w--current {
    margin-right: 5%;
  }

  .footer-col.left, .footer-col.right {
    width: 100%;
  }

  .footer-col.subscribe {
    width: 100%;
    margin-top: 30px;
  }

  .side-menu-b {
    width: 75%;
  }

  .mobile-menu-line {
    align-items: center;
    width: 28px;
    height: 2px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .mobile-menu-line02 {
    background-color: var(--836e54);
    width: 28px;
    height: 2px;
    margin-top: 9px;
    margin-bottom: 9px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-menu-line01-l {
    float: left;
    background-color: var(--836e54);
    width: 14px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-menu-line01-r {
    float: right;
    background-color: var(--836e54);
    width: 14px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-menu-line03-l {
    float: left;
    background-color: var(--836e54);
    width: 14px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-menu-line03-r {
    float: right;
    background-color: var(--836e54);
    width: 14px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .findmyhome-btn-align-b {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding-right: 5%;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .footer-link-col._01, .footer-link-col._02 {
    width: 50%;
  }

  .footer-img-row {
    margin-bottom: 45px;
  }

  .footer-img {
    width: 30%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
  }

  .footer-img-b {
    float: left;
    width: 50%;
  }

  .footer-link-b {
    width: 100%;
  }

  .news-detail-b {
    padding: 45px 5%;
  }

  .partnership-advantages-row {
    margin-bottom: 0;
  }

  .partnership-advantages-col {
    width: 100%;
    margin-bottom: 45px;
  }

  .partners-table-col._01 {
    width: 60%;
  }

  .partners-table-col._02 {
    width: 20%;
  }

  .partners-table-title-col._01 {
    width: 60%;
  }

  .partners-table-title-col._02 {
    width: 20%;
  }

  .partnership-development-b {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .development-img {
    height: auto;
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .development-img._01 {
    background-size: contain;
  }

  .development-center-b {
    width: 8%;
  }

  .partnership-development-txt-b {
    width: 46%;
  }

  .contact-info-row {
    margin-bottom: 45px;
  }

  .contact-info-col.phone {
    width: 100%;
    margin-bottom: 30px;
    display: block;
  }

  .services-row {
    align-items: center;
    margin-top: 90px;
    display: flex;
  }

  .services-row.first, .services-row._03, .services-row._05 {
    flex-direction: row-reverse;
  }

  .services-txt-b {
    display: block;
  }

  .services-txt-b.right {
    float: right;
    padding-left: 5%;
    position: static;
  }

  .services-txt-b.left {
    float: left;
    padding-right: 5%;
    display: block;
    position: static;
  }

  .services-icon {
    margin-bottom: 0;
  }

  .arrow-left.locations-detail {
    margin-right: 13%;
  }

  .arrow-left.home-news {
    background-size: contain;
    width: 5%;
  }

  .arrow-right.locations-detail {
    margin-right: 5%;
  }

  .arrow-right.home-news {
    background-size: contain;
    width: 5%;
  }

  .development-img-b {
    width: 46%;
    height: auto;
  }

  .development-img-b.left {
    height: auto;
  }

  .community-b {
    margin-left: -2.5%;
    margin-right: -2.5%;
  }

  .community-col {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .why-owl-square-heading {
    margin-top: 15px;
  }

  .ig-txt-b {
    width: 100%;
  }

  .app-link-b {
    margin-right: 15px;
  }

  .clients-content-b {
    width: 85%;
  }

  .clients-txt-b {
    background-position: 5%;
    background-size: 5%;
    padding-left: 15%;
    padding-right: 5%;
  }

  .location-filter {
    position: relative;
  }

  .footer-logo {
    width: 200px;
    margin-top: 0;
    margin-left: 0%;
  }

  .footer-logo.group {
    width: 150px;
    height: 42px;
  }

  .locations-align-b.detail {
    margin-left: -1%;
    margin-right: -1%;
  }

  .locations-b.detail {
    padding-left: 1%;
    padding-right: 1%;
  }

  .locations-content-b {
    padding-right: 0%;
  }

  .locations-map-align-b {
    width: 100%;
    height: 300px;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .facilities-icon-b {
    width: 14.28%;
  }

  .flats-img-b {
    width: 50%;
    height: 300px;
    inset: 0% auto auto 0%;
  }

  .flats-txt-b {
    float: none;
    border-right: 1px solid var(--aaaaaa);
    border-left: 1px solid var(--aaaaaa);
    border-top-style: none;
    width: 100%;
    margin-left: 0%;
    padding: 330px 5% 15px;
  }

  .flats-request-b {
    width: 50%;
    height: 300px;
    padding: 30px 5%;
  }

  .btn-request {
    letter-spacing: 1px;
  }

  .locations-detail-img-b {
    height: 400px;
    margin-left: 30px;
  }

  .home-map-b {
    height: 450px;
  }

  .home-services-b {
    margin-bottom: 45px;
  }

  .home-services-col {
    align-items: center;
    width: 100%;
    margin-bottom: 45px;
  }

  .home-services-row {
    margin-bottom: 0;
  }

  .locations-dropdown.menu {
    height: auto;
  }

  .dropdown-toggle {
    margin-left: 13px;
    margin-right: 13px;
    padding-right: 25px;
    font-size: 14px;
  }

  .dropdown-toggle.home {
    margin-left: 10px;
    margin-right: 10px;
  }

  .dropdown-list.w--open {
    margin-left: 0;
  }

  .dropdown-list.price {
    width: 200px;
    margin-left: -70px;
  }

  .dropdown-list.property {
    margin-left: -40px;
  }

  .dropdown-list.length {
    margin-left: -67px;
  }

  .dropdown-list.type {
    margin-left: -58px;
  }

  .dropdown-list.area {
    margin-left: 0;
  }

  .dropdown-check-link {
    font-size: 14px;
  }

  .icon-triangle.area {
    margin-left: 30px;
    left: 0%;
  }

  .icon-triangle.price {
    margin-left: 5px;
  }

  .icon-triangle.locations {
    display: none;
  }

  .dropdown-price-b.mobile {
    padding-top: 70px;
  }

  .price-point.right {
    margin-left: 130px;
  }

  .price-bar-top {
    width: 136px;
  }

  .locations-filter-open, .locations-filter-side {
    font-size: 14px;
  }

  .home-locations-banner-filter {
    margin-bottom: 45px;
    display: block;
  }

  .contact-info-b {
    width: 100%;
    padding-right: 50%;
    position: relative;
  }

  .contact-form-b {
    width: 100%;
  }

  .container-menu {
    height: 60px;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
    position: relative;
  }

  .logo-img {
    height: 40px;
  }

  .area-title.menu {
    padding-left: 10%;
  }

  .filter-number-b {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .menu-dropdown-toggle {
    align-items: center;
    width: 100%;
    padding-left: 5%;
    display: flex;
  }

  .menu-dropdown-toggle:hover {
    background-color: var(--f1f1f1);
  }

  .menu-dropdown-list {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 10px 0;
    position: static;
  }

  .menu-dropdown-link {
    width: 100%;
    margin-right: 0;
    padding-left: 10%;
    padding-right: 5%;
    font-size: 14px;
  }

  .menu-dropdown-link.all-district {
    padding-left: 5%;
    padding-right: 5%;
  }

  .menu-district-col {
    width: 100%;
  }

  .menu-district-b {
    float: none;
  }

  .menu-district {
    float: left;
    width: 50%;
  }

  .menu-district.hk {
    margin-right: 0;
  }

  .follow-link {
    width: 30px;
    height: 30px;
  }

  .footer-follow-b {
    float: right;
    width: 50%;
    margin-bottom: 40px;
  }

  .footer-logo-b {
    float: left;
    width: 50%;
  }

  .footer-logo-align-b {
    margin-left: 3.5%;
  }

  .img-location-v02 {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }

  h1 {
    font-size: 30px;
    line-height: 40px;
  }

  h2 {
    font-size: 20px;
    line-height: 26px;
  }

  h3 {
    font-size: 20px;
    line-height: 30px;
  }

  h4 {
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 18px;
  }

  h5 {
    margin-bottom: 15px;
  }

  .section-content {
    padding-top: 45px;
  }

  .section-content.black {
    padding-bottom: 45px;
  }

  .section-content.app {
    height: auto;
  }

  .section-content.home {
    padding-top: 0;
  }

  .container.app {
    height: auto;
  }

  .section-banner {
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .section-banner.home {
    margin-bottom: 45px;
  }

  .all {
    padding-top: 50px;
  }

  .all.locations {
    padding-top: 95px;
  }

  .header {
    height: 50px;
  }

  .logo {
    width: 110px;
    height: 32px;
    margin-bottom: 8px;
  }

  .menu-align-b {
    margin-top: 50px;
  }

  .menu-btn {
    height: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .find-my-home-link.mobile {
    margin-right: 43px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 600;
  }

  .heading-b {
    margin-bottom: 20px;
  }

  .txt-col {
    width: 100%;
  }

  .txt-col.partnership {
    position: static;
    transform: none;
  }

  .img-col {
    width: 100%;
    margin-bottom: 25px;
    margin-right: 0%;
    padding-top: 42%;
    padding-bottom: 42%;
  }

  .content-b {
    margin-bottom: 45px;
  }

  .about-partnership-img {
    height: auto;
    padding-top: 37%;
    padding-bottom: 37%;
  }

  .about-partnership-img-col {
    width: 100%;
    margin-bottom: 20px;
  }

  .about-partnershop-b {
    margin-bottom: 45px;
  }

  .btn-top {
    margin-bottom: -75px;
  }

  .footer-txt {
    float: left;
    font-size: 12px;
    line-height: 18px;
  }

  .footer-txt.right {
    float: left;
  }

  .footer-col.subscribe {
    margin-top: 35px;
  }

  .side-menu-b {
    width: 85%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .side-menu-title {
    margin-bottom: 5px;
  }

  .side-menu-row {
    margin-bottom: 30px;
  }

  .form-b.subscribe {
    margin-bottom: 40px;
  }

  .side-menu-form-b {
    margin-bottom: 30px;
  }

  .findmyhome-btn-align-b {
    height: 50px;
  }

  .footer-row {
    margin-bottom: 25px;
  }

  .footer-txt-link {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .footer-link-row {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 23px;
  }

  .footer-title {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-subscribe-b {
    margin-top: 10px;
  }

  .txt-small {
    font-size: 12px;
  }

  .contact-txt-link {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
  }

  .footer-img-b {
    width: 100%;
  }

  .section-banner-img.news {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/news-banner1.5x.jpg');
    background-position: 0 0, 90%;
  }

  .section-banner-img.contact {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/contact-us-banner1.5x.jpg');
    background-position: 0 0, 75%;
  }

  .img01 {
    width: 60%;
    max-width: none;
    max-height: none;
  }

  .img02 {
    width: 44%;
    max-width: none;
    max-height: none;
    margin-top: 40%;
    margin-left: 44%;
  }

  .img03 {
    width: 33%;
    max-width: none;
    max-height: none;
    margin-left: 67%;
  }

  .about-mission-b {
    flex-direction: column;
    margin-bottom: 45px;
    display: block;
  }

  .news-content-b {
    margin-top: 25px;
    padding: 15px;
  }

  .news-b {
    width: 50%;
  }

  .news-align-b {
    margin-top: -25px;
  }

  .news-detail-img, .txt-b {
    margin-bottom: 25px;
  }

  .partnership-img {
    height: auto;
    padding-top: 37%;
    padding-bottom: 37%;
  }

  .txt-number {
    font-size: 20px;
    line-height: 26px;
  }

  .number-b {
    width: 40px;
  }

  .partnership-become-b {
    margin-bottom: 45px;
  }

  .partnership-become-img-col {
    width: 100%;
    margin-bottom: 20px;
  }

  .heart-txt-b {
    margin-top: 2px;
  }

  .partnership-advantages-b {
    margin-bottom: 45px;
  }

  .partnership-advantages-col {
    margin-bottom: 30px;
    padding-left: 0%;
  }

  .partnership-advantages-heading {
    margin-bottom: 10px;
  }

  .partnership-advantages-icon {
    width: 90px;
    height: 73px;
    margin-right: 5px;
  }

  .partners-table-col {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
  }

  .partners-table-col._01 {
    width: 38%;
    height: auto;
  }

  .partners-table-col._02 {
    width: 31%;
  }

  .partners-table-title-col {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
  }

  .partners-table-title-col._01 {
    width: 38%;
    height: auto;
  }

  .partners-table-title-col._02 {
    width: 31%;
  }

  .logo-table {
    width: 100px;
    height: 29px;
  }

  .partnership-development-b {
    margin-bottom: 45px;
  }

  .development-img {
    width: 100%;
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .development-center-b {
    width: 45px;
    padding-right: 15px;
    inset: 0% auto auto 0%;
    transform: none;
  }

  .partnership-development-txt-b {
    width: 100%;
    padding-top: 10px;
    padding-left: 45px;
  }

  .partnership-development-txt-b.right {
    width: 100%;
  }

  .partnership-development-txt-b.left {
    text-align: left;
  }

  .center-line {
    margin-left: 17px;
    inset: 0% auto auto 0%;
  }

  .icon-point {
    position: absolute;
    inset: 0% auto auto 0%;
    transform: none;
  }

  .dot {
    margin-left: 17px;
    inset: 0% auto auto 0%;
  }

  .horizontal-line {
    width: 28px;
    margin-left: 18px;
    inset: 0% auto auto 0%;
  }

  .contact-info-row {
    margin-bottom: 45px;
  }

  .contact-info-row.address {
    margin-bottom: 20px;
  }

  .contact-info-col {
    width: 100%;
    display: block;
  }

  .contact-info-col.phone {
    margin-bottom: 20px;
  }

  .form-col {
    width: 100%;
    margin-bottom: 5px;
  }

  .form-row {
    margin-bottom: 0;
  }

  .txt-area {
    min-height: 150px;
  }

  .purpose-heading {
    margin-bottom: 10px;
  }

  .checkbox-col {
    width: 100%;
  }

  .contact-purpose-b {
    margin-bottom: 20px;
  }

  .contact-b {
    padding-bottom: 445px;
  }

  .services-b {
    margin-bottom: 90px;
  }

  .services-row {
    margin-top: 75px;
    display: block;
  }

  .services-row.first {
    margin-top: 25px;
  }

  .services-img-b {
    width: 100%;
  }

  .services-img-b.left, .services-img-b.right {
    position: static;
    transform: none;
  }

  .services-txt-b {
    width: 100%;
    margin-bottom: 25px;
  }

  .services-txt-b.right {
    padding-left: 0%;
  }

  .services-icon {
    width: 90px;
    height: 64px;
    margin-right: 5px;
  }

  .arrow-left.clients {
    margin-bottom: -30px;
    margin-left: -35px;
    inset: auto auto 0% 50%;
    transform: translate(-50%);
  }

  .arrow-left.locations-detail {
    background-size: 30px;
    width: 30px;
    margin-right: 15%;
  }

  .arrow-left.home-news {
    width: 40px;
    margin-bottom: -30px;
    margin-left: -35px;
    inset: auto auto 0% 50%;
    transform: translate(-50%);
  }

  .arrow-right.clients {
    margin-bottom: -30px;
    margin-right: -35px;
    inset: auto 50% 0% auto;
    transform: translate(50%);
  }

  .arrow-right.locations-detail {
    background-size: 30px;
    width: 30px;
  }

  .arrow-right.home-news {
    width: 40px;
    margin-bottom: -30px;
    margin-right: -35px;
    inset: auto 50% 0% auto;
    transform: translate(50%);
  }

  .development-img-b {
    width: 100%;
    padding-left: 45px;
  }

  .community-b {
    padding-bottom: 25px;
  }

  .community-col {
    width: 100%;
    margin-bottom: 20px;
  }

  .why-owl-square-heading {
    margin-bottom: 3px;
  }

  .ig-b {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .txt-ig {
    font-size: 16px;
    line-height: 26px;
  }

  .ig-hashtag-b {
    height: 26px;
    margin-top: 10px;
    padding-right: 36px;
  }

  .app-txt-b {
    width: 100%;
    position: static;
    transform: none;
  }

  .app-img-b {
    background-size: contain;
    width: 100%;
    height: 300px;
    position: static;
  }

  .app-link-b {
    width: 47.5%;
    height: auto;
    padding-top: 7%;
    padding-bottom: 7%;
  }

  .app-link-b.apple {
    margin-right: 5%;
  }

  .app-link-b.google {
    margin-right: 0;
  }

  .app-link-row {
    margin-top: 20px;
  }

  .table-col {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
  }

  .table-col._01 {
    width: 19%;
    height: auto;
  }

  .table-col._02 {
    width: 27%;
  }

  .table-title-col {
    height: 70px;
    line-height: 18px;
  }

  .table-title-col._01 {
    width: 19%;
    height: 70px;
  }

  .table-title-col._02 {
    width: 27%;
  }

  .clients-content-b {
    width: 100%;
  }

  .clients-txt-b {
    background-image: none;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 5%;
  }

  .clients-name {
    padding-right: 25px;
  }

  .clients-link-row {
    width: 100%;
  }

  .clients-link-b {
    border-width: 3px;
    width: 53px;
    height: 53px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .clients-link-b._02 {
    background-size: cover;
  }

  .locations-link {
    height: 60px;
    margin-top: 90px;
  }

  .locations-link-txt-b {
    font-size: 20px;
    line-height: 26px;
  }

  .icon-locations, .icon-locations-hover {
    width: 28px;
    height: 28px;
  }

  .section-footer {
    margin-top: 75px;
    padding-top: 45px;
  }

  .section-footer.locations {
    margin-top: 0;
  }

  .location-filter {
    display: none;
  }

  .footer-logo {
    width: 110px;
    height: 32px;
    margin-bottom: 15px;
  }

  .footer-logo.co-living, .footer-logo.co-working, .footer-logo.residence {
    float: none;
  }

  .footer-logo.group {
    display: block;
  }

  .locations-align-b {
    padding-bottom: 45px;
  }

  .locations-align-b.detail {
    margin-top: -45px;
    padding-bottom: 0;
  }

  .locations-b {
    width: 100%;
    margin-bottom: 45px;
  }

  .locations-b.detail {
    width: 100%;
    margin-top: 45px;
  }

  .locations-slider {
    margin-bottom: 10px;
  }

  .locations-txt-row.start {
    margin-top: 0;
  }

  .locations-txt-b {
    margin-bottom: 15px;
  }

  .locations-detail-title {
    font-size: 18px;
    line-height: 28px;
  }

  .locations-detail-map-col {
    width: 100%;
    height: 400px;
    position: static;
  }

  .locations-detail-row {
    margin-top: 25px;
  }

  .locations-detail-col {
    float: none;
    width: 100%;
    margin-bottom: 45px;
  }

  .locations-detail-bar {
    margin-top: 3px;
  }

  .locations-detail-bar-b {
    margin-top: 15px;
  }

  .facilities-align-b {
    margin-bottom: 25px;
  }

  .facilities-icon {
    width: 72px;
    height: 47px;
    margin-bottom: 15px;
    margin-right: 5px;
  }

  .facilities-icon-b {
    width: 25%;
    margin-bottom: 20px;
    font-size: 13px;
  }

  .locations-detail-flats-row {
    margin-bottom: 30px;
  }

  .flats-img-b {
    width: 100%;
    height: 300px;
    position: static;
  }

  .flats-txt-b {
    border-bottom-style: none;
    padding-top: 25px;
    padding-bottom: 20px;
  }

  .flats-request-b {
    width: 100%;
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    position: static;
  }

  .list-item {
    width: 50%;
    margin-bottom: 5px;
  }

  .locations-details-flats-b {
    margin-bottom: 45px;
  }

  .locations-detail-img-b {
    height: 300px;
    margin-left: 20px;
  }

  .icon-home-locations {
    position: absolute;
    inset: 0% auto auto 0%;
    transform: none;
  }

  .home-map-b {
    height: 300px;
  }

  .news-slide {
    width: 100%;
  }

  .home-services-b {
    margin-top: 25px;
    margin-bottom: 15px;
  }

  .home-services-col {
    margin-bottom: 30px;
    padding-left: 0%;
  }

  .home-client-b {
    margin-bottom: 90px;
  }

  .home-join-b {
    flex-direction: column;
    display: block;
  }

  .dropdown-check-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .price-bar-top {
    width: 50%;
  }

  .home-locations-b {
    margin-bottom: 45px;
  }

  .locations-filter-mobile {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 50px;
    display: block;
    position: relative;
  }

  .locations-filter-open {
    justify-content: center;
    align-items: center;
    width: 95%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .locations-filter-length, .locations-filter-price, .locations-filter-property, .home-location-filter, .home-locations-banner-filter {
    display: none;
  }

  .home-locations-filter-mobile {
    border-top-right-radius: 100px;
    width: 100%;
    height: 50px;
    display: block;
    position: relative;
  }

  .ig-img {
    width: 33.33%;
    padding-top: 16.5%;
    padding-bottom: 16.5%;
  }

  .ig-img._04, .ig-img._05 {
    display: none;
  }

  .app-b {
    height: auto;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .contact-map-b {
    width: 100%;
    height: 400px;
    inset: auto 0% 0%;
  }

  .contact-info-b {
    padding-right: 0%;
    position: static;
  }

  .contact-form-b {
    margin-top: 45px;
  }

  .container-menu {
    height: 50px;
    position: static;
  }

  .icon-filter {
    float: left;
    background-image: url('../images/icon-filter.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    margin-left: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .txt-filter {
    float: left;
  }

  .icon-filter-hover {
    float: left;
    background-image: url('../images/icon-filter-hover.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    margin-left: 10px;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
  }

  .logo-img {
    height: 30px;
  }

  .welcome-txt {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .area-title.menu {
    font-size: 14px;
  }

  .area-col.hk {
    float: left;
  }

  .dropdown-form {
    padding-top: 5px;
  }

  .menu-dropdown-list {
    overflow: auto;
  }

  .menu-dropdown-link {
    padding-left: 10%;
  }

  .footer-logo-row {
    display: block;
  }

  .footer-logo-align-b {
    text-align: center;
    width: 33.33%;
    height: auto;
    margin-top: 20px;
    margin-left: 0%;
  }

  .logo-txt {
    float: none;
    margin-left: 0;
  }

  .footer-grouplogo {
    float: none;
    justify-content: center;
    display: flex;
  }

  .footer-logo-link {
    height: auto;
  }

  .footer-logo-align-row {
    width: 100%;
  }

  .location-slick-arrow {
    width: 40px;
  }

  .img-location-v02 {
    height: 300px;
  }

  .popup-wechat-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wechat-qr-gp-title {
    margin-bottom: 5px;
    font-size: 18px;
  }

  .wechat-qr-img {
    max-width: 150px;
  }
}

@media screen and (max-width: 479px) {
  .footer-txt-link {
    font-size: 14px;
  }

  .news-b {
    width: 100%;
  }

  .arrow-left.locations-detail {
    margin-right: 19%;
  }

  .locations-detail-map-col {
    width: 100%;
    height: 400px;
    position: static;
  }

  .locations-filter-price {
    display: none;
  }
}


@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNextCyr-Demi.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}