*, ::after, ::before{

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

.tabs ul{

	padding: 0;

    margin: 0;

    list-style-type: none;


    display: flex;

    align-items: center;

    justify-content: flex-start;
text-align: center;
}

.tabs ul li a{

	display: block;

	outline: none;

	padding: 1rem;

	text-decoration: none;

border-left: 1px solid #fff;

	border-bottom: 5px solid #2d2d2d;
border-top: 0;
	background-color: #2d2d2d;;

	color: #fff;


}

.tabs ul li a.active{

	background-color: #2d2d2d;
    border-bottom: 5px solid #01b3b2;
}
.tabs ul li{
    min-width: 16.6666%;
}
.tabs > div > div{

	display: none;
	border-top: 0;


}

.tabs > div > div.active{

	display: block;

}