/*--------------------------------------------------------------
    Floorplan Elements
-------------------------------------------------------------- */
.is-hidden{
    display:none;
}
.mobile-visible-sec{
    display:none;  
  }
.element-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;

}
div#floorplans-filter-sec li.filters__item {
    width: 100%;
}
.element-item  {
	width:33.33%;
	padding:10px 10px 5px;
	margin-bottom:10px;
	text-align: center;
	
}
.element-item >div {
    padding: 0px 0px 10px;
    background: #ffffff;
    text-align: center;
    margin-bottom: 7px;
    display: inline-block;
    overflow:hidden;
    height:100%;
    position: relative;
    border-radius:30px;
    border:2px solid #000000;
}
.element-item >div .floor-details {
    padding: 0px 20px;
}
.floor-btn {
    background: #EF6D3F;
    padding: 5px 50px;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    font-family: sans-serif;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration:none;
}
.pop-content-sec a.floor-btn {
    margin-bottom: 10px;
}
.fancybox-inner .floor-btn {
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
}
.floor-btn:hover {
    background: #000000!important;
    color:#ffffff;
}
.fp-price-sec.old-price {
    text-decoration: line-through;
}
.fancybox-inner {
    width: 100% !important;
}
.fancybox-content > div {
    overflow: scroll !important;
}
.floorp-unit-container span.bedroom-num {
    margin: 0px 0px 15px;
    display: inline-block;
    width: 100%;
}
.floorp-unit-container .unit-detail {
    font-size: 18px;
}
.specials-detail >div {
    background: #EF6D3F !important;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    border: 2px solid #000000;
    font-family: sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.product-img--main {
    width: 100% !important;
    margin: 0px;
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 400px;
    float: left;
    margin: 10px;
 }
 
 .product-img--main__image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     -webkit-transition: -webkit-transform .5s ease-out;
     transition: -webkit-transform .5s ease-out;
     transition: transform .5s ease-out;
     transition: transform .5s ease-out,-webkit-transform .5s ease-out;
 }
.fancybox-content .pop-split-50 .product-img--main__image {
    transform: scale(.9) !important;
}
.fancybox-content .pop-split-50 .product-img--main__image:hover {
    transform: scale(1.6) !important;
}
.floor-img-container li {
    display: inline-block;
    margin: 2px;
    padding: 6px 10px 1px;
    cursor:pointer;
}

