* {
    margin: 0;
    padding:0;
}
:root {
    --primary: #1F7E46;
    --primary-hover: #1EA254FF;
    --primary-active: #01a146;
    --white: #fff;
    --white-smoke: #F5F5F5;
    --off-black: #2B2A28;
    --black: #1A1A1A;
    --grey: #F2F2F2;
    --blood-burst: #FF4C52;
    --covernous: #525252;
    --cape-hope: #D7D7D7;
    --green-teal: #0FB982;
    --blue-hepatica:#6366F1;
    --liquid-lava: #F97216;
    --maldives: #06B6D4;
    --growing-nature: #84CC17;
    --munch-melon: #F53F5F;
    --raven-grey: #71717B;
    --magenta: #D945EF;
    --purple: #A755F6;
    --welsh-onion: #22C65F;
    --horizon: #0EA6E8;
    --area: #E3E3E3;
    --swiper-theme-color: #E01F25 !important;
    --swiper-navigation-size: 22px !important;
}
svg {
    width: 100%;
    height: 100%;
    display: block;
}

/** Default HTML elements **/
html, body {
    width: 100%;
}
body {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    background: var(--white-smoke);
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

a {
    color: var(--primary);
    text-decoration: none;
}
a:hover {
    color: var(--primary-hover);
}
a.active,
a.selected,
a:active {
    color: var(--primary-active);
}

/** Layout **/
.container {
    max-width: 980px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
.wrapper {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}
.main {
    padding: 24px 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.header, .footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
}

.container.wrap {
    gap: 24px;
    display: grid;
}

.section {
    background: var(--white);
}

/** Common elements **/
.heading span {
    display: block;
}

.heading a:hover {
    color: var(--covernous);
}
.heading a {
    color: var(--black);
}
/*** H1 ***/
.heading-1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
}

/*** H2 ***/
.heading-2 {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 31px;
}

/*** H3 ***/
.heading-3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}

/*** H4 ***/
.heading-4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
}

/*** H5 ***/
.heading-4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

/*** link ***/
.link {
    color: var(--primary);
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-right: 22px;
}
.link svg {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 2px 0 0 0;
}
.link:hover{
    color: var(--primary-hover);
}
.link:active{
    color: var(--primary-active);
}

/*** button ***/

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;

}
.button span {
    display: block;
    white-space: nowrap;
}
.button-size-medium {
    font-size: 16px;
    padding: 8px 16px;
    gap:6px;
    border-width: 1px;
    border-style: solid;
}
.button-size-small {
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    padding: 6px 12px;
}
.button-size-xsmall {
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
}

.button-color-default {
    background: var(--white);
    color: var(--black);
    border-color: var(--cape-hope);
}
.button-color-default:hover {
    border-color: var(--black);
    color: var(--black);
}
.button-color-default:active {
    border-color: var(--off-black);
    color: var(--black);
}

.button-color-gray {
    background: var(--cape-hope);
    color: var(--black);
    border-color: var(--cape-hope);
}
.button-color-gray:hover {
    background: var(--area);
    color: var(--black);
}

.button-color-black {
    background: var(--black);
    color: var(--white);
    border-color: var(--black);
}
.button-color-black:hover {
    background: var(--covernous);
    color: var(--white);
}

