/* Start:/local/templates/otelbron_blue_mod/components/bitrix/breadcrumb/main/style.min.css?1756416082448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1748259389666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/local/templates/otelbron_blue_mod/styles.css?179198075912985*/
.soc_seti li{ display: inline-block; }



.top_slider { height: 500px; width: 100%; text-align: center;}

.top_slider>div{
	height: 500px;
	background: rgba(255,255,255, .7);
	display: table;
	width: 100%;
	text-align: center;
	padding-top: 80px;
}

.top_slider>div>div{
	height: 234px;
	display: table-cell;
	vertical-align: middle; 
	text-align: center;
}

.top_slider .slogan {
	text-transform: uppercase;
	padding-top: 8px;
	line-height: 16pt;
	text-align: center;
}

.top_slider .slogan strong { font-size: 42px;}

.slider_bottoms {
	display: table-row !important;
	/*height: 20px !important;*/ 
	background: none !important;
}

.slider_bottoms .btn { padding: 15px 0; border-radius: 5px; text-shadow: 0 0 1px rgba(0,0,0, .4); font-family: 'Ubuntu Bold';}

.slider_bottoms .more{ margin: 30px 10px 30px 0; width: 220px;}
.slider_bottoms .text{ margin: 30px 0; width: 180px;}
.slider_bottoms .arrow{ margin: 30px 0; width: 40px;}


.slider_bottoms a {text-transform: uppercase; color: white; text-decoration: none;}

.slider_bottoms .btn,  {width: 220px}

.xcontainer .slideshow img {object-fit: cover; object-position: 50% 50%; max-width:100vw !important;}
.horizontal-images.content li:nth-child(4) {margin-right: 0px !important;}

.index_priemushestva.organizatsiya-furshetov {
    background: url(/local/templates/otelbron_blue_mod/pict/3.svg) center center no-repeat;
}
.index_priemushestva.sovremennoe-oborudovanie {
    background: url(/local/templates/otelbron_blue_mod/pict/1.svg) center center no-repeat;
}
.index_priemushestva.konferents-zaly {
    background: url(/local/templates/otelbron_blue_mod/pict/2.svg) center center no-repeat;
}
.list-inline.soc_seti {width: 165px;
    background-color: #fff;
    filter: invert(0.92);}
.soc_seti li {
    margin-right: 10px !important;
}


@media (max-width: 769px) {
	.footer_logo {background-position: 50% 50% !important;}
	.list-inline.soc_seti {margin: 0 auto;}
	.blackfooter {display: flex; 		flex-direction: column;}
	.header .logo>div {background-position: 50% 50% !important; }
	.header .header_tel_adres {margin-top:10px;}
	.priem ul {padding-left:0;}
}

/*region окно cookie (модуль fb.personal.data)
  Цвета, шрифт, скругления и ширина заданы в settings.php модуля. Здесь только
  то, чего настройками не задать. Селекторы начинаются с body намеренно: модуль
  печатает свой <style> в конце страницы, и без этого его правила победили бы. */
body #fbpd-banner {
	bottom: 20px;
	z-index: 99999;
	/* Обёртка модуля растянута на всю ширину экрана и без этого перехватывала
	   бы клики по странице слева от окна. */
	pointer-events: none;
}
body #fbpd-banner .fbpd-banner__row {
	pointer-events: auto;
	background-color: rgba(30,30,30,0.95);
	backdrop-filter: blur(10px);
	padding: 20px 25px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
body #fbpd-banner .fbpd-banner__info {
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 16px;
	padding-right: 0;
}
body #fbpd-banner .fbpd-banner__info a {
	display: inline;
	opacity: 1;
	font-weight: normal;
	line-height: inherit;
}
body #fbpd-banner .fbpd-banner__actions {
	justify-content: flex-end;
}
body #fbpd-banner .fbpd-banner__btn {
	padding: 10px 24px;
	font-weight: normal;
}
@media (max-width: 640px) {
	/* На узком экране кнопки делят строку поровну: «Отклонить» не должна
	   выглядеть второстепенной. */
	body #fbpd-banner .fbpd-banner__btn {flex: 1 1 0;}
}
@media (max-width: 500px) {
	body #fbpd-banner .fbpd-banner__container {padding: 0 15px;}
	body #fbpd-banner .fbpd-banner__row {max-width: none; width: 100%;}
}
/*endregion*/

