/* MODAL FONDO */
.modal {
    box-sizing: border-box;
	display: none;
	position: fixed;
	z-index: 999999999999999999999999;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0);
	background-color: rgba(0,0,0,.4);
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s;
	overflow: hidden;
}
/* ventana iframe */
.modal iframe {
    width: 360px;
    height: 500px;
    border: none;
    overflow: hidden;position: fixed;
	top: 50%;
	left: 50%;	
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 0.1s;
	animation-name: slideIn;
	animation-duration: 0.1s;
	overflow-y: auto;
	position: relative;
}
/* Add Animation */
@-webkit-keyframes slideIn {
	from {
		top: -50px;
		opacity: 0;
	}
	to {
    	top: 0;
    	opacity: 1;
	}
}
@keyframes slideIn {
	from {
		top: -50px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	from {		
		opacity: 0;
	}
	to {		
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@media(min-width: 960px){

}