/*
#layer_distribution {
	position: absolute;
	visibility: hidden;
	top: 100px;
	background-color: #f4f4dc;
	border: 1px solid #000;
	padding: 10px;
	z-index:5000;
	margin: 50px;
	left: 50px;
}

#close_distribution {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #6D0903;
	float: right;
}
#close_distribution a{
	color: #999;
}*/

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #fff; 
	position: fixed; 
	width: 100%;
	height: 100%;
	/*
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ /*--IE 8 Transparency--*/
	left: 0;
	z-index: 5000;
}
.popup_block {
	/*
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;*/
	/*width: 480px;*/
	/*
	width:540px;
	height:604px;
	*/
	position: fixed;
	/*top: 50%;
	left: 50%;
	margin: -300px 0 0 -270px;*/
	top:1vh;
	left:calc( 50vw - ((540/604) * 90vh) /2 );
	z-index: 5100;
 
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 0 0;
	padding: 0 0;
}

.bg_map{
	width:calc((540/604) * 90vh);
	height:90vh;
	border: 0.5vw solid var(--site_color_light);
	border-radius: 2vw;
	background-image:url('../images/distribution_map.jpg');
	background-size:contain;
	background-repeat:no-repeat;
	background-size:contain;
}

#hideshow a:link, #hideshow a:visited{
	text-decoration: none;
	color:var(--site_color_light);
	transition: 0.1s ease;
	font-size: 1.7vw;
}

#hideshow a:hover, #hideshow a:active{
	text-decoration: none;
	color: var(--site_color_darker);
	border: none;
}
/*
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
 */