.wrap-navbar-project {
  display: table;
  width: 100%;
  margin: 0 0 12px; }

.nav-bar-project {
  display: table-row;
  text-align: center;
  background: rgba(69, 65, 69, 0.8); }

.nav-bar-project > a {
  display: table-cell;
  padding: .5rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-decoration: none;
  color: white;
  font-size: 100%; }

.nav-bar-project > a:first-child {
  border-left: 1px solid #c0c0c0;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.nav-bar-project > a:last-child {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.nav-bar-project > a:hover {
  background-color: #c82021; }

.nav-bar-project.active {
  background-color: #c82021; }

.wrap-project h5 {
  font-weight: bold;
  font-size: 110%; }

.wrap-project .wrap-project-booking {
  max-width: 150px;
  margin-bottom: 5px; }

.wrap-project .wrap-project-booking .project-booking {
  float: right; }

.wrap-project .wrap-project-booking .project-booking button {
  padding: .5rem;
  display: inline-block;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: none; }

.wrap-project .wrap-project-booking .project-booking button.booking-save {
  /*background-color:#c82021;*/
  background-color: rgba(198, 36, 40, 0.85); }

.wrap-project .wrap-project-booking .project-booking button.booking-love {
  /*background-color:#fb8b7a;*/
  background-color: rgba(251, 139, 122, 0.85); }

.wrap-project .wrap-project-booking .project-booking button.booking-share {
  /*background-color:#8aadcb;*/
  background-color: rgba(138, 173, 203, 0.85); }

.wrap-project .wrap-project-booking .project-booking button.booking-save:hover {
  background-color: #c62428; }

.wrap-project .wrap-project-booking .project-booking button.booking-love:hover {
  background-color: #fb8b7a; }

.wrap-project .wrap-project-booking .project-booking button.booking-share:hover {
  background-color: #8aadcb; }

.booked {
  color: #ff0000 !important; }

.loved {
  color: #ff0000 !important; }

.loved {
  color: #ff0000 !important; }

.Alerted {
  color: #fff;
  background-color: #434d57 !important; }

.Alert {
  color: #434d57;
  background-color: #fff; }

.wrap-project .wrap-project-name .project-title h1, .project-title h2 {
  display: inline-block;
  margin: 0;
  font-weight: bold; }

.wrap-project .wrap-project-name .project-title .star-point {
  color: #c82021;
  display: inline-block; }

.wrap-img-project {
  position: relative; }

.wrap-thumb-img.slide-nav {
  text-align: center; }

.wrap-thumb-img.slide-nav img {
  padding: .25rem 0;
  height: 100px;
  width: initial !important;
  cursor: pointer; }

.slick img {
  -webkit-touch-callout: default;
  -webkit-user-select: default;
  -khtml-user-select: default;
  -moz-user-select: default;
  -ms-user-select: default;
  user-select: default; }

/*stick nav*/
#anchorNav {
  background-color: white;
  box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.8);
  z-index: 999;
  height: 0;
  opacity: 0;
  top: 0;
  transition: height 350ms ease-in-out, opacity 750ms ease-in-out !important; }

#anchorNav.sticky {
  top: 50px;
  position: fixed;
  width: 100%;
  height: 50px;
  opacity: 1;
  padding: 0.5rem; }

#btNavLove.tooltips {
  z-index: 9999; }

.verticalSub {
  vertical-align: middle; }

.verticalSub:hover {
  opacity: 0.8; }

.navAnchor {
  padding: .5rem;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  border: none; }

.navBtn {
  padding: .2rem;
  display: inline-block;
  color: #fff;
  min-width: 100px;
  height: 37px;
  text-align: center;
  cursor: pointer;
  border: none; }

.navSave {
  background-color: rgba(251, 139, 122, 0.85); }

.navShare {
  background-color: rgba(138, 173, 203, 0.85); }

#btcopy {
  color: white; }

/*nav-sitemap*/
.nav-sitemap {
  margin-left: 0.5rem; }

.nav-sitemap .first-sitemap {
  width: 150px; }

.nav-sitemap div {
  margin-left: 1rem; }

.nav-sitemap div p {
  color: #999999;
  font-size: 0.8rem;
  margin-bottom: 0rem; }

.nav-sitemap div {
  padding: 0rem; }

.nav-sitemap div h3 {
  font-size: 1rem;
  font-weight: 600; }

.nav-sitemap div h3 img {
  max-width: 22px;
  margin-left: 1rem; }

/*minimap on thead left*/
.minimap-container {
  position: relative; }

#minimapBox {
  width: 100%;
  height: 180px; }

.btn-insearch {
  position: absolute;
  max-width: 80%;
  bottom: 20%;
  top: auto;
  left: 10%;
  right: auto;
  background-color: black !important;
  color: white !important;
  z-index: 99;
  padding-top: 5px;
  padding-bottom: 5px; }

/*projectnearby*/
.near-detail h4 {
  font-size: 1rem; }

.near-detail h2 {
  margin-bottom: 0.2rem; }

.near-detail .nearName {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0px; }

.near-detail .nearPrice {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0px; }

.near-detail .nearPrice span {
  color: #C62428;
  font-size: 17px; }

.oneLineClamp {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap; }

.near-list-item div {
  padding: 0 2.5px; }

.nearAddress {
  color: #808080;
  font-size: 14px;
  margin-bottom: 0px; }

.near-img img {
  width: 73px;
  height: 60px; }

/*info-Block*/
.headInfo {
  font-weight: 600; }

/*CompareMap*/
.nearbyMap {
  min-width: 100%;
  min-height: 25rem; }

#mapNearBy {
  min-height: 25rem; }

.near-nav .nav-tabs li .nav-link {
  padding: .5rem 0.7rem; }

.near-nav .nav-tabs li .nav-link {
  background-color: #CBCBCB; }

.near-nav .nav-tabs li .nav-link.active {
  background-color: #fff; }

.near-nav .nav-tabs li.active {
  background-color: white;
  border-color: #dee2e6 #dee2e6 #fff; }

.near-nav ul li a p {
  font-weight: 600;
  margin-bottom: 0px; }

.near-nav .nav .nav-item {
  background-color: #fff;
  border: solid 0px #CBCBCB;
  min-width: 80px; }

.near-nav .tab-content {
  border: solid 1px #CBCBCB;
  border-color: #fff #dee2e6 #dee2e6;
  min-height: 22.4rem; }

.poi-map-item {
  border-bottom: 1px solid #ededed; }

.POI-box {
  min-height: 22.5rem;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ededed; }

.list-item .poi-map-item {
  padding: 16px 0;
  margin: 0;
  list-style-type: none;
  font-weight: 600; }

.right {
  float: right; }

.left {
  float: left; }

.tab-bar-style div .tab-menu {
  background-color: white;
  color: #666666;
  border-color: white #dee2e6; }

.property-body {
  border: 1px solid;
  border-color: white #dee2e6 #dee2e6 #dee2e6; }

.linetub {
  position: relative;
  font-size: 14px; }

.linetub:before {
  position: absolute;
  content: "";
  left: 0;
  top: 42%;
  right: 0;
  border-top: 1px solid;
  border-color: #6c757d; }

.price-listproperty .crrth.linetub:after {
  color: #6c757d; }

.profile-img {
  width: 60px;
  height: 60px;
  border-radius: 60px; }

.ps-logo-modal {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 1950; }

.slick-dots-img {
  padding: .25rem;
  height: 100px;
  display: inline;
  width: 100%; }

.ol-popover {
  padding-left: 5px; }

.ol-popover li {
  padding: 2%; }

.ol-popover li .score {
  font-size: 14px; }

.privilege-list-item {
  display: inline-block !important; }

.img-result {
  background: #fff center center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-propertyinfo {
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%; }

.left-modal-editor {
  height: 130% !important;
  bottom: 0;
  top: 0; }

/*propertyListBox*/
.box-newproject {
  background-color: white;
  box-shadow: 1px 1px 1rem #c0c0c0;
  min-height: 240px; }

.detail-result .left {
  margin-top: 0rem; }

.property-list {
  border: 0px solid #ddd; }

.nav-propertyList .nav-item {
  margin-right: 0.2rem;
  border: solid 0px #CBCBCB; }

.box-newproject {
  margin: 0.5rem 0.5rem; }

.best-box {
  margin: 0px 0px 10px 0px !important; }

.startPrice {
  color: #9B9EA9;
  text-decoration: line-through; }

.listprice {
  color: #C82021;
  top: 60px; }

.discountprice {
  padding: 0rem; }

.deal-listPrice {
  position: relative;
  top: auto;
  right: 0px; }

.blockBtn .btn {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  margin: 0.2rem 0rem; }

.btn.disabled {
  background-color: black; }

.bt-nonreserve {
  background-color: #CC3333; }

.btn.contactBtn {
  background-color: #374A5A; }

.btn.offerBtn {
  background-color: #808080; }

/*bookmark Button On Image*/
button.price-alert-btn {
  display: inline-block;
  text-align: center;
  color: white;
  border: 1px solid white;
  cursor: pointer;
  margin-bottom: 5px;
  position: absolute;
  left: auto;
  right: 0.8rem;
  top: 0.2rem;
  background-color: #FB8B7A; }

/*popoverinsidePropertyList*/
.popover-header {
  display: none; }

.popover {
  min-width: 420px;
  min-height: 205px;
  border-radius: 6px;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 6px 1px #eee; }

.popover-body {
  border: none;
  padding: 0.5rem;
  color: black;
  font-size: 1rem;
  z-index: 2;
  line-height: 1.2;
  letter-spacing: 0.1px; }

.popover-close {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 1; }

.popOverDiscountprice {
  font-size: 15px;
  top: 0px;
  max-width: 80%;
  max-height: 20px;
  color: #444D57;
  text-decoration: none;
  text-align: right;
  background-color: #D8EED5;
  padding: 0rem 1.5rem;
  margin: 0.2rem 0rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.popOverDiscountprice h4 {
  color: #28871C;
  font-size: 15px;
  font-weight: 600; }

.material-icons {
  font-size: 16px;
  font-weight: bold;
  color: black; }

.popoverBaht {
  font-size: 0.8rem; }

.popoverPrepriceText {
  font-size: 0.8rem;
  margin-right: 1rem;
  font-weight: 600; }

.popoverSummary {
  margin: 1rem 0rem;
  line-height: 0.8;
  border: 0;
  border-top: 1px solid #CCCCCC; }

/*listingButton*/
.postlist {
  font-weight: bold;
  position: absolute;
  right: 0px;
  top: 10px;
  padding-right: 10px; }

.listBoxPostlist {
  position: relative !important;
  font-weight: bold;
  padding: 10px;
  text-align: center; }

.postRelate {
  position: relative; }

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.img-listproperty img {
  height: 190px;
  display: initial;
  width: 15rem; }

.paginationjs {
  line-height: 1.6;
  font-size: 14px;
  box-sizing: initial;
  justify-content: center;
  display: flex; }

/*ProjectInfo*/
.priceInfo .price {
  font-size: 1.3rem;
  font-weight: 600; }

.listTitle.ellipsis {
  max-height: 1.5rem !important; }

/*sharedButton*/
.share_center_popup_nav {
  display: none;
  position: absolute;
  left: auto;
  right: 0px;
  top: 45px;
  z-index: 12;
  min-width: 210px;
  color: #fff;
  background-color: #9cb9d3;
  padding: .8rem;
  border: 1px solid #358bd8;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

.share_center_popup_nav.open {
  display: block; }

.share_center_popup_nav::after {
  content: '.';
  border-color: transparent transparent #9cb9d3 transparent;
  top: -6px;
  color: #9cb9d3;
  z-index: 11;
  width: 0;
  height: 0;
  left: auto;
  right: 15px;
  position: absolute;
  border-style: solid;
  border-width: 0 5px 8px 5px; }

.share_center_popup_nav::before {
  border-color: transparent transparent #358bd9 transparent;
  top: -8px;
  color: #9cb9d3;
  z-index: -10;
  content: '.';
  width: 0;
  height: 0;
  left: auto;
  right: 15px;
  position: absolute;
  border-style: solid;
  border-width: 0 5px 8px 5px; }

.btn.disabled {
  background-color: transparent;
  color: black;
  text-decoration: line-through;
  text-decoration-color: blue; }

.icon-love {
  right: 15px; }

.love {
  fill: white !important; }

.loved {
  fill: #C82020 !important; }

.dropdown:hover {
  cursor: pointer; }

.dropdown.selected {
  transition: width 300ms ease-in 0.2s;
  border-bottom: 3px solid #c82021; }

.PromoBullet {
  margin-left: 3rem; }

@media (max-width: 768px) {
  .slick-dots-img {
    height: 50px; }

  .postlist {
    position: relative !important;
    font-weight: bold;
    right: auto;
    left: 9vw;
    width: 265px;
    padding: 10px;
    margin-bottom: 40px;
    text-align: center; }

  .listTitle h4 {
    font-size: 1rem;
    overflow: hidden; } }
@media (max-width: 580px) {
  .PromoBullet {
    margin-left: 1.3rem; }

  .anchorNav {
    padding: 0.2rem;
    font-size: 0.8rem;
    font-weight: 600; }

  #anchorNav {
    bottom: 0px;
    top: auto;
    display: none; }

  #anchorNav.sticky {
    top: auto;
    bottom: 0px;
    display: flex;
    height: 85px; }

  .navAnchor {
    padding: 0rem 0.1rem 0.6rem 0.1rem; }

  .navBtn {
    width: 185px;
    font-size: 1rem; }

  .listprice h4 {
    font-size: 85%; }

  .blockBtn .btn {
    padding: 0.3rem; }

  .nav-sitemap {
    margin-left: 0rem; }

  .wrap-facilities .facility-list li {
    float: left;
    margin-bottom: 1rem;
    width: 50%; }

  .icon-facilities::before {
    height: 24px;
    width: 30px; }

  .property {
    margin-bottom: 0px; }

  #mapNearBy {
    min-height: 22rem; }

  .facilities .facility-list .facility-item .title {
    font-size: 100%; }

  .detail-result {
    margin-top: 1rem; }

  .detail-result .left {
    padding-left: 1rem; }

  .listBoxPostlist {
    font-size: 0.8rem; }

  .pricebox {
    padding-left: 0.5rem;
    padding-right: 1rem; }

  .nav-sitemap {
    margin-left: 0rem; }

  .nav-sitemap div {
    margin-left: 0rem;
    font-size: 0.8rem; }

  .nav-sitemap div h3 img {
    max-width: 22px;
    margin-left: 0.1rem; }

  .nav-sitemap .first-sitemap {
    width: 120px; }

  .nav-sitemap div h3 {
    font-size: 0.8rem; }

  .nav-sitemap div p {
    font-size: 0.6rem; }

  .ellipsis.facility-item {
    -webkit-line-clamp: 1;
    max-height: 1.5rem; }

  .img-listproperty img {
    width: 18rem; }

  .priceInfo .price {
    font-size: 1.3rem;
    font-weight: 600; }

  .button.price-alert-btn {
    right: 1.3rem; }

  .listTitle.ellipsis {
    max-height: 1.5rem !important; }

  .share_center_popup_nav {
    right: 2%;
    top: auto;
    bottom: 100%; }

  .share_center_popup_nav::after {
    bottom: -4%;
    right: 2%;
    top: auto;
    margin-left: -5px;
    border-width: 8px 5px 0px 5px;
    border-color: #9cb9d3 transparent transparent transparent; }

  .share_center_popup_nav::before {
    border-color: #358bd9 transparent transparent transparent;
    bottom: -4%;
    right: 2%;
    top: auto;
    margin-left: -5px;
    border-width: 8px 5px 0px 5px; }

  .box-newproject {
    margin: 0.5rem 0.5rem;
    margin-bottom: 1.5rem; } }
#anchorNav {
  background-color: white;
  box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.8);
  z-index: 999;
  height: 0;
  opacity: 0;
  top: 0;
  transition: height 350ms ease-in-out, opacity 750ms ease-in-out !important; }

#anchorNav.sticky {
  top: 50px;
  position: fixed;
  width: 100%;
  height: 50px;
  opacity: 1;
  padding: 0.5rem; }

#btNavLove.tooltips {
  z-index: 9999; }

.verticalSub {
  vertical-align: middle; }

.verticalSub:hover {
  opacity: 0.8; }

.navSticky {
  padding: .5rem;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none; }

.navBtn {
  padding: .2rem;
  display: inline-block;
  color: #fff;
  min-width: 100px;
  height: 37px;
  text-align: center;
  cursor: pointer;
  border: none; }

.navSave {
  background-color: rgba(251, 139, 122, 0.85); }

.navShare {
  background-color: rgba(138, 173, 203, 0.85); }

#btcopy {
  color: white; }

/*nav-sitemap*/
.nav-sitemap {
  margin-left: 0.5rem; }

.nav-sitemap .first-sitemap {
  width: 150px; }

.nav-sitemap div {
  margin-left: 1rem; }

.nav-sitemap div p {
  color: #999999;
  font-size: 0.8rem;
  margin-bottom: 0rem; }

.nav-sitemap div {
  padding: 0rem; }

.nav-sitemap div h3 {
  font-size: 1rem;
  font-weight: 600; }

.nav-sitemap div h3 img {
  max-width: 22px;
  margin-left: 1rem; }

/*minimap on thead left*/
.minimap-container {
  position: relative; }

#minimapBox {
  width: 100%;
  height: 180px; }

.btn-insearch {
  position: absolute;
  max-width: 80%;
  bottom: 20%;
  top: auto;
  left: 10%;
  right: auto;
  background-color: black !important;
  color: white !important;
  z-index: 99;
  padding-top: 5px;
  padding-bottom: 5px; }

/*projectnearby*/
.near-detail h4 {
  font-size: 1rem; }

.near-detail h2 {
  margin-bottom: 0.2rem; }

.near-detail .nearName {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0px; }

.near-detail .nearPrice {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0px; }

.near-detail .nearPrice span {
  color: #C62428;
  font-size: 17px; }

.oneLineClamp {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap; }

.near-list-item div {
  padding: 0 2.5px; }

.nearAddress {
  color: #808080;
  font-size: 14px;
  margin-bottom: 0px; }

.near-img img {
  width: 73px;
  height: 60px; }

/*info-Block*/
.headInfo {
  font-weight: 600; }

/*CompareMap*/
.nearbyMap {
  min-width: 100%;
  min-height: 25rem; }

#mapNearBy {
  min-height: 25rem; }

.near-nav .nav-tabs li .nav-link {
  padding: .5rem 0.7rem; }

.near-nav .nav-tabs li .nav-link {
  background-color: #CBCBCB; }

.near-nav .nav-tabs li .nav-link.active {
  background-color: #fff; }

.near-nav .nav-tabs li.active {
  background-color: white;
  border-color: #dee2e6 #dee2e6 #fff; }

.near-nav ul li a p {
  font-weight: 600;
  margin-bottom: 0px; }

.near-nav .nav .nav-item {
  background-color: #fff;
  border: solid 0px #CBCBCB;
  min-width: 80px; }

.near-nav .tab-content {
  border: solid 1px #CBCBCB;
  border-color: #fff #dee2e6 #dee2e6;
  min-height: 22.4rem; }

.poi-map-item {
  border-bottom: 1px solid #ededed; }

.POI-box {
  min-height: 22.5rem;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ededed; }

.list-item .poi-map-item {
  padding: 16px 0;
  margin: 0;
  list-style-type: none;
  font-weight: 600; }

.right {
  float: right; }

.left {
  float: left; }

.tab-bar-style div .tab-menu {
  background-color: white;
  color: #666666;
  border-color: white #dee2e6; }

.property-body {
  border: 1px solid;
  border-color: white #dee2e6 #dee2e6 #dee2e6; }

.linetub {
  position: relative;
  font-size: 14px; }

.linetub:before {
  position: absolute;
  content: "";
  left: 0;
  top: 42%;
  right: 0;
  border-top: 1px solid;
  border-color: #6c757d; }

.price-listproperty .crrth.linetub:after {
  color: #6c757d; }

.profile-img {
  width: 60px;
  height: 60px;
  border-radius: 60px; }

.ps-logo-modal {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 1950; }

.slick-dots-img {
  padding: .25rem;
  height: 100px;
  display: inline;
  width: 100%; }

.ol-popover {
  padding-left: 5px; }

.ol-popover li {
  padding: 2%; }

.ol-popover li .score {
  font-size: 14px; }

.privilege-list-item {
  display: inline-block !important; }

.img-result {
  background: #fff center center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-propertyinfo {
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%; }

.left-modal-editor {
  height: 130% !important;
  bottom: 0;
  top: 0; }

/*propertyListBox*/
.box-newproject {
  background-color: white;
  box-shadow: 1px 1px 1rem #c0c0c0;
  min-height: 240px; }

.detail-result .left {
  margin-top: 0rem; }

.property-list {
  border: 0px solid #ddd; }

.nav-propertyList .nav-item {
  margin-right: 0.2rem;
  border: solid 0px #CBCBCB; }

.box-newproject {
  margin: 0.5rem 0.5rem; }

.best-box {
  margin: 0px 0px 10px 0px !important; }

.startPrice {
  color: #9B9EA9;
  text-decoration: line-through; }

.listprice {
  color: #C82021;
  top: 60px; }

.discountprice {
  padding: 0rem; }

.deal-listPrice {
  position: relative;
  top: auto;
  right: 0px; }

.blockBtn .btn {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  margin: 0.2rem 0rem; }

.btn.disabled {
  background-color: black; }

.bt-nonreserve {
  background-color: #CC3333; }

.btn.contactBtn {
  background-color: #374A5A; }

.btn.offerBtn {
  background-color: #808080; }

/*bookmark Button On Image*/
button.price-alert-btn {
  display: inline-block;
  text-align: center;
  color: white;
  border: 1px solid white;
  cursor: pointer;
  margin-bottom: 5px;
  position: absolute;
  left: auto;
  right: 0.8rem;
  top: 0.2rem;
  background-color: #FB8B7A; }

/*popoverinsidePropertyList*/
.popover-header {
  display: none; }

.popover {
  min-width: 420px;
  min-height: 205px;
  border-radius: 6px;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 6px 1px #eee; }

.popover-body {
  border: none;
  padding: 0.5rem;
  color: black;
  font-size: 1rem;
  z-index: 2;
  line-height: 1.2;
  letter-spacing: 0.1px; }

.popover-close {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 1; }

.popOverDiscountprice {
  font-size: 15px;
  top: 0px;
  max-width: 80%;
  max-height: 20px;
  color: #444D57;
  text-decoration: none;
  text-align: right;
  background-color: #D8EED5;
  padding: 0rem 1.5rem;
  margin: 0.2rem 0rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.popOverDiscountprice h4 {
  color: #28871C;
  font-size: 15px;
  font-weight: 600; }

.material-icons {
  font-size: 16px;
  font-weight: bold;
  color: black; }

.popoverBaht {
  font-size: 0.8rem; }

.popoverPrepriceText {
  font-size: 0.8rem;
  margin-right: 1rem;
  font-weight: 600; }

.popoverSummary {
  margin: 1rem 0rem;
  line-height: 0.8;
  border: 0;
  border-top: 1px solid #CCCCCC; }

.postlist {
  font-weight: bold;
  position: absolute;
  right: 0px;
  top: 10px;
  padding-right: 10px; }

.listBoxPostlist {
  position: relative !important;
  font-weight: bold;
  padding: 10px;
  text-align: center; }

.postRelate {
  position: relative; }

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.img-listproperty img {
  height: 190px;
  display: initial;
  width: 15rem; }

.paginationjs {
  line-height: 1.6;
  font-size: 14px;
  box-sizing: initial;
  justify-content: center;
  display: flex; }

/*ProjectInfo*/
.priceInfo .price {
  font-size: 1.3rem;
  font-weight: 600; }

.listTitle.ellipsis {
  max-height: 1.5rem !important; }

/*sharedButton*/
.share_center_popup_nav {
  display: none;
  position: absolute;
  left: auto;
  right: 0px;
  top: 45px;
  z-index: 12;
  min-width: 210px;
  color: #fff;
  background-color: #9cb9d3;
  padding: .8rem;
  border: 1px solid #358bd8;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

.share_center_popup_nav.open {
  display: block; }

.share_center_popup_nav::after {
  content: '.';
  border-color: transparent transparent #9cb9d3 transparent;
  top: -6px;
  color: #9cb9d3;
  z-index: 11;
  width: 0;
  height: 0;
  left: auto;
  right: 15px;
  position: absolute;
  border-style: solid;
  border-width: 0 5px 8px 5px; }

.share_center_popup_nav::before {
  border-color: transparent transparent #358bd9 transparent;
  top: -8px;
  color: #9cb9d3;
  z-index: -10;
  content: '.';
  width: 0;
  height: 0;
  left: auto;
  right: 15px;
  position: absolute;
  border-style: solid;
  border-width: 0 5px 8px 5px; }

.btn.disabled {
  background-color: transparent;
  color: black;
  text-decoration: line-through;
  text-decoration-color: blue; }

.icon-love {
  right: 15px; }

.love {
  fill: white !important; }

.loved {
  fill: #C82020 !important; }

.dropdown:hover {
  cursor: pointer; }

.dropdown.selected {
  transition: width 300ms ease-in 0.2s;
  border-bottom: 3px solid #c82021; }

.PromoBullet {
  margin-left: 3rem; }

#Modalappointment.modal-dialog {
  max-width: 25%; }

@media (max-width: 768px) {
  #Modalappointment.modal-dialog {
    max-width: 60%; }

  .slick-dots-img {
    height: 50px; }

  .postlist {
    position: relative !important;
    font-weight: bold;
    right: auto;
    left: 9vw;
    width: 265px;
    padding: 10px;
    margin-bottom: 40px;
    text-align: center; }

  .listTitle h4 {
    font-size: 1rem;
    overflow: hidden; } }
@media (max-width: 580px) {
  .PromoBullet {
    margin-left: 1.3rem; }

  .anchorNav {
    padding: 0.2rem;
    font-size: 0.8rem;
    font-weight: 600; }

  #anchorNav {
    bottom: 0px;
    top: auto;
    display: none; }

  #anchorNav.sticky {
    top: auto;
    bottom: 0px;
    display: flex;
    height: 85px; }

  .navAnchor {
    padding: 0rem 0.1rem 0.6rem 0.1rem; }

  .navBtn {
    width: 185px;
    font-size: 1rem; }

  .listprice h4 {
    font-size: 85%; }

  .blockBtn .btn {
    padding: 0.3rem; }

  .nav-sitemap {
    margin-left: 0rem; }

  .wrap-facilities .facility-list li {
    float: left;
    margin-bottom: 1rem;
    width: 50%; }

  .icon-facilities::before {
    height: 24px;
    width: 30px; }

  .property {
    margin-bottom: 0px; }

  #mapNearBy {
    min-height: 22rem; }

  .facilities .facility-list .facility-item .title {
    font-size: 100%; }

  .detail-result {
    margin-top: 1rem; }

  .detail-result .left {
    padding-left: 1rem; }

  .listBoxPostlist {
    font-size: 0.8rem; }

  .pricebox {
    padding-left: 0.5rem;
    padding-right: 1rem; }

  .nav-sitemap {
    margin-left: 0rem; }

  .nav-sitemap div {
    margin-left: 0rem;
    font-size: 0.8rem; }

  .nav-sitemap div h3 img {
    max-width: 22px;
    margin-left: 0.1rem; }

  .nav-sitemap .first-sitemap {
    width: 120px; }

  .nav-sitemap div h3 {
    font-size: 0.8rem; }

  .nav-sitemap div p {
    font-size: 0.6rem; }

  .ellipsis.facility-item {
    -webkit-line-clamp: 1;
    max-height: 1.5rem; }

  .img-listproperty img {
    width: 18rem; }

  .priceInfo .price {
    font-size: 1.3rem;
    font-weight: 600; }

  .button.price-alert-btn {
    right: 1.3rem; }

  .listTitle.ellipsis {
    max-height: 1.5rem !important; }

  .share_center_popup_nav {
    right: 2%;
    top: auto;
    bottom: 100%; }

  .share_center_popup_nav::after {
    bottom: -4%;
    right: 2%;
    top: auto;
    margin-left: -5px;
    border-width: 8px 5px 0px 5px;
    border-color: #9cb9d3 transparent transparent transparent; }

  .share_center_popup_nav::before {
    border-color: #358bd9 transparent transparent transparent;
    bottom: -4%;
    right: 2%;
    top: auto;
    margin-left: -5px;
    border-width: 8px 5px 0px 5px; }

  .box-newproject {
    margin: 0.5rem 0.5rem;
    margin-bottom: 1.5rem; } }
#projectinfo .descriptioninfo .dt {
  margin: 1rem 0rem; }
  #projectinfo .descriptioninfo .dt .dl {
    font-weight: 600;
    font-size: 1.1rem; }

.wrap-navbar-project {
  display: table;
  width: 100%;
  margin: 0 0 12px;
  /*margin: -2px 0 12px;*/ }

.nav-bar-project {
  display: table-row;
  text-align: center;
  background: rgba(69, 65, 69, 0.8); }

.nav-bar-project > a {
  display: table-cell;
  padding: .5rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-decoration: none;
  color: white;
  font-size: 100%; }

.nav-bar-project > a:first-child {
  border-left: 1px solid #c0c0c0;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.nav-bar-project > a:last-child {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.nav-bar-project > a:hover {
  background-color: #c82021; }

.nav-bar-project.active {
  background-color: #c82021; }

.wrap-project h5 {
  font-weight: bold;
  font-size: 110%; }

.wrap-project .wrap-project-booking .project-booking {
  float: right; }

.wrap-project .wrap-project-booking .project-booking button {
  padding: .5rem;
  display: inline-block;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: none; }

.wrap-project .wrap-project-booking .project-booking button.booking-save {
  /*background-color:#c82021;*/
  background-color: rgba(198, 36, 40, 0.85); }

.wrap-project .wrap-project-booking .project-booking button.booking-love {
  /*background-color:#fb8b7a;*/
  background-color: rgba(251, 139, 122, 0.85); }

.wrap-project .wrap-project-booking .project-booking button.booking-share {
  /*background-color:#8aadcb;*/
  background-color: rgba(138, 173, 203, 0.85); }

.wrap-project .wrap-project-booking .project-booking button.booking-save:hover {
  background-color: #c62428; }

.wrap-project .wrap-project-booking .project-booking button.booking-love:hover {
  background-color: #fb8b7a; }

.wrap-project .wrap-project-booking .project-booking button.booking-share:hover {
  background-color: #8aadcb; }

.booked {
  color: #ff0000 !important; }

.loved {
  color: #ff0000 !important; }

.loved {
  color: #ff0000 !important; }

.Alerted {
  color: #fff;
  background-color: #434d57 !important; }

.Alert {
  color: #434d57;
  background-color: #fff; }

.wrap-project .wrap-project-name .project-title h1, .project-title h2 {
  display: inline-block;
  margin: 0;
  font-weight: bold; }

.wrap-project .wrap-project-name .project-title .star-point {
  color: #c82021;
  display: inline-block; }

.wrap-img-project {
  position: relative; }

.wrap-thumb-img.slide-nav {
  text-align: center; }

.wrap-thumb-img.slide-nav img {
  padding: .25rem 0;
  height: 100px;
  width: initial !important;
  cursor: pointer; }

.project-map {
  display: block;
  position: relative;
  height: 150px;
  background-color: #808080;
  border: solid 1px rgba(0, 0, 0, 0.7); }

.project-map .map {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.map a.link {
  line-height: 24px;
  color: #fff;
  background-color: #c82021;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 3px;
  margin-top: 15px; }

.map div {
  display: block;
  text-align: center; }

.property-blog {
  /* padding:0 0border: 1px solid #c0c0c0; margin: .5rem 0;*/ }

/*--------basic info for project------------*/
.project-info {
  display: flex;
  flex-flow: row wrap;
  flex-direction: row;
  padding: 20px 0 15px 0; }

.main-price {
  clear: both; }

.main-info {
  width: auto; }

.main-info .basic-row {
  /*padding-top: 15px;*/
  width: 100%;
  flex-flow: row wrap;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  display: -webkit-flex;
  /* Safari */ }

.main-info .basic .dt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.main-info .basic .dt:first-child {
  padding-right: 5px; }

.main-info .basic .dt .dl {
  width: auto; }

.main-info .basic .dt .dr {
  width: 50%; }

.main-info .basic .dt .dl {
  font-weight: bold;
  float: left; }

.main-info .basic .dt .dr {
  float: right; }

.main-info .basic .dt .dl:after {
  content: ":";
  margin-left: 2px; }

@media (max-width: 375px) {
  .main-info {
    width: 100%; }

  .main-info .basic .dt .dr {
    width: 100%; }

  .project-info .developerinfo {
    width: 100%; } }
/*-------------Developer---------------*/
/*.project-info .developerinfo {
    width: 28%;
}
.developerinfo ul{
    padding:0;
    list-style:none;

}
.developerinfo .developer {
    font-weight:bold;
}*/
.project-info .developerinfo .dt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 1em; }

.project-info .developerinfo .dt:first-child {
  padding-right: 5px; }

.project-info .developerinfo .dt .dl {
  font-weight: bold; }

.project-info .developerinfo .dt .dl:after {
  content: ":";
  margin-left: 2px; }

/*-------------Description---------------*/
.project-info .descriptioninfo .dt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 1em; }

.project-info .descriptioninfo .dt:first-child {
  padding-right: 5px; }

.project-info .descriptioninfo .dt .dl {
  font-weight: bold; }

.project-info .descriptioninfo .dt .dl:after {
  content: ":";
  margin-left: 2px; }

.modalproperty {
  cursor: pointer; }

a.modalproperty {
  font-size: 120%; }

@media (max-width: 768px) {
  .project-info .descriptioninfo .w-25, .w-10 {
    border-bottom: 2px solid #c82021; }

  .project-info .descriptioninfo .w-10 {
    width: 10% !important; }

  .wrap-project .wrap-project-booking .project-booking {
    text-align: center !important; } }
.property {
  width: 100%;
  background-color: #f7f7f7;
  margin-bottom: 30px; }

.property-table {
  display: table;
  width: 100%;
  height: 100%; }

.property-title {
  padding: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.property-header, .property-list {
  display: table;
  width: 100%;
  padding: 10px; }

.property-header {
  border-bottom: solid 1px #ddd;
  background-color: white;
  color: #fff; }

.property-body {
  display: table;
  width: 100%; }

.property-list {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 1px #e6e6e6; }

.header-cell {
  display: table-cell;
  vertical-align: top;
  font-weight: bold; }

.child-cell {
  display: table-cell;
  vertical-align: top; }

.property-colInfo {
  width: 40%; }

.property-colbasic {
  width: 30%;
  padding-left: 10px; }

.property-colprice {
  width: 15%;
  padding-left: 10px; }

.property-colreserve {
  width: 15%;
  padding-left: 10px; }

.propertyimg-wrapper {
  position: relative; }

.title-lsitproperty {
  font-size: 1.25rem;
  font-weight: bold; }

.wrap-facilities .facility-list {
  padding: 0;
  list-style: none; }

.wrap-facilities .facility-list li {
  float: left;
  margin-bottom: 1rem;
  width: 100%; }

.wrap-facilities .facility-list .facility-item .title {
  font-size: 100%; }

.wrap-facilities .facility-list .facility-item .fac-value {
  display: flex;
  font-size: 60%; }

ul.facilities {
  padding-top: 5px; }

ul.facilities li {
  display: inline-block;
  list-style: none;
  padding-right: 3px;
  margin: 0; }

/******************* Modal ******************/
.modal-property .modal-dialog {
  max-width: 800px; }

.modal-property.show .m-custom {
  display: inline-block;
  padding: .5rem; }

.modal-property .left-modal {
  width: 50%;
  float: left; }

.modal-property .right-modal {
  width: 50%;
  float: right;
  padding: 0 0 0 .5rem; }

.btn-in-modal {
  background-color: #c82021;
  color: #fff;
  width: 95%;
  font-size: 100%; }

.btn-in-modal-default {
  background: none;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #dadce0;
  color: #5f6368;
  width: 95%;
  font-size: 100%; }

.btnAppointment-in-modal {
  padding: 8px 16px !important;
  line-height: 20px;
  background-color: #fff;
  border: 2px solid #aaa;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  width: 95%;
  font-size: 120%; }

ul li.fa-list-modal {
  margin-right: 5px; }

.modal-appointment {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #36495a;
  border-radius: 0px; }

#project-nearmap {
  width: 100%;
  margin-bottom: 3rem; }
  #project-nearmap .nearbyMap {
    position: relative; }
    #project-nearmap .nearbyMap .near-nav {
      position: absolute;
      right: 6%;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
      z-index: 888;
      max-width: 380px;
      max-height: 323px;
      background-color: white; }
      #project-nearmap .nearbyMap .near-nav #map-nav-select {
        margin: 1rem;
        max-width: 320px; }
      #project-nearmap .nearbyMap .near-nav .tab-content {
        overflow-y: scroll;
        max-height: 250px !important;
        min-height: 250px !important; }
        #project-nearmap .nearbyMap .near-nav .tab-content .list-item .poi-map-item {
          cursor: pointer;
          opacity: 1;
          -webkit-transition: opacity 0.4s;
          -moz-transition: opacity 0.4s;
          -ms-transition: opacity 0.4s;
          transition: opacity 0.4s;
          padding: 1rem 0.5rem; }
          #project-nearmap .nearbyMap .near-nav .tab-content .list-item .poi-map-item:hover {
            opacity: 0.3;
            -webkit-transition: opacity 0.4s;
            -moz-transition: opacity 0.4s;
            -ms-transition: opacity 0.4s;
            transition: opacity 0.4s; }
        #project-nearmap .nearbyMap .near-nav .tab-content .list-item .poi-map-item.hover-border {
          outline: 2px solid #c82021; }

#project-analysis {
  margin-top: 3rem;
  margin-bottom: 3rem; }

@media (min-width: 760px) {
  .wrap-facilities .facility-list li {
    display: inline-block;
    float: left;
    margin: 0 10px 0px 0;
    width: 260px; } }
@media (max-width: 420px) {
  .property-header {
    display: none !important; }

  .child-cell {
    display: block; }

  .property-colreserve, .property-colInfo, .propertyimg-wrapper {
    width: 100%; }

  .modal-property .img-modal, .modal-property .detail-modal {
    width: 100%;
    padding: 0; }

  #project-nearmap .nearbyMap #mapNearBy {
    min-height: 32rem; }
  #project-nearmap .nearbyMap .near-nav {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 888;
    max-width: 689px !important;
    max-height: 323px;
    background-color: white; }
  #project-nearmap .nearbyMap #map-nav-select {
    max-width: 689px !important; } }
@media (max-width: 760px) {
  .wrap-facilities .facility-list li {
    display: inline-block;
    float: left;
    width: 260px; }

  #project-nearmap .nearbyMap .near-nav {
    max-width: 280px; }
  #project-nearmap .nearbyMap #map-nav-select {
    max-width: 255px; } }

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