.t-article {
  overflow: hidden;
  position: relative;
  background-color: #3498db
}

.t-article article {
  width: 100%;
  height: 100%
}

.t-article .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .35s, transform .35s
}

.t-article .image-container .image {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%
}

.t-article .image-container:after {
  overflow: hidden;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  background: url('/user/img/slovo/fl-b.png') 50% 50% no-repeat;
  background-size: cover;
  content: "Gradient mask.";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.t-article .headline {
  display: block;
  height: auto;
  top: auto;
  bottom: 0;
  position: absolute;
  transform: translate3d(0, 0, 0);
  transition: transform .35s;
  width: 100%;
  box-sizing: border-box
}

.t-article .headline .tlh {
  color: #fff;
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 700;
  position: relative
}
.tile_title_wrap {
  position: relative;
}
.t-article .headline .tile_title_wrap:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: .25rem;
  background: #fff;
  content: '';
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity .35s, transform .35s
}

.t-article .headline .ic {
  background-size: cover
}

.t-article .headline .ic.ic-digest {
  background: url('/user/img/slovo/icon-digest.svg') 50% 50% no-repeat
}

.t-article .headline .ic.ic-ig {
  background: url('/user/img/slovo/icon-ig.svg') 50% 50% no-repeat
}

.t-article .headline .ic.ic-column-ru,
.t-article .headline .ic.ic-column-uk {
  background: url('/user/img/slovo/icon-column.svg') 50% 50% no-repeat
}

.t-article .label {
  color: #fff;
  line-height: 1.2
}

.t-article .author {
  line-height: 1
}

.t-article .author .name {
  display: block;
  float: left;
  font-weight: 700;
  min-width: 60%
}

.t-article .author .position {
  display: block;
  float: left;
  font-weight: 300;
  min-width: 60%;
  max-width: 62%;
  color: #576377
}

.t-article .author .avatar {
  float: left
}

.t-article .author .avatar .image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%
}

.t-article time {
  font-weight: 300;
}

.t-article .lead {
  display: none;
  margin: .5rem 0 0;
  color: #333;
  line-height: 1.36
}

.t-article .n-woi {
  background-color: #c0d0d0
}

.t-article .n-woi .image-container {
  background-color: #f0f0f0
}

.t-article .n-woi .image-container:after {
  display: none
}

.t-article .n-woi .headline {
  height: 100%;
  top: 0
}

.t-article .n-woi .headline .tlh {
  color: #22243a
}

.t-article .n-woi .headline .tile_title_wrap:after {
  height: .125rem;
  background-color: #22243a
} 

.t-article .n-woi .label {
  color: #22243a
}

.t-article .n-wl .lead {
  transform: translate3d(0, 0, 0);
  transition: transform .35s
}

.t-article.s-scs .headline .tile_title_wrap:after {
  height: .125rem;
  background-color: #22243a
}

.t-article:hover .image-container {
  opacity: .6;
  transform: scale3d(1.05, 1.05, 1)
}

.t-article:hover .headline {
  transform: translate3d(0, -1.25rem, 0)
}

.t-article:hover .headline .tile_title_wrap:after {
  opacity: 1;
  transform: translate3d(0, .3rem, 0)
}

.t-article:hover .n-woi .headline {
  transform: translate3d(0, .75rem, 0)
}

.t-article:hover .n-wl .lead {
  transform: translate3d(0, .25rem, 0)
}

.t-article:hover.s-scs .headline {
  transform: translate3d(0, 0, 0)
}

@media screen and (min-width: 19.375em) {
  .t-article .image.i-s {
    display: block
  }

  .t-article .headline {
    padding: .5rem .75rem .75rem
  }

  .t-article .headline .ic {
    margin-top: -1px !important;
  }

  .t-article .headline .ic.ic-ig {
    width: .8125rem;
    height: .8125rem
  }

  .t-article .headline .ic.ic-digest {
    width: 1.125rem;
    height: .8125rem
  }

  .t-article .headline .ic.ic-column-ru,
  .t-article .headline .ic.ic-column-uk {
    width: 3.7rem;
    height: .8125rem
  } 

  .t-article .label {
    font-size: .6rem;
    margin-bottom: .2rem
  }

  .t-article .n-opinion .headline,
  .t-article .n-column .headline {
    padding: .5rem .75rem .75rem
  }

  .t-article .n-opinion .image-container>.image,
  .t-article .n-column .image-container>.image,
  .t-article .n-woi .image-container>.image {
    opacity: 0
  }

  .t-article .n-opinion .headline:before,
  .t-article .n-column .headline:before,
  .t-article .n-woi .headline:before {
    width: .8rem
  }

  .t-article.s-small .author {
    font-size: .6rem;
    padding: .8rem .75rem .7rem
  }

  .t-article.s-small .author .name {
    margin: 0 0 0 .6rem;
    max-width: 66%
  }

  .t-article.s-small .author .position {
    font-size: .48rem;
    margin: .2rem 0 0 .6rem
  }

  .t-article.s-small .author .avatar {
    width: 1.75rem;
    height: 1.75rem
  }

  .t-article.s-small .n-woi.n-wl .headline .lead {
    display: none
  }
}

@media screen and (min-width: 34.875em) {
  .t-article .headline {
    padding: .5rem .75rem .75rem
  }

  .t-article .label {
    font-size: .65rem
  }

  .t-article .n-opinion .headline:before,
  .t-article .n-column .headline:before {
    width: .8rem
  }

  .t-article.s-small .author {
    font-size: .65rem
  }

  .t-article.s-small .author .position {
    font-size: .55rem
  }
}

@media screen and (min-width: 61.75em) {
  .t-article .label {
    font-size: .75rem
  }

  .t-article.s-small .author {
    font-size: .8rem;
    padding: .8rem 1rem
  }

  .t-article.s-small .author .name {
    max-width: 65%
  }

  .t-article.s-small .author .position {
    font-size: .7rem
  }

  .t-article.s-small .author .avatar {
    width: 3rem;
    height: 3rem
  }

  .t-article.s-small .n-column .headline,
  .t-article.s-small .n-opinion .headline {
    padding: .5rem 1rem .8rem
  }

  .t-article.s-small .n-woi.n-wl .headline .lead {
    display: block;
  }
}

