/* ElaModal */
.show_modal { cursor: pointer; }
.ElaModal { display: none; }
.ElaModal.active { position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 500; display: block; }
.ElaModal.active:before { 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 .ela-modal-core { top:0px !important; margin-top: 0px !important;  }
.ElaModal.active.tostart { overflow-y: scroll; }

.ela-modal-core { width: 50%; margin: 0 auto; background: #effaf2; min-height: 200px; position: relative; top:50%; z-index: 1000; font-size: 24px; text-align: center; }
.ElaModal.active.tostart .ela-modal-close { top:0px !important; }
.ela-modal-close { z-index: 111; position: absolute; right:0px; top:0px; cursor: pointer; width: 8%; height: 100%; background:#DBE5DD url('ela-modal-close.png') no-repeat center; }

.ela-modal-title { text-align: left; font-size: 24px; padding: 10px 0 10px 0; width: 100%;  background: #979e98; position: relative; color: #fff; }
.ela-modal-title span { width: 90%; padding: 0 0 0 2%; position: relative; display: inline-block; }

.ela-modal-title.lines span { width: 88%; }
.ela-modal-title.lines .ela-modal-close { width: 12%; }

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

.ela-modal-content > a:last-child { display: block; background: #e5e0e0; }

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

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

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


@media (max-width: 975px) {

	.ela-modal-core { width: 86% !important; } 

}


@media (max-width: 615px) { 

 	.ela-modal-core { width: 100% !important; }
 	

 
}
/* ElaModal */