@charset "UTF-8";

.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

.col-13 {
  grid-column: span 13;
}

.col-14 {
  grid-column: span 14;
}

.col-15 {
  grid-column: span 15;
}

.col-16 {
  grid-column: span 16;
}

.col-17 {
  grid-column: span 17;
}

.col-18 {
  grid-column: span 18;
}

.col-19 {
  grid-column: span 19;
}

.col-20 {
  grid-column: span 20;
}

.col-21 {
  grid-column: span 21;
}

.col-22 {
  grid-column: span 22;
}

.col-23 {
  grid-column: span 23;
}

.col-24 {
  grid-column: span 24;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.grid-container-24 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1420px;
  padding-left: 20px;
  padding-right: 20px;
  width: calc(100% - 40px);
}

.just-self-end {
  justify-self: end;
}

.just-self-canter {
  justify-self: center;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.journal-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  width: calc(100% - 40px);
}

.journal-mobile__on {
  display: none !important;
}

.articles-wrapper {
  margin-bottom: 72px;
}

.headjournal {
  position: relative;
  color: #141E2D !important;
}

.headjournal h1 {
  margin-bottom: 20px;
  max-width: 680px;
}

.headjournal .descr {
  margin-bottom: 24px;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0;
  font-style: normal;
}

.brighthead .headjournal {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  z-index: 1;
}

.brighthead h1,
.brighthead .descr {
  color: #fff;
}

.brighthead .label-group,
.brighthead .label-group__bg {
  background: #fff;
}

.brighthead .label-group label {
  -webkit-transition: none;
  transition: none;
}

.brighthead .label-group label.active {
  color: #141E2D;
}

.brighthead .label-group label:hover {
  color: #fff;
  background-color: #3393FF;
}

.toggle_journal_category {
  overflow: hidden;
  position: absolute;
  height: 30px;
}

.content_journal,
.aside_journal {
  vertical-align: top;
}

input[type=submit].m-comment-submit {
  margin-right: 16px;
  background-color: #3393FF;
}

.m-add-file {
  display: block;
  position: absolute;
  left: 16px;
  bottom: 1em;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  background: #eef2f5 url("//s.sweb.ru/img/icons-journal-sprite.png") 3px -170px no-repeat;
  z-index: 1;
  cursor: pointer;
}

#searchJournalForm {
  margin-bottom: 30px;
}

#searchJournalForm:before {
  display: block;
  position: absolute;
  content: "";
  margin-top: 12px;
  margin-left: 21px;
  height: 26px;
  width: 26px;
  background: url("//s.sweb.ru/img/icons-journal-sprite.png") 0 -88px no-repeat;
}

.article-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.article-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 5px;
  border: 1px solid #E6EFF8;
  -ms-flex-preferred-size: calc(32.9% - 10px);
      flex-basis: calc(32.9% - 10px);
}

.wrap-img,
.wrap-img a {
  height: 165px;
  overflow: hidden;
}

.wrap-img img {
  height: 100%;
}

.wrap-img a {
  display: inline-block;
  width: 100%;
}

.section_article_home .js-article-slider {
  margin-bottom: 24px;
}

.js-article-slider .slick-prev,
.js-article-slider .slick-next {
  width: 18px;
  height: 30px;
  padding: 20px;
  margin: -20px;
  background-repeat: no-repeat;
  background-position: center;
}

.js-article-slider .slick-next {
  background-image: url("../images/v2023/slider_arrow_next.svg");
  right: -15px;
}

.js-article-slider .slick-prev {
  background-image: url("../images/v2023/slider_arrow_prev.svg");
  left: -15px;
}

.wrap-more-articles {
  margin-top: 56px !important;
  margin-bottom: 56px;
}

.js-article-slider .slick-disabled {
  visibility: hidden;
}

.section_article_home .article-item,
.bottom_inner .article-item {
  background-color: #F5F8FB;
}

.more-article-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.more-article-items > div {
  -ms-flex-preferred-size: calc(25% - 15px);
      flex-basis: calc(25% - 15px);
}

.like-h2,
.descr-preview,
.wrap-soc-ico ul {
  padding-left: 16px;
  padding-right: 16px;
}

.descr-preview {
  display: none;
  margin-top: -14px;
  margin-bottom: 24px;
}

.like-h2 a {
  color: #141E2D;
}

.wrap-soc-ico ul li,
.descr-preview a {
  color: #8d9da7;
}

.like-h2 {
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  font-style: normal;
  display: block;
}

.like-h3 {
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.24px;
  font-style: normal;
  margin-bottom: 32px;
}