/*region блок отзывов на главной (footer.php, news.list «otzivi»)
  Слайдер отзывов задаёт своей обёртке высоту 200px, а карточки выше (240px) и
  выступают вниз. Раньше этот выступ закрывала кнопка «Оставить отзыв» со своими
  отступами; пока она отключена, отступ до подвала даёт сам блок. 80px — это
  40px выступа карточек плюс 40px зазора до подвала (вместе с margin обёртки — 60px). */
.index_otzivi {
	padding-bottom: 80px;
}
/*endregion*/

/*region подвал: компоновка (footer.php)
  Правая часть подвала собрана из четырёх блоков:
    footer_brand       — логотип, соцсети, телефоны;
    footer_contacts    — e-mail и адрес;
    footer_docs_wrap   — реквизиты и ссылки на документы;
    footer_side_bottom — QR-код и логотип разработчика.
  До 1200px блоки идут друг под другом. Шире они раскладываются сеткой так,
  чтобы колонки были близки по высоте и в подвале не оставалось пустых полей. */
.footer_side_bottom {
	margin-top: 25px;
}
.footer_qr {
	display: block;
	margin-bottom: 20px;
}
.footer_dev {
	display: inline-block;
}
@media (max-width: 1199px) {
	/* Пока блоки идут друг под другом, QR-код и логотип стоят в один ряд. */
	.footer_side_bottom {
		display: flex;
		align-items: center;
	}
	.footer_side_bottom .footer_qr {margin: 0 25px 0 0;}
}
@media (min-width: 992px) {
	/* Карта и правая колонка одной высоты: под картой не остаётся пустой
	   полосы, какой бы высоты ни была колонка с контактами. */
	.footer_row {display: flex;}
	.footer_row:before,
	.footer_row:after {display: none;}
	.footer_row .index_map,
	.footer_row .index_map .bx-yandex-view-layout,
	.footer_row .index_map .bx-yandex-view-map {
		height: 100%;
	}
	/* !important — высота 450px задана компонентом карты прямо в атрибуте style. */
	.footer_row .index_map .bx-yandex-map {
		height: 100% !important;
		min-height: 450px;
	}
}
@media (min-width: 1200px) {
	/* Две колонки: слева бренд с телефонами и под ними e-mail с адресом,
	   справа документы и под ними QR-код с логотипом. Левая колонка 330px —
	   столько нужно телефону, чтобы поместиться в одну строку. */
	.blackfooter {
		display: grid;
		grid-template-columns: 330px minmax(0, 1fr);
		grid-template-areas:
			"brand    docs"
			"contacts side";
	}
	.blackfooter:before,
	.blackfooter:after {display: none;}
	.blackfooter > div {
		float: none;
		width: auto;
	}
	.footer_brand {grid-area: brand;}
	.footer_contacts {grid-area: contacts;}
	.footer_docs_wrap {
		grid-area: docs;
		padding-top: 5px;
	}
	.footer_side_bottom {
		grid-area: side;
		margin-top: 0;
	}
	.footer_docs_wrap .footer_docs {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}
	.footer_docs_wrap .footer_docs_links {column-count: 1;}
	.footer_contacts .footer_mail_adres {
		float: none;
		width: auto;
	}
}
@media (min-width: 1800px) {
	/* Три колонки: бренд с телефонами | e-mail, адрес и под ними документы |
	   QR-код с логотипом у правого края. */
	.blackfooter {
		grid-template-columns: 330px minmax(0, 1fr) auto;
		grid-template-rows: auto 1fr;
		grid-template-areas:
			"brand contacts side"
			"brand docs     side";
	}
	.footer_contacts {
		padding-top: 5px;
		margin-bottom: 15px;
	}
	.footer_docs_wrap {padding-top: 0;}
	/* QR-код вверху колонки, логотип разработчика — у её нижнего края. */
	.footer_side_bottom {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: space-between;
		padding-top: 5px;
	}
}
/*endregion*/

