
.mapslide {
	float: left;
	width: 100%;
	height: auto;
	padding: 50px 0px;
}

.mapslide div.mapbck {
	float: left;
	width: 100%;
	background-size: contain;
	position: relative;
	background-position: center bottom;
}

.mapslide div.mapbck div.bckbox {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -12%;
	z-index: 9;
}

.mapslide div.mapbck div.bckbox img {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}

.mapslide div.mapbck div.bckbox span.crs {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #000;
	border-radius: 15px;
	cursor: pointer;
	z-index: 300;
}

.mapslide div.mapbck div.bckbox span.crs i {
	float: left;
	position: relative;
	min-width: 80px;
	max-width: 300px;
	width: 140px;
	text-align: center;
	top: -30px;
	left: -60px;
	color: #111;
	font-size: 20px;
	vertical-align: baseline;
}

.mapslide div.mapbck div.bckbox span.crs i.big {
	top: -50px !important;
}

.mapslide div.mapbck div.bckbox span.crs i.right {
	top: -10px !important;
	left: 20px !important;
	text-align: left;
}

.mapslide div.mapbck div.bckbox span.crs i.left {
	top: -10px !important;
	left: -150px !important;
	text-align: right;
}

.mapslide div.mapbck div.bckbox span.crs:hover, .mapslide div.mapbck div.bckbox span.crs.sel {
	background-color: #EF8201;
}

.mapslide div.mapbck div.bckbox span.crs:hover i, .mapslide div.mapbck div.bckbox span.crs.sel i {
	color: #EF8201;
}

/*
.mapslide div.mapbck div.bckbox span.crs {
	position: absolute;
	font-size: 28px;
	color: #454E49;
	padding: 30px 0px;
	text-align: center;
}

.mapslide div.mapbck div.bckbox span.crs img {
	width: 50px;
}

.mapslide div.mapbck span.crs i {
	float: left;
	width: 100%;
	margin-top: 0px;
}
*/

.mapslide div.mapbck span.crs img {
	margin-top: 10px;
}

.mapslide div.mapbck div.maphead {
	float: left;
	width: 70%;
	margin-left: 5%;
	text-align: center;
}

.mapslide div.mapbck div.maphead h4 {
/*	font-family: 'Loved by the King', sans-serif;	*/
	font-family: 'Pacifico', cursive;
	color: #000;
	font-size: 48px;
	float: left;
	width: 50%;
	text-align: right;
}

div.minimap {
	float: right;
	width: 50%;
	position: relative;
}

div.minimap img {
	width: 90%;
}

div.minimap span.pnt, div.minimap span.cpnt {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 5px;
	cursor: pointer;
}

div.minimap span.sel, div.minimap span:hover {
	background-color: #EF8201 !important;
}

div.mapbox {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 29%;
	margin-bottom: 10%;
	z-index: 11;
	position: relative;
}

div.mapbox b {
	font-size: 45px;
	color: #EF8201;
	text-transform: uppercase;
	font-weight: bold;
}

div.mapbox h2 {
	font-size: 60px;
  color: #E9F1D8;
}

div.mapbox h2 strong {
	font-weight: bold;
}

div.mapbox p {
	margin-top: 20px;
	color: #E9F1D8;
	font-size: 24px;
}

.crover {
	z-index: 10;
	position: relative;
}

a.aleft {
	left: 4.5%;
	position: absolute;
	z-index: 100;
	opacity: 0.3;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.aright {
	position: absolute;
	right: 4.5%;
	z-index: 100;
	opacity: 0.3;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.aleft:hover, a.aright:hover {
	opacity: 1;
}