.wrap-soc-ico ul li,
.descr-preview {
  font-size: 0.875em;
  /* 14px / 16px */
  line-height: 18px;
}

.wrap-soc-ico ul li {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 13px;
  margin-right: 24px;
}

.wrap-soc-ico ul li:before {
  float: left;
  content: "";
  height: 19px;
  width: 20px;
  background-image: url(//s.sweb.ru/img/icons-journal-sprite.png?v1);
  background-repeat: no-repeat;
  margin-right: 3px;
}

.wrap-soc-ico ul li:nth-child(1):before {
  background-position: 0 -67px;
}

.wrap-soc-ico ul li:nth-child(2):before {
  background-position: 0 -29px;
}

.wrap-soc-ico ul li:nth-child(3):before {
  background-position: 0 -48px;
}

.wrap-soc-ico ul li.isliked:nth-child(3):before {
  background-position: 0 -205px;
}

#vk_groups {
  margin-bottom: 90px;
}

.ico-more-articles {
  position: relative;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  font-style: normal;
  cursor: pointer;
}

.ico-more-articles:before {
  display: block;
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  left: -28px;
  margin-top: 0;
  background: url("/images/journal/show-more.svg") 0 3px no-repeat;
}

.aside-default-block {
  margin-bottom: 32px;
  padding: 24px 21px;
  border-radius: 5px;
  border: 1px solid #e0e6eb;
  background: #fff;
}

.aside-default-block strong.subtitle-h4 {
  display: block;
  font-size: 0.875em;
  /* 14px / 16px */
  font-weight: normal;
  color: #8997AC;
}

.m-circle-before {
  position: relative;
  text-indent: 15px;
}

.m-circle-before:before {
  position: absolute;
  content: "";
  display: block;
  margin-top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #0DEFAB;
}

.wrap-preview-img {
  position: absolute;
  width: 48px;
  height: 48px;
  margin-left: -65px;
  border-radius: 2px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aside-last-comment {
  font-size: 0.825em;
}

.aside-last-comment .user-info {
  height: 27px;
  overflow: hidden;
}

.aside-article-popular li {
  margin-top: 30px;
  padding-left: 65px;
  min-height: 48px;
}

.article-item .wrap-img a {
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.article-item a,
.aside-article-popular a {
  text-decoration: none;
}

.aside-article-popular p {
  position: relative;
  top: -3px;
  margin-bottom: 0;
  font-size: 0.875em;
  /*line-height:1.3em;*/
  color: #141E2D;
}

.user-info {
  position: relative;
  display: block;
  height: 25px;
  overflow: hidden;
  padding-left: 38px;
  margin-top: 32px;
  margin-bottom: 15px;
  line-height: 1.1em;
}

.user-info small {
  display: block;
  font-size: 0.84em;
  font-weight: normal;
}

.for-article-name,
.user-info small {
  color: #8d9da7;
}

.user-preview {
  position: absolute;
  height: 25px;
  width: 25px;
  left: 0;
  background: url("//s.sweb.ru/img/icons-journal-sprite.png") 0 0 no-repeat;
}

.aside-article-popular .user-info,
.aside-article-popular .user-comment,
.aside-article-popular .for-article-name {
  font-size: 0.825em;
}

.user-info,
.for-article-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-comment {
  margin-bottom: 10px;
}

.for-article-name {
  margin-bottom: 0px;
}

#toggle-fixed-aside.is-aside-fixed {
  position: fixed;
  top: 0;
  right: 4%;
  width: 280px;
  z-index: 2;
}

.article_inner img {
  max-width: 100% !important;
}

.article_inner iframe {
  margin-bottom: 16px;
}

.article_inner > div > p:last-child {
  margin-bottom: 0;
}

.article_inner h2 {
  margin-bottom: 16px !important;
  padding-bottom: 0 !important;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.24px;
  font-style: normal;
}

.article_inner h3 {
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0;
  font-style: normal;
  margin-top: 24px;
  margin-bottom: 16px;
}

.article_inner h2 small {
  display: block;
  padding-top: 0.5em;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  font-style: normal;
  text-transform: none;
  color: #8d9da7;
}

.article_inner p,
.article_inner ul,
.article_inner ol {
  margin-bottom: 16px;
}

.article-inner-comment p {
  margin: 0;
}

.article_inner ul {
  list-style: none;
}

.article_inner ul:not(.m-soc-ico) li {
  margin-left: 40px;
  list-style-position: inside;
}

.article_inner ol li {
  margin-left: 25px;
}

.article_inner p {
  width: 100%;
}

.article_inner p,
.article_inner li {
  line-height: 150%;
}

.article_inner ul:not(.m-soc-ico) li:before {
  content: "•";
  position: absolute;
  font-size: 1.5em;
  margin-left: -0.5em;
  margin-top: -0.1em;
}

ul.article-inner-comment li:before {
  content: "";
  display: none;
}

.article_inner ul.article-inner-comment li,
ul.article-inner-comment li {
  margin-left: 0;
  padding-left: 54px;
}

.article-inner-comment li {
  position: relative;
}

.article-inner-comment .user-info {
  position: static;
  padding-left: 0;
  margin-bottom: 0;
}

.article-inner-comment .user-info small {
  display: inline-block;
  margin-left: 1em;
  color: #888;
}

.article-inner-comment .user-preview {
  width: 40px;
  height: 40px;
  background-size: cover;
  /* other background */
}

ul.m-soc-ico {
  padding-left: 0;
}

.greenBox {
  border-radius: 5px;
  padding: 5px 5px 5px 2.8em;
  background: url("/images/icons/book-icon.png") 0.5em center no-repeat;
  border: 2px solid #0EC891;
}

.hashtag,
.like-hashtag {
  display: inline-block;
  border-radius: 5px;
  margin: 0 5px;
  padding: 2px 20px;
  font-size: 13.5px;
  line-height: 19px;
  background-color: #e0e6eb;
}

.wrap-hash {
  margin-left: -5px;
}

a.hashtag,
.like-hashtag {
  text-decoration: none;
  color: #141E2D;
}

a.hashtag:hover,
a.hashtag:focus,
.like-hashtag.active,
.like-hashtag:hover,
.like-hashtag:focus {
  background-color: #3393FF;
  color: #fff;
}

.m-head-countcomments {
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  font-style: normal;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
  padding: 2px 0 0.7em;
}

a.for-reply {
  color: #888;
  border-color: #888;
  border-style: dotted;
  letter-spacing: -0.5px;
}

a.for-reply:after {
  position: absolute;
  margin-left: 2px;
  content: "⌄";
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 0;
  font-style: normal;
}

.reply-to {
  padding-left: 1em;
}

.reply-to:before {
  display: inline-block;
  position: absolute;
  content: "";
  height: 12px;
  width: 20px;
  background: url("//s.sweb.ru/img/icons-journal-sprite.png") 0 -148px no-repeat;
  margin-left: -23px;
}

.wrap-textarea {
  position: relative;
  border-radius: 5px;
  border: 1px solid #dedede;
}

.wrap-textarea textarea {
  width: 100%;
  min-height: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: 0;
  padding: 16px 16px 56px;
  resize: none;
  /*vertical*/
  border: none;
  font-size: 1em;
  line-height: 120%;
}

#popup-society-btn {
  width: 380px;
}

