/* Start:/local/templates/viyar_new/components/bitrix/news/.default/style.css?175689676742*/
.g-title__btn-back {
    flex-shrink: 0;
}
/* End */


/* Start:/local/templates/viyar_new/components/bitrix/news.detail/blog_video/style.css?175370179631815*/
/* очистит все отступы и границы */

* {
    padding: 0;
    margin: 0;
    border: 0;
}

/* меняет подсчет ширины блока так, чтобы было удобно верствать */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* убрать линии обводки у некоторых браузеров */

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

/* делает следующие элементы блочными */

nav,
footer,
header,
aside {
    display: block;
}

/* уравняем поведение шрифтов и элементов у браузеров */

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* наследование семейства шрифта по умолчанию */

input,
button,
textarea {
    font-family: inherit;
}

/* убираем своеобразные особенности в разных браузерах */

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

/* обнуляем все заголовки */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

/* =====================================================================================================================*/

.breadcrumbs-section_mobile,
.g-title__text_mobile {
    display: none;
}

.video-post-heading-title__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header--sticky .page-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.g-title {
    padding-left: 24px !important;
}

.video-post-button {
    max-width: max-content;
    color: #0080e0 !important;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.video-post-button .button__body {
    margin-left: -10px;
}

.video-post-button .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.video-post-button .button__text {
    padding-right: 10px;
}

.video-post__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 48px;
    margin-bottom: 32px;
}

.video-post__main-video {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding-top: 40.65%;
    position: relative;
    max-height: 750px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.video-post__main-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-post__article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 448px;
    flex: 0 0 448px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    min-width: 320px;
}

.video-post__meta {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 100px 80px;
    grid-template-columns: auto 100px 80px;
    margin-bottom: 10px;
}

.video-post__meta span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color--gray);
}

.video-post__view,
.video-post__meta_mob .videos-post__channel_mob,
.video-post__meta_mob .video-post__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-view__icon {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C2 0 0 5 0 5C0 5 2 10 8 10C14 10 16 5 16 5C16 5 14 0 8 0ZM8 9C5.8 9 4 7.2 4 5C4 2.8 5.8 1 8 1C10.2 1 12 2.8 12 5C12 7.2 10.2 9 8 9ZM8 5H10C10 6.1 9.1 7 8 7C6.9 7 6 6.1 6 5C6 3.9 6.9 3 8 3C8.5 3 9 3.2 9.4 3.6L8 5Z' fill='%23606060'/%3E%3C/svg%3E%0A") no-repeat;
    width: 16px;
    height: 10px;
}

.post-view__value {
    padding-left: 8px;
    color: var(--color--gray);
}

.video-post__title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 300;
    color: var(--color--gray--black);
}

.videos-post__channel,
.videos-post__channel_mob {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 24px 0 32px;
}

.recommended-video__channel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 4px 0 8px;
}

.videos-post__avatar,
.recommended-video__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}

.video-post__description {
    height: calc(100vh - 560px);
    overflow: auto;
    min-height: 170px;
    -webkit-overflow-scrolling:touch;
}

.video-post__description p,
.video-post__description ul {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: var(--color--gray);
}

.video-post__description p {
    padding-bottom: 24px;
}

.video-post__description p.s-indent {
    padding-bottom: 4px;
}

.video-post a.video-post__link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--color--blue);
    position: relative;
    text-decoration: none;
}

.video-post__accent a.video-post__link {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.video-post a.video-post__link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    height: 1px;
    width: 0;
    background-color: var(--color--blue);
    -webkit-transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.15s all cubic-bezier(0.4, 0, 0.2, 1);
}

.video-post a.video-post__link:hover::before {
    width: 100%;
}

.video-post__accent {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color--gray--black);
    padding: 17px 0 0;
}

.video-post__description ul {
    padding-left: 26px;
}

.video-post__description ul > li {
    list-style: disc;
}

.videos-post__tags {
    max-height: 57px;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}

.filters-tags {
    margin-top: 48px;
    padding-right: 20px;
}

