.commentsApp__infoMessage {
  align-items: center;
  display: flex;
  font: 700 14px/20px roboto, roboto_;
  height: 0;
  justify-content: space-between;
  margin: 0;
  overflow: hidden;
  padding: 0 10px;
  transition: margin 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
}

.commentsApp__infoMessageClose {
  cursor: pointer;
}

.commentsApp__comment .commentsApp__textField {
  height: 0;
  visibility: hidden;
}

.commentsApp__addCommentTextarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #111;
  display: block;
  font: 400 15px/25px roboto, roboto_;
  min-height: 110px;
  padding: 15px 20px;
  position: relative;
  resize: none;
  transition: border-color 0.2s ease-out;
  width: 100%;
}

.commentsApp__addCommentTextarea:hover {
  border-color: #111;
}

.commentsApp__addCommentTextarea:focus {
  border-color: #111;
  outline: 0;
}

.commentsApp__bottom {
  border: 1px solid #ccc;
  border-top: 0;
  justify-content: space-between;
  padding: 15px;
  justify-content: end;
}

.commentsApp__bottom,
.commentsApp__bottomFrame {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.commentsApp__bottomFrame {
  gap: 10px;
}

.commentsApp__bottomFrame .commentsApp__bottomFrameElement {
  color: #757575;
  font: 700 14px/14px robotocondensed, robotocondensed_;
}

.commentsApp__bottomFrame .commentsApp__userName {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commentsApp__commentsContainer {
  display: flex;
  flex-flow: column nowrap;
  padding-top: 5px;
}

.commentsApp__comment {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}

.commentsApp__comment:last-child {
  border-bottom: 0;
}

.commentsApp__comment:has(.adviewDFPBanner) {
  border-bottom: 0;
  padding-bottom: 0;
}

.commentsApp__comment .commentsApp__textField {
  margin-left: 40px;
}

.commentsApp__commentHead {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}

.commentsApp__commentAuthor {
  font: 700 16px/20px robotocondensed, robotocondensed_;
  word-break: break-word;
}

.commentsApp__commentBody {
  font: 400 16px/24px roboto, roboto_;
  margin: 15px 0;
  word-break: break-word;
}

.commentsApp__commentDate {
  color: #757575;
  font: 400 16px/20px robotocondensed, robotocondensed_;
}

.commentsApp__commentLink {
  position: relative;
}

.commentsApp__commentLinkButton {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.commentsApp__commentLinkButton:before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.1 15H5.5a4.337 4.337 0 0 1-3.184-1.316A4.337 4.337 0 0 1 1 10.5a4.337 4.337 0 0 1 1.316-3.184A4.337 4.337 0 0 1 5.5 6h3.6v1.8H5.5a2.6 2.6 0 0 0-1.912.788A2.6 2.6 0 0 0 2.8 10.5a2.6 2.6 0 0 0 .788 1.912A2.6 2.6 0 0 0 5.5 13.2h3.6zm-2.7-3.6V9.6h7.2v1.8zm4.5 3.6v-1.8h3.6a2.6 2.6 0 0 0 1.912-.788A2.6 2.6 0 0 0 17.2 10.5a2.6 2.6 0 0 0-.787-1.912A2.6 2.6 0 0 0 14.5 7.8h-3.6V6h3.6a4.337 4.337 0 0 1 3.184 1.316A4.337 4.337 0 0 1 19 10.5a4.337 4.337 0 0 1-1.316 3.184A4.337 4.337 0 0 1 14.5 15z' fill='%23757575'/%3E%3C/svg%3E");
  display: block;
  font-size: 0;
  line-height: 0;
}

.commentsApp__commentLinkInfo {
  background: #fff;
  box-shadow: 4px 4px 6px hsla(0, 0%, 7%, 0.2);
  color: #757575;
  display: none;
  font: 700 14px/20px roboto, roboto_;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 100%;
  width: max-content;
  z-index: 9;
}

.commentsApp__subComments {
  padding-left: 40px;
}

.commentsApp__subComments .commentsApp__textField {
  margin-left: 0;
}

.commentsApp__options {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-left: auto;
}

.commentsApp__options-item {
  line-height: 0;
  position: relative;
}

.commentsApp__optionsDots:before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23757575' viewBox='0 -960 960 960'%3E%3Cpath d='M479.79-192Q450-192 429-213.21t-21-51Q408-294 429.21-315t51-21Q510-336 531-314.79t21 51Q552-234 530.79-213t-51 21Zm0-216Q450-408 429-429.21t-21-51Q408-510 429.21-531t51-21Q510-552 531-530.79t21 51Q552-450 530.79-429t-51 21Zm0-216Q450-624 429-645.21t-21-51Q408-726 429.21-747t51-21Q510-768 531-746.79t21 51Q552-666 530.79-645t-51 21Z'/%3E%3C/svg%3E");
  display: block;
  font-size: 0;
  line-height: 0;
}

.commentsApp__commentFooter {
  gap: 15px 30px;
}

.commentsApp__commentFooter {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.commentsApp__showReplies {
  align-items: center;
  display: flex;
  gap: 6px;
  position: relative;
}

.commentsApp__showReplies:after {
  border-bottom: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 0;
}

.commentsApp {
  color: #111;
  margin: 0 0 30px;
}

.commentsApp__textStyledBtn {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  color: #111;
  cursor: pointer;
  display: flex;
  font: 700 14px/20px robotocondensed, robotocondensed_;
  gap: 6px;
  padding: 0;
  transition: color 0.2s ease-out;
}

.commentsApp__textStyledBtn:hover {
  color: #757575;
}

.commentsApp__button {
  background-color: #beff96;
  border: 2px solid #beff96;
  box-sizing: border-box;
  color: #111;
  cursor: pointer;
  display: block;
  font: 700 14px/16px robotocondensed, robotocondensed_;
  padding: 5px 10px;
  text-transform: uppercase;
  width: 100%;
}

.commentsApp:not(.commentsApp--logged) .commentsApp__button--send {
  display: none;
}

.commentsApp__Box {
  background: #fff;
  box-shadow: 4px 4px 6px hsla(0, 0%, 7%, 0.2);
  display: none;
  flex-flow: column nowrap;
  gap: 15px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 100%;
  white-space: nowrap;
  width: auto;
  z-index: 9;
}

.commentsApp__BoxOption {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  color: #757575;
  cursor: pointer;
  display: flex;
  font: 700 14px/14px robotocondensed, robotocondensed_;
  gap: 10px;
  padding: 0;
  position: relative;
  text-align: left;
  transition: color 0.2s ease-out;
}

.commentsApp__BoxOption:hover {
  color: #111;
}

.commentsApp__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.commentsApp__heading {
  font: 700 20px/26px oswald, oswald_;
  text-transform: uppercase;
}

.commentsApp__heading span {
  font: 400 20px/26px oswald, oswald_;
}

html {
  font-size: 21px;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

.section_wrapper {
  width: 100%;
}

.section_wrapper .content_wrap {
  background-color: #fff;
  position: relative;
}

.content_wrap {
  background-color: #fff;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 1242px;
}

.left_aside {
  width: 52px;
  z-index: 4;
}

.right_aside {
  position: relative;
  width: 300px;
}

@supports (display: grid) {
  #article_wrapper {
    grid-template-columns: 52px 750px 300px;
  }

  .main_wrapper {
    grid-column-gap: 50px;
    display: grid;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 1242px;
    z-index: 2;
  }

  .left_aside {
    grid-column: 1;
  }

  .main_wrapper:not(.main_wrapper--video) .left_aside {
    grid-row: 2 / span 7;
  }

  .top_section {
    grid-column: 2;
  }

  .main_wrapper:not(.main_wrapper--video) .top_section {
    grid-row: 5;
  }

  .bottom_section {
    grid-column: 2;
  }

  .main_wrapper:not(.main_wrapper--video) .bottom_section {
    grid-row: 7;
  }

  :not(.index_body) .right_aside {
    grid-column: 3;
  }

  .main_wrapper:not(.main_wrapper--video) .right_aside {
    grid-row: 7;
  }
}

#article_title:after,
.article_author:after {
  clear: both;
  content: " ";
  display: block;
  float: none;
  width: 100%;
}

#article_title {
  color: #111;
  font: 700 32px/1.3 oswald, oswald_;
  word-break: break-word;
}

@supports (display: grid) {
  #article_title {
    grid-row: 2;
    position: relative;
  }

  .main_wrapper:not(.main_wrapper--video) #article_title {
    grid-column: 2;
    width: 750px;
  }
}

