Setup Page */
*, *:before, *:after {
  box-sizing: border-box;
}

.tab-area{
	color: #333;
	float: left;
	background-color: #FFF;
	width: 100%;
	padding-bottom: 25px;
}


/* ===========
   Tab Styling */
.tab-group {
	position: relative;
	margin-top: 2.5em;

}
.tab-group section {
  opacity: 0;
  height: 0;
  padding: 0 1em;
  overflow: hidden;
  transition: opacity 0.4s ease, height 0.4s ease;
  background-color: #FFF;
}
.tab-group section.active {
  opacity: 1;
  height: auto;
  overflow: visible;
}

.tab-nav {
	list-style: none;
	padding: 0;
	height: 2.5em;
	overflow: hidden;
	margin-top: -2.5em;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: 16px;
}
.tab-nav li {
  display: inline;
}
.tab-nav li a {
  height: 2.5em;
  position: relative;
  display: block;
  float: left;
  background: #1a1a1a;
  line-height: 2.5em;
  padding: 0 1em;
  text-decoration: none;
  color: #fff;
  transition: background .2s ease, line-height .2s ease, margin .2s ease;
}
.tab-nav li.active a {
  background: #FFF;
  color: #1a1a1a;
  line-height: 2.5em;
  margin-top: 0;
}


@media(max-width:768px){.tab-nav {
	list-style: none;
	padding: 0;
	height: 2.5em;
	overflow: hidden;
	margin-top: -2.5em;
	margin-right: -1px;
	margin-bottom: 0;
	margin-left: 15px;
}}