#popup-society-btn .popup_top {
  background-position-x: center;
  border-radius: 5px 5px 0 0;
}

#popup-society-btn h2 {
  color: #000;
  font-size: 1.5em;
  margin: 0.7em 0;
}

.btn-society {
  display: inline-block;
  margin: 8px;
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 0.825em;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.btn_m-vk {
  background-color: #4A76A8;
}

.btn_m-vk:hover {
  background-color: #224B7A;
}

.btn_m-fb {
  background-color: #3b5998;
}

.btn_m-fb:hover {
  background-color: #324b81;
}

.btn_m-tw {
  background-color: #1b95e0;
}

.btn_m-tw:hover {
  background-color: #1988cd;
}

.btn_m-gg {
  background-color: #DB233A;
}

.btn_m-gg:hover {
  background-color: #DB233A;
}

.btn_m-tg {
  background-color: #5682a3;
}

.btn_m-tg:hover {
  background-color: #497799;
}

div.content_journal.is-loading {
  position: relative;
  overflow: hidden;
}

div.content_journal.is-loading:before,
div.content_journal.is-loading:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
}

div.content_journal.is-loading:after {
  z-index: 7;
  -webkit-animation: rota 1200ms linear infinite;
          animation: rota 1200ms linear infinite;
  background: transparent url("../images/pic_rotate_11.svg") 50% 50% no-repeat;
}

.headjournal {
  padding: 32px 0 40px;
}

.article_inner h2:not(:first-child) {
  margin: 40px 0 16px !important;
}

.article_inner h2:first-child {
  margin: 0 0 16px !important;
}

.article_inner .flex-container > img {
  margin-bottom: 16px;
}

.content_journal {
  padding-bottom: 0;
}

.journal-banner--bottom {
  margin-top: 58px;
}

.ico-more-articles {
  display: inline-block;
  padding-top: 32px;
  /*padding-bottom: 58px;*/
}

