﻿
ol, ul {
	list-style: none;
}
.content {
	width:100%;
	position:relative;
	z-index:4;
	float:left;
	background:#fff;
}
.fl-wrap {
	float:left;
	position:relative;
}
.map-popup-wrap {
	display:block;
	width:300px !important;
	position:relative;
	margin-bottom: -10px;
	margin-left: -3px;
}
.map-popup {
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:10px;
	box-shadow: 0 9px 16px rgba(0, 0, 0, 0.32);
}
.map-popup-wrap:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-top:-1px;
	z-index:20;
}
.map-popup-wrap:before {
	border-color:  transparent;
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.map-popup img {
	width:100%;
	height: 230px;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.listing-img-content:hover   img {
	-webkit-transform: scale(1.15);
	-moz-transform:scale(1.15);
	transform: scale(1.15);
}
.listing-content {
	background:#fff;
	padding: 5px 10px;
	z-index:20;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.infoBox-close {
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	top:20px;
	right:20px;
	color:#0f4543;
	border-radius:100%;
	z-index:20;
	box-shadow:0px 0px 0px 5px rgba(255,255,255,0.4);
	cursor:pointer;
	padding: 0 11px;
}
.infoBox-close:hover {
	background:#0f4543;
	color:#fff;
}
.listing-title h4{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: 600 !important;
	color: #592f38;
	padding-bottom: 5px;
	margin: 0 !important;
}
.listing-title h4 a {
	color: #ffd22f;
	font-weight: bold;
}
.listing-img-content {
	overflow:hidden;
}
.listing-img-content:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background:#292929;
	opacity:0.3;
}
.cluster img{
	display:none
}
.cluster{
	width:40px!important;
	height:40px!important;
}
.cluster div{
	text-align:center;
	font-size:15px!important;
	color:#fff!important;
	font-weight:600;
	border-radius:100%;
	width:40px!important;
	height:40px!important;
	line-height:38px!important;
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
	border:2px solid  #fff;
	-webkit-transition: all 300ms linear;
	transition: all 100ms 3inear;
	animation:cluster-animation 1.5s infinite;
}
.cluster div:hover {
	background:#5d6275;
}
@keyframes cluster-animation{0%,100%{box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);}50%{box-shadow: 0px 0px 0px 9px rgba(0,0,0,0.1);}}
.map-popup-location-price , .map-popup-location-info {
	float:left;
	color:#666;
	font-size:13px;
	width:100%;
	text-align:left;
	margin-bottom:5px;
}
.map-popup-location-price i , .map-popup-location-info i{
	padding-right:10px;
	font-size:14px;
	color: #ffd22f;
}
.map-card-type {
	position: absolute;
	z-index: 10;
	left: 0;
	top: -32px;
	width: 100%;
	padding: 7px 7px;
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.67));
}
.map-card-type i {
	float:left;
	color:#FACC39;
	margin-right:6px;
}
.map-popup-type-value {
	color: rgba(255,255,255,0.9);
	position:relative;
	font-size: 15px;
}
.map-popup-category {
	position:absolute;
	top:20px;
	left:20px;
	font-weight:500;
	color:#0f4543;
	z-index:20;
	padding:10px 12px;
	border-radius:4px;
	box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.2);
}
/*-------------Map---------------------------------------*/
.map-container {
	float:left;
	width:100%;
	position:relative;
	overflow: hidden;
}
.map-container.column-map {
	width:100%;
	-webkit-transform: translate3d(0,0,0);
	overflow: hidden;
	height: 500px;
	background: #ddd;
}
.map-container.column-map.right-pos-map {
	right:0;
}
.map-container.column-map.left-pos-map {
	left:0;
}
.map-container #map-main{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	z-index: 10;
	overflow:hidden;
}
.mapzoom-in  , .mapzoom-out{
	position:fixed;
	background: #ffd22f;
	right: 10px;
	z-index:100;
	top:50%;
	cursor:pointer;
	width:40px;
	height:40px;
	border-radius:100%;
	color:#0f4543;
	line-height:40px;
	margin-top:-20px;
	box-shadow:0px 0px 0px 5px rgba(255,255,255,0.4);
	-webkit-transform: translate3d(0,0,0);
	padding: 0 16px;
}
.mapzoom-out:before{
	content: "";
	background: url(../img/minus.png) no-repeat center center;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.mapzoom-in:before{
	content: "";
	background: url(../img/plus.png) no-repeat center center;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.mapzoom-in {
	margin-top:-80px;
}
.mapnavigation li {
	border: none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.mapnavigation {
	position:absolute;
	bottom:50px;
	right:7px;
	z-index:30;
	width:170px;
}
.mapnavigation button {
	border: none;
	width:70px;
	padding:5px 20px;
	border-radius:0px;
	color:#0f4543;
	float:left;
	margin-left:10px;
	text-decoration: none;
	box-shadow:0px 0px 0px 4px rgba(255,255,255,0.4);
}
.mapnavigation button , .mapzoom-in:hover  , .mapzoom-out:hover{
	background: #ffd22f;
}
.map-popup-category,
.infoBox-close,
.cluster div
{
	background: #ffd22f;
}