.location-header {background-color: #000000;top: calc(0px - var(--topbar-height));transition: top .4s ease-in-out;padding: 15px 0;position: fixed;z-index: 10;}
.location-header--container {display: flex;flex-direction: row;gap: var(--grid-gap);justify-content: space-between;align-items: center; }
.location-header--info {display: flex;flex-direction: row;gap: var(--grid-gap);flex: 1;}
.location-header--info .location-header--logo {width: 70px;height: 55px;overflow: hidden;border-radius: var(--border-radius);}
.location-header--info .location-header--logo img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.location-header--info .location-header--content {display: flex;flex-direction: column;justify-content: center;gap: 4px;}
.location-header--info .location-header--content h2 {font-size: 2.4rem;line-height: normal;color: #fff;}
.location-header--info .location-header--content .text {font-size: 1.5rem;line-height: normal;color: #fff;}
.location-header--cta {display: flex;flex-direction: row;gap: 10px;width: auto;} 
.location-header.scroll {top:var(--topbar-height);} 

@media(max-width:980px) {
  .location-header { padding: 10px 0;}
  .location-header--info .location-header--logo { width: 50px; height: 45px;}
  .location-header--info .location-header--content h2{ font-size: 2rem;}
  .location-header--info .location-header--content .text { font-size: 1.3rem;}
  .location-header--cta .btn { padding: 10px 20px; font-size: 1.4rem;}
}
 
@media(max-width:667px) {
  .location-header--info .location-header--content h2{ font-size: 1.8rem;}
  .location-header--info .location-header--logo { display: none;}
}

@media(max-width:480px) {
  .location-header{ padding: 15px 0;}
  .location-header--info { display: none;}
  .location-header--cta{ width: 100%;}
  .location-header--cta .btn{ flex: 1;text-align: center; justify-content: center;}
}

/* ===================================================================== #PROPERTY DETAILS ===================================================================== */

 
.location-top {background-color:#f4f4f4;position: relative;}
.location-top-container {display: flex;width: 100%;padding: 40px 0 60px;position: relative;max-width: 1600px;margin: 0 auto;flex-direction: row-reverse;}
.location-top-container .left {width: 50%;display: flex;flex-direction: column;justify-content: center;}
.location-top-container .right {width: 50%;padding: 0 40px;}
.location-top-container .location-top-info {display: flex;flex-direction: column;align-items: flex-start;gap: 25px;padding: 25px 40px;}

.location-top-info .prop-det-back {position: absolute;top: 40px;right: 40px;display: flex;justify-content: space-between;width: calc(50% - 80px);}
.location-top-info .prop-det-back a {font-size: 1.4rem;display: inline-block;color: var(--color-primary--100);background: transparent;text-transform: capitalize;text-decoration: none;font-weight: 300;}
.location-top-info .prop-det-back a i {padding-right: 2px;}

.location-top-gallery {min-height: 540px;position: relative;}
.location-top-gallery .count{position: absolute;top: 20px;right: 20px;z-index: 9;background: rgb(0 0 0 / 60%);font-size: 1.4rem;padding: 8px 10px;color: #ffff;display: flex;align-items: center;gap: 10px;cursor: pointer;border-radius: var(--border-radius);text-transform: uppercase;font-weight: 400;letter-spacing: 0.5px;}
.location-top-gallery .count i{font-size: 1.5rem;position: relative;}
#gallery  {display: none; overflow: hidden; border-radius: var(--border-radius);}
.location-top-gallery .strapline{position: absolute;top: 20px;left: 20px;z-index: 9;background-color: var(--color-primary--60);padding: 8px 10px;font-size: 1.4rem;color: #fff;font-weight: 400;font-family: var(--font-body);text-transform: uppercase;border-radius: var(--border-radius);z-index: 1;letter-spacing: 0.5px;display: inline-block;}
.location-top-gallery .strapline, .location-top-gallery .count { display: none;}
.location-top-gallery:has(.slick-initialized) .strapline, .location-top-gallery:has(.slick-initialized) .count { display: inline-block;}


.location-availablity {font-weight: 300;font-size: 1.8rem;font-family: var(--font-body);display: flex;flex-direction: row;flex-wrap: wrap;gap: 12px;color: var(--color-primary--100);max-width: 80%;padding: 25px 0 5px;border-top: 1px solid #ddd;/* border-bottom: 1px solid #ddd; */width: 100%;}
.location-availablity .title {font-size: 2rem;width: 100%;/* display: none; */line-height: normal;margin-bottom: 5px;}
.location-availablity span a {padding: 8px 12px;border-radius: 5px;background-color: #00000012;font-weight: 300;display: flex;gap: 8px; text-decoration: none; color: inherit;}
.location-availablity span i{font-size: 1.3rem;color: var(--color-primary--100);position: relative;top: 1px;display: none;}

@media(max-width:1280px) {
  .location-availablity { max-width:100%;}
  .location-top-container .right { padding-right: 0px;}
}

@media(max-width:980px) {
  .location-top-container { flex-direction: column-reverse; gap: 20px;}
  .location-top-container .left { width: 100%; padding: 0 20px;}
  .location-top-container .right {width: 100%;padding: 20px 20px 0;}
  .location-top-container .location-top-info { padding: 0px; text-align: center; gap: 20px;}
  .location-top-info .prop-det-back{/* position: relative; */top: 20px;right: initial;width: calc(100% - 40px);left: 20px;}
  .location-top-gallery{ min-height: auto;}
  .location-availablity, .location-top-info .btn-box { justify-content: center; width: 100%;}
  .location-availablity { font-size: 1.6rem; padding: 20px 0 5px;}
  .location-top-info .btn-box a { width: 100%; justify-content: center;}
}

@media(max-width:667px) {
  .location-top-gallery .strapline, .location-top-gallery .count { font-size: 1.2rem; }
  .location-availablity .title{ font-size: 1.8rem;}
  .location-availablity{ font-size: 1.5rem; gap: 8px;}
}

@media(max-width:480px) {
  .location-top-gallery .count {top: initial; bottom: 20px; }
}


.location-units {padding: 60px 0;}
.r-tabs {display: inline-flex;width:100%;padding: 0;position: relative;justify-content: center;}
.r-tabs .r-tabs-nav {display: flex;width: 100%;/* background: #eee; */gap: 10px;justify-content: center;}
.r-tabs .r-tabs-nav.center{  justify-content: center;}
.r-tabs .r-tabs-tab a {display: inline-flex;padding: 15px 25px 15px 25px;text-align: center;text-transform: capitalize;color: var(--color-dark);font-size: 1.6rem;font-weight: 300;border-radius: var(--border-radius);justify-content: center;text-align: center;text-decoration: none;border-radius: 30px;gap: 10px;position: relative;border: 1px solid;}
.r-tabs .r-tabs-tab a span {width: 26px;height: 26px;background: #000;font-size: 1rem;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;font-size: 1.4rem;border-radius: 50%;position: absolute;left: 10px;top: 10px;font-weight: 600;}
.r-tabs .r-tabs-tab.r-tabs-state-active a {background: var(--color-primary--100);color: #fff;}
.r-tabs .r-tabs-tab.r-tabs-state-active a span { background: #fff;color: #000;}
.r-tabs .r-tabs-tab:not(.r-tabs-state-active) a:hover {background-color: #eee;}
.r-tabs-panel {display: none;}
.r-tabs-panel.r-tabs-state-active {display: block;} 
.tabs-prev,.tabs-next { display: none;}

@media only screen and (max-width: 980px) {
  .location-units{ padding: 60px 0;}
  .r-tabs-panel .property-list--grid.mt60 { margin-top: 0px!important;}
}

@media only screen and (max-width: 768px) {
  .r-tabs {gap: 10px;}
  .r-tabs .r-tabs-nav {overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */padding: 10px 5px;border-radius: 0px;border-width: 1px 0px 1px 0px;border: 1px solid var(--color-secondry--60);border-left: 0;border-right: 0; display: block; text-align: center;}
  .r-tabs .r-tabs-tab { display: inline-flex;}
	.r-tabs .r-tabs-tab a {font-size: 1.5rem!important;padding: 10px 15px 12px;width: auto;white-space: nowrap;border: 0;}
  .tabs-prev,.tabs-next {display: block;flex: 0 0 auto;border: none;color: #000;font-size: 2.4rem;cursor: pointer;z-index: 1;background: none;}
  .tabs-prev:disabled,.tabs-next:disabled {opacity: 0.2;cursor: default;}
} 

#share-btn-button i { padding-right:4px}
.share-container { position: relative;}
.share-container .share-dropdown {display: grid;position: absolute;top: 30px;right: 0;min-width: 190px;width: max-content;opacity: 0;visibility: hidden;height: 0;align-content: flex-start;z-index: -1;background: var(--color-primary--60);padding: 0 20px;border-radius: 5px;box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);}

.share-container .share-dropdown::before {content: "";position: absolute;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid var(--color-primary--60);right: 8px;top: -8px;opacity: 1;}
.share-container.active .share-dropdown {height: auto;opacity: 1;visibility: visible;z-index: 10;}
.share-container .share-dropdown li:first-child { margin-top: 14px; }
.share-container .share-dropdown li:last-child {margin-bottom: 14px; }
.share-container .share-dropdown li .share__link{all:unset;color: #fff;font-size: 1.3rem;font-weight: 300;padding: 6px 0;display: flex;transition: all .3s ease-in-out;gap: 15px;align-items: center;cursor: pointer;}
.share-container .share-dropdown li .share__link i {width: 15px;text-align: center;color: var(--color-primary);}
.share-container .share-dropdown li .share__link:hover .text-label { text-decoration: underline;}

/* PROP Description */
.location-description .text{ position: relative; max-height: 500px; overflow: hidden;}
.location-description .text:after {position: absolute;content: "";opacity: 1;width: 100%;height: 140px;bottom: 0;left: 0;background: var(--color-primary--60);background: linear-gradient(0deg, var(--color-primary--60) 0%, rgba(244, 244, 244, 0) 100%);}

.location-description.extend .text { max-height: 100%; overflow: visible; }
.location-description.extend .text:after { opacity: 0; }
.location-description.extend .rd-more i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.location-description.disable a.rd-more { display: none; }
.location-description.disable .text:after { display: none; }


/* PROP VIRTUAL TOUR */

.location-video { background-color: #111; }
.prop-det-virtual {padding: 40px 15px;}
.virtual-iframe-outer { position: relative; float: left; display: block; width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: calc(56.25% / 2); }
.virtual-iframe-outer:nth-of-type(2n) { margin-right: 0px; }
.virtual-iframe-outer:nth-of-type(2n+1) { clear: both; }
.virtual-iframe-outer::before { display: block; content: ""; }
.virtual-iframe-outer iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

@media(max-width:950px) {
  .virtual-iframe-outer { width: calc(100%); padding-bottom: calc(56.25%); margin-right: 0; }
}

/* PROP LOCATION */
#dev-map { margin-bottom: 80px;}
.prop-det-location {background: #fff;margin-bottom: 50px;}

@media(max-width:1120px) {
  .prop-det-location { padding: 0 30px;}
}
@media(max-width:667px) {
  .prop-det-location { padding: 0 15px;}
}

/* ====================================================================== 
Video
====================================================================== */ 

#prop-det-video .prop-det-main-block--outer { padding: 0; gap: 0; background: #000;}
#prop-det-video .prop-det-main-block--outer.embed-responsive { position: relative;display: block;width: 100%;padding: 0;overflow: hidden; border-radius: 0px 0px 5px 5px;} 
#prop-det-video .embed-responsive-16by9:before {padding-top: 56.25%;}
#prop-det-video .embed-responsive::before {display: block;content: "";}
#prop-det-video .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}

#prop-video { background-color: var(--primary-color); padding: 60px 0;}
.prop-content{ padding: 80px 0;}

/* ====================================================================== 
amenities
====================================================================== */ 

.amenities{display: inline-grid;grid-gap: 25px;grid-template-columns: repeat(3, minmax(0, 1fr));width: 100%;}
.amenities li{display: flex;width: 100%;align-items: flex-start;gap: 20px;}
.amenities li:has(.amenity-info .amenity-desc:empty){align-items: center;}
.amenities li .amenity-icon{width: 45px;height: 45px;display: flex;background-color: var(--color-secondry--40);border-radius: 10px;}
.amenities li .amenity-icon img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.amenities li .amenity-info{flex: 1;display: flex;flex-direction: column;gap: 8px;}
.amenities li .amenity-info .amenity-title{font-size: 1.8rem;line-height: 2.8rem;color: #fff;}
.amenities li .amenity-info .amenity-desc{font-family: var(--font-body);font-size: 1.6rem;color: #fff;}
.amenities li .amenity-info .amenity-desc:empty{display: none;}

@media(max-width:1000px) { 
  .amenities{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .amenities li .amenity-info { gap: 8px;}
  .amenities li .amenity-info .amenity-desc{font-family: var(--font-body);font-size: 1.4rem;}
}

@media(max-width:667px) {
  .amenities{grid-gap: 20px;}
  .amenities li .amenity-info { gap: 5px;}
  .amenities li .amenity-icon{width: 45px;height: 45px;}
  .amenities li .amenity-info .amenity-title{font-size: 1.5rem;line-height: 2rem;}
}
@media(max-width:480px) { 
  .amenities li{ gap: 10px;}
  .amenities{grid-gap: 15px;}
  .amenities li .amenity-icon{width: 40px;height: 40px;}
}

@media(max-width:800px) { 
.prop-det-right-box h3 {font-size: 2rem;}
.prop-det-right-box p {font-size: 1.3rem;line-height: 2rem;} 
.prop-det-right-box p strong { font-size: 1.4rem;}
}

@media(max-width:667px) { 
  .prop-content{  padding: 40px 0;}
  .stamp-duty {font-size: 1.5rem; }
}