#osmap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.osmap-marker {
	margin-left: 3px;
	margin-bottom: 12px;
}
.osmap-marker--air-quality{
	margin-left: -23px;
	margin-bottom: 21px;
}
.osmap-marker .leaflet-popup-close-button {
	display: none;
}
.osmap-marker a{
	color: #000;
}
.osmap-marker:hover{
	z-index: 1;
}
.osmap-marker .leaflet-popup-content-wrapper{
    background-color: transparent;
    box-shadow: none;
    color: transparent;
}
.osmap-marker .leaflet-popup-tip-container{
    display: none;
}

.map-point{/* position:absolute; *//* width:0; *//* height:0; */left: 50%;bottom:-14px;}
.is--loading .map-point{transition:opacity .3s .5s;opacity:0;}
.map-marker__bg{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	margin: 0px 0px -1px 0px;
	width:140px;
	height:95px;
	background:#fff;
	box-shadow:0 0 14px rgba(0,0,0,.2);
	border-radius:7px;
	transform:scale(.3428,.421);
	transform-origin:left bottom;
	overflow: hidden;
	opacity: .7;
}
.map-marker{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	/* margin:0 0 6px -24px; */
	width:48px;
	height:40px;
	cursor:default;
	color:#000;
}
.map-marker:before{
	content:'';
	width:7px;
	height:7px;
	position:absolute;
	top:100%;
	left:24px;
	margin:0px 0 0 0;
	background:#fff;
	box-shadow:0 0 6px rgba(0,0,0,.2);
	transform:translate(-50%, -50%) rotate(45deg);
	opacity: .7;
}
.map-marker:after{
	content:'';
	width:38px;height:10px;
	position:absolute;
	bottom:0;left:5px;
	margin:1px 0 0;
	background:#fff;
}
.map-marker__img,
.map-marker__city,
.map-marker__temp{z-index:1;}
.map-marker__img{
	float:left;
	width:72px;height:72px;
	position:absolute;
	bottom:0;left:0;
	margin:0 0 5px 9px;
	transform:translate(-3px, 1px) scale(.5);
	transform-origin:left bottom;
}
.map-marker__city{
	height:0;
	overflow:hidden;
	opacity:0;

	position:absolute;
	top:1px;left:5px;right:5px;
	font-size:1.4rem;
	line-height:30px;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.map-marker__temp{
	height:0;
	overflow:hidden;
	opacity:0;

	width:60px;
	position:absolute;
	bottom:5px;right:3px;
	text-align:center;
	line-height:74px;
	font-size:2.8rem;
}
.map-marker__condition{
	position:absolute;
	bottom:5px;left:5px;right:5px;
	z-index:1;
	height:2px;
}

.map-point.is--active{z-index:2;}
.map-point.is--active .map-marker{
	width:140px;height:95px;
	cursor:pointer;
}
.map-point.is--active .map-marker__bg{
	box-shadow:0 0 6px rgba(0,0,0,.2);
	border-radius:3px;
}
.map-point.is--active .map-marker__bg,
.map-point.is--active .map-marker__img{
	transition:transform .2s cubic-bezier(.175,.885,.32,1.275);
	transform:scale(1);
}
.map-point.is--active .map-marker__city,
.map-point.is--active .map-marker__temp{
	height:auto;opacity:1;
	transition:opacity .3s .1s;
}
.map-point.is--active .map-marker__condition{height:4px;}

.map-point--air-quality{font-family:'Yantramanav',sans-serif;}
.map-point--air-quality .map-marker__bg{width:160px;height:110px;transform:scale(.3,.3636);}
.map-point--air-quality .map-marker__img{width:50px;height:50px;text-align:center;line-height:50px;font-size:4rem;transform:scale(.6);}
.map-point--air-quality .map-marker__temp{
	width:85px;
	font-size:1.4rem;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}
.map-point--air-quality .map-marker__city{top:9px;line-height:1;}
.map-point--air-quality .map-marker__city small{
	display:block;
	font-size:1.2rem;
	opacity:.6;
	margin-top:2px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.map-point--air-quality.is--active .map-marker{width:160px;height:110px;}
.map-point--air-quality.is--active .map-marker__img{font-size:0;transform:translate(5px,-10px) scale(1);}