/* Blog Page ================================= */
.BlogPage {width:var(--pageContentWidth); margin:auto; display:flex; flex-direction:row; flex-wrap:wrap}
.BlogPage--spaceTop {margin-top:40px}
.BlogPage__post {width:var(--blogPageMainColumnWidth)}
.BlogPage__post .blog_entry {margin-top:0}
.BlogPage__post .blog_entry_cont {padding:0}
.BlogPage__blogList {width:var(--blogPageMainColumnWidth); display:flex; flex-wrap:wrap}
.BlogPage__sideMenu {width:265px; display:block; padding-left:119px}
[dir=rtl] .BlogPage__sideMenu {padding-left:0; padding-right:119px}
.BlogPage__sideMenu p,.BlogPage__sideMenu a {margin:0; display:block; line-height:1.5em}
.BlogPostThumb {width:373px; vertical-align:top; padding-bottom:var(--blogPostThumbPaddingBottom); position:relative}
.BlogPostThumb:nth-of-type(even) {margin-right:30px}
[dir=rtl] .BlogPostThumb:nth-of-type(even) {margin-right:0; margin-left:30px}
.BlogArchivePostThumb {width:100%; margin:0; padding:20px 0}
.BlogArchivePostThumb__title {font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-bottom:4px; display:block; font-family:var(--blogPageFontFamily); font-size:16px; line-height:1.5; text-decoration:none; color:var(--blogPageHeaderTextColor)}
.BlogArchivePostThumb__title:hover {text-decoration:underline}
.BlogArchivePostThumb:last-of-type {border-bottom:0; margin:0 0 25px}
.BlogPostThumb__image {width:373px; height:209px; border-radius:4px; background-image:url(data:image/svg+xml; charset=utf-8,%3Csvg%20height%3D%2220%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22m0%200h20v20h-20z%22%2F%3E%3Cpath%20d%3D%22m17%204.9a.9.9%200%200%200%20-.897-.9h-12.206a.9.9%200%201%200%200%201.8h12.206c.495%200%20.897-.4.897-.9zm0%205.1a.9.9%200%200%200%20-.897-.9h-12.206a.9.9%200%201%200%200%201.8h12.206c.495%200%20.897-.4.897-.9zm-14%205.1c0%20.497.41.9.896.9h7.208c.495%200%20.896-.4.896-.9%200-.497-.41-.9-.896-.9h-7.208c-.495%200-.896.4-.896.9z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); background-color:var(--blogNoImageThumbBackgroundColor); background-size:cover; background-position:center; background-repeat:no-repeat}
.BlogPostThumb__imageWrapper {display:block; position:relative}
.BlogPostThumb__imageWrapper::after {content:""; border-radius:4px; display:block; position:absolute; top:0; left:0; width:373px; height:209px; box-sizing:border-box; box-shadow:inset 0 0 0 1px var(--black_alpha8)}
[dir=rtl] .BlogPostThumb__imageWrapper::after {left:auto; right:0}
.BlogPostThumb__linkWrapper {display:block}
.BlogPostThumb__linkWrapper:hover {text-decoration:none}
.BlogPostThumb__linkWrapper:hover .BlogPostThumb__title {color:var(--blogPageLinkColor)}
.BlogPostThumb__text,.BlogPostThumb__title {font-family:var(--blogPageFontFamily); font-size:16px; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; line-height:1.5; color:var(--blogPageHeaderTextColor); display:block}
.BlogPostThumb__text {margin-top:4px}
.BlogPostThumb__title {font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-top:14px}
.BlogPostThumb__menu {margin-top:11px}
.BlogLink {color:var(--blogPageThumbMenuTextColor); margin-left:4px; text-decoration:none}
.BlogLink:hover {text-decoration:underline}
.BlogPostThumbMenu {position:relative !important; top:-20px !important; margin-bottom:-55px !important}
.BlogPostThumbMenu__item {font-family:var(--blogPageFontFamily); font-size:12px; font-weight:400; margin-left:10px !important; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; color:#808080}
.BlogPostThumbMenu__item::after {content:"·"; width:.5em; height:1em; margin-left:.3em; display:inline-block; text-align:center}
[dir=rtl] .BlogPostThumbMenu__item::after {margin-left:0; margin-right:.3em}
.BlogPostThumbMenu__item:last-of-type::after {content:""; width:0; height:0}
.BlogPostThumbMenu__item .BlogLink:hover {text-decoration:underline}
.BlogPostThumb--2x {width:776px}
.BlogPostThumb--2x .BlogPostThumb__title {font-size:24px; font-family:var(--vk-sans-display)}
.BlogPostThumb--2x .BlogPostThumb__text {font-size:20px; font-family:var(--vk-sans-display)}
.BlogPostThumb--2x .BlogPostThumbMenu__item {font-size:14px}
.BlogPostThumb--2x .BlogPostThumb__image {width:776px; height:430px}
.BlogPostThumb--2x .BlogPostThumb__imageWrapper::after {width:776px; height:430px}
.BlogPageSideMenu__sectionHeader {font-family:var(--blogPageFontFamily); font-size:16px; font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1.5; color:var(--blogPageHeaderTextColor)}
.BlogPageSideMenu__separator {border-top:1px solid var(--blogSeparatorColor); height:0; margin:16px 0 16px 0; width:100%}
.BlogPageSideMenu__sectionHeader--spaceTop {padding-top:8px}
.BlogPageSideMenu__link {font-family:var(--blogPageFontFamily); font-size:16px; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; line-height:1.5; color:var(--blogPageLinkColor); text-decoration:none; padding:8px 0}
.BlogPageSideMenu__counter {font-family:var(--blogPageFontFamily); font-size:16px; font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1.5; color:var(--blogPageCounterColor); padding:20px 0 0 0}
.BlogPageSideMenu__counterLabel {font-family:var(--blogPageFontFamily); font-size:16px; font-weight:400; line-height:1.5; color:var(--blogPageCounterLabelTextColor); padding:2px 0 0 0; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto}
.BlogPageSideMenu__counterLabel--spaceBottom {padding-bottom:8px}
.BlogPageSideMenu__text {font-family:var(--blogPageFontFamily); font-size:16px; font-weight:400; line-height:1.5; color:var(--blogPageSimpleTextColor); padding:2px 0 0 0; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto}
.BlogPageButton {border-radius:8px; color:var(--blogPageButtonTextColor); background-color:var(--blogPageButtonBackgroundColor); font-family:var(--blogPageFontFamily); font-size:14px; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; padding:8px 16px; border:0; cursor:pointer; outline:0}
.BlogPageButton:not(.BlogPageButton--link):hover {background-color:var(--buttonColorHover)}
.BlogPageButton:not(.BlogPageButton--link):active {background-color:var(--buttonColorPressed)}
.BlogPageButton--link {color:var(--blogPageLinkColor); background:0 0; padding-left:0; padding-right:0}
.BlogPageButton--link:hover {text-decoration:underline}
.BlogPageSideMenu__button {margin:16px 0 16px 0; display:inline-block; vertical-align:middle}
.BlogPage__topMenu {width:776px; margin:25px 0 25px 0}
.BlogPageTopMenu {font-family:var(--blogPageFontFamily)}
.BlogPageTopMenu__link {display:inline-block; font-size:16px; color:var(--vkui--color_text_subhead); line-height:40px; margin-right:30px; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; vertical-align:middle; text-decoration:none}
[dir=rtl] .BlogPageTopMenu__link {margin-right:0; margin-left:30px}
.BlogPageTopMenu__link--active {font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:var(--blogPageSimpleTextColor)}
.BlogPost__poll {margin:0-10px; width:auto !important}
.BlogPost__title {font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-top:0; font-size:40px; line-height:1.5; text-decoration:none; color:var(--blogPageHeaderTextColor); font-family:var(--vk-sans-display,var(--blogPageFontFamily))}
.BlogPost__text {font-family:var(--blogPageFontFamily); position:relative; color:var(--blogPageSimpleTextColor); font-size:16px; line-height:1.5; padding-top:12px; text-decoration:none !important; display:block; word-wrap:break-word}
.BlogPost__text .wk_sub_header {font-size:17px; font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.BlogPost__text .wk_inline_video,.BlogPost__text .page_video_inline_wrap {margin:0 auto}
.BlogPost__text .page_doc_photo_href {display:block}
.BlogPost__text img {margin:0 !important}
.BlogPost__text li img {margin-top:10px !important}
.BlogPost__text a {color:var(--blogPageLinkColor); text-decoration:none}
.BlogPost__text a:hover {text-decoration:underline}
.BlogPost__text b {color:var(--blogPageSimpleTextColor)}
.BlogPost__text:hover .blog_more_but {opacity:1}
.BlogPost__text .wikiPhotoNoBorder {display:block; margin:15px auto}
.BlogPaginationWrap {display:flex; flex-direction:row; flex-wrap:wrap; width:100%; border-top:1px solid var(--blogSeparatorColor); margin-top:25px}
.BlogPaginationWrap__title {width:100%; font-weight:700; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin:25px 0; font-size:40px; line-height:1.5; text-decoration:none; color:var(--blogPageHeaderTextColor); font-family:var(--vk-sans-display,var(--blogPageFontFamily))}
.BlogPost__widgets {padding-top:25px; margin-top:25px; display:flex; flex-direction:row; align-items:center}
.BlogPosWidgets__categories {justify-self:end; font-size:14px; margin-left:auto}
[dir=rtl] .BlogPosWidgets__categories {margin-left:0; margin-right:auto}
.BlogPostInfo {margin:25px 0; display:flex; flex-direction:row}
.BlogPostInfo__item a,.BlogPostInfo__item {font-family:var(--blogPageFontFamily); font-size:13px; font-weight:400; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; color:var(--blogPageThumbMenuTextColor)}
.BlogPostInfo__item::after {content:"·"; width:.5em; height:1em; margin-left:.3em; margin-right:.3em; display:inline-block; text-align:center}
.BlogPostInfo__item:last-of-type::after {content:""; width:0; height:0}
.BlogPostListEmpty {align-self:center; width:100%; text-align:center; color:var(--blogPageThumbMenuTextColor); font-size:16px; font-family:var(--blogPageFontFamily)}
.BlogPostThumb__image--placeholder {background-size:44px 32px}
@media (min-height:790px) {.StickyWrapper {position:-webkit-sticky; position:sticky; top:100px; padding-bottom:20px }}

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