.journal-banner {
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: cover;
}

.journal-banner__description {
  max-width: 536px;
  width: 100%;
  color: #FFFFFF;
  margin: 0;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 28px;
  line-height: 130%;
  letter-spacing: -0.28px;
  font-style: normal;
}

.journal-banner__btn {
  display: block;
  max-width: 195px;
  width: 100%;
  padding: 8px 0;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  color: #141E2D;
  background: #FFFFFF;
  border-radius: 6px;
}

.journal-banner--aside {
  margin-top: -60px;
}

.journal-banner__description--aside {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.journal-banner__container--aside {
  padding: 24px 25px 20px;
  display: block;
  text-decoration: none;
}

.journal-banner__container {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.journal-banner__btn--aside {
  max-width: 229px;
  width: 100%;
  margin: 131px auto 0;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
}

/* Бортовой журнал */

/*-----------------------------*/

.formobile.wrap-hash .like-hashtag {
  margin-bottom: 15px;
}

.header-journal {
  position: relative;
  height: 90px;
  padding-bottom: 0 !important;
  background-color: #141E2D;
}

.header910_journal {
  position: relative;
  background-color: #141E2D;
}

.header910_journal {
  display: none;
}

.header-journal__inner {
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-journal__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-journal__title {
  margin-right: 25px;
  margin-left: -3px;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.24px;
  font-style: normal;
  white-space: nowrap;
  color: #FFFFFF;
}

.header-journal__logo {
  min-width: 219px;
  max-width: 278px;
  width: 19.5%;
  margin-top: 1px;
}

.header-journal__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 3px;
}

.header-journal__search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 297px;
  height: 31px;
  margin-bottom: 6px;
  border-bottom: 1px solid #FFFFFF;
}

input[type=text].search-form__input {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-left: 2px;
  border: none;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-style: normal;
  color: #FFFFFF !important;
}

.search-form__button {
  width: 40px;
  height: 40px;
  margin-top: -4px;
  border: none;
  background-color: transparent;
  background-image: url(../images/journal/search-journal.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.search__link {
  position: relative;
  margin-left: 60px;
  margin-right: 6px;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.24px;
  font-style: normal;
  text-decoration: none;
}

a.search__link {
  color: #3393FF;
}

.header-journal__right_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 13px;
}

.header-journal__title_mobile {
  -ms-flex-item-align: center;
      align-self: center;
  padding-bottom: 11px;
  margin-right: 14px;
  margin-left: 2px;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
  font-style: normal;
}

.search-form__button_mobile {
  margin-top: 0;
}

.search__link_mobile {
  margin-left: 22px;
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 500;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  font-style: normal;
}

.search__link::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url(../images/journal/ref-journal.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 9px;
  right: -21px;
}

.search__link_mobile::after {
  top: 5px;
  right: -16px;
}

.header910_journal .header910Col1MobileLogo {
  background: #141E2D;
}

.header910_journal .header910Col1MobileLogo {
  margin-left: 0px !important;
}

.header910_journal .header910Wrp .header910Col1 .header910Col1MobileLogo .header910Col1MobileLogo__img {
  width: 116px;
}

/*search popup*/

.popup-journal-search {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 19999;
  display: none;
}

.popup-journal-search.open {
  display: block;
}

.popup-journal-search__body {
  position: relative;
  max-width: 750px;
  max-height: 95%;
  overflow-y: auto;
  border-radius: 5px;
  -webkit-box-shadow: #555 0px 0px 5px 1px;
          box-shadow: #555 0px 0px 5px 1px;
  z-index: 9999;
  padding: 20px 20px 20px 20px;
  background: white;
  margin: 40px auto;
}

.header-journal__search-form_popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 32px;
  border-bottom: 1px solid #8997AC;
}

.search-form__input_popup {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 16px !important;
  color: #141E2D !important;
}

.search-form__input_popup::-webkit-input-placeholder {
  color: #8997AC !important;
}

.search-form__input_popup::-moz-placeholder {
  color: #8997AC !important;
}

.search-form__input_popup:-ms-input-placeholder {
  color: #8997AC !important;
}

.search-form__input_popup::-ms-input-placeholder {
  color: #8997AC !important;
}

.search-form__input_popup::placeholder {
  color: #8997AC !important;
}

.popup-journal-search__close {
  margin-bottom: 6px;
  color: #8997AC;
  border: none;
  background: none;
}

#popup-journal__close:hover,
#popup-journal__close:active {
  color: #3393FF;
}

.search__button_not-empty {
  background-color: #3393FF !important;
}

.search__button_empty {
  background-color: #8997AC !important;
}

