/* popup styles */
	  .popup {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 100;
	  }
	  .popup-overlay {
		background: rgba(0,0,0,0.9);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	  }
	  .popup-content {
		position: absolute;
		background: none;
		width: 100%;
		margin:0 auto;
		left: 0;
		right:0;  
		top: 0%;
		z-index: 11;
		padding: 14px;
		height: 100%; 
		max-width: 1100px;  
	  }
.popup-content iframe {
	max-width: 1000px;
	height: 680px;
}

	  .close-popup {
		display: inline-block;
		position: absolute;
		top: -8px;
		right: -30px;
		font-size: 42px;
	  }

.popup-content .close-popup {
	top: 60px;
	right: 124px;
	background: #fff;
	padding: 8px;
	border-radius: 50%;
	color: #000;
	width: 50px;
	height: 50px;
	font-size: 34px;
	line-height: 34px;
}
	  
	  /* Animations */
	  .fadeIn {
		animation: fadeIn 0.5s ease-in both;
		-webkit-animation: fadeIn 0.5s ease-in both;
	  }
	  @keyframes fadeIn {
		from { opacity: 0; }
	  }
	  @-webkit-keyframes fadeIn {
		from { opacity: 0; }
	  }
	  
	  .fadeOut {
		animation: fadeOut 0.5s ease-out both;
		-webkit-animation: fadeOut 0.5s ease-out both;
	  }
	  @keyframes fadeOut {
		to { opacity: 0; }
	  }
	  @-webkit-keyframes fadeOut {
		to { opacity: 0; }
	  }
	  
	  /* Demo Styles */
	  .popup {
		  -webkit-perspective: 1200px;
		  -moz-perspective: 1200px;
		  perspective: 1200px;
	  }
	  .popup-content {
		  -webkit-backface-visibility: hidden;
		  -moz-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -webkit-transform: translate3d(0,0,0);
		  -moz-transform: translate3d(0,0,0);
		  transform: translate3d(0,0,0);
		  -webkit-transform-style: preserve-3d;
		  -moz-transform-style: preserve-3d;
		  transform-style: preserve-3d;
	  }

@media(max-width:1199px){
	
	.popup-content { width: 800px; max-width: 100%;}
	.popup-content .close-popup {right: 35px; }
	
}

@media(max-width:1023px){
	.popup-content { width: 750px; max-width: 100%;}
	.popup-content .close-popup { right: 20px; top: 62px; width: 42px; height: 42px; font-size: 30px; line-height: 26px;}
	.popup-content iframe { max-width: 1000px; height: 100%;}
	
}

@media(max-width:767px){
	.popup-content { width: 540px; max-width: 100%;}
	.popup-content .close-popup { right: -10px; top: 4px; }
	
	
}

@media(max-width:639px){
	.popup-content { max-width: 100%;}
	
}

@media(max-width:479px){
	.popup-content { max-width: 100%;}
	
	
	
}