/* Start:/bitrix/templates/demo2023-page/components/bitrix/breadcrumb/bread_crumb/style.css?1705495705692*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #2B2A29;
	line-height: 13px;
	font-size: 2px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	/*white-space: nowrap;*/
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 24px;
	text-decoration: underline;
	color: #334F42;
}
.bx-breadcrumb .bx-breadcrumb-item a,
.bx-breadcrumb .bx-breadcrumb-item a span {
	border-bottom: none; 
	color: #2B2A29;
	text-decoration: none;
}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}




/* End */


/* Start:/bitrix/templates/demo2023-page/components/bitrix/news/section-item/bitrix/news.detail/.default/style.css?17615642046986*/
.img-detail{
	height:450px;
	text-align: center;
}
.img-detail > img{
	height:100%;
	width: auto;
}
/*MORE_PHOTO*/
.news-img-more{
	display: flex;
	gap: 10px;
	overflow: hidden;
	scroll-behavior: smooth;
}
.container-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1em;
}
.container-header-arrows {
	height: 100%;
}
.arrow-title {
	color: #7D7D7D;
	padding: 8px;
	border: 1px solid #AEAEAE;
	border-radius: 6px;
	cursor: pointer;
}
.photoalbum-news{
	background: #F4F4F4;
	border-radius: 6px;
	padding: 30px 20px;
}
.title-block{
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
}
.img-more img{
	width: 270px;
	height: 177px;
	border-radius: 6px;
	object-fit: cover;
}
/*------------------------*/


/*Муниципальные услуги*/
/*
@media all and (min-width: 768px){
	.files{
		float: right;
		border: 1px solid black;
		padding:5px;
		margin: 10px;
		max-width:50%;
	}
}
*/
.files{
  grid-area: files;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));/*(3, 1fr);*/
	grid-gap: 60px 40px;
	height: max-content;
}
.files .doc-item a{
	display: grid;
	grid-template-columns: 70px auto;
	column-gap: 10px;
	align-content: space-between;
	height: 100%;
}
.files .doc-item a {
	text-decoration: none;
}
.files .doc-name {
	font-family: 'Roboto';
	font-weight: 400;
	color: #2B2A29;
}
.files .doc-info-bottom {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #7D7D7D;
	border-top: 1px solid #D4D4D4;
	padding-top: 10px;
	margin-top: 10px;
	grid-column-end: 3;
}
.files .doc-size {
	float: right;
}

.files div{display: inline-block; padding-right: 15px;}
div.news-detail{
	word-wrap: break-word;
}
div.news-detail img.detail_picture{
	/*float:left; */
	margin:0 8px 6px 1px;
}
.news-date-time{
	color:#486DAA;
}
.files a{
	text-decoration: none;
}
.file-name{
	text-decoration: underline;
	padding-left: 2.5em;
}
.size-file{
	color: #adadad;
	padding-left: 2.5em;
}
/*------------------------------*/
/*------------Вкладки-----------*/
input#tab1, #tab_1, input#tab2, #tab_2, input#tab3, #tab_3,
input#tab4, #tab_4, input#tab5, #tab_5, input#tab6, #tab_6 {
  clear: both;
  display: none;
  padding-top: 10px;
}
label.tab-title{
  display: block;
  /*float: left;*/
  padding: 10px 30px;
  border-bottom: 2px solid transparent;
}
input#tab1:checked + label.tab-title, input#tab2:checked + label.tab-title, input#tab3:checked + label.tab-title,
input#tab4:checked + label.tab-title, input#tab5:checked + label.tab-title, input#tab6:checked + label.tab-title{
  border-bottom-color: #02918c;
}
label.tab-title:hover{
  cursor: pointer;
}
#tab1:checked ~ #tab_1, #tab2:checked ~ #tab_2, #tab3:checked ~ #tab_3,
#tab4:checked ~ #tab_4, #tab5:checked ~ #tab_5, #tab6:checked ~ #tab_6{
  display: block;
}
/*------------------------------*/

