/* tabs */
nav.tabs {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

.nav-tabs {
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-tabs .nav-item {
  cursor: pointer;
  margin: 0 .2rem;
}

.nav-tabs .nav-item a {
  color: #b7b7b7;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  position: relative;
  padding: 5px 1.125rem;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #b7b7b7;
}

.nav-tabs .nav-item .active {
  cursor: default;
}

.nav-tabs .nav-item a:hover {
   border: 1px solid #dc3545;
   color: #fff;
   background: #dc3545;
}

.nav-tabs .nav-item a.active,
.nav-tabs .nav-item a:focus {
   border: 1px solid #dc3545;
   color: #fff;
   background: #dc3545;
}