/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/* === Шрифты для формы и общая ширина === */
body {font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}

.contact_form {
		width:800px;
	}
.tip_vent{
display: block;
    margin-left: 214px;
    width: 500px;}
/* === Ширина формы === */
.cont2 input{
height:20px; 
	width:200px!important; 
	padding:5px 8px;}
.contact_form p {
    	width:720px;
	margin:7px 10px 7px 10px;
	padding:0px;
}
.col {
width:22px!important;
}
.chekit{
white-space: nowrap;
display:inline;
margin-left:1px;}
/* === Размер и расположение блоков === */
.contact_form label {
	width:200px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:20px; 
	width:454px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:454px;}
.contact_form button {margin-left:156px;}

	/* Цвета и эффекты */
	.contact_form input, .contact_form textarea { 
		border:1px solid #000;
		
		border-radius:0px;
		padding-right:30px;
		-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 #428bca; 
		box-shadow: 0 0 3px #0000ff; 
		padding-right:30px;
	}
.chekbox input:focus{
box-shadow: 0px 0px 1px #ccc, 0 10px 15px #eee inset!important;}
/* === HTML5  === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff no-repeat 98% center;
	box-shadow: 0 0 5px blue;
	border-color: #428bca
}

/* === Стили подсказок === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* подсказки поверх всех элементов */
	position: absolute; /* правильное отображение, если подсказка в 2 строки */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	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;}
	
/* === Оформление кнопки === */
button.submit {
	background-color: #eeeeee;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    color: #444444;
    font-size: 14px;
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: normal;
    margin: 1em 0;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;

}

button.submit:Hover{
background-color: #666666;
    border-color: rgba(0, 0, 0, 0);
    color: #000000;}