@charset "utf-8";

.mapContainer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 200px);
	font-family: Tahoma, sans-serif;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

.mapContent{
	position: absolute;
	cursor: pointer;
}

.mapImage{
	position: absolute;
	width: 100%;
	pointer-events: none;
}

.mapTextsImage{
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

.mapObjectsCanvas{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
}

.mapBalloon{
	position: absolute;
	border: 1px solid #7c817b;
	padding: 7px;
	left: -500px;
	top: 0px;
	background-color: #fff;
	width: 170px;
	min-height: 200px;
	font-size: 14px;
	opacity: 0;
	cursor: default;
	transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
}

.mapBalloonPointer{
	position: absolute;
}

.mapBalloonTitle{
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: Georgia;
	text-transform: uppercase;
	color: #7c817b;
}

.mapBalloonText{
	font-family: Tahoma, sans-serif;
	color: #7c817b;
}

.mapObjectsContainer{
	position: absolute;
	background-color: #e8e8e8;
	font-family: Tahoma, sans-serif;
	width: 100%;
	left: 0;
	top: calc(100% - 200px);
	overflow: hidden;
	opacity: 0;
	white-space: nowrap;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.mapParkContainer{
	float: left;
}

.mapParkContent{
	margin: 30px;
}

.mapParkTitle{
	font-size: 23px;
	text-transform: uppercase;
	white-space: normal;
	padding-bottom: 14px;
	color: #27333f;
}

.mapParkObject{
	display: inline-block;
	font-size: 20px;
	text-decoration: none;
	line-height: 26px;
	white-space: normal;
	color: #27333f;
	cursor: pointer;
	transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
	transition: color 0.25s;
	-webkit-transition: color 0.25s;
}

.mapIncButton{
	position: absolute;
	right: 18px;
	bottom: 143px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.mapDecButton{
	position: absolute;
	right: 18px;
	bottom: 93px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.mapTextsButton{
	position: absolute;
	background-color: #fff;
	right: 18px;
	bottom: 17px;
	width: 171px;
	height: 35px;
	cursor: pointer;
}

.mapTextsShowImage{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 171px;
	height: 35px;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

.mapTextsHideImage{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 171px;
	height: 35px;
	opacity: 0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}