/* Start:/local/templates/skm1c/components/bitrix/breadcrumb/.default/style.css?1788362195585*/
.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;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/local/templates/skm1c/components/bitrix/news/articles/bitrix/news.detail/.default/style.css?1687936590155*/
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;
}

/* End */


/* Start:/local/templates/skm1c/css/share.css?17907462321668*/
/* The share block: one list of buttons, styled once for every page that shows it.
   Each control is a stock default button; these rules add only what it does not give:
   1. THE HIT AREA. A stock button is 34px tall. Most of this site is read on a phone,
      so the control goes to 44px, bought with padding.
   2. THE WRAP. The labels can come to more than the content column of a narrow
      screen, so the row breaks; a flex row with wrap breaks it into whole buttons and
      spaces them apart in both directions, which a margin on the items would not do
      without also indenting the first.
   3. ON A PHONE, ICONS ONLY. Under 768px the label is taken out of the layout but stays
      in the document, so a screen reader still hears it and the button keeps its name.
   Contrast is the default button's own: the #333 label on the #fff fill is 12.63:1. */
.skm-share {
  margin: 30px 0 10px;
}
.skm-share__title {
  margin: 0 0 8px;
  color: #555555;
}
.skm-share__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.skm-share__btn {
  min-height: 44px;
  padding: 11px 14px;
  white-space: normal;
}
/* The Google mark is an inline image of four colours; it takes the size of the text it stands beside. */
.skm-share__gicon {
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.2em;
}
@media (max-width: 767px) {
  .skm-share__btn {
    min-width: 44px;
    padding: 11px;
  }
  .skm-share__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

/* End */


/* Start:/local/templates/skm1c/css/see_also.css?17908389102390*/
/* The «See also» block: three framed thumbnails, a short caption under each, under the share row.
   Styled once for every page that shows it.
   1. ONE SIZE FOR EVERY DEVICE. The thumbnail is generated at 200x150 (the height of the /articles/ list squares) and
      shown at exactly that size, framed like the list's: 210px wide with the frame. Three of them and two 24px gaps are
      678px, which fits the narrowest content column of a tablet or a desktop (696px); a phone shows one at its natural
      size, so nothing is stretched past its source.
   2. THREE COLUMNS FROM 768px, ONE UNDER IT. The same line the share row and the rating block use.
   3. THE CAPTION IS A SMALL BOLD HEADING OF AT MOST TWO LINES, cut with an ellipsis; the whole item is one link.
   4. THE FRAME CLASS COMES FROM THE FRAMEWORK. The framework's rules load after this sheet, so the image's own
      rules name the block as well - two classes beat its one. */
.skm-seealso {
  margin: 30px 0 10px;
}
.skm-seealso__title {
  margin: 0 0 8px;
  color: #555555;
}
.skm-seealso__list {
  display: grid;
  grid-template-columns: 210px;
  gap: 20px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .skm-seealso__list {
    grid-template-columns: repeat(3, 210px);
  }
}
/* On a phone the single column of items stands in the MIDDLE of the content column, each caption centred under its photograph. */
@media (max-width: 767px) {
  .skm-seealso__list {
    justify-content: center;
  }
  .skm-seealso .skm-seealso__caption {
    text-align: center;
  }
}
.skm-seealso .skm-seealso__link {
  display: block;
  width: 210px;
  max-width: 100%;
  color: #333333;
  text-decoration: none;
}
.skm-seealso .skm-seealso__img {
  display: block;
  box-sizing: content-box;
  width: 200px;
  height: 150px;
  max-width: none;
}
.skm-seealso .skm-seealso__caption {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 2.7em;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.skm-seealso .skm-seealso__link:hover .skm-seealso__caption,
.skm-seealso .skm-seealso__link:focus-visible .skm-seealso__caption {
  color: #0f7ba7;
  text-decoration: underline;
}
.skm-seealso .skm-seealso__link:focus-visible {
  outline: 2px solid #222222;
  outline-offset: 2px;
}

/* End */
/* /local/templates/skm1c/components/bitrix/breadcrumb/.default/style.css?1788362195585 */
/* /local/templates/skm1c/components/bitrix/news/articles/bitrix/news.detail/.default/style.css?1687936590155 */
/* /local/templates/skm1c/css/share.css?17907462321668 */
/* /local/templates/skm1c/css/see_also.css?17908389102390 */