div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
.group_name {
	display: block;					
	font-size: 16px;
	padding-right: 10px;
	line-height: 1;
	padding-top: 2px;		
}
.group_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;			 			
	padding: 0px;			  
	/*border: 1px solid #bc241a;		
	border: 1px solid #bc241a3d;*/
	border-radius: 4px;	
}				
.section_item_wrapper {
	padding-right:10px;			
	margin-right:0px;
	margin-bottom:8px;
}
.section_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: 16px;
	border-radius: 2px;
	border: 1px solid #f0f0f0;
	border-left: 2px solid #bc241a;
	background-color: #f0f0f0;	
	transition: background-color 0.3s ease, border-color 0.3s ease;		
}
.sections_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 0 0px;
	margin-bottom: 0px;
	padding: 0px;	
}
.section_item > *, .section_item  {
	/*transition: none;*/
	text-decoration:none!important;
}	
.section_item:hover , .section_item.active{
	background:#202020;	
	border-color: #202020;
	border-left-color: #bc241a;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}
.section_item a {
	color:#202020 ;
	line-height:1;
	padding: 2px 10px 1px 10px;
} 
.section_item:hover a , .section_item.active a {
	color:#fff;
	text-decoration:none!important;
}
.sections_list_cont{
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
}
.sections_list{
	align-items: stretch;
	border: 1px solid #bc241a3d;
	border-radius: 4px;
}
.group_list{
	width: 100%;
	padding: 9px;	
}
@media(min-width: 768px){
	.sections_list{
		width: calc(33.3333% - 5px);
		height: 68px;
		overflow: hidden;
		position: relative;
	}
	.group_list{
		width: 100%;
		padding: 8px 8px 0 8px;	
		cursor: pointer;
		align-items: center;
	}
	.group_name{
		margin-top: -10px;
	}
	.sections_list:hover{
		border: none;
		overflow: unset;
	}
	.group_list:hover .section_item {
		border:1px solid #efcac8;
		border-left: 2px solid #bc241a;
	}
	.group_list:hover .section_item:hover{
		border-color: #202020;
		border-left-color: #bc241a;
		transition: background-color 0.3s ease, border-color 0.3s ease;
	}
	.sections_list:hover .group_list{
		background: #fff;
		z-index: 9;
		background: #fff7f6;
		border: 1px solid #bc241a3d;
	}
	.sections_list.more_height::before{
		content: "";
		position: absolute;
		right: 9px;
		width: 6px;
		height: 2px;
		background-color: #000;
		border-radius: 2px;
		transform: rotate(45deg);
		bottom: 10px;
		transition: transform 0.3s ease;
	}
	.sections_list.more_height::after{
		content: "";
		position: absolute;
		right: 5px;
		width: 6px;
		height: 2px;
		background-color: #000;
		border-radius: 2px;
		transform: rotate(-45deg);
		bottom: 10px;
		transition: transform 0.3s ease;
	}
	.sections_list.more_height:hover .group_list{
		padding-bottom: 12px;
	}
}
@media(max-width:767px){
	.sections_list_cont{
		height: auto;
		display: none;
	}
	.sections_list_cont.active{
		display: flex;
	}
	.sections_list{
		height: auto;
		width: 100%;
	}
	.btn_sections_m {
		width: 90%;
		height: 40px;
		border-radius: 7px;
		border: 1px solid var(--a-color-hover);
		background-color: var(--a-color-hover);
		position: relative;
		margin: 0 auto;
		text-align: center;
		padding: 9px 9px 9px 0;
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: bold;
		color: #fff;
		box-shadow: 0 6px 16px 0 rgb(0 0 0 / 30%);
		cursor: pointer;
	}
	.btn_sections_m::before{
		content: "";
		position: absolute;
		left: calc(50% + 59px);
		width: 10px;
		height: 3px;
		background-color: #fff;
		border-radius: 2px;
		transform: rotate(45deg);
		top: 18px;
		transition: transform 0.3s ease;
	}
	.btn_sections_m::after{
		content: "";
		position: absolute;
		left: calc(50% + 65px);
		width: 10px;
		height: 3px;
		background-color: #fff;
		border-radius: 2px;
		transform: rotate(-45deg);
		top: 18px;
		transition: transform 0.3s ease;
	}
	.btn_sections_m.active::before{
		content: "";
		transform: rotate(-45deg);
		transition: transform 0.3s ease;
	}
	.btn_sections_m.active::after{
		content: "";
		transform: rotate(45deg);
		transition: transform 0.3s ease;
	}
}
/*
@media (min-width:768px) and (max-width:900px){
	.dk .sections_list_cont{
		height: 348px;
	}
	.dk .sections_list{
		width: calc(50% - 5px);
	}
}*/
/*вариант 1 сауны*/
/*
@media (max-width:767px){
	.sn .sections_list_cont{
		height: auto;
		flex-direction: revert;
	}
	.sn .sections_list{
		width: 100%;
	}
}
@media(min-width:768px) and (max-width:900px){
	.sn .sections_list_cont{
		height: auto;
		flex-direction: revert;
	}
	.sn .sections_list{
		width: calc(50% - 5px);
	}
}
@media(min-width:901px){
	.sn .sections_list_cont{
		height: auto;
		flex-direction: revert;
	}
	.sn .sections_list{
		width: calc(33.3333% - 5px);
	}
}*/
/*вариант 2 кабины*/
/*
@media(min-width:901px) and (max-width:954px){
	.dk .sections_list_cont {
		height: 302px;
	}
	.dk .sections_list{
		height: 25%;
	}
	.dk .sections_list:first-child {
		height: 40%;
	}
	.dk .sections_list:nth-child(2) {
		height: calc(60% - 5px);
	}
	.dk .sections_list:nth-child(3) {
		height: 50%;
	}
	.dk .sections_list:nth-child(4), .dk .sections_list:nth-child(5) {
		height: calc(25% - 5px);
	}
	.dk .sections_list:nth-child(7), .dk .sections_list:nth-child(8), .dk .sections_list:nth-child(9) {
		height: calc(25% - 5px);
	}
	.dk .section_item_wrapper{
		padding-right: 7px;
	}
}
@media(min-width:901px) and (max-width:922px){
	.dk .sections_list:nth-child(6), .dk .sections_list:nth-child(7), .dk .sections_list:nth-child(8), .dk .sections_list:nth-child(9) {
		height: auto;
	}
}
@media(min-width: 1200px) and (max-width:1348px), (min-width:955px) and (max-width:990px) {
	.dk .sections_list_cont {
		height: 265px;
	}
	.dk .sections_list:first-child {
		height: 33.3333%;
	}
	.dk .sections_list:nth-child(2) {
		height: calc(100% - 33.3333% - 5px);
	}
	.dk .sections_list:nth-child(3){
		height: calc(100% - 35.333% - 3px);
	}
	.dk .sections_list:nth-child(4), .dk .sections_list:nth-child(5) {
		height: auto;
	}
	.dk .sections_list:nth-child(6) {
		height: 19%;
	}
	.dk .sections_list:nth-child(7), .dk .sections_list:nth-child(8), .dk .sections_list:nth-child(9) {
		height: 25%;
	}
	.dk .section_item_wrapper{
		padding-right: 7px;
	}
}	
@media (min-width:991px) and (max-width: 1199px){
	.dk .sections_list_cont {
		height: 350px;
	}
	.dk .sections_list:first-child{
		height: 33.3333%;
	}
	.dk .sections_list:nth-child(2){
		height: calc(100% - 33.3333% - 5px);
	}
	.dk .sections_list:nth-child(3){
		height: calc(100% - 41%);
	}
	.dk .sections_list:nth-child(4), .dk .sections_list:nth-child(5){
		height: calc(41%/2 - 5px);
	}
	.dk .sections_list:nth-child(6){
		height: calc(25% - 17px);
	}
	.dk .sections_list:nth-child(7), .dk .sections_list:nth-child(8){
		height: 25%;
	}
	.dk .sections_list:nth-child(9){
		height: 25%;
	}
	.dk .section_item_wrapper{
		padding-right: 7px;
	}
}
@media(min-width: 1349px) {
	.dk .sections_list_cont	{
		height: 233px;
	}
	.dk .sections_list:first-child{
		height: 33.3333%;
	}
	.dk .sections_list:nth-child(2){
		height: calc(100% - 33.3333% - 5px);
	}
	.dk .sections_list:nth-child(7), .dk .sections_list:nth-child(8){
		height: calc(33.3333% - 5px);
	}
	.dk .sections_list:nth-child(9){
		height: 33.3333%;
	}	
}
@media(min-width:1710px){
	.dk .sections_list_cont {
		height: 192px;
	}
	.dk .sections_list:first-child {
		height: calc(50% - 5px);
	}
	.dk .sections_list:nth-child(2), .dk .sections_list:nth-child(3){
		height: calc(50% - 5px);
	}
	.dk .sections_list:nth-child(4), .dk .sections_list:nth-child(5), .dk .sections_list:nth-child(6), .dk .sections_list:nth-child(7), .dk .sections_list:nth-child(8), .dk .sections_list:nth-child(9){
		height: calc(25% - 5px);
	}
	.dk .section_item_wrapper{
		padding-right: 4px;
	}
}*/
