.__line-rows{	display: -webkit-box; 	display: -webkit-flex;	display: flex;}
.__line-rows._justify{-webkit-box-pack:justify ;   -webkit-justify-content:space-between;  justify-content:space-between;}
.__line-rows._hcenter{-webkit-box-pack:center ;   -webkit-justify-content:center;  justify-content:center;}
.__line-rows._column-row-768{-webkit-box-orient: vertical; -webkit-flex-direction:column; flex-direction:column;}
.__line-rows._vcenter{-webkit-box-align: center; -webkit-align-items:center; align-items:center; }
.__line-rows._vtop{-webkit-box-align: start; -webkit-align-items:flex-start; align-items:flex-start; }


.forms{ max-width:500px;}

.form-wrapper{ padding:10px 0; min-height:200px; max-width:340px; margin:auto}
.form-wrapper.show-form .form-container,
.form-wrapper.show-form .result-container
	{
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	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; width:100%; min-height:100%; top:0;  left:0; 
	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-repeat:no-repeat; background-position:center; background-size: auto 80%; 
	}
.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 input[type="text"]{ display:block; box-sizing:border-box; }

.form-wrapper .result-description{ text-align:center; font-size:16px;}
.form-wrapper .result-description.error{ color:#ff0909}

.form-wrapper .form_row { padding-bottom:10px;}
.form-wrapper .form_row.submit { padding:20px 0}
.form-wrapper .form_row  textarea {  width: 100%; max-width:100%; box-sizing:border-box;  border: 1px solid #628fb3;   height: 80px;    border-radius: 4px;    padding: 5px 15px;}

.form-wrapper input[type="text"]{ width:100%; border:1px solid #628fb3; height:40px; border-radius:4px; padding:5px 15px }

.form-wrapper  .form_row .error span{ color:#ff151b; }
.form-container .form-desc{ text-align:center; font-size:12px; }


.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 .title:before{ display:block; content:""; background-repeat:no-repeat; background-position:center; height:80px;
 background-size:60px; background-image:url(ok-icon.svg);}
.form-wrapper .result-description.error .title:before{ background-image:url(error-icon.svg);}


.form-wrapper .result-description.error{ color:#ff0909}


@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) {
	
	.__line-rows._column-row-768{-webkit-box-orient: horizontal; -webkit-flex-direction:row; flex-direction:row;}

}

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

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

}