@import url(/api/fonts/OpenSans/OpenSans.css);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  padding: 60px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  color: #222;
  font: 14px/23px 'Gotham', Arial, Helvetica; }
  @media (max-width: 1024px) {
    body {
      font: 13px/20px 'Gotham', Arial, Helvetica; } }

a {
  border-bottom: 1px solid #deeddb;
  -webkit-transition: 0.127s;
  -moz-transition: 0.127s;
  -ms-transition: 0.127s;
  -o-transition: 0.127s;
  transition: 0.127s;
  color: #60b048;
  text-decoration: none; }
  a:focus {
    outline: thin dotted; }
  a:hover {
    color: #60b048;
    border-bottom: 1px solid #a9d59b; }
  a:active, a:hover {
    outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

p {
  margin-top: 10px;
  margin-bottom: 10px; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 300; }

h2 {
  font-size: 38px;
  line-height: 45px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  margin: 0 0 6px 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 23px;
  text-transform: uppercase; }

@media (max-width: 1024px) {
  h2 {
    font-size: 32px;
    line-height: 39px; }

  h3 {
    font-size: 18px;
    line-height: 22px; }

  h4 {
    font-size: 12px;
    line-height: 20px; } }
.l-clearfix {
  zoom: 1; }
  .l-clearfix:after {
    content: "";
    display: block;
    clear: both; }

.l-wrapper {
  width: 976px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1024px) {
    .l-wrapper {
      width: 724px; } }

.l-row {
  zoom: 1;
  margin-left: -20px; }
  .l-row:after {
    content: "";
    display: block;
    clear: both; }
  .l-row [class*="l-span_"] {
    min-height: 1px;
    float: left;
    padding-left: 20px; }

[class*="l-span_"] img {
  max-width: 90%; }

.l-span_1 {
  width: 8.33333%; }

.l-span_2 {
  width: 16.66667%; }

.l-span_3 {
  width: 25.0%; }

.l-span_4 {
  width: 33.33333%; }

.l-span_5 {
  width: 41.66667%; }

.l-span_6 {
  width: 50.0%; }

.l-span_7 {
  width: 58.33333%; }

.l-span_8 {
  width: 66.66667%; }

.l-span_9 {
  width: 75.0%; }

.l-span_10 {
  width: 83.33333%; }

.l-span_11 {
  width: 91.66667%; }

.l-span_12 {
  width: 100.0%; }

.l-margin_20 {
  margin-top: 20px; }

@media (max-width: 1024px) {
  .l-margin_20 {
    margin-top: 10px; } }
.l-margin_40 {
  margin-top: 40px; }

@media (max-width: 1024px) {
  .l-margin_40 {
    margin-top: 20px; } }
.l-margin_60 {
  margin-top: 60px; }

@media (max-width: 1024px) {
  .l-margin_60 {
    margin-top: 30px; } }

/* -------------------------------------------------- */
/* stats */
.b-stats__item {
  margin-bottom: 16px; }
  @media (max-width: 1024px) {
    .b-stats__item {
      margin-bottom: 8px; } }
  .b-stats__item__head {
    white-space: nowrap; }
  .b-stats__item__value {
    width: 36px;
    float: left;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    opacity: 0;
    color: #8a8a8a;
    line-height: 26px; }
    .state_viewed .b-stats__item__value {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .b-stats__item__title {
    float: left;
    -webkit-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.6s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate(-38px, 0);
    -moz-transform: translate(-38px, 0);
    -ms-transform: translate(-38px, 0);
    -o-transform: translate(-38px, 0);
    transform: translate(-38px, 0);
	font-family: 'Open Sans';
    font-size: 18px;
    line-height: 26px; }
    .state_viewed .b-stats__item__title {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    @media (max-width: 1024px) {
      .b-stats__item__title {
        font-size: 14px; } }
  .b-stats__item__fill {
    background: #dfdfdf;
    height: 4px; }
    .b-stats__item__fill span {
      background: #60b048;
      display: block;
      width: 0;
      height: 4px;
      -webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -moz-transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -ms-transition: 0.3s 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      -o-transition: 0.3s 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }