* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Atten New', 'sans-serif';
}

.outerSiteplan {
    width: 100%;
    display: table;
    height: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

#siteplan {
    position: relative;
    width: 100%;
    height: 100%;
}

#masterPlanCont {
    float: left;
    width: 80%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#containerRight {
    width: 20%;
    height: 100%;
    float: left;
    background-color: #F0F0F0;
}

#containerLeft {
    width: 80%;
    float: left;
    height: 100%;
}

#rightMenu {
    position: relative;
    height: 100%;
}

#masterPlan {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.animateM {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#masterPlanImg {
    position: absolute;
}

.rightSmallCont {
    width: 80%;
    margin: 15% 10%;
    position: absolute;
    bottom: 0;
}

.legendTitles {
    margin-bottom: 10px;
    font-family: "Atten New", sans-serif;
    font-size: 18px;
    clear: both;
    position: relative;
}

.upp {
    text-transform: uppercase;
}

#fullImgSite,
.fullImgCont {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.parent {
    height: 100%;
}

#fullImageZoomSite {
    height: 100% !important;
    width: 100%;
    overflow: hidden;
}

.floorImgInner {
    margin: 0;
    width: 100%;
    height: 190px;
    object-fit: cover;
    touch-action: pan-y !important;
}

.fullImg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    position: relative;
}

#sitePlanLocateImg {
    position: absolute;
    width: auto;
    max-width: 100%;
}

#allPoints {
    position: relative;
}

/*----  LEGEND  ----*/
.legendLine {
    background-color: #312725;
    opacity: 0.3;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    float: left;
}

#phasesSelect {
    width: 100%;
    height: 40px;
    border: none;
    -webkit-appearance: none;
    /*border-bottom: 1.5px solid #6d6d6d;*/
    padding-left: 20px;
    font-size: 16px;
    font-family: "Atten New", sans-serif;
    color: #312725;
    outline: none;
    background-repeat: no-repeat;
    background-image: url(images/new/arrow-down.png);
    background-size: 20px;
    background-position: 96% 50%;
    background-color: white;
}

.phasePoint {
    position: absolute;
    background-color: #fff;
    transform: translate(-50%, 0);
    padding: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.phasePoint:hover {
    transform: translate(-50%, -5px);
}

.phasePoint::after {
    content: '';
    position: absolute;
    bottom: -10px;
    transform: translate(-50%, 0);
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    box-sizing: border-box;
}

.phasePointer {
    font-size: 14px;
    font-family: "Atten New", sans-serif;
    color: #312725;
}

.lotPoint {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.lotPoint.sold {
    background-color: #CC0707;
}

.lotPoint.available {
    background-color: #1d7d00;
}

.lotPoint.dot-red {
    background-color: #CC0707;
}

.lotPoint.dot-green {
    background-color: #1d7d00;
}

.lotPoint.dot-yellow {
    background-color: #2e2624;
}

.lotPoint.dot-blue {
    background-color: #2d66b2;
}

.lotPoint.dot-black {
    background-color: #312725;
}

.lotPoint.dot-Large {
    width: 25px;
    height: 25px;

}

.lotPoint.dot-Medium {
    width: 20px;
    height: 20px;

}

.lotPoint.dot-Small {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;

}

.lotPoint.modelHome {
    background-image: url(images/new/house.png);
    background-color: #97b8e1;
    background-size: contain;
    background-position: center;
}

.lotPoint.dot-noPointer {
    cursor: auto;
}


.nameCateSite.nameCateSiteAvailability {
    margin-left: 10px;
    float: left;
}

.sectionSiteplan {
    margin-top: 60px;
    position: relative;
}





@media screen and (max-width: 1200px) {

    .lotPoint.dot-Large {
        width: 22px;
        height: 22px;
    }

    .lotPoint.dot-Medium {
        width: 17px;
        height: 17px;

    }

    .lotPoint.dot-Small {
        width: 12px;
        height: 12px;

    }
}

@media screen and (max-width: 768px) {

    .lotPoint.dot-Large {
        width: 10px;
        height: 10px;
        border: none;
    }

    .lotPoint.dot-Medium {
        width: 8px;
        height: 8px;
        border: none;

    }

    .lotPoint.dot-Small {
        width: 6px;
        height: 6px;
        border: none;

    }
}

/* Legend */

.nameCateSite {
    margin-left: 30px;
    line-height: 30px;
    font-family: 'Atten New', sans-serif;
    font-size: 15px;
    line-height: 1;
    margin-top: 8px;
    min-height: 20px;
    height: auto;
}

.selectCateSite {
    margin-left: 0px;
    margin-top: 4px;
    width: 20px;
    height: 20px;
    float: left;
    box-sizing: border-box;
}

.selectCateSite.icon {
    background-size: contain;
    background-position: center;
}

.categoryContSite {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
    float: left;
}

#modelHome .selectCateSite.icon {
    background-image: url(images/new/house.png);
}

.selectCateSite.availability {
    border-radius: 50%;
}

/* houses */
#housesBox {
    width: 80%;
    position: absolute;
    bottom: -400px;
    left: 0;
    background: #fff;
    height: 350px;
    opacity: 0;
    transition: all 0.3s ease;
}

