﻿.section .col-1, .section .col-2 { display:flex; width:calc(50% - 15px); max-width:330px; flex-direction: column; }
.section-mb-40 { margin-bottom:40px; } 
.section-pb-bor { padding:0 0 30px 0; border-bottom:1px solid #DEE6EB;  }
.box-mb40 { margin-bottom:40px; }
.section-pt { padding-top:30px; }
.header-global { height: 74px;  box-shadow: 0 1px 12px 0 rgba(51, 68, 77,0.25); clip-path: inset(0 0 -60px 0); width:100%; transition: all 0.5s ease;position:relative; z-index:100; }
.header-inner { height: 0; opacity: 0;  transition: height .5s ease, opacity .5s ease; }
.hat { display:flex; margin:0 0 0 -20px; min-width: 0; width:100%;  }
.nhs { overflow-x: auto;  overflow-y: hidden;   white-space: nowrap; -webkit-overflow-scrolling: touch; touch-action: pan-x; scrollbar-width: none; -ms-overflow-style: none;   }
.hat-mb { margin-bottom:21px; }
.nhs::-webkit-scrollbar { display: none; }
.ticker-wrap {position:relative;width:100%;height:52px;background:#3A49A0;box-shadow: 0 5px 10px 0 rgba(51, 68, 77,0.2); z-index:1; }
.ticker-skeleton {position:absolute;inset:0;background:#3A49A0; z-index:2;}
.ticker-wrap iframe {position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease;}
.ticker-wrap.is-loaded .ticker-skeleton {display:none;}
.ticker-wrap.is-loaded iframe {opacity:1; }
@media (prefers-reduced-motion:reduce){.ticker-wrap iframe{transition:none;}.ticker-skeleton{animation:none;}}
.bread { padding:0 20px; margin:0 0 5px 0; height: 20px;}
.bread a, .bread span { font: 700 11px/11px 'NT', sans-serif; color: #52707F;  text-decoration: none; text-transform: uppercase; letter-spacing: -0.3px; }
.bread a:first-child::before { content: ""; display:inline-block; width:12px; height:12px; background: var(--icons-url) no-repeat; background-size: var(--icons-size); background-position: 0 -60px; margin:0 5px 0 0;  position:relative; top:2px;  }
.bread a:not(:last-of-type)::after, .bread span::before {  content: "•"; display:inline-block; font: 800 25px/1px 'NT', sans-serif; margin: 0 7px; position:relative; top:5px;  }
.bread a, .bread span { font: 700 11px/11px 'NT', sans-serif; color: #52707F; text-decoration: none; text-transform: uppercase; letter-spacing: -0.3px; } 
.bread-razdel { padding-left:40px; }
.item-art-tit { display:block; font: 500 23px/26px 'NT', sans-serif; letter-spacing: -.8px; color:#111111; margin:6px 3% 11px 0; }
.item-art-tit > b { font: 800 23px/26px 'NT', sans-serif; color:#111111; }
.item-art-ann { display:block; font: 500 16px/21px 'NT', sans-serif; letter-spacing: -.5px; color:#2E3F47;  }
.item-art { display:block; text-decoration: none; padding-bottom:29px; border-bottom:1px solid #DEE6EB; }
.item-art-img { display:block; position:relative; width:100%; height:0; padding-bottom:55.455%; border-radius:6px; overflow:hidden; border-radius:7px; margin:0 0 21px 0; background-color:#E7ECEF; font: 500 12px/15px 'NT', sans-serif; box-shadow: 0 2px 3px rgba(142, 156, 164, 0.1);  }
.item-art-img-square { padding-bottom:90% !important; }
.item-art-img::after { content: ""; position: absolute;  inset: 0; pointer-events: none; border-radius: 4px; box-shadow: inset 0px -20px 40px rgba(0, 0, 0, .1); }
.item-art-img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; filter:saturate(1) contrast(1); transition:filter 1.2s ease; }
.item-art-info { display:flex; text-transform: uppercase; color:#33444C;  align-items:center; }
.item-art-info b, .item > span:nth-child(2) > span:nth-child(2) b { font: 700 11px/1 'NT', sans-serif; letter-spacing: -.2px;  }
.item-art-info i, .item > span:nth-child(2) > span:nth-child(2) i {  font: 800 14px/1 'NT', sans-serif;  margin:0 5px; }
.item-art-info u { display: flex; opacity:0;  height:17px; overflow:hidden; transition: opacity .4s ease;  }
.item-art-top .item-art-img { padding-bottom: 55.455%; }
.item-art-top .item-art-tit { font: 500 25px/28px 'NT', sans-serif; letter-spacing: -.8px; margin:6px 2% 12px 0;}
.item-art-top .item-art-tit > b { font: 800 25px/28px 'NT', sans-serif; }
.item-art-big { padding-bottom:38px; }
.item-art-big .item-art-img { padding-bottom: 56.1%; }
.item-art-big .item-art-tit { font: 500 40px/42px 'NT', sans-serif; letter-spacing: -1px; margin:10px 2% 16px 0; }
.item-art-big .item-art-tit > b { font: 800 40px/42px 'NT', sans-serif; }
.item-art-big .item-art-ann { font: 500 20px/26px 'NT', sans-serif; letter-spacing: -.2px; }
.item { display:flex; text-decoration: none; color:#111; border-bottom:1px solid #DEE6EB; padding:19px 0 16px 0; }
.item-tips > span:nth-child(2) > span:nth-child(1), .item-live > span:nth-child(2) > span:nth-child(1)  { margin-bottom:3px; }
.item > span:nth-child(1) { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width:40px; height:22px; background-color:#E8ECEE; text-align:center; border-radius:5px; font: 700 11px 'NT', sans-serif; letter-spacing: -.5px;  color:#2B3840; margin:0 16px 0 0;  }
.item > span:nth-child(2) { flex:1; }
.item > span:nth-child(2) > span:nth-child(1) { display:block; font: 700 16px/21px 'NT', sans-serif; letter-spacing: -.1px; position:relative; top:-3px;  }
.item > span:nth-child(2) > span:nth-child(1) b {  font: 700 16px/21px 'NT', sans-serif; letter-spacing: -.3px;}
.item-live > span:nth-child(3)  { display:flex; flex-shrink: 0;position:relative; top:-3px; }
.item-live > span:nth-child(3) > i { width:26px; height:26px; background-color:#E8ECEE; border-radius:50%; }
.item-live > span:nth-child(3) > i img { display:block; width:16px;  height:16px; margin:5px 0 0 5px;  }
.item-live > span:nth-child(3) > b { font: 800 14px/26px 'NT', sans-serif; letter-spacing: -.2px; color:#33444C; width:20px; margin:0 3px; text-align:center;   }
.item-live > span:nth-child(1) { background-color:#45BC45; font: 800 12px 'NT', sans-serif; letter-spacing: -.5px;  color:#FFF; }
.item-box.item-notop > a:first-child { padding-top:0; }
.item-box.item-botmar > a:last-child { margin-bottom:21px; }
.item-box.item-nobot > a:last-child { padding-bottom:0; border-bottom:0; }
.item-box.item-nobotim > a:last-child { padding-bottom:0; border-bottom:0; }
.item-art-nobot-last > a:last-child { padding-bottom:0; border-bottom:0;  }
.whoa-wall { opacity:0; transition:opacity .5s ease; }
.whoa_card_mob{display:flex;gap:20px;height:88px;padding:10px 0;scroll-padding-inline:20px;margin:0 -20px;margin-bottom:5px;}
.whoa_card_mob a{flex:0 0 auto;min-width:200px;min-height:50px;max-width:270px;border:1px solid #E1E9EC;opacity:0;}

@media (max-width: 900px) { 
body { background-color:#fff; }
.hat { max-width: 650px; }
main { margin-top: 74px; box-shadow: none; }
.main-one {  justify-content:center;  }
.main-second { justify-content:center;  }
.item-box.item-mobtop > a:first-child { padding-top:19px; }
.section { flex-wrap:wrap; gap:0; }
.section .col-1, .section .col-2 { width:100%; max-width:100%;  }
.header-global { position: fixed; top: 0; z-index: 10; }
.item-art-big .item-art-img { padding-bottom: 56.1%; }
.item-art-big { padding-bottom:29px; }
.item-art-big .item-art-tit { font: 500 24px/28px 'NT', sans-serif; letter-spacing: -.8px; margin:6px 3% 11px 0; }
.item-art-big .item-art-tit > b { font: 800 24px/28px 'NT', sans-serif; }
.item-art-big .item-art-ann { font: 500 16px/21px 'NT', sans-serif; letter-spacing: -.5px; }
.item-art-borbot-nom-m { border-bottom:1px solid #DEE6EB ; padding-bottom:29px; }
}

@media (max-width: 767px) { 
html, body { overflow-x:hidden; }
main { margin-top: 64px;}
.main-one { display:block;  }
.header-global { height: 64px;  }
.col-pt { padding-top:32px; }
.col-pl { padding-left:30px; }
.col-pr { padding-right:30px; }
.section { margin-left:30px; }
.right { margin:0 30px;  }
.section-mb-40 { margin-bottom:35px; } 
.hat { flex-direction:column; }
.hat h1 { order:2; padding:0 12px 0 20px; position:relative; z-index:1; }
.hat picture { order:1; margin:1px 12px 0 0; position:relative; z-index:2; right:-20px; background-color:#fff; }
.bread-razdel { padding-left:30px; }
}

@media (max-width: 640px) { 
.item > span:nth-child(2) > span:nth-child(1) { font: 700 17px/23px 'NT', sans-serif; top:-2px;  }
.main-head { padding-right:20px; }
.right { width:100%; min-width:auto; margin:0 20px;  }
.hat-h1 picture { width:24px; height:24px;  margin:0 8px 0 0; }
.hat-h1 picture img { width: 24px; height:24px;   }
.hat h1 { font: 800 21px/1 'NT', sans-serif; padding:0 20px; }
.hat h1  span {  font: 500 21px/1 'NT', sans-serif;    }
.col-pt { padding-top:25px; }
.col-pt-nom { padding-top:0; }
.col-pr, .news-type { padding-right:20px; }
.col-pl { padding-left:20px; }
.wrap-mob { margin-right:20px; }
.main-two { flex-wrap:wrap; }
.section { margin-left:20px; margin-right:20px; }
.section-pt { padding-top:21px; }
.item-art-img-square { padding-bottom:110% !important; }
.item-art-img { margin:0 0 18px 0; }
.item-live > span:nth-child(3) > i { width:32px; height:32px; }
.item-live > span:nth-child(3) > i img { width:22px;  height:22px; margin:5px 0 0 5px;  }
.item-live > span:nth-child(3) > b { font: 800 15px/32px 'NT', sans-serif; width:26px; margin:0 3px; text-align:center;   }
.bread-razdel { padding-left:20px; }
.col-pr-m { padding-right:20px; }
}

@media (max-width: 380px) { 
.item-live > span:nth-child(3) > i { width:26px; height:26px;  }
.item-live > span:nth-child(3) > i img { width:16px;  height:16px; margin:5px 0 0 5px;  }
.item-live > span:nth-child(3) > b { font: 800 14px/26px 'NT', sans-serif; color:#33444C; width:20px; margin:0 3px;  }
}

@media (max-width: 340px) { 
.item-live span:nth-child(2) b > b, .item-live span:nth-child(2) > span:nth-child(2) i { display:none; }
}