.tab-wrap {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

.tab {
  display: none;
}


.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}

.tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
  opacity: 1;
  position: relative;
  top: 0;
  z-index: 100;
}


.tab:checked + label {
  border-bottom: 4px solid #3fd4a9 !important;
  background: linear-gradient(to bottom, #78e9b6 10%, #3fd49d 100%) !important;
  background-color: #74ed89 !important;
  border-radius: 15px;
}

.tab:checked + label:hover {
  border-bottom: 4px solid #3fd4a9 !important;
  background: linear-gradient(to bottom, #78e9b6 10%, #3fd49d 100%) !important;
  background-color: #74ed89 !important;
  cursor:default;
}

.tab + label {
  flex-grow: 3;
  margin: 5px 3px;
  padding: 0;
	padding-top: 18px;
	padding-bottom: 18px;
	border: none;
	border-bottom: 4px solid #3fadd4;
	text-align: center;
	color: #fff;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 18px;
	box-shadow:inset 0px 0px 14px -3px #fff;
	background:linear-gradient(to bottom, #78d4e9 10%, #3fadd4 100%);
	background-color:#78d4e9;
	border-radius:15px;
	cursor:pointer;
	text-shadow:0px 2px 2px #3d768a;
}


.tab + label:hover {
  border-bottom: 4px solid #3fd4a9 !important;
  background: linear-gradient(to bottom, #78e9b6 10%, #3fd49d 100%) !important;
  background-color: #74ed89 !important;
}


.tab__content {
  font-family: "Trebuchet MS";
  padding: 0 10px;
  font-weight: bold;
  border: 4px solid #78e9b6;
  margin: 0 5px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 15px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
  text-align: center;
}

.tab__content a {
  display: inline-block;
  color: #fff;
  background: #3fadd4;
  text-shadow:0px 1px 0px #3d768a;
  text-decoration: none;
  padding: 6px 13px;
  border-radius:7px;
  margin: 4px 1px;
}

.tab__content a:hover {
  background: linear-gradient(to bottom, #78e9b6 10%, #3fd49d 100%) !important;
	text-decoration: none;
	color: #fff;
}

.tab__content a:hover .newlabel-cat {
  border-top: 2px solid #3fd49d;
}

.newlabel-cat {
	color: red;
    display: inline;
	font-size: 65%;
	line-height: 0;
    font-weight: bold;
    padding: 5px 5px;
    animation: pulse 2s infinite;
	border-top: 1px solid #3fadd4;
    border-radius: 100%;
    background: #fff;
	position: relative;