.button-color-red {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.button-color-red:hover {
    background: var(--primary-hover);
    color: var(--white);
}

.card-main ul.article-list {
    list-style: none;
    display: flex;
    flex-direction: column;
      max-width: 800px;
    padding: 0;
}
.article-list .article-item {
    display: flex;
    border-bottom: 1px solid var(--cape-hope);
    padding:20px 0 5px 0;
    gap:20px;
}
.article-list .article-item:first-child {
  padding-top: 0px;
}
.article-list .article-item:last-child {
    border-bottom: 0 !important;
}
.article-list .article-main {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.article-image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
}
.article-list .article-image {
    width: 270px;
    height: 144px;
}
.article-image img {
    width: 100%;
    height: auto;
    display: block;
}
.article-aside {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.article-annotation .annotation {
    line-height: 18px;
    max-height: 36px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden!important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: var(--covernous);
}

.article-aside__view svg {
    width: 16px;
    height: 16px;
}
.article-aside__view {
    gap: 20px;
}

.article-aside__view div {
    gap: 8px;
}
.article-aside__view,
.article-aside__view div {
    display: flex;
    align-items: initial;
}

.article-aside__tags {
  display: flex;
    position: relative;
    gap: 4px;
}
.article-aside__tags a.country-more:hover ~ a.countries-list {
    display: block !important;
    margin-left: -1rem;
}
.article-aside__tags a {
  border: var(--cape-hope) 1px solid;
}

.country-dropdown {
    position: relative;
  display: inline-block;
}
.country-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  right: 0;
}
/*.country-dropdown:hover .country-dropdown-content {*/
/*  display: block;*/
/*}*/
.article-aside__tags a.countries-list:not(:first-child){
flex-direction: column;
}

.article-aside__tags a:hover {
    /*margin-right: 10px; !* Убираем отступ при наведении *!*/
}
/** TABLE **/

.article-table {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
.article-table .article-image {
    width: 100%;
    min-height: 170px;
}
.article-table .article-title .heading {
    line-height: 20px;
    max-height: 60px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden!important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    color: var(--covernous);
}
.article-table .article-item {
    display: flex;
    flex-direction: column;
    width: 223px;
    box-sizing: border-box;
    padding: 10px 6px;
}

/** CARD LIST **/
.card-wrapper {
    background: var(--white);
}
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--cape-hope);
    padding: 0 20px;
    position: relative;
}
.card-header.card-header__content,
.card-header.card-header__aside {
    border-bottom: none;
}
.card-header.card-header_multi {
    flex-direction: column;
    align-items: flex-start;
}
.card-header .breadcrumbs-wrap {
    border-bottom: 0;
    padding: 0 0 20px 0;
}
.heading-wrap {
    padding-left:20px;
    margin-top:20px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--cape-hope);
    /*position: sticky;*/
    /*top: 64px;*/
    background: var(--white);
    /*z-index: 90;*/
}
.heading-wrap .heading-1 {
    box-sizing: border-box;
    padding: 16px 0;
    font-size:20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:6px;
}
.heading-wrap .heading-1 svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    fill: var(--covernous) !important;
}
.card-header .heading-1 {
    padding: 10px 0;
}
.section-common .card-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.card-footer {
    border-top: 1px solid var(--white-smoke);
    padding: 20px 0;
    display: flex;
}
.card-footer.is-mobile {
    display: none;
}
.card-footer.card-footer__tags {
    display: flex;
    gap:4px;
    flex-wrap: wrap;
}
.card-footer.card-footer__center {
    justify-content: center;
    align-items: center;
}
.card-main .card-main__information {
padding-bottom: 10px;
}
.card-main__information {
    display: flex;
    gap: 20px;
    align-items: center;
}
.card-main__information span {
    position: relative;
    padding-left: 22px;
}
.card-main__information span:before {
    content:"";
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 16px;
    height: 16px;
}
.card-main__information span:first-child:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNV80NzM4KSI+CjxwYXRoIGQ9Ik0xMi4wNjI1IDcuMTg3NUMxMi40MDc3IDcuMTg3NSAxMi42ODc1IDYuOTA3NjggMTIuNjg3NSA2LjU2MjVDMTIuNjg3NSA2LjIxNzMyIDEyLjQwNzcgNS45Mzc1IDEyLjA2MjUgNS45Mzc1QzExLjcxNzMgNS45Mzc1IDExLjQzNzUgNi4yMTczMiAxMS40Mzc1IDYuNTYyNUMxMS40Mzc1IDYuOTA3NjggMTEuNzE3MyA3LjE4NzUgMTIuMDYyNSA3LjE4NzVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEzLjUgMS4yNUgxMi42ODc1VjAuNjI1QzEyLjY4NzUgMC4yNzk4MTMgMTIuNDA3NyAwIDEyLjA2MjUgMEMxMS43MTczIDAgMTEuNDM3NSAwLjI3OTgxMyAxMS40Mzc1IDAuNjI1VjEuMjVIOC41OTM3NVYwLjYyNUM4LjU5Mzc1IDAuMjc5ODEzIDguMzEzOTQgMCA3Ljk2ODc1IDBDNy42MjM1NiAwIDcuMzQzNzUgMC4yNzk4MTMgNy4zNDM3NSAwLjYyNVYxLjI1SDQuNTMxMjVWMC42MjVDNC41MzEyNSAwLjI3OTgxMyA0LjI1MTQ0IDAgMy45MDYyNSAwQzMuNTYxMDYgMCAzLjI4MTI1IDAuMjc5ODEzIDMuMjgxMjUgMC42MjVWMS4yNUgyLjVDMS4xMjE1IDEuMjUgMCAyLjM3MTUgMCAzLjc1VjEzLjVDMCAxNC44Nzg1IDEuMTIxNSAxNiAyLjUgMTZINy4yODEyNUM3LjYyNjQ0IDE2IDcuOTA2MjUgMTUuNzIwMiA3LjkwNjI1IDE1LjM3NUM3LjkwNjI1IDE1LjAyOTggNy42MjY0NCAxNC43NSA3LjI4MTI1IDE0Ljc1SDIuNUMxLjgxMDc1IDE0Ljc1IDEuMjUgMTQuMTg5MiAxLjI1IDEzLjVWMy43NUMxLjI1IDMuMDYwNzUgMS44MTA3NSAyLjUgMi41IDIuNUgzLjI4MTI1VjMuMTI1QzMuMjgxMjUgMy40NzAxOSAzLjU2MTA2IDMuNzUgMy45MDYyNSAzLjc1QzQuMjUxNDQgMy43NSA0LjUzMTI1IDMuNDcwMTkgNC41MzEyNSAzLjEyNVYyLjVINy4zNDM3NVYzLjEyNUM3LjM0Mzc1IDMuNDcwMTkgNy42MjM1NiAzLjc1IDcuOTY4NzUgMy43NUM4LjMxMzk0IDMuNzUgOC41OTM3NSAzLjQ3MDE5IDguNTkzNzUgMy4xMjVWMi41SDExLjQzNzVWMy4xMjVDMTEuNDM3NSAzLjQ3MDE5IDExLjcxNzMgMy43NSAxMi4wNjI1IDMuNzVDMTIuNDA3NyAzLjc1IDEyLjY4NzUgMy40NzAxOSAxMi42ODc1IDMuMTI1VjIuNUgxMy41QzE0LjE4OTIgMi41IDE0Ljc1IDMuMDYwNzUgMTQuNzUgMy43NVY3LjMxMjVDMTQuNzUgNy42NTc2OSAxNS4wMjk4IDcuOTM3NSAxNS4zNzUgNy45Mzc1QzE1LjcyMDIgNy45Mzc1IDE2IDcuNjU3NjkgMTYgNy4zMTI1VjMuNzVDMTYgMi4zNzE1IDE0Ljg3ODUgMS4yNSAxMy41IDEuMjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEyLjIxODggOC40Mzc1QzEwLjEzMzcgOC40Mzc1IDguNDM3NSAxMC4xMzM3IDguNDM3NSAxMi4yMTg4QzguNDM3NSAxNC4zMDM4IDEwLjEzMzcgMTYgMTIuMjE4OCAxNkMxNC4zMDM4IDE2IDE2IDE0LjMwMzggMTYgMTIuMjE4OEMxNiAxMC4xMzM3IDE0LjMwMzggOC40Mzc1IDEyLjIxODggOC40Mzc1Wk0xMi4yMTg4IDE0Ljc1QzEwLjgyMyAxNC43NSA5LjY4NzUgMTMuNjE0NSA5LjY4NzUgMTIuMjE4OEM5LjY4NzUgMTAuODIzIDEwLjgyMyA5LjY4NzUgMTIuMjE4OCA5LjY4NzVDMTMuNjE0NSA5LjY4NzUgMTQuNzUgMTAuODIzIDE0Ljc1IDEyLjIxODhDMTQuNzUgMTMuNjE0NSAxMy42MTQ1IDE0Ljc1IDEyLjIxODggMTQuNzVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEzLjEyNSAxMS41OTM4SDEyLjg0MzhWMTAuOTM3NUMxMi44NDM4IDEwLjU5MjMgMTIuNTYzOSAxMC4zMTI1IDEyLjIxODggMTAuMzEyNUMxMS44NzM2IDEwLjMxMjUgMTEuNTkzOCAxMC41OTIzIDExLjU5MzggMTAuOTM3NVYxMi4yMTg4QzExLjU5MzggMTIuNTYzOSAxMS44NzM2IDEyLjg0MzggMTIuMjE4OCAxMi44NDM4SDEzLjEyNUMxMy40NzAyIDEyLjg0MzggMTMuNzUgMTIuNTYzOSAxMy43NSAxMi4yMTg4QzEzLjc1IDExLjg3MzYgMTMuNDcwMiAxMS41OTM4IDEzLjEyNSAxMS41OTM4WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik05LjM0Mzc1IDcuMTg3NUM5LjY4ODkzIDcuMTg3NSA5Ljk2ODc1IDYuOTA3NjggOS45Njg3NSA2LjU2MjVDOS45Njg3NSA2LjIxNzMyIDkuNjg4OTMgNS45Mzc1IDkuMzQzNzUgNS45Mzc1QzguOTk4NTcgNS45Mzc1IDguNzE4NzUgNi4yMTczMiA4LjcxODc1IDYuNTYyNUM4LjcxODc1IDYuOTA3NjggOC45OTg1NyA3LjE4NzUgOS4zNDM3NSA3LjE4NzVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTYuNjI1IDkuOTA2MjVDNi45NzAxOCA5LjkwNjI1IDcuMjUgOS42MjY0MyA3LjI1IDkuMjgxMjVDNy4yNSA4LjkzNjA3IDYuOTcwMTggOC42NTYyNSA2LjYyNSA4LjY1NjI1QzYuMjc5ODIgOC42NTYyNSA2IDguOTM2MDcgNiA5LjI4MTI1QzYgOS42MjY0MyA2LjI3OTgyIDkuOTA2MjUgNi42MjUgOS45MDYyNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNMy45MDYyNSA3LjE4NzVDNC4yNTE0MyA3LjE4NzUgNC41MzEyNSA2LjkwNzY4IDQuNTMxMjUgNi41NjI1QzQuNTMxMjUgNi4yMTczMiA0LjI1MTQzIDUuOTM3NSAzLjkwNjI1IDUuOTM3NUMzLjU2MTA3IDUuOTM3NSAzLjI4MTI1IDYuMjE3MzIgMy4yODEyNSA2LjU2MjVDMy4yODEyNSA2LjkwNzY4IDMuNTYxMDcgNy4xODc1IDMuOTA2MjUgNy4xODc1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0zLjkwNjI1IDkuOTA2MjVDNC4yNTE0MyA5LjkwNjI1IDQuNTMxMjUgOS42MjY0MyA0LjUzMTI1IDkuMjgxMjVDNC41MzEyNSA4LjkzNjA3IDQuMjUxNDMgOC42NTYyNSAzLjkwNjI1IDguNjU2MjVDMy41NjEwNyA4LjY1NjI1IDMuMjgxMjUgOC45MzYwNyAzLjI4MTI1IDkuMjgxMjVDMy4yODEyNSA5LjYyNjQzIDMuNTYxMDcgOS45MDYyNSAzLjkwNjI1IDkuOTA2MjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTMuOTA2MjUgMTIuNjI1QzQuMjUxNDMgMTIuNjI1IDQuNTMxMjUgMTIuMzQ1MiA0LjUzMTI1IDEyQzQuNTMxMjUgMTEuNjU0OCA0LjI1MTQzIDExLjM3NSAzLjkwNjI1IDExLjM3NUMzLjU2MTA3IDExLjM3NSAzLjI4MTI1IDExLjY1NDggMy4yODEyNSAxMkMzLjI4MTI1IDEyLjM0NTIgMy41NjEwNyAxMi42MjUgMy45MDYyNSAxMi42MjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTYuNjI1IDEyLjYyNUM2Ljk3MDE4IDEyLjYyNSA3LjI1IDEyLjM0NTIgNy4yNSAxMkM3LjI1IDExLjY1NDggNi45NzAxOCAxMS4zNzUgNi42MjUgMTEuMzc1QzYuMjc5ODIgMTEuMzc1IDYgMTEuNjU0OCA2IDEyQzYgMTIuMzQ1MiA2LjI3OTgyIDEyLjYyNSA2LjYyNSAxMi42MjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTYuNjI1IDcuMTg3NUM2Ljk3MDE4IDcuMTg3NSA3LjI1IDYuOTA3NjggNy4yNSA2LjU2MjVDNy4yNSA2LjIxNzMyIDYuOTcwMTggNS45Mzc1IDYuNjI1IDUuOTM3NUM2LjI3OTgyIDUuOTM3NSA2IDYuMjE3MzIgNiA2LjU2MjVDNiA2LjkwNzY4IDYuMjc5ODIgNy4xODc1IDYuNjI1IDcuMTg3NVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzNV80NzM4Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat;
    /*background: url(../../assets/image/icon-calendar.svg) center center;*/
}
.card-main__information span:last-child:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNV80NzUzKSI+CjxwYXRoIGQ9Ik0xNS45MzExIDEwLjIxNDhDMTQuNTI5MyA3LjQ4MTUzIDExLjQ3ODUgNSA3Ljk5OTk4IDVDNC40OTcwNSA1IDEuNDU1MTEgNy41MTE3OCAwLjA2ODg1OSAxMC4yMTQ4QzAuMDIzNjAzMiAxMC4zMDMxIDAgMTAuNDAwOCAwIDEwLjVDMCAxMC41OTkyIDAuMDIzNjAzMiAxMC42OTcgMC4wNjg4NTkgMTAuNzg1MkMxLjQ3MDY0IDEzLjUxODUgNC41MjE0NSAxNiA3Ljk5OTk4IDE2QzExLjkzODcgMTYgMTQuODQyMSAxMi45MDg3IDE1LjkzMTEgMTAuNzg1MkMxNS45NzY0IDEwLjY5NjkgMTYgMTAuNTk5MiAxNiAxMC41QzE2IDEwLjQwMDggMTUuOTc2NCAxMC4zMDMxIDE1LjkzMTEgMTAuMjE0OFpNNy45OTk5OCAxNC43NUM1LjE2MzIzIDE0Ljc1IDIuNzgyMDUgMTIuODY1NCAxLjM0NTExIDEwLjVDMi43NjYxNCA4LjE2MDc4IDUuMTM5NzMgNi4yNSA3Ljk5OTk4IDYuMjVDMTAuODQ4IDYuMjUgMTMuMjI2IDguMTQ3OTcgMTQuNjU0OSAxMC41QzEzLjIxMTMgMTIuODc2MiAxMC44MjA2IDE0Ljc1IDcuOTk5OTggMTQuNzVaTTAuMTk2OTUzIDMuNDc0MTJDMC40Mjc4OSAzLjIxNzU5IDAuODIzMTA5IDMuMTk2OTEgMS4wNzk2NCAzLjQyNzg4TDIuNDcxNjQgNC42ODEyMkMyLjcyODE0IDQuOTEyMjIgMi43NDg4NiA1LjMwNzM3IDIuNTE3ODkgNS41NjM5MUMyLjI4NjkyIDUuODIwNDcgMS44OTE3IDUuODQxMDkgMS42MzUyIDUuNjEwMTZMMC4yNDMyMDMgNC4zNTY3OEMtMC4wMTMyOTcyIDQuMTI1ODQgLTAuMDM0MDE2IDMuNzMwNjYgMC4xOTY5NTMgMy40NzQxMlpNNy4zNzQ5OCAzLjEyNVYwLjYyNUM3LjM3NDk4IDAuMjc5ODQ0IDcuNjU0OCAwIDcuOTk5OTggMEM4LjM0NTE3IDAgOC42MjQ5OCAwLjI3OTg0NCA4LjYyNDk4IDAuNjI1VjMuMTI1QzguNjI0OTggMy40NzAxNiA4LjM0NTE3IDMuNzUgNy45OTk5OCAzLjc1QzcuNjU0OCAzLjc1IDcuMzc0OTggMy40NzAxNiA3LjM3NDk4IDMuMTI1Wk0zLjQxMjQ4IDEuNzMyOTdDMy4yNzIwOCAxLjQxNzYzIDMuNDEzODkgMS4wNDgxOSAzLjcyOTIzIDAuOTA3NzgxQzQuMDQ0NjEgMC43NjczNzUgNC40MTQwMiAwLjkwOTE4OCA0LjU1NDQyIDEuMjI0NTNMNS41MTAyNiAzLjM3MTQxQzUuNjUwNjcgMy42ODY3MiA1LjUwODg2IDQuMDU2MTkgNS4xOTM1MSA0LjE5NjU5QzQuODc5MDggNC4zMzY1NiA0LjUwOTIgNC4xOTYxNiA0LjM2ODMzIDMuODc5ODRMMy40MTI0OCAxLjczMjk3Wk0xMy40ODIxIDUuNTYzOTFDMTMuMjUxMSA1LjMwNzQxIDEzLjI3MTggNC45MTIyMiAxMy41MjgzIDQuNjgxMjJMMTQuOTIwMyAzLjQyNzg4QzE1LjE3NjggMy4xOTY5MSAxNS41NzIgMy4yMTc1OSAxNS44MDMgMy40NzQxMkMxNi4wMzQgMy43MzA2MiAxNi4wMTMzIDQuMTI1ODEgMTUuNzU2OCA0LjM1Njc4TDE0LjM2NDggNS42MTAxNkMxNC4xMDgyIDUuODQxMTYgMTMuNzEzIDUuODIwMzcgMTMuNDgyMSA1LjU2MzkxWk0xMC40ODk3IDMuMzcxNDFMMTEuNDQ1NSAxLjIyNDUzQzExLjU4NTkgMC45MDkxODggMTEuOTU1NCAwLjc2NzM3NSAxMi4yNzA3IDAuOTA3NzgxQzEyLjU4NiAxLjA0ODE5IDEyLjcyNzkgMS40MTc2MyAxMi41ODc1IDEuNzMyOTdMMTEuNjMxNiAzLjg3OTgxQzExLjQ5MDYgNC4xOTY1OSAxMS4xMjA0IDQuMzM2MzQgMTAuODA2NCA0LjE5NjU5QzEwLjQ5MTEgNC4wNTYxOSAxMC4zNDkzIDMuNjg2NzUgMTAuNDg5NyAzLjM3MTQxWk03Ljk5OTk4IDcuNDI5NjlDNi4zMDcwMSA3LjQyOTY5IDQuOTI5NjcgOC44MDcwMyA0LjkyOTY3IDEwLjVDNC45Mjk2NyAxMi4xOTMgNi4zMDcwMSAxMy41NzAzIDcuOTk5OTggMTMuNTcwM0M5LjY5Mjk1IDEzLjU3MDMgMTEuMDcwMyAxMi4xOTMgMTEuMDcwMyAxMC41QzExLjA3MDMgOC44MDcwMyA5LjY5Mjk1IDcuNDI5NjkgNy45OTk5OCA3LjQyOTY5Wk03Ljk5OTk4IDEyLjMyMDNDNi45OTYyNiAxMi4zMjAzIDYuMTc5NjcgMTEuNTAzNyA2LjE3OTY3IDEwLjVDNi4xNzk2NyA5LjQ5NjI4IDYuOTk2MjYgOC42Nzk2OSA3Ljk5OTk4IDguNjc5NjlDOS4wMDM3IDguNjc5NjkgOS44MjAzIDkuNDk2MjggOS44MjAzIDEwLjVDOS44MjAzIDExLjUwMzcgOS4wMDM3IDEyLjMyMDMgNy45OTk5OCAxMi4zMjAzWiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjM1XzQ3NTMiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIC8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat;
    /*background: url(../../assets/image/icon-view.svg) center center;*/
}
.card-main__label {
    font-size: 14px;
    color: var(--black);
    display: flex;

}
.card-main__label a {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 4px 10px;
    background: var(--cape-hope);
    color: var(--black);
    overflow: hidden!important;
    text-overflow: ellipsis;
}
.card-color .card-main__label a:first-child {
    color: var(--white);
}
.card-color .card-header:before {
    content: "";
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 4px;
    height: 100%;
    background: #333;
}
.card-color .card-tags a.button:first-child {
    color: var(--white);
    border-color: transparent;
}
.button-color {
    color: var(--white);
}
.button-color-blue-1,
.blue-1 .card-header:before,
.blue-1 .card-tags a.button:first-child,
.blue-1 .card-main__label a:first-child {
    background: var(--blue-hepatica);
}
.button-color-blue-2,
.blue-2 .card-header:before,
.blue-2 .card-tags a.button:first-child,
.blue-2 .card-main__label a:first-child {
    background: var(--horizon);
}
.button-color-turquoise-1,
.turquoise-1 .card-header:before,
.turquoise-1 .card-tags a.button:first-child,
.turquoise-1 .card-main__label a:first-child {
    background: var(--maldives);
}
.button-color-green-1,
.green-1 .card-header:before,
.green-1 .card-tags a.button:first-child,
.green-1 .card-main__label a:first-child {
    background: var(--green-teal);
}
.button-color-green-2,
.green-2 .card-header:before,
.green-2 .card-tags a.button:first-child,
.green-2 .card-main__label a:first-child {
    background: var(--growing-nature);
}
.button-color-green-3,
.green-3 .card-header:before,
.green-3 .card-tags a.button:first-child,
.green-3 .card-main__label a:first-child {
    background: var(--welsh-onion);
}
.button-color-orange-1,
.orange-1 .card-header:before,
.orange-1 .card-tags a.button:first-child,
.orange-1 .card-main__label a:first-child {
    background: var(--liquid-lava);
}
.button-color-pink-1,
.pink-1 .card-header:before,
.pink-1 .card-tags a.button:first-child,
.pink-1 .card-main__label a:first-child {
    background: var(--munch-melon);
}
.button-color-grey-1,
.grey-1 .card-header:before,
.grey-1 .card-tags a.button:first-child,
.grey-1 .card-main__label a:first-child {
    background: var(--raven-grey);
}
.button-color-purple-1,
.purple-1 .card-header:before,
.purple-1 .card-tags a.button:first-child,
.purple-1 .card-main__label a:first-child {
    background: var(--purple);
}
.button-color-purple-2,
.purple-2 .card-header:before,
.purple-2 .card-tags a.button:first-child,
.purple-2 .card-main__label a:first-child {
    background: var(--magenta);
}
.button-color-black,
.black .card-header:before,
.black .card-tags a.button:first-child,
.black .card-main__label a:first-child {
    background: var(--black);
}
.card {
    padding: 20px;
}
.card-content {
    display: flex;
    padding: 20px 0;
}
.card-content ul, .card-content ol {
    padding-left: 2em;
}
.card-content ul li, .card-content ol li {
  padding-bottom: 0.5em;
}
.card-main {
    padding: 0 20px;
    flex:1;
    box-sizing: border-box;
}
.card-main__common {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.card-aside {
    width: 304px;
    box-sizing: border-box;
    margin-right: 20px;
}
.card-aside__empty {
    width: 220px;
}
.card-image img {
    display: block;

}
.card-main .card-image img  {
    width: 100%;
}
.card-main .card-image {
    width: 615px;
    display: block;
    margin-bottom: 8px;
    /*height: 307px;*/
    min-height: 330px;
    overflow: hidden;
}

 .card-main__annotation  a {
    color: var(--covernous);
}
.card-main .card-main__annotation p {
    line-height: 18px;
    max-height: 54px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden!important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    color: var(--covernous);
}
.card-main .card-main__annotation {
    color: var(--covernous);
    margin: 4px 0 8px 0;
}


.card-aside .card-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 16px;
  padding: 0;
}
.card-aside .card-list li {
    display: flex;
    gap: 12px;
}

