/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#carousel-listing .slick-slide img.lightbox_trigger {
	display: block;
	max-height:420px;
	margin: 0px auto;
}
#carousel-listing-nav .item.slick-slide{
	width:auto!important;
}
#carousel-listing-nav img{
	max-height:90px;
}

.property_listing   .listing-unit-img-wrapper .item{
	height: 233px;
	background: #000;
	width:100%;
}
.property_listing   .listing-unit-img-wrapper img{
	max-height: 233px;
	width: 100%;
	height: auto!important;
	top: 50%;
	margin:0px auto;
	position: relative;
	vertical-align: middle;

}
#carousel-listing-nav{
	max-height: 90px;
	overflow: hidden;
}

#carousel-listing .slick-slide {
	height: 420px;
}
#carousel-listing .slick-slide img.lightbox_trigger {
	display: block;
	max-height: 420px;
	margin: 0px auto;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
}

.ligtbox_no_crop .lightbox_property_slider .owl-wrapper img {
	height: auto!important;
	width: auto!important;
	margin: 0px auto;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	right: 0;
}
.listing-unit-img-wrapper {
	width: 100%;
}

.listing_detail {
	padding: 3px 15px 3px 0px;
	word-break:break-word;
}

.nav-next img, .nav-prev img {
	height: auto!important;
	max-width: 100px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;

}
.nav-prev img{
	left:0px;
}

.nav-next img{
	right:0px;
}


.nav-prev, .nav-next {
	height: 100px;
	position: relative;
}


.infobox_image_wrapper {
	width: 175px;
	height: 100%!important;
	display: inline;
	float: left;
	position: relative;
	background: #000;
}

.info_details img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 170px;
	max-width: 175px!important;
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}