:root {
  --c-dark: #000000;
  --c-light: #FFFFFF;

  --c-accent: #891D56;
  --c-brown: #4F3624;
  --c-gray: #D9D9DE;
  --c-gray-2: #707075;
  --c-gray-3: #F5F5F7;
  --c-gray-4: #333333;

  --border: 1px solid var(--c-gray);
  --border-radius: 4px;

  --section-margin-y: 80px;
  --base-transition-duration: 0.2s;

  --button-height: 46px;
  --button-padding-x: 12px;

  --layer-toolip: 50;
}

.is-dom-loaded :is(
  .soon-broadcast-card__title,
  .document-link,
  .dropdown__current-button,
  .dropdown__info,
  .i-icon,
  .dropdown__button
) {
  transition: var(--base-transition-duration);
}

.is-dom-loaded .mini-banner::before {
  transition: var(--base-transition-duration);
}

.section:not(:last-child) {
  margin-bottom: var(--section-margin-y);
}

.section__header:not(:last-child) {
  margin-bottom: calc(var(--section-margin-y) / 2);
}

.section__header {
  display: flex;
  justify-content: space-between;
  gap: 24px 65px;
}

.section__info {
  flex-grow: 1;
  display: flex;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.full-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dropdown__list,
.documents__list,
.schedule__list,
.schedule__info-list,
.soon-broadcasts__list {
  padding-left: 0;
  list-style: none;
}

.soon-broadcasts__item {
  padding-bottom: 0;
}

.dropdown__item::before,
.documents__item::before,
.schedule__item::before,
.schedule__info-item::before,
.soon-broadcasts__item::before {
  display: none;
}

.soon-broadcasts__item:not(:last-child) {
  margin-bottom: 40px;
}

.soon-broadcast-card {
  --titleFontSize: 32px;
  --titleColor: var(--c-dark);

  position: relative;
  display: grid;
  grid-template-columns: 65fr 35fr;
  gap: 20px 32px;
}

.soon-broadcast-card__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
  object-fit: cover;
}

.soon-broadcast-card__body {
  --gapY: 16px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: var(--gapY);
  border-bottom: var(--border);
}

.soon-broadcast-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  font-weight: 600;
  line-height: 1.2;
  font-size: var(--titleFontSize);
  color: var(--titleColor);
}

.soon-broadcast-card__title:not(:last-child) {
  margin-bottom: var(--gapY);
}

.soon-broadcast-card__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: auto;
  font-weight: 600;
  line-height: 1.33;
  font-size: 18px;
  color: var(--c-gray-2);
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px 80px;
}

.page-header__date {
  color: var(--c-gray-2);
}

.page-header__description {
  line-height: 1.56;
  font-size: 18px;
}

.page-header__body {
  display: flex;
  flex-direction: column;
}

.page-header__title:not(:last-child),
.page-header__date:not(:last-child) {
  margin-bottom: 24px;
}

.page-header__body:not(:only-child) {
  max-width: 600px;
}

.page-header__images {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
}

.notice {
  width: 100%;
  padding: 20px;
  background-color: var(--c-gray-3);
  border-radius: var(--border-radius);
}

.schedule__list:not(:last-child) {
  margin-bottom: 40px;
}

.schedule__item,
.documents {
  display: grid;
  grid-template-columns: 290px auto;
  gap: 32px 40px;
}

.schedule__item:not(:last-child) {
  margin-bottom: 40px;
}

.schedule__date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
  font-size: 14px;
  color: var(--c-gray-2);
}

.schedule__date b {
  font-weight: 600;
  font-size: 1.3em;
  color: var(--c-dark);
}

.schedule__info-item {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.schedule__info-item:not(:last-child) {
  margin-bottom: 40px;
}

.schedule__info-item:last-child {
  padding-bottom: 40px;
  border-bottom: var(--border);
}

.schedule__info-body {
  display: grid;
  grid-template-columns: 120px auto;
  column-gap: 10px;
  font-size: 18px;
}

.schedule__info-time {
  font-weight: 600;
  color: var(--c-accent);
}

.schedule__info-description {
  color: var(--c-gray-4);
}

.documents__list {
  margin-top: 0;
}

.documents__item:not(:last-child) {
  margin-bottom: 32px;
}

.document-link {
  --gapX: 20px;
  --gapY: 5px;
  --imageSize: 48px;
  --titleColor: var(--c-gray-4);
  --formatColor: var(--c-gray-2);
  --hoverTitleColor: var(--c-accent);

  display: inline-flex;
  column-gap: var(--gapX);
  color: var(--titleColor);
}

.document-link__image {
  width: var(--imageSize);
  height: var(--imageSize);
  object-fit: contain;
}

.document-link__body {
  display: flex;
  flex-direction: column;
  row-gap: var(--gapY);
}

.document-link__format {
  font-size: 0.875em;
  color: var(--formatColor);
}

.dropdown {
  position: relative;
  display: inline-flex;
  min-width: 300px;
}

.dropdown.is-open .dropdown__current-button .i-icon {
  transform: rotate(-180deg);
}

.dropdown.is-open .dropdown__info {
  opacity: 1;
  visibility: visible;
}

.dropdown__current-button {
  --iconColor: var(--c-gray-2);

  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 14px;
  width: 100%;
  height: var(--button-height);
  font-size: 18px;
  padding-left: var(--button-padding-x);
  padding-right: var(--button-padding-x);
  border: var(--border);
  border-radius: var(--border-radius);
  user-select: none;
}

.dropdown__current-button-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}

