.form { border-radius: 15px; }
.form h2{ text-align: center; }
.form-content{border: 1px solid #eee; border-radius: 15px; padding: 30px 15px;}

.form-wrapper.show-form .form-container,
.form-wrapper.show-form .result-container
	{

	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	}

.form-wrapper .form-container{ opacity:1; z-index:1;}
.form-wrapper .result-container{ opacity:0; z-index:-1; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
	display: -webkit-box;  -webkit-box-align: center; -webkit-box-pack:center;  -webkit-box-orient: vertical; 
	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-image:url(send-mail-bg.png); background-repeat:no-repeat; background-position:center; background-size: auto 80%; 
	}
.form-wrapper.show-result .form-container{ opacity:0; z-index:-1;}
.form-wrapper.show-result .result-container{ opacity:1; z-index:1;}



.form-wrapper .form_row{box-sizing:border-box; position:relative; padding:10px 0;  width:90%; max-width: 320px; margin:auto;}
.form-wrapper .form_row.fn-wrap {  }
.vidget .fn-wrap{ padding-top:0}

.form-wrapper input[type="text"],
.form-wrapper select.value 
{ display:block; box-sizing:border-box; position:relative; border:1px solid #08a652; height:45px; padding:0 20px;
	border-radius:30px; box-shadow:0 10px 8px -9px rgba(0,0,0,0.3); width:100%; font-size:15px; color:rgba(78,78,78,1.00); }



.form-wrapper .select-input{ width:100%; height:45px; position:relative; 
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
.form-wrapper .select-input input{ z-index:200; cursor:pointer}

.form-wrapper .select-button{  position:absolute; z-index:300; width:40px;  top:1px; bottom:1px; right:1px; background:#f8f8f8;     border-radius:0  3px 3px 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 #f16004;}
.form-wrapper .select-button.is-show:after{border-left: 7px solid transparent; 	border-right: 7px solid transparent;	border-bottom: 10px solid #f16004; border-top:none;}

.form-wrapper .select-panel{ position:absolute; display:none;     top: 30px;    left: 0;    width: 100%;    background: #fafafa;    padding: 25px 0px 15px 10px;    box-sizing: border-box; max-height:250px;        z-index: 100;   border-radius:0  0px 12px 12px;     box-shadow: 0 5px 9px -4px #00000045; overflow:auto}
.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 .select-input.in-process:after{ display:block; position:absolute; content:""; top:0; bottom:0; left:0; right:0; margin:auto; background-color: rgba(0, 0, 0, 0.04); background-image:url(preloader.svg); background-repeat:no-repeat; background-position:center;  font-size:0; background-size:30px;}
.form-wrapper .select-input input.in-process{ background-color: rgba(0, 0, 0, 0.04); background-image:url(preloader.svg); background-repeat:no-repeat; background-position:center;  font-size:0; background-size:30px;}

.form-wrapper   .block-text{ padding:15px; text-align:center; font-size:16px;}	
.vidget .form-wrapper   .block-text{ padding-top:5px; padding-bottom:0px; font-size:14px;}	

.form-wrapper .form_radio_group.row{
	display: -webkit-box;  -webkit-box-align: center; -webkit-box-pack:center;  -webkit-box-orient: horizontal; 
	display:-webkit-flex;  -webkit-align-items:center; -webkit-justify-content:center; -webkit-flex-direction:row;
	display: flex; align-items:center; justify-content:center; flex-direction:row;
}
.form-wrapper .form_radio_item input{ padding:0; margin:0; margin-left:5px;   width:20px;}
.form-wrapper .row .form_radio_item{ padding:5px 10px;}

.form-wrapper .form_row.submit{  }	
.form-wrapper .button{ border:none; margin: auto; width:90%; max-width: 320px; font-size:16px; cursor:pointer; background-image:url(preloader.svg); background-repeat:no-repeat; background-position:center; background-size:0;}
.form-wrapper .button.in-process{ font-size:0; background-size:35px;}


.form-wrapper .form-desc{ max-width: 420px; margin: auto; padding:15px; font-size:13px; line-height: 1.2; color:rgba(104,104,104,1.00); text-align:center}
.form-wrapper .form-desc a{ color:rgba(88,88,88,1.00);  text-decoration:underline; cursor:pointer}

.form-wrapper .form_row .error span{ display:block; padding:5px 5px 10px 5px; color:#ea5656; font-size:14px;}

.form-wrapper .result-description  { max-width:400px;}
.form-wrapper .result-description .title{ padding:10px 0; font-weight:bold; }
.form-wrapper .result-description.error .title{ color:#ea5656;}
.form-wrapper .result-description{ font-size:18px; text-align:center; line-height:1.6em;}

@media only screen and (min-width: 375px) {
	
	
}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 600px) {
}


@media only screen and (min-width: 768px) {
.form-wrapper .easyform {  margin:auto;}

.form-wrapper .easyform .form_row	{   }

.form-wrapper .block_row { display: -webkit-box;  -webkit-box-align: center; -webkit-box-pack:center;  -webkit-box-orient: horizontal; 
		display:-webkit-flex;  -webkit-align-items:center; -webkit-justify-content:center; -webkit-flex-direction:row;
		display: flex; align-items:center; justify-content:center; flex-direction:row;
		    max-width: 600px; margin:auto;}
.vidget .form-wrapper .block_row {  -webkit-box-orient: vertical;  -webkit-flex-direction:column; flex-direction:column;}
			
.form-wrapper .block_row .form_row	{ padding:6px; 15px;}
		
.form-wrapper .form_row.submit{ padding-top:12px;  }	
}

@media only screen and (min-width: 960px) {

}

@media only screen and (min-width: 1160px) {

}

@media only screen and (min-width: 1240px) {

}


@media only screen and (min-width: 1600px) {


}