.card-aside .card-image img {
    max-width: 140px;
}
.card-aside .card-image {
    /*width: 140px;*/
    min-width: 140px;
    min-height: 76px;
}
.card-aside .card-aside__content {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    gap: 5px;
}
.card-aside .card-aside__time {
    color: var(--covernous);
    font-size: 13px;
}
.card-aside .card-aside__title a {
    text-decoration: none;
    font-weight: 500;
    color: var(--black);
    font-size: 14px;
}
.card-aside .card-aside__title a h4 {
    font-weight: 500;
    line-height: 16px
}

.card-shared {
    padding: 0 20px 20px 20px;
    display: flex;
    gap: 8px;
}
.card-shared a {
    text-wrap: nowrap;
}
.card-actions {
    padding: 0 20px 20px 20px;
}
.footer {
    background: var(--off-black);
    padding: 40px 0;
    gap: 20px;
    color: var(--white);
    z-index: 1
}

.footer .row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

/** NAVIGATION **/
.footer .row.navigation .column {
    flex:0 50%;
}
.footer .row.navigation {
    display: flex;
    flex: 0 50%;
    margin-bottom: 20px;
}

.footer .logo {
    width: 147px;
    height: 100px;
    display: block;
}

.footer-rss {
    padding-top: 28px;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
}
.footer-rss__link:hover {
    color: var(--blood-burst);
}
.footer-rss__link svg {
    width: 12px;
    height: 12px;
    display: inline-block;
}
.footer-rss__link {
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
}


