﻿*:focus{outline: none}
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;*/
}
.leaflet-popup-tip-container{display: none !important;}
.map-popup {
	display:block;
	width:100%;
	position:relative;
	/*overflow:hidden;*/
	border-radius:10px;
	box-shadow: 0 9px 16px rgba(58, 87, 135, 0.15);
}
.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:99;
}
.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:10px 20px;
	z-index:20;
	/*border-bottom-left-radius:10px;*/
	/*border-bottom-right-radius:10px;*/
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.infoBox-close {
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	top:20px;
	right:20px;
	color:#fff;
	border-radius:100%;
	z-index:20;
	box-shadow:0px 0px 0px 5px rgba(255,255,255,0.4);
	cursor:pointer;
	padding: 0 10px;
}
.infoBox-close:hover {
	background:#fff;
	color:#000;
}

.leaflet-popup-close-button {
	position:absolute !important;
	width:30px !important;
	height:30px !important;
	line-height:30px !important;
	top:10px !important;
	right:20px !important;
	color:#fff !important;
	border-radius:100% !important;
	z-index:20 !important;
	box-shadow:0px 0px 0px 5px rgba(255,255,255,0.4) !important;
	cursor:pointer !important;
	padding: 0 !important;
	background: #152b75 !important;

}
.leaflet-popup-close-button:hover {
	background:#fff;
	color:#000;
}
.leaflet-popup-content{margin: 0 !important;}
.listing-title h4{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #003b79;
	padding-bottom: 5px;
	margin: 0;
	line-height: 24px;
}
.listing-title h4 a {
	color: #003b79;
}
.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-phone , .map-popup-location-info {
	float:left;
	color:#666;
	font-size:13px;
	width:100%;
	text-align:left;
	margin-bottom:5px;
}
.map-popup-location-phone i , .map-popup-location-info i{
	padding-right:10px;
	font-size:14px;
	color: #003b79;
}
.map-card-rainting {
	position:absolute;
	z-index:10;
	left:20px;
	top:-28px;
}
.map-card-rainting i {
	float:left;
	color:#FACC39;
	margin-right:6px;
}
.map-popup-reviews-count {
	color: rgba(255,255,255,0.9);
	position:relative;
	top:-4px;
}
.map-popup-category {
	position:absolute;
	top:20px;
	left:20px;
	font-weight:500;
	color:#fff;
	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: 100vh;
}
.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: #003b79;
	right: 10px;
	z-index:100;
	top:50%;
	cursor:pointer;
	width:40px;
	height:40px;
	border-radius:100%;
	color:#fff;
	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-in:before  , .mapzoom-out:before{
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
	content: "\f068";
}
.mapzoom-in:before{
	content: "\f067";
}
.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 a {
	width:70px;
	padding:5px 20px;
	border-radius:4px;
	color:#fff;
	float:left;
	margin-left:10px;
	text-decoration: none;
	box-shadow:0px 0px 0px 4px rgba(255,255,255,0.4);
}
.mapnavigation a , .mapzoom-in:hover  , .mapzoom-out:hover{
	background: #003b79;
}
.map-popup-category,
.infoBox-close,
.cluster div
{
	background: #003b79;
}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large
{
	background-color: rgb(21 43 117 / 0.6) !important;
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div
{
	background-color: rgb(21 43 117 / 85%) !important;
}
.marker-cluster-small div span,
.marker-cluster-medium div span,
.marker-cluster-large div span
{color: #FFFFFF}
