.map-canvas {
	height: 100%;
	z-index: 5;
}
.map-area-wrap {
	position: relative;
	overflow: visible;
	height: 576px;
}
.map-locations {
	position: absolute;
	z-index: 10;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.marker-wrapper {
	cursor: pointer;
}
.wrap-barber-lounge {
	padding-bottom: 58px;
}


.marker-container {
	position: relative;
	width: 160px;
}

	.marker-container .label-container {
		display: none !important;
		position: absolute;
		background: #FFFDF3;
		width: 100%;
		top: -24px;
		white-space: nowrap;
		height: 30px;
		line-height: 32px;
		font-size: 13px;
	}

	.marker-container .label-container:hover {
		display: block;
		text-decoration: none;
	}

	.marker-container .scissor-container {
		position: absolute;
		background-color: transparent !important;
		top: 10px;
		left: 0;
		right: 0;
		margin: auto;
	}

		.marker-container .scissor-container .scissor {
			width: 22px;
		}

		@media(max-width: 768px) {
			.marker-container .scissor-container {
				top: 30px;
				display: block;
			}

				.marker-container .scissor-container .scissor {
					width: 14px;
				}
		}

	.marker-container .scissor-container:hover + .label-container {
		display: block !important;
	}


.single-locations .marker.single-active-marker {
	z-index: 100;
}
/* zoom */

.control-wrapper {
	width: 44px;
	height: 92px;
	position: absolute;
	bottom: 54px;
	right: 30px;
	cursor: pointer;
}
.zoom-out-btn,
.zoom-in-btn {
	width: 44px;
	height: 44px;
	margin-bottom:4px;
	background: url('../../images/buttons/opal-black.png');
	color: white;
	font-size: 44px;
}
.zoom-in-btn-inner,
.zoom-out-btn-inner {
	background: url('../../images/buttons/zoom-in.png');
	background: linear-gradient(transparent, transparent), url('../../images/buttons/zoom-in.svg');
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.zoom-out-btn-inner {
	background: url('../../images/buttons/zoom-out.png');
	background: linear-gradient(transparent, transparent), url('../../images/buttons/zoom-out.svg');
	background-position: bottom;
	background-repeat: no-repeat;
}
.zoom-out-btn:hover .zoom-out-btn-inner,
.zoom-in-btn:hover .zoom-in-btn-inner {
	background-position: top;
}
.zoom-out-btn:hover,
.zoom-in-btn:hover {
	background: black;
}
/* big locations */
.big-location-popup {
	position:absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

.marker-wrapper.wrap-barber-normal {}

.marker-wrapper.wrap-barber-normal:hover {
	z-index: 9999;
}

	.marker-wrapper.wrap-barber-normal a {
		display: block;
		background-color: #ffffff;
		color: #333;
		font-family: 'BebasNeueRegular';
		letter-spacing: 0.05em;
		text-align: center;
	}


.map-locations .btn-region {
	background-image: url('../../images/buttons/button-center.png');
	background-image: linear-gradient(transparent, transparent), url('../../images/buttons/button-center.svg');
	background-position: bottom;
	background-repeat: no-repeat;
	border: 0 none;

	width: 144px;
	height: 51px;
	padding: 0;

	font-weight: 600;
	font-weight: normal;
	font-size: 14px;
	line-height: 50px;
	text-decoration: none;

	color: #000000;
}

.map-locations .btn-region:first-child {
	background-image: url('../../images/buttons/button-left.png');
	background-image: linear-gradient(transparent, transparent), url('../../images/buttons/button-left.svg');
}
.map-locations .btn-region:last-child {
	background-image: url('../../images/buttons/button-right.png');
	background-image: linear-gradient(transparent, transparent), url('../../images/buttons/button-right.svg');
}

.map-locations .btn-region:hover {
	background-position: top;
	color: #ffffff;
}

/* fix for map */
@media only screen and (max-width: 700px) {
	.control-wrapper {
		display: none;
	}
	.map-area-wrap {
		margin-bottom: 0;
	}
	.map-locations {
		bottom: -49px;
		background: #1A1A1A;
		padding: 25px 0 0;
	}
	.map-locations .btn-region {
		width: 80px;
		min-width: 70px;
		height: 25px;
		line-height: 27px;
		font-size: 10px;
	}
	.big-location-popup,
	.inner-big-location-popup {
		height: 100%;
	}
	.location-info-area {
		width: 100%;
		height: 100%;
		position: static;
	}
	.location-info-area-inner {
		padding: 30px 10px 30px;
	}
	.big-location-images {
		display: none;
	}
	.location-info-area h6 {
		display: block;
	}
	.location-info-area h5 {
		font-size: 2em;
	}
}