/* 
		ELA Modal
		Version: 3.0
		Release Date: 2024.08.08
		Website: https://elars.art
*/

.ElaModalShow { cursor: pointer; }

.ElaModal { display: none; }
.ElaModal.active { position: fixed; left: 0px; top:0px; width: 100% !important; height: 100% !important; z-index: 500; display: block; }
.ModalBackgroud {
	cursor: pointer;
	position: absolute; content: ""; left: 0px; top:0px; background: #000; width: 100%; height: 350%;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7; 
}

.ElaModal.active.tostart .ElaModalCore { top:0px !important; margin-top: 0px !important;  }
.ElaModal.active.tostart { overflow-y: scroll; }

.ElaModalCore { width: 50%; margin: 0 auto; background: #ffffff; min-height: 200px; position: relative; top:50%; z-index: 1000; font-size: 24px; text-align: center; 
		 -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 14px;
    
    overflow: hidden;
}
.ElaModal.active.tostart .ElaModalClose { top:0px !important; }
.ElaModalClose { z-index: 111; position: absolute; right:0px; top:0px; cursor: pointer; width: 8%; height: 100%; background-size: 30px 30px !important; background: url('../images/ela_close.svg') no-repeat center; }

.ModalTitle { text-align: left; font-size: 24px; padding: 10px 0 10px 0; width: 100%;  background: #407eb3; position: relative; color: #fff; }
.ModalTitle span { width: 90%; padding: 0 0 0 2%; position: relative; display: inline-block; }

.ModalTitle.lines span { width: 88%; }
.ModalTitle.lines .ElaModalClose { width: 12%; }

.ElaModalContent { text-align: left; font-size: 18px; width: 96%; padding: 20px 2% 20px 2%; }
.ElaModalContent p { margin: 5px 0 5px 0; }
.ElaModalContent input { width: 96%; padding: 15px 2% 15px 2%; outline: none; font-size: 18px; }
.ElaModalContent textarea { width: 96%; padding: 7px 2% 7px 2%; outline: none; font-size: 18px; min-height: 150px; }

.ElaModalContent > a:last-child { display: block; background: #e5e0e0; }

.ElaModalContent > span:last-child { text-align: right; color: #c9d3cf; margin: 25px 0 0 0; display: block; font-size: 13px; }
.ElaModalContent > span:last-child a { color: #c9d3cf; }
.ElaModalContent > span:last-child a:hover { text-decoration: none; }

.modal_row {  padding: 5px 0 5px 0; margin: 5px 1% 5px 1%; }
.modal3 { width: 31.33%; margin: 5px 1% 5px 1%; float: left; }
.modal2 { width: 48%; margin: 5px 1% 5px 1%; float: left; }
.m_desc { font-size: 15px; margin: 0 0 3px 0; }

.error_line { padding: 5px 0 5px 0; color: #bf3939; font-size: 17px; }

.ElaModal.w100 .ElaModalCore { width: 100%; }
.ElaModal.w90 .ElaModalCore { width: 90%; }
.ElaModal.w80 .ElaModalCore { width: 80%; }
.ElaModal.w70 .ElaModalCore { width: 70%; }
.ElaModal.w60 .ElaModalCore { width: 60%; }
.ElaModal.w50 .ElaModalCore { width: 50%; }
.ElaModal.w40 .ElaModalCore { width: 40%; }
.ElaModal.w30 .ElaModalCore { width: 30%; }

.ElaModal.h100 .ElaModalCore { min-height: 100%; }
.ElaModal.h90 .ElaModalCore { min-height: 90%; }
.ElaModal.h80 .ElaModalCore { min-height: 80%; }
.ElaModal.h70 .ElaModalCore { min-height: 70%; }
.ElaModal.h60 .ElaModalCore { min-height: 60%; }
.ElaModal.h50 .ElaModalCore { min-height: 50%; }
.ElaModal.h40 .ElaModalCore { min-height: 40%; }
.ElaModal.h30 .ElaModalCore { min-height: 30%; }

@media (max-width: 1279px) { 
	
	.ElaModal.w100 .ElaModalCore { width: 100% !important; }
	.ElaModal.w90 .ElaModalCore { width: 95% !important; }
	.ElaModal.w80 .ElaModalCore { width: 85% !important; }
	.ElaModal.w70 .ElaModalCore { width: 75% !important; }
	.ElaModal.w60 .ElaModalCore { width: 65% !important; }
	.ElaModal.w50 .ElaModalCore { width: 55% !important; }
	.ElaModal.w40 .ElaModalCore { width: 45% !important; }
	.ElaModal.w30 .ElaModalCore { width: 35% !important; }
}

@media (max-width: 975px) {
	
	.ElaModal.w100 .ElaModalCore { width: 100% !important; }
	.ElaModal.w90 .ElaModalCore { width: 100% !important; }
	.ElaModal.w80 .ElaModalCore { width: 90% !important; }
	.ElaModal.w70 .ElaModalCore { width: 80% !important; }
	.ElaModal.w60 .ElaModalCore { width: 70% !important; }
	.ElaModal.w50 .ElaModalCore { width: 60% !important; }
	.ElaModal.w40 .ElaModalCore { width: 55% !important; }
	.ElaModal.w30 .ElaModalCore { width: 45% !important; }
}


@media (max-width: 615px) { 
	
	.ElaModal.w100 .ElaModalCore { width: 100% !important; }
	.ElaModal.w90 .ElaModalCore { width: 100% !important; }
	.ElaModal.w80 .ElaModalCore { width: 95% !important; }
	.ElaModal.w70 .ElaModalCore { width: 85% !important; }
	.ElaModal.w60 .ElaModalCore { width: 75% !important; }
	.ElaModal.w50 .ElaModalCore { width: 70% !important; }
	.ElaModal.w40 .ElaModalCore { width: 65% !important; }
	.ElaModal.w30 .ElaModalCore { width: 55% !important; }
}

@media (max-width: 479px) {  
	
	.ElaModal.w100 .ElaModalCore { width: 100% !important; }
	.ElaModal.w90 .ElaModalCore { width: 100% !important; }
	.ElaModal.w80 .ElaModalCore { width: 100% !important; }
	.ElaModal.w70 .ElaModalCore { width: 100% !important; }
	.ElaModal.w60 .ElaModalCore { width: 100% !important; }
	.ElaModal.w50 .ElaModalCore { width: 100% !important; }
	.ElaModal.w40 .ElaModalCore { width: 100% !important; }
	.ElaModal.w30 .ElaModalCore { width: 100% !important; }
	
}

/* ELA MODAL Version 3.0 | ELARS.ART */