.tags__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.tags__list .tags__link {
    min-height: 24px;
    background-color: var(--color--gray--barely);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color--gray--black);
    border-left: 2px solid #e0e0e0;
    padding: 2px 8px;
    display: block;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.tags__list .tags__link:hover {
    background-color: #e0e0e0;
}

.share-soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    width: 100%;
}

.share-soc__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.share-soc__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
}

.share-soc__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: 0;
    opacity: 1;
    pointer-events: all;
    z-index: unset;
    -webkit-transition: right 0.3s linear;
    -o-transition: right 0.3s linear;
    transition: right 0.3s linear;
}

.share-soc__list.unvisible {
    right: -336px;
    opacity: 0;
    pointer-events: none;
    width: 0;
    z-index: -99999;
}

.share-soc__label {
    font-size: 16px;
    line-height: 20px;
    color: var(--color--gray--black);
    padding-right: 13px;
}

.share-soc__list .share-soc__link:not(:last-child) {
    margin-right: 16px;
}

._icon--share {
    background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16C16.9 16 15.9 16.5 15.1 17.2L7.8 13C7.9 12.7 8 12.3 8 12C8 11.7 7.9 11.3 7.8 11L15.1 6.8C15.8 7.5 16.8 8 18 8C20.2 8 22 6.2 22 4C22 1.8 20.2 0 18 0C15.8 0 14 1.8 14 4C14 4.4 14.1 4.7 14.2 5L6.9 9.2C6.1 8.5 5.1 8 4 8C1.8 8 0 9.8 0 12C0 14.2 1.8 16 4 16C5.1 16 6.1 15.5 6.9 14.8L14.2 19C14.1 19.3 14 19.7 14 20C14 22.2 15.8 24 18 24C20.2 24 22 22.2 22 20C22 17.8 20.2 16 18 16Z' fill='%230080E0'/%3E%3C/svg%3E")
    no-repeat;
    width: 22px;
    height: 24px;
    position: absolute;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

._icon--share-fb {
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8 0H1.2C0.5 0 0 0.5 0 1.2V20.8C0 21.5 0.5 22 1.2 22H11.7V13.5H8.8V10.2H11.7V7.8C11.7 5 13.4 3.4 16 3.4C17.2 3.4 18.3 3.5 18.6 3.5V6.5H16.8C15.4 6.5 15.2 7.2 15.2 8.1V10.2H18.5L18 13.5H15.1V22H20.7C21.4 22 21.9 21.5 21.9 20.8V1.2C22 0.5 21.5 0 20.8 0Z' fill='%230080E0'/%3E%3C/svg%3E")
    no-repeat;
    width: 22px;
    height: 22px;
}

._icon--share-tg {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 8.1L9.6 13.6C9.4 13.8 9.3 14.1 9.2 14.3L9 15.9C9 16.1 8.7 16.1 8.6 15.9L7.8 13.2C7.7 12.9 7.8 12.6 8.1 12.4L15.3 8C15.5 7.8 15.6 8 15.5 8.1ZM24 12C24 18.6 18.6 24 12 24C5.4 24 0 18.6 0 12C0 5.4 5.4 0 12 0C18.6 0 24 5.4 24 12ZM19 5.6C19.1 5.3 18.7 5 18.4 5.1L3.3 10.9C2.9 11 2.9 11.6 3.3 11.7L7 13.1L8.4 17.7C8.5 18 8.9 18.1 9.1 17.9L11.2 16.2C11.4 16 11.7 16 11.9 16.2L15.6 18.9C15.9 19.1 16.2 18.9 16.3 18.6L19 5.6Z' fill='%230080E0'/%3E%3C/svg%3E")
    no-repeat;
    width: 24px;
    height: 24px;
}

._icon--share-vb {
    background: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7 3.5998C19.8 1.3998 16.3 0.799805 12.9 0.799805C9.5 0.799805 6.7 0.999805 5.2 1.5998C2.2 2.6998 0 5.0998 0 9.2998C0 11.7998 -1.19209e-07 15.4998 0.6 17.3998C1.5 20.0998 4.4 21.8998 6.5 21.8998H6.8L7.4 25.1998L11.1 22.0998C14.8 22.0998 19.3 21.6998 21.4 19.6998C23.5 17.6998 24 14.8998 24 11.3998C24 7.8998 23.7 5.6998 21.7 3.5998ZM17.4 16.0998C17.1 16.7998 16.6 17.3998 15.9 17.6998C15.7 17.7998 15.5 17.7998 15.3 17.8998C15.1 17.7998 14.8 17.7998 14.6 17.6998C12.3 16.7998 10.2 15.4998 8.6 13.6998C7.7 12.5998 6.9 11.3998 6.3 10.1998C6 9.5998 5.8 8.9998 5.5 8.3998C5.3 7.7998 5.6 7.1998 6 6.7998C6.3 6.3998 6.8 6.0998 7.2 5.8998C7.6 5.6998 7.9 5.7998 8.2 6.0998C8.8 6.7998 9.3 7.4998 9.7 8.2998C10 8.7998 9.9 9.3998 9.4 9.6998C9.3 9.7998 9.2 9.8998 9.1 9.9998C9 10.0998 8.9 10.1998 8.8 10.2998C8.7 10.4998 8.7 10.6998 8.8 10.8998C9.4 12.4998 10.4 13.7998 12 14.4998C12.3 14.5998 12.5 14.6998 12.8 14.6998C13.3 14.5998 13.5 14.0998 13.8 13.7998C14.1 13.4998 14.6 13.4998 15 13.6998C15.4 13.8998 15.7 14.1998 16.1 14.3998C16.5 14.6998 16.8 14.8998 17.1 15.1998C17.5 15.2998 17.6 15.6998 17.4 16.0998ZM14.5 10.7998C14.3 10.7998 14.4 10.7998 14.5 10.7998C14.2 10.7998 14.1 10.6998 14.1 10.3998C14.1 10.1998 14.1 10.0998 14 9.8998C13.9 9.5998 13.8 9.2998 13.5 9.0998C13.4 8.9998 13.2 8.8998 13.1 8.8998C12.9 8.7998 12.7 8.89981 12.5 8.7998C12.3 8.7998 12.2 8.5998 12.2 8.3998C12.2 8.1998 12.4 8.0998 12.6 8.0998C13.8 8.1998 14.6 8.7998 14.7 10.0998C14.7 10.1998 14.7 10.2998 14.7 10.3998C14.7 10.6998 14.6 10.7998 14.5 10.7998ZM13.7 7.6998C13.3 7.4998 13 7.3998 12.6 7.3998C12.4 7.3998 12.3 7.3998 12.1 7.2998C11.9 7.2998 11.8 7.0998 11.8 6.8998C11.8 6.6998 11.9 6.5998 12.2 6.5998C12.9 6.5998 13.5 6.7998 14.1 7.0998C15.3 7.7998 16 8.7998 16.2 10.1998C16.2 10.2998 16.2 10.2998 16.2 10.3998C16.2 10.5998 16.2 10.6998 16.2 10.8998C16.2 10.8998 16.2 10.9998 16.2 11.0998C16.1 11.3998 15.7 11.3998 15.6 11.0998C15.6 10.9998 15.6 10.8998 15.6 10.7998C15.6 10.1998 15.5 9.4998 15.1 8.9998C14.8 8.3998 14.3 7.9998 13.7 7.6998ZM17.5 11.8998C17.3 11.8998 17.2 11.6998 17.1 11.4998C17.1 11.0998 17 10.6998 17 10.1998C16.7 7.9998 14.9 6.1998 12.7 5.7998C12.4 5.6998 12 5.6998 11.7 5.6998C11.5 5.6998 11.2 5.6998 11.2 5.3998C11.2 5.1998 11.3 4.9998 11.6 4.9998C11.7 4.9998 11.7 4.9998 11.8 4.9998C14.8 5.0998 11.7 4.9998 11.8 4.9998C14.8 5.0998 17.2 7.0998 17.7 9.9998C17.8 10.4998 17.8 10.9998 17.9 11.4998C17.9 11.6998 17.8 11.8998 17.5 11.8998Z' fill='%230080E0'/%3E%3C/svg%3E")
    no-repeat;
    width: 24px;
    height: 26px;
}

.share-soc__list .share-soc__link:visited .icon,
.share-soc__list .share-soc__link:active .icon,
.share-soc__list .share-soc__link:focus .icon {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.videos-post__share {
    margin-top: 20px;
}

.recommended-video__title span {
    min-height: 48px;
    margin: 12px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #202020;
}

.recommended-video__body {
    background-color: var(--color--gray--barely);
    height: 352px;
    overflow: hidden;
}

.recommended-video__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(288px, auto));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    padding: 16px;
    margin: 0 auto;
}