/*region подвал: реквизиты и документы (include/index_footer_copyr.php)*/
.footer_docs {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #2b2b2b;
	font-size: 12px;
	line-height: 1.5;
	color: #9B9B9B;
}
.footer_docs_org {
	margin-bottom: 12px;
}
.footer_docs_links {
	list-style: none;
	margin: 0;
	padding: 0;
	column-count: 2;
	column-gap: 30px;
}
.footer_docs_links li {
	margin-bottom: 6px;
	/* Пункт не должен разрываться между колонками, а длинное название —
	   вылезать за край на узком экране. */
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.footer_docs_links a,
.footer_docs_links a:visited {
	color: #9B9B9B;
	text-decoration: underline;
}
.footer_docs_links a:hover,
.footer_docs_links a:focus {
	color: #ffffff;
}
@media (max-width: 991px) {
	.footer_docs_links {column-count: 1;}
}
@media (max-width: 769px) {
	/* На телефоне ссылки нажимают пальцем — расстояние между ними больше. */
	.footer_docs_links li {margin-bottom: 10px;}
	/* QR-код ведёт на этот же сайт: с экрана телефона его не сканируют, а в
	   одноколоночном подвале он съезжает вправо под логотипом. */
	.footer_qr {display: none;}
}
/*endregion*/

/*region страницы документов (/politika/, /politika-cookie/, /pravila-zaprosov-pdn/, /oferta/)*/
.doc_page {
	max-width: 900px;
	font-size: 15px;
	line-height: 1.6;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.doc_page .doc_meta {
	color: #777777;
	margin-bottom: 25px;
}
.doc_page h2 {
	font-size: 20px;
	line-height: 1.3;
	margin: 30px 0 12px;
}
.doc_page h3 {
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	margin: 22px 0 8px;
}
.doc_page ul {
	padding-left: 22px;
	margin-bottom: 12px;
}
.doc_page li {
	margin-bottom: 6px;
}
.doc_page table {
	font-size: 14px;
}
.doc_page .doc_table_caption {
	margin: 18px 0 8px;
	font-style: italic;
	color: #555555;
}
/* Список бланков для скачивания на странице правил рассмотрения запросов. */
.doc_page .doc_files li {
	margin-bottom: 10px;
}
.doc_page .doc_file_meta {
	color: #777777;
	font-size: 13px;
	white-space: nowrap;
}
/* Bootstrap на узком экране запрещает перенос строк в ячейках .table-responsive,
   и таблица с длинными описаниями растягивается на тысячи пикселей. Возвращаем
   перенос, а прокрутку оставляем только на случай совсем узкого экрана. */
.doc_page .table-responsive > .table > thead > tr > th,
.doc_page .table-responsive > .table > tbody > tr > td {
	white-space: normal;
}
@media (max-width: 767px) {
	.doc_page .table-responsive > .table {min-width: 520px;}
}
@media (max-width: 769px) {
	.doc_page {font-size: 14px;}
	.doc_page h2 {font-size: 18px;}
}
/*endregion*/

/*region галочки согласий в форме отзыва (include/form_otzivi.php)*/
.form_consent .checkbox label {
	font-size: 13px;
	line-height: 1.4;
}
.form_consent .help-block {
	margin-bottom: 0;
}
/*endregion*/

/*region рамка фокуса у ссылок и кнопок
  Bootstrap 3 (bootstrap.min.css) рисует рамку a:focus и .btn:focus при любом
  фокусе, в том числе после клика мышью, — в Chrome это чёрная рамка вокруг
  ссылки. Убираем её только для фокуса мышью: при переходе клавишей Tab
  (:focus-visible) рамка остаётся, без неё сайтом нельзя пользоваться с
  клавиатуры. Селекторы начинаются с body: bootstrap.min.css подключается
  после этого файла и при равной специфичности победил бы. */
body a:focus:not(:focus-visible),
body .btn:focus:not(:focus-visible),
body input[type=checkbox]:focus:not(:focus-visible),
body input[type=radio]:focus:not(:focus-visible),
body input[type=file]:focus:not(:focus-visible) {
	outline: 0;
}
/*endregion*/
/* End */


/* Start:/local/templates/otelbron_blue_mod/template_styles.css?175641608285*/
.btn.bron { display: none !important;}
.gal_price .btn { display: none !important; }

/* End */
/* /local/templates/otelbron_blue_mod/components/bitrix/breadcrumb/main/style.min.css?1756416082448 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1748259389666 */
/* /local/templates/otelbron_blue_mod/styles.css?179198075912985 */
/* /local/templates/otelbron_blue_mod/template_styles.css?175641608285 */