ul.box-grid3d img {
    max-width: 60px;
    margin-top: 10px;
}
.flp-icons {
    max-width: 75px;
}
.flp-icons {
    opacity: .6;
}
.active-img .flp-icons {
    opacity: 1;
}
.property-small-sec {
    color: #000000;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size:13px;
}
.pop-split-50 .floor-details {
    padding-left: 100px;
}
.element-item .floor-type {
    background: #a5a5a5;
    padding: 5px;
    margin-bottom: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
}
.fancybox-inner .floorp-unit-container {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.pop-split-50.pop-content-sec {
    align-items: center;
    display: flex;
}
.property-files-images {
    width: 33%;
    padding: 10px;
}
.property-files {
    display: flex;
    flex-flow: wrap;
    padding:10px;
}
.property-files-images img {
    height: 100%;
    object-fit: cover;
}
/*.fp-price-sec.old-price {*/
/*    text-decoration: line-through;*/
/*}*/
.floor_plan_slider_popup .floor-area {
    padding-top: 16%;
    padding-left: 5%;
}

.floor_plan_slider_popup .floor-area h3{
    color: #F4B233;
    font-family: serif;
    font-weight: 400;
    font-size: 75px;
    margin-bottom:0px !important;
    padding-bottom:0px !important;
    line-height: 1;
}
.floor_plan_slider_popup .floor-area p {
    text-transform: uppercase;
    font-size: 36px;
}
.pop-btn-1 a {
    font-size: 28px;
    color:#ffffff;
}
.pop-btn-1 a strong{
    color:#5FB3E4;
}
.pop-btn-1 {
    margin: 0px 0px 40px!important;
}
.pop_pb_text_des{
   margin-bottom: 40px !important; 
       margin-top: 10px;

}
.pop-btn-2 a strong{
    font-size: 36px;
    color:#ffffff;
}
.pop-btn-2 a:hover strong, .pop-btn-1 a:hover strong{
    color:#000000;
}

.pop-btn-1 a strong:after   {
    background-color: #5FB3E4;
}
.pop-btn-2 a strong:after, .footer-cta-sec  .submitbtn:after {
    background-color: #ffffff;
}

.floor_plan_slider_popup .floor-area a:hover {
    text-decoration: none;
}

.floor-btn-1 a strong {
    font-size: 47px;
    color:#5FB3E4;
    display:none;
}
.floor-btn-1 a strong:after {
    background-color: #5FB3E4;
}

.floor-btn-1 a:hover strong {
    font-size: 47px;
    color:#ffffff;
}
.floor-btn-1 a:hover  strong:after {
    background-color: #ffffff;
}
.element-item.soldout .portfolio-wrapper .portfolio-inner:before {
    position: absolute;
    content: "Soldout";
    background: rgb(162 43 42 / 75%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 30px;
}
.element-item, .element-item .portfolio-wrapper {
    position: relative;
}
.element-item .unit-detail {
    font-size: 18px;
    font-family: sans-serif;
    color: #0C2633;
    font-weight: 400;
    margin-bottom: 30px;
}
.element-item .floor-title, .element-item .unit-detail {
    text-align: center;
    line-height:1;
}
.floor-title {
    text-transform: uppercase;
    font-size: 32px;
    font-family: serif;
    font-weight: bold;
    color: #889453;
    margin-bottom: 25px;
    margin-top: 15px;
}
div#floorplans-filter-sec > select {
    background: url(/wp-content/uploads/2024/03/filter-background.png);
    width: 166px;
    height: 38px;
    margin:0px 10px;
    font-family: sans-serif;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    font-weight: 400;
    padding-left: 30px;
}

div#floorplans-filter-sec {
    text-align: center;
    margin-bottom: 20px;
}
.fancybox-inner {
    background: #ffffff;
}
div#floorplans-filter-sec ul {
    width: 20% !important;
    display: flex;
    text-align: center !important;
    padding: 2px 20px;
    flex-wrap: wrap;
    font-family: sans-serif;
    justify-content: center;
    align-content: center;
    background: #ffffff;
    border: 0px;
    border-radius: 25px;
    color: #4e4e4e;
    font-weight: bold !important;
    font-size: 18px;
    list-style: none;
}
div#floorplans-filter-sec {
    max-width: 645px;
    margin: 35px auto;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    font-family: sans-serif;
}
.pop-split-50 {
    width: 50%;
    float: left;
}
.element-item  .unit-status {
    padding: 5px 10px;
    background: #231f20;
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    font-family:  sans-serif;
    font-size: 30px;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    line-height: 1;
}
.fancybox-skin {
    background: #ffffff;
    border-radius: 30px;
}
.pop-footer-detail {
    font-size: 9px;
    line-height: 1;
    padding: 0px 10px 10px;
    position: relative;
    display: inline-block;
}
.rates-note {
    font-size: 12px;
}
.portfolio-image img {
    max-width: 100%;
    height: auto;
    display: block;
}
.floorp-unit-container .unit-status {
    margin-top: 20px;
    font-size: 22px;
    text-transform: uppercase;
    color: #3E4834;
    font-weight: bold;
}
.floorplans-filter-adv > div > div label {
    color:#000000;
}
.floorplans-filter-inner {
    position: relative;
}
.floor-section {
    z-index: 0;
}
/* When above 980px width, make it sticky */
@media (min-width: 981px) {
    .floorplans-filter-inner.sticky-side {
        position: fixed;
        top: 200px; /* Offset from top */
    }
}
/*--------------------------------------------------------------
    Floorplan V2 Elements
-------------------------------------------------------------- */
div.floor-wrapper.floor-wrapper-adv {
    display: flex;
    flex-flow: wrap;
    min-height: 540px;
    overflow:hidden;
}
/*.floor-wrapper-adv div#floorplans-filter-sec.floorplans-filter-adv {*/
/*    width: 25%;*/
/*    flex-wrap: wrap;*/
/*    align-content: flex-start;*/
/*    justify-content: normal;*/
/*    text-align: left;*/
/*}*/
div#floorplans-filter-sec {
    display: none;
}
.floorplans-filter-inner.sticky-side{
    width: 25%;
}
/*.floor-wrapper-adv .floorplans-grid-sec {*/
/*    width: 75%;*/
/*}*/
.floor-wrapper-adv .floorplans-grid-sec {
    width: 100%;
}
.floorplans-filter-adv label {
    width: 100%;
}
.floorplans-filter-adv input {
    margin-right: 10px;
}
.floorplans-filter-adv > div > div {
    display: flex;
    flex-wrap: wrap;
}
.floorplans-filter-adv > div > div h3 {
    font-size: 26px;
}
.bed-filter {
    margin-bottom: 10px;
}
.modal {
    max-width: 90% !important;
}
button#loadMore {
    width: 100%;
    border: 0px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #889553;
    margin: 10px 10px 0px;
    background-color: #889553;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px 6px 0px 6px;
    transition: 0.2s ease-in-out;
    order: 1;
}

