html {
	font-size:100%;
}

html, body {
	height:100%;
}

body, div, span, p, h1, h2, h3, h4, a, input, textarea, img, ul, li {
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:1em;
	line-height:1.5;
	color:#333;
	border:none;
}

a, a:hover {
	color:#006ec2;
	text-decoration:underline;
}

a:hover {
	color:#006ec2;
	text-decoration:none;
}

ul {
	list-style:none;
}

.clear {
	width:100%;
	float:left;
	clear:both;
}

.top {
	padding:35px 0 30px;
	min-height:150px;
	background:#060a11;
	background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), url(head_bg.jpg);
}

.content {
	margin:0 auto;
	max-width:1200px;
	overflow:hidden;
}

.logo {
	font-size:1.875em;
	color:#fff;
}

.label {
	font-size:1.625em;
	color:#fff;
	text-transform:lowercase;
}

.ask_link, .ask_link:hover {
	margin-top:16px;
	padding:9px 40px;
	display:block;
	float:right;
	color:#fff;
	font-size:1.25rem;
	background:#449b2c;
	border-radius:5px;
	text-decoration:none;
}

.ask_link:hover {
	background:#3d9225;
}

.padd {
	padding:0 40px;
}

.menu {
	min-height:60px;
	background:#523051;
}

.menu .content {
	padding-top:17px;
}

.menu .content a, .menu .content a:hover, .menu .content span {
	color:#fff;
}

.menu .content span {
	margin:0 5px;
	display:inline-block;
}

h1, h2, .title {
	margin-bottom:24px;
	display:block;
	width:100%;
	font-size:2.375em;
	line-height:1.25;
	text-align:left;
	font-weight:normal;
}

h2, .title {
	margin-top:15px;
}

.bold {
    font-weight:bold;
}

.white_text {
	color:#fff;
}

.center_text {
	text-align:center;
}

.nowrap {
	white-space:nowrap;
}

.margin_bottom_20 {
	margin-bottom:20px;
}

.margin_bottom_50 {
	margin-bottom:50px;
}

.list {
    margin:10px 0 28px 0;
    padding-left:20px;
    list-style-type:circle;
}

.list li {
    margin: 0 0 5px 0;
    padding-left: 6px;
}

.footer {
	padding:14px 0;
	min-height:50px;
	text-align:center;
	background:#eee;
}

p {
	padding-bottom:28px;
}

.box-sizing {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.contacts {
	background:#f6f6f6;
}

.form {
	margin:30px;
	padding:0 30px 30px 30px;
	width:420px;
	height:350px;
	float:left;
	background:#fff;
}

.form input, .form textarea {
    margin-bottom:17px;
    padding:0 15px;
    width:100%;
    height:47px;
    color:#666;
    border:1px solid #dadada;
    border-radius:3px;
}

.form textarea {
    padding:10px 15px;
    height:87px;
}

.form a, .form a:hover {
	padding-top:14px;
    width:100%;
    height:47px;
    display:block;
    color:#fff;
    font-size:1.125em;
    font-weight:bold;
    line-height:1;
    text-align:center;
    background:#1e98ff;
    border-radius:3px;
	text-decoration:none;
}

.result {
	padding:7px 0;
	width:100%;
	height:22px;
	color:#c00;
    display:block;
    text-align:center;
	position:relative;
}

.result div {
	width:100%;
	height:350px;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	background-image:url(send_icon.gif);
    background-position:center center;
    background-repeat:no-repeat;
	background-size:140px 140px;
}

.contacts_info {
	padding: 40px 40px 15px;
}

.phone {
    font-size:1.75em;
	line-height:1.25;
}

.phone img {
	margin-left:5px;
	display:inline-block;
}

.img {
	margin:2px auto 30px;
	display:block;
}

.thumbnail {
	margin:0 5px 5px 0;
	width:120px;
	height:120px;
	border-radius:10px;
}

@media only screen and (max-width:861px) {
h1, h2, .title {font-size:1.75em;}

.top {min-height:120px;}
.logo {font-size:1.5em;}

.label {font-size:1.25em;}

.padd {padding:0 20px;}
.ask_link {display:none;}
.top .content {text-align:center;}

.menu .content {padding:0;}
.menu .content a, .menu .content a:hover {padding:10px;	color:#fff;	text-align:center;	display:block;	border-bottom:1px solid #724171; text-decoration:none;}
.menu .content span {display:none;}

.contacts {padding: 40px 20px 12px 20px;}
.form {margin:0 0 50px 0; width:100%; float:left; clear:both;}
.contacts_info {padding:0;	float:left; clear:both;}

.img {width:200px; height:200px;}
.docs {text-align:center;}

.footer {padding:14px 20px;}
}