html {
  scroll-behavior: smooth;
}

.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("/img/101d079fecbc0107bff9ba2090295ad73ba00a82.svg");
  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__subComments {
  padding-top: 15px;
}
.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("/img/5d36014378635d56b3e20620d0311a77f405d1a9.svg");
  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;
}

.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-popular {
  display: flex;
  flex-flow: column nowrap;
  gap: 15px;
}

.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("/img/0bbe3759a0ea507a220f13cc593532ec5d6549ee.svg");
  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%;
}

.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("/img/c0f4e91624054c404e49c51d2f815e39f3a9f067.svg");
  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-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("/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("/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("/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,
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);
}

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

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

.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 0;
  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 {
  cursor: pointer;
  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;
}


.commentsApp * {
  outline: 0;
}

.main-navigation__nav {
  display: block;
}

.commentsApp__comment {
  border: none;
}

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

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

.feedback {
  margin-bottom: 20px;
  padding: 30px 0 12px;
}

.feedback__header,
.feedback__body {
  border-bottom: 1px solid #989898;
}

.feedback__header {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.feedback__photo {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.feedback__photo img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

.feedback .feedback__name {
  margin: 0;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 24px;
}

.feedback .feedback__position {
  margin: 0;
  font-size: 22px;
  color: #787878;
}

.feedback__body {
  padding: 16px 0;
}

.feedback__body p {
  margin: 0;
}

@media (max-width: 1240px) {
  .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;
  }

  .reg {
    padding: 0 15px;
  }

  .commentsApp__addCommentTextarea {
    appearance: none;
    background-color: #fff;
    border: 1px soliFd #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;
  }

  .commentsApp__bottom,
  .commentsApp__bottomFrame {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: end !important;
  }

  .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("/img/101d079fecbc0107bff9ba2090295ad73ba00a82.svg");
    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 .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("/img/5d36014378635d56b3e20620d0311a77f405d1a9.svg");
    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 15px 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;
    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 {
    padding-bottom: 15px;
    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;
  }

  html body {
    padding-top: 50px;
  }

  * {
    box-sizing: border-box;
  }

  .section_wrapper {
    width: 100%;
  }

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

  .content_wrap {
    background-color: #fff;
    position: relative;
    width: 100%;
  }

  .left_aside,
  .right_aside {
    width: 100%;
  }

  @supports (display: grid) {
    .main_wrapper,
    .top_section {
      width: 100%;
    }

    .bottom_section {
      width: 100%;
    }

    .right_aside {
      width: 100%;
    }
  }

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

  #article_title {
    color: #111;
    font:
      700 24px/31px oswald,
      oswald_;
    margin-top: 10px;
    word-break: break-word;
  }

  .main_wrapper:not(.main_wrapper--video) #article_title {
    padding: 2px 0px 0;
    width: 100% !important;

    line-height: 31px;
    width: 414px;
  }

  @supports (display: grid) {
    #article_title {
      width: 100%;
    }
  }

  .article_author {
    display: block;
  }

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

  .date_section {
    color: #111;
  }

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

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

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

  #sitePath {
    position: relative;
  }

  .breadcrumbs {
    display: flex;
    flex-flow: row nowrap;
    font:
      400 12px/21px roboto,
      roboto_;
    height: 20px;
    margin: 17px 0px 8px;
    overflow: hidden;
    width: 100%;
  }

  .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;
    position: relative;
  }

  .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 {
    padding-right: 0;
  }

  .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 {
      width: 100%;
    }
  }

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

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

  .socialBar__items {
    display: none;
    gap: 13px;
    justify-content: flex-end;
    position: relative;
    width: 115px;
  }

  .news-box {
    display: none;
  }

  .main_wrapper,
  .top_section {
    display: block;
    width: 100%;
  }

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

  .socialBar__item > svg {
    height: 16px;
    width: 16px;
  }

  .socialBar__item--c2s {
    border: none;
    display: none;
  }

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

  .socialBar__item--copyArticle > svg {
    height: 14px;
    width: 15px;
  }

  .socialBar__tooltip {
    background-color: #757575;
    color: #fff;
    font:
      400 10px/12px robotocondensed,
      robotocondensed_;
    opacity: 0;
    padding: 6px;
    pointer-events: none;
    position: relative;
    position: absolute;
    right: 0;
    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: auto;
    position: absolute;
    right: 12px;
    top: -6px;
    transform: translateX(100%);
    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 robotocondensed,
      robotocondensed_;
    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;
    padding-left: 25px;
  }

  .art_content ul > li {
    margin: 15px 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: 30px -15px;
    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: 100vw;
    margin-left: -20px;
  }

  .news-box {
    position: relative;
  }

  .news-box__tablist {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    overflow-x: auto;
    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__tabpanels {
    padding: 0 15px;
  }

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

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

  .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:after {
    clear: both;
    content: " ";
    display: block;
    float: none;
    width: 100%;
  }

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

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

  .c2sPlayer__inArticleControl {
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    display: flex;
    flex-direction: row-reverse;
    height: 30px;
    opacity: 1;
    transition: opacity 0.2s;
    width: 30px;
  }

  .c2sPlayer__inArticleControl button {
    background-color: #fff;
    background-image: url("/img/0bbe3759a0ea507a220f13cc593532ec5d6549ee.svg");
    background-position: 10px 9px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    margin: auto 0;
    outline: none;
    width: 30px;
  }

  .nav__hamburger {
    display: block;
  }

  .nav__mainMenu {
    display: none;
  }

  .serviceLogo {
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    position: relative;
    transform: translateY(0);
    transition: transform 0.3s ease-out;
    width: 100%;
    z-index: 10600;
    height: 60px;
  }

  .serviceLogo__img {
    display: block;
    height: auto;
    max-height: 28px;
    width: auto;
  }

  .serviceLogo__bin {
    display: block;
    width: 100%;
  }

  .serviceLogo__logoGroupElements {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 10px;
    justify-content: center;
    width: 100%;
    z-index: 10;
  }

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

  .nav__active {
    color: #111;
  }

  .nav__closeProjectX {
    -webkit-tap-highlight-color: transparent;
    background-image: url("/img/c2dac0672dcdc654157b20df9a6b5f34669d326c.svg");
    height: 60px;
    right: 0;
    width: 44px;
  }

  .nav__closeProjectX,
  .nav__hamburger {
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 30px;
    transform: translateY(-50%);
    z-index: 10602;
  }

  .nav__hamburger {
    background-image: url("/img/1e3e3e9649cfd047bccfb386db2977bc414557c6.svg");
    height: 20px;
    left: 0;
    margin-left: 15px;
    width: 20px;
  }

  .nav__hamburger--projectX {
    height: 60px;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    right: auto;
    width: 44px;
  }

  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
    }
  }

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

  .main-navigation--projectx .main-navigation__close {
    background-image: url("/img/c0f4e91624054c404e49c51d2f815e39f3a9f067.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    position: relative;
    width: 40px;
    display: none;
  }

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

  .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;
    margin-right: 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 {
    position: absolute;
    left: 40px;
    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 {
    display: none;
  }

  .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__logo {
    height: 25px;
    order: 1;
  }

  .main-navigation__inner-wrapper {
    align-items: center;
    background: #000;
    display: flex;
    height: 40px;
    margin: auto;
    padding-left: 10px;
    width: 100%;
  }

  .main-navigation__inner-wrapper .main-navigation__nav {
    margin-left: auto;
    order: 3;
  }

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

  .main-navigation__shortcuts .main-navigation__lists {
    display: flex;
    padding: 18px 15px;
  }

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

  .main-navigation__shortcuts .main-navigation__list-item span {
    margin-left: 8px;
  }

  .main-navigation__login {
    order-display: none;
    order: 1;
    position: relative;
  }

  .main-navigation__link {
    display: none !important;
  }

  .main-navigation__login .main-navigation__login {
    position: absolute;
    right: -160px;
    display: block !important;
    margin-left: 8px;
  }

  .main-navigation__nav {
    display: block;
  }

  .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;
    order: 2;
    position: relative;
  }

  .top_wrapper {
    height: 40px;
    position: fixed;
    top: 0;
    transition: transform 0.3s ease-out;
    width: 100%;
    z-index: 100;
  }

  html body {
    padding-top: 100px;
    overflow: hidden;
  }

  #DFP_PREMIUMBOARD {
    z-index: 10602;
  }

  .navBox {
    position: relative;
    transform: translateY(0);
    transition: all 0.6s ease-out;
    z-index: -2;
  }

  .art_content
    .art_embed:has(
      .twitter-tweet,
      .instagram-media,
      .tiktok-embed,
      .telegram-post,
      .fb-embed
    ) {
    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;
  }

  #article_wrapper {
    padding: 0;
  }

  .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("/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("/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("/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,
  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;
  }

  .reg__list h2 {
    margin-bottom: 0 !important;
  }

  .reg__list {
    padding: 0 !important;
  }

  .reg__item {
    margin: 0 !important;
  }

  .commentsApp__comment {
    border: none;
  }

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

.article-gallery-picture__image {
  margin-top: 20px;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: #00000066;
  display: none;
  justify-content: center;
  align-items: center;
}

#btn {
  scroll-margin-top: 200px;
}

.modal-inner {
  max-width: 450px;
  position: relative;
  width: 100%;
}

#close {
  display: block;
  padding: 6px;
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 6px;
}