html, h1, h2, h3, .uk-h1 {
  font-family: 'Exo 2', sans-serif; }

.red {
  color: #C1272D; }

.nav {
  background-color: #000; }

.nav-sticky {
  background-color: rgba(0, 0, 0, 0.8); }

.inner {
  background-color: #333333;
  color: #fff; }
  .inner .name {
    width: 62%;
    margin-top: 38%;
    margin-bottom: 38%; }

.about {
  background-color: #C1272D;
  font-size: 1rem; }
  .about .about-name {
    height: 1rem;
    margin-bottom: 1rem; }
  .about .mp-name {
    height: 1rem; }

@media screen and (min-width: 960px) {
  .about {
    font-size: 2rem; }
    .about .about-name {
      height: 2rem;
      margin-bottom: 1rem; }
    .about .mp-name {
      height: 1.7rem;
      margin-top: 1rem; } }

.catalog {
  background-color: #222222; }

.uk-subnav-pill > .uk-active > a {
  background-color: #222;
  border: 1px solid #B10009;
  color: #B10009; }

.uk-subnav-pill > .uk-active > a {
  background-color: #222; }

.uk-subnav-pill > .uk-active > a {
  background-color: #222; }

.uk-subnav-pill > li > a:hover {
  background-color: #B10009;
  color: #222; }

.auther {
  background-color: #333333;
  color: #000;
  font-size: 1.5rem; }
  .auther .artsing {
    width: 80%; }

@media screen and (min-width: 960px) {
  .auther {
    font-size: 3rem; } }

.download {
  background-color: #C1272D;
  color: #F2F2F2; }

.footer {
  background-color: #1A1A1A;
  text-align: center;
  color: #F2F2F2; }
  .footer .icon {
    width: 100px; }
  .footer .logo {
    width: 20%; }
  .footer .copyright {
    color: #4D4D4D; }

.contacts {
  background-color: #333333;
  color: #000; }