/*body*/
.com_spproperty.com-spproperty.view-properties{background: #222222;}

.com-spproperty.view-properties #sp-main-body {
    padding: 0;
    background-color: #222222!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23777777' fill-opacity='0.25'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;
}

@media (min-width: 992px){
.view-properties main#sp-component {max-width: 1250px;margin: auto;padding: 0px;padding-top: 80px;}}

@media (max-width: 991px){
.view-properties main#sp-component {margin: auto;padding-top: 30px;}}

.spproperty-view-properties.spproperty {padding: 75px 0 0px;}

@media (max-width: 1199px){
body.com-spproperty .spproperty-view-properties>div {
    padding-bottom: 0px;
    margin-bottom: 0px;
}}

body.com-spproperty .spproperty-view-properties>div {border-bottom: 1px solid rgba(31, 31, 31, 0.1);padding-bottom: 0px;margin-bottom: 0px;}


/*sorting*/
.spproperty-total {color: #fff;}body.com-spproperty .spproperty-sorting-wrap {margin: 20px 0px 50px 0px;padding: 0;}

body.com-spproperty .spproperty-sorting-wrap .spproperty-sorting select#sorting:focus {outline: none;box-shadow: none;color: #ffffff7a;background: #222222;}

body.com-spproperty .spproperty-sorting-wrap .spproperty-sorting .sorting:after {filter: invert(1);transform: scale(0.8);transform-origin: top left;}

@media (max-width: 767px) {
	body.com-spproperty .spproperty-sorting-wrap {
		flex-direction: row;
		font-size: 12px;
	}

	select#sorting {
		font-size: 12px;
	}

	body.com-spproperty .spproperty-sorting-wrap .spproperty-sorting .sorting:after {
		filter: invert(1);
		transform: scale(0.6);
		transform-origin: top left;
	}
}


/*listing rows*/
@media (max-width: 991px){.spproperty-col-sm-4 {margin-bottom: 0px;}}

/*make column align when content different*/

.spproperty-col-sm-4, .listing-module .col-md-4.col-xs-12.col-sm-12 {
    display: flex;
}
.spproperty-col-sm-4>div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sp-property-listings {
    position: relative;
    margin-bottom: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.property-icon-group {
    flex: 1;
}

.spproperty-view-properties.spproperty>.pagination>ul {
    justify-content: flex-start;
    overflow-x: scroll;
}

/*property card*/
.sp-property-listings {background: #fff;padding: 20px;border-radius: 20px;}
@media (max-width: 991px){.sp-property-listings {margin-bottom: 30px;}}

/*image*/
img.img-fluid.sp-property-listing-image {width: 100%;border-radius: 20px;height: 200px;object-fit: cover;margin-bottom: 20px;z-index: 2;}

/*icons*/
img.property-single-icon {width: 28px;object-fit: contain;filter: invert(50%) sepia(2%) saturate(8%) hue-rotate(62deg) brightness(92%) contrast(88%);}
.property-information {font-family: 'Roboto';}
.property-information {display: inline-flex;padding-right: 10px;opacity: 0.6;/* align-items: center; */line-height: 2;}
.property-information img.property-single-icon {margin-right: 6px;float: left;}

/*hr*/
.sp-property-listings hr {border-color: #000;opacity: 0.2;}

/*label sell hot*/
.sp-property-listings {
    position: relative;
    margin-bottom: 30px;
}
.property-label-group {position: absolute;top: 30px;left: 30px;z-index: 3;}

p.property-listing-label {
    text-transform: capitalize;
    padding: 5px 20px;
    background: #f68920;
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    float: left;
    position: relative;
}

/*ordering*/
.spproperty-sorting.pull-right {margin: 0;}

/*location*/
p.property-address {margin: 0px 0px 15px 0px;color: #777;font-family: 'Montserrat';display: flex;text-wrap: wrap;align-items: flex-start;}
p.property-address i {margin-right: 5px;}
p.property-address img {width: 20px;height: auto;margin-right: 5px;}

/*property title*/
p.property-title a {color: #000;font-weight: 900;font-size: 25px;line-height: 1;}
p.property-title {margin-bottom: 15px;}

/*features*/
.row.property-icon-group {color: #777777;display: flex;}

/*price*/
.property-price {font-size: 25px;font-weight: 900;}
.property-price small {font-size: 16px;color: #777;font-weight: normal;}

/*property price-arrow*/
.property-price-detail {display: flex;justify-content: space-between;}

/*property arrow detail*/
.property-detail img.view-more-arrow {width: 35px;transform: rotate(45deg);transition:0.5s ease;}
.property-detail img.view-more-arrow:hover {width: 35px;transform: rotate(35deg) scale(1.1);transition:0.5s ease;}

/*filter wrapper property page*/
body.com-spproperty.view-properties .spproperty-search-wrapper {margin: 0px;}

/*pagination*/
.pagination>li>a,.pagination>li>span {color: #777}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {color: #fff;border: 0px;box-shadow: none;}


/*end of property listing*/