@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:regular,500,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Unbounded:300,500,600,700&display=swap);
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-SemiBold-WebM.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-SemiBold-WebM.woff') format('woff'),
    url('/css/suisse/SuisseIntl-SemiBold-WebM.ttf')
      format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-SemiBoldItalic-WebXL.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-SemiBoldItalic-WebXL.woff')
      format('woff'),
    url('/css/suisse/SuisseIntl-SemiBoldItalic-WebXL.ttf')
      format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-Medium-WebM.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-Medium-WebM.woff') format('woff'),
    url('/css/suisse/SuisseIntl-Medium-WebM.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-MediumItalic-WebM.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-MediumItalic-WebM.woff')
      format('woff'),
    url('/css/suisse/SuisseIntl-MediumItalic-WebM.ttf')
      format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-Regular-WebM.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-Regular-WebM.woff') format('woff'),
    url('/css/suisse/SuisseIntl-Regular-WebM.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-RegularItalic-WebM.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-RegularItalic-WebM.woff')
      format('woff'),
    url('/css/suisse/SuisseIntl-RegularItalic-WebM.ttf')
      format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-Light-WebM.woff2') format('woff2'),
    url('/css/suisse/SuisseIntl-Light-WebM.woff') format('woff'),
    url('/css/suisse/SuisseIntl-Light-WebM.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('/css/suisse/SuisseIntl-LightItalic-WebS.woff2')
      format('woff2'),
    url('/css/suisse/SuisseIntl-LightItalic-WebS.woff')
      format('woff'),
    url('/css/suisse/SuisseIntl-LightItalic-WebS.ttf')
      format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Book';
  src: url('/css/suisse/SuisseIntl-Book-WebM.woff2') format('woff2'),
    url('/css/suisse/SuisseIntl-Book-WebM.woff') format('woff'),
    url('/css/suisse/SuisseIntl-Book-WebM.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --container-width: 1396px;
  --container-width-sm: 1022px;
  --container-width-article: 610px;
  --article-width: 580px;
  --container-padding: 10px;
  --action-size: 36px;
  --social-size: 24px;
  --menu_4-height: 40px;
  --menu_4-height-open: 195px;
  --siteSubMenu-height: 62px;
  --siteSubMenu-height-scroll: 62px;
  --top-menu-height: 51px;
  --top-menu-height-open: 195px;
  --font-family: 'Suisse Intl', serif;
  --font-family-unbounded: 'Unbounded', sans-serif;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-text: #696969;
  --color-text-2: #2f2b27;
  --color-ptitle: #222222;
  --color-pshort: #282829;
  --color-dark: #323232;
  --color-dark-hover: #222222;
  --color-dark-divider: #3e3e3e;
  --color-divider: #eeeeee;
  --color-upmenu: #b8b8b8;
  --color-primary: #ffc428;
  --color-primary-hover: #f0ae14;
  --color-primary-light: #fffcf0;
  --gradient-primary-hero: linear-gradient(180deg, #ffc428 0%, #fff 100%);
  --color-red: #ef3535;
  --color-red-hover: #d12c2c;
  --color-bg: #e6e6e6;
  --gradient-bg: linear-gradient(180deg, #262626 0%, #5e6182 90%);
  --box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  --border-radius-sm: 3px;
  --border-radius: 10px;
  --transition-duration: 0.2s;
  --transition-timing-function: ease;
  --sb-track-color: #ffffff;
  --sb-thumb-color: #323232;
  --sb-track-light-color: #323232;
  --sb-thumb-light-color: #ffffff;
  --sb-size: 10px;
  --picon-size: 12px;
  --block-gap: 40px;
  --gap: 20px;
  --gap-lg: 30px;
  --gap-xl: 40px;
}
@media (min-width: 375px) {
  :root {
    --action-size: 40px;
  }
}
@media (min-width: 851px) {
  :root {
    --container-padding: 15px;
    --action-size: 50px;
    --siteSubMenu-height: 85px;
    --siteSubMenu-height-scroll: 64px;
    --block-gap: 70px;
  }
}
@media (min-width: 1025px) {
  :root {
    --siteSubMenu-height: 100px;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  padding-top: var(--siteSubMenu-height);
  scroll-padding-top: var(--siteSubMenu-height);
  color: var(--color-text);
  background: var(--color-white);
  font-family: var(--font-family);
  overflow-x: clip;
}
body::-webkit-scrollbar {
  width: var(--sb-size);
}
body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: var(--border-radius);
}
body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: var(--border-radius);
}
body::-webkit-scrollbar-track {
  border-radius: 0;
}
@media (min-width: 1025px) {
  body {
    padding-top: calc(var(--menu_4-height) + var(--siteSubMenu-height) + var(--top-menu-height));
    scroll-padding-top: calc(
      var(--menu_4-height) + var(--siteSubMenu-height) + var(--top-menu-height)
    );
  }
}

a {
  outline: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

.dm_brend {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: var(--color-white);
  box-shadow: var(--box-shadow);
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.dm_brend .menu_4 {
  position: relative;
  z-index: 10;
  width: 100%;
  max-height: var(--menu_4-height);
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--color-primary-light);
  overflow: hidden;
  transition-property: max-height;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.menu_4_opened .dm_brend .menu_4 {
  max-height: var(--menu_4-height-open);
}
.dm_brend .menu_4 > .sitemenu_title {
  display: flex;
  align-items: center;
  gap: 22px;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
.dm_brend .menu_4 > .sitemenu_title > .sitemenu_link {
  display: flex;
  align-items: center;
  width: 100%;
}
.dm_brend .menu_4 > .sitemenu_title > .sitemenu_link > a {
  display: none;
}
.dm_brend .menu_4 .sitepodmenu_1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px 22px;
}
.dm_brend .menu_4 .sitepodmenu_1 .sitemenu_title:last-child {
  margin-left: auto;
}
.menu_4_switch_active .dm_brend .menu_4 .sitepodmenu_1 .sitemenu_title:last-child {
  margin-left: 0;
}
.dm_brend .menu_4 a {
  display: block;
  margin: 0;
  color: var(--color-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.dm_brend .menu_4 .site_mset > .sitemenu_link > a {
  color: var(--color-primary);
  pointer-events: none;
}
@media (hover: hover) {
  .dm_brend .menu_4 a:hover {
    color: var(--color-primary);
  }
}
@media (hover: hover) {
  .dm_brend .menu_4 .sitemenu_title a:hover {
    color: var(--color-primary);
  }
}
.dm_brend .menu_4 .menu_4__switch {
  --circle-size: 5px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  flex-shrink: 0;
  gap: 3px;
  width: var(--action-size);
  height: 20px;
  border-radius: var(--border-radius-sm);
  border: none;
  background-color: var(--color-primary);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.dm_brend .menu_4 .menu_4__switch span {
  width: var(--circle-size);
  height: var(--circle-size);
  background: #484848;
  border-radius: 50%;
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.menu_4_opened .dm_brend .menu_4 .menu_4__switch span:nth-child(2) {
  transform: translate3d(0, 3px, 0);
}
.dm_brend .menu_4 .menu_4__switch._show {
  display: flex;
}
@media (max-width: 1024px) {
  .dm_brend .menu_4 .menu_4__switch {
    display: none !important;
  }
}
@media (hover: hover) {
  .dm_brend .menu_4 .menu_4__switch:hover {
    background-color: var(--color-primary-hover);
  }
}
.dm_brend .siteSubMenu {
  position: relative;
  z-index: 15;
  width: 100%;
  height: var(--siteSubMenu-height);
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-primary);
  transition-property: padding, height;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 851px) {
  .dm_brend .siteSubMenu {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .dm_brend .siteSubMenu {
    z-index: 10;
    padding-top: 23px;
    padding-bottom: 23px;
  }
}
.dm_brend .siteSubMenu .submenu_blk_2 {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
@media (min-width: 375px) {
  .dm_brend .siteSubMenu .submenu_blk_2 {
    gap: 10px;
  }
}
@media (min-width: 851px) {
  .dm_brend .siteSubMenu .submenu_blk_2 {
    gap: 15px;
  }
}
@media (min-width: 1025px) {
  .dm_brend .siteSubMenu .submenu_blk_2 {
    gap: 22px;
  }
}
.dm_brend .siteSubMenu .top_search_btn {
  order: 3;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--action-size);
  height: var(--action-size);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.dm_brend .siteSubMenu .top_search_btn .top_search_h,
.dm_brend .siteSubMenu .top_search_btn .top_search_v {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.dm_brend .siteSubMenu .top_search_btn .top_search_h {
  transform: scale(0);
  opacity: 0;
  background-image: url('../image/close.svg');
  pointer-events: none;
}
.dm_brend .siteSubMenu .top_search_btn .top_search_v {
  transform: scale(1);
  opacity: 1;
  background-image: url('../image/magnifying-glass.svg');
}
@media (min-width: 1025px) {
  .dm_brend .siteSubMenu .top_search_btn {
    display: none;
  }
}
@media (hover: hover) {
  .dm_brend .siteSubMenu .top_search_btn:hover {
    background-color: var(--color-primary);
  }
  .dm_brend .siteSubMenu .top_search_btn:hover .top_search_v {
    filter: brightness(0) invert(1);
  }
}
.top_search_view .dm_brend .siteSubMenu .top_search_btn {
  background-color: var(--color-dark);
}
.top_search_view .dm_brend .siteSubMenu .top_search_btn .top_search_h {
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
}
.top_search_view .dm_brend .siteSubMenu .top_search_btn .top_search_v {
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}
.dm_brend .logo-dm {
  order: 0;
  flex-shrink: 0;
}
.dm_brend .logo-dm a {
  display: block;
  width: var(--action-size);
  height: var(--action-size);
  border-radius: var(--border-radius-sm);
  background-image: url('../image/logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (hover: hover) {
  .dm_brend .logo-dm a:hover {
    background-image: url('../image/logo-hover.svg');
  }
}
.dm_brend .about-us {
  order: 1;
  position: relative;
  flex-shrink: 0;
}
.dm_brend .about-us a {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../image/info.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dm_brend .about-us:before,
.dm_brend .about-us:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translate3d(calc(100% + 5px), -50%, 0);
  opacity: 0;
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  pointer-events: none;
}
.dm_brend .about-us:before {
  right: -8px;
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-right: 10px solid var(--color-dark);
  border-left: 0;
}
.dm_brend .about-us:after {
  content: 'Про проєкт';
  right: -16px;
  max-width: 155px;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
  background-color: var(--color-dark);
  border-radius: var(--border-radius);
}
@media (hover: hover) {
  .dm_brend .about-us:hover a {
    filter: brightness(0.6);
  }
  .dm_brend .about-us:hover:before,
  .dm_brend .about-us:hover:after {
    opacity: 1;
    transform: translate3d(100%, -50%, 0);
  }
}
.dm_brend .logo-site {
  order: 2;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.1);
}
@media (min-width: 851px) {
  .dm_brend .logo-site {
    width: 215px;
  }
}
.dm_brend .logo-site a {
  display: block;
  width: 100%;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../image/logo-2.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 375px) {
  .dm_brend .logo-site a {
    width: 150px;
    height: 28px;
  }
}
@media (min-width: 851px) {
  .dm_brend .logo-site a {
    width: 189px;
    height: 38px;
  }
}
.dm_brend .logo-site:after {
  content: 'Перу медійну білизну безкоштовно';
  display: block;
  text-align: center;
  color: var(--color-text-2);
  font-size: 8px;
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 575px) {
  .dm_brend .logo-site:after {
    font-size: 10px;
  }
}
@media (min-width: 851px) {
  .dm_brend .logo-site:after {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .dm_brend .logo-site {
    transform: translate3d(30px, 0, 0);
  }
}
@media (max-width: 850px) {
  .dm_brend .logo-site {
    transform: translate3d(10px, 0, 0);
  }
}
.dm_brend .top_search {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  top: var(--siteSubMenu-height);
  pointer-events: none;
  transition-property: top, transform, opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 1025px) {
  .dm_brend .top_search {
    top: calc(var(--menu_4-height) + var(--siteSubMenu-height) / 2);
    left: 50%;
    height: var(--action-size);
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    transform: translate3d(-50%, -50%, 0);
  }
  .menu_show .dm_brend .top_search {
    left: calc(50% - var(--sb-size) / 2);
  }
  .menu_4_opened .dm_brend .top_search {
    top: calc(var(--menu_4_fullheight) + var(--siteSubMenu-height) / 2);
  }
}
@media (max-width: 1024px) {
  .dm_brend .top_search {
    opacity: 0;
    background-color: var(--color-white);
    box-shadow: var(--box-shadow);
    border-bottom: 1px solid var(--color-primary);
    transform: translate3d(0, -100%, 0);
  }
  .top_search_view .dm_brend .top_search {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: initial;
  }
}
.dm_brend .top_search .top_search_blk {
  display: flex;
}
@media (min-width: 1025px) {
  .dm_brend .top_search .top_search_blk {
    justify-content: flex-end;
    margin-right: 72px;
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .dm_brend .top_search .top_search_blk {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 850px) {
  .dm_brend .top_search .top_search_blk {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.dm_brend .top_search .top_search_blk form {
  display: flex;
  gap: 5px;
}
@media (min-width: 375px) {
  .dm_brend .top_search .top_search_blk form {
    gap: 10px;
  }
}
@media (min-width: 851px) {
  .dm_brend .top_search .top_search_blk form {
    gap: 15px;
  }
}
@media (min-width: 1025px) {
  .dm_brend .top_search .top_search_blk form {
    height: 100%;
    gap: 10px;
    pointer-events: initial;
  }
}
@media (max-width: 1024px) {
  .dm_brend .top_search .top_search_blk form {
    min-height: var(--action-size);
  }
}
.dm_brend .top_search .top_search_blk form .top_search_txt input {
  height: 100%;
  width: 100%;
  padding: 5px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  border-radius: var(--border-radius-sm);
  background: var(--color-primary-light);
  border: none;
  box-shadow: none;
}
@media (min-width: 375px) {
  .dm_brend .top_search .top_search_blk form .top_search_txt input {
    padding: 5px var(--container-padding);
  }
}
@media (min-width: 1025px) {
  .dm_brend .top_search .top_search_blk form .top_search_txt input {
    padding: 5px 20px;
  }
}
@media (min-width: 1025px) {
  .dm_brend .top_search .top_search_blk form .top_search_txt input {
    width: 220px;
  }
}
.dm_brend .top_search .top_search_blk form .top_search_txt input::-moz-placeholder {
  opacity: 1;
  color: inherit;
}
.dm_brend .top_search .top_search_blk form .top_search_txt input::placeholder {
  opacity: 1;
  color: inherit;
}
.dm_brend .top_search .top_search_blk form .top_search_txt input:-webkit-autofill,
.dm_brend .top_search .top_search_blk form .top_search_txt input:-webkit-autofill:hover,
.dm_brend .top_search .top_search_blk form .top_search_txt input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem var(--color-primary-light) inset;
}
.dm_brend .top_search .top_search_blk form .top_search_btn {
  position: relative;
  display: flex;
}
.dm_brend .top_search .top_search_blk form .top_search_btn input {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--action-size);
  font-size: 0;
  height: 100%;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.dm_brend .top_search .top_search_blk form .top_search_btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../image/magnifying-glass.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  pointer-events: none;
}
@media (hover: hover) {
  .dm_brend .top_search .top_search_blk form .top_search_btn:hover input {
    background-color: var(--color-primary);
  }
  .dm_brend .top_search .top_search_blk form .top_search_btn:hover:after {
    filter: brightness(0) invert(1);
  }
}
@media (max-width: 1024px) {
  .dm_brend .top_search .submenu_blk_3 {
    width: 100%;
  }
}
.dm_brend .top_search .top_search_txt {
  flex: 1;
}
.dm_brend .top_search .top_search_sets {
  display: none;
}
.dm_brend .clsBtnBlk {
  order: 4;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--action-size);
  height: var(--action-size);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-dark);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.dm_brend .clsBtnBlk .clsBtnOn,
.dm_brend .clsBtnBlk .clsBtnOff {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.dm_brend .clsBtnBlk .clsBtnOn {
  transform: scale(0);
  background-image: url('../image/close.svg');
  pointer-events: none;
}
.menu_show .dm_brend .clsBtnBlk .clsBtnOn {
  transform: scale(1);
  pointer-events: initial;
}
.dm_brend .clsBtnBlk .clsBtnOff {
  background-image: url('../image/menu.svg');
}
.menu_show .dm_brend .clsBtnBlk .clsBtnOff {
  transform: scale(0);
  pointer-events: none;
}
@media (hover: hover) {
  .dm_brend .clsBtnBlk:hover {
    background-color: var(--color-dark-hover);
  }
}
.dm_brend .top-menu {
  position: relative;
  z-index: 10;
  width: 100%;
  max-height: var(--top-menu-height);
  background-color: var(--color-white);
  overflow: hidden;
  transition-property: max-height, margin, opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.dm_brend .top-menu .top-menu__blk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 40px;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  padding-top: 15px;
  padding-bottom: 15px;
}
.dm_brend .top-menu .top-menu__blk-in {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 40px;
}
.dm_brend .top-menu .top-menu__menu_link a {
  position: relative;
  color: var(--color-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}
.dm_brend .top-menu .top-menu__menu_link a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url('../image/link-decor.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: scale(0, 1);
  transition-property: transform;
  transform-origin: left;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .dm_brend .top-menu .top-menu__menu_link a:hover:after {
    transform: scale(1);
  }
}
.dm_brend .top-menu .top-menu__menu_title[class*='mset'] .top-menu__menu_link a:after {
  transform: scale(1);
}

.dm_brend .up_menu_blk .submenu_title .submenu_title[class*='mset'] .submenu_link a,
.dm_brend .up_menu_blk .spcmenu_title[class*='tag_set'] a {
  color: var(--color-primary);
}
.dm_brend .top-menu .top-menu__switch {
  --circle-size: 5px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  flex-shrink: 0;
  width: var(--action-size);
  height: 20px;
  margin-top: 1px;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.dm_brend .top-menu .top-menu__switch._show {
  display: flex;
}
.dm_brend .top-menu .top-menu__switch .top-menu__open,
.dm_brend .top-menu .top-menu__switch .top-menu__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dm_brend .top-menu .top-menu__switch .top-menu__open:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--circle-size);
  height: var(--circle-size);
  background: #484848;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.dm_brend .top-menu .top-menu__switch .top-menu__close {
  pointer-events: none;
}
.dm_brend .top-menu .top-menu__switch .top-menu__close:after,
.dm_brend .top-menu .top-menu__switch .top-menu__close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background: #484848;
  border-radius: 50%;
  width: var(--circle-size);
  height: var(--circle-size);
}
.dm_brend .top-menu .top-menu__switch .top-menu__close:before {
  transform: translate3d(calc(-50% - 7.5px), -50%, 0);
}
.dm_brend .top-menu .top-menu__switch .top-menu__close:after {
  transform: translate3d(calc(-50% + 7.5px), -50%, 0);
}
@media (hover: hover) {
  .dm_brend .top-menu .top-menu__switch:hover {
    background-color: var(--color-primary-hover);
  }
}
.dm_brend .top-menu.top-menu__set-open {
  max-height: var(--top-menu-height-open);
}
.dm_brend .top-menu.top-menu__set-open .top-menu__switch .top-menu__open {
  pointer-events: none;
}
.dm_brend .top-menu.top-menu__set-open .top-menu__switch .top-menu__open:before {
  transform: translate3d(-50%, calc(-50% + 3px), 0);
}
.dm_brend .top-menu.top-menu__set-open .top-menu__switch .top-menu__close {
  pointer-events: initial;
}
.dm_brend .up_menu_blk {
  position: fixed;
  z-index: 5;
  top: var(--siteSubMenu-height);
  width: 100%;
  height: calc(100vh - var(--siteSubMenu-height));
  padding-top: 40px;
  padding-bottom: 40px;
  color: var(--color-upmenu);
  background: var(--color-dark);
  transition-property: top, height, transform, opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .dm_brend .up_menu_blk {
    top: calc(var(--menu_4-height) + var(--siteSubMenu-height) + var(--top-menu-height));
    height: calc(100vh - var(--menu_4-height) - var(--siteSubMenu-height) - var(--top-menu-height));
  }
}
.menu_show .dm_brend .up_menu_blk {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: initial;
}
.dm_brend .up_menu_blk .btn_donate_r {
  display: none;
}
.dm_brend .up_menu_blk .lining {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  height: 100%;
  overflow-y: auto;
}
.dm_brend .up_menu_blk .lining::-webkit-scrollbar {
  width: var(--sb-size);
}
.dm_brend .up_menu_blk .lining::-webkit-scrollbar-track {
  background: var(--sb-track-light-color);
  border-radius: var(--border-radius);
}
.dm_brend .up_menu_blk .lining::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-light-color);
  border-radius: var(--border-radius);
}
.dm_brend .up_menu_blk .up_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 20px;
}
@media (min-width: 851px) {
  .dm_brend .up_menu_blk .up_menu {
    gap: 10px 40px;
  }
}
@media (min-width: 851px) {
  .dm_brend .up_menu_blk .up_menu > .submenu_title {
    min-width: 200px;
  }
}
@media (min-width: 375px) and (max-width: 850px) {
  .dm_brend .up_menu_blk .up_menu > .submenu_title {
    flex: 1 1 calc(50% - 40px);
  }
}
@media (max-width: 374px) {
  .dm_brend .up_menu_blk .up_menu > .submenu_title {
    width: 100%;
  }
}
.dm_brend .up_menu_blk .up_menu > .submenu_title > .submenu_link > a {
  display: block;
  margin-bottom: 16px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  pointer-events: none;
}
@media (min-width: 851px) {
  .dm_brend .up_menu_blk .up_menu > .submenu_title > .submenu_link > a {
    font-size: 21px;
    margin-bottom: 30px;
  }
}
.dm_brend .up_menu_blk .up_menu > .submenu_title > .submenu_link > a:after {
  content: '';
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: var(--color-dark-divider);
  border-radius: var(--border-radius);
}
.dm_brend .up_menu_blk .up_menu > .sitemenu_title > .sitemenu_link > a {
  display: none;
}
.dm_brend .up_menu_blk .up_menu + .up_menu {
  margin-top: 30px;
}
.dm_brend .up_menu_blk .up_menu + .up_menu:before {
  content: '';
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: var(--color-dark-divider);
  border-radius: var(--border-radius);
}
.dm_brend .up_menu_blk .up_menu.up_menu_2 {
  gap: 40px;
}
.dm_brend .up_menu_blk .up_menu.up_menu_5 {
  justify-content: flex-start;
}
.dm_brend .up_menu_blk .subpodmenu_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dm_brend .up_menu_blk .up_menu_ttl {
  display: block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  pointer-events: none;
}
@media (min-width: 851px) {
  .dm_brend .up_menu_blk .up_menu_ttl {
    font-size: 21px;
  }
}
.dm_brend .up_menu_blk .sitepodmenu_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
@media (min-width: 851px) {
  .dm_brend .up_menu_blk .sitepodmenu_1 {
    gap: 10px 40px;
  }
}
.dm_brend .up_menu_blk .submenu_link a,
.dm_brend .up_menu_blk .spcmenu_title a,
.dm_brend .up_menu_blk .global_blklink a,
.dm_brend .up_menu_blk .sitemenu_link a {
  color: var(--color-upmenu);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .dm_brend .up_menu_blk .submenu_link a:hover,
  .dm_brend .up_menu_blk .spcmenu_title a:hover,
  .dm_brend .up_menu_blk .global_blklink a:hover,
  .dm_brend .up_menu_blk .sitemenu_link a:hover {
    color: var(--color-primary);
  }
}
.dm_brend .up_menu_blk .site_mset > .sitemenu_link > a {
  color: var(--color-primary);
  pointer-events: none;
}
.dm_brend .up_menu_blk .global_blklink {
  padding: 0;
}
.dm_brend .up_menu_blk .global_blklink a {
  padding: 0;
}
.dm_brend .up_menu_blk .menu_4,
.dm_brend .up_menu_blk .top-menu {
  max-height: none;
  padding-bottom: 16px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--color-dark-divider);
  background-color: transparent;
  overflow: initial;
}
.dm_brend .up_menu_blk .menu_4 a,
.dm_brend .up_menu_blk .top-menu a {
  color: var(--color-upmenu);
}
.dm_brend .up_menu_blk .top-menu {
  max-height: none;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-dark-divider);
  background-color: transparent;
  overflow: initial;
}
.dm_brend .up_menu_blk .top-menu .top-menu__blk {
  padding: 0;
  max-width: 100%;
}
.dm_brend .up_menu_blk .top-menu .top-menu__blk-in {
  gap: 10px 20px;
}
@media (max-width: 850px) {
  .dm_brend .up_menu_blk .top-menu a {
    font-size: 14px;
  }
}
.dm_brend .up_menu_blk .menu_4 {
  padding-top: 0;
}
.dm_brend .up_menu_blk .menu_4 .sitemenu_title {
  padding-left: 0;
  padding-right: 0;
}
.dm_brend .up_menu_blk .menu_4 .sitepodmenu_1 {
  max-width: 100%;
  gap: 10px 20px;
  justify-content: start;
}
.dm_brend .up_menu_blk .menu_4 .sitepodmenu_1 .sitemenu_title:last-child {
  margin: 0;
}
@media (max-width: 850px) {
  .dm_brend .up_menu_blk .menu_4 .sitepodmenu_1 a {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .dm_brend > .menu_4 {
    display: none;
  }
  .dm_brend > .top-menu {
    display: none;
  }
}
@media (min-width: 1025px) {
  .dm_brend .up_menu_menu_4,
  .dm_brend .up_menu_top-menu {
    display: none !important;
  }
}
.dm_brend + .container {
  overflow-x: clip;
}

.body_scrol_down {
  /*padding-top: var(--siteSubMenu-height);*/
  scroll-padding-top: var(--siteSubMenu-height);
}
@media (min-width: 1025px) {
  .body_scrol_down .dm_brend {
    transform: translate3d(0, calc(var(--menu_4-height) * -1), 0);
  }
}
@media (min-width: 1025px) {
  .body_scrol_down .dm_brend .menu_4 {
    max-height: var(--menu_4-height);
  }
}
@media (min-width: 851px) {
  .body_scrol_down .dm_brend .siteSubMenu {
    height: var(--siteSubMenu-height-scroll);
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.body_scrol_down .dm_brend .top_search {
  top: var(--siteSubMenu-height-scroll);
}
@media (min-width: 1025px) {
  .body_scrol_down .dm_brend .top_search {
    top: calc(var(--menu_4-height) + var(--siteSubMenu-height-scroll) / 2);
  }
}
@media (min-width: 1025px) {
  .body_scrol_down .dm_brend .top-menu {
    max-height: var(--top-menu-height);
    margin-top: calc(var(--top-menu-height) * -1);
    opacity: 0;
    pointer-events: none;
  }
}
.body_scrol_down .dm_brend .up_menu_blk {
  top: var(--siteSubMenu-height-scroll);
  height: calc(100vh - var(--siteSubMenu-height-scroll));
}
@media (min-width: 1025px) {
  .body_scrol_down .dm_brend .up_menu_blk {
    top: calc(var(--siteSubMenu-height-scroll) + var(--menu_4-height));
    height: calc(100vh - var(--siteSubMenu-height-scroll));
  }
}
@media (min-width: 1025px) {
  .body_scrol_down .page_arch .right_line {
    /*top: calc(var(--siteSubMenu-height-scroll) + 10px);*/
  }
}

.md_banner_zone .fon-index {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto !important;
  aspect-ratio: 16/3.9;
  background-color: var(--color-bg) !important;
  color: var(--color-dark);
  font-size: 21px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 120% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.md_banner_zone .fon-index img {
  width: 100%;
  aspect-ratio: 16/3.9;
  -o-object-fit: cover;
  object-fit: cover;
}

.content .md_banner_zone + .index_page {
  margin-top: var(--block-gap);
}
@media (min-width: 1280px) {
  .content .md_banner_zone + .index_page {
    margin-top: 90px;
  }
}

.index_page {
  display: flex;
  flex-direction: column;
  gap: var(--block-gap);
}
.index_page .lining {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-wrap: wrap;
}
.index_page .lining .bn-donate {
  width: 100%;
}

.flash-blk {
  display: flex;
  flex-direction: column;
  gap: var(--block-gap);
}
.flash-blk .lining {
  display: grid;
  align-items: flex-start;
  gap: var(--gap);
}
@media (min-width: 1281px) {
  .flash-blk .lining {
    grid-template-columns: 9fr 3fr;
  }
}

.flash-blk__2 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}
@media (min-width: 1281px) {
  .flash-blk__2 {
    position: sticky;
    top: 10px;
    padding-left: 20px;
    border-left: 1px dashed var(--color-black);
    transition-property: top;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-timing-function);
  }
  .body_scrol_up .flash-blk__2 {
    top: calc(var(--menu_4-height) + var(--siteSubMenu-height) + var(--top-menu-height) + 10px);
  }
  .body_scrol_down .flash-blk__2 {
    top: calc(var(--siteSubMenu-height-scroll) + 10px);
  }
}
.flash-blk__2 .md_banner_zone div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto !important;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-bg) !important;
  color: var(--color-dark);
  font-size: 21px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 120% !important;
  box-shadow: var(--box-shadow);
}

.list-news__blk {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.list-news__blk .list-news__blkTitle {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: var(--color-dark);
  font-size: 21px;
  font-weight: 700;
  line-height: 120%;
}
.list-news__blk .list-news__blkTitle:before {
  content: '';
  width: 35px;
  height: 35px;
  background-image: url('../image/readers-choice.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.list-news__blk .list-news__blkList {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}
.list-news__blk .list-news__blkPost {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
}
.list-news__blk .list-news__blkPostTitle {
  width: 100%;
}

.global_ava {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
.global_ava img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
}

.global_authors {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.top-index .top-index__blkList {
  display: flex;
  flex-direction: column;
  gap: 40px var(--gap);
}
@media (min-width: 851px) {
  .top-index .top-index__blkList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.top-index .top-index__blkPost {
  position: relative;
  font-size: 0;
}
.top-index .top-index__blkPost:first-child {
  grid-column: 1/4;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}
@media (min-width: 950px) {
  .top-index .top-index__blkPost:first-child .top-index__blkPostBigImg {
    float: right;
    width: calc((100% - 10px) / 3 * 2);
    height: 100%;
    margin-left: 20px;
  }
}
@media (max-width: 949px) {
  .top-index .top-index__blkPost:first-child .top-index__blkPostBigImg {
    margin-bottom: 20px;
  }
}
@media (min-width: 950px) {
  .top-index .top-index__blkPost:first-child .top-index__blkPostBigImg {
    float: right;
    width: calc((100% - 10px) / 3 * 2);
    height: 100%;
    margin-left: 20px;
  }
}
.top-index .top-index__blkPost:first-child .top-index__blkPostBigImg a {
  display: block;
  width: 100%;
}
.top-index .top-index__blkPost:first-child .top-index__blkPostBigImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.top-index .top-index__blkPost:first-child .top-index__blkPostTitle {
  margin-bottom: 10px;
}
.top-index .top-index__blkPost:first-child .top-index__blkPostTitle a {
  font-weight: 600;
  line-height: 120%;
}

@media (min-width: 851px) {
  .top-index .top-index__blkPost:first-child .top-index__blkPostTitle a {
    font-size: 21px;
  }
}

@media (hover: hover) {
  .top-index .top-index__blkPost:first-child .top-index__blkPostTitle a:hover {
    color: var(--color-primary);
  }
}
.top-index .top-index__blkPost:first-child .top-index__blkPostShort {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}

.top-index .top-index__blkPost:first-child .global_pdate::before {
  background-image: url('../image/calendar.svg');
}
.top-index .top-index__blkPost:first-child .global_pcnt::before {
  background-image: url('../image/eye.svg');
}
.top-index .top-index__lihkFon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.top-index .top-index__blkPostBigImg,
.top-index .top-index__blkPostImg {
  position: relative;
  z-index: 3;
  aspect-ratio: 16/9;
}
@media (max-width: 699px) {
  .top-index .top-index__blkPostBigImg,
  .top-index .top-index__blkPostImg {
    margin-bottom: 10px;
  }
}
.top-index .top-index__blkPost:where(:not(:first-child)) .top-index__blkPostBigImg {
  margin-bottom: 20px;
}
.top-index .top-index__blkPostBigImg a,
.top-index .top-index__blkPostImg a {
  display: block;
}
.top-index .top-index__blkPostBigImg img,
.top-index .top-index__blkPostImg img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-sm);
}
.top-index .top-index__blkPostShort {
  color: var(--color-pshort);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.top-index .top-index__union-4 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px;
}
.txb1__union-4 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.top-index .top-index__limit_2 .top-index__blkPostImg,
.top-index .top-index__limit_3 .top-index__blkPostImg {
  display: none;
}
.top-index .top-index__limit_2 .top-index__blkPostTitle,
.top-index .top-index__limit_3 .top-index__blkPostTitle {
  margin-bottom: 10px;
}
.top-index .top-index__limit_2 .top-index__blkPostShort,
.top-index .top-index__limit_3 .top-index__blkPostShort {
  margin-bottom: 15px;
}
.top-index .top-index__limit_4 .top-index__blkPostImg,
.top-index .top-index__limit_7 .top-index__blkPostImg,
.top-index .top-index__limit_8 .top-index__blkPostImg,
.top-index .top-index__limit_9 .top-index__blkPostImg,
.top-index .top-index__limit_10 .top-index__blkPostImg,
.top-index .top-index__limit_11 .top-index__blkPostImg {
  display: none;
}
.top-index .top-index__limit_4 .top-index__blkPostTitle,
.top-index .top-index__limit_7 .top-index__blkPostTitle,
.top-index .top-index__limit_8 .top-index__blkPostTitle,
.top-index .top-index__limit_9 .top-index__blkPostTitle,
.top-index .top-index__limit_10 .top-index__blkPostTitle,
.top-index .top-index__limit_11 .top-index__blkPostTitle {
  margin-bottom: 10px;
}
.top-index .top-index__limit_4 .top-index__blkPostShort,
.top-index .top-index__limit_7 .top-index__blkPostShort,
.top-index .top-index__limit_8 .top-index__blkPostShort,
.top-index .top-index__limit_9 .top-index__blkPostShort,
.top-index .top-index__limit_10 .top-index__blkPostShort,
.top-index .top-index__limit_11 .top-index__blkPostShort {
  margin-bottom: 10px;
}
@media (min-width: 851px) {
  .top-index .top-index__limit_5 {
    padding-top: 40px;
    padding-bottom: 40px;
    grid-column: span 3;
    border-top: 1px dashed var(--color-black);
    border-bottom: 1px dashed var(--color-black);
  }
  .top-index .top-index__limit_5 .top-index__blkPostTitle a {
    font-size: 21px;
  }
}
@media (min-width: 951px) {
  .top-index .top-index__limit_5 .top-index__blkPostBigImg {
    float: left;
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.top-index .top-index__limit_5 .top-index__blkPostBigImg a,
.top-index .top-index__limit_5 .top-index__blkPostImg a,
.top-index .top-index__limit_6 .top-index__blkPostBigImg a,
.top-index .top-index__limit_6 .top-index__blkPostImg a,
.top-index .top-index__limit_9 .top-index__blkPostBigImg a,
.top-index .top-index__limit_9 .top-index__blkPostImg a {
  display: block;
  width: 100%;
  height: 100%;
}
.top-index .top-index__limit_5 .top-index__blkPostBigImg a img,
.top-index .top-index__limit_5 .top-index__blkPostImg a img,
.top-index .top-index__limit_6 .top-index__blkPostBigImg a img,
.top-index .top-index__limit_6 .top-index__blkPostImg a img,
.top-index .top-index__limit_9 .top-index__blkPostBigImg a img,
.top-index .top-index__limit_9 .top-index__blkPostImg a img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-sm);
  -o-object-fit: cover;
  object-fit: cover;
}
.top-index .top-index__limit_5 .top-index__blkPostTitle,
.top-index .top-index__limit_6 .top-index__blkPostTitle,
.top-index .top-index__limit_9 .top-index__blkPostTitle {
  margin-bottom: 6px;
}
.top-index .top-index__limit_5 .top-index__blkPostTitle a,
.top-index .top-index__limit_6 .top-index__blkPostTitle a,
.top-index .top-index__limit_9 .top-index__blkPostTitle a {
  font-weight: 600;
  line-height: 120%;
}
.top-index .top-index__limit_5 .top-index__blkPostShort,
.top-index .top-index__limit_6 .top-index__blkPostShort,
.top-index .top-index__limit_9 .top-index__blkPostShort {
  margin-bottom: 10px;
  font-size: 14px;
}
@media (min-width: 700px) {
  .top-index .top-index__limit_5 .top-index__blkPostShort,
  .top-index .top-index__limit_6 .top-index__blkPostShort,
  .top-index .top-index__limit_9 .top-index__blkPostShort {
    margin-bottom: 22px;
  }
}

.top-index__blkPostImg,
.tile__blkPostImg,
.txb1__blkPostImg {
  display: none;
}

.global_ptype,
.global_pcat {
  position: relative;
  z-index: 2;
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
}
.global_ptype a,
.global_pcat a {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  min-height: 20px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.global_ptype a:empty,
.global_pcat a:empty {
  display: none;
}

.global_ptype {
  margin-right: 10px;
  margin-bottom: 10px;
}
.global_ptype a {
  background-color: var(--color-dark);
}
@media (hover: hover) {
  .global_ptype a:hover {
    background-color: var(--color-dark-hover);
  }
}

.global_pcat {
  margin-right: 10px;
  margin-bottom: 10px;
}
.global_pcat a {
  color: var(--color-dark);
  background-color: var(--color-primary);
}
@media (hover: hover) {
  .global_pcat a:hover {
    color: var(--color-dark);
    background-color: var(--color-primary-hover);
  }
}

.global_ptitle {
  position: relative;
  z-index: 2;
  text-wrap: balance;
}
.global_ptitle a {
  color: var(--color-ptitle);
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .global_ptitle a:hover {
    color: var(--color-primary);
  }
}

.global_pdate,
.global_pcnt {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--color-dark);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}
.global_pdate:before,
.global_pcnt:before {
  content: '';
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: var(--picon-size);
  height: var(--picon-size);
  margin-right: 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-1px);
}

.global_pdate {
  margin-right: 15px;
}
.global_pdate:before {
  background-image: url('../image/calendar.svg');
}
.global_pdate span {
  text-transform: lowercase;
}
.global_pdate span:last-child {
  display: inline-flex;
  align-items: center;
  margin-left: 12px;
}
.global_pdate span:last-child:before {
  content: '';
  position: relative;
  left: -6px;
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--color-primary);
}

.global_pcnt:before {
  position: relative;
  background-image: url('../image/eye.svg');
}

.tile {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
.tile .tile__blkTitle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color-dark);
  font-size: 21px;
  font-weight: 700;
  line-height: 120%;
}
.tile .tile__blkTitle:before {
  content: '';
  width: 35px;
  height: 35px;
  background-image: url('../image/recommended.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tile .tile__body {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xl);
}
.tile .tile__blkList {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap);
}
@media (min-width: 1025px) {
  .tile .tile__blkList {
    gap: var(--gap-xl) var(--gap);
    grid-template-columns: 1fr 1fr;
  }
}
.tile .tile__blkPost {
  font-size: 0;
  position: relative;
}
@media (min-width: 1025px) {
  .tile .tile__blkPost {
    min-height: 200px;
  }
}
.tile .tile__lihkFon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.tile .tile__blkPostBigImg,
.tile .tile__blkPostImg {
  width: 100%;
  margin-bottom: 10px;
  z-index: 3;
  position: relative;
}
@media (min-width: 576px) {
  .tile .tile__blkPostBigImg,
  .tile .tile__blkPostImg {
    float: left;
    width: calc(50% - 10px);
    height: 100%;
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.tile .tile__blkPostBigImg a,
.tile .tile__blkPostImg a {
  display: block;
  width: 100%;
  height: 100%;
}
.tile .tile__blkPostBigImg a img,
.tile .tile__blkPostImg a img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-sm);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
}
.tile .tile__blkPostTitle {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .tile .tile__blkPostTitle {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .tile .tile__blkPostTitle {
    min-height: 78px;
    margin-bottom: 140px;
  }
}
@media (min-width: 1025px) {
  .tile .tile__blkPostTitle {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .tile .tile__blkPostTitle {
    margin-bottom: 24px;
  }
}
.tile .tile__blkPostTitle a {
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}
.tile .tile__blkPostShort {
  margin-bottom: 20px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: none;
}
@media (min-width: 1025px) {
  .tile .tile__blkPostShort {
    min-height: 42px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .tile .tile__blkPostShort:empty {
    display: none;
  }
}
.tile #tile__1-src {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.tile + .bn-donate {
  margin-top: var(--block-gap);
}

.global_blklink,
.global_blklink a,
.list-link__more,
.searchListNext a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 16px 28px;
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--color-dark);
  text-decoration: none;
  cursor: pointer;
  transition-property: background-color, color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .global_blklink:hover,
  .global_blklink a:hover,
  .list-link__more:hover,
  .searchListNext a:hover {
    background-color: var(--color-dark);
    color: var(--color-white);
  }
}

.bn-donate {
  display: flex;
  align-items: center;
  padding: 30px;
  gap: 30px;
  color: var(--color-dark);
  background-color: var(--color-primary);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-sm);
}
@media (max-width: 767px) {
  .bn-donate {
    flex-direction: column;
  }
}
@media (min-width: 1025px) {
  .bn-donate {
    padding: 60px 50px;
    gap: 50px;
  }
}
.bn-donate .bn-donate__1 {
  flex: 1;
}
.bn-donate .bn-donate__1-1 {
  margin-bottom: 20px;
  color: var(--color-dark);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.bn-donate .bn-donate__1-2 {
  margin-bottom: 20px;
  color: var(--color-pshort);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 768px) {
  .bn-donate .bn-donate__1-2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .bn-donate .bn-donate__2 {
    width: 52%;
  }
}
.bn-donate .bn-donate__2 img {
  aspect-ratio: 16/7;
}
.bn-donate .black-button:before {
  content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url('../image/eye-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.black-button {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .black-button:hover {
    background-color: var(--color-dark-hover);
  }
}

.txb1__blk {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.txb1__blk .txb1__blkTitle a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  color: var(--color-dark);
  font-size: 21px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  pointer-events: none;
}
.txb1__blk .txb1__blkTitle a:after {
  content: 'переглянути всі';
  display: inline-flex;
  align-items: center;
  padding-right: 34px;
  gap: 20px;
  flex-shrink: 0;
  font-size: 14px;
  background-image: url('../image/link.svg');
  background-position: right 37%;
  background-repeat: no-repeat;
  background-size: 14px;
  pointer-events: initial;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .txb1__blk .txb1__blkTitle a:hover:after {
    color: var(--color-primary);
  }
  .line--back1 .txb1__blk .txb1__blkTitle a:hover:after {
    background-image: url('../image/link.svg');
  }
}
.txb1__blk .txb1__blkList {
  display: grid;
  gap: var(--gap);
}
@media (min-width: 768px) {
  .txb1__blk .txb1__blkList {
    grid-template-columns: repeat(3, 1fr);
  }
}
.txb1__blk .txb1__blkLink {
  display: none;
}
.txb1__blk .txb1__blkPost {
  position: relative;
  font-size: 0;
}
.txb1__blk .txb1__blkPost .txb1__lihkFon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.txb1__blk .txb1__blkPost .txb1__blkPostBigImg,
.txb1__blk .txb1__blkPost .txb1__blkPostImg {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .txb1__blk .txb1__blkPost .txb1__blkPostBigImg,
  .txb1__blk .txb1__blkPost .txb1__blkPostImg {
    margin-bottom: 20px;
  }
}
.txb1__blk .txb1__blkPost .txb1__blkPostBigImg a,
.txb1__blk .txb1__blkPost .txb1__blkPostImg a {
  display: block;
}
.txb1__blk .txb1__blkPost .txb1__blkPostBigImg img,
.txb1__blk .txb1__blkPost .txb1__blkPostImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-sm);
}
.txb1__blk .txb1__blkPost .txb1__blkPostTitle {
  margin-bottom: 20px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .txb1__blk .txb1__blkPost .txb1__blkPostTitle {
    min-height: 58px;
    margin-top: 0;
  }
}
.txb1__blk .txb1__blkPost .txb1__blkPostTitle a {
  font-size: 16px;
}
@media (min-width: 1025px) {
  .txb1__blk .txb1__blkPost .txb1__blkPostTitle a {
    font-size: 20px;
  }
}
.txb1__blk .txb1__blkPost .txb1__blkPostShort {
  margin-bottom: 20px;
  color: var(--color-pshort);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.txb1__blk .txb1__blkPostAuthor {
  margin-bottom: 0;
}
.txb1__blk .txb1__blkPostAuthor,
.txb1__blk .txb1__blkPostShort,
.txb1__blk .txb1__blkPostDate,
.txb1__blk .txb1__blkPostCnt {
  opacity: 0.7;
}

.line--back1 {
  padding-top: var(--block-gap);
  padding-bottom: var(--block-gap);
  color: var(--color-white);
  background: var(--gradient-bg);
}
.line--back1 .txb1__blk .txb1__blkTitle a {
  color: var(--color-white);
}
.line--back1 .txb1__blk .txb1__blkTitle a:after {
  background-image: url(../image/link-white.svg);
}
.line--back1 .txb1__blk .global_ptype a {
  background-color: var(--color-red);
}
@media (hover: hover) {
  .line--back1 .txb1__blk .global_ptype a:hover {
    background-color: var(--color-red-hover);
  }
}
.line--back1 .txb1__blk .global_pcat a {
  color: var(--color-dark);
  background-color: var(--color-primary);
}
@media (hover: hover) {
  .line--back1 .txb1__blk .global_pcat a:hover {
    background-color: var(--color-primary-hover);
  }
}
.line--back1 .txb1__blk .txb1__blkPostTitle a {
  color: var(--color-white);
}
@media (hover: hover) {
  .line--back1 .txb1__blk .txb1__blkPostTitle a:hover {
    color: var(--color-primary);
  }
}
.line--back1 .txb1__blk .txb1__blkPostShort {
  color: var(--color-white);
}
.line--back1 .txb1__blk .global_pdate,
.line--back1 .txb1__blk .global_pcnt {
  color: var(--color-white);
}
.line--back1 .txb1__blk .global_pdate::before {
  background-image: url('../image/calendar-white.svg');
}
.line--back1 .txb1__blk .global_pcnt::before {
  background-image: url('../image/eye-white.svg');
}

.footerBlk {
  margin-top: 140px;
  color: var(--color-white);
  background-color: var(--color-dark);
}
.footerBlk .infoSite {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.footerBlk .soc-block {
  display: flex;
  gap: 20px;
  min-height: 140px;
  margin-top: -70px;
  padding: 30px;
  background-color: var(--color-dark-divider);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow);
}
@media (min-width: 850px) {
  .footerBlk .soc-block {
    padding: 40px;
    align-items: center;
  }
}
@media (max-width: 849px) {
  .footerBlk .soc-block {
    flex-direction: column;
  }
}
.footerBlk .soc-block .soc-block__msg {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  gap: 5px;
  padding-left: 35px;
  background-image: url('../image/subscription.svg');
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 20px;
}
.footerBlk .soc-block .soc-block__msg-title {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.footerBlk .soc-block .soc-block__msg-body {
  color: var(--color-upmenu);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}
.footerBlk .soc-block .msb_form {
  flex: 1;
}
@media (min-width: 1360px) {
  .footerBlk .soc-block .msb_form {
    flex-basis: 610px;
  }
}
.footerBlk .soc-block .msb_form .mc-embedded-subscribe-form {
  width: 100%;
}
.footerBlk .soc-block .msb_form .mc_embed_signup_scroll {
  display: flex;
  width: 100%;
  gap: 10px;
  height: var(--action-size);
}
.footerBlk .soc-block .msb_form .mch_txt {
  flex: 1;
}
.footerBlk .soc-block .msb_form .mailchimp-text {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: #686868;
}
.footerBlk .soc-block .msb_form .mailchimp-text::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
.footerBlk .soc-block .msb_form .mailchimp-text::placeholder {
  color: inherit;
  opacity: 1;
}
.footerBlk .soc-block .msb_form .mailchimp-text:-webkit-autofill,
.footerBlk .soc-block .msb_form .mailchimp-text:-webkit-autofill:hover,
.footerBlk .soc-block .msb_form .mailchimp-text:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem #686868 inset;
}
.footerBlk .soc-block .msb_form .mailchimp-button {
  width: var(--action-size);
  height: var(--action-size);
  font-size: 0;
  background-color: var(--color-primary);
  background-image: url('../image/send.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-radius: var(--border-radius-sm);
  border: none;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
@media (hover: hover) {
  .footerBlk .soc-block .msb_form .mailchimp-button:hover {
    background-color: var(--color-primary-hover);
  }
}
.footerBlk .soc-block .sc_links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
@media (min-width: 850px) and (max-width: 1280px) {
  .footerBlk .soc-block .sc_links {
    flex-basis: 145px;
  }
}
.footerBlk .soc-block .sc_links:before {
  content: 'Ми в соцмережах';
  width: 100%;
  color: #a8a8a8;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.footerBlk .soc-block .sc_links .ico_sc_btn {
  width: var(--social-size);
  height: var(--social-size);
  flex-shrink: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition-property: filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .footerBlk .soc-block .sc_links .ico_sc_btn:hover {
    filter: brightness(0.3);
  }
}
.footerBlk .soc-block .sc_links .rss_ico_dm {
  display: none;
}
.footerBlk .soc-block .sc_links .tm_ico_dm {
  background-image: url('../image/tm.svg');
}
.footerBlk .soc-block .sc_links .fb_ico_dm {
  background-image: url('../image/fb.svg');
}
.footerBlk .soc-block .sc_links .tw_ico_dm {
  background-image: url('../image/tw.svg');
}
.footerBlk .soc-block .sc_links .in_ico_dm {
  background-image: url('../image/in.svg');
}
@media (min-width: 850px) {
  .footerBlk .siteFootLogo {
    flex-basis: calc(25% - 15px);
  }
}
@media (max-width: 849px) {
  .footerBlk .siteFootLogo {
    width: 250px;
  }
}
.footerBlk .siteFootLogo {
  display: flex;
  gap: 20px;
}
.footerBlk .siteFootLogo__dm {
  display: block;
  width: var(--action-size);
  height: var(--action-size);
  background-image: url('../image/logo.svg');
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
@media (hover: hover) {
  .footerBlk .siteFootLogo__dm:hover {
    background-image: url('../image/logo-hover.svg');
  }
}
.footerBlk .siteFootLogo__an {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding-top: 11px;
  text-decoration: none;
}
.footerBlk .siteFootLogo__an:before {
  content: 'Антоніна';
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: #ffc428;
  max-width: 187px;
}
@media (hover: hover) {
  .footerBlk .siteFootLogo__an:hover:before {
    color: var(--color-primary-hover);
  }
}
.footerBlk .siteFootLogo__an:after {
  content: 'Про Всесвітні Тренди та Локальні Події';
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #b8b8b8;
  max-width: 187px;
}
.footerBlk .searches {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media (min-width: 850px) {
  .footerBlk .searches {
    flex: 1;
  }
}
@media (max-width: 849px) {
  .footerBlk .searches {
    width: 100%;
  }
}
.footerBlk .searches__name {
  width: 100%;
  margin-bottom: 5px;
}
.footerBlk .searches__name:before {
  content: 'Що люди шукають...';
  color: #fff9f7;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.footerBlk .searches__title a {
  display: inline-flex;
  padding: 8px 10px;
  color: var(--color-dark);
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  background: var(--color-primary);
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.footerBlk .searches__title.tag_set a {
  background-color: var(--color-primary-hover);
  pointer-events: none;
}
@media (hover: hover) {
  .footerBlk .searches__title a:hover {
    background-color: var(--color-primary-hover);
  }
}
.footerBlk .foot_menu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 40px var(--gap);
}
@media (min-width: 850px) {
  .footerBlk .foot_menu {
    gap: var(--gap);
  }
}
@media (min-width: 415px) and (max-width: 849px) {
  .footerBlk .foot_menu > .footmenu_title {
    flex: 1 1 calc(50% - var(--gap) / 2);
  }
}
@media (min-width: 850px) {
  .footerBlk .foot_menu > .footmenu_title {
    flex: 1;
  }
}
@media (max-width: 414px) {
  .footerBlk .foot_menu > .footmenu_title {
    width: 100%;
  }
}
.footerBlk .foot_menu > .footmenu_title > .footmenu_link > a {
  display: block;
  margin-bottom: 30px;
  color: var(--color-white);
  font-size: 21px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  pointer-events: none;
}
.footerBlk .foot_menu > .footmenu_title > .footmenu_link > a:after {
  content: '';
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: var(--color-dark-divider);
  border-radius: var(--border-radius);
}
.footerBlk .foot_menu .footpodmenu_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footerBlk .foot_menu .footmenu_link a {
  color: var(--color-upmenu);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .footerBlk .foot_menu .footmenu_link a:hover {
    color: var(--color-primary);
  }
}
.footerBlk .infologo {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid var(--color-dark-divider);
  border-radius: var(--border-radius-sm);
}
.footerBlk .infologotxt {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.footerBlk .infologotxt2,
.footerBlk .info_text,
.footerBlk .info_mail a,
.footerBlk .info_link a,
.footerBlk .info_text a {
  color: var(--color-upmenu);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}
.footerBlk .info_mail a,
.footerBlk .info_link a,
.footerBlk .info_text a {
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .footerBlk .info_mail a:hover,
  .footerBlk .info_link a:hover,
  .footerBlk .info_text a:hover {
    color: var(--color-primary);
  }
}

#footer {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.msg_cooky_blk {
  position: relative;
  z-index: 900;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  gap: var(--gap);
  padding: var(--gap);
  background: var(--color-white);
}
.msg_cooky_blk .cooky_btn {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .msg_cooky_blk .cooky_btn:hover {
    background-color: var(--color-dark-hover);
  }
}

.upDown {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--action-size);
  height: var(--action-size);
  background-color: #4f4f4f;
  border-radius: var(--border-radius-sm);
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  pointer-events: none;
  transition-property: transform, opacity, background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.upDown:before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url('../image/scroll-top.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
@media (hover: hover) {
  .upDown:hover {
    background-color: var(--color-dark-hover);
  }
}
.body_down .upDown {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: initial;
}
.menu_show .upDown {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .menu_show .upDown {
    margin-right: var(--sb-size);
  }
}

.menu_show {
  overflow: hidden;
}
@media (min-width: 1025px) {
  .menu_show {
    overflow: hidden;
    padding-right: var(--sb-size);
  }
  .menu_show .dm_brend {
    padding-right: var(--sb-size);
  }
}
.article_page {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.article_page .bn-donate {
  max-width: calc(var(--container-width) - var(--container-padding) * 2);
  margin-left: auto;
  margin-right: auto;
}

.art_tree {
  position: relative;
  background-color: var(--color-primary-light);
}
.art_tree:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 440px;
  background: var(--gradient-primary-hero);
  pointer-events: none;
}

.artCatBlk {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .artCatBlk {
    flex-wrap: nowrap;
    overflow-y: auto;
  }
}
.artCatBlk .lining {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.artCatBlk a {
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .artCatBlk a:hover {
    color: var(--color-primary);
  }
}
.artCatBlk .catHome a {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url('../image/home.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media (hover: hover) {
  .artCatBlk .catHome a:hover {
    background-image: url('../image/home-primary.svg');
  }
}
.artCatBlk .cat-sep {
  width: 12px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.artCatBlk .cat-sep:before {
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.artCatBlk .catName {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #8a8a8a;
}
@media (max-width: 1024px) {
  .artCatBlk .catName {
    white-space: nowrap;
  }
}

.art-sets,
.article_page__title,
.article_page__lead,
.art-authors,
.artImgBlk,
.article_page__body {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--container-width-sm);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.art-sets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}
@media (min-width: 575px) {
  .art-sets {
    margin-top: 58px;
  }
}
.art-sets .global_pcat a {
  color: var(--color-primary);
  background-color: var(--color-dark);
}
@media (hover: hover) {
  .art-sets .global_pcat a:hover {
    color: var(--color-primary);
    background-color: var(--color-dark-hover);
  }
}

.article_page__title > * {
  margin-top: 0;
  margin-bottom: 30px;
  color: var(--color-dark);
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 576px) {
  .article_page__title > * {
    font-size: 36px;
  }
}
@media (min-width: 850px) {
  .article_page__title > * {
    font-size: 44px;
  }
}

.article_page__lead {
  margin-bottom: 30px;
  color: var(--color-dark);
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.art-authors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (min-width: 575px) {
  .art-authors {
    margin-bottom: 58px;
  }
}
.art-authors .art-authors__desc {
  display: none;
}
.art-authors .art-authors__blk {
  display: flex;
  align-items: center;
  gap: 12px;
}
.art-authors .art-authors__img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
@media (min-width: 575px) {
  .art-authors .art-authors__img {
    width: 50px;
    height: 50px;
  }
}
.art-authors .art-authors__img a {
    display: block;
    width: 100%;
    height: 100%;
}
.art-authors .art-authors__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media (hover: hover) {
  .art-authors .art-authors__img:hover + .art-authors__blk-info .art-authors__name a {
    color: var(--color-primary);
  }
}
.art-authors .art-authors__name a {
  font-family: var(--font-family-unbounded);
  color: var(--color-dark);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 575px) {
  .art-authors .art-authors__name a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .art-authors .art-authors__name a:hover {
    color: var(--color-primary);
  }
}

.autor-blk .art-authors {
  padding-top: 40px;
  border-top: 1px solid var(--color-divider);
}
@media (min-width: 769px) {
  .autor-blk .art-authors {
    padding-left: 0;
    padding-right: 0;
  }
}
.autor-blk .art-authors__blk {
  position: relative;
  width: 100%;
  display: block;
  gap: 24px;
  padding-left: 94px;
}
.autor-blk .art-authors__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
}
.autor-blk .art-authors__img img {
  border-radius: var(--border-radius-sm);
}
.autor-blk .art-authors__name {
  margin-top: -0.35rem;
  margin-bottom: 20px;
}
.autor-blk .art-authors__desc {
  display: block;
  color: var(--color-dark);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}

.autor-blk__posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--color-divider);
}
@media (min-width: 769px) {
  .autor-blk__posts {
    padding-left: 0;
    padding-right: 0;
  }
}
.autor-blk__posts:before {
  content: 'Інші записи автора';
  display: block;
  grid-column: 1/3;
  font-size: 21px;
  color: var(--color-black);
  font-weight: 700;
}
.autor-blk__posts .autor-blk__prev,
.autor-blk__posts .autor-blk__next {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 17px;
  background-color: var(--color-primary-light);
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}
.autor-blk__posts .autor-blk__prev:before,
.autor-blk__posts .autor-blk__next:before {
  font-size: 10px;
  font-weight: 400;
  line-height: 130%;
  transition-property: var(--color);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.autor-blk__posts .autor-blk__prev .autor-blk__lihkFon,
.autor-blk__posts .autor-blk__next .autor-blk__lihkFon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.autor-blk__posts .autor-blk__prev:empty,
.autor-blk__posts .autor-blk__next:empty {
  display: none;
}
@media (hover: hover) {
  .autor-blk__posts .autor-blk__prev:hover,
  .autor-blk__posts .autor-blk__next:hover {
    color: var(--color-primary);
  }
  .autor-blk__posts .autor-blk__prev:hover a,
  .autor-blk__posts .autor-blk__next:hover a {
    color: var(--color-primary);
  }
}
.autor-blk__posts .autor-blk__prev {
  align-items: flex-start;
  text-align: left;
}
.autor-blk__posts .autor-blk__prev:before {
  content: 'Попередній';
}
.autor-blk__posts .autor-blk__next {
  align-items: flex-end;
  text-align: right;
}
.autor-blk__posts .autor-blk__next:before {
  content: 'Наступний';
}

.artImgBlkFull {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: rgba(0, 0, 0, 0.8);
}

.artImgBlkFull img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.artImgBlk {
  margin-bottom: var(--gap-xl);
}
.artImgBlk img {
  width: 100%;
  border-radius: var(--border-radius-sm);
}

.article_page__body {
  position: relative;
  display: grid;
}
@media (min-width: 850px) {
  .article_page__body {
    grid-template-columns: 70px 1fr 70px;
    gap: 0 40px;
  }
  .article_page__body:after {
    content: '';
    display: block;
    grid-row: 1/10;
    grid-column: 3/4;
  }
}

@media (min-width: 850px) {
  .article_page__st {
    grid-row: 1/10;
  }
}

.article_page__st-blk {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 850px) {
  .article_page__st-blk {
    position: sticky;
    top: calc(var(--siteSubMenu-height-scroll) + var(--gap));
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    transition-property: top;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-timing-function);
  }
  .body_scrol_up .article_page__st-blk {
    top: calc(
      var(--top-menu-height) + var(--siteSubMenu-height) + var(--top-menu-height) + var(--gap)
    );
  }
}
@media (max-width: 849px) {
  .article_page__st-blk {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.article_page__st-blk:before {
  content: 'Поширити';
  display: block;
  margin-bottom: 10px;
  color: var(--color-dark-hover);
  font-family: var(--font-family-unbounded);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 849px) {
  .article_page__st-blk:before {
    width: 100%;
    margin-bottom: 0;
  }
}
.article_page__st-blk a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-primary);
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
}
.article_page__st-blk a:before {
  content: '';
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  filter: brightness(0) invert(0.2);
  transition-property: filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.article_page__st-blk a img {
  display: none;
}
@media (hover: hover) {
  .article_page__st-blk a:hover {
    background-color: var(--color-dark);
  }
  .article_page__st-blk a:hover:before {
    filter: brightness(1);
  }
}
.article_page__st-blk .soc_fb:before {
  background-image: url('../image/facebook.svg');
}
.article_page__st-blk .soc_tw:before {
  background-image: url('../image/twitter.svg');
}
.article_page__st-blk .soc_link {
  display: none;
}
.article_page__st-blk .article_page__print:before {
  background-image: url('../image/printer.svg');
}

.article_page__info {
  display: grid;
  margin-bottom: 40px;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
  color: var(--color-black);
  font-size: 12px;
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 576px) {
  .article_page__info {
    grid-template-columns: repeat(4, 1fr);
  }
}
.article_page__info > * {
  display: flex;
  flex-direction: column;
  min-height: 30px;
  padding-left: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-position: left center;
  background-size: 30px;
  background-repeat: no-repeat;
}
.article_page__info > *:before {
  font-weight: 400;
}

.page-info__reed {
  background-image: url('../image/article-clock.svg');
}
.page-info__reed:before {
  content: 'На читання';
}

.page-info__date {
  background-image: url('../image/article-calendar.svg');
}
.page-info__date:before {
  content: 'Опубліковано';
}

.page-info__comm {
  background-image: url('../image/article-blogging.svg');
}
.page-info__comm:before {
  content: 'Коментарів';
}

.page-info__count {
  background-image: url('../image/article-eye.svg');
}
.page-info__count:before {
  content: 'Переглядів';
}

.article_page__text {
  margin-bottom: 40px;
  color: var(--color-dark);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 1025px) {
  .article_page__text {
    font-size: 18px;
  }
}
.article_page__text > *:first-child {
  margin-top: 0;
}
.article_page__text > *:last-child {
  margin-bottom: 0;
}
.article_page__text a {
  font-family: var(--font-family-unbounded);
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
}
@media (hover: hover) {
  .article_page__text a:hover {
    text-decoration: underline;
  }
}
.article_page__text ul,
.article_page__text ol {
  margin: 0;
  padding: 0;
  padding-inline-start: 1rem;
  font-family: var(--font-family-unbounded);
  font-weight: 500;
  line-height: 150%;
}
.article_page__text ul ul,
.article_page__text ul ol,
.article_page__text ol ul,
.article_page__text ol ol {
  font-weight: 300;
}
.article_page__text ol ol {
  list-style-type: lower-latin;
}
.article_page__text blockquote,
.article_page__text q {
  display: flex;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 32px;
  border-radius: var(--border-radius-sm);
  background: var(--color-primary);
  color: var(--2, #323232);
  text-align: center;
  font-family: var(--font-family-unbounded);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}
.article_page__text blockquote:before,
.article_page__text q:before {
  content: '';
  width: 72px;
  height: 72px;
  background-image: url('../image/quote.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72px;
}
.article_page__text .twitter-tweet,
.article_page__text iframe,
.article_page__text video {
  /*width: 100% !important;*/
  max-width: 100% !important;
  border-radius: var(--border-radius-sm);
}
.article_page__text video {
  /*width: 100% !important;*/
  max-width: 100% !important;
  height: auto;
}
.article_page__text img {
  /*width: 100%;*/
  height: auto;
  border-radius: var(--border-radius-sm);
}
.article_page__text h1 {
  font-size: 32px;
}
.article_page__text h2 {
  font-size: 28px;
}
.article_page__text h3 {
  font-size: 24px;
}
.article_page__text h4 {
  font-size: 20px;
}
.article_page__text h5 {
  font-size: 16px;
}
.article_page__text h6 {
  font-size: 14px;
}

.article_page__source {
  margin-bottom: 40px;
}
.article_page__source a {
  font-size: 16px;
  font-family: var(--font-family-unbounded);
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
}
@media (hover: hover) {
  .article_page__source a:hover {
    text-decoration: underline;
  }
}

.article_page__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--color-divider);
}
.article_page__tags .art-tags__title:first-child {
  width: 100%;
  margin-bottom: 10px;
  color: var(--color-dark);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}
.article_page__tags .art-tags__title a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0px 10px;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
  text-decoration: none;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .article_page__tags .art-tags__title a:hover {
    background-color: var(--color-primary);
  }
}

.artCommentBLK {
  width: 100%;
  max-width: var(--container-width-sm);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.artCommentBLK .artCommentTitle {
  padding-top: 40px;
  border-top: 1px solid var(--color-divider);
  color: var(--color-black);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.artCommentBLK .artCommentCount {
  display: none;
}
.artCommentBLK form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.artCommentBLK form input[type='text'],
.artCommentBLK form input[type='email'],
.artCommentBLK form input[type='url'],
.artCommentBLK form input[type='tel'],
.artCommentBLK form input[type='number'],
.artCommentBLK form input[type='date'],
.artCommentBLK form textarea {
  min-height: var(--action-size);
  width: 100%;
  padding: 15px 20px;
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
}
.artCommentBLK form input[type='text']::-moz-placeholder,
.artCommentBLK form input[type='email']::-moz-placeholder,
.artCommentBLK form input[type='url']::-moz-placeholder,
.artCommentBLK form input[type='tel']::-moz-placeholder,
.artCommentBLK form input[type='number']::-moz-placeholder,
.artCommentBLK form input[type='date']::-moz-placeholder,
.artCommentBLK form textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
  color: var(--color-text);
}
.artCommentBLK form input[type='text']::placeholder,
.artCommentBLK form input[type='email']::placeholder,
.artCommentBLK form input[type='url']::placeholder,
.artCommentBLK form input[type='tel']::placeholder,
.artCommentBLK form input[type='number']::placeholder,
.artCommentBLK form input[type='date']::placeholder,
.artCommentBLK form textarea::placeholder {
  color: inherit;
  opacity: 1;
  color: var(--color-text);
}
.artCommentBLK form input[type='text']:-webkit-autofill,
.artCommentBLK form input[type='text']:-webkit-autofill:hover,
.artCommentBLK form input[type='text']:-webkit-autofill:focus,
.artCommentBLK form input[type='email']:-webkit-autofill,
.artCommentBLK form input[type='email']:-webkit-autofill:hover,
.artCommentBLK form input[type='email']:-webkit-autofill:focus,
.artCommentBLK form input[type='url']:-webkit-autofill,
.artCommentBLK form input[type='url']:-webkit-autofill:hover,
.artCommentBLK form input[type='url']:-webkit-autofill:focus,
.artCommentBLK form input[type='tel']:-webkit-autofill,
.artCommentBLK form input[type='tel']:-webkit-autofill:hover,
.artCommentBLK form input[type='tel']:-webkit-autofill:focus,
.artCommentBLK form input[type='number']:-webkit-autofill,
.artCommentBLK form input[type='number']:-webkit-autofill:hover,
.artCommentBLK form input[type='number']:-webkit-autofill:focus,
.artCommentBLK form input[type='date']:-webkit-autofill,
.artCommentBLK form input[type='date']:-webkit-autofill:hover,
.artCommentBLK form input[type='date']:-webkit-autofill:focus,
.artCommentBLK form textarea:-webkit-autofill,
.artCommentBLK form textarea:-webkit-autofill:hover,
.artCommentBLK form textarea:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem var(--color-primary-light) inset;
}
.artCommentBLK form textarea {
  resize: none;
  min-height: 200px;
  --sb-track-color: var(--color-primary-light);
  --sb-size: 4px;
}
.artCommentBLK form textarea::-webkit-scrollbar {
  width: var(--sb-size);
}
.artCommentBLK form textarea::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: var(--border-radius);
}
.artCommentBLK form textarea::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: var(--border-radius);
}
.artCommentBLK form input[type='submit'] {
  display: inline-flex;
  align-items: center;
  padding: 15px 28px;
  gap: 10px;
  color: var(--color-dark);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-primary);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .artCommentBLK form input[type='submit']:hover {
    background-color: var(--color-primary-hover);
  }
}
.artCommentBLK .com_FCpchBlk,
.artCommentBLK .com_FNameBlk,
.artCommentBLK .com_FTextBlk {
  display: none;
}
.artCommentBLK .com_FCpchImg div {
  color: var(--color-primary);
  text-transform: uppercase;
  cursor: pointer;
}
@media (hover: hover) {
  .artCommentBLK .com_FCpchImg div:hover {
    text-decoration: underline;
  }
}
.artCommentBLK .com_FCpchImg img {
  min-height: var(--action-size);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.com_blk {
  position: relative;
  padding: 20px;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-divider);
}
@media (min-width: 415px) {
  .com_blk {
    padding: 20px 20px 20px 114px;
  }
}
.com_blk .visava {
  width: 70px;
  height: 70px;
}
@media (min-width: 415px) {
  .com_blk .visava {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 414px) {
  .com_blk .visava {
    float: left;
    margin-right: 10px;
  }
}
.com_blk .visava img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.com_blk .com_visName {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}
.com_blk .com_visdate {
  font-size: 10px;
  font-family: var(--font-family-unbounded);
  margin-bottom: 10px;
  color: var(--color-text);
}
.comFormHide {
    display: none;
}

.rolling {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  margin-top: var(--block-gap);
}
.rolling .rolling__blkTitle {
  flex: 1;
  align-self: center;
  color: var(--color-black);
  font-size: 21px;
  font-weight: 500;
  line-height: 120%;
}
.rolling .rolling__1-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rolling .rolling__1-list .list-link__back,
.rolling .rolling__1-list .list-link__next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--action-size);
  height: var(--action-size);
  flex-shrink: 0;
  background-color: var(--color-dark);
  border-radius: 50%;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
.rolling .rolling__1-list .list-link__back:before,
.rolling .rolling__1-list .list-link__next:before {
  content: '';
  width: 16px;
  height: 14px;
  transition-property: filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .rolling .rolling__1-list .list-link__back:hover,
  .rolling .rolling__1-list .list-link__next:hover {
    background-color: var(--color-primary);
  }
  .rolling .rolling__1-list .list-link__back:hover:before,
  .rolling .rolling__1-list .list-link__next:hover:before {
    filter: brightness(0) invert(0.2);
  }
}
.rolling .rolling__1-list .list-link__back:before {
  background-image: url('../image/arrow-left.svg');
}
.rolling .rolling__1-list .list-link__next:before {
  background-image: url('../image/arrow-right.svg');
}
.rolling .rolling__body + div {
  display: none;
}
.rolling .rolling__blkList {
  gap: var(--gap);
}
@media (min-width: 1200px) {
  .rolling .rolling__blkList {
    display: flex;
    transform: translate3d(calc((100% + 20px) / 4 * -1), 0, 0);
  }
}
@media (max-width: 1199px) {
  .rolling .rolling__blkList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 849px) {
  .rolling .rolling__blkList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .rolling .rolling__blkList {
    grid-template-columns: 1fr;
  }
}
.rolling .rolling__blkPost {
  position: relative;
  padding: var(--gap) var(--gap) 12px;
  font-size: 0;
  flex-shrink: 0;
  border-radius: var(--border-radius);
  background-color: var(--color-primary-light);
  transition-property: opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 1200px) {
  .rolling .rolling__blkPost {
    width: calc((100% - 60px) / 4);
  }
}
.rolling .rolling__blkPost:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37px;
  border-radius: 0px 0px 3px 3px;
  background: #f9f5e6;
}
.rolling .rolling__blkPost .rolling__lihkFon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rolling .rolling__blkPost .rolling__blkPostImg {
  display: none;
}
.rolling .rolling__blkPost .rolling__blkPostBigImg,
.rolling .rolling__blkPost .rolling__blkPostImg {
  width: 100%;
  margin-bottom: 20px;
}
.rolling .rolling__blkPost .rolling__blkPostBigImg a,
.rolling .rolling__blkPost .rolling__blkPostImg a {
  display: block;
}
.rolling .rolling__blkPost .rolling__blkPostBigImg img,
.rolling .rolling__blkPost .rolling__blkPostImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius);
}
.rolling .rolling__blkPost .rolling__blkPostTitle {
  min-height: 68px;
  margin-bottom: 40px;
}
.rolling .rolling__blkPost .rolling__blkPostTitle a {
  font-size: 14px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rolling .rolling__blkPost .rolling__blkPostShort {
  display: none;
}
.rolling .rolling__blkPost .rolling__blkPostCnt,
.rolling .rolling__blkPost .rolling__blkPostDate {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .rolling .rolling__blkPost:first-child,
  .rolling .rolling__blkPost:nth-child(6) {
    opacity: 0.4;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .rolling .rolling__blkPost:first-child:hover,
  .rolling .rolling__blkPost:nth-child(6):hover {
    opacity: 1;
  }
}
.rolling.rolling__1_back .list-link__back {
  pointer-events: none;
  opacity: 0.6;
  transform: none;
}
@media (min-width: 1200px) {
  .rolling.rolling__1_back .rolling__blkList {
    transform: none;
  }
  .rolling.rolling__1_back .rolling__blkPost:first-child {
    opacity: 1;
  }
  .rolling.rolling__1_back .rolling__blkPost:nth-child(5) {
    opacity: 0.4;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .rolling.rolling__1_back .rolling__blkPost:nth-child(5):hover {
    opacity: 1;
  }
}
.rolling.rolling__1_next .list-link__next {
  pointer-events: none;
  opacity: 0.6;
}
@media (min-width: 1200px) {
  .rolling.rolling__1_next .rolling__blkList {
    transform: translate3d(calc((100% + 20px) / 4 * -2), 0, 0);
  }
  .rolling.rolling__1_next .rolling__blkPost:nth-child(2) {
    opacity: 0.4;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .rolling.rolling__1_next .rolling__blkPost:nth-child(2):hover {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .rolling.rolling__1_next .rolling__blkPost:last-child {
    opacity: 1;
  }
}

.page_cats {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.page_cats .lining {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
.page_cats .artCatBlk {
  background-color: var(--color-primary);
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  /*margin-bottom: -40px;*/
}
.page_cats .right_dblLine .lister_link {
  margin-top: 20px;
}
.page_cats .cat_blk {
  padding-top: 20px;
  clear: both;
}
.page_cats .line--back2 {
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--color-primary-light);
}
.page_cats .line--back2:before {
  content: '';
  position: relative;
  top: -40px;
  display: block;
  height: 2px;
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

.page_sorts {
  float: right;
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-left: auto;
  margin-bottom: 20px;
}
.page_sorts .sorts_arrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
}
.page_sorts .sorts_arrow:before {
  content: 'Сортування:';
  margin-right: 10px;
  pointer-events: none;
}
.page_sorts .sorts_arrow:after {
  content: '';
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-image: url('../image/chevron-down.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition-property: transform;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.page_sorts .sorts_arrow.sorts_hide {
  display: none;
}
.page_sorts .page_sorts_list {
  position: absolute;
  z-index: 10;
  top: calc(100% + 10px);
  right: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  padding: 10px;
  text-align: right;
  background-color: var(--color-dark);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  pointer-events: none;
  transition-property: transform, opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.page_sorts .page_sorts_list .sort_set a {
  color: var(--color-primary);
  pointer-events: none;
}
.page_sorts .page_sorts_list a {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: var(--color-white);
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .page_sorts .page_sorts_list a:hover {
    color: var(--color-primary);
  }
}
.page_sorts.page_sorts_show .sorts_arrow:after {
  transform: scale(1, -1);
}
.page_sorts.page_sorts_show .sorts_arrow.sorts_hide {
  display: inline-flex;
}
.page_sorts.page_sorts_show .sorts_arrow.sorts_show {
  display: none;
}
.page_sorts.page_sorts_show .page_sorts_list {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: initial;
}

.cat-search {
  background-color: var(--color-primary);
}
.cat-search .lining {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-direction: column;
  gap: 34px;
  max-width: 660px;
  padding-top: 20px;
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  .cat-search .lining {
    padding-bottom: 150px;
    padding-top: 100px;
  }
}
.cat-search .cat-search__title {
  color: var(--color-dark);
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 576px) {
  .cat-search .cat-search__title {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  .cat-search .cat-search__title {
    font-size: 44px;
  }
}
.cat-search form {
  display: flex;
  gap: 10px;
  width: 100%;
}
@media (max-width: 375px) {
  .cat-search form {
    --action-size: 41px;
  }
}
.cat-search .cat-search__var {
  flex: 1;
}
.cat-search .cat-search__var input {
  width: 100%;
  min-height: var(--action-size);
  padding: 10px 20px;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
}
.cat-search .cat-search__var input::-moz-placeholder {
  opacity: 1;
  color: inherit;
}
.cat-search .cat-search__var input::placeholder {
  opacity: 1;
  color: inherit;
}
.cat-search .cat-search__var input:-webkit-autofill,
.cat-search .cat-search__var input:-webkit-autofill:hover,
.cat-search .cat-search__var input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem var(--color-primary-light) inset;
}
.cat-search .cat-search__button {
  flex-shrink: 0;
}
.cat-search .cat-search__button input {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  width: var(--action-size);
  height: var(--action-size);
  border: none;
  background-image: url('../image/magnifying-glass-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
@media (hover: hover) {
  .cat-search .cat-search__button input:hover {
    background-color: var(--color-dark-hover);
  }
}

.tree_blk {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tree_blk a {
  font-size: 14px;
  color: var(--color-dark);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  background-color: var(--color-primary-light);
  border-radius: var(--border-radius-sm);
  text-decoration: none;
  transition-property: background-color, color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.tree_blk .level_1 a {
  color: var(--color-dark);
  background-color: var(--color-primary);
}
@media (hover: hover) {
  .tree_blk .level_1 a:hover {
    color: var(--color-dark);
    background-color: var(--color-primary-hover);
  }
}
.tree_blk .level_1 + .level_2:before {
  content: '>';
  margin-right: 10px;
}
.tree_blk .level_2 a {
  color: var(--color-white);
  background-color: var(--color-dark);
}
@media (hover: hover) {
  .tree_blk .level_2 a:hover {
    color: var(--color-dark);
    background-color: var(--color-primary);
  }
}
.tree_blk .level_2 + .level_3:before {
  content: '>';
  margin-right: 10px;
}
@media (hover: hover) {
  .tree_blk .level_3 a:hover {
    color: var(--color-dark);
    background-color: var(--color-primary);
  }
}

.art_tags {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.art_tags .tags_limit_0 {
  font-size: 18px;
  font-weight: 700;
}
.art_tags a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0px 10px;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
  text-decoration: none;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .art_tags a:hover {
    background-color: var(--color-primary);
  }
}

.pc_specpr .cat_sp_set {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-align: center;
}
.pc_specpr .cat_sp_set .cat_blkTitle {
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 576px) {
  .pc_specpr .cat_sp_set .cat_blkTitle {
    font-size: 36px;
  }
}
@media (min-width: 1025px) {
  .pc_specpr .cat_sp_set .cat_blkTitle {
    font-size: 44px;
  }
}
.pc_specpr .cat_sp_set .cat_blkDesc {
  max-width: 700px;
  margin-top: 20px;
}
.pc_specpr .cat_sp_set > * {
  text-align: center;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
.pc_specpr .cat_sp_set + div {
  margin-top: -40px;
}
.pc_specpr .cat-search__title {
  display: none;
}
.pc_specpr .cat-search .lining {
  padding-top: 40px;
}

.cat-top__blkList,
.cat_blkList {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--gap);
}
@media (min-width: 576px) {
  .cat-top__blkList,
  .cat_blkList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .cat-top__blkList,
  .cat_blkList {
    grid-template-columns: repeat(4, 1fr);
  }
}

.cat-top__blkPost,
.cat_blkPost {
  position: relative;
  padding: var(--gap) var(--gap) 12px;
  font-size: 0;
  border-radius: var(--border-radius);
  background-color: var(--color-primary-light);
}
.cat-top__blkPost .cat-top__lihkFon,
.cat-top__blkPost .cat_lihkFon,
.cat_blkPost .cat-top__lihkFon,
.cat_blkPost .cat_lihkFon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cat-top__blkPost .cat-top__blkPostBigImg,
.cat-top__blkPost .cat_blkPostBigImg,
.cat_blkPost .cat-top__blkPostBigImg,
.cat_blkPost .cat_blkPostBigImg {
  display: none;
}
.cat-top__blkPost .cat-top__blkPostBigImg,
.cat-top__blkPost .cat_blkPostBigImg,
.cat-top__blkPost .cat-top__blkPostImg,
.cat-top__blkPost .cat_blkPostImg,
.cat_blkPost .cat-top__blkPostBigImg,
.cat_blkPost .cat_blkPostBigImg,
.cat_blkPost .cat-top__blkPostImg,
.cat_blkPost .cat_blkPostImg {
  width: 100%;
  margin-bottom: 20px;
}
.cat-top__blkPost .cat-top__blkPostBigImg a,
.cat-top__blkPost .cat_blkPostBigImg a,
.cat-top__blkPost .cat-top__blkPostImg a,
.cat-top__blkPost .cat_blkPostImg a,
.cat_blkPost .cat-top__blkPostBigImg a,
.cat_blkPost .cat_blkPostBigImg a,
.cat_blkPost .cat-top__blkPostImg a,
.cat_blkPost .cat_blkPostImg a {
  display: block;
}
.cat-top__blkPost .cat-top__blkPostBigImg img,
.cat-top__blkPost .cat_blkPostBigImg img,
.cat-top__blkPost .cat-top__blkPostImg img,
.cat-top__blkPost .cat_blkPostImg img,
.cat_blkPost .cat-top__blkPostBigImg img,
.cat_blkPost .cat_blkPostBigImg img,
.cat_blkPost .cat-top__blkPostImg img,
.cat_blkPost .cat_blkPostImg img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-sm);
}
.cat-top__blkPost .cat-top__blkPostTitle,
.cat-top__blkPost .cat_blkPostTitle,
.cat_blkPost .cat-top__blkPostTitle,
.cat_blkPost .cat_blkPostTitle {
  margin-bottom: 10px;
}
@media (min-width: 1280px) {
  .cat-top__blkPost .cat-top__blkPostTitle,
  .cat-top__blkPost .cat_blkPostTitle,
  .cat_blkPost .cat-top__blkPostTitle,
  .cat_blkPost .cat_blkPostTitle {
    margin-bottom: 20px;
  }
}
.cat-top__blkPost .cat-top__blkPostTitle a,
.cat-top__blkPost .cat_blkPostTitle a,
.cat_blkPost .cat-top__blkPostTitle a,
.cat_blkPost .cat_blkPostTitle a {
  font-size: 14px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cat-top__blkPost .cat-top__blkPostShort,
.cat-top__blkPost .cat_blkPostShort,
.cat_blkPost .cat-top__blkPostShort,
.cat_blkPost .cat_blkPostShort {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .cat-top__blkPost .cat-top__blkPostShort,
  .cat-top__blkPost .cat_blkPostShort,
  .cat_blkPost .cat-top__blkPostShort,
  .cat_blkPost .cat_blkPostShort {
    margin-bottom: 20px;
  }
}
.cat-top__blkPost .cat-top__blkPostDate,
.cat-top__blkPost .cat-top__blkPostCnt,
.cat-top__blkPost .cat_blkPostDate,
.cat-top__blkPost .cat_blkPostCnt,
.cat_blkPost .cat-top__blkPostDate,
.cat_blkPost .cat-top__blkPostCnt,
.cat_blkPost .cat_blkPostDate,
.cat_blkPost .cat_blkPostCnt {
  position: relative;
  z-index: 2;
}

#lister_publ1 {
  display: flex;
  flex-direction: column;
}

#lister_publ1:empty,
#lister_publ1_src:empty,
#page_list_src:empty {
  display: none;
}
#lister_publ1 script,
#lister_publ1_src script,
#page_list_src script {
  display: none;
}

.cat_pagesBlk {
  margin-top: 20px;
}
.cat_pagesBlk .pgsblk {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
@media (min-width: 480px) {
  .cat_pagesBlk .pgsblk {
    gap: 20px;
  }
}
.cat_pagesBlk .pgsblk .pgslink {
  display: flex;
  margin: 0;
  padding: 0;
}
.cat_pagesBlk .pgsblk .pgslink > * {
  display: flex;
  min-width: var(--action-size);
  min-height: var(--action-size);
  background: var(--color-primary-light);
  border-radius: var(--border-radius-sm);
}
.cat_pagesBlk .pgsblk .pgslink > div {
  pointer-events: none;
  opacity: 0.7;
}
.cat_pagesBlk .pgsblk .pgslink > a {
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .cat_pagesBlk .pgsblk .pgslink > a:hover {
    color: var(--color-dark);
    background-color: var(--color-primary);
  }
  .cat_pagesBlk .pgsblk .pgslink > a:hover div {
    color: inherit;
  }
}
.cat_pagesBlk .pgsblk div,
.cat_pagesBlk .pgsblk a {
  padding: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--color-dark);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
body .pgslink a:hover .pgsfirst {
    background: transparent;
}
.cat_pagesBlk .pgsblk .pgsfirst {
  width: 100%;
  height: 100%;
}
.cat_pagesBlk .pgsblk .pgsback,
.cat_pagesBlk .pgsblk .pgsnext {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
}
.cat_pagesBlk .pgsblk .pgsback:before,
.cat_pagesBlk .pgsblk .pgsnext:before {
  content: '';
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.cat_pagesBlk .pgsblk .pgsback:before {
  background-image: url('../image/arrow-left.svg');
  filter: brightness(0) invert(0.2);
}
.cat_pagesBlk .pgsblk .pgsnext:before {
  background-image: url('../image/arrow-right.svg');
  filter: brightness(0) invert(0.2);
}
.cat_pagesBlk .pgsblk div.pgsnumset {
  pointer-events: initial;
  opacity: 1;
  background-color: var(--color-dark);
  color: var(--color-white);
}
.cat_pagesBlk .pgsblk div.pgsnumset::after {
  display: none;
}

.cat-top__blk {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.cat-top__blkTitle {
  color: var(--color-pshort);
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}

.cat-top__limit_4 ~ .cat-top__blkPost:before {
  display: none;
}
.cat-top__limit_4 ~ .cat-top__blkPost .cat-top__blkPostTitle {
  min-height: 34px;
  margin-bottom: 10px;
}

.cat-searches {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
}
.cat-searches .cat-searches__name {
  margin-bottom: 10px;
  width: 100%;
}
.cat-searches .cat-searches__name:before {
  content: 'Що люди шукають у цій категорії...';
  color: var(--color-dark);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}
.cat-searches .cat-searches__title a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0px 10px;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
  text-decoration: none;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .cat-searches .cat-searches__title a:hover {
    background-color: var(--color-primary);
  }
}

.page_arch {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  margin-top: 40px;
}
.page_arch .lining {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.page_arch .right_dblLine {
  flex: 1;
}
.page_arch .right_dblLine .cat_blkList {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.page_arch .right_dblLine .cat_blkTitle {
  float: left;
  color: var(--color-dark);
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 576px) {
  .page_arch .right_dblLine .cat_blkTitle {
    font-size: 36px;
  }
}
@media (min-width: 1025px) {
  .page_arch .right_dblLine .cat_blkTitle {
    font-size: 44px;
  }
}
.page_arch .right_dblLine .page_hder {
  position: relative;
  float: right;
  margin-left: auto;
  display: inline-flex;
  min-height: var(--action-size);
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  gap: 4px;
  color: var(--color-pshort);
  font-family: var(--font-family-unbounded);
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  border-radius: var(--border-radius-sm);
  border: 2px solid var(--color-dark);
  transition-property: background-color, color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 1025px) {
  .page_arch .right_dblLine .page_hder {
    padding: 16px 24px;
  }
}
.page_arch .right_dblLine .page_hder:after {
  content: '';
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-image: url('../image/datepicker.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition-property: filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.page_arch .right_dblLine .page_hder .dateListStart {
  display: none;
}
.page_arch .right_dblLine .page_hder .dateListEnd {
  display: none;
}
.page_arch .right_dblLine .page_hder .arch_blk_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.page_arch .right_dblLine .page_hder .arch_blk_btn.arch_blk_off {
  pointer-events: none;
}
.cln_on .page_arch .right_dblLine .page_hder .arch_blk_btn.arch_blk_off {
  pointer-events: initial;
}
.page_arch .right_dblLine .page_hder .archBllk {
  position: absolute;
  z-index: 10;
  top: calc(100% + 10px);
  right: -2px;
  width: 300px;
  height: 300px;
  background-color: var(--color-white);
  border: 2px solid var(--color-dark);
  border-radius: var(--border-radius-sm);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  pointer-events: none;
  transition-property: transform, opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.page_arch .right_dblLine .page_hder .archBllk iframe {
  width: 100%;
  height: 100%;
}
.cln_on .page_arch .right_dblLine .page_hder .archBllk {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: initial;
}
@media (hover: hover) {
  .page_arch .right_dblLine .page_hder:hover {
    color: var(--color-white);
    background-color: var(--color-dark);
  }
  .page_arch .right_dblLine .page_hder:hover:after {
    filter: brightness(0) invert(1);
  }
}
.page_arch .right_dblLine .cat_items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 20px;
  clear: both;
}
.page_arch .right_dblLine .cat_items a {
  color: var(--color-dark);
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .page_arch .right_dblLine .cat_items a:hover {
    color: var(--color-primary);
  }
}
.page_arch .right_dblLine .cat_blk {
  clear: both;
  padding-top: 40px;
}
.page_arch .right_dblLine .page_fter {
  display: none;
}
.page_arch .cat_blkPost {
  padding-bottom: 20px;
}
.page_arch .cat_blkPost:before {
  display: none;
}
.page_arch .cat_blkPost .cat_blkPostDate {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}
.page_arch .cat_blkPost .cat_blkPostTitle {
  min-height: 34px;
  margin-bottom: 5px;
}
.page_arch .right_line {
  display: none;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1025px) {
  .page_arch .right_line {
    display: flex;
    position: relative;
    /*top: calc(var(--menu_4-height) + var(--siteSubMenu-height) + var(--top-menu-height) + 10px);*/
    width: 300px;
  }
}
.page_arch .right_line_copy {
  display: none;
  gap: 10px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .page_arch .right_line_copy {
    display: flex;
  }
}
.page_arch .archBlkFilters,
.page_arch .archFltrOpen {
  display: grid;
  grid-template-rows: auto;
  transition-property: grid-template-rows;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.page_arch .archFltrOpen .fltDefaultShow {
  display: none;
}
.page_arch .archFltrOpen .fltDefaultHide {
  display: flex;
}
.page_arch .archFltrOpen .archBlkSbc {
  max-height: 350px;
  padding: 10px;
}
.page_arch .fltDefaultShow {
  border-radius: var(--border-radius-sm);
}
.page_arch .fltDefaultShow,
.page_arch .fltDefaultHide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 20px;
  background-color: var(--color-primary-light);
}
.page_arch .fltDefaultShow a,
.page_arch .fltDefaultHide a {
  font-size: 18px;
  color: var(--color-dark);
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .page_arch .fltDefaultShow a:hover,
  .page_arch .fltDefaultHide a:hover {
    color: var(--color-primary);
  }
}
.page_arch .fltDefaultShow div,
.page_arch .fltDefaultHide div {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
@media (hover: hover) {
  .page_arch .fltDefaultShow div:hover,
  .page_arch .fltDefaultHide div:hover {
    background-color: var(--color-dark-hover);
  }
}
.page_arch .fltDefaultHide {
  display: none;
  border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
  border-bottom: 1px solid var(--color-divider);
}
.page_arch .archBlkSbc {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0;
  grid-row: 2;
  max-height: 0;
  background-color: var(--color-primary-light);
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
  overflow-y: auto;
  transition-property: max-height, padding;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.page_arch .archBlkSbc::-webkit-scrollbar {
  width: var(--sb-size);
}
.page_arch .archBlkSbc::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: var(--border-radius);
}
.page_arch .archBlkSbc::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: var(--border-radius);
}
.page_arch .archBlkSbc a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 0px 10px;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .page_arch .archBlkSbc a:hover {
    background-color: var(--color-primary);
  }
}
.page_arch .archBlkScidBlk {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.page_arch .archBlkScidBlk .archBlkScidBlk {
  padding-left: 20px;
}

.cat_con_set {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  text-align: center;
  gap: 10px;
}
.cat_con_set .cat_author_ava {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: var(--color-primary);
  overflow: hidden;
}
.cat_con_set .cat_author_ava img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.cat_con_set .cat_author_name {
  font-weight: 700;
}
.cat_con_set .cat-author__posts {
  display: none;
}

.cp-count {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.cp-count .cp-count__num {
  color: var(--color-pshort);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}
.cp-count .cp-count__num:before {
  content: 'Знайдено ';
}

.alltags_page,
.authors_page {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  padding-top: 40px;
}
.alltags_page .titlePageList,
.authors_page .titlePageList {
  display: inline-flex;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--color-dark);
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 576px) {
  .alltags_page .titlePageList,
  .authors_page .titlePageList {
    font-size: 36px;
  }
}
@media (min-width: 1025px) {
  .alltags_page .titlePageList,
  .authors_page .titlePageList {
    font-size: 44px;
  }
}
.alltags_page .titlePageList .tpl_count,
.authors_page .titlePageList .tpl_count {
  color: var(--color-pshort);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
@media (min-width: 576px) {
  .alltags_page .titlePageList .tpl_count,
  .authors_page .titlePageList .tpl_count {
    font-size: 28px;
  }
}
.alltags_page .abc_list_blk,
.authors_page .abc_list_blk {
  margin-bottom: 40px;
}
.alltags_page .abc_list_blk .abc_title,
.authors_page .abc_list_blk .abc_title {
  margin-bottom: 10px;
  color: var(--color-dark);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}
.alltags_page .abc_list_blk .abc_list,
.authors_page .abc_list_blk .abc_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.alltags_page .abc_list_blk a,
.authors_page .abc_list_blk a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 20px;
  min-width: 30px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px;
  font-size: 18px;
  color: var(--color-dark);
  background-color: var(--color-primary-light);
  border-radius: var(--border-radius-sm);
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  cursor: pointer;
}
@media (hover: hover) {
  .alltags_page .abc_list_blk a:hover,
  .authors_page .abc_list_blk a:hover {
    background-color: var(--color-primary);
  }
}

.allt_bc,
.allA_bc {
  -moz-columns: 150px;
  columns: 150px;
}
@media (min-width: 768px) {
  .allt_bc,
  .allA_bc {
    -moz-columns: 225px;
    columns: 225px;
  }
}
@media (min-width: 1366px) {
  .allt_bc,
  .allA_bc {
    -moz-columns: 300px;
    columns: 300px;
  }
}

.allt_letterFBlk,
.allA_letterFBlk {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.allt_letterBlk,
.allA_letterBlk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.allt_letter,
.allA_letter {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 20px;
  min-width: 30px;
  text-transform: uppercase;
  padding: 5px;
  font-size: 18px;
  color: var(--color-white);
  background-color: var(--color-dark);
  border-radius: var(--border-radius-sm);
}

.allt_cidBlk,
.allA_cidBlk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.allt_nameBlk,
.allA_nameBlk {
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
}
.allt_nameBlk a,
.allA_nameBlk a {
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 768px) {
  .allt_nameBlk a,
  .allA_nameBlk a {
    font-size: 18px;
  }
}
@media (hover: hover) {
  .allt_nameBlk a:hover,
  .allA_nameBlk a:hover {
    color: var(--color-primary);
  }
}
.allt_nameBlk .allt_cnt_p,
.allt_nameBlk .allA_cnt_p,
.allA_nameBlk .allt_cnt_p,
.allA_nameBlk .allA_cnt_p {
  font-size: 14px;
  line-height: 1;
}

.alltags_page .srchBlk {
  min-height: auto;
}
@media (max-width: 479px) {
  .alltags_page .srchBlk .srchTagVal {
    order: 2;
    width: calc(100% - 10px - var(--action-size));
  }
}
.alltags_page .srchTagTitle {
  display: none;
}
.alltags_page .srchVal {
  grid-row: 2;
  grid-column: span 11;
}

.srchBlk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 440px;
  margin-bottom: 45px;
  background-color: var(--color-primary);
  min-width: 0;
}
.srchBlk form {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-wrap: wrap;
  max-width: 660px;
  padding-top: 40px;
  padding-bottom: 40px;
  gap: 10px;
  min-width: 0;
}
@media (min-width: 480px) {
  .srchBlk form {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 479px) {
  .srchBlk form {
    --action-size: 40px;
    max-width: 100%;
  }
}
.srchBlk form:before {
  content: 'Пошук';
  margin-bottom: 16px;
  color: var(--color-dark);
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  width: 100%;
}
@media (max-width: 479px) {
  .srchBlk form:before {
    order: 0;
  }
}
@media (min-width: 480px) {
  .srchBlk form:before {
    grid-column: span 12;
  }
}
@media (min-width: 576px) {
  .srchBlk form:before {
    font-size: 28px;
  }
}
@media (min-width: 1025px) {
  .srchBlk form:before {
    font-size: 44px;
  }
}
.srchBlk form .srchTxt {
  grid-column: span 2;
  width: 100%;
}
@media (max-width: 479px) {
  .srchBlk form .srchTxt {
    order: 3;
  }
}
@media (min-width: 480px) {
  .srchBlk form .srchTxt {
    grid-column: span 6;
  }
  .srchBlk form .srchTxt:nth-child(4) {
    grid-row: 4;
  }
  .srchBlk form .srchTxt:nth-child(5) {
    grid-row: 3;
    grid-column: 7 / span 6;
  }
  .srchBlk form .srchTxt:nth-child(9) {
    grid-row: 5;
    grid-column: 7 / span 6;
  }
}
.srchBlk form .srchVal {
  width: 100%;
}
@media (max-width: 479px) {
  .srchBlk form .srchVal {
    order: 3;
  }
}
@media (min-width: 480px) {
  .srchBlk form .srchVal {
    grid-column: span 6;
  }
}
.srchBlk form .srchVal input {
  width: 100%;
  min-height: var(--action-size);
  padding: 9px 20px;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
}
.srchBlk form .srchVal input::-moz-placeholder {
  opacity: 1;
  color: inherit;
}
.srchBlk form .srchVal input::placeholder {
  opacity: 1;
  color: inherit;
}
.srchBlk form .srchVal input:-webkit-autofill,
.srchBlk form .srchVal input:-webkit-autofill:hover,
.srchBlk form .srchVal input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem var(--color-primary-light) inset;
}
.srchBlk form .srchTxtTitle {
  display: none;
}
@media (min-width: 480px) {
  .srchBlk form .srchTagTitle,
  .srchBlk form .srchTagVal {
    grid-column: 12 span;
  }
}
.srchBlk form .srchTxtVal {
  grid-row: 2;
}
@media (max-width: 479px) {
  .srchBlk form .srchTxtVal {
    width: calc(100% - 10px - var(--action-size));
    order: 1;
  }
}
@media (min-width: 480px) {
  .srchBlk form .srchTxtVal {
    grid-column: span 11;
  }
}
.srchBlk form .srchSubmit {
  grid-row: 2;
}
@media (max-width: 479px) {
  .srchBlk form .srchSubmit {
    order: 2;
  }
}
@media (min-width: 480px) {
  .srchBlk form .srchSubmit {
    grid-column: span 1;
  }
}
.srchBlk form .srchSubmit input {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  width: var(--action-size);
  height: var(--action-size);
  font-size: 0;
  border: none;
  background-image: url('../image/magnifying-glass-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
@media (hover: hover) {
  .srchBlk form .srchSubmit input:hover {
    background-color: var(--color-dark-hover);
  }
}
.srchBlk form select {
  width: 100%;
  min-height: var(--action-size);
  padding: 10px 50px 10px 20px;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../image/chevron-down.svg');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px;
}
.srchBlk .tprepop {
  margin-top: 10px;
}
.srchBlk .tprepop:empty {
  display: none;
}
.srchBlk .pretagbox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.srchBlk .tbox {
  display: inline-flex;
  padding: 10px 20px;
  gap: 10px;
  color: var(--color-white);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-dark);
}
.srchBlk .tbox a {
  cursor: pointer;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .srchBlk .tbox a:hover {
    color: var(--color-primary);
  }
}
.srchBlk .tbox .ttps:empty {
  display: none;
}

.cSrchBlk,
.searchListNext {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.cSrchBlk {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--gap);
}
@media (min-width: 1080px) {
  .cSrchBlk {
    grid-template-columns: repeat(4, 1fr);
  }
}

.cSrchRBlk {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  border-radius: var(--border-radius);
  background-color: var(--color-primary-light);
}
.cSrchRBlk .cSrchTitle {
  flex: 1;
}
.cSrchRBlk .cSrchTitle a {
  color: var(--color-dark);
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .cSrchRBlk .cSrchTitle a:hover {
    color: var(--color-primary);
  }
}
.cSrchRBlk .cSrchDesc {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cSrchRBlk .cSrchDate {
  order: 1;
  align-self: start;
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  padding: 2px 10px;
  color: var(--color-text);
  font-family: var(--font-family-unbounded);
  background-color: var(--color-primary);
  border-radius: var(--border-radius-sm);
}

.searchListNext {
  margin-top: 40px;
}

.specprg_page {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.specprg_page .cat_blkTitle {
  color: var(--color-dark);
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
}
@media (min-width: 576px) {
  .specprg_page .cat_blkTitle {
    font-size: 36px;
  }
}
@media (min-width: 1025px) {
  .specprg_page .cat_blkTitle {
    font-size: 44px;
  }
}
.specprg_page .sptid_list {
  display: grid;
  gap: var(--gap);
  grid-template-columns: 1fr;
}
@media (min-width: 481px) {
  .specprg_page .sptid_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 850px) {
  .specprg_page .sptid_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .specprg_page .sptid_list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 481px) {
  .specprg_page .cat_pagesBlk {
    grid-column: span 2;
  }
}
@media (min-width: 850px) {
  .specprg_page .cat_pagesBlk {
    grid-column: span 3;
  }
}
@media (min-width: 1280px) {
  .specprg_page .cat_pagesBlk {
    grid-column: span 4;
  }
}

.sptid_blk {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background-color: var(--color-primary-light);
}
.sptid_blk .splist_blkTitle a {
  color: var(--color-primary);
  font-size: 21px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .sptid_blk .splist_blkTitle a:hover {
    color: var(--color-primary-hover);
  }
}
.sptid_blk .global_ptitle a {
  display: inline-flex;
  color: var(--color-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  background-color: var(--color-primary-light);
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
.sptid_blk .global_ptitle a:before {
  content: '';
  position: relative;
  top: 0.4rem;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--color-dark);
}
@media (hover: hover) {
  .sptid_blk .global_ptitle a:hover {
    color: var(--color-primary);
  }
}
.sptid_blk .splist_blkList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sptid_blk .global_blklink {
  all: unset;
  margin-top: auto;
}

.submailchimp {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 30px;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-sm);
}
@media (min-width: 850px) {
  .submailchimp {
    padding: 40px;
  }
}
.submailchimp .submailchimp_1 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.submailchimp .submailchimp_1 a {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .submailchimp .submailchimp_1 a:hover {
    background-color: var(--color-dark-hover);
  }
}
.submailchimp .submailchimp_1_2 {
  font-size: 18px;
  font-weight: 700;
}
.submailchimp .mc_embed_signup_scroll {
  display: flex;
  gap: 10px;
  max-width: 600px;
  width: 100%;
}
.submailchimp .mch_txt {
  flex: 1;
}
.submailchimp .mch_txt input {
  width: 100%;
  min-height: var(--action-size);
  padding: 6px 20px;
  border: none;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
}
.submailchimp .mch_txt input::-moz-placeholder {
  opacity: 1;
  color: inherit;
}
.submailchimp .mch_txt input::placeholder {
  opacity: 1;
  color: inherit;
}
.submailchimp .mch_txt input:-webkit-autofill,
.submailchimp .mch_txt input:-webkit-autofill:hover,
.submailchimp .mch_txt input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 40rem var(--color-primary-light) inset;
}
.submailchimp .main_chimp input {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  background: var(--color-dark);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  width: var(--action-size);
  height: var(--action-size);
  font-size: 0;
  border: none;
  background-image: url('../image/magnifying-glass-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
@media (hover: hover) {
  .submailchimp .main_chimp input:hover {
    background-color: var(--color-dark-hover);
  }
}
.submailchimp .submailchimp_2 {
  font-weight: 700;
}
.submailchimp .submailchimp_2_1,
.submailchimp .submailchimp_2_2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.submailchimp .ico_sc_btn {
  display: inline-flex;
  width: var(--social-size);
  height: var(--social-size);
  flex-shrink: 0;
  font-size: 0;
  filter: brightness(0) invert(0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition-property: filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .submailchimp .ico_sc_btn:hover {
    filter: brightness(0) invert(0);
  }
}
.submailchimp .tm_ico_dm {
  background-image: url('../image/tm.svg');
}
.submailchimp .fb_ico_dm {
  background-image: url('../image/fb.svg');
}
.submailchimp .tw_ico_dm {
  background-image: url('../image/tw.svg');
}
.submailchimp .in_ico_dm {
  background-image: url('../image/in.svg');
}

.authors_module {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  padding-top: 40px;
}
.authors_module .cat_blkTitle {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 576px) {
  .authors_module .cat_blkTitle {
    font-size: 36px;
  }
}
@media (min-width: 1025px) {
  .authors_module .cat_blkTitle {
    font-size: 44px;
  }
}
.authors_module .athmain {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--gap);
}
@media (min-width: 1280px) {
  .authors_module .athmain {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
.authors_module .blk {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: var(--gap);
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-primary-light);
}
.authors_module .blk .name a {
  display: inline-flex;
  padding: 5px 10px;
  font-size: 14px;
  color: var(--color-white);
  text-decoration: none;
  background-color: var(--color-dark);
  border-radius: var(--border-radius-sm);
}
.authors_module .blk .img {
  width: 100%;
}
.authors_module .blk .img img {
  width: 100%;
  border-radius: var(--border-radius-sm);
}
.authors_module .blk .athblkPost:first-child .global_ptitle {
  margin-top: 5px;
  margin-bottom: 5px;
}
.authors_module .blk .global_ptitle a {
  font-size: 16px;
  font-weight: 700;
}
.authors_module .blk .athblkPostShort {
  font-size: 14px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.authors_module .blk .athblkList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.authors_module .titlePageList_1 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}
.authors_module .athpagesBlk {
  margin-top: 20px;
}
.authors_module .scrollblk {
  display: flex;
  align-items: center;
  float: initial;
  gap: 10px;
}
.authors_module .scrollblk .scrolllink {
  float: initial;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-width: var(--action-size);
}
.authors_module .scrollblk .scrolllink a,
.authors_module .scrollblk .scrolllink .scrollnumset {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--action-size);
  width: 100%;
  background: var(--color-primary-light);
  border-radius: var(--border-radius-sm);
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  cursor: pointer;
}
.authors_module .scrollblk .scrolllink a div,
.authors_module .scrollblk .scrolllink .scrollnumset div {
  color: inherit;
}
@media (hover: hover) {
  .authors_module .scrollblk .scrolllink a div:hover,
  .authors_module .scrollblk .scrolllink .scrollnumset div:hover {
    color: inherit;
  }
}
@media (hover: hover) {
  .authors_module .scrollblk .scrolllink a:hover,
  .authors_module .scrollblk .scrolllink .scrollnumset:hover {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: var(--color-dark);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-primary);
  }
}
.authors_module .scrollblk .scrolllink .scrollnumset {
  pointer-events: none;
  opacity: 1;
  background-color: var(--color-dark);
  color: var(--color-white);
}
.authors_module .scrollblk .scrolllink .scrollstart,
.authors_module .scrollblk .scrolllink .scrollback,
.authors_module .scrollblk .scrolllink .scrollnext,
.authors_module .scrollblk .scrolllink .scrollend {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--color-dark);
}
@media (hover: hover) {
  .authors_module .scrollblk .scrolllink .scrollstart:hover,
  .authors_module .scrollblk .scrolllink .scrollback:hover,
  .authors_module .scrollblk .scrolllink .scrollnext:hover,
  .authors_module .scrollblk .scrolllink .scrollend:hover {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: var(--color-dark);
  }
}
.authors_module .scrollblk .scrolllink .scrollstart a,
.authors_module .scrollblk .scrolllink .scrollback a,
.authors_module .scrollblk .scrolllink .scrollnext a,
.authors_module .scrollblk .scrolllink .scrollend a {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--color-dark);
}
@media (hover: hover) {
  .authors_module .scrollblk .scrolllink .scrollstart a:hover,
  .authors_module .scrollblk .scrolllink .scrollback a:hover,
  .authors_module .scrollblk .scrolllink .scrollnext a:hover,
  .authors_module .scrollblk .scrolllink .scrollend a:hover {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: var(--color-dark);
  }
}

.static_page .lining {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-direction: column;
}
.static_page .cat_blkTitle {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 120%;
  font-size: 28px;
}
@media (min-width: 576px) {
  .static_page .cat_blkTitle {
    font-size: 36px;
  }
}
@media (min-width: 1025px) {
  .static_page .cat_blkTitle {
    font-size: 44px;
  }
}
.static_page .artCatBlk {
  order: -1;
  gap: 5px;
  padding-left: 0;
  padding-right: 0;
}
.static_page .pageBody a {
  color: var(--color-dark);
  transition-property: color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
@media (hover: hover) {
  .static_page .pageBody a:hover {
    color: var(--color-primary);
  }
}
.static_page .pageBody img {
  height: auto;
}

.global_ptype {
  display: none !important;
}

.global_psource {
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.7;
}

.global_prdc .global_pcnt {
  display: none;
}

.global_prdc .global_ptitle a:after {
  content: '';
  color: rgba(0, 0, 0, 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: 10px;
  min-height: 12px;
  min-width: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
  background-image: url('../image/link.svg');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0.2);
  transform: translateY(-6px);
  transition-property: filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}

@media (hover: hover) {
  .global_prdc .global_ptitle a:hover:after {
    filter: brightness(1);
  }
}

.lister_publ1_next,
.tile__1_next {
  pointer-events: none;
  opacity: 0.2;
}

.footerBlk .foot_mset > .footmenu_link > a {
  color: var(--color-primary);
  pointer-events: none;
}

.iscid_line {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-direction: column;
}

.iscid_cidBlk {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.iscid_imgBlk img {
  height: auto;
  max-height: 650px;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-sm);
}

.iscid_nameBlk a {
  color: inherit;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

@media (hover: hover) {
  .iscid_nameBlk a:hover {
    color: var(--color-primary);
  }
}

.iscid_textBlk a {
  color: var(--color-primary);
}
@media (hover: hover) {
  .iscid_textBlk a:hover {
    color: var(--color-primary-hover);
  }
}
.iscid_textBlk p:first-child {
  margin-top: 0;
}
.iscid_textBlk p:last-child {
  margin-bottom: 0;
}


/*archive*/
body .cln_month div,
body .cln_prevM a,
body .cln_prevY a,
body .cln_nextY a,
body .cln_nextM a,
body .cln_clear div,
body .cln_week_0 div{
    color: #66666D;
    font-size: 16px;
}
body .cln_daySet div,
body .cln_day div a,
body .cln_clear div{
    padding: 4px;
    font-size: 14px;
    border-color: #F4F4F6;
    background: #F4F4F6;
    color: #1e1e1e;
    border-radius: 5px;
    box-sizing: unset;
}
body .cln_day div{
    margin-left: -10px;
}
body .cln_daySet div,
body .cln_clear div{
    margin-left: -15px;
}
body .cln_blk {
    width: 100%;
    height: 320px;
}
body .cln_wDay_6 div a,
body  .cln_wDay_0 div a {
    color: #ff2a28;
    border-color: #ffeaea;
    background: #ffeaea;
}
body .cln_clear div{
    border-color: transparent;
    background: transparent;
}
body .cln_daySet div{
    border-color: #ff2a28;
}

body .cln_week_0{
    border-bottom: 0;
}
body .cln_wDay_6 div,
body .cln_wDay_0 div{
    color: #ff2a28;
}
body .cln_day div a:hover,
body .cln_daySet div{
    background: #ff2a28;
    border-color: #ff2a28;
    padding: 4px;
    font-size: 14px;
}
.cln_blk .cln_prevY,
.cln_blk .cln_prevM,
.cln_blk .cln_month,
.cln_blk .cln_nextM,
.cln_blk .cln_nextY{
    margin-top: 15px;
}
/*archive*/



/*parthners*/
.parthners {
    display: block;
    border: 0px solid red;
    width: 100%;
    min-height: 207px;
    position: relative;
    clear: left;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
.parthner_blk{
    position: relative;
    display: block;
    border: 0px solid red;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
.parthner_cnt{
    float: left;
    clear: left;
    position: relative;
    display: block;
    border: 0px solid red;
    margin: 0px auto;
    margin-top: 80px;
    margin-bottom: 10px;
    padding: 0px 0px 104px 0px;
    width: 100%;
}
.parthners ul:before{
    content: "\041D\0430\0441\0020\043F\0456\0434\0442\0440\0438\043C\0443\044E\0442\044C";
    display: block;
    width: 100%;
    float: left;
    clear: left;
    text-align: center;
}
.parthners ul {
    display: block;
    float: left;
    clear: left;
    position: relative;
    list-style: none;
    border: 0px solid #cdcdcd;
    padding: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    width: 100%;




    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
}
.parthners ul li{
    display: inline-block;
    float: left;
    margin: 0px 40px 26px 0px;
    padding: 0;
}
.parthners ul li a{
    display: block;
    height: 45px;
}
.parthners ul li a .img{
    display: block;
    height: 45px;
    border: 0;
}
.parthners ul li a .hover{
    display: none;
    height: 45px;
    border: 0;
}
.parthners ul li a:hover .img{
    display: none;
}
.parthners ul li a:hover .hover{
    display: block;
}
.parthner_cnt ul img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.parthner_cnt ul img:hover{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
/*parthners*/


/*partnerSite start*/
.partnerGet{
    border: 0px solid red;
    position:absolute;
    bottom: 52px;
    right: 120px;
    margin:0;
    padding: 1px 0px 1px 10px;
    float: left;
    overflow: hidden;
    cursor: default;
    transition: all 1s ease 1s;
}
.partnerGet:hover{
    padding: 1px 0px 1px 50px;
    transition: all 0.5s ease 1s;
}
.partnerGet a{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    border: 0px solid red;
    text-decoration: none;
}
.partnerGet .partnerLine{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.partnerGet .partnerLine:before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 100%;
    height: 0px;
    background: #ffffff;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    transition: 1s linear;
}
.partnerGet .partnerLine:after{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 100%;
    bottom: 0;
    left: 100%;
    right: 0;
    height: 0px;
    background: #ffffff;
    border-bottom: 0px solid #fff;
    border-right: 0px solid #fff;
    transition: 1s linear;
}
.partnerGet .partnerName{
    font-family: arial;
    font-size: 10px;
    font-weight: 400;
    min-width: 90px;
    position: relative;
    z-index: 10;
    line-height:12px;
    padding: 13px 10px 13px 0px;
    color:#999999;
    /*transition: 1s linear;*/
    transition: all 1s ease 0s;
}
.partnerName:after{
    content: "";
    display: block;
    float: right;
    position: absolute;
    top: 5px;
    right: 5px;
	border-top: 5px solid #999999;
	border-left: 5px solid transparent;
}

.partnerGet:hover .partnerLine{
    background: #ffffff;
    transition: all 0.1s ease 2s;
}
.partnerGet:hover .partnerLine:before{
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0;
    right: 0%;
    height: 100%;
    background: #ffffff;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    transition: all 1s ease 0.1s;
}
.partnerGet:hover .partnerLine:after{
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0%;
    right: 0px;
    height: 100%;
    background: #ffffff;
    border-bottom: 0px solid #fff;
    border-right: 0px solid #fff;
    transition: all 1s ease 0.1s;
}

.partnerGet img {
    display: block;
    float: left;
    position: absolute;
    z-index: 10;
    bottom: -50px;
    left: 2%;
    border: 0;
    transition: all 1s ease 0.5s;
    width: 46px;
    height: 46px;
}
.partnerGet:hover img{
    display: block;
    float: left;
    position: absolute;
    bottom: 3px;
    left: 2%;
    border: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    width: 46px;
    height: 46px;
    transition: all 1s ease 1.6s;
}
/*partnerSite end*/

/*markers start*/
.global_ptitle a:before {
    display: block;
    float: left;
    line-height: inherit;
    font-size: 80%;
    font-weight: 400;
    text-transform: lowercase;
    color: #fff;
    background-color: var(--color-dark);
    border-radius: var(--border-radius-sm);
    margin: 0px 5px 0px 0px;
    padding: 0px 10px;
}
.art_mtype_4 .article_page__title {
    text-align: center;
}
.art_mtype_4 .article_page__title:before{
    display: inline-block;
    margin: 10px 10px 10px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: var(--color-primary);
    border-radius: var(--border-radius-sm);
    background-color: #5b5239;
    padding: 0px 10px;
}
.global_ptype_4 .global_ptitle a:before,
.art_mtype_4 .article_page__title:before {
  content: "\0440\0435\043A\043B\0430\043C\0430";
}
/*markers end*/
