@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;
}

/* body.is-mobile .popup { */
	/* display: none !important; */
/* } */

/* 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;
    color:#fff;
}
 

 .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; 
	height: auto !important;
}
.popup-inner p { 
	margin: 0; 
	padding: 0; 
}