.section-blog-index {
  height: 379px;
  background: url("../images/blog/blog-bg.jpg") 50% 50% no-repeat;
  color: #fff;
  margin-top: -69px;
  padding-top: 67px;
  position: relative;
  z-index: 2;
}
.title-blog-index {
  font-size: 24px;
  color: inherit;
  text-transform: uppercase;
  font-family: 'Times New Roman';
}

.blog-page {
  .section-breadcrumb {
    z-index: 3;
  }
  ul.breadcrumb {
    &:before {
      display: none;
    }
    li {
      color: #fff;
    }
  }
}

.blog-tags {
  float: left;
  margin-left: -10px;
  li {
    float: left;
    margin-left: 10px;
    a {
      display: block;
      line-height: 30px;
      padding: 0 20px;
      border: 1px solid #cccccc;
      border-radius: 2px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none !important;
      &:hover {
        color: #333;
      }
    }
    &.active {
      a {
        color: #333;
        background: #ccc;
      }
    }
  }
}

.section-blox-index-next {
  margin-top: 60px;
}