.dropdown__current-button .i-icon {
  --color: var(--iconColor);
}

.dropdown__info {
  --offsetY: 6px;

  position: absolute;
  z-index: var(--layer-toolip);
  top: calc(100% + var(--offsetY));
  right: 0;
  width: 100%;
  background-color: var(--c-light);
  border: var(--border);
  border-radius: var(--border-radius);
  opacity: 0;
  visibility: hidden;
}

.dropdown__item {
  margin: 0 !important;
}

.dropdown__button {
  --textColor: var(--c-dark);
  --textAlign: left;
  --bgColor: transparent;
  --hoverTextColor: var(--c-dark);
  --hoverBgColor: var(--c-gray);

  display: flex;
  align-items: center;
  width: 100%;
  height: var(--button-height);
  color: var(--textColor);
  padding-left: var(--button-padding-x);
  padding-right: var(--button-padding-x);
  background-color: var(--bgColor);
  text-align: var(--textAlign);
}

.i-icon {
  --color: var(--c-dark);
  --size: 1em;

  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
}

.i-icon * {
  fill: var(--color);
}

.video :is(
  img,
  iframe
) {
  max-width: 100%;
}

.mini-banner-wrapper {
  padding-top: 32px;
  padding-bottom: 32px;
}

.mini-banner {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  border-radius: var(--border-radius);
}

.mini-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--bgImg) center/cover no-repeat;
  border-radius: inherit;
  filter: brightness(0.9);
}

.mini-banner__link {
  z-index: 2;
}

.mini-banner__inner {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  padding: 16px;
}

.mini-banner__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
}

.mini-banner__title {
  line-height: 1.33;
  font-size: 18px;
  font-weight: 800;
}

.mini-banner__subtitle {
  line-height: 1.85;
  letter-spacing: -0.01em;
  font-size: 13px;
}

.mini-banner__images {
  --columns: 2;
  --gapX: 20px;
  --gapY: 10px;
  --imageWidth: 90px;
  --imageHeight: 44px;

  flex-shrink: 0;
  display: grid;
  align-content: flex-start;
  grid-template-columns: repeat(var(--columns), var(--imageWidth));
  gap: var(--gapY) var(--gapX);
}

.mini-banner__image {
  width: var(--imageWidth);
  height: var(--imageHeight);
  object-fit: contain;
}

.mini-banner__image-wrapper {
  display: flex;
}

.mini-banner__image-wrapper:nth-child(odd) {
  position: relative;
}

.mini-banner__image-wrapper:nth-child(odd)::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% + var(--gapX) / 2);
  width: 1px;
  height: 100%;
  border-right: 1px dotted var(--c-brown);
}

.real-grid {
  --columns: 1;

  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: 40px;
}

.real-grid--2 {
  --columns: 2;
}

.real-grid--3 {
  --columns: 3;
}

.real-grid--4 {
  --columns: 4;
}

@media (hover: hover) {
  .soon-broadcast-card:hover {
    --titleColor: var(--c-accent);
  }

  .document-link:hover {
    color: var(--hoverTitleColor);
  }

  .dropdown:hover .dropdown__current-button {
    border-color: var(--c-accent);
  }

  .dropdown__button:hover {
    color: Var(--hoverTextColor);
    background-color: var(--hoverBgColor);
  }

  .mini-banner:hover::before {
    filter: brightness(1);
  }
}

@media (max-width: 1024px) {
  .soon-broadcast-card {
    --titleFontSize: 24px;
  }

  .page-header {
    column-gap: 40px;
  }
}

@media (min-width: 768px) {
  .soon-broadcast-card__image {
    min-height: 336px;
  }

  .dropdown {
    min-width: 377px;
  }

  .section__info {
    justify-content: flex-end;
  }

  .mini-banner {
    max-width: 440px;
  }

  .page-header__images {
    max-width: 30%;
  }
}

