/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index: 999;
}

/* Inner */
.popup-inner {
	max-width: 800px;
	width:88%;
	padding:0 ;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	border: 6px solid #000;
	
}
.popup-inner-content{
	background: url(leaders/bkgd-description-leader.jpg);
	background-size: 100% 100%;
	width: 100%;
	position: relative;
}
.popup-inner-content .img-left{ background:rgba(0,0,0,0.7); width: 20%; padding: 2%; float: left;}
.popup-inner-content img{ width: 100%;}
.popup-inner-content .txt{ width: 70%; padding: 4% 3% 0; float: left; text-align: left; color: #333; font-family: 'cafeteriaregular';}
.cities .insert-leaders .popup-inner-content h3,
.leaders .insert-leaders .popup-inner-content h3{ color: #333; text-align: left; padding: 0; margin-bottom: 15px;}
.popup-inner-content .history{ margin-left: 24%; padding: 2% 3%; background:rgba(0,0,0,0.25); position: absolute; left: 0; bottom: 0; width: 70%; color: #fff; }

/* Close Button */
.popup-close {
	width:30px;
	height:20px;
	padding-top:10px;
	display:inline-block;
	position:absolute;
	top:-15px;
	right:-15px;
	transition:ease 0.25s all;
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	text-decoration: none;
	line-height:100%;
	color:#fff;
}

.popup-close:hover {
	background:rgba(0,0,0,1);
	text-decoration:none;
}