.elementor-177 .elementor-element.elementor-element-450f342{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-177 .elementor-element.elementor-element-cf711c3{left:90px;}body.rtl .elementor-177 .elementor-element.elementor-element-cf711c3{right:90px;}.elementor-177 .elementor-element.elementor-element-cf711c3{top:90px;}.elementor-177 .elementor-element.elementor-element-cf711c3 .elementor-icon-wrapper{text-align:center;}.elementor-177 .elementor-element.elementor-element-cf711c3 .elementor-icon{font-size:41px;}.elementor-177 .elementor-element.elementor-element-cf711c3 .elementor-icon svg{height:41px;}@media(max-width:1024px){body:not(.rtl) .elementor-177 .elementor-element.elementor-element-cf711c3{left:40px;}body.rtl .elementor-177 .elementor-element.elementor-element-cf711c3{right:40px;}.elementor-177 .elementor-element.elementor-element-cf711c3{top:40px;}}@media(max-width:767px){body:not(.rtl) .elementor-177 .elementor-element.elementor-element-cf711c3{left:30px;}body.rtl .elementor-177 .elementor-element.elementor-element-cf711c3{right:30px;}.elementor-177 .elementor-element.elementor-element-cf711c3{top:30px;}.elementor-177 .elementor-element.elementor-element-cf711c3 .elementor-icon{font-size:35px;}.elementor-177 .elementor-element.elementor-element-cf711c3 .elementor-icon svg{height:35px;}}/* Start custom CSS for html, class: .elementor-element-264bf96 */body{
	margin: 0px;
	padding: 0px;

}
.left-content-area{
    width: 50%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    max-height: 100vh;
    position: absolute;
}
.l-z-con{
    font-size: 21px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 300;
}
.left-cont-wrap{
    max-width: 450px;
    text-align: center;
    font-family: "AstoriaSans", Sans-serif;
    font-weight: 400;
    margin: 0px auto;
    line-height: 1.6;
}

.zoom-icon{
    cursor: pointer;
    padding-bottom: 20px;
}
.zoom-icon p{
    margin-bottom: 13px;
}
.zoomed-in .zoom-icon{
    position: fixed;
    text-align: center;
    left: 20px;
    bottom: 20px;
    cursor: pointer;
    padding: 0px;
}
.zoomed-in  .l-z-con{
    display: none;
}

.map-wrapper.zoomed-in .map-bg img{
    max-height: inherit;
}
.map-wrapper.zoomed-in  .map-content{
    max-height: inherit;
}

.map-wrapper{
	position: relative;
	overflow: hidden;
}
.map-content{
    display: inline-block;
    float: right;
    position: relative;
    max-height: 100vh;
}
.map-bg img{
	max-height: 100vh;
	width: auto;
	max-width: 100%;
	height: auto;

}

.map-property-v{
    position: absolute;
    width: 19%;
    height: 73%;
    right: 16%;
    bottom: 17%;
}

.map-property-v ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
.map-property-v ul li{
	cursor: pointer;
   position: relative;

}

h5.under-contract{
    background: #032165;
    padding: 10px;
    margin-top: -10px;
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 15px;
}



.property-box {
	display: none;
	z-index: 10;
	position: relative;
}
/*.property-box.show-btm{
	padding-top: 50px;
}*/

.property-box{
	padding-top: 40px;
}
.property-box.show-top{
    padding-top: 0px;
    padding-bottom: 34px;
    padding-left: 20px;
    padding-right: 20px;
}
.property-box .pr-b-inner{
	background: #fff;
	padding: 10px;
	position: absolute;
	left: -90px;
	width: 200px;
	z-index: 10;
	cursor: auto;
}
.property-box.show-top .pr-b-inner{
	bottom: 35px;
}

.map-property-v ul li.p-v-9 .property-box.show-left .pr-b-inner{
        margin-top: -55px;
}




.map-property-v ul li:hover .property-box,.map-property-e ul li:hover .property-box,.map-property-s ul li:hover .property-box,.map-property-details  ul li:hover .property-box{
	display: block;
}

.property-box h3{
	font-size: 16px;
	font-weight: 600;
	margin: 0px;
        font-family: "AstoriaSans", Sans-serif;
        margin-bottom: 10px;
}
.property-box p{
	margin: 3px 0px;
	font-size: 13px;
        font-family: "AstoriaSans", Sans-serif;
        line-height: 1.4;
/*        display: none;*/
}
.property-box a{
	background: #032165;
	padding: 5px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	display: block;
        font-family: "AstoriaSans", Sans-serif;
        color: #fff !important;
}
.property-box .pr-b-inner:before{
	content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #fff;
    margin-right: 5px;
    vertical-align: middle;
    position: absolute;
   
}

.property-box .pr-b-inner:before{
	 top: 0;
    left: 50%;
    margin-left: -6px;
    margin-top: -10px;;
}

.property-box.show-top .pr-b-inner:before{
    top: inherit;
    margin-top: inherit;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    margin-bottom: -7px;
    transform: rotate(60deg);
}

.property-box.show-left .pr-b-inner:before{
    left: 100%;
    transform: rotate(90deg);
    margin-left: -1px;
    top: 50%;
    margin-top: -5px;
}
.property-box.show-left  .pr-b-inner{
    left: -200px;
    margin-top: -30px;
}
.property-box.show-left{
    padding-top: 0px;
    padding-right: 20px;
}


/*.map-property-v ul li,.map-property-e ul li{
	background: #ff00003d;
}*/

.map-property-v ul li.p-v-6{
     width: 20%;
    height: 4%;
    left: 27%;
    top: 0%;
}

.map-property-v ul li.p-v-7{
    width: 21%;
    height: 4.4%;
    left: 26%;
    top: 2%;
}

.map-property-v ul li.p-v-8{
    width: 23%;
    height: 4.6%;
    left: 26%;
    top: 3%;
}

.map-property-v ul li.p-v-9{
    width: 21%;
    height: 4.4%;
    left: 30%;
    top: 4%;
}

.map-property-v ul li.p-v-10{
    width: 21%;
    height: 4.4%;
    left: 31%;
    top: 5.5%;
}

.map-property-v ul li.p-v-20{
    width: 21%;
    height: 4.4%;
    left: 0%;
    top: 19%;
}

.map-property-v ul li.p-v-21{
     width: 21%;
    height: 4.2%;
    left: 5%;
    top: 19.5%;
    border-radius: 0px 0px 7px 0px;
}

.map-property-v ul li.p-v-22{
    width: 21%;
    height: 4.2%;
    left: 18%;
    top: 19.9%;
    border-radius: 0px 0px 7px 0px;
}
.map-property-v ul li.p-v-23{
    width: 18%;
    height: 4.4%;
    left: 29%;
    top: 20.5%;
    border-radius: 5px;
}


.map-property-v ul li.p-v-24{
    width: 20%;
    height: 5%;
    left: 26%;
    top: 20.8%;
    border-radius: 5px;
}

.map-property-v ul li.p-v-25{
    width: 19%;
    height: 5.5%;
    left: -4%;
    top: 22.5%;
    
}

.map-property-v ul li.p-v-26{
     width: 18%;
    height: 5%;
    left: 18%;
    top: 16.8%;
}

.map-property-v ul li.p-v-27{
       width: 22%;
    height: 5%;
    left: 46%;
    top: 11.1%;
    border-radius: 10px;
}

.map-property-v ul li.p-v-28{
  width: 20%;
    height: 4%;
    left: 25.5%;
    top: 13%;
    border-radius: 0px 0px 5px 9px;
}

.map-property-v ul li.p-v-29{
    width: 22%;
    height: 4.7%;
    left: 56%;
    top: 7%;
    border-radius: 10px;
}
.map-property-v ul li.p-v-30{
    width: 22%;
    height: 4%;
    left: 36%;
    top: 8.8%;
    border-radius: 5px;
}


.map-property-v ul li.p-v-31{
    width: 19%;
    height: 4%;
    left: 67%;
    top: 3%;
    border-radius: 5px;
}

.map-property-v ul li.p-v-32{
     width: 18%;
    height: 5%;
    left: 45%;
    top: 5%;
    border-radius: 5px;
}

.map-property-v ul li.p-v-33{
    width: 19%;
    height: 4%;
    left: 76%;
    top: -0.5%;
    border-radius: 5px;
}

.map-property-v ul li.p-v-34{
    width: 19%;
    height: 4%;
    left: 49%;
    top: 1.8%;
    border-radius: 5px;
}


.map-property-v ul li.p-v-35{
     width: 16%;
    height: 4.8%;
    left: 84%;
    top: -4.1%;
    border-radius: 5px;
}

.map-property-v ul li.p-v-36{
     width: 20%;
    height: 4.4%;
    left: 78%;
    top: -3.4%;
    border-radius: 5px;
}

.map-property-v ul li.p-v-37{
    width: 18%;
    height: 4.4%;
    left: 51%;
    top: -5%;
    border-radius: 5px;
}


/*property estate*/
.map-property-e{
    width: 12.5%;
    height: 13%;
    position: absolute;
    top: 39%;
    left: 52%;
   
}
.map-property-e ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
.map-property-e ul li{
    position: relative;
    cursor: pointer;

}

.map-property-e ul li.p-e-29{
    width: 23%;
    height: 25%;
    left: 13%;
    top: 0%;
}

.map-property-e ul li.p-e-30{
    width: 23%;
    height: 25%;
    left: -3%;
    top: 6%;
}

.map-property-e ul li.p-e-31{
     width: 27.5%;
    height: 25%;
    left: 4.6%;
    top: 16%;
}
.map-property-e ul li.p-e-32{
     width: 27.5%;
    height: 25%;
    left: 40.6%;
    top: 2%;
}

.map-property-e ul li.p-e-33{
    width: 29%;
    height: 23%;
    left: 72%;
    bottom: 34%;
}


/*Sunday*/
.map-property-s {
     position: absolute;
    width: 7%;
    height: 7%;
    bottom: 44%;
    left: 39.5%;
    
}
.map-property-s ul{
    width: 100%;
    height: 100%;
}
.map-property-s ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
.map-property-s ul li{
    cursor: pointer;
   position: relative;

}
.map-property-s ul li.p-s-7{
    width: 38%;
    height: 31%;
}
.map-property-s ul li.p-s-8{
    width: 38%;
    height: 32%;
    left: 22%;
    border-radius: 15px 0px 0px 0px;
}

.map-property-s ul li.p-s-9{
    width: 39%;
    height: 32%;
    left: 56%;
    border-radius: 15px 0px 0px 0px;
    bottom: 3%;
}


/*Property Details0*/

.map-property-details ul li{
	 	position: absolute;
	 	cursor: pointer;

}
.map-property-details ul li.p-d-1{
    width: 9%;
    height: 8%;
    top: 21%;
    left: 47%;
}

.map-property-details ul li.p-d-2{
    width: 12%;
    height: 18%;
    top: 6%;
    left: 57%;
}
.map-property-details ul li.p-d-2 .property-box{
	top: 30%;
    left: 35%;
}
.map-property-details ul li.p-d-3{
     width: 7.5%;
    height: 5.5%;
    top: 29%;
    left: 59%;
}

.map-property-details ul li.p-d-4{
		width: 6.5%;
    height: 4.5%;
    top: inherit;
    left: 79%;
    bottom: 5.5%;
}





@media (max-width: 1250px) {
    .l-z-con{
        font-size: 16px;   
    }

    .left-cont-wrap{
        max-width: 280px;
    }
    .zoom-icon p{
        font-size: 14px;
    }
}
@media (max-width: 1150px) {
    .left-content-area{
        position: relative;
        display: inherit;
        width: 100%;
        height: inherit;
        max-height: inherit;
        min-height: inherit;
        z-index: 1000;
    }
    .left-cont-wrap {
        max-width: 280px;
        position: relative;
        height: inherit;
        margin: 0px auto;
    }
}


@media (max-width: 768px) {
  .property-box {
        padding-top: 25px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .property-box .pr-b-inner {
        left: -65px;
        width: 130px;
        padding: 5px;
    }
    .property-box h3{
        font-size: 14px;
    }
    .property-box p{
        margin: 4px 0px;
    }
    .property-box a {
        padding: 3px;
        font-size: 11px;
    }
    .property-box.show-left .pr-b-inner {
        left: -135px;
        margin-top: -30px;
    }
    h5.under-contract {
    background: #032165;
    padding: 5px;
    margin-top: -5px;
    color: #fff;
    margin-left: -5px;
    margin-right: -5px;
    font-size: 11px;
}
}/* End custom CSS */