.tabs {
  width:100%;
  display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
  display:block;
  clear:both;
  content:'';
}

ul.tab-links { 
  margin-bottom: 0;
}

.tab-links li {
  margin:0px 5px;
  float:left;
  list-style:none;
}

.tab-links a {
  padding:2px 15px;
  display:inline-block;
  border-radius:3px 3px 0px 0px;
  background:#e4e4e4;
  font-weight:600;
  color:#4c4c4c;
  transition:all linear 0.15s;
}
.tab-links a h4 {
  font-size: 14px;
}

.tab-links a:hover {
  background:#eee;
  text-decoration:none;
}

li.active a, li.active a:hover {
  background:#fff;
  color:#4c4c4c;
}
li.active a {
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #fff;
  position: relative;
  margin-bottom: -1px;
}
/*----- Content of Tabs -----*/
.tab-content {
  padding:15px;
  border-radius:3px;
  border: 1px solid #e4e4e4;
  background:#fff;
}

.tab {
  display:none;
}

.tab.active {
  display:block;
}