/*---------Нац. проекты---------*/
section .section-items{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 10px;
	border-bottom: 1px solid #D5D5D5;
	border-radius: 0.5px;
}
section .section-items .image__wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	overflow: hidden;
	scroll-behavior: smooth;
}
section .section-items .image__wrapper img{
	width: 250px;
    height: 170px;
    border-radius: 6px;
    object-fit: cover;
}
/*------------------------------*/

/*---------Иконка файла---------*/
.doc-item a[href$=".pdf"] .doc-item-icon,
.doc-item a[href$=".PDF"] .doc-item-icon{
	background: url('/images/template/file-type/pdf-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".txt"] .doc-item-icon,
.doc-item a[href$=".TXT"] .doc-item-icon{
	background: url('/images/template/file-type/txt-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".doc"] .doc-item-icon, .doc-item a[href$=".docx"] .doc-item-icon,
.doc-item a[href$=".DOC"] .doc-item-icon, .doc-item a[href$=".DOCX"] .doc-item-icon{
	background: url('/images/template/file-type/doc-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".rtf"] .doc-item-icon,
.doc-item a[href$=".RTF"] .doc-item-icon{
	background: url('/images/template/file-type/rtf-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".ppt"] .doc-item-icon, .doc-item a[href$=".pptx"] .doc-item-icon,
.doc-item a[href$=".PPT"] .doc-item-icon, .doc-item a[href$=".PPTX"] .doc-item-icon{
	background: url('/images/template/file-type/ppt-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".xls"] .doc-item-icon, .doc-item a[href$=".xlsx"] .doc-item-icon,
.doc-item a[href$=".XLS"] .doc-item-icon, .doc-item a[href$=".XLSX"] .doc-item-icon{
	background: url('/images/template/file-type/xls-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".zip"] .doc-item-icon,
.doc-item a[href$=".ZIP"] .doc-item-icon{
	background: url('/images/template/file-type/zip-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item a[href$=".rar"] .doc-item-icon,
.doc-item a[href$=".RAR"] .doc-item-icon{
	background: url('/images/template/file-type/rar-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
.doc-item .doc-item-icon,
.doc-item-icon{
	background: url('/images/template/file-type/icon-green.png') no-repeat;
	height: 70px;
	background-size: cover;
}
/*------------------------------*/
/*--------------------*/

/*Расписание движения автобусов*/
.tab-container {
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    grid-column-gap: 3em;
    font-family: 'Montserrat';
    color: #2B2A29;
}
.bus-routes{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min-content, 300px));
    justify-content: space-between;
}
/*
---
Левое меню
---
*/
.sect-tabs-menu {
  border-radius: 6px;
  padding: 0;
  margin: 0;
  min-width: 395px;
}
.sect-tabs-menu li.tab {
  position: relative;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
  background: #F2F2F2;
  padding: 15px 20px;
  cursor: pointer;
  list-style: none;
  margin-bottom: 4px;
  border-radius: 6px;
}
.sect-tabs-menu li.active {
  background: #5A756C;
  border-radius: 6px;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}
.info-sect-menu {
  font-family: 'Roboto';
  color: #2B2A29;
}
.hidden {
  display: none;
}
/*
---
Табы
---
*/

/*
---
Остановки
---
*/
.timeline {
  display: grid;
  grid-column-gap: 18px;
  grid-template-columns: 1px 1fr;
}
.timeline_component {
  margin: 0px 18px 15px 18px;
}
.timeline_middle {
  position: relative;
  background: #BFBFBF;
}
.timeline_point {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: #396351;
  border-radius: 50%;
}

/*-----------------------------*/
/* End */
/* /bitrix/templates/demo2023-page/components/bitrix/breadcrumb/bread_crumb/style.css?1705495705692 */
/* /bitrix/templates/demo2023-page/components/bitrix/news/section-item/bitrix/news.detail/.default/style.css?17615642046986 */