@font-face {
  font-family: 'ApercuPro-Regular';
  src: url('fonts/ApercuPro/ApercuPro-Regular/ApercuPro-Regular.eot');
  src: url('fonts/ApercuPro/ApercuPro-Regular/ApercuPro-Regular.woff2') format('woff2'),
       url('fonts/ApercuPro/ApercuPro-Regular/ApercuPro-Regular.woff') format('woff'),
       url('fonts/ApercuPro/ApercuPro-Regular/ApercuPro-Regular.ttf') format('truetype'),
       url('fonts/ApercuPro/ApercuPro-Regular/ApercuPro-Regular.svg#ApercuPro-Regular') format('svg'),
       url('fonts/ApercuPro/ApercuPro-Regular/ApercuPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ApercuPro-Bold';
  src: url('fonts/ApercuPro/ApercuPro-Bold/ApercuPro-Bold.eot');
  src: url('fonts/ApercuPro/ApercuPro-Bold/ApercuPro-Bold.woff2') format('woff2'),
       url('fonts/ApercuPro/ApercuPro-Bold/ApercuPro-Bold.woff') format('woff'),
       url('fonts/ApercuPro/ApercuPro-Bold/ApercuPro-Bold.ttf') format('truetype'),
       url('fonts/ApercuPro/ApercuPro-Bold/ApercuPro-Bold.svg#ApercuPro-Bold') format('svg'),
       url('fonts/ApercuPro/ApercuPro-Bold/ApercuPro-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


.container{
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	margin: 0 auto 40px;
}

@media (min-width: 1200px){
	.container{width: 1140px;}
}

@media (min-width: 992px) and (max-width: 1200px){
	.container{width: 970px;}
}


.header{padding-top: 20px;}
.header img{width: 130px;}


.container .text,
.container a{
	font-family: "ApercuPro-Regular";
	font-size: 18px;
	color: rgb(51, 51, 51);
	line-height: 25px;
}

.container a{
	text-decoration: none;
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
}

.container a:before{
	content: '';
	width: 30px;
	height: 43px;
	background: url('img/doc.svg');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: -40px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.container .header a {margin-bottom:0}
.container .header a:before {display:none}

.links{
	width: 300px;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;

}

.links2{width:690px}

.zakupki{
	background: #00ab97;
	padding: 10px;
	font-family: "ApercuPro-Bold";
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 18px;
}

@media (max-width: 768px){
	.zakupki{
		font-size: 14px;
	}
	.links2{width:auto}
	.links2 a{padding-left:40px}	
	.links2 a:before{left:0}
}