/* TABS */

.tabs__caption {
	display: flex;
	justify-content: space-between;
}

.tabs__caption li {
	width: 100%;
	text-align: center;
	cursor: pointer;
	padding: 20px 0;
	border-bottom: 4px solid #f6f6f6;
	font-size: calc(.3vw + 14px);
	font-weight: 400;
	opacity: 0.6;
	transition-duration: 0.3s;
}

.tabs__caption li:hover {
	opacity: 1;
}

.tabs__caption li.active {
	width: 100%;
	text-align: center;
	opacity: 1;
	border-bottom: 4px solid #567AAE;
}

.tabs__content__count {
	margin-top: 20px;
}

.tabs__content {
	display: none;
	/* по умолчанию прячем все блоки */
}

.tabs__content.active {
	display: block;
	/* по умолчанию показываем нужный блок */
}

.cveta__grid {
	display: grid;
	grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%;
}

.cveta__grid div {
	padding: 5px;
}

.cveta__grid img {
	opacity: .8;
	cursor: pointer;
	transition-duration: .3s;
}

.cveta__grid img:hover {
	opacity: 1;
	transition-duration: .3s;
}

/* END TABS */