.footer .navigation-list {
    columns: 2;
    list-style: none;
}
.footer .navigation-item {
    padding: 6px 0;
}
.footer .navigation-item a {
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.footer .navigation-item a:hover {
    color: var(--blood-burst);
}

/** SHARE **/
.footer .row.share {
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.footer .row.share .column {
    padding: 20px 0;
}

.footer .row.share .column:nth-child(1) {
    flex:1;
}
.footer .row.share .column:nth-child(2) {
    padding: 20px 40px;
    border-left: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2);
}
.footer .row.share .column:nth-child(3) {
    padding: 20px 0 20px 40px;
}

.footer .text {
    max-width: 340px;
}
.footer .text p {
    margin-bottom: 12px;
    color: var(--cape-hope);
    line-height: 19px;
}
.footer .text p span {
    display: block;
    color: var(--white);
    font-weight: 500;
}

.footer .share-box {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}
.footer .share-box .share-button {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: var(--primary);
}
.footer .share-box .share-button:hover {
    background: var(--primary-hover);
}
.footer .share-box .share-button svg {
    display: block;
    width: 32px;
    height: 32px;
}
.footer .share-box .share-button:last-child svg {
    transform: translateX(-4px);
}

/** COPY **/
.footer .row.copy {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.header {
    flex-direction: column;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    position: sticky;
    top:0;
    z-index: 99;
}
.header a:hover {
    background: var(--primary-hover);
    color: var(--white);
}
.header .col {
    display: flex;
    align-items: stretch;
    position: relative;
}
.header .row {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    margin: 0 auto;
    box-sizing: border-box;
}
.header-main .col:nth-child(2) {
    flex:1;
}

.header-main {
    width: 100%;
    background: var(--primary);
}
.header .logo svg {
    width: 141px;
    height: 40px;
}
.header .logo {
    padding: 12px;
    display: block;
}
.header-button {
    display: flex;
    align-items: center;
    color: var(--white);
}

.burger-menu {
    padding: 0 8px;
}
.burger-menu svg {
    width: 24px;
    height: 24px;
}

.search-button {
    padding: 0 12px;
}
.search-button svg path {
    fill: var(--white);
}
/*.search-button svg {*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
.search-button svg#s1 {
    display: block;
}
.search-button svg#s2 {
    display: none;
}
.search-show .search-button svg#s1 {
    display: none;
}
.search-show .search-button svg#s2 {
    display: block;
}
.header .login.is-mobile {
    display:none;
}
.header .login {
    padding: 0 20px;
}
.search-form {
    padding: 12px 10px;
    display: flex;
    width: 100%;
    align-content: center;
    gap: 10px;
}
.search-form .button-search:hover {
    background: var(--primary-hover);
}
.search-form .button-search {
    background: none;
    color: var(--white);
    font-size: 18px;
    border:none;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}
.search-show .search-form {
    display: flex;
}
.search-input .input-hide {
    padding:0 10px;
    margin:0;
    border:0;
    background: transparent;
    width: 100%;
    height: 100%;
    display: block;
    outline: none;
    box-sizing: border-box;
    font-size: 18px;
}
.search-input {
    background: var(--white);
    /*border: 1px solid var(--cape-hope);*/
    border-radius: 3px;
    width: 100%;
    height: 40px;
    display: block;

}
.main-form {
    display: none;
    width: 100%;
    padding-right: 20px;
    position: absolute;
    box-sizing: border-box;
}
.main-nav {
    display: flex;
    list-style: none;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}
.main-nav li,
.main-nav a {
    display: flex;
    position: relative;
    text-wrap: nowrap;
}
.main-nav a {
    padding: 0 12px;
}
.main-nav .main-nav-inner li a {
    padding: 12px 30px;
    display: block;
    line-height: 22px;
    font-size:16px;
    box-sizing: border-box;
    width: 326px;
}
.main-nav .main-nav-inner li {
    display: block;
}
.main-nav .main-nav-inner {
    display: none;
    position: absolute;
    left:0;
    top:100%;
    background: var(--primary);
    z-index: 99;
}
.main-nav li:hover .main-nav-inner {
    display: block;
}


.navigation-wrapper {
    border-top: 1px solid rgba(255,255,255,0.2);
    display: none;
    background: var(--primary);
    position: absolute;
    left:0;
    top:64px;
    z-index: 999;
    width: 100%;
}
.navigation-wrapper a {
    display: flex;
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-wrap: nowrap;
    box-sizing: border-box;
    padding: 12px 30px;
    position: relative;
}
.navigation-wrapper a.active,
.navigation-wrapper a:hover {
    color: var(--white);
    background: var(--primary-hover);
}
.navigation-wrapper li.arrow > a:before {
    content:"";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8404 6.99998C10.8404 6.78492 10.7582 6.56988 10.5943 6.40591L5.43456 1.24617C5.10633 0.917943 4.57416 0.917943 4.24607 1.24617C3.91798 1.57426 3.91798 2.10632 4.24607 2.43458L8.81174 6.99998L4.24623 11.5654C3.91814 11.8936 3.91814 12.4256 4.24623 12.7537C4.57432 13.0821 5.10649 13.0821 5.43471 12.7537L10.5945 7.59405C10.7584 7.43 10.8404 7.21496 10.8404 6.99998Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}

.navigation-wrapper .container {
    margin: 0 auto;
    position: relative;
    padding: 30px 0;
    /*padding-top: 30px;*/
    /*padding-bottom: 30px;*/
}

.navigation-wrapper .navigation-list,
.navigation-wrapper .navigation-list li,
.navigation-wrapper .navigation-list ul {
    width: 326px;
    list-style: none;
}

.navigation-wrapper .navigation-list {
    position: relative;
}
.navigation-wrapper .navigation-list ul {
    top: 0;
    left: 100%;
    position: absolute;
    display: none;
}
.navigation-wrapper .navigation-list ul.open {
    display: block;
}
.navigation-wrapper .navigation-list > .arrow > ul {
    margin-top: 0;
}
.navigation-wrapper .navigation-list > .arrow > ul > .arrow > ul {

}

/*.navigation-wrapper .navigation-list ul,*/
/*.navigation-wrapper .navigation-list {*/
/*    color: var(--white);*/
/*    list-style:none;*/
/*}*/


/*.navigation-wrapper .navigation-list > li  > ul {*/
/*    display: none;*/
/*}*/
/*.navigation-wrapper .navigation-list .arrow a {*/
/*    text-wrap: nowrap;*/
/*}*/
/*.navigation-wrapper .navigation-list > .arrow > ul.open {*/
/*    position: absolute;*/
/*    left: calc(100% / 3);*/
/*    top: 30px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: calc(100% / 3);*/
/*}*/
/*.navigation-wrapper .navigation-list ul.open {*/
/*    display: flex;*/
/*}*/

/*.navigation-list li {*/
/*    width: 326px;*/
/*}*/

.header-nav {
    background: var(--white);
}
.header-nav .nav li .toggle.is-hide {
    display: none;
}
.header-nav .nav li .toggle,
.header-nav .nav li a {
    line-height: 24px;
    font-size: 16px;
    color: var(--black);
    padding: 6px 8px;
    display: block;
    cursor: pointer;
    text-wrap: nowrap;
}

.header-nav .nav li .toggle,
.header-nav .nav li a.active,
.header-nav .nav li a:hover {
    background: transparent;
    color: var(--primary-hover);
}

.header-nav .nav li:last-child {
    position: sticky;
    right: 0;
    background: var(--white);
}
.header-nav .nav li {
    display: inline-block;
}
.header-nav.show .nav {
    flex-wrap: wrap;
}
.header-nav .nav {
    padding: 12px 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow:hidden;
}
.pagination {
    display: flex;
    margin: 20px 20px 32px 20px;
    gap: 8px;

}
.pagination > a:first-child,
.pagination > a:last-child {
    text-align: center;
    line-height: 40px;
}
.pagination a:hover path {
    fill: var(--primary-hover);
}
.pagination a:hover {
    color: var(--primary-hover);
}
.pagination a.active {
    background: var(--primary);
    color: var(--white);
}
.pagination a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: var(--black);
}
.pagination a path {
    fill: var(--black);
}
.pagination a svg {
    width: 14px;
    height: 14px;
}
.pagination a.disable:hover path,
.pagination a.disable {
    cursor: no-drop;
    opacity: .5;
    fill: var(--black);
    color: var(--black);
}


