body {
  background-color: #f2f3f7;
}
.layout__head {
  height: 120px;
}
.dropdown-toggle:after {
  margin-top: 3px;
  vertical-align: middle;
}
.topbar {
  background-color: #151313;
  height: 120px;
}
.topbar__contact {
  font-size: 14px;
  display: block;
  text-align: right;
  padding: 10px 0;
  background: #f2f3f7;
}
.topbar__contact a {
  color: #8e8f92;
  margin-left: 30px;
  font-size: 14px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
}
.topbar__contact a > i {
  vertical-align: middle;
  padding-right: 3px;
}
.contact-us {
  display: none !important;
  color: #fff;
  font-size: 14px;
  margin: 10px 0;
}
.topbar--fixed {
  position: fixed;
  z-index: 999;
  top: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  -webkit-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
@-webkit-keyframes fadeInDown {
  0%   {-webkit-transform: translateY(-100%);}
  100% {-webkit-transform: translateY(0);}
}
@keyframes fadeInDown {
  0%   {-ms-transform: translateY(-100%); transform: translateY(-100%);}
  100% {-ms-transform: translateY(0); transform: translateY(0);}
}
.topbar .login {
  color: #3599fe;
}
.topbar .login,
.topbar .submit-a-request {
  line-height: 1;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}
.topbar .submit-a-request svg {
  margin-top: -5px;
  margin-right: 2px;
}
.topbar__menu {

}
.menu-opened .body-overlay {
  visibility: visible;
  opacity: 0.9;
  background: #151313;
}
.lines-button {
  position: absolute;
  right: 0;
  top: 40px;
}

/* HOME PAGE */
.hero-unit {
  background-color: #151313;
  margin-top: 0;
}
.hero-unit__title {
  font-weight: 800;
}
.hero-unit__title .underline:before {
  display: none;
}
.hero-unit__subtitle {
  max-width: 100%;
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
}
.hero-unit__title .underline {
  text-shadow: none;
}
.custom-block__icon {
  margin: 0 auto calc(15px * 1.45 * 1.6);
}
.custom-block__title {
  font-weight: 800;
}
.custom-block__link:hover {
  border-color: rgb(176, 181, 197);
}
.custom-block__link:hover .custom-block__title {
  color: #373C50;
}
.custom-block__description {
  padding: 0 15px;
}
.article-list__item:first-child {
  padding-top: 30px;
}
.section__title-name {
  font-size: 20px;
  font-weight: 800;
  color: #373C50;
}
.section__title:hover .section__title-name,
.section__title:focus .section__title-name,
.section__title:active .section__title-name {
  color: #373C50;
}
.section__title-icon {
  line-height: 32px;
}
.article-list__item-link .series {
  background: #4c536e;
  color: #fff;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  font-weight: 800;
  font-size: 16px;
}
.article-list__item-link .series.h {
  background: #3f51b5;
}
.article-list__item-link .series.r {
  background: #34495e;
}
.article-list__item-link .series.u {
  background: #1abc9c;
}

/* CATEGORY */
.breadcrumbs {
  margin: 40px 0 20px;
}
.breadcrumbs li {
  padding: 0 35px 0 0;
}
.breadcrumbs li a,
.breadcrumbs li a:hover,
.breadcrumbs li a:focus,
.breadcrumbs li a:active {
  color: #3699fe;
}
.breadcrumbs li:before {
  right: 15px;
  color: rgb(169, 172, 187);
  content: "/";
  top: 50%;
}
.category-tree__item {
  margin-top: 0;
}
.category .section__title {
  cursor: auto;
}
.category-tree__title {
  font-weight: 800;
}
.article-list__item {
  display: flex;
}
.article-list__item .fa-star {
  padding-top: 6px;
  margin-right: 10px;
  color: rgba(245, 166, 35, 1);
  font-size: calc(16px - 2px);
}
.article-list__item .article-list__name {
  display: inline-block;
  vertical-align: middle;
}

/* ARTIClE */
.hero-unit__title .fa-lock,
.article__title .fa-lock {
  font-size: 24px;
  vertical-align: middle;
  margin-top: -10px;
  margin-right: 5px;
  color: rgba(245, 166, 35, 1);
}
.article__subscribe {
  display: block;
  margin-left: 0;
}
.related-articles h3:before {
  display: none;
}
.article__title {
  margin-bottom: calc(20px * 1.45 / 2);
  font-weight: 800;
}
.article__body {
  padding-right: 0;
  padding-left: 0;
  max-width: 75%;
  margin: 0 auto;
}
.article__body h3 {
  margin-top: 3em;
  font-weight: 800;
  background: #f2f3f7;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #dcdee8;
  line-height: 1.4em;
}
.article__body h3:first-child {
  margin-top: 0;
}
.article__body ul li,
.article__body ol li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f2f3f7;
}
.article__body ul li:last-child,
.article__body ol li:last-child {
  border: 0;
}


/* FOOTER */
.footer {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f7), color-stop(#fff), to(#fff));
  background: linear-gradient(to bottom, #f2f3f7, #fff, #fff);
}


/* MEDIA QUERIES */
@media only screen and (max-width : 991px) {
  .topbar__contact {
    display: none;
  }
  .contact-us {
    display: block !important;
  }
  .topbar__menu {
    background: #3599fe;
  }
  .submit-a-request {
    margin: 0 0 10px;
  }
  .article__body {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
  }
  .article__body p {
    font-size: 16px;
  }
  .article__body h3 {
    font-size: calc(14px * 1.45);
  }
}