@media screen and (max-width: 9999em) and (min-width:76.25em) {
  .t-article.s-small .author {
    font-size: .9rem
  }

  .t-article.s-small .author .position {
    font-size: .75rem
  }

  .t-article.s-small .author .avatar {
    width: 3.718rem;
    height: 3.718rem
  }

  .t-article.s-small .n-woi .label {
    font-size: .875rem
  }

  .t-article.s-small .n-woi.n-wl .headline .lead {
    display: block
  }

  .t-article.s-middle .headline .label {
    font-size: .875rem
  }

  .t-article .label {
    font-size: .875rem
  }

  .t-article .headline .ic.ic-ig {
    width: 1.25rem;
    height: 1.25rem
  }

  .t-article .headline .ic.ic-digest {
    width: 1.737rem;
    height: 1.25rem
  }

  .t-article .headline .ic.ic-column-ru,
  .t-article .headline .ic.ic-column-uk {
    width: 5.8865rem;
    height: 1.25rem
  }
}

.showcase-area {
  background-color: #fff
}

.showcase-area .view-area>section {
  background: #2e363f url('/user/img/slovo/sc-f.png') 50% 50% repeat
}

.showcase-area .view-area>section .feed-items.digests,
.showcase-area .view-area>section .feed-items.map {
  display: none
}

.jspContainer {
  overflow: hidden;
  position: relative
}

.jspPane {
  position: absolute;
  padding: 1rem
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: #fff
}

.jspVerticalBar * {
  margin: 0;
  padding: 0
}

.jspCap {
  display: none
}

.jspTrack {
  background: #f2f2f2;
  position: relative
}

.jspDrag {
  background: #aaa;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer
}

