.sitemapContainer {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.sitemapContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modalSlideshowHolder {
    border-right:1px solid #212529;
}

#modalClose {
    position: absolute;
    top: 0px;
    right: 0px;
}

.hasFloorPlan {
    cursor: pointer;
}

.hasFloorPlan:hover >polygon, .hasFloorPlan:hover >path, .hasFloorPlan:hover >rect, .hasFloorPlan:hover >polyline  {
    opacity: 0.5;
} 


#screens{
    display: grid;
    grid-template-rows: 1fr 9fr;
}
/* AVAILABLE */



/* SOLD */
.lot .sold_text, .lot .model_text {
    display: none;
}
.lot.Sold .sold_text, .lot.sold .sold_text, .lot.Sold .text {
    display: block;
    fill: #fff;
}
.lot.Sold >polygon, .lot.Sold >path, .lot.sold >polygon, .lot.sold >path, .lot.sold >polyline {
    fill:#EC5931;
}

.lot.Sold .sold_text, .lot.sold .sold_text {
    display: block;
} 
.lot.Sold>.text, .lot.sold>.text {
    display: none;
}

/* MODEL */
.lot.Model .model_text, .lot.model .model_text {
    display: block;
} 
.lot.Model >polygon, .lot.Model >path, .lot.model >polygon, .lot.model >path, .lot.sold >path, .lot.model >polyline {
    fill:#00BFFF;
}

.lot.Model>.text, .lot.model>text {
    display: none;
} 
.lot.Model >polygon, .lot.Model >path {
    fill:#00BFFF;
}


/* popup */

#optionsPopup {
    /* position: absolute;
    z-index: 5000;
    background-color: white; */
    
}

#optionsPopupArrow {
    content: "";
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    
    border-right:10px solid white;
    margin-left: -10px; 
    
}

#optionsPopupHolder {
    position: relative;
    padding: 15px;
}

#modalSlideshow {
    display: flex;
    align-items: stretch;
    overflow:hidden;
}

#modalSlideshow .modalSlide {
    width: 100%;
    background-position: center;
    background-size: cover;
}

#modalSlideshow img {
    width: 100%;
    height: auto;
}

#modalSlideshow .prev, #modalSlideshow .next {
    position: absolute;
    top:50%;
    margin-top: -15px;
    height: 30px;
    padding: 5px;
    background: rgba(255, 255, 255, .6); 
    z-index: 5000;
}

#modalSlideshow .imageCaption { 
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 5px 15px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#modalSlideshow .prev {
    left:0;
} 
#modalSlideshow .next {
    right:0;
}

#lotPopup .btn {
    width: 100% !important;
}

/* .btn {
     border-radius: 0px  !important;
} */

.no-btn {
    cursor: default;
}

.modalFlex {
    align-items: stretch;
}

.modalLeft, .modalRight{
    height: 100%;
}

.modelIcon { 
    color: #999999;
}
.modelInfo {
    font-size: 14px;
}

.modalInfoContainer {
    padding: 5px 30px;
    margin: 0px -15px;
    border-bottom: 1px solid #999;
}

.bg-red {
    background-color: #E54425;
}


.modelInfo .badge {
    float: right;
}

.modelInfo h6 {
    margin-top: 15px;
}
.btn .spinner-border {
    width: 1rem;
    height: 1rem;
    border: .15em solid currentColor;
    border-right-color: transparent;
}

.optionsHolder li {
    cursor: pointer;
}
.optionsHolder li.selected {
    cursor: default;
}
/* .lot > polygon, 
.lot > path {
    opacity: 0.4;
    cursor: default;
} */

.noFloorPlan > polygon, 
.noFloorPlan > path, 
.noFloorPlan > rect {
    opacity: 0.4;
    cursor: default;
    fill:#999999
}

button#modalClose {
    padding: 0 !important;
}

.Model > polygon, 
.Sold > polygon, 
.Available > polygon,
.Coming_Soon > polygon,

.Model > path, 
.Sold > path, 
.Available > path,
.Coming_Soon > path, 


.Model > polyline, 
.Sold > polyline, 
.Available > polyline,
.Coming_Soon > polyline, 

.Model > rect, 
.Sold > rect, 
.Available > rect, 
.Coming_Soon > rect {
    opacity: 1;
    cursor: pointer;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.otherLots span::after {
    content:','
}


.otherLots span:last-child::after {
    content: '';
}

.customMessageFlag {
    width:25%;
    text-align: center;
    font-size:.7em;
    margin-bottom: 0;
}

.customMessageFlag::after {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    background-color: inherit;
    left: 0;
    clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 50% 90%, 0 70%, 0 0);
}


@media only screen and (max-width: 1199px) {
    .modalSlideshowHolder {
        border-right:none;
        border-bottom:1px solid #212529;
    }
    .otherLotsContainer {
        border-top:1px solid #212529;
    }
}

@media only screen and (max-width: 768px) {
    .modalFlex {
        flex-wrap: wrap;
    }
    .modelLeft, .modelRight {
        flex-basis: 100%;
    }
    .noFloorPlanFile {
        min-height: auto;
    }
}