/*!
 * Fam Portal - Fam Portal
 * @author Inzamam Ayyaz
 * @version v1.0.0
 * @link 
 * @license MIT
 */
/*=====================
Common Colors Variables
=======================*/

@charset "utf-8";
/*=====================
Common Colors Variables
=======================*/
/*====================================
Region Body Font Color Change To Black
======================================*/
.master-ds_v8 .t-Region .t-Region-body {
  color: #000 !important;
  font-size: 15px;
}
/*====================================
Region Body Font Color Change To Black
======================================*/
.master-ds_v8 .t-Body {
  background: #fff !important;
  min-width: auto;
}
.master-ds_v8 .t-Body-main {
  margin-top: 0 !important;
}
.master-ds_v8 .t-Body-contentInner {
  padding: 0 !important;
}
.master-ds_v8 .t-Body-content {
  margin-top: 75px;
  min-height: 100%;
}
.master-ds_v8.luxury-prop-bg .t-Body-content,
.master-ds_v8.prop-det-bg .t-Body-content {
  margin-top: 80px;
}
.master-ds_v8.home .t-Body-content {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .master-ds_v8 .t-Body-main {
    margin-top: 65px !important;
  }
}
@media (max-width: 640px) {
  .master-ds_v8 .t-Body-content {
    margin-top: 10px;
  }
  .master-ds_v8.prop-det-bg .t-Body-content {
    margin-top: 0px;
  }
}
@media (max-width: 480px) {
  .master-ds_v8 .t-Body-content > .container {
    margin: 0 !important;
  }
}
/*==================
Container Css Starts
====================*/
.container-max {
  max-width: 1170px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: auto;
}
.white-bg {
  background-color: #fff !important;
}
.off-white-bg,
.grey-bg {
  background-color: #f6f4f2 !important;
}
.red-bg {
  color: #fff !important;
  position: relative;
  width: 100%;
  float: left;
  min-height: 305px;
}
.float {
  width: 100%;
  float: left;
}
.border-top-bg {
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.border-bottom-bg {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.shadow-bg-container .row {
  margin: 0;
}
.shadow-bg {
  box-shadow: 0 0 12px 1px #477d8a28 !important;
  border-radius: 15px;
  border: solid 1px #eeece9;
}
.padding-left-none {
  padding-left: 0;
}
.padding-right-none {
  padding-right: 0;
}
.master-ds_v8 .container {
  margin-left: 0;
  margin-right: 0;
}
.round {
  border-radius: 25px !important;
}
.custom-border-btn {
  border: 1px solid #e9e6e3 !important;
}
.master-ds_v8 .custom-border-btn.t-Button--primary.t-Button--simple {
  box-shadow: none !important;
}
.dflex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.justify-center {
  justify-content: center;
}
.align-center {
  align-items: center;
}
.t-Form-labelContainer.col-null {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  padding: 0;
}
@media (max-width: 640px) {
  .shadow-bg-container .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .shadow-bg {
    border-radius: 0;
    border: solid 0px #eeece9;
  }
  .padding-left-mb-none {
    padding-left: 0 !important;
  }
}
/*================
Container Css Ends
==================*/
/*=========================
Headings Of Sections Starts
===========================*/
p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.625;
}
.white-bg h2,
.off-white-bg h2 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 300;
}
.white-bg h2 b,
.off-white-bg h2 b {
  font-weight: 600;
}
.custom-heading-h2 h2 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 300;
}
.custom-heading-h3 h3 {
  font-size: 38px;
  line-height: 1.36364;
  font-weight: 400;
}
.custom-heading-h4 h4 {
  font-size: 30px;
  line-height: 1.36364;
  font-weight: 400;
}
.custom-inner-heading-h2 h2 {
  font-size: 28px !important;
  line-height: 50px !important;
  font-weight: 400;
  padding-top: 2px;
}
.white-bg p,
.off-white-bg p {
  line-height: 1.625;
}
.t-Report-report .t-Report-cell,
.t-Report-report .t-Report-colHead {
  font-size: 14px !important;
}
@media (max-width: 992px) {
  .custom-inner-heading-h2 h2 {
    font-size: 24px !important;
    padding-top: 0rem !important;
  }
}
@media (max-width: 640px) {
  .t-Region-headerItems--title {
    flex-shrink: inherit !important;
  }
  .white-bg h2,
  .off-white-bg h2 {
    font-size: 30px;
    padding-left: 16px;
    line-height: 40px;
  }
  .custom-heading-h2 h2 {
    font-size: 30px;
    margin: 0;
    line-height: 40px;
  }
  .custom-heading-h3 h3 {
    font-size: 28px;
    margin: 0;
  }
  .custom-inner-heading-h2 h2 {
    font-size: 24px !important;
    line-height: 1.36364 !important;
  }
  .custom-heading-h4 h4 {
    font-size: 24px;
  }
  .red-bg {
    background: #312d2a !important;
  }
}
/*=======================
Headings Of Sections Ends
=========================*/
/*===================
BREADCRUMB CSS STARTS
=====================*/
.master-ds_v8 .t-BreadcrumbRegion {
  padding: 8px 0;
}
.master-ds_v8 .t-Body-title-shrink .t-BreadcrumbRegion,
.master-ds_v8 .t-Body-title-shrink .t-BreadcrumbRegion-body {
  padding: 0 !important;
}
.master-ds_v8 .t-Body-title-shrink .t-BreadcrumbRegion .t-Breadcrumb-item {
  vertical-align: middle !important;
}
.master-ds_v8 .t-Body-title .apex-rds a span {
  color: #fff !important;
}
.master-ds_v8 .t-Body-title .apex-rds .apex-rds-selected a span {
  color: #d73d2c !important;
}
.master-ds_v8 .t-Breadcrumb-item,
.master-ds_v8 .t-Breadcrumb-item a,
.master-ds_v8 .t-Breadcrumb-item:after {
  color: #000 !important;
  opacity: 1;
}
.master-ds_v8 .luxury-prop-bg .t-Breadcrumb-item:after {
  color: #fff !important;
}
.master-ds_v8 .t-BreadcrumbRegion .t-Breadcrumb-item:first-child .t-Breadcrumb-label:before {
  display: none;
}
/*============================
Custom breadcrumb for property 
details and project details
==============================*/
.custom-breadcrumb .t-Breadcrumb-item:first-child:after {
  visibility: hidden;
}
.custom-breadcrumb .t-Breadcrumb-item:first-child a h2 {
  color: #d73d2c !important;
}
.custom-breadcrumb .t-Breadcrumb-item:first-child:before {
  content: '\276E';
  margin-left: 0;
  margin-right: 6px;
  color: #d73d2c !important;
}
.custom-breadcrumb .t-Breadcrumb-item:last-child:after {
  visibility: hidden;
}
.custom-breadcrumb .t-Breadcrumb-item:after {
  content: '\203A';
}
.custom-breadcrumb .t-Breadcrumb-item h2,
.custom-breadcrumb .t-Breadcrumb-item h1 {
  font-size: inherit !important;
  line-height: inherit !important;
  margin: inherit !important;
  display: inherit !important;
  font-weight: inherit !important;
}
@media (max-width: 640px) {
  .custom-breadcrumb {
    padding-top: 20px !important;
  }
  .search-resultt .custom-breadcrumb {
    padding-top: 35px !important;
  }
  .master-ds_v8 .t-BreadcrumbRegion {
    padding: 16px 10px 8px 10px;
    margin-top: 32px !important;
  }
  .master-ds_v8 .t-Body-title-shrink .t-BreadcrumbRegion .t-Breadcrumb-item.is-active {
    width: 100% !important;
  }
  .master-ds_v8 .t-Breadcrumb-item:last-child .t-Breadcrumb-label {
    color: #000 !important;
    line-height: 22px !important;
    font-weight: 400;
    font-size: 18px;
  }
  .footer-sticky-btns .t-NavTabs .t-NavTabs-link {
    padding: 0 0 0px 0 !important;
    color: #d73d2c !important;
  }
  .t-NavTabs-item .t-Icon {
    margin: 0px auto !important;
  }
}
/*=================
BREADCRUMB CSS ENDS
===================*/
/*===================
PAGINATION CSS STARTS
=====================*/
.master-ds_v8 .pagination .t-Report-paginationText {
  font-style: italic;
  font-weight: 400;
}
.master-ds_v8 .pagination .t-Report-paginationText,
.master-ds_v8 .pagination .t-Report-paginationLink--next,
.master-ds_v8 .pagination .t-Report-paginationLink--prev {
  font-size: 16px;
}
.master-ds_v8 .pagination .t-Report-paginationLink--next,
.master-ds_v8 .pagination .t-Report-paginationLink--prev {
  color: #d73d2c !important;
  font-weight: 600;
}
.master-ds_v8 td.pagination,
.master-ds_v8 .pagination .t-Report-paginationLink--next,
.master-ds_v8 .pagination .t-Report-paginationLink--prev {
  margin: 0 !important;
  padding: 8px 4px 8px 4px !important;
}
/*===================
PAGINATION CSS STARTS
=====================*/
/*=======================
HOME LOGO LINK CSS STARTS
=========================*/
.t-Home-logo-link {
  width: 250px;
  margin: 0 auto;
  position: relative;
}
.t-Home-header-logo-link {
  width: 250px;
  float: left;
  position: relative;
  display: none;
}
.t-Home-inner-logo-link {
  width: 250px;
  float: left;
  position: relative;
  margin-top: 45px;
}
.master-ds_v8.onscroll .t-Home-header-logo-link {
  display: block;
}
.home-logo-link {
  position: absolute;
  top: 0;
  width: 270px;
  height: 100px;
  left: 0;
}
/*=====================
HOME LOGO LINK CSS ENDS
=======================*/
/*==================================
SOCIAL MEDIA ICONS COLORS CSS STARTS
====================================*/
.u-color-facebook-bg {
  background-color: #3b5998 !important;
}
.u-color-twitter-bg {
  background-color: #00aced !important;
}
.u-color-linkedin-bg {
  background-color: #007bb6 !important;
}
.u-color-googleplus-bg {
  background-color: #dd4b39 !important;
}
.u-color-instagram-bg {
  background-color: #517fa4 !important;
}
.u-color-facebook-text {
  color: #3b5998 !important;
}
.u-color-twitter-text {
  color: #00aced !important;
}
.u-color-linkedin-text {
  color: #007bb6 !important;
}
.u-color-googleplus-text {
  color: #dd4b39 !important;
}
.u-color-instagram-text {
  color: #517fa4 !important;
}
.u-color-green {
  background-color: rgba(45, 212, 109, 0.1) !important;
  fill: rgba(45, 212, 109, 0.1) !important;
  color: #2dd46d !important;
}
.u-color-blue {
  background-color: rgba(61, 71, 255, 0.1) !important;
  fill: rgba(61, 71, 255, 0.1) !important;
  color: #3d47ff !important;
}
.u-color-red {
  background-color: rgba(214, 77, 56, 0.1) !important;
  fill: rgba(214, 77, 56, 0.1) !important;
  color: #d64d38 !important;
}
/*================================
SOCIAL MEDIA ICONS COLORS CSS ENDS
==================================*/
/*==============================
GLOBAL PRICE CURRENCY CSS STARTS
================================*/
sub {
  bottom: 0 !important;
}
/*============================
GLOBAL PRICE CURRENCY CSS ENDS
==============================*/
/*=========
General Css
===========*/
li a:hover,
li a:focus {
  box-shadow: none !important;
}
/*Remove small icon from required input fields*/
.t-Form-fieldContainer--floatingLabel.is-required:before {
  visibility: hidden !important;
}
/*========
Header CSS
==========*/
.master-ds_v8 header {
  background: none !important;
}
.master-ds_v8.home header {
  display: block !important;
}
.master-ds_v8.home .t-Header-branding {
  height: 80px !important;
}
.master-ds_v8 .t-Header-branding {
  transition: all 0.4s ease;
  border: 0;
  display: block;
  position: initial;
  height: auto;
  background-color: #fff !important;
  color: #000 !important;
  height: 80px;
  box-shadow: 0 0 5px 1px #e9e6e3 !important;
}
span.t-Icon.fa.fa-bars {
  font-size: 25px;
  font-weight: 900;
}
.master-ds_v8 .t-Header .t-Header-controls .t-Button.t-Button--header.t-Button--header .label {
  line-height: 10px;
  display: block;
}
.master-ds_v8 .t-Header .t-Header-controls .t-Button.t-Button--header.t-Button--header .label {
  font-weight: 900 !important;
}
.master-ds_v8.home .t-Header-logo h3.wish-msg {
  margin: -5px 0 0 10px;
  letter-spacing: 1px;
  font-size: 18px;
}
.master-ds_v8 .t-Header-logo-link {
  background-size: contain;
  background-repeat: no-repeat;
  height: 80px;
  max-width: 165px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px !important;
  transition: all 0.4s ease;
}
.master-ds_v8 .t-Header-logo-link {
  left: 0 !important;
}
.master-ds_v8 .t-Header-logo-link img {
  max-height: 100%;
}
.master-ds_v8 .t-Header-branding .t-Header-navBar ul li a .fa.fa-handshake-o,
.master-ds_v8 .t-Header-branding .t-Header-navBar ul li a .fa.fa-sign-out,
.master-ds_v8 .t-Header-branding .t-Header-navBar ul li a .fa.fa-power-off {
  display: none;
}
.t-Button.t-Button--header.is-active,
.t-Button.t-Button--header:hover,
.t-Header-navBar .t-Button--header.is-active {
  background-color: transparent !important;
}
.master-ds_v8 .t-Header-nav {
  position: absolute;
  right: 140px;
  top: 35px;
  overflow: visible;
}
.master-ds_v8 .t-Header-controls {
  width: 70px;
  height: 70px;
  margin: 5px 0 0 0;
  padding: 3px 0 0 4px;
  background: #fff !important;
}
.master-ds_v8.home .t-Header-controls {
  margin: -10px 0 0 0;
}
.master-ds_v8 .t-Header-logo-link:active:focus,
.master-ds_v8 .t-Header-logo-link:focus {
  outline: none !important;
  box-shadow: none !important;
}
.master-ds_v8 .t-NavigationBar li:last-child a {
  padding: 0 !important;
  margin-left: 15px !important;
}
.master-ds_v8 .t-NavigationBar li a img {
  border-radius: 100%;
}
header .cta {
  position: relative;
  right: 0;
  top: 0;
  height: 100%;
  font-size: 16px;
}
.shortlist_label {
  display: none;
}
.scount {
  font-size: 12px;
  font-weight: 500;
  width: 15px;
  height: 15px;
  float: right;
  border-radius: 50%;
  color: #e9222e !important;
  background-color: #dcdcdc !important;
  padding: 0;
  margin: 2px 0 0 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.master-ds_v8 .search-box-text {
  color: #fff !important;
  padding-top: 15px;
}
span.wishlist.show {
  display: block;
}
span.wishlist {
  position: absolute;
  top: 5px;
  background-color: #d73d2c !important;
  color: #fff !important;
  padding: 0px 2px;
  border-radius: 4px;
  font-size: 9px;
  right: 8px;
  display: none;
}
.top_search_icon {
  color: #d73d2c !important;
  position: absolute;
  top: 22px;
  right: 55px;
}
@media (max-width: 768px) {
  .master-ds_v8.home .t-Header-branding,
  .master-ds_v8 .t-Header-branding {
    background: #fff !important;
    height: 65px !important;
  }
  .master-ds_v8 .t-Header-logo-link img {
    max-height: 100%;
    max-width: 150px;
    margin-top: 10px;
  }
  .master-ds_v8.home .t-Button.t-Button--header {
    color: #000 !important;
  }
  .master-ds_v8.home .t-Header-controls {
    margin: 5px 0 0 0;
  }
  .master-ds_v8 .t-Header-controls {
    padding: 2px 0 0 4px;
  }
  .master-ds_v8 .t-Header-logo-link {
    display: block;
    height: 65px !important;
  }
  .master-ds_v8.home .t-Header-logo h3.wish-msg {
    display: none;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul {
    width: 100%;
    float: left;
    text-align: left;
    background: #fff !important;
    margin: 0;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar {
    width: 85%;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 66px;
    background-color: #fff !important;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: 0.4s all ease;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar.show {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    transition: 0.4s all ease;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li {
    width: 100%;
    clear: both;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li:first-child {
    display: none !important;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li:nth-child(3) a {
    width: 100%;
    border-radius: 0;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li:last-child {
    display: none !important;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li a {
    width: 100%;
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #e9e6e3 !important;
    border-radius: 0;
    color: #000 !important;
  }
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li a .fa.fa-handshake-o,
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li a .fa.fa-sign-out,
  .master-ds_v8 .t-Header-branding .t-Header-navBar ul li a .fa.fa-power-off {
    display: block;
    float: left;
    padding-right: 5px;
  }
  .master-ds_v8.onscroll .t-Body-title {
    top: 45px !important;
  }
  .top_search_icon {
    right: 55px;
  }
  .has-search .top_search_icon {
    display: block !important;
  }
  .scount {
    float: none;
    background-color: initial !important;
    width: auto;
    height: auto;
    margin: 0;
  }
}
/*=====================================
Mobile Header Top Ellipses Icon Nav CSS
=======================================*/
.top_ellipses_icon,
.top_close_icon {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 0px;
  display: none;
}
.top_ellipses_icon > span,
.top_close_icon > span {
  padding-top: 8px;
  font-size: 22px;
  font-weight: bolder;
}
@media (max-width: 768px) {
  .top_ellipses_icon {
    display: none;
  }
  .nav_classic_show {
    display: block !important;
  }
  .nav_classic_hide {
    display: none !important;
  }
}
/*========
Banner Css
==========*/
.master-ds_v8.home #typed-banner {
  transition: background 1s ease-out;
  background-position: top center !important;
  padding: 0;
  min-height: 650px;
  background-image: url(/assets/famproperties/images/fam-web-banner-4.jpg);
  background-size: cover;
}
.master-ds_v8 #typed-banner {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
  padding: 70px 0;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.master-ds_v8.home .banneroverly_color {
  width: 100%;
  height: 100%;
  display: table;
  padding: 150px 0;
  background: rgba(0, 0, 0, 0.2);
}
/*=================
FAM Form CSS Starts
===================*/
#__oj_zorder_container,
.select2-drop {
  z-index: 2247483001 !important;
  position: absolute;
}
.banner-heading h2 {
  font-size: 44px;
  color: #fff !important;
  font-weight: 400;
  text-align: center;
  text-shadow: 0 2px 10px #000 !important;
}
.master-ds_v8.home #search-control {
  width: 100%;
  max-width: 1170px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.6) !important;
  border-radius: 3px;
  margin-top: 40px;
}
.master-ds_v8 #search-control {
  position: relative;
}
.master-ds_v8.home #search-control .advance-opt,
.master-ds_v8.home #search-control .advance-opt .fa {
  padding: 0 3px;
  font-size: 16px;
  color: #fff !important;
  cursor: pointer;
  line-height: 2;
  font-weight: 400;
}
.master-ds_v8 .advance-opt{
  align-items: center;
  justify-content: flex-start;
  display: flex;
  position: absolute;
  top: 25px;
  cursor: pointer;
}
.master-ds_v8 .advance-opt .fa{
  margin-right: 5px;
}
.master-ds_v8.home #search-control .t-Form-inputContainer .checkbox_group label {
  cursor: pointer;
  color: #fff !important;
  font-weight: 400;
}
.master-ds_v8 .inner-search-form {
  padding: 15px 0;
}
.master-ds_v8 .inner-search-form #search-control .advance-opt,
.master-ds_v8 .inner-search-form #search-control .advance-opt .fa {
  padding: 0 3px;
  font-size: 15px;
  color: #000 !important;
  cursor: pointer;
  line-height: 2;
  font-weight: 400;
}
.master-ds_v8.luxury-prop-bg .inner-search-form #search-control .advance-opt,
.master-ds_v8.luxury-prop-bg .inner-search-form #search-control .advance-opt .fa,
.master-ds_v8.luxury-prop-bg .inner-search-form #search-control .t-Form-inputContainer .checkbox_group label {
  color: #fff !important;
}
.master-ds_v8 .inner-search-form #search-control .t-Form-inputContainer .checkbox_group label {
  color: #000 !important;
  font-size: 15px;
  font-weight: 400;
}
.master-ds_v8 #search-control .tabs,
.master-ds_v8 #search-control .extra_sfields,
.master-ds_v8 #search-control .search_back {
  display: none;
  position: relative;
}
.master-ds_v8.home #search-control.prop_search #propsearch-tab,
.master-ds_v8.home #search-control.manage_prop #manage-tab,
.master-ds_v8.home #search-control.offplan_search #offplan-tab {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  padding: 16px;
  border-radius: 5px;
}
.master-ds_v8.inner.search-open {
  overflow: hidden;
}
.master-ds_v8 #search-control.prop_search #propsearch-tab,
.master-ds_v8 #search-control.manage_prop #manage-tab,
.master-ds_v8 #search-control.offplan_search #offplan-tab {
  display: block;
}
.master-ds_v8 #search-control.prop_search #propsearch-tab .location-field {
  width: 100%;
}
.master-ds_v8 #search-control #offplan-tab .location-field {
  width: 75% !important;
}
.master-ds_v8 #search-control #offplan-tab .offplan-btn-search {
  width: 25% !important;
}
.new_inner_search {
  display: none;
}
.inner-search-form .search-close-btn {
  display: none;
}
.reset input,
.autocomp-reset input {
  padding-right: 20px;
}
.reset .reset-input,
.autocomp-reset .reset-input {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 10px;
  bottom: 11px;
  font-size: 0;
  text-decoration: none;
  border: 0;
  background: url(/plugins/select2/select2.png) right top no-repeat;
  cursor: pointer;
  outline: 0;
  z-index: 9;
}
.reset .reset-input:hover,
.autocomp-reset .reset-input:hover {
  background-position: right -11px;
  cursor: pointer;
}
.reset input:invalid ~ .reset-input,
.autocomp-reset .apex-item-auto-complete:invalid ~ .reset-input {
  display: block;
}
.form-show {
  display: block !important;
  left: 0 !important;
  transition: 0.5s all ease-out !important;
}
.master-ds_v8 #search-control {
  width: 100%;
  max-width: 1170px;
  padding: 0;
}
.master-ds_v8.luxury-prop-bg #search-control {
  padding: 8px 15px 0 15px;
}
.master-ds_v8.inner .popup-form #search-control {
  padding: 15px;
}
.master-ds_v8.inner .popup-form #search-control .tabs .title {
  display: none;
  color: #000 !important;
}
.master-ds_v8.home #search-control .tabs .title {
  display: none;
  color: #fff !important;
}
.master-ds_v8.inner .popup-form .inner-form-fields {
  padding-top: 44px;
}
.master-ds_v8.inner.search-open .search-form {
  z-index: 2247483001 !important;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
}
.master-ds_v8.inner .popup-form .banner-heading {
  display: none;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  line-height: 24px;
  background-color: #f9f9f9 !important;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label {
  background-color: #fff !important;
  color: #d73d2c !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset !important;
}
.master-ds_v8 .oj-listbox-drop .oj-listbox-results::-webkit-scrollbar,
.master-ds_v8 .select2-drop .select2-results::-webkit-scrollbar {
  width: 2px !important;
}
.master-ds_v8 .oj-listbox-drop .oj-listbox-results::-webkit-scrollbar-thumb,
.master-ds_v8 .select2-drop .select2-results::-webkit-scrollbar-thumb {
  width: 2px !important;
  background: #d73d2c !important;
}
/*=====================
AUTOCOMPLETE CSS STARTS
=======================*/
.master-ds_v8 .oj-listbox-drop .oj-listbox-results li {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 5px 0;
}
.master-ds_v8 .apex-item-wrapper--auto-complete .t-Form-label {
  font-weight: 400;
}
.master-ds_v8 .apex-item-wrapper--auto-complete .oj-inputsearch-choice .apex-item-text {
  font-size: 16px;
  font-weight: 500;
}
/*===================
AUTOCOMPLETE CSS ENDS
=====================*/
.location-field .apex-item-popup-lov {
  border-radius: 0 !important;
}
.master-ds_v8 .fam_form .location-field .apex-item-text {
  border-radius: 0px !important;
  padding: 10px 0 5px 0;
}
.location-field .a-Button--popupLOV {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.location-field .apex-item-text.apex-item-popup-lov:focus + .a-Button--popupLOV {
  box-shadow: none !important;
}
.master-ds_v8 #search-control .location-field .t-Form-inputContainer .t-Form-itemWrapper {
  min-height: 48px;
  border-radius: 5px;
  background-color: #fff !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer.is-active .t-Form-labelContainer,
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer.js-show-label .t-Form-labelContainer {
  display: none !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer.js-show-label .select2-container-multi .select2-choices .select2-search-field input,
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer .select2-container-multi .select2-choices .select2-search-field input,
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer.is-active .select2-container-multi .select2-choices .select2-search-field input {
  top: 13px !important;
  font-size: 16px !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre {
  background-color: #fff !important;
  box-shadow: none !important;
  border-width: 1px 0px 1px 1px;
  border-color: #e9e6e3 !important;
  border-style: solid;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre .fa {
  font-size: 22px !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer .select2-container-multi .select2-choices {
  padding-top: 33px !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 0 !important;
}
.master-ds_v8 .inner-form-fields .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label:after,
.master-ds_v8 .inner-search-form .inner-form-controll .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label:after {
  display: none;
}
.master-ds_v8 .inner-form-fields .select2-container .select2-default,
.master-ds_v8 .inner-form-fields .t-Form-fieldContainer--postTextBlock .t-Form-itemText--post,
.master-ds_v8 .inner-form-fields .t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre,
.master-ds_v8 .inner-form-fields .apex-item-select,
.master-ds_v8 .inner-form-fields .apex-item-text,
.master-ds_v8 .inner-form-fields .apex-item-textarea,
.master-ds_v8 .inner-form-fields .select2-container-multi .select2-choices {
  background-color: #fff !important;
}
.master-ds_v8.home .fam_form .btn-search {
  padding: 16px !important;
}
.master-ds_v8.home .fam_form .t-Form-fieldContainer--xlarge.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  font-weight: 500;
}
.master-ds_v8 .fam_form .t-Form-fieldContainer--xlarge .apex-item-group--rc {
  margin: 0 0 !important;
}
.master-ds_v8 .select2-default,
.master-ds_v8 .fam_form .select2-container-multi .select2-choices,
.master-ds_v8 .fam_form .apex-item-select,
.master-ds_v8 .fam_form .apex-item-text,
.master-ds_v8 .fam_form .apex-item-textarea {
  background-color: #fff !important;
  font-weight: 500 !important;
}
.master-ds_v8 .select2-container-multi .select2-choices{
  min-height: 56px !important;
}
.master-ds_v8 .t-Form-fieldContainer .select2-container-multi .select2-choices{
  padding-top: 25px !important;
}
.master-ds_v8 .select2-container-multi .select2-choices .select2-search-choice{
  font-size: 12px;
  margin: 3px 0px 3px 3px !important;
}
.master-ds_v8 .fam_form .t-Form-fieldContainer--floatingLabel .t-Form-label {
  font-weight: 500 !important;
}
.master-ds_v8 .inner-search-form .t-Form-fieldContainer--xlarge .apex-item-group--rc {
  margin: 0!important;
}
.master-ds_v8 .fam_form #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  background-color: #f6f4f2 !important;
}
.master-ds_v8 .fam_form #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label {
  background-color: #fff !important;
  color: #d73d2c !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset !important;
}
/*Merge Items CSS Used in Innerpages Search Form*/
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-none .apex-item-select,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-none .apex-item-text,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-none .apex-item-textarea,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-none .select2-container-multi .select2-choices {
  border-width: 1px 1px 1px 0px !important;
}
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-none .apex-item-select,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-none .apex-item-text,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-none .apex-item-textarea,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-none .select2-container-multi .select2-choices {
  border-width: 1px 0px 1px 1px !important;
}
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-radius-none .apex-item-select,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-radius-none .apex-item-text,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-radius-none .apex-item-textarea,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-left-radius-none .select2-container-multi .select2-choices {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-radius-none .apex-item-select,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-radius-none .apex-item-text,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-radius-none .apex-item-textarea,
.merge-items .t-Form-inputContainer .t-Form-itemWrapper .border-right-radius-none .select2-container-multi .select2-choices {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.search-close-btn {
  position: absolute;
  right: 20px;
  top: 35px;
}
.maximize-btn {
  display: none;
}
.search-close-btn .t-Button {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  min-width: 30px;
  background-color: #d73d2c !important;
}
.search-close-btn .t-Button .t-Icon {
  padding-top: 0;
  margin-left: -5px;
  margin-top: -1px;
}
.master-ds_v8.home .search-close-btn {
  display: none;
}
@media (max-width: 992px) {
  .master-ds_v8 #search-control .reduce-price .t-Form-inputContainer .checkbox_group label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 135px;
  }
}
@media (max-width: 769px) {
  .master-ds_v8.home #search-control {
    display: none;
    margin-top: 0 !important;
    padding-top: 20px;
    background: #f6f4f2 !important;
  }
  .master-ds_v8 .filter-btn {
    margin-top: 10px;
  }
  .master-ds_v8.home .popup-form {
    width: 100% !important;
    position: fixed !important;
    z-index: 999 !important;
    overflow-y: scroll;
    top: 0;
    left: 0;
    transition-timing-function: ease-out;
    transition: 0.8s;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    background-color: #f6f4f2 !important;
    height: 100vh;
    display: block !important;
  }
  .master-ds_v8.home .popup-form .banner-heading {
    display: none;
  }
  .master-ds_v8.home #search-control .advance-opt,
  .master-ds_v8.home #search-control .advance-opt .fa {
    padding: 0 3px;
    font-size: 18px;
    color: #000 !important;
    cursor: pointer;
  }
  .master-ds_v8 #search-control .t-Form-inputContainer .checkbox_group label,
  .master-ds_v8.home #search-control .t-Form-inputContainer .checkbox_group label {
    color: #000 !important;
  }
  .master-ds_v8 .inner-mobile .popup-form #search-control {
    padding: 15% 15px;
  }
  .master-ds_v8.home .banner-heading h2 {
    font-size: 28px;
    display: block;
  }
  .master-ds_v8.search-open {
    overflow: hidden;
  }
  .master-ds_v8 .mob-lt-rt {
    width: 50%;
    float: left;
    clear: none;
  }
  .master-ds_v8 .popup-form .inner-form-fields {
    padding-top: 0 !important;
  }
  .master-ds_v8 .mob-lt-rt .t-Form-label {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 130px;
  }
  .inner-search-form .search-close-btn {
    top: 8px;
  }
  .master-ds_v8 .inner-form-controll .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label:after,
  .master-ds_v8.home #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label:after {
    display: none;
  }
  .master-ds_v8 #search-control .reduce-price .t-Form-inputContainer .checkbox_group label {
    width: 100%;
  }
  .master-ds_v8 .inner-search-form,
  .master-ds_v8 .inner-mobile {
    transition-timing-function: ease-out;
    transition: 0.7s;
    transform: translateY(-150%);
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    height: 100vh;
    width: 100%;
    background-color: #f6f4f2 !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    overflow-y: scroll;
  }
  .luxury-prop-bg .inner-search-form,
  .luxury-prop-bg .inner-mobile {
    background-color: #000 !important;
  }
  .master-ds_v8.home #typed-banner {
    min-height: 400px !important;
    height: 400px !important;
    display: block !important;
  }
  .master-ds_v8.home .banneroverly_color {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .inner-mobile .inner-form-controll {
    width: 100%;
  }
  .master-ds_v8 .mob-btns {
    height: 120px;
    z-index: 999;
    cursor: pointer;
  }
  .close-inner-form-popup {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .master-ds_v8.luxury-prop-bg .inner-search-form #search-control .t-Form-inputContainer .checkbox_group label,
  .master-ds_v8.luxury-prop-bg .inner-search-form #search-control .advance-opt,
  .master-ds_v8.luxury-prop-bg .inner-search-form #search-control .advance-opt .fa {
    color: #fff !important;
  }
  .offplan-search-form .close-inner-form-popup {
    position: absolute;
    bottom: 15px;
    left: 10px;
    right: auto;
  }
  .offplan-btn-search {
    width: 100%;
  }
  .offplan-form-bg {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 640px) {
  .search-close-btn {
    position: absolute;
    right: 20px;
    top: 0;
  }
  .master-ds_v8.home .popup-form .search-close-btn {
    top: 39px;
    display: block;
  }
}
@media (max-width: 480px) {
  .master-ds_v8 #search-control .location-field .t-Form-fieldContainer .select2-container-multi .select2-choices .select2-search-choice:first-child,
  .fam_form .t-Form-fieldContainer .select2-container-multi .select2-choices .select2-search-choice:nth-child(2) {
    margin: 0 12px 3px 5px !important;
  }
}
/*===============
FAM Form CSS Ends
=================*/
/*======================================
Agents Listing With Card Slider Template
Reference: FAM HOME PAGE
========================================*/
.agents-bg .t-Card-icon.u-color {
  width: 150px !important;
  height: 150px !important;
  border: 5px solid #e3e3e3 !important;
  overflow: hidden !important;
}
.agents-bg .t-Card-wrap {
  border-radius: 10px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.125) !important;
}
.agents-bg .t-Card-title {
  font-size: 18px;
}
.agents-bg .t-Cards--featured .t-Card .t-Card-body {
  text-align: center;
  border-top: 0;
  padding-top: 0;
}
.agents-bg .t-Card-titleWrap {
  padding: 0;
}
.agents-bg .feat-agent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 105px;
  height: 105px;
  background: #487e8b !important;
  color: #fff !important;
  -webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
  clip-path: polygon(0 100%, 100% 0, 0 0);
}
.agents-bg .feat-agent .agent-ct-text {
  width: 100px;
  float: left;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: -5px;
  margin-top: 30px;
}
.agents-bg .feat-agent .fa {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: -150px;
  margin-top: 10px;
}
.agents-bg .t-Cards--featured .t-Icon {
  line-height: inherit;
  width: auto;
  height: auto;
}
.agents-bg .t-Card-icon .t-Icon .imageshow {
  width: 160px;
  height: 160px;
  background-size: cover;
  background-position: center center !important;
  margin-top: 10px !important;
}
.agents-bg .t-Button {
  text-overflow: ellipsis;
  overflow: hidden;
}
.agents-bg .rate_value {
  margin-top: 5px;
}
.agents-bg .star-rating-item {
  color: #f0cc71 !important;
}
.agents-bg .star-rating-inner {
  width: 109px;
  height: 25px;
}
.agents-bg .star-rating-star {
  font-size: 16px;
}
/*=============================================
Content With (Left-Right) Image CSS For  Mobile
===============================================*/
@media (max-width: 1000px) {
  .master-ds_v8.home .animation_text_block {
    height: auto;
  }
  .master-ds_v8.home .img_imac {
    width: 310px;
    height: 278px;
    background-size: 310px;
    right: 20px;
  }
  .master-ds_v8.home .img_cup {
    width: 150px;
    height: 138px;
    background-size: 150px;
    right: 15px;
  }
}
@media (max-width: 580px) {
  .master-ds_v8.home .img_imac {
    bottom: 30px;
  }
  .master-ds_v8.home .animation_text_left {
    width: 100%;
    padding-left: 20px;
  }
}
/*===============
Footer Global CSS
=================*/
/*Footer Contact Information CSS*/
.footer-contact-info .col {
  width: 16%;
}
.footer-contact-info .col:nth-child(2) {
  width: 20%;
}
.footer-contact-info .col:nth-child(3) {
  width: 32%;
}
.footer-contact-info span {
  width: 100%;
  float: left;
  color: #cccccc !important;
  text-transform: uppercase;
  padding-bottom: 7px;
  font-size: 15px;
}
.footer-contact-info p,
.footer-contact-info li,
.footer-contact-info a {
  text-decoration: none;
  color: #fff !important;
  font-size: 14px;
}
@media (max-width: 640px) {
  .footer-contact-info .col {
    width: auto;
  }
  .footer-contact-info .col:nth-child(2) {
    width: auto;
  }
  .footer-contact-info .col:nth-child(3) {
    width: auto;
  }
}
/*Footer Authorized Agent CSS*/
.footer-authorized-agents {
  border-top: 1px solid #4e4e4e !important;
  border-bottom: 1px solid #4e4e4e !important;
  color: #fff !important;
}
.footer-authorized-agents h4 {
  font-size: 26px;
  margin-bottom: 0;
}
.footer-authorized-agents img {
  max-width: 100%;
}
/*Footer Links CSS*/
.footer-links-bg .col {
  width: 18%;
}
.footer-links-bg .col:nth-child(2),
.footer-links-bg .col:nth-child(3) {
  width: 22%;
}
.footer-links-bg .col:nth-child(4) {
  width: 19%;
}
.footer-links-bg h5,
.footer-links-bg h5 a {
  font-size: 16px;
  color: #fff !important;
  padding-bottom: 5px;
}
.footer-links-bg li {
  border: 0;
}
.footer-links-bg li a:hover {
  background: none;
}
.footer-links-bg li .t-LinksList-label {
  color: #fff !important;
  padding: 4px 0px;
}
@media (max-width: 640px) {
  .footer-links-bg .col {
    width: auto;
  }
  .footer-links-bg .col:nth-child(2),
  .footer-links-bg .col:nth-child(3) {
    width: auto;
  }
  .footer-links-bg .col:nth-child(4) {
    width: auto;
  }
}
/*Footer Oracle Text*/
.ft-oracle .fa {
  color: #d73d2c !important;
}
.ft-oracle .fa-oracle {
  line-height: 0.25;
}
/*Footer Social Icons CSS*/
.footer-social-icons-bg {
  background: #fff !important;
  font-size: 14px;
  color: #000 !important;
}
.footer-social-icons-bg.show-foot {
  margin-bottom: 75px !important;
}
.footer-social-icons-bg .footer-ct {
  float: right;
  padding-right: 10px;
  padding-top: 13px;
  line-height: 2;
}
.footer-social-icons-bg .footer-copy {
  width: 100%;
  float: left;
  padding-top: 18px;
}
.footer-social-icons-bg .footer-copy font {
  color: #d73d2c !important;
}
.footer-social-icons-bg .footer-ct strong {
  color: #d73d2c !important;
}
.footer-social-icons-bg ul {
  float: right;
}
.footer-social-icons-bg ul li {
  border: 0;
  width: 45px;
  height: 45px;
  float: left;
  margin-left: -15px;
}
.footer-social-icons-bg ul li a .fa {
  font-size: 26px;
  line-height: 1.3;
}
.footer-social-icons-bg ul li a:hover {
  background: none;
}
.footer-social-icons-bg ul li a .t-LinksList-label {
  display: none;
}
@media (max-width: 480px) {
  .footer-social-icons-bg .footer-ct {
    display: inline-block;
    float: none;
    width: 100%;
    padding: 0;
  }
  .footer-social-icons-bg ul {
    width: 100%;
  }
  .footer-social-icons-bg ul li {
    display: inline-block;
    float: none;
    margin-left: -20px;
  }
}
/*Footer default padding and margin*/
.t-Footer,
.t-Footer-body {
  padding: 0;
  margin: 0 0 0 0;
  border-top: 0px solid #fff !important;
}
/*Footer default APEX copyright text*/
/*Footer default button to take the user top*/
.t-Footer-top {
  display: none;
}
/*=================
Footer Social Icons
===================*/
.mob-foot {
  display: none;
}
/*===================================
Collapsible Cards Template CSS Starts
=====================================*/
.t-Collapsible-Cards .a-Collapsible {
  width: calc(100% - 16px);
  margin: 8px;
}
.t-Collapsible-Cards .a-Collapsible-content {
  padding: 0;
}
.t-Collapsible-Cards .t-Card {
  width: 100%;
  margin: 0;
}
.t-Collapsible-Cards .t-Card-wrap {
  border: 0;
}
/*=================================
Collapsible Cards Template CSS Ends
===================================*/
/*===================================
MY COUNTRY SELECTOR PLUGIN CSS STARTS
=====================================*/
.custom-mobile-field.t-Form-fieldContainer--stretchInputs .intl-tel-input:focus,
.custom-mobile-field.t-Form-fieldContainer--stretchInputs .intl-tel-input .phone:focus {
  outline: 1px solid #0572ce !important;
  outline-offset: 0 !important;
}
.custom-mobile-field.t-Form-fieldContainer--stretchInputs .intl-tel-input,
.custom-mobile-field.t-Form-fieldContainer--stretchInputs .intl-tel-input .phone {
  width: 100% !important;
  font-size: 14px;
  border-style: none;
  background-color: #f9f9f9 !important;
}
.custom-mobile-field .t-Form-inputContainer {
  overflow: visible;
}
.custom-mobile-field .flag-container {
  padding: 0 !important;
  color: #000 !important;
}
.custom-mobile-field .flag-container .iti-arrow {
  right: 3px !important;
}
.custom-mobile-field.t-Form-fieldContainer .intl-tel-input,
.custom-mobile-field.t-Form-fieldContainer .intl-tel-input .phone {
  height: 48px;
  width: 100%;
  border-radius: 6px;
}
.custom-mobile-field.t-Form-fieldContainer--large .intl-tel-input,
.custom-mobile-field.t-Form-fieldContainer--large .intl-tel-input .phone {
  height: 55px;
  width: 100%;
}
.custom-mobile-field.t-Form-fieldContainer--xlarge .intl-tel-input,
.custom-mobile-field.t-Form-fieldContainer--xlarge .intl-tel-input .phone {
  height: 60px;
  width: 100%;
}
.custom-mobile-field .text_field {
  width: 100% !important;
  border: 1px solid #e9e6e3 !important;
  border-radius: 2px;
}
/*=================================
MY COUNTRY SELECTOR PLUGIN CSS ENDS
===================================*/
/*=================================
CUSTOM RADIO TYPE BUTTON CSS STARTS
===================================*/
.custom-rad-type.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label,
.custom-rad-type.t-Form-fieldContainer--xlarge.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  padding: 16px 0;
  margin-top: -4px;
}
/*===============================
CUSTOM RADIO TYPE BUTTON CSS ENDS
=================================*/
/*====================
RATING STAR CSS STARTS
======================*/
.star-rating {
  color: #f0cc71 !important;
  margin: 0px 2px;
}
.star-rating-inner {
  width: 110px;
  height: 25px;
  padding: 5px 0;
}
/*==================
RATING STAR CSS ENDS
====================*/
/*===============================================
ENQUIRE FORM POPUP AND LEARN MORE FORM CSS STARTS
=================================================*/
.enquire-popup-success,
.learn-form-success {
  display: none;
}
/*=========================
ENQUIRE FORM POPUP CSS ENDS
===========================*/
/*======================
BTN CSS FOR CARDS STARTS
========================*/
.master-ds_v8 .t-Button--primary.t-Button--simple .t-Button-label {
  color: #000 !important;
  line-height: 1.25;
  font-weight: 500;
}
.master-ds_v8 .t-Button--primary.t-Button--simple {
  box-shadow: 0 0 0 1px #000 inset !important;
}
.master-ds_v8.luxury-prop-bg .t-Button--primary.t-Button--simple {
  box-shadow: 0 0 0 1px #e3e3e3 inset !important;
}
.master-ds_v8 .t-Button--primary.t-Button--simple:hover .t-Button-label {
  color: #fff !important;
}
.master-ds_v8 .t-Card-info .t-Button {
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 8px 12px;
  font-weight: 400 !important;
}
.master-ds_v8 .t-Card-info .t-Button.t-Button--large {
  font-size: 14px !important;
  padding: 12px 16px;
  line-height: 16px !important;
  font-weight: 400 !important;
}
.master-ds_v8 .t-Card-info .t-Button--large.t-Button--iconLeft .t-Icon {
  margin-right: 4px !important;
  line-height: 0.7 !important;
  font-size: 24px !important;
}
.master-ds_v8 .t-Card-info .t-Button.t-Button--iconRight .t-Icon {
  line-height: 16px !important;
  font-size: 16px !important;
  height: 16px !important;
  width: 16px !important;
}
@media only screen and (min-width: 993px) and (max-width: 1550px) {
  .t-Card-info .t-Button {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 8px 12px;
    font-weight: 400 !important;
  }
  .t-Card-info .t-Button.t-Button--large {
    font-size: 14px !important;
    padding: 12px 16px;
    line-height: 16px !important;
    font-weight: 400 !important;
  }
  .t-Card-info .t-Button--iconLeft .t-Icon {
    margin-right: 4px !important;
    line-height: 1;
  }
  .t-Card-info .t-Button--iconLeft .t-Icon {
    margin-right: 4px !important;
    line-height: 1;
  }
}
/*====================
BTN CSS FOR CARDS ENDS
======================*/
/*===================================================
HIDE AND SHOW CSS STARTS FOR MAKING LIST ITEMS HIDDEN
=====================================================*/
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.hide-translate {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: 0.5s all ease;
}
.show-translate {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  transition: 1.2s all ease;
  opacity: 1 !important;
}
/*=================================================
HIDE AND SHOW CSS ENDS FOR MAKING LIST ITEMS HIDDEN
===================================================*/
/*==============================
Footer Sticky Buttons CSS Starts
================================*/
.footer-sticky-btns {
  display: none;
}
.footer-sticky-btns .t-NavTabs {
  background-color: #f6f4f2 !important;
}
.footer-sticky-btns .t-NavTabs-item {
  border-right: 1px solid #e9e6e3 !important;
}
.footer-sticky-btns .t-NavTabs-item:last-child {
  border-right: 0 #e9e6e3 !important;
}
.footer-sticky-btns .t-NavTabs-item:hover,
.footer-sticky-btns .t-NavTabs-item.is-active {
  background-color: #e3e3e3 !important;
}
.footer-sticky-btns .t-NavTabs {
  top: 65px;
  bottom: initial;
  border-top: 1px solid #e9e6e3 !important;
  border-bottom: 1px solid #e9e6e3 !important;
}
.home.onscroll .footer-sticky-btns .t-NavTabs {
  top: 0px;
}
.onscroll .footer-sticky-btns .t-NavTabs {
  top: 0px;
  bottom: initial;
  border-top: 1px solid #e9e6e3 !important;
  border-bottom: 1px solid #e9e6e3 !important;
}
.footer-sticky-btns .t-NavTabs .t-NavTabs-link {
  padding: 0 0 5px 0;
}
.footer-sticky-btns .t-NavTabs .t-NavTabs-link .fa {
  font-size: 22px;
}
@media (max-width: 768px) {
  .footer-sticky-btns {
    display: block;
  }
}
/*============================
Footer Sticky Buttons CSS Ends
==============================*/
/*===============
FOOTER CSS STARTS
=================*/
.ft-information {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background-color: #3a3631 !important;
  transition: 1s all ease-out;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 32px 0 24px 15%;
}
.ft-subscribe {
  background-color: #3a3631 !important;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: 1s all ease-out;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 32px 20% 24px 0;
}
.show-left-ft,
.show-right-ft {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: 1s all ease-out;
}
.ft-information h3 a,
.ft-information p a {
  color: #fff !important;
}
.ft-bg h3 {
  font-size: 40px;
}
.ft-bg h4 {
  font-size: 20px;
  margin-bottom: 0;
}
.ft-bell-btn {
  display: none;
}
.ft-wapp-btn,
.ft-bell-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 150px;
  height: 40px;
  border-radius: 25px;
  background-color: #075e54;
  z-index: 998;
  border: 1px solid #075e54;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.ft-wapp-btn .desk-wapp,
