@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=cyrillic');
body{
	background: url('../img/background1.png') center no-repeat fixed;
	background-size: cover;
}
header{
	padding-top: 30px;
}
.logo{
	height: 140px;
}
	.logo_head{
		width: 245px;
		height: 100px;
	}
.number{
	height: 140px;
	padding: 20px;
	color: #312783;
	font: 300 24px 'Open Sans', sans-serif;
}
	.awes{
		position: absolute;
		bottom: 40px;
		color: #312783;
	}
	.rel{
		position: absolute;
		bottom: 45px;
		left: 45px;
	}
	.rel2{
		position: absolute;
		bottom: 45px;
		left: 60px;
	}
		.rel a,
		.rel2 a{
			color: #312783;
		}
			.rel a:hover,
			.rel2 a:hover{
				text-decoration: none;
			}
	.bolder{
		font-weight: bolder;
	}
.about_company{
	text-align: left;
}
	.text_about{
		padding: 20px;
		font: 400 20px 'Open Sans', sans-serif;
		color: #312783;
	}
		.text_about ul{
			list-style-image: url('../img/arrow_right.png');
			padding-left: 50px;
		}
			.text_about ul li{
				padding-bottom: 10px;
			}
.mess{
	padding-top: 20px;
}
.body_form{
	padding: 20px;
	width: 440px;
	min-height: 460px;
	background-color: #6d66a7;
	border-radius: 0 40px 0 0;
}
	.name_form{
		text-align: center;
		text-transform: uppercase;
		font: 600 25px 'Open Sans',sans-serif;
		color: #fff;
	}
	.form_send{
		padding-top: 15px;
	}
		.form_send_field{
			display: block;
			height: 45px;
			width: 100%;
			font: 400 15px 'Open Sans', sans-serif;
			margin-bottom: 20px;
			padding-left: 15px;
			outline: none;
			border-radius: 10px;
			border: none;
		}
			.form_send_msg{
				padding-top: 15px;
				resize: vertical;
				min-height: 100px;
			}
			.submit_btn{
				width: 100%;
				height: 50px;
				border: 0;
				outline: none;
				text-transform: uppercase;
				font: 600 17px 'Open Sans', sans-serif;
				background-color: #616161;
				color: #fff;
			}
				.submit_btn:hover{
					background-color: #3a3939;
				}
.copy{
	padding: 30px 0 30px 60px !important;
}
	.copy span{
		font: 300 15px 'Open Sans', sans-serif;
		color: #312783;
	}

@media screen and (max-width: 991px){
	header{
		text-align: center;
	}
		.awes,
		.rel,
		.rel2{
			position: initial;
		}
		.logo{
			height: 100px;
		}
		.number{
			padding: 0;
			height: 55px;
		}
	.text_about{
		padding: 20px 0 0 0;
	}
		.text_about ul{
			padding-left: 30px;
		}
	.body_form{
		width: 100%;
	}
		.form_send{
			padding: 10px;
		}
	.copy {
	    padding: 0 0 30px 30px !important;
	}
}
@media screen and (max-width: 767px){
	.name_form{
		padding-top: 0;
	}

	.copy {
	    padding: 30px 0 30px 30px !important;
	}
	.social_button{
		padding-top: 0;
	}
}