.label-group.label-group__bgstatic .label_radio {
  padding: 0;
}

.label-group.label-group__bgstatic a {
  color: #141E2D;
  text-decoration: none;
  padding: 8px 16px;
  display: inline-block;
}

.label-group.label-group__bgstatic__categories_in_article a:hover,
.label-group.label-group__bgstatic label.active a {
  color: #fff;
}

.label-group.label-group__bgstatic label.active {
  border-radius: 30px;
  background: #3393FF;
}

.content_journal .article_inner a {
  color: #3393FF !important;
}

.content_journal {
  font-family: TTNorms, Verdana, Geneva, sans-serif;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  font-style: normal;
}

.main-services {
  padding: 24px;
  margin-bottom: 32px;
  background: #F3FCFF;
}

.main-services__title {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 130%;
  color: #141E2D;
}

.main-services__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  padding: 0 0 4px 0;
  color: #141E2D;
  text-decoration: none;
  cursor: pointer;
}

.main-services__list-item:hover {
  color: #3393FF;
}

.main-services__list-item:hover .main-services__icon {
  background: #3393FF;
}

.main-services__item-text {
  margin: 0;
}

.main-services__icon {
  width: 46px;
  height: 46px;
  background: #141E2D;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.main-services__icon--airplane {
  -webkit-mask-image: url("../../../images/journal/services/spaceship3.svg");
          mask-image: url("../../../images/journal/services/spaceship3.svg");
}

.main-services__icon--character {
  -webkit-mask-image: url("../../../images/journal/services/character.svg");
          mask-image: url("../../../images/journal/services/character.svg");
}

.main-services__icon--data {
  -webkit-mask-image: url("../../../images/journal/services/data2.svg");
          mask-image: url("../../../images/journal/services/data2.svg");
}

.main-services__icon--rocket {
  -webkit-mask-image: url("../../../images/journal/services/spaceship4.svg");
          mask-image: url("../../../images/journal/services/spaceship4.svg");
}

.main-services__icon--shield {
  -webkit-mask-image: url("../../../images/journal/services/shield2.svg");
          mask-image: url("../../../images/journal/services/shield2.svg");
}

.main-services__icon--solar-system {
  -webkit-mask-image: url("../../../images/journal/services/solar-system2.svg");
          mask-image: url("../../../images/journal/services/solar-system2.svg");
}

.main-services__icon--world {
  -webkit-mask-image: url("../../../images/journal/services/world.svg");
          mask-image: url("../../../images/journal/services/world.svg");
}

.article-item__main-services {
  padding-bottom: 0;
  border: none;
}

.article-item__main-services .main-services {
  margin-bottom: 0;
}

.article-item__main-services .main-services__icon {
  height: 37px;
}

@media (min-width: 320px) {
  .col-mobile-1 {
    grid-column: span 1;
  }

  .col-mobile-2 {
    grid-column: span 2;
  }

  .col-mobile-3 {
    grid-column: span 3;
  }

  .col-mobile-4 {
    grid-column: span 4;
  }

  .col-mobile-5 {
    grid-column: span 5;
  }

  .col-mobile-6 {
    grid-column: span 6;
  }

  .col-mobile-7 {
    grid-column: span 7;
  }

  .col-mobile-8 {
    grid-column: span 8;
  }

  .col-mobile-9 {
    grid-column: span 9;
  }

  .col-mobile-10 {
    grid-column: span 10;
  }

  .col-mobile-11 {
    grid-column: span 11;
  }

  .col-mobile-12 {
    grid-column: span 12;
  }

  .col-mobile-13 {
    grid-column: span 13;
  }

  .col-mobile-14 {
    grid-column: span 14;
  }

  .col-mobile-15 {
    grid-column: span 15;
  }

  .col-mobile-16 {
    grid-column: span 16;
  }

  .col-mobile-17 {
    grid-column: span 17;
  }

  .col-mobile-18 {
    grid-column: span 18;
  }

  .col-mobile-19 {
    grid-column: span 19;
  }

  .col-mobile-20 {
    grid-column: span 20;
  }

  .col-mobile-21 {
    grid-column: span 21;
  }

  .col-mobile-22 {
    grid-column: span 22;
  }

  .col-mobile-23 {
    grid-column: span 23;
  }

  .col-mobile-24 {
    grid-column: span 24;
  }

  .container {
    max-width: 1420px;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
  }
}