.closeLotGallery {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background-color: #003349;
    color: #fff;
}

span.closeLineSiteplan {
    width: 100%;
    position: absolute;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    top: 50%;
}

span.closeLineSiteplan.second {
    transform: rotate(-45deg);
}

#housesBox.active {
    bottom: 0;
    opacity: 1;
}

#housesBoxFull {
    width: 90%;
    height: 290px;
    margin: auto;
}

#housesBoxFull .slick-list.draggable {
    height: 290px;
    overflow: hidden;
}

#housesBox #housesBoxFull .slick-arrow {
    position: absolute !important;
    color: transparent !important;
    width: 40px !important;
    height: 40px !important;
    top: 50% !important;
    margin-top: -20px !important;
    background-image: url(images/new/arrow-down.png) !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #fff !important;
    z-index: 1;
}

#housesBox #housesBoxFull .slick-prev {
    display: block !important;
    left: -45px !important;
    transform: rotate(90deg);
}

#housesBox #housesBoxFull .slick-next {
    display: inline-block !important;
    right: -45px !important;
    transform: rotate(-90deg);
}

#housesBoxFull .slick-slide {
    margin: 0 10px;
}

.houseCont {
    background: yellowgreen;
    width: 250px;
    height: 300px;
    padding-top: 10px;
}

.casaImg {
    height: 165px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.floorTitleSiteplan {
    font-family: "Atten New", sans-serif;
    font-size: 16px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    touch-action: pan-y !important;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
}

.floorContSiteplan {
    padding-top: 10px;
    height: 300px;
    position: relative;
    float: left;
}

.houseLineSiteplan {
    background-color: #312725;
    opacity: 0.3;
    width: 100%;
    height: 1px;
    margin: 5px 0;
    float: left;
}

.floorIconMin {
    font-family: "Atten New", sans-serif;
    float: left;
    touch-action: pan-y !important;
    margin-top: 10px;
    width: 23%;
    box-sizing: border-box;
}

.houselineVer {
    float: left;
    border-right: 1px solid rgba(49, 39, 37, 0.3);
    padding-right: 13px;
    margin-right: 6px;
    margin-right: 1%;
    margin-right: 2%;
}

.houselineVer.three {
    width: 31%;
}

.snack {
    font-size: 10px;
}

#housesGallTitle {
    font-family: "Atten New", sans-serif;
    font-size: 25px;
    height: 60px;
    line-height: 40px;
    width: 90%;
    padding-top: 15px;
    margin: auto;
    box-sizing: border-box;
}

#houseDetailbox {
    width: 80%;
    background: #fff;
    bottom: -400px;
    height: 350px;
    opacity: 0;
    position: absolute;
    padding: 20px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

#houseDetailbox.active {
    bottom: 0;
    opacity: 1;
}

#houseDetailLeft {
    height: 100%;
    float: left;
    width: 50%;
    position: relative;
}

#houseDetailRight {
    float: left;
    height: 100%;
    width: 50%;
    padding-left: 30px;
    box-sizing: border-box;
}

#detailImgLeft {
    float: left;
    width: 69%;
    margin-right: 1%;
    height: 100%;
    background: #FFF;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.hasGallery-false #detailImgLeft {
    margin-left: 16%;
}

#detailImgRight {
    float: left;
    width: 30%;
    height: 49%;
    margin-bottom: 1%;
    background: #FFF;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#detailImgRight2 {
    float: left;
    width: 30%;
    height: 49%;
    background-color: #FFF;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.detailAdress,
.detailsPrice,
.detailsPhaseLot,
.detailsSerial,
.detailslineVer {
    font-family: 'Atten New', sans-serif;
    font-size: 35px;
    line-height: 40px;
}

.detailAdress {
    padding-right: 30px;
    line-height: 1;
}

