@media only screen and (min-width:320px) and (max-width:480px) {
.rutube24 {
width:100%;
height:auto;
    margin-bottom: 10px;
}

.ru24 {
width: 300px;
height: 170px;}

    .separator24
    {
        height:20px;
    }
}


@media only screen and (min-width:481px) and (max-width:767px) {
.rutube24 {
width:100%;
height:auto;
    margin-bottom: 10px;
}

.ru24 {
width: 460px;
height: 260px;}

 .separator24
    {
        height:20px;
    }
}


@media only screen and (min-width:768px) and (max-width:1024px) {
.rutube24 {
margin-right:10px;
margin-bottom: 10px;
width:300;
height:auto;
}

.ru24 {
width:720px;
height:405px;}

 .separator24
    {
        height:20px;
    }
}

@media only screen and (min-width:1025px) and (max-width:1223px) {
.rutube24 {
display: flex;
float: left;
margin-right: 40px;
margin-bottom: 40px;
width: 480px;
height: auto;}

.rutube24-2 {
display: flex;
width: 560px;
height: auto;
    margin-bottom: 40px;
}

.ru24 {
width:480px;
height:270px;}

 .separator24
    {
        height:20px;
    }
}

@media only screen and (min-width:1224px) {
.rutube24 {
display: flex;
float: left;
margin-right: 40px;
margin-bottom: 40px;
width: 560px;
height: auto;}

.rutube24-2 {
display: flex;
width: 560px;
height: auto;
    margin-bottom: 40px;
}

.ru24 {
width:560px;
height:315px;}

 .separator24
    {
        height:20px;
    }
}

/* PROTON-FORM-BTN: фирменный синий на кнопках всех форм */
.t-form .t-submit,.t-form .t-submit.t-btnflex,.t-form button[type=submit]{background-color:#001d81!important;color:#fff!important}
.t-form .t-submit:hover,.t-form button[type=submit]:hover{background-color:#3358ff!important}


/* PROTON TYPOGRAPHY SYSTEM V1 — эталон главной страницы */
:root,
html,
#allrecords{
  --proton-font-head:"Oswald","Arial Narrow",Arial,sans-serif;
  --proton-font-body:"Inter",Arial,sans-serif;
  --proton-type-display:73px;
  --proton-type-h2:58px;
  --proton-type-h3:clamp(22px,1.95vw,28px);
  --proton-type-lead:clamp(18px,2.08vw,30px);
  --proton-type-body:clamp(15px,1.39vw,20px);
  --proton-type-overline:clamp(14px,1.11vw,16px);
  --proton-type-button:16px;
  --ff-head:var(--proton-font-head)!important;
  --ff-body:var(--proton-font-body)!important;
}

body,
.t-body,
#allrecords{
  font-family:var(--proton-font-body)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

#allrecords .t-title,
#allrecords .t-section__title,
#allrecords .t-card__title{
  font-family:var(--proton-font-head)!important;
}

#allrecords .t-text,
#allrecords .t-descr,
#allrecords .t-input,
#allrecords .t-select,
#allrecords .t-form__errorbox-item,
#allrecords .t-form__successbox{
  font-family:var(--proton-font-body)!important;
}

/* Переиспользуемые роли для Zero Block и HTML-блоков */
#allrecords .proton-type-display,
#allrecords .proton-type-display .tn-atom{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-display)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}

#allrecords .proton-type-h2,
#allrecords .proton-type-h2 .tn-atom{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-h2)!important;
  font-weight:600!important;
  line-height:1.04!important;
}

#allrecords .proton-type-h3,
#allrecords .proton-type-h3 .tn-atom{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-h3)!important;
  font-weight:600!important;
  line-height:1.08!important;
}

#allrecords .proton-type-lead,
#allrecords .proton-type-lead .tn-atom{
  font-family:var(--proton-font-body)!important;
  font-size:var(--proton-type-lead)!important;
  font-weight:400!important;
  line-height:1.35!important;
}