@media (min-width: 560px) {
  .col-mobile-large-1 {
    grid-column: span 1;
  }

  .col-mobile-large-2 {
    grid-column: span 2;
  }

  .col-mobile-large-3 {
    grid-column: span 3;
  }

  .col-mobile-large-4 {
    grid-column: span 4;
  }

  .col-mobile-large-5 {
    grid-column: span 5;
  }

  .col-mobile-large-6 {
    grid-column: span 6;
  }

  .col-mobile-large-7 {
    grid-column: span 7;
  }

  .col-mobile-large-8 {
    grid-column: span 8;
  }

  .col-mobile-large-9 {
    grid-column: span 9;
  }

  .col-mobile-large-10 {
    grid-column: span 10;
  }

  .col-mobile-large-11 {
    grid-column: span 11;
  }

  .col-mobile-large-12 {
    grid-column: span 12;
  }

  .col-mobile-large-13 {
    grid-column: span 13;
  }

  .col-mobile-large-14 {
    grid-column: span 14;
  }

  .col-mobile-large-15 {
    grid-column: span 15;
  }

  .col-mobile-large-16 {
    grid-column: span 16;
  }

  .col-mobile-large-17 {
    grid-column: span 17;
  }

  .col-mobile-large-18 {
    grid-column: span 18;
  }

  .col-mobile-large-19 {
    grid-column: span 19;
  }

  .col-mobile-large-20 {
    grid-column: span 20;
  }

  .col-mobile-large-21 {
    grid-column: span 21;
  }

  .col-mobile-large-22 {
    grid-column: span 22;
  }

  .col-mobile-large-23 {
    grid-column: span 23;
  }

  .col-mobile-large-24 {
    grid-column: span 24;
  }

  .grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
  }

  .grid-container-24 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
  }

  .container {
    max-width: 1420px;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
  }
}

@media (min-width: 769px) {
  .article-margin {
    margin-top: 40px;
  }
}

@media (min-width: 800px) {
  .col-tablet-1 {
    grid-column: span 1;
  }

  .col-tablet-2 {
    grid-column: span 2;
  }

  .col-tablet-3 {
    grid-column: span 3;
  }

  .col-tablet-4 {
    grid-column: span 4;
  }

  .col-tablet-5 {
    grid-column: span 5;
  }

  .col-tablet-6 {
    grid-column: span 6;
  }

  .col-tablet-7 {
    grid-column: span 7;
  }

  .col-tablet-8 {
    grid-column: span 8;
  }

  .col-tablet-9 {
    grid-column: span 9;
  }

  .col-tablet-10 {
    grid-column: span 10;
  }

  .col-tablet-11 {
    grid-column: span 11;
  }

  .col-tablet-12 {
    grid-column: span 12;
  }

  .col-tablet-13 {
    grid-column: span 13;
  }

  .col-tablet-14 {
    grid-column: span 14;
  }

  .col-tablet-15 {
    grid-column: span 15;
  }

  .col-tablet-16 {
    grid-column: span 16;
  }

  .col-tablet-17 {
    grid-column: span 17;
  }

  .col-tablet-18 {
    grid-column: span 18;
  }

  .col-tablet-19 {
    grid-column: span 19;
  }

  .col-tablet-20 {
    grid-column: span 20;
  }

  .col-tablet-21 {
    grid-column: span 21;
  }

  .col-tablet-22 {
    grid-column: span 22;
  }

  .col-tablet-23 {
    grid-column: span 23;
  }

  .col-tablet-24 {
    grid-column: span 24;
  }

  .container {
    max-width: 1420px;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
  }
}

@media screen and (min-width: 910px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .msie-wrap {
    position: relative;
    padding-right: 310px;
  }

  .aside_journal {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
  }
}

@media (min-width: 960px) {
  .col-tablet-large-1 {
    grid-column: span 1;
  }

  .col-tablet-large-2 {
    grid-column: span 2;
  }

  .col-tablet-large-3 {
    grid-column: span 3;
  }

  .col-tablet-large-4 {
    grid-column: span 4;
  }

  .col-tablet-large-5 {
    grid-column: span 5;
  }

  .col-tablet-large-6 {
    grid-column: span 6;
  }

  .col-tablet-large-7 {
    grid-column: span 7;
  }

  .col-tablet-large-8 {
    grid-column: span 8;
  }

  .col-tablet-large-9 {
    grid-column: span 9;
  }

  .col-tablet-large-10 {
    grid-column: span 10;
  }

  .col-tablet-large-11 {
    grid-column: span 11;
  }

  .col-tablet-large-12 {
    grid-column: span 12;
  }

  .col-tablet-large-13 {
    grid-column: span 13;
  }

  .col-tablet-large-14 {
    grid-column: span 14;
  }

  .col-tablet-large-15 {
    grid-column: span 15;
  }

  .col-tablet-large-16 {
    grid-column: span 16;
  }

  .col-tablet-large-17 {
    grid-column: span 17;
  }

  .col-tablet-large-18 {
    grid-column: span 18;
  }

  .col-tablet-large-19 {
    grid-column: span 19;
  }

  .col-tablet-large-20 {
    grid-column: span 20;
  }

  .col-tablet-large-21 {
    grid-column: span 21;
  }

  .col-tablet-large-22 {
    grid-column: span 22;
  }

  .col-tablet-large-23 {
    grid-column: span 23;
  }

  .col-tablet-large-24 {
    grid-column: span 24;
  }

  .container {
    max-width: 1420px;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% - 80px);
  }

  .wrap-more-articles {
    margin-top: 72px !important;
    margin-bottom: 72px;
  }
}

