/* popup */

#backdrop{
	bottom:0;
	background:rgba(0,0,0,.7);
}

#backdrop,#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
} 

#popup{
	z-index:3500;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:column nowrap;
	    flex-flow:column;
	-ms-flex-pack:center;
	    justify-content:center;
}

	#popupContainer{
	    position: relative;
	    width: 650px;
	    max-width: 88%;
	    max-height: 90%;
	    height: auto;
	    background: rgba(255,255,255,.9);
	    font-size: 22px;
	    line-height: var(--default-lh);
	    color: #3d3d3d;
	    margin: 0 auto;
	}
	
		#popup .wrapper{
		    line-height: 1.2;
/*
		    padding: 40px;
		    max-height: 90%;
		    overflow-y: scroll;
*/
		    padding: 32px 32px 20px;
		    /* max-height: 90%; */
/* 		    height: 500px; */
/* 		    overflow-y: scroll; */
		}
		#popupContainer .wrapper img {
		    max-width: 100%;
		    max-height: 100%;
		    width: auto;
		    height: auto;
		}
		
	#popupClose{
		position:absolute;
		top:-15px;
		right:-15px;
	}
	
/* 	for yt videos */
.yt-container {
	max-width: 720px;
	margin: 0 auto !important;
/* 	padding-top: 30px; */
}
.yt-responsive {
	width: 100%;
	height: 0;
	padding-bottom:56.25%;
	position:relative;
	overflow: hidden;
}
.yt-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*
Or
    position: relative;
    top: 0;
    left: 0;
*/
}

@media (max-height:760px) {
/*
	#popupContainer {
	 overflow-y: scroll;	
	}
*/
		#popup .wrapper{
			overflow-y: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;
			overflow-style: none;
			height: 100%;
		}	
		#popup .wrapper::-webkit-scrollbar {
			display: none;
		}
}