﻿.mapWrapper{
	padding: 1em;
	font-size: 14px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	/* Safari */
	/* Firefox */
	box-sizing: border-box;
}
.mapWrapper *,
.mapWrapper *:before,
.mapWrapper *:after {
	-webkit-box-sizing: inherit;
	/* Safari */
	/* Firefox */
	box-sizing: inherit;
}
.mapList{
	width: 17em;
	line-height: 1.1;
	font-size: .9em;
}
.mapList h2{
	font-size: .8em;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .3em;
	color: #983620;
	font-weight: normal;
	padding: .2em 0;
}
.mapList ul{
	padding: 0;
	margin: 0 0 .25em;
}
.mapList li, #content .mapList li{
	position: relative;
	list-style-type: none;
	background:none;
	padding: 0;
	margin: 0;
	line-height: inherit;			
}
.mapList li a{
	color: #3e0000;
	text-decoration: none;
	padding: .1em .1em .1em 1.25em;
	display: block;
	border-radius: .3em;
	font-style: italic;
}
.mapList li a:before{
	width:1em;height: 1em;
	background: url(dot.svg) no-repeat center center;
	background-size: contain;
	content: "";
	position: absolute;
	left: .15em;top: .15em;
	transition: all .3s ease;
	transform-origin: center center;
}
.mapList li.hover a{
	background-color: rgba(0,0,0,.05)
}
.mapList li.hover a:before{
	transform: scale(1.75)
}
.mapContainer{
	max-width: 60rem;
	margin: -5em 0 0;
	line-height: 0;
	position: relative;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.mapContainer img{width: 100%;height: auto}
.mapContainer div{display: inline;margin: 0;}
.mapContainer a{
	position: absolute;
	margin: 0;padding: 0;
	transform: translateX(-50%);
	background: none;
	text-decoration: none;
}
.mapContainer .Okavango_Delta{top:55%;left:39%}
.mapContainer .Kruger_Park{top:67%;left:66%}
.mapContainer .Cape_Town__Winelands{top:92.8%;left:24.8%}
.mapContainer .Victoria_Falls{top:51.8%;left:48.5%}
.mapContainer .Chobe_Park{top:54%;left:45%}
.mapContainer .Deception_Valley{top:60%;left:40%}
.mapContainer .Makgadikgadi_Pans{top:59%;left:48%}
.mapContainer .Serengeti{top:13%;left:77%}
.mapContainer .Maasai_Mara{top:11%;left:77.5%}
.mapContainer .Ngorongoro_Crater{top:15.5%;left:79%}
.mapContainer .Tarangire_Park{top:18%;left:81%}
.mapContainer .Ruaha_Park{top:26.5%;left:76%}
.mapContainer .Selous_Reserve{top:29%;left:85%}
.mapContainer .Kafue_Park{top:46%;left:47%}
.mapContainer .South_Luangwa{top:42%;left:65%}
.mapContainer .Lower_Zambezi{top:46.2%;left:59%}
.mapContainer .North_Luangwa{top:39%;left:67%}
.mapContainer .Sossusvlei{top:72%;left:16%}
.mapContainer .Skeleton_Coast__Kunene{top:52%;left:5%}
.mapContainer .Damaraland{top:58%;left:12%}
.mapContainer .Etosha_Park{top:54%;left:16%}
.mapContainer .Hwange_Park{top:57%;left:52%}
.mapContainer .Mana_Pools_Park{top:47%;left:60%}
.mapContainer .Gonarezhou___Malilangwe{top:61%;left:68%}
.mapContainer .Matusadona_Park{top:50%;left:57.5%}
.mapContainer .Southern_Kalahari{top:46%;left:40%}
.mapContainer .Madikwe_Reserve{top:70%;left:50.5%}
.mapContainer .Welgevonden_Reserve{top:67%;left:56%}
.mapContainer .Cederberg_Mountains{top:88%;left:26.5%}
.mapContainer .Drakensberg_Mountains{top:81.5%;left:60.5%}
.mapContainer .Maputaland{top:77%;left:68%}
.mapContainer .Garden_Route{top:92%;left:38%}
.mapContainer .Whale_Coast{top:93%;left:28%}
.mapContainer .Panorama_Route{top:69%;left:64%}
.mapContainer .Inner_Islands_Seychelles{top:19%;left:95%}
.mapContainer .Benguerra_Island{top:62%;left:78.8%}
.mapContainer .Zanzibar{top:23%;left:91%}
.mapContainer .Luxury_Trains{top:80%;left:41%}
.mapContainer .JoBurg__Pretoria{top:72.6%;left:55.6%}
.mapContainer .Swakopmund{top:65.3%;left:12.8%}
.mapContainer .Windhoek{top:64.4%;left:20.6%}
.mapContainer .Volcanoes_National_Park{top:11.5%;left:60%}
.mapContainer .Nairobi{top:11%;left:83%}
.mapContainer .Arusha{top:16%;left:84%}
.mapContainer .Dar_es_Salaam{top:25%;left:91%}
.mapContainer .Kigali{top:12.5%;left:62%}
.mapContainer .Lusaka{top:46%;left:56%}
.mapContainer .Maun{top:57.8%;left:40.5%}
.mapContainer .Gaborone{top:68.3%;left:47.9%}
.mapContainer .Harare{top:52.2%;left:65.6%}
.mapContainer .Durban{top:82.2%;left:64.4%}
.mapContainer a:after{
	display: block;
	width:2rem;height: 2rem;
	background: url(pin.png) no-repeat center center;
	background-size: contain;
	content: "";
	position: absolute;
	left: 50%;top: 0;
	transform: translateX(-50%) translateY(-50%);
	transition: all .3s ease;
	transform-origin: center center;
}
.mapContainer a.Inner_Islands_Seychelles:after{
	background: url(arrow.svg) no-repeat center center;
}
.mapContainer a.hover:after{
	transform: translateX(-50%) translateY(-50%) scale(1.75);
}
.mapContainer a.hover{
	z-index: 1;
}
.mapContainer a span{
	text-align: center;
	display: block;
	opacity: 0;
	line-height: 1.2;
	margin-top: .5rem;
	color: #3e0000;
	font-style: italic;
	background-color: rgba(208,196,180,.8);
	border: 2px dotted rgba(0,0,0,.6);
	border-radius: .5em;
	padding: .2em .6em;
	transform: scaleX(.8);
	transition: opacity .5s ease-out .3s, transform .5s ease-out .3s;
	position: fixed;top:-100vh;left: -100vh;
}
.mapContainer a.hover span{
	display: block;
	transform: scaleX(1);
	opacity: 1;
	position: relative;top:auto;left:auto;
	transition: opacity .5s ease-out .3s, transform .5s ease-out .3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( -webkit-min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
	.wrapper {
		border-image: url(border2@2x.png) 40 repeat;
	}
}

.mapWrapper{
	display: block;
}
.mapList{
	width: 100%;
	-webkit-column-rule:1px outset rgba(0,0,0,.15);
			column-rule:1px outset rgba(0,0,0,.15);
	-webkit-column-gap:2em;
			column-gap:2em;
	-webkit-columns: auto;columns: auto;
	-webkit-column-width: 13em;column-width: 13em;
}