.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 {

 

  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 {

   

  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-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("");

  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-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("");

  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;

  

}



@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;

   

}



@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;

   

}



@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 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 {

  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;

}



.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;

  }

}



.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;

}