.article_author {
  display: block;
}

.article_author {
  color: #111;
  font-family: robotocondensed;
  font-size: 14px;
  line-height: 18px;
}

.date_section {
  color: #111;
}

.date_section {
  font: 400 14px/18px robotocondensed, robotocondensed_;
}

.author_section {
  align-items: center;
  display: flex;
  margin: 20px 0;
  padding: 0;
}

.author_prefix {
  color: #757575;
  font-weight: 400;
  font: robotocondensed;
  text-transform: capitalize;
}

@supports (display: grid) {
  .author_section {
    align-items: center;
    grid-row: 3;
    position: relative;
    z-index: 1;
  }

  .main_wrapper:not(.main_wrapper--video) .author_section {
    grid-column: 2;
    width: 750px;
  }
}

.breadcrumbs {
  font: 400 12px/21px roboto, roboto_;
  height: 20px;
  margin: 20px 350px 16px 0;
  overflow: hidden;
  position: relative;
  width: 750px;
}

.breadcrumbs:before {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 70%);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 1;
}

.breadcrumbs .breadcrumbs__item {
  color: #757575;
  display: inline;
}

.breadcrumbs .breadcrumbs__item:after {
  content: "·";
  display: inline-block;
  font-size: 2em;
  line-height: 15px;
  padding: 0 7px 0 5px;
  vertical-align: middle;
}

.breadcrumbs .breadcrumbs__item:last-of-type:after {
  display: none;
}

.breadcrumbs .breadcrumbs__item .breadcrumbs__link {
  color: inherit;
  font: inherit;
  transition: color 0.2s ease-in;
}

.breadcrumbs .breadcrumbs__item .breadcrumbs__link:hover {
  background: none;
  color: #111;
}

