/* mixins */
/*------- start: homepage scroll indicator ---------*/
.floating-arrow {
  position: absolute;
  left: 10px;
  bottom: 35px;
  font-size: 16px;
  display: block;
  z-index: 10;
  color: white;
  pointer-events: none;
}
.floating-arrow:before, .floating-arrow:after {
  display: block;
  content: "";
  position: absolute;
  background-color: white;
  width: 1px;
}
.floating-arrow:before {
  height: 100px;
  animation: drawArrow1 2s ease infinite;
  transform-origin: top;
  right: 0;
  bottom: 0;
}
.floating-arrow:after {
  height: 12px;
  transform: rotate(-135deg) scaleY(0);
  left: 100%;
  margin-left: -1px;
  top: 100%;
  transform-origin: top;
  animation: drawArrow2 2s ease infinite;
}
.floating-arrow .text {
  transform: rotate(-90deg);
  display: block;
  transform-origin: top;
  margin-bottom: 0.2em;
}

@keyframes drawArrow1 {
  0% {
    transform: scaleY(0);
  }
  50%, 100% {
    transform: scaleY(1);
  }
}
@keyframes drawArrow2 {
  0%, 50% {
    transform: rotate(-135deg) scaleY(0);
    background-color: white;
  }
  100% {
    transform: rotate(-135deg) scaleY(1);
  }
}
/*------- end: homepage scroll indicator ---------*/
#header {
  background: none !important;
}
.sticky-header-active #header #mainNav a.dropdown-item {
  color: #3c3935;
}
@media (min-width: 1024px) {
  .sticky-header-active #header .header-row {
    min-height: auto;
  }
}
.sticky-header-active #header .bg_white .header-container.header-container-height-xs {
  height: 64px !important;
}
@media (min-width: 1024px) {
  .sticky-header-active #header .bg_white .header-nav-features {
    margin-top: 0;
  }
}
.sticky-header-active #header .bg_white .header-logo {
  padding-top: 0;
}
#header .bg_white .header-container.header-container-height-xs {
  height: auto !important;
}
#header .bg_white .header-logo {
  padding-top: 0;
}
@media (min-width: 1024px) {
  #header .header-row {
    min-height: 110px;
  }
}
#header .header-nav-main nav > ul > li {
  height: auto !important;
}
#header .header-nav-main nav > ul > li > a {
  height: auto;
}
@media (min-width: 1024px) {
  #header .header-nav-features {
    margin-top: 40px;
  }
  .sticky-header-active #header .header-nav-features {
    margin-top: 0;
  }
}
#header .header-nav-features.header-nav-features-light.header-nav-features-no-border > div:first-child {
  vertical-align: middle;
}
#header .header-nav-features .header-nav-feature.contact {
  width: 160px;
}
#header .header-nav-features .header-nav-feature.contact .contactus-text {
  position: static;
}
@media (min-width: 1024px) {
  #header .header-logo {
    margin-top: 0 !important;
  }
}
@media (min-width: 1024px) {
  #header .header-logo img {
    top: 0 !important;
  }
}
#header .header-logo .logo-light,
#header .header-logo .logo-light-mobile {
  display: none;
}

.header-nav-features-toggle:not(.more) {
  background-color: #725509;
  width: 100%;
  padding: 15px;
  display: block;
}
.header-nav-features-toggle img {
  opacity: 0;
  visibility: hidden;
}

.hover_contact {
  top: 100%;
  right: 0;
}

.hover_contact_info a:active,
.hover_contact_info a:focus {
  color: #FFF !important;
}

.myNav .closebtn {
  display: inline-block;
  top: 25px;
  right: 20px;
  width: 30px;
}
.myNav .closebtn img {
  position: relative;
  bottom: auto;
  left: auto;
  top: auto;
  right: auto;
  transform: none;
  max-width: 100%;
}
.myNav .follow_us a {
  width: auto;
}

.open_nav {
  background: url(../img/open.png) center no-repeat;
  background-size: contain;
}
.open_nav img {
  opacity: 0;
  max-width: 100%;
}

.view-filters .filter_availability {
  display: none;
}