.detailsLine {
    background-color: #312725;
    opacity: 0.3;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    float: left;
}

.detailsPrice {
    font-size: 25px;
    line-height: 30px;
}

.detailsPhaseLot {
    font-size: 15px;
    line-height: 30px;
    float: left;
    width: 50%;
}

.detailsSerial {
    float: left;
    width: 50%;
    font-size: 15px;
    line-height: 16px;
}

.detailslineVer {
    float: left;
    width: 22%;
    font-size: 15px;
    line-height: 16px;
    margin: 20px 0;
    border-right: 1px solid rgba(49, 39, 37, 0.3);
    padding-right: 35px;
    margin-right: 2%;
    box-sizing: border-box;
}

.detailslineVer.three {
    width: 31%;
}

.detailslineVer.last {
    border: none;
}

#detailsBtnBox {
    margin-top: 20px;
    overflow: hidden;
    clear: both;
}

#detailsBtnBox.noBtn {
    border: none;
}

.detailsBtn {
    display: block;
    float: left;
    width: 46%;
    margin: 0 2%;
    text-align: center;
    border: 1px solid #2e2624;
    box-sizing: border-box;
}

.noBtn .detailsBtn {
    border: none;
}

.detailsBtn a {
    display: block;
    padding: 20px;
    color: #2e2624;
    text-decoration: none;
    font-family: "Atten New", sans-serif;
}

.paragraphCont .regular {
    overflow-y: scroll;
    width: 100%;
}

.paragraphCont .team_text {
    width: 100%;
}

.detailsBtn .aniTran {
    background-color: #2e2624;
    color: #fff;
}

.categoryContSite.inv {
    display: none;
}


#availabilityDesktop .selectCateSite {
    background-color: #2e2624;
}

#availabilityDesktop .selectCateSite.available {
    background-color: #1d7d00;
}

#availabilityDesktop .selectCateSite.sold {
    background-color: #CC0707;
}

#availabilityDesktop .selectCateSite.mooveinready {
    background-color: #2d66b2;
}

.legendCategoryContainer,
#availabilityDesktop {
    overflow: hidden;
    width: 100%;
}

.legendsChevron {
    display: none;
    position: absolute;
    width: 20px;
    height: 30px;
    top: -5px;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(images/new/arrow-down.png);
    background-size: 20px;
    background-position: center;
    transform: rotate(0);
    transition: all 0.3s ease;
}

.legendsChevron.active {
    transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
    #containerLeft {
        width: 100%;
        height: 300px;
    }

    #containerRight {
        width: 100%;
        height: auto;
    }

    .rightSmallCont {
        bottom: auto;
        position: relative;
    }

    .categoryContSite {
        width: 50%;
    }

    .legendCategoryContainer,
    #availabilityDesktop {
        display: none;
    }

    .legendCategoryContainer.active,
    #availabilityDesktop.active {
        display: block;
    }

    .legendsChevron {
        display: none;
    }

    .sectionSiteplan {
        /*height: auto !important;*/
    }

    body {
        overflow: auto;
    }

    /*
	#allPoints{
		display: none;
	}*/
}




.legendCategoryContainer,
#availabilityDesktop {
    overflow: hidden;
    width: 100%;
    display: block !important;
}



.floorAme {
    width: 100%;
    box-sizing: border-box;
    touch-action: pan-y !important;
    float: left;
    padding: 0 5%;
    margin-bottom: 15px;
    margin: 10px 0 15px;

    h4 {
        margin-bottom: 0;
    }

    .houseCat {
        font-size: 1rem;
    }
}





@media screen and (max-width: 1024px) {
    .selectCateSite {
        width: 15px;
        height: 15px;
        margin-top: 0px;
    }

    .nameCateSite.nameCateSiteAvailability {
        /* margin-left: 10px; */
        float: none;
        /* margin-top: 4px; */
        font-size: 12px;
        margin-left: 20px;
    }

    .nameCateSite {
        font-size: 12px;
        margin-left: 20px;
        margin-top: 2px;
        min-height: 14px;
    }

    .selectCateSite {
        width: 15px;
        height: 15px;
        margin-top: 0px;
    }

    .legendTitles {
        font-size: 14px;
        margin-bottom: 3px;
    }

    #phasesSelect {
        height: 30px;
        line-height: 32px;
        font-size: 14px;
    }

    .rightSmallCont {
        margin: 10px 10%;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .legendLine {
        margin: 7px 0;
    }
}

