@keyframes show_container {
	from { opacity:0;}
	to {opacity: 1;}
}
BODY.ScrollOff{ position:fixed; overflow-y:scroll; width:100%; }

.maunty_popup_container{ display:block; opacity:0; position:fixed; top:0; left:0; width:100%;  height:100%; overflow:hidden; z-index:11000; background-color:rgba(0, 0, 0, 0.8);
display: -webkit-box; 
	-webkit-box-align: center;
	-webkit-box-pack:center;  
	
	display: -webkit-flex; 
	-webkit-align-items:center;
	-webkit-justify-content: center;
	
	display: flex;
	align-items:center; 
	justify-content: center;
	
	transition-property: opacity;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-o-transition-property: opacity;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease;
	}

.maunty_popup_container.is-show{ 
	
	opacity:1;
	
	/*
	animation: show_container  0.2s  ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
	*/

}

.maunty_popup_window{ position:relative; box-sizing:border-box; -webkit-border-radius:4px; border-radius:4px; 
	background:#fff; overflow:hidden; max-height:90%; max-width:90%; z-index:100;
	
	display: -webkit-box; 
	-webkit-box-align: center;
	-webkit-box-pack:center;  
	
	display: -webkit-flex; 
	-webkit-align-items:center;
	-webkit-justify-content: center;
	
	display: flex;
	align-items:center; 
	justify-content: center;
	
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease;
}
.maunty_popup_window.has-title{ padding-top:60px;}
.maunty_popup_window.has-buttons{ padding-bottom:80px;}


.maunty_popup_content{ box-sizing:border-box; width:100%;  min-width:200px; max-height:100%; overflow:auto; } 

.maunty_popup_user_content{ box-sizing:border-box;  padding:20px;} 


.maunty_popup_content_title{ position:absolute; top:0; left:0; right:0; height:40px; }
.maunty_popup_content_buttons{ position:absolute; bottom:0; left:0; right:0; height:70px; padding:0 20px;  }

.maunty_popup_content_close{ position:absolute; width:20px; height:20px; top:5px; right:5px; z-index:300; cursor:pointer }
.maunty_popup_content_close:after{ content:'\2716'; display:block; position:absolute; top:0; left:0; width:100%; height:100%; line-height:20px; font-size:18px; color:#FF383B; cursor:pointer; z-index:1; text-align:center}

/*********************/

.maunty_popup_content_title{ box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);   background: #eee;}
.maunty_popup_content_buttons{ 
display: -webkit-box; 
	-webkit-box-align: center;
	-webkit-box-pack:center;  
	
	display: -webkit-flex; 
	-webkit-align-items:center;
	-webkit-justify-content: center;
	
	display: flex;
	align-items:center; 
	justify-content: center;}
.popup_content_button{ display:block; padding:10px 30px; background:#E24D53; color:#fff;  font-size:16px;    text-align:center; border-radius:5px; text-decoration:none; background-image:url(preloader2.svg); background-repeat:no-repeat; background-position:center; background-size:0;
max-width:280px; 
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;}	


.popup_content_button.process{ font-size:0; background-size:40px;}


.maunty_popup_content_title .title{ padding:0 15px; line-height:40px; font-size:22px;  font-family:OpenSans;  text-align:center  }

.maunty_popup_content .message{ max-width:400px; padding:0 20px;  text-align:center; box-sizing:border-box;}
.maunty_popup_content .message.error{	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiPiA8ZyB0cmFuc2Zvcm09InNjYWxlKDIpIj4gIDxjaXJjbGUgc3R5bGU9ImZpbGw6I2Y0NDMzNiIgY3g9IjgiIGN5PSI4IiByPSI3Ii8+ICA8cmVjdCBzdHlsZT0iZmlsbDojZmZmZmZmIiB3aWR0aD0iMiIgaGVpZ2h0PSIxMCIgeD0iLS45OCIgeT0iLTE2LjI5IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUpIi8+ICA8cmVjdCBzdHlsZT0iZmlsbDojZmZmZmZmIiB3aWR0aD0iMiIgaGVpZ2h0PSIxMCIgeD0iLTEyLjI5IiB5PSItNS4wMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEzNSkiLz4gPC9nPjwvc3ZnPg==); background-repeat:no-repeat; background-position:center top; background-size:60px; padding-top:80px;}

@media only screen and (min-width: 600px) {
.maunty_popup_user_content {  padding: 40px;}
.maunty_popup_content_close { top: 15px;  right: 20px;}
}