.page-node-type-locations #header .bg_white .header-logo, .path-frontpage #header .bg_white .header-logo {
  padding-top: 0;
}
.page-node-type-locations #header .bg_white .header-logo .logo-light, .path-availability #header .bg_white .header-logo .logo-light, .path-news #header .bg_white .header-logo .logo-light, .page-node-type-about-us #header .bg_white .header-logo .logo-light, .path-frontpage #header .bg_white .header-logo .logo-light {
  display: none;
}
.page-node-type-locations #header .bg_white .header-logo .logo-dark, .path-availability #header .bg_white .header-logo .logo-dark, .path-news #header .bg_white .header-logo .logo-dark, .page-node-type-about-us #header .bg_white .header-logo .logo-dark, .path-frontpage #header .bg_white .header-logo .logo-dark {
  display: block;
}
.page-node-type-locations #header .logo-light,
.path-availability #header .logo-light,
.path-news #header .logo-light,
.page-node-type-about-us #header .logo-light,
.page-node-type-locations #header .logo-light-mobile, .path-frontpage #header .logo-light,
.path-frontpage #header .logo-light-mobile,
#header .header-logo .logo-light-mobile {
  display: block;
}
.page-node-type-locations #header .logo-dark,
.path-availability #header .logo-dark,
.path-news #header .logo-dark,
.page-node-type-about-us #header .logo-dark,
.page-node-type-locations #header .logo-dark-mobile, .path-frontpage #header .logo-dark,
.path-frontpage #header .logo-dark-mobile,
#header .header-logo .logo-dark-mobile {
  display: none;
}
.page-node-type-locations .open_nav, .path-frontpage .open_nav {
  background: url(../img/open-white.png) center no-repeat;
  background-size: contain;
}
.sticky-header-active .page-node-type-locations .open_nav, .sticky-header-active .path-frontpage .open_nav {
  background: url(../img/open.png) center no-repeat;
  background-size: contain;
}

#block-yiushape-content .top_slider_img:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}

@media (min-width: 1024px) {
  .nav {
    margin-top: 50px;
  }
}
@media (min-width: 1024px) {
  .sticky-header-active .nav {
    margin-top: 0;
  }
}
.nav .menu_item {
  top: 110px;
}
.sticky-header-active .nav .menu_item {
  top: 64px;
}

@media (max-width: 1023px) {
  .footer a {
    display: inline-block;
  }
}

@media (max-width: 1023px) {
  .footer_info {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 1200px) {
  .footer_container div:nth-child(1) {
    align-self: flex-start;
  }
}

.js .dropbutton-widget {
  background-color: inherit !important;
}
.js .dropbutton-widget img {
  display: none !important;
}

#block-dropdownlanguage a {
  display: inline-block;
  position: relative;
  top: auto;
  width: 100%;
  text-align: center;
  /*margin-top: 20px;*/
  vertical-align: middle;
}
#block-dropdownlanguage a.more {
  padding: 10px;
  border: 1px solid #3c3935;
}
.page-node-type-locations #block-dropdownlanguage a.more, .path-availability #block-dropdownlanguage a.more, .path-news #block-dropdownlanguage a.more, .page-node-type-about-us #block-dropdownlanguage a.more, .path-frontpage #block-dropdownlanguage a.more {
  border: 1px solid #FFF;
}
.bg_white #block-dropdownlanguage a.more, .nav-active #block-dropdownlanguage a.more {
  border: 1px solid #3c3935;
}
.sticky-header-active #block-dropdownlanguage a.more {
  border-color: #3c3935;
}
@media (max-width: 1023px) {
  #block-dropdownlanguage a.more {
    margin-top: 0;
  }
}
#block-dropdownlanguage .language-link {
  padding: 10px 0;
}
@media (max-width: 1023px) {
  #block-dropdownlanguage .dropbutton-widget {
    position: fixed;
    left: 10px;
    top: 25px;
    width: auto;
  }
}
#block-dropdownlanguage .lang-info {
  position: relative;
  margin: 0;
  color: #FFF;
  top: auto !important;
  /*margin-bottom: 20px;*/
}
@media (max-width: 1023px) {
  #block-dropdownlanguage .lang-info {
    margin-bottom: 0;
  }
}
#block-dropdownlanguage .lang-info .lang-text {
  color: #3c3935;
}
.page-node-type-locations #block-dropdownlanguage .lang-info .lang-text, .path-availability #block-dropdownlanguage .lang-info .lang-text, .path-news #block-dropdownlanguage .lang-info .lang-text, .page-node-type-about-us #block-dropdownlanguage .lang-info .lang-text, .path-frontpage #block-dropdownlanguage .lang-info .lang-text {
  color: #FFF;
}
#header .bg_white #block-dropdownlanguage .lang-info .lang-text {
  color: #3c3935;
}
.sticky-header-active #header #block-dropdownlanguage .lang-info .lang-text {
  color: #3c3935;
}
@media (max-width: 1023px) {
  #header.nav-active #block-dropdownlanguage .lang-info .lang-text {
    color: #3c3935;
  }
}
#block-dropdownlanguage .lang_expand {
  background: none;
  top: 100%;
  width: 100%;
  height: auto;
  border: 1px solid #3c3935;
  border-top: 0;
  margin-top: -2px;
  background: #FFF;
  z-index: 5;
}
html:not(.sticky-header-active) .page-node-type-locations #block-dropdownlanguage .lang_expand, html:not(.sticky-header-active) .path-availability  #block-dropdownlanguage .lang_expand, html:not(.sticky-header-active) .path-news #block-dropdownlanguage .lang_expand, html:not(.sticky-header-active) .page-node-type-about-us #block-dropdownlanguage .lang_expand, html:not(.sticky-header-active) .path-frontpage #block-dropdownlanguage .lang_expand {
  border: 1px solid #FFF;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.sticky-header-active #block-dropdownlanguage .lang_expand {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1023px) {
  #block-dropdownlanguage .lang_expand {
    position: absolute;
    width: 100%;
    left: 0;
  }
}
#block-dropdownlanguage .lang_expand .lang-info {
  display: none;
}