@media (max-width: 767px) {
  :root {
    --section-margin-y: 54px;
  }

  .soon-broadcast-card {
    --titleFontSize: 20px;

    grid-template-columns: 1fr;
  }

  .page-header {
    flex-direction: column;
  }

  .notice {
    line-height: 1.43;
    font-size: 14px;
  }

  .section__header {
    flex-direction: column;
  }

  .schedule__item,
  .documents {
    grid-template-columns: 1fr;
  }

  .schedule__date {
    row-gap: 4px;
  }

  .schedule__info-item:not(:last-child) {
    margin-bottom: 32px;
  }

  .schedule__info-body {
    font-size: 16px;
  }

  .schedule__date b {
    font-size: 16px;
  }

  .documents__item:not(:last-child) {
    margin-bottom: 20px;
  }

  .mini-banner {
    width: 100%;
  }

  .mini-banner__inner {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 480px) {
  .dropdown {
    width: 100%;
  }

  .mini-banner__inner {
    flex-direction: column;
  }
}

@media (max-width: 413px) {
  .dropdown__current-button {
    font-size: 16px;
  }
}

.bx-im-textarea-input:focus {
  border: 0;
  box-shadow: none;
}

.socials .social--dzen {
  background-image: url("../img/site/icon-social--dzen.svg");
}
.detail-content a {
  color: revert;
  text-decoration: revert;
}
.tile__info--contest {
  padding-bottom: 16px;
}
.tile__data-list {
  margin-top: 16px;
  display: flex;
  flex-flow: column nowrap;
  row-gap: 16px;
}
.tile__data-item {
  display: flex;
  flex-flow: column nowrap;
  row-gap: 4px;
}
.tile__data-item-name {
  font-size: 14px;
  line-height: 1.43;
  color: #707075;
}
.tile__data-item-value {
  font-size: 22px;
  line-height: 1.45;
  color: #000000;
}
.fw-semibold {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
}
.contest-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  color: #333333;
}
.tile__gray--small {
  font-size: 14px;
  line-height: 20px;
}
.content .tile__gray--small {
  margin: 0 0 4px;
}
.content .mb24 {
  margin: 0 0 24px;
}
.grid--gap80 .col-md-8:not(:last-child) {
  margin-bottom: 80px;
}
.file-links--bordered {
  padding: 40px 0;
  border-top: solid 1px #E5E5EB;
}
.file-links--bordered .file-link {
  border: none;
}
.docs-blocks--no-mt .docs-block {
  margin-top: 0;
}
.file-links--no-borders .file-link {
  border: none;
}
.col-md-8--border-top {
  border-top: solid 1px #E5E5EB;
}
.pt40 {
  padding-top: 40px;
}
@media(max-width: 576px) {
  .file-link__name {
    word-break: break-all;
  }
  .tile__data-item-value {
    font-size: 18px;
  }
  .real-grid {
    gap: 20px;
  }
  .docs-blocks:not(:first-of-type) {
    margin-top: 15px;
  }
  .docs-blocks:first-of-type {
    margin-top: 0;
  }
}

.footer-column__title {
  cursor: auto
}
.footer-column__title a,
.footer-column__title span {
  font-family: "GolosTextWebDemibold", arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  align-items: center;
  letter-spacing: -0.01em;
  color: #333333;
}

.media-lg,
.media-md,
.media-sm {
    margin-bottom: 20px;
}


@media (min-width: 1200px) {
  .banks-map .compensation-answer__map-container {
    background-size: 727px 580px;
  }
}


.main-story__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  object-fit: cover;
}

img {
  width: 100%;
}

.tiles.tiles--main-news .tile__pic img {
  object-fit: cover;
}

.detail {
  --marginBottom: 32px;
}

p.detail-annotation:not(:last-child),
.detail-image:not(:last-child),
.detail-params:not(:last-child){
  margin-bottom: var(--marginBottom);
}

p.detail-annotation {
  font: 400 20px/28px GolosTextWebRegular, arial, sans-serif;
}

.visible-two-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.header__logo-link {
  display: block;
  width: 300px;
}

.header__logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media(max-width: 990px) {
  .header__logo-link {
    width: 180px;
  }
}

.input-msg {
  color: #ff0000;
}

.news-items-news .news-item__image {
	background: url("/local/static/img/site/img_bg.svg") no-repeat center center;
	background-size: 50px;
}
.news-items-news .news-item__image img {
	background: #f5f5f7;
}
.tiles--main-news .tile__pic,
.tiles--detail-other-news .tile__pic {
	background: url("/local/static/img/site/img_bg.svg") no-repeat center center;
	background-size: 50px;
}
.tiles--main-news .tile__pic img,
.tiles--detail-other-news .tile__pic img {
	background: #f5f5f7;
}
@media (min-width: 992px) {
	.news-items-news .news-item__image {
		aspect-ratio: 2/1;
		background-size: 150px;
	}
	.tiles--main-news .tile__pic,
	.tiles--detail-other-news .tile__pic{
		width: 100%;
		height: 234px;
		background-size: 150px;
	}
}
@media (max-width: 767px) {
	.news-items-news .news-item {
		padding-right: 0;
	}
	.news-items-news .news-item__inside {
		display: flex;
		flex-direction: column-reverse;
	}

	.news-items-news .news-item__image,
	.news-items-news .news-item__image img {
		position: static;
		transform: none;
	}

	.news-items-news .news-item__image {
		width: auto;
		height: auto;
	}

	.news-items-news .news-item__image img {
		width: 100%;
		height: auto;
		margin-bottom: 16px;
	}

	.news-items-news .news-item__col_img {
		width: 100%;
	}
}