@supports (display: grid) {
  #sitePath {
    grid-row: 1;
  }

  .main_wrapper:not(.main_wrapper--video) #sitePath {
    grid-column: 2;
  }
}

.socialBar {
  display: flex;
  flex-direction: column;
}

.socialBar.vertical {
  opacity: 0;
  position: sticky;
  top: 65px;
  transition: all 0.2s ease;
}

.socialBar.vertical.visible {
  opacity: 1;
  /* top: 230px; */
}

.socialBar__items {
  position: relative;
  width: 52px;
}

.socialBar__item {
  align-items: center;
  background-color: #fff;
  background-position: 50%;
  border: 2px solid #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 52px;
  justify-content: center;
  margin-bottom: 20px;
  overflow: hidden;
  width: 52px;
}

.socialBar__item--c2s {
  border: none;
  display: none;
  height: 52px;
}

.socialBar__item--copyArticle {
  overflow: visible;
  position: relative;
}

.socialBar__tooltip {
  background-color: #757575;
  color: #fff;
  font: 400 12px/12px robotocondensed, robotocondensed_;
  opacity: 0;
  padding: 8px;
  pointer-events: none;
  position: relative;
  position: absolute;
  text-align: center;
  top: calc(100% + 14px);
  white-space: nowrap;
  z-index: 1;
}

.socialBar__tooltip:before {
  border-color: transparent transparent transparent #757575;
  border-style: solid;
  border-width: 6px 0 0 6px;
  content: "";
  height: 0;
  left: 0;
  left: 50%;
  position: absolute;
  top: -6px;
  width: 0;
  z-index: 1;
}

.art_content {
  color: #111;
  font: 400 18px/29px roboto, roboto_;
}

.art_content b {
  font-weight: 700;
}

.art_content i {
  font-style: italic;
}

.art_content .art_sub_title {
  font: 700 20px/32px roboto, roboto_;
  /* margin: 20px 0;  */
  word-break: break-word;
}

.art_content .art_paragraph,
.art_content p {
  margin: 20px 0;
  word-break: break-word;
}

.art_content ul {
  word-wrap: break-word;
  margin: 20px 0;
}

.art_content ul {
  list-style: square outside;
}

.art_content .art_embed:has(.video-head) {
  background-color: #eee;
  color: #111;
  display: flex;
  flex-flow: column nowrap;
  gap: 15px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 15px 15px 20px;
  position: relative;
}

.art_content .art_embed:has(.video-head):after {
  border-color: #eee transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 1;
}

.art_content .art_embed:has(.video-head)>div:first-child:has(.video-head) {
  display: contents;
}

.art_content .art_embed:has(.video-head) .video-head {
  display: block;
  font: 700 16px/20px oswald, oswald_;
  text-transform: uppercase;
}

.art_content .art_embed:has(.video-head) .video-description {
  display: block;
  font: 700 18px/24px robotocondensed, robotocondensed_;
  margin-top: -5px;
}

.art_content .art_embed:has(.video-head) div[id^="onn-cid"] {
  aspect-ratio: 16/9;
  background-color: #fff;
}

.article-gallery-picture {
  display: grid;
  grid-template: "picture picture" 1fr "description meta" max-content/1fr max-content;
}

.article-gallery-picture__image {
  display: block;
  grid-area: picture;
  width: 100%;
  margin-bottom: 20px;
}

.article-gallery-picture__description {
  color: #757575;
  font: 400 12px/16px robotocondensed, robotocondensed_;
  grid-area: description;
  overflow-wrap: anywhere;
  padding: 0px 15px;
}

.tags {
  margin: 20px 0 0;
  width: 100%;
}

.tags_header {
  display: none;
}

.tags_list {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}

.tags_item {
  border: 1px solid #e5e5e5;
  color: #757575;
  display: block;
  font: 400 14px/14px robotocondensed, robotocondensed_;
  padding: 3px;
  text-transform: capitalize;
}

.tag_link {
  color: currentcolor;
}

.news-box {
  position: relative;
}

.news-box__tablist {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  width: 100%;
}

.news-box__tab {
  appearance: none;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #757575;
  cursor: pointer;
  flex: 1 1 50%;
  font: 700 18px/22px robotocondensed, robotocondensed_;
  padding: 8px 16px;
  scroll-snap-align: center;
  text-transform: uppercase;
  transition: color 0.2s ease-out;
  white-space: nowrap;
}

.news-box__tab:hover {
  color: #111;
}

.news-box__tab:focus {
  border-bottom-color: #111;
}

.news-box__tab[aria-selected="true"] {
  border-bottom-color: #111;
  color: #111;
}

.news-box__tabpanel {
  padding-top: 15px;
}

.news-box__tabpanel[data-tabpanel-show="false"] {
  display: none !important;
}

.news-box-newest,
.news-box-popular {
  display: flex;
  flex-flow: column nowrap;
  gap: 15px;
}

.news-box-article-text {
  border-bottom: 1px solid #dbdbdb;
  line-height: 0;
  padding-bottom: 15px;
}

.news-box-article-text__time {
  color: #ec5151;
  font: 700 16px/20px oswald, oswald_;
}