.rev_slider_wrapper .home-top-slider a {
  font-weight: normal;
}

.floor_property_title {
  line-height: 1;
}

@media (max-width: 1023px) {
  .featured-slider .feature_address {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .featured-slider .featured_feng_shui_small_text {
    font-size: 14px;
  }
}

/* Availability */
@media (max-width: 1023px) {
  .floorPlan-slider {
    touch-action: auto;
  }
}
.floorPlan-slider .floorPlan-detail {
  display: block;
}
@media (max-width: 1023px) {
  .floorPlan-slider .floorPlan-detail {
    pointer-events: none;
  }
}

.table-available.fixed_header tr {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.table-available.fixed_header tr td,
.table-available.fixed_header tr th {
  flex-grow: 1;
  flex-basis: 0;
  display: inline-block;
}

.path-availability .row_list_tr .btn-more {
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 1023px) {
  .path-availability .available_remind {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* contact us */
.contact_form .select2-container--default .select2-selection--single .select2-selection__placeholder, .contact_desc,
.contact_form .label,
html #contactFormAdvanced .toggle-primary .toggle label.toggle_label,
.contact_form .gold_checkbox + label,
.contact_form .remark,
.contact_form label.form-control.datetimepicker-input,
.contact_form .gold_checkbox + label a {
  opacity: 1;
}

.contact_form #date_picker_input, #date_picker_expected_input,
.contact_form .select_label + span {
  color: #3D3935;
}

.select_label + #date_picker_input,
.select_label + #date_picker_expected_input {
  width: 100%;
}

#content_us_success {
  z-index: 10500;
}
#content_us_success .modal-dialog {
  min-width: auto;
  max-width: 800px;
}
#content_us_success .modal-body {
  width: 100%;
}
#content_us_success .modal-content {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  #content_us_success .modal-content {
    padding-left: 0;
    padding-right: 0;
  }
}
#content_us_success .btn-more {
  background: url(../img/btn_arrow.svg) calc(100% - 13px) center no-repeat;
  border: 1px solid #000;
  color: #3c3935;
  display: inline-block;
  margin-top: 0;
}
#content_us_success .title {
  color: #916928;
}
#content_us_success .content p {
  font-size: 16px;
}

/* about us */
@media (min-width: 576px) {
  .grid_locations {
    display: flex;
    grid-template-columns: none;
    grid-column-gap: 0px;
  }
  .grid_locations > a {
    flex: 1 0 auto;
  }
  .grid_locations > a + a {
    margin-left: 5px;
  }
}