.recommended-video__item {
    max-width: 336px;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 16px;
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.recommended-video__item:hover {
    -webkit-filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));
}

.recommended-video__link {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.recommended-video__figure {
    display: block;
    width: 336px;
    height: 192px;
}

.recommended-video__figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.recommended-video__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 16px 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.recommended-video__title {
    margin: 3px 0 10px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.text--ellipsis--2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recommended-video__title .text-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    display: inline;
}

.recommended-video__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px;
    gap: 20px;
    font-size: 12px;
    line-height: 16px;
}

.recommended-video__meta .recommended-video__view {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recommended-video__meta > * {
    position: relative;
}

.recommended-video__meta .text {
    font-weight: 700;
    font-size: 12px;
    color: #606060;
}

.recommended-video__mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
}

.recommended-video__mark .recommended-video__category {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 140px;
}

.recommended-video__mark .recommended-video__category .text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: var(--color--gray);
}

.videos-catalog__actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.recommended-video__container {
    position: relative;
    margin-bottom: 32px;
}

.videos-catalog__pagination {
    border: 1px solid #e0e0e0;
    border-top: none;
    border-left: none;
}

.videos-catalog__tools.show-more-products {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-left: none;
}

.videos-catalog__pagination .pagination__prev .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.videos-catalog__pagination .pagination__next .icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.recommended-video__content .recommended-video__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.video-post__meta .arrow__icon,
.video-post__meta_mob,
.video-post-button_mob {
    display: none !important;
}