@media screen and (min-width: 960px) {
  .d-flex {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media (min-width: 961px) {
  .journal-container {
    max-width: 1180px;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% - 80px);
  }
}

@media screen and (min-width: 961px) {
  .content_journal {
    grid-area: "content";
  }

  .content_journal.is-loading .jslink-more-articles {
    display: none;
  }

  .aside_journal {
    grid-area: "sidebar";
    width: 280px;
  }

  .aside_journal,
  #searchJournalForm {
    width: 280px;
  }

  #searchJournalForm {
    position: absolute;
    margin-top: -82px;
  }

  .m-head-countcomments {
    width: 60%;
  }

  #vk_groups {
    max-width: 280px;
    overflow: hidden;
  }

  .greenBox {
    padding: 12px 32px 12px 89px;
    margin-top: 46px;
    margin-bottom: 48px;
    background: url("/images/icons/book-icon.png") 28px center no-repeat;
    /*8px*/
  }

  .wrap-hash {
    margin: 36px 0 36px -5px;
  }
}

@media (min-width: 1260px) {
  .col-desktop-1 {
    grid-column: span 1;
  }

  .col-desktop-2 {
    grid-column: span 2;
  }

  .col-desktop-3 {
    grid-column: span 3;
  }

  .col-desktop-4 {
    grid-column: span 4;
  }

  .col-desktop-5 {
    grid-column: span 5;
  }

  .col-desktop-6 {
    grid-column: span 6;
  }

  .col-desktop-7 {
    grid-column: span 7;
  }

  .col-desktop-8 {
    grid-column: span 8;
  }

  .col-desktop-9 {
    grid-column: span 9;
  }

  .col-desktop-10 {
    grid-column: span 10;
  }

  .col-desktop-11 {
    grid-column: span 11;
  }

  .col-desktop-12 {
    grid-column: span 12;
  }

  .col-desktop-13 {
    grid-column: span 13;
  }

  .col-desktop-14 {
    grid-column: span 14;
  }

  .col-desktop-15 {
    grid-column: span 15;
  }

  .col-desktop-16 {
    grid-column: span 16;
  }

  .col-desktop-17 {
    grid-column: span 17;
  }

  .col-desktop-18 {
    grid-column: span 18;
  }

  .col-desktop-19 {
    grid-column: span 19;
  }

  .col-desktop-20 {
    grid-column: span 20;
  }

  .col-desktop-21 {
    grid-column: span 21;
  }

  .col-desktop-22 {
    grid-column: span 22;
  }

  .col-desktop-23 {
    grid-column: span 23;
  }

  .col-desktop-24 {
    grid-column: span 24;
  }

  .grid-container-24 {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    gap: 20px;
  }

  .container {
    max-width: 1420px;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% - 80px);
  }

  .just-self-end-d {
    justify-self: end;
  }
}

@media (min-width: 1600px) {
  .col-desktop-large-1 {
    grid-column: span 1;
  }

  .col-desktop-large-2 {
    grid-column: span 2;
  }

  .col-desktop-large-3 {
    grid-column: span 3;
  }

  .col-desktop-large-4 {
    grid-column: span 4;
  }

  .col-desktop-large-5 {
    grid-column: span 5;
  }

  .col-desktop-large-6 {
    grid-column: span 6;
  }

  .col-desktop-large-7 {
    grid-column: span 7;
  }

  .col-desktop-large-8 {
    grid-column: span 8;
  }

  .col-desktop-large-9 {
    grid-column: span 9;
  }

  .col-desktop-large-10 {
    grid-column: span 10;
  }

  .col-desktop-large-11 {
    grid-column: span 11;
  }

  .col-desktop-large-12 {
    grid-column: span 12;
  }

  .col-desktop-large-13 {
    grid-column: span 13;
  }

  .col-desktop-large-14 {
    grid-column: span 14;
  }

  .col-desktop-large-15 {
    grid-column: span 15;
  }

  .col-desktop-large-16 {
    grid-column: span 16;
  }

  .col-desktop-large-17 {
    grid-column: span 17;
  }

  .col-desktop-large-18 {
    grid-column: span 18;
  }

  .col-desktop-large-19 {
    grid-column: span 19;
  }

  .col-desktop-large-20 {
    grid-column: span 20;
  }

  .col-desktop-large-21 {
    grid-column: span 21;
  }

  .col-desktop-large-22 {
    grid-column: span 22;
  }

  .col-desktop-large-23 {
    grid-column: span 23;
  }

  .col-desktop-large-24 {
    grid-column: span 24;
  }

  .container {
    max-width: 1420px;
    padding-left: 90px;
    padding-right: 90px;
    width: calc(100% - 180px);
  }
}