@media screen and (max-width: 768px) {
    .rightSmallCont {
        margin: 40px 10%;
    }
}




.largePortrait {}

.largePortrait #containerLeft {
    width: 100%;
}

.largePortrait #containerRight {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

}

.siteplanContent .largePortrait #containerRight {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 20px;
    bottom: auto;
}

.largePortrait .rightSmallCont {
    width: 80%;
    float: left;
    position: relative;
    margin: 10px 10%;
}

.largePortrait #phasesBox {
    width: 50%;
}

.largePortrait #legendDesktop {
    width: 50%;
    float: left;
}

.largePortrait #availabilityDesktop .legendLine {
    display: none;
}

.largePortrait #availabilityDesktop {
    width: 50%;
    float: left;
}

.largePortrait .legendLine {
    margin: 20px 0;
}

.largePortrait #rightMenu {
    margin-top: 20px;
}

#containerLeft {
    position: relative;
    overflow: hidden;
}

/*.largePortrait #housesBox {
    width: 100%;
}*/
#housesBox {
    width: 100%;
}

.largePortrait #houseDetailbox {
    width: 100%;
}

#houseDetailbox {
    width: 100%;
}


/*
@media screen and (max-width: 768px){
	#housesBox {
		display: none !important;
	}
	#houseDetailbox {
		display: none !important;
	}
}
*/


.detailsSerial {
    float: right;
    width: 40%;
}

.detailsPhaseLot {
    float: left;
    width: 60%;
}

.detailsPrice {
    margin-bottom: 10px;
}


.houseMoveInContentSP {
    position: absolute;
    top: 10px;
    left: -10px;
    padding: 9px 14px 7px;
    background-color: #2e2624;
    color: #FFF;
    font-size: 12px;
    line-height: 1;
    z-index: 1;
    box-sizing: border-box;
}

.houseMoveInContentSP.houseMoveInContent-Orange {
    background-color: #f9590a;

}

.hasGallery-false .houseMoveInContentSP {
    margin-left: 16%;
}

@media screen and (max-width: 768px) {
    #housesBox {}

    #houseDetailbox {}

    #housesBox #housesBoxFull .slick-arrow {
        display: none !important;

    }

    #houseDetailLeft {
        width: 25%;
        position: absolute;
        top: 40px;
        top: 30px;
        left: 20px;
        height: auto;
    }

    #detailImgLeft {
        width: 100%;
        height: 90px;
        margin-left: 0;
    }

    .hasGallery-false .houseMoveInContentSP {
        margin-left: 0;
    }

    .hasGallery-false #detailImgLeft {
        margin-left: 0;
    }

    #detailImgRight {
        display: none;
    }

    #detailImgRight2 {
        display: none;
    }

    #houseDetailRight {
        width: 100%;
        padding-left: 0px;
    }

    .detailAdress {
        font-size: 20px;
        padding-right: 0px;
        padding-right: 25px;
        margin-left: 30%;
    }

    .detailsPrice {
        font-size: 18px;
        margin-left: 30%;
    }

    .detailPhaseBox {
        margin-left: 30%;
    }

    .detailslineVer {
        font-size: 13px;
    }

    .detailsPrice {
        margin-bottom: 0px;
    }

    .detailsPhaseLot {
        width: 100%;
        font-size: 13px;
    }

    .detailsSerial {
        width: 100%;
        float: left;
    }

    #housesBox #housesBoxFull .slick-arrow {
        display: block !important;
        border: none !important;
    }

    #housesBox #housesBoxFull .slick-prev {
        display: block !important;
        left: -20px !important;
        transform: rotate(90deg);
    }

    #housesBox #housesBoxFull .slick-next {
        right: -20px !important;
    }

    #housesBox #housesBoxFull .floorContSiteplan {
        margin: 0px;
    }

    #housesGallTitle {
        padding-right: 25px;
    }

    #housesBoxFull .slick-list.draggable {
        height: 320px;
    }

    #housesBoxFull {
        height: 320px;
    }

    #housesBox {
        height: 380px;
    }

    .houseMoveInContentSP {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }



}



#zoomInOutContainer {
    position: absolute;
    width: 40px;
    height: 80px;
    right: 0;
    top: 50%;
    margin-top: -40px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #F0F0F0;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
}

.zoomBtn {
    box-sizing: border-box;
    float: left;
    height: 40px;
    width: 40px;
    background-size: cover;
    background-repeat: no-repeat;
}

#zoomIn {
    border-bottom: 1px solid #ccc;
    background-image: url(images/zoomIn.png);
}

