.redcoder_flex_tabs_nav_wrap{
	display:flex;
	margin-bottom:56px;
	white-space: nowrap;
	overflow:auto;
	padding-top:2px;
}

.redcoder_flex_tab_nav{
	margin-right:16px;
	padding:14px 24px;
	font-weight:600;
	text-transform:uppercase;
	cursor:pointer;
	color:var(--main_color);
	border-radius:var(--button_border_radius);
	border: 1px solid var(--main_color_opacity_80);
}

.redcoder_flex_tab_nav.active,
.redcoder_flex_tab_nav:hover{
	background-color:var(--main_color);
	color:#fff;
}

    @keyframes fadeIn{0%{opacity:0}to{opacity:1}}

/* Стили для скрытия всех контентных блоков по умолчанию, но без использования display: none, чтобы можно было анимировать opacity */
.redcoder_flex_tab_box {
	display: none; animation-name: fadeIn; animation-duration: .3s;	
}

/* Стили для активного таба */
.redcoder_flex_tab_box.active {
	display: block;
}



@media (max-width: 990px) {

.redcoder_flex_tabs_nav_wrap{
	margin-right:-22px;
	padding-bottom:12px;
}

}