.news-box-article-text__link {
  color: #111;
  cursor: pointer;
  transition: color 0.2s ease-out;
}

.news-box-article-text__link:focus,
.news-box-article-text__link:hover {
  color: #757575;
}

.news-box-article-text__title {
  display: inline;
  font: 700 16px/20px robotocondensed, robotocondensed_;
}

.news-box-article-tile {
  border-bottom: 1px solid #dbdbdb;
  color: #111;
  display: flex;
  flex-flow: row nowrap;
  gap: 15px;
  padding-bottom: 15px;
  transition: color 0.2s ease-out;
}

.news-box-article-tile:focus,
.news-box-article-tile:hover {
  color: #757575;
}

.news-box-article-tile__photo {
  display: block;
  flex: none;
  height: 70px;
  object-fit: cover;
  width: 100px;
}

.news-box-article-tile__meta {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}

.news-box-article-tile__title {
  font: 700 16px/20px robotocondensed, robotocondensed_;
}

.recommendations__tabpanel[aria-labelledby="recommendations-tab-recommended"]:has(.recommendations-article-list:only-child) {
  display: block;
}

.page_footer {
  background: #fff;
  color: #969696;
  font: 400 13px/30px roboto, roboto_;
  margin: 0 auto;
  padding: 15px 0 0 0;
  padding-top: 2px;
  text-align: center;
}

.page_footer .footer_lower_links {
  border-top: 1px solid #ececec;
  font: 400 12px/23px roboto, roboto_;
  padding-top: 31px;
}

@supports (display: grid) {}

.c2sPlayer__inArticleControl {
  align-items: center;
  border: 2px solid #e5e5e5;
  border-radius: 50%;
  display: flex;
  height: 52px;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: opacity 0.2s;
  width: 52px;
}

.c2sPlayer__inArticleControl button {
  align-items: center;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='Listen icon'%3E%3Cpath d='M0 0h24v24H0z' data-name='Rectangle 4538' style='fill:none'/%3E%3Cpath d='M6 18H0V9a8.719 8.719 0 0 1 .712-3.512A9.036 9.036 0 0 1 5.488.712 8.719 8.719 0 0 1 9 0a8.719 8.719 0 0 1 3.512.712 9.036 9.036 0 0 1 4.776 4.776A8.719 8.719 0 0 1 18 9v9h-6v-8h4V9a6.75 6.75 0 0 0-2.038-4.962A6.75 6.75 0 0 0 9 2a6.75 6.75 0 0 0-4.962 2.038A6.75 6.75 0 0 0 2 9v1h4z' data-name='Path 10375' style='fill:%23111' transform='translate(3 3)'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: auto 0;
  outline: none;
  width: 52px;
}

.serviceLogo {
  align-items: center;
  display: flex;
  height: 90px;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  width: 1202px;
}

.serviceLogo__img {
  max-height: 50px;
}

.serviceLogo__logoGroupElements {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  z-index: 10;
}

.serviceLogo__logoContainer {
  line-height: 0;
}

.serviceLogo--graphicLogo:not(.serviceLogo--withAutopromotion) {
  justify-content: center;
}

.serviceLogo--graphicLogo .serviceLogo__logoGroupElements a {
  line-height: 0px;
}

.serviceLogo--withPartner .serviceLogo__partner::before__parnterimg {
  max-height: 40px;
  max-width: 100px;
}

.nav__mainMenu {
  display: flex;
  height: 30px;
  margin: 10px auto 0;
  width: 1202px;
}

.nav__item,
.nav__overlay {
  position: relative;
}

.nav__item {
  margin: 0 13px;
  transition: all 0.2s ease-out;
}

.nav__item:first-child {
  margin: 0 10px 0 0;
}

.nav__itemName {
  color: #111;
  display: block;
  font: 700 16px/25px robotocondensed, robotocondensed_;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.2s ease-out;
  white-space: nowrap;
}

/* .nav__itemName:hover {
  color: #a8a8a8;
} */
.nav__active:not(.nav__secondLevelItem) {
  transition: all 0.2s ease-out;
}

.nav__active:not(.nav__secondLevelItem):after {
  background: #111;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-out;
  width: 100%;
}

.nav__dropDownButton {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23111' d='M14.59 6.52 10 11.1 5.41 6.52 4 7.92l6 6 6-6Z'/%3E%3C/svg%3E");
  background-position: 84px 35%;
  background-repeat: no-repeat;
  height: 30px;
  margin-left: auto;
  transition: all 0.2s ease-out;
  width: 100px;
}

* .nav__dropDownButton:hover {
  cursor: pointer;
}

.main-navigation {
  left: 0;
  position: relative;
  width: 100%;
  z-index: 10602;
}

