.form-wrapper, .form-wrapper div { position: relative}


.form-wrapper .form-container{ opacity:1; z-index:1;
	-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.form-wrapper .result-container{ opacity:0; z-index:-1; position:absolute; width:100%; min-height:100%; top:0;  left:0;
	display:-webkit-flex;  -webkit-align-items:center; -webkit-justify-content:center; -webkit-flex-direction:column;
	display: flex; align-items:center; justify-content:center; flex-direction:column;
	background-repeat:no-repeat; background-position:center; background-size: auto 80%;
	-webkit-transition: all 0.5s ease; transition: all 0.5s ease;
}
.form-wrapper.show-result .form-container{ opacity:0; z-index:-1;  overflow:hidden}
.form-wrapper.show-result .result-container{ opacity:1; z-index:1;}

.form-wrapper .select-input  input{ z-index: 500}
.select-button{ display:none; position:absolute; z-index:300; width:40px; height:100%; top:0; right:0; background:#eee;     border-radius:0  12px 12px 0; cursor:pointer}
.form-wrapper .select-button:after{ position:absolute; display:block; content:""; width: 0; 	height: 0; top:0; bottom:0; left:0; right:0; margin:auto;
	border-left: 7px solid transparent; 	border-right: 7px solid transparent;	border-top: 10px solid #e24d53; box-shadow: 2px 2px 6px rgb(0 0 0 / 16%);}
.form-wrapper .select-button.is-show:after{border-left: 7px solid transparent; 	border-right: 7px solid transparent;	border-bottom: 10px solid #e24d53; border-top:none;}

.form-wrapper .select-panel{ position:absolute; display:none;     top: 50%;    left: 0;    width: 100%;    background-color: #cce8ea;    padding: 25px 10px 15px 30px;
	box-sizing: border-box;     height: 220px;        z-index: 100;   border-radius:0  0px 12px 12px; }
.form-wrapper .select-panel.is-show{ }
.form-wrapper .select-panel span{ display:block; padding:7px 0; font-size:14px;     border-bottom: 1px dashed #c1bebe;}
.form-wrapper .select-panel span:hover{ color:#e24d53; cursor:pointer}
.form-wrapper .select-panel-items{ height:100%; overflow:auto}
.form-wrapper .checkbox-desc{ font-size: 0.9em; text-align: center; line-height: 1.1em;}

.button.preload{ background-repeat:no-repeat; background-position:center; background-size:0px; background-image:url(preloader.svg);
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease;	cursor:pointer; height: 53px;}
.button.preload.in-process{background-size:25px; font-size:0;}




@media only screen and (min-width: 480px) {
	.acms_popup_user_content .form{ margin: 0 20px;}

}
@media only screen and (min-width: 768px) {
	.acms_popup_user_content .form{ margin: 20px 50px;}

}

@media only screen and (min-width: 1024px) {
	.form-wrapper .form_row { padding: 10px 0;  }
}