.hr-divider {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase; }
  .hr-divider:before {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(249,99,50,.8); }

.hr-divider-content {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
  color: #6f7890;
  vertical-align: middle;
  background-color: #fff; }
  .hr-divider-content .nav-item {
    float: left; }

.hr-divider-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100%;
  color: inherit; }

.hr-divider-nav > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 100%; }

.hr-divider-nav > .active > a {
  font-weight: 300;
  background: transparent; }