.tab {
	display: none;
	opacity: 0;
	transition: all 0.2s ease;
}

.tab-nav {
  display:flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
	position: relative;
}

.tab-nav a {
	color:#4b5151;
	text-decoration: none;
	width: 100%;font-size:13px;font-weight:bold;
	
}

.tab-nav a:hover, .tab-nav a:focus {
	color: #00778a;
}

.tab-nav__item {
    margin: 14px 10%;
    padding: 1px;
    display: block;
    text-align: center;
}
.tab-nav__item:last-child::after {
	border: none;
	margin: 0;
}

.bottom-border {
	position: absolute;
	color: #009FDF;
	transition: all 0.1s ease;
}

.bottom-border::before {
	display: block;
	position: absolute;
	bottom: -10px;
	height: 4px;
	background: #009FDF;
	width: 100%;
	content: ' ';
}

.bottom-border::after {
	position: absolute;
	bottom: -15px;
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #009FDF;
	content: ' ';
}

.tab-nav__item.active {
	font-weight:bold;border-bottom:4px solid #00778a; padding-bottom:6px;
}


.tab-nav__item.active a {
	color: #00778a;
}

.tab.active {
	opacity: 1;
	display: block;
}



@media screen and (max-width:880px) {
.tab-nav__item{margin:6px; padding:1px; width:30%;}
}