*:focus {
    outline: none;
}

/*
div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
*/
#search_results{
    background: #ffffff;
    padding: 0.5em;
    min-height: 100vh;
}
#portfolio{
    margin: 3em auto;
}

#map {
    width: 100%;
    height: 100vh;
}

.portfolio-description{
    font-size: 1.3em;
    margin-bottom: 0.5em;    
}
.listings_details{
    position: relative;
}
.prop-status{
    position: absolute;
    bottom: 0;
    right: 2px;
    padding: 2px 12px;
    color:#fff;
    border-radius: 2px;
    font-size: 12px;
}
    .prop-status.active{
        background: #4caf50;
    }
    .prop-status.pending{
        background: #ff9800;
    }
    .prop-status.sold{
        background: #f44336;
    }

#similar-properties{
    max-width: 1200px;
    margin: auto;
}
    #similar-properties a, #similar-properties a:hover{
        color: #262930;
    }
	#similar-properties-properties img{
		width:100%;
		}
	#similar-properties .img-item{
		float:left;
		margin-right:25px;
	}
		#similar-properties .img-item a{
			position:relative;
			display:block;
		}
	#similar-properties .photo_crop {
		height: 100%;
		overflow: hidden;
	}
		#similar-properties .photo_crop img{
			min-height:inherit;
		}
	#similar-properties .pic {
		float: left;
		height: 204px;
		width: 270px;
		overflow: hidden;
	}
	#similar-properties .nopic {
		display:none;
	}

.details_property {
    margin-bottom: 20px;
    text-align: left;
    clear: both;
    display: block;
    text-decoration: none !important;
    position: relative;    
    background: #fff;
    box-shadow: none !important;
    border: none !important;
}

.details_property .title {
    font-weight: 400;
    font-size: 16px;
    /* color: #3079ED; */
    display: block;
}
.details_property .price {
    color: #666;
}

/*======================================
            MarkerCluster.css
========================================*/
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.img-crop{
	overflow: hidden;
/*    height: 150px;*/
}
	.img-crop img{
		height: auto;
		width: 100%;
	}

.img-crop-result{
	overflow: hidden;
	height: 100%;
}

.facetBody .btn-default, .facetBody .btn-default:focus{
    background: #fff;
    color: #999999;
}

.facetBody .bootstrap-select{
    background: transparent;
} 

.facetWrapper {
    position: relative;
}
.facetBody {
    width: 175px;
    display: inline-block;
    position: absolute;
    top: 40px;
    z-index: 1;
    background: #fff;
}

.facetItemRemove {
/*    float: left;*/
    margin-left: 1em;
}
.facetItemRemoveValue {
    margin-left: 0;
    margin-right: 1.5em;
}

.btn-controls{
	position: absolute;
	top: 0px;
	right: 3px;
}
	.btn-controls button:focus{
		outline: none;
	}
.btn-map{
    border: 1px solid #3C4858;
}
    .btn-map:hover{
        border: 1px solid #3C4858;
        cursor: pointer;
    }