.form-wrapper, .form-wrapper div { position: relative}
.form-wrapper.show-form .form-container,
.form-wrapper.show-form .result-container{-webkit-transition: all 0.3s ease;	transition: all 0.3s ease;}

.form-wrapper .form-container{ opacity:1; z-index:1; -webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.form-wrapper .result-container{
	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.3s ease;
	transition: all 0.3s ease;
}
.form-wrapper.show-result .form-container{  }
.form-wrapper.show-result .result-container{ }

.form-wrapper .result-description{ text-align:center; font-size:16px;}
.form-wrapper .result-description p{ font-size:16px; padding:10px 0   }
.form-wrapper .result-description .title{ font-size:22px;   }
.form-wrapper .result-description.error{ color:#ff0909}

.form-wrapper .select-input  input{ z-index: 500; cursor: pointer}
.select-button{  position:absolute !important; z-index:300; width:40px; height:100%; top:0; right:0;     border-radius:0  12px 12px 0; cursor:pointer}
.form-wrapper .select-button:after{ position:absolute; content: '\203A'; display: block;  top:50%; left: 50%; width:100%; transform: translate(-50%, -50%) rotate(90deg); text-align: center; font-family: sans-serif; font-size: 18px; transition: all 0.3s ease;}
.form-wrapper .select-button.is-show:after{ transform: translate(-50%, -50%) rotate(-90deg); }

.form-wrapper .select-panel{ position:absolute; display:none;     top: 100%;    left: 0;    width: 100%;    background-color: #eee;    padding: 15px;
	box-sizing: border-box;   max-height: 220px;  z-index: 100;   border-radius:0  0px 4px 4px; }
.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;}

.form-wrapper .result-message{  text-align: center;}
.form-wrapper .result-message h2{ font-weight: 600; padding-bottom: 20px;  font-size: 22px;}
.form-wrapper .result-message p{}

.form-wrapper .result-message.fail{ color: #ff8080;  }

.form-wrapper .field-error{ height:  0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0;}
.form-wrapper .field-error.is-show{ height: auto; opacity: 1 }
.form-wrapper .field-error span{ }
.form-wrapper .field-error.is-show span{ }

.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;}
.button.preload.in-process:after{ opacity: 0}


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

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

}

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