.tags-wrapper  {
    /*width: 100%;*/
    overflow:hidden;
}
.tags-wrapper .heading-1 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.tags-list a {
    text-wrap: nowrap;
    display: block;
}
.tags-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    list-style: none;
}

.ad-wrapper {
    width: 100%;
    box-sizing: border-box;
    height: 225px;
    border: 1px solid rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--covernous);
    overflow: hidden;
}

.breadcrumbs li span {
    /*line-height: 18px;*/
    max-height: 18px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden!important;
    text-overflow: ellipsis;
    /*-webkit-line-clamp: 1;*/
}

.breadcrumbs li i {
    padding-right: 8px;
}
.breadcrumbs li {
    display: flex;
    gap: 8px;
}
.breadcrumbs a:hover {
    color: var(--black);
}
.breadcrumbs a {
    color: var(--covernous);
   white-space: nowrap;
}
.breadcrumbs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    list-style: none;
    overflow: hidden;
}
.breadcrumbs-wrap {
    display: block;
    padding: 20px;
    border-bottom: 1px solid var(--cape-hope);
}

.card-main .card-description {
  margin-top: 30px;
}

.card-description {
    margin-top: 40px;
    font-size: 16px;
    color: var(--covernous);
}
.card-description p, .card-description ul {
    margin-bottom: 0.8em;
    color: var(--covernous);
    font-size: 16px;
  line-height: 23px;
}
.card-description p em {
    margin-bottom: 0.8em;
    color: var(--covernous);
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
  line-height: 20px;
}
.card-list-description {
  padding: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card-list-description h2 {
  font-weight: 400;
  font-size: 16px;
    line-height: 20px;
  color: var(--covernous);
}
/*.head-branding {*/
/*    height: 336px;*/
/*}*/
.swiper-wrap {
    position: relative;
    margin: 12px 0 12px 0
}
.swiper-pagination {
    top:100% !important;
    margin-top: 5px;
}
.swiper {
    width: 700px;
    height: 360px;
     /*!important;*/
}
.swiper-button-next,
.swiper-button-prev {
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    width: 52px !important;
    height: 52px !important;
    color: var(--white) !important;
}
.swiper-slide img {
    max-width: 100%;
}
.swiper-slide__annotation {
    position: absolute;
    left:0;
    bottom: 0;
    line-height: 22px;
    font-size: 13px;
    font-weight: 400;
    background: rgba(0,0,0,.5);
    color: var(--white);
    padding: 2px 20px;
    text-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}

.header, .footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}


