@media screen and (min-width: 768px){
	.opal-property-map{
		display: flex;
		width: 100%;
	}
	.search-nearby-places{
		width: 33%;
		float: left;
	}
	.rtl .search-nearby-places{
		float: right;
	}
	.nearby-places-preview{
		width: 67%;
		float: left;
	}
	.rtl .nearby-places-preview{
		float: right;
	}
}
@media screen and (max-width: 768px){
	.opal-sp-nearby-places{
		float: left;
		width: 100%;
	}
	.rtl .opal-sp-nearby-places{
		float: right;

	}
	.property-search-places{
		min-height: 100%!important;
	}
}
.search-nearby-places{
	background-color: #383838;
}
.nearby-places-preview{
	background-color: #fff;
	padding: 10px;
}
.opal-property-map.row > div {
  margin: 0;
}

.nearby-container .nearby-places {
  display: none;
  min-height: 260px;
}
.nearby-container.active .nearby-places {
  display: block;
   font-family: "lato";
  font-weight: 600;
}
.nearby-container .btn-map-search {
  background: #444;
  border-bottom: solid 1px #383838;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-family: "lato";
  font-weight: 600;
  cursor: pointer;
}
.place-buttons .nearby-container:nth-child(1) .btn-map-search i{
	color: #4797fa;
}
.place-buttons .nearby-container:nth-child(2) .btn-map-search i{
	color: #99da53;
}
.place-buttons .nearby-container:nth-child(3) .btn-map-search i{
	color: #fabd47;
}
.place-buttons .nearby-container:nth-child(4) .btn-map-search i{
	color: #9f7f41;
}
.place-buttons .nearby-container:nth-child(5) .btn-map-search i{
	color: #9b47fa;
}
.place-buttons .nearby-container:nth-child(6) .btn-map-search i{
	color: #5ec6f6;
}
.nearby-container .btn-map-search:hover {
	color: #f1ca31;
}
.nearby-container .btn-map-search span{
	padding:  0 10px;
}
.nearby-container .btn-map-search span em{
	padding:  0 5px;
	color: #f1ca31;
	font-style: normal;
}
.nearby-container .btn-map-search span.up,
.nearby-container .btn-map-search span.down{
	float: right;
	padding: 0;
}
.rtl .nearby-container .btn-map-search span.up,
.rtl .nearby-container .btn-map-search span.down{
	float: left;
}

.nearby-container .btn-map-search span.up i,
.nearby-container .btn-map-search span.down i{
	color: #fff!important;
}
.nearby-container .nano-content .place-item {
  padding: 9px 20px;
  border-bottom: solid 1px #444;
  color: #999;
  font-size: 12px;
  cursor: pointer;

}
.nearby-container .nano-content .place-item:hover {
	color: #f1ca31;
}
.hidden-arrow {
	display: none;
}

.nano > .nano-pane{
	right: 21px;
}
.rtl .nano > .nano-pane{
	left: 21px;
	right: inherit;
}
.rtl .nano-content{
	left: -17px!important;
	right: 0 !important;
}

.nearby-counter.active{
	display: inline-block;
}

.nearby-counter{
	display: none;
}