#allrecords .proton-type-body,
#allrecords .proton-type-body .tn-atom{
  font-family:var(--proton-font-body)!important;
  font-size:var(--proton-type-body)!important;
  line-height:1.55!important;
}

#allrecords .proton-type-overline,
#allrecords .proton-type-overline .tn-atom{
  font-family:var(--proton-font-body)!important;
  font-size:var(--proton-type-overline)!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

/* Категорийные страницы: приводим первый экран к типографике главной */
#allrecords .category-hero-title .tn-atom{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-display)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}

#allrecords .category-hero-eyebrow .tn-atom{
  font-family:var(--proton-font-body)!important;
  font-size:var(--proton-type-overline)!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
}

#allrecords .category-hero-description .tn-atom{
  font-family:var(--proton-font-body)!important;
  font-size:var(--proton-type-body)!important;
  font-weight:400!important;
  line-height:1.55!important;
}

#allrecords .category-hero-button-primary .tn-atom,
#allrecords .category-hero-button-secondary .tn-atom{
  font-family:var(--proton-font-body)!important;
  font-size:var(--proton-type-button)!important;
  font-weight:700!important;
  line-height:1.2!important;
}

@media (max-width:640px){
  :root,
  html,
  #allrecords{
    --proton-type-display:50px;
    --proton-type-h2:36px;
    --proton-type-h3:22px;
    --proton-type-lead:18px;
    --proton-type-body:16px;
    --proton-type-overline:14px;
  }
}


/* PROTON TYPOGRAPHY SYSTEM V2 — общие роли страниц */
#allrecords h1{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-display)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}

#allrecords .t-section__title,
#allrecords .t-title:not(h1),
#allrecords section h2,
#allrecords h2.sec__h,
#allrecords h2.cta-band__h,
#allrecords h2.seo-block__h,
#allrecords h2.faq-block__h,
#allrecords h2.e6-title{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-h2)!important;
  font-weight:600!important;
  line-height:1.04!important;
  letter-spacing:0!important;
}

#allrecords .t-card__title,
#allrecords .t-store__card__title,
#allrecords .t-feed__post-popup__title{
  font-family:var(--proton-font-head)!important;
  font-size:var(--proton-type-h3)!important;
  font-weight:600!important;
  line-height:1.08!important;
}

#allrecords .t-submit,
#allrecords .t-btn,
#allrecords button{
  font-family:var(--proton-font-body)!important;
  font-weight:700;
}

@media(max-width:640px){
  #allrecords h1{font-size:50px!important}
  #allrecords .t-section__title,
  #allrecords .t-title:not(h1),
  #allrecords section h2,
  #allrecords h2.sec__h,
  #allrecords h2.cta-band__h,
  #allrecords h2.seo-block__h,
  #allrecords h2.faq-block__h,
  #allrecords h2.e6-title{font-size:36px!important}
}

/* Исключения: служебные заголовки не являются секционными */
#allrecords .t-store__tabs__item-title{
  font-size:16px!important;
  line-height:1.35!important;
}
#allrecords .e6-stock__title{
  font-size:21px!important;
  line-height:1.1!important;
}
#rec2494727981 h2{
  font-family:var(--proton-font-body)!important;
  font-size:30px!important;
  font-weight:400!important;
  line-height:1!important;
}
@media(max-width:700px){
  #rec2494727981 h2{font-size:18px!important;line-height:1.42!important}
}


/* PROTON TYPOGRAPHY MOBILE LAYOUT FIXES */
@media(max-width:640px){
  #allrecords .biz-hero__left,
  #allrecords .biz-hero__left h1{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media(max-width:640px){
  #proton-business .biz-hero .biz-hero__left{
    width:100%!important;
    max-width:100%!important;
    padding:40px 20px!important;
    margin:0!important;
  }
  #proton-business .biz-hero .biz-hero__left h1{
    width:auto!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}