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

	POPUP.CSS

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

.popup_back {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.popup_cont {
	position: fixed;
	z-index: 102;
}

.preloader {
	z-index: 101;
}

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

	EDIT BELOW

*/

.popup_close {
	color: #888;
	cursor: pointer;
	position: absolute;
	padding: 5px;
	right: 5px;
	top: 0;
}

.popup_close:hover {
	color: #111;
}

.popup_back {
	cursor: pointer;
	background-color: #222;
}

div.popup {
	width: 520px;
	height: 520px;
	background: #fff;
	padding: 0px;
	box-shadow: 0 3px 10px #222;
}

div.popup iframe{
	min-width: 500px;
	min-height: 500px;
	max-width: 480px;
	padding-left:10px;
}

@media (max-width: 767px) {
   div.popup {
	width: 320px;
	height: 470px;	
}

div.popup iframe{
	min-width: 300px;
	min-height: 450px;
	max-width: 280px;
}
}
.preloader {
	left: 50%;
	margin: -10px 0 0 -25px;
	position: fixed;
	top: 50%;
}