.modal-bg { position: fixed; height: 100%;width: 100%;background-image:url(/images/fon.png);z-index: 100;display: none;top: 0;left: 0; }
.reveal-modal {width:700px;height:400px;display:none;top:50%;left: 50%;margin-top:-200px;margin-left:-375px;background: #fff;position: fixed;z-index: 100001;padding: 30px 40px 34px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
.reveal-modal-promokod {width:400px;height:200px;background:#fff;display:none;top:50%;left: 50%;margin-top:-100px;margin-left:-200px;position: fixed;z-index: 101;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal-medium {position: fixed;width:800px;height:300px;display:none;top:50%;left: 50%;margin-left:-400px;margin-top:-150px;background: #fff;z-index: 100001;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal-city {position: fixed;width:800px;height:600px;display:none;top:50%;left: 50%;margin-left:-400px;margin-top:-300px;background: #fff;z-index: 100001;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);-moz-border-radius:5px;border-radius:5px}
.reveal-modal-kp {width:800px;min-height:350px;display:none;top:0;left: 50%;margin-top:100px;margin-left:-400px;background: #fff;position: fixed;z-index: 101;padding: 30px 40px 34px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}	
.close-reveal-modal {line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;} 
.forma{padding:0px;position:relative}
.modal_close{cursor:pointer;position:absolute;right:15px;top:15px}
.modal_close_kp{cursor:pointer;position:absolute;right:35px;top:35px}


.modal-overlay {  display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;}
.modal-content {width: 80vw;height: 50vh;max-width: 90vw;max-height: 90vh;background: white;padding: 30px;border-radius: 8px;overflow-y: auto;position:relative}
	.modal-content .close_modal{position:absolute;right:40px;}
@media (max-width: 480px) {
	.modal-content {width: 80vw;height: 70vh;padding: 15px;}
}