.osun_map_init * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}


.osun_map_preload {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	background-image: url(images/osun-map-dark-flat.png);
}


#osunmap.osunmap {
	position: relative;
	width: 100%;
}

#osunmap .blur,
#osunmap .blur * {
	pointer-events: none !important;
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

#osunmap_image.osunmap_image {
	/*position: absolute;*/
	width: 100%;
	z-index: 10;
}

#osunmap_image > img {
	width: 100%;
}


#osunmap_overlay {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

details#osunmap_overlay > summary:first-child {
	display: none;
	list-style: none;
}
details#osunmap_overlay > summary:first-child::-webkit-details-marker {
	display: none;
}

#osunmap .loc {
	position: absolute;
	display: block;
	box-sizing: border-box;
	height: auto;
	text-decoration: none;
	outline: none;
	overflow: visible;
	z-index: 12;
}

#osunmap .loc:hover {
	z-index: 13;
}

#osunmap summary.hot {
	list-style: none;
}
#osunmap summary.hot::-webkit-details-marker {
	display: none;
}

#osunmap .hot {
	position: absolute;
	width: 100%;
	padding-top: 100%;
	top: 0;
	display: block;
	/*display: none;*/
	box-sizing: border-box;
	height: auto;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	/*pointer-events: auto;*/
	overflow: visible;
	z-index: 12;
	background: transparent;
	/*background-color: #FFF;*/
	background-image: url(images/osun-map-dark-flat.png);
	/*background-image: url(images/osun-map.png);*/
	background-image: url(images/osun-map-flat.png);
	/*background-image: url(../_dev/grid2.jpg);*/
	/*background-size: calc(100% * 50) auto;*/
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 50%;
	border-width: 0px;
	transition: transform 50ms linear 0ms;

	/*border: 1px red solid;*/
	/*opacity: .5;*/
}

#osunmap .hot,
#osunmap .loc:not([open]) .hot {
	box-shadow: none;
	transform: scale(1);
	transition: transform 50ms linear 0ms;
}

#osunmap .hot:hover,
#osunmap .loc:not([open]) .hot:hover,
#osunmap .loc[open] .hot {
	/*background-size: 120% auto;
	transition: background-size 50ms linear 0ms;*/
	box-shadow: 0px 0px 5px  rgba(34,34,34,0.60);
	transform: scale(4);
	transition: transform 80ms linear 0ms;
	/*background-color: #FFF;*/
}

#osunmap .loc[open] {
	z-index: 14;
}

#osunmap .hot:active {
	background-image: url(images/osun-map-dark-flat.png);
	/*background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(images/osun-map.png);*/
}

#osunmap .loc .info {
	position: absolute;
	display: block;
	box-sizing: border-box;
	/*left: 100%;
	top: 0px;*/
	left: -100px;
	top: 300%;
	margin: 0 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	/*width: 200px;*/
	width: auto;
	min-width: 200px;
	font-family: "Source Sans Pro", "SourceSans", "Poppins", Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
	z-index: 15;
	background-color: #FFF;
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.275);
	border: 1px solid #999;
	/*transition: transform 0ms;*/
	/*visibility: hidden;*/
	opacity: 0;
	transition: all 3s ease;
}

/*#osunmap .hot:hover + .info {
	top: 0;
	transform: scale(.25);
	transition: transform 0ms;
}*/

#osunmap .loc .info ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#osunmap .loc .info li {
	list-style: none;
	margin: 0 0 .5em 0;
}

#osunmap .loc .info li a {
	/*font-weight: 600;*/
}

#osunmap .loc .info a,
#osunmap .loc .info a:visited,
#osunmap .loc .info a:active {
	color: #CA1002;
	text-decoration: none;
	outline: none;
}

#osunmap .loc .info a:hover,
#osunmap .loc .info a:focus {
	text-decoration: underline;
}

#osunmap .loc[open] .info {
	z-index: 15;
	/*visibility: visible;*/
	opacity: 1;
	transition: all 3s ease;
}



/*-----------------------*/



#loc_NA1.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 13.1%;
	margin-top: 19.1%;
}
#loc_NA1 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 13.4% 40.5%;
}