@media (max-width: 1260px) {
  .headjournal h1 {
    max-width: 800px;
  }

  .article-item {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }

  .more-article-items > div {
    -ms-flex-preferred-size: calc(32.9% - 10px);
        flex-basis: calc(32.9% - 10px);
  }
}

@media (max-width: 980px) {
  .journal-banner--bottom {
    margin-top: 40px;
  }
}

@media (max-width: 960px) {
  .just-self-end-tl {
    justify-self: end;
  }

  .tablet-large-off {
    display: none !important;
  }

  .journal-mobile__on {
    display: block !important;
  }

  .journal-mobile__off {
    display: none !important;
  }

  .articles-wrapper {
    margin-bottom: 56px;
  }

  .more-article-items > div {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }

  #vk_groups {
    margin: 0 auto;
  }

  .journal-banner--aside {
    display: none;
  }

  .journal-banner {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
  }

  .header910_journal {
    display: block;
  }

  .header-journal {
    display: none;
  }

  .main-services__list-item {
    margin-left: -12px;
    gap: 8px;
  }
}

@media (max-width: 820px) {
  .js-article-slider .slick-prev,
  .js-article-slider .slick-next {
    height: 24px;
    background-size: 13px;
  }
}

@media (max-width: 799px) {
  .header910_journal .header910Col1MobileLogo__img {
    display: none;
  }

  .header910_journal .header360Col1MobileLogo__img {
    display: block !important;
  }

  .header910_main .header910Col1MobileLogo__img {
    display: none;
  }

  .header910_main .header360Col1MobileLogo__img {
    display: block !important;
  }

  .header910_journal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 52px;
  }

  .header910_journal .header910Col1MobileLogo {
    margin-top: 8px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .header-journal__title_mobile {
    display: none;
  }

  .header-journal__right_mobile {
    margin-right: 22px;
  }
}

@media screen and (max-width: 768px) {
  .headjournal h1,
  .headjournal p {
    color: #141E2D !important;
  }
}

@media (max-width: 768px) {
  .headjournal {
    padding: 24px 0 32px;
  }

  .journal-banner {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
  }

  .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .journal-banner__btn {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .brighthead .headjournal {
    background: transparent !important;
  }

  .brighthead h1,
  .brighthead .descr {
    color: #141E2D !important;
  }

  .brighthead .label-group {
    background: #E6EFF8;
  }

  .brighthead .label-group__bg {
    background: #3393FF;
  }

  /*  .brighthead .label-group label{transition: none ;}*/

  .brighthead .label-group label.active {
    color: #fff;
  }
}

@media (max-width: 664px) {
  .js-article-slider .slick-next {
    right: 20px;
  }

  .js-article-slider .slick-prev {
    left: 20px;
  }
}

@media (max-width: 560px) {
  .article-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }

  .more-article-items > div {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .content_journal .article_inner img {
    height: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  .js-article-slider .slick-next,
  .js-article-slider .slick-prev {
    display: none !important;
  }
}

@media screen and (min-width: 561px) and (max-width: 1100px) {
  .headjournal {
    position: relative;
  }
}

@media only screen and (min-width: 270px) and (max-width: 560px) {
  .article-item .wrap-img a {
    background-size: contain;
  }
}

@media only screen and (min-width: 240px) and (max-width: 768px) {
  .content_journal img {
    /*max-*/
    width: 100%;
    height: auto;
  }
}

@media only screen and (min-width: 270px) and (max-width: 480px) {
  .toggle_journal_category {
    bottom: 30px;
  }
}

@media (min-width: 961px) and (max-width: 1044px) {
  .header-journal__search-form {
    width: 252px;
  }
}

@media (min-width: 294px) and (max-width: 799px) {
  .header910_main .header910Col1MobileLogo {
    margin-bottom: 23px;
  }
}