#zoomOut {
    background-image: url(images/zoomOut.png);
}


.contInfoCard {
    display: grid;
    grid-template-columns: repeat(var(--items), 1fr);
    position: relative;
    width: 100%;
}

.contInfoCard .detailslineVer {
    width: auto;
    padding: 0 2px;
}


.priceMgn.sizeClass {
    font-size: 15px;
}

.contInfoCard {
    display: grid;
    grid-template-columns: repeat(var(--items), 1fr);
    position: relative;
    width: 100%;
}

.contInfoCard .floorIconMin {
    width: auto;
    padding: 0 2px;
}

.contInfoCard .priceMgn {
    border-left: 1px solid rgba(49, 39, 37, 0.3);
    padding-left: 5px;
}

.contInfoCard .priceMgn:first-child {
    border-left: none;
}

.floorImg .iconsF:first-child {
    right: 10px;
}


.contCardMvr {
    /*    width: 33%;*/
    float: left;
    position: relative;
    margin-top: 15px;
}

.contImgCardMvr {
    width: 100%;
    height: 200px;
}

.imgCardMvr {
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contDescCardMvr {
    padding: 20px 0px;
}

.secTextCardMvr {
    font-size: 13px;
}

.thirdTextCardMvr.midLeft {
    width: 50%;
    display: inline-block;
}

.thirdTextCardMvr.midLeft {
    width: 55%;
    display: inline-block;
    font-size: 12px;
    font-family: "Atten New", sans-serif;
}

.thirdTextCardMvr.misRight {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 12px;
}

.contPriceCardMvr {
    float: left;
    padding-top: 5px;
}

.oldPriceCardMvr {
    font-size: 19px;
    text-decoration: line-through;
    display: inline-block;
    font-family: "Atten New", sans-serif;
    line-height: 2.3;
    margin-right: 7px;
}

.contSecCardMvr {
    overflow: hidden;
    /* padding: 10px 0; */
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    /*
    line-height: 2;
    padding-top: 5px;
*/
}

.priceCardMvr {
    font-size: 19px;
    display: inline-block;
    color: #fa5a0a;
    font-family: "Atten New", sans-serif;
    line-height: 2.3;
}

.priceCardMvr.NotPreviusPrice {
    color: #2e2624;
}

.contCityCardMvr {
    float: right;
    padding-top: 5px;
}

.cityCardMvr {
    font-size: 12px;
    /* line-height: 2; */
    background-image: url(images/location-pin.png);
    padding-right: 15px;
    background-position: 100% 40%;
    background-repeat: no-repeat;
    background-size: 12px;
    line-height: 3.7;
}

.contThdCardMvr {
    display: grid;
    grid-template-columns: repeat(var(--items), 1fr);
    position: relative;
    padding: 10px 0;
}

.nameItemCardMvr {
    font-size: 7px;
}

.descItemCardMvr {
    font-size: 14px;
}

.itemCardMvr {
    border-left: 1px solid #cecece;
    padding: 0 5px;
}

.itemCardMvr:first-child {
    border-left: none;
}

.contFstCardMvr {
    padding-bottom: 10px;
}

.nameCardMvr {
    margin-bottom: 5px;
    font-family: "Atten New", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    padding-right: 20px;
}

.listingSearchPage .nameCardMvr {
    font-size: 16px;
}

.moveInReadyTagsCardMvr {
    position: absolute;
    top: -15px;
    left: 10px;
    padding: 15px 20px;
    font-size: 12px;
    background-color: #2e2624;
    color: #FFF;
}

.contCardMvr .ctaCamera {
    top: 145px;
}

.contCardMvr.newCardInCommunity {
    box-sizing: border-box;
    float: left;
    width: 23%;
    margin: 0 1% 30px;
    height: auto;
    transition: all 0.3s ease;
}

.contCardMvr.searchResults {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    margin-top: 0px;
    transition: all 0.3s ease;
    left: 0;
}

.contCardMvr.searchResults .contImgCardMvr {
    height: 205px;
    width: 48%;
    margin-right: 2%;
    float: left;
}

.contCardMvr.searchResults .contDescCardMvr {
    width: 50%;
    float: left;
    padding: 7px 0 0;
}

.contCardMvr.searchResults .moveInReadyTags {
    top: 0;
    left: 40px;
    padding: 12px 18px;
}

.contCardMvr .camera_FeaturedBlock {
    top: 145px;
}

.contCardMvr.searchResults .camera_FeaturedBlock {
    top: auto;
    bottom: 20px;
    left: 40px;
}

.contCardMvr.carrouselCard {
    margin: 0 20px 0 0;
}

#listingInfo .requestInf {
    position: relative;
    float: right;
    width: 50%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    clear: both;
}