.text-uppercase {
    text-transform: uppercase;
}


/** FOOTER **/
.footer {
    background: var(--off-black);
    padding: 40px 0;
    gap: 20px;
    color: var(--white);
}


.footer .copy {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.footer .info p span {
    color: var(--white);
    display: block;
}
.footer .info p {
    padding-bottom:12px;
    color: var(--cape-hope);
}

.footer .info {
    max-width: 340px;
}
/*.footer .footer-info {*/
/*    width: 454px;*/
/*}*/

.footer-row__nav {
    display: flex;
    margin-bottom: 20px;
}
.footer-col:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer-col {
    width: 50%;
}

.footer-rss {
    padding-top: 28px;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
}
.footer-rss__link:hover {
    color: var(--blood-burst);
}
.footer-rss__link svg {
    width: 12px;
    height: 12px;
}
.footer-rss__link {
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
}

.footer-menu__list {
    columns: 2;
    list-style: none;
}
.footer-menu__item {
    padding: 6px 0;
}
.footer-menu__item a {
    color: var(--white);
    font-weight: 200;
    font-size: 14px;
    text-decoration: none;
    word-break: break-all;
}
.footer-menu__item a:hover {
    color: var(--blood-burst);
}

.footer-row__feedback {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.footer-row__feedback > div {

    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-contacts {
    padding-right: 20px;
}


.footer-center {
    flex: 1;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2);
}
.footer-metrics {
    padding-left: 20px;
}
/*.footer-metrics {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    justify-content: center;*/
/*}*/

/*.footer-metrics > * {*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*}*/
.social-container{
    display: flex;
    gap: 20px;
    margin-top: 16px;
}
.social-container__link {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: var(--primary);
}
.social-container__link.translate-x svg {
    transform: translateX(-4px);
}
.social-container__link svg {
    display: block;
    width: 32px;
    height: 32px;
}
.social-container__link:hover {
    background: var(--primary-hover);
}

.footer-logo {
    width: 147px;
    height: 100px;
    display: block;
}
.card-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.card-tags a:not([data-init]) {
    display: none;
}
.card-tags a:nth-child(1),
.card-tags a:nth-child(2) {
    display: inline-block;
}

.section-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.section-filter h4 {
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
}
.filter-box {
    display: flex;
}
.select-wrap {
    background: var(--primary);
    color: var(--white);
    display: flex;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
/*.select-wrap:not(:first-child) {*/
/*  z-index: 999999;*/
/*}*/
.select-label {
    display: block;
    padding: 15px 20px;
}
.select-val {
    display: block;
    padding: 15px 8px;
    background: rgba(255,255,255,.2);
    cursor: pointer;
}
.select-options {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  /*min-width: 100px;*/
  padding: 20px;
  background: var(--black);
  font-size: 14px;
  text-transform: none;
  opacity: 0;
  z-index: 1040;
}
.select-options.open {
  display: block;

}
.select-options ul {
    list-style: none;
    columns: 3;
    box-sizing: border-box;
}
/* HTML: <div class="loader"></div> */
.loader {
  margin: auto;
  display: block;
  padding: 10px;
  width: 20px;
  aspect-ratio: 1.154;
  --_g: no-repeat radial-gradient(farthest-side, #fff 90%, #fff0);
  background:
    var(--_g) 50%  0,
    var(--_g) 0    100%,
    var(--_g) 100% 100%;
  background-size: 35% calc(35%*1.154);
  animation: l16 1s infinite;
}
.loader-red {
  margin: auto;
  display: block;
  padding: 10px;
  width: 20px;
  aspect-ratio: 1.154;
  --_g: no-repeat radial-gradient(farthest-side, #fa4949 90%, #fff0);
  background:
    var(--_g) 50%  0,
    var(--_g) 0    100%,
    var(--_g) 100% 100%;
  background-size: 35% calc(35%*1.154);
  animation: l16 1s infinite;
}
@keyframes l16{
    50%,100% {background-position: 100% 100%,50% 0,0 100%}
}
.select-options ul a {
  color: var(--white);
}
.section-filter .select-val::after {
      position: relative;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  top: -3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--white);
  margin-left: 5px; /* Регулируйте отступ стрелки от текста "Все" */

}
.card-description__author {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333; /* Можно изменить под вашу тему */
    font-size: 16px; /* Можно скорректировать размер шрифта */
    margin-bottom: 10px; /* Отступ между авторами, если их несколько */
}

.card-description__author-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%; /* Аватар становится круглым */
    object-fit: cover; /* Чтобы аватар красиво обрезался */
    margin-right: 10px; /* Отступ между аватаром и именем автора */
    border: 2px solid #ccc; /* Можно добавить границу, если нужно */
}

.card-description__author:hover {
    color: var(--primary-hover); /* Цвет при наведении */
}

.card-description__author-avatar:hover {
    border-color: var(--primary-hover); /* Изменение цвета границы при наведении */
}
.author-avatar-wrap {
    text-align: center;
    margin-bottom: 20px; /* Отступ от аватара до имени */
}

.author-avatar {
    width: 128px;
    height: 128px;
    object-fit: cover; /* Обрезаем изображение, чтобы оно вписалось в рамку */
    border: 4px solid #ccc; /* Рамка вокруг аватара */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Добавляем тень для красоты */
}

.card-header_multi {
    display: flex;
    flex-direction: column;
    align-items: center; /* Центруем контент внутри заголовка */
}

/* Плейсхолдер */
img.lazyload {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    background: #f2f2f2; /* Серый фон заглушки */
}

/* Когда изображение загрузилось */
img.lazyloaded {
    opacity: 1;
}

/* Контейнеры сохраняют размер */
.card-image, .article-item > .article-image {
    position: relative;
    background: #f2f2f2; /* Цвет заглушки */
    overflow: hidden;
}

/* Опционально: можно добавить лёгкое увеличение при наведении */
.card-image:hover img {
    transform: scale(1.02);
    transition: transform 0.5s ease-in-out;
}
.article-item > .article-image::before,
.card-image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: placeholderShimmer 1.2s infinite;
    z-index: 1;
    /*opacity: 0.5;*/
}
.article-item > .article-image:has(img.lazyloaded)::before,
.card-image:has(img.lazyloaded)::before {
    display: none;
}

@keyframes placeholderShimmer {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

/** UTILITY CLASSES - SPACING **/
/*
 * Универсальные классы для отступов
 * Шаг отступов: 4px (1 = 4px, 2 = 8px, 3 = 12px, 4 = 16px, 5 = 20px, 6 = 24px)
 * Префиксы:
 * m = margin, p = padding
 * t = top, r = right, b = bottom, l = left
 * x = horizontal (left + right), y = vertical (top + bottom)
 */

/* MARGIN CLASSES */
/* Margin - все стороны */
.m-0 { margin: 0 !important; }
.m-1 { margin: 4px !important; }
.m-2 { margin: 8px !important; }
.m-3 { margin: 12px !important; }
.m-4 { margin: 16px !important; }
.m-5 { margin: 20px !important; }
.m-6 { margin: 24px !important; }

/* Margin Top */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 4px !important; }
.mt-2 { margin-top: 8px !important; }
.mt-3 { margin-top: 12px !important; }
.mt-4 { margin-top: 16px !important; }
.mt-5 { margin-top: 20px !important; }
.mt-6 { margin-top: 24px !important; }

/* Margin Right */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 4px !important; }
.mr-2 { margin-right: 8px !important; }
.mr-3 { margin-right: 12px !important; }
.mr-4 { margin-right: 16px !important; }
.mr-5 { margin-right: 20px !important; }
.mr-6 { margin-right: 24px !important; }

/* Margin Bottom */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 4px !important; }
.mb-2 { margin-bottom: 8px !important; }
.mb-3 { margin-bottom: 12px !important; }
.mb-4 { margin-bottom: 16px !important; }
.mb-5 { margin-bottom: 20px !important; }
.mb-6 { margin-bottom: 24px !important; }