#loc_NA2.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 15.3%;
	margin-top: 20.4%;
}
#loc_NA2 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 15.6% 43.4%;
}

#loc_NA3.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 21.8%;
	margin-top: 21.5%;
}
#loc_NA3 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 22.2% 45.4%;
}

#loc_NA4.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 23.0%;
	margin-top: 17.4%;
}
#loc_NA4 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 23.5% 36.9%;
}

#loc_NA5.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 24.0%;
	margin-top: 19.5%;
}
#loc_NA5 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 24.5% 41.3%;
}

#loc_NA6.loc {
	width: 4%;
	padding-top: 3.4%;
	left: 24.9%;
	margin-top: 16.8%;
}
#loc_NA6 .hot {
	background-size: calc(100% * 25) auto;
	background-position: 25.9% 37.2%;
}
#loc_NA6 .hot:hover,
#loc_NA6.loc[open] .hot {
	transform: scale(2) !important;
}
#loc_NA6.loc .info {
	width: 500px;
	top: 200%;
}

#loc_NA7.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 26.1%;
	margin-top: 24.2%;
}
#loc_NA7 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 26.6% 51.3%;
}

#loc_NA8.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 25.4%;
	margin-top: 25.4%;
}
#loc_NA8 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 25.9% 53.8%;
}


#loc_SA1.loc {
	width: 2%;
	padding-top: 1.7%;
	/*left: 26%;
	margin-top: 29%;*/
	left: 25.8%;
	margin-top: 28.4%;
}
#loc_SA1 .hot {
	background-size: calc(100% * 50) auto;
	/*background-position:  calc(-1 * calc(100% * 13)) calc(-1 * calc(100% * 14.5));*/
	/*background-position:  26% 58%;*/
	background-position:  26.3% 59.9%;
	/*background-position:  calc(-1 * calc(2% * 13)) calc(-1 * calc(1.7% * 14.5));*/
}
#loc_SA1.hot:hover {
	/*width: calc(2% * 3);
	padding-top: calc(1.7% * 3);
	left: calc(26% - calc(2% * 2)/2);
	margin-top: calc(29% - calc(1.7% * 2)/2);
	transition: width 50ms linear 0ms, padding-top 50ms linear 0ms, left 50ms linear 0ms, margin-top 50ms linear 0ms;*/
}


#loc_EU1.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 46.2%;
	margin-top: 14.5%;
}
#loc_EU1 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 47.2% 30.8%;
}
#loc_EU1.loc .info {
	width: 300px;
	top: 300%;
}

#loc_EU2.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 46.6%;
	margin-top: 15.4%;
}
#loc_EU2 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 47.6% 32.5%;
}

#loc_EU3.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 48.5%;
	margin-top: 16.45%;
}
#loc_EU3 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 49.4% 35.0%;
}

#loc_EU4.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 49.9%;
	margin-top: 14.1%;
}
#loc_EU4 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 50.95% 29.9%;
}

#loc_EU5.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 50.2%;
	margin-top: 16.1%;
}
#loc_EU5 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 51.2% 34.0%;
}

#loc_EU6.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 52.9%;
	margin-top: 13.2%;
}
#loc_EU6 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 53.95% 28.0%;
}

/*#loc_EU7.loc {
	width: 1%;
	padding-top: 1.7%;
	left: 52.6%;
	margin-top: 17.0%;
}
#loc_EU7 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 53.1% 35.1%;
}*/

/*#loc_EU7.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 52.0%;
	margin-top: 16.4%;
}
#loc_EU7 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 53.1% 34.6%;
}

#loc_EU8.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 52.0%;
	margin-top: 18.1%;
}
#loc_EU8 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 53.1% 38.0%;
}

#loc_EU9.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 53.0%;
	margin-top: 17.4%;
}
#loc_EU9 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 54.1% 35.6%;
}*/

#loc_EU7.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 54.2%;
	margin-top: 14.5%;
}
#loc_EU7 .hot {
	background-size: calc(100% * 50) auto;
	background-position: 55.3% 30.6%;
}