.requestInf .cta_principal_block {
    margin: 0;
}

#listingInfo .cardListing {
    float: left;
    width: 50%;
    padding: 20px 10px 20px 0;
}

#listingInfo .resumeListing {
    float: right;
    width: 50%;
    padding: 20px 10px;
}

#headerListing .principalImage {
    width: 50%;
}

#headerListing .imagesContainer {
    width: 50%;
}

.cardListing .nameCardMvr {
    font-size: 30px;
}

.cardListing .secTextCardMvr,
.cardListing .thirdTextCardMvr.midLeft,
.cardListing .thirdTextCardMvr.misRight {
    font-size: 15px;
}

.cardListing .thirdTextCardMvr.misRight {
    width: 44%;
}

.cardListing .oldPriceCardMvr,
.cardListing .priceCardMvr {
    font-size: 22px;
}

.cardListing .nameItemCardMvr {
    font-size: 10px;
}

.namePriceCardMvr {
    font-size: 13px;
    font-family: 'Atten New', sans-serif;
    padding-top: 10px;
}

.requestInf.rightbtn {
    width: 100%;
    padding: 20px 0;
    position: relative;
    float: right;
    margin: 0;
    box-sizing: border-box;
    clear: both;
}

.housePopupInfo .contGalleryTextRight {
    height: 100%;
    width: 40%;
    min-width: 20%;
    float: right;
    padding: 20px 20px 0;
    box-sizing: border-box;
    display: block;
}

#listingInfo .requestInf.leftbtn {
    float: left;
    padding-left: 0;
}

#listingInfo .fav_FeaturedBlock {
    top: 21px;
}

.housePopupInfo .titleDist_third_featureBlock {
    text-align: left;
}

.housePopupInfo .contPriceCardMvr {
    padding: 0;
}

.housePopupInfo .ctaFull {
    width: 100%;
    display: inherit;
    box-sizing: border-box;
    padding: 10px 25px 7px;
}

.housePopupInfo .btnContainer {
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
}

.housePopupInfo .details_popUp_Gallery,
.housePopupInfo .price_popUp_Gallery {
    height: auto;
}

.housePopupInfo .nameCardMvr {
    font-size: 22px;
}

.housePopupInfo .popup_desc {
    padding-top: 0;
}

.housePopupInfo .contFstCardMvr {
    padding-bottom: 0;
}

.searchResults .listingTitle {
    font-family: "Atten New", sans-serif;
    /*    text-transform: capitalize;*/
    font-size: 16px;
}

.searchResults .text_smallLarge {
    font-size: 19px;
}

.searchResults .specsListing .txtInfo {
    font-size: 7px;
}

.searchResults .specsListing .text_smallLarge {
    font-size: 14px;
}

.searchResults .subTitleHomes_fifth_featureBlock .titleDist_third_featureBlock {
    font-size: 12px;
}

.searchResults .subTitleHomes_fifth_featureBlock .titleDist_third_featureBlock.Moved {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    font-family: "Atten New", sans-serif;
    font-weight: 100;
}

#houseDetailbox .nameCardMvr {
    font-size: 25px;
}

#houseDetailbox .thirdTextCardMvr.midLeft {
    margin-bottom: 10px;
}

#houseDetailbox .contSecCardMvr {
    border-bottom: none;
}

#houseDetailbox .contThdCardMvr {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

#houseDetailbox .detailsBtn {
    margin: 0;
}

#houseDetailbox .detailsBtn a {
    padding: 10px 10px 7px;
    display: block;
}

#houseDetailbox .detailsBtn a.mobile {
    display: none;
}

#houseDetailbox #houseDetailLeft {
    padding-top: 14px;
    box-sizing: border-box;
}

#houseDetailbox .hasGallery-false .houseMoveInContentSP {
    margin: 0;
    left: 20%;
    top: 0;
    font-size: 15px;
}

section#headerListing {
    padding-top: 22px;
}

section#headerListing .moveInReadyTags {
    top: -20px;
    z-index: 1000;
}

#headerListing .principalImage {
    width: 50%;
    overflow: visible;
}

.housePopupInfo .contSecCardMvr.mobile {
    display: none;
}

.galleryPopupContainer .btnContainer.mobilePopup {
    display: none;
}