/* Margin Left */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 4px !important; }
.ml-2 { margin-left: 8px !important; }
.ml-3 { margin-left: 12px !important; }
.ml-4 { margin-left: 16px !important; }
.ml-5 { margin-left: 20px !important; }
.ml-6 { margin-left: 24px !important; }

/* Margin Horizontal (left + right) */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 4px !important; margin-right: 4px !important; }
.mx-2 { margin-left: 8px !important; margin-right: 8px !important; }
.mx-3 { margin-left: 12px !important; margin-right: 12px !important; }
.mx-4 { margin-left: 16px !important; margin-right: 16px !important; }
.mx-5 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-6 { margin-left: 24px !important; margin-right: 24px !important; }

/* Margin Vertical (top + bottom) */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
.my-3 { margin-top: 12px !important; margin-bottom: 12px !important; }
.my-4 { margin-top: 16px !important; margin-bottom: 16px !important; }
.my-5 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-6 { margin-top: 24px !important; margin-bottom: 24px !important; }

/* PADDING CLASSES */
/* Padding - все стороны */
.p-0 { padding: 0 !important; }
.p-1 { padding: 4px !important; }
.p-2 { padding: 8px !important; }
.p-3 { padding: 12px !important; }
.p-4 { padding: 16px !important; }
.p-5 { padding: 20px !important; }
.p-6 { padding: 24px !important; }

