@charset "utf-8";

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

/* flex containter */
.popup-flex {
	height: 100%;
	display: flex;
	justify-content: center;	
	align-items: center;
	flex-direction: column;
}

.popup[data-popup='iframe-1'] .popup-inner {
	width: 85vw;
	height: 90%;
}

/* Inner */
.popup-inner {		
	border: 1px solid #fff;
	max-width: 92vw;
	width: auto;
	padding:0;
	position:absolute;
	-moz-box-shadow:0 0 90px 5px #000;
	box-shadow: 0 0 90px #000;			
	background-color: #444;		
}
 
/* Close Button */
.popup-close {
	box-sizing: border-box;
	border: 2px solid #fff !important;
	width:25px;
	height:25px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgb(0,0,0);    
	font-size:13px;
	text-align:center;
	line-height:100%;
	text-decoration:none;
	font-weight: bold !important;
	color:#fff !important;
}
 

 .popup-close:hover {
		-webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;		
}


.popup-inner * { max-width: calc(92vw - 2px); } /* szerokość max. popupa minus obramowanie */
.popup-inner img { display: block; }
.popup-inner p { 
	margin: 0; 
	padding: 0; 
}