.searchPage .galleryPopup .slick-list {
    padding: 0;
}

.galleryContent {
    height: auto;
    left: auto;
    position: relative;
    margin: 0;
}

.housePopupInfo {
    height: auto;
}

.contGalleryTextLeft {
    padding: 10px 0;
}

.searchPage .listingItems .searchResults .fav_FeaturedBlock {
    top: 20px;
}

.cityListing {
    background-position: 96% 25%;
}

.searchResults .listingTitle {
    padding-right: 20px;
}

.resumeListing.desktopClass,
.cardListing.desktopClass p {
    display: block;
}

.resumeListing.mobileClass,
.cardListing.mobileClass {
    display: none;
}

.galleryPopupContainer.presaleGallery .galleryContent {
    left: 50%;
}

.searchResultsContainer.communitiesPageContainerview .contCardMvr.searchResults {
    height: auto;
    margin-bottom: 20px;
    padding-top: 15px;
}

.searchResultsContainer.communitiesPageContainerview .oldPriceCardMvr,
.searchResultsContainer.communitiesPageContainerview .priceCardMvr {
    padding-top: 5px;
    font-size: 15px;

}

.sectionSiteplan .thirdTextCardMvr.misRight {
    width: 100%;
}

@media screen and (max-width: 1400px) {
    #searchMapSearch {
        width: calc(100% - 550px);
    }

    .communitiesPageContainerview .listinglist,
    .communitiesPageContainerview .listingCommunities {
        width: 500px;
    }

    .listinglist {
        width: 550px;
    }

    .oldPriceCardMvr,
    .priceCardMvr {
        font-size: 18px;
    }

    .cityCardMvr {
        font-size: 10px;
    }

    .searchResultsContainer.communitiesPageContainerview .oldPriceCardMvr,
    .searchResultsContainer.communitiesPageContainerview .priceCardMvr {
        padding-top: 0px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1280px) {
    .contCardMvr.newCardInCommunity {
        width: 31%;
    }

    .searchPage .listingItems .contCardMvr.searchResults .fav_FeaturedBlock {
        right: 40px;
    }
}

@media screen and (max-width: 1024px) {

    .listinglist {
        width: 100%;
    }

    .contCardMvr.newCardInCommunity {
        width: 48%;
    }

    .searchPage .contCardMvr.searchResults .ctaCamera {
        top: 165px;
        left: 10px;
        position: absolute;
    }

    .contCardMvr.searchResults.contCardMvr {
        width: 90%;
        padding: 0 0px;
        margin-left: 5%;
    }

    .searchPage .listingItems .contCardMvr.searchResults .fav_FeaturedBlock {
        right: 10px;
    }

    .contCardMvr.searchResults .moveInReadyTags {
        left: 10px;
    }

    #searchMap,
    #searchRentalCommunityMap,
    #searchMapSearch {
        width: calc(100% - 500px);
    }

    .cardListing .thirdTextCardMvr.misRight {
        width: 41%;
    }
}