/* Padding Top */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 4px !important; }
.pt-2 { padding-top: 8px !important; }
.pt-3 { padding-top: 12px !important; }
.pt-4 { padding-top: 16px !important; }
.pt-5 { padding-top: 20px !important; }
.pt-6 { padding-top: 24px !important; }

/* Padding Right */
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 4px !important; }
.pr-2 { padding-right: 8px !important; }
.pr-3 { padding-right: 12px !important; }
.pr-4 { padding-right: 16px !important; }
.pr-5 { padding-right: 20px !important; }
.pr-6 { padding-right: 24px !important; }

/* Padding Bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 4px !important; }
.pb-2 { padding-bottom: 8px !important; }
.pb-3 { padding-bottom: 12px !important; }
.pb-4 { padding-bottom: 16px !important; }
.pb-5 { padding-bottom: 20px !important; }
.pb-6 { padding-bottom: 24px !important; }

/* Padding Left */
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 4px !important; }
.pl-2 { padding-left: 8px !important; }
.pl-3 { padding-left: 12px !important; }
.pl-4 { padding-left: 16px !important; }
.pl-5 { padding-left: 20px !important; }
.pl-6 { padding-left: 24px !important; }

/* Padding Horizontal (left + right) */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 4px !important; padding-right: 4px !important; }
.px-2 { padding-left: 8px !important; padding-right: 8px !important; }
.px-3 { padding-left: 12px !important; padding-right: 12px !important; }
.px-4 { padding-left: 16px !important; padding-right: 16px !important; }
.px-5 { padding-left: 20px !important; padding-right: 20px !important; }
.px-6 { padding-left: 24px !important; padding-right: 24px !important; }

/* Padding Vertical (top + bottom) */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
.py-3 { padding-top: 12px !important; padding-bottom: 12px !important; }
.py-4 { padding-top: 16px !important; padding-bottom: 16px !important; }
.py-5 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-6 { padding-top: 24px !important; padding-bottom: 24px !important; }