.videos-catalog__pagination .pagination__body {
    margin-right: -1px;
}

@media (min-width: 625px) {
    .recommended-video__meta > *:not(:last-child)::after {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #c0c0c0;
        border-radius: 50%;
        position: absolute;
        right: -13px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width: 780px) {
    .video-post-button:hover .icon {
        -webkit-transform: translateX(-10%) rotate(90deg);
        -ms-transform: translateX(-10%) rotate(90deg);
        transform: translateX(-10%) rotate(90deg);
    }

    .video-post-button:hover {
        background-color: var(--color--blue--barely);
        opacity: 0.75;
    }
}

@media (max-width: 1800px) {
    .video-post__container {
        gap: 32px;
    }

    .video-post__article {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 432px;
        flex: 0 0 432px;
    }

    .video-post__description {
        height: calc(100vh - 620px);
    }
}

@media (max-width: 1760px) {
    .video-post__title {
        font-size: 24px;
        line-height: 24px;
        font-weight: 400;
    }
}

@media (max-width: 1620px) {
    .video-post__description {
        height: calc(100vh - 650px);
    }
}

@media (max-width: 1536px) {
    .video-post__container {
        padding: 0 24px;
    }

    .video-post-heading-title__body .video-post-button {
        padding-right: 30px;
    }

    .video-post__description {
        height: calc(100vh - 700px);
    }

    .recommended-video__title span {
        padding: 0;
    }
}

@media (max-width: 1400px) {
    .video-post__description {
        height: calc(100vh - 780px);
    }

    .video-post__meta span {
        font-size: 14px;
        line-height: 18px;
    }

    .recommended-video__title {
        margin: 3px 0 3px 24px;
    }

    .recommended-video__figure {
        width: 288px;
        min-height: 192px;
    }

    .recommended-video__item {
        max-width: 288px;
        height: 336px;
    }

    .recommended-video__body {
        height: 368px;
    }

    .recommended-video__figure img {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .text--ellipsis--2 {
        -webkit-line-clamp: 3 !important;
    }

    .recommended-video__link {
        height: 336px;
    }

    .video-post__main-video {
        padding-top: 35.4%;
        max-height: 768px;
    }
}

@media (max-width: 1280px) {
    .video-post__description {
        height: calc(100vh - 832px);
    }

    .video-post__description {
        min-height: 130px;
    }

    .recommended-video__container {
        margin: 0 16px 32px;
    }
}

@media (max-width: 1180px) {
    .video-post__article {
        gap: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 385px;
        flex: 0 0 385px;
    }
}

@media (max-width: 1080px) {
    .video-post__meta_mob {
        display: -ms-grid !important;
        display: grid !important;
    }

    .video-post__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }

    .video-post__main-video {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        padding-top: 56.25%;
        position: relative;
    }

    .video-post__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .video-post__meta .arrow__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .video-post__meta .video-post__date,
    .video-post__meta .video-post__view,
    .videos-post__channel {
        display: none;
    }

    .video-post__article {
        gap: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .video-post__description {
        min-height: auto;
        height: auto;
        padding-bottom: 16px;
    }

    .video-post__mob-wrapper.is-hidden {
        display: none;
    }

    .video-post__btn_mob .arrow__icon {
        -webkit-transition: -webkit-transform ease-in 150ms;
        transition: -webkit-transform ease-in 150ms;
        -o-transition: transform ease-in 150ms;
        transition: transform ease-in 150ms;
        transition: transform ease-in 150ms, -webkit-transform ease-in 150ms;
    }

    .video-post__btn_mob .arrow__icon.is-active {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .video-post__btn_mob .arrow__icon.is-active .icon {
        color: var(--color--blue);
    }

    .video-post__btn_mob {
        padding: 0 16px 15px;
        border-bottom: 1px solid #e0e0e0;
        cursor: pointer;
    }

    .video-post__container {
        padding: 0;
    }

    .video-post__meta_mob {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 80px 70px;
        grid-template-columns: auto 80px 70px;
        padding: 0 16px;
        border-bottom: 1px solid #e0e0e0;
    }

    .video-post__view {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        margin-right: 12px;
    }

    .post-view__value,
    .video-post__date {
        font-size: 12px;
        line-height: 16px;
    }

    .video-post__date {
        font-weight: 700;
        color: var(--color--gray);
    }

    .videos-post__channel_mob {
        padding: 8px 0;
    }

    .video-post__meta_mob .video-post__date {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .recommended-video__title {
        margin: 3px 0 0 16px;
    }

    .recommended-video__container {
        margin: 0 0 32px;
    }

    .video-post__mob-wrapper {
        padding: 16px 16px 0;
    }

    .videos-post__tags {
        max-height: initial;
        overflow-y: hidden;
    }

    .video-post__accent {
        padding-bottom: 24px;
    }

    .video-post__meta .arrow__icon {
        display: block !important;
    }
}

@media (max-width: 780px) {
    .header.header--sticky ~ main > .video-post-heading-title {
        position: fixed;
        background-color: white;
        top: 48px;
        width: 100%;
        right: 0;
        z-index: 1;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.18);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.18);
        -webkit-animation: 0.3s header ease-in-out;
        animation: 0.3s header ease-in-out;
    }

    .breadcrumbs-section,
    .g-title__text,
    .video-post-heading-title .button__text {
        display: none;
    }
    .video-post-heading-title__body .video-post-button {
        padding-right: 0;
    }
    .breadcrumbs-section_mobile,
    .g-title__text_mobile {
        display: block;
    }

    .g-title__text_mobile h1 {
        font-size: 20px;
        line-height: 20px;
    }

    ._icon--catalog {
        background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4H0V0H4V4ZM10 0H6V4H10V0ZM16 0H12V4H16V0ZM4 6H0V10H4V6ZM10 6H6V10H10V6ZM16 6H12V10H16V6ZM4 12H0V16H4V12ZM10 12H6V16H10V12ZM16 12H12V16H16V12Z' fill='%230080E0'/%3E%3C/svg%3E%0A")
        center no-repeat;
        width: 48px;
        height: 48px;
    }

    .video-post-heading-title {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .video-post-heading-title__body {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .g-title {
        padding-left: 10px !important;
        margin: 0 !important;
    }

    .video-post-button .button__body {
        margin-left: -19px;
    }

    .videos-catalog__actions {
        display: none;
    }

    .recommended-video__container a.video-post-button {
        position: absolute;
        bottom: -50px;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .recommended-video__container {
        margin: 0 0 80px;
    }

    ._newsCatLock
    .header:not(.header--sticky)
    ~ main
    > .video-post-heading-title
    .g-title
    .g-title__btn-catalog:after {
        content: 'КАТАЛОГ';
        font-size: 20px;
        font-weight: 400;
        color: #202020;
        position: absolute;
        top: 15px;
        left: 58px;
        z-index: 14;
    }

    ._newsCatLock .header:not(.header--sticky) .dropdown__list.menuHidden {
        padding: 45px 0 !important;
    }

    ._newsCatLock .header:not(.header--sticky) ~ main > .video-post-heading-title > .video-post-heading-title__body .g-title {
        margin: -61px 0 !important;
        z-index: 2;
        width: 100%;
        position: relative;
        background-color: #fff;
    }
}

@media (max-width: 626px) {
    .video-post__title {
        font-size: 16px;
        line-height: 20px;
    }

    .video-post__meta span {
        font-size: 12px;
        line-height: 16px;
    }

    .recommended-video__title span {
        font-size: 20px;
        line-height: 20px;
        margin: 0 16px;
    }

    .icon--size--32 .icon__pic {
        width: 25px !important;
        height: 27px !important;
    }

    .recommended-video__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        padding: 8px;
    }

    .recommended-video__item {
        max-width: 100%;
        width: 100%;
        height: 72px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .recommended-video__link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 72px;
        width: 100%;
    }

    .recommended-video__figure {
        width: 128px;
        min-height: auto;
        height: 72px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 128px;
        flex: 0 0 128px;
    }

    .recommended-video__avatar {
        width: 16px;
        height: 16px;
    }

    .recommended-video__content {
        padding: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .recommended-video__channel {
        padding: 0;
    }

    .recommended-video__mark .recommended-video__category .text {
        font-size: 10px;
        line-height: 12px;
    }

    .recommended-video__channel .text {
        font-size: 12px;
        line-height: 16px;
    }

    .recommended-video__meta {
        padding-left: 0;
        font-size: 10px;
        line-height: 12px;
    }

    .recommended-video__mark {
        margin-top: 0;
    }

    .recommended-video__duration {
        display: none;
    }

    .recommended-video__body {
        height: 496px;
    }

    .recommended-video__view:after,
    .video-post__view:after {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #c0c0c0;
        border-radius: 50%;
        position: absolute;
        right: -13px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .recommended-video__title {
        margin: 0;
    }

    .text--ellipsis--2 {
        -webkit-line-clamp: 1 !important;
    }

    .video-post__meta {
        margin-bottom: 0;
    }

    .video-post__accent {
        padding-bottom: 10px;
    }

    .video-post-heading-title__body .video-post-button {
        padding-right: 0;
    }
}

@media (max-width: 930px) and (min-width: 627px) {
    .recommended-video__body {
        height: 720px;
    }
}
/* End */
/* /local/templates/viyar_new/components/bitrix/news/.default/style.css?175689676742 */
/* /local/templates/viyar_new/components/bitrix/news.detail/blog_video/style.css?175370179631815 */