.ft-bell-btn .bell-icon {
  position: relative;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff !important;
}
.ft-wapp-btn .desk-wapp .fa {
  font-size: 24px;
  color: #26af36 !important;
  margin-right: 5px;
}
.ft-bell-btn .bell-icon .fa {
  position: relative;
  right: -15px;
  bottom: -15px;
  font-size: 30px;
  color: #fff !important;
}
.ft-wapp-btn .mob-wapp {
  display: none;
}
@media (max-width: 1336px) {
  .ft-information {
    padding: 32px 16px 24px 16px !important;
  }
  .ft-subscribe {
    padding: 32px 16px 24px 16px !important;
  }
}
@media (max-width: 768px) {
  .ft-bell-btn {
    display: block;
  }
}
@media (max-width: 640px) {
  .ft-information {
    position: initial;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .ft-subscribe {
    position: initial;
    border-top: 1px solid #fff !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .ft-bg h3 {
    font-size: 32px;
  }
  .bell-count {
    padding: 0;
  }
  .ft-bell-btn .bell-icon .fa {
    right: 0;
  }
}
/*=============
FOOTER CSS ENDS
===============*/
/*====================
CARD SWIPER CSS STARTS
======================*/
.card-swiper .t-Cards {
  flex-wrap: unset !important;
  overflow: initial !important;
}
/*==================
CARD SWIPER CSS ENDS
====================*/
/*=====================
SHADOW FIELD CSS STARTS
=======================*/
.shadow-field-bg .t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer,
.shadow-field-bg .t-Form-inputContainer {
  padding: 0;
}
.shadow-field-bg .apex-item-text,
.shadow-field-bg .select2-container .select2-choice {
  border: 0px solid #fff !important;
  background-color: #fff !important;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.125) !important;
  margin: 5px;
}
.shadow-field-bg .apex-item-option input + label {
  border: 0px solid #fff !important;
  background-color: #fff !important;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.125) !important;
  margin: 5px 0;
}
.shadow-field-bg .apex-item-option input:checked + label {
  background-color: #d73d2c !important;
}
@media (max-width: 640px) {
  .shadow-field-bg .t-Form-fieldContainer,
  .shadow-field-bg .t-Form-inputContainer {
    padding: 0px 5px!important;
    margin: 0 !important;
  }
  .shadow-field-bg .apex-item-text,
  .shadow-field-bg .select2-container .select2-choice,
  .shadow-field-bg .apex-item-option input + label {
    border: 1px solid #e9e6e3 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.125) !important;
    margin: 0 !important;
  }
  .house-val-bg .t-Button--large {
    max-width: 96% !important;
    margin: 0 auto !important;
  }
}
/*===================
SHADOW FIELD CSS ENDS
=====================*/
/*============================================
ALL CARDS SHADOWS AND BORDER RADIUS CSS STARTS
==============================================*/
.t-Cards-item .t-Card {
  box-shadow: none !important;
  border-radius: 15px !important;
}
.t-Cards-item .t-Card .t-Card-wrap {
  border-radius: 15px !important;
  box-shadow: 0 0px 5px 1px #f7f7f7 !important;
  border: 1px solid #e9e6e3 !important;
}
/*==========================================
ALL CARDS SHADOWS AND BORDER RADIUS CSS ENDS
============================================*/
/*=====================
SHADOW CARDS CSS STARTS
=======================*/
.shadow-cards .t-Cards-item .t-Card .t-Card-titleWrap {
  padding: 12px 16px 12px 16px !important;
}
.shadow-cards .t-Cards-item .t-Card .t-Card-titleWrap h2 {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000 !important;
  font-size: 22px;
  font-weight: 500;
}
.shadow-cards .t-Cards-item .t-Card .t-Card-wrap {
  background-color: #f6f4f2 !important;
}
.shadow-cards .t-Cards-item .t-Card .t-Card-wrap:hover {
  box-shadow: 0 0 5px 1px #e9e6e3 !important;
}
/*=================
SHADOW CARDS CSS ENDS
=====================*/
/*=================
PAGE 121 CARDS CSS STARTS
=====================*/
.map-marker-card .prop-features {
  position: absolute;
}
.map-marker-card .prop-features .prop-baths,
.map-marker-card .prop-features .prop-beds,
.map-marker-card .prop-features .prop-size {
  margin-right: 20px;
}
.horizontal-cards {
  max-height: 100vh;
  overflow-y: scroll;
}
.horizontal-cards .vtouricon {
  position: absolute;
  right: 0;
  width: 80px !important;
  left: 0;
  margin: auto!important;
  height: 100%;
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.horizontal-cards.prop-details {
  max-height: 100% !important;
  overflow-y: auto !important;
}
.horizontal-cards .t-Cards {
  margin: 0 0 0 20px;
  display: block;
}
.list-bg.list-view .horizontal-cards {
  padding-left: 8px !important;
}
.horizontal-cards::-webkit-scrollbar {
  width: 0px !important;
  height: 12px !important;
}
.horizontal-cards::-webkit-scrollbar-track {
  width: 0px !important;
  background: rgba(0, 0, 0, 0.125) !important;
}
.horizontal-cards::-webkit-scrollbar-thumb {
  width: 0px !important;
  background: #d73d2c !important;
}
.horizontal-cards .t-Cards-item {
  width: 100% !important;
  margin: 10px auto;
  box-shadow: 0 0 12px 1px #477d8a28 !important;
  border: 1px solid #e9e6e3 !important;
  border-radius: 15px;
  line-height: 0;
  max-width: 900px;
  max-height: 246px;
  min-height: 246px;
}
.horizontal-cards .t-Cards-item img {
  width: 100%;
  border-radius: 15px 0 0 15px;
}
.horizontal-cards .t-Cards-item h2 {
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.2 !important;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0 ;
}
.horizontal-cards .t-Cards-item .price {
  font-size: 21px;
  font-weight: bold;
  margin: 10px 0 0 0;
  line-height: 23.45px;
  width: 100%;
  float: left;
  color: #487e8b !important;
}
.horizontal-cards .t-Cards-item .per-price {
  font-size: 15px;
  margin: 0;
  color: #858585;
  font-weight: 500;
  width: 100%;
  float: left;
}
.horizontal-cards .t-Cards-item h5 {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.horizontal-cards .t-Cards-item h5 .svg-icons {
  width: 22px !important;
  height: 22px !important;
  -o-object-fit: initial !important;
  object-fit: initial !important;
  -o-object-position: initial !important;
  object-position: initial !important;
  margin-bottom: -5px;
  -webkit-filter: invert(16%) sepia(54%) saturate(5300%) hue-rotate(345deg) brightness(110%) contrast(94%);
  filter: invert(16%) sepia(54%) saturate(5300%) hue-rotate(345deg) brightness(110%) contrast(94%);
}
.horizontal-cards .t-Cards-item h5 .fa {
  font-size: 20px;
  padding-top: 0px;
}
.u-color-25-text {
  color: #a9a29e !important;
}
.cards-highlights,
.cards-highlights span {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
}
.cards-highlights > span {
  padding-right: 20px;
}
.cards-highlights .svg-icons {
  width: 25px !important;
  height: 20px !important;
  -o-object-fit: initial !important;
  object-fit: initial !important;
  -o-object-position: initial !important;
  object-position: initial !important;
  margin-right: 5px;
  -webkit-filter: invert(54%) sepia(0%) saturate(1379%) hue-rotate(137deg) brightness(93%) contrast(89%);
  filter: invert(54%) sepia(0%) saturate(1379%) hue-rotate(137deg) brightness(93%) contrast(89%);
}
.cards-highlights span .fa {
  font-size: 16px;
  padding-right: 5px;
}
.cards-btns {
  background-color: #f6f4f2 !important;
  border-radius: 0 0 15px;
  padding: 10px;
}
.cards-btns .t-Button {
  box-shadow: none !important;
  background-color: #fff !important;
}
.detail-btn .t-Button .t-Button-label {
  padding: 0;
  color: #000 !important;
  line-height: 1.6;
  font-weight: 400;
  font-size: 15px;
}
.action-btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.horizontal-cards.prop-details .action-btns {
  justify-content: center !important;
}
.action-btns .t-Button {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 5%;
}
.action-btns .t-Button .fa {
  font-size: 22px !important;
}
.action-btns .listing-wapp .fa {
  margin-right: 0;
}
.action-btns .listing-wapp.mob-wapp {
  display: none !important;
}
.prop-list-filters {
  max-width: 700px;
}
.card-image {
  display: flex;
  height: 100%;
  background-color: transparent !important;
  color: #fff !important;
  background-image: url(/assets/famproperties/images/logo/fam-placeholder.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain;
}
.agent-bg .thumb-img {
  height: 75px;
  width: 75px;
  position: absolute;
  bottom: 15px;
  background-size: 100% 100%;
  border: 3px solid #fff !important;
  left: 15px;
}
.agent-title {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 45px;
  border-radius: 0 0 0 15px;
}
.agent-title h5 {
  color: #fff !important;
  padding-left: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 0;
}
.red-price {
  background: #f6f4f2;
  clip-path: polygon(-15px 115%, 115% -15px, 63% 0%, 0% calc(100% - 38px));
  -webkit-clip-path: polygon(-15px 115%, 115% -15px, 63% 0%, 0% calc(100% - 38px));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 105px;
  height: 105px;
}
.red-price span {
  width: 100%;
  float: left;
  margin-left: -5px;
  margin-top: 25px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.red-price span h6 {
  font-size: 15px;
  color: #c74633;
  width: 100%;
  float: left;
  margin: 0;
  line-height: 2;
}
.master-ds_v8 .horizontal-cards .t-Button--primary.t-Button--simple {
  padding: 8px !important;
}
.card-action-btns {
  position: absolute;
  bottom: 0;
}
.card-action-btns .svg-icons {
  width: 22px !important;
  height: 22px !important;
  -o-object-fit: initial !important;
  object-fit: initial !important;
  -o-object-position: initial !important;
  object-position: initial !important;
  -webkit-filter: invert(16%) sepia(54%) saturate(5300%) hue-rotate(345deg) brightness(110%) contrast(94%);
  filter: invert(16%) sepia(54%) saturate(5300%) hue-rotate(345deg) brightness(110%) contrast(94%);
}
@media (max-width: 768px) {
  .horizontal-cards .t-Cards-item {
    display: block !important;
    width: 90%!important;
    margin: 10px 4% 10px 6%;
    min-height: 100%;
    max-height: 100%;
  }
  .horizontal-cards .t-Cards-item .col-6 {
    width: 100% !important;
  }
  .card-image {
    display: block;
    min-height: 235px;
  }
  .horizontal-cards .t-Cards-item img {
    border-radius: 15px 15px 0 0;
    max-height: 235px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  .agent-title {
    border-radius: 0px;
  }
  .card-action-btns {
    position: relative;
  }
  .cards-btns {
    display: flex;
    border-radius: 0 0 15px 15px;
  }
}
@media (max-width: 640px) {
  .horizontal-cards .t-Cards {
    margin: 0 0 0 0;
  }
  .horizontal-cards .t-Cards-item {
    display: block !important;
    width: 98% !important;
    margin: 10px auto;
  }
  .horizontal-cards .t-Cards-item img {
    border-radius: 15px 15px 0 0;
  }
  .horizontal-cards .t-Cards-item .price {
    font-size: 20px;
  }
  .horizontal-cards .t-Cards-item .per-price {
    font-size: 15px;
  }
  .agent-title {
    border-radius: 0px;
  }
}
.list-view .horizontal-cards {
  float: none;
  margin: auto;
  max-height: 100%;
  overflow: hidden;
}
.map-close {
  cursor: pointer;
  position: absolute;
  top: 12px;
  left: 20px;
  background: #fff !important;
  z-index: 99;
  box-shadow: 0 0 8px 1px #e0dddb;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
}
.map-close .fa {
  font-size: 26px;
}
.gmnoprint {
  display: none !important;
}
.fam_form .merge-lt {
  padding-right: 0 !important;
}
.master-ds_v8 .fam_form .merge-lt .apex-item-select,
.master-ds_v8 .fam_form .merge-lt .apex-item-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0.5px solid #e0dddb !important;
}
.fam_form .merge-rt {
  padding-left: 0 !important;
}
.master-ds_v8 .fam_form .merge-rt .apex-item-select,
.master-ds_v8 .fam_form .merge-rt .apex-item-text {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0px solid #e0dddb !important;
}
.custom-width-fields {
  width: 12.5% !important;
}
.custom-equal-width {
  width: 25% !important;
}
.custom-checkbox-items {
  width: auto !important;
}
.master-ds_v8 .fam_form .must-have .t-Form-fieldContainer--floatingLabel .t-Form-label {
  font-size: 18px !important;
  padding-left: 0 !important;
  color: #000 !important;
}
.master-ds_v8.home .fam_form .must-have .t-Form-fieldContainer--floatingLabel .t-Form-label {
  color: #fff !important;
}
.master-ds_v8 .fam_form .must-have .t-Form-fieldContainer--floatingLabel .t-Form-inputContainer .apex-item-display-only {
  min-height: 10px !important;
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
}
.master-ds_v8 .fam_form .t-Form-fieldContainer--floatingLabel .t-Form-label {
  color: #a9a29e !important;
}
.master-ds_v8 .fam_form .apex-item-select,
.master-ds_v8 .fam_form .apex-item-text,
.master-ds_v8 .fam_form .apex-item-textarea,
.master-ds_v8 .fam_form .select2-container-multi .select2-choices,
.master-ds_v8 .select2-default {
  background-color: #fff !important;
  font-weight: 500!important;
  box-shadow: none;
  border: 1px solid #e0dddb !important;
  border-radius: 5px !important;
}
.t-Form-fieldContainer .select2-container-multi .select2-choices .select2-search-field input {
  border: none !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.master-ds_v8 #search-control .location-field .t-Form-fieldContainer--floatingLabel .t-Form-inputContainer {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.master-ds_v8 #search-control .location-field .select2-container .select2-choice {
  border: 1px solid #e0dddb !important;
  box-shadow: none !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  min-height: 56px !important;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label,
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  line-height: 24px;
  background-color: #f9f9f9 !important;
  box-shadow: none !important;
  border-width: 1px 1px 1px 1px !important;
  max-height: 4.60px !important;
  border-style: solid !important;
  border-color: #e0dddb !important;
  min-height: 56px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row:only-child .apex-item-option:last-of-type label {
  border-radius: 0 5px 5px 0 !important;
  border-width: 1px 1px 1px 0px !important;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row:only-child .apex-item-option:first-of-type label {
  border-radius: 5px 0 0  5px !important;
  border-width: 1px 1px 1px 1px !important;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-grid {
  background-color: transparent !important;
  border-radius: 5px !important;
}
.master-ds_v8 #search-control .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc .apex-item-option:not(:last-of-type):not(:first-of-type) label {
  border-radius: 0;
  border-width: 1px 1px 1px 0 !important;
}
.t-Form-fieldContainer--xlarge .apex-item-group--rc input + label:before {
  border-radius: 5px !important;
}
.checkbox_group input:checked + label:before,
.radio_group input:checked + label:before {
  border-color: #477d8a;
  background-color: #fff !important;
}
.t-Form-fieldContainer--xlarge .apex-item-checkbox input + label:after {
  font-weight: bolder !important;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #fff !important;
  border: 1px solid #477d8a;
  color: #477d8a;
}
.prop-counts ul {
  background-color: #f6f4f2 !important;
  box-shadow: none;
  border: none;
}
.prop-counts ul li {
  width: auto !important;
  border: none !important;
}
.prop-counts .t-MediaList-item .t-MediaList-desc {
  display: none;
}
.prop-counts .t-MediaList-item .t-MediaList-body {
  padding: 5px !important;
}
.prop-counts .t-MediaList-item .t-MediaList-body .t-MediaList-title {
  font-size: 16px;
  font-weight: 400;
}
.prop-counts .t-MediaList-item .t-MediaList-body .t-MediaList-title:hover .title-link {
  text-decoration: underline;
}
.prop-counts .t-MediaList-item .t-MediaList-body .t-MediaList-title .title-link {
  color: #000;
}
.prop-counts .t-MediaList-item .t-MediaList-body .t-MediaList-title .count {
  color: #a9a29e;
}
.map-switch {
  display: none;
}
.map-switch .t-Form-label {
  padding-top: 10px;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
}
@media (max-width: 768px) {
  .prop-counts {
    display: none;
  }
  .custom-width-fields {
    width: 50% !important;
  }
  .custom-equal-width,
  .custom-checkbox-items {
    width: 50% !important;
  }
  .master-ds_v8.home .fam_form .must-have .t-Form-fieldContainer--floatingLabel .t-Form-label {
    color: #000 !important;
  }
}
/*============================================
ALL CARDS SHADOWS AND BORDER RADIUS CSS STARTS
==============================================*/
/*===============
HEADER CSS STARTS
=================*/
.master-ds_v8 .t-Header {
  position: absolute !important;
}
.master-ds_v8 .t-Header-navBar {
  width: auto;
  position: absolute;
  right: 0;
  top: 10px;
}
.master-ds_v8 .t-Header .a-MenuBar.a-MenuBar--overflow {
  overflow: visible;
  width: auto;
  position: absolute;
  right: 145px;
  top: 50px;
  background: transparent !important;
}
.master-ds_v8 .t-MenuBar .a-MenuBar-item {
  border: 0px solid #fff !important;
}
.master-ds_v8 .t-MenuBar .a-MenuBar-item.is-focused,
.master-ds_v8 .t-MenuBar .a-MenuBar-item.is-expanded {
  background-color: transparent !important;
}
.master-ds_v8 .t-MenuBar .a-MenuBar-item.is-focused {
  box-shadow: none !important;
}
.master-ds_v8 .t-MenuBar .a-MenuBar-item.is-expanded .a-MenuBar-label,
.master-ds_v8 .t-Header-nav .a-MenuBar-item.is-focused .a-MenuBar-label,
.master-ds_v8 .t-Header .a-MenuBar.a-MenuBar--overflow ul .a-MenuBar-item .t-MenuBar .a-MenuBar-label {
  color: #508223 !important;
}
.master-ds_v8 .t-MenuBar .a-MenuBar-label,
.master-ds_v8 .t-MenuBar .a-MenuBar-item > .a-Menu-subMenuCol .card-action-btns {
  color: #000 !important;
}
.master-ds_v8 .t-MenuBar .a-MenuBar-item.is-focused {
  background-color: transparent !important;
}
.master-ds_v8.home .t-Body-title {
  display: none;
}
.master-ds_v8 .t-Body-title {
  background-color: #fff !important;
  border: 0px solid #fff !important;
  position: relative !important;
}
.master-ds_v8 .t-Body-title:after{
  height: 3px !important;
}
.master-ds_v8 .t-Button.t-Button--header {
  color: #a9a29e !important;
  margin: 0;
  padding: 5px 12px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
}
.cta-signup {
  margin: -8px -8px 0 0;
}
@media (max-width: 1200px) {
  .master-ds_v8 .a-MenuBar-label {
    font-size: 14px !important;
    font-weight: 400;
    padding: 12px 6px;
  }
  .master-ds_v8.home .t-Button.t-Button--header {
    font-size: 12px;
  }
}
.menu-icon {
  display: none !important;
}
@media (max-width: 992px) {
  .menu-icon {
    display: block !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 155px;
    top: 40px;
    z-index: 999;
  }
  .over-flow {
    overflow: hidden !important;
  }
  .master-ds_v8 .t-Header-nav {
    left: 0;
    top: 189px;
    height: calc(100vh - 189px);
    background-color: #fff !important;
    width: 85%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: 0.4s all ease;
    overflow-y: scroll !important;
  }
  .master-ds_v8 .t-Header-nav.show {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    transition: 0.4s all ease;
  }
  .master-ds_v8 .t-Header-nav.show::-webkit-scrollbar {
    width: 5px!important;
    height: 12px!important;
  }
  .master-ds_v8 .t-Header-nav.show::-webkit-scrollbar-thumb {
    width: 3px!important;
    background: #d73d2c !important;
  }
  .master-ds_v8 .t-Header-nav.show::-webkit-scrollbar-track {
    width: 6px!important;
    background: #f6f4f2 !important;
  }
  .master-ds_v8 .t-MenuBar .a-MenuBar-item {
    width: 100%;
    border-bottom: 1px solid #e9e6e3 !important;
    padding: 0;
    display: block !important;
  }
  .master-ds_v8 .a-MenuBar-item > button + .a-Menu-subMenuCol {
    float: right;
    margin: 12px;
  }
  .master-ds_v8 .t-MenuBar .a-MenuBar-item .a-Menu {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
  .master-ds_v8 .a-MenuBar .a-Menu-content {
    box-shadow: none;
    border: none;
  }
  .master-ds_v8 .a-Menu .a-Menu-item {
    font-size: 15px;
    font-weight: 500;
  }
  .master-ds_v8 .a-Menu .a-Menu-item.is-expanded,
  .master-ds_v8 .a-Menu .a-Menu-item.is-focused {
    background-color: transparent !important;
    color: #d73d2c !important;
  }
  .master-ds_v8 .a-MenuBar-label {
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 15px !important;
  }
}
@media (max-width: 768px) {
  .master-ds_v8 .t-Body-title {
    position: initial !important;
  }
  .master-ds_v8 .container-max.home-logo {
    display: none;
  }
  .menu-icon {
    right: 15px;
    top: 25px;
  }
  .master-ds_v8.home .t-Button.t-Button--header {
    padding: 12px;
  }
}
/*===========================
DIALOG FULL HEIGHT FOR MOBILE
=============================*/
@media (max-width: 768px) {
  .master-ds_v8 .ui-dialog {
    height: 100vh !important;
    top: 0 !important;
    width: 100% !important;
  }
}
/*===========================
DIALOG FULL HEIGHT FOR MOBILE
=============================*/
/*=====================
CUSTOM POPUP CSS STARTS
=======================*/
.popup-settings h2,
.popup-settings h1 {
  color: #737373 !important;
}
.popup-settings .fa-remove {
  color: #000 !important;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
body.custom-popup .ui-dialog-titlebar {
  display: none !important;
}
body.custom-popup .ui-dialog,
body.custom-popup .t-DialogRegion {
  border-radius: 15px !important;
}
@media (max-width: 768px) {
  body.custom-popup .ui-dialog,
  body.custom-popup .t-DialogRegion {
    border-radius: 0 !important;
  }
}
/*===================
CUSTOM POPUP CSS ENDS
=====================*/

/*=====================
Common Colors Variables
=======================*/
/*=============================
HOMEPAGE BANNER LOGO CSS STARTS
===============================*/
#banner-logo {
  background-color: transparent;
  width: 250px;
  height: 85px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
}
/*===========================
HOMEPAGE BANNER LOGO CSS ENDS
=============================*/
/*============================================
HOMEPAGE CUSTOM SHADOW FIELDS FOR CONSTRUCTION
PROJECTS AND PROPERTY VALUTATION CSS STARTS
==============================================*/
.home-deal .t-Form-fieldContainer--radioButtonGroup .apex-item-grid {
  background: rgba(0, 0, 0, 0.7);
  padding: 0px;
  border-radius: 5px;
}
.home-deal .t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row{
    display: flex;
    align-items: center;
}
.home-deal .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label {
  padding: 15px 30px;
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  border: none;
  box-shadow: none;
  background: transparent;
  color: #fff !important;
}
.home-deal .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:hover {
  opacity: 0.8;
  border-radius: 8px !important;
}
.home-deal .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label {
  background-color: #fff !important;
  color: #d73d2c !important;
  border-radius: 35px!important;
  border: none;
  box-shadow: none!important;
  height: 35px;
  margin: 5px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-search {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px 1px #477d8a28 !important;
  border: 1px solid #e9e6e3 !important;
  max-width: 600px;
  margin: 0 auto;
  padding-right: 3px;
}
.home-search .location-field .t-Form-itemText--pre {
  box-shadow: none!important;
  padding-right: 0 !important;
}
.home-search .location-field .t-Form-itemText--pre .fa {
  color: #3b4144 !important;
  font-size: 24px;
  padding-top: 5px;
}
.home-search .location-field .select2-container .select2-choice {
  border: 1px solid #fff !important;
}
.home-search .location-field .t-Form-inputContainer .t-Form-itemWrapper .select2-container .select2-choice abbr.select2-search-choice-close {
  top: 15px !important;
  background: none !important;
}
.home-search .location-field .t-Form-inputContainer .t-Form-itemWrapper .select2-container .select2-choice abbr.select2-search-choice-close:before {
  content: '\f00d';
  font-family: 'Font APEX Small' !important;
  font-size: 20px;
}
.home-search .t-Button {
  padding: 22px 0 !important;
  line-height: 16px !important;
  margin: 3px 0 !important;
}
.home-search .t-Button .t-Button-label {
  font-weight: 500;
}
.home-search .location-field .select2-container .select2-default {
  border-color: transparent !important;
  background-color: transparent !important;
  outline: none !important;
}
.home-search .location-field .select2-chosen {
  padding: 16px 4px 12px !important;
  font-size: 18px !important;
  color: #3b4144 !important;
}
.search-field .select2-container .select2-default {
  background-color: #fff !important;
  border-radius: 10px !important;
}
.search-field .select2-container .select2-choice .select2-search-choice-close {
  top: 15px!important;
  right: 80px;
  background: none !important;
}
.search-field .select2-container .select2-choice abbr.select2-search-choice-close:before {
  content: '\f00d';
  font-family: 'Font APEX Small' !important;
  font-size: 24px;
}
.select2-drop-mask,
.select2-drop {
  z-index: 98 !important;
}
.search-field .t-Form-itemText {
  position: absolute;
  right: 0;
  width: 55px;
  height: 55px;
  cursor: pointer;
  box-shadow: none;
  z-index: 99;
  background-color: #d73d2c;
}
.custom-body-bg .select2-dropdown-open {
  border-radius: 10px !important;
}
.custom-body-bg .select2-drop-active {
  border: 0px solid #5897fb;
  border-top: none;
  border-radius: 10px 0 10px 10px !important;
  margin-top: -45px;
  box-shadow: none !important;
}
.custom-body-bg .select2-search input {
  width: 90% !important;
  border: 0px solid transparent !important;
  background: none !important;
}
.custom-body-bg .select2-results {
  margin-top: 13px !important;
  border-top: 1px solid #e3e3e3 !important;
  padding: 0 !important;
}
.custom-body-bg .select2-results .select2-result-label {
  padding: 10px !important;
  border-bottom: 1px solid #e3e3e3 !important;
}
.search-field.t-Form-fieldContainer .t-Form-itemText .fa {
  font-size: 24px;
  font-weight: bold;
  color: #fff !important;
}
.search-field.t-Form-fieldContainer--large .t-Form-itemText .fa {
  font-size: 28px;
}
.search-field.t-Form-fieldContainer .select2-choice {
  border-radius: 10px !important;
  background-color: #fff !important;
}
.search-field.t-Form-fieldContainer .select2-chosen {
  padding: 14px 4px 14px 10px !important;
  font-size: 16px !important;
  color: #737373 !important;
}
.search-field.t-Form-fieldContainer--large .select2-chosen {
  padding: 12px 4px 14px 10px !important;
  font-size: 18px !important;
  color: #737373 !important;
}
@media (max-width: 640px) {
  .banner-bg h1 {
    font-size: 32px;
    line-height: 34px;
  }
  .home-search .t-Button .t-Button-label {
    display: none;
  }
  .home-search .t-Button .fa {
    font-size: 28px;
    line-height: 0.5;
    margin: 0;
  }
  .banner-bg .banner-search-btn .apex-item-text {
    width: 215px;
  }
  .home-search {
    padding: 0 3px;
    width: 95%;
  }
  .select2-drop-mask,
  .select2-drop {
    z-index: 999 !important;
  }
}
.custom-shadow-field.t-Form-fieldContainer--xlarge {
  padding: 0 !important;
  box-shadow: 0 0 15px 1px #e3e3e3 !important;
  border-radius: 4px;
}
.custom-shadow-field.t-Form-fieldContainer--xlarge .select2-container .select2-default,
.custom-shadow-field.t-Form-fieldContainer--xlarge .t-Form-itemText--post {
  background-color: #fff !important;
}
.custom-shadow-field .apex-item-textarea,
.custom-shadow-field .apex-item-text,
.custom-shadow-field .apex-item-select,
.custom-shadow-field.t-Form-fieldContainer--postTextBlock .t-Form-itemText--post,
.custom-shadow-field.t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre {
  background-color: #fff !important;
}
.custom-shadow-field.t-Form-fieldContainer--xlarge .select2-container .select2-default {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.custom-shadow-field.t-Form-fieldContainer--xlarge .t-Form-itemText--post {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.custom-shadow-field.t-Form-fieldContainer--xlarge .t-Form-label {
  font-size: 20px;
  color: #737373 !important;
}
.custom-shadow-field.t-Form-fieldContainer--xlarge .t-Form-itemText .fa {
  font-weight: bold;
}
@media (max-width: 480px) {
  .custom-shadow-field.t-Form-fieldContainer--xlarge .t-Form-label {
    font-size: 16px;
  }
}
/*============================================
HOMEPAGE CUSTOM SHADOW FIELDS FOR CONSTRUCTION
PROJECTS AND PROPERTY VALUTATION CSS ENDS
==============================================*/
/*==============================
HOMEPAGE VIRTUAL TOUR CSS STARTS
================================*/
.matterport-bg {
  background-repeat: no-repeat;
  height: auto;
  text-align: center;
}
.matterport-bg iframe {
  border: none;
  height: 450px;
  width: 65%;
  margin: 25px auto 0;
  border-radius: 25px;
}
.proj-det .matterport-bg,
.prop-det-bg .matterport-bg {
  height: auto;
  background-size: contain;
  width: auto;
}
.proj-det .matterport-bg iframe,
.prop-det-bg .matterport-bg iframe {
  border: none;
  height: 550px;
  width: 90%;
  margin: 10px auto 0;
}
@media (max-width: 1190px) {
  .matterport-bg iframe {
    width: 100%;
    margin: 0;
    height: 350px;
    border-radius: 32px;
    border: 0px;
  }
  .prop-det-bg .matterport-bg,
  .proj-det .matterport-bg {
    height: auto;
    width: 100% !important;
  }
  .prop-det-bg .matterport-bg iframe,
  .proj-det .matterport-bg iframe {
    width: 100% !important;
    margin: 0;
    height: 350px;
  }
}
/*============================
HOMEPAGE VIRTUAL TOUR CSS ENDS
==============================*/
/*=========================
PROPERTY LISTING CSS STARTS
===========================*/
.prop-listing {
  max-height: 100vh;
  overflow-y: scroll;
  padding-left: 0 !important;
}
.list-bg.list-view .prop-listing {
  padding-left: 8px !important;
}
.prop-listing::-webkit-scrollbar {
  width: 5px !important;
  height: 12px !important;
}
.prop-listing::-webkit-scrollbar-track {
  width: 6px !important;
  background: rgba(0, 0, 0, 0.125) !important;
}
.prop-listing::-webkit-scrollbar-thumb {
  width: 3px !important;
  background: #d73d2c !important;
}
.prop-listing .t-Cards .t-Region-header .t-Region-headerItems--title {
  display: none;
}
.prop-listing .t-Cards-item {
  width: 100%;
}
.prop-listing .t-Cards-item .t-Region .t-Region-header {
  border-bottom: 0px solid #fff !important;
}
.prop-listing .t-Card {
  min-height: 290px;
}
.prop-listing .t-Card-initials img {
  -o-object-fit: fill;
  object-fit: fill;
}
.prop-listing .t-Card-icon,
.prop-listing .t-Card-initials img,
.prop-listing .t-Card-wrap {
  border-radius: 0;
  margin: 0;
}
.prop-listing .t-Card-icon {
  width: 40%;
  height: 100%;
  float: left;
  position: relative;
  top: 0;
  right: 0;
}
.prop-listing .t-Card-wrap {
  display: block;
  width: 100%;
}
.prop-listing .t-Card-initials,
.prop-listing .t-Card-icon .t-Icon {
  width: 100%;
  height: 100%;
  line-height: 0;
}
.prop-listing .t-Card-Content {
  width: 60%;
  height: 100%;
  position: relative;
  float: left;
}
.prop-listing .t-Card-titleWrap {
  box-shadow: none;
  padding: 16px;
}
.prop-listing .t-Card-title {
  color: #000 !important;
  font-size: 19px;
  line-height: 1.3;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prop-listing .t-Card-subtitle {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.prop-listing .t-Card-subtitle span {
  color: #d73d2c !important;
}
.prop-listing.prop-detail .t-Card-subtitle span {
  color: inherit !important;
  font-size: 20px;
}
.prop-listing .t-Card-subtitle .prop-list-area .fa {
  padding: 2px 5px 0 0;
}
.prop-listing .t-Card-body {
  width: 100%;
  padding: 0;
  position: relative;
  bottom: 0;
}
.prop-listing .t-Card-desc {
  padding: 16px;
}
.prop-listing .t-Card-desc,
.prop-listing .t-Card-desc .fa {
  font-size: 15px;
  color: #4e4e4e !important;
  font-weight: 400;
}
.prop-listing .t-Card-info {
  width: 100%;
  text-align: center;
  padding: 15px;
  background-color: #f6f4f2 !important;
}
.prop-listing .t-Card-info .fa {
  padding-right: 4px;
}
.prop-listing .t-Card-info .prop-list-enquire .t-Button.t-Button--large {
  line-height: 19px !important;
  margin-right: 0.50px;
}
.luxury-prop-bg .prop-listing .t-Card-info .prop-list-enquire .t-Button.t-Button--large {
  color: #fff !important;
}
.prop-listing .t-Card-info .prop-list-enquire a .fa {
  font-size: 18px;
}
.prop-listing .prices-bg {
  padding-top: 5px;
  font-size: 20px;
  line-height: 1.2;
}
.prop-listing .prices-bg .tprice {
  color: #000 !important;
  font-size: 20px;
  font-weight: 500;
}
.prop-listing .prices-bg .perprice {
  width: 100%;
  float: left;
}
.prop-listing .prices-bg span .pre-spr,
.prop-listing .prices-bg span .pre-price,
.prop-listing .prices-bg span .pre-price span,
.prop-listing .prices-bg .per-price span {
  color: #4e4e4e !important;
  font-size: 16px;
  font-weight: 500;
}
.prop-listing .rd-price.hide {
  display: none;
}
.prop-listing .rd-price {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 105px;
  height: 105px;
  background: #487e8b !important;
  color: #fff !important;
  -webkit-clip-path: polygon(0 100%, 100% 0, 0 0);
  clip-path: polygon(0 100%, 100% 0, 0 0);
}
.prop-listing .rprice-txt {
  width: 100%;
  float: left;
  font-size: 12px;
  margin-left: -5px;
  margin-top: 25px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.prop-listing .rprice {
  font-size: 14px;
  width: 100%;
  float: left;
  line-height: 2;
}
.prop-listing .p_actions {
  right: 10px;
  position: absolute;
  z-index: 99;
  top: 10px;
  cursor: pointer;
}
.prop-detail-hrt .p_actions {
  left: 30px;
  position: absolute;
  z-index: 99;
  top: 40px;
  cursor: pointer;
}
.prop-listing .p_actions span.fa,
.prop-detail-hrt .p_actions span.fa {
  font-size: 0px;
  font-weight: 500;
}
.prop-listing .p_actions .fa-heart .ProfileTweet-action--favorite .HeartAnimation,
.prop-detail-hrt .p_actions .fa-heart .ProfileTweet-action--favorite .HeartAnimation {
  -webkit-animation-timing-function: steps(28);
  animation-timing-function: steps(28);
  -webkit-animation-name: heart-burst;
  animation-name: heart-burst;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  display: inline-block;
  background-position: right;
}
@-webkit-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
.prop-listing .HeartAnimationContainer,
.prop-detail-hrt .HeartAnimationContainer {
  height: 16px;
  left: 1px;
  overflow: initial;
  padding-right: 1px;
  position: relative;
  width: 16px;
}
.prop-listing .HeartAnimation,
.prop-detail-hrt .HeartAnimation {
  position: absolute;
  background: url(../../../animations/web_heart_animation_green.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: 2900%;
  height: 50px;
  width: 50px;
  left: -100%;
  top: -100%;
}
.prop-listing .agent-data {
  position: absolute;
  background: #000 !important;
  width: 100%;
  height: 40px;
  opacity: 0.5;
  bottom: 0;
}
.prop-listing .thumb-img {
  width: 60px;
  height: 60px;
  border: 2px solid #fff !important;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.prop-listing .agent-bg {
  background-color: #000 !important;
}
.prop-listing .agent-title {
  position: relative;
  text-align: left;
  margin-left: 80px;
  width: 100%;
  font-size: 16px;
  color: #fff !important;
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 20px;
  bottom: 40px;
}
.prop-listing .feat-agent {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90px;
  background: #487e8b !important;
  color: #fff !important;
  height: 40px;
  padding-top: 22px;
  padding-left: 8px;
  font-weight: 600;
}
.prop-listing .feat-agent .fa {
  line-height: 0;
  font-weight: 600;
}
.title-rt-btn .t-Region-header .t-Region-title {
  width: 100%;
}
.prop-listing .t-Region-header .t-Button {
  position: absolute;
  right: 20px;
  top: 20px;
}
.title-rt-btn .t-Region-header .t-title-rt-btn {
  position: relative;
  right: 0;
  top: 4px;
  float: right;
}
.prop-listing .t-Card-body {
  position: absolute;
}
.prop-listing .t-Card-info .desk-wapp .fa,
.prop-listing .t-Card-info .mob-wapp .fa,
.prop-enquiry .fa,
.wishlist-bg .fa,
.follow .fa {
  font-size: 22px;
}
.follow {
  padding: 8px !important;
}
.prop-listing .t-Card-info .desk-wapp,
.prop-listing .t-Card-info .mob-wapp,
.prop-enquiry,
.wishlist-bg {
  padding: 10px !important;
}
.prop-listing .vtouricon {
  position: absolute;
  right: 0;
  width: 80px;
  left: 0;
  margin: auto !important;
}
.prop-list-filter-items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1336px) {
  .prop-listing .t-Card {
    min-height: auto !important;
  }
  .prop-listing .t-Card-icon {
    width: 40%;
  }
  .prop-listing .t-Card-Content {
    width: 60%;
  }
  .prop-listing .t-Card-body {
    position: relative;
  }
  .prop-listing .agent-title {
    width: 100px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1336px) {
  .prop-listing.prop-detail .t-Card-info .t-Button .t-Button-label {
    display: inline-block !important;
  }
  .prop-listing .prices-bg {
    padding-top: 10px;
    font-size: 18px;
    line-height: 1.2;
  }
  .prop-listing .t-Card-titleWrap {
    min-height: 150px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1170px) {
  .prop-listing .prop-bath {
    width: 100%;
    float: left;
    margin-top: 5px;
  }
  .prop-listing.prop-detail .prop-bath {
    width: auto;
    float: none;
    margin-top: 0;
  }
}
@media (max-width: 1200px) {
  .prop-listing .t-Card-body {
    position: relative;
  }
  .prop-listing .t-Card-icon {
    width: 100%;
    height: auto;
  }
  .prop-listing .t-Card-titleWrap {
    min-height: 135px;
  }
  .prop-listing .t-Card-Content {
    width: 100%;
  }
  .prop-listing .agent-title {
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .prop-listing .prices-bg {
    height: auto;
  }
  .prop-listing .thumb-img {
    width: 55px;
    height: 55px;
    border: 2px solid #fff !important;
  }
}
@media (max-width: 640px) {
  .prop-listing .t-Card-Content {
    padding-bottom: 0;
  }
  .prop-listing .agent-title {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .prop-listing .t-Card-desc {
    padding: 5px 16px;
  }
  .prop-listing .t-Card-info .proplist-action-btns .t-Button .t-Button-label {
    display: none;
  }
  .prop-listing .t-Card-desc div span {
    display: inline-block;
  }
  .prop-listing .t-Card-desc div .prop-bath {
    display: inline-block;
    padding-top: 5px;
  }
  .prop-listing .agent-title {
    font-size: 14px;
    margin-left: 75px;
  }
  .prop-listing .feat-agent {
    width: 30px;
  }
  .prop-listing .agent-ct-text {
    display: none;
  }
}
/*=======================
  PROPERTY LISTING CSS ENDS
  =========================*/
/*===========================
  MY PROFILE LISTING CSS STARTS
  =============================*/
.prop-listing.my-profile-note {
  max-height: auto !important;
  overflow-y: auto !important;
}
/*=========================
  MY PROFILE LISTING CSS ENDS
  ===========================*/
/*Listing Fields CSS Starts*/
.listing-collapse .t-Form-labelContainer .t-Form-label {
  display: none;
}
.listing-collapse .apex-item-option {
  width: 50%;
}
.listing-collapse .apex-item-option .a-Button {
  padding-top: 16px;
  padding-bottom: 16px;
}
/*Listing Fields CSS Ends*/
/*===============
  SWITCH CSS STARTS
  =================*/
.map-switch {
  cursor: pointer;
}
.map-switch .toggle-slide {
  border-radius: 20px !important;
  box-shadow: none !important;
}
.map-switch .toggle-off.active {
  background: #d73d2c !important;
  color: #fff !important;
  opacity: 1;
}
.map-switch .toggle-on,
.map-switch .toggle-on.active {
  background: #f6f4f2 !important;
  color: #000 !important;
}
.map-switch .toggle-blob {
  border-radius: 50% !important;
  background: #d73d2c !important;
}
.map-switch .t-Form-label {
  padding-top: 10px;
  font-size: 18px !important;
}
.list-view .prop-map {
  display: none;
}
.list-view .prop-listing {
  float: none;
  margin: auto;
  max-height: 100%;
  overflow: hidden;
  margin-top: 24px;
}
.prop-list-filters > .container > .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.prop-list-filters .apex-item-select,
.prop-list-filters .apex-item-text,
.prop-list-filters .apex-item-textarea {
  background-color: #fff !important;
}
/*.list-view .prop-listing .t-Cards-item {
    width: 50%;
  }*/
@media (max-width: 768px) {
  .prop-map,
  .map-switch {
    display: none;
  }
  .prop-listing {
    max-height: 100%;
    overflow-y: hidden;
    width: 100%;
  }
  .filter-field {
    margin-top: 0 !important;
  }
  .prop-list-filters > .container > .row {
    display: block;
    flex-direction: unset;
    justify-content: unset;
    align-items: unset;
    margin: 0 !important;
    padding: 10px 0 5px 0 !important;
  }
}
@media (max-width: 640px) {
  .list-view .prop-listing .t-Cards-item {
    width: 100% !important;
  }
}
/*=============
  SWITCH CSS ENDS
  ===============*/
/*==========================
MAP LOADING FUNCTIONS STARTS
============================*/
.map-loader {
  position: absolute;
  top: 50%;
  left: 45%;
  z-index: 99;
}
/*========================
MAP LOADING FUNCTIONS ENDS
==========================*/
/*===================
MAP MARKER CSS STARTS
=====================*/
/* Google Map
-- Created by: AmrAbdeen @ 08/09/2018 09:26 AM
*/
#map_wrapper {
  height: 100vh;
}
#singlemap_wrapper {
  height: 400px;
}
#map_canvas {
  width: 100%;
  height: 100%;
}
.gm-style-iw {
  width: 300px !important;
  left: 25px !important;
  top: 0 !important;
}
.gm-ui-hover-effect {
  top: 10px !important;
  right: 6px !important;
  background: #e9e6e3 !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}
.projects-maps-bg .gm-style-iw {
  top: 10px !important;
}
.gm-style .gm-style-iw-c {
  padding: 0 !important;
}
.gm-style-iw div {
  max-height: 100% !important;
  overflow: hidden !important;
}
.map-marker-card h2 {
  line-height: 1;
  font-size: 20px;
  padding: 10px 10px 0 10px;
}
.map-marker-card a {
  display: block;
}
.map-marker-card img {
  margin-top: -20px;
  height: 200px;
}
.map-marker-card .property-price {
  width: 100%;
  float: left;
  padding: 15px 10px;
  min-height: 70px;
}
.map-marker-card .property-price span {
  font-size: 18px;
  padding: 10px 0 0 0;
  font-weight: 500;
}
.map-marker-card .view-detail-btn {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  margin-top: -10px;
}
.map-marker-card .view-detail-btn a {
  max-width: 160px;
  margin: 10px auto;
  background-color: #d73d2c !important;
  padding: 10px;
  color: #fff !important;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
}
.map-marker-card .view-detail-btn a:hover {
  opacity: 0.7;
  transition: 0.3s all ease-out;
}
.map-marker-card .prop-feat-pt {
  background: #000 !important;
  width: 100%;
  float: left;
  opacity: 0.5;
  height: 49px;
  margin-top: -52px;
}
.map-marker-card .prop-features {
  width: 100%;
  padding: 15px 10px;
  color: #fff !important;
  margin-top: -50px;
  z-index: 9;
  position: relative;
}
.map-marker-card .prop-features .prop-beds,
.map-marker-card .prop-features .prop-baths,
.map-marker-card .prop-features .prop-size {
  font-size: 16px;
  font-weight: 500;
  margin-right: 25px;
}
.map-marker-card .prop-features .prop-beds .fa,
.map-marker-card .prop-features .prop-baths .fa,
.map-marker-card .prop-features .prop-size .fa {
  font-size: 18px;
  font-weight: 500;
  padding-right: 10px;
}
.map-marker-card .prop-features .prop-baths-hide,
.map-marker-card .prop-features .prop-beds-hide {
  display: none;
}
.hoverPrice {
  width: 100%;
  float: left;
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 18px;
  border-bottom: 2px solid #d73d2c !important;
}
.hoverPrice b {
  font-weight: 700;
  float: left;
  padding-right: 5px;
}
.hoverPrice p {
  float: left;
  margin: 0;
  padding-right: 2px;
  font-weight: 400;
}
.hoverPrice sup {
  font-weight: 400;
}
/*=================
MAP MARKER CSS ENDS
===================*/
/*=========================
PROP DETAIL PAGE CSS STARTS
===========================*/
.prop-det-bg #t_Body_content_offset,
.prop-det-bg .t-Body-contentInner {
  display: none;
}
.prop-det-bg #map-canvas {
  height: 450px !important;
  margin: 0;
  padding: 0;
  width: 100%;
}
.main-heading h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.property-highlights.info-based .fa {
  background: #f6f4f2 !important;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  padding: 15px!important;
  border-radius: 10px;
  color: #000 !important;
  border: 1px solid #e9e6e3 !important;
}
.property-highlights ul {
  list-style: none;
  margin: 0;
  display: block;
}
.property-highlights ul li {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  width: 50%;
  float: left;
  padding: 10px;
}
.property-highlights ul li sub,
.property-highlights ul li sup {
  font-size: 60%;
}
.property-highlights ul li.center-al {
  justify-content: center !important;
}
.property-highlights h3 {
  margin: 0;
  padding-left: 10px;
  line-height: 1.2;
}
.property-highlights .label {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #a8a8a8 !important;
}
.property-highlights.withbtns {
  background: #f6f4f2 !important;
  width: 100%;
  float: left;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 20px !important;
  margin-top: 5px !important;
}
.property-highlights.withbtns ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.property-highlights.withbtns ul li {
  width: 25%;
}
.property-highlights.withbtns ul li h1 {
  font-size: 2.60px;
  margin: 0;
}
.textDesc {
  white-space: pre-line;
}
.new-feat {
  width: 100%;
  float: left;
}
.new-feat h2 {
  line-height: 2.60px;
  padding: 20px 20px 0 20px;
  margin: 0;
}
.new-feat h2 span {
  font-size: 17px !important;
}
.new-feat h2 span .svg-icons {
  width: 22px;
  height: 22px;
  margin-bottom: -4px;
}
.fixed-prop-highlights {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff !important;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: 0.4s all ease-in;
}
.fixed-prop-highlights.show {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  transition: 0.4s all ease-in !important;
}
.fixed-prop-highlights .property-highlights {
  padding: 10px !important;
  border-radius: 0;
  max-width: 1300px;
  margin: 0 auto;
  background: #fff !important;
  width: auto !important;
  float: none !important;
  margin-top: 0 !important;
}
.fixed-prop-highlights .property-highlights.withbtns ul {
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.fixed-prop-highlights .property-highlights.withbtns ul li {
  width: auto;
  padding: 0 !important;
}
.fixed-prop-highlights .property-highlights.withbtns ul li a {
  min-width: 120px;
}
.fixed-prop-highlights .property-highlights.withbtns ul li:first-child {
  width: 30%;
}
.fixed-prop-highlights .property-highlights.withbtns ul li:first-child p {
  font-size: 15px;
  color: #808080 !important;
}
.fixed-prop-highlights .property-highlights.withbtns ul li:first-child p span {
  width: 100%;
  float: left;
  font-size: 28px;
  line-height: 28px;
  color: #000 !important;
  font-weight: bold;
}
.prop-sticky-btns {
  display: none;
}
@media (max-width: 1170px) {
  .container-max {
    margin: 0 2% !important;
    width: 96% !important;
  }
  .fixed-prop-highlights .property-highlights.withbtns ul li a {
    min-width: auto;
  }
  .fixed-prop-highlights .property-highlights.withbtns ul li:first-child {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .has-search .top_search_icon,
  .property-highlights.withbtns,
  .fixed-prop-highlights {
    display: none !important;
  }
  .xs-save .t-Button {
    padding: 10px !important;
  }
  .xs-save .t-Button .fa {
    font-size: 24px !important;
  }
  .prop-sticky-btns {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff !important;
    padding: 10px 0;
    z-index: 99;
    box-shadow: 0 0 2px 1px #477d8a28 !important;
  }
  .prop-sticky-btns a {
    min-width: 100px;
  }
}
@media (max-width: 640px) {
  .property-highlights,
  .new-feat,
  .new-feat h2 b {
    width: 100%;
    float: left;
  }
  .property-highlights {
    padding: 0 10px !important;
  }
  .property-highlights ul {
    display: block;
  }
  .property-highlights ul li {
    width: 100%;
    float: left;
  }
  .property-highlights.withbtns ul li a {
    min-width: 140px;
    margin: 0 auto;
  }
  .property-highlights ul li.center-al {
    width: 100%;
  }
  .sticky-mobile-price {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    box-shadow: 0 0 12px 1px #477d8a28 !important;
    background-color: #fff !important;
  }
}
/*=========================
Popular searches css starts
===========================*/
.popular-searches .t-LinksList--actions .t-LinksList-item {
  border-width: 0;
  margin: 0;
  float: left;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.125) !important;
  margin: 5px;
  padding: 0px;
  border-radius: 25px;
}
.popular-searches .t-LinksList--actions .t-LinksList-label {
  margin-left: 0;
  font-weight: 400;
  line-height: 20px;
  padding: 4px 20px;
}
.popular-searches .t-LinksList-link {
  border-radius: 25px;
}
@media (min-width: 640px) {
  .prop-det-bg .t-Body-title {
    position: relative !important;
  }
  .popular-searches .t-LinksList--actions .t-LinksList-item {
    float: left;
  }
}
/*=======================
Popular searches css ends
=========================*/
/*=====================
  Gallery Grid CSS Starts
  =======================*/
.gallery-grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
.gallery-grid ul li {
  width: 25%;
  float: left;
  position: relative;
  padding: 0 3px;
  max-height: 196px;
  overflow: hidden;
}
.gallery-grid ul li a {
  display: block;
}
.gallery-grid ul li:nth-child(8) {
  z-index: 99;
}
.gallery-grid ul li .overlay {
  width: 98%;
  height: 97%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  overflow: hidden;
  opacity: 0;
}
.gallery-grid ul li:nth-child(8) .overlay {
  width: 98%;
  height: 97%;
  opacity: 1;
}
.gallery-grid ul li.fixed-img {
  position: absolute;
  bottom: 0;
  right: 3px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.gallery-grid ul li .overlay:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 60%;
  border: 2px solid #fff !important;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}
.gallery-grid ul li:hover .overlay {
  opacity: 1;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.gallery-grid ul li:hover .overlay:before {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);
}
.gallery-grid ul li:nth-child(8) h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-size: 32px;
}
.gallery-grid .row {
  margin-right: 5px;
  margin-left: 0px;
}
@media (max-width: 768px) {
  .gallery-grid ul li {
    width: 50%;
    float: left;
    position: relative;
    padding: 0 0 0 6px;
    max-height: 120px;
    margin-bottom: 5px;
  }
  .gallery-grid ul li a {
    display: flex;
  }
  .gallery-grid ul li.fixed-img {
    bottom: 5px;
    right: 0;
    overflow: hidden;
    height: 100px !important;
    width: calc(50% - 5px) !important;
  }
}
/*===================
Gallery Grid CSS Ends
=====================*/
/*Swiper Slider CSS Starts*/
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide {
  width: 600px !important;
}
.swiper-pagination-bullet-active {
  background: #d73d2c !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #d73d2c !important;
}
.swiper-button-next,
.swiper-button-prev {
  background-image: none !important;
}
.swiper-button-prev .fa,
.swiper-button-next .fa {
  color: #d73d2c !important;
  font-size: 50px;
}
.swiper-button-next {
  right: 25px !important;
}
.gallery-slider-cta {
  min-height: 400px;
  background-color: #000 !important;
}
@media (max-width: 640px) {
  .swiper-slide {
    width: 100% !important;
  }
  .gallery-slider-cta {
    min-height: 270px;
  }
}
/*==========================
PROP DETAIL GALLERY CSS ENDS
============================*/
/*=========================
PROP ACTION LIST CSS STARTS
===========================*/
.prop-action-list .t-MediaList--cols .t-MediaList-item {
  width: auto;
  border-width: 0 0 1px 0;
  display: table-cell;
}
.prop-action-list .t-MediaList--cols .t-MediaList-itemWrap:after {
  content: '';
  position: absolute;
  width: 1px;
  background: #dcdcdc !important;
  height: 60px;
  right: 0;
  top: 20px;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:nth-child(5) .t-MediaList-itemWrap:after,
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-itemWrap:after {
  visibility: hidden;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-body,
.prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-iconWrap {
  padding: 16px 0;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-icon {
  background-color: transparent;
  color: #d73d2c !important;
  width: 50px;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-title {
  color: #000 !important;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child {
  background-color: #d73d2c !important;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child a {
  display: -webkit-inline-box;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-title .short_label {
  position: relative;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .fa,
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-title {
  color: #fff !important;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-title {
  padding-left: 15px;
}
.prop-action-list .t-MediaList--cols .t-MediaList-item:last-child a:hover {
  background-color: #d73d2c !important;
}
@media (max-width: 640px) {
  .prop-action-list .t-MediaList--cols .t-MediaList-item {
    border-width: 0 1px 1px 0;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-itemWrap:after {
    visibility: hidden;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-body,
  .prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-iconWrap {
    padding: 0;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-badgeWrap {
    display: block;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-badge {
    background-color: transparent !important;
    color: #000 !important;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item .t-MediaList-badge .fa {
    font-size: 22px;
    padding-top: 15px;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-title .short_label {
    top: 0;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item:last-child a {
    display: flex;
    height: auto;
  }
}
@media (min-width: 767px) {
  .prop-action-list .t-MediaList--cols {
    display: table;
    width: 100%;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item:last-child a {
    display: -webkit-inline-box;
    height: 85px;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-title .short_label {
    top: -3px;
  }
}
@media (max-width: 845px) {
  .prop-action-list .t-MediaList--cols .t-MediaList-itemWrap:after {
    height: 100%;
    top: 0px;
  }
  .prop-action-list .t-MediaList--cols .t-MediaList-item:last-child .t-MediaList-title .short_label {
    top: 0;
  }
}
/*=======================
PROP ACTION LIST CSS ENDS
=========================*/
/*=========================
PROP DETAIL HIGH CSS STARTS
===========================*/
.prop-details-high-bg .t-Region-header .t-Region-title {
  width: 100%;
}
.prop-details-high-bg .t-Region-header .t-Region-title .t-Button {
  float: right;
}
.loc-popup .ui-dialog.ui-front {
  z-index: 999 !important;
  width: 95% !important;
  height: 95% !important;
}
.loc-popup .ui-dialog--apex.ui-dialog .ui-dialog-content {
  min-height: 100vh !important;
}
@media (max-width: 768px) {
  .prop-details-high-bg .t-Region-header .t-Region-title .t-Button .t-Button-label {
    display: none;
  }
}
/*=======================
PROP DETAIL HIGH CSS ENDS
=========================*/
/*===============================================
PROPERTY AND PROJECT AMENITIES FEATURE CSS STARTS
=================================================*/
.prop-dt-feat .t-Cards {
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.prop-dt-feat .t-Card-wrap {
  border: none;
  background-color: #f1f1f1 !important;
  border-radius: 4px !important;
}
.prop-dt-feat .t-Cards-item {
  display: block;
  text-align: center;
  margin-bottom: 25px;
}
.prop-dt-feat .t-Cards-item .t-Card {
  width: 60px;
  margin: 0 auto 10px;
}
.prop-dt-feat .t-Cards-item .t-Card-desc {
  font-size: 16px;
  line-height: 20px;
  color: #333333 !important;
}
.prop-dt-feat .t-Card-title img {
  width: 100%;
}
.prop-dt-feat .t-Card-titleWrap {
  padding: 10px!important;
}
.prop-dt-feat .t-Card-title {
  line-height: 0!important;
}
.prop-dt-feat svg {
  width: 60px;
  height: 60px;
  fill: #a8a8a8 !important;
  margin-top: 20px;
}
@media (max-width: 640px) {
  .prop-dt-feat .t-Cards-item {
    margin: 0 auto;
    min-width: auto;
    width: 30%;
    margin-bottom: 25px;
  }
}
/*===================================
PROPERTY AND PROJECT FEATURE CSS ENDS
=====================================*/
/*====================================
PROPERTY DETAIL DESCRIPTION CSS STARTS
======================================*/
.prop-detail-content.offwhite-bg {
  padding-bottom: 0;
  box-shadow: 0px 2px 5px 0px #dcdcdc !important;
  background: #f6f4f2 !important;
}
.prop-dt-agent {
  background: #fff !important;
  padding: 0 30px;
  border-top: 1px solid #e9e6e3 !important;
  border-bottom: 1px solid #e9e6e3 !important;
}
.prop-dt-agent .t-Timeline-user {
  position: relative;
  width: 35%;
}
.prop-dt-agent .t-Timeline-user h3 {
  color: #000 !important;
  line-height: 1;
}
.prop-dt-agent .t-Timeline-user h4 {
  color: #000 !important;
  line-height: 0;
  margin-top: 0;
  font-weight: 400;
}
.prop-dt-agent .t-Timeline-avatar {
  width: 80px;
  height: 80px;
  margin-right: 25px;
}
.agent-detail.prop-dt-agent .t-Timeline-avatar {
  width: 100px;
  height: 100px;
  margin-right: 25px;
  box-shadow: none;
}
.agent-detail.prop-dt-agent .t-Timeline-avatar .insta-circle {
  width: 95px;
  height: 95px;
  border-radius: 100%;
  overflow: hidden;
  margin: 2px auto 5px;
  background: -webkit-linear-gradient(left top, #5da7a6 0, #f6b05a 15%, #c13dab 30%, #6951b3 60%, #fe6c6b 100%);
  padding: 3px!important;
}
.agent-detail.prop-dt-agent .t-Timeline-avatar .insta-circle .circle-bg {
  background: #fff !important;
  border: 1px solid #fff !important;
  width: 89px;
  height: 89px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.agent-detail.prop-dt-agent .t-Timeline-avatar .insta-circle .circle-bg img {
  border-radius: 100%;
}
.prop-dt-agent .t-Timeline-typeWrap {
  width: 65%;
  overflow: visible;
}
.prop-dt-agent .t-Timeline-typename,
.prop-dt-agent .t-Timeline-title {
  font-size: 15px;
  font-weight: 400;
}
.prop-dt-agent .t-Timeline-type {
  background-color: transparent;
}
.agent-detail.prop-dt-agent .t-Timeline-type {
  width: 65%;
  margin: 0 auto;
}
.prop-dt-agent .t-Timeline-user:after,
.prop-dt-agent .t-Timeline-typeWrap:after {
  content: '';
  height: 80%;
  width: 1px;
  background: #e9e6e3 !important;
  position: absolute;
  top: 15px;
  right: 0;
}
.prop-dt-agent .agent-info span {
  color: #d73d2c !important;
  padding-right: 15px;
  line-height: 1.5;
}
.prop-dt-agent .agent-assets {
  padding: 15px 0 0 15%;
}
.prop-dt-agent .agent-assets .fa {
  padding-right: 10px;
}
.prop-dt-agent .agent-info span:last-child {
  color: #487e8b !important;
}
.prop-dt-agent .agent-assets .fa {
  color: #487e8b !important;
  line-height: 4.30px;
}
.prop-dt-agent .agent-assets .assets-val {
  color: #487e8b !important;
  font-size: 24px;
  font-weight: 500;
  padding-left: 5px;
  cursor: pointer;
}
.fixed-sidebar .btns .t-Button {
  border-radius: 15px;
  padding: 15px!important;
}
.fixed-sidebar .btns .t-Button .fa {
  font-size: 28px;
}
.fixed-sidebar .btns .t-Button-label {
  width: 100%;
  float: left;
}
@media (max-width: 992px) {
  .prop-dt-agent .t-Timeline-typeWrap {
    padding: 15px 0;
  }
  .prop-dt-agent .t-Timeline-user {
    border-top: 1px solid #e9e6e3 !important;
  }
  .prop-dt-agent .agent-assets {
    padding-left: 15%;
  }
}
@media (max-width: 768px) {
  .prop-dt-agent .t-Timeline-content {
    width: 100%;
    border-top: 1px solid #e9e6e3 !important;
    border-left: 1px solid #e9e6e3 !important;
  }
  .prop-dt-agent .t-Timeline-user {
    width: 100%;
  }
  .prop-dt-agent .t-Timeline-userinfo {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .prop-dt-agent {
    padding: 0;
  }
  .prop-dt-agent .agent-assets {
    width: 200px;
    margin: 15px auto;
    padding: 0;
  }
  .prop-dt-agent .t-Timeline-avatar {
    width: 65px;
    height: 65px;
    margin: 15px auto;
    float: none;
  }
  .prop-dt-agent .t-Timeline-content {
    margin-top: 70px;
    padding: 0;
  }
  .prop-dt-agent .t-Timeline-user {
    width: 100%;
  }
  .prop-dt-agent .t-Timeline-user .t-Timeline-username,
  .prop-dt-agent .t-Timeline-user .t-Timeline-date,
  .prop-dt-agent .t-Timeline-user .t-Timeline-userinfo {
    width: 100%;
    float: left;
    text-align: center;
  }
  .prop-dt-agent .t-Timeline-user:after {
    visibility: hidden;
  }
  .prop-dt-agent .t-Timeline-typeWrap {
    display: block;
    text-align: center;
    width: 100%;
  }
  .prop-dt-agent .agent-info {
    text-align: left;
  }
  .prop-dt-agent .t-Timeline-user:after,
  .prop-dt-agent .t-Timeline-typeWrap:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #e9e6e3 !important;
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
  }
}
/*==================================
PROPERTY DETAIL DESCRIPTION CSS ENDS
====================================*/
/*================================
PROPERTY DETAIL LISTING CSS STARTS
==================================*/
.prop-listing.prop-detail {
  max-height: 100%;
  overflow-y: auto;
  padding-left: 8px !important;
}
.prop-listing.prop-detail .t-Cards-item {
  width: 33.3%;
}
.prop-listing.prop-detail .t-Cards-item h2 {
  font-size: 18px;
  line-height: 24px;
}
.prop-listing.prop-detail .t-Card-icon {
  width: 100%;
  height: auto;
}
.prop-listing.prop-detail .t-Card-Content {
  width: 100%;
}
.prop-listing.prop-detail .t-Card-body {
  position: relative;
}
.prop-listing.prop-detail .t-Card-titleWrap {
  min-height: 135px;
  padding: 8px;
}
.prop-listing.prop-detail .t-Card-desc,
.prop-listing.prop-detail .t-Card-info {
  padding: 8px;
}
.prop-listing.prop-detail .agent-title {
  bottom: 0;
}
.prop-listing.prop-detail .agent-title {
  width: 70%;
}
.prop-listing.prop-detail .t-Card-info {
  margin-top: 0;
}
.prop-listing.prop-detail .t-Card-initials a img {
  min-height: 245px;
  max-height: 245px;
}
@media (max-width: 640px) {
  .prop-listing.prop-detail .t-Cards-item {
    width: 100%;
  }
}
/*==============================
PROPERTY DETAIL LISTING CSS ENDS
================================*/
/*===============================
PROPERTY DETAIL AGENTS CSS STARTS
=================================*/
.prop-agent-assign .t-Region-body {
  padding: 0 !important;
  max-width: 500px;
  margin: 0 auto;
}
.prop-agent-assign .agent-card .t-Cards,
.prop-agent-assign .agent-card .t-Card {
  width: 100%;
  margin: 0;
}
.prop-agent-assign .agent-card .t-Card .t-Card-wrap {
  border: 0px #fff !important;
  box-shadow: none !important;
}
.prop-agent-assign .agent-card .t-Card .t-Card-wrap .t-Card-colorFill {
  background-color: transparent !important;
}
.prop-agent-assign .agent-card .t-Card .t-Card-titleWrap {
  padding: 0;
}
.prop-agent-assign .agent-card .t-Card .t-Card-title {
  width: 168px;
  height: 168px;
  border-radius: 100%;
  overflow: hidden;
  margin: 20px auto 5px;
  background: -webkit-linear-gradient(left top, #5da7a6 0, #f6b05a 15%, #c13dab 30%, #6951b3 60%, #fe6c6b 100%);
  padding: 3px!important;
}
.prop-agent-assign .agent-card .t-Card .t-Card-title a {
  border: 3px solid #fff !important;
  width: 162px;
  height: 162px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-size: cover !important;
}
.prop-agent-assign .agent-card .t-Card .t-Card-title img {
  width: 100%;
  border-radius: 100%;
}
.prop-agent-assign .agent-card .t-Card .t-Card-body {
  padding: 0;
  border-top: 0 !important;
}
.prop-agent-assign .agent-card .t-Card .t-Card-body h3,
.prop-agent-assign .t-Card .t-Card-body h4 {
  margin: 0;
  line-height: 1.5;
}
.prop-agent-assign .agent-card .t-Card .t-Card-desc h3 {
  font-size: 20px;
  font-weight: 400;
}
.prop-agent-assign .agent-card .t-Card .t-Card-body h4 {
  font-size: 16px;
  font-weight: 400;
}
.prop-agent-assign .agent-card.t-Card-subtitle {
  padding-bottom: 16px;
}
.prop-agent-assign .agent-card .t-Card-subtitle .fa {
  font-size: 18px;
  color: #487e8b !important;
}
.prop-agent-assign .agent-card .t-Card .t-Card-info {
  display: none;
}
.prop-agent-assign .agent-card .t-Card .prop-agents-info {
  padding: 0;
}
.prop-agent-assign .agent-card .t-Card .prop-agents-info-rt {
  padding: 0;
  text-align: center;
}
.prop-agent-assign .agent-card .t-Card .prop-agents-info-rt .star-rating-inner {
  width: 102px;
}
.prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-next:before, .prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-prev:before{
  color: #000 !important;
}
.prop-share-actions-rt {
  padding: 0;
  text-align: center;
}
.prop-agents-info-rt .t-Button .fa {
  font-size: 22px !important;
}
.prop-agents-info-rt .t-Button .t-Button-label {
  line-height: 2 !important;
}
.prop-agent-actions {
  background-color: #f6f4f2 !important;
}
.agent-fixed {
  position: fixed;
  top: 80px;
  max-width: 275px;
}
.share-fixed {
  position: fixed;
  min-width: 275px;
}
.prop-share-actions,
.prop-agent-actions {
  width: 100%;
  float: left;
}
.prop-agent-actions {
  padding: 16px;
}
.prop-share-actions {
  padding: 0 0 16px 0;
}
.prop-share-actions-rt .fa {
  color: #a8a8a8 !important;
  font-size: 32px;
  padding: 0 10px;
  transition: 0.1s all ease-out;
}
.prop-share-actions-rt .fa:hover {
  color: #d73d2c !important;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: 0.1s all ease-in;
}
@media (max-width: 1200px) {
  .prop-agent-assign .t-Card-desc,
  .prop-agent-assign .t-Card .t-Card-info,
  .prop-agent-assign .t-Card .prop-agents-info-rt,
  .prop-share-actions-rt {
    text-align: center;
  }
  .mob-margin-tp {
    margin-top: 16px;
  }
}
/*=============================
PROPERTY DETAIL AGENTS CSS ENDS
===============================*/
/*=================================
PROPERTY DETAIL MORTGAGE CSS STARTS
===================================*/
.custom-mortgage .t-Region-body .container .row {
  padding: 0 8px 0 12px !important;
}
.custom-mortgage .first-item.t-Form-fieldContainer--floatingLabel .apex-item-text {
  margin-left: 0 !important;
  background-color: #fff !important;
}
.custom-mortgage .t-Form-fieldContainer--floatingLabel .apex-item-text {
  min-height: 5.60px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-left: -5px !important;
  background-color: #fff !important;
  text-align: center;
}
.custom-mortgage .t-Form-fieldContainer--floatingLabel .apex-item-text:last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.custom-mortgage .t-Form-fieldContainer--postTextBlock .t-Form-itemText--post {
  box-shadow: none !important;
  border-radius: none !important;
  padding: 0 !important;
}
.mortgage-values .border-rt {
  border-right: 1px solid #dfdfdf !important;
  padding-left: 15px;
}
.mortgage-values .border-rt:first-child {
  width: 23%;
  padding-left: 0;
}
.mortgage-values .border-rt:last-child {
  border-right: 0 solid #dfdfdf !important;
}
.prop-ref h3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.prop-ref h3 .fa {
  border: 1px solid #333333 !important;
  border-radius: 5px;
  margin-right: 10px;
  font-size: 26px;
}
.custom-mortgage .values-amount {
  font-size: 16px;
}
.custom-mortgage .values-amount span {
  font-size: 20px;
  font-weight: 600;
}
.mortgage-circle {
  width: 200px;
  height: 200px;
  border: 2px solid #487e8b !important;
  margin: 0 auto;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px 15px 0 15px;
}
.mortgage-circle h3 {
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
}
.mortgage-circle h2 {
  font-weight: 600;
}
@media (max-width: 768px) {
  .mortgage-values {
    width: 100%;
    float: left;
    padding-bottom: 15px !important;
  }
  .mortgage-values .border-rt {
    border-right: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #dfdfdf !important;
    padding: 8px !important;
    text-align: center;
  }
  .mortgage-values .border-rt:first-child {
    width: 50%!important;
    padding-left: 8px !important;
  }
  .mortgage-values .border-rt:nth-child(2) {
    border-right: 0 solid transparent !important;
  }
  .mortgage-values .border-rt:nth-child(3) {
    border-bottom: 0 solid transparent !important;
  }
  .mortgage-values .border-rt:last-child {
    border-right: 0 solid transparent !important;
    border-bottom: 0 solid transparent !important;
  }
  .mortgage-values .border-rt h2 {
    padding: 0 !important;
  }
  .custom-mortgage .col-xxs-6 {
    padding-right: 8px !important;
  }
  .custom-mortgage .t-Form-fieldContainer--postTextBlock .t-Form-itemText--post {
    display: none !important;
  }
  .custom-mortgage .t-Form-fieldContainer--floatingLabel .apex-item-text {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    margin-left: 0 !important;
  }
}
/*===============================
PROPERTY DETAIL MORTGAGE CSS ENDS
=================================*/
/*=================================
PROPERTY DETAIL CALENDAR CSS STARTS
===================================*/
.prop-detail-calendar .flexslider.custom_slider_css,
.prop-detail-calendar .t-Cards {
  margin: 0 !important;
}
.prop-detail-calendar .custom_slider_css.flexslider .slides > li {
  padding: 0;
  width: 58px!important;
  cursor: pointer;
  margin-right: 10px !important;
}
.prop-detail-calendar .custom_slider_css.flexslider .slides > li .t-Card {
  width: 100%;
  margin: 8px 0;
}
.prop-detail-calendar .custom_slider_css.flexslider .slides > li .t-Card-titleWrap {
  padding: 10px 0;
}
.prop-detail-calendar .custom_slider_css.flexslider .slides > li .cal-normal-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  width: 100%;
  float: left;
}
.prop-detail-calendar .custom_slider_css .flex-viewport {
  max-width: 400px;
  margin: 0 auto;
}
.prop-detail-calendar .custom_slider_css.flexslider .slides > li .cal-bold-text {
  font-weight: 600;
  font-size: 24px;
}
.prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-prev,
.prop-detail-calendar .custom_slider_css.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0 !important;
  line-height: 1;
}
.prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-next,
.prop-detail-calendar .custom_slider_css.flexslider:hover .flex-direction-nav .flex-next {
  right: 0 !important;
  line-height: 1;
}
.prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-next:before,
.prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-prev:before {
  color: #e9e6e3 !important;
  font-size: 34px;
}
.prop-detail-calendar .custom_slider_css.flexslider .t-Cards-item.active .t-Card-wrap {
  border: 2px solid #d73d2c !important;
}
.book-view-bg .btn-separator {
  cursor: default;
}
.book-view-bg .btn-separator:hover,
.book-view-bg .btn-separator:after,
.book-view-bg .btn-separator:focus:after,
.book-view-bg .btn-separator:focus:hover {
  box-shadow: none !important;
}
.book-view-bg .btn-separator .t-Button-label {
  font-size: 18px;
}
@media (max-width: 640px) {
  .prop-detail-calendar,
  .prop-detail-form,
  .prop-detail-note {
    padding: 0 16px;
  }
  .prop-detail-form-btn .t-ButtonRegion-col {
    width: 100%;
    display: block!important;
    margin: 0 auto;
  }
  .prop-detail-form-btn .t-ButtonRegion-col .t-Button {
    width: 100%;
    white-space: normal;
  }
  .prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-prev,
  .prop-detail-calendar .custom_slider_css.flexslider:hover .flex-direction-nav .flex-prev {
    left: 0 !important;
  }
  .prop-detail-calendar .custom_slider_css.flexslider .flex-direction-nav .flex-next,
  .prop-detail-calendar .custom_slider_css.flexslider:hover .flex-direction-nav .flex-next {
    right: 0 !important;
  }
  .book-view-bg .t-Region .t-Region-body {
    padding: 16px 0;
  }
}
/*===============================
PROPERTY DETAIL CALENDAR CSS ENDS
=================================*/
/*=======================
PROP DETAIL PAGE CSS ENDS
=========================*/
/*=====================
AGENT DETAIL CSS STARTS
=======================*/
.agents-review {
  padding-bottom: 25px;
}
.agents-review h2,
.video-review h2 {
  font-size: 28px;
}
.agents-review .swiper-wrapper .swiper-slide,
.video-review .swiper-wrapper .swiper-slide {
  width: 100% !important;
}
.agents-review .swiper-pagination-bullets .swiper-pagination-bullet,
.video-review .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 3px !important;
  height: 3px !important;
  border-radius: 0 !important;
}
.review-bg .t-TabsRegion-items {
  min-height: 100% !important;
}
.bubble blockquote {
  margin: 10px 0px 0;
  background: #fff !important;
  padding: 15px 70px;
  position: relative;
  border: none;
  border-radius: 8px;
  font-size: 17px !important;
  color: #000 !important;
}
.bubble blockquote:before {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  padding: 10px;
  line-height: 1;
  color: #dcdcdc !important;
  top: -5px;
  left: 0;
}
.bubble blockquote:after {
  content: "\201D";
  position: absolute;
  font-size: 80px;
  padding: 10px;
  line-height: 1;
  color: #dcdcdc !important;
}
.desk-wapp {
  display: inline-block;
}
.mob-wapp {
  display: none;
}
.mob-wapp:hover,
.agent-wapp:hover {
  background-color: #26af36 !important;
  color: #fff !important;
}
.footer-sticky-btns .mob-wapp:hover {
  color: #26af36 !important;
}
.agent-wapp:hover .fa {
  color: #fff !important;
}
.agents-bio-btns .desk-wapp,
.agents-bio-btns .mob-wapp {
  line-height: 1.5;
}
.agents-bio-btns .desk-wapp .fa,
.agents-bio-btns .mob-wapp .fa {
  font-size: 24px;
}
@media (max-width: 768px) {
  .mob-wapp {
    display: none !important;
  }
  .bubble blockquote {
    padding: 15px 40px;
  }
  .bubble blockquote:before {
    top: 0;
    left: -10px;
  }
  .slick-dots {
    margin: 0;
  }
  .agent-detail.prop-dt-agent .t-Timeline-avatar {
    margin: 15px auto !important;
  }
  .agent-detail.prop-dt-agent .t-Timeline-type {
    width: auto;
  }
  .prop-dt-agent.agent-detail {
    border-top: 0 #e9e6e3 !important;
  }
  .prop-dt-agent.agent-detail .t-Timeline-typeWrap:after,
  .prop-dt-agent .t-Timeline-user:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 100%;
  }
  .prop-dt-agent.agent-detail .t-Timeline-userinfo:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 100%;
  }
  .prop-dt-agent.agent-detail .t-Timeline .t-Timeline-content {
    padding: 0;
  }
}
/*===================
AGENT DETAIL CSS ENDS
=====================*/
/*=====================
LOGIN SCREEN CSS STARTS
=======================*/
.login-bg h3 {
  font-size: 28px;
  color: #000 !important;
}
.login-bg h3:before,
.login-bg h3:after {
  background: #a8a8a8 !important;
}
.social-bg {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 999;
  background-color: #fff !important;
}
.social-cont {
  width: 85%;
  margin: 0 auto;
}
.social-bg,
.user-info-bg,
.registers-bg,
.pass-cont-bg {
  width: 50%;
  height: 280px;
}
.user-info-bg {
  position: absolute;
  right: 0;
  transition: 0.5s all ease;
}
.registers-bg,
.pass-cont-bg {
  position: absolute;
  right: -100%;
  transition: 0.5s all ease;
}
.social-bg:after {
  content: '';
  width: 1px;
  height: 250px;
  background-color: #a8a8a8 !important;
  position: absolute;
  right: 0;
  top: 8px;
}
.social-bg .sep {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 1px solid #a8a8a8 !important;
  background-color: #fff !important;
  padding: 11px 9px;
  position: absolute;
  right: -22px;
  top: 105px;
  z-index: 99;
}
.password-text .t-Form-itemWrapper {
  display: none;
}
.forgot-password .t-Tabs-label {
  font-size: 14px;
  font-weight: 500;
  color: #737373 !important;
}
.signup-text h4 {
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
}
.register-text,
.login-text {
  float: right;
  margin: 0;
  padding: 0 0 0 7px;
  line-height: 8px;
  font-size: 16px;
  font-weight: 500;
}
.login-text .fa {
  margin-top: -5px;
}
.hide-right {
  right: 50% !important;
  transition: 0.5s all ease;
}
.show-right {
  right: 0 !important;
  transition: 0.5s all ease;
}
#registerx,
.pass-cont-bg .fam_form {
  display: block !important;
}
@media (max-width: 640px) {
  .login-bg .lines-on-sides {
    padding: 0 !important;
  }
  .social-bg {
    display: block;
  }
  .social-cont {
    width: 100%;
  }
  .social-bg,
  .user-info-bg,
  .registers-bg,
  .pass-cont-bg {
    width: 100%;
    height: auto;
  }
  .social-bg {
    height: 220px;
  }
  .social-bg:after {
    content: '';
    width: 100%;
    height: 1px;
    right: 0;
    bottom: 31px;
    top: initial;
  }
  .social-bg .sep {
    margin: 0 auto;
    bottom: 10px;
    right: 0;
    left: 0;
    top: initial;
  }
  .user-info-bg {
    position: relative;
  }
  .social-bg .margin-right-lg,
  .user-info-bg .margin-left-lg,
  .show-right .margin-left-lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .hide-right {
    right: 100% !important;
    position: absolute !important;
  }
  .show-right {
    right: 0 !important;
    position: relative;
  }
}
/*===================
LOGIN SCREEN CSS ENDS
=====================*/
/*========================
MY PROFILE PAGE CSS STARTS
==========================*/
.my-profile-bg .t-TabsRegion .t-TabsRegion-items {
  min-height: 100% !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs {
  width: 25%;
  float: left;
  margin: 20px 0;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e9e6e3 !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item:last-child,
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item:last-child .t-Tabs-link,
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item .t-Tabs-link {
  border: 0px !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item.is-active .t-Tabs-link {
  background-color: #d73d2c !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item.is-active .t-Tabs-link span {
  color: #fff !important;
  font-weight: 500;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item .t-Tabs-link span .fa {
  float: right;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item .t-Tabs-link span {
  font-size: 16px;
  font-weight: 400;
  color: #000 !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs .t-Tabs-item .t-Tabs-link {
  display: block;
  text-align: left;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel {
  width: 74%;
  float: left;
  padding-left: 20px;
  margin: 20px 0;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div {
  padding: 20px;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .a-IG {
  border: 1px solid #e9e6e3 !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .a-IG .a-IG-gridView .a-GV-footer,
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .a-IG .a-GV-cell,
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .a-IG .a-GV-controlBreakHeader,
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .a-IG .a-GV-header,
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .a-IG .a-GV-headerGroup {
  border: 1px solid #e9e6e3 !important;
}
.my-profile-ratings .star-rating.star-rating-grid {
  width: 85px !important;
  margin: 0 auto !important;
}
.my-profile-ratings .star-rating.star-rating-grid .star-rating-inner {
  height: 25px !important;
}
.my-profile-ratings .star-rating.star-rating-grid .star-rating-inner .star-rating-stars .fa {
  color: #487e8b !important;
}
.my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel > div .t-Region-header .t-Region-headerItems .t-Region-title .fa {
  display: none;
}
.my-profile-bg .ratings-bg .t-Cards .t-Cards-item .t-Card .t-Card-wrap .t-Card-body .t-Card-desc p {
  font-weight: 400 !important;
  line-height: 2.60px !important;
}
.my-profile-bg .ratings-bg .t-Cards .t-Cards-item .t-Card .t-Card-wrap .t-Card-body .t-Card-desc p .fa {
  font-weight: 400;
  line-height: 20px;
  font-size: 22px !important;
}
.my-profile-bg .ratings-bg .t-Cards .t-Cards-item .t-Card .t-Card-wrap .t-Card-titleWrap .t-Card-title {
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .my-profile-bg .t-TabsRegion .t-TabsRegion-items .t-Tabs {
    width: 96%;
    margin: 20px 2%;
  }
  .my-profile-bg .t-TabsRegion .t-TabsRegion-items .a-Tabs-panel {
    width: 96%;
    padding-left: 0;
    margin: 20px 2%;
  }
}
/*========================
MY PROFILE PAGE CSS ENDS
==========================*/
.sort-filters .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 640px) {
  .sort-filters {
    padding: 30px 5px 0 5px !important;
  }
}
/*======================
PROJECTS LIST CSS STARTS
========================*/
.off-listing .t-Cards-item .t-Card .t-Card-wrap {
  background-color: #fff !important;
}
.off-listing .t-Card-body .t-Card-info .wrapper,
.off-listing .t-Card-body .t-Card-info .price {
  border-top: 1px solid #e9e6e3 !important;
}
.off-listing .t-Card-body .t-Card-info .wrapper h3,
.off-listing .t-Card-body .t-Card-info .wrapper a {
  color: #000 !important;
  white-space: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.off-listing .t-Card-body .t-Card-info .wrapper h3 .fa {
  font-size: 22px;
  line-height: 1.2;
  padding-right: 5px;
  color: #fe6c6b !important;
}
.off-listing .t-Card-body .t-Card-info .wrapper h3 .fa-eye {
  color: #a8a8a8 !important;
}
.off-listing .t-Card-titleWrap {
  padding: 12px 55px 12px 8px !important;
}
.off-listing .t-Card-title {
  white-space: nowrap;
}
.off-listing .t-Card-body .t-Card-info .wrapper h3 {
  margin-bottom: 0 !important;
}
.off-listing .t-Card-body .t-Card-info .price h3 {
  padding: 10px;
  margin: 0;
  color: #487e8b !important;
}
.off-listing .t-Card-body .t-Card-info .price h3 span {
  color: #000 !important;
}
.off-listing .t-Card-body .t-Card-info .price h3 b {
  color: #000 !important;
}
.off-listing .t-Card-title .project-initial {
  font-size: 25px;
  color: #487e8b !important;
  line-height: 2;
  float: left;
  background: #f6f4f2 !important;
  padding: 3px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.off-listing .t-Card-title .fa-chevron-right {
  position: absolute;
  right: 10px;
  top: 22px;
  color: #d73d2c !important;
}
.off-listing .t-Card-title .project-title {
  width: 75%;
  float: left;
  overflow: hidden;
  padding-right: 5px;
}
.off-listing .t-Card-title .developer {
  width: 100%;
  float: left;
  display: flex;
  color: #737373 !important;
  font-size: 16px !important;
  padding-left: 15px;
  font-weight: 100;
  line-height: 17px;
}
.off-listing .t-Card-title .developer a {
  width: 100%;
  float: left;
  display: flex;
  color: #737373 !important;
  font-size: 16px !important;
  padding-left: 5px;
}
.off-listing .t-Card-titleWrap .t-Card-title .project-title .main-title {
  font-size: 20px;
  color: #000 !important;
  padding-left: 15px;
  display: block;
  padding-top: 0;
  line-height: 30px;
}
.off-listing .t-Card-body {
  padding: 0;
}
.off-listing .t-Card-body .t-Card-desc a img {
  width: 100%;
}
.off-listing .t-Card-body .t-Card-info {
  margin-top: 0 !important;
}
.off-listing .t-Card-body .t-Card-info .t-Button {
  box-shadow: 0 0 0 0px !important;
  border: 1px solid #e6e2df !important;
  background: #f6f4f2 !important;
  padding: 10px!important;
  margin: 0 0 5px 3px;
  min-width: 106px;
}
.off-listing .t-Card-body .t-Card-info .saveprojnote {
  border: inherit !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset !important;
}
.off-listing .t-Card-body .t-Card-info .t-Button:hover {
  box-shadow: 0 0 0 0px !important;
}
.off-listing .t-Card-body .t-Card-info .t-Button .t-Button-label {
  line-height: 17px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-left: 5px !important;
  color: #000 !important;
}
.off-listing .t-Card-body .t-Card-info .t-Button:hover .t-Icon,
.off-listing .t-Card-body .t-Card-info .t-Button:hover .t-Button-label {
  color: #737373 !important;
}
.off-listing .t-Card-body .t-Card-info .t-Button .t-Icon {
  color: #d73d2c !important;
  font-size: 18px!important;
  line-height: 16px !important;
}
.offplan-feature-bg {
  border: 0px;
}
.offplan-feature-bg .swiper-slide .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.5);
}
.offplan-feature-bg .swiper-slide .banner-content h2 {
  font-size: 40px !important;
}
.offplan-feature-bg .swiper-slide .banner-content .sub-heading {
  width: 100% !important;
  float: left !important;
  padding: 0 45px !important;
}
.offplan-feature-bg .swiper-slide,
.offplan-feature-bg .swiper-slide img {
  width: 610px !important;
  height: 370px !important;
}
@media (max-width: 640px) {
  .offplan-feature-bg .swiper-slide {
    width: 100% !important;
  }
  .off-listing .t-Card-body .t-Card-info .wrapper .dev-logo-bg {
    text-align: center;
    margin-top: 15px;
  }
  .off-listing .t-Card-body .t-Card-info .wrapper .dev-logo-bg img {
    width: 50%;
    margin: 0 auto;
  }
  .off-listing .t-Card-titleWrap {
    padding: 8px;
  }
  .off-listing .t-Card-title .project-initial {
    font-size: 4.50px;
    width: 90px!important;
    height: 90px!important;
  }
  .off-listing .t-Card-title .project-title {
    width: 65%;
  }
  .off-listing .t-Card-titleWrap .t-Card-title .project-title .main-title {
    font-size: 24px;
    padding: 12px;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .off-listing .t-Card-title .developer {
    font-size: 20px!important;
    line-height: 1;
    padding: 14px;
  }
  .off-listing .t-Card-title .developer a {
    font-size: 20px!important;
    padding-left: 5px;
  }
  .off-listing .t-Card-title .fa-chevron-right {
    top: 40px;
  }
  .off-listing .t-Card-body .t-Card-info .t-Button {
    padding: 15px !important;
    margin: 10px;
    min-width: auto;
  }
  .off-listing .t-Card-body .t-Card-info .t-Button .t-Button-label {
    display: none;
  }
  .off-listing .t-Card-body .t-Card-info .t-Button .t-Icon {
    font-size: 28px!important;
    line-height: 20px!important;
  }
}
/*====================
PROJECTS LIST CSS ENDS
======================*/

/*# sourceMappingURL=all.css.map */


/*=====================
VIRTUAL TOUR CSS STARTS
=======================*/

.thumbnail-overlay {
  position: absolute;
  background: rgba(0,0,0,.33);
  top: 0;
  left: 0;
  width: 100%;
  height: 550px;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff!important;
}
.matterport-thumbnail {
  display: block;
  width: 90%;
  height: 550px;
  margin: 0 auto;
  position: relative;
  border-radius: 0;
}
.matterport-thumbnail img {
  border-radius: 0;
  width: 100%!important;
  height: 550px!important;
}
.matterport-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  right: 0;
  z-index: 999;
  overflow: hidden;
  display: none;
}
.matterport-popup .fa {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff!important;
  z-index: 99;
  cursor: pointer;
}

/*===================
VIRTUAL TOUR CSS ENDS
=====================*/