@media screen and (max-width: 768px) {
    #headerListing .principalImage {
        width: 100%;
    }

    #listingInfo .cardListing,
    #listingInfo .resumeListing,
    #listingInfo .requestInf {
        width: 100%;
        padding: 20px 0;
    }

    #listingInfo .ctaUnderlineLine,
    .requestInf.rightbtn .ctaUnderlineLine {
        display: none;
    }

    #listingInfo .ctaUnderline,
    .requestInf.rightbtn .ctaUnderline {
        display: inline-block;
        border-bottom: 1px solid #2e2624;
        padding: 10px 0;
    }

    .cardListing .nameCardMvr {
        font-size: 25px;
    }

    .cardListing .secTextCardMvr,
    .cardListing .thirdTextCardMvr.midLeft,
    .cardListing .thirdTextCardMvr.misRight {
        font-size: 13px;
    }

    .housePopupInfo .contPriceCardMvr {
        text-align: left;
    }

    .housePopupInfo .nameCardMvr {
        font-size: 18px;
    }

    .housePopupInfo .oldPriceCardMvr,
    .housePopupInfo .priceCardMvr {
        line-height: 2;
        margin: 0;
        padding: 0;
        padding-top: 5px;
    }

    .housePopupInfo .contGalleryTextLeft {
        width: 100%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }

    .housePopupInfo .contGalleryTextRight {
        width: 35%;
        padding: 20px 10px 0;
        display: none;
    }

    #houseDetailbox #houseDetailLeft {
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 30px;
        position: relative;
        padding: 0;
    }

    #houseDetailbox {
        height: 400px;
    }

    #houseDetailbox #detailImgLeft {
        height: 140px;
    }

    #houseDetailbox .nameCardMvr {
        font-size: 15px;
    }

    #houseDetailbox .secTextCardMvr,
    #houseDetailbox .thirdTextCardMvr.midLeft,
    #houseDetailbox .thirdTextCardMvr.misRight {
        font-size: 11px;
    }

    #houseDetailRight {
        height: auto;
        padding-top: 10px;
    }

    #houseDetailbox .closeLotGallery {
        top: 10px;
    }

    #houseDetailbox .contThdCardMvr {
        padding: 5px 0;
    }

    #houseDetailbox .oldPriceCardMvr,
    #houseDetailbox .priceCardMvr {
        font-size: 15px;
        line-height: 1.8;
    }

    #houseDetailbox .detailsBtn {
        width: 100%;
    }

    #houseDetailbox .detailsBtn a {
        display: none;
        padding: 5px;
        font-size: 12px;
        width: 100%;
    }

    #houseDetailbox .detailsBtn a.mobile {
        display: block;
    }

    #houseDetailbox .hasGallery-false .houseMoveInContentSP {
        width: auto;
        display: inline-block;
        position: absolute;
        top: -14px;
        left: 10px;
    }

    .housePopupInfo .contSecCardMvr.mobile {
        display: block;
        border-top: none;
    }

    .galleryPopupContainer .galleryContent {
        height: auto;
    }

    .galleryPopupContainer .housePopupInfo {
        height: auto;
    }

    .galleryPopupContainer .btnContainer.mobilePopup {
        display: block;
    }

    .contSlickComList .contDescCardMvr {
        padding: 5px 0px;
    }

    .contSlickComList .contImgCardMvr {
        height: 130px;
    }

    .contSlickComList .nameCardMvr {
        font-size: 14px;
        margin: 0;
    }

    .contSlickComList .secTextCardMvr,
    .contSlickComList .thirdTextCardMvr.midLeft,
    .contSlickComList .thirdTextCardMvr.misRight {
        font-size: 11px;
    }

    .contSlickComList .contFstCardMvr {
        padding-bottom: 0;
    }

    .contSlickComList .cityCardMvr {
        font-size: 10px;
        line-height: 3.1;
    }

    .contSlickComList .oldPriceCardMvr,
    .contSlickComList .priceCardMvr {
        font-size: 15px;
        line-height: 1.3;
    }

    .contSlickComList .contThdCardMvr {
        padding: 5px 0;
    }

    .contSlickComList .descItemCardMvr {
        font-size: 11px;
    }

    .contSlickComList .contCityCardMvr,
    .contSlickComList .contCityCardMvr {
        padding: 0;
    }

    .resumeListing.desktopClass,
    .cardListing.desktopClass p {
        display: none;
    }

    .resumeListing.mobileClass,
    .cardListing.mobileClass {
        display: block;
    }

    #listingInfo .requestInf {
        width: 100%;
        padding: 5px 0px;
    }

    #searchMap,
    #searchRentalCommunityMap,
    #searchMapSearch,
    .communitiesPageContainerview .listinglist,
    .communitiesPageContainerview .listingCommunities {
        width: 100%;
    }

    .container.closeFilter {
        width: 100%;
    }

    .closeFilterbyCommunity.close {
        display: block !important;
        right: 10px;
        top: 0px;
    }
}

@media screen and (max-width: 650px) {
    .contCardMvr.newCardInCommunity {
        width: 80%;
        margin: 0 9% 30px;
    }
}

@media screen and (max-width: 500px) {
    .contCardMvr.searchResults .contImgCardMvr {
        width: 100%;
    }

    .contCardMvr.searchResults .contDescCardMvr {
        width: 100%;
        float: left;
        padding: 10px 0;
    }

    .searchPage .contCardMvr.searchResults .ctaCamera {
        top: 165px;
        left: 10px;
        position: absolute;
    }

    .searchPage .listingItems .contCardMvr.searchResults .fav_FeaturedBlock {
        right: 10px;
    }

    .cardListing .nameCardMvr {
        font-size: 20px;
    }

    .cardListing .secTextCardMvr,
    .cardListing .thirdTextCardMvr.midLeft,
    .cardListing .thirdTextCardMvr.misRight {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .contCardMvr.newCardInCommunity {
        width: 98%;
        margin: 0 1% 30px;
    }
}