#loc_EU8.loc {
	width: 4%;
	padding-top: 3.4%;
	left: 51.8%;
	margin-top: 15.9%;
}
#loc_EU8 .hot {
	background-size: calc(100% * 25) auto;
	background-position: 53.9% 35.2%;
}
#loc_EU8 .hot:hover,
#loc_EU8.loc[open] .hot {
	transform: scale(2) !important;
}
#loc_EU8.loc .info {
	width: 500px;
	top: 200%;
}

#loc_AF1.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 44.7%;
	margin-top: 28.3%;
}
#loc_AF1 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  45.65% 60.0%;
}

#loc_AF2.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 52.6%;
	margin-top: 39.1%;
}
#loc_AF2 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  53.6% 82.7%;
}

#loc_AF3.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 56.2%;
	margin-top: 30.8%;
}
#loc_AF3 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  57.3% 65.5%;
}


#loc_AS1.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 55.6%;
	margin-top: 21.3%;
}
#loc_AS1 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  56.75% 45.1%;
}

#loc_AS2.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 56.0%;
	margin-top: 20.1%;
}
#loc_AS2 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  57.15% 42.55%;
}

#loc_AS3.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 65.9%;
	margin-top: 20.1%;
}
#loc_AS3 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  67.2% 42.7%;
}

#loc_AS4.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 67.3%;
	margin-top: 17.7%;
}
#loc_AS4 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  67.2% 42.7%;
}

#loc_AS5.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 70.6%;
	margin-top: 23.0%;
}
#loc_AS5 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  72.0% 48.8%;
}

#loc_AS6.loc {
	width: 2%;
	padding-top: 1.7%;
	left: 72.1%;
	margin-top: 25.1%;
}
#loc_AS6 .hot {
	background-size: calc(100% * 50) auto;
	background-position:  73.47% 53.0%;
}

#loc_AS7.loc {
	width: 4%;
	padding-top: 3.4%;
	left: 77.6%;
	margin-top: 21.5%;
}
#loc_AS7 .hot {
	background-size: calc(100% * 25) auto;
	background-position:  80.8% 47.5%;
}
#loc_AS7 .hot:hover,
#loc_AS7.loc[open] .hot {
	transform: scale(2) !important;
}
#loc_AS7.loc .info {
	top: 200%;
}


/* -------------------------------------------- MOBILE  STYLES ------------------------------------ */
@media screen and (max-width: 800px) {

#osunmap .blur,
#osunmap .blur * {
	pointer-events: auto;
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

#osunmap_image.osunmap_image {
	position: relative;
	/*display: none;*/
}

details#osunmap_overlay {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 2rem;
	z-index: 11;
	overflow: hidden;
}

details#osunmap_overlay[open] {
	height: auto;
	max-height: 99rem;
	transition: all 0.8s ease;
}

details#osunmap_overlay > summary:first-child {
	position: relative;
	width: 100%;
	height: auto;
	/*top: 0;
	left: 0;*/
	margin: 1em 0 1em 0;
	padding: 0px 2% 0px 2%;
	display: block;
	font-family: "Source Sans Pro", "SourceSans", "Poppins", Helvetica, Arial, sans-serif;
	/*color: #333;*/
	color: #CA1002;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
details#osunmap_overlay > summary:first-child:hover,
details#osunmap_overlay > summary:first-child:focus {
	text-decoration: underline;
}

/*details#osunmap_overlay > summary:first-child > img {
	width: 100%;
}*/

#osunmap .loc {
	position: relative;
	width: 100%;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*display: none;*/
}

#osunmap .hot {
	position: relative;
	display: none;
	background: none;
}

#osunmap .loc .info {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0px 2% 0px 2%;
	box-shadow: none;
	border: none;
}

#loc_NA8.loc .info {
	padding-bottom: 1em;
}

#loc_SA1.loc .info {
	padding-bottom: 1em;
}

#loc_EU8.loc .info {
	padding-bottom: 1em;
}

#loc_AF3.loc .info {
	padding-bottom: 1em;
}




}

@media screen and (max-width: 650px) {
	#osunmap.osunmap {display: none;}
}