.main-navigation--projectx {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

.main-navigation--projectx .main-navigation__close {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3Cpath fill='%23111' d='M27 14.41 25.59 13 20 18.59 14.41 13 13 14.41 18.59 20 13 25.59 14.41 27 20 21.41 25.59 27 27 25.59 21.41 20z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  padding-left: 16px;
  position: relative;
  width: 40px;
}

.main-navigation--projectx .main-navigation__close:hover {
  overflow: visible;
}

.main-navigation--projectx .main-navigation__outer-nav {
  flex: 1;
  max-width: 1202px;
}

.main-navigation--projectx .main-navigation__inner-wrapper {
  width: 100%;
}

.main-navigation:before {
  border-color: #000 transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 100%;
  top: 40px;
  width: 0;
  z-index: 1;
}

.main-navigation__arrow-small {
  cursor: pointer;
  margin-left: 10px;
}

.main-navigation__bg {
  background: #000;
  height: 40px;
  position: absolute;
  width: 100vw;
  z-index: 0;
}

.main-navigation__back,
.main-navigation__logo {
  align-items: center;
  display: flex;
  z-index: 1;
}

.main-navigation__logo {
  margin-left: 5px;
  margin-top: 2px;
}

.main-navigation__logo--linkIcon {
  line-height: 0;
}

.main-navigation__nav {
  margin-left: 20px;
}

.main-navigation__nav .main-navigation__link {
  color: #fff;
  font: 400 14px/18px oswald, oswald_;
  letter-spacing: 0.3px;
  transition: all 0.2s ease-out;
}

.main-navigation__nav .main-navigation__link:hover {
  opacity: 0.8;
}

.main-navigation__nav .main-navigation__lists {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 40px;
  width: 100%;
}

.main-navigation__nav .main-navigation__list-item {
  cursor: pointer;
  height: 100%;
  padding: 10px;
}

.main-navigation__nav .main-navigation__list-item--isHighlighted {
  background-color: #fff;
}

.main-navigation__nav .main-navigation__list-item--isHighlighted .main-navigation__link {
  color: #111;
}

.main-navigation__svg-name {
  display: none;
}

.main-navigation__inner-wrapper {
  align-items: center;
  display: flex;
  height: 40px;
  margin: auto;
  width: 1202px;
}

.main-navigation__shortcuts {
  align-items: baseline;
  display: flex;
  margin-left: auto;
}

.main-navigation__shortcuts .main-navigation__lists {
  display: flex;
  height: 40px;
}

.main-navigation__shortcuts .main-navigation__link {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font: 400 12px/16px oswald, oswald_;
  letter-spacing: 0.3px;
  padding: 10px;
  text-transform: uppercase;
}

.main-navigation__shortcuts .main-navigation__list-item {
  cursor: pointer;
}

.main-navigation__shortcuts .main-navigation__list-item:first-child+li {
  margin-left: 0;
}

.main-navigation__shortcuts .main-navigation__list-item--environment {
  order: 3;
}

.main-navigation__shortcuts .main-navigation__list-item--environment .main-navigation__link {
  color: #fff;
}

.main-navigation__login {
  position: relative;
}

.main-navigation__login .main-navigation__login {
  text-transform: none;
}

.main-navigation__nav .main-navigation__list-item,
.main-navigation__shortcuts .main-navigation__list-item {
  align-items: center;
  display: flex;
  position: relative;
}

.main-navigation__dropdown {
  display: flex;
  justify-content: center;
  margin-left: 30px;
  position: relative;
}

.top_wrapper {
  background-color: transparent;
  height: 40px;
  margin-bottom: 130px;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-out;
  width: 100%;
  z-index: 100;
}

.top_wrapper:before {
  background: #fff;
  content: "";
  height: 50px;
  position: absolute;
  top: -50px;
  width: 100%;
  z-index: 11;
}

html body {
  padding-top: 170px;
}

body .socialBar.vertical {
  /* top: 189px; */
  transition: all 0.6s ease-out;
}

#DFP_PREMIUMBOARD {
  position: relative;
  z-index: 101;
}

.navBox {
  background: #fff;
  box-shadow: inset 0 -1px #e5e5e5;
  position: relative;
  top: 0;
  transform: translateY(0);
  transition: all 0.6s ease-out;
  width: 100%;
  z-index: 100;
}

.art_content .art_embed:has(.twitter-tweet,
  .instagram-media,
  .tiktok-embed,
  .telegram-post,
  .fb-embed) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%23757575' viewBox='0 0 960 960'%3E%3Cpath d='M234 940q-48 0-81-33t-33-81q0-48 33-81t81-33q14 0 25 3l21 7 85-106q-19-23-29-52t-5-62l-121-41q-15 25-39 39t-57 14q-48 0-81-33T0 400q0-48 33-81t81-33q48 0 81 33t33 81v4l122 42q18-32 44-49t56-24V244q-39-11-61-43t-23-67q0-48 33-81t81-33q48 0 81 33t33 81q0 35-23 67t-61 43v129q31 7 57 24t44 49l121-42v-4q0-48 33-81t81-33q48 0 81 33t33 81q0 48-33 81t-81 33q-32 0-57-14t-39-39l-121 41q5 32-4 62t-30 52l85 106q11-5 22-7l24-3q48 0 81 33t33 81q0 48-33 81t-81 33q-48 0-81-33t-33-81q0-20 6-36t15-31l-85-106q-32 17-68 17t-69-17l-84 107q10 15 16 31t5 35q0 48-33 81t-81 33z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  height: 300px;
  justify-content: center;
  overflow: clip;
  position: relative;
  transition: height 0.5s ease;
}

.art_content .art_embed:has(.twitter-tweet) {
  height: 250px;
}

