section.property-display {

	padding-top: 25px;

	padding-bottom: 25px;

	background-color: white;

}



section.property-display .top {

	padding-bottom: 25px;
/* 1px solid #dfdfdf */
}

section.property-display .top .button {

	float: right;

	padding-top: 9px;

}



section.property-display .listing .item {

	border: 1px solid #dfdfdf;

	border-radius: 8px;

	/* overflow: hidden; */

	transform:scale(1);

	-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;



}



section.property-display .listing .item .layer{

	position: absolute;

	z-index: 2;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	background: #21293c;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	text-align: center;

}

section.property-display .listing .item .layer .btn{

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

}

section.property-display .listing .item:hover .layer{

	opacity: 0.25;

	visibility: visible;

}

section.property-display .listing .item .image {

	position: relative;

	-webkit-border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topleft: 8px;

	-moz-border-radius-topright: 8px;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	overflow: hidden;

}

section.property-display .listing .item .price {

	position: absolute;

	top: 10px;

	right: 10px;

	font-size: 20px;

	color: white;

	background: var(--color2);

	line-height: 20px;

	padding: 0 6px;

	border-radius: 4px;

	/* text-tran1px solid #dfdfdf */

	font-size: 12px;

	letter-spacing: 1px;

	font-weight: 700;

	z-index: 8;

}

section.property-display .listing .item .price span {

	opacity: 0.5;

	font-weight: 400;

}

section.property-display .listing .item .price span.night {

	font-weight:300;

	letter-spacing:0.25px;

	font-size:10px;

}

section.property-display .listing .item .image img {

	height: 224px;

	object-fit: cover;

	transform:	scale(1);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

}

section.property-display .listing .item:hover .image img {

	transform:scale(1.05);

	filter: contrast(120%);

}

section.property-display .listing .item .image .badges {

	position: absolute;

	top: 10px;

	left: 10px;

	z-index: 3;

}

section.property-display .listing .item .image .badges li {

	background: white;

	line-height: 20px;

	padding: 0 6px;

	border-radius: 4px;

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 1px;

	font-weight: 700;

}



section.property-display .listing .item .content {

	padding: 10px;

	-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;

}



section.property-display .listing .item:hover .content {

color:var(--color);

}



section.property-display .listing .item .content h3 {

	font-size: 17px;

	line-height: 25px;

	margin-bottom: 0;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



section.property-display .listing .item .content h5 {

	font-size: 13px;

	line-height: 22px;

}



section.property-display .listing .item .icons {

	border-top: 1px solid #dfdfdf;

	padding: 0 10px;

	height: 34px;

}

section.property-display .listing .item .icons li {

	display: inline-block;

	padding: 8px 4px;

	position: relative;

}

section.property-display .listing .item .icons li img {

	height: 14px;

	width: 14px;

	object-fit: contain;

	display: inline-block;

	vertical-align: top;

}





section.property-display .listing .item .icons li span{

	font-size: 11px;

	display: inline-block;

	/* vertical-align: middle; */

	position: relative;

	top: -7px;

}





/* [m] */

@media all and (max-width: 992px) {



	section.property-display .top .button {

display: none;



	}



	section.property-display .top h2 {

  margin-top:15px;

	}



}

/* [m] */

@media all and (max-width: 576px) {

section.property-display .listing .item .image img{

	height:180px;

}

}



