.contact_form input {
	width:220px; 
	padding:3px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}

.contact_form  p{display: block;  width: 40%;}
	.contact_form input, .contact_form textarea { 
		padding-right:30px;
		border: solid 1px #ccc;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}


.form_hint {
	background: #ccc;
	color: #fff;
	margin-left:8px;
	padding: 3px;
	z-index: 999; 
	position: absolute; 
	display: none;
	width: 200px
}
.form_hint::before {
	content: "\25C0";
	color:#ccc;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#333;
	display:none;
	opacity: 0.4;

	}
#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:400px;
	height:auto;
	display:none;
	z-index:9999;
	padding:20px;
	font-size: 12px;
	color: #777;
	}
#boxes #dialog {
	width:325px;
	height:auto;
	padding:10px;
	background-color:#ffffff;
	}
.close-modal {
	float: right;
	margin-top: 50px;
	z-index: 300;
	position: absolute;
	}

	
.vopros {position: absolute; z-index: 100; border:  solid #A52A2A 2px; padding: 6px 12px; font: 300 12px Verdana; color: #A52A2A; text-transform: uppercase; width: 218px; margin: 1.5% 0 0 23%;}
.contact_form  .btn_result_lamb {margin: 0; width: 200px; margin: 12px auto}
.vopros:hover {background: #A52A2A; color: #fff; text-decoration: none!important}

  @media (max-width:  1280px) {
  
.vopros {margin: 1.5% 0 0 76%;}

 }