@charset "UTF-8";
.blog-image {
  margin-bottom: 15px; }
  .blog-image a {
    display: block;
    background: #000;
    opacity: 1;
    position: relative; }
    .blog-image a:after {
      content: "";
      color: #fff;
      font-family: "FontAwesome";
      font-size: 120px;
      line-height: 120px;
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -60px;
      display: block;
      opacity: 0;
      z-index: 3; }
    @media only screen and (max-width: 767px) {
      .blog-image a img {
        width: 100%; } }
    .blog-image a:hover img {
      opacity: 0.7; }
    .blog-image a:hover:after {
      opacity: 0.15; }

#homepage-blog {
  overflow: hidden;
  padding: 60px 0 0;
  margin: 0; }
  @media (max-width: 767px) {
    #homepage-blog {
      padding: 50px 0 5px; } }
  #homepage-blog .title_block {
    display: none; }
  #homepage-blog li {
    padding-bottom: 37px; }
    @media (max-width: 767px) {
      #homepage-blog li {
        padding-bottom: 20px; } }
    #homepage-blog li.first-in-line {
      clear: left; }
    #homepage-blog li h5 {
      font-size: 25px;
      line-height: 34px;
      color: #000;
      text-transform: uppercase;
      margin: 13px 0 1px;
      font-weight: normal; }
      #homepage-blog li h5 a {
        color: #000; }
        #homepage-blog li h5 a:hover {
          color: #ff5b23; }
    #homepage-blog li .post-descr {
      margin: 0 0 11px;
      font-size: 15px;
      line-height: 23px; }
      #homepage-blog li .post-descr .blogLink {
        font-size: 30px;
        font-weight: normal;
        vertical-align: -8px;
        margin-left: 11px;
        color: #ff5b23; }
        #homepage-blog li .post-descr .blogLink:hover {
          color: #000; }
    #homepage-blog li .date_and_comments {
      color: #fff;
      overflow: hidden;
      padding: 8px 16px 12px 13px;
      display: inline-block;
      background: #ff5b23;
      margin-bottom: 5px; }
      #homepage-blog li .date_and_comments a {
        color: #fff; }
        #homepage-blog li .date_and_comments a:hover {
          color: #000; }
      #homepage-blog li .date_and_comments .commentcount {
        margin-left: 10px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #homepage-blog li h5 {
        font-size: 20px;
        line-height: 26px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #homepage-blog li h5 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 767px) {
      #homepage-blog li {
        width: 50%; }
        #homepage-blog li h5 {
          font-size: 14px;
          line-height: 20px; }
        #homepage-blog li .post-descr {
          margin: 0;
          font-size: 13px;
          line-height: 18px; }
          #homepage-blog li .post-descr .blogLink {
            display: none; } }
    @media (max-width: 479px) {
      #homepage-blog li {
        width: 100%; }
        #homepage-blog li .post-descr {
          margin: 0;
          font-size: 13px;
          line-height: 18px; }
          #homepage-blog li .post-descr .blogLink {
            display: none; } }
