#map {height: 100%;width: 100%;	margin: 0;	z-index:1}
#map-container {	position: relative;	top: 0;	left: 0;	height: 600px;	width: 100%;	z-index: 10;}
.gmnoprint {	margin: 10px}

#map-container.fullwidth-home-map {	height: 620px;	margin-bottom: 0}
#map-container.fullwidth-home-map .main-search-inner {position:absolute;display:block;bottom: 60px;top: auto;transform:none;	padding-bottom: 0;z-index: 9999;margin-top: 0;margin-left: auto;	margin-right: auto;width: 100%}
#map-container.fullwidth-home-map .main-search-input {	margin-top: 0}

.cluster img {display: none}
.cluster-visible {text-align: center;font-size:15px!important;color: #fff !important;font-weight: 500;border-radius: 50%;width: 36px!important;height: 36px!important;line-height: 36px!important;background-color: #253641;}
.cluster-visible:before {border:7px solid #f96b39;opacity:.4;content: '';	position: absolute;border-radius:50%;top:0px;left:0px;width:100%;height:100%;animation:cluster-animation 2.5s infinite}

@keyframes cluster-animation {
	0%, 100% {
		transform:scale(1.3) rotate(0deg)
	}
	50% {
		transform:scale(1.5) rotate(90deg)
	}
}
.map-marker-container {position: absolute;	margin-top: 10px;	transform: translate3d(-50%, -100%, 0)}
.marker-container {position: relative;	margin: 10px auto;	width: 36px;	height: 36px;	z-index: 1;	border-radius: 50%;	cursor: pointer;}

#singleListingMap .marker-container {	cursor: default}

.marker-container {	perspective: 1000}
.marker-card {	width: 100%;	height: 100%;	transform-style: preserve-3d;	transition: all .4s ease-in-out;	position: absolute;	z-index: 1}

.marker-container:hover .marker-card, 
.map-marker-container.clicked .marker-card {	transform: rotateY(180deg) translateX(0px)}

.marker-arrow {
	width: 0;
	content: "";	
	height: 0;	
	border-style: solid;	
	border-width: 14px 13px 0;	
	border-color: #66676b transparent transparent;	
	top: 37px;	
	left: 50%;	
	position: absolute;	
	border-radius: 50%;	
	z-index: 1;
	
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.marker-arrow {
    border-color: #f96b39  transparent transparent;
}

.face {position: absolute;	width: 100%;	height: 100%;	backface-visibility: hidden;	text-align: center;	border-radius: 50%;	color: #fff;	z-index: 100}
.face i { width:28px; height:28px; line-height:28px; background-color:#fff; color:#0f1221;	font-size: 18px ; margin:4px; display:block; border-radius:100%; -webkit-border-radius:100%; }
.face.front {	background-color: #f96b39;	color: #fff;	z-index: 100;/*border:2px solid #fff*/}
.face.back {	transform: rotateY(180deg);	background: #f96b39;	border-color: #f96b39;	color: #fff;/*border:2px solid #fff;*/}
.face.back i {trasform: scaleX(-1) ;}


.custom-zoom-in,
.custom-zoom-out {background-color: #f96b39;	color: #fff;	cursor: pointer;	border-radius: 50%;	margin: 5px 15px;	transition: color .3s, background-color .3s;	box-shadow: 0 1px 4px -1px rgba(0,0,0,.2);	text-align: center;
	font-size: 15px;	height: 34px;	width: 34px}
.custom-zoom-in:hover,
.custom-zoom-out:hover {background-color: #253641;	color: #fff}

.custom-zoom-in:before,
.custom-zoom-out:before {font-family: fontawesome;	width: 100%;	line-height: 35px;}
.zoomControlWrapper {	position: absolute;	left: 0;	right: auto;	width: 70px}
.custom-zoom-in:before {content: "\f067"}
.custom-zoom-out:before {content: "\f068"}



.map-box {background-color: #fff;margin-bottom: 20px;border-radius: 4px;box-shadow: 0 0 10px 0 rgba(0,0,0,.12);position: relative}
.map-box .listing-img-container img {width: 100%;	border-radius: 4px 4px 0 0}
.map-box h4 {	margin: 0;	padding: 0}
.map-box h4 a {padding: 0 0 2px;font-size: 17px;line-height: 25px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block
}
.listing-img-container {position: relative;height: 100%;display: block}
.map-box h4 a:hover {color: #66676b}
.map-box p {padding: 0;line-height: 25px;margin: 2px 0 0;font-size: 14px}
.map-box ul.listing-details {padding: 0;font-size: 14px;display: none}
.map-box .listing-title {padding: 20px 22px}
.map-box .listing-img-content {padding: 18px 22px}
.map-box .listing-img-content span {font-size: 21px}
.map-box .listing-img-content .listing-price i {font-size: 15px;margin: -7px 0 0}
.infoBox>img {position: absolute!important;right: 0;	top: 0}
.map-box .listing-img-container::before {
	content: "";position: absolute;height: 100%;width: 100%;display: block;
	background-color: rgb(0,0,0,0.1);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.74) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000',GradientType=0 ); /* IE6-9 */
	/* IE6-9 */
}
.map-box .listing-item-content {position: absolute;bottom: 20px;left: 0;	padding: 0 24px;width: 100%;z-index: 50;box-sizing: border-box}
.map-box .listing-item-content h3 {
	color:#fff;
	font-size: 16px;
	padding: 0 0 10px;
	font-weight: 600;
	margin: 0;
	line-height: 20px;
	text-transform: capitalize;
}
.map-box .listing-item-content span {
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	color:#fff;
}
.infoBox-close {
	position: absolute;
	top:10px;
	right:10px;
	display: inline-block;
	z-index: 999;
	text-align: center;
	line-height: 29px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 29px;
	width: 29px;
	background-color: #fff;
	color: #333;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-family: fontawesome;
	border-radius: 50%;
	-webkit-text-stroke: 1px #fff
}
.infoBox-close:hover {color: #fff;	background-color: #66676b;-webkit-text-stroke: 1px #66676b}
.map-box-icon {
	height: 38px;
	width: 38px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #3685cf;
	display: block;
	color: #fff;
	font-size: 12px;
	z-index: 101;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
	visibility: hidden
}
.map-box-icon:before {content: "\f064";font-family: fontawesome;position: relative;top: 7px;	display: block}
.map-box-image:hover .map-box-icon {opacity: 1;visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateX(0)
}
.map-box-image {position: relative;overflow: hidden;display: block}
.infoBox {-webkit-animation: fadeIn .9s;animation: fadeIn .9s}
.infoBox:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
}

@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}

#mapnav-buttons {
	position: absolute;
	transform: translate(0, 0);
	z-index: 999;
	font-size: 14px;
	display: inline-block;
	bottom: 20px;
	right: 20px;
	list-style: none;
	padding: 0
}
#mapnav-buttons.top {
	top: 20px;
	right: 20px;
	bottom: auto
}
#mapnav-buttons li {
	float: left;
	margin-left: 4px;
	line-height: 20px
}
#geoLocation, #mapnav-buttons a {
	color: #333;
	background-color: #fff;
	padding: 7px 18px;
	padding-top: 9px;
	font-weight: 500;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-transition: all .2s ease-in-out;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 50px;
	box-shadow: 0 1px 4px -1px rgba(0,0,0,.2)
}
#geoLocation:hover, #mapnav-buttons a:hover {
	background-color: #66676b;
	color: #fff
}
#prevpoint:before, #nextpoint:after {
	font-family: fontawesome;
	position: relative;
	font-weight: 500;
	margin: 0 0 0 6px;
	font-size: 17px;
	top: 0;
	line-height: 1px
}
#prevpoint:before {
	content: "\f104";
	margin: 0 6px 0 0
}
#nextpoint:after {
	content: "\f105";
	margin: 0 0 0 6px
}
#geoLocation{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	font-size: 13px;
	line-height: 21px
}
#geoLocation:before{
	content: "\e015";
	font-family: simple-line-icons;
	position: relative;
	top: 2px;
	margin: 0 6px 0 0;
	font-size: 15px;
	line-height: 1px
}