.index_simple.tiles .entry header h2:has(span.article_title__flag__index)>a {
  display: inline;
}

@font-face {
  font-display: swap;
  font-family: oswald;
  font-style: normal;
  font-weight: 200 700;
  src: url(https://static.im-g.pl/css/fonts/oswald-variable-wght-latin-ext-v1.woff2) format("woff2");
}

@font-face {
  ascent-override: 146.1915%;
  descent-override: 35.4144%;
  font-family: oswald_;
  font-weight: 400;
  size-adjust: 81.6053%;
  src: local("Roboto"), local("Roboto-Regular");
}

@font-face {
  ascent-override: 146.5125%;
  descent-override: 35.4921%;
  font-family: oswald_;
  font-weight: 400;
  line-gap-override: 0%;
  size-adjust: 81.4265%;
  src: local("Arial"), local("ArialMT");
}

@font-face {
  ascent-override: 147.8926%;
  descent-override: 35.8264%;
  font-family: oswald_;
  font-weight: 400;
  line-gap-override: 0%;
  size-adjust: 80.6667%;
  src: local("Helvetica Neue"), local("HelveticaNeue");
}

@font-face {
  ascent-override: 145.7101%;
  descent-override: 35.2978%;
  font-family: oswald_;
  font-weight: 400;
  size-adjust: 81.8749%;
  src: local("Segoe UI"), local("SegoeUI");
}

@font-face {
  ascent-override: 131.2441%;
  descent-override: 31.7934%;
  font-family: oswald_;
  font-weight: 700;
  size-adjust: 90.8994%;
  src: local("Roboto Bold"), local("Roboto-Bold");
}

@font-face {
  ascent-override: 139.3228%;
  descent-override: 33.7505%;
  font-family: oswald_;
  font-weight: 700;
  line-gap-override: 0%;
  size-adjust: 85.6285%;
  src: local("Arial Bold"), local("Arial-BoldMT");
}

@font-face {
  ascent-override: 139.3285%;
  descent-override: 33.7518%;
  font-family: oswald_;
  font-weight: 700;
  line-gap-override: 0%;
  size-adjust: 85.625%;
  src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold");
}

@font-face {
  ascent-override: 137.9055%;
  descent-override: 33.4071%;
  font-family: oswald_;
  font-weight: 700;
  size-adjust: 86.5085%;
  src: local("Segoe UI Bold"), local("SegoeUI-Bold");
}

@font-face {
  font-display: swap;
  font-family: robotocondensed;
  font-stretch: 75%;
  font-style: normal;
  font-weight: 100 900;
  src: url(https://static.im-g.pl/css/fonts/roboto-variable-wdth-wght-latin-ext-v1.woff2) format("woff2");
}

@font-face {
  font-family: robotocondensed_;
  font-weight: 400;
  size-adjust: 89.0231%;
  src: local("Roboto"), local("Roboto-Regular");
}

@font-face {
  ascent-override: 104.4416%;
  descent-override: 27.4846%;
  font-family: robotocondensed_;
  font-weight: 400;
  line-gap-override: 0%;
  size-adjust: 88.828%;
  src: local("Arial"), local("ArialMT");
}

@font-face {
  ascent-override: 105.4254%;
  descent-override: 27.7435%;
  font-family: robotocondensed_;
  font-weight: 400;
  line-gap-override: 0%;
  size-adjust: 87.9991%;
  src: local("Helvetica Neue"), local("HelveticaNeue");
}

@font-face {
  ascent-override: 103.8696%;
  descent-override: 27.3341%;
  font-family: robotocondensed_;
  font-weight: 400;
  size-adjust: 89.3172%;
  src: local("Segoe UI"), local("SegoeUI");
}

@font-face {
  font-family: robotocondensed_;
  font-weight: 700;
  size-adjust: 89.2009%;
  src: local("Roboto Bold"), local("Roboto-Bold");
}

@font-face {
  ascent-override: 110.4071%;
  descent-override: 29.0545%;
  font-family: robotocondensed_;
  font-weight: 700;
  line-gap-override: 0%;
  size-adjust: 84.0285%;
  src: local("Arial Bold"), local("Arial-BoldMT");
}

@font-face {
  ascent-override: 110.4116%;
  descent-override: 29.0557%;
  font-family: robotocondensed_;
  font-weight: 700;
  line-gap-override: 0%;
  size-adjust: 84.0251%;
  src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold");
}

@font-face {
  ascent-override: 109.284%;
  descent-override: 28.7589%;
  font-family: robotocondensed_;
  font-weight: 700;
  size-adjust: 84.8921%;
  src: local("Segoe UI Bold"), local("SegoeUI-Bold");
}

@font-face {
  font-display: swap;
  font-family: roboto;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 100 900;
  src: url(https://static.im-g.pl/css/fonts/roboto-variable-wdth-wght-latin-ext-v1.woff2) format("woff2");
}

@font-face {
  ascent-override: 93.8529%;
  descent-override: 24.6981%;
  font-family: roboto_;
  font-weight: 400;
  line-gap-override: 0%;
  size-adjust: 98.8498%;
  src: local("Helvetica Neue"), local("HelveticaNeue");
}

@font-face {
  ascent-override: 92.4679%;
  descent-override: 24.3337%;
  font-family: roboto_;
  font-weight: 400;
  size-adjust: 100.3304%;
  src: local("Segoe UI"), local("SegoeUI");
}

@font-face {
  ascent-override: 92.9771%;
  descent-override: 24.4677%;
  font-family: roboto_;
  font-weight: 400;
  line-gap-override: 0%;
  size-adjust: 99.7809%;
  src: local("Arial"), local("ArialMT");
}

@font-face {
  font-family: roboto_;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular");
}

@font-face {
  ascent-override: 96.0326%;
  descent-override: 25.2717%;
  font-family: roboto_;
  font-weight: 500;
  line-gap-override: 0%;
  size-adjust: 96.6062%;
  src: local("Helvetica Neue Medium"), local("HelveticaNeue-Medium");
}

@font-face {
  ascent-override: 94.4877%;
  descent-override: 24.8652%;
  font-family: roboto_;
  font-weight: 500;
  size-adjust: 98.1857%;
  src: local("Segoe UI Semibold"), local("SegoeUI-Semibold");
}

@font-face {
  ascent-override: 92.0676%;
  descent-override: 24.2283%;
  font-family: roboto_;
  font-weight: 500;
  line-gap-override: 0%;
  size-adjust: 100.7667%;
  src: local("Arial"), local("ArialMT");
}

@font-face {
  font-family: roboto_;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium");
}

@font-face {
  ascent-override: 98.4881%;
  descent-override: 25.9179%;
  font-family: roboto_;
  font-weight: 700;
  line-gap-override: 0%;
  size-adjust: 94.1976%;
  src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold");
}

@font-face {
  ascent-override: 97.4822%;
  descent-override: 25.6532%;
  font-family: roboto_;
  font-weight: 700;
  size-adjust: 95.1696%;
  src: local("Segoe UI Bold"), local("SegoeUI-Bold");
}

@font-face {
  ascent-override: 98.4841%;
  descent-override: 25.9169%;
  font-family: roboto_;
  font-weight: 700;
  line-gap-override: 0%;
  size-adjust: 94.2014%;
  src: local("Arial Bold"), local("Arial-BoldMT");
}

@font-face {
  font-family: roboto_;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold");
}

@font-face {
  ascent-override: 120.1501%;
  descent-override: 31.6184%;
  font-family: roboto_;
  font-weight: 900;
  size-adjust: 77.2146%;
  src: local("Helvetica Neue Black"), local("HelveticaNeue-Black");
}

@font-face {
  ascent-override: 101.5238%;
  descent-override: 26.7168%;
  font-family: roboto_;
  font-weight: 900;
  size-adjust: 91.381%;
  src: local("Segoe UI Black"), local("SegoeUIBlack");
}

@font-face {
  ascent-override: 112.4617%;
  descent-override: 29.5952%;
  font-family: roboto_;
  font-weight: 900;
  size-adjust: 82.4934%;
  src: local("Arial Black"), local("Arial-BlackMT");
}

@font-face {
  font-family: roboto_;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black");
}

body,
div,
form,
h1,
h2,
h3,
input,
li,
p,
textarea,
ul {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3 {
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
}

ul {
  list-style: none;
}

img {
  border: 0;
}

aside,
figure,
footer,
header,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

html {
  display: block;
}

body {
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  color: #111;
  font-family: roboto, roboto_;
  font-size: 21px;
  line-height: 30px;
}

a {
  color: #222;
}

a,
a:hover {
  text-decoration: none;
}

a:hover {
  color: rgba(34, 34, 34, 0.8);
}

.info__important {
  border-left: 4px solid #007fff;
  padding: 0.385rem;
  font-style: italic;
}

.art_paragraph a,
.steps__info a,
.commentsApp__commentBody a {
  color: #007fff;
  text-decoration: underline;
}

.art_paragraph a:hover,
.steps__info a:hover,
.reg__item a:hover,
.commentsApp__commentBody a:hover {
  color: #e11229;
}

.steps__title {
  font-size: 20px;
  text-align: center;
  background-color: rgb(65, 58, 58);
  color: white;
  font-weight: 400;
  padding: 5px;
}

.steps__text {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(65, 58, 58);
  padding: 10px;
  border-image: initial;
}

.art_content ul {
  list-style: square outside;
}

.art_content ul {
  word-wrap: break-word;
  margin: 20px 0;
}

.reg__list {
  max-width: 100%;
  list-style-type: none;
  counter-reset: list;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.reg__list {
  font-size: var(--title-size);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}

.reg__item {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  /* border-radius: 10px; */
  padding: 5px 10px;
  margin-left: 0;
  width: 100%;
}

.reg__item::before {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  box-sizing: border-box;
  flex-shrink: 0;
  counter-increment: list;
  content: counter(list);
  color: #007fff;
  border: 1px solid #007fff;
  border-radius: 50%;
}

.bottom_section a,
.commentsApp__commentBody a {
  background-image: unset;
}

.art_content a {
  color: #007fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-word;
}

.art_content a:hover,
.art_content a:active {
  color: #e11229;
}

.button-link:hover {
  background-color: #e11229;
}

.button-link {
  background-color: #007fff;
  display: block;
  max-width: 80%;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255) !important;
  background-image: none !important;
  margin: 2rem auto 1rem;
  text-decoration: none !important;
  padding: 1rem 0px;
  border-radius: 0px;
  animation: 4s linear 0s infinite normal none running blink;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  transition: 0.3s;
}

.commentsApp {
  padding-bottom: 30px;
}

.commentsApp {
  color: #111;
  margin: 30px 0 30px;
}

.commentsApp__commentFooter {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.commentsApp__reply {
  color: rgb(34, 34, 34);
}

.commentsApp__heading {
  padding-bottom: 15px;
}

.commentsApp__subComments {
  padding-left: 40px;
}

/* header,
footer,
aside,
.navBox,
.news-box,
.tags_item {
  pointer-events: none;
} */

.navBox {
  transition: transform 0.3s ease-in-out;
}

.main-navigation__nav {
  display: none;
}

.nav__hamburger {
  display: none;
}

header a,
aside a,
.navBox,
.news-box,
.tags_item {
  pointer-events: none;
}

.commentsApp * {
  outline: 0;
}

.main-navigation__nav {
  display: block;
}

.commentsApp__comment {
  border: none;
}

.commentsApp__commentFooter {
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.steps__info {
  font-size: 18px;
}

.tag_link {
  color: rgb(117, 117, 117) !important;
  text-decoration: none !important;
}

.navBox.hide {
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.navBox.hide {
  transform: translateY(-100%);
}

.gazeta_article_lead {
  color: #111;
  font: 700 20px / 32px robotocondensed, robotocondensed_;
  margin: 0 0 20px 0;
  word-break: break-word;
}

.selected {
  padding-left: 10px;
  font-style: italic;
  border-left: 2px solid #007fff;
}

.widget.widget--tw {
  --ff-main: var(--ff-tw);
  --font-size: 14px;
  --secondary-color: #536471;
  --border-radius: 20px;
}

.widget:not(:last-child) {
  margin-bottom: 10px;
}

.widget,
.widget *,
.widget::before,
.widget::after {
  box-sizing: border-box;
}

.widget {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0;
  pointer-events: none;
  user-select: none;
}

.widget .widget__body {
  padding: 12px 16px 16px;
  font-family: var(--ff-main);
  background-color: var(--bg-color);
  border-radius: var(--border-radius);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.widget .widget__dots {
  position: absolute;
  top: 12px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: var(--secondary-color);
}

.widget .widget__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding-right: 15px;
}

.widget .widget__avatar {
  flex-shrink: 0;
  display: block;
  width: 40px;
  height: 40px;
}

.widget--tw .widget__info {
  gap: 0;
}

.widget .widget__info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.widget .widget__author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.widget .widget__name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--name-color);
}

.widget .widget__block {
  margin: 0;
  line-height: 1;
}

.widget .widget__username {
  font: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--secondary-color);
}

.widget .widget__date {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--secondary-color);
}

@media (min-width: 660px) {

  .widget--tw .widget__main,
  .widget--tw .widget__footer {
    margin-left: 48px;
  }
}

.widget .widget__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4px;
}

@media (min-width: 660px) {

  .widget--tw .widget__main,
  .widget--tw .widget__footer {
    margin-left: 48px;
  }
}

.widget__footer {
  display: flex;
  align-items: center;
  margin-top: 12px;
  color: var(--secondary-color);
}

.widget--tw .actions-block {
  align-items: center;
  width: 100%;
}

.widget .actions-block {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.widget .action {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  font-size: 13px;
  line-height: 1.33;
  color: var(--secondary-color);
}

@media (min-width: 660px) {
  .action+.action {
    margin-left: 15px;
  }
}

.action+.action {
  margin-left: 5px;
}

@media (min-width: 660px) {
  .widget .action-mobile {
    display: none;
  }
}

.widget .widget__cite {
  display: inline-block;
  padding: 5px 0 5px 20px;
  font-size: 16px;
  line-height: 24px;
  color: var(--cite-color);
}

.swiper-slide {
  max-height: 500px;
  margin: 0 auto;
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.subscribe-bar {
  align-items: center;
  background-color: #f5f5f5;
  display: flex;
  gap: 15px;
  height: 50px;
  justify-content: center;
  padding: 0 15px;
}

.subscribe-bar__text {
  font: 400 13px/15px robotocondensed, robotocondensed_;
}

.subscribe-bar__text strong {
  font: 700 13px/15px robotocondensed, robotocondensed_;
}

.subscribe-bar__link {
  background-color: #ea1f1f;
  color: #fff;
  display: block;
  flex: none;
  font: 700 12px/14px robotocondensed, robotocondensed_;
  padding: 5px 12px;
}

.subscribe-bar__link:hover {
  color: #fff;
}

.subscribe-bar__link:focus {
  outline: 1px solid #111;
}

.comments--count {
  font: 700 12px / 14px robotocondensed, robotocondensed_;
  margin-top: -15px;
  margin: 0 auto;
  position: relative;
  top: -22px;
  left: 20px;
}

@media (max-width: 500px) {
  .subscribe-bar {
    display: none;
  }
}