<section class="mainpage-stats-block">
<div class="main_width">
<h2 class="section-title animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="400">$SITE_NAME$ в цифрах</h2>
<div class="statistics-grid">
<div class="statistics-grid-item animated fadeIn visible" data-animation="fadeIn" data-animation-delay="800">
<div class="value">
<i class="fa fa-user"></i>
<div>$MYINF_2$</div>
</div>
<div class="label">Пользователей</div>
</div>

<div class="statistics-grid-item animated fadeIn visible" data-animation="fadeIn" data-animation-delay="1000">
<div class="value">
<i class="fa fa-comments"></i>
<div>$MYINF_3$</div>
</div>
<div class="label">Сообщений</div>
</div>

$MYINF_4$
</div>
</div>
</section>

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:300,400,700,900">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic&subset=latin,latin-ext,cyrillic">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=PT+Sans+Caption:regular,italic,bold,bolditalic&subset=latin,latin-ext,cyrillic">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

/* === MP: Stats === */
.mainpage-stats-block {
background: #fff url(http://zombr.org/public/style_images/bulletin/st-pad.jpg);
padding: 20px 0;
text-align: center;
margin: 0 0 0px;
}

.mainpage-stats-block .section-title {
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
color: #6f6f6f;
margin: 0 0 20px 0;
text-align: center;
}

.statistics-grid-item {
display: inline-block;
width: 24%;
text-shadow: 1px 1px 1px #fff;
}

.mainpage-stats-block .value {
font: normal 23px 'Open Sans', sans-serif;
color: #94A8BD;
}

.mainpage-stats-block .value ~ .label {
color: #696969;
font: normal 13px 'Open Sans', sans-serif;
}

.fast-links {
float: left;
width: 250px;
}

.fast-links figure {
margin: 0;
height: 86.66px;
overflow: hidden;
position: relative;
}

.fast-links a,
.fast-links .overlayed,
.fast-links .overlayed span {
color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.fast-links .overlayed {
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
background: rgba(0, 0, 0, .2);
}

.fast-links .overlayed:hover {
background: rgba(0, 0, 0, .1);
}

.fast-links .overlayed span {
font-family: 'PT Sans Capture', sans-serif;
font-size: 15px;
top: 50%;
margin: -6px 0 0;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 1px #000;
}