@media screen and (min-width: 19.375em) {
  .showcase-area .view-area>section {
    padding: .625rem
  }

  .showcase-area .view-area>section nav {
    overflow: hidden
  }

  .showcase-area .view-area>section nav .tabs {
    overflow: hidden;
    margin-bottom: .3rem;
    text-align: center
  }

  .showcase-area .view-area>section nav .tabs li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    font-size: .875rem;
    color: #fff;
    line-height: 1.5;
    margin: 0 .75rem .5rem 0;
    border-bottom: .15rem solid transparent;
    transition: border-bottom .3s ease;
  }

  .showcase-area .view-area>section nav .tabs li.active {
    border-bottom: .15rem solid #ffc107;
  }

  .showcase-area .view-area>section .feed-items .t-article {
    margin: 0
  }

  .showcase-area .view-area>section .feed-items .t-article .headline {
    box-sizing: border-box;
    background-color: #fff;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
    font-size: 1rem
  }

  .showcase-area .view-area>section .feed-items .t-article .headline .label {
    display: none
  }

  .showcase-area .view-area>section .feed-items .t-article .headline .ic {
    float: left;
    margin: .1rem .5rem 0 0
  }

  .showcase-area .view-area>section .feed-items .t-article .headline h3 {
    color: #22243a
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 17.5625rem;
    height: 25rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article .image-container {
    height: 75%
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article .headline {
    height: 25%;
    top: 75%
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(n+2) {
    display: none
  }

  .showcase-area .view-area>section .feed-items.digests {
    overflow: hidden
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column {
    float: left
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 8.4375rem;
    height: 25rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .image-container {
    height: 50%
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline {
    height: 50%;
    top: 50%
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(n+3) {
    display: none
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:first-child .t-article {
    margin-right: .6875rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 25rem;
    position: relative;
    background-color: #fff
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 14.625rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image img {
    width: 100%
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    position: relative;
    top: 14.625rem;
    left: 0;
    width: 100%;
    height: 10.375rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div {
    width: 17.5625rem;
    height: 10.375rem;
    padding: .625rem;
    box-sizing: border-box
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div h3 {
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .5rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div h5,
  .showcase-area .view-area>section .feed-items.map .map-text>div h6 {
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
    font-size: .75rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div p {
    font-family: "PT Serif", times, serif;
    font-size: .75rem;
    margin-bottom: .5rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text .jspPane>div {
    padding: .625rem
  }
}

@media screen and (min-width: 29.375em) {
  .showcase-area .view-area>section .feed-items.infographics {
    overflow: hidden
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column {
    float: left
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 12.875rem;
    height: 25rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:first-child .t-article {
    margin-right: .6875rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(2) {
    display: block
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(3) {
    display: block
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:first-child .t-article,
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(2) .t-article {
    margin-right: .5625rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    height: 22rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    top: 22rem;
    height: 3rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div {
    width: 26.4375rem;
    height: 3rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div h5,
  .showcase-area .view-area>section .feed-items.map .map-text>div h6,
  .showcase-area .view-area>section .feed-items.map .map-text>div p {
    display: none
  }
}

@media screen and (min-width: 34.875em) {
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 15.6875rem;
    height: 26.7rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 10.3125rem;
    height: 26.7rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .lead {
    display: block;
    font-size: .6rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 26.7rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    height: 26.7rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    display: none
  }
}

@media screen and (min-width: 39.375em) {
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 17.75rem;
    height: 30.1rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 11.6875rem;
    height: 30.1rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 30.1rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    height: 30.1rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    display: none
  }
}

@media screen and (min-width: 41.0625em) {
  .showcase-area .view-area>section nav .tabs li {
    font-size: 1.25rem
  }

  .showcase-area .view-area>section nav .tabs li ins {
    display: inline-block;
    height: 1.5rem;
    margin-right: .75rem;
    background-repeat: no-repeat;
    background-size: cover
  }

  .showcase-area .view-area>section nav .tabs li.infographics {
    margin-right: 2rem
  }

  .showcase-area .view-area>section nav .tabs li.infographics ins {
    width: 1.5rem;
    background-image: url('/user/img/slovo/icon-ig-w.svg')
  }

  .showcase-area .view-area>section nav .tabs li.digests {
    margin-right: 2rem
  }

  .showcase-area .view-area>section nav .tabs li.digests ins {
    width: 2.0625rem;
    background-image: url('/user/img/slovo/icon-digest-w.svg')
  }

  .showcase-area .view-area>section nav .tabs li.map ins {
    width: 2.625rem;
    background-image: url('/i/images/icon-map-w.svg')
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 18.75rem;
    height: 25.4375rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 12.375rem;
    height: 25.4375rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 25.4375rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    width: 22.4rem;
    height: 25.4375rem;
    overflow: hidden;
    float: left
  }

  .showcase-area .view-area>section .feed-items.map .map-image img {
    width: 30.625rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    display: block;
    float: right;
    top: 0;
    height: 25.4375rem;
    width: 15.8rem;
    overflow: hidden
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div {
    width: 15.8rem;
    height: 25.4375rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div h5,
  .showcase-area .view-area>section .feed-items.map .map-text>div h6,
  .showcase-area .view-area>section .feed-items.map .map-text>div p {
    display: block;
    line-height: 1.3
  }
}

@media screen and (min-width: 47.5em) {
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 20.25rem;
    height: 28.8125rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:first-child .t-article {
    margin-right: .75rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 13.25rem;
    height: 28.8125rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:first-child .t-article,
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(2) .t-article {
    margin-right: .75rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 28.8125rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    width: 25.4rem;
    height: 28.8125rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image img {
    width: 34.8125rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    height: 28.8125rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div {
    height: 28.8125rem
  }
}

@media screen and (min-width: 61.75em) {
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 19rem;
    height: 17.375rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:first-child .t-article,
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(2) .t-article,
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(4) .t-article,
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(5) .t-article {
    margin-right: .75rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(-n+3) .t-article {
    margin-bottom: .75rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(-n+6) {
    display: block
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 19rem;
    height: 35.5rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .image-container {
    height: 70%
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline {
    height: 30%;
    top: 70%
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:first-child .t-article,
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(2) .t-article {
    margin-right: .75rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 35.5rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    width: 42.4rem;
    height: 35.5rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image img {
    width: 42.75rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    height: 35.5rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div {
    height: 35.5rem
  }
}

@media screen and (max-width: 9999em) and (min-width:76.25em) {
  .showcase-area {
    background: #2e363f url('/user/img/slovo/sc-f.png') 50% 50% repeat
  }

  .showcase-area .view-area {
    background-color: transparent
  }

  .showcase-area .view-area>section {
    background: transparent;
    padding: 1.1875rem 0
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article {
    width: 23.375rem;
    height: 23.75rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article .headline h3 {
    font-size: 1.0625rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:first-child .t-article,
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(2) .t-article,
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(4) .t-article,
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(5) .t-article {
    margin-right: 1.1875rem
  }

  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column:nth-child(-n+3) .t-article {
    margin-bottom: 1.1875rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 23.375rem;
    height: 48.6875rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline h3 {
    font-size: 1.25rem
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline .lead {
    font-size: 1rem;
    font-weight: 500
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .image-container {
    height: 70%
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline {
    height: 30%;
    top: 70%
  }

  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:first-child .t-article,
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(2) .t-article {
    margin-right: 1.1875rem
  }

  .showcase-area .view-area>section .feed-items.map {
    height: 48.6875rem;
    background-color: transparent
  }

  .showcase-area .view-area>section .feed-items.map .map-image {
    width: 52.625rem;
    height: 48.6875rem
  }

  .showcase-area .view-area>section .feed-items.map .map-image img {
    width: 52.625rem;
    margin-top: 2rem
  }

  .showcase-area .view-area>section .feed-items.map .map-text {
    width: 19.75rem;
    height: 43.75rem;
    margin-top: 2rem;
    background-color: #fff
  }

  .showcase-area .view-area>section .feed-items.map .map-text>div {
    width: 19.75rem;
    height: 43.75rem
  }
}

.main-themes article {
  position: relative;
  overflow: hidden;
  background-color: #3498db
}

.main-themes article .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .35s, transform .35s
}

.main-themes article .image-container:after {
  overflow: hidden;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  content: "Gradient mask.";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(135deg, rgba(255, 101, 100, 0.4) 0, rgba(255, 101, 100, 0) 50%, rgba(255, 101, 100, 0) 100%), linear-gradient(45deg, rgba(40, 0, 215, 0) 0, rgba(40, 0, 215, 0) 50%, rgba(40, 0, 215, 0.4) 100%), linear-gradient(transparent 5%, rgba(0, 0, 0, 0.8) 100%)
}

.main-themes article .image {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%
}

.main-themes article .headline {
  position: absolute;
  top: 5%;
  color: #fff
}

.main-themes article .headline:before {
  content: "t";
  display: block;
  float: right;
  height: 3rem;
  text-indent: -999rem
}

.main-themes article .headline h1,
.main-themes article .headline h2 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  line-height: 1.25
}

.main-themes article .related {
  display: block;
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
  height: auto;
  overflow: hidden
}

.main-themes article .related>li {
  list-style-type: none;
  display: block;
  margin-bottom: 0;
  overflow: visible;
  min-height: 1rem;
  line-height: 1.3;
  position: relative
}

.main-themes article .related>li>a {
  transition: border-bottom-color .1s ease-out;
  border-bottom: solid .0625rem transparent;
  display: inline;
  line-height: 1.2;
  text-decoration: none;
  outline: 0;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff
}

.main-themes article .related>li>a:hover {
  border-bottom-color: #fff
}

.main-themes article .social-links {
  position: absolute;
  top: .1rem;
  right: 0;
  overflow: hidden;
  width: 1.5rem;
  height: 5rem;
  z-index: 2;
  transform: translate3d(2rem, 0, 0);
  transition: transform .35s
}

.main-themes article .social-links>span {
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  backface-visibility: hidden;
  display: block;
  color: #fff;
  line-height: 1rem;
  margin-top: .225rem;
  opacity: 0;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  text-indent: -9999rem;
  cursor: pointer;
  background-size: cover
}

.main-themes article .social-links>span:before {
  text-indent: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.7rem
}

.main-themes article .social-links>span:hover {
  opacity: .8
}

.main-themes article .social-links>span.fb-link {
  background: url('/i/images/social-fb-w.svg') 50% 50% no-repeat
}

.main-themes article .social-links>span.tw-link {
  background: url('/i/images/social-tw-w.svg') 50% 50% no-repeat
}

.main-themes article:hover .image-container {
  opacity: .6;
  transform: scale3d(1.05, 1.05, 1)
}

.main-themes article:hover .social-links {
  display: block;
  transform: translate3d(0, 0, 0)
}

.main-themes article:hover .social-links span {
  opacity: 1
}

@media screen and (min-width: 19.375em) {
  .compare-banner {
    display: none
  }

  .persons-tiles {
    display: none
  }

  .main-themes article {
    margin-bottom: .6562rem
  }

  .main-themes article .image.i-s {
    display: block
  }

  .main-themes .a-theme {
    height: 12.25rem
  }

  .main-themes .a-theme .headline {
    padding: .5rem .75rem .75rem
  }

  .main-themes .a-theme .headline:before {
    width: .8rem
  }

  .main-themes .a-theme .headline h1 {
    font-size: 1rem
  }

  .main-themes .a-theme .related {
    padding: .75rem
  }

  .main-themes .a-theme .related>li {
    margin-top: .5rem
  }

  .main-themes .a-theme .related>li:nth-of-type(2),
  .main-themes .a-theme .related>li:nth-of-type(4) {
    display: none
  }

  .main-themes .a-theme .related>li>a {
    font-size: .75rem
  }

  .main-themes .a-choice {
    height: 11.25rem
  }

  .main-themes .a-choice .headline {
    padding: .5rem .75rem;
    bottom: 5%;
    top: auto
  }

  .main-themes .a-choice .headline h1 {
    font-size: 1rem
  }

  .main-themes .a-choice .related {
    display: none
  }

  .home-video {
    display: none
  }

  .view-area>.home-first {
    padding-bottom: .2rem
  }

  .view-area>.home-second {
    padding-top: 1rem
  }
}

@media screen and (min-width: 29.375em) {
  .home-ctop-mob {
    width: 18.25rem;
    margin-right: .625rem;
    float: left
  }

  .home-ctop-mob .main-stream {
    height: 41.25rem
  }

  .home-ctop-mob .main-themes .a-choice {
    height: 10.5rem
  }
}

@media screen and (max-width: 34.874em) and (min-width:29.375em) {
  .main-stream>:nth-child(11) {
    display: none
  }

  .home-tiles.tiles-first {
    float: right;
    width: 8.8125rem
  }

  .home-tiles.tiles-first .t-article {
    margin-right: 0
  }
}

@media screen and (min-width: 34.875em) {
  .home-ctop-mob {
    width: 22rem;
    margin-right: .75rem
  }

  .home-ctop-mob .main-stream {
    height: 38.25rem
  }

  .home-ctop-mob .main-themes article {
    margin-bottom: .75rem
  }

  .home-ctop-mob .main-themes .a-theme {
    height: 13.5rem
  }

  .home-ctop-mob .main-themes .a-choice {
    height: 11rem
  }
}

@media screen and (min-width: 39.375em) {
  .home-ctop-mob {
    width: 100%;
    margin-right: 0;
    float: none;
    position: relative;
    z-index: 400
  }

  .home-ctop-mob .main-stream {
    width: 18.375rem;
    height: 46.5rem;
    margin-right: .75rem;
    float: left
  }

  .home-ctop-mob .main-themes {
    width: 18.375rem;
    float: left
  }
}

@media screen and (max-width: 41.0624em) and (min-width:39.375em) {
  .home-tiles.tiles-second {
    width: 27.9375rem
  } 
}

@media screen and (min-width: 41.0625em) {
  .home-ctop-mob .main-stream {
    width: 19.375rem;
    height: 47.75rem
  }

  .home-ctop-mob .main-themes {
    width: 19.375rem
  }
}

@media screen and (max-width: 47.499em) and (min-width:41.0625em) {
  .home-tiles.tiles-first .feed-row {
    position: relative
  }

  .home-tiles.tiles-second {
    width: 29.4375rem
  } 
}

@media screen and (min-width: 47.5em) {
  .home-ctop-mob .main-stream {
    width: 20.875rem;
    height: 50.85rem;
    margin-bottom: 0
  }

  .home-ctop-mob .main-themes {
    width: 20.875rem
  }
}

@media screen and (max-width: 61.749em) and (min-width:47.5em) {
  .home-tiles.tiles-second {
    width: 31.6875rem
  } 
}

@media screen and (min-width: 61.75em) {
  .home-ctop-mob .main-stream {
    width: 19.25rem;
    height: 82rem;
    margin-bottom: 0;
    margin-right: 1rem
  }

  .home-ctop-mob .main-stream .long>:nth-child(n+9) {
    display: none
  }

  .home-ctop-mob .main-stream .long .headline.second:nth-child(n+8) {
    display: none
  }

  .home-ctop-mob .main-themes {
    width: 39.5rem;
    overflow: hidden
  }

  .home-ctop-mob .main-themes article {
    float: left;
    margin-bottom: 1rem
  }

  .home-ctop-mob .main-themes .a-theme {
    width: 26rem;
    height: 17rem;
    margin-right: 1rem
  }

  .home-ctop-mob .main-themes .a-theme .headline h1 {
    font-size: 1.4rem
  }

  .home-ctop-mob .main-themes .a-theme .related {
    width: 100%;
    box-sizing: border-box
  }

  .home-ctop-mob .main-themes .a-theme .related>li {
    width: 47.5%;
    float: left;
    margin-top: .5rem;
    line-height: 1.2
  }

  .home-ctop-mob .main-themes .a-theme .related>li:nth-of-type(2),
  .home-ctop-mob .main-themes .a-theme .related>li:nth-of-type(4) {
    display: block;
    margin-left: 5%
  }

  .home-ctop-mob .main-themes .a-theme .related>li:nth-of-type(3) {
    clear: both
  }

  .home-ctop-mob .main-themes .a-choice {
    width: 12.5rem;
    height: 17rem
  }

  .home-ctop-mob .main-themes .a-choice .headline h2 {
    font-size: 1.1rem
  }
}

.home-ctop-mob .main-stream {
  position: relative;
  overflow: hidden;
}

.home-ctop-mob .main-stream .terminator {
  position: absolute;
  width: 100%;
  height: 3rem;
  bottom: 2.5rem;
  background-image: linear-gradient(to bottom, transparent, white)
}

.home-ctop-mob .main-stream .all-pubs-lbl {
  position: absolute;
  bottom: 0;
  width: 100%
}

@media screen and (max-width: 9999em) and (min-width:76.25em) {
  .home-ctop-mob .main-stream {
    width: 23.375rem;
    height: 108rem;
    margin-right: 1.1875rem;
    position: relative
  }

  .home-ctop-mob .main-stream .long>:nth-child(-n+30) {
    display: block
  }

  .home-ctop-mob .main-stream .long .headline.second:nth-child(n+9) {
    display: block
  }

  .home-ctop-mob .main-stream .long .headline.second:nth-child(n+14) {
    display: none
  }

  .home-ctop-mob .main-themes {
    width: 47.9375rem;
    overflow: hidden
  }

  .home-ctop-mob .main-themes article {
    float: left;
    margin-bottom: 1.1875rem
  }

  .home-ctop-mob .main-themes .a-theme {
    width: 31.5625rem;
    height: 21rem;
    margin-right: 1.1875rem
  }

  .home-ctop-mob .main-themes .a-theme .related>li>a {
    font-size: .93rem
  }

  .home-ctop-mob .main-themes .a-choice {
    width: 15.1875rem;
    height: 21rem
  }

  .compare-banner {
    display: block;
    background-size: cover;
    height: 8.6875rem;
    margin-bottom: 1.1875rem;
    float: left;
    width: 47.9375rem
  }

  .compare-banner.ru {
    background: url('/user/img/slovo/telegram-ru.png') 50% 50% no-repeat;
    background-size: unset;
    height: 4.6875rem;
  }

  .compare-banner.uk {
    background: url('/user/img/slovo/telegram-uk.png') 50% 50% no-repeat;
    background-size: unset;
    height: 4.6875rem;
  }

  .compare-banner a {
    display: block;
    height: 5.6875rem
  }

  .persons-tiles {
    display: block;
    width: 47.9375rem;
    height: 8.75rem;
    float: left;
    position: relative;
    margin-bottom: 1.1875rem
  }

  .persons-tiles .base {
    position: absolute;
    width: 42.25rem;
    height: 4.75rem;
    border-radius: 2.375rem;
    background-color: #e3e3e3;
    left: 0;
    top: 2rem
  }

  .persons-tiles .persons .item {
    position: absolute;
    width: 13.8125rem;
    height: 8.75rem;
    top: 0
  }

  .persons-tiles .persons .item.item-1 {
    left: .4375rem
  }

  .persons-tiles .persons .item.item-2 {
    left: 14.6875rem
  }

  .persons-tiles .persons .item.item-3 {
    left: 28.9375rem
  }

  .persons-tiles .persons .item .image {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    left: 0;
    top: 2.375rem
  }

  .persons-tiles .persons .item .base-diag {
    width: 8.625rem;
    height: 8.625rem;
    box-sizing: border-box;
    border: .3125rem solid #e3e3e3;
    position: absolute;
    top: .0625rem;
    right: .4375rem;
    border-radius: 50%;
    background-color: #fff
  }

  .persons-tiles .persons .item .base-diag .base-b {
    border: .625rem solid #f3f3f4;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute
  }

  .persons-tiles .persons .item .base-diag .base-b.base-3-diag {
    width: 7.375rem;
    height: 7.375rem;
    top: .3125rem;
    left: .3125rem
  }

  .persons-tiles .persons .item .base-diag .base-b.base-2-diag {
    width: 5.75rem;
    height: 5.75rem;
    top: 1.125rem;
    left: 1.125rem
  }

  .persons-tiles .persons .item .base-diag .base-b.base-1-diag {
    width: 4.125rem;
    height: 4.125rem;
    top: 1.9375rem;
    left: 1.9375rem
  }

  .persons-tiles .persons .item .base-diag .diagram {
    position: relative;
    width: 8rem;
    height: 8rem
  }

  .persons-tiles .persons .item .base-diag .diagram .spie {
    position: absolute;
    width: 9.125rem;
    height: 9.125rem;
    top: -0.5625rem;
    left: -0.5625rem;
    overflow: hidden
  }

  .persons-tiles .persons .item .base-diag .respl {
    position: absolute;
    top: 3.1rem;
    left: 2.8rem;
    text-align: center;
    color: #7a7d83;
    font-weight: 700;
    font-size: .4375rem;
    text-transform: uppercase;
    width: 2.5rem
  }

  .persons-tiles .persons .item .base-diag .respl span {
    display: block;
    font-size: 1.25rem
  }

  .persons-tiles .persons .item .name {
    display: block;
    position: absolute;
    top: 7.375rem;
    left: .3125rem;
    text-decoration: none;
    color: #22243a;
    font-size: .75rem
  }

  .persons-tiles .persons .item .name .surname {
    display: inline-block;
    width: 100%
  }

  .persons-tiles .persons .item .name:hover {
    text-decoration: underline
  }

  .persons-tiles .persons .item .name:hover .surname {
    text-decoration: underline
  }

  .persons-tiles .legend {
    position: absolute;
    top: .3125rem;
    right: 0;
    width: 5rem
  }

  .persons-tiles .legend span {
    display: block;
    height: 3.25rem;
    margin-left: .75rem;
    font-size: .625rem;
    line-height: 1.4;
    text-transform: uppercase;
    color: #22243a;
    position: relative
  }

  .persons-tiles .legend span:before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    position: absolute;
    left: -0.75rem;
    top: .16rem
  }

  .persons-tiles .legend span.failed:before {
    background-color: #f44336
  }

  .persons-tiles .legend span.succeed:before {
    background-color: #4caf50
  }

  .persons-tiles .legend span.performed:before {
    background-color: #ffb300
  }

  .home-video {
    display: block;
    height: 31.2875rem;
    margin: 1.1875rem 0 2.375rem;
    overflow: hidden
  }

  .home-video .headline {
    border-bottom: .0625rem solid #303f9b;
    margin-bottom: 1.25rem;
    padding-bottom: .6rem
  }

  .home-video .headline span {
    font-size: 1.25rem;
    font-weight: 700;
    color: #303f9f;
    text-transform: uppercase;
    line-height: 1
  }

  .home-video .headline span a {
    text-decoration: none;
    color: #303f9f
  }

  .home-video iframe {
    float: left
  }

  .home-video .video-list {
    float: right;
    width: 21.375rem;
    height: 28.125rem;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin; 
    scrollbar-color: #8b8b8b transparent; 
  }
  .home-video .video-list::-webkit-scrollbar {
    width: 8px;
  }
  .home-video .video-list::-webkit-scrollbar-track {
    background: #1e1e1e;
  }
  .home-video .video-list::-webkit-scrollbar-thumb {
    background-color: #8b8b8b;
    border-radius: 4px;
  }

  .home-video .video-list li {
    overflow: hidden;
    margin-bottom: 1.25rem;
    cursor: pointer;
    position: relative
  }

  .video_img:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 11rem;
    height: 6rem;
    background: url('/user/img/slovo/icon-video-pl.svg') 50% 50% no-repeat;
    background-size: 2.5rem;
    transform: translateY(-50%);
  }

  .home-video .video-list li.active:after {
    background-image: none
  }

  .home-video .video-list li:last-child {
    margin-bottom: 0
  }

  .home-video .video-list li img {
    width: 11rem;
    height: auto;
    float: left;
    margin-right: 1.25rem
  }

  .home-video .video-list li time {
    display: block;
    font-weight: 300;
    font-size: .875rem;
    color: #999;
    border-bottom: .0625rem solid #e3e3e3;
    margin-left: 12.25rem;
    margin-bottom: .25rem;
    padding-bottom: .25rem;
    width: 7.5rem
  }

  .home-video .video-list li span {
    display: block;
    font-weight: 300;
    margin-left: 12.25rem;
    width: 7.5rem
  }
}

.feed-column {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 29.3125rem) {
  .digests .feed-row {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 759px) {
  .home-ctop-mob .main-stream {
    height: 48.75rem;
    margin-bottom: 0.25rem;
  }
} 

@media (max-width: 629px) {
  .home-ctop-mob .main-stream {
      height: 38.625rem;
  }
} 

@media (max-width: 557px) {
    .home-ctop-mob .main-stream {
        height: 41.5rem;
    }
}

@media (max-width: 469px) {
    .home-ctop-mob .main-stream {
        height: 58.875rem;
        margin-bottom: 1.25rem;
    }
}


.home-tiles {
  padding-bottom: 19px;
}

.tiles-first {
  padding-top: 451px;
}

.feed-row-new {
  display: grid;
  gap: 19px;
}

.feed-row-s26.feed-row-new {
  grid-template-columns: repeat(6, 1fr);
}

.feed-row-s29.feed-row-new {
  grid-template-columns: repeat(9, 1fr);
}

.t-article-n {
  height: 305px;
  margin: 0;
}

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

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

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

.t-article:has(.n-wl) .lead.cs-2 {
  display: block;
}

.s-2 h3 {
  font-size: 1.2rem !important;
}

.n-woi:not(.n-wl) h3 {
  font-size: 1.4rem !important;
}

.s-3 h3 {
  font-size: 1.4rem !important;
}

.s-4 h3 {
  font-size: 1.625rem !important;
}

@media (max-width: 1219px) {
  .feed-row-new {
    gap: 16px;
  }

  .tiles-first {
    padding-top: 288px;
  }

  .t-article-n {
    height: 244px;
  }

  .s-2 h3 {
    font-size: 1rem !important;
  }

  .n-woi:not(.n-wl) h3 {
    font-size: 1.1rem !important;
  }

  .s-4 h3 {
    font-size: 1.4rem !important;
  }

  .lead.cs-2 {
    /* font-size: 0.625rem; */
    font-size: 0.75rem;
  }
}

@media (max-width: 987px) {
  .tiles-first {
    padding-top: 418px;
    padding-bottom: 8px;
  }

  .tiles-first .feed-row-s26.feed-row-new {
    grid-template-columns: repeat(4, 1fr);
    position: relative;
  }

  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 163px;
  }

  .tiles-first .feed-row-s26.feed-row-new .t-article:nth-child(5) {
    position: absolute;
    top: calc(100% + 8px);
    right: 0px;
  }

  .tiles-first .feed-row-s26.feed-row-new .t-article:nth-child(6) {
    position: absolute;
    top: calc(150% + 12px);
    right: 0px;
  }

  .feed-row-s29.feed-row-new {
    grid-template-columns: repeat(8, 1fr);
  }

  .feed-row-new {
    gap: 8px;
  }

  .t-article-n {
    height: 194px;
  }

  .s-3 {
    grid-column: span 2
  }

  .s-2 h3 {
    font-size: 1rem !important
  }

  .n-woi:not(.n-wl) h3 {
    font-size: .9375rem !important
  }

  .s-3 h3 {
    font-size: 1rem !important
  }

  .s-4 h3 {
    font-size: 1.125rem !important
  }

  .lead.cs-2 {
    display: none !important
  }
}

@media (max-width: 759px) {
  .t-article-n {
    height: 178px
  }

  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 151px;
  }

  .s-2 h3 {
    font-size: .9375rem !important
  }

  .n-woi:not(.n-wl) h3 {
    font-size: .875rem !important
  }

  .s-3 h3 {
    font-size: .9375rem !important
  }

  .s-4 h3 {
    font-size: 1rem !important
  }
}

@media (max-width: 656px) {
  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 143px;
  }
}

@media (max-width: 629px) {
  .feed-row-s29.feed-row-new {
    grid-template-columns: repeat(6, 1fr)
  }

  .tiles-first {
    padding-top: 0 !important;
  }

  .t-article-n {
    height: 196px;
  }

  .tiles-first .feed-row-s26.feed-row-new {
    grid-template-columns: repeat(2, 1fr);
  }

  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 170px;
    height: 199px;
  }

  .tiles-first .feed-row-s26.feed-row-new .t-article:nth-child(6) {
    display: none;
  }

  .tiles-first .feed-row-s26.feed-row-new .t-article:nth-child(5) {
    position: relative;
    top:
      auto;
    bottom: 0;
  }

  .home-tiles.tiles-second .feed-row {
    width: 100%
  }

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

  .s-3 h3 {
    font-size: 1rem !important;
  }

  .s-4 h3 {
    font-size: 1.125rem !important;
  }
}

@media (max-width: 557px) {
  .t-article-n {
    height: 168px;
  }

  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 142px;
    height: 168px;
  }

  .tiles-first .feed-row-s26.feed-row-new .t-article:nth-child(6) {
    position: relative;
    display: block;
    top: auto;
    bottom: 0;
  }

  .tiles-second .feed-row-new {
    width: 100%;
  }

  .s-2 h3 {
    font-size: .875rem !important;
  }

  .n-woi:not(.n-wl) h3 {
    font-size: .875rem !important;
  }

  .s-3 h3 {
    font-size: .875rem !important;
  }

  .s-4 h3 {
    font-size: 1rem !important;
  }
}

@media (max-width: 469px) {
  .feed-row-s29.feed-row-new {
    grid-template-columns: repeat(4, 1fr)
  }

  .tiles-first .feed-row-s26.feed-row-new {
    grid-template-columns: repeat(4, 1fr);
  }

  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 165px;
    height: 174px;
  }

  .tiles-second .feed-row-s26.feed-row-new {
    grid-template-columns: repeat(4, 1fr);
  }

  .t-article-n {
    height: 174px
  }

  .s-3 {
    grid-column: span 2
  }

  .home-tiles.tiles-second {
    margin-top: 0;
  }
}

@media (max-width: 364px) {
  .t-article-n {
    height: 174px
  }

  .s-3 {
    grid-column: span 2
  }

  .tiles-first .feed-row-s26.feed-row-new>* {
    width: 146px;
    height: 174px;
  }

  .s-2 h3 {
    font-size: .8125rem !important
  }

  .n-woi:not(.n-wl) h3 {
    font-size: .8125rem !important
  }

  .s-3 h3 {
    font-size: .8125rem !important
  }

  .s-4 h3 {
    font-size: 1rem !important
  }
}

@media (min-width: 470px) and (max-width: 629px) {
  .feed-row-p423234 .t-article:nth-child(4) {grid-column: span 3}
  .feed-row-p423234 .t-article:nth-child(5) {grid-column: span 2}
  .feed-row-p4232232 .t-article:nth-child(4) {grid-column: span 3}
  .feed-row-p4232232 .t-article:nth-child(6) {grid-column: span 2}
  .feed-row-p32222232 .t-article:nth-child(2) {grid-column: span 3}
  .feed-row-p32222232 .t-article:nth-child(7) {grid-column: span 2}
  .feed-row-p32222223 .t-article:nth-child(1) {grid-column: span 2}
  .feed-row-p32222223 .t-article:nth-child(7) {grid-column: span 3}
  .feed-row-p3332232 .t-article:nth-child(6) {grid-column: span 2}
  .feed-row-p2232423 .t-article:nth-child(3) {grid-column: span 2}
  .feed-row-p2232423 .t-article:nth-child(6) {grid-column: span 3}
  .feed-row-p23222232 .t-article:nth-child(2) {grid-column: span 2}
  .feed-row-p23222232 .t-article:nth-child(7) {grid-column: span 4}
  .feed-row-p2232333 .t-article:nth-child(3) {grid-column: span 2}
  .feed-row-p2232333 .t-article:nth-child(5) {grid-column: span 4}
}

@media (min-width: 630px) and (max-width: 987px) {
  .feed-row-p33222 .t-article:nth-child(2) {grid-column: span 4}
  .feed-row-p4233 .t-article:nth-child(4) {grid-column: span 4}
  .feed-row-p2232333 .t-article:nth-child(6) {grid-column: span 4}
}

@media (max-width: 987px) {
  .feed-row-p3324 .t-article:nth-child(1) {grid-column: span 4}
  .feed-row-p3332232 .t-article:nth-child(3) {grid-column: span 4}
}

@media (max-width: 629px) {
  .feed-row-p3324 .t-article:nth-child(2) {grid-column: span 2}
}

@media (max-width: 469px) {
  .feed-row-p33222 .t-article:nth-child(1) {grid-column: span 4}
  .feed-row-p4233 .t-article:nth-child(4) {grid-column: span 4}
  .feed-row-p2232333 .t-article:nth-child(5) {grid-column: span 4}
}


.main-themes .js-edit {
  color: #fff;
}

.main_theme_img img, .t-article .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main_theme__title {
  font-size: 1.65rem;
}

@media (max-width: 987px) {
  .main_theme__title {
    font-size: 1rem;
  }
}

.title_ig {
  font-size: 1.28rem !important;
}

.title_dg {
  font-size: 1.25rem !important;
}

@media (max-width: 1219px) {

  .title_ig,
  .title_dg {
    font-size: 1rem !important;
  }
}

.home-video .video-list li span {
  font-size: .9375rem !important;
  line-height: 1.2;
}
.video_img {
  width: 176px;
  height: 96px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  position: relative;
}
.video_img img {
  margin-right: 0 !important;
}
.active .video_img::after {
  display: none;
}


.container.showcase-area + .container.main-area{
  padding-top: 1rem;
}


.t-article .n-column, 
.t-article .n-column a, 
.t-article .n-column span, 
.t-article .n-column time {
  color: #22243a;
}
.t-article:has(.n-column) {
  background-color: #f0f0f0;
}
.t-article .n-column .js-edit {
  color: #22243a !important;
}
.t-article .n-column .headline .tile_title_wrap:after {
  /* background: #22243a;
  height: .125rem; */
  display: none;
}
.t-article:has(.n-column):hover .headline {
  transform: translate3d(0, 1.25rem, 0);
}
.t-article .n-column .image-container {
  background-color: #f0f0f0;
}
.t-article:has(.n-column):hover, .t-article:has(.n-column):hover .image-container {
  background-color: #dde3e3;
}
.t-article .n-column .image-container:after {
  display: none;
}
.t-article .n-column .headline {
  bottom: auto;
}

.t-article .n-column .author {
  font-size: .9rem;
  padding: .8rem 1rem;
  display: block;
  height: 30%;
  top: 70%;
  position: absolute;
  overflow: hidden;
  color: #3d4657;
  line-height: 1;
}

.t-article .n-column .author .avatar {
  width: 3.718rem;
  height: 3.718rem;
  float: left;
}

.t-article .n-column .author .avatar .image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.t-article .n-column .author .name {
  margin: 0 0 0 .6rem;
  max-width: 65%;
}
.t-article .n-column .author .position {
  margin: .2rem 0 0 .6rem;
  max-width: 65%;
  font-size: .8rem;
}
@media (max-width:1219px) {
  .t-article .n-column .author .avatar {
    width: 3rem;
    height: 3rem;
  }
  .t-article .n-column .author .name { font-size: .8rem;}
}
@media (max-width:987px) {
  .t-article .n-column .author .avatar {
    width: 1.75rem;
    height: 1.75rem;
  }
  .t-article .n-column .author .name, 
  .t-article .n-column .author .position { font-size: .65rem;}
  .t-article .n-column .author { padding: .4rem .75rem .7rem;}
}
@media (max-width:768px) {
  .t-article .n-column .tlh { font-size: .77rem !important;}
  .t-article .n-column .author .name { font-size: .6rem;}
  .t-article .n-column .author .position { font-size: .51rem;}
}

.t-article.s-2 > article:not([class]) .headline a,
.t-article.s-2 > article[class=""] .headline a {
  text-decoration: none;
  color: #fff;
}
.t-article-n .n-woi.n-wl .headline {
  display: flex;
  flex-direction: column;
}
.t-article-n .n-woi.n-wl .headline .label {
  flex: 0 0 auto;
}
.t-article-n .n-woi.n-wl .headline .tlh {
  flex: 0 0 auto;
}
.t-article-n .n-woi.n-wl .headline .lead {
  flex: 1 1 auto;
  overflow: hidden;
}

    
.infographics .t-article .title_ig__wrapper,
.digests .t-article .title_dg__wrapper {
  position: relative;
  height: fit-content;
}
.infographics .t-article .title_ig__wrapper:after,
.digests .t-article .title_dg__wrapper:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  content: '';
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity .35s, transform .35s;
}
.infographics .t-article:hover .title_ig__wrapper::after,
.digests .t-article:hover .title_dg__wrapper::after {
  opacity: 1;
  transform: translate3d(0, 2px, 0);
}
.infographics .ic.ic-ig,
.digests .ic.ic-digest {
  position: absolute;
  top: 7px;
  margin: 0 !important;
  float: none;
} 
.digests h3 {
  text-indent: 36px;
}
.infographics h3 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-indent: 28px;
}

.showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article .headline {
    height: 30%;
    top: 70%;
}
.infographics .t-article:hover .headline .tlh:after,
.digests .t-article:hover .headline .tlh:after {
  display: none;
}
.tabs_ig_dg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.tabs_ig_dg li {
  margin-right: 0 !important;
}

.t-article .headline .tlh {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: break-word;
}
.t-article.s-2 article .headline .tlh { -webkit-line-clamp: 11; }
.t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 10; }
.t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 6; }
.t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 11; }
.t-article.s-3 article .headline .tlh { -webkit-line-clamp: 9; }
.t-article.s-4 article .headline .tlh { -webkit-line-clamp: 8; }
@media (max-width: 1219px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 9; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 9; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 10; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 7; }
}
@media (max-width: 987px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 10; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 6; }
}
@media (max-width: 759px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 6; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 6; }
}
@media (max-width: 656px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 6; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 6; }
}
@media (max-width: 630px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 6; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 6; }
}
@media (max-width: 557px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 6; }
}
@media (max-width: 469px) {
  .t-article.s-2 article .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-column .headline .tlh { -webkit-line-clamp: 5; }
  .t-article.s-2 article.n-woi .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-2 article.n-woi.n-wl .headline .tlh { -webkit-line-clamp: 8; }
  .t-article.s-3 article .headline .tlh { -webkit-line-clamp: 7; }
  .t-article.s-4 article .headline .tlh { -webkit-line-clamp: 6; }
}

@media (max-width: 1219px) {
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article .headline {
    height: 32%;
    top: 68%;
  }
  .infographics .ic.ic-ig,
  .digests .ic.ic-digest {
    top: 10px;
  } 
  .infographics h3 {
    line-height: 1.15;
    text-indent: 20px;
  }
  .digests h3 {
    text-indent: 24px;
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .lead {
    font-size: 1rem !important;
    line-height: 1.15;
  }
  .infographics .t-article:hover .title_ig__wrapper::after {
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 987px) {
  .showcase-area .view-area>section .feed-items.infographics .feed-row .feed-column .t-article .headline {
    height: 25%;
    top: 75%;
  }
  .infographics h3 {
    line-height: 1.2;
    -webkit-line-clamp: 5;
  }
  .infographics .t-article:hover .title_ig__wrapper::after {
    transform: translate3d(0, 2px, 0);
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .image-container {
    height: 60%;
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline {
    height: 40%;
    top: 60%;
  }
  .tabs_ig_dg {
    gap: 1rem;
  }
  .digests h3 {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 759px) {
  .infographics h3 {
    -webkit-line-clamp: 4;
  }
  .digests h3 {
    -webkit-line-clamp: 7;
  }
}
@media (max-width: 656px) {
  .infographics h3 {
    -webkit-line-clamp: 5;
  }
  .digests h3 {
    -webkit-line-clamp: 8;
  }
}
@media (max-width: 557px) {
  .infographics h3 {
    -webkit-line-clamp: 4;
  }
  .digests .feed-column:last-of-type {
    display: none !important;
  }
  .digests .feed-row {
    display: flex;
    gap: .625rem;
  }
  .digests .feed-column {
    flex-grow: 1;
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:first-child .t-article, .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column:nth-child(2) .t-article {
      margin-right: 0;
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article {
    width: 100%;
  }
  .digests h3 {
    -webkit-line-clamp: 7;
  }
}
@media (max-width: 364px) {
  .digests .feed-column {
    display: block !important;
  }
  .digests .feed-column:nth-of-type(2) {
    display: none !important;
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .image-container {
    height: 75%;
  }
  .showcase-area .view-area>section .feed-items.digests .feed-row .feed-column .t-article .headline {
    height: 25%;
    top: 75%;
  }
  .digests h3 {
    -webkit-line-clamp: 4;
  }
}


@media (max-width: 469px) {
  .home-tiles .feed-row .mob-s-4 {
      grid-column: span 4;
    width: 100%;
  }
  .home-tiles .feed-row .mob-s-2 {
    grid-column: span 2;
    width: 100%;
  }
}


/* tiles fix ======================================================================== */
.feed-row.feed-row-new.feed-row-s29, .tiles-second .feed-row.feed-row-new.feed-row-s26 {
  display: flex;
  flex-wrap: wrap;
}
.tiles-second {
  max-height: 630px;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 0 !important;
}

.t-article {
  height: 305px;
  flex: 1 0 243px;
}
.t-article.s-3 {
  flex: 1 1 374px;
}
.t-article.s-4 {
  flex: 1 1 505px;
}
@media (max-width: 1220px) {
  .tiles-second { max-height: 504px; }
  .t-article { height: 244px; flex: 1 0 200px; }
  .t-article.s-3 { flex: 1 1 308px; }
  .t-article.s-4 { flex: 1 1 416px; }
}
@media (max-width: 987px) {
  .tiles-second { max-height: 392px; }
  .t-article { height: 194px; flex: 1 0 163px; }
  .t-article.s-3 { flex: 1 1 163px; }
  .t-article.s-4 { flex: 1 1 336px; }
}
@media (max-width: 759px) {
  .tiles-second { max-height: 364px; }
  .t-article { height: 178px; flex: 1 0 151px; }
  .t-article.s-3 { flex: 1 0 151px; }
  .t-article.s-4 { flex: 1 1 311px; }
}
@media (max-width: 656px) {
  .t-article { height: 178px; flex: 1 0 144px; }
  .t-article.s-3 { flex: 1 1 144px; }
  .t-article.s-4 { flex: 1 1 295px; }
}
@media (max-width: 629px) {
  .tiles-second { max-height: 364px; width: 100%; }
  .t-article { flex: 1 0 172px; }
  .t-article.s-3 { flex: 1 1 172px; }
  .t-article.s-4 { flex: 1 1 353px; } 
}
@media (max-width: 557px) {
  .tiles-second { max-height: 344px; }
  .t-article { height: 168px; flex: 1 0 142px; }
  .t-article.s-3 { flex: 1 1 142px; }
  .t-article.s-4 { flex: 1 1 292px; }
}
@media (max-width: 469px) {
  .tiles-second { max-height: 524px; }
  .t-article { height: 169px; flex: 1 0 165px; }
  .t-article.s-3 { flex: 1 1 165px; }
  .t-article.s-4 { flex: 1 1 338px; }
}
  @media (max-width: 365px) {
  .tiles-second { max-height: 538px; }
  .t-article { height: 174px; flex: 1 0 146px; }
  .t-article.s-3 { flex: 1 1 146px; }
  .t-article.s-4 { flex: 1 1 301px; }
}
/* ========================================================================= */