button#loadMore:hover {
    background-color: #ef6d40;
    border: 1px solid #ef6d40;
}
button#loadMore:disabled {
    border: 1px solid rgb(212 195 1 / 25%);
    background-color: rgb(212 195 1 / 25%);
}
@media screen and (max-width: 1180px) {
.floor-wrapper-adv .floorplans-grid-sec .element-item {
    width: 50%;
}
.floorplans-filter-adv div#floorplans-filter-sec h3 {
    font-size: 24px;
}
}
@media screen and (max-width: 1140px) {
.pop-split-50 {
    width: 100%;
}
.element-item .unit-detail {
    font-size: 18px;
}
header .header-sec .et_pb_image_wrap img {
    height: 100px;
}

.modal .pop-split-50 .product-img--main__image, .modal .pop-split-50 .product-img--main__image:hover {
    transform: scale(1) !important;
}
.pop-split-50 .floor-details, .pop-footer-detail {
    padding: 0px;
    width: 90%;
    margin: 0 auto 20px;
}
.product-img--main {
    margin: 0px auto !important;
    position: relative;
    float: none;
}
}

@media screen and (max-width: 1024px) {
.floor-wrapper-adv div#floorplans-filter-sec.floorplans-filter-adv {
    width: 100%;
    margin-bottom: 30px;
    padding: 0px 15px;
     margin-left: 0;
}
.floorplans-filter-inner.sticky-side{
    width: 100%;
}
.floor-wrapper-adv div#floorplans-filter-sec label {
    width: auto;
}
.floor-wrapper-adv div#floorplans-filter-sec h3 {
    font-size: 20px;
}
.floor-wrapper-adv .floorplans-grid-sec {
    width: 100%;
}
.floor-wrapper-adv div#floorplans-filter-sec h3 {
    width: 100%;
}
.floor-wrapper-adv div#floorplans-filter-sec h3 br{
    display:none;
}
}

@media screen and (max-width: 640px) {
.floor-wrapper-adv .floorplans-grid-sec .element-item {
    width: 100%;
}
div#floorplans-filter-sec {
    flex-wrap: wrap;
}
div#floorplans-filter-sec ul, div#floorplans-filter-sec select {
    width: 166px !important;
    margin-bottom: 10px;
}
}






/*--------------------------------------------------------------
    Media Query Elements
-------------------------------------------------------------- */
@media screen and (max-width: 1240px) {
    
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1140px) {
    
}
@media screen and (max-width: 980px) {
    
}
@media screen and (max-width: 767px) {
.mobile-br{
    display:none;
}
}
@media screen and (max-width: 640px) {
    
}
@media screen and (max-width: 480px) {
    
}
@media screen and (max-width: 320px) {
    
}