
.sna_modal_back{

	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: black;
	opacity:0.8;
	overflow:auto;

}


.sna_modal_back_v2{

	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	background: #036;
	opacity:0.8;
	overflow:auto;
	z-index:998;
	display:none;

}

.sna_modal_front_p{

	position:absolute;
	width:20%;
	height:20%;
	background: white;
	top:40%;
	left:40%;
	border-radius:10px;
	overflow:auto;

}

.sna_modal_front_m{

	position:absolute;
	width:35%;
	height:35%;
	background: white;
	top:32.5%;
	left:32.5%;
	border-radius:10px;
	display:none;
	overflow:auto;

}

.sna_modal_front_l{

	position:fixed;
	width:50vw;
	height:50vh;
	background: white;
	top:25vw;
	left:25vh;
	border-radius:10px;
	display:none;
	overflow:auto;
	z-index:999

}

.sna_modal_front_lg{

	position:fixed;
	width:65vw;
	height:65vh;
	background: white;
	top:17.5vh;
	left:17.5vw;
	border-radius:10px;
	overflow:auto;
	z-index:999;
	display:none;


}

.sna_modal_front_xl{

	position:fixed;
	width:80vw;
	height:80vh;
	background: white;
	top:10vh;
	left:10vw;
	border-radius:10px;
	display:none;
	z-index:999;
	 transform: translateY(20px);
	  transition: all 0.3s ease;
	overflow:auto;
}

.sna_modal_front_xxl{

	position:fixed;
	width:90vw;
	height:86vh;
	background: white;
	top:3vh;
	left:5vw;
	border-radius:10px;
	display:none;
	z-index:999;
	 transform: translateY(20px);
	  transition: all 0.3s ease;
	overflow:auto;
}


	
@media(max-width: 1068px) {

	.sna_modal_front_xxl, .sna_modal_front_xl{
	position:fixed;
	margin-top:0px important;
	width:100vw !important;
	height:100vh !important;
	top:0vh;
	left:0vw;
	}
}