#geoLocation {
	right: auto;
	left: 20px;
	padding: 8px 11px
}
#geoLocation:before {
	content: "\f192";
	font-family: fontawesome;
	font-size: 16px;
	margin: 0;
	top: 2px
}




.numerical-rating {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	text-align: center;
	line-height: 26px;
	height: 26px;
	width: 44px;
	display: inline-block;
	font-family: open sans;
	position: relative;
	border-radius: 50px;
	letter-spacing: -.5px;
	background-color: rgba(255,255,255,.2);
	margin: 15px 32px
}
.compact .numerical-rating {
	margin: 0 0 8px
}
.numerical-rating:before {
	content: attr(data-rating)
}
.numerical-rating.high {
	background-color: #64bc36
}
.numerical-rating.mid {
	background-color: #c0c52a
}
.numerical-rating.low {
	background-color: #ee3535
}
.infoBox .numerical-rating .rating-counter, .numerical-rating .rating-counter {
	position: absolute;
	top: 0;
	left: 14px;
	width: auto;
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	width: 150px;
	color: #909090
}
.infoBox .numerical-rating .rating-counter {
	left: 12px
}
.infoBox .numerical-rating {
	margin: 0;
	font-family: open sans
}
.star-rating {
	display: block;
	font-size: 12px
}
.listing-item-container .star-rating {
	padding: 15px 32px
}
.star-rating .star {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 4px;
	position: relative;
	margin-top:3px;
}
.rating-counter {
	color: #909090;
	padding-left: 5px;
	display: inline-block;
	font-size: 12px
}
.star-rating .rating-counter {
	top: -1px;
	position: relative
}
.infoBox .star-rating .rating-counter {
	font-size: 14px;
	top: 0px;
	color:#000;
	font-weight: 600;
}
.star-rating .star.half:after, .star-rating .star:before {
	font-family: fontawesome;
	content: "\f005";
	display: block;
	color: #ffc600
}
.star-rating .star.empty:before {
	color: #ddd
}
.rating:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.star-rating .star.half:before {
	color: #ddd
}
.star-rating .star.half:after {
	color: #ffc600;
	position: absolute;
	top: 0;
	width: 50%;
	display: block;
	height: 100%;
	overflow: hidden
}
