.iti {
position: relative;
display: inline-block; }
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.iti__hide {
display: none; }
.iti__v-hide {
visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0; }
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px; }
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555; }
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555; }
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px; }
@media (max-width: 500px) {
.iti__country-list {
white-space: normal; } }
.iti__flag-box {
display: inline-block;
width: 20px; }
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.iti__country {
padding: 5px 10px;
outline: none; }
.iti__dial-code {
color: #999; }
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
vertical-align: middle; }
.iti__flag-box, .iti__country-name {
margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px; }
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px; }
.iti--container:hover {
cursor: pointer; }
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed; }
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%; }
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em; }
.iti__flag {
width: 20px; }
.iti__flag.iti__be {
width: 18px; }
.iti__flag.iti__ch {
width: 15px; }
.iti__flag.iti__mc {
width: 19px; }
.iti__flag.iti__ne {
width: 18px; }
.iti__flag.iti__np {
width: 13px; }
.iti__flag.iti__va {
width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px; } }
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px; }
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px; }
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px; }
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px; }
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px; }
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px; }
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px; }
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px; }
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px; }
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px; }
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px; }
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px; }
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px; }
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px; }
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px; }
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px; }
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px; }
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px; }
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px; }
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px; }
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px; }
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px; }
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px; }
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px; }
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px; }
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px; }
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px; }
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px; }
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px; }
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px; }
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px; }
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px; }
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px; }
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px; }
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px; }
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px; }
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px; }
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px; }
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px; }
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px; }
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px; }
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px; }
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px; }
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px; }
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px; }
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px; }
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px; }
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px; }
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px; }
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px; }
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px; }
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px; }
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px; }
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px; }
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px; }
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px; }
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px; }
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px; }
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px; }
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px; }
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px; }
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px; }
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px; }
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px; }
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px; }
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px; }
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px; }
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px; }
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px; }
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px; }
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px; }
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px; }
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px; }
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px; }
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px; }
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px; }
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px; }
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px; }
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px; }
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px; }
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px; }
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px; }
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px; }
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px; }
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px; }
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px; }
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px; }
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px; }
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px; }
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px; }
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px; }
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px; }
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px; }
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px; }
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px; }
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px; }
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px; }
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px; }
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px; }
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px; }
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px; }
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px; }
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px; }
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px; }
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px; }
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px; }
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px; }
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px; }
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px; }
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px; }
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px; }
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px; }
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px; }
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px; }
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px; }
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px; }
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px; }
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px; }
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px; }
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px; }
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px; }
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px; }
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px; }
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px; }
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px; }
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px; }
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px; }
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px; }
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px; }
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px; }
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px; }
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px; }
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px; }
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px; }
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px; }
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px; }
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px; }
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px; }
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px; }
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px; }
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px; }
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px; }
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px; }
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px; }
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px; }
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px; }
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px; }
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px; }
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px; }
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px; }
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px; }
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px; }
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px; }
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px; }
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px; }
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px; }
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px; }
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px; }
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px; }
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px; }
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px; }
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px; }
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px; }
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px; }
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px; }
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px; }
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px; }
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px; }
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px; }
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px; }
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px; }
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px; }
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px; }
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px; }
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px; }
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px; }
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px; }
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px; }
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px; }
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px; }
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px; }
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px; }
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px; }
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px; }
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px; }
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px; }
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px; }
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px; }
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px; }
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px; }
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px; }
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px; }
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px; }
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px; }
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px; }
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px; }
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px; }
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px; }
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px; }
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px; }
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px; }
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px; }
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px; }
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px; }
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px; }
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px; }
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px; }
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px; }
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px; }
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px; }
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px; }
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px; }
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px; }
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px; }
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px; }
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px; }
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px; }
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px; }
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px; }
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px; }
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px; }
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px; }
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px; }
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px; }
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px; }
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px; }
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px; }
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px; }
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px; }
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px; }
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px; }
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px; }
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px; }
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px; }
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px; }
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px; }
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px; }
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px; }
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px; }
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px; }
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px; }
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px; }
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px; }
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px; }
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px; }
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px; }
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px; }
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px; }
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px; }
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px; }
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px; }
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px; }
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px; }
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px; }
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px; }
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px; }
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px; }
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px; }
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url(/i/vendor/intl-tel-input/build/flags.png?416250f60d785a2e02f17e054d2e4e44);
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url(/i/vendor/intl-tel-input/build/flags@2x.png?d429a5777afaf2fc349652e812e9bb11); } }
.iti__flag.iti__np {
background-color: transparent; }
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
/*rtl:begin:ignore*/left:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
/*rtl:begin:ignore*/right:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@charset "UTF-8";
@font-face {
font-family: "RF Devi Black";
src: url(/fonts/rfdewi-black.woff2?b3309adc7fc0e3e6cbb7da786cf550e8) format("woff2"), url(/fonts/rfdewi-black.woff?313f2d79b610dd17f57d001ab00e0d93) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Ultra Bold";
src: url(/fonts/rfdewi-ultrabold.woff2?42531a59ec47b7d12f6fdca1e373592d) format("woff2"), url(/fonts/rfdewi-ultrabold.woff?58643d400f8fcc9d6a061185971bd76a) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Semi Bold";
src: url(/fonts/rfdewi-semibold.woff2?0dbdeae7981e7e57802f2c40a69b6f05) format("woff2"), url(/fonts/rfdewi-semibold.woff?74fd53295caf11fbcab8e64a7d7b51b4) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Regular";
src: url(/fonts/rfdewi-regular.woff2?9922f1103127625d5103a759c782fda1) format("woff2"), url(/fonts/rfdewi-regular.woff?f9832e80cf1007c6cb23fa7e3d7e8e77) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Bold";
src: url(/fonts/rfdewi-bold.woff2?ee96c4168014c8340564b5e1285f0080) format("woff2"), url(/fonts/rfdewi-bold.woff?56f5aafb12dc2ee808ec9ea547f64b9b) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Condensed Bold";
src: url(/fonts/rfdewicondensed-bold-webfont2.woff2?2e055d7cc393426a68e78de7cf227a47) format("woff2"), url(/fonts/rfdewicondensed-bold-webfont2.woff?63454ff4002f4e8ea69ca542dab99ca7) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Condensed Regular";
src: url(/fonts/rfdewi-condensed-regular.woff2?625a1c943634560dc8c20f1dcf542328) format("woff2"), url(/fonts/rfdewi-condensed-regular.woff?8372fb8da3df10d8440cc907e0a2d275) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Condensed Semi Bold";
src: url(/fonts/rfdewi-condensed-semibold.woff2?a5d3c6416b6d65bb064b0d186501cc55) format("woff2"), url(/fonts/rfdewi-condensed-semibold.woff?022d6c23f8c9af861c0e452c08ab3aa4) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Condensed Ultra Bold";
src: url(/fonts/rfdewi-condensed-ultrabold.woff2?471d762dfabc8b1db52091fc23a3a2f3) format("woff2"), url(/fonts/rfdewi-condensed-ultrabold.woff?0bf3dc366220d1d44c32cf30e27cc78e) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RF Devi Expanded Ultra Bold";
src: url(/fonts/rfdewi-expanded-ultrabold.woff2?8da10292341e9b7cb6c8bb2e4bf43eb0) format("woff2"), url(/fonts/rfdewi-expanded-ultrabold.woff?3ace8a519ad07f56f706817dcadae242) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
html,
body {
margin: 0;
padding: 0;
font: 16px/20px "RF Devi Regular", sans-serif;
}
main .layout--home {
overflow-x: hidden;
}
img {
max-width: 100%;
}
.app {
overflow-x: hidden;
}
.app__holder {
position: relative;
}
.app--active-sidenav .app__holder {
position: relative;
}
@media screen and (max-width: 767px) {
.app--active-sidenav .app__holder {
z-index: 10;
}
}
.app--light {
background: #F7F8F9;
}
.app--dark {
background: #000000;
}
.app--purple {
background: #2F1A40 url(/i/profile-background.svg?d65f795e7d14f1cd721ffb28883892cd) top center/134% auto no-repeat fixed;
}
.app--page-login {
background: #960000;
}
.app--audio-player-active {
padding-bottom: 56px;
}
@media screen and (max-width: 767px) {
.app--active-sidenav {
overflow: hidden;
}
}
.app__loader {
position: fixed;
top: 0;
left: 0;
z-index: 5;
width: 0;
height: 0;
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
background: #2F1A40E6;
box-sizing: border-box;
}
.app--loading .app__loader {
height: 100%;
width: 100%;
opacity: 1;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms, width 0ms ease 0ms;
}
.app--loading .app__loader:before {
content: "";
width: 40px;
height: 40px;
background: url(/i/page-loader.png?18374b540f866b8c2adbd94d737ac44d) center/cover no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite;
}
@-webkit-keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.iti {
width: 100%;
margin: 0 0 16px;
}
.iti--separate-dial-code .iti__selected-flag {
background: #EFF1F3;
}
.iti__country-list {
box-sizing: border-box;
width: 280px;
box-shadow: none !important;
border: 2px solid #EFF1F3;
border-radius: 0 0 4px 4px;
}
.iti__selected-dial-code {
font: 14px "RF Devi Semi Bold", sans-serif;
}
.iti__arrow {
border: none !important;
height: 24px !important;
width: 24px !important;
background: transparent url(/i/arrow-down.svg?7765e6663a23b6115cc8db064921345f) center/cover no-repeat;
}
.iti__arrow.iti__arrow--up {
background: transparent url(/i/arrow-up.svg?f326672d6f97e532e5fd886faca79c92) center/cover no-repeat;
}
.scrollbar-track {
position: absolute;
z-index: 1;
}
.scrollbar-track-y {
background: transparent !important;
opacity: 1 !important;
top: 0;
right: 0;
width: 8px;
height: 100%;
}
.geo__scroll .scrollbar-track-y {
right: 4px !important;
}
.live-info__scroll .scrollbar-track-y,
.tvp__scroll .scrollbar-track-y {
right: 8px !important;
z-index: 3 !important;
}
@media screen and (max-width: 767px) {
.geo--global.mobile .scrollbar-track-y {
right: 16px !important;
}
}
.scrollbar-thumb {
background: #FF0000 !important;
cursor: pointer !important;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
border-radius: 4px;
}
@media screen and (max-width: 767px) {
.geo--global.mobile .scrollbar-thumb {
background: #FFFFFF !important;
}
}
.live-info__scroll .scrollbar-thumb,
.tvp__scroll .scrollbar-thumb {
background: rgba(255, 255, 255, 0.25) !important;
}
.grid {
box-sizing: border-box;
position: fixed;
top: 0;
width: calc(100% - 240px);
left: 240px;
padding: 0;
z-index: 100;
}
@media screen and (max-width: calc(1440px + 72px * 2)) {
.grid {
width: calc(100% - 72px);
left: 72px;
}
}
@media screen and (max-width: 767px) {
.grid {
left: 0;
width: 100%;
}
}
.grid--hidden {
opacity: 0;
height: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms;
}
.grid--active {
opacity: 1;
height: 100%;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms;
}
.grid__holder {
display: flex;
flex-flow: row nowrap;
box-sizing: border-box;
height: 100%;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 16px;
position: relative;
}
@media screen and (max-width: 767px) {
.grid__holder {
padding: 0 12px;
}
}
.grid__holder:before,
.grid__holder:after {
content: "";
width: 16px;
height: 100%;
position: absolute;
top: 0;
}
.app--light .grid__holder:before,
.app--light .grid__holder:after {
background: rgba(0, 0, 0, 0.5);
}
.app--dark .grid__holder:before,
.app--dark .grid__holder:after {
background: rgba(255, 0, 0, 0.5);
}
.app--purple .grid__holder:before,
.app--purple .grid__holder:after {
background: rgba(0, 223, 0, 0.5);
}
@media screen and (max-width: 767px) {
.grid__holder:before,
.grid__holder:after {
width: 12px;
}
}
.grid__holder:before {
left: 0;
}
.grid__holder:after {
right: 0;
}
.grid__column {
box-sizing: border-box;
flex: 0 0 6.25%;
width: 6.25%;
padding: 0 8px;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
height: 100%;
position: relative;
}
@media screen and (max-width: 767px) {
.grid__column {
box-sizing: border-box;
flex: 0 0 12.5%;
width: 12.5%;
padding: 0 4px;
}
}
@media screen and (max-width: 767px) {
.grid__column[data-column="9"] {
display: none;
}
.grid__column[data-column="10"] {
display: none;
}
.grid__column[data-column="11"] {
display: none;
}
.grid__column[data-column="12"] {
display: none;
}
.grid__column[data-column="13"] {
display: none;
}
.grid__column[data-column="14"] {
display: none;
}
.grid__column[data-column="15"] {
display: none;
}
.grid__column[data-column="16"] {
display: none;
}
}
.grid__column:before,
.grid__column:after {
content: "";
width: 8px;
height: 100%;
position: absolute;
top: 0;
}
.app--light .grid__column:before,
.app--light .grid__column:after {
background: rgba(0, 0, 0, 0.5);
}
.app--dark .grid__column:before,
.app--dark .grid__column:after {
background: rgba(255, 0, 0, 0.5);
}
.app--purple .grid__column:before,
.app--purple .grid__column:after {
background: rgba(0, 223, 0, 0.5);
}
@media screen and (max-width: 767px) {
.grid__column:before,
.grid__column:after {
width: 4px;
}
}
.grid__column:before {
left: 0;
}
.grid__column:after {
right: 0;
}
.layout {
margin-left: 72px;
}
@media screen and (min-width: 1680px) {
.layout {
margin-left: 240px;
}
}
@media screen and (max-width: 767px) {
.layout {
overflow: hidden;
margin-left: 0;
}
}
.layout__holder {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
.layout__holder--full {
padding: 0;
}
.layout__holder--content {
max-width: 1440px;
padding: 0 16px;
}
.app--light .layout__holder--content {
background: #FFFFFF;
}
@media screen and (max-width: 767px) {
.layout__holder--content {
padding: 0 12px;
}
}
.layout__holder--columns {
max-width: 1440px;
padding: 0 16px;
display: flex;
flex-flow: row nowrap;
}
.app--light .layout__holder--columns {
background: #FFFFFF;
}
@media screen and (max-width: 767px) {
.layout__holder--columns {
padding: 0 12px;
}
}
.layout__wrapper {
box-sizing: border-box;
}
.layout__holder--columns .layout__wrapper--main {
width: 75%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main {
width: 100%;
}
}
.layout__holder--columns .layout__wrapper--aside {
width: 18.75%;
margin: 0 0 0 6.25%;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--aside {
margin: 0;
width: 0;
display: none;
}
}
.layout__wrapper--aside .layout__column {
height: 100%;
}
.layout.layout--articles .layout__holder--content {
border-radius: 16px;
}
.layout--articles .layout__wrapper--main {
width: 93.75%;
margin: 0 6.25% 0 0;
}
@media screen and (max-width: 1279px) {
.layout--articles .layout__wrapper--main {
width: 100%;
margin: 0;
}
}
.layout.layout--home .layout__holder--columns .layout__wrapper--main .section--tmpl-group .section__background {
left: -16px;
width: calc(133.3333333333% + 32px);
}
.layout.layout--home .layout__holder--columns .layout__wrapper--main .section--tmpl-group .filter__button--active {
background: #403CF9;
}
.layout.layout--home .layout__holder--columns .layout__wrapper--main .section--tmpl-group .filter__button--active.section__title__geo {
background: #000000;
}
.layout.layout--home .layout__holder--columns .layout__wrapper--main .section--tmpl-group .filter__button--active ~ .geo-button {
background-color: #ffffff26;
}
.layout.layout--home .section--tmpl-live-list {
padding-bottom: 0;
margin-bottom: 0;
}
.layout.layout--home .section.section--tmpl-live-list:after {
display: none;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives .section__background,
.layout.layout--home .layout__holder--content .section--tmpl-group .section__background {
background: #FFFFFF;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .list-item__title,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .list-item__title {
color: inherit;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .section__title,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .section__title {
color: inherit;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .section__title a,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .filter__button,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .filter__button {
color: #000000;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .filter__button:hover,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .filter__button:hover {
background: #EFF1F3;
color: #000000;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .filter__button--active,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .filter__button--active {
background: #000000;
color: #FFFFFF;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives.section--dark .filter__button--active:hover,
.layout.layout--home .layout__holder--content .section--tmpl-group.section--dark .filter__button--active:hover {
background: #000000;
color: #FFFFFF;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives .list-item__box {
background: #EFF1F3;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives .section__background {
background: #F7F8F9;
}
.layout.layout--home .layout__holder--content .section--tmpl-lives .list-item__time-state--expected .list-item__link {
color: #93A2B0;
background: rgba(184, 194, 204, 0.25);
}
@media screen and (max-width: 767px) {
.layout--live .layout__holder--columns {
flex-flow: column nowrap;
}
}
.layout--live .layout__wrapper--aside {
width: 18.75%;
margin: 0 6.25% 0 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.layout--live .layout__wrapper--aside {
display: block;
width: 100%;
margin: 0;
}
}
.layout--live .layout__wrapper--main .layout__column--full {
width: 91.6666666667%;
margin: 0 8.3333333333% 0 0;
}
@media screen and (max-width: 767px) {
.layout--live .layout__wrapper--main .layout__column--full {
width: 100%;
margin: 0;
}
}
.layout--live .layout__wrapper--main .layout__column--right {
width: 75%;
margin: 0 25% 0 0;
}
@media screen and (max-width: 767px) {
.layout--live .layout__wrapper--main .layout__column--right {
width: 100%;
margin: 0;
}
}
.body--vesti .sidenav {
background: linear-gradient(90deg, #0000FF 0%, #00009A 147.22%);
}
.body--vesti .sidenav__logo {
background: transparent url(/i/vesti-logo-bg-desktopv2.svg?dc4905677e3fa53c3e420c946b4e14a4) top center/392px 127px no-repeat;
}
.body--vesti .sidenav__scroll-down {
background: linear-gradient(180deg, rgba(150, 0, 0, 0) 0, #000078);
}
.body--vesti .sidenav__scroll-up {
background: transparent url(/i/scroll-up-background-vesti.svg?dc8c884d84aac48ad9687ac12d5535fb) no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
.body--vesti.app--active-sidenav.mobile .sidenav,
.body--vesti.app--active-sidenav.mobile .header {
background: #0101EC;
}
}
@media screen and (max-width: 767px) {
.body--vesti .header:before {
background: linear-gradient(180deg, #0000FF 0%, #00009A 209.38%);
}
.body--vesti .header__logo:before {
background: transparent url(/i/mobile-menu-vesti-bg.svg?94ac506af6ab93f53fd9a72964dfede4) 50%/cover no-repeat;
}
}
.layout--rubrics .section--tmpl-theme .section__content:nth-of-type(2) {
flex: 0 0 41.75%;
margin: 0 0 0 8.25%;
}
@media screen and (max-width: 767px) {
.layout--rubrics .section--tmpl-theme .section__content:nth-of-type(2) {
flex: 0 0 100%;
margin: 0;
}
}
.app--light .layout--vesti .filter__button {
border-radius: 24px;
padding: 0 16px;
}
.app--light .layout--vesti .filter__button--active:hover {
background: #000000;
color: #FFFFFF;
}
.layout--vesti .section--tmpl-group .section__header {
margin: 0 0 24px;
}
.layout--vesti .section--tmpl-group .slider__content {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-group .slider__content {
overflow: visible;
}
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .section__header {
display: none !important;
}
.layout--vesti .layout__holder--columns .layout__wrapper--aside {
top: 6px;
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__column--left .section--tmpl-news .section__control {
padding: 0 4px;
}
}
.layout--vesti .layout__column--left .section--tmpl-news .list-item__preview .list-item__link img {
border-radius: 8px;
}
.layout--vesti .layout__column--right .section--tmpl-news .section__control {
padding: 0;
margin: 8px 0 0 0;
}
.layout--vesti .layout .layout__holder--columns .layout__wrapper--main .section--tmpl-group .section__background {
width: auto;
}
.layout--vesti .section--tmpl-group .list-item--topic .list-item__info {
padding: 8px 16px calc(63.4% - 18px) 10px;
margin: -2px 0 8px;
border-radius: 0 0 8px 8px;
border: 1px solid #DBE0E5;
}
.layout--vesti .section--tmpl-group .list-item--topic .list-item__info .list-item__title {
top: 10px;
}
.layout--vesti .section--tmpl-inner-themes .slider__button {
top: 50%;
transform: translate(0%, -50%);
}
.layout--vesti .section--tmpl-inner-persons .slider__button {
top: -44px;
}
.layout--vesti .section--tmpl-theme .section__control {
padding: 0 7px 0 8px;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-theme .section__control {
padding: 0 4px;
}
}
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) {
flex: 0 0 41.75%;
margin: 0 0 0 8.25%;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) {
flex: 0 0 100%;
margin: 0;
}
}
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__preview {
padding: 0 7px;
flex: 0 0 39.8571428571%;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__preview {
flex: 0 0 25%;
margin: 0 0 0 12.5%;
padding: 0 4px;
}
}
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__info {
flex: 0 0 60.1428571429%;
}
@media screen and (max-width: 1023px) {
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__info {
flex: 0 0 100%;
}
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__info {
flex: 0 0 62.5%;
padding: 0 4px;
}
}
.layout--vesti .section--tmpl-aside-news-feed .section__content,
.layout--rubrics .section--tmpl-aside-news-feed .section__content {
margin: 12px 0 0;
}
.layout--vesti .section--tmpl-aside-news-feed .section__header,
.layout--rubrics .section--tmpl-aside-news-feed .section__header {
display: none;
}
.layout--vesti .section--tmpl-aside-news-feed .list-item__date,
.layout--rubrics .section--tmpl-aside-news-feed .list-item__date {
display: block;
order: 3;
margin-top: 6px;
color: #B8C2CC;
}
.layout--vesti .layout__holder--columns .section--tmpl-theme .section__header {
display: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-theme:nth-of-type(1) .layout--vesti .layout__holder--columns .section__label {
display: none;
}
.layout-live .section--tmpl-theme .section__content:nth-of-type(1) .tile .layout--vesti .layout__holder--columns .list-item__info {
margin: 8px 0 0;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .layout--vesti .layout__holder--columns .list-item__title {
margin: 0 0 6px;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .layout--vesti .layout__holder--columns .list-item__title {
font: 16px/20px "RF Devi Bold", sans-serif;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .layout--vesti .layout__holder--columns .list-item__category {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .layout--vesti .layout__holder--columns .list-item__category {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(3) .layout--vesti .layout__holder--columns .list-item__category {
margin-bottom: 2px;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .layout--vesti .layout__holder--columns .list-item__date {
order: 2;
margin: 0 0 17px;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .layout--vesti .layout__holder--columns .list-item__date {
display: block;
flex: 0 1 auto;
margin: 16px 0 0;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .layout--vesti .layout__holder--columns .list-item__anons {
padding: 13px 0 0;
margin: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-inner-themes {
padding: 0;
margin: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-inner-themes .section__header {
display: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-inner-themes .list-item__preview {
z-index: 3;
}
.layout--vesti .layout__holder--columns .section--tmpl-inner-themes .list-item__picture .list-item__link {
border-radius: 8px 8px 0 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-inner-themes .list-item__picture .list-item__link img {
border-radius: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-inner-themes .list-item__picture {
padding: 0 0 63.4%;
}
.layout--vesti .layout__holder--columns .section--section--tmpl-theme .section__header {
display: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-videos {
padding: 0 0 8px;
}
.layout--vesti .layout__holder--columns .section--tmpl-videos .section__header {
display: none;
}
.section--tmpl-promoNews .section__header .layout--vesti .layout__holder--columns {
display: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews {
padding: 18px 0 20px;
}
.section__header .layout--vesti .layout__holder--columns .section--tmpl-promoNews {
display: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .list-item__date {
display: block;
top: auto;
left: 0;
bottom: 6px;
color: #B8C2CC;
line-height: 20px;
letter-spacing: 1px;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .list-item__date .list-item__link {
background: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .list-item__category {
display: none;
}
.layout--vesti .layout__holder--columns .section--tmpl-videos .section__content {
margin-top: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-brandsFeed {
margin-top: 0;
padding-top: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-brandsFeed .section__content {
margin-top: 0;
padding-top: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-brandsFeed .section__header {
display: none;
}
.layout.layout--vesti .list-item--topic .list-item__box:before,
.layout.layout--vesti .list-item--topic .list-item__box:after {
border: 1px solid #DBE0E5;
}
.layout.layout--vesti .layout__holder--columns {
padding-top: 16px;
}
.layout.layout--vesti .section--tmpl-newsRegion {
display: none;
}
@media screen and (max-width: 767px) {
.layout.layout--vesti .section--tmpl-newsRegion {
display: block;
}
}
@media screen and (max-width: 767px) {
.layout.layout--vesti .section--tmpl-newsRegion .section__control {
margin-bottom: 8px;
}
}
.layout.layout--vesti .layout__holder--columns .layout__wrapper--main .layout__column--left .section:first-child .section__background,
.layout.layout--vesti .layout__holder--columns .layout__wrapper--main .layout__column--left .section .section__background {
border-radius: 16px;
}
@media only screen and (min-width: 768px) {
.layout.layout--vesti .layout__holder--columns .layout__wrapper--main .layout__column--left .section:first-child .section__background,
.layout.layout--vesti .layout__holder--columns .layout__wrapper--main .layout__column--left .section .section__background {
width: 100%;
left: 0;
}
}
.layout.layout--vesti .layout--vesti .layout__column--right .section--tmpl-news .list-item:first-child {
margin-bottom: 0;
}
.layout.layout--vesti .layout__wrapper--main .layout__column--right {
width: 48.4%;
margin: 0 0 0 9.1333333333%;
}
@media screen and (max-width: 767px) {
.layout.layout--vesti .layout__wrapper--main .layout__column--right {
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 767px) {
.layout.layout--vesti .layout__holder--full .layout__column--full {
display: flex;
flex-direction: column;
overflow: hidden;
}
}
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-brandsFeed .list-item {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-brandsFeed .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-themes .list-item,
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-persons .list-item {
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-themes .list-item {
width: 25%;
flex: 0 0 25%;
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 511px) {
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-themes .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-persons .list-item {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-persons .list-item {
width: 25%;
flex: 0 0 25%;
}
}
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-videos .list-item {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 1023px) {
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-videos .list-item {
flex: 0 0 50%;
width: 50%;
opacity: 1;
visibility: visible;
}
}
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-videos .list-item--brand {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-group .section--tmpl-inner-videos .list-item--brand {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
.layout.layout--vesti .section--tmpl-inner-videos .list-item--brand {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
.layout.layout--vesti .section--tmpl-group .section--tmpl-videos .list-item--brand {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
.layout.layout--vesti .section--tmpl-group .section--tmpl-inner-videos .list-item__box {
box-shadow: none;
}
.layout.layout--vesti .section--tmpl-group .section--tmpl-inner-videos .list-item__box .list-item__info {
margin: 6px 0 0;
padding: 0;
}
.layout.layout--vesti .section--tmpl-group .section--tmpl-inner-videos .list-item__box .list-item__info .list-item__date {
display: none;
}
.layout.layout--vesti .section--tmpl-group .section--tmpl-inner-videos .list-item__box .list-item__info .list-item__title {
font: 15px/20px RF Devi Semi Bold, sans-serif;
}
.layout.layout--vesti .section--tmpl-inner-persons {
margin-top: 0;
padding: 0;
}
.layout.layout--vesti .section--tmpl-inner-persons .list-item__box {
box-shadow: none;
}
.layout.layout--vesti .section--tmpl-inner-persons .list-item__preview {
padding-top: 0;
}
.layout.layout--vesti .section--tmpl-inner-persons .list-item__preview .list-item__link {
border-radius: 100%;
}
.layout.layout--vesti .section--tmpl-inner-persons .list-item__info .section__content {
margin: 0;
}
.layout.layout--vesti .section--tmpl-inner-persons .list-item__info .section__content .list-item {
padding-bottom: 16px;
}
.layout.layout--vesti .section--tmpl-inner-persons .list-item__info .section__content .list-item__preview {
padding-top: 0;
}
.layout--vesti .layout__holder--columns .layout__wrapper--main {
display: flex;
flex-flow: row wrap;
}
@media screen and (max-width: 767px) {
.layout .layout__holder--columns .layout__wrapper--main .layout__column--full:nth-of-type(1) {
order: 1;
}
}
@media screen and (max-width: 767px) {
.layout .layout__holder--columns .layout__wrapper--main .layout__column--full:nth-of-type(4) {
order: 4;
}
}
@media screen and (max-width: 767px) {
.layout .layout__holder--columns .layout__wrapper--main .layout__column--left {
order: 3;
}
}
@media screen and (max-width: 767px) {
.layout .layout__holder--columns .layout__wrapper--main .layout__column--right {
order: 2;
}
}
.layout--rubrics .layout__holder--columns .layout__wrapper--aside:before,
.layout--vesti .layout__holder--columns .layout__wrapper--aside:before {
content: "";
height: 4px;
background: #EFF1F3;
position: absolute;
left: 8px;
right: 8px;
top: 8px;
z-index: 2;
}
.layout--vesti .layout__wrapper--main .layout__column--left {
width: 41.6666666667%;
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__wrapper--main .layout__column--left {
width: 100%;
}
}
.layout--vesti .layout__wrapper--main .layout__column--left .section {
margin: 8px 0;
}
@media only screen and (min-width: 768px) {
.layout--vesti .layout__wrapper--main .layout__column--left .section {
margin: 8px;
}
}
.layout--vesti .layout__wrapper--main .layout__column--left--first .section__title {
color: #FF0000;
}
.layout--vesti .layout__wrapper--main .layout__column--left--first .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-position: bottom 10px right 0;
}
.layout--vesti .layout__wrapper--main .layout__column--right {
width: 50%;
margin: 0 0 0 8.3333333333%;
position: relative;
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__wrapper--main .layout__column--right {
width: 100%;
margin: 0;
}
}
.layout--vesti .layout__wrapper--main .layout__column--right .section__header {
display: none;
}
.layout--vesti .layout__wrapper--main .layout__column--right .section--tmpl-news .list-item:first-child {
margin: 0 0 8px;
}
.layout--vesti .layout__wrapper--main .layout__column--right .section--tmpl-news .list-item {
margin: 8px 0;
}
.layout--vesti .layout__wrapper--main .layout__column--right .section--tmpl-news:before {
display: none;
}
.layout--vesti .layout__wrapper--main .layout__column--right .section {
padding: 0;
margin: 0;
}
.layout--vesti .layout__wrapper--main .layout__column--right .section__content {
margin: 8px 0 0;
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__box {
display: block;
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__title {
font: 18px/20px "RF Devi Bold", sans-serif;
}
@media screen and (max-width: 1023px) {
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
}
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__anons {
font: 18px/24px "RF Devi Regular", sans-serif;
display: inline;
}
@media only screen and (min-width: 768px) {
.layout--vesti .layout__wrapper--main .layout__column--right .list-item:after {
display: none;
}
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__info {
position: relative;
margin: 0;
padding: 15px 16px 8px;
border-radius: 0 0 8px 8px;
background: #F7F8F9;
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__category {
display: none;
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__date {
font: 15px/24px "RF Devi Regular", sans-serif;
letter-spacing: 0.5px;
display: inline;
position: inherit;
}
.layout--vesti .layout__wrapper--main .layout__column--right .list-item__preview {
border-radius: 8px 8px 0 0;
overflow: hidden;
}
.layout--vesti .layout__wrapper--main .layout__column--full {
width: 100%;
}
.layout--vesti .layout__wrapper--main .layout__column--full .section--tmpl-news {
display: none;
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__wrapper--main .layout__column--full .section--tmpl-news {
display: block;
}
}
.layout.layout--pick .section--tmpl-theme {
margin-top: 16px;
}
@media screen and (max-width: 767px) {
.layout.layout--pick .section--tmpl-promo .section__background:before {
display: none;
}
}
.layout.layout--radio .section--tmpl-audios {
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.layout.layout--radio .section--tmpl-promo .section__background:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.layout.layout--radio .section--tmpl-promo .slider__pagination {
display: none;
}
}
.layout.layout--rubrics .section__background {
border-radius: 0;
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.layout.layout--rubrics .layout__holder--full .layout__column--full {
display: flex;
flex-direction: column;
overflow: hidden;
}
}
.layout--rubrics .layout__holder--columns .layout__wrapper--aside {
top: 10px;
}
.layout--videos .layout__holder {
border-radius: 16px 16px 0 0;
}
.layout--video .layout__column--content {
width: 75%;
margin: 0 12.5%;
}
@media screen and (max-width: 767px) {
.layout--video .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout.layout--article {
overflow-x: hidden;
}
.layout.layout--article .vgtrk-gallery__wrapper {
height: auto;
}
.layout.layout--articles .layout__holder--columns .layout__wrapper--main .section:first-child .section__background {
left: -16px;
width: calc(133.3333333333% + 32px);
}
.layout--theme .layout__holder--content .compilation-header__background:after,
.layout--theme .layout__holder--content .compilation-header__background img {
border-radius: 16px 16px 0 0;
}
.layout--theme .layout__holder--content,
.layout--all-tag .layout__holder--content {
border-radius: 16px 16px 0 0;
}
.layout--search .layout__holder--columns,
.layout--articles .layout__holder--columns,
.layout--article .layout__holder--columns {
border-radius: 16px 16px 0 0;
}
.layout--article .layout__column--content {
width: 75%;
margin: 0 8.3333333333% 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout--article .layout__column--content {
width: 91.6666666667%;
margin: 0 0 0 8.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout--article .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout.layout--articles .layout__holder--content {
border-radius: 16px;
}
.layout--articles .layout__wrapper--main {
width: 93.75%;
margin: 0 6.25% 0 0;
}
@media screen and (max-width: 1279px) {
.layout--articles .layout__wrapper--main {
width: 100%;
margin: 0;
}
}
.layout--audio .layout__column--content {
width: 75%;
margin: 0 12.5%;
}
@media screen and (max-width: 767px) {
.layout--audio .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout--brand .layout__column--content {
width: 75%;
margin: 0 12.5%;
}
@media screen and (max-width: 767px) {
.layout--brand .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout--person .layout__column--content {
width: 75%;
margin: 0 12.5%;
}
@media screen and (max-width: 767px) {
.layout--person .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout--podcast .layout__column--content {
width: 75%;
margin: 0 12.5%;
}
@media screen and (max-width: 767px) {
.layout--podcast .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout--profile .layout__column--content {
width: 75%;
margin: 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout--profile .layout__column--content {
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 767px) {
.layout--profile .layout__column--content {
width: 100%;
margin: 0;
}
}
.layout.layout--profile .section--tmpl-videos .list-item--audio {
display: none;
}
.layout.layout--profile .section--tmpl-audios .list-item--video {
display: none;
}
.layout.layout--profile.payment {
padding-top: 32px;
}
.layout.layout--profile .section--dark .list-item--audio:nth-child(1) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:nth-child(1) .list-item__box {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout.layout--profile .section--dark .list-item--audio:nth-child(1) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:nth-child(1) .list-item__box {
border-top-right-radius: 8px;
}
}
.layout.layout--profile .section--dark .list-item--audio:nth-child(2) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:nth-child(2) .list-item__box {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout.layout--profile .section--dark .list-item--audio:nth-child(2) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:nth-child(2) .list-item__box {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
.layout.layout--profile .section--dark .list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box {
border-bottom-left-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout.layout--profile .section--dark .list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box {
border-bottom-left-radius: 0;
}
}
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(odd) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(odd) .list-item__box {
border-bottom-left-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(odd) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(odd) .list-item__box {
border-bottom-right-radius: 8px;
}
}
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(even) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(even) .list-item__box {
border-bottom-right-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(even) .list-item__box:before,
.layout.layout--profile .section--dark .list-item--audio:last-child:nth-of-type(even) .list-item__box {
border-bottom-left-radius: 8px;
}
}
.layout.layout--profile .section--dark .list-item--audio .list-item__box {
background: 0;
}
.layout.layout--profile .section--dark .list-item--audio .list-item__box:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.15);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
}
.layout.layout--theme .layout__holder--columns .layout__wrapper--main .section:first-child .section__background {
left: -16px;
width: calc(133.3333333333% + 32px);
}
.layout.layout--theme .compilation-header__background img {
max-width: inherit;
}
.layout.layout--theme .layout__column--full .section--tmpl-news .list-item__preview {
padding: 0;
}
.layout--app-store .layout__holder--content {
border-radius: 16px 16px 0 0;
}
.layout--app-store .layout__column .app-store--text {
margin: 24px 8px 8px;
font: 16px/24px "RF Devi Regular", sans-serif;
border-radius: 16px;
display: flex;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column .app-store--text {
order: 1;
flex-direction: column;
margin: 48px 4px 8px 4px;
}
}
@media screen and (max-width: 767px) {
.layout--app-store .layout__column .app-store--text {
font: 14px/20px "RF Devi Regular", sans-serif;
}
}
.layout--app-store .layout__column .app-store--text p {
padding: 55px 40px;
width: 50%;
margin: 0;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column .app-store--text p {
width: auto;
}
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column .app-store--text p:nth-child(1) {
padding: 0 0 32px 0;
}
}
.layout--app-store .layout__column .app-store--text p:nth-child(2) a {
color: #FF0000;
text-decoration: none;
}
.layout--app-store .layout__column .app-store--text p:nth-child(2) a:active,
.layout--app-store .layout__column .app-store--text p:nth-child(2) a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column .app-store--text p:nth-child(2) {
padding: 0;
}
}
.layout--app-store .layout__column .app-store--logo:before {
content: "";
background: url(/i/app_icon.png?43526c6b708efbd23a28ec49206bf919) bottom no-repeat;
position: absolute;
width: 211px;
height: 171px;
background-size: contain;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 11px;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column .app-store--logo:before {
width: 88px;
height: 72px;
margin-top: -16px;
}
}
.layout--app-store .layout__column .app-store--title {
padding: 0;
margin: 0;
font-weight: normal;
}
.layout--app-store .layout__column--content {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column--content {
flex-direction: column;
}
}
.layout--app-store .layout__column--content .app-store--title {
color: #FFFFFF;
font: 40px/48px "RF Devi Bold", sans-serif;
letter-spacing: -0.25px;
padding: 24px 40px 0 40px;
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--title {
font: 24px/28px "RF Devi Bold", sans-serif;
letter-spacing: normal;
padding: 24px 16px 0 16px;
}
}
.layout--app-store .layout__column--content .app-store--description {
color: #FFFFFF;
font: 16px/24px "RF Devi Semi Bold", sans-serif;
padding: 14px 40px;
width: 65%;
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--description {
padding: 8px 16px;
width: auto;
}
}
.layout--app-store .layout__column--content .app-store--list {
padding: 0 32px;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1279px) {
.layout--app-store .layout__column--content .app-store--list {
padding: 0 32px 200px 32px;
}
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--list {
padding: 0 12px;
}
}
.layout--app-store .layout__column--content .app-store--list-item {
padding: 8px;
box-sizing: border-box;
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--list-item {
padding: 4px;
width: 50%;
}
}
.layout--app-store .layout__column--content .app-store--list-item:nth-of-type(2n+5) {
margin-right: 20%;
}
@media screen and (max-width: 1439px) {
.layout--app-store .layout__column--content .app-store--list-item:nth-of-type(2n+5) {
margin-right: inherit;
}
}
.layout--app-store .layout__column--content .app-store--list-item.apk {
margin-left: auto;
position: relative;
}
@media screen and (max-width: 1439px) {
.layout--app-store .layout__column--content .app-store--list-item.apk {
margin-left: inherit;
order: 1;
}
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--list-item.apk {
position: initial;
}
}
.layout--app-store .layout__column--content .app-store--list-item.apk .app-store--list-button {
background-color: #A3C638;
}
.layout--app-store .layout__column--content .app-store--list-button {
display: block;
background-color: #000000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
width: 160px;
height: 56px;
text-indent: -9999px;
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--list-button {
width: 100%;
height: 0;
margin: 0;
padding-bottom: 35%;
}
}
.layout--app-store .layout__column--content .app-store--list-button.appstore {
background-image: url(/i/appstore.svg?1d710ed3cdc7a007c820b2367abb644e);
}
.layout--app-store .layout__column--content .app-store--list-button.googleplay {
background-image: url(/i/googleplay.svg?36975d9ba45b13e2b05d94a0d3c84f2a);
}
.layout--app-store .layout__column--content .app-store--list-button.apk {
background-image: url(/i/apk.svg?72f06e09d3be291f6894d56640bcbe41);
}
.layout--app-store .layout__column--content .app-store--list-button.rustore {
background-image: url(/i/rustore.svg?34da4596b6f6dad8d76e2da008ca2c20);
}
.layout--app-store .layout__column--content .app-store--list-button.nashstore {
background-image: url(/i/nashstore.svg?15d46e69791994e940763c4fa9193018);
}
.layout--app-store .layout__column--content .app-store--list-button.rumarket {
background-image: url(/i/rumarket.svg?15ae77a5f0a13e4a6c33c68f2d654a1e);
}
.layout--app-store .layout__column--content .app-store--list-button.appgallery {
background-image: url(/i/appgallery.svg?ceaeafabae989fb072190287c66e34d1);
}
.layout--app-store .layout__column--content .app-store--list-button.appletv {
background-image: url(/i/appletv.svg?adab0bbf1c7a8ff056226ccca9769463);
}
.layout--app-store .layout__column--content .app-store--list-button.androidtv {
background-image: url(/i/androidtv.svg?a2a1816d63824ed823c5b84a0db1a010);
}
.layout--app-store .layout__column--content .app-store--list-button.galaxystore {
background-image: url(/i/galaxystore.svg?60f42afd48d15600adf9a7c3250cc011);
}
.layout--app-store .layout__column--content .app-store--list-button.samsungtv {
background-image: url(/i/samsung-smart-tv.svg?04a5aac3d11d82f03d9f33bd752d287b);
}
.layout--app-store .layout__column--content .app-store--list-button.lgtv {
background-image: url(/i/lgtv.svg?98c97784060bfe35a649ddeffc672a10);
}
.layout--app-store .layout__column--content .app-store--list small {
font: 14px/16px "RF Devi Regular", sans-serif;
text-align: center;
width: 160px;
display: block;
position: absolute;
top: 72px;
left: 8px;
color: #FFFFFF;
}
@media screen and (max-width: 511px) {
.layout--app-store .layout__column--content .app-store--list small {
display: none;
}
}
.layout--app-store .layout__column--content .app-store--list small .app-store--list-link {
color: #FFFFFF;
}
.layout--app-store .layout__column--left,
.layout--app-store .layout__column--right {
width: 50%;
flex: 1;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column--left,
.layout--app-store .layout__column--right {
width: 100%;
}
}
.layout--app-store .layout__column--left--content,
.layout--app-store .layout__column--right--content {
position: relative;
background: radial-gradient(95.94% 326.89% at 9.34% 21.14%, #D60000 0%, #AB0000 100%);
border-radius: 16px;
min-height: 688px;
margin: 8px;
height: 100%;
}
@media screen and (max-width: 1023px) {
.layout--app-store .layout__column--left--content,
.layout--app-store .layout__column--right--content {
margin: 8px 4px;
}
}
.layout--app-store .layout__column--left--content:before,
.layout--app-store .layout__column--right--content:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0 0 16px 16px;
}
.layout--app-store .layout__column--left--content:before {
background: url(/i/app-phones.png?67eef5f9cd2c084bf461be84fac2785e) bottom no-repeat;
background-size: contain;
}
.layout--app-store .layout__column--right--content:before {
background: url(/i/app-tv.png?22a0aa9eca7e02db81df8b369ff83fba) bottom no-repeat;
background-size: contain;
}
.layout--error .layout__holder {
border-radius: 16px 16px 0 0;
}
.header .flatpickr-calendar.animate.open {
top: 64px !important;
}
@media screen and (max-width: 380px) and (min-width: 320px) {
.header .flatpickr-calendar.animate.open {
left: 0 !important;
}
}
@media screen and (max-width: 440px) and (min-width: 380px) {
.header .flatpickr-calendar.animate.open {
left: 30px !important;
}
}
@media screen and (max-width: 500px) and (min-width: 440px) {
.header .flatpickr-calendar.animate.open {
left: 60px !important;
}
}
@media screen and (max-width: 560px) and (min-width: 500px) {
.header .flatpickr-calendar.animate.open {
left: 90px !important;
}
}
@media screen and (max-width: 620px) and (min-width: 560px) {
.header .flatpickr-calendar.animate.open {
left: 120px !important;
}
}
.app--purple .header .datepicker__title,
.app--dark .header .datepicker__title {
color: #FFFFFF;
}
.app--purple .header .datepicker__icon,
.app--dark .header .datepicker__icon {
background: transparent url(/i/calendar-white.svg?79a77d69a03062d108c4d0f608abf4cd) center center no-repeat;
}
.header {
position: relative;
margin-left: 72px;
z-index: 5;
}
@media screen and (min-width: 1680px) {
.header {
margin-left: 240px;
}
}
.app--active-sidenav .header {
z-index: 6;
height: 64px;
}
@media screen and (max-width: 767px) {
.header {
margin-left: 0;
height: 64px;
padding: 0;
overflow: hidden;
position: relative;
}
.header:before {
background: #960000 url(/i/topbarbg.svg?c02cc2a340aa440bb56e42c64b5f01ce) center/cover no-repeat;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 64px;
}
.app--active-sidenav .header:before {
display: none;
}
.mobile .header {
background: 0;
}
.app--active-sidenav.mobile .header {
background: #960000;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 20;
}
}
.header--user-active {
overflow: visible;
z-index: 10;
}
.header__wrapper {
height: 72px;
display: flex;
flex-flow: row nowrap;
position: relative;
max-width: 1440px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 16px;
}
@media screen and (max-width: 767px) {
.header__wrapper {
height: 64px;
padding: 0;
background-color: #960000;
}
}
.header__wrapper--inner {
width: calc(87.5%);
flex: 0 0 calc(87.5%);
margin: 0 auto 0 0;
display: flex;
position: relative;
}
@media screen and (max-width: 1023px) {
.header__wrapper--inner {
width: auto;
flex: auto;
margin: 0 4px;
}
}
@media screen and (max-width: 767px) {
.header__wrapper--inner {
z-index: 6;
margin: 0;
}
}
.app--active-sidenav .header__wrapper--inner {
display: none;
}
.header__logo {
display: none;
}
@media screen and (max-width: 767px) {
.header__logo {
height: 64px;
flex: 0 0 auto;
margin: 0;
padding: 0 0 0 15.66px;
width: auto;
box-sizing: border-box;
display: block;
z-index: 5;
}
}
@media screen and (max-width: 767px) {
.header__logo:before {
content: "";
background: transparent url(/i/topbarbglogo.svg?f4714853bc10f65efa86bf29e56cc99e) no-repeat;
width: 360px;
height: 64px;
top: 0;
left: 0;
display: block;
position: absolute;
}
.app--active-sidenav .header__logo:before {
display: none;
}
}
.header__navigation {
box-sizing: border-box;
flex: 0 1 auto;
padding: 0;
margin: auto auto auto 0;
position: relative;
z-index: 3;
}
@media screen and (max-width: 767px) {
.header__navigation {
width: 100%;
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 0;
}
}
.header__search {
box-sizing: border-box;
flex: 0 0 calc(28.5714285714%);
width: calc(28.5714285714%);
padding: 0 8px;
margin: auto 0;
position: relative;
z-index: 4;
}
.header__search:before {
content: "";
position: absolute;
top: -16px;
left: 0;
width: 100%;
height: 72px;
background: transparent;
z-index: 1;
}
@media screen and (max-width: 767px) {
.header__search:before {
transition: none;
}
}
@media screen and (max-width: 767px) {
.header__search {
box-sizing: border-box;
flex: 0 0 25%;
width: 25%;
padding: 0 4px;
display: none;
}
}
@media screen and (max-width: 767px) {
.header__search {
margin: 16px 0 0 0;
order: 2;
}
.header__search--visible.header__search {
top: 60px;
transform: none;
}
.header__search--visible.header__search .search-form__control {
display: block;
position: absolute;
top: -60px;
right: 92px;
}
}
.header__archive {
display: flex;
align-items: center;
}
.header__archive .datepicker__button {
background: none;
box-shadow: none;
display: flex;
flex-direction: row-reverse;
padding: 0;
}
.header__archive .datepicker__button .datepicker__icon {
margin: auto 0 auto 6px;
}
@media screen and (max-width: 767px) {
.header__archive .datepicker__button .datepicker__icon {
background: transparent url(/i/calendar-white.svg?79a77d69a03062d108c4d0f608abf4cd) center center no-repeat;
}
}
.header__archive .datepicker__button .datepicker__title {
margin-left: 4px;
}
@media screen and (max-width: 767px) {
.header__archive .datepicker__button .datepicker__title {
color: #FFFFFF;
}
}
@media screen and (max-width: 511px) {
.header__archive .datepicker__button .datepicker__title {
display: none;
}
}
.header__archive .datepicker__input {
width: 80px;
}
@media screen and (max-width: 511px) {
.header__archive .datepicker__input {
width: 30px;
}
}
.header__ticker {
box-sizing: border-box;
flex: 0 0 calc(42.8571428571%);
width: calc(42.8571428571%);
margin: 0 calc(7.1428571429%);
}
@media screen and (max-width: 767px) {
.header__ticker {
flex: 0 0 calc(100%);
width: calc(100%);
margin: 0;
position: absolute;
bottom: -52px;
left: 0;
}
}
.header__ticker .slider__list {
height: 100%;
align-items: center;
justify-content: center;
}
.header__ticker .slider__list .list-item {
padding: 0;
flex-shrink: inherit;
display: list-item;
}
@media screen and (max-width: 767px) {
.header__ticker .slider__list .list-item {
width: calc(100% - 32px);
flex: 0 0 calc(100% - 32px);
margin: 0 4px;
}
}
.header__ticker .slider__list .list-item__link {
font: 13px/40px "RF Devi Regular", sans-serif;
letter-spacing: -0.195px;
color: #FFFFFF;
text-transform: uppercase;
border-radius: 8px;
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
padding: 0 0 0 16px;
display: inline-block;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.header__ticker .slider__list .list-item__link {
width: calc(100% - 16px);
text-align: center;
}
}
.header__ticker .slider__list .list-item__link b {
font: 13px/40px "RF Devi Bold", sans-serif;
}
.header__ticker .slider__list .list-item__link:after {
content: "";
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 13px;
width: 32px;
height: 13px;
display: inline-block;
position: relative;
top: 2px;
background-position: center;
}
.personal .header__ticker,
.tariffs .header__ticker {
display: none;
}
.header__user {
box-sizing: border-box;
flex: 0 0 12.5%;
width: 12.5%;
padding: 0 8px;
position: relative;
z-index: 2;
max-width: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.header--user-active .header__user {
z-index: 4;
}
@media screen and (max-width: 1023px) {
.header__user {
flex: 0 0 auto;
width: auto;
}
}
@media screen and (max-width: 767px) {
.header__user {
display: none;
}
}
.header__link {
display: block;
height: 43px;
width: 96px;
margin: 15px auto 0 auto;
position: relative;
}
@media screen and (max-width: 1023px) {
.header__link {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin: 15px 0 0 -4px;
}
}
@media screen and (max-width: 767px) {
.header__link {
margin: 15px auto 0 auto;
position: relative;
left: inherit;
transform: none;
z-index: 6;
}
}
.header__logo .header__link:after {
content: "";
height: 43px;
width: 96px;
background: transparent url(/i/smotrimv2.svg?356a8dd8882136150f6bd0e607bb7350) center/cover no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
@media screen and (max-width: 767px) {
.header__logo .header__link:after {
height: 32.19px;
width: 72.31px;
top: 1px;
}
}
.header__logo .header__link:before {
content: "";
background: transparent url(/i/logo-background1.svg?0b90b846d2ceb4e1d4d7fe192155a5d0) top left no-repeat;
width: 918px;
height: 72px;
display: block;
position: absolute;
top: -15px;
left: -740px;
z-index: 1;
}
@media screen and (max-width: 767px) {
.header__logo .header__link:before {
display: none;
}
}
.header__burger {
display: none;
}
@media screen and (max-width: 767px) {
.header__burger {
position: relative;
display: block;
width: 32px;
height: 32px;
z-index: 5;
margin: 16px 16px 0 auto;
padding-left: 56px;
cursor: pointer;
}
.header__burger:before {
font: 14px/32px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 0.5px;
content: "\41C\415\41D\42E";
position: absolute;
top: 0;
left: 0;
}
.header__burger button {
background: 0;
margin: 7px 4px;
padding: 0;
width: 24px;
height: 18px;
border: 0;
position: relative;
cursor: pointer;
}
.header__burger button:before,
.header__burger button:after,
.header__burger button span {
display: block;
width: 24px;
height: 2px;
background-color: #FFFFFF;
}
.app--active-sidenav .header__burger button span {
background-color: transparent;
}
.header__burger button:before,
.header__burger button:after {
content: "";
position: absolute;
left: 0;
transition: all 300ms ease;
}
.header__burger button:before {
top: 0;
}
.app--active-sidenav .header__burger button:before {
transform: rotate(45deg) translate(5px, 5px);
}
.header__burger button:after {
bottom: 0;
}
.app--active-sidenav .header__burger button:after {
transform: rotate(-45deg) translate(6px, -6px);
}
}
@media screen and (max-width: 359px) {
.header__burger {
padding-left: 16px;
}
.header__burger:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.header.has-ticker {
height: 128px;
}
.header.has-ticker .header__wrapper--inner {
position: unset;
}
.personal .header.has-ticker,
.tariffs .header.has-ticker,
.app--active-sidenav .header.has-ticker {
height: inherit;
}
}
#top-slot {
margin-left: 72px;
max-height: 282px;
overflow: hidden;
}
.body--personal #top-slot,
.body--tariffs #top-slot,
.personal #top-slot,
.tariffs #top-slot {
display: none;
}
@media screen and (min-width: 1680px) {
#top-slot {
margin-left: 240px;
}
}
@media screen and (max-width: 767px) {
#top-slot {
margin-left: 0;
}
}
#top-slot .slot--before-header {
max-width: 1440px;
margin: 0 auto;
box-sizing: border-box;
}
.body--vesti .header__wrapper {
background-color: transparent;
}
.section {
padding: 16px 0;
margin-top: 0;
position: relative;
}
.layout .layout__holder--full .section {
margin: 0;
padding: 0;
}
.layout--podcast .section {
margin: 0;
}
@media screen and (max-width: 767px) {
.layout--cinema .layout__holder--content .section:first-child {
margin-top: 21px;
}
}
.layout--article .layout__wrapper--aside .section:first-child,
.layout--error .layout__wrapper--aside .section:first-child,
.layout--search .layout__wrapper--aside .section:first-child {
margin-top: 0;
}
.layout--channels .layout__holder--content .section {
margin: 0;
}
.layout--person .section:nth-of-type(1) {
margin-top: 0;
}
.section__background {
position: absolute;
top: 0;
height: 100%;
background: var(--section-background);
border-radius: 16px;
z-index: 1;
}
.layout .layout__holder--full .section__background {
left: 0;
width: 100%;
}
.layout .layout__holder--content .section__background {
left: -16px;
width: calc(100% + 32px);
}
@media screen and (max-width: 767px) {
.layout .layout__holder--content .section__background {
left: -12px;
width: calc(100% + 24px);
}
}
.layout .layout__holder--columns .layout__wrapper--main .section__background {
left: -16px;
width: calc(108.3333333333% + 8px);
}
@media screen and (max-width: 767px) {
.layout .layout__holder--columns .layout__wrapper--main .section__background {
left: -12px;
width: calc(100% + 24px);
}
}
@media screen and (max-width: 767px) {
.layout .layout__holder--columns .layout__wrapper--main .section:first-child .section__background {
left: -12px;
width: calc(100% + 24px);
}
}
.section__header {
display: flex;
flex-flow: row nowrap;
margin-top: 2px;
position: relative;
z-index: 3;
}
.section--tmpl-promoNews .section__header,
.section--tmpl-rubricsText .section__header {
display: none;
}
@media screen and (max-width: 767px) {
.section__header {
flex-flow: row wrap;
}
}
.section__content {
position: relative;
z-index: 2;
margin: 22px 0 0;
}
@media screen and (max-width: 767px) {
.section__content {
margin: 18px 0 0;
}
}
.section__content--hidden {
display: none;
}
.section__content--active {
display: block;
}
.section__header .section__control {
margin: auto 0 auto auto;
padding: 0 8px;
}
.section__content .section__control {
display: flex;
margin: 32px 0;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.section__content .section__control {
padding: 0 4px;
}
}
.layout--brand .section__content .section__control,
.layout--video .section__content .section__control,
.layout--audio .section__content .section__control,
.layout--all-tag .layout__wrapper--main .section__content .section__control {
width: calc(33.3333333333% - 16px);
margin: 32px auto;
}
@media screen and (max-width: 767px) {
.layout--brand .section__content .section__control,
.layout--video .section__content .section__control,
.layout--audio .section__content .section__control,
.layout--all-tag .layout__wrapper--main .section__content .section__control {
width: calc(100% - 8px);
padding: 0 4px;
}
}
.section__content.section__content--loading .section__control {
position: relative;
}
.section__content.section__content--loading .section__control:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.5);
z-index: 2;
}
.section__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
text-transform: uppercase;
flex: 0 1 auto;
padding: 0 8px;
margin: auto 0;
}
@media screen and (max-width: 767px) {
.section__title {
padding: 0 4px;
}
}
.section--light .section__title {
color: #000000;
}
.section--dark .section__title {
color: #FFFFFF;
}
.section__title a {
display: block;
padding: 4px 18px 4px 0;
color: inherit;
text-decoration: none;
}
.section--light .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.section--dark .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.section__title--logo {
position: absolute;
left: 8px;
top: 4px;
width: 24px;
height: 24px;
}
.section__title--logo img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.section__label {
font: 12px/20px "RF Devi Semi Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-transform: uppercase;
flex: 0 0 100%;
box-sizing: border-box;
padding: 0 8px;
margin: 0 0 2px;
}
@media screen and (max-width: 767px) {
.section__label {
padding: 0 4px;
}
}
.section__filter {
flex: 0 1 auto;
padding: 0 8px;
margin: auto 0;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.section__filter {
padding: 0 4px;
}
}
.section__sort {
flex: 0 1 auto;
margin: auto 0 auto auto;
display: flex;
}
@media screen and (max-width: 767px) {
.section__sort {
margin: 12px 0 0;
flex: 0 0 100%;
flex-flow: row wrap;
position: relative;
z-index: 2;
}
}
.section__selector {
flex: 0 1 auto;
padding: 0 8px;
margin: auto 0;
}
@media screen and (max-width: 767px) {
.section__selector {
flex: 0 0 100%;
box-sizing: border-box;
padding: 0 4px;
margin: 0 0 6px;
position: relative;
z-index: 2;
}
}
.section__datepicker {
flex: 0 1 auto;
padding: 0 8px;
margin: auto 0;
}
@media screen and (max-width: 767px) {
.section__datepicker {
flex: 0 0 100%;
box-sizing: border-box;
padding: 0 4px;
}
}
.section__geo {
flex: 0 1 auto;
padding: 0 8px;
margin: auto 0 auto auto;
}
@media screen and (max-width: 767px) {
.section__geo {
padding: 0 4px;
}
}
.section__link {
color: inherit;
text-decoration: none;
}
.section__link.hasLogo {
padding-left: 36px;
}
.section__control .section__link {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
display: block;
width: 100%;
height: 44px;
border-radius: 8px;
outline: none;
border: 0;
-webkit-appearance: none;
cursor: pointer;
}
.section--light .section__control .section__link {
color: #000000;
background: #EFF1F3;
}
.section--dark .section__control .section__link {
color: #FFFFFF;
background: #262626;
}
.section__link.section__title__geo {
padding-left: 32px;
}
.section__button {
display: block;
cursor: pointer;
border: 0;
outline: none;
-webkit-appearance: none;
}
.section__button--edit {
height: 40px;
width: 40px;
border-radius: 40px;
background: rgba(255, 255, 255, 0.15);
position: relative;
}
.section__button--edit:after {
content: "";
display: block;
height: 2px;
width: 16px;
background: #FFFFFF;
position: absolute;
top: 19px;
right: 12px;
}
.section__button--editing {
width: 160px;
background: #FF0000;
}
.section__button--editing:before {
content: "\423\434\430\43B\438\442\44C";
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
position: absolute;
top: 12px;
left: 16px;
}
.section__preloader {
height: 80px;
width: 100%;
position: relative;
}
.section__preloader:after {
content: "";
width: 40px;
height: 40px;
background: url(/i/page-loader.png?18374b540f866b8c2adbd94d737ac44d) center/cover no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.error {
margin: 96px 0 171px;
}
@media screen and (max-width: 767px) {
.error {
margin: 38px 0 154px;
}
}
.error__header {
display: flex;
flex-flow: row nowrap;
}
@media screen and (max-width: 767px) {
.error__header {
justify-content: space-between;
}
}
.error__title {
font: 18px/20px "RF Devi Semi Bold", sans-serif;
color: #000000;
letter-spacing: -0.2px;
box-sizing: border-box;
padding: 0 8px;
width: 50%;
flex: 0 0 50%;
margin: auto 0 auto 16.6666666667%;
}
@media screen and (max-width: 767px) {
.error__title {
padding: 0 4px;
width: auto;
flex: 0 1 100%;
margin: 0;
}
}
.error__control {
box-sizing: border-box;
padding: 0 8px;
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
margin: auto 0;
}
@media screen and (max-width: 767px) {
.error__control {
padding: 0 4px;
width: auto;
flex: 0 0 auto;
margin: 0;
}
}
.error__code {
font: 128px/128px "RF Devi Regular", sans-serif;
color: #FF0000;
letter-spacing: -5px;
box-sizing: border-box;
padding: 0 8px;
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
margin: 29px 33.3333333333% 57px;
}
@media screen and (max-width: 767px) {
.error__code {
font: 96px/128px "RF Devi Regular", sans-serif;
text-align: center;
padding: 0 4px;
width: auto;
flex: 0 1 auto;
margin: 54px auto 46px;
}
}
.error__list {
list-style: none;
box-sizing: border-box;
padding: 0 8px;
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
margin: 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.error__list {
padding: 0 4px;
width: auto;
flex: 0 1 auto;
margin: 0 0 0 32px;
}
}
.error__dev {
box-sizing: border-box;
padding: 0 8px;
width: 83.3333333333%;
flex: 0 0 83.3333333333%;
margin: 20px 8.3333333333% 0;
}
@media screen and (max-width: 767px) {
.error__dev {
padding: 0 4px;
width: auto;
flex: 0 1 auto;
margin: 20px 0 0;
}
}
.error__dev pre {
box-sizing: border-box;
font: bold 14px/20px monospace;
color: #B8C2CC;
width: 100%;
overflow: scroll;
padding: 8px;
border-radius: 16px;
background: #262626;
}
.error__item {
margin: 0 0 16px;
}
.error__item:last-child {
margin: 0;
}
.error__link {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
color: #403CF9;
text-decoration: none;
position: relative;
}
.error__link:before {
content: "";
display: block;
height: 24px;
width: 24px;
position: absolute;
top: 50%;
left: -40px;
transform: translateY(-50%);
background: transparent url(/i/arrow-blue.svg?e303ee10c5eca3971f112aaad53a8a2d) center/cover no-repeat;
}
.error__button {
display: block;
height: 40px;
width: 40px;
border: 0;
outline: 0;
-webkit-appearance: none;
}
.error__button--refresh {
background: transparent url(/i/refresh-black.svg?1a0a3a2773b5a0cf606280fc93bbb392) center/cover no-repeat;
}
.slider {
width: 100%;
overflow: visible;
position: relative;
}
.slider__wrapper {
margin: 0 8px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.slider__wrapper {
margin: 0 -16px;
overflow: visible;
}
}
.slider__content {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
margin: 0 -8px;
}
@media screen and (max-width: 767px) {
.slider__content {
margin: 0 16px;
overflow: visible;
}
}
.slider__list {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
list-style: none;
}
.slider__content--grid > .slider__list {
flex-wrap: wrap;
}
.slider__content--grid-column > .slider__list {
flex-wrap: wrap;
flex-direction: column;
}
.slider__navigation {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
margin: 0;
z-index: 2;
}
@media screen and (max-width: 767px) {
.slider__navigation {
display: none;
}
}
.slider__pagination {
position: absolute;
bottom: 11%;
display: none;
z-index: 2;
}
.slider__bullet {
display: block;
height: 8px;
width: 8px;
margin: 0 4px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.5);
transition: background-color 300ms ease 0ms;
}
.slider__bullet--active {
background: white;
transition: background-color 300ms ease 0ms;
}
.slider__button {
display: block;
outline: 0;
border: 0;
width: 48px;
height: 48px;
border-radius: 48px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-appearance: none;
position: absolute;
top: -24px;
opacity: 0;
}
.section__content--initialized .slider__button,
.slider--initialized .slider__button {
opacity: 1;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms, width 0ms ease 0ms;
}
.section__content--initialized .slider__button--disabled,
.slider--initialized .slider__button--disabled {
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
height: 0;
width: 0;
}
.slider__button--prev {
left: -16px;
background: transparent url(/i/slider-navigation-prev.svg?b796b331a7557d118f090f25c90fbb18) center/cover no-repeat;
}
.slider__button--next {
right: -16px;
background: transparent url(/i/slider-navigation-next.svg?da34ecce5ea9e35b000c233e05f84425) center/cover no-repeat;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
list-style: none;
}
.swiper-button-prev,
.swiper-button-next {
display: block;
outline: 0;
border: 0;
width: 48px;
height: 48px;
border-radius: 48px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-appearance: none;
position: absolute;
top: -24px;
opacity: 0;
z-index: 2;
top: 50%;
}
.section__content--initialized .swiper-button-prev,
.slider--initialized .swiper-button-prev,
.section__content--initialized .swiper-button-next,
.slider--initialized .swiper-button-next {
opacity: 1;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms, width 0ms ease 0ms;
}
.section__content--initialized .swiper-button-prev--disabled,
.slider--initialized .swiper-button-prev--disabled,
.section__content--initialized .swiper-button-next--disabled,
.slider--initialized .swiper-button-next--disabled {
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
height: 0;
width: 0;
}
.swiper-button-prev--prev,
.swiper-button-next--prev {
left: -16px;
background: transparent url(/i/slider-navigation-prev.svg?b796b331a7557d118f090f25c90fbb18) center/cover no-repeat;
}
.swiper-button-prev--next,
.swiper-button-next--next {
right: -16px;
background: transparent url(/i/slider-navigation-next.svg?da34ecce5ea9e35b000c233e05f84425) center/cover no-repeat;
}
.swiper-button-prev {
left: 0;
background: transparent url(/i/slider-navigation-prev.svg?b796b331a7557d118f090f25c90fbb18) center/cover no-repeat;
}
.swiper-button-next {
right: 0;
background: transparent url(/i/slider-navigation-next.svg?da34ecce5ea9e35b000c233e05f84425) center/cover no-repeat;
}
.list-item {
flex-shrink: 0;
width: auto;
height: auto;
position: relative;
transition-property: transform;
box-sizing: border-box;
padding: 0 8px 32px;
display: flex;
}
.list-item--audio {
padding: 0 8px;
}
.list-item--podcast {
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.list-item {
padding: 0 4px 32px;
}
}
.list-item__box {
width: 100%;
display: flex;
flex-flow: column nowrap;
position: relative;
}
.list-item__box-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.list-item__preview {
position: relative;
z-index: 1;
}
.list-item__info {
margin: 6px 0 0;
display: flex;
flex-flow: column nowrap;
flex: 0 1 100%;
z-index: 2;
}
.list-item__label {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
z-index: 4;
}
.list-item__picture {
padding: 0 0 56.25%;
position: relative;
}
.list-item--locked .list-item__picture:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65) url(/i/icon-lock-white.svg?22a7678888f2f917a5e4f8b2fa3e26c7) center/40px no-repeat;
z-index: 4;
border-radius: 8px;
}
.list-item--person.list-item--locked .list-item__picture:before {
border-radius: 100%;
}
.list-item__title {
margin: 0;
order: 2;
overflow-wrap: break-word;
font-weight: normal;
}
.section--dark .list-item__title {
color: #FFFFFF;
}
.section--light .list-item__title {
color: #000000;
}
.list-item__category {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
order: 1;
}
.list-item__brand-title {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
order: 1;
display: none;
}
.list-item__date {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
margin: auto 0 0;
order: 3;
}
.list-item__author {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
display: none;
color: #B8C2CC;
order: 4;
}
.list-item__role {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
text-align: center;
order: 5;
}
.list-item__anons {
font: 14px/16px "RF Devi Regular", sans-serif;
display: none;
order: 5;
}
.section--dark .list-item__anons {
color: #FFFFFF;
}
.list-item__tags {
order: 6;
display: none;
}
.list-item__count {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
text-align: center;
margin: 3px auto 0;
order: 7;
}
.list-item__videos {
margin: 14px 0 0;
order: 8;
}
.list-item__audios {
margin: 14px 0 0;
order: 8;
}
.list-item__duration {
font: 12px/16px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
position: absolute;
bottom: 8px;
right: 16px;
z-index: 2;
}
@media screen and (max-width: 767px) {
.list-item__duration {
right: 8px;
}
}
.list-item__duration a {
display: block;
padding: 0 4px;
height: 16px;
border-radius: 4px;
background: rgba(38, 38, 38, 0.75);
}
.list-item__editor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.list-item--person .list-item__editor {
top: 10px;
left: 8px;
width: calc(100% - 16px);
height: calc(100% - 16px);
}
.list-item--tag .list-item__editor {
top: 0;
left: auto;
right: 0;
height: 32px;
width: 40px;
}
.list-item__remover {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(47, 26, 64, 0.65);
border-radius: 8px;
}
.list-item--audio .list-item__remover {
top: 8px;
left: 8px;
height: 40px;
width: 40px;
background: transparent;
}
.list-item--article .list-item__remover {
padding-bottom: 56.25%;
}
.list-item--brand .list-item__remover {
padding-bottom: 150%;
}
.list-item--person .list-item__remover {
padding-bottom: 100%;
border-radius: 100%;
}
.list-item--podcast .list-item__remover {
padding-bottom: 100%;
}
.list-item--tag .list-item__remover {
height: 100%;
background: transparent;
}
.list-item--topic .list-item__remover {
padding-bottom: 56.25%;
}
.list-item--video .list-item__remover {
padding-bottom: 56.25%;
}
.list-item__position {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
z-index: 3;
}
.list-item__position span {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #FF0000;
}
.list-item__link {
color: inherit;
text-decoration: inherit;
}
.list-item__box-link .list-item__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.list-item__picture .list-item__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 8px;
}
.list-item__picture .list-item__link img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
z-index: 3;
}
.list-item__picture .list-item__link:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
transform: translate(-50%, -50%);
border-radius: 8px;
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
z-index: 1;
}
.list-item--has-video .list-item__picture .list-item__link:after {
content: "";
background: transparent url(/i/play-button.svg?1b3663cf2c44eaf0cfb675c05b318cda) top right/contain no-repeat;
border-radius: 0 8px 0 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 3;
}
.list-item__label .list-item__link {
color: inherit;
display: block;
padding: 0 8px 0 8px;
background: #FF0000;
border-radius: 8px 0 0;
position: relative;
}
.list-item__label .list-item__link:after {
content: "";
display: block;
width: 10px;
height: 100%;
position: absolute;
top: 0;
right: -3px;
transform: skewX(-15deg);
background: inherit;
}
.list-item__audios .list-item__link,
.list-item__videos .list-item__link {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #000000;
display: block;
padding: 8px 8px 8px 32px;
margin: 0 0 2px;
background: #F7F8F9;
position: relative;
}
.list-item__audios .list-item__link:before,
.list-item__videos .list-item__link:before {
content: "";
position: absolute;
top: 50%;
left: 8px;
display: block;
height: 16px;
width: 16px;
transform: translateY(-50%);
}
.list-item__audios .list-item__link:first-child,
.list-item__videos .list-item__link:first-child {
border-radius: 8px 8px 0 0;
}
.list-item__audios .list-item__link:last-child,
.list-item__videos .list-item__link:last-child {
margin: 0;
padding: 8px;
text-align: center;
border-radius: 0 0 8px 8px;
}
.list-item__audios .list-item__link:last-child:before,
.list-item__videos .list-item__link:last-child:before {
content: none;
}
.list-item__audios .list-item__link:before {
background: transparent url(/i/search-list-audio.svg?bf0fae658c639077ab25702e828d82e1) center/cover no-repeat;
}
.list-item__videos .list-item__link:before {
background: transparent url(/i/search-list-video.svg?03e6261d75c02619e5fd595eae0f92f4) center/cover no-repeat;
}
.list-item__editor .list-item__button {
-webkit-appearance: none;
cursor: pointer;
border: 4px solid #262626;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
outline: 0;
height: 40px;
width: 40px;
background: #FFFFFF url(/i/close.svg?f82da995790394ae306f55e716bc28a7) center/24px no-repeat;
}
.list-item--tag .list-item__editor .list-item__button {
border: none;
height: 32px;
width: 32px;
}
.list-item--show-all {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 767px) {
.list-item--show-all {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .list-item--show-all {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .list-item--show-all {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-group .list-item--show-all .list-item__box,
.list-item--show-all .list-item__box {
box-shadow: none;
background: transparent;
}
.section--tmpl-group .list-item--show-all .list-item__info {
padding: 0;
}
.section--tmpl-group .list-item--show-all .list-item__picture {
padding: 0 0 150%;
}
.section--tmpl-brands .list-item--show-all .list-item__picture {
padding: 0 0 150%;
}
.list-item--show-all .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
}
.section--tmpl-mixedGroup .list-item--show-all .list-item__title,
.section--tmpl-brandsFeed .list-item--show-all .list-item__title,
.section--tmpl-group .list-item--show-all .list-item__title {
font: 14px/16px "RF Devi Bold", sans-serif;
}
.list-item--show-all .list-item__picture .list-item__link:before {
position: absolute;
top: 50%;
left: 50%;
height: 48px;
width: 48px;
border-radius: 48px;
transform: translate(-50%, -50%);
}
.layout.layout--home .section--tmpl-lives.section--light .list-item--show-all .list-item__picture .list-item__link,
.layout.layout--home .section--tmpl-group.section--light .list-item--show-all .list-item__picture .list-item__link,
.section--dark.section--tmpl-brandsFeed .list-item--show-all .list-item__picture .list-item__link,
.section--dark .list-item--show-all .list-item__picture .list-item__link {
background: rgba(255, 255, 255, 0.15);
}
.layout.layout--home .section--tmpl-lives.section--light .list-item--show-all .list-item__picture .list-item__link:before,
.layout.layout--home .section--tmpl-group.section--light .list-item--show-all .list-item__picture .list-item__link:before,
.section--dark.section--tmpl-brandsFeed .list-item--show-all .list-item__picture .list-item__link:before,
.section--dark .list-item--show-all .list-item__picture .list-item__link:before {
background: #474747 url(/i/arrow-right-dark-grey.svg?b91f5111f54f3a003083ef531e8e658e) center/auto 16px no-repeat;
}
.layout.layout--home .section--tmpl-lives.section--dark .list-item--show-all .list-item__picture .list-item__link,
.layout.layout--home .section--tmpl-group.section--dark .list-item--show-all .list-item__picture .list-item__link,
.section--light.section--tmpl-brandsFeed .list-item--show-all .list-item__picture .list-item__link,
.section--light .list-item--show-all .list-item__picture .list-item__link {
background: #EFF1F3;
}
.layout.layout--home .section--tmpl-lives.section--dark .list-item--show-all .list-item__picture .list-item__link:before,
.layout.layout--home .section--tmpl-group.section--dark .list-item--show-all .list-item__picture .list-item__link:before,
.section--light.section--tmpl-brandsFeed .list-item--show-all .list-item__picture .list-item__link:before,
.section--light .list-item--show-all .list-item__picture .list-item__link:before {
background: #B8C2CC url(/i/arrow-right-light-grey.svg?b648899dc91916637bb7cc19b9a7228d) center/auto 16px no-repeat;
}
.tile {
width: 100%;
overflow: hidden;
position: relative;
}
.tile__content {
overflow: visible;
}
.tile__content--live-scroll {
overflow: hidden;
height: 232px;
}
.tile__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
}
.section--tmpl-aside-news .tile__list {
display: block;
}
.tile__empty {
font: 16px/32px "RF Devi Bold", sans-serif;
color: #FFFFFF;
text-align: center;
flex: 0 0 100%;
width: 100%;
}
.pop-up {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
display: flex;
background: #2F1A40E6;
z-index: 10;
}
.app--dark .pop-up {
background: #2F1A40E6;
}
.app--page-login .pop-up {
background: #960000;
z-index: 5;
}
.pop-up--active {
width: 100%;
height: 100%;
opacity: 1;
transition: height 0ms ease 0ms, width 0ms ease 0ms, opacity 300ms ease 0ms;
}
.pop-up--hidden {
width: 0;
height: 0;
opacity: 0;
transition: height 0ms ease 300ms, width 0ms ease 300ms, opacity 300ms ease 0ms;
}
.pop-up p {
margin: 0;
padding: 0;
}
.pop-up__window {
margin: auto;
position: relative;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
border-radius: 16px;
padding: 21px 24px;
width: 328px;
background: #FFFFFF;
}
.pop-up__header {
display: flex;
flex-flow: row nowrap;
margin: 0 0 20px;
}
.pop-up__window--register .pop-up__header {
margin: 0 0 40px;
}
.pop-up__header .pop-up__title {
font: 18px/24px "RF Devi Semi Bold", sans-serif;
letter-spacing: -0.2px;
color: #000000;
margin: 0 auto auto 0;
}
.pop-up__header .pop-up__control {
margin: -12px -12px auto auto;
}
.pop-up__fields {
margin: 0 0 16px;
position: relative;
}
.pop-up__fields--loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.pop-up__message {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #000000;
margin: 43px 0 22px;
}
.pop-up__message a {
color: inherit;
}
.pop-up__info {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #000000;
margin: 19px 0 32px;
}
.pop-up__error p {
font: 13px/16px "RF Devi Semi Bold", sans-serif;
color: #FF0000;
margin: 0 0 16px;
padding: 16px;
border-radius: 16px;
background: rgba(255, 0, 0, 0.05);
}
.pop-up__error a {
color: inherit;
}
.pop-up__agreement {
font: 13px/16px "RF Devi Semi Bold", sans-serif;
color: #B8C2CC;
text-align: center;
margin: 27px 0 0;
}
.pop-up__agreement a {
color: inherit;
}
.pop-up__label {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 11px;
display: block;
}
.pop-up__input {
font: 14px/40px "RF Devi Semi Bold", sans-serif;
color: #000000;
display: block;
width: 100%;
margin: 0 0 16px;
box-sizing: border-box;
border: 2px solid #EFF1F3;
border-radius: 4px;
padding: 0 16px;
outline: 0;
-webkit-appearance: none;
}
.pop-up__input--hidden {
display: none;
}
.pop-up__fields--loading .pop-up__input {
background: #EFF1F3;
}
.pop-up__button {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
display: block;
width: 100%;
height: 44px;
box-sizing: border-box;
border-radius: 8px;
outline: 0;
cursor: pointer;
-webkit-appearance: none;
}
.pop-up__button--submit {
border: none;
color: #FFFFFF;
background: linear-gradient(90deg, #FF9600 0%, #FF0000 100%);
}
.pop-up__fields--loading .pop-up__button--submit {
background: linear-gradient(90deg, #EFF1F3 0%, #aaaaaa 100%);
}
.pop-up__button--promo {
color: #000000;
border: 2px solid #EFF1F3;
}
.pop-up__button--promo:before {
content: "";
display: inline-block;
height: 24px;
width: 24px;
background: transparent url(/i/gift.svg?6b4cf1f649691f47850d49d4766f3def) center/cover no-repeat;
vertical-align: middle;
margin: -6px 8px 0 0;
}
.pop-up__button--grey {
border: none;
color: #000000;
background: #EFF1F3;
margin: 6px 0 0;
}
.pop-up__button--grey:first-child {
margin: 0;
}
.pop-up__button--retry {
border: none;
color: #B8C2CC;
}
.pop-up__button--back {
border: none;
color: #FF0000;
}
.pop-up__close {
display: block;
height: 24px;
width: 24px;
background: transparent url(/i/close.svg?f82da995790394ae306f55e716bc28a7) center/cover no-repeat;
cursor: pointer;
}
.pop-up__adv {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 440px;
width: 424px;
color: #FFFFFF;
}
@media screen and (max-width: 1023px) {
.pop-up__adv {
left: 0;
top: -310px;
width: 328px;
height: 310px;
}
}
@media screen and (max-height: 600px) {
.pop-up__adv {
display: none;
}
}
.pop-up__adv .header__adv {
padding-bottom: 32px;
font: 18px/24px "RF Devi Semi Bold", sans-serif;
letter-spacing: -0.2px;
}
@media screen and (max-width: 1023px) {
.pop-up__adv .header__adv {
padding-left: 0;
padding-bottom: 16px;
}
}
.pop-up__adv ul {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (max-width: 1023px) {
.pop-up__adv ul {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
}
}
.pop-up__adv ul li {
padding-left: 48px;
margin-bottom: 24px;
position: relative;
}
@media screen and (max-width: 1023px) {
.pop-up__adv ul li {
margin-bottom: 10px;
}
}
.pop-up__adv ul li:before {
background: url(/i/advantages.svg?38d67781ed0e979e2b0beb146562c3c3) top left no-repeat;
background-position: 0 0;
width: 32px;
height: 32px;
content: "";
position: absolute;
left: 0;
top: 50%;
margin: -16px 0 0 0;
}
.pop-up__adv ul li:nth-child(1) small,
.pop-up__adv ul li:nth-child(1) strong {
background: #FFFFFF;
color: #960000;
padding: 8px;
border-radius: 8px;
}
.pop-up__adv ul li:nth-child(1) small {
padding: 0 4px;
}
.pop-up__adv ul li:nth-child(2):before {
background-position: 0 -42px;
}
.pop-up__adv ul li:nth-child(3):before {
background-position: 0 -84px;
}
.pop-up__adv ul li:nth-child(4):before {
background-position: 0 -126px;
}
.pop-up__adv ul li:nth-child(5):before {
background-position: 0 -168px;
}
.pop-up__adv ul li:nth-child(6):before {
background-position: 0 -210px;
}
.pop-up__adv ul li strong {
font-weight: normal;
}
@media screen and (max-width: 1023px) {
.pop-up__adv ul li strong {
display: none;
}
}
.pop-up__adv ul li small {
display: none;
}
@media screen and (max-width: 1023px) {
.pop-up__adv ul li small {
display: inline-block;
font: inherit;
}
}
.app--page-login #top-slot {
display: none;
}
.app--page-login .header {
display: none;
}
.app--page-login .header:before {
display: none;
}
.app--page-login .header__logo:before {
display: none;
}
@media screen and (max-width: 767px) {
.app--page-login .header {
display: block;
}
}
@media screen and (max-width: 767px) {
.app--page-login .header__ticker .slider__list {
display: none;
}
}
.app--page-login:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100vh;
width: 210vw;
background: url(/i/logo-bg.svg?6d2526ead450864355c2f525bfd0bb3c) center no-repeat;
}
.app--page-login .sidenav {
z-index: 11;
}
.app--page-login .sidenav:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -16px;
width: 16px;
background: linear-gradient(90deg, #800101 0%, rgba(128, 1, 1, 0) 100%);
opacity: 0.3;
}
.flatpickr-calendar {
padding: 24px;
border: none;
border-radius: 8px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
width: 328px;
}
.cur-year {
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
}
.flatpickr-months {
display: flex;
flex-flow: row nowrap;
margin: 0 0 19px;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
display: block;
outline: 0;
border: 0;
width: 48px;
height: 48px;
border-radius: 48px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-appearance: none;
position: relative;
top: auto;
padding: 0;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
opacity: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
left: auto;
right: auto;
}
.flatpickr-months .flatpickr-prev-month {
background: transparent url(/i/slider-navigation-prev.svg?b796b331a7557d118f090f25c90fbb18) center/cover no-repeat;
}
.flatpickr-months .flatpickr-next-month {
background: transparent url(/i/slider-navigation-next.svg?da34ecce5ea9e35b000c233e05f84425) center/cover no-repeat;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
content: none;
}
.flatpickr-months .flatpickr-month {
margin: auto;
display: flex;
}
.flatpickr-current-month {
font: 16px/20px "RF Devi Bold", sans-serif;
color: #000000;
position: relative;
display: flex;
padding: 0;
width: auto;
left: auto;
height: auto;
margin: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
padding: 0;
margin: auto 6px auto 0;
}
.flatpickr-current-month .numInputWrapper {
width: auto;
display: block;
}
.flatpickr-current-month input.cur-year {
display: block;
width: 40px;
padding: 0;
margin: 0;
line-height: initial;
}
.flatpickr-current-month .numInputWrapper {
width: auto;
display: flex;
}
.numInputWrapper span {
display: none !important;
}
.flatpickr-weekdays {
padding: 0 0 20px;
border-bottom: 2px solid #EFF1F3;
}
.flatpickr-weekdaycontainer {
width: 280px;
}
span.flatpickr-weekday {
font: 14px/16px "RF Devi Bold", sans-serif;
color: #B8C2CC;
text-transform: uppercase;
flex: 0 0 40px;
}
.dayContainer {
width: 280px;
min-width: auto;
max-width: 100%;
}
.flatpickr-days {
margin: 16px 0 0;
}
.flatpickr-day {
font: 14px/40px "RF Devi Bold", sans-serif;
color: #000000;
height: 40px;
width: 40px;
flex: 0 0 40px;
max-width: 100%;
border: none;
}
.flatpickr-day.selected {
background: #403CF9 !important;
color: #FFFFFF !important;
}
.flatpickr-day:hover {
background: #F7F8F9;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
background: transparent;
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
visibility: hidden;
}
.datepicker {
display: flex;
position: relative;
}
@media screen and (max-width: 1023px) {
.datepicker {
flex-flow: row wrap;
}
}
@media screen and (max-width: 1023px) {
.layout--channels .datepicker {
display: block;
float: right;
}
}
.datepicker__input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.datepicker__input {
top: auto;
bottom: 0;
height: 40px;
width: calc(100vw - 32px);
}
}
@media screen and (max-width: 767px) {
.tvp .datepicker__input {
height: 32px;
width: 32px;
}
}
@media screen and (max-width: 767px) {
.layout--channels .datepicker__input {
top: 0;
bottom: auto;
height: 100%;
}
}
.datepicker__button {
display: flex;
flex-flow: row nowrap;
padding: 0 8px 0 16px;
height: 40px;
border-radius: 40px;
background: #FFFFFF;
cursor: pointer;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
position: relative;
box-sizing: border-box;
z-index: 1;
}
.section--dark .datepicker__button {
background: #262626;
}
.layout--brand .section--dark .datepicker__button {
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 767px) {
.datepicker__button {
flex: 0 0 100%;
box-sizing: border-box;
}
}
.tvp .datepicker__button {
background: transparent;
height: 32px;
padding: 0;
}
.datepicker__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #000000;
margin: auto 0;
}
.section--dark .datepicker__title {
color: #FFFFFF;
}
.tvp .datepicker__title {
display: none;
}
@media screen and (max-width: 1023px) {
.layout--channels .datepicker__title {
display: none;
}
}
.datepicker__icon {
height: 24px;
width: 24px;
margin: auto 0 auto 19px;
background: transparent url(/i/calendar-dark.svg?8f6261eba8bc8e1eeb9ac52d11faf72f) center/cover no-repeat;
}
.section--dark .datepicker__icon {
background: transparent url(/i/calendar-white.svg?79a77d69a03062d108c4d0f608abf4cd) center/cover no-repeat;
}
@media screen and (max-width: 1023px) {
.datepicker__icon {
margin: auto 0 auto auto;
}
}
.tvp .datepicker__icon {
margin: auto;
background: transparent url(/i/calendar-white.svg?79a77d69a03062d108c4d0f608abf4cd) center/cover no-repeat;
}
@media screen and (max-width: 1023px) {
.layout--channels .datepicker__icon {
margin: auto;
}
}
.datepicker__reset {
font: 14px/40px "RF Devi Semi Bold", sans-serif;
color: #000000;
padding: 0 40px 0 16px;
height: 40px;
border-radius: 40px;
background: #FFFFFF;
margin: 0 16px 0 0;
position: relative;
cursor: pointer;
z-index: 3;
display: none;
}
.datepicker--reset .datepicker__reset {
display: block;
}
.layout--channels .datepicker__reset {
display: none;
}
@media screen and (max-width: 767px) {
.datepicker__reset {
flex: 0 0 100%;
box-sizing: border-box;
margin: 0 0 6px;
}
}
.datepicker__reset:before {
content: "";
position: absolute;
top: 50%;
right: 8px;
height: 24px;
width: 24px;
background: transparent url(/i/close.svg?f82da995790394ae306f55e716bc28a7) center/cover no-repeat;
transform: translateY(-50%);
}
.selector__content {
position: relative;
}
.selector__value {
font: 14px/40px "RF Devi Semi Bold";
height: 40px;
border-radius: 40px;
padding: 0 40px 0 16px;
position: relative;
cursor: pointer;
}
.selector__value:after {
content: "";
position: absolute;
top: 50%;
right: 8px;
height: 24px;
width: 24px;
transform: translateY(-50%);
}
.section--light .selector__value {
color: #000000;
background: #FFFFFF;
}
.section--light .selector__value:after {
background: transparent url(/i/arrow-down.svg?7765e6663a23b6115cc8db064921345f) center/cover no-repeat;
}
.section--dark .selector__value {
color: #B8C2CC;
background: #262626;
}
.section--dark .selector__value:after {
background: transparent url(/i/arrow-down-grey.svg?c759b3d9a4c7cb05178b27c4912b7bf2) center/cover no-repeat;
}
.selector__list {
margin: 0;
padding: 8px 0;
list-style: none;
position: absolute;
top: 100%;
left: 0;
width: 300px;
border-radius: 8px;
max-height: 300px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
overflow: auto;
display: none;
}
@media screen and (max-width: 767px) {
.selector__list {
width: 100%;
}
}
.selector--active .selector__list {
display: block;
}
.section--light .selector__list {
background: #FFFFFF;
}
.section--dark .selector__list {
background: #262626;
}
.selector__item {
font: 14px/32px "RF Devi Semi Bold";
padding: 0 16px;
cursor: pointer;
}
.section--light .selector__item {
color: #000000;
}
.section--dark .selector__item {
color: #B8C2CC;
}
.main-player {
position: relative;
width: 100%;
height: 0;
padding: 0 0 56.25%;
}
.podcast-main-item .main-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
.main-player:before {
content: "";
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
height: 89%;
width: 88%;
background: #000000;
box-shadow: 0 4px 250px rgba(255, 255, 255, 0.25);
z-index: 1;
}
.live-main-item .main-player:before {
content: none;
}
.layout--brand .main-player:before,
.layout--live .main-player:before {
content: none;
}
.main-player__frame {
position: absolute;
left: 0;
width: 100%;
border: 0;
outline: 0;
z-index: 3;
}
.main-player--audio .main-player__frame {
bottom: 0;
height: 100%;
}
.main-player--video .main-player__frame {
top: 0;
height: 100%;
opacity: 0;
transition: opacity 300ms ease 0ms;
}
.main-player--video.main-player--loaded .main-player__frame {
opacity: 1;
transition: opacity 300ms ease 0ms;
}
.main-player__preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
outline: 0;
z-index: 2;
}
.audio-player {
box-sizing: border-box;
width: 100%;
height: 64px;
position: fixed;
bottom: 0;
left: 0;
z-index: 5;
overflow: hidden;
padding: 0;
display: none;
}
@media screen and (max-width: 1279px) {
.audio-player {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.audio-player {
height: 96px;
}
}
.audio-player.active {
display: flex;
flex-flow: row nowrap;
z-index: 11;
}
.audio-player.static {
height: 56px;
padding: 0;
border-radius: 0;
z-index: 9;
background: transparent;
}
.audio-player.animation-fixed {
padding-top: 64px;
transition: padding-top 0ms ease 0ms;
}
@media screen and (max-width: 767px) {
.audio-player.animation-fixed {
padding-top: 96px;
}
}
.audio-player.animated-fixed {
padding-top: 0;
transition: padding-top 300ms ease 0ms;
background: #191919;
}
.audio-player.animation-static-in {
padding-top: 0;
transition: padding-top 0ms ease 0ms;
}
.audio-player.animation-static-out {
padding-top: 64px;
transition: padding-top 300ms ease 0ms;
}
@media screen and (max-width: 767px) {
.audio-player.animation-static-out {
padding-top: 96px;
}
}
.audio-player.animated-static {
padding-top: 0;
transition: padding-top 0ms ease 0ms;
}
.app--active-burger .audio-player,
.app--active-aside .audio-player {
z-index: 1;
}
.audio-player__holder {
position: relative;
width: 100%;
height: 100%;
}
.audio-player__title {
font: 13px/16px "SF Pro Display Medium", sans-serif;
letter-spacing: -0.1px;
text-align: left;
color: white;
white-space: nowrap;
position: absolute;
top: 24px;
left: 144px;
z-index: 2;
}
@media screen and (max-width: 767px) {
.audio-player__title {
top: 64px;
left: 64px;
}
}
@media screen and (max-width: 767px) {
.app--layout-player-live .audio-player__title {
top: 62px;
left: 64px;
}
}
.audio-player__title.visible {
display: block;
}
.audio-player__title.visible:after {
display: block;
}
.static .audio-player__title {
display: none;
}
.audio-player__picture {
position: absolute;
top: 0;
left: 0;
height: 64px;
width: 64px;
background: transparent url(/i/placeholder-black-square.png?d48a8f2aec6c53fd26e77cadc5d17969) center/cover no-repeat;
z-index: 2;
}
@media screen and (max-width: 767px) {
.audio-player__picture {
top: 48px;
height: 48px;
width: 48px;
}
}
.static .audio-player__picture {
display: none;
}
.audio-player__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.audio-player__frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.audio-player__play {
position: absolute;
top: 0;
left: 54px;
height: 54px;
width: 49px;
cursor: pointer;
z-index: 2;
}
.audio-player__play:before {
content: "";
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.app--scheme-white .audio-player__play {
background: #000000;
}
.app--scheme-white .audio-player__play:before {
background: transparent url(/i/play-white.svg?28d2fe771306c0de93ee9c8e466e3290) center/auto 100% no-repeat;
}
.app--scheme-white .layout-player--playing .audio-player__play:before {
background: transparent url(/i/pause-white.svg?420dcf579d6f2ddb702f325edfce952a) center/auto 100% no-repeat;
}
.audio-player__close {
position: absolute;
top: 8px;
right: 0;
background: #191919;
height: 56px;
width: 56px;
z-index: 3;
}
.layout-player--live .audio-player__close {
top: 0;
height: 64px;
width: 64px;
}
.static .audio-player__close {
display: none;
}
@media screen and (max-width: 767px) {
.audio-player__close {
top: 48px;
height: 48px;
}
.static .audio-player__close {
top: 0;
height: 56px;
}
.layout-player--live .audio-player__close {
top: 48px;
height: 48px;
width: 48px;
}
.layout-player--live.static .audio-player__close {
top: 0;
}
}
.audio-player__close span {
position: absolute;
top: 50%;
left: 50%;
height: 24px;
width: 24px;
cursor: pointer;
transform: translate(-50%, -50%);
background: transparent url(/i/close.svg?f82da995790394ae306f55e716bc28a7) center/cover no-repeat;
}
.static .audio-player__close {
height: 56px;
width: 56px;
}
.audio-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: 0;
border: 0;
}
.audio-play-button {
-webkit-appearance: none;
border: 0;
outline: none;
cursor: pointer;
}
.list-item .audio-play-button {
position: absolute;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.section--tmpl-lives .audio-play-button {
height: 80px;
width: 80px;
}
.section--dark .list-item .audio-play-button {
background: transparent url(/i/play-white.svg?28d2fe771306c0de93ee9c8e466e3290) center/contain no-repeat;
}
.section--dark .list-item .audio-play-button.playing {
background: transparent url(/i/pause-white.svg?420dcf579d6f2ddb702f325edfce952a) center/contain no-repeat;
}
.section--light .list-item .audio-play-button {
background: transparent url(/i/play-black.svg?7585b8ecbe0ce71395c676f4447df57f) center/contain no-repeat;
}
.section--light .list-item .audio-play-button.playing {
background: transparent url(/i/pause-black.svg?5a0b5e19a64eab0afe704049a014e9a3) center/contain no-repeat;
}
.main-player .audio-play-button {
position: absolute;
top: 50%;
left: 50%;
width: 56px;
height: 56px;
transform: translate(-50%, -50%);
border-radius: 56px;
outline: none;
border: 0;
z-index: 3;
color: transparent;
background: transparent url(/i/pseudo-play.svg?4666871024ae840f837bbc2e02b0a8da) center/cover no-repeat;
box-shadow: 0 5px 32px rgba(0, 0, 0, 0.5);
}
.main-player .audio-play-button.playing {
background: transparent;
box-shadow: none;
}
.main-player .audio-play-button.loading {
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 0;
transform: none;
box-shadow: none;
background: rgba(0, 0, 0, 0.6);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
cursor: default;
}
.main-player .audio-play-button.loading:after {
content: "";
display: block;
height: 48px;
width: 48px;
background: transparent url(/i/page-loader.png?18374b540f866b8c2adbd94d737ac44d) center/cover no-repeat;
transform-origin: center;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.main-player .audio-play-button.loading.loaded {
display: none;
}
.main-player .audio-play-button.hidden {
display: none;
}
.podcast-main-item .podcast-main-item__picture .audio-play-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
.podcast-main-item .podcast-main-item__picture .audio-play-button:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 144px;
height: 96px;
background: transparent url(/i/play-podcast.svg?cd40d174c315c68da0447fe7d72622cd) center/cover no-repeat;
border-radius: 0 0 8px 0;
z-index: 2;
}
.podcast-main-item .podcast-main-item__picture .audio-play-button.playing:after {
background: transparent url(/i/pause-podcast-new.svg?f7b0ab7fbea53eda1ee4e16cc9ed1554) center/cover no-repeat;
}
.locked-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border: 0;
z-index: 3;
color: transparent;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.75) 100%);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.locked-info__brand {
font: 18px/18px "RF Devi Regular", sans-serif;
color: #000000;
text-decoration: none;
position: absolute;
top: 16px;
left: 16px;
border-radius: 4px;
background: #FFFFFF;
overflow: hidden;
cursor: pointer;
display: flex;
flex-flow: row nowrap;
}
.locked-info__brand img {
flex: 0 0 58px;
width: 58px;
height: auto;
vertical-align: top;
}
.locked-info__brand span {
flex: 0 1 100%;
margin: auto 0 auto 8px;
}
.locked-info__brand:after {
content: "";
flex: 0 0 24px;
width: 24px;
background: transparent url(/i/arrow-right-dark-grey.svg?b91f5111f54f3a003083ef531e8e658e) center/12px 12px no-repeat;
}
.locked-info__button {
font: 16px/44px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
text-decoration: none;
width: 336px;
background: linear-gradient(0deg, #FF0000 0%, #FF0064 100%);
border-radius: 8px;
cursor: pointer;
}
.locked-info__message {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
padding: 12px 0 0;
text-align: center;
}
.app-store {
display: flex;
flex-flow: row nowrap;
}
.app-store__preview {
margin: auto 0;
}
.app-store__info {
margin: auto 0 auto 16px;
max-width: 160px;
}
.app-store__picture {
height: 88px;
width: 88px;
background: transparent url(/i/footer-app.svg?24c7e608e5db4635634389f57738844a) center/cover no-repeat;
display: block;
}
@media screen and (max-width: 1023px) {
.app-store__picture {
height: 64px;
width: 64px;
}
}
@media screen and (max-width: 959px) {
.app-store__picture {
height: 32px;
width: 32px;
}
}
@media screen and (max-width: 767px) {
.app-store__picture {
height: 88px;
width: 88px;
}
}
.app-store__title {
font: 14px/16px "RF Devi Regular", sans-serif;
margin: 0 0 4px;
}
@media screen and (max-width: 767px) {
.app-store__title {
width: auto;
}
}
.app--light .app-store__title {
color: #000000;
}
.app--purple .app-store__title,
.app--dark .app-store__title {
color: rgba(255, 255, 255, 0.5);
}
.app-store__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.app-store__item {
font: 14px/20px "RF Devi Regular", sans-serif;
}
.app-store__link {
text-decoration: none;
color: #FF0000;
background-color: rgba(255, 0, 0, 0.1);
padding: 1px 4px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.menu__list {
margin: 0;
padding: 0;
list-style: none;
}
.menu__item {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 16px;
}
@media screen and (max-width: 767px) {
.menu__item {
margin: 0 0 8px;
}
}
.app--light .menu__item {
color: #000000;
}
.app--purple .menu__item {
color: rgba(255, 255, 255, 0.5);
}
.app--dark .menu__item {
color: #FFFFFF;
}
.menu__item:last-child {
margin: 0;
}
.menu__link {
text-decoration: none;
color: inherit;
}
.footer {
position: relative;
margin: 80px 0 0;
}
@media screen and (max-width: 767px) {
.footer {
margin: 64px 0 0;
}
}
.footer:before {
content: "";
position: absolute;
left: 8px;
right: 8px;
top: 0;
height: 4px;
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
}
@media screen and (max-width: 767px) {
.footer:before {
left: -12px;
right: -12px;
}
}
.wrapper-column-main .footer:before {
left: 8px;
right: 8.3333333333%;
}
@media screen and (max-width: 767px) {
.wrapper-column-main .footer:before {
left: -8px;
right: -8px;
}
}
.footer__wrapper {
display: flex;
flex-flow: row wrap;
position: relative;
padding: 0 0 24px;
}
@media screen and (max-width: 767px) {
.footer__wrapper {
margin: 0;
}
}
.footer__app-store {
flex: 0 0 25%;
padding: 0 8px;
box-sizing: border-box;
margin: 40px 0 0;
position: relative;
}
@media screen and (max-width: 767px) {
.footer__app-store {
width: 100%;
flex: 0 0 100%;
margin: 36px 0 0;
order: 1;
}
}
.layout__holder--columns .layout__wrapper--main .footer__app-store {
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__app-store {
flex: 0 0 100%;
}
}
.footer__channels {
flex: 0 0 75%;
padding: 0 8px;
box-sizing: border-box;
margin: 40px 0 0;
position: relative;
display: flex;
flex-wrap: wrap;
}
.footer__channels li,
.footer__channels p {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 20px;
}
.app--light .footer__channels li,
.app--light .footer__channels p {
color: #000000;
}
.app--light .footer__channels li a,
.app--light .footer__channels p a {
text-decoration: none;
color: #FF0000;
}
.app--purple .footer__channels li,
.app--dark .footer__channels li,
.app--purple .footer__channels p,
.app--dark .footer__channels p {
color: rgba(255, 255, 255, 0.5);
}
.app--purple .footer__channels li a,
.app--dark .footer__channels li a,
.app--purple .footer__channels p a,
.app--dark .footer__channels p a {
text-decoration: none;
color: #FF0000;
}
.footer__channels li:last-child,
.footer__channels p:last-child {
margin: 0;
}
.footer__channels li {
margin: 0;
}
.footer__channels p:first-child {
width: 100%;
}
.app--purple .footer__channels p:first-child,
.app--dark .footer__channels p:first-child {
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.footer__channels {
width: 100%;
flex: 0 0 100%;
order: 2;
padding: 0 4px;
}
}
.layout__holder--columns .layout__wrapper--main .footer__channels {
flex: 0 0 66.6666666667%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__channels {
flex: 0 0 100%;
}
}
.footer__tv,
.footer__radio {
width: 50%;
}
.footer__tv li,
.footer__tv p,
.footer__radio li,
.footer__radio p {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 20px;
}
.app--light .footer__tv li,
.app--light .footer__tv p,
.app--light .footer__radio li,
.app--light .footer__radio p {
color: #000000;
}
.app--light .footer__tv li a,
.app--light .footer__tv p a,
.app--light .footer__radio li a,
.app--light .footer__radio p a {
text-decoration: none;
color: #FF0000;
}
.app--purple .footer__tv li,
.app--dark .footer__tv li,
.app--purple .footer__tv p,
.app--dark .footer__tv p,
.app--purple .footer__radio li,
.app--dark .footer__radio li,
.app--purple .footer__radio p,
.app--dark .footer__radio p {
color: rgba(255, 255, 255, 0.5);
}
.app--purple .footer__tv li a,
.app--dark .footer__tv li a,
.app--purple .footer__tv p a,
.app--dark .footer__tv p a,
.app--purple .footer__radio li a,
.app--dark .footer__radio li a,
.app--purple .footer__radio p a,
.app--dark .footer__radio p a {
text-decoration: none;
color: #FF0000;
}
.footer__tv li:last-child,
.footer__tv p:last-child,
.footer__radio li:last-child,
.footer__radio p:last-child {
margin: 0;
}
.footer__tv li,
.footer__radio li {
margin: 0;
}
.footer__tv ul,
.footer__radio ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer__tv p,
.footer__radio p {
margin-bottom: 10px;
}
.footer__radio {
padding-left: 8px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.footer__radio {
padding-left: 4px;
}
}
.footer__bottom-info {
position: relative;
margin: 60px 0 auto 0;
padding: 48px 8px 0 8px;
flex: 0 0 75%;
box-sizing: border-box;
}
.footer__bottom-info li,
.footer__bottom-info p {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 20px;
}
.app--light .footer__bottom-info li,
.app--light .footer__bottom-info p {
color: #000000;
}
.app--light .footer__bottom-info li a,
.app--light .footer__bottom-info p a {
text-decoration: none;
color: #FF0000;
}
.app--purple .footer__bottom-info li,
.app--dark .footer__bottom-info li,
.app--purple .footer__bottom-info p,
.app--dark .footer__bottom-info p {
color: rgba(255, 255, 255, 0.5);
}
.app--purple .footer__bottom-info li a,
.app--dark .footer__bottom-info li a,
.app--purple .footer__bottom-info p a,
.app--dark .footer__bottom-info p a {
text-decoration: none;
color: #FF0000;
}
.footer__bottom-info li:last-child,
.footer__bottom-info p:last-child {
margin: 0;
}
.footer__bottom-info li {
margin: 0;
}
.footer__bottom-info:before {
content: "";
position: absolute;
height: 2px;
top: 0;
left: 8px;
right: 8px;
background: #EFF1F3;
}
@media screen and (max-width: 767px) {
.footer__bottom-info:before {
left: 4px;
right: 4px;
}
}
.app--purple .footer__bottom-info:before,
.app--dark .footer__bottom-info:before {
background: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 767px) {
.footer__bottom-info {
order: 8;
margin: 30px 0 auto 0;
padding: 30px 4px 0 4px;
width: 100%;
flex: 0 0 100%;
}
}
.layout__holder--columns .layout__wrapper--main .footer__bottom-info {
flex: 0 0 66.6666666667%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__bottom-info {
flex: 0 0 100%;
}
}
.footer__navigation {
flex: 0 0 66.6666666667%;
padding: 0 8px;
box-sizing: border-box;
margin: 44px 0 auto 0;
}
@media screen and (max-width: 767px) {
.footer__navigation {
padding: 0 4px;
display: none;
}
}
.footer__menu {
flex: 0 0 25%;
padding: 0 8px;
box-sizing: border-box;
margin: 48px 0 0;
}
@media screen and (max-width: 1279px) {
.footer__menu {
margin: 50px 0 0;
}
}
@media screen and (max-width: 767px) {
.footer__menu {
padding: 0 4px;
width: 100%;
flex: 0 0 100%;
margin: 32px 0 0;
order: 3;
}
}
.layout__holder--columns .layout__wrapper--main .footer__menu {
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__menu {
flex: 0 0 100%;
}
}
.footer__main-info {
flex: 0 0 37.5%;
padding: 0 8px;
box-sizing: border-box;
margin: 48px 0 0;
}
.footer__main-info li,
.footer__main-info p {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 20px;
}
.app--light .footer__main-info li,
.app--light .footer__main-info p {
color: #000000;
}
.app--light .footer__main-info li a,
.app--light .footer__main-info p a {
text-decoration: none;
color: #FF0000;
}
.app--purple .footer__main-info li,
.app--dark .footer__main-info li,
.app--purple .footer__main-info p,
.app--dark .footer__main-info p {
color: rgba(255, 255, 255, 0.5);
}
.app--purple .footer__main-info li a,
.app--dark .footer__main-info li a,
.app--purple .footer__main-info p a,
.app--dark .footer__main-info p a {
text-decoration: none;
color: #FF0000;
}
.footer__main-info li:last-child,
.footer__main-info p:last-child {
margin: 0;
}
.footer__main-info li {
margin: 0;
}
@media screen and (max-width: 1279px) {
.footer__main-info {
margin: 50px 0 0;
}
}
@media screen and (max-width: 767px) {
.footer__main-info {
padding: 0 4px;
width: 100%;
flex: 0 0 100%;
margin: 32px 0 0;
order: 5;
}
}
.layout__holder--columns .layout__wrapper--main .footer__main-info {
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__main-info {
flex: 0 0 100%;
}
}
.footer__age-restriction-info {
flex: 0 0 37.5%;
padding: 0 8px;
box-sizing: border-box;
margin: 48px 0 auto 0;
}
.footer__age-restriction-info li,
.footer__age-restriction-info p {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 20px;
}
.app--light .footer__age-restriction-info li,
.app--light .footer__age-restriction-info p {
color: #000000;
}
.app--light .footer__age-restriction-info li a,
.app--light .footer__age-restriction-info p a {
text-decoration: none;
color: #FF0000;
}
.app--purple .footer__age-restriction-info li,
.app--dark .footer__age-restriction-info li,
.app--purple .footer__age-restriction-info p,
.app--dark .footer__age-restriction-info p {
color: rgba(255, 255, 255, 0.5);
}
.app--purple .footer__age-restriction-info li a,
.app--dark .footer__age-restriction-info li a,
.app--purple .footer__age-restriction-info p a,
.app--dark .footer__age-restriction-info p a {
text-decoration: none;
color: #FF0000;
}
.footer__age-restriction-info li:last-child,
.footer__age-restriction-info p:last-child {
margin: 0;
}
.footer__age-restriction-info li {
margin: 0;
}
@media screen and (max-width: 1279px) {
.footer__age-restriction-info {
margin: 50px 0 0;
}
}
@media screen and (max-width: 767px) {
.footer__age-restriction-info {
padding: 0 4px;
width: 100%;
flex: 0 0 100%;
margin: 20px 0 0;
order: 7;
}
}
.layout__holder--columns .layout__wrapper--main .footer__age-restriction-info {
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__age-restriction-info {
flex: 0 0 100%;
}
}
.footer__age-restriction {
flex: 0 0 25%;
padding: 0 8px;
box-sizing: border-box;
margin: 20px 0 0;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
@media screen and (max-width: 1279px) {
.footer__age-restriction {
margin: 48px 0 0;
}
}
@media screen and (max-width: 767px) {
.footer__age-restriction {
padding: 0 4px;
width: 12.5%;
flex: 0 0 12.5%;
margin: 35px auto 0 0;
order: 9;
}
}
.layout__holder--columns .layout__wrapper--main .footer__age-restriction {
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__age-restriction {
flex: 0 0 12.5%;
}
}
.footer__editor-info {
flex: 0 0 33.3333333333%;
padding: 0 8px;
box-sizing: border-box;
margin: 20px 0 0;
}
.footer__editor-info li,
.footer__editor-info p {
font: 14px/20px "RF Devi Regular", sans-serif;
margin: 0 0 20px;
}
.app--light .footer__editor-info li,
.app--light .footer__editor-info p {
color: #000000;
}
.app--light .footer__editor-info li a,
.app--light .footer__editor-info p a {
text-decoration: none;
color: #FF0000;
}
.app--purple .footer__editor-info li,
.app--dark .footer__editor-info li,
.app--purple .footer__editor-info p,
.app--dark .footer__editor-info p {
color: rgba(255, 255, 255, 0.5);
}
.app--purple .footer__editor-info li a,
.app--dark .footer__editor-info li a,
.app--purple .footer__editor-info p a,
.app--dark .footer__editor-info p a {
text-decoration: none;
color: #FF0000;
}
.footer__editor-info li:last-child,
.footer__editor-info p:last-child {
margin: 0;
}
.footer__editor-info li {
margin: 0;
}
@media screen and (max-width: 767px) {
.footer__editor-info {
order: 6;
width: 100%;
flex: 0 0 100%;
padding: 0 4px;
}
}
.footer__social-groups {
flex: 0 0 37.5%;
padding: 0 8px;
box-sizing: border-box;
margin: 39px 0 0 25%;
}
.footer__social-groups .social-groups__list {
flex-wrap: wrap;
}
.footer__social-groups .social-groups__list .social-groups__item {
margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
.footer__social-groups {
padding: 0 4px;
width: 87.5%;
flex: 0 0 auto;
margin: 35px 0 0 auto;
order: 10;
}
.footer__social-groups .social-groups__list {
justify-content: flex-end;
}
}
.layout__holder--columns .layout__wrapper--main .footer__social-groups {
flex: 0 0 33.3333333333%;
margin: 39px 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__social-groups {
flex: 0 0 auto;
margin: 35px 0 0 auto;
}
}
.footer__search {
flex: 0 0 37.5%;
padding: 0 8px;
box-sizing: border-box;
margin: 35px 0 auto 0;
}
@media screen and (max-width: 767px) {
.footer__search {
padding: 0 4px;
width: 100%;
flex: 0 0 100%;
margin: 28px 0 0;
order: 4;
}
}
.layout__holder--columns .layout__wrapper--main .footer__search {
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .footer__search {
flex: 0 0 100%;
}
}
.footer__age-restriction .footer__icon {
font: 14px/30px "RF Devi Condensed Regular", sans-serif;
text-align: center;
display: block;
height: 34px;
width: 34px;
box-sizing: border-box;
border-radius: 100%;
}
.app--light .footer__age-restriction .footer__icon {
color: #000000;
border: 2px solid #EFF1F3;
}
.app--purple .footer__age-restriction .footer__icon,
.app--dark .footer__age-restriction .footer__icon {
color: rgba(255, 255, 255, 0.5);
border: 2px solid rgba(255, 255, 255, 0.25);
}
.filter__content {
margin: 0 -4px;
}
.filter__slider {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.filter__list {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
list-style: none;
}
.filter__item {
flex-shrink: 0;
width: auto;
height: auto;
position: relative;
transition-property: transform;
margin: 0 4px;
}
.filter__button {
font: 14px/32px "RF Devi Regular", sans-serif;
display: block;
height: 32px;
padding: 0 16px;
border-radius: 32px;
border: none;
outline: 0;
cursor: pointer;
-webkit-appearance: none;
}
.filter--titled .filter__button {
font: 16px/40px "RF Devi Condensed Ultra Bold", sans-serif;
text-transform: uppercase;
height: 40px;
padding: 0 8px;
border-radius: 8px;
}
.section--light .filter__button {
background: transparent;
color: #000000;
}
.section--light .filter__button:hover {
background: #EFF1F3;
color: #000000;
}
.section--light .filter__button--active {
background: #000000;
color: #FFFFFF;
}
.section--light .filter__button--active:hover {
color: #FFFFFF;
}
.section--dark .filter__button {
background: transparent;
color: #FFFFFF;
}
.section--dark .filter__button:hover {
background: #262626;
color: #FFFFFF;
}
.section--dark .filter__button--active {
background: #FFFFFF;
color: #000000;
}
.section--dark .filter__button--active:hover {
background: #FFFFFF;
color: #000000;
}
.section .filter--titled .filter__button {
background: transparent;
color: #000000;
}
.section .filter--titled .filter__button:hover {
background: transparent;
color: #000000;
}
.section .filter--titled .filter__button--active {
background: linear-gradient(0deg, red 0%, #ff0064 100%);
color: #FFFFFF;
}
.section .filter--titled .filter__button--active:hover {
background: linear-gradient(0deg, red 0%, #ff0064 100%);
color: #FFFFFF;
}
.section.section--single-content .filter--titled .filter__button--active {
background: transparent;
color: #000000;
}
.section.section--single-content .filter--titled .filter__button--active:hover {
background: transparent;
color: #000000;
}
.geo--global {
background: #FFFFFF;
border-radius: 16px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
position: absolute;
top: 0;
left: 0;
width: 216px;
z-index: 10;
display: none;
}
.geo--global.active {
display: block;
}
.geo--global.mobile {
right: 0;
width: auto;
background: #960000;
border-radius: 0;
box-shadow: none;
}
.geo__control {
margin: 0 0 0 -8px;
}
.geo__content {
border-top: 2px solid #EFF1F3;
padding: 0 0 16px;
}
.geo--global .geo__content {
border: none;
}
.geo__auto {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
margin: 8px 0;
padding: 0 16px;
}
.geo__auto input {
display: none;
}
.geo__title {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
}
.mobile .geo__title {
color: #FFFFFF;
}
.geo__current {
display: flex;
margin: 0 16px;
}
.geo__current input {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
padding: 0 32px 0 16px;
outline: none;
border: 2px solid #FF0000;
border-radius: 4px;
flex: 0 1 100%;
width: 100%;
}
.geo__scroll {
margin: 16px 0 0;
overflow: hidden;
height: 160px;
position: relative;
}
.geo__scroll.hide {
display: none;
}
.geo__list {
margin: 0;
padding: 0;
list-style: none;
}
.geo__item {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
color: #000000;
padding: 0 16px;
height: 32px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.geo__item:hover {
background-color: #F7F8F9;
color: #FF0000;
}
@media screen and (max-width: 767px) {
.geo--global.mobile .geo__item {
color: #FFFFFF;
}
}
.geo__item:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
}
@media screen and (max-width: 767px) {
.geo--global.mobile .geo__item:after {
background: linear-gradient(90deg, rgba(150, 0, 0, 0) 0%, #960000 50%, #960000 100%);
}
}
.geo__item--hidden {
display: none;
}
.geo__auto-switcher {
display: block;
height: 16px;
width: 32px;
border-radius: 16px;
position: relative;
cursor: pointer;
background: #EFF1F3;
transition: background 200ms ease 0ms;
}
.geo__auto-switcher:before {
content: "";
position: absolute;
display: block;
height: 20px;
width: 20px;
border-radius: 20px;
top: -2px;
left: -2px;
background: #B8C2CC;
transition: left 200ms ease 0ms, background 200ms ease 0ms;
}
input:checked + .geo__auto-switcher {
background: rgba(255, 0, 0, 0.15);
transition: background 200ms ease 0ms;
}
input:checked + .geo__auto-switcher:before {
left: 14px;
background: #FF0000;
transition: left 200ms ease 0ms, background 200ms ease 0ms;
}
.geo__button {
background: transparent;
border: 0;
outline: 0;
-webkit-appearance: none;
}
.geo__button--open {
display: flex;
flex-flow: row nowrap;
cursor: pointer;
}
.geo__button--label {
display: flex;
flex-flow: row nowrap;
cursor: default;
}
.geo__button--label .geo__icon,
.geo__button--open .geo__icon {
display: block;
height: 32px;
width: 32px;
border-radius: 32px;
background: #EFF1F3 url(/i/icon-geo-auto.svg?f323b519431fa79bde9ee7958cdb45c7) center/cover no-repeat;
margin: 0 4px 0 0;
}
.geo__button--label .geo__text,
.geo__button--open .geo__text {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #000000;
margin: auto 0;
}
.section__title__geo.filter__button {
padding-left: 36px;
}
.geo-button {
-webkit-appearance: none;
border-radius: 32px;
border: 0;
outline: 0;
display: block;
height: 32px;
width: 32px;
background: #EFF1F3 url(/i/icon-geo-auto.svg?f323b519431fa79bde9ee7958cdb45c7) center/cover no-repeat;
cursor: pointer;
}
.section__header__geo .geo-button {
position: absolute;
top: 0;
left: 0;
}
.app--active-sidenav .geo-button {
padding: 0;
}
.geo-button-href {
position: absolute;
top: 0;
left: 0;
}
.navigation__slider {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.footer .navigation__slider {
overflow: visible;
}
.navigation__list {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
list-style: none;
margin: 0 -4px;
padding: 0;
list-style: none;
}
.sidenav .navigation__list {
flex-direction: column;
}
.footer .navigation__list {
margin: 0 -16px;
}
.navigation__item {
flex-shrink: 0;
width: auto;
height: auto;
position: relative;
transition-property: transform;
}
.header .navigation__item {
margin: 0 12px;
}
@media screen and (max-width: 1023px) {
.header .navigation__item {
margin: 0 8px;
}
}
@media screen and (max-width: 767px) {
.header .navigation__item {
margin: 0 16px;
}
}
.footer .navigation__item {
margin: 0 16px;
}
.navigation__item--picture {
display: flex;
}
.navigation__link {
text-transform: uppercase;
text-decoration: none;
display: flex;
align-items: center;
}
.header .navigation__link {
font: 18px/72px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
padding: 0 8px;
height: 72px;
position: relative;
}
@media screen and (max-width: 1023px) {
.header .navigation__link {
font: 16px/72px "RF Devi Condensed Ultra Bold", sans-serif;
}
}
@media screen and (max-width: 767px) {
.header .navigation__link {
font: 16px/56px "RF Devi Condensed Ultra Bold", sans-serif;
padding: 0;
height: 56px;
}
}
.header .navigation__link--active {
background: #FFFFFF;
color: #000000;
}
@media screen and (max-width: 767px) {
.header .navigation__link--active {
background: transparent;
color: #FFFFFF;
}
.header .navigation__link--active:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #FFFFFF;
}
}
.header .navigation__link:hover {
background: transparent;
color: #FFFFFF;
}
.header .navigation__link:hover:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #FFFFFF;
}
.footer .navigation__link {
font: 18px/24px "RF Devi Condensed Ultra Bold", sans-serif;
padding: 0;
height: 24px;
}
.header .navigation__item--picture .navigation__link {
height: auto;
margin: 0;
}
.app--light .footer .navigation__link {
color: #000000;
}
.app--purple .footer .navigation__link,
.app--dark .footer .navigation__link {
color: #FFFFFF;
}
.sidenav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
background-color: #960000;
z-index: 6;
width: 72px;
}
.app--active-sidenav .sidenav {
width: 240px;
}
@media screen and (max-width: 767px) {
.app--active-sidenav .sidenav {
height: 100vh;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.app--active-sidenav .sidenav::-webkit-scrollbar {
display: none;
}
}
.sidenav__navigation {
position: relative;
z-index: 1;
height: calc(100vh - 119px);
overflow-x: hidden;
overflow-y: visible;
-ms-overflow-style: none;
scrollbar-width: none;
}
.sidenav__navigation::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 767px) {
.sidenav__navigation {
position: relative;
top: 0 !important;
height: inherit;
overflow: inherit;
}
}
.sidenav__scroll-up,
.sidenav__scroll-down {
transition: opacity 300ms ease;
opacity: 1;
position: fixed;
left: 0;
width: 72px;
height: 150px;
}
@media screen and (min-width: 1680px) {
.sidenav__scroll-up,
.sidenav__scroll-down {
width: 240px;
}
}
.sidenav__scroll-up:before,
.sidenav__scroll-down:before {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDEwTDEyIDE1TDYgMTAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") center center no-repeat;
content: "";
position: absolute;
height: 48px;
bottom: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.sidenav__scroll-up,
.sidenav__scroll-down {
display: none;
}
}
.sidenav__scroll-up {
background: linear-gradient(to bottom, #960000 0%, rgba(150, 0, 0, 0) 100%);
top: 119px;
z-index: 2;
}
.sidenav__scroll-up:before {
bottom: auto;
top: 0;
transform: rotate(180deg);
}
.sidenav__navigation.top .sidenav__scroll-up {
opacity: 0;
z-index: auto;
}
.sidenav__scroll-down {
background: linear-gradient(to bottom, rgba(150, 0, 0, 0) 0%, #960000 100%);
bottom: 0;
z-index: 1;
}
@media screen and (min-width: 1680px) {
.sidenav__scroll-down {
width: 240px;
}
}
.sidenav__navigation.bottom .sidenav__scroll-down {
opacity: 0;
z-index: auto;
}
@media screen and (min-width: 1680px) {
.sidenav {
width: 240px;
}
}
@media screen and (max-width: 767px) {
.sidenav {
z-index: inherit;
width: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: width 0ms ease-in-out, opacity 300ms ease-in-out;
}
.app--active-sidenav .sidenav {
z-index: 6;
width: 100%;
opacity: 1;
}
}
.sidenav__logo {
height: 119px;
background: transparent url(/i/sidenav-logo-bg-desktopv2.svg?0707026bddae371cd274672d1edab67a) top center/392px 127px no-repeat;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.sidenav__logo {
height: 64px;
background: none;
}
}
.sidenav__logo a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sidenav__logo .sidenav__link {
display: block;
background: transparent url(/i/smotrim-smallv2.svg?a438c08cc40cac349dc468f299263868) top center/cover no-repeat;
width: 40px;
height: 20px;
top: 36px;
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: all 300ms ease;
}
.app--active-sidenav .sidenav__logo .sidenav__link {
background: transparent url(/i/smotrimv2.svg?356a8dd8882136150f6bd0e607bb7350) top center/contain no-repeat;
width: 96px;
height: 43.5px;
top: 24.2px;
}
@media screen and (max-width: 767px) {
.app--active-sidenav .sidenav__logo .sidenav__link {
display: none;
}
}
@media screen and (min-width: 1680px) {
.sidenav__logo .sidenav__link {
background: transparent url(/i/smotrimv2.svg?356a8dd8882136150f6bd0e607bb7350) top center/contain no-repeat;
width: 96px;
height: 43.5px;
top: 24.2px;
}
}
.sidenav .navigation__list {
margin: 0;
padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
.sidenav .navigation__list {
flex-direction: row;
flex-wrap: wrap;
margin: 12px 0 60px 0;
padding-bottom: 0;
}
}
.sidenav .navigation__item {
margin: 4px 0;
}
.sidenav .navigation__item:first-child {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.sidenav .navigation__item:first-child {
margin-top: 4px;
}
}
@media screen and (max-width: 767px) {
.sidenav .navigation__item {
width: 33.3%;
}
}
@media screen and (max-width: 511px) {
.sidenav .navigation__item {
width: 50%;
}
}
@media screen and (max-width: 359px) {
.sidenav .navigation__item {
width: 100%;
}
}
.sidenav .navigation__link {
padding: 4px 16px;
}
@media screen and (max-width: 767px) {
.sidenav .navigation__link {
text-transform: none;
}
}
.sidenav .navigation__link:hover {
background: #FFFFFF;
}
.sidenav .navigation__link:hover .navigation__title {
color: #000000;
}
.sidenav .navigation__link:hover:before,
.sidenav .navigation__link--active:before {
content: "";
position: absolute;
width: 6px;
top: 0;
left: 0;
bottom: 0;
background: #FFFFFF;
}
@media screen and (max-width: 767px) {
.sidenav .navigation__link:hover:before,
.sidenav .navigation__link--active:before {
display: none;
}
}
.sidenav .navigation__image {
display: block;
max-width: 40px;
max-height: 40px;
min-width: 40px;
min-height: 40px;
margin-right: 16px;
transition: all 300ms ease;
}
.sidenav .navigation__image img {
border-radius: 12px;
}
.sidenav .navigation__title {
font: 14px/20px "RF Devi Condensed Ultra Bold", sans-serif;
letter-spacing: 0.5px;
display: block;
opacity: 1;
white-space: nowrap;
color: #FFFFFF;
transition: opacity 0.5s ease-out;
}
.app--active-sidenav .sidenav .navigation__title {
opacity: 1;
}
@media screen and (max-width: 1512px) {
.sidenav .navigation__title {
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.sidenav .navigation__title {
font: 14px/20px "RF Devi Regular", sans-serif;
letter-spacing: normal;
}
}
.sidenav__search {
display: none;
position: relative;
}
@media screen and (max-width: 767px) {
.sidenav__search {
display: block;
padding: 0 16px 24px 16px;
border-bottom: 2px solid #ffffff26;
}
}
.sidenav__user {
display: none;
}
@media screen and (max-width: 767px) {
.sidenav__user {
display: block;
padding: 24px 12px 256px 12px;
}
.sidenav__user .user-control__content {
margin: 0;
}
.sidenav__user .user-control__list {
margin: 0;
flex-direction: column;
}
.sidenav__user .user-control__item {
margin: 8px 0;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
}
.sidenav__user .user-control__item.section__geo {
padding: 0;
}
.sidenav__user .user-control__title {
font: 14px/20px "RF Devi Regular", sans-serif;
color: #FFFFFF;
line-height: 32px;
position: absolute;
top: 50%;
left: 48px;
transform: translateY(-50%);
}
}
.search-main {
width: 83.3333333333%;
margin: 48px auto;
}
@media screen and (max-width: 767px) {
.search-main {
width: 100%;
margin: 24px 0 0;
position: relative;
}
}
.search-filters {
margin: 24px 0 0;
padding: 0 8px;
}
.search-filters__content {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
@media screen and (max-width: 1279px) {
.search-filters__content {
flex-flow: column nowrap;
align-items: center;
}
}
.search-filters__list {
display: flex;
flex-flow: row wrap;
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (max-width: 1279px) {
.search-filters__list {
margin: 0 0 12px;
}
.search-filters__list:last-child {
margin: 0;
}
}
@media screen and (max-width: 1023px) {
.search-filters__list {
justify-content: space-evenly;
}
}
.search-filters__item {
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.search-filters__item {
margin: 0 8px 8px;
}
}
.search-filters__link {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
color: #000000;
text-decoration: none;
display: block;
}
.search-filters__link--active {
color: #FFFFFF;
background: #000000;
padding: 0 16px;
border-radius: 32px;
}
.search-form {
display: flex;
position: relative;
z-index: 4;
overflow: hidden;
}
.search-form ::-moz-placeholder {
color: #000000;
}
.search-form :-ms-input-placeholder {
color: #000000;
}
.search-form ::placeholder {
color: #000000;
}
.app--dark .search-form ::-moz-placeholder, .app--purple .search-form ::-moz-placeholder {
color: #FFFFFF;
}
.app--dark .search-form :-ms-input-placeholder, .app--purple .search-form :-ms-input-placeholder {
color: #FFFFFF;
}
.app--dark .search-form ::placeholder,
.app--purple .search-form ::placeholder {
color: #FFFFFF;
}
.search-form .section__sort {
margin: 0 0 0 16px;
flex: 0 0 calc(10% - 16px);
width: calc(10% - 16px);
flex: none;
flex-flow: unset;
}
@media screen and (max-width: 767px) {
.search-form .section__sort {
margin: 0 0 0 8px;
flex: 0 0 calc(12.5% - 8px);
width: calc(12.5% - 8px);
}
}
.search-form .section__sort .section__datepicker {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
width: 100%;
background: #EFF1F3;
border-radius: 8px;
}
.layout--archive .search-form .section__sort .section__datepicker {
background: #FF0000;
}
@media screen and (max-width: 959px) {
.layout--archive .search-form .section__sort .section__datepicker {
background: none;
}
}
@media screen and (max-width: 959px) {
.search-form .section__sort .section__datepicker {
background: none;
}
}
.search-form .section__sort .datepicker {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.search-form .section__sort .datepicker__title {
display: none;
}
.search-form .section__sort .datepicker__icon {
position: relative;
top: -50%;
margin: -12px 0 0 0;
padding: 0;
}
.search-form .section__sort .datepicker__input {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.search-form .section__sort .datepicker__input {
width: 100%;
}
}
.search-form .section__sort .datepicker__button {
padding: 0;
height: 0;
}
.layout--archive .search-main .search-form,
.layout--search .search-main .search-form {
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.layout--archive .search-main .search-form,
.layout--search .search-main .search-form {
padding: 0 4px;
}
}
.search-form--active ~ .search-autocomplete {
display: block;
z-index: 3;
}
.search-main .search-form--active ~ .search-autocomplete {
display: none;
}
@media screen and (max-width: 767px) {
.search-main .search-form--active ~ .search-autocomplete {
display: block;
}
}
.search-form__control {
display: none;
}
.search-form__content {
width: 100%;
height: 40px;
border-radius: 40px;
background: #EFF1F3;
position: relative;
box-sizing: border-box;
border: 2px solid #EFF1F3;
}
.app--purple .search-form__content,
.app--dark .search-form__content {
background: rgba(255, 255, 255, 0.15);
border: 2px solid transparent;
}
.layout--archive .search-main .search-form__content,
.layout--search .search-main .search-form__content {
height: 56px;
border-radius: 8px;
border: 2px solid #EFF1F3;
background: transparent;
transition: border 300ms ease 0ms;
flex: 0 0 100%;
width: 100%;
}
@media screen and (max-width: 767px) {
.layout--archive .search-main .search-form__content,
.layout--search .search-main .search-form__content {
height: 40px;
flex: 0 0 100%;
width: 100%;
}
}
.footer .search-form--focused .search-form__content,
.header .search-form--focused .search-form__content,
.layout--archive .search-main .search-form--focused .search-form__content,
.layout--search .search-main .search-form--focused .search-form__content {
border: 2px solid #FF0000;
transition: border 300ms ease 0ms;
}
.footer .search-form--focused .search-form__content ::-moz-placeholder, .header .search-form--focused .search-form__content ::-moz-placeholder {
color: #B8C2CC;
}
.footer .search-form--focused .search-form__content :-ms-input-placeholder, .header .search-form--focused .search-form__content :-ms-input-placeholder {
color: #B8C2CC;
}
.footer .search-form--focused .search-form__content ::placeholder,
.header .search-form--focused .search-form__content ::placeholder {
color: #B8C2CC;
}
.footer .search-form--focused .search-form__content .search-form__form,
.header .search-form--focused .search-form__content .search-form__form {
transition: all 250ms ease 0ms;
}
.footer .search-form--focused .search-form__content .search-form__query,
.header .search-form--focused .search-form__content .search-form__query {
transition: padding 300ms ease 0ms;
padding-left: 16px;
}
.search-form__form {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0 16px 0 0;
margin: 0;
-webkit-appearance: none;
background: transparent url(/i/search-light.svg?92799f271cdc1e40abcd97bd0816d716) 8px center/24px no-repeat;
transition: all 250ms ease 0ms;
}
.app--purple .search-form__form,
.app--dark .search-form__form {
background: transparent url(/i/search-dark.svg?1d9a5203482b4506ad82e21a711bddfc) 8px center/24px no-repeat;
}
.footer .search-form--focused .search-form__form,
.header .search-form--focused .search-form__form {
background-position: -24px center;
}
.layout--archive .search-main .search-form__form,
.layout--search .search-main .search-form__form {
background: 0;
padding: 0 56px 0 16px;
}
@media screen and (max-width: 767px) {
.layout--archive .search-main .search-form__form,
.layout--search .search-main .search-form__form {
padding: 0 40px 0 16px;
}
}
.search-form__query {
font: 14px/16px sans-serif;
display: block;
color: #000000;
background: transparent;
width: 100%;
margin: 10px 0;
padding: 0 0 0 36px;
border: 0;
outline: 0;
-webkit-appearance: none;
transition: all 300ms ease 0ms;
}
.app--light .footer .search-form__query {
color: #000000;
}
.app--purple .search-form__query,
.app--dark .search-form__query {
color: #FFFFFF;
}
.search-form--active.search-form--focused .search-form__query {
color: #000000;
}
.layout--archive .search-main .search-form__query,
.layout--search .search-main .search-form__query {
font: 18px/28px "RF Devi Semi Bold", sans-serif;
margin: 12px 0;
padding-left: 0;
}
@media screen and (max-width: 767px) {
.layout--archive .search-main .search-form__query,
.layout--search .search-main .search-form__query {
font: 14px/16px sans-serif;
margin: 10px 0;
}
}
.search-form__button {
font: 0/32px sans-serif;
display: block;
height: 32px;
width: 32px;
border-radius: 32px;
border: 0;
outline: 0;
-webkit-appearance: none;
cursor: pointer;
}
.search-form__button--submit {
position: absolute;
top: 2px;
left: 4px;
display: none;
}
.layout--archive .search-main .search-form__button--submit,
.layout--search .search-main .search-form__button--submit {
display: block;
top: 10px;
left: auto;
right: 10px;
background: transparent url(/i/search-light.svg?92799f271cdc1e40abcd97bd0816d716) center/24px no-repeat;
}
@media screen and (max-width: 767px) {
.layout--archive .search-main .search-form__button--submit,
.layout--search .search-main .search-form__button--submit {
top: 2px;
right: 2px;
}
}
.search-main .search-filters__archive .datepicker__button {
padding: 0;
height: 32px;
box-shadow: none;
flex-direction: row-reverse;
}
.search-main .search-filters__archive .datepicker__icon {
margin: auto 8px auto 0;
}
@media screen and (max-width: 767px) {
.search-main .search-filters__archive .datepicker__input {
width: auto;
}
}
.search-empty {
margin: 84px 0 76px;
}
@media screen and (max-width: 767px) {
.search-empty {
margin: 64px 0 20px;
}
}
.search-empty__content {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.search-empty__content:before {
content: "";
display: block;
height: 56px;
width: 56px;
margin: 0 0 24px;
background: transparent url(/i/icon-warning.svg?d68930580e17fd96c8caf2e698da34a8) center/cover no-repeat;
}
@media screen and (max-width: 767px) {
.search-empty__content:before {
margin: 0 0 16px;
}
}
.search-empty__title {
font: 24px/28px "RF Devi Semi Bold", sans-serif;
color: #000000;
text-align: center;
box-sizing: border-box;
margin: 0 auto;
padding: 0 8px;
width: 50%;
}
@media screen and (max-width: 767px) {
.search-empty__title {
font: 18px/20px "RF Devi Bold", sans-serif;
padding: 0 4px;
width: 75%;
}
}
.search-autocomplete {
position: absolute;
top: -16px;
left: 0;
width: 100%;
background: #FFFFFF;
border-radius: 0 0 16px 16px;
z-index: 1;
filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.05));
display: none;
}
@media screen and (max-width: 767px) {
.search-autocomplete {
border-radius: 0 0 16px 16px;
}
}
.sidenav__search--active .search-autocomplete,
.header__search--active .search-autocomplete {
display: block;
}
.search-autocomplete__content {
margin: 68px 0 27px;
}
.search-autocomplete__control {
padding: 13px 16px;
}
.search-autocomplete__empty {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
}
.search-autocomplete__list {
margin: 0;
padding: 0;
list-style: none;
}
.search-autocomplete__content .search-autocomplete__link {
display: flex;
flex-flow: row nowrap;
text-decoration: none;
padding: 8px 24px;
}
.search-autocomplete__content .search-autocomplete__link:hover {
background: #F7F8F9;
}
.search-autocomplete__control .search-autocomplete__link {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
display: block;
width: 100%;
height: 44px;
border-radius: 8px;
color: #000000;
background: #EFF1F3;
}
.search-autocomplete__icon {
display: block;
height: 16px;
width: 16px;
flex: 0 0 16px;
margin: 0 0 auto;
}
.search-autocomplete__link--brand .search-autocomplete__icon {
background: transparent url(/i/icon-search-brand.svg?8327722a594bea3ae70382b5575956c5) center/cover no-repeat;
}
.search-autocomplete__link--person .search-autocomplete__icon {
background: transparent url(/i/icon-search-person.svg?4cbe8bbf6cc0db9dadfdb0874d9e8e9f) center/cover no-repeat;
}
.search-autocomplete__link--rubric .search-autocomplete__icon {
background: transparent url(/i/icon-search-podcast.svg?6761a31a40e80c640970fbaf0da34873) center/cover no-repeat;
}
.search-autocomplete__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #B8C2CC;
margin: 0 0 0 10px;
}
.search-autocomplete__link:hover .search-autocomplete__title {
color: #FF0000;
}
.search-autocomplete__title strong {
color: #000000;
font-weight: normal;
}
.search-autocomplete__link:hover .search-autocomplete__title strong {
color: #FF0000;
}
.layout--archive .search-main {
width: auto;
padding-top: 45px;
margin: 0 12.5%;
}
@media screen and (max-width: 767px) {
.layout--archive .search-main {
margin: 0;
padding-top: 24px;
}
}
.layout--archive .layout__holder--content {
border-radius: 16px 16px 0 0;
}
.layout--archive .compilation-header {
padding: 0;
}
.layout--archive .compilation-header__title {
margin: 0 0 24px 0;
}
.layout--archive .compilation-header__content {
margin: 8px 0 24px 0;
}
.layout--archive .compilation-header__content .compilation-header-li {
display: flex;
border: 2px solid #EFF1F3;
border-radius: 8px;
position: relative;
padding-right: 56px;
}
.layout--archive .compilation-header__content .compilation-header-li .compilation-header-li__title {
color: #000000;
font: 40px/72px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.25px;
margin: 0;
padding: 0 0 0 24px;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.layout--archive .compilation-header__content .compilation-header-li .compilation-header-li__title {
font: 18px/48px "RF Devi Ultra Bold", sans-serif;
padding: 0 0 0 12px;
}
}
.layout--archive .compilation-header__content .compilation-header-li .section__datepicker {
flex: inherit;
padding: 0 4px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.layout--archive .compilation-header__content .compilation-header-li .datepicker {
flex-direction: row-reverse;
align-items: center;
height: 100%;
}
.layout--archive .compilation-header__content .compilation-header-li .datepicker__title {
display: none;
}
.layout--archive .compilation-header__content .compilation-header-li .datepicker__button {
box-shadow: none;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.layout--archive .compilation-header__content .compilation-header-li .datepicker__button {
flex: none;
}
}
.layout--archive .compilation-header__content .compilation-header-li .datepicker__icon {
margin: auto 0;
width: 32px;
height: 32px;
}
@media screen and (max-width: 767px) {
.layout--archive .compilation-header__content .compilation-header-li .datepicker__input {
width: 100%;
}
}
.layout--archive .compilation-header__content ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
}
.layout--archive .compilation-header__content li {
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.layout--archive .compilation-header__content li {
margin: 0 4px;
}
}
.layout--archive .compilation-header__content li:nth-child(3),
.layout--archive .compilation-header__content li:first-child {
text-indent: -9999px;
}
.layout--archive .compilation-header__content li:nth-child(3) a,
.layout--archive .compilation-header__content li:first-child a {
display: block;
width: 32px;
height: 32px;
border-radius: 8px;
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-color: #F7F8F9;
background-position: center;
}
.layout--archive .compilation-header__content li:first-child {
transform: rotate(180deg);
}
.layout--archive .air-current {
font: 15px/32px "RF Devi Semi Bold", sans-serif;
position: relative;
margin-left: 16px;
cursor: pointer;
}
.layout--archive .air-current.active .air-list-select {
display: block;
}
.layout--archive .air-current.active .air-current__title {
box-shadow: none;
}
.layout--archive .air-current.active .air-current__title:after {
transform: rotate(270deg);
}
.layout--archive .air-current__title {
position: relative;
z-index: 2;
line-height: 40px;
width: 189px;
padding-left: 16px;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 40px;
border-radius: 20px;
background-color: #FFFFFF;
}
.layout--archive .air-current__title:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: center;
transform: rotate(90deg);
}
.layout--archive .air-list-select {
display: none;
position: absolute;
top: 0;
left: 0;
padding-top: 40px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
border-radius: 16px;
background-color: #FFFFFF;
}
.layout--archive .air-list-select__inner {
padding: 0 0 1px 0;
margin-bottom: 16px;
width: 189px;
height: 342px;
box-sizing: border-box;
}
.layout--archive .air-list-select__inner .scrollbar-track-y {
right: 16px;
}
.layout--archive .air-list-select__item {
width: 189px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
}
.layout--archive .air-list-select__item:hover {
background-color: #F7F8F9;
color: #FF0000;
}
.layout--archive .section--tmpl-air-list .section__header,
.layout--archive .section--tmpl-air-list .section__content,
.layout--archive .section--tmpl-search-results .section__header,
.layout--archive .section--tmpl-search-results .section__content {
margin-right: 12.5%;
margin-left: 12.5%;
}
@media screen and (max-width: 767px) {
.layout--archive .section--tmpl-air-list .section__header,
.layout--archive .section--tmpl-air-list .section__content,
.layout--archive .section--tmpl-search-results .section__header,
.layout--archive .section--tmpl-search-results .section__content {
margin-left: inherit;
margin-right: inherit;
}
}
.layout .layout__holder--content .section--tmpl-air-list .section__background {
background: #F7F8F9;
width: calc(100% - 16px);
left: 8px;
}
@media screen and (max-width: 1023px) {
.layout .layout__holder--content .section--tmpl-air-list .section__background {
left: -12px;
width: calc(100% + 24px);
}
}
.layout--archive .section--tmpl-search-results .list-item--video {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1279px) {
.layout--archive .section--tmpl-search-results .list-item--video {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 1023px) {
.layout--archive .section--tmpl-search-results .list-item--video {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 511px) {
.layout--archive .section--tmpl-search-results .list-item--video {
width: 100%;
flex: 0 0 100%;
}
}
.layout--archive .section--tmpl-search-results .list-item--article {
width: 50%;
flex: 0 0 50%;
padding-bottom: 0;
}
.layout--archive .section--tmpl-search-results .list-item--article:nth-child(1) .list-item__box,
.layout--archive .section--tmpl-search-results .list-item--article:nth-child(2) .list-item__box {
border: 0;
}
@media screen and (max-width: 1023px) {
.layout--archive .section--tmpl-search-results .list-item--article {
width: 100%;
flex: 0 0 100%;
}
.layout--archive .section--tmpl-search-results .list-item--article:nth-child(2) .list-item__box {
border-top: 1px solid #EFF1F3;
}
}
.layout--archive .section--tmpl-search-results .list-item--audio {
width: 50%;
flex: 0 0 50%;
margin-bottom: 2px;
}
@media screen and (max-width: 1023px) {
.layout--archive .section--tmpl-search-results .list-item--audio {
width: 100%;
flex: 0 0 100%;
padding: 0 4px;
}
}
.layout--archive .section--tmpl-search-results .list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box,
.layout--archive .section--tmpl-search-results .list-item--audio:nth-child(2) .list-item__box {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.layout--archive .section--tmpl-search-results .list-item--article .list-item__preview {
width: 22.5%;
flex: 0 0 22.5%;
margin-right: 24px;
}
.layout--archive .section--tmpl-search-results .list-item--article .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
}
.layout--archive .section--tmpl-search-results .list-item--article .list-item__box {
flex-flow: row;
padding-bottom: 8px;
padding-top: 8px;
border-top: 1px solid #EFF1F3;
}
.layout--archive .section--tmpl-search-results .list-item--article .list-item__category,
.layout--archive .section--tmpl-search-results .list-item--article .list-item__date {
display: none;
}
.section--tmpl-air-list {
z-index: 4;
padding-top: 32px;
padding-bottom: 32px;
}
.section--tmpl-air-list .schedule-list {
font: 15px/32px "RF Devi Semi Bold", sans-serif;
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.section--tmpl-air-list .schedule-list .schedule-item {
width: 50%;
flex: 0 0 50%;
padding: 0 8px;
box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
.section--tmpl-air-list .schedule-list .schedule-item {
width: 100%;
flex: 0 0 100%;
}
}
.section--tmpl-air-list .schedule-list .schedule-item__link {
text-decoration: none;
color: #000000;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
}
.section--tmpl-air-list .schedule-list .schedule-item__link time {
margin-right: 20px;
min-width: 42px;
}
.section--tmpl-air-list .schedule-list .schedule-item__link .category {
color: #B8C2CC;
margin-left: 8px;
}
.section--tmpl-air-list .js-content-placeholder h2 {
padding: 0;
margin: 0;
font-weight: normal;
font: 15px/20px "RF Devi Semi Bold", sans-serif;
text-align: center;
}
.user-control {
width: 100%;
display: flex;
position: relative;
z-index: 3;
}
@media screen and (max-width: 767px) {
.user-control {
z-index: auto;
}
}
.header--user-active .user-control {
z-index: 1;
}
.user-control__content {
display: flex;
margin: 0 0 0 auto;
}
.user-control__list {
margin: 0 -8px;
padding: 0;
list-style: none;
display: flex;
flex-flow: row nowrap;
}
@media screen and (max-width: 767px) {
.user-control__list {
margin: 0 -4px;
}
}
.user-control__item {
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.user-control__item {
margin: 0 4px;
}
}
.user-control__link {
display: block;
height: 32px;
width: 32px;
border-radius: 100%;
box-sizing: border-box;
border: 0;
outline: 0;
padding: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
}
.user-control__link--user-logged img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
vertical-align: top;
}
.user-control__link--user-avatar {
background: linear-gradient(90deg, #FF9600 0%, #FF0000 100%);
padding: 2px;
}
.user-control__link--user-unregistered {
background: transparent url(/i/user.svg?c128195bfa251a7c70e5cdbd95cfdfd7) center/cover no-repeat;
}
.user-control__link--user-logged {
background: transparent url(/i/icon-user-logged.svg?7b7b4c6e02c52e29fd67cb37c553be6b) center/cover no-repeat;
}
.user-control__link--favorites {
background: transparent url(/i/favorites.svg?ede19e70938d3cd9f670126a0209e42c) center/cover no-repeat;
}
.user-control__link--favorites-logged {
background: transparent url(/i/favorites-logged.svg?159ea81c033e1297160deed724026b89) center/cover no-repeat;
}
.user-panel {
position: absolute;
top: 0;
right: -8px;
width: 216px;
background: #FFFFFF;
border-radius: 0 0 16px 16px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
z-index: 1;
display: none;
}
@media screen and (max-width: 767px) {
.user-panel {
top: -20px;
}
}
.header--user-active .user-panel {
display: block;
}
.user-panel__info {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
height: 72px;
}
.user-panel__menu {
margin: 0 0 20px;
}
.user-panel__name {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #000000;
padding: 0 16px;
}
.user-panel__picture {
padding: 0 16px;
}
.user-panel__link {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
color: #000000;
text-decoration: none;
display: block;
padding: 0 16px;
}
.user-panel__link:hover,
.user-panel__link--active {
color: #FF0000;
background: #F7F8F9;
}
.user-panel__link--photo {
height: 32px;
width: 32px;
border-radius: 24px;
background: transparent url(/i/icon-user-logged.svg?7b7b4c6e02c52e29fd67cb37c553be6b) center/cover no-repeat;
padding: 0;
}
.user-panel__link--photo:hover {
background: transparent url(/i/icon-user-logged.svg?7b7b4c6e02c52e29fd67cb37c553be6b) center/cover no-repeat;
}
.user-panel__link--photo img {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
transform: translate(-50%, -50%);
}
.user-menu {
margin: 50px 16.6666666667% 80px;
width: 66.6666666667%;
}
@media screen and (max-width: 767px) {
.user-menu {
margin: 32px 0 48px;
width: 100%;
position: relative;
z-index: 2;
}
}
.user-menu__content {
padding: 0;
}
.user-menu__list {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.user-menu__item {
box-sizing: border-box;
flex: 0 0 12.5%;
padding: 0 8px;
max-width: 72px;
min-width: 72px;
}
@media screen and (max-width: 767px) {
.user-menu__item {
flex: 0 0 25%;
padding: 0 4px;
}
}
.user-menu__link {
display: block;
position: relative;
padding-bottom: 100%;
border-radius: 100%;
box-sizing: border-box;
}
.user-menu__link span {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
text-decoration: none;
position: absolute;
margin: 10px 0 0;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 511px) {
.user-menu__link span {
font: 12px/13px "RF Devi Semi Bold", sans-serif;
}
}
.user-menu__link--settings {
background: rgba(255, 255, 255, 0.15);
}
.user-menu__link--settings img {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
transform: translate(-50%, -50%);
}
.user-menu__link--settings-avatar img,
.user-menu__link--settings.user-menu__link--active img {
height: calc(100% - 4px);
width: calc(100% - 4px);
}
.user-menu__link--settings-avatar {
background: linear-gradient(90deg, #FF9600 0%, #FF0000 100%);
}
.user-menu__link--settings.user-menu__link:hover,
.user-menu__link--settings.user-menu__link--active {
background: #FFFFFF;
}
.user-menu__link--settings.user-menu__link:hover i,
.user-menu__link--settings.user-menu__link--active i {
background: transparent url(/i/user-red.svg?a96add5ce24df722091204f4c6a6cc64) center/cover no-repeat;
}
.user-menu__link--settings i {
background: transparent url(/i/user-white.svg?6353ed08864cbc2a84db6e6fcd0ec305) center/cover no-repeat;
}
.user-menu__link--favorites {
background: rgba(255, 255, 255, 0.15);
}
.user-menu__link--favorites.user-menu__link:hover,
.user-menu__link--favorites.user-menu__link--active {
background: #FFFFFF;
}
.user-menu__link--favorites.user-menu__link:hover i,
.user-menu__link--favorites.user-menu__link--active i {
background: transparent url(/i/favorites-red.svg?91383905234cd6a9346e1f7bc4263d50) center/cover no-repeat;
}
.user-menu__link--favorites i {
background: transparent url(/i/favorites-white.svg?a58a5eb1ae30573082fca6a0417eead7) center/cover no-repeat;
}
.user-menu__link--unfinished {
background: rgba(255, 255, 255, 0.15);
}
.user-menu__link--unfinished.user-menu__link:hover,
.user-menu__link--unfinished.user-menu__link--active {
background: #FFFFFF;
}
.user-menu__link--unfinished.user-menu__link:hover i,
.user-menu__link--unfinished.user-menu__link--active i {
background: transparent url(/i/unfinished-red.svg?26af6c2473aad27724b8ccd34d8e3e43) center/cover no-repeat;
}
.user-menu__link--unfinished i {
background: transparent url(/i/unfinished-white.svg?c7cd43d9a44c8dd7143c44ea05cf579a) center/cover no-repeat;
}
.user-menu__link--subscribe {
background: rgba(255, 255, 255, 0.15);
}
.user-menu__link--subscribe.user-menu__link:hover,
.user-menu__link--subscribe.user-menu__link--active {
background: #FFFFFF;
}
.user-menu__link--subscribe.user-menu__link:hover i,
.user-menu__link--subscribe.user-menu__link--active i {
background: transparent url(/i/subscriptions-red.svg?1adcb28ea8a65d53e756411e93942588) center/cover no-repeat;
}
.user-menu__link--subscribe i {
background: transparent url(/i/subscriptions-white.svg?3aacb121f224c91d40ff323036719c29) center/cover no-repeat;
}
.user-menu__icon {
display: block;
position: absolute;
height: 30px;
width: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.user-form__header {
display: flex;
flex-flow: column nowrap;
margin: 0 0 118px;
}
@media screen and (max-width: 767px) {
.user-form__header {
margin: 0 0 30px;
align-items: center;
}
}
.user-form__message {
color: rgba(255, 255, 255, 0.5);
text-align: center;
font: 14px/20px "RF Devi Semi Bold", sans-serif;
width: 100%;
padding: 11px 0;
}
.user-form__filled {
color: #FFFFFF;
font: 14px/14px "RF Devi Semi Bold", sans-serif;
padding: 11px 16px;
margin: 0 8px;
border-radius: 4px;
border: 2px solid rgba(255, 255, 255, 0.15);
background-image: url(/i/input-lock.svg?96820ed162c98cce9a8815fe599747a0);
background-repeat: no-repeat;
background-position: right;
background-size: 32px;
}
.user-form__title {
color: #FFFFFF;
letter-spacing: -0.25px;
padding: 0 8px;
margin: 0;
}
@media screen and (max-width: 767px) {
.user-form__title {
padding: 0 4px;
}
}
.user-form__name {
font: 32px/48px "RF Devi Regular", sans-serif;
}
@media screen and (max-width: 767px) {
.user-form__name {
font: 24px/48px "RF Devi Regular", sans-serif;
}
}
.user-form__surname {
font: 32px/48px "RF Devi Ultra Bold", sans-serif;
}
@media screen and (max-width: 767px) {
.user-form__surname {
font: 24px/48px "RF Devi Ultra Bold", sans-serif;
}
}
.user-form__phone {
font: 18px/28px "RF Devi Semi Bold", sans-serif;
color: rgba(255, 255, 255, 0.5);
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.user-form__phone {
padding: 0 4px;
}
}
.user-form__form:first-child:after {
content: "";
display: block;
height: 4px;
background: rgba(255, 255, 255, 0.15);
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.user-form__form:first-child:after {
margin: 0 4px;
}
}
.user-form__control {
padding: 0 8px 80px;
display: flex;
flex-flow: column nowrap;
}
.delete .user-form__control {
padding: 8px;
}
@media screen and (max-width: 767px) {
.user-form__control {
padding: 0 4px 24px;
margin: 7px 0 0;
}
.delete .user-form__control {
padding: 0 4px 24px;
}
}
.user-form__row {
display: flex;
flex-flow: row nowrap;
margin: 0 0 33px;
}
@media screen and (max-width: 767px) {
.user-form__row {
flex-flow: row wrap;
margin: 0;
}
}
.user-form__field {
box-sizing: border-box;
display: flex;
flex-flow: column nowrap;
flex: 0 0 50%;
}
@media screen and (max-width: 767px) {
.user-form__field {
flex: 0 0 100%;
margin: 0 0 17px;
}
}
.user-form__row--full .user-form__field {
flex: 0 0 100%;
flex-flow: row wrap;
padding: 0;
}
.user-form__holder {
box-sizing: border-box;
padding: 0 8px;
display: flex;
}
@media screen and (max-width: 767px) {
.user-form__holder {
padding: 0 4px;
}
}
.user-form__row--full .user-form__holder {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
.user-form__row--full .user-form__holder {
flex: auto;
width: auto;
margin: 4px 0;
}
}
.user-form__label {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
width: 100%;
margin: 0 0 11px;
box-sizing: border-box;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.user-form__label {
padding: 0 4px;
}
}
.user-form__input {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #000000;
padding: 10px 16px;
margin: 0;
display: block;
outline: 0;
border-radius: 4px;
border: 2px solid #FFFFFF;
flex: 0 0 100%;
}
.user-form__input:focus {
border: 2px solid #FF0000;
}
.user-form__input:-moz-read-only {
background-color: transparent;
color: #FFFFFF;
border-color: rgba(255, 255, 255, 0.15);
background-image: url(/i/input-lock.svg?96820ed162c98cce9a8815fe599747a0);
background-repeat: no-repeat;
background-position: right;
background-size: 32px;
}
.user-form__input:read-only {
background-color: transparent;
color: #FFFFFF;
border-color: rgba(255, 255, 255, 0.15);
background-image: url(/i/input-lock.svg?96820ed162c98cce9a8815fe599747a0);
background-repeat: no-repeat;
background-position: right;
background-size: 32px;
}
.user-form__select {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #000000;
padding: 9px 16px;
margin: 0;
display: block;
outline: 0;
border-radius: 4px;
border: 2px solid #FFFFFF;
flex: 0 0 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #FFFFFF;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkuMTY2IDlMMTMuMTY2IDE0TDcuMTY2MDIgOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==");
background-position: right 4px center;
background-repeat: no-repeat;
background-size: 24px;
}
.user-form__button {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
display: block;
height: 44px;
background: rgba(255, 255, 255, 0.15);
outline: 0;
border: 0;
border-radius: 8px;
-webkit-appearance: none;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
cursor: pointer;
margin: 0 0 8px;
}
.user-form__link {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
display: block;
height: 44px;
}
.user-form__line {
padding: 0 8px;
}
.user-form__radio-input {
display: none;
}
.user-form__radio-input:checked + .user-form__radio-label {
background: #FFFFFF;
color: #000000;
}
.user-form__radio-label {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
padding: 10px 16px;
display: inline-block;
border-radius: 24px;
color: #FFFFFF;
}
.user-sessions {
margin: 62px 0 0;
}
@media screen and (max-width: 767px) {
.user-sessions {
margin: 14px 0 0;
}
}
.user-sessions__content {
margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
.user-sessions__content {
margin: 0 0 22px;
}
}
.user-sessions__content:last-child {
margin: 0;
}
.user-sessions__control {
margin: 32px 0 0;
padding: 0 8px;
display: flex;
flex-flow: column nowrap;
}
@media screen and (max-width: 767px) {
.user-sessions__control {
padding: 0 4px;
}
}
.user-sessions__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 8px;
margin: 0 0 26px;
}
@media screen and (max-width: 767px) {
.user-sessions__title {
margin: 0 0 18px;
padding: 0 4px;
}
}
.user-sessions__list {
margin: 0;
padding: 0;
list-style: none;
}
.user-sessions__item {
margin: 0 8px 8px;
background: #FFFFFF;
border-radius: 8px;
padding: 16px;
position: relative;
}
.user-sessions__item:last-child {
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.user-sessions__item {
margin: 0 4px 8px;
}
.user-sessions__item:last-child {
margin: 0 4px;
}
}
.user-sessions__device {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #000000;
margin: 0 64px 0 0;
padding: 0;
overflow: hidden;
}
.user-sessions__client {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 0 64px 0 0;
}
.user-sessions__active {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
height: 24px;
width: 24px;
}
.user-sessions__active:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 8px;
width: 8px;
border-radius: 100%;
transform: translate(-50%, -50%);
background: linear-gradient(135deg, #FF0064 28.28%, #FF0000 100%);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
}
.user-sessions__remove {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
height: 24px;
width: 24px;
}
.user-sessions__remove:after {
content: "+";
font: 28px/28px monospace;
color: #000000;
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
transform: translate(-50%, -50%) rotate(45deg);
}
.user-sessions__button {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
display: block;
height: 44px;
background: rgba(255, 255, 255, 0.15);
outline: 0;
border: 0;
border-radius: 8px;
-webkit-appearance: none;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
cursor: pointer;
border-radius: 8px;
}
.user-subscription__header {
display: flex;
flex-flow: row nowrap;
margin: 0;
}
@media screen and (max-width: 767px) {
.user-subscription__header {
margin-top: 8px;
}
}
.user-subscription__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 8px;
margin: 0 0 26px;
}
@media screen and (max-width: 767px) {
.user-subscription__title {
margin: 0 0 18px;
padding: 0 4px;
}
}
.user-subscription__list {
margin: 0 8.3333333333% 8.3333333333% 8.3333333333%;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
@media screen and (max-width: 767px) {
.user-subscription__list {
margin: 32px 0;
}
}
@media screen and (max-width: 511px) {
.user-subscription__list {
justify-content: space-evenly;
}
}
.user-subscription__item {
box-sizing: border-box;
flex: 0 0 30%;
width: 30%;
margin: 0 10%;
padding: 0 8px;
}
@media screen and (max-width: 1279px) {
.user-subscription__item {
flex: 0 0 40%;
width: 40%;
margin: 0 5%;
}
}
@media screen and (max-width: 767px) {
.user-subscription__item {
flex: 0 0 37.5%;
width: 37.5%;
padding: 0 4px;
}
.user-subscription__item.sber {
flex: 0 0 100%;
width: 100%;
}
}
@media screen and (max-width: 511px) {
.user-subscription__item {
flex: 0 0 43.75%;
width: 43.75%;
padding: 0;
margin: 0;
}
}
@media screen and (max-width: 359px) {
.user-subscription__item {
flex: 0 0 75%;
width: 75%;
}
.user-subscription__item.sber {
flex: 0 0 75%;
width: 75%;
}
}
.user-subscription__item.sber {
flex: 0 0 60%;
width: 60%;
padding: 48px;
border-radius: 16px;
}
@media screen and (max-width: 767px) {
.user-subscription__item.sber {
padding: 32px;
flex: 0 0 75%;
width: 75%;
}
}
@media screen and (max-width: 511px) {
.user-subscription__item.sber {
flex: 0 0 100%;
width: 100%;
}
}
@media screen and (max-width: 359px) {
.user-subscription__item:first-child {
margin-bottom: 64px;
}
}
.user-subscription__item.sber {
background-color: #FFFFFF;
}
.user-subscription__box {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: space-between;
}
.sber .user-subscription__box h2 {
padding: 0;
margin: 0 0 8px 0;
font: 18px/24px "RF Devi Bold", sans-serif;
letter-spacing: -0.2px;
}
.user-subscription__preview {
position: relative;
padding: 32px 0 24px 0;
z-index: 2;
color: #FFFFFF;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 359px) {
.user-subscription__preview {
padding: 24px 0 0 0;
}
}
.user-subscription__item--active .user-subscription__preview {
color: #960000;
}
.sber .user-subscription__preview {
display: flex;
color: #000000;
justify-content: space-between;
padding: 0;
}
@media screen and (max-width: 359px) {
.sber .user-subscription__preview {
flex-direction: column;
}
}
.user-subscription__preview h4 {
font: 32px/48px "RF Devi Regular", sans-serif;
letter-spacing: -0.25px;
margin: 0 40px;
}
.sber .user-subscription__preview h4 {
font: 32px/48px "RF Devi Ultra Bold", sans-serif;
padding: 0;
margin: 0;
}
@media screen and (max-width: 767px) {
.user-subscription__preview h4 {
font: 32px/32px "RF Devi Regular", sans-serif;
letter-spacing: -0.5px;
margin: 0 24px;
}
}
.user-subscription__preview .user-subscription__count h4 {
font: 32px/48px "RF Devi Regular", sans-serif;
letter-spacing: -0.25px;
}
.sber .user-subscription__preview .user-subscription__count h4 {
font: 32px/48px "RF Devi Ultra Bold", sans-serif;
}
@media screen and (max-width: 359px) {
.user-subscription__preview .user-subscription__count h4 {
font: 24px/32px "RF Devi Regular", sans-serif;
}
}
.user-subscription__preview .user-subscription__count p {
font: 14px/16px "RF Devi Regular", sans-serif;
margin: 0 40px;
}
@media screen and (max-width: 767px) {
.user-subscription__preview .user-subscription__count p {
margin: 0 24px;
}
}
@media screen and (max-width: 511px) {
.user-subscription__preview .user-subscription__count p {
font: 12px/14px "RF Devi Regular", sans-serif;
}
}
.sber .user-subscription__preview .user-subscription__count p {
display: none;
}
.user-subscription__preview .user-subscription__price h4 {
font: 48px/48px "RF Devi Ultra Bold", sans-serif;
}
@media screen and (max-width: 511px) {
.user-subscription__preview .user-subscription__price h4 {
font: 32px/32px "RF Devi Regular", sans-serif;
}
}
.sber .user-subscription__preview .user-subscription__price h4 {
font: 32px/48px "RF Devi Regular", sans-serif;
}
.user-subscription__preview .user-subscription__price p {
font: 16px/32px "RF Devi Condensed Regular", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 40px;
}
@media screen and (max-width: 767px) {
.user-subscription__preview .user-subscription__price p {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
margin: 0 24px;
}
}
@media screen and (max-width: 359px) {
.user-subscription__preview .user-subscription__price p {
padding-bottom: 16px;
}
}
.user-subscription__preview:after {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: skew(0, -15deg);
z-index: 1;
border: 3px solid #FFFFFF;
}
.user-subscription__item--active .user-subscription__preview:after {
background: #FFFFFF;
}
.sber .user-subscription__preview:after {
display: none;
}
.user-subscription__info {
position: relative;
z-index: 2;
margin: 66px 0 0;
}
.sber .user-subscription__info {
border-top: 2px solid #EFF1F3;
margin: 72px 0 0 0;
padding: 12px 0 0 0;
}
@media screen and (max-width: 767px) {
.user-subscription__info {
margin: 52px 0 0;
}
}
.user-subscription__count {
padding: 0 0 16px 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.sber .user-subscription__count {
padding: 0;
}
}
@media screen and (max-width: 359px) {
.user-subscription__count {
padding-top: 16px;
}
}
.user-subscription__price {
padding: 16px 0 0;
position: relative;
z-index: 2;
}
.sber .user-subscription__price {
padding: 0;
}
.user-subscription__control {
display: flex;
flex-flow: row nowrap;
}
.sber .user-subscription__control {
margin-top: 12px;
}
.user-subscription__status {
position: absolute;
left: 40px;
top: 50px;
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: #960000;
}
@media screen and (max-width: 767px) {
.user-subscription__status {
left: 24px;
top: 30px;
}
}
@media screen and (max-width: 359px) {
.user-subscription__status {
top: 50px;
}
}
.user-subscription__link {
text-decoration: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
cursor: pointer;
}
.user-subscription__control .user-subscription__link {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
padding: 12px 8px;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
flex: 0 1 100%;
border-radius: 8px;
color: #000000;
background: #FFFFFF;
}
.sber .user-subscription__control .user-subscription__link {
font: 12px/44px "RF Devi Condensed Regular", sans-serif;
background: #08A652;
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.tariffs .user-subscription__control .user-subscription__link {
line-height: 24px;
padding: 10px 0;
}
}
.user-subscription__item--active .user-subscription__control .user-subscription__link {
color: #FFFFFF;
background: rgba(255, 255, 255, 0.15);
}
.user-subscription__link--canceled {
cursor: default;
}
.user-subscription__icon {
display: block;
height: 24px;
width: 32px;
}
.user-subscription__item--active .user-subscription__icon {
background: transparent url(/i/settings-white.svg?2667e3a52387dbe9e8611cb9ff7e8b6c) left/auto 100% no-repeat;
}
.user-benefits {
margin: 0 0 30px;
}
.user-benefits__header {
display: flex;
flex-flow: row nowrap;
margin: 0;
}
.user-benefits__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 8px;
margin: 0 0 26px;
}
@media screen and (max-width: 767px) {
.user-benefits__title {
margin: 0 0 18px;
padding: 0 4px;
}
}
.user-benefits__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
}
.user-benefits__item {
padding: 8px;
box-sizing: border-box;
display: flex;
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 1023px) {
.user-benefits__item {
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.user-benefits__item {
padding: 4px;
flex: 0 0 100%;
}
}
.user-benefits__box {
box-sizing: border-box;
display: flex;
flex-flow: column nowrap;
padding: 24px;
height: 100%;
flex: 0 1 100%;
border-radius: 16px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.user-benefits__box img {
width: 48px;
height: 48px;
vertical-align: top;
margin: auto 0 0;
}
.user-benefits__body {
font: 18px/24px "RF Devi Bold", sans-serif;
letter-spacing: -0.2px;
color: #FFFFFF;
margin: 0 0 24px;
}
.user-benefits__item--special .user-benefits__body {
font: 32px/40px "RF Devi Ultra Bold", sans-serif;
word-break: break-word;
letter-spacing: -0.25px;
}
.tariffs .layout--profile {
padding-top: 8px;
}
.user-content__error h3,
.user-content__empty h3 {
font: 24px/32px "RF Devi Bold", sans-serif;
color: #FFFFFF;
text-align: center;
margin: 0 auto 24px;
}
.user-content__error p,
.user-content__empty p {
font: 16px/24px "RF Devi Regular", sans-serif;
color: #FFFFFF;
text-align: center;
}
.user-content__error a,
.user-content__empty a {
color: inherit;
}
.user-content__loading {
font: 24px/32px "RF Devi Bold", sans-serif;
color: #FFFFFF;
text-align: center;
margin: 0 auto;
padding: 48px 0;
}
.user-info {
margin: 62px 0;
padding: 43px 0 52px;
position: relative;
}
.user-info__background {
position: absolute;
box-sizing: border-box;
top: 0;
left: 8px;
width: calc(100% - 16px);
height: 100%;
border-radius: 16px;
border: 2px solid rgba(255, 255, 255, 0.15);
z-index: 1;
}
.user-info--congratulations .user-info__background:after {
content: "";
height: 150%;
width: 110%;
position: absolute;
top: -25%;
left: -5%;
background: transparent url(/i/congratulations.png?b6aa6443b029ff6732529ffbf547265f) center/cover no-repeat;
}
@media screen and (max-width: 767px) {
.user-info--congratulations .user-info__background:after {
background: transparent url(/i/mcongratulations.svg?cb1f7f00bd8a2ea3ea80469872686cd0) center no-repeat;
background-size: contain;
}
}
.user-info__header {
margin: 0 0 17px;
position: relative;
z-index: 2;
}
.user-info__content {
position: relative;
z-index: 2;
}
.user-info__title {
font: 32px/40px "RF Devi Ultra Bold", sans-serif;
color: #FFFFFF;
text-align: center;
margin: 0;
}
.user-info__message {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
text-align: center;
width: 50%;
margin: 0 auto;
}
.user-info__control {
width: 33.3333333333%;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
@media screen and (max-width: 767px) {
.user-info__control {
width: 75%;
}
}
.user-info__link {
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
color: #000000;
text-align: center;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
display: block;
background: #FFFFFF;
border-radius: 8px;
cursor: pointer;
}
.tvp {
height: 100%;
}
.live-main-item--collapsed-tvp .tvp .datepicker__input {
width: 124px;
position: relative;
}
@media only screen and (min-width: 1024px) {
.live-main-item--collapsed-tvp .tvp .datepicker__input {
left: 24px;
}
}
.live-main-item--collapsed-tvp .tvp .tvp__datepicker {
width: 24px;
height: 24px;
background: transparent;
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
}
.live-main-item--collapsed-tvp .tvp .datepicker__button {
height: 100%;
}
@media only screen and (max-width: 1024px) {
.live-main-item--collapsed-tvp .tvp .datepicker {
position: relative;
}
.live-main-item--collapsed-tvp .tvp .datepicker__button {
position: absolute;
right: 5px;
top: -1px;
}
}
@media screen and (max-width: 767px) {
.tvp {
height: 35vh;
}
}
.live-main-item--loading .tvp:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 3;
}
.tvp__header {
opacity: 1;
overflow: hidden;
position: absolute;
z-index: 1;
top: 16px;
right: 52px;
transform: rotate(-90deg);
transform-origin: top right;
}
.live-main-item--collapsed-tvp .tvp__header,
.live-main-item--extended-tvp .tvp__header {
opacity: 0;
}
@media screen and (max-width: 767px) {
.live-main-item--collapsed-tvp .tvp__header,
.live-main-item--extended-tvp .tvp__header {
display: none;
}
}
@media screen and (max-width: 767px) {
.tvp__header {
display: none;
}
}
.tvp__content {
position: relative;
height: 100%;
z-index: 2;
display: none;
}
.live-main-item--collapsed-tvp .tvp__content,
.live-main-item--extended-tvp .tvp__content {
display: block;
}
@media screen and (max-width: 767px) {
.tvp__content {
display: block;
}
}
.tvp__content .tvp__control {
position: relative;
padding: 16px;
display: flex;
flex-flow: row nowrap;
align-items: center;
border-bottom: 2px solid #1d1d1d;
}
.live-main-item--collapsed-tvp .tvp__content .tvp__control {
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.live-main-item--collapsed-tvp .tvp__content .tvp__control {
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.tvp__control {
justify-content: center;
}
}
.tvp__date-switcher {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
align-items: center;
flex: 0 1 100%;
}
.live-main-item--collapsed-tvp .tvp__date-switcher {
background: rgba(255, 255, 255, 0.15);
border-radius: 8px;
flex: 0 1 auto;
}
@media screen and (max-width: 767px) {
.tvp__date-switcher {
background: rgba(255, 255, 255, 0.15);
border-radius: 8px;
flex: 0 1 auto;
}
}
.live-main-item--extended-tvp .tvp__datepicker {
position: absolute;
top: 16px;
right: 16px;
}
@media screen and (max-width: 767px) {
.live-main-item--extended-tvp .tvp__datepicker {
position: relative;
top: auto;
right: auto;
}
}
.live-main-item--collapsed-tvp .tvp__datepicker {
position: relative;
}
.tvp__scroll {
margin: 14px 0;
overflow: hidden;
height: calc(100% - 95px);
position: relative;
}
.tvp__scroll.on-top:before {
display: none;
}
.tvp__scroll.on-bottom:after {
display: none;
}
.tvp__scroll:before,
.tvp__scroll:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 15%;
z-index: 2;
}
.tvp__scroll:before {
top: 0;
background: linear-gradient(0deg, rgba(38, 38, 38, 0) 0, #262626 100%);
}
.tvp__scroll:after {
bottom: 0;
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 0, #262626 100%);
}
.tvp__holder {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.live-main-item--extended-tvp .tvp__holder {
padding: 0 19px;
}
.live-main-item--collapsed-tvp .tvp__holder {
padding: 0 24px 0 16px;
}
.tvp__list {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
flex: 0 0 30%;
}
.live-main-item--extended-tvp .tvp__list {
display: block;
}
@media screen and (max-width: 767px) {
.live-main-item--extended-tvp .tvp__list {
display: none;
}
.live-main-item--extended-tvp .tvp__list--active {
display: block;
flex: 0 0 100%;
}
}
.live-main-item--collapsed-tvp .tvp__list {
display: none;
}
.live-main-item--collapsed-tvp .tvp__list--active {
display: block;
flex: 0 0 100%;
}
@media screen and (max-width: 767px) {
.tvp__list {
display: none;
}
.tvp__list--active {
display: block;
flex: 0 0 100%;
}
}
.tvp__empty {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
text-align: center;
width: 100%;
padding: 8px 0 0;
}
.tvp__button {
-webkit-appearance: none;
height: 32px;
width: 32px;
border: none;
outline: none;
cursor: pointer;
}
.tvp__button--date {
font: 14px/32px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
background: transparent;
padding: 0 16px;
width: auto;
border-radius: 32px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tvp__button--date.tvp__button--active {
color: #000000;
background: #FFFFFF;
}
.live-main-item--collapsed-tvp .tvp__button--date {
display: none;
}
.live-main-item--collapsed-tvp .tvp__button--date.tvp__button--active {
display: -webkit-box;
background: transparent;
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.tvp__button--date {
display: none;
}
.tvp__button--date.tvp__button--active {
display: block;
background: transparent;
color: #FFFFFF;
}
}
.tvp__button--show {
font: 16px/32px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 48px 0 0;
width: auto;
background: transparent url(/i/show.svg?1658fb31a4196341fea4a34bbbe01e17) right center/32px no-repeat;
}
.tvp__button--extend {
background: transparent url(/i/extend.svg?302b4697bc0f91f83978c59853e6c81b) center/cover no-repeat;
}
.live-main-item--extended-tvp .tvp__button--extend {
display: none;
}
.live-main-item--collapsed-tvp .tvp__button--extend {
display: block;
position: relative;
}
@media screen and (max-width: 767px) {
.live-main-item--collapsed-tvp .tvp__button--extend {
display: none;
}
}
@media screen and (max-width: 767px) {
.tvp__button--extend {
display: none;
}
}
.tvp__button--hide {
background: transparent url(/i/hide.svg?c2d2162ea9e8145056a0cd13871f2972) center/cover no-repeat;
}
.live-main-item--extended-tvp .tvp__button--hide {
display: none;
}
.live-main-item--collapsed-tvp .tvp__button--hide {
position: relative;
}
@media screen and (max-width: 767px) {
.tvp__button--hide {
display: none;
}
}
.tvp__button--collapse {
background: transparent url(/i/hide.svg?c2d2162ea9e8145056a0cd13871f2972) center/cover no-repeat;
}
.live-main-item--extended-tvp .tvp__button--collapse {
position: absolute;
top: 16px;
left: 16px;
}
@media screen and (max-width: 767px) {
.live-main-item--extended-tvp .tvp__button--collapse {
display: none;
}
}
.live-main-item--collapsed-tvp .tvp__button--collapse {
display: none;
}
@media screen and (max-width: 767px) {
.tvp__button--collapse {
display: none;
}
}
.tvp__button--prev-date {
z-index: 6;
background: transparent url(/i/arrow-left-white.svg?d3c12b8e7edd731e48a67ad06b6406e9) center/auto 12px no-repeat;
}
@media screen and (max-width: 1023px) {
.tvp__button--prev-date {
display: none;
}
}
@media screen and (max-width: 767px) {
.tvp__button--prev-date {
display: block;
}
}
.live-main-item--extended-tvp .tvp__button--prev-date {
position: absolute;
top: 16px;
left: 56px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.15) url(/i/arrow-left-white.svg?d3c12b8e7edd731e48a67ad06b6406e9) center/auto 12px no-repeat;
}
@media screen and (max-width: 767px) {
.live-main-item--extended-tvp .tvp__button--prev-date {
background: transparent url(/i/arrow-left-white.svg?d3c12b8e7edd731e48a67ad06b6406e9) center/auto 12px no-repeat;
top: auto;
left: auto;
position: relative;
}
}
.live-main-item--collapsed-tvp .tvp__button--prev-date {
position: relative;
}
.tvp__button--next-date {
z-index: 6;
background: transparent url(/i/arrow-right-white.svg?3b9de1efda71889d43230bbec788c8c6) center/auto 12px no-repeat;
}
@media screen and (max-width: 1023px) {
.tvp__button--next-date {
display: none;
}
}
@media screen and (max-width: 767px) {
.tvp__button--next-date {
display: block;
}
}
.live-main-item--extended-tvp .tvp__button--next-date {
position: absolute;
top: 16px;
right: 56px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.15) url(/i/arrow-right-white.svg?3b9de1efda71889d43230bbec788c8c6) center/auto 12px no-repeat;
}
@media screen and (max-width: 767px) {
.live-main-item--extended-tvp .tvp__button--next-date {
position: relative;
top: auto;
right: auto;
background: transparent url(/i/arrow-right-white.svg?3b9de1efda71889d43230bbec788c8c6) center/auto 12px no-repeat;
}
}
.live-main-item--collapsed-tvp .tvp__button--next-date {
position: relative;
}
.tvp-slot {
margin: 0 8px 16px;
}
.tvp-slot:last-child {
margin: 0 8px;
}
.tvp-slot--has-picture {
margin: 0 0 16px;
padding: 0 8px;
}
.tvp-slot--in-air {
margin: 0 0 16px;
padding: 6px 8px;
background: rgba(255, 255, 255, 0.25);
border-radius: 4px;
}
.tvp-slot--in-air.tvp-slot--has-picture {
padding: 16px 8px;
}
.tvp-slot__preview {
display: flex;
flex-flow: row nowrap;
margin: 0 0 8px;
}
.tvp-slot__info {
display: flex;
flex-flow: row nowrap;
}
.tvp-slot__picture {
margin: 0;
flex: 0 1 100%;
border-radius: 8px;
overflow: hidden;
order: 2;
}
.tvp-slot__picture img {
width: 100%;
height: auto;
vertical-align: top;
}
.tvp-slot__title {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
margin: 0 0 auto;
flex: 0 1 100%;
position: relative;
padding: 0 32px 0 0;
order: 2;
}
.tvp-slot--passed .tvp-slot__title .name {
color: #93A1B0;
}
.tvp-slot--in-air .tvp-slot__title .name {
color: #FFFFFF;
}
.tvp-slot--future .tvp-slot__title .name {
color: #FFFFFF;
}
.tvp-slot--passed .tvp-slot__title .category {
color: #93A1B0;
}
.tvp-slot--in-air .tvp-slot__title .category {
color: #FFFFFF;
}
.tvp-slot--future .tvp-slot__title .category {
color: #93A1B0;
}
.tvp-slot--passed .tvp-slot__title .restriction {
color: #93A1B0;
}
.tvp-slot--in-air .tvp-slot__title .restriction {
color: #FFFFFF;
}
.tvp-slot--future .tvp-slot__title .restriction {
color: #93A1B0;
}
.tvp-slot__title .subtitles {
display: block;
height: 20px;
width: 20px;
position: absolute;
top: 0;
right: 0;
background: transparent url(/i/subtitles.svg?ba6dc8c575e0a8dcaca0b49333471fec) center/cover no-repeat;
}
.tvp-slot__time {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
flex: 0 0 44px;
order: 1;
}
.tvp-slot__preview .tvp-slot__time {
margin: auto 16px auto 0;
}
.tvp-slot__info .tvp-slot__time {
margin: 0 16px auto 0;
}
.tvp-slot--has-picture .tvp-slot__info .tvp-slot__time {
opacity: 0;
}
.tvp-slot--passed .tvp-slot__time {
color: #93A1B0;
}
.tvp-slot--in-air .tvp-slot__time {
color: #FFFFFF;
}
.tvp-slot--future .tvp-slot__time {
color: #93A1B0;
}
.tvp-slot__link {
color: inherit;
text-decoration: none;
}
.slot-info {
overflow: hidden;
}
.slot-info__header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 16px 16px 11px 32px;
}
.slot-info__content {
padding: 0 32px 32px;
}
.slot-info__button {
display: block;
-webkit-appearance: none;
border: 0;
outline: 0;
cursor: pointer;
}
.slot-info__button--hide {
height: 32px;
width: 32px;
background: transparent url(/i/hide.svg?c2d2162ea9e8145056a0cd13871f2972) center/cover no-repeat;
flex: 0 0 32px;
}
.compilation-header {
padding: 165px 0 100px;
position: relative;
}
.layout--theme .compilation-header {
padding: 150px 0 110px;
}
.layout--brands-tag .compilation-header {
padding: 70px 0 70px;
}
.layout--videos .compilation-header,
.layout--all-tag .compilation-header {
padding: 75px 0 100px;
}
@media screen and (max-width: 767px) {
.compilation-header {
padding: 45px 0 21px;
}
}
.compilation-header__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media screen and (max-width: 767px) {
.compilation-header__background {
display: none;
}
}
.compilation-header__background:after {
content: "";
position: absolute;
top: 0;
left: -16px;
width: calc(100% + 32px);
height: 100%;
background: rgba(12, 11, 40, 0.7);
}
.layout--videos .compilation-header__background:after,
.layout--podcasts-tag .compilation-header__background:after,
.layout--all-tag .compilation-header__background:after,
.layout--brands-tag .compilation-header__background:after {
background: transparent;
}
.layout--articles .compilation-header__background:after {
background: #F7F8F9;
}
.compilation-header__background img {
position: absolute;
top: 0;
left: -16px;
width: calc(100% + 32px);
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.compilation-header__title {
font: 18px/24px "RF Devi Condensed Ultra Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 6px;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.compilation-header__title {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0;
}
}
.layout--theme .compilation-header__title {
margin: 0 0 9px;
}
.layout--all-tag .compilation-header__title {
margin: 0 0 17px;
}
.layout--brands-tag .compilation-header__title {
margin: 0 0 9px;
}
.compilation-header__content {
display: flex;
flex-flow: row wrap;
justify-content: center;
position: relative;
z-index: 2;
margin: -4px 0;
}
.compilation-header__content span {
color: #FFFFFF;
text-align: center;
margin: 4px 8px;
}
.layout--theme .compilation-header__content span {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.25px;
}
@media screen and (max-width: 767px) {
.layout--theme .compilation-header__content span {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
color: #403CF9;
letter-spacing: 0;
}
}
.layout--videos .compilation-header__content span,
.layout--all-tag .compilation-header__content span {
font: 28px/56px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
padding: 0 32px;
background: #B8C2CC;
height: 56px;
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout--videos .compilation-header__content span,
.layout--all-tag .compilation-header__content span {
font: 20px/40px "RF Devi Condensed Bold", sans-serif;
height: 40px;
padding: 0 16px;
letter-spacing: 2px;
}
}
.layout--podcasts-tag .compilation-header__content span,
.layout--brands-tag .compilation-header__content span {
font: 36px/48px "RF Devi Ultra Bold", sans-serif;
}
@media screen and (max-width: 767px) {
.layout--podcasts-tag .compilation-header__content span,
.layout--brands-tag .compilation-header__content span {
font: 24px/32px "RF Devi Ultra Bold", sans-serif;
}
}
.layout--podcasts-tag .compilation-header__content span:first-letter,
.layout--brands-tag .compilation-header__content span:first-letter {
text-transform: uppercase;
}
.layout--articles .compilation-header__content span {
font: 56px/48px "RF Devi Ultra Bold", sans-serif;
color: #000000;
letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
.layout--articles .compilation-header__content span {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: 0;
}
}
.compilation-header__control {
margin: 34px auto 0;
display: flex;
flex-flow: row nowrap;
justify-content: center;
position: relative;
z-index: 2;
}
.compilation-header__bookmark {
padding: 0 8px;
}
.compilation-header__geo {
padding: 0 8px;
}
.special-table {
padding: 0 8px;
}
.special-table.table-overflow {
position: relative;
}
.special-table.table-overflow:after {
width: 72px;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.special-table-inner {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 18px 0 50px 0;
}
.special-table h2 {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
text-transform: uppercase;
margin: 24px 0 16px 0;
}
.special-table--anons {
margin: 16px 0 24px 0;
position: relative;
z-index: 2;
}
.special-table--anons p {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
margin: auto;
padding: 0;
}
.special-table .align-left {
text-align: left;
}
.special-table .align-center {
text-align: center;
}
.special-table .align-right {
text-align: right;
}
.special-table table {
box-sizing: border-box;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.special-table table tr:nth-child(odd) {
background: #f7f8f9;
}
.special-table table th span,
.special-table table td span {
position: relative;
display: inline-block;
}
.special-table table th span:before,
.special-table table td span:before {
background-repeat: no-repeat;
background-size: cover;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.special-table table th span[data-medal=Золото],
.special-table table th span[data-medal=золото],
.special-table table th span[data-cel-medal=gold],
.special-table table td span[data-medal=Золото],
.special-table table td span[data-medal=золото],
.special-table table td span[data-cel-medal=gold] {
padding-left: 24px;
}
.special-table table th span[data-medal=Золото]:before,
.special-table table th span[data-medal=золото]:before,
.special-table table th span[data-cel-medal=gold]:before,
.special-table table td span[data-medal=Золото]:before,
.special-table table td span[data-medal=золото]:before,
.special-table table td span[data-cel-medal=gold]:before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41MDAwMSIgY3k9IjcuOTk5OTgiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguNTAwMDEgNy45OTk5OCkiIGZpbGw9IiNFNEJBNkEiLz4KPGNpcmNsZSBjeD0iOC41MDAwMSIgY3k9IjcuOTk5OTgiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguNTAwMDEgNy45OTk5OCkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xXzkxKSIgZmlsbC1vcGFjaXR5PSIwLjQ1Ii8+CjxjaXJjbGUgY3g9IjguNTAwMDEiIGN5PSI3Ljk5OTk4IiByPSI3LjUiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguNTAwMDEgNy45OTk5OCkiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzFfOTEpIiBzdHJva2Utb3BhY2l0eT0iMC43NSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfOTEiIHgxPSI4LjUwMDAxIiB5MT0iLTEuNzE2NjFlLTA1IiB4Mj0iOC41MDAwMSIgeTI9IjE2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMV85MSIgeDE9IjguNTAwMDEiIHkxPSItMS43MTY2MWUtMDUiIHgyPSI4LjUwMDAxIiB5Mj0iMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4yNiIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MTA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MjA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}
.special-table table th span[data-medal=Серебро],
.special-table table th span[data-medal=серебро],
.special-table table th span[data-cel-medal=silver],
.special-table table td span[data-medal=Серебро],
.special-table table td span[data-medal=серебро],
.special-table table td span[data-cel-medal=silver] {
padding-left: 24px;
}
.special-table table th span[data-medal=Серебро]:before,
.special-table table th span[data-medal=серебро]:before,
.special-table table th span[data-cel-medal=silver]:before,
.special-table table td span[data-medal=Серебро]:before,
.special-table table td span[data-medal=серебро]:before,
.special-table table td span[data-cel-medal=silver]:before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC4wMDAwMSIgY3k9IjcuOTk5OTgiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguMDAwMDEgNy45OTk5OCkiIGZpbGw9IiNBOEE4QTgiLz4KPGNpcmNsZSBjeD0iOC4wMDAwMSIgY3k9IjcuOTk5OTgiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguMDAwMDEgNy45OTk5OCkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xXzk0KSIgZmlsbC1vcGFjaXR5PSIwLjQ1Ii8+CjxjaXJjbGUgY3g9IjguMDAwMDEiIGN5PSI3Ljk5OTk4IiByPSI3LjUiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguMDAwMDEgNy45OTk5OCkiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzFfOTQpIiBzdHJva2Utb3BhY2l0eT0iMC43NSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfOTQiIHgxPSI4LjAwMDAxIiB5MT0iLTEuNzE2NjFlLTA1IiB4Mj0iOC4wMDAwMSIgeTI9IjE2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMV85NCIgeDE9IjguMDAwMDEiIHkxPSItMS43MTY2MWUtMDUiIHgyPSI4LjAwMDAxIiB5Mj0iMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4yNiIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MTA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MjA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}
.special-table table th span[data-medal=Бронза],
.special-table table th span[data-medal=бронза],
.special-table table th span[data-cel-medal=bronze],
.special-table table td span[data-medal=Бронза],
.special-table table td span[data-medal=бронза],
.special-table table td span[data-cel-medal=bronze] {
padding-left: 24px;
}
.special-table table th span[data-medal=Бронза]:before,
.special-table table th span[data-medal=бронза]:before,
.special-table table th span[data-cel-medal=bronze]:before,
.special-table table td span[data-medal=Бронза]:before,
.special-table table td span[data-medal=бронза]:before,
.special-table table td span[data-cel-medal=bronze]:before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC4wMDAwMSIgY3k9IjcuOTk5OTgiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguMDAwMDEgNy45OTk5OCkiIGZpbGw9IiNCNDhGN0IiLz4KPGNpcmNsZSBjeD0iOC4wMDAwMSIgY3k9IjcuOTk5OTgiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguMDAwMDEgNy45OTk5OCkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xXzk3KSIgZmlsbC1vcGFjaXR5PSIwLjQ1Ii8+CjxjaXJjbGUgY3g9IjguMDAwMDEiIGN5PSI3Ljk5OTk4IiByPSI3LjUiIHRyYW5zZm9ybT0icm90YXRlKDM1IDguMDAwMDEgNy45OTk5OCkiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzFfOTcpIiBzdHJva2Utb3BhY2l0eT0iMC43NSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfOTciIHgxPSI4LjAwMDAxIiB5MT0iLTEuNzE2NjFlLTA1IiB4Mj0iOC4wMDAwMSIgeTI9IjE2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMV85NyIgeDE9IjguMDAwMDEiIHkxPSItMS43MTY2MWUtMDUiIHgyPSI4LjAwMDAxIiB5Mj0iMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4yNiIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MTA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MjA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}
.special-table table th span[data-cel-medal=all],
.special-table table td span[data-cel-medal=all] {
padding-left: 40px;
}
.special-table table th span[data-cel-medal=all]:before,
.special-table table td span[data-cel-medal=all]:before {
width: 36px;
height: 24px;
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAzOSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTEuNSIgY3k9IjEyIiByPSI4IiB0cmFuc2Zvcm09InJvdGF0ZSgzNSAxMS41IDEyKSIgZmlsbD0iI0U0QkE2QSIvPgo8Y2lyY2xlIGN4PSIxMS41IiBjeT0iMTIiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDExLjUgMTIpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMV8xMDApIiBmaWxsLW9wYWNpdHk9IjAuNDUiLz4KPGNpcmNsZSBjeD0iMTEuNSIgY3k9IjEyIiByPSI3LjUiIHRyYW5zZm9ybT0icm90YXRlKDM1IDExLjUgMTIpIiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcl8xXzEwMCkiIHN0cm9rZS1vcGFjaXR5PSIwLjc1Ii8+CjxjaXJjbGUgY3g9IjE5LjUiIGN5PSIxMiIgcj0iOCIgdHJhbnNmb3JtPSJyb3RhdGUoMzUgMTkuNSAxMikiIGZpbGw9IiNBOEE4QTgiLz4KPGNpcmNsZSBjeD0iMTkuNSIgY3k9IjEyIiByPSI4IiB0cmFuc2Zvcm09InJvdGF0ZSgzNSAxOS41IDEyKSIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzFfMTAwKSIgZmlsbC1vcGFjaXR5PSIwLjQ1Ii8+CjxjaXJjbGUgY3g9IjE5LjUiIGN5PSIxMiIgcj0iNy41IiB0cmFuc2Zvcm09InJvdGF0ZSgzNSAxOS41IDEyKSIgc3Ryb2tlPSJ1cmwoI3BhaW50M19saW5lYXJfMV8xMDApIiBzdHJva2Utb3BhY2l0eT0iMC43NSIvPgo8Y2lyY2xlIGN4PSIyNy41IiBjeT0iMTIiIHI9IjgiIHRyYW5zZm9ybT0icm90YXRlKDM1IDI3LjUgMTIpIiBmaWxsPSIjQjQ4RjdCIi8+CjxjaXJjbGUgY3g9IjI3LjUiIGN5PSIxMiIgcj0iOCIgdHJhbnNmb3JtPSJyb3RhdGUoMzUgMjcuNSAxMikiIGZpbGw9InVybCgjcGFpbnQ0X2xpbmVhcl8xXzEwMCkiIGZpbGwtb3BhY2l0eT0iMC40NSIvPgo8Y2lyY2xlIGN4PSIyNy41IiBjeT0iMTIiIHI9IjcuNSIgdHJhbnNmb3JtPSJyb3RhdGUoMzUgMjcuNSAxMikiIHN0cm9rZT0idXJsKCNwYWludDVfbGluZWFyXzFfMTAwKSIgc3Ryb2tlLW9wYWNpdHk9IjAuNzUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xXzEwMCIgeDE9IjExLjUiIHkxPSIzLjk5OTk4IiB4Mj0iMTEuNSIgeTI9IjIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMV8xMDAiIHgxPSIxMS41IiB5MT0iMy45OTk5OCIgeDI9IjExLjUiIHkyPSIyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjI2Ii8+CjxzdG9wIG9mZnNldD0iMC41MDUxMDgiIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMC41MDUyMDgiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMV8xMDAiIHgxPSIxOS41IiB5MT0iMy45OTk5OCIgeDI9IjE5LjUiIHkyPSIyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzFfMTAwIiB4MT0iMTkuNSIgeTE9IjMuOTk5OTgiIHgyPSIxOS41IiB5Mj0iMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4yNiIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MTA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA1MjA4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyXzFfMTAwIiB4MT0iMjcuNSIgeTE9IjMuOTk5OTgiIHgyPSIyNy41IiB5Mj0iMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ1X2xpbmVhcl8xXzEwMCIgeDE9IjI3LjUiIHkxPSIzLjk5OTk4IiB4Mj0iMjcuNSIgeTI9IjIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMjYiLz4KPHN0b3Agb2Zmc2V0PSIwLjUwNTEwOCIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjUwNTIwOCIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
background-position: -3px 0;
}
.special-table table th {
font: 11px/16px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
color: #000000;
text-transform: uppercase;
padding: 10px 16px;
border-right: 1px solid #ffffff;
background: #eff1f3;
position: relative;
}
.special-table table th.sortable {
cursor: pointer;
}
.special-table table th.sortable span {
padding-right: 16px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4xNDE4NSA1LjVMOC4xNDE4NSAwLjVMMC4xNDE4NDYgMC41TDQuMTQxODUgNS41WiIgZmlsbD0iI0I4QzJDQyIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-position: right;
}
.special-table table th.sortable.active {
background: #ffffff;
}
.special-table table th.sortable.desc span {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNCA1LjVMOCAwLjVMMCAwLjVMNCA1LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
}
.special-table table th.sortable.asc span {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC42NDE4NSAwLjVMOC42NDE4NSA1LjVMMC42NDE4NDYgNS41TDQuNjQxODUgMC41WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
}
.special-table table:first-child th:first-child {
border-top-left-radius: 8px;
}
.special-table table:first-child th:last-child {
border-top-right-radius: 8px;
border-right: 0;
}
.special-table table:first-child td:first-child {
border-top-left-radius: 8px;
}
.special-table table:first-child td:last-child {
border-top-right-radius: 8px;
}
.special-table table:last-child td:first-child {
border-bottom-left-radius: 8px;
}
.special-table table:last-child td:last-child {
border-bottom-right-radius: 8px;
}
.special-table table td {
padding: 16px;
font: 13px/16px "RF Devi Semi Bold", sans-serif;
vertical-align: top;
min-width: 150px;
}
.special-table table td:first-of-type {
width: 1px;
white-space: nowrap;
min-width: auto;
}
.special-table table .special-cel-pic {
position: relative;
padding-left: 32px;
min-height: 24px;
display: flex;
align-items: center;
text-decoration: none;
color: #000000;
text-align: left;
}
.special-table table .special-cel-pic:hover {
text-decoration: underline;
}
.special-table table .special-cel-bg {
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
border-radius: 50%;
}
.special-table table .special-cel-person {
min-width: 150px;
}
.special-table table .special-cel-person.more {
padding-bottom: 8px;
}
.special-table table .special-cel-person ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.special-table table .special-cel-person ul li {
font: inherit;
display: flex;
align-items: center;
margin: 4px 8px 4px 0;
}
.special-table table .special-cel-person.align-center ul {
justify-content: center;
}
.special-table table .special-cel-person.align-right ul {
justify-content: right;
}
.special-table table .special-cel-person.more ul {
margin-top: -8px;
}
.special-table table .special-cel-person.more li {
margin: 4px 8px 4px 0;
}
.special-table table .special-cel-person.more .special-cel-pic {
min-height: 24px;
}
.special-table table .special-cel-live ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.special-table table .special-cel-live li {
font: inherit;
display: flex;
align-items: center;
margin: 4px 8px 4px 0;
}
.special-table table .special-cel-live li a {
color: #000000;
position: relative;
padding-left: 40px;
min-height: 24px;
display: flex;
align-items: center;
text-align: left;
}
.special-table table .special-cel-live li a:hover {
text-decoration: underline;
}
.special-table table .special-cel-live li a:before {
content: "";
width: 24px;
height: 24px;
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPG1hc2sgaWQ9Im1hc2swXzFfNDk4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPiA8cGF0aCBkPSJNMTIgMjRDMTguNjI3NCAyNCAyNCAxOC42Mjc0IDI0IDEyQzI0IDUuMzcyNTggMTguNjI3NCAwIDEyIDBDNS4zNzI1OCAwIDAgNS4zNzI1OCAwIDEyQzAgMTguNjI3NCA1LjM3MjU4IDI0IDEyIDI0WiIgZmlsbD0iIzAwMDBDQiIvPiA8L21hc2s+IDxnIG1hc2s9InVybCgjbWFzazBfMV80OTgpIj4gPHBhdGggZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFoiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF8xXzQ5OCkiLz4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tMTUuMiAtMjAuNTMzNFYzMy44NjY2TDI1LjYgNi42NjY1NUwtMTUuMiAtMjAuNTMzNFoiIGZpbGw9InVybCgjcGFpbnQxX3JhZGlhbF8xXzQ5OCkiLz4gPHBhdGggZD0iTTEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNFoiIGZpbGw9InVybCgjcGFpbnQyX3JhZGlhbF8xXzQ5OCkiLz4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OS42IC0yMS4wNjY3VjMzLjMzMzRMOC43OTk5OSA2LjEzMzM1TDQ5LjYgLTIxLjA2NjdaIiBmaWxsPSJ1cmwoI3BhaW50M19yYWRpYWxfMV80OTgpIi8+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43OTk5OSA2LjEzMzNWMTcuODY2NkwxNy42IDEyTDguNzk5OTkgNi4xMzMzWiIgZmlsbD0idXJsKCNwYWludDRfbGluZWFyXzFfNDk4KSIvPiA8cGF0aCBkPSJNMTIgMjMuNzMzM0MxOC40ODAxIDIzLjczMzMgMjMuNzMzMyAxOC40ODAxIDIzLjczMzMgMTEuOTk5OUMyMy43MzMzIDUuNTE5NzkgMTguNDgwMSAwLjI2NjYwMiAxMiAwLjI2NjYwMkM1LjUxOTg2IDAuMjY2NjAyIDAuMjY2NjYzIDUuNTE5NzkgMC4yNjY2NjMgMTEuOTk5OUMwLjI2NjY2MyAxOC40ODAxIDUuNTE5ODYgMjMuNzMzMyAxMiAyMy43MzMzWiIgc3Ryb2tlPSJ1cmwoI3BhaW50NV9saW5lYXJfMV80OTgpIiBzdHJva2Utd2lkdGg9IjIiLz4gPC9nPiA8ZGVmcz4gPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzFfNDk4IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjQgMjguNCkgcm90YXRlKC00NSkgc2NhbGUoNTMuMTc0NCkiPiA8c3RvcCBvZmZzZXQ9IjAuMDYyODUzOSIgc3RvcC1jb2xvcj0iI0ZGOTYwMCIvPiA8c3RvcCBvZmZzZXQ9IjAuMzUxODY0IiBzdG9wLWNvbG9yPSIjRTgwMDAwIi8+IDwvcmFkaWFsR3JhZGllbnQ+IDxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbF8xXzQ5OCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg2LjY2NjY1IDI5Ljk5OTkpIHJvdGF0ZSgtOTApIHNjYWxlKDIyLjUzMzMpIj4gPHN0b3Agc3RvcC1jb2xvcj0iIzk2MDAwMCIvPiA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjAwMDAiLz4gPC9yYWRpYWxHcmFkaWVudD4gPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDJfcmFkaWFsXzFfNDk4IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDQ1KSBzY2FsZSgzMy45NDExIDQ1LjI1NDgpIj4gPHN0b3Agb2Zmc2V0PSIwLjE1NzEzNSIgc3RvcC1jb2xvcj0iI0ZGMDA2NCIvPiA8c3RvcCBvZmZzZXQ9IjAuNTI4NTk2IiBzdG9wLWNvbG9yPSIjRDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4gPC9yYWRpYWxHcmFkaWVudD4gPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDNfcmFkaWFsXzFfNDk4IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDguNzk5OTkgMi40MDAwMikgcm90YXRlKDkwKSBzY2FsZSgxNS42IDE4LjIpIj4gPHN0b3Agc3RvcC1jb2xvcj0iIzQyMDBGRiIvPiA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4NDAwN0EiIHN0b3Atb3BhY2l0eT0iMCIvPiA8L3JhZGlhbEdyYWRpZW50PiA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMV80OTgiIHgxPSIxMy4yMzIiIHkxPSI2LjE4Mzk3IiB4Mj0iMTMuMjMyIiB5Mj0iMTcuOTE3MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPiA8c3RvcCBvZmZzZXQ9IjAuNjIiIHN0b3AtY29sb3I9IiNGREZFRkUiLz4gPHN0b3Agb2Zmc2V0PSIwLjg1IiBzdG9wLWNvbG9yPSIjRjZGOUZCIi8+IDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VCRjBGNSIvPiA8L2xpbmVhckdyYWRpZW50PiA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NV9saW5lYXJfMV80OTgiIHgxPSIxOC45NTQ3IiB5MT0iNC44OTA2IiB4Mj0iNC44NzQ2NiIgeTI9IjE4Ljk3MDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPiA8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC41Ii8+IDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPiA8L2xpbmVhckdyYWRpZW50PiA8L2RlZnM+IDwvc3ZnPiA=");
background-repeat: no-repeat;
background-size: cover;
}
.special-table table .special-cel-pictures div {
max-width: 160px;
}
.special-table table .special-cel-pictures div img {
width: 100%;
height: auto;
vertical-align: top;
border-radius: 4px;
}
.special-table table .special-cel-pictures.align-center div {
margin: 0 auto;
}
@keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.special-table:before {
content: "";
width: 100%;
padding-bottom: 30%;
margin: 30px 0;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzc2IiBoZWlnaHQ9IjIzMiIgdmlld0JveD0iMCAwIDc3NiAyMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI3NzYiIGhlaWdodD0iMjMyIiByeD0iOCIgZmlsbD0iI0Y3RjhGOSIvPgo8cmVjdCB3aWR0aD0iNzc2IiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iNDQiIGhlaWdodD0iNDAiIGZpbGw9IiNFRkYxRjMiLz4KPHJlY3Qgd2lkdGg9IjM2NCIgaGVpZ2h0PSI0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYpIiBmaWxsPSIjRUZGMUYzIi8+CjxyZWN0IHdpZHRoPSIzNjQiIGhlaWdodD0iNDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxMikiIGZpbGw9IiNFRkYxRjMiLz4KPHJlY3Qgd2lkdGg9Ijc3NiIgaGVpZ2h0PSI0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA0MCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHdpZHRoPSI3NzYiIGhlaWdodD0iNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTM2KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat;
background-size: contain;
display: block;
-webkit-animation: flickerAnimation 3s infinite;
animation: flickerAnimation 3s infinite;
}
.special-table.loaded:before {
display: none;
}
.app--page-pick .table {
width: 100%;
}
.table__title {
font: 16px/20px "SF Pro Display Heavy", sans-serif;
text-transform: none;
padding: 0 8px;
}
.list-item--article {
flex: 0 0 18.75%;
width: 18.75%;
}
@media screen and (max-width: 767px) {
.list-item--article {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--article {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--article {
flex: 0 0 50%;
width: 50%;
}
}
.layout__wrapper--aside .section--tmpl-aside-news .list-item--article {
width: 100%;
padding: 0;
margin: 0 0 30px;
}
.list-item--article .list-item__info {
position: relative;
}
.list-item--article .list-item__picture {
padding: 0 0 56.25%;
}
.list-item--article .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
}
.list-item--article .list-item__duration {
right: 8px;
bottom: auto;
top: -30px;
}
.section--dark .list-item--article .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-landscape.svg?d267fa19c960908b7833951788e5425c) center/cover no-repeat;
}
.article-main-item {
margin: 47px 0 32px;
}
@media screen and (max-width: 767px) {
.article-main-item {
margin: 16px 0 40px;
}
}
.article-main-item__header {
position: relative;
}
@media screen and (max-width: 767px) {
.article-main-item__media {
margin-top: 10px;
}
}
.article-main-item__content {
margin: 0 0 32px 0;
}
.article-main-item__info {
display: flex;
flex-flow: row wrap;
padding: 0 8px;
margin: 0 0 40px;
}
@media screen and (max-width: 1023px) {
.article-main-item__info {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.article-main-item__info {
padding: 0 4px;
margin: 0 0 8px;
}
}
.article-main-item__theme {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #403CF9;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
margin: auto 24px auto 0;
padding: 0 24px 0 16px;
border-radius: 8px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-color: rgba(64, 60, 249, 0.1);
background-size: 8px 10px;
background-position: bottom 11px right 14px;
}
@media screen and (max-width: 767px) {
.article-main-item__theme {
order: 1;
}
}
.article-main-item__date {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
margin: auto 24px auto 0;
display: block;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.article-main-item__date {
order: 3;
}
}
.article-main-item__authors {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
margin: auto 0;
padding: 0;
display: block;
white-space: nowrap;
list-style: none;
}
@media screen and (max-width: 767px) {
.article-main-item__authors {
order: 4;
}
}
.article-main-item__authors li {
display: inline-block;
}
.article-main-item__authors li:after {
content: ",";
}
.article-main-item__authors li:last-child:after {
display: none;
}
.article-main-item__title {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
color: #000000;
letter-spacing: -0.25px;
margin: 10px 0 0;
flex: 0 0 100%;
}
@media screen and (max-width: 767px) {
.article-main-item__title {
font: 24px/28px "RF Devi Bold", sans-serif;
flex: 0 1 auto;
margin: 8px 0 8px;
order: 2;
padding-right: 64px;
}
}
.article-main-item__social {
position: absolute;
top: 40px;
left: -22.2222222222%;
width: 22.2222222222%;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.article-main-item__social {
left: auto;
right: 0;
top: 0;
}
}
.article-main-item__bookmark {
padding: 0 8px;
}
.article-main-item__anons {
font: 20px/32px "RF Devi Condensed Bold", sans-serif;
color: #000000;
padding: 32px;
background: #F7F8F9;
margin: 0 8px 26px;
}
@media screen and (max-width: 767px) {
.article-main-item__anons {
padding: 16px 20px 24px;
font: 18px/24px "RF Devi Condensed Bold", sans-serif;
margin: 0 -16px 22px;
}
}
.article-main-item__body {
font: 18px/28px "RF Devi Regular", sans-serif;
color: #000000;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.article-main-item__body {
font: 16px/24px "RF Devi Regular", sans-serif;
padding: 0 4px;
}
}
.article-main-item__body h1,
.article-main-item__body h2,
.article-main-item__body h3,
.article-main-item__body h4,
.article-main-item__body h5,
.article-main-item__body h6 {
font-weight: normal;
}
.article-main-item__body h1 a,
.article-main-item__body h2 a,
.article-main-item__body h3 a,
.article-main-item__body h4 a,
.article-main-item__body h5 a,
.article-main-item__body h6 a {
color: #000000;
text-decoration: none;
}
.article-main-item__body h1 strong,
.article-main-item__body h2 strong,
.article-main-item__body h3 strong,
.article-main-item__body h4 strong,
.article-main-item__body h5 strong,
.article-main-item__body h6 strong {
font-weight: normal;
}
.article-main-item__body p {
margin: 36px 0;
text-align: left !important;
}
.article-main-item__body p strong,
.article-main-item__body p b {
font: 18px/28px "RF Devi Bold", sans-serif;
}
.article-main-item__body p em,
.article-main-item__body p i {
font-style: normal;
}
@media screen and (max-width: 767px) {
.article-main-item__body p {
margin: 24px 0;
}
}
.article-main-item__body p a {
color: #403CF9;
text-decoration: none;
background: #403CF91A;
}
.article-main-item__body blockquote {
padding: 16px 0;
margin: 36px -8px;
position: relative;
display: flex;
flex-flow: row nowrap;
flex-wrap: wrap;
}
.article-main-item__body blockquote:before {
content: "";
position: absolute;
top: 0;
left: 8px;
width: 4px;
height: 100%;
background: #FF0000;
}
@media screen and (max-width: 767px) {
.article-main-item__body blockquote:before {
left: 4px;
}
}
@media screen and (max-width: 767px) {
.article-main-item__body blockquote {
margin: 24px -4px;
}
}
.article-main-item__body blockquote p {
font: 20px/30px "RF Devi Condensed Bold", sans-serif;
margin: 0 0 0 8.3333333333%;
padding: 0 8px;
}
.article-main-item__body blockquote p:last-child {
margin: 0 0 0 8.3333333333%;
}
@media screen and (max-width: 767px) {
.article-main-item__body blockquote p {
font: 20px/24px "RF Devi Condensed Bold", sans-serif;
padding: 0 4px;
margin: 0 0 0 16px;
}
.article-main-item__body blockquote p:last-child {
margin: 0 0 0 16px;
}
}
.article-main-item__body div[style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"] {
margin: 36px 0;
}
@media screen and (max-width: 767px) {
.article-main-item__body div[style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"] {
margin: 24px 0;
}
}
.article-main-item__tags {
margin: 16px 0 0;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.article-main-item__tags {
padding: 0 4px;
}
}
.article-media {
margin: 0 0 32px;
}
.multipe .article-media {
margin: 0;
}
@media screen and (max-width: 767px) {
.article-media {
margin: 0;
}
}
.article-media__info {
font: 16px/18px "RF Devi Semi Bold", sans-serif;
position: absolute;
bottom: 24px;
left: 10%;
right: 10%;
background: rgba(38, 38, 38, 0.75);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-radius: 8px;
color: #ffffffcc;
padding: 4px 8px;
}
.article-media__thumbs .article-media__info {
display: none;
}
.article-media__copy {
font: 11px/14px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
text-transform: uppercase;
position: absolute;
top: 0;
left: -11.1111111111%;
width: calc(11.1111111111% - 0px);
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: rotate(180deg);
text-align: right;
height: 100%;
}
.article-media__thumbs .article-media__copy {
display: none;
}
.article-media__source {
position: absolute;
bottom: 0;
left: 16px;
}
.article-media__link {
text-decoration: none;
color: #B8C2CC;
}
.article-media__slider {
position: relative;
z-index: 1;
}
.article-media__thumbs {
position: relative;
transform: translateY(-30%);
z-index: 2;
display: none;
}
.article-media-slider--initialized .article-media__thumbs {
display: block;
}
@media screen and (max-width: 767px) {
.article-media-slider--initialized .article-media__thumbs {
margin-bottom: 16px;
}
}
@media screen and (max-width: 767px) {
.article-media__thumbs {
transform: translateY(0);
}
}
.article-media-slider {
margin: 0 auto;
position: relative;
}
.article-media-slider__wrapper {
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.article-media__slider .article-media-slider__wrapper {
padding: 0;
margin: 0 -16px;
}
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__wrapper {
padding: 0;
}
}
.article-media-slider__content {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
margin: 0 -22.2222222222%;
padding: 0 22.2222222222%;
box-sizing: content-box;
}
.article-media__thumbs .article-media-slider__content {
margin: 0 -8px;
padding: 0;
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__content {
margin: 0;
}
}
.article-media-slider__list {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
list-style: none;
}
.article-media__thumbs .article-media-slider__list {
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__list {
align-items: inherit;
justify-content: inherit;
}
}
.article-media-slider__item {
flex-shrink: 0;
width: auto;
height: auto;
position: relative;
transition-property: transform;
box-sizing: border-box;
width: 100%;
}
.article-media-slider__item:nth-child(2) {
opacity: 0;
}
.article-media-slider__item--next,
.article-media-slider__item--prev {
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.article-media__thumbs .article-media-slider__item--next,
.article-media__thumbs .article-media-slider__item--prev {
opacity: 1;
}
.article-media-slider__item--active {
opacity: 1 !important;
}
.article-media__thumbs .article-media-slider__item {
padding: 0 8px;
max-width: 72px;
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__item {
padding: 0 4px;
width: 16.6666666667%;
max-width: inherit;
}
}
.article-media-slider__preview {
width: 100%;
}
.article-media__thumbs .article-media-slider__preview {
margin: 12px 0 0;
}
.article-media__thumbs .article-media-slider__preview:after {
content: "";
display: block;
margin: 8px 0 0;
width: 100%;
height: 4px;
background: transparent;
}
.article-media__thumbs .article-media-slider__item--selected .article-media-slider__preview:after {
background: #FF0000;
}
.article-media-slider__picture {
width: 100%;
padding: 0 0 56.25%;
position: relative;
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
}
.article-media__thumbs .article-media-slider__picture {
cursor: pointer;
padding: 0 0 100%;
border-radius: 8px;
overflow: hidden;
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.article-media-slider__picture img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
-o-object-fit: contain;
object-fit: contain;
}
.article-media-slider__player {
width: 100%;
position: relative;
}
.article-media-slider__player img {
border: 0;
outline: 0;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
.article-media-slider__player img {
z-index: 1;
}
.article-media-slider__player iframe {
z-index: 2;
}
.article-media-slider__navigation {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.article-media__thumbs .article-media-slider__navigation {
display: none;
}
@media screen and (max-width: 767px) {
.article-media-slider__navigation {
display: none;
}
}
.article-media-slider__button {
display: block;
outline: 0;
border: 0;
width: 48px;
height: 48px;
border-radius: 48px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-appearance: none;
position: absolute;
top: -24px;
opacity: 0;
}
.section__content--initialized .article-media-slider__button,
.article-media-slider--initialized .article-media-slider__button {
opacity: 1;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms, width 0ms ease 0ms;
}
.section__content--initialized .article-media-slider__button--disabled,
.article-media-slider--initialized .article-media-slider__button--disabled {
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
height: 0;
width: 0;
}
.article-media-slider__button--prev {
left: -16px;
background: transparent url(/i/slider-navigation-prev.svg?b796b331a7557d118f090f25c90fbb18) center/cover no-repeat;
}
.article-media-slider__button--next {
right: -16px;
background: transparent url(/i/slider-navigation-next.svg?da34ecce5ea9e35b000c233e05f84425) center/cover no-repeat;
}
.picture-insert {
margin: 36px 0;
position: relative;
}
@media screen and (max-width: 767px) {
.picture-insert {
margin: 21px 0;
}
}
.picture-insert__holder {
width: 100%;
height: auto;
}
.picture-insert__holder img {
width: 100%;
height: auto;
vertical-align: top;
border-radius: 8px;
}
.picture-insert__info {
margin: 8px 0 0;
}
@media screen and (max-width: 767px) {
.picture-insert__info {
margin: 5px 0 0;
position: relative;
top: auto;
left: auto;
transform: none;
}
}
.picture-insert__info a {
color: #403CF9;
}
.picture-insert__description {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
margin: 0 4px;
}
.picture-insert__author {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
margin: 0 4px;
}
.teaser {
display: flex;
flex-flow: row nowrap;
position: relative;
margin: 37px -8px 19px;
padding: 16px 0;
}
@media screen and (max-width: 767px) {
.teaser {
margin: 26px -4px 22px;
}
}
.teaser:before {
content: "";
position: absolute;
top: 0;
left: 8px;
height: 100%;
width: 4px;
background: #FF0000;
}
@media screen and (max-width: 767px) {
.teaser:before {
left: 4px;
}
}
.teaser .teaser_photo {
box-sizing: border-box;
width: 22.2222222222%;
flex: 0 0 22.2222222222%;
padding: 0 8px;
display: block;
order: 2;
}
@media screen and (max-width: 1023px) {
.teaser .teaser_photo {
width: 27.2727272727%;
flex: 0 0 27.2727272727%;
}
}
@media screen and (max-width: 767px) {
.teaser .teaser_photo {
display: none;
}
}
.teaser .teaser_photo img {
width: 100%;
height: auto;
vertical-align: top;
border-radius: 8px;
}
.teaser .wrapper-teaser {
box-sizing: border-box;
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
margin: 0 0 0 11.1111111111%;
padding: 0 8px;
display: block;
order: 1;
}
@media screen and (max-width: 1023px) {
.teaser .wrapper-teaser {
width: 45.4545454545%;
flex: 0 0 45.4545454545%;
margin: 0 0 0 9.0909090909%;
}
}
@media screen and (max-width: 767px) {
.teaser .wrapper-teaser {
margin: 0 0 0 16px;
flex: 0 1 100%;
width: 100%;
padding: 0 4px;
}
}
.teaser .teaser_title {
font: 20px/24px "RF Devi Bold", sans-serif;
color: #000000;
text-decoration: none;
}
.teaser .teaser_read {
display: none;
}
.vgtrk-widget-form-default {
background: #F7F8F9;
border-radius: 16px;
}
.vgtrk-widget-form-default .vgtrk-widget-form-control {
text-align: center;
background: transparent !important;
padding: 0 !important;
}
.vgtrk-widget-form-container {
padding: 32px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-control {
margin-top: 32px;
}
.vgtrk-widget-form-container *,
.vgtrk-widget-form-container *::before,
.vgtrk-widget-form-container *::after {
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.vgtrk-widget-form-container {
padding: 16px;
}
}
.vgtrk-widget-form-container .vgtrk-widget-form-header-title {
font: normal 18px/20px "RF Devi Semi Bold", sans-serif;
padding-bottom: 30px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-header-anons {
padding-bottom: 50px;
}
.article__body .vgtrk-widget-form-container p {
font: inherit;
padding: 0;
margin: 0;
}
.article__body .vgtrk-widget-form-container h3 {
padding: 0;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container h2 {
padding: 0 0 24px 0;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container h3 {
padding: 0;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container p {
padding: unset;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container .vgtrk-widget-form-note {
display: none;
}
.program-about__text .vgtrk-widget-form-container .vgtrk-widget-form-header-anons p {
margin: 10px 0;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-constraints {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main {
display: inline-block;
width: auto;
text-transform: none;
margin: 0 0 3px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main:after {
content: ".";
white-space: pre;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-el {
position: absolute;
display: block;
height: 100%;
width: 200%;
cursor: pointer;
top: 0;
left: -100%;
z-index: 2;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-el-value {
box-sizing: border-box;
display: block;
position: absolute;
top: 0;
left: 0;
padding: 0 16px;
height: 100%;
width: 100%;
line-height: 44px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-title {
position: relative;
padding: 0 30px 0 0;
margin: 0;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-label {
word-break: break-word;
font: inherit !important;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-label:after {
font: 14px/14px "RF Devi Bold", sans-serif;
content: " *";
color: #fff;
/*
content: "";
display: block;
position: absolute;
right: 0;
top: 5px;
width: 20px;
height: 20px;
*/
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required.vgtrk-widget-form-field-error .vgtrk-widget-form-field-title {
color: #FF0040;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required.vgtrk-widget-form-field-error .vgtrk-widget-form-field-title .vgtrk-widget-form-field-label:after {
color: #f0320a;
/*
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiNGRjAwNDAiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiNGRjAwNDAiLz4KPC9zdmc+Cg==') no-repeat;
*/
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-header {
padding: 0 !important;
margin: 0 0 16px !important;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-el {
font: normal 16px/18px "RF Devi Regular", sans-serif;
box-sizing: border-box;
display: block;
border: 0;
outline: 0;
height: 100%;
width: 100%;
padding: 0 16px;
background: transparent;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
height: 44px;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-date .vgtrk-widget-form-field-mask {
overflow: visible;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label {
padding: 0 0 0 32px;
display: block;
position: relative;
z-index: 3;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label a {
color: inherit;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label:after {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-input {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title {
font: normal 18px/22px "RF Devi Regular", sans-serif;
font-weight: 600;
position: relative;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox {
font: normal 13px/20px "RF Devi Regular", sans-serif;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 2px solid #494949;
border-radius: 4px;
z-index: 1;
}
.vgtrk-widget-form-field-error .vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox:before {
border: 1px solid #c8320a;
background: rgba(200, 50, 10, 0.2);
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checked:after {
content: "";
position: absolute;
display: block;
box-sizing: border-box;
top: -2px;
left: 7px;
height: 15px;
width: 10px;
border-right: 3px solid #FF0040;
border-bottom: 3px solid #FF0040;
transform: rotate(45deg);
z-index: 2;
}
.vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-repeat: no-repeat;
padding: 10px 44px 10px 16px;
}
.vgtrk-widget-form-container select.vgtrk-widget-form-field-el::-ms-expand {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info {
font: normal 13px/16px "RF Devi Regular", sans-serif;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
padding-top: 10px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info-counter {
font-size: 11px;
padding-top: 12px;
float: right;
color: #848586;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info-error {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field {
padding-bottom: 25px;
padding-top: 25px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field:first-child {
padding-top: 0;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-el {
resize: none;
height: 100%;
padding: 16px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-mask {
overflow: visible;
min-height: 180px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-info-help,
.vgtrk-widget-form-container .vgtrk-widget-form-field-text .vgtrk-widget-form-field-info-help {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-mask:after {
content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4Ni4zIDQ4Ni4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODYuMyA0ODYuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTUuNSwxMzUuOGMtNS4yLTMwLjktMjAuNS01OS4xLTQzLjktODAuNWMtMjYtMjMuOC01OS44LTM2LjktOTUtMzYuOWMtMjcuMiwwLTUzLjcsNy44LTc2LjQsMjIuNSAgICBjLTE4LjksMTIuMi0zNC42LDI4LjctNDUuNyw0OC4xYy00LjgtMC45LTkuOC0xLjQtMTQuOC0xLjRjLTQyLjUsMC03Ny4xLDM0LjYtNzcuMSw3Ny4xYzAsNS41LDAuNiwxMC44LDEuNiwxNiAgICBDMTYuNywyMDAuNywwLDIzMi45LDAsMjY3LjJjMCwyNy43LDEwLjMsNTQuNiwyOS4xLDc1LjljMTkuMywyMS44LDQ0LjgsMzQuNyw3MiwzNi4yYzAuMywwLDAuNSwwLDAuOCwwaDg2ICAgIGM3LjUsMCwxMy41LTYsMTMuNS0xMy41cy02LTEzLjUtMTMuNS0xMy41aC04NS42QzYxLjQsMzQ5LjgsMjcsMzEwLjksMjcsMjY3LjFjMC0yOC4zLDE1LjItNTQuNywzOS43LTY5ICAgIGM1LjctMy4zLDguMS0xMC4yLDUuOS0xNi40Yy0yLTUuNC0zLTExLjEtMy0xNy4yYzAtMjcuNiwyMi41LTUwLjEsNTAuMS01MC4xYzUuOSwwLDExLjcsMSwxNy4xLDNjNi42LDIuNCwxMy45LTAuNiwxNi45LTYuOSAgICBjMTguNy0zOS43LDU5LjEtNjUuMywxMDMtNjUuM2M1OSwwLDEwNy43LDQ0LjIsMTEzLjMsMTAyLjhjMC42LDYuMSw1LjIsMTEsMTEuMiwxMmM0NC41LDcuNiw3OC4xLDQ4LjcsNzguMSw5NS42ICAgIGMwLDQ5LjctMzkuMSw5Mi45LTg3LjMsOTYuNmgtNzMuN2MtNy41LDAtMTMuNSw2LTEzLjUsMTMuNXM2LDEzLjUsMTMuNSwxMy41aDc0LjJjMC4zLDAsMC42LDAsMSwwYzMwLjUtMi4yLDU5LTE2LjIsODAuMi0zOS42ICAgIGMyMS4xLTIzLjIsMzIuNi01MywzMi42LTg0QzQ4Ni4yLDE5OS41LDQ0Ny45LDE0OS42LDM5NS41LDEzNS44eiIgZmlsbD0iIzU1NTU1NSIvPgoJCTxwYXRoIGQ9Ik0zMjQuMiwyODBjNS4zLTUuMyw1LjMtMTMuOCwwLTE5LjFsLTcxLjUtNzEuNWMtMi41LTIuNS02LTQtOS41LTRzLTcsMS40LTkuNSw0bC03MS41LDcxLjVjLTUuMyw1LjMtNS4zLDEzLjgsMCwxOS4xICAgIGMyLjYsMi42LDYuMSw0LDkuNSw0czYuOS0xLjMsOS41LTRsNDguNS00OC41djIyMi45YzAsNy41LDYsMTMuNSwxMy41LDEzLjVzMTMuNS02LDEzLjUtMTMuNVYyMzEuNWw0OC41LDQ4LjUgICAgQzMxMC40LDI4NS4zLDMxOC45LDI4NS4zLDMyNC4yLDI4MHoiIGZpbGw9IiM1NTU1NTUiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
position: absolute;
display: block;
top: 50%;
right: 6px;
height: 16px;
width: 16px;
transform: translateY(-50%);
z-index: 1;
}
.vgtrk-widget-form-container .vgtrk-widget-form-button {
font: 12px/44px "RF Devi Condensed Bold", sans-serif !important;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
display: block;
width: 33.3333333333%;
border-radius: 8px;
background: #EFF1F3 !important;
border: 0 !important;
color: #000000 !important;
outline: none;
cursor: pointer;
padding: 0 !important;
}
@media screen and (max-width: 767px) {
.vgtrk-widget-form-container .vgtrk-widget-form-button {
width: 100%;
}
}
.vgtrk-widget-form-container .vgtrk-widget-form-datepicker-wrapper {
height: 44px !important;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar {
border-radius: 8px;
margin-top: 8px;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar header .prev {
border-radius: 8px 0 0 0;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar header .next {
border-radius: 0 8px 0 0;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
background: transparent;
border-radius: 30px;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
border-radius: 30px;
}
.app--dark .vgtrk-widget-form-container {
background: #1A1A1A;
color: #ffffff;
/*
.vgtrk-widget-form-field-required {
.vgtrk-widget-form-field-label {
&:after {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiM0MDQwNDAiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiM4NDg1ODYiLz4KPC9zdmc+Cg==') no-repeat;
}
}
}
*/
}
.app--dark .vgtrk-widget-form-container h3,
.app--dark .vgtrk-widget-form-container h2 {
color: #FFFFFF;
}
.app--dark .vgtrk-widget-form-container p {
color: #EFF1F3;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
background: #292929;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-mask-error {
border: 1px solid rgba(255, 0, 64, 0.5);
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-title {
color: #fff;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-el {
color: #B8C2CC;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
color: #EFF1F3;
opacity: 0.5;
}
.app--dark .vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5TDIyIDI0TDI4IDE5IiBzdHJva2U9IiNCOEMyQ0MiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.app--dark .vgtrk-widget-form-container select.vgtrk-widget-form-field-el option {
background: #292929;
border: 0;
outline: 0;
padding: 0 16px;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar {
background: #1A1A1A;
border: 1px solid #404040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev:after {
border-right: 10px solid #fff;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev.disabled:after {
border-right: 10px solid #404040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .next:after {
border-left: 10px solid #fff;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .next.disabled:after {
border-left: 10px solid #404040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .next:not(.disabled):hover,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .up:not(.disabled):hover {
background: #212121;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
border: 1px solid #FF0040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
border: 1px solid #fff;
}
.app--light .vgtrk-widget-form-container {
background: #EFF1F3;
/*
.vgtrk-widget-form-field-required {
.vgtrk-widget-form-field-label {
&:after {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiNCOEMyQ0MiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiNCOEMyQ0MiLz4KPC9zdmc+Cg==') no-repeat;
}
}
}
*/
}
.app--light .vgtrk-widget-form-container h3,
.app--light .vgtrk-widget-form-container h2 {
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container p {
color: #B8C2CC;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
background: #FFFFFF;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-title {
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-el {
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
color: #B8C2CC;
}
.app--light .vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5TDIyIDI0TDI4IDE5IiBzdHJva2U9IiMyQTJDM0QiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-label:after {
color: #B8C2CC;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-button {
background: #D3D9DF;
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
border: 1px solid #2F23EE;
}
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
border: 1px solid #000000;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-control {
background: none;
}
.tickets {
margin: 20px auto;
}
.tickets__anons {
font: 20px/32px "RF Devi Condensed Bold", sans-serif;
color: #000000;
margin: 0 0 20px;
}
.tickets__anons p {
text-align: center !important;
margin: 0;
}
.tickets__buttons {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
.tickets a {
-webkit-appearance: none;
flex: 0 1 320px;
outline: none;
border: none;
cursor: pointer;
display: block;
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
background: linear-gradient(90deg, #FF9600 0%, #FF0000 100%);
border-radius: 6px;
}
@media screen and (max-width: 767px) {
.tickets a {
font: 11px/38px "RF Devi Condensed Bold", sans-serif;
}
}
.list-item--audio {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 767px) {
.list-item--audio {
flex: 0 0 100%;
width: 100%;
}
}
.list-item--audio:nth-child(1) .list-item__box {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.list-item--audio:nth-child(2) .list-item__box {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.layout--podcast .list-item--audio:nth-child(2) .list-item__box {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
@media screen and (max-width: 767px) {
.list-item--audio:nth-child(2) .list-item__box {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
.list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media screen and (max-width: 767px) {
.list-item--audio:nth-last-child(2):nth-of-type(odd) .list-item__box {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.list-item--audio:last-child:nth-of-type(odd) .list-item__box {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media screen and (max-width: 767px) {
.list-item--audio:last-child:nth-of-type(odd) .list-item__box {
border-bottom-right-radius: 8px;
}
}
.list-item--audio:last-child:nth-of-type(even) .list-item__box {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
@media screen and (max-width: 767px) {
.list-item--audio:last-child:nth-of-type(even) .list-item__box {
border-bottom-left-radius: 8px;
}
}
.list-item--audio:only-child .list-item__box {
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.list-item--audio:only-child .list-item__box {
border-radius: 8px;
}
}
.list-item--audio:hover .list-item__play {
z-index: 2;
}
.list-item--audio:hover .list-item__picture {
opacity: 0;
}
.list-item--audio .list-item__box {
flex-flow: row nowrap;
padding: 8px;
overflow: hidden;
}
.list-item--audio.list-item--with-description .list-item__box {
flex-flow: row wrap;
}
.section--dark .list-item--audio .list-item__box {
background: #262626;
}
.section--light .list-item--audio .list-item__box {
background: #F7F8F9;
}
.list-item--audio.list-item--with-description .list-item__box-link {
width: calc(100% - 32px);
}
.list-item--audio .list-item__preview {
margin: auto 0;
width: 40px;
height: 40px;
z-index: 4;
}
.list-item--audio .list-item__info {
margin: auto 0 auto 16px;
padding: 0 36px 0 0;
display: flex;
flex: 0 1 100%;
height: 40px;
overflow: hidden;
}
.list-item--audio.list-item--with-description .list-item__info {
flex: 0 0 calc(100% - 128px);
}
.list-item--topic .list-item__box--editing .list-item__info {
position: relative;
z-index: 10;
}
.list-item--audio .list-item__description {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
box-sizing: border-box;
flex: 0 0 100%;
overflow: hidden;
max-height: 0;
padding: 0 16px 0 36px;
opacity: 0;
transition: opacity 300ms ease 0ms, max-height 300ms ease 0ms, padding 300ms ease 0ms;
}
.list-item--audio .list-item__description time {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 1px;
text-transform: uppercase;
margin: 17px 0 0;
display: block;
}
.list-item--active-description .list-item__description {
max-height: 1000px;
padding: 16px 16px 24px 36px;
opacity: 1;
transition: opacity 300ms ease 0ms, max-height 300ms ease 0ms, padding 300ms ease 0ms;
}
.list-item--audio .list-item__play {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
}
.list-item--audio .list-item__play--locked {
background: rgba(0, 0, 0, 0.65) url(/i/icon-lock-white.svg?22a7678888f2f917a5e4f8b2fa3e26c7) center/40px no-repeat;
border-radius: 8px;
}
.list-item--audio .list-item__picture {
width: 40px;
padding: 0 0 100%;
}
.list-item--audio .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
white-space: nowrap;
margin: auto 0;
overflow: hidden;
}
.section--dark .list-item--audio .list-item__title {
color: rgba(255, 255, 255, 0.5);
}
.section--light .list-item--audio .list-item__title {
color: #B8C2CC;
}
.list-item--audio .list-item__anons {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
white-space: nowrap;
margin: auto 0;
display: block;
overflow: hidden;
}
.section--dark .list-item--audio .list-item__anons {
color: #FFFFFF;
}
.section--light .list-item--audio .list-item__anons {
color: #262626;
}
.list-item--audio .list-item__duration {
top: 10px;
right: 8px;
color: rgba(255, 255, 255, 0.5);
}
.section--dark .list-item--audio .list-item__duration {
color: rgba(255, 255, 255, 0.5);
}
.section--light .list-item--audio .list-item__duration {
color: #B8C2CC;
}
.list-item__button {
outline: none;
border: none;
-webkit-appearance: none;
cursor: pointer;
}
.list-item--audio .list-item__preview .list-item__button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section--dark .list-item--audio .list-item__preview .list-item__button {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-position: 14px 12px;
}
.section--dark .list-item--audio .list-item__preview .list-item__button.playing {
background: transparent url(/i/pause-white.svg?420dcf579d6f2ddb702f325edfce952a) 10px 13px/17px 17px no-repeat;
}
.section--light .list-item--audio .list-item__preview .list-item__button {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-position: 14px 12px;
}
.section--light .list-item--audio .list-item__preview .list-item__button.playing {
background: transparent url(/i/pause-white.svg?420dcf579d6f2ddb702f325edfce952a) 10px 13px/17px 17px no-repeat;
}
.list-item__button--show-description {
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%);
width: 24px;
height: 24px;
background: transparent url(/i/arrow-down-grey.svg?c759b3d9a4c7cb05178b27c4912b7bf2) center/cover no-repeat;
}
.list-item--active-description .list-item__button--show-description {
background: transparent url(/i/arrow-up-grey.svg?1d079052ecc082c3fe785120f710afbc) center/cover no-repeat;
}
.list-item__control {
position: absolute;
top: 8px;
right: 8px;
width: 44px;
height: 40px;
margin: auto 0 auto auto;
}
.section--dark .list-item--audio .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.section--light .list-item--audio .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.list-item--audio .list-item__duration .list-item__link {
background: none;
padding: 0;
}
.list-item--brand {
flex: 0 0 12.5%;
width: 12.5%;
}
@media screen and (max-width: 767px) {
.list-item--brand {
flex: 0 0 25%;
width: 25%;
}
}
.list-item--brand .list-item__picture {
padding: 0 0 150%;
}
.list-item--brand .list-item__title {
font: 14px/16px "RF Devi Bold", sans-serif;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.list-item--brand .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-portrait.svg?b857144027b88e6b1030853bd985abd8) center/cover no-repeat;
}
.section--dark .list-item--brand .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-portrait.svg?7ea1631dd6d9222d9b3301571aca8c6f) center/cover no-repeat;
}
.brand-main-item {
position: relative;
}
.brand-main-item__top {
position: relative;
}
@media screen and (max-width: 767px) {
.brand-main-item__top {
margin: 0 -12px;
}
}
.brand-main-item__media {
box-sizing: border-box;
width: 83.3333333333%;
margin: 32px auto;
padding: 0 8px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.brand-main-item__media {
margin: 0 0 13px;
width: auto;
padding: 0;
}
}
.brand-main-item__header {
position: relative;
margin: 0 0 35px;
z-index: 2;
}
@media screen and (max-width: 767px) {
.brand-main-item__header {
margin: 0 12px 35px;
}
}
.brand-main-item__content {
margin: 32px 0;
}
.brand-main-item__videos {
position: relative;
}
.brand-main-item__videos:before {
content: "";
position: absolute;
top: 0;
left: calc(-16.6666666667% - 16px);
width: calc(133.3333333333% + 32px);
height: 100%;
border-radius: 16px 16px 0 0;
background: linear-gradient(180deg, #262626 0%, rgba(38, 38, 38, 0) 100%);
z-index: 1;
}
@media screen and (max-width: 767px) {
.brand-main-item__videos:before {
left: -12px;
width: calc(100% + 24px);
background: #262626;
border-radius: 16px;
}
}
.brand-main-item__videos .section {
z-index: 2;
}
.brand-main-item__videos .section__background {
display: none;
}
.brand-main-item__background {
position: absolute;
top: -32px;
left: 50%;
width: calc(133.3333333333% + 32px);
height: 100%;
max-width: 1440px;
transform: translateX(-50%);
z-index: 1;
}
@media screen and (max-width: 767px) {
.brand-main-item__background {
display: none;
}
.brand-main-item--no-video .brand-main-item__background {
display: block;
width: 100%;
height: 0;
padding: 0 0 56.25%;
top: 0;
}
}
.brand-main-item__background img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
border-radius: 16px 16px 0 0;
}
@media screen and (max-width: 767px) {
.brand-main-item__background img {
border-radius: 0;
}
}
.brand-main-item__background:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.brand-main-item--has-video .brand-main-item__background:after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 23%, #000000 90.26%);
}
.brand-main-item--no-video .brand-main-item__background:after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.02%, #000000 90.26%);
}
.brand-main-item__player {
position: relative;
width: 100%;
height: 0;
padding: 0 0 56.25%;
}
.brand-main-item__social {
position: absolute;
top: 54px;
left: -8.3333333333%;
width: 108.3333333333%;
}
@media screen and (max-width: 767px) {
.brand-main-item__social {
position: relative;
left: auto;
top: auto;
width: auto;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
margin: 27px 0 0;
}
}
.brand-main-item__bookmark {
margin: 0 8px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.brand-main-item__bookmark {
margin: 0;
position: relative;
padding: 0 4px;
left: auto;
top: auto;
transform: translate(0);
}
}
.brand-main-item__like-box {
margin: 0 8px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.brand-main-item__like-box {
margin: 0;
position: relative;
padding: 0 4px;
left: auto;
top: auto;
transform: translate(0);
}
}
.brand-main-item__tags {
margin: 57px 0 0;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.brand-main-item__tags {
padding: 0 4px;
}
}
.brand-main-item__info {
flex: 0 1 100%;
display: flex;
flex-flow: column nowrap;
}
.brand-main-item__header .brand-main-item__title {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
color: #FFFFFF;
letter-spacing: -0.25px;
margin: 0;
padding: 0 8px;
order: 2;
}
@media screen and (max-width: 767px) {
.brand-main-item__header .brand-main-item__title {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.5px;
padding: 0 4px;
}
}
.brand-main-item__content .brand-main-item__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
margin: 0 0 29px;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.brand-main-item__content .brand-main-item__title {
display: none;
}
}
.brand-main-item__body {
font: 18px/28px "RF Devi Regular", sans-serif;
color: #FFFFFF;
padding: 0 8px;
overflow: hidden;
position: relative;
max-height: 24000px;
transition: max-height 300ms ease 0ms;
}
@media screen and (max-width: 767px) {
.brand-main-item__body {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
padding: 0 4px;
}
}
.brand-main-item__body:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
transition: height 300ms ease 0ms;
}
.brand-main-item__body--short {
max-height: 192px;
transition: max-height 300ms ease 0ms;
}
.brand-main-item__body--short:after {
height: 50%;
transition: height;
}
.brand-main-item__body p {
margin: 32px 0;
text-align: left !important;
}
.brand-main-item__body strong,
.brand-main-item__body b {
font: 18px/28px "RF Devi Bold", sans-serif;
}
.brand-main-item__body em,
.brand-main-item__body i {
font-style: normal;
}
.brand-main-item__body a {
color: #FF0000;
text-decoration: none;
background: #FF000032;
}
.brand-main-item__control {
margin: 28px 0 60px 0;
overflow: hidden;
padding: 0 8px;
display: flex;
}
.brand-main-item__control:before,
.brand-main-item__control:after {
content: "";
height: 2px;
background: rgba(255, 255, 255, 0.15);
margin: auto 0;
flex: 1 1 100%;
}
.brand-main-item__type {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0 8px;
order: 1;
}
@media screen and (max-width: 767px) {
.brand-main-item__type {
padding: 0 4px;
}
}
.brand-main-item__description {
margin: 17px 0 0;
padding: 0 8px;
display: flex;
flex-flow: row nowrap;
order: 3;
}
@media screen and (max-width: 767px) {
.brand-main-item__description {
margin: 10px 0 0;
padding: 0 4px;
}
}
.brand-main-item__age-restriction {
font: 10px/17px "RF Devi Condensed Ultra Bold", sans-serif;
color: #B8C2CC;
text-align: center;
margin: auto 8px auto 0;
display: block;
box-sizing: border-box;
width: 20px;
height: 20px;
border-radius: 20px;
border: 2px solid #B8C2CC;
}
.brand-main-item__production-info {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-transform: uppercase;
margin: auto auto auto 0;
display: flex;
flex-flow: row nowrap;
}
.brand-main-item__production-info span {
margin: auto 16px auto 0;
}
.brand-main-item__button {
font: 11px/32px "RF Devi Condensed Bold", sans-serif;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 16px;
background: rgba(255, 255, 255, 0.15);
border-radius: 24px;
outline: none;
border: 0;
margin: auto 24px;
-webkit-appearance: none;
cursor: pointer;
flex: 0 1 auto;
}
.brand-main-item .promo-in-text a {
background: 0;
display: block;
}
.brand-main-item .promo-in-text p {
padding: 0;
margin: 0;
}
.episode-main-item__media {
margin: 49px 8px 64px;
}
@media screen and (max-width: 767px) {
.episode-main-item__media {
margin: 0 -16px 17px;
}
}
.episode-main-item__info {
display: flex;
flex-flow: column nowrap;
position: relative;
}
.episode-main-item__title {
padding: 0 8px;
margin: 0 0 16px;
order: 2;
}
@media screen and (max-width: 767px) {
.episode-main-item__title {
margin: 0 0 16px;
padding: 0 4px;
}
}
.episode-main-item__title a {
font: 40px/48px "RF Devi Regular", sans-serif;
color: #000000;
letter-spacing: -0.25;
text-decoration: none;
padding: 8px 40px 8px 8px;
margin: auto 16px auto 0;
border-radius: 8px;
display: inline-block;
background: #FFFFFF url(/i/arrow-black.svg?bad43773e87c644ad9222374b36df597) right center/40px 50px no-repeat;
}
@media screen and (max-width: 767px) {
.episode-main-item__title a {
font: 24px/24px "RF Devi Regular", sans-serif;
padding: 8px 24px 8px 8px;
background: #FFFFFF url(/i/arrow-black.svg?bad43773e87c644ad9222374b36df597) right center/24px 32px no-repeat;
}
}
.episode-main-item__title span {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
color: #FFFFFF;
letter-spacing: -0.25;
margin: auto 0;
}
@media screen and (max-width: 767px) {
.episode-main-item__title span {
font: 24px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.5;
display: block;
margin: 10px 0 0;
}
}
.episode-main-item__social {
position: absolute;
top: 40px;
left: -8.3333333333%;
}
@media screen and (max-width: 767px) {
.episode-main-item__social {
left: auto;
right: 0;
top: 0;
}
}
.episode-main-item__bookmark {
padding: 0 8px;
}
.episode-main-item__date {
font: 12px/20px "RF Devi Condensed Semi Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 8px;
margin: 0 0 11px;
order: 1;
}
@media screen and (max-width: 767px) {
.episode-main-item__date {
padding: 0 4px;
}
}
.episode-main-item__anons {
font: 18px/28px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
padding: 0 8px;
order: 3;
}
.episode-main-item__anons a {
color: #FF0000;
text-decoration: none;
background: #FF000032;
}
@media screen and (max-width: 767px) {
.episode-main-item__anons {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
padding: 0 4px;
}
}
.episode-main-item__body {
font: 18px/28px "RF Devi Regular", sans-serif;
color: #FFFFFF;
padding: 0 8px;
overflow: hidden;
position: relative;
max-height: 24000px;
transition: max-height 300ms ease 0ms;
}
@media screen and (max-width: 767px) {
.episode-main-item__body {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
padding: 0 4px;
}
}
.episode-main-item__body:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
transition: height 300ms ease 0ms;
}
.episode-main-item__body--short {
max-height: 192px;
transition: max-height 300ms ease 0ms;
}
.episode-main-item__body--short:after {
height: 50%;
transition: height;
}
.episode-main-item__body p {
margin: 32px 0;
text-align: left !important;
}
.episode-main-item__body strong,
.episode-main-item__body b {
font: 18px/28px "RF Devi Bold", sans-serif;
}
.episode-main-item__body em,
.episode-main-item__body i {
font-style: normal;
}
.episode-main-item__body a {
color: #FF0000;
text-decoration: none;
background: #FF000032;
}
.episode-main-item__control {
margin: 28px 0 60px 0;
overflow: hidden;
padding: 0 8px;
display: flex;
}
.episode-main-item__control:before,
.episode-main-item__control:after {
content: "";
height: 2px;
background: rgba(255, 255, 255, 0.15);
margin: auto 0;
flex: 1 1 100%;
}
.episode-main-item__button {
font: 11px/32px "RF Devi Condensed Bold", sans-serif;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 16px;
background: rgba(255, 255, 255, 0.15);
border-radius: 24px;
outline: none;
border: 0;
margin: auto 24px;
-webkit-appearance: none;
cursor: pointer;
flex: 0 1 auto;
}
.episode-main-item__tags {
padding: 0 8px;
margin: 32px 0 48px 0;
order: 4;
}
@media screen and (max-width: 767px) {
.episode-main-item__tags {
padding: 0 4px;
}
}
.list-item--link {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 767px) {
.list-item--link {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.list-item--link {
flex: 0 0 50%;
width: 50%;
}
}
.list-item--link .list-item__picture {
padding: 0 0 100%;
}
.list-item--link .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: center;
margin: 0 auto;
}
.list-item--link .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.list-item--live {
width: 25%;
flex: 0 0 25%;
padding-bottom: 16px;
}
@media screen and (max-width: 1023px) {
.list-item--live {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.list-item--live {
width: 50%;
flex: 0 0 50%;
padding-bottom: 8px;
}
}
@media screen and (max-width: 511px) {
.list-item--live {
width: 100%;
flex: 0 0 100%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--live {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--live {
width: 100%;
flex: 0 0 100%;
padding-bottom: 8px;
}
}
.list-item--live .list-item__box {
flex-flow: row nowrap;
padding: 16px;
border-radius: 8px;
}
.section--dark .list-item--live .list-item__box {
background: #262626;
}
.section--light .list-item--live .list-item__box {
background: #EFF1F3;
}
.list-item--live .list-item__preview {
width: 80px;
flex: 0 0 80px;
margin: auto 16px auto 0;
}
.list-item--live .list-item__info {
margin: 4px auto 0;
}
.list-item--live .list-item__picture {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.list-item--live .list-item__picture a {
border-radius: 100%;
}
.list-item--live .list-item__picture a img {
border-radius: 50%;
transform: translate(-50%, -50%) scale(1);
z-index: 2;
}
.list-item--live .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: left;
margin: 0;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.list-item--live .list-item__time-state {
display: flex;
margin: 0 0 8px;
white-space: nowrap;
text-transform: uppercase;
}
.list-item--live .list-item__progress {
position: absolute;
top: 0;
left: 32px;
width: calc(100% - 32px);
height: 100%;
overflow: hidden;
}
.list-item--live .list-item__progress span {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
}
.app--dark .list-item--live .list-item__progress span {
background: #262626;
}
.app--light .list-item--live .list-item__progress span {
background: #EFF1F3;
}
.list-item--live .list-item__picture .list-item__link {
border-radius: 100%;
}
.list-item--live .list-item__time-state .list-item__link {
font: 11px/24px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
display: block;
padding: 0 8px;
border-radius: 24px;
}
.section--dark .list-item--live .list-item__time-state--expected .list-item__link {
color: rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.15);
}
.section--light .list-item--live .list-item__time-state--expected .list-item__link {
color: #b8c2cc;
background: rgba(184, 194, 204, 0.25);
}
.list-item--live .list-item__time-state--inair .list-item__link {
color: white;
background: linear-gradient(0deg, red 0%, #ff0064 100%);
}
.list-item--live .list-item__time-state--completed .list-item__link,
.list-item--live .list-item__time-state--finished .list-item__link {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.7);
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.section--dark .list-item--live .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.section--light .list-item--live .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.live-main-item {
position: relative;
margin: 0 0 34px;
}
@media screen and (max-width: 767px) {
.live-main-item {
margin: 0 -20px 22px;
}
}
.live-main-item__player {
width: 93.75%;
margin: 0;
}
.live-main-item--active-live-info .live-main-item__player,
.live-main-item--collapsed-tvp .live-main-item__player {
width: 75%;
}
@media screen and (max-width: 1439px) {
.live-main-item--active-live-info .live-main-item__player,
.live-main-item--collapsed-tvp .live-main-item__player {
width: 62.5%;
}
}
@media screen and (max-width: 1023px) {
.live-main-item--active-live-info .live-main-item__player,
.live-main-item--collapsed-tvp .live-main-item__player {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.live-main-item--active-live-info .live-main-item__player,
.live-main-item--collapsed-tvp .live-main-item__player {
width: auto;
}
}
.live-main-item--extended-tvp .live-main-item__player {
opacity: 0;
}
@media screen and (max-width: 767px) {
.live-main-item__player {
width: auto;
}
}
.live-main-item__tvp {
position: absolute;
top: 0;
right: 8px;
width: 6.25%;
height: 100%;
border-radius: 0 16px 16px 0;
overflow: hidden;
z-index: 2;
}
.live-main-item--active-live-info .live-main-item__tvp,
.live-main-item--collapsed-tvp .live-main-item__tvp {
background: #262626;
width: 25%;
}
@media screen and (max-width: 1439px) {
.live-main-item--active-live-info .live-main-item__tvp,
.live-main-item--collapsed-tvp .live-main-item__tvp {
width: 37.5%;
}
}
@media screen and (max-width: 1023px) {
.live-main-item--active-live-info .live-main-item__tvp,
.live-main-item--collapsed-tvp .live-main-item__tvp {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.live-main-item--active-live-info .live-main-item__tvp,
.live-main-item--collapsed-tvp .live-main-item__tvp {
width: auto;
border-radius: 0 0 16px 16px;
}
}
.live-main-item--extended-tvp .live-main-item__tvp {
background: #262626;
width: calc(100% - 16px);
border-radius: 16px;
}
@media screen and (max-width: 767px) {
.live-main-item--extended-tvp .live-main-item__tvp {
width: auto;
border-radius: 0 0 16px 16px;
}
}
@media screen and (max-width: 767px) {
.live-main-item__tvp {
position: relative;
top: auto;
right: auto;
background: #262626;
width: auto;
height: auto;
margin: 0 8px;
border-radius: 0 0 16px 16px;
}
}
.live-main-item__holder {
padding: 0 8px;
}
.live-info__header {
opacity: 1;
transition: opacity 300ms ease 300ms;
overflow: hidden;
position: absolute;
z-index: 1;
top: 16px;
right: 52px;
transform: rotate(-90deg);
transform-origin: top right;
}
.live-main-item--active-live-info .live-info__header {
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms;
}
@media screen and (max-width: 767px) {
.live-main-item--active-live-info .live-info__header {
display: none;
}
}
@media screen and (max-width: 767px) {
.live-info__header {
display: none;
}
}
.live-info__scroll {
box-sizing: border-box;
height: calc(100% - 96px);
padding: 16px 0;
overflow: hidden;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.live-info__scroll {
height: auto;
}
}
.live-info__content {
opacity: 0;
width: 0;
overflow: hidden;
position: relative;
z-index: 2;
transition: opacity 300ms ease 0ms, width 0ms ease 300ms;
}
.live-main-item--active-live-info .live-info__content {
opacity: 1;
width: 100%;
transition: opacity 300ms ease 300ms, width 0ms ease 0ms;
}
@media screen and (max-width: 767px) {
.live-info__content {
width: 100%;
opacity: 1;
}
}
.live-info__date {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 1px;
flex: 0 1 100%;
}
.live-info__title {
font: 32px/40px "RF Devi Bold", sans-serif;
color: #FFFFFF;
letter-spacing: -0.25px;
margin: 0 32px 24px;
}
.live-info__anons {
font: 15px/24px "RF Devi Regular", sans-serif;
color: #FFFFFF;
margin: 0 32px 32px;
}
.live-info__content .live-info__control {
display: flex;
flex-flow: row nowrap;
padding: 16px 16px 16px 32px;
}
.live-info__button {
display: block;
-webkit-appearance: none;
outline: none;
border: 0;
cursor: pointer;
}
.live-info__button--show {
font: 16px/32px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 48px 0 0;
background: transparent url(/i/show.svg?1658fb31a4196341fea4a34bbbe01e17) right center/32px no-repeat;
}
.live-info__button--hide {
height: 32px;
width: 32px;
justify-self: end;
background: transparent url(/i/hide.svg?c2d2162ea9e8145056a0cd13871f2972) center/cover no-repeat;
flex: 0 0 32px;
}
@media screen and (max-width: 767px) {
.live-info__button--hide {
display: none;
}
}
.list-item--picture {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
}
@media screen and (max-width: 767px) {
.list-item--picture {
flex: 0 0 87.5%;
width: 87.5%;
}
}
.list-item--picture .list-item__info {
display: none;
}
.list-item--picture .list-item__toggle .list-item__link {
position: absolute;
top: 8px;
right: 8px;
display: block;
height: 32px;
width: 32px;
background: transparent url(/i/expand.svg?fef644f8b545fc425ddfed9464735592) center/cover no-repeat;
z-index: 4;
}
.section--full-size .list-item--picture .list-item__toggle .list-item__link {
background: transparent url(/i/contract.svg?c3a193d118eb84170b6c2981b270c9c7) center/cover no-repeat;
}
@media screen and (max-width: 767px) {
.list-item--picture .list-item__toggle .list-item__link {
background: none;
}
}
.section--light .list-item--picture .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
}
.section--dark .list-item--picture .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-landscape.svg?d267fa19c960908b7833951788e5425c) center/cover no-repeat;
}
.list-item--person {
flex: 0 0 12.5%;
width: 12.5%;
}
@media screen and (max-width: 767px) {
.list-item--person {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.list-item--person {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--person {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--person {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.layout__holder--columns .layout__wrapper--main .list-item--person {
flex: 0 0 50%;
width: 50%;
}
}
.list-item--person .list-item__picture {
padding: 0 0 100%;
}
.list-item--person .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: center;
margin: 0 auto;
}
.list-item--person .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--dark .list-item--person .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.person-main-item__header {
padding: 56px 0;
display: flex;
flex-flow: row nowrap;
position: relative;
}
@media screen and (max-width: 767px) {
.person-main-item__header {
padding: 32px 0;
flex-flow: column nowrap;
}
}
.person-main-item__content {
margin: 32px 0;
}
.person-main-item__background {
position: absolute;
top: 0;
left: calc(-16.6666666667% - 16px);
width: calc(133.3333333333% + 32px);
height: 100%;
background: #262626;
z-index: 1;
border-radius: 16px;
}
.person-main-item__preview {
box-sizing: border-box;
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
padding: 0 8px;
margin: auto 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.person-main-item__preview {
padding: 0;
margin: 0 auto 10px;
width: 128px;
flex: 0 0 128px;
}
}
.person-main-item__info {
box-sizing: border-box;
width: 83.3333333333%;
flex: 0 1 83.3333333333%;
padding: 0 8px;
margin: auto 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.person-main-item__info {
position: static;
width: auto;
flex: 0 1 auto;
padding: 0 8px;
}
}
.person-main-item__picture {
position: relative;
padding-bottom: 100%;
border-radius: 100%;
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.person-main-item__picture img {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
border-radius: 100%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
}
.person-main-item__header .person-main-item__title {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
color: #FFFFFF;
letter-spacing: -0.25px;
margin: 0 0 17px;
padding: 0 48px 0 0;
position: relative;
order: 2;
}
@media screen and (max-width: 767px) {
.person-main-item__header .person-main-item__title {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.5px;
text-align: center;
padding: 0 4px 0 4px;
margin: 0 auto 17px;
position: static;
}
}
@media screen and (max-width: 511px) {
.person-main-item__header .person-main-item__title {
padding: 0 64px;
}
}
.person-main-item__content .person-main-item__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
margin: 0 0 29px;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.person-main-item__content .person-main-item__title {
display: none;
}
}
.person-main-item__social {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.person-main-item__social {
top: 32px;
right: auto;
left: 50%;
transform: translate(30px, 0);
}
}
.person-main-item__bookmark {
padding: 0 8px;
}
.person-main-item__birth-place,
.person-main-item__birthdate {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-transform: uppercase;
display: flex;
flex-flow: row nowrap;
}
@media screen and (max-width: 767px) {
.person-main-item__birth-place,
.person-main-item__birthdate {
margin: 0 auto;
justify-content: center;
}
}
.person-main-item__birth-place span:first-child,
.person-main-item__birthdate span:first-child {
flex: 0 0 143px;
}
@media screen and (max-width: 767px) {
.person-main-item__birth-place span:first-child,
.person-main-item__birthdate span:first-child {
flex: 0 1 auto;
margin: 0 4px 0 0;
}
}
.person-main-item__body {
font: 18px/28px "RF Devi Regular", sans-serif;
color: #FFFFFF;
padding: 0 8px;
overflow: hidden;
position: relative;
max-height: 24000px;
transition: max-height 300ms ease 0ms;
}
@media screen and (max-width: 767px) {
.person-main-item__body {
font: 16px/24px "RF Devi Semi Bold", sans-serif;
padding: 0 4px;
}
}
.person-main-item__body:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
transition: height 300ms ease 0ms;
}
.person-main-item__body--short {
max-height: 192px;
transition: max-height 300ms ease 0ms;
}
.person-main-item__body--short:after {
height: 50%;
transition: height;
}
.person-main-item__body p {
margin: 32px 0;
text-align: left !important;
}
.person-main-item__body strong,
.person-main-item__body b {
font: 18px/28px "RF Devi Bold", sans-serif;
}
.person-main-item__body em,
.person-main-item__body i {
font-style: normal;
}
.person-main-item__body a {
color: #FF0000;
text-decoration: none;
background: #FF000032;
}
.person-main-item__control {
margin: 28px 0 60px 0;
overflow: hidden;
padding: 0 8px;
display: flex;
}
.person-main-item__control:before,
.person-main-item__control:after {
content: "";
height: 2px;
background: rgba(255, 255, 255, 0.15);
margin: auto 0;
flex: 1 1 100%;
}
.person-main-item__button {
font: 11px/32px "RF Devi Condensed Bold", sans-serif;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 16px;
background: rgba(255, 255, 255, 0.15);
border-radius: 24px;
outline: none;
border: 0;
margin: auto 24px;
-webkit-appearance: none;
cursor: pointer;
flex: 0 1 auto;
}
.list-item--podcast {
flex: 0 0 18.75%;
width: 18.75%;
}
.section--tmpl-podcastsGroup .list-item--podcast {
flex: 0 1 auto;
width: auto;
}
@media screen and (max-width: 767px) {
.list-item--podcast {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-podcasts .list-item--podcast {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--podcast {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--podcast {
flex: 0 0 25%;
width: 25%;
}
}
.list-item--podcast .list-item__picture {
padding: 0 0 100%;
}
.list-item--podcast .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: center;
margin: 0 auto;
}
.list-item--podcast .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--dark .list-item--podcast .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.podcast-main-item {
margin: 48px 0 0;
display: grid;
grid-template-areas: "preview . header" "preview . info" "preview . anons" "preview . episodes" "brands . episodes" "persons . episodes" "tags . episodes" ". . episodes";
grid-template-columns: 33.3333333333% 8.3333333333% 58.3333333333%;
}
@media screen and (max-width: 767px) {
.podcast-main-item {
display: block;
grid-template-areas: unset;
grid-template-columns: unset;
margin: 0;
}
}
.podcast-main-item__header {
display: flex;
flex-flow: column nowrap;
padding: 0 8px;
grid-area: header;
}
@media screen and (max-width: 767px) {
.podcast-main-item__header {
padding: 0 4px;
margin: 17px 0 10px;
}
}
.podcast-main-item__preview {
padding: 0 8px;
grid-area: preview;
}
@media screen and (max-width: 767px) {
.podcast-main-item__preview {
padding: 0;
margin: 0 -16px;
}
}
.podcast-main-item__brands {
grid-area: brands;
position: relative;
padding: 0 0 7px;
margin: 0 0 2px;
}
.podcast-main-item__brands:after {
content: "";
position: absolute;
bottom: 0;
left: 8px;
width: calc(100% - 16px);
height: 1px;
background: #262626;
z-index: 2;
}
@media screen and (max-width: 767px) {
.podcast-main-item__brands:after {
display: none;
}
}
@media screen and (max-width: 767px) {
.podcast-main-item__brands {
padding: 0;
margin: 0;
}
}
.podcast-main-item__info {
margin: 24px 0 35px;
display: flex;
flex-flow: row nowrap;
grid-area: info;
}
@media screen and (max-width: 767px) {
.podcast-main-item__info {
margin: 0;
}
}
.podcast-main-item__episodes {
grid-area: episodes;
}
.podcast-main-item__anons {
grid-area: anons;
}
@media screen and (max-width: 767px) {
.podcast-main-item__anons {
margin: 8px 0 18px;
}
}
.podcast-main-item__persons {
grid-area: persons;
position: relative;
padding: 0 0 13px;
margin: 0 0 24px;
}
.podcast-main-item__persons:after {
content: "";
position: absolute;
bottom: 0;
left: 8px;
width: calc(100% - 16px);
height: 1px;
background: #262626;
z-index: 2;
}
@media screen and (max-width: 767px) {
.podcast-main-item__persons:after {
display: none;
}
}
.podcast-main-item__tags {
padding: 0 8px;
grid-area: tags;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.podcast-main-item__tags {
padding: 0 4px;
}
}
.podcast-main-item__picture {
width: 100%;
padding-bottom: 100%;
position: relative;
}
.podcast-main-item__picture img {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
transform: translate(-50%, -50%);
border-radius: 8px;
z-index: 1;
}
.podcast-main-item__title {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
color: #FFFFFF;
letter-spacing: -0.25px;
position: relative;
padding: 0 64px 0 0;
margin: 0;
order: 2;
}
@media screen and (max-width: 767px) {
.podcast-main-item__title {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.5px;
}
}
.podcast-main-item__social {
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.podcast-main-item__social {
top: 50%;
transform: translateY(-50%);
}
}
.podcast-main-item__bookmark {
padding: 0 8px;
}
.podcast-main-item__label {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px;
order: 1;
}
.podcast-main-item__age-restriction {
font: 10px/16px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
text-align: center;
display: block;
height: 20px;
width: 20px;
box-sizing: border-box;
border: 2px solid #B8C2CC;
border-radius: 100%;
margin: auto 8px;
}
@media screen and (max-width: 767px) {
.podcast-main-item__age-restriction {
margin: auto 4px;
}
}
.podcast-main-item__status {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-transform: uppercase;
margin: auto 8px;
position: relative;
padding: 0 0 0 32px;
}
.podcast-main-item__status:before {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 24px;
width: 24px;
transform: translateY(-50%);
}
.podcast-main-item__status--updating:before {
background: transparent url(/i/podcast-updating.svg?098ed45ba5763aded740e8589db9140f) center/cover no-repeat;
}
.podcast-main-item__status--archived:before {
background: transparent url(/i/podcast-archived-new.svg?955476a5575897b1ae3985c94428e74d) center/cover no-repeat;
}
@media screen and (max-width: 767px) {
.podcast-main-item__status {
margin: auto 4px;
}
}
.podcast-main-item__body {
font: 18px/28px "RF Devi Regular", sans-serif;
color: #FFFFFF;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.podcast-main-item__body {
font: 16px/24px "RF Devi Regular", sans-serif;
padding: 0 4px;
}
}
.list-item--topic {
flex: 0 0 12.5%;
width: 12.5%;
}
@media screen and (max-width: 767px) {
.list-item--topic {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.list-item--topic {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--topic {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__wrapper--main .list-item--topic {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--topic {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.layout__holder--columns .layout__wrapper--main .list-item--topic {
flex: 0 0 50%;
width: 50%;
}
}
.list-item--topic .list-item__box:before,
.list-item--topic .list-item__box:after {
content: "";
position: absolute;
left: 50%;
height: 16px;
box-sizing: border-box;
transform: translateX(-50%);
background: #FFFFFF;
border-radius: 16px;
border: 2px solid #EFF1F3;
}
.list-item--topic .list-item__box:before {
width: 90%;
bottom: 4px;
z-index: -1;
}
.list-item--topic .list-item__box:after {
width: 80%;
bottom: 0;
z-index: -2;
}
.list-item--topic .list-item__info {
padding: 0 16px 63.4% 16px;
background: #FFFFFF;
margin: 0 0 8px;
border-radius: 0 0 8px 8px;
border: 1px solid #DBE0E5;
box-sizing: border-box;
position: relative;
overflow: hidden;
border-top: 0;
}
.list-item--topic .list-item__picture {
padding: 0 0 56.25%;
}
.list-item--topic .list-item__title {
font: 24px/28px "RF Devi Bold", sans-serif;
color: #403CF9;
position: absolute;
top: 8px;
left: 16px;
right: 16px;
}
@media screen and (max-width: 1279px) {
.list-item--topic .list-item__title {
font: 20px/24px "RF Devi Bold", sans-serif;
}
}
@media screen and (max-width: 1023px) {
.list-item--topic .list-item__title {
font: 16px/20px "RF Devi Bold", sans-serif;
}
}
.list-item--topic .list-item__date {
display: block;
}
.list-item--topic .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
}
.list-item--video {
flex: 0 0 18.75%;
width: 18.75%;
}
@media screen and (max-width: 767px) {
.list-item--video {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--video {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__wrapper--main .list-item--video {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--video {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 359px) {
.layout__holder--columns .layout__wrapper--main .list-item--video {
flex: 0 0 100%;
width: 100%;
}
}
.list-item--video .list-item__info {
position: relative;
}
.list-item--video .list-item__picture {
padding: 0 0 56.25%;
}
.list-item--video .list-item__category {
display: block;
}
.list-item--video .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
min-height: 32px;
}
@media screen and (max-width: 511px) {
.list-item--video .list-item__title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.list-item--video .list-item__duration {
top: -30px;
right: 8px;
bottom: auto;
}
.list-item--video .list-item--date {
display: none;
}
.section--dark .list-item--video .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-landscape.svg?d267fa19c960908b7833951788e5425c) center/cover no-repeat;
}
.social-groups__list {
margin: 0 -8px;
padding: 0;
list-style: none;
display: flex;
flex-flow: row nowrap;
}
.social-groups__item {
margin: 0 8px;
}
.social-groups__link {
display: block;
box-sizing: border-box;
width: 34px;
height: 34px;
border-radius: 100%;
}
.app--light .social-groups__link {
border: 2px solid #EFF1F3;
}
.app--purple .social-groups__link,
.app--dark .social-groups__link {
border: 2px solid rgba(255, 255, 255, 0.25);
}
.app--light .social-groups__link--instagram {
background: transparent url(/i/instagram-light.svg?618e33201d8b77be166726d9a1281a0e) center/cover no-repeat;
}
.app--purple .social-groups__link--instagram,
.app--dark .social-groups__link--instagram {
background: transparent url(/i/instagram-dark.svg?696d3dd7ab7277aa005602d3e5c153f2) center/cover no-repeat;
}
.app--light .social-groups__link--telegram {
background: transparent url(/i/telegram-light.svg?da7e9d2099bb25ae34d13dbfd5d92cc6) center/cover no-repeat;
}
.app--purple .social-groups__link--telegram,
.app--dark .social-groups__link--telegram {
background: transparent url(/i/telegram-dark.svg?2331319d40f9d537782b4d072d79a773) center/cover no-repeat;
}
.app--light .social-groups__link--yzen {
background: transparent url(/i/yzen-light.svg?4f33583cd43b9625c54fde0cd8c8408d) center/cover no-repeat;
}
.app--purple .social-groups__link--yzen,
.app--dark .social-groups__link--yzen {
background: transparent url(/i/yzen-dark.svg?eab12d13d4b971428ede6a4339df57a7) center/cover no-repeat;
}
.app--light .social-groups__link--tiktok {
background: transparent url(/i/tiktok-light.svg?495db8bfcb354bd5de8f5ac049b20272) center/cover no-repeat;
}
.app--purple .social-groups__link--tiktok,
.app--dark .social-groups__link--tiktok {
background: transparent url(/i/tiktok-dark.svg?c3286c22c8d4a0d2fb9fa2cb844e66ab) center/cover no-repeat;
}
.app--light .social-groups__link--odnoklassniki {
background: transparent url(/i/odnoklassniki-light.svg?db48b5bc133827cd1423eb8c054bd9bd) center/cover no-repeat;
}
.app--purple .social-groups__link--odnoklassniki,
.app--dark .social-groups__link--odnoklassniki {
background: transparent url(/i/odnoklassniki-dark.svg?79d97a1e100074e5e3d690abb3b67e6f) center/cover no-repeat;
}
.app--light .social-groups__link--viber {
background: transparent url(/i/viber-light.svg?61b8f1eb2ac19e14a5701cbd8126dfa5) center/cover no-repeat;
}
.app--purple .social-groups__link--viber,
.app--dark .social-groups__link--viber {
background: transparent url(/i/viber-dark.svg?9a09e8c8479d6825cb6f753008a4302d) center/cover no-repeat;
}
.app--light .social-groups__link--vkontakte {
background: transparent url(/i/vkontakte-light.svg?dfaa0e05811d5fcda9d7022f0bb0894f) center/cover no-repeat;
}
.app--purple .social-groups__link--vkontakte,
.app--dark .social-groups__link--vkontakte {
background: transparent url(/i/vkontakte-dark.svg?134234e9a81247662adc966e4667be5e) center/cover no-repeat;
}
.like-box {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
margin: 0 -8px;
opacity: 0;
transition: opacity 300ms ease 0ms;
}
.like-box--initialized {
opacity: 1;
transition: opacity 300ms ease 0ms;
}
.like-box__button {
display: block;
height: 48px;
width: 48px;
border-radius: 48px;
border: 0;
outline: 0;
-webkit-appearance: none;
margin: auto 8px;
cursor: pointer;
position: relative;
}
.like-box__button--dislike {
background: #262626 url(/i/dislike-white.svg?d15b3a8d5d2d48a2a84432ad11cfd842) center/32px no-repeat;
}
.like-box__button--dislike.like-box__button--active {
background: #262626 url(/i/dislike-white-active.svg?2f42359b33e24ec6267f070cf280fd01) center/32px no-repeat;
}
.like-box__button--like {
background: #262626 url(/i/like-white.svg?ef22e01b55292a83827f360f0b3dca25) center/32px no-repeat;
}
.like-box__button--like.like-box__button--active {
background: #262626 url(/i/like-white-active.svg?cdafd0f2f1773536f6342f47af2b42a8) center/32px no-repeat;
}
.bookmark {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
border: 0;
outline: 0;
background: transparent;
-webkit-appearance: none;
margin: 0;
cursor: pointer;
padding: 0;
}
.bookmark__icon {
height: 48px;
width: 48px;
border-radius: 48px;
}
.app--dark .bookmark__icon {
background: #262626 url(/i/bookmark-white.svg?ee367b4ee58bcfdeeaa2aff201226eff) center/28px no-repeat;
}
.app--light .bookmark__icon {
background: #F7F8F9 url(/i/bookmark-black.svg?62da616b2d42e3e8d199bcc1e4126e70) center/28px no-repeat;
}
.layout--person .bookmark__icon {
background: rgba(255, 255, 255, 0.15) url(/i/bookmark-white.svg?ee367b4ee58bcfdeeaa2aff201226eff) center/28px no-repeat;
}
@media screen and (max-width: 767px) {
.layout--person .bookmark__icon {
background: #474747 url(/i/bookmark-white.svg?ee367b4ee58bcfdeeaa2aff201226eff) center/28px no-repeat;
}
}
.layout--theme .bookmark__icon {
background: #FFFFFF url(/i/bookmark-black.svg?62da616b2d42e3e8d199bcc1e4126e70) center/28px no-repeat;
}
.app--dark .bookmark--selected .bookmark__icon,
.app--light .bookmark--selected .bookmark__icon {
background: url(/i/bookmark-white.svg?ee367b4ee58bcfdeeaa2aff201226eff) center/28px no-repeat, linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
}
.bookmark__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
margin: auto 0 auto 16px;
display: none;
}
.brand-main-item__bookmark .bookmark__title {
color: #FFFFFF;
}
@media screen and (max-width: 767px) {
.brand-main-item__bookmark .bookmark__title {
display: block;
}
}
.tags-list__content {
margin: -8px -4px 0;
}
.tags-list__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
}
.tags-list__item {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
margin: 8px 4px 0;
}
.section--light .tags-list__item,
.app--light .tags-list__item {
color: #B8C2CC;
}
.section--dark .tags-list__item,
.app--dark .tags-list__item {
color: rgba(255, 255, 255, 0.5);
}
.section--dark .tags-list__item:hover,
.app--dark .tags-list__item:hover {
color: white;
}
.tags-list__link {
text-decoration: inherit;
color: inherit;
display: block;
height: 32px;
border-radius: 8px;
padding: 0 16px;
}
.section--light .tags-list__link,
.app--light .tags-list__link {
background: #EFF1F3;
}
.section--dark .tags-list__link,
.app--dark .tags-list__link {
background: #262626;
}
.section--dark .tags-list__link:hover,
.app--dark .tags-list__link:hover {
background: #474747;
}
.list-item--tag {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
}
.list-item--tag .list-item__preview {
display: none;
}
.list-item--tag .list-item__info {
margin: 0;
}
.list-item--tag .list-item__link {
text-decoration: inherit;
display: block;
height: 32px;
border-radius: 8px;
padding: 0 16px;
background: #FFFFFF;
color: #000000;
}
.list-item--tag .list-item__box--editing .list-item__link {
padding: 0 40px 0 16px;
}
.app--dark .vgtrk-widget-form-default {
background: transparent;
}
.app--dark .vgtrk-widget-form-default .vgtrk-widget-form-control {
background: transparent;
}
.app--dark .vgtrk-widget-form-container {
background: #262626;
border-radius: 8px;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-label,
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-header-anons,
.app--dark .vgtrk-widget-form-container h2 {
color: #ffffff;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help-constraints {
display: none;
}
.list-item--article {
flex: 0 0 18.75%;
width: 18.75%;
}
@media screen and (max-width: 767px) {
.list-item--article {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .list-item--article {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .list-item--article {
flex: 0 0 50%;
width: 50%;
}
}
.layout__wrapper--aside .section--tmpl-aside-news .list-item--article {
width: 100%;
padding: 0;
margin: 0 0 30px;
}
.list-item--article .list-item__info {
position: relative;
}
.list-item--article .list-item__picture {
padding: 0 0 56.25%;
}
.list-item--article .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
}
.list-item--article .list-item__duration {
right: 8px;
bottom: auto;
top: -30px;
}
.section--dark .list-item--article .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-landscape.svg?d267fa19c960908b7833951788e5425c) center/cover no-repeat;
}
.article-main-item {
margin: 47px 0 32px;
}
@media screen and (max-width: 767px) {
.article-main-item {
margin: 16px 0 40px;
}
}
.article-main-item__header {
position: relative;
}
@media screen and (max-width: 767px) {
.article-main-item__media {
margin-top: 10px;
}
}
.article-main-item__content {
margin: 0 0 32px 0;
}
.article-main-item__info {
display: flex;
flex-flow: row wrap;
padding: 0 8px;
margin: 0 0 40px;
}
@media screen and (max-width: 1023px) {
.article-main-item__info {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.article-main-item__info {
padding: 0 4px;
margin: 0 0 8px;
}
}
.article-main-item__theme {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #403CF9;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
margin: auto 24px auto 0;
padding: 0 24px 0 16px;
border-radius: 8px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-color: rgba(64, 60, 249, 0.1);
background-size: 8px 10px;
background-position: bottom 11px right 14px;
}
@media screen and (max-width: 767px) {
.article-main-item__theme {
order: 1;
}
}
.article-main-item__date {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
margin: auto 24px auto 0;
display: block;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.article-main-item__date {
order: 3;
}
}
.article-main-item__authors {
font: 12px/32px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
margin: auto 0;
padding: 0;
display: block;
white-space: nowrap;
list-style: none;
}
@media screen and (max-width: 767px) {
.article-main-item__authors {
order: 4;
}
}
.article-main-item__authors li {
display: inline-block;
}
.article-main-item__authors li:after {
content: ",";
}
.article-main-item__authors li:last-child:after {
display: none;
}
.article-main-item__title {
font: 40px/48px "RF Devi Ultra Bold", sans-serif;
color: #000000;
letter-spacing: -0.25px;
margin: 10px 0 0;
flex: 0 0 100%;
}
@media screen and (max-width: 767px) {
.article-main-item__title {
font: 24px/28px "RF Devi Bold", sans-serif;
flex: 0 1 auto;
margin: 8px 0 8px;
order: 2;
padding-right: 64px;
}
}
.article-main-item__social {
position: absolute;
top: 40px;
left: -22.2222222222%;
width: 22.2222222222%;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.article-main-item__social {
left: auto;
right: 0;
top: 0;
}
}
.article-main-item__bookmark {
padding: 0 8px;
}
.article-main-item__anons {
font: 20px/32px "RF Devi Condensed Bold", sans-serif;
color: #000000;
padding: 32px;
background: #F7F8F9;
margin: 0 8px 26px;
}
@media screen and (max-width: 767px) {
.article-main-item__anons {
padding: 16px 20px 24px;
font: 18px/24px "RF Devi Condensed Bold", sans-serif;
margin: 0 -16px 22px;
}
}
.article-main-item__body {
font: 18px/28px "RF Devi Regular", sans-serif;
color: #000000;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.article-main-item__body {
font: 16px/24px "RF Devi Regular", sans-serif;
padding: 0 4px;
}
}
.article-main-item__body h1,
.article-main-item__body h2,
.article-main-item__body h3,
.article-main-item__body h4,
.article-main-item__body h5,
.article-main-item__body h6 {
font-weight: normal;
}
.article-main-item__body h1 a,
.article-main-item__body h2 a,
.article-main-item__body h3 a,
.article-main-item__body h4 a,
.article-main-item__body h5 a,
.article-main-item__body h6 a {
color: #000000;
text-decoration: none;
}
.article-main-item__body h1 strong,
.article-main-item__body h2 strong,
.article-main-item__body h3 strong,
.article-main-item__body h4 strong,
.article-main-item__body h5 strong,
.article-main-item__body h6 strong {
font-weight: normal;
}
.article-main-item__body p {
margin: 36px 0;
text-align: left !important;
}
.article-main-item__body p strong,
.article-main-item__body p b {
font: 18px/28px "RF Devi Bold", sans-serif;
}
.article-main-item__body p em,
.article-main-item__body p i {
font-style: normal;
}
@media screen and (max-width: 767px) {
.article-main-item__body p {
margin: 24px 0;
}
}
.article-main-item__body p a {
color: #403CF9;
text-decoration: none;
background: #403CF91A;
}
.article-main-item__body blockquote {
padding: 16px 0;
margin: 36px -8px;
position: relative;
display: flex;
flex-flow: row nowrap;
flex-wrap: wrap;
}
.article-main-item__body blockquote:before {
content: "";
position: absolute;
top: 0;
left: 8px;
width: 4px;
height: 100%;
background: #FF0000;
}
@media screen and (max-width: 767px) {
.article-main-item__body blockquote:before {
left: 4px;
}
}
@media screen and (max-width: 767px) {
.article-main-item__body blockquote {
margin: 24px -4px;
}
}
.article-main-item__body blockquote p {
font: 20px/30px "RF Devi Condensed Bold", sans-serif;
margin: 0 0 0 8.3333333333%;
padding: 0 8px;
}
.article-main-item__body blockquote p:last-child {
margin: 0 0 0 8.3333333333%;
}
@media screen and (max-width: 767px) {
.article-main-item__body blockquote p {
font: 20px/24px "RF Devi Condensed Bold", sans-serif;
padding: 0 4px;
margin: 0 0 0 16px;
}
.article-main-item__body blockquote p:last-child {
margin: 0 0 0 16px;
}
}
.article-main-item__body div[style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"] {
margin: 36px 0;
}
@media screen and (max-width: 767px) {
.article-main-item__body div[style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"] {
margin: 24px 0;
}
}
.article-main-item__tags {
margin: 16px 0 0;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.article-main-item__tags {
padding: 0 4px;
}
}
.article-media {
margin: 0 0 32px;
}
.multipe .article-media {
margin: 0;
}
@media screen and (max-width: 767px) {
.article-media {
margin: 0;
}
}
.article-media__info {
font: 16px/18px "RF Devi Semi Bold", sans-serif;
position: absolute;
bottom: 24px;
left: 10%;
right: 10%;
background: rgba(38, 38, 38, 0.75);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-radius: 8px;
color: #ffffffcc;
padding: 4px 8px;
}
.article-media__thumbs .article-media__info {
display: none;
}
.article-media__copy {
font: 11px/14px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
text-transform: uppercase;
position: absolute;
top: 0;
left: -11.1111111111%;
width: calc(11.1111111111% - 0px);
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: rotate(180deg);
text-align: right;
height: 100%;
}
.article-media__thumbs .article-media__copy {
display: none;
}
.article-media__source {
position: absolute;
bottom: 0;
left: 16px;
}
.article-media__link {
text-decoration: none;
color: #B8C2CC;
}
.article-media__slider {
position: relative;
z-index: 1;
}
.article-media__thumbs {
position: relative;
transform: translateY(-30%);
z-index: 2;
display: none;
}
.article-media-slider--initialized .article-media__thumbs {
display: block;
}
@media screen and (max-width: 767px) {
.article-media-slider--initialized .article-media__thumbs {
margin-bottom: 16px;
}
}
@media screen and (max-width: 767px) {
.article-media__thumbs {
transform: translateY(0);
}
}
.article-media-slider {
margin: 0 auto;
position: relative;
}
.article-media-slider__wrapper {
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.article-media__slider .article-media-slider__wrapper {
padding: 0;
margin: 0 -16px;
}
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__wrapper {
padding: 0;
}
}
.article-media-slider__content {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
margin: 0 -22.2222222222%;
padding: 0 22.2222222222%;
box-sizing: content-box;
}
.article-media__thumbs .article-media-slider__content {
margin: 0 -8px;
padding: 0;
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__content {
margin: 0;
}
}
.article-media-slider__list {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
list-style: none;
}
.article-media__thumbs .article-media-slider__list {
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__list {
align-items: inherit;
justify-content: inherit;
}
}
.article-media-slider__item {
flex-shrink: 0;
width: auto;
height: auto;
position: relative;
transition-property: transform;
box-sizing: border-box;
width: 100%;
}
.article-media-slider__item:nth-child(2) {
opacity: 0;
}
.article-media-slider__item--next,
.article-media-slider__item--prev {
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.article-media__thumbs .article-media-slider__item--next,
.article-media__thumbs .article-media-slider__item--prev {
opacity: 1;
}
.article-media-slider__item--active {
opacity: 1 !important;
}
.article-media__thumbs .article-media-slider__item {
padding: 0 8px;
max-width: 72px;
}
@media screen and (max-width: 767px) {
.article-media__thumbs .article-media-slider__item {
padding: 0 4px;
width: 16.6666666667%;
max-width: inherit;
}
}
.article-media-slider__preview {
width: 100%;
}
.article-media__thumbs .article-media-slider__preview {
margin: 12px 0 0;
}
.article-media__thumbs .article-media-slider__preview:after {
content: "";
display: block;
margin: 8px 0 0;
width: 100%;
height: 4px;
background: transparent;
}
.article-media__thumbs .article-media-slider__item--selected .article-media-slider__preview:after {
background: #FF0000;
}
.article-media-slider__picture {
width: 100%;
padding: 0 0 56.25%;
position: relative;
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
}
.article-media__thumbs .article-media-slider__picture {
cursor: pointer;
padding: 0 0 100%;
border-radius: 8px;
overflow: hidden;
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.article-media-slider__picture img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
-o-object-fit: contain;
object-fit: contain;
}
.article-media-slider__player {
width: 100%;
position: relative;
}
.article-media-slider__player img {
border: 0;
outline: 0;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
.article-media-slider__player img {
z-index: 1;
}
.article-media-slider__player iframe {
z-index: 2;
}
.article-media-slider__navigation {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.article-media__thumbs .article-media-slider__navigation {
display: none;
}
@media screen and (max-width: 767px) {
.article-media-slider__navigation {
display: none;
}
}
.article-media-slider__button {
display: block;
outline: 0;
border: 0;
width: 48px;
height: 48px;
border-radius: 48px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
cursor: pointer;
-webkit-appearance: none;
position: absolute;
top: -24px;
opacity: 0;
}
.section__content--initialized .article-media-slider__button,
.article-media-slider--initialized .article-media-slider__button {
opacity: 1;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms, width 0ms ease 0ms;
}
.section__content--initialized .article-media-slider__button--disabled,
.article-media-slider--initialized .article-media-slider__button--disabled {
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms, width 0ms ease 300ms;
height: 0;
width: 0;
}
.article-media-slider__button--prev {
left: -16px;
background: transparent url(/i/slider-navigation-prev.svg?b796b331a7557d118f090f25c90fbb18) center/cover no-repeat;
}
.article-media-slider__button--next {
right: -16px;
background: transparent url(/i/slider-navigation-next.svg?da34ecce5ea9e35b000c233e05f84425) center/cover no-repeat;
}
.picture-insert {
margin: 36px 0;
position: relative;
}
@media screen and (max-width: 767px) {
.picture-insert {
margin: 21px 0;
}
}
.picture-insert__holder {
width: 100%;
height: auto;
}
.picture-insert__holder img {
width: 100%;
height: auto;
vertical-align: top;
border-radius: 8px;
}
.picture-insert__info {
margin: 8px 0 0;
}
@media screen and (max-width: 767px) {
.picture-insert__info {
margin: 5px 0 0;
position: relative;
top: auto;
left: auto;
transform: none;
}
}
.picture-insert__info a {
color: #403CF9;
}
.picture-insert__description {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
margin: 0 4px;
}
.picture-insert__author {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #B8C2CC;
margin: 0 4px;
}
.teaser {
display: flex;
flex-flow: row nowrap;
position: relative;
margin: 37px -8px 19px;
padding: 16px 0;
}
@media screen and (max-width: 767px) {
.teaser {
margin: 26px -4px 22px;
}
}
.teaser:before {
content: "";
position: absolute;
top: 0;
left: 8px;
height: 100%;
width: 4px;
background: #FF0000;
}
@media screen and (max-width: 767px) {
.teaser:before {
left: 4px;
}
}
.teaser .teaser_photo {
box-sizing: border-box;
width: 22.2222222222%;
flex: 0 0 22.2222222222%;
padding: 0 8px;
display: block;
order: 2;
}
@media screen and (max-width: 1023px) {
.teaser .teaser_photo {
width: 27.2727272727%;
flex: 0 0 27.2727272727%;
}
}
@media screen and (max-width: 767px) {
.teaser .teaser_photo {
display: none;
}
}
.teaser .teaser_photo img {
width: 100%;
height: auto;
vertical-align: top;
border-radius: 8px;
}
.teaser .wrapper-teaser {
box-sizing: border-box;
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
margin: 0 0 0 11.1111111111%;
padding: 0 8px;
display: block;
order: 1;
}
@media screen and (max-width: 1023px) {
.teaser .wrapper-teaser {
width: 45.4545454545%;
flex: 0 0 45.4545454545%;
margin: 0 0 0 9.0909090909%;
}
}
@media screen and (max-width: 767px) {
.teaser .wrapper-teaser {
margin: 0 0 0 16px;
flex: 0 1 100%;
width: 100%;
padding: 0 4px;
}
}
.teaser .teaser_title {
font: 20px/24px "RF Devi Bold", sans-serif;
color: #000000;
text-decoration: none;
}
.teaser .teaser_read {
display: none;
}
.vgtrk-widget-form-default {
background: #F7F8F9;
border-radius: 16px;
}
.vgtrk-widget-form-default .vgtrk-widget-form-control {
text-align: center;
background: transparent !important;
padding: 0 !important;
}
.vgtrk-widget-form-container {
padding: 32px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-control {
margin-top: 32px;
}
.vgtrk-widget-form-container *,
.vgtrk-widget-form-container *::before,
.vgtrk-widget-form-container *::after {
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.vgtrk-widget-form-container {
padding: 16px;
}
}
.vgtrk-widget-form-container .vgtrk-widget-form-header-title {
font: normal 18px/20px "RF Devi Semi Bold", sans-serif;
padding-bottom: 30px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-header-anons {
padding-bottom: 50px;
}
.article__body .vgtrk-widget-form-container p {
font: inherit;
padding: 0;
margin: 0;
}
.article__body .vgtrk-widget-form-container h3 {
padding: 0;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container h2 {
padding: 0 0 24px 0;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container h3 {
padding: 0;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container p {
padding: unset;
margin: 0;
}
.program-about__text .vgtrk-widget-form-container .vgtrk-widget-form-note {
display: none;
}
.program-about__text .vgtrk-widget-form-container .vgtrk-widget-form-header-anons p {
margin: 10px 0;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-constraints {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main {
display: inline-block;
width: auto;
text-transform: none;
margin: 0 0 3px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-info-help-main:after {
content: ".";
white-space: pre;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-el {
position: absolute;
display: block;
height: 100%;
width: 200%;
cursor: pointer;
top: 0;
left: -100%;
z-index: 2;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-el-value {
box-sizing: border-box;
display: block;
position: absolute;
top: 0;
left: 0;
padding: 0 16px;
height: 100%;
width: 100%;
line-height: 44px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-title {
position: relative;
padding: 0 30px 0 0;
margin: 0;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-label {
word-break: break-word;
font: inherit !important;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required .vgtrk-widget-form-field-label:after {
font: 14px/14px "RF Devi Bold", sans-serif;
content: " *";
color: #fff;
/*
content: "";
display: block;
position: absolute;
right: 0;
top: 5px;
width: 20px;
height: 20px;
*/
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required.vgtrk-widget-form-field-error .vgtrk-widget-form-field-title {
color: #FF0040;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-required.vgtrk-widget-form-field-error .vgtrk-widget-form-field-title .vgtrk-widget-form-field-label:after {
color: #f0320a;
/*
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiNGRjAwNDAiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiNGRjAwNDAiLz4KPC9zdmc+Cg==') no-repeat;
*/
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-header {
padding: 0 !important;
margin: 0 0 16px !important;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-el {
font: normal 16px/18px "RF Devi Regular", sans-serif;
box-sizing: border-box;
display: block;
border: 0;
outline: 0;
height: 100%;
width: 100%;
padding: 0 16px;
background: transparent;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
height: 44px;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-date .vgtrk-widget-form-field-mask {
overflow: visible;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label {
padding: 0 0 0 32px;
display: block;
position: relative;
z-index: 3;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label a {
color: inherit;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-label:after {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-checkbox .vgtrk-widget-form-field-input {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title {
font: normal 18px/22px "RF Devi Regular", sans-serif;
font-weight: 600;
position: relative;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox {
font: normal 13px/20px "RF Devi Regular", sans-serif;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 2px solid #494949;
border-radius: 4px;
z-index: 1;
}
.vgtrk-widget-form-field-error .vgtrk-widget-form-container .vgtrk-widget-form-field-title-checkbox:before {
border: 1px solid #c8320a;
background: rgba(200, 50, 10, 0.2);
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-title-checked:after {
content: "";
position: absolute;
display: block;
box-sizing: border-box;
top: -2px;
left: 7px;
height: 15px;
width: 10px;
border-right: 3px solid #FF0040;
border-bottom: 3px solid #FF0040;
transform: rotate(45deg);
z-index: 2;
}
.vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-repeat: no-repeat;
padding: 10px 44px 10px 16px;
}
.vgtrk-widget-form-container select.vgtrk-widget-form-field-el::-ms-expand {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info {
font: normal 13px/16px "RF Devi Regular", sans-serif;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
padding-top: 10px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info-counter {
font-size: 11px;
padding-top: 12px;
float: right;
color: #848586;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-info-error {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field {
padding-bottom: 25px;
padding-top: 25px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field:first-child {
padding-top: 0;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-el {
resize: none;
height: 100%;
padding: 16px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-mask {
overflow: visible;
min-height: 180px;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-textarea .vgtrk-widget-form-field-info-help,
.vgtrk-widget-form-container .vgtrk-widget-form-field-text .vgtrk-widget-form-field-info-help {
display: none;
}
.vgtrk-widget-form-container .vgtrk-widget-form-field-file .vgtrk-widget-form-field-mask:after {
content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4Ni4zIDQ4Ni4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODYuMyA0ODYuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTUuNSwxMzUuOGMtNS4yLTMwLjktMjAuNS01OS4xLTQzLjktODAuNWMtMjYtMjMuOC01OS44LTM2LjktOTUtMzYuOWMtMjcuMiwwLTUzLjcsNy44LTc2LjQsMjIuNSAgICBjLTE4LjksMTIuMi0zNC42LDI4LjctNDUuNyw0OC4xYy00LjgtMC45LTkuOC0xLjQtMTQuOC0xLjRjLTQyLjUsMC03Ny4xLDM0LjYtNzcuMSw3Ny4xYzAsNS41LDAuNiwxMC44LDEuNiwxNiAgICBDMTYuNywyMDAuNywwLDIzMi45LDAsMjY3LjJjMCwyNy43LDEwLjMsNTQuNiwyOS4xLDc1LjljMTkuMywyMS44LDQ0LjgsMzQuNyw3MiwzNi4yYzAuMywwLDAuNSwwLDAuOCwwaDg2ICAgIGM3LjUsMCwxMy41LTYsMTMuNS0xMy41cy02LTEzLjUtMTMuNS0xMy41aC04NS42QzYxLjQsMzQ5LjgsMjcsMzEwLjksMjcsMjY3LjFjMC0yOC4zLDE1LjItNTQuNywzOS43LTY5ICAgIGM1LjctMy4zLDguMS0xMC4yLDUuOS0xNi40Yy0yLTUuNC0zLTExLjEtMy0xNy4yYzAtMjcuNiwyMi41LTUwLjEsNTAuMS01MC4xYzUuOSwwLDExLjcsMSwxNy4xLDNjNi42LDIuNCwxMy45LTAuNiwxNi45LTYuOSAgICBjMTguNy0zOS43LDU5LjEtNjUuMywxMDMtNjUuM2M1OSwwLDEwNy43LDQ0LjIsMTEzLjMsMTAyLjhjMC42LDYuMSw1LjIsMTEsMTEuMiwxMmM0NC41LDcuNiw3OC4xLDQ4LjcsNzguMSw5NS42ICAgIGMwLDQ5LjctMzkuMSw5Mi45LTg3LjMsOTYuNmgtNzMuN2MtNy41LDAtMTMuNSw2LTEzLjUsMTMuNXM2LDEzLjUsMTMuNSwxMy41aDc0LjJjMC4zLDAsMC42LDAsMSwwYzMwLjUtMi4yLDU5LTE2LjIsODAuMi0zOS42ICAgIGMyMS4xLTIzLjIsMzIuNi01MywzMi42LTg0QzQ4Ni4yLDE5OS41LDQ0Ny45LDE0OS42LDM5NS41LDEzNS44eiIgZmlsbD0iIzU1NTU1NSIvPgoJCTxwYXRoIGQ9Ik0zMjQuMiwyODBjNS4zLTUuMyw1LjMtMTMuOCwwLTE5LjFsLTcxLjUtNzEuNWMtMi41LTIuNS02LTQtOS41LTRzLTcsMS40LTkuNSw0bC03MS41LDcxLjVjLTUuMyw1LjMtNS4zLDEzLjgsMCwxOS4xICAgIGMyLjYsMi42LDYuMSw0LDkuNSw0czYuOS0xLjMsOS41LTRsNDguNS00OC41djIyMi45YzAsNy41LDYsMTMuNSwxMy41LDEzLjVzMTMuNS02LDEzLjUtMTMuNVYyMzEuNWw0OC41LDQ4LjUgICAgQzMxMC40LDI4NS4zLDMxOC45LDI4NS4zLDMyNC4yLDI4MHoiIGZpbGw9IiM1NTU1NTUiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
position: absolute;
display: block;
top: 50%;
right: 6px;
height: 16px;
width: 16px;
transform: translateY(-50%);
z-index: 1;
}
.vgtrk-widget-form-container .vgtrk-widget-form-button {
font: 12px/44px "RF Devi Condensed Bold", sans-serif !important;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
display: block;
width: 33.3333333333%;
border-radius: 8px;
background: #EFF1F3 !important;
border: 0 !important;
color: #000000 !important;
outline: none;
cursor: pointer;
padding: 0 !important;
}
@media screen and (max-width: 767px) {
.vgtrk-widget-form-container .vgtrk-widget-form-button {
width: 100%;
}
}
.vgtrk-widget-form-container .vgtrk-widget-form-datepicker-wrapper {
height: 44px !important;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar {
border-radius: 8px;
margin-top: 8px;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar header .prev {
border-radius: 8px 0 0 0;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar header .next {
border-radius: 0 8px 0 0;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
background: transparent;
border-radius: 30px;
}
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
border-radius: 30px;
}
.app--dark .vgtrk-widget-form-container {
background: #1A1A1A;
color: #ffffff;
/*
.vgtrk-widget-form-field-required {
.vgtrk-widget-form-field-label {
&:after {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiM0MDQwNDAiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiM4NDg1ODYiLz4KPC9zdmc+Cg==') no-repeat;
}
}
}
*/
}
.app--dark .vgtrk-widget-form-container h3,
.app--dark .vgtrk-widget-form-container h2 {
color: #FFFFFF;
}
.app--dark .vgtrk-widget-form-container p {
color: #EFF1F3;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
background: #292929;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-mask-error {
border: 1px solid rgba(255, 0, 64, 0.5);
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-title {
color: #fff;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-el {
color: #B8C2CC;
}
.app--dark .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
color: #EFF1F3;
opacity: 0.5;
}
.app--dark .vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5TDIyIDI0TDI4IDE5IiBzdHJva2U9IiNCOEMyQ0MiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.app--dark .vgtrk-widget-form-container select.vgtrk-widget-form-field-el option {
background: #292929;
border: 0;
outline: 0;
padding: 0 16px;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar {
background: #1A1A1A;
border: 1px solid #404040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev:after {
border-right: 10px solid #fff;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev.disabled:after {
border-right: 10px solid #404040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .next:after {
border-left: 10px solid #fff;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .next.disabled:after {
border-left: 10px solid #404040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .next:not(.disabled):hover,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar header .up:not(.disabled):hover {
background: #212121;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
border: 1px solid #FF0040;
}
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.app--dark .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
border: 1px solid #fff;
}
.app--light .vgtrk-widget-form-container {
background: #EFF1F3;
/*
.vgtrk-widget-form-field-required {
.vgtrk-widget-form-field-label {
&:after {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41IiBzdHJva2U9IiNCOEMyQ0MiLz4KPHBhdGggZD0iTTkuMjMyNDIgNUw5LjM1NTQ3IDExLjc5NDlIMTAuNjk1M0wxMC44MjUyIDVIOS4yMzI0MlpNMTAuMDI1NCAxNS4wMTQ2QzEwLjU5OTYgMTUuMDE0NiAxMS4wNTA4IDE0LjU1NjYgMTEuMDUwOCAxMy45ODI0QzExLjA1MDggMTMuNDE1IDEwLjU5OTYgMTIuOTU3IDEwLjAyNTQgMTIuOTU3QzkuNDUxMTcgMTIuOTU3IDkgMTMuNDE1IDkgMTMuOTgyNEM5IDE0LjU1NjYgOS40NTExNyAxNS4wMTQ2IDEwLjAyNTQgMTUuMDE0NloiIGZpbGw9IiNCOEMyQ0MiLz4KPC9zdmc+Cg==') no-repeat;
}
}
}
*/
}
.app--light .vgtrk-widget-form-container h3,
.app--light .vgtrk-widget-form-container h2 {
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container p {
color: #B8C2CC;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-mask {
background: #FFFFFF;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-title {
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-el {
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-info-help {
color: #B8C2CC;
}
.app--light .vgtrk-widget-form-container select.vgtrk-widget-form-field-el {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDE5TDIyIDI0TDI4IDE5IiBzdHJva2U9IiMyQTJDM0QiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-field-label:after {
color: #B8C2CC;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-button {
background: #D3D9DF;
color: #2A2C3D;
}
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected,
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected.highlighted,
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell.selected:hover {
border: 1px solid #2F23EE;
}
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.app--light .vgtrk-widget-form-container .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover .cell:not(.blank):not(.disabled).year:hover {
border: 1px solid #000000;
}
.app--light .vgtrk-widget-form-container .vgtrk-widget-form-control {
background: none;
}
.tickets {
margin: 20px auto;
}
.tickets__anons {
font: 20px/32px "RF Devi Condensed Bold", sans-serif;
color: #000000;
margin: 0 0 20px;
}
.tickets__anons p {
text-align: center !important;
margin: 0;
}
.tickets__buttons {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
.tickets a {
-webkit-appearance: none;
flex: 0 1 320px;
outline: none;
border: none;
cursor: pointer;
display: block;
font: 12px/44px "RF Devi Condensed Bold", sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
background: linear-gradient(90deg, #FF9600 0%, #FF0000 100%);
border-radius: 6px;
}
@media screen and (max-width: 767px) {
.tickets a {
font: 11px/38px "RF Devi Condensed Bold", sans-serif;
}
}
.section--tmpl-aside-broadcasts .section__header {
margin: 0;
height: 120px;
position: relative;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .section__header {
height: auto;
margin: 19px 0 16px;
}
}
.section--tmpl-aside-broadcasts .section__content {
margin: 0;
}
.section--tmpl-aside-broadcasts .section__filter {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 533.3333333333%;
height: 100%;
padding: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .section__filter {
width: 100%;
height: auto;
position: static;
top: auto;
left: auto;
padding: 0 4px;
}
}
.section--tmpl-aside-broadcasts .filter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 25%;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .filter {
position: relative;
top: auto;
left: auto;
transform: translate(0, 0);
width: auto;
}
}
.section--tmpl-aside-broadcasts .filter__content {
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .filter__content {
margin: 0;
}
}
.section--tmpl-aside-broadcasts .filter__list {
box-sizing: border-box;
background: #191919;
border-radius: 48px;
padding: 4px;
justify-content: space-between;
}
.section--tmpl-aside-broadcasts .filter__item {
margin: 0;
}
.section--tmpl-aside-broadcasts .filter__button {
font: 14px/40px "RF Devi Semi Bold", sans-serif;
height: 40px;
border-radius: 40px;
padding: 0 32px;
}
.section--tmpl-aside-broadcasts .tile {
box-sizing: border-box;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .tile {
padding: 0;
margin: 0 -12px;
width: auto;
overflow: auto;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .tile__list {
flex-flow: row nowrap;
}
}
.section--tmpl-aside-broadcasts .list-item {
width: 100%;
flex: 0 0 100%;
background: #191919;
padding: 12px;
margin: 0 0 2px;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .list-item {
width: auto;
flex: 0 0 auto;
margin: 0 0 0 2px;
}
}
.section--tmpl-aside-broadcasts .list-item--selected:after {
content: "";
display: block;
height: 2px;
width: 100%;
background: #FF0000;
position: absolute;
bottom: 0;
left: 0;
}
.section--tmpl-aside-broadcasts .list-item:first-child {
border-radius: 8px 8px 0 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .list-item:first-child {
margin: 0;
border-radius: 8px 0 0 0;
}
}
.section--tmpl-aside-broadcasts .list-item:last-child {
border-radius: 0 0 8px 8px;
margin: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .list-item:last-child {
margin: 0 0 0 2px;
border-radius: 0 8px 0 0;
}
}
.section--tmpl-aside-broadcasts .list-item:only-child {
border-radius: 8px;
margin: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-broadcasts .list-item:only-child {
margin: 0;
border-radius: 8px 8px 0 0;
}
}
.section--tmpl-aside-broadcasts .list-item__box {
display: flex;
flex-flow: row nowrap;
width: 100%;
}
.section--tmpl-aside-broadcasts .list-item__preview {
width: 56px;
flex: 0 0 56px;
}
.section--tmpl-aside-broadcasts .list-item__info {
margin: 0 0 auto 16px;
}
.section--tmpl-aside-broadcasts .list-item__title {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #B8C2CC;
margin: 0 0 4px;
text-align: left;
}
.section--tmpl-aside-broadcasts .list-item__category {
display: none;
}
.section--tmpl-aside-broadcasts .list-item__anons {
font: 14px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
display: block;
}
.layout__column--full .section--tmpl-aside-news-feed .list-item__date {
display: block;
order: 3;
margin-top: 6px;
}
.layout--home .section--tmpl-aside-news-feed {
height: 100%;
}
.section--tmpl-aside-news-feed .scrollbar-thumb {
opacity: 0;
}
.layout--home .section--tmpl-aside-news-feed .scrollbar-thumb {
opacity: 1;
}
.section--tmpl-aside-news-feed .tile__content--live-scroll {
height: auto;
}
.section--tmpl-aside-news-feed .tile__content--live-scroll:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 56px;
}
.layout--home .section--tmpl-aside-news-feed .tile__content--live-scroll:after {
background: linear-gradient(0deg, #F7F8F9 24.24%, rgba(247, 248, 249, 0) 100%);
}
.section--tmpl-aside-news-feed .section__content {
margin: 20px 0 0;
}
.layout--home .section--tmpl-aside-news-feed .section__content {
height: calc(100% - 75px);
height: -webkit-calc(100% - 75px);
}
.layout--home .section--tmpl-aside-news-feed .section__content .tile__content--live-scroll,
.layout--home .section--tmpl-aside-news-feed .section__content .tile {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.section--tmpl-aside-news-feed .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0 8px;
margin: 0 0 30px;
}
.section--tmpl-aside-news-feed .list-item:last-child {
margin: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-aside-news-feed .list-item {
padding: 0 4px;
}
}
.section--tmpl-aside-news-feed .list-item.list-item__text {
border: 1px solid red;
}
.section--tmpl-aside-news-feed .list-item__preview {
display: none;
}
.section--tmpl-aside-news-feed .list-item__info {
flex-flow: row wrap;
margin: 0;
}
.section--tmpl-aside-news-feed .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
margin: 2px 0 0;
flex: 0 0 100%;
order: 3;
}
@media screen and (max-width: 1023px) {
.section--tmpl-aside-news-feed .list-item__title {
font: 12px/16px "RF Devi Semi Bold", sans-serif;
}
}
.section--tmpl-aside-news-feed .list-item__category {
display: none;
}
.section--tmpl-aside-news-feed .list-item__date {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
order: 2;
width: 100%;
margin-right: 8px;
text-align: left;
}
.section--tmpl-aside-news-feed .list-item__date {
position: relative;
}
.section--tmpl-aside-news-feed .list-item__date:before {
content: "";
text-align: right;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 1023px) {
.section--tmpl-aside-news-feed .list-item__date:before {
display: none;
}
}
.section--tmpl-aside-news-feed .list-item--has-video .list-item__date:before {
content: "\441 \432\438\434\435\43E";
}
.layout__wrapper--newsfeed {
display: flex;
}
.layout__wrapper--newsfeed .layout__column.layout__column--full {
width: 100%;
}
@media screen and (max-width: 1023px) {
.layout__wrapper--newsfeed .tile__list {
overflow: hidden;
}
}
.layout__holder--full .layout__column--full .section--tmpl-brandsFeed {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-brandsFeed {
margin: 0 8px;
}
}
.layout--brand .section--tmpl-audio {
margin-top: 0;
}
.layout--person .section--tmpl-audio .section__content {
padding: 0 0 32px;
}
.layout--podcast .section .section__control {
margin: 0;
}
.layout--podcast .section .section__control .section__link:hover {
background: rgba(255, 255, 255, 0.25);
}
.layout--podcast .section .list-item--audio:nth-last-child(2) .list-item__box {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.layout--podcast .section .list-item--audio:last-child .list-item__box {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.layout--podcast .section--tmpl-audio .section__link--more {
border-radius: 0 0 8px 8px;
}
.section--tmpl-audio .list-item {
flex: 0 0 50%;
width: 50%;
margin: 0 0 2px;
}
@media screen and (max-width: 767px) {
.section--tmpl-audio .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0 4px;
}
}
.layout--podcast .section--tmpl-audio .list-item {
flex: 0 0 100%;
width: 100%;
margin: 0 0 2px;
}
@media screen and (max-width: 767px) {
.layout--podcast .section--tmpl-audio .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0 4px;
}
}
.layout--podcast .section--tmpl-audio .list-item--active-description .list-item__box {
background: rgba(255, 255, 255, 0.1);
}
.layout--podcast .section--tmpl-audio .list-item--active-description .list-item__description {
padding: 8px 8px 8px 56px;
}
.layout--podcast .section--tmpl-audio .list-item--active-description .list-item__description .list-item__link ~ a {
color: #FF0000;
text-decoration: none;
background: #FF000032;
}
.layout--podcast .section--tmpl-audio .section__content--has-more .list-item--audio:last-child .list-item__box {
border-radius: 0;
}
.layout--audio .section--tmpl-audio .list-item__preview,
.layout--brand .section--tmpl-audio .list-item__preview,
.layout--podcast .section--tmpl-audio .list-item__preview {
margin: 0;
}
.layout--audio .section--tmpl-audio .list-item__picture,
.layout--brand .section--tmpl-audio .list-item__picture,
.layout--podcast .section--tmpl-audio .list-item__picture {
display: none;
}
.layout--audio .section--tmpl-audio .list-item__box,
.layout--brand .section--tmpl-audio .list-item__box,
.layout--podcast .section--tmpl-audio .list-item__box {
background: rgba(255, 255, 255, 0.15);
}
.layout--audio .section--tmpl-audio .list-item__box:hover,
.layout--brand .section--tmpl-audio .list-item__box:hover,
.layout--podcast .section--tmpl-audio .list-item__box:hover {
background: rgba(255, 255, 255, 0.25);
}
.layout--audio .section--tmpl-audio .list-item__title,
.layout--brand .section--tmpl-audio .list-item__title,
.layout--podcast .section--tmpl-audio .list-item__title {
display: none;
}
.layout--audio .section--tmpl-audio .list-item__anons,
.layout--brand .section--tmpl-audio .list-item__anons {
position: absolute;
top: 30px;
left: 64px;
width: calc(100% - 100px);
overflow: hidden;
}
.layout--podcast .section--tmpl-audio .list-item__anons {
position: absolute;
top: 30px;
left: 64px;
width: calc(100% - 100px);
}
.list-item--audio-date .list-item__date {
margin: 0;
left: 64px;
top: 10px;
position: absolute;
font: 14px/16px "RF Devi Semi Bold", sans-serif;
color: rgba(255, 255, 255, 0.5);
text-transform: none;
letter-spacing: normal;
}
.layout--audio .section--tmpl-audio .list-item__duration,
.layout--podcast .section--tmpl-audio .list-item__duration {
right: auto;
top: 13px;
left: 64px;
text-transform: uppercase;
}
.section--tmpl-audio .list-item__description {
padding-left: 40px;
}
.list-item--audio-date .list-item__duration {
left: auto;
right: 8px;
top: 10px;
}
.layout__holder--full .layout__column--full .section--tmpl-brandsFeed {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-brandsFeed {
margin: 0 8px;
}
}
.layout--brand .section--tmpl-audios {
margin-top: 0;
}
.section--tmpl-audios .list-item {
flex: 0 0 50%;
width: 50%;
margin: 0 0 2px;
}
@media screen and (max-width: 767px) {
.section--tmpl-audios .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0 4px;
}
}
.layout__holder--full .layout__column--full .section--tmpl-brands {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-brands {
margin: 0 8px;
}
}
.section--tmpl-brands .slider__navigation {
top: calc(37.5% - 8px);
}
.section--tmpl-brands .list-item {
flex: 0 0 18.75%;
width: 18.75%;
}
@media screen and (max-width: 767px) {
.section--tmpl-brands .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .section--tmpl-brands .list-item {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-brands .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-brands .list-item__picture {
padding: 0 0 56.25%;
}
.section--tmpl-brands .list-item__info {
margin: 6px 0 0;
}
.layout__holder--full .layout__column--full .section--tmpl-brandsFeed {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-brandsFeed {
margin: 0 8px;
}
}
.section--tmpl-brandsFeed .slider__navigation {
top: calc(33.3333333333% - 8px);
}
.layout__holder--full .layout__column .section--tmpl-brandsFeed .list-item {
width: 12.5%;
flex: 0 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-brandsFeed .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-brandsFeed .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item {
width: 12.5%;
flex: 0 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-brandsFeed .list-item {
width: 40%;
flex: 0 0 40%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-brandsFeed .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-brandsFeed .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-brandsFeed .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-brandsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-brandsFeed .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-brandsFeed .list-item {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-brandsFeed .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-brandsFeed .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout--person .layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item,
.layout--brand .layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout--person .layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item,
.layout--brand .layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.layout--person .layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item,
.layout--brand .layout__holder--content .layout__column .section--tmpl-brandsFeed .list-item {
flex: 0 0 37.5%;
width: 37.5%;
}
}
.section--tmpl-brandsFeedTile .list-item__picture,
.section--tmpl-brandsFeed .list-item__picture {
padding: 0 0 150%;
}
.section--dark.section--tmpl-brandsFeed .list-item__info {
margin: 6px 0 0;
overflow: hidden;
position: relative;
}
.section--dark.section--tmpl-brandsFeed .list-item__info:after {
background: linear-gradient(90deg, transparent, #000);
content: "";
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
}
.section--light.section--tmpl-brandsFeed .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-portrait.svg?b857144027b88e6b1030853bd985abd8) center/cover no-repeat;
}
.section--dark.section--tmpl-brandsFeed .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-portrait.svg?7ea1631dd6d9222d9b3301571aca8c6f) center/cover no-repeat;
}
.layout__holder--full .layout__column--full .section--tmpl-brandsFeedTile {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-brandsFeedTile {
margin: 0 8px;
}
}
@media screen and (max-width: 1023px) {
.layout--brands-tag .section--tmpl-brandsFeedTile .list-item {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.layout--brands-tag .section--tmpl-brandsFeedTile .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.section--light.section--tmpl-brandsFeedTile .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-portrait.svg?b857144027b88e6b1030853bd985abd8) center/cover no-repeat;
}
.section--dark.section--tmpl-brandsFeedTile .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-portrait.svg?7ea1631dd6d9222d9b3301571aca8c6f) center/cover no-repeat;
}
.layout__holder--full .layout__column--full .section--tmpl-brandsGrid {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-brandsGrid {
margin: 0 8px;
}
}
.section--tmpl-brandsGrid .slider__navigation {
top: calc(33.3333333333% - 8px);
}
.layout--vesti .section--tmpl-brandsGrid .list-item,
.layout--profile .section--tmpl-brandsGrid .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout--vesti .section--tmpl-brandsGrid .list-item,
.layout--profile .section--tmpl-brandsGrid .list-item {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-brandsGrid .list-item,
.layout--profile .section--tmpl-brandsGrid .list-item {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.layout--vesti .section--tmpl-brandsGrid .list-item,
.layout--profile .section--tmpl-brandsGrid .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-brandsGrid .list-item__picture {
padding: 0 0 150%;
}
.section--tmpl-brandsGrid .list-item__info {
margin: 6px 0 0;
}
.layout--live .swiper-arrows {
display: none;
position: absolute;
right: 0;
top: 0;
}
@media screen and (min-width: 1023px) {
.layout--live .swiper-arrows.initialized {
display: block;
}
}
@media screen and (min-width: 767px) {
.layout--live .broadcasts {
padding-top: 12px;
}
}
.layout--live .swiper-arrows-container {
position: relative;
height: 48px;
z-index: 2;
}
.layout--live .swiper-arrows-wrapper {
display: flex;
gap: 8px;
height: 100%;
background-color: black;
}
.layout--live .swiper-arrows-next,
.layout--live .swiper-arrows-prev {
height: 100%;
width: 48px;
transform: scaleX(-1);
border: 0;
background-image: url(/i/arrow-broadcasts2.svg?da0ec154fd7fa15823b9b6e47c5d27e3);
background-repeat: no-repeat;
background-position: center;
background-color: #2D2D2D;
cursor: pointer;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 80px;
}
.layout--live .swiper-arrows-next:disabled,
.layout--live .swiper-arrows-prev:disabled {
border: 0;
outline: none;
background-image: url(/i/arrow-broadcasts-disabled.svg?1de515ff435cde8138a97ae668647277);
background-repeat: no-repeat;
background-position: center;
background-color: #191919;
transform: scaleX(-1);
}
.layout--live .swiper-arrows-next:disabled {
transform: scaleX(1);
}
.layout--live .swiper-arrows-prev {
transform: none;
}
.layout--live .broadcasts {
margin-top: 34px;
}
.layout--live .swiper-wrapper .section__header {
display: none;
}
.layout--live .section__content {
margin: 0;
}
.layout--live .header-carousel {
overflow: hidden;
width: 100%;
padding-bottom: 26px;
padding-left: 8px;
position: relative;
z-index: 1;
}
.layout--live .header-carousel-container {
list-style-type: none;
display: flex;
justify-content: space-between;
transition-property: transform;
box-sizing: content-box;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
flex-direction: row;
}
.layout--live .header-carousel-container::-webkit-scrollbar {
display: none;
}
.layout--live .header-carousel-container > li {
font-family: "RF Devi Condensed Bold", Verdana, Arial;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: white;
white-space: nowrap;
flex-shrink: 0;
}
@media screen and (min-width: 1023px) {
.layout--live .header-carousel-container > li {
width: 31.25%;
}
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
.layout--live .header-carousel-container > li {
width: 43.75%;
}
.layout--live .swiper-arrows {
display: none;
}
}
@media screen and (max-width: 767px) {
.layout--live .broadcasts {
margin-top: 28px;
}
.layout--live .swiper-arrows {
display: none;
}
.layout--live .header-carousel-container {
overflow: auto;
}
.layout--live .header-carousel-container > li {
padding: 8px;
width: auto;
}
.layout--live .header-carousel-container > .first {
margin-left: 0;
}
.layout--live .header-carousel {
padding-left: 0;
}
.layout--live .header-carousel-container .active {
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
border-radius: 8px;
}
}
.layout--live .swiper-container {
position: relative;
z-index: 1;
overflow: hidden;
}
.layout--live .swiper-wrapper {
position: relative;
width: 100%;
height: auto;
z-index: 1;
display: flex;
flex-direction: row;
transition-property: transform;
box-sizing: content-box;
}
.layout--live .swiper-wrapper > section {
position: relative;
flex-shrink: 0;
width: 31.25%;
height: 100%;
box-sizing: border-box;
}
.layout--live .swiper-wrapper section {
display: flex;
flex-direction: column;
}
.layout--live .broadcasts_slider {
position: relative;
overflow: hidden;
}
.layout--live .layout__holder--content {
padding: 0 16px;
display: flex;
flex-direction: column;
}
.layout--live .swiper-wrapper .tile__list {
flex-flow: column wrap;
}
.layout--live .broadcasts_slider-wrapper {
position: relative;
transition-property: transform;
display: flex;
flex-flow: row nowrap;
margin-top: 46px;
overflow: hidden;
}
.layout--live .broadcasts_slider-wrapper .tile__list {
flex-flow: column wrap;
}
.layout--live .footer {
margin-top: 88px;
}
@media screen and (max-width: 1023px) {
.layout--live .swiper-wrapper > section {
width: 43.75%;
}
}
@media screen and (max-width: 767px) {
.layout--live .section--tmpl-lives-tile .tile__content {
margin: 2px 12px 0;
}
.layout--live .swiper-wrapper > section {
width: 87.5%;
}
.layout--live .section--tmpl-lives-tile .tile__list {
flex-flow: column wrap;
}
.layout--live .section--tmpl-lives-tile .list-item {
width: 100%;
}
.layout--live .section--type-tv .section__header {
margin-top: 0;
padding-bottom: 8px;
}
.layout--live .section--type-tv .section__title {
display: flex;
align-items: flex-end;
margin: 0;
padding-bottom: 14px;
}
}
.layout--live.layout .layout__holder--content .section__background {
left: 0;
width: auto;
}
.layout--live .list-item--live {
width: auto;
flex: none;
padding-bottom: 8px;
}
.layout--live .list-item--live .list-item__preview {
width: 72px;
flex: 0 0 72px;
margin: auto 16px auto 0;
}
.layout--live .list-item--live .list-item__picture .list-item__link {
border-radius: 8px;
}
.layout--live .list-item--live .list-item__picture a img {
border-radius: 8px;
}
.section--type-smotrim {
margin: 0;
padding: 0;
}
.section--type-internet {
margin: 0;
padding: 0;
}
.section--type-internet .section__content {
margin: 0;
}
.section--type-internet .section__header {
display: none;
}
.section--type-internet .list-item__box {
padding: 8px;
}
.section--type-internet .list-item--live .list-item__picture .list-item__link {
border-radius: 8px;
}
.section--type-internet .list-item--live .list-item__picture a img {
border-radius: 8px;
}
.section--type-tv,
.section--type-radio {
margin: 0;
padding: 0;
}
.section--type-tv:not(:first-child) .section__header {
margin-top: 0;
padding-bottom: 8px;
}
.section--type-tv:not(:first-child) .section__title {
display: flex;
margin: 0;
padding-bottom: 14px;
}
.section--type-tv:not(:first-child) .section__content {
margin-top: 0;
}
.section--tmpl-broadcasts .list-item--live {
width: auto;
padding-bottom: 8px;
}
.section--tmpl-broadcasts .list-item--live.list-item__link {
display: none;
}
.section--tmpl-broadcasts .list-item {
width: auto;
padding-bottom: 8px;
}
.section--type-internet .section__header .section__content {
margin: 0;
}
.section--type-internet .section__header .section__title {
display: none;
}
.section--tmpl-broadcasts .tile {
overflow: visible;
}
.section--tmpl-broadcasts .filter__item {
margin: 0 12px;
}
.section--tmpl-broadcasts .filter__item:first-child {
margin-left: 4px;
padding-left: 0;
}
.section--tmpl-broadcasts .filter__button {
font: 16px/40px "RF Devi Condensed Ultra Bold", sans-serif;
text-transform: uppercase;
height: 40px;
border-radius: 8px;
background: transparent;
color: #FFFFFF;
}
.section--tmpl-broadcasts .filter__button:hover {
background: #262626;
color: #FFFFFF;
}
.section--tmpl-broadcasts .filter__button--active {
background: linear-gradient(0, #FF0000, #FF0064);
color: #FFFFFF;
}
.section--tmpl-broadcasts .filter__button--active:hover {
background: linear-gradient(0, #FF0000, #FF0064);
color: #FFFFFF;
}
.section--tmpl-broadcasts .list-item {
width: auto;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1279px) {
.section--tmpl-broadcasts .list-item {
flex: 0 0 25%;
}
}
@media screen and (max-width: 1023px) {
.section--tmpl-broadcasts .list-item {
flex: 0 0 33.3333333333%;
}
}
.section--tmpl-broadcasts .list-item__box {
padding: 8px;
}
.section--tmpl-broadcasts .list-item--selected .list-item__box:before {
content: "";
position: absolute;
top: -2px;
left: -2px;
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
height: calc(100% + 4px);
width: calc(100% + 4px);
transform: translate(0, 0);
border-radius: 10px;
z-index: -1;
}
.section--tmpl-broadcasts .list-item__time-state {
display: none;
}
.section--tmpl-broadcasts .list-item__title {
font: 14px/20px "RF Devi Regular", sans-serif;
color: #FFFFFF;
text-align: center;
position: absolute;
margin: 4px 0 0;
width: 100%;
top: 100%;
left: 0;
display: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.section--tmpl-broadcasts .list-item__slot {
display: flex;
flex-flow: column nowrap;
}
.section--tmpl-broadcasts .list-item__slot-title {
font: 14px/20px "RF Devi Regular", sans-serif;
color: #FFFFFF;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
order: 2;
}
.section--tmpl-broadcasts .list-item__slot-time {
font: 14px/20px "RF Devi Regular", sans-serif;
color: #aaaaaa;
margin: 0;
order: 1;
}
.section--tmpl-broadcasts .list-item__progress {
width: 100%;
left: 0;
border-radius: 8px;
}
.app--dark .section--tmpl-broadcasts .list-item--live .list-item__progress span {
background: rgba(255, 255, 255, 0.1);
}
.section--tmpl-broadcasts.section--type-smotrim .list-item__picture .list-item__link,
.section--tmpl-broadcasts.section--type-tv .list-item__picture .list-item__link {
border-radius: 8px;
}
.section--tmpl-broadcasts.section--type-smotrim .list-item__picture .list-item__link img,
.section--tmpl-broadcasts.section--type-tv .list-item__picture .list-item__link img {
border-radius: 8px;
}
.layout--article .section--tmpl-group {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.layout--article .section--tmpl-group {
margin-top: 40px;
}
}
.layout__holder--full .layout__column--full .section--tmpl-group {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-group {
margin: 0 8px;
}
}
.section--tmpl-group .section__control {
margin-top: 16px;
margin-bottom: 16px;
}
.section--tmpl-group .section__header {
flex-flow: row nowrap;
}
.layout--article .section--tmpl-group:before {
content: "";
height: 4px;
top: 4px;
left: 8px;
right: 8px;
position: absolute;
background: #000000;
z-index: 2;
}
@media screen and (max-width: 767px) {
.layout--article .section--tmpl-group:before {
left: 4px;
right: 4px;
}
}
.section--tmpl-group .section__title {
white-space: nowrap;
}
.section--tmpl-group .section__control {
display: none;
}
.section--tmpl-group .slider__navigation--podcast {
top: calc(41.6666666667% - 8px);
}
.section--tmpl-group .slider__navigation--brand {
top: calc(37.5% - 8px);
}
.section--tmpl-group .slider__navigation--audio {
top: 50%;
}
.section--tmpl-group .slider__wrapper {
overflow: visible;
}
.section--tmpl-group .slider__content {
overflow: visible;
}
.layout__holder--full .layout__column .section--tmpl-group .list-item {
width: 12.5%;
flex: 0 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-group .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-group .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--content .layout__column .section--tmpl-group .list-item {
width: 12.5%;
flex: 0 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-group .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-group .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-group .list-item {
width: 40%;
flex: 0 0 40%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-group .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-group .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-group .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-group .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-group .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-group .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-group .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-group .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-group .list-item {
visibility: hidden;
opacity: 0;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.section--tmpl-group .list-item--visible {
visibility: visible;
opacity: 1;
}
.section--tmpl-group .list-item__box {
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
border-radius: 0 0 8px 8px;
}
.section--tmpl-group .list-item__info {
padding-right: 16px;
padding-left: 16px;
padding-bottom: 5px;
margin-top: 8px;
}
.section--tmpl-group .list-item__date {
padding-top: 16px;
}
.section--tmpl-group .list-item--topic .list-item__title,
.section--tmpl-group .list-item--article .list-item__title,
.section--tmpl-group .list-item--video .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
}
@media screen and (max-width: 1279px) {
.section--tmpl-group .list-item--topic .list-item__title,
.section--tmpl-group .list-item--article .list-item__title,
.section--tmpl-group .list-item--video .list-item__title {
font: 16px/22px "RF Devi Bold", sans-serif;
}
}
@media screen and (max-width: 1023px) {
.section--tmpl-group .list-item--topic .list-item__title,
.section--tmpl-group .list-item--article .list-item__title,
.section--tmpl-group .list-item--video .list-item__title {
font: 14px/20px "RF Devi Bold", sans-serif;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-group .list-item--topic .list-item__title,
.section--tmpl-group .list-item--article .list-item__title,
.section--tmpl-group .list-item--video .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
}
}
.section--tmpl-group .list-item--brand .list-item__box {
box-shadow: none;
}
.section--tmpl-group .list-item--brand .list-item__info {
padding-right: 0;
padding-left: 0;
}
.section--tmpl-group .list-item--topic .list-item__box {
box-shadow: none;
border-radius: 0;
}
.section--tmpl-group .list-item--topic .list-item__box:before,
.section--tmpl-group .list-item--topic .list-item__box:after {
content: "";
position: absolute;
left: 50%;
height: 16px;
box-sizing: border-box;
transform: translateX(-50%);
background: #FFFFFF;
border-radius: 16px;
border: 2px solid #EFF1F3;
}
.section--tmpl-group .list-item--topic .list-item__box:before {
width: 90%;
bottom: 4px;
z-index: -1;
}
.section--tmpl-group .list-item--topic .list-item__box:after {
width: 80%;
bottom: 0;
z-index: -2;
}
.section--tmpl-group .list-item--topic .list-item__info {
padding: 8px 16px 72.58% 10px;
background: #FFFFFF;
margin: -16px 0 8px;
border-radius: 8px;
border: 2px solid #EFF1F3;
}
.section--tmpl-group .list-item--topic .list-item__title {
color: #403CF9;
}
.layout__holder--columns .layout__column--full .section--tmpl-group .list-item {
padding-bottom: 16px;
}
@media screen and (max-width: 959px) {
.layout__holder--columns .layout__column--full .section--tmpl-group .list-item {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
}
@media screen and (max-width: 511px) {
.layout__holder--columns .layout__column--full .section--tmpl-group .list-item {
flex: 0 0 75%;
width: 75%;
}
}
.layout__holder--full .layout__column--full .section--tmpl-filterGroup {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-filterGroup {
margin: 0 8px;
}
}
.section--tmpl-filterGroup.section--dark .section__background {
background: #262626;
}
.layout--radio .section--tmpl-filterGroup .section__background {
border-radius: 16px;
}
.section--tmpl-filterGroup .section__header {
margin: -16px 0 32px;
}
.section--tmpl-filterGroup .section__title {
display: none;
}
.section--tmpl-filterGroup .section__filter {
margin: 0 auto;
}
.section--tmpl-filterGroup .section__control {
margin: 0 auto 16px auto;
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
.section--tmpl-filterGroup .section__control {
flex: auto;
width: auto;
}
}
.section--tmpl-filterGroup.section--dark .section__control .section__link {
background: #474747;
}
.section--tmpl-filterGroup .filter__content {
background: #000000;
padding: 8px 4px;
border-radius: 0 0 24px 24px;
}
.section--tmpl-filterGroup .tile__wrapper {
width: 100%;
overflow: auto;
}
.layout__holder--full .layout__column .section--tmpl-filterGroup .list-item {
width: 12.5%;
flex: 0 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-filterGroup .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-filterGroup .list-item {
width: 25%;
flex: 0 0 25%;
}
}
.layout__holder--content .layout__column .section--tmpl-filterGroup .list-item {
width: 12.5%;
flex: 0 0 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-filterGroup .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-filterGroup .list-item {
width: 25%;
flex: 0 0 25%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-filterGroup .list-item {
width: 40%;
flex: 0 0 40%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-filterGroup .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-filterGroup .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-filterGroup .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-filterGroup .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-filterGroup .list-item {
width: 37.5%;
flex: 0 0 37.5%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-filterGroup .list-item {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-filterGroup .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-filterGroup .list-item {
width: 25%;
flex: 0 0 25%;
}
}
.section--tmpl-filterGroup .list-item__picture {
padding: 0 0 150%;
}
.section--tmpl-filterGroup .list-item__info {
display: none;
}
.section--light.section--tmpl-filterGroup .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-portrait.svg?b857144027b88e6b1030853bd985abd8) center/cover no-repeat;
}
.section--dark.section--tmpl-filterGroup .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-portrait.svg?7ea1631dd6d9222d9b3301571aca8c6f) center/cover no-repeat;
}
.section.section--tmpl-live-list {
position: relative;
margin-bottom: 14px;
padding: 16px 0 4px;
}
.section.section--tmpl-live-list:after {
content: "";
position: absolute;
bottom: 0;
left: 8px;
width: calc(100% - 16px);
height: 4px;
}
.section.section--tmpl-live-list.section--light:after {
background: #EFF1F3;
}
.section.section--tmpl-live-list.section--dark:after {
background: #262626;
}
.section--tmpl-live-list .tile__list {
padding: 0 16px 0 0;
}
.section--tmpl-live-list .list-item {
flex: 0 0 100%;
width: 100%;
margin: 0 0 8px;
padding: 0 8px;
overflow: hidden;
}
.section--tmpl-live-list .list-item:last-child {
margin: 0;
}
.section--tmpl-live-list .list-item__box {
display: flex;
flex-flow: row nowrap;
padding: 0;
border-radius: 0;
}
.section--dark.section--tmpl-live-list .list-item__box {
background: transparent;
}
.section--light.section--tmpl-live-list .list-item__box {
background: transparent;
}
.section--tmpl-live-list .list-item__preview {
flex: 0 0 40px;
width: 40px;
}
.section--tmpl-live-list .list-item__info {
margin: 0;
flex: 0 1 auto;
display: flex;
}
.section--tmpl-live-list .list-item__picture {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.section--tmpl-live-list .list-item__picture a {
border-radius: 0;
background: transparent;
}
.section--tmpl-live-list .list-item__picture a:before {
content: none;
}
.section--tmpl-live-list .list-item__picture a img {
width: 100%;
height: 100%;
border-radius: 8px;
transform: translate(-50%, -50%) scale(1);
z-index: 2;
}
.section--tmpl-live-list .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
margin: auto 0;
text-align: left;
overflow: hidden;
}
.section--light.section--tmpl-live-list .list-item__title {
color: #000000;
}
.section--dark.section--tmpl-live-list .list-item__title {
color: #FFFFFF;
}
.section--tmpl-live-list .list-item__picture .list-item__link {
border-radius: 0;
}
.section--tmpl-live-list .list-item--mod-audio .list-item__picture .list-item__link {
border-radius: 100%;
}
.section--tmpl-live-list .list-item__link {
white-space: nowrap;
}
.layout__holder--full .layout__column--full .section--tmpl-lives {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-lives {
margin: 0 8px;
}
}
.section--tmpl-lives.section--dark .section__title .section__link {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.layout--channels .section--tmpl-lives {
z-index: 2;
}
.section--tmpl-lives .slider__navigation {
margin-top: -16px;
top: 50%;
}
.section--tmpl-lives .slider .list-item {
width: 25%;
flex: 0 0 25%;
padding-bottom: 32px;
}
@media screen and (max-width: 1023px) {
.section--tmpl-lives .slider .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-lives .slider .list-item {
width: 50%;
flex: 0 0 50%;
padding-bottom: 8px;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-lives .slider .list-item {
width: 100%;
flex: 0 0 100%;
}
}
.layout__holder--columns .layout__wrapper--main .section--tmpl-lives .slider .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-lives .slider .list-item {
width: 100%;
flex: 0 0 100%;
padding-bottom: 8px;
}
}
.section--tmpl-lives .list-item__box {
flex-flow: row nowrap;
padding: 16px;
border-radius: 8px;
}
.section--dark.section--tmpl-lives .list-item__box {
background: #262626;
}
.section--light.section--tmpl-lives .list-item__box {
background: #EFF1F3;
}
.section--tmpl-lives .list-item__preview {
width: 80px;
height: auto;
flex: 0 0 80px;
margin: auto 16px auto 0;
}
.section--tmpl-lives .list-item__info {
margin: 4px auto 0;
}
.section--tmpl-lives .list-item--empty-timestamp .list-item__info {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
}
.section--tmpl-lives .list-item__picture {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.section--tmpl-lives .list-item__picture a {
border-radius: 100%;
}
.section--tmpl-lives .list-item__picture a img {
border-radius: 50%;
transform: translate(-50%, -50%) scale(1);
z-index: 2;
}
.section--tmpl-lives .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: left;
margin: 0;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: inherit;
}
.section--dark.section--tmpl-lives .list-item__title {
color: #FFFFFF;
}
.section--tmpl-lives .list-item__time-state {
display: flex;
margin: 0 0 8px;
white-space: nowrap;
text-transform: uppercase;
}
.section--tmpl-lives .list-item__progress {
position: absolute;
top: 0;
left: 32px;
width: calc(100% - 32px);
height: 100%;
overflow: hidden;
}
.section--tmpl-lives .list-item__progress span {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
}
.app--dark .section--tmpl-lives .list-item__progress span {
background: #262626;
}
.app--light .section--tmpl-lives .list-item__progress span {
background: #EFF1F3;
}
.section--tmpl-lives .list-item__play {
height: 80px;
width: 80px;
}
.section--tmpl-lives .list-item__duration {
display: none;
}
.section--tmpl-lives .list-item__picture .list-item__link {
border-radius: 100%;
}
.section--tmpl-lives .list-item__time-state .list-item__link {
font: 11px/24px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
display: block;
padding: 0 8px;
border-radius: 24px;
}
.section--dark.section--tmpl-lives .list-item__time-state--expected .list-item__link {
color: rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.15);
}
.section--light.section--tmpl-lives .list-item__time-state--expected .list-item__link {
color: #b8c2cc;
background: rgba(184, 194, 204, 0.25);
}
.section--tmpl-lives .list-item__time-state--inair .list-item__link {
color: white;
background: linear-gradient(0deg, red 0%, #ff0064 100%);
}
.section--tmpl-lives .list-item__time-state--completed .list-item__link,
.section--tmpl-lives .list-item__time-state--finished .list-item__link {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.7);
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.section--dark.section--tmpl-lives .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--light.section--tmpl-lives .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--tmpl-lives-tile .tile {
overflow: visible;
}
@media screen and (max-width: 767px) {
.section--tmpl-lives-tile .tile__wrapper {
overflow: auto;
margin: 0 -12px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.section--tmpl-lives-tile .tile__wrapper::-webkit-scrollbar {
display: none;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-lives-tile .tile__content {
margin: 5px 12px 0;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-lives-tile .tile__list {
flex-flow: row nowrap;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-lives-tile .list-item {
width: 87.5%;
flex: 0 0 87.5%;
}
}
.section--tmpl-lives-tile .list-item--selected .list-item__box {
position: relative;
}
.section--tmpl-lives-tile .list-item--selected .list-item__box:before {
content: "";
position: absolute;
top: -2px;
left: -2px;
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
height: calc(100% + 4px);
width: calc(100% + 4px);
border-radius: 10px;
z-index: -1;
}
.section--tmpl-lives-tile .list-item__slot {
display: none;
}
.section--tmpl-lives-tile .list-item--locked .list-item__picture:before {
border-radius: 50%;
}
.layout__holder--full .layout__column--full .section--tmpl-mixed {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-mixed {
margin: 0 8px;
}
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .tile__list {
flex-flow: column nowrap;
}
}
.layout__holder--full .layout__column .section--tmpl-mixed .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-mixed .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--content .layout__column .section--tmpl-mixed .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-mixed .list-item {
width: 100%;
flex: 0 0 100%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-mixed .list-item {
width: 60%;
flex: 0 0 60%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-mixed .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-mixed .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-mixed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-mixed .list-item {
width: 100%;
flex: 0 0 100%;
}
}
.layout--articles .layout__column.layout__column--full .section--tmpl-mixed .list-item--article {
width: 20%;
flex: 0 0 20%;
}
@media screen and (max-width: 1279px) {
.layout--articles .layout__column.layout__column--full .section--tmpl-mixed .list-item--article {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 959px) {
.layout--articles .layout__column.layout__column--full .section--tmpl-mixed .list-item--article {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout--articles .layout__column.layout__column--full .section--tmpl-mixed .list-item--article {
width: 100%;
flex: 0 0 100%;
}
}
.section--tmpl-mixed.section--light .list-item__box {
background: #FFFFFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
.section--tmpl-mixed.section--dark .list-item__box {
background: #262626;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}
.layout--brand .section--tmpl-mixed .list-item__box {
background: #262626;
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__box {
flex-flow: row nowrap;
background: transparent;
border-radius: 0;
padding: 28px 0 15px;
}
.layout--brand .section--tmpl-mixed .list-item__box:after {
content: "";
position: absolute;
bottom: 0;
left: 4px;
width: calc(100% - 8px);
height: 1px;
background: #262626;
}
}
.layout--articles .section--tmpl-mixed .list-item__box,
.layout--all-tag .section--tmpl-mixed .list-item__box {
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item:last-child .list-item__box:after {
content: none;
}
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__preview {
box-sizing: border-box;
padding: 0 4px;
width: 25%;
flex: 0 0 25%;
order: 2;
}
}
.layout--articles .section--tmpl-mixed .list-item__info,
.layout--all-tag .section--tmpl-mixed .list-item__info {
padding: 9px 16px 8px;
}
.layout--brand .section--tmpl-mixed .list-item__info {
padding: 9px 16px 8px;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__info {
box-sizing: border-box;
padding: 0 4px;
order: 1;
position: unset;
}
}
.layout--brand .section--tmpl-mixed .list-item__info:after {
content: "";
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 60%, #262626 88%);
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__info:after {
content: none;
}
}
.layout--articles .section--tmpl-mixed .list-item__info:after,
.layout--all-tag .section--tmpl-mixed .list-item__info:after {
content: "";
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, white 88%);
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.layout--articles .section--tmpl-mixed .list-item__info:after,
.layout--all-tag .section--tmpl-mixed .list-item__info:after {
height: 25%;
}
}
.layout--articles .section--tmpl-mixed.section--dark .list-item__info:after,
.layout--all-tag .section--tmpl-mixed.section--dark .list-item__info:after {
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 60%, #262626 88%);
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__picture {
padding: 0 0 100%;
}
}
.layout--articles .section--tmpl-mixed .list-item__category,
.layout--all-tag .section--tmpl-mixed .list-item__category {
margin: 0 0 3px;
}
.layout--brand .section--tmpl-mixed .list-item__category {
margin: 0 0 3px;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__category {
position: absolute;
top: 0;
left: 4px;
margin: 0;
}
}
.layout--articles .section--tmpl-mixed .list-item__title,
.layout--all-tag .section--tmpl-mixed .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
-webkit-line-clamp: 4;
min-height: 96px;
margin: 0 0 3px;
position: relative;
}
.layout--brand .section--tmpl-mixed .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
-webkit-line-clamp: 4;
min-height: 96px;
margin: 0 0 3px;
position: relative;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__title {
font: 16px/20px "RF Devi Bold", sans-serif;
-webkit-line-clamp: none;
min-height: auto;
margin: 0 0 3px;
}
}
.layout--articles .section--tmpl-mixed .list-item__date,
.layout--all-tag .section--tmpl-mixed .list-item__date {
margin: auto 0 0;
z-index: 1;
}
.layout--brand .section--tmpl-mixed .list-item__date {
margin: auto 0 0;
z-index: 1;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-mixed .list-item__date {
position: absolute;
top: 0;
right: 4px;
}
}
.layout__holder--full .layout__column--full .section--tmpl-mixedGroup {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-mixedGroup {
margin: 0 8px;
}
}
.section--tmpl-mixedGroup .section__title span {
padding: 4px 18px 4px 0;
display: block;
}
.slider--audio {
margin-bottom: 28px;
}
.layout--home .layout__column--full .section--tmpl-mixedGroup .section__content:nth-of-type(1) .slider__wrapper {
overflow: visible;
margin: 0 -24px;
}
.layout--home .layout__column--full .section--tmpl-mixedGroup .section__content:nth-of-type(1) .slider__content {
margin: 0 24px;
}
.section--tmpl-mixedGroup .slider__navigation {
top: 50%;
}
.section--tmpl-mixedGroup .slider--brands .slider__navigation {
top: 40%;
}
.section--tmpl-mixedGroup .slider--video .slider__navigation {
margin: -40px 0 0;
}
.section--tmpl-mixedGroup .list-item {
padding: 4px 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item {
padding: 0 4px 8px;
}
}
@media screen and (max-width: 1279px) {
.section--tmpl-mixedGroup .list-item--link {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--link {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--link {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-mixedGroup .list-item--link--collection .list-item__picture:after,
.section--tmpl-mixedGroup .list-item--link--collection .list-item__picture:before {
content: "";
position: absolute;
background: #b70021;
top: 12px;
right: 6px;
left: 6px;
bottom: -6px;
opacity: 0.5;
border-radius: 8px;
}
.section--tmpl-mixedGroup .list-item--link--collection .list-item__picture:after {
z-index: 1;
top: 24px;
right: 12px;
left: 12px;
bottom: -12px;
opacity: 0.3;
}
.section--tmpl-mixedGroup .list-item--link--collection .list-item__picture .list-item__link:before,
.section--tmpl-mixedGroup .list-item--link--collection .list-item__picture .list-item__link:after {
display: none;
}
.layout__holder--columns .layout__wrapper--main .section--tmpl-mixedGroup .list-item--podcast {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 1279px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-mixedGroup .list-item--podcast {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-mixedGroup .list-item--podcast {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--podcast {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-mixedGroup .list-item--person {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--person {
flex: 0 0 18.75%;
width: 18.75%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--person {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--columns .layout__wrapper--main .section--tmpl-mixedGroup .list-item--topic {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 1279px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-mixedGroup .list-item--topic {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--topic {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--topic {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-mixedGroup .list-item--topic .list-item__title {
font: 16px/18px "RF Devi Bold", sans-serif;
left: 8px;
right: 8px;
}
.section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
.layout__holder--content .section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 12.5%;
width: 12.5%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 18.75%;
width: 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.layout__holder--content .section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 1023px) {
.section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--brand {
flex: 0 0 37.5%;
width: 37.5%;
}
}
.section--tmpl-mixedGroup .list-item--brand .list-item__picture {
padding: 0 0 150%;
}
.section--tmpl-mixedGroup .list-item--brand .list-item__category {
display: none;
}
.section--tmpl-mixedGroup .list-item--audio {
height: 64px;
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
@media screen and (max-width: 1023px) {
.section--tmpl-mixedGroup .list-item--audio {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--audio {
flex: 0 0 50%;
width: 50%;
}
.section--tmpl-mixedGroup .list-item--audio .list-item__duration,
.section--tmpl-mixedGroup .list-item--audio .list-item__picture {
display: block;
}
.section--tmpl-mixedGroup .list-item--audio .list-item__anons,
.section--tmpl-mixedGroup .list-item--audio .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--audio {
flex: 0 0 100%;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--article {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--article {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-mixedGroup .list-item--article .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.section--tmpl-mixedGroup .list-item--article .list-item__category {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.layout__holder--content .section--tmpl-mixedGroup .list-item--video {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .list-item--video {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-mixedGroup .list-item--video {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-mixedGroup .list-item--video .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.section--tmpl-mixedGroup .list-item--video .list-item__category {
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.section--tmpl-mixedGroup .list-item__box {
border-radius: 8px;
position: relative;
display: flex;
width: 100%;
flex-flow: column nowrap;
}
.section--tmpl-mixedGroup .list-item--article .list-item__box {
padding: 0;
}
.section--tmpl-mixedGroup .list-item--video .list-item__box {
padding: 0;
}
.section--tmpl-mixedGroup .list-item--person .list-item__box:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0 0 150%;
background: #EFF1F3;
border-radius: 8px;
}
.section--tmpl-mixedGroup .list-item--audio .list-item__box {
flex-flow: row nowrap;
}
.section--tmpl-mixedGroup.section--dark .list-item--audio .list-item__box {
background: rgba(255, 255, 255, 0.15);
}
.section--tmpl-mixedGroup .list-item--person .list-item__preview {
width: 60%;
margin: 16px auto 0;
}
.section--tmpl-mixedGroup .list-item--link .list-item__info {
display: none;
}
@media screen and (max-width: 1023px) {
.section--tmpl-mixedGroup .list-item--article .list-item__title,
.section--tmpl-mixedGroup .list-item--video .list-item__title {
font: 13px/18px "RF Devi Semi Bold", sans-serif;
}
}
@media screen and (max-width: 1023px) {
.section--tmpl-mixedGroup .list-item--person .list-item__title {
font: 12px/14px "RF Devi Semi Bold", sans-serif;
}
}
.section--tmpl-mixedGroup .list-item--podcast .list-item__title {
margin: 0;
}
.section--tmpl-mixedGroup .list-item--audio .list-item__title {
margin: auto 0;
}
.section--tmpl-mixedGroup .list-item--podcast .list-item__count {
display: none;
}
.section--tmpl-mixedGroup .list-item__date {
display: none;
}
.section--tmpl-mixedGroup .list-item--person .list-item__picture .list-item__link {
border-radius: 100%;
}
.section--tmpl-mixedGroup .list-item--person .list-item__picture .list-item__link img {
border-radius: 100%;
}
.section--tmpl-mixedGroup .section__content {
margin: 18px 0 0 0;
}
.section--tmpl-mixedGroup .section__content:nth-of-type(2) {
margin: 28px 0 4px 0;
}
.section--tmpl-mixedGroup .section__content:nth-of-type(2) .slider__wrapper .shadow {
position: absolute;
right: -16px;
top: 0;
bottom: 0;
width: 72px;
z-index: 2;
background: linear-gradient(to right, rgba(47, 26, 64, 0) 0%, #2f1a40 50%, #2f1a40 100%);
}
@media screen and (max-width: 767px) {
.section--tmpl-mixedGroup .section__content:nth-of-type(2) .slider__wrapper .shadow {
display: none;
}
}
.layout__holder--full .layout__column--full .section--tmpl-news {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-news {
margin: 0 8px;
}
}
.section--tmpl-news .slider__navigation {
top: calc(28.125% - 8px);
}
@media only screen and (min-width: 768px) {
.layout__column--left .section--tmpl-news .section__title {
padding: 0 8px 0 24px;
}
}
.layout__column--left .section--tmpl-news .section__control {
padding: 0 24px;
margin-bottom: 8px;
}
.layout--articles .layout__holder--columns .section--tmpl-news .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 767px) {
.layout--articles .layout__holder--columns .section--tmpl-news .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout--articles .layout__holder--content .section--tmpl-news .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 767px) {
.layout--articles .layout__holder--content .section--tmpl-news .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout--profile .section--tmpl-news .list-item,
.layout--rubrics .section--tmpl-news .list-item,
.layout--article .section--tmpl-news .list-item,
.layout--person .section--tmpl-news .list-item,
.layout--brand .section--tmpl-news .list-item,
.layout--theme .section--tmpl-news .list-item,
.layout--all-tag .section--tmpl-news .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout--profile .section--tmpl-news .list-item,
.layout--rubrics .section--tmpl-news .list-item,
.layout--article .section--tmpl-news .list-item,
.layout--person .section--tmpl-news .list-item,
.layout--brand .section--tmpl-news .list-item,
.layout--theme .section--tmpl-news .list-item,
.layout--all-tag .section--tmpl-news .list-item {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.layout--profile .section--tmpl-news .list-item,
.layout--rubrics .section--tmpl-news .list-item,
.layout--article .section--tmpl-news .list-item,
.layout--person .section--tmpl-news .list-item,
.layout--brand .section--tmpl-news .list-item,
.layout--theme .section--tmpl-news .list-item,
.layout--all-tag .section--tmpl-news .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 359px) {
.layout--profile .section--tmpl-news .list-item,
.layout--rubrics .section--tmpl-news .list-item,
.layout--article .section--tmpl-news .list-item,
.layout--person .section--tmpl-news .list-item,
.layout--brand .section--tmpl-news .list-item,
.layout--theme .section--tmpl-news .list-item,
.layout--all-tag .section--tmpl-news .list-item {
flex: 0 0 100%;
width: 100%;
}
}
.layout--vesti .section--tmpl-news .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0;
margin: 16px 0;
position: relative;
}
.layout--vesti .section--tmpl-news .list-item:first-child {
margin: 0 0 16px;
}
.layout--vesti .section--tmpl-news .list-item:last-child {
margin: 16px 0 0;
}
.layout--vesti .section--tmpl-news .list-item:last-child:after {
content: none;
}
.layout--vesti .section--tmpl-news .list-item:after {
content: "";
position: absolute;
bottom: -16px;
left: 24px;
right: 24px;
height: 1px;
background: #B8C2CC;
opacity: 0.25;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-news .list-item:after {
left: 4px;
width: calc(100% - 8px);
}
}
.layout--rubrics .section--tmpl-news .list-item:nth-child(9),
.layout--rubrics .section--tmpl-news .list-item:nth-child(10) {
display: none;
}
.layout--rubrics .section--tmpl-news .list-item .list-item__box {
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
border-radius: 0 0 8px 8px;
}
.layout--rubrics .section--tmpl-news .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
}
.layout--rubrics .section--tmpl-news .list-item__category {
padding-bottom: 8px;
}
.layout--rubrics .section--tmpl-news .list-item__date {
padding-top: 8px;
}
.layout--rubrics .section--tmpl-news .list-item__info {
padding-right: 16px;
padding-left: 16px;
padding-bottom: 8px;
margin-top: 8px;
}
@media screen and (max-width: 1023px) {
.layout--pick .layout__column--full .section--tmpl-news .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 359px) {
.layout--pick .layout__column--full .section--tmpl-news .list-item {
width: 100%;
flex: 0 0 100%;
}
}
.layout--vesti .section--tmpl-news .list-item__box {
flex-flow: row nowrap;
}
.layout--profile .section--tmpl-news .list-item__box {
background: #FFFFFF;
border-radius: 8px;
}
.layout--theme .section--tmpl-news .list-item__box {
border-radius: 8px;
}
.layout--theme .section--tmpl-news.section--light .list-item__box {
background: #FFFFFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
.layout--theme .section--tmpl-news.section--dark .list-item__box {
background: #262626;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}
.layout--vesti .section--tmpl-news .list-item__preview {
box-sizing: border-box;
flex: 0 0 40%;
order: 2;
padding: 0;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-news .list-item__preview {
flex: 0 0 25%;
padding: 0 4px;
}
}
.layout--vesti .section--tmpl-news .list-item__preview .list-item__link {
border-radius: 0;
}
.layout--vesti .section--tmpl-news .list-item__preview .list-item__link img {
border-radius: 8px 8px 0 0;
}
@media only screen and (min-width: 768px) {
.layout__column--full .section--tmpl-news .list-item__preview,
.layout__column--left .section--tmpl-news .list-item__preview {
padding: 0 24px 0 8px;
}
}
@media screen and (max-width: 1023px) {
.layout__column--full .section--tmpl-news .list-item__preview,
.layout__column--left .section--tmpl-news .list-item__preview {
display: none;
}
}
@media screen and (max-width: 767px) {
.layout__column--full .section--tmpl-news .list-item__preview,
.layout__column--left .section--tmpl-news .list-item__preview {
display: block;
}
}
.layout--pick .layout__column--full .section--tmpl-news .list-item__preview {
padding: 0;
display: block;
}
.layout--vesti .section--tmpl-news .list-item__info {
box-sizing: border-box;
flex: 0 0 60%;
order: 1;
padding: 0 8px;
display: flex;
flex-flow: column nowrap;
margin: 0;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-news .list-item__info {
flex: 0 0 62.5%;
padding: 0 4px;
}
}
@media only screen and (min-width: 768px) {
.layout__column--full .section--tmpl-news .list-item__info,
.layout__column--left .section--tmpl-news .list-item__info {
padding: 0 8px 0 24px;
}
}
@media screen and (max-width: 1023px) {
.layout__column--full .section--tmpl-news .list-item__info,
.layout__column--left .section--tmpl-news .list-item__info {
flex: auto;
}
}
.layout__column--right .section--tmpl-news .list-item__info {
margin: 8px 0 0 0;
}
.layout--profile .section--tmpl-news .list-item__info {
padding: 0 16px 10px;
}
.layout--theme .section--tmpl-news .list-item__info {
padding: 9px 16px 8px;
}
.layout--pick .layout__column--full .section--tmpl-news .list-item__info {
padding: 0;
}
@media screen and (max-width: 767px) {
.layout__column--full .section--tmpl-news .list-item__picture,
.layout__column--left .layout__column--left--first .section--tmpl-news .list-item__picture,
.layout__column--left .layout__column--left--others .section--tmpl-news .list-item__picture {
padding: 0 0 100%;
}
}
@media screen and (max-width: 767px) {
.layout--pick .layout__column--full .section--tmpl-news .list-item__picture {
padding: 0 0 56.25%;
}
}
.layout--vesti .section--tmpl-news .list-item__title {
font: 16px/20px "RF Devi Semi Bold", sans-serif;
margin: 0 0 auto;
padding: 0;
order: 1;
}
.layout--profile .section--tmpl-news .list-item__title {
font: 18px/24px "RF Devi Semi Bold", sans-serif;
color: #000000;
}
.layout--theme .section--tmpl-news .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
min-height: 96px;
margin: 0 0 3px;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.layout--vesti .section--tmpl-news .list-item__category {
display: none;
}
.layout--theme .section--tmpl-news .list-item__category {
margin: 0 0 3px;
}
.layout--vesti .section--tmpl-news .list-item__date {
margin: 12px 0 0;
order: 2;
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 0.5px;
}
.layout__column--right .section--tmpl-news .list-item__date {
display: block;
position: absolute;
right: 8px;
bottom: 0;
}
.layout--theme .section--tmpl-news .list-item__date {
margin: auto 0 0;
z-index: 1;
}
.layout--vesti .section--tmpl-news .list-item__duration {
top: 100%;
right: -66.6666666667%;
margin: 0 16px 0 0;
transform: translateY(-24px);
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-news .list-item__duration {
top: 100%;
right: -60%;
margin: 0 8px 0 0;
transform: translateY(-16px);
}
}
.layout--rubrics .section--tmpl-news .list-item__duration {
top: 0;
bottom: auto;
right: 0;
padding-bottom: 56.25%;
}
.layout--rubrics .section--tmpl-news .list-item__duration .list-item__link {
position: absolute;
bottom: 8px;
right: 8px;
}
.layout--theme .section--tmpl-news .list-item__info:after {
content: "";
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
height: 100%;
}
.layout--theme .section--tmpl-news.section--dark .list-item__info:after {
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 60%, #262626 88%);
}
.layout--theme .section--tmpl-news.section--light .list-item__info:after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, white 88%);
}
.layout--rubrics .section--tmpl-news .tile {
overflow: visible;
}
.layout--rubrics .section--tmpl-news .section__header {
padding: 18px 0 0;
}
.layout--rubrics .section--tmpl-news .section__header:before {
content: "";
position: absolute;
top: 0;
left: 8px;
right: 8px;
height: 4px;
background: #EFF1F3;
}
@media screen and (max-width: 767px) {
.layout--rubrics .section--tmpl-news .section__header:before {
content: none;
}
}
.layout--rubrics .section--tmpl-news .section__control {
width: calc(50% - 16px);
margin: 0 auto;
}
.layout__holder--full .layout__column--full .section--tmpl-newsFeed {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-newsFeed {
margin: 0 8px;
}
}
.layout__holder--full .layout__column .section--tmpl-newsFeed .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-newsFeed .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-newsFeed .list-item {
width: 60%;
flex: 0 0 60%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-newsFeed .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-newsFeed .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-newsFeed .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 511px) {
.layout__holder--columns .layout__column--full .section--tmpl-newsFeed .list-item,
.layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 100%;
flex: 0 0 100%;
}
}
.layout--profile .layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout--profile .layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 511px) {
.layout--profile .layout__holder--content .layout__column .section--tmpl-newsFeed .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-newsFeed .list-item__box {
background: #262626;
border-radius: 8px;
}
.section--tmpl-newsFeed.section--dark .list-item--show-all .list-item__box {
background: 0;
box-shadow: none;
}
.section--tmpl-newsFeed.section--light .list-item--show-all .list-item__box {
background: 0;
box-shadow: none;
}
.layout--profile .section--tmpl-newsFeed.section--dark .list-item__box,
.section--tmpl-newsFeed.section--light .list-item__box {
background: #FFFFFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
.section--tmpl-newsFeed.section--dark .list-item__box {
background: #262626;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}
.section--tmpl-newsFeed .list-item__info {
padding: 9px 16px 8px;
}
.section--tmpl-newsFeed .list-item--show-all .list-item__info {
display: none;
}
.section--tmpl-newsFeed .list-item--show-all .list-item__picture {
height: 100%;
padding: 0;
}
.section--tmpl-newsFeed .list-item--show-all .list-item__preview {
height: 100%;
}
.section--tmpl-newsFeed .list-item__category {
margin: 0 0 3px;
}
.section--tmpl-newsFeed .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 96px;
margin: 0 0 3px;
position: relative;
}
.layout--profile .section--tmpl-newsFeed.section--dark .list-item__title,
.section--tmpl-newsFeed.section--light .list-item__title {
color: #000000;
}
.section--tmpl-newsFeed.section--dark .list-item__title {
color: #FFFFFF;
}
.section--tmpl-newsFeed .list-item__date {
margin: auto 0 0;
z-index: 1;
}
.section--tmpl-newsFeed .list-item__info:after {
content: "";
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
height: 100%;
}
.layout--profile .section--tmpl-newsFeed.section--dark .list-item__info:after,
.section--tmpl-newsFeed.section--light .list-item__info:after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, white 88%);
}
.section--tmpl-newsFeed.section--dark .list-item__info:after {
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 60%, #262626 88%);
}
.layout__holder--full .layout__column--full .section--tmpl-newsRegion {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-newsRegion {
margin: 0 8px;
}
}
.layout--vesti .section--tmpl-newsRegion .section__geo {
padding: 0 24px 0 8px;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-newsRegion .section__geo {
padding: 0 4px;
}
}
.section--tmpl-newsRegion .slider__wrapper {
overflow: visible;
}
@media only screen and (min-width: 768px) {
.layout__column--left .section--tmpl-newsRegion .section__title {
padding: 0 8px 0 24px;
}
}
.layout__column--left .section--tmpl-newsRegion .section__control {
padding: 0 24px;
margin-bottom: 8px;
}
.layout--brand .section--tmpl-newsRegion .list-item,
.layout--theme .section--tmpl-newsRegion .list-item,
.layout--all-tag .section--tmpl-newsRegion .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-newsRegion .list-item,
.layout--theme .section--tmpl-newsRegion .list-item,
.layout--all-tag .section--tmpl-newsRegion .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout--vesti .section--tmpl-newsRegion .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0;
margin: 16px 0;
position: relative;
}
.layout--vesti .section--tmpl-newsRegion .list-item:first-child {
margin: 0 0 16px;
}
.layout--vesti .section--tmpl-newsRegion .list-item:last-child {
margin: 16px 0 0;
}
.layout--vesti .section--tmpl-newsRegion .list-item:last-child:after {
content: none;
}
.layout--vesti .section--tmpl-newsRegion .list-item:after {
content: "";
position: absolute;
bottom: -16px;
left: 24px;
right: 24px;
height: 1px;
background: #B8C2CC;
opacity: 0.25;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-newsRegion .list-item:after {
left: 4px;
width: calc(100% - 8px);
}
}
.layout--vesti .layout__wrapper--main .layout__column--right .section--tmpl-newsRegion .list-item__box {
flex-flow: row nowrap;
display: flex;
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-newsRegion .list-item__preview {
flex: 0 0 25%;
padding: 0 4px;
order: 2;
box-sizing: border-box;
}
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-newsRegion .list-item__info {
box-sizing: border-box;
display: flex;
flex-flow: column nowrap;
margin: 0;
overflow: hidden;
flex: auto;
padding: 0 4px;
order: 1;
}
}
@media screen and (max-width: 767px) {
.layout--vesti .section--tmpl-newsRegion .list-item__picture {
padding: 0 0 100%;
}
}
.layout--vesti .section--tmpl-newsRegion .list-item__title {
font: 16px/20px "RF Devi Semi Bold", sans-serif;
margin: 0 0 auto;
padding: 0;
order: 1;
}
.layout--vesti .layout__wrapper--main .layout__column--right .section--tmpl-newsRegion .list-item__category {
margin: 12px 0 0;
order: 2;
font: 11px/20px "RF Devi Condensed Bold", sans-serif;
}
.layout--vesti .section--tmpl-newsRegion .list-item__date {
display: none;
}
.layout--vesti .section--tmpl-newsRegion .list-item__duration {
display: none;
}
.layout__holder--full .layout__column--full .section--tmpl-persons {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-persons {
margin: 0 8px;
}
}
.section--tmpl-persons .section__header {
flex-flow: row nowrap;
}
.layout--rubrics .section--tmpl-persons .section__header,
.layout--vesti .section--tmpl-persons .section__header {
display: none;
}
.layout--podcast .section--tmpl-persons .section__content,
.layout--brand .section--tmpl-persons .section__content {
margin: 22px 0 0;
}
.section--tmpl-persons .slider__navigation {
top: calc(38.4615384615% - 8px);
}
.section--tmpl-persons .list-item {
flex: 0 0 12.5%;
width: 12.5%;
}
@media screen and (max-width: 1279px) {
.section--tmpl-persons .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-persons .list-item {
flex: 0 0 25%;
width: 25%;
min-width: 104px;
}
}
.section--tmpl-persons .list-item .list-item__role {
display: none;
}
@media screen and (max-width: 1279px) {
.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-persons .list-item,
.layout--profile .layout__holder--content .layout__column .section--tmpl-persons .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
}
@media screen and (max-width: 1023px) {
.layout--vesti .layout__holder--columns .layout__column--full .section--tmpl-persons .list-item,
.layout--profile .layout__holder--content .layout__column .section--tmpl-persons .list-item {
flex: 0 0 25%;
width: 25%;
}
}
.layout--brand .section--tmpl-persons .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 128px;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-persons .list-item {
flex: 0 0 25%;
width: 25%;
min-width: 104px;
}
}
.layout--podcast .section--tmpl-persons .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
min-width: 104px;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.layout--podcast .section--tmpl-persons .list-item {
flex: 0 0 25%;
width: 25%;
padding: 0 4px;
}
}
.section--tmpl-persons .list-item__preview {
padding: 10px 8px 0;
}
.section--tmpl-persons .list-item__info {
margin: 10px auto 0;
}
.section--tmpl-persons .list-item__picture {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.section--tmpl-persons .list-item__picture a {
border-radius: 100%;
}
.section--tmpl-persons .list-item__picture a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 100%;
transform: translate(-50%, -50%);
z-index: 1;
}
.section--tmpl-persons .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: center;
}
.section--tmpl-persons.section--light .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--tmpl-persons.section--dark .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.section--full-size {
box-sizing: border-box;
padding: 0 16px;
margin: 0;
position: fixed;
top: 0;
left: 50%;
width: 100%;
height: 100%;
transform: translateX(-50%);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
z-index: 6;
}
.section--tmpl-photoGallery.section--full-size .section__content {
width: 75%;
}
@media screen and (max-width: 767px) {
.section--tmpl-photoGallery.section--full-size .section__content {
width: 100%;
}
}
.section--tmpl-photoGallery.section--full-size .list-item {
width: 100%;
flex: 0 0 100%;
}
.section.section--tmpl-podcasts-brands {
padding: 16px 0 14px;
}
.layout__holder--full .layout__column--full .section.section--tmpl-podcasts-brands {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section.section--tmpl-podcasts-brands {
margin: 0 8px;
}
}
.section--tmpl-podcasts-brands .section__header {
display: none;
}
.section--tmpl-podcasts-brands .section__content {
margin: 6px 0 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-podcasts-brands .section__content {
margin: 5px 0 0;
}
}
.section--tmpl-podcasts-brands .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0;
margin: 0 0 8px;
}
.section--tmpl-podcasts-brands .list-item:last-child {
margin: 0;
}
.section--tmpl-podcasts-brands .list-item__box {
flex-flow: row nowrap;
}
.section--tmpl-podcasts-brands .list-item__preview {
flex: 0 0 25%;
width: 25%;
margin: auto 0;
padding: 0 8px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.section--tmpl-podcasts-brands .list-item__preview {
flex: 0 0 12.5%;
width: 12.5%;
padding: 0 4px;
}
}
.section--tmpl-podcasts-brands .list-item__info {
margin: auto 0;
padding: 0 8px;
box-sizing: border-box;
}
.section--tmpl-podcasts-brands .list-item__picture {
padding-bottom: 100%;
}
.section--tmpl-podcasts-brands .list-item__title {
font: 15px/20px "RF Devi Regular", sans-serif;
padding: 0 24px 0 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-podcasts-brands .list-item__title {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
color: #B8C2CC;
letter-spacing: 1px;
text-transform: uppercase;
}
}
.section--tmpl-podcasts-brands .list-item__category {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
margin: auto 0 3px;
}
@media screen and (max-width: 767px) {
.section--tmpl-podcasts-brands .list-item__category {
display: none;
}
}
.section--tmpl-podcasts-brands .list-item__box-link .list-item__link:after {
content: "";
position: absolute;
top: 50%;
right: 8px;
height: 24px;
width: 24px;
transform: translateY(-50%);
background: transparent url(/i/arrow-right-medium-grey.svg?ee3999de0405c9f131454d14648c80b8) center/cover no-repeat;
}
.layout__holder--full .layout__column--full .section--tmpl-podcastsGroup {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-podcastsGroup {
margin: 0 8px;
}
}
.layout--radio .section--tmpl-podcastsGroup + .section {
margin-top: 0;
}
.layout--radio .section--tmpl-podcastsGroup .section__background {
border-radius: 16px;
}
.section--tmpl-podcastsGroup .section__header {
margin: -16px 0 32px;
}
.section--tmpl-podcastsGroup .section__filter {
margin: 0 auto;
}
.section--tmpl-podcastsGroup .filter__content {
background: #000000;
padding: 8px 4px;
border-radius: 0 0 24px 24px;
}
.section--tmpl-podcastsGroup .slider__navigation {
top: calc(41.6666666667% - 8px);
}
.layout--all-tag .section--tmpl-podcastsGroup .slider__navigation,
.layout--podcast .section--tmpl-podcastsGroup .slider__navigation,
.layout--audio .section--tmpl-podcastsGroup .slider__navigation,
.layout--person .section--tmpl-podcastsGroup .slider__navigation {
top: calc(41.6666666667% - 8px);
}
.section--tmpl-podcastsGroup .section__control {
margin: 0 auto 32px auto;
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
.section--tmpl-podcastsGroup .section__control {
flex: auto;
width: auto;
}
}
.section--tmpl-podcastsGroup.section--dark .section__control .section__link {
background: #474747;
}
.layout__holder--full .layout__column--full .section--tmpl-podcasts {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-podcasts {
margin: 0 8px;
}
}
.section--tmpl-podcasts .slider__navigation {
top: calc(41.6666666667% - 8px);
}
.layout--all-tag .section--tmpl-podcasts .slider__navigation,
.layout--podcast .section--tmpl-podcasts .slider__navigation,
.layout--audio .section--tmpl-podcasts .slider__navigation,
.layout--person .section--tmpl-podcasts .slider__navigation {
top: calc(41.6666666667% - 8px);
}
.layout__holder--columns .layout__wrapper--main .section--tmpl-podcasts .list-item {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-podcasts .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-podcast .list-item--brand {
flex: 0 0 18.75%;
width: 18.75%;
}
@media screen and (max-width: 1279px) {
.section--tmpl-podcast .list-item--brand {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-podcast .list-item--brand {
flex: 0 0 37.5%;
width: 37.5%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-podcast .list-item--brand {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-podcast .list-item--brand .list-item__picture {
padding: 0 0 100%;
}
.section--tmpl-podcast .list-item--brand .list-item__info {
display: none;
}
.section--tmpl-podcast .list-item--audios {
flex: 0 0 31.25%;
width: 31.25%;
flex-direction: column;
padding: 0 0 32px;
}
@media screen and (max-width: 1279px) {
.section--tmpl-podcast .list-item--audios {
flex: 0 0 43.75%;
width: 43.75%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-podcast .list-item--audios {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-podcast .list-item--audios .list-item--audio {
width: auto;
max-height: 56px;
margin-bottom: 8px;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-podcast .list-item--audios .list-item--audio {
padding: 0 4px;
}
}
.section--tmpl-podcast .list-item--audios .list-item--audio .list-item__box {
border-radius: 8px;
}
.layout .layout__holder--full .section--tmpl-promo {
max-width: 1440px;
margin: 0 auto;
padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
.layout .layout__holder--full .section--tmpl-promo {
padding-bottom: 0;
padding-top: 16px;
}
}
.app--light .section--tmpl-promo .section__background {
background: #FFFFFF;
}
.layout .layout__holder--full .section--tmpl-promo .section__background {
max-width: 1440px;
left: 50%;
transform: translateX(-50%);
border-radius: 16px 16px 0 0;
}
.section--tmpl-promo .section__content {
margin: 0;
border-radius: 16px 16px 0 0;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.section--tmpl-promo .section__content {
padding-top: 0;
}
}
.section--tmpl-promo .slider {
overflow: hidden;
}
.section--tmpl-promo .slider__wrapper {
margin: 0;
overflow: visible;
}
.section--tmpl-promo .slider__content {
margin: 0 16px;
overflow: visible;
}
@media screen and (max-width: 767px) {
.section--tmpl-promo .slider__content {
margin: 0;
}
}
.section--tmpl-promo .slider__list {
transform: translateX(calc((100% - 688px) / 2 - 8px));
}
@media screen and (max-width: 1439px) {
.section--tmpl-promo .slider__list {
--widthPromo: calc(50% - 0px);
transform: translateX(calc((100% - var(--widthPromo)) / 2));
}
}
@media screen and (max-width: 767px) {
.section--tmpl-promo .slider__list {
--widthPromo: calc(100% - 24px);
transform: translateX(calc((100% - var(--widthPromo)) / 2));
}
}
.section--tmpl-promo .slider--initialized .slider__list {
transform: unset;
}
.section--tmpl-promo .slider__navigation {
width: calc(50% - 40px);
top: 50%;
left: 50%;
transform: translateX(-50%);
margin: 0;
max-width: 688px;
}
@media screen and (max-width: 767px) {
.section--tmpl-promo .slider__navigation {
width: 100%;
}
}
.section--tmpl-promo .slider__pagination {
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.section--tmpl-promo .slider__pagination {
display: none;
}
}
.section--tmpl-promo .slider__button--prev {
left: -24px;
}
.section--tmpl-promo .slider__button--next {
right: -24px;
}
.section--tmpl-promo .list-item {
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
padding: 0;
position: relative;
max-width: 688px;
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-promo .list-item {
width: calc(100% - 32px);
flex: 0 0 calc(100% - 32px);
padding: 0;
margin: 0 4px;
}
}
.section--tmpl-promo .list-item__info {
display: none;
}
.section--tmpl-promo .list-item__picture {
padding: 0 0 56.25%;
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
border-radius: 8px;
}
.app--dark .section--tmpl-promo .list-item__picture {
background: transparent url(/i/placeholder-black-landscape.svg?d267fa19c960908b7833951788e5425c) center/cover no-repeat;
}
.section--tmpl-promo .list-item__picture .list-item__link {
border-radius: 0;
}
.section--tmpl-promo .list-item__picture .list-item__link img {
border-radius: 8px;
}
.section--tmpl-promo .list-item__picture .list-item__link:before {
content: none;
}
@media screen and (max-width: 767px) {
.layout .layout__holder--full .section--tmpl-promoNews {
padding-top: 16px;
}
}
@media only screen and (min-width: 768px) {
.layout .layout__holder--full .section--tmpl-promoNews {
max-width: 1440px;
margin: 0 auto;
}
}
.layout .layout__holder--full .section--tmpl-promoNews .section__background {
max-width: 1440px;
left: 50%;
transform: translateX(-50%);
}
.app--light .layout .layout__holder--full .section--tmpl-promoNews .section__background {
background: #FFFFFF;
}
.layout--vesti .section--tmpl-promoNews .section__background {
background: #FFFFFF;
border-radius: 0;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .section__header {
display: flex;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .section__title {
color: #000000;
}
.layout--rubrics .section--tmpl-promoNews .section__content {
margin: 0;
}
#pick-special-kinoblog .layout--rubrics .section--tmpl-promoNews .section__content {
padding-top: 16px;
}
.section--tmpl-promoNews .slider {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .slider {
background: transparent;
}
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .slider {
overflow: visible;
}
.section--tmpl-promoNews .slider__wrapper {
margin: 0;
overflow: visible;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .slider__wrapper {
margin: 0 8px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .slider__wrapper {
margin: 0 -16px;
overflow: visible;
}
}
.section--tmpl-promoNews .slider__content {
margin: 0 16px;
overflow: visible;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .slider__content {
margin: 0;
}
}
.section--tmpl-promoNews .slider__list {
transform: translateX(calc((100% - 336px) / 2 - 8px));
margin-bottom: 36px;
}
@media screen and (max-width: 1439px) {
.section--tmpl-promoNews .slider__list {
--widthPromo: calc(25% - 0px);
transform: translateX(calc((100% - var(--widthPromo)) / 2));
}
}
@media screen and (max-width: 1279px) {
.section--tmpl-promoNews .slider__list {
--widthPromo: calc(50% - 0px);
transform: translateX(calc((100% - var(--widthPromo)) / 2));
}
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .slider__list {
--widthPromo: calc(75% - 0px);
transform: translateX(calc((100% - var(--widthPromo)) / 2));
}
}
.section--tmpl-promoNews .slider--initialized .slider__list {
transform: unset;
}
.section--tmpl-promoNews .slider__navigation {
width: calc(75% - 72px);
top: 50%;
left: 50%;
transform: translateX(-50%);
margin: 0;
max-width: 1040px;
}
@media screen and (max-width: 1279px) {
.section--tmpl-promoNews .slider__navigation {
width: calc(56.25% - 56px);
}
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .slider__navigation {
display: none;
}
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .slider__navigation {
width: calc(100% - 16px);
top: 50%;
left: 50%;
transform: translateX(-50%);
margin: 0;
max-width: none;
}
@media screen and (max-width: 1279px) {
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .slider__navigation {
width: calc(100% - 16px);
}
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .slider__navigation {
display: none;
}
}
.section--tmpl-promoNews .slider__pagination {
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .slider__pagination {
display: none;
}
}
.section--tmpl-promoNews .slider__button--prev {
left: -24px;
}
.section--tmpl-promoNews .slider__button--next {
right: -24px;
}
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .list-item {
width: calc(33.3333333333% - 16px);
flex: 0 0 calc(33.3333333333% - 16px);
}
@media screen and (max-width: 1279px) {
.layout--vesti .layout__holder--columns .section--tmpl-promoNews .list-item {
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
}
}
.section--tmpl-promoNews .list-item {
width: calc(25% - 16px);
flex: 0 0 calc(25% - 16px);
padding: 6px 0 0 0;
position: relative;
margin: 0 8px;
}
@media screen and (max-width: 1279px) {
.section--tmpl-promoNews .list-item {
width: calc(50% - 16px);
flex: 0 0 calc(50% - 16px);
}
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item {
width: calc(75% - 8px);
flex: 0 0 calc(75% - 8px);
margin: 0 4px;
padding: 0;
}
}
.section--tmpl-promoNews .list-item .list-item__box {
margin: 20px 16px;
background-color: #FFFFFF;
box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.05);
border-radius: 8px;
transition: all 0.25s ease-in-out;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item .list-item__box {
margin: 0;
}
}
.section--tmpl-promoNews .list-item .list-item__info {
padding-bottom: 36px;
}
.section--tmpl-promoNews .list-item.list-item--active .list-item__box {
transform: scale(1.15);
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item.list-item--active .list-item__box {
box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.05);
transform: unset;
}
}
.section--tmpl-promoNews .list-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
opacity: 1;
transition: opacity 300ms ease 0ms, height 0ms ease 0ms, height 0ms ease 0ms;
}
.section--tmpl-promoNews .list-item--active:before {
width: 0;
height: 0;
opacity: 0;
transition: opacity 300ms ease 0ms, height 0ms ease 300ms, height 0ms ease 300ms;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item__info {
position: relative;
margin: 4px 0 0;
bottom: auto;
left: auto;
width: auto;
}
}
.section--tmpl-promoNews .list-item__picture {
padding: 0 0 56.25%;
}
.section--tmpl-promoNews .list-item__title {
font: 20px/24px "RF Devi Bold";
color: #000000;
margin: 0 8px;
}
@media screen and (max-width: 1023px) {
.section--tmpl-promoNews .list-item__title {
font: 16px/20px "RF Devi Bold";
width: auto;
position: relative;
top: auto;
left: auto;
transform: translateX(0);
}
}
.section--tmpl-promoNews .list-item__category {
padding: 0 8px;
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item__category {
font: 12px/20px "RF Devi Condensed Bold";
letter-spacing: 1px;
}
}
.section--tmpl-promoNews .list-item__date {
display: none;
font: 12px/24px "RF Devi Condensed Bold", sans-serif;
color: #000000;
letter-spacing: 1px;
text-transform: uppercase;
width: auto;
position: absolute;
top: -36px;
left: 32px;
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item__date {
display: none;
}
}
.section--tmpl-promoNews .list-item__duration {
display: none;
}
.section--tmpl-promoNews .list-item__picture .list-item__link {
border-radius: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-promoNews .list-item__picture .list-item__link img {
border-radius: 0;
}
}
.section--tmpl-promoNews .list-item__picture .list-item__link:before {
content: none;
}
.section--tmpl-promoNews .list-item__title .list-item__link {
box-sizing: border-box;
padding: 0 8px;
display: block;
}
.section--tmpl-promoNews .list-item__date .list-item__link {
box-sizing: border-box;
padding: 0 8px;
display: block;
background: rgba(38, 38, 38, 0.5);
border-radius: 4px;
}
.layout__holder--full .layout__column--full .section--tmpl-rubrics {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-rubrics {
margin: 0 8px;
}
}
.layout__holder--full .layout__column .section--tmpl-rubrics .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-rubrics .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--content .layout__column .section--tmpl-rubrics .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-rubrics .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-rubrics .list-item {
width: 60%;
flex: 0 0 60%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-rubrics .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-rubrics .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-rubrics .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-rubrics .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-videosGrid .list-item__info {
margin: 6px 0 0;
}
.section--tmpl-videosGrid .list-item__title {
margin: 0 0 24px;
}
.layout--rubrics .layout__holder--full .section--tmpl-rubricsText,
.layout--vesti .layout__holder--full .section--tmpl-rubricsText {
z-index: 3;
margin: 0 auto;
width: 100%;
max-width: 1440px;
}
@media screen and (max-width: 767px) {
.layout--rubrics .layout__holder--full .section--tmpl-rubricsText,
.layout--vesti .layout__holder--full .section--tmpl-rubricsText {
padding-top: 16px;
}
}
.section--tmpl-rubricsText .section__background {
border-radius: 16px 16px 0 0;
}
.section--tmpl-rubricsText .section__content {
width: 100%;
margin: 0 auto;
max-width: 1440px;
}
.section--tmpl-rubricsText .slider__wrapper {
margin: 0;
overflow: visible;
}
.section--tmpl-rubricsText .slider__navigation {
display: none;
}
.section--tmpl-rubricsText .slider__content {
margin: 0 8px;
}
.section--tmpl-rubricsText .list-item {
width: auto;
flex: 0 1 auto;
padding: 0 16px;
margin: 16px 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-rubricsText .list-item {
width: auto;
padding: 0 4px;
flex: 0 1 auto;
margin: 0;
}
}
.section--tmpl-rubricsText .list-item__preview {
display: none;
}
.section--tmpl-rubricsText .list-item__info {
margin: 0;
}
.section--tmpl-rubricsText .list-item__title {
font: 18px/40px "RF Devi Condensed Bold", sans-serif;
color: #000000;
text-transform: uppercase;
white-space: nowrap;
display: block;
margin: 0;
}
.app--dark .section--tmpl-rubricsText .list-item__title {
color: #FFFFFF;
}
.section--tmpl-rubricsText .list-item__title .list-item__link {
display: block;
height: 40px;
padding: 0 8px;
border-radius: 8px;
}
.section--tmpl-rubricsText .list-item--selected .list-item__title .list-item__link {
background: linear-gradient(180deg, #FF0064 0%, #FF0000 100%);
color: #FFFFFF;
}
.section--tmpl-search-results .section__control {
box-sizing: border-box;
width: 33.3333333333%;
margin: 32px auto;
}
.layout--search .section--tmpl-search-results .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 1023px) {
.layout--search .section--tmpl-search-results .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 511px) {
.layout--search .section--tmpl-search-results .list-item {
width: 100%;
flex: 0 0 100%;
}
}
.section--tmpl-search-results .list-item--brand .list-item__picture {
padding: 0 0 56.25%;
}
.layout--search .section--tmpl-search-results .list-item--audio {
width: 50%;
flex: 0 0 50%;
margin-bottom: 2px;
}
@media screen and (max-width: 1023px) {
.layout--search .section--tmpl-search-results .list-item--audio {
width: 50%;
flex: 0 0 50%;
padding: 0 4px;
}
}
@media screen and (max-width: 511px) {
.layout--search .section--tmpl-search-results .list-item--audio {
width: 100%;
flex: 0 0 100%;
}
}
.list-item--podcast {
padding-bottom: 32px;
}
.section--tmpl-search-results .list-item__box-link {
display: none;
}
.section--tmpl-search-results .list-item--podcast .list-item__preview {
width: 55.9523809524%;
margin: 0 auto;
}
@media screen and (max-width: 511px) {
.section--tmpl-search-results .list-item--podcast .list-item__preview {
width: 50%;
}
}
.section--tmpl-search-results .list-item--person .list-item__preview {
width: 55.9523809524%;
margin: 0 auto;
}
@media screen and (max-width: 511px) {
.section--tmpl-search-results .list-item--person .list-item__preview {
width: 25%;
}
}
.section--tmpl-search-results .list-item--brand .list-item__info {
margin: 10px 0 0;
}
.section--tmpl-search-results .list-item--person .list-item__info {
margin: 14px 0 0;
}
.section--tmpl-search-results .list-item--article .list-item__info {
margin: 9px 0 0;
flex-flow: row wrap;
justify-content: flex-start;
flex: 0 1 auto;
}
.section--tmpl-search-results .list-item--brand .list-item__picture {
padding: 0 0 56.25%;
}
.section--tmpl-search-results .list-item--article .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
flex: 0 0 100%;
margin: 0 0 5px;
order: 1;
}
.section--tmpl-search-results .list-item--brand .list-item__title {
font: 14/16px "RF Devi Bold", sans-serif;
}
.section--tmpl-search-results .list-item--article .list-item__category {
padding: 0 28px 0 0;
margin: 0;
position: relative;
}
.section--tmpl-search-results .list-item--article .list-item__category:after {
content: "";
position: absolute;
top: 50%;
right: 14px;
display: block;
height: 3px;
width: 3px;
border-radius: 3px;
background: #B8C2CC;
transform: translate(50%, -50%);
}
.section--tmpl-search-results .list-item--article .list-item__date {
margin: 0;
}
.section--tmpl-search-results .list-item--video .list-item__date {
display: none;
}
.section--tmpl-search-results .list-item--person .list-item__picture .list-item__link {
border-radius: 100%;
}
.section--tmpl-search-results .list-item--person .list-item__picture .list-item__link img {
border-radius: 100%;
}
.layout__holder--full .layout__column--full .section--tmpl-sets {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-sets {
margin: 0 8px;
}
}
.layout__holder--full .layout__column .section--tmpl-sets .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-sets .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--content .layout__column .section--tmpl-sets .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-sets .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-sets .list-item {
width: 60%;
flex: 0 0 60%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-sets .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-sets .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-sets .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-sets .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-sets .list-item--locked .list-item__picture:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65) url(/i/icon-lock-white.svg?22a7678888f2f917a5e4f8b2fa3e26c7) center/40px no-repeat;
z-index: 3;
border-radius: 8px;
right: auto;
bottom: auto;
opacity: 1;
}
.section--tmpl-sets .list-item--locked .list-item__picture:after {
display: none;
}
.section--tmpl-sets .list-item__info {
display: none;
}
.section--tmpl-sets.section--light .list-item--link .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--tmpl-sets.section--dark .list-item--link .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
.section--tmpl-sets .list-item__picture .list-item__link {
overflow: visible;
}
.section--tmpl-sets .list-item__picture .list-item__link .list-item__picture-bg-1,
.section--tmpl-sets .list-item__picture .list-item__link .list-item__picture-bg-2 {
position: absolute;
top: 5%;
left: 0;
height: 100%;
width: 100%;
border-radius: 8px;
transform: translate(0) scale(0.95);
opacity: 0.5;
z-index: 2;
}
.section--tmpl-sets .list-item__picture .list-item__link .list-item__picture-bg-2 {
z-index: 1;
top: 10%;
left: 0;
transform: translate(0) scale(0.9);
opacity: 0.3;
height: 100%;
width: 100%;
}
.layout__holder--full .layout__column--full .section--tmpl-special {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-special {
margin: 0 8px;
}
}
.section--tmpl-special .section__control {
margin: 0 auto;
padding: 0 8px;
width: 37.5%;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.section--tmpl-special .section__control {
width: auto;
padding: 0;
}
}
.section--tmpl-special .section__header {
flex: 0 0 100%;
flex-flow: row wrap;
margin-bottom: 8px;
}
.section--tmpl-special .section__header .section__label {
font: 12px/20px "RF Devi Condensed Bold", sans-serif;
letter-spacing: 1px;
}
.section--tmpl-special .section__header:nth-of-type(1) .section__title {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.5px;
text-transform: none;
color: #FF0000;
}
.section--tmpl-special .section__header:nth-of-type(1) .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.section--tmpl-special .section__content:nth-of-type(2) .slider__wrapper {
margin: 0;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-special .section__content:nth-of-type(2) .slider__wrapper {
margin: 0 -16px;
overflow: visible;
padding: 0;
}
}
@media screen and (max-width: 1279px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 1023px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item {
width: 75%;
flex: 0 0 75%;
}
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__box {
border-radius: 8px;
}
.section--tmpl-special.section--light .section__content:nth-of-type(2) .list-item__box {
background: #FFFFFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
.section--tmpl-special.section--dark .section__content:nth-of-type(2) .list-item__box {
background: #262626;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item--show-all .list-item__box {
box-shadow: none;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item--show-all .list-item__preview {
height: 100%;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item--show-all .list-item__picture {
height: 100%;
padding: 0;
}
.section--tmpl-special .list-item__info {
position: relative;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__info {
padding: 9px 16px 8px;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__info:after {
content: "";
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
height: 100%;
}
.section--tmpl-special.section--dark .section__content:nth-of-type(2) .list-item__info:after {
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 60%, #262626 88%);
}
.section--tmpl-special.section--light .section__content:nth-of-type(2) .list-item__info:after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, white 88%);
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item--show-all .list-item__info {
display: none;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__category {
margin: 0 0 3px;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 96px;
margin: 0 0 3px;
position: relative;
}
@media screen and (max-width: 1279px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item__title {
font: 16px/22px "RF Devi Bold", sans-serif;
}
}
@media screen and (max-width: 1023px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item__title {
font: 14px/20px "RF Devi Bold", sans-serif;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
-webkit-line-clamp: none;
min-height: auto;
margin: 0 0 3px;
}
}
.section--tmpl-special .section__content:nth-of-type(1) .list-item__date {
display: none;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__date {
z-index: 1;
margin: auto 0 0;
}
.section--tmpl-special .list-item__duration {
bottom: auto;
top: -30px;
right: 8px;
}
.section--tmpl-special .section__content:nth-of-type(2) .list-item__title .list-item__link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 75%;
}
@media screen and (max-width: 767px) {
.section--tmpl-special .section__content:nth-of-type(2) .list-item__title .list-item__link:after {
height: 25%;
}
}
.layout__holder--full .layout__column--full .section--tmpl-stories {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-stories {
margin: 0 8px;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-stories {
padding: 0;
}
}
.section--tmpl-stories .section__content {
margin-top: 0;
}
.layout--cinema .section--tmpl-stories,
.layout--radio .section--tmpl-stories {
display: none;
}
@media screen and (max-width: 767px) {
.section--tmpl-stories .section__background {
background: transparent;
}
}
.section--tmpl-stories .slider {
margin: 0 auto;
padding: 0;
width: 100%;
}
.section--tmpl-stories .slider__content {
margin: 0;
}
.section--tmpl-stories .slider__navigation {
top: calc(38.4615384615% - 8px);
}
.section--tmpl-stories .slider__button--prev {
left: -16px;
}
.section--tmpl-stories .slider__button--next {
right: -16px;
}
.section--tmpl-stories .slider__wrapper {
margin: 0;
}
.section--tmpl-stories .list-item {
flex: 0 0 12.5%;
width: 12.5%;
justify-content: center;
}
@media screen and (max-width: 1279px) {
.section--tmpl-stories .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-stories .list-item {
padding-bottom: 4px;
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
min-width: 104px;
}
}
.layout__holder--columns .layout__wrapper--main .section--tmpl-stories .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
justify-content: center;
}
@media screen and (max-width: 1279px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-stories .list-item {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__wrapper--main .section--tmpl-stories .list-item {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
min-width: 104px;
padding: 0 0 22px 0;
}
}
.section--tmpl-stories .list-item__preview {
padding: 10px 0 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-stories .list-item__preview {
padding: 10px 4px 0;
}
}
.section--tmpl-stories .list-item__info {
margin: 10px auto 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-stories .list-item__info {
display: none;
}
}
.section--tmpl-stories .list-item__picture {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.section--tmpl-stories .list-item__picture a {
border-radius: 8px;
}
.section--tmpl-stories .list-item__picture a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 8px;
transform: translate(-50%, -50%);
z-index: 1;
}
.section--tmpl-stories .list-item__picture a img {
width: 100%;
height: 100%;
border-radius: 8px;
transform: translate(-50%, -50%) scale(1);
z-index: 2;
}
.section--tmpl-stories .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
text-align: center;
}
.section--tmpl-stories.section--light .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-square.svg?81d8329ab9b08e41cd102a170c08514f) center/cover no-repeat;
}
.section--tmpl-stories.section--dark .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-black-square.svg?d9829ee842a1f4524f3e315ea2ad67f9) center/cover no-repeat;
}
@media screen and (max-width: 511px) {
.section--tmpl-tag-podcasts .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-tags-list .tags-list {
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.section--tmpl-tags-list .tags-list {
margin: 0 4px;
}
}
.layout__holder--full .layout__column--full .section--tmpl-theme {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-theme {
margin: 0 8px;
}
}
.section--tmpl-theme .section__content .section__control {
margin-bottom: 0;
}
.section--tmpl-theme {
display: flex;
flex-flow: row wrap;
}
.layout--rubrics .section--tmpl-theme {
margin-top: 8px;
}
.section--tmpl-theme .section__header {
flex: 0 0 100%;
flex-flow: row wrap;
margin-bottom: 29px;
}
.section--tmpl-theme .section__header .section__label {
font: 12px/20px "RF Devi Condensed Semi Bold", sans-serif;
letter-spacing: 1px;
}
.section--tmpl-theme .section__header:nth-of-type(2) {
padding: 18px 0 0;
margin-top: 32px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__header:nth-of-type(2) {
padding: 22px 0 0;
}
}
.section--tmpl-theme .section__header:nth-of-type(2):before {
content: "";
position: absolute;
top: 0;
left: 8px;
right: 8px;
height: 4px;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__header:nth-of-type(2):before {
content: none;
}
}
.section--tmpl-theme .section__content:nth-of-type(1) {
margin: 0;
flex: 0 0 50%;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(1) {
flex: 0 0 100%;
position: relative;
margin: 0 0 24px;
padding: 0 0 28px;
}
.section--tmpl-theme .section__content:nth-of-type(1):after {
content: "";
position: absolute;
bottom: 0;
left: 4px;
right: 4px;
height: 4px;
}
}
.section--tmpl-theme .section__content:nth-of-type(2) {
flex: 0 0 43.75%;
margin: 0 0 0 6.25%;
}
.app--dark .section--tmpl-theme .section__content:nth-of-type(2) .section__control .section__link {
background: #ffffff26;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(2) {
flex: 0 0 100%;
margin: 0;
}
}
.section--tmpl-theme .section__content:nth-of-type(3) {
flex: 0 0 100%;
width: 100%;
}
.section--tmpl-theme.section--light .section__content:nth-of-type(1):after {
background: #EFF1F3;
}
.section--tmpl-theme.section--dark .section__content:nth-of-type(1):after {
background: #474747;
}
.section--tmpl-theme .section__header:nth-of-type(1) .section__title {
font: 32px/32px "RF Devi Ultra Bold", sans-serif;
letter-spacing: -0.5px;
text-transform: none;
color: #403CF9;
}
.section--tmpl-theme .section__header:nth-of-type(1) .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.section--tmpl-theme.section--dark .section__header:nth-of-type(1) .section__title {
color: #FF0000;
}
.section--tmpl-theme.section--dark .section__header:nth-of-type(1) .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: bottom 10px right 0;
}
.section--tmpl-theme .section__header:nth-of-type(2) .section__title {
font: 16px/24px "RF Devi Condensed Ultra Bold", sans-serif;
}
.section--tmpl-theme .section__header:nth-of-type(2) .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: right;
color: #403CF9;
display: inline-block;
}
.section--tmpl-theme.section--dark .section__header:nth-of-type(2) .section__title a {
background: transparent url("data:image/svg+xml;utf8,") no-repeat;
background-size: 8px 14px;
background-position: right;
color: #FF0000;
}
.layout--vesti .layout__holder--columns .section--tmpl-theme:nth-of-type(1) .section__label {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider {
margin-bottom: 28px;
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider:last-child {
margin-bottom: 0;
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider__navigation {
top: calc(28.125% - 8px);
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider--audio .slider__navigation {
top: 50%;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item {
flex: 0 0 100%;
width: 100%;
border-radius: 0;
box-shadow: none;
padding: 0 8px;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item {
flex: 0 0 100%;
width: 100%;
padding: 0;
border-radius: 0;
box-shadow: none;
flex-flow: row nowrap;
margin: 16px 0;
position: relative;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item:first-child {
margin: 0 0 16px;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item:last-child {
margin: 16px 0 0;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item:last-child {
margin: 16px 0 0;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item:last-child:after {
content: none;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item:after {
content: "";
position: absolute;
bottom: -16px;
left: 8px;
width: calc(100% - 16px);
height: 1px;
background: #B8C2CC;
opacity: 0.25;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item:after {
left: 4px;
width: calc(100% - 8px);
}
}
@media screen and (max-width: 959px) {
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item--audio {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item--audio {
flex: 0 0 100%;
width: 100%;
}
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__box {
border-radius: 0;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item--audio .list-item__box {
border-radius: 8px;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__box-link {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__preview {
box-sizing: border-box;
flex: 0 0 42.8571428571%;
order: 2;
padding: 0 8px;
}
@media screen and (max-width: 1023px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__preview {
display: none;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__preview {
display: block;
flex: 0 0 25%;
margin: 0 0 0 12.5%;
padding: 0 4px;
}
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__info {
display: flex;
flex-flow: row wrap;
margin: 8px 0 0;
padding: 0;
position: relative;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__info {
box-sizing: border-box;
flex: 0 0 57.1428571429%;
order: 1;
padding: 0 8px;
display: flex;
flex-flow: column nowrap;
}
@media screen and (max-width: 1023px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__info {
flex: 0 0 100%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__info {
flex: 0 0 62.5%;
padding: 0 4px;
}
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item__info {
margin: 6px 0 0;
}
.section--tmpl-theme .section__content:nth-of-type(3) .slider .list-item--audio .list-item__info {
margin: auto 0 auto 16px;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__picture {
padding: 0 0 100%;
}
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__title {
font: 24px/28px "RF Devi Bold", sans-serif;
display: block;
margin: 0 0 6px;
flex: 0 0 100%;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__title {
font: 16px/20px "RF Devi Bold", sans-serif;
margin: 0 0 auto;
padding: 0;
order: 1;
}
@media screen and (max-width: 767px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__title {
font: 18px/28px "RF Devi Semi Bold", sans-serif;
}
}
@media screen and (max-width: 511px) {
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__title {
font: 16px/20px "RF Devi Semi Bold", sans-serif;
}
}
.section--tmpl-theme .section__content:nth-of-type(3) .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__category {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__category {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(3) .list-item__category {
margin-bottom: 2px;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__date {
flex: 0 1 auto;
order: 2;
margin: 0 0 17px;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__date {
display: block;
flex: 0 1 auto;
margin: 16px 0 0;
}
.section--tmpl-theme .section__content:nth-of-type(3) .list-item__date {
margin: 8px 0 0;
}
.section--tmpl-theme .list-item--video .list-item__date {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__author {
display: block;
flex: 0 1 auto;
position: relative;
padding: 0 0 0 36px;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__author:before {
content: "";
position: absolute;
top: 50%;
left: 17px;
display: block;
height: 2px;
width: 2px;
border-radius: 100%;
background: #B8C2CC;
transform: translateY(-50%);
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__anons {
font: 18px/28px "RF Devi Regular", sans-serif;
display: block;
border-top: 1px solid #B8C2CC40;
flex: 0 0 100%;
padding: 13px 0 0;
margin: 0;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__tags {
display: none;
}
.section--tmpl-theme .section__content:nth-of-type(1) .tile .list-item__duration {
top: -40px;
}
.section--tmpl-theme .section__content:nth-of-type(2) .tile .list-item__duration {
display: none;
}
.section--tmpl-themes {
padding: 8px 0 16px;
}
.section--tmpl-themes .slider__button--next,
.section--tmpl-themes .slider__button--prev {
top: -44px;
}
.section--tmpl-themes .list-item__preview {
z-index: 3;
}
.section--tmpl-themes .list-item__picture {
padding: 0 0 63.4%;
}
.section--tmpl-themes .list-item--topic .list-item__box:before,
.section--tmpl-themes .list-item--topic .list-item__box:after {
border: 1px solid #DBE0E5;
}
.section--tmpl-themes .list-item__picture .list-item__link {
border-radius: 0;
}
.section--tmpl-themes .list-item__picture .list-item__link img {
border-radius: 8px 8px 0 0;
}
.layout__holder--full .layout__column--full .section--tmpl-themes {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-themes {
margin: 0 8px;
}
}
.section--tmpl-themes .list-item {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 1023px) {
.layout--profile .layout__holder--content .layout__column .section--tmpl-themes .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 511px) {
.layout--profile .layout__holder--content .layout__column .section--tmpl-themes .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-themes .list-item--show-all .list-item__box {
margin-bottom: 8px;
}
.section--tmpl-themes .list-item--show-all .list-item__preview {
height: 100%;
}
.section--tmpl-themes .list-item--show-all .list-item__picture {
height: 100%;
padding: 0;
}
.section--tmpl-themes .list-item--show-all .list-item__info {
display: none;
}
.layout__holder--full .layout__column--full .section--tmpl-videos {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-videos {
margin: 0 8px;
}
}
.layout--cinema .section--tmpl-videos + .section {
margin-top: 0;
}
.layout--brand .section--tmpl-videos:nth-of-type(2) {
margin-top: 0;
z-index: 3;
}
.layout--brand .section--tmpl-videos .section__background {
width: calc(133.3333333333% + 32px);
left: calc(-16.6666666667% - 16px);
border-radius: 0;
}
.layout--brand .section--tmpl-videos:nth-of-type(2) .section__background {
border-radius: 16px;
}
.layout--cinema .section--tmpl-filterGroup .section__background,
.layout--cinema .section--tmpl-videos .section__background {
border-radius: 16px;
}
.section--tmpl-videos .slider__navigation {
top: calc(37.5% - 8px);
}
.section--tmpl-videos .list-item--brand {
width: 16.6666666667%;
flex: 0 0 16.6666666667%;
}
@media screen and (max-width: 1023px) {
.section--tmpl-videos .list-item--brand {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
.section--tmpl-videos .list-item--link {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.section--tmpl-videos .list-item--link {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.section--tmpl-videos .list-item--link {
width: 50%;
flex: 0 0 50%;
}
}
.layout__column--full .section--tmpl-videos .list-item--link {
width: 18.75%;
flex: 0 0 18.75%;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.layout__column--full .section--tmpl-videos .list-item--link {
width: 50%;
flex: 0 0 50%;
}
}
.layout--profile .section--tmpl-videos .list-item,
.layout--audio .section--tmpl-videos .list-item,
.layout--person .section--tmpl-videos .list-item,
.layout--brand .section--tmpl-videos .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout--profile .section--tmpl-videos .list-item,
.layout--audio .section--tmpl-videos .list-item,
.layout--person .section--tmpl-videos .list-item,
.layout--brand .section--tmpl-videos .list-item {
width: 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media screen and (max-width: 767px) {
.layout--profile .section--tmpl-videos .list-item,
.layout--audio .section--tmpl-videos .list-item,
.layout--person .section--tmpl-videos .list-item,
.layout--brand .section--tmpl-videos .list-item {
width: 50%;
flex: 0 0 50%;
padding: 0 4px 8px;
}
}
.layout--profile .section--tmpl-videos .list-item--type-trailer,
.layout--audio .section--tmpl-videos .list-item--type-trailer,
.layout--person .section--tmpl-videos .list-item--type-trailer,
.layout--brand .section--tmpl-videos .list-item--type-trailer {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
}
@media screen and (max-width: 767px) {
.layout--profile .section--tmpl-videos .list-item--type-trailer,
.layout--audio .section--tmpl-videos .list-item--type-trailer,
.layout--person .section--tmpl-videos .list-item--type-trailer,
.layout--brand .section--tmpl-videos .list-item--type-trailer {
flex: 0 0 50%;
width: 50%;
}
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture {
background: #363636;
border-radius: 8px;
}
.section--tmpl-videos .list-item__picture {
padding: 0 0 56.25%;
}
.section--tmpl-videos .list-item__info {
margin: 6px 0 0;
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__info {
display: none;
}
.section--tmpl-videos .list-item--brand .list-item__picture {
padding: 0 0 150%;
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture {
padding: 0 0 86.875%;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture {
padding: 0 0 56.25%;
}
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture img {
display: none;
}
.section--tmpl-videos .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
margin: 0;
}
@media screen and (max-width: 767px) {
.section--tmpl-videos .list-item__title {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
}
}
.section--tmpl-videos .list-item--link .list-item__title {
text-align: left;
}
.section--tmpl-videos .list-item__category {
margin: 0 0 2px;
}
@media screen and (max-width: 767px) {
.section--tmpl-videos .list-item__category {
margin: 0;
}
}
.section--tmpl-videos .list-item__date {
display: none;
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture .list-item__link {
overflow: visible;
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture .list-item__link:after {
content: "\422\440\435\439\43B\435\440";
font: 15px/20px "RF Devi Semi Bold", sans-serif;
color: #FFFFFF;
text-align: center;
top: 100%;
left: 50%;
height: auto;
width: auto;
transform: translateX(-50%);
margin: 6px 0 0;
background: transparent;
}
@media screen and (max-width: 767px) {
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture .list-item__link:after {
font: 14px/16px "RF Devi Semi Bold", sans-serif;
}
}
.layout--brand .section--tmpl-videos .list-item--type-trailer .list-item__picture .list-item__link:before {
height: 60%;
width: 50%;
background: transparent url(/i/icon-trailer-1.png?e7b02ee385ff9d7deac8e28d89452620) center/cover no-repeat;
background-size: contain;
}
.layout__holder--full .layout__column--full .section--tmpl-videosGrid {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-videosGrid {
margin: 0 8px;
}
}
.section--tmpl-videosGrid .slider__navigation {
top: calc(28.125% - 8px);
}
.layout__holder--full .layout__column .section--tmpl-videosGrid .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--full .layout__column .section--tmpl-videosGrid .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--content .layout__column .section--tmpl-videosGrid .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-videosGrid .list-item {
width: 18.75%;
flex: 0 0 18.75%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--left .section--tmpl-videosGrid .list-item {
width: 60%;
flex: 0 0 60%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--left .section--tmpl-videosGrid .list-item {
width: 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--left .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--right .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--right .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--right .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.layout__holder--columns .layout__column--full .section--tmpl-videosGrid .list-item {
width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1023px) {
.layout__holder--columns .layout__column--full .section--tmpl-videosGrid .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--columns .layout__column--full .section--tmpl-videosGrid .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-videosGrid .list-item__info {
margin: 6px 0 0;
}
.section--tmpl-videosGrid .list-item__title {
margin: 0 0 24px;
}
.section--tmpl-videosGrid .list-item__date {
display: none;
}
.section--tmpl-videosGrid .list-item__link {
display: block;
}
@media screen and (max-width: 959px) {
.layout__holder--columns .layout__column--full .section--tmpl-videosGrid .list-item {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
}
}
@media screen and (max-width: 511px) {
.layout__holder--columns .layout__column--full .section--tmpl-videosGrid .list-item {
flex: 0 0 50%;
width: 50%;
}
}
.layout__holder--full .layout__column--full .section--tmpl-videosTile {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-videosTile {
margin: 0 8px;
}
}
.layout--person .section--tmpl-videosTile .list-item,
.layout--video .section--tmpl-videosTile .list-item {
flex: 0 0 25%;
width: 25%;
}
@media screen and (max-width: 1023px) {
.layout--person .section--tmpl-videosTile .list-item,
.layout--video .section--tmpl-videosTile .list-item {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.layout--person .section--tmpl-videosTile .list-item,
.layout--video .section--tmpl-videosTile .list-item {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 511px) {
.layout--person .section--tmpl-videosTile .list-item,
.layout--video .section--tmpl-videosTile .list-item {
flex: 0 0 100%;
width: 100%;
}
}
.layout--videos .section--tmpl-videosTile .list-item {
flex: 0 0 20%;
width: 20%;
}
@media screen and (max-width: 1023px) {
.layout--videos .section--tmpl-videosTile .list-item {
flex: 0 0 25%;
width: 25%;
}
}
@media screen and (max-width: 767px) {
.layout--videos .section--tmpl-videosTile .list-item {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 511px) {
.layout--videos .section--tmpl-videosTile .list-item {
flex: 0 0 100%;
width: 100%;
}
}
.section--tmpl-videosTile .list-item__date {
display: none;
}
.layout--person .section--tmpl-videosTile .list-item__title {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.layout__holder--full .layout__column--full .section--tmpl-videosGallery {
margin: 0 16px;
}
@media screen and (max-width: 767px) {
.layout__holder--full .layout__column--full .section--tmpl-videosGallery {
margin: 0 8px;
}
}
.layout .layout__holder--columns .layout__wrapper--main .section.section--tmpl-videoGallery:first-child .section__background {
width: calc(108.3333333333% + 8px);
border-radius: 16px;
}
.section--tmpl-videoGallery .list-item {
padding-bottom: 12px;
}
.section--tmpl-videoGallery .list-item__date {
padding-top: 8px;
}
.section--tmpl-videoGallery .list-item__title {
font: 15px/20px "RF Devi Semi Bold", sans-serif;
}
@media screen and (max-width: 1023px) {
.layout__holder--content .layout__column .section--tmpl-videoGallery .list-item {
width: 25%;
flex: 0 0 25%;
}
}
@media screen and (max-width: 767px) {
.layout__holder--content .layout__column .section--tmpl-videoGallery .list-item {
width: 50%;
flex: 0 0 50%;
}
}
.section--tmpl-videoGallery .list-item--article .list-item__box {
border-radius: 8px;
}
.section--tmpl-videoGallery.section--light .list-item--article .list-item__box {
background: #FFFFFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
.section--tmpl-videoGallery.section--dark .list-item--article .list-item__box {
background: #262626;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}
.section--tmpl-videoGallery .list-item--article .list-item__info {
padding: 9px 16px 8px;
}
.section--tmpl-videoGallery .list-item--article .list-item__category {
margin: 0 0 3px;
}
.section--tmpl-videoGallery .list-item--article .list-item__title {
font: 18px/24px "RF Devi Bold", sans-serif;
-webkit-line-clamp: 4;
min-height: 96px;
margin: 0 0 3px;
position: relative;
}
.section--tmpl-videoGallery .list-item--article .list-item__date {
margin: auto 0 0;
}
.section--tmpl-videoGallery .list-item--video .list-item__date {
display: none;
}
.section--tmpl-videoGallery .list-item--article .list-item__title .list-item__link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 75%;
}
@media screen and (max-width: 767px) {
.section--tmpl-videoGallery .list-item--article .list-item__title .list-item__link:after {
height: 25%;
}
}
.section--tmpl-videoGallery.section--dark .list-item--article .list-item__title .list-item__link:after {
background: linear-gradient(180deg, rgba(38, 38, 38, 0) 0%, #262626 75%);
}
.section--tmpl-videoGallery.section--light .list-item--article .list-item__title .list-item__link:after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 75%);
}
.audio-sandbox {
display: flex;
flex-flow: column nowrap;
max-width: 320px;
margin: 0 auto;
padding: 0 0 0 100px;
}
.audio-sandbox__item {
display: flex;
flex-flow: column nowrap;
margin: 48px 0;
}
.audio-sandbox__title {
margin: 0 0 24px;
}
.audio-sandbox__control {
margin: 0 0 12px;
}
.audio-sandbox__button {
-webkit-appearance: none;
display: none;
height: 48px;
width: 48px;
background: #FF0000;
border: 0;
outline: 0;
border-radius: 48px;
cursor: pointer;
}
.audio-sandbox__button--initialized {
display: block;
}
.audio-sandbox__button--play {
background: #FF0000 url(/i/play-white.svg?28d2fe771306c0de93ee9c8e466e3290) center/24px no-repeat;
}
.audio-sandbox__button--pause {
background: #FF0000 url(/i/pause-white.svg?420dcf579d6f2ddb702f325edfce952a) center/24px no-repeat;
}
.audio-sandbox__button--loading {
background: #B8C2CC;
}
.dev--show-box-helper .section--dev-has-box {
margin-top: 16px;
margin-bottom: 16px;
}
.dev--show-box-helper .section a {
text-decoration: none;
}
.dev--show-box-helper .section--dev-no-tabs:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
}
.dev--show-box-helper .section--dev-even:after {
background: rgba(99, 146, 191, 0.45);
border: 2px dashed #6392bf;
}
.dev--show-box-helper .section--dev-odd:after {
background: rgba(203, 127, 90, 0.45);
border: 2px dashed #cb7f5a;
}
.section__dev-url {
display: none;
position: absolute;
top: 0;
right: -4px;
padding: 0 10px;
z-index: 5;
}
.dev--show-box-helper .section__dev-url {
display: block;
}
.dev--show-box-helper .section--dev-even .section__dev-url {
background: rgba(99, 146, 191, 0.95);
}
.dev--show-box-helper .section--dev-odd .section__dev-url {
background: rgba(203, 127, 90, 0.95);
}
.section__dev-url ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
.section__dev-url li {
margin: 0 8px 0 0;
}
.section__dev-url li:before {
content: ">";
color: #FFFFFF;
margin: 0 8px 0 0;
}
.section__dev-url li:last-child {
margin: 0;
}
.section__dev-url li:first-child:before {
content: none;
}
.section__dev-url a {
text-decoration: none;
z-index: 5;
color: #FFFFFF;
font: 18px/28px "RF Devi Regular", sans-serif;
letter-spacing: 1px;
}
.dev--show-box-helper .section__background {
z-index: -1;
}
.dev--show-box-helper .section--dev-tabs .section__content:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 4;
}
.dev--show-box-helper .section--dev-tabs.section--dev-even .section__content:after {
background: rgba(99, 146, 191, 0.45);
border: 2px dashed #6392bf;
}
.dev--show-box-helper .section--dev-tabs.section--dev-odd .section__content:after {
background: rgba(203, 127, 90, 0.45);
border: 2px dashed #cb7f5a;
}
.layout__dev-url {
display: none;
}
.dev--show-box-helper .layout__dev-url {
text-decoration: none;
z-index: 5;
font: 48px/64px "RF Devi Ultra Bold", sans-serif;
color: #000000;
position: fixed;
top: 10px;
left: 256px;
background: #FFFFFF;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
padding: 0 16px;
display: block;
}
@media screen and (max-width: 1680px) {
.dev--show-box-helper .layout__dev-url {
left: 88px;
}
}
.dev--show-box-helper .layout__dev-url:after {
content: attr(data-title);
text-decoration: underline;
}
.layout--vesti .layout__column--left--first .vgtrk-a1 {
display: none;
}
@media screen and (max-width: 767px) {
.layout--vesti .layout__column--left--first .vgtrk-a1 {
display: block;
}
}
#pick-special-reviews-beijing-2022 .section__background {
background: #FFFFFF;
}
#pick-special-reviews-beijing-2022 .section__title {
color: #000000;
}
#pick-special-reviews-beijing-2022 .list-item__title {
color: #000000;
}
#pick-special-reviews-beijing-2022 .list-item__picture .list-item__link:before {
background: transparent url(/i/placeholder-white-landscape.svg?2ec2feb9d27bdfa2f632dd5385ca1c95) center/cover no-repeat;
}