.article-page__columns {
    display: flex;
}

.article-page__columns-main {
    flex: 1;
}

.article-page__columns-right {
    width: 270px;
    margin-left: 30px;
    position: relative;
}

.article-page__columns-right-content {
    background: #E8F6F7;
    border-radius: 8px;
    padding: 16px;
}

.article-page__top-info {
    margin-top: 20px;
}

.article-page__top-info-content {
    display: flex;
    align-items: center;
    padding: 16px;
    background: #E8F6F7;
    border-radius: 8px;
}
	
.article-page__top-info-content > div {
    padding: 0 8px;
}

.article-page__top-info .article-page__author-image img {
    width: 60px;
    height: 60px;
}

.article-page__top-info .article-page__author {
    display: flex;
    align-items: center;
}

.article-page__top-info .article-page__author-name {
    margin-left: 10px;
}

.article-page__top-info .article-page__info-item {
    font-weight: 400;
    color: #2E3C47;
    font-size: 16px;
}

.article-page__top-info .article-page__info-item > div {
    font-size: 16px;
    color: #727272;
	margin-bottom: 8px;
}


.article-page__contents {
    margin-top: 16px;
}

.article-page__contents .toc-wrap__title {
    font-weight: 700;
    font-size: 16px;
    color: #2E3C47;
}

.article-page__contents .toc {
    list-style-type: none;
    counter-reset: list;
    font-weight: 400;
    font-size: 16px;
    color: #2E3C47;
	padding-left: 0;
}

.article-page__contents .toc li {
    margin-bottom: 6px;
}

.article-page__contents .toc { list-style-type:none; counter-reset:list; }
/* цвет чисел */
.article-page__contents .toc li:before{ color:#2E3C47; }
/* уровень 0 */
.article-page__contents .toc li.toc__top{ counter-increment:list; counter-reset:list1; }
.article-page__contents .toc li.toc__top:before{ content:counter(list) '. '; }
/* уровень 1 */
.article-page__contents .toc li.toc__sub_1{ counter-increment:list1; counter-reset:list2; }
.article-page__contents .toc li.toc__sub_1:before{ content:counter(list) '.' counter(list1) '. '; }
/* уровень 2 */
.article-page__contents .toc li.toc__sub_2{ counter-increment:list2; }
.article-page__contents .toc li.toc__sub_2:before{ content:counter(list) '.' counter(list1) '.' counter(list2) '. '; }
/* уровень 3 */
.article-page__contents li.toc__sub_3{ counter-increment:list3; }
.article-page__contents li.toc__sub_3:before{ content:counter(list) '.' counter(list1) '.' counter(list2) '.' counter(list3) '.'; }


.article-page__columns-right-content .toc-wrap__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2E3C47;
}

.article-page__columns-right-content .toc {
    list-style-type: none;
    counter-reset: list;
    font-weight: 400;
    font-size: 16px;
    color: #2E3C47;
	padding-left: 0;
}

.article-page__columns-right-content .toc li {
    margin-bottom: 10px;
}

.article-page__columns-right-content .toc li a {
    color: #727272;
}

.article-page__columns-right-content .toc { list-style-type:none; counter-reset:list; }
/* цвет чисел */
.article-page__columns-right-content .toc li:before{ color:#333333; }
/* уровень 0 */
.article-page__columns-right-content .toc li.toc__top{ counter-increment:list; counter-reset:list1; }
.article-page__columns-right-content .toc li.toc__top:before{ content:counter(list) '. '; }
/* уровень 1 */
.article-page__columns-right-content .toc li.toc__sub_1{ counter-increment:list1; counter-reset:list2; }
.article-page__columns-right-content .toc li.toc__sub_1:before{ content:counter(list) '.' counter(list1) '. '; }
/* уровень 2 */
.article-page__columns-right-content .toc li.toc__sub_2{ counter-increment:list2; }
.article-page__columns-right-content .toc li.toc__sub_2:before{ content:counter(list) '.' counter(list1) '.' counter(list2) '. '; }
/* уровень 3 */
.article-page__columns-right-content li.toc__sub_3{ counter-increment:list3; }
.article-page__columns-right-content li.toc__sub_3:before{ content:counter(list) '.' counter(list1) '.' counter(list2) '.' counter(list3) '.'; }

.share {
    display: flex;
    align-items: center;
    border-top: 1px solid #E8F6F7;
    border-bottom: 1px solid #E8F6F7;
    padding: 24px 0;
	justify-content: right;
}

.share__title {
    font-weight: 400;
    font-size: 14px;
    color: #727272;
	margin-right: 12px;
}

.share__items {
    display: flex;
    align-items: center;
    margin: -4px;
}

.share__item {
    margin: 4px;
    cursor: pointer;
}

.share__item:hover {
	opacity: 0.8;
}

.share__item:after {
    content: "";
    width: 32px;
    height: 32px;
	display: block;
}

.share__item_whatsapp:after {
    background: url('../../image/share-icon/whatsapp.svg') no-repeat;
}

.share__item_viber:after {
    background: url('../../image/share-icon/viber.svg') no-repeat;
}

.share__item_dzen:after {
    background: url('../../image/share-icon/dzen.svg') no-repeat;
}

.share__item_youtube:after {
    background: url('../../image/share-icon/youtube.svg') no-repeat;
}

.share__item_telegram:after {
    background: url('../../image/share-icon/telegram.svg') no-repeat;
}

.share__item_ok:after {
    background: url('../../image/share-icon/ok.svg') no-repeat;
}

.share__item_vk:after {
    background: url('../../image/share-icon/vk.svg') no-repeat;
}

.articles-page__categories {
    margin-top: 24px;
}

.articles-page__categories-items {
    display: flex;
    align-items: center;
    margin: -8px;
}

.articles-page__categories-item {
    background: #E8F6F7;
    border-radius: 6px;
    padding: 13.5px 16px;
    margin: 8px;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    color: #727272;
	display: flex;
    align-items: center;
}

.articles-page__categories-item:hover {
    opacity: 0.8;
}

.articles-page__categories-item:before {
    content: '';
    background: url('../../image/icon/tag.svg') no-repeat;
    background-size: contain;
    width: 10px;
    height: 16px;
    margin-right: 10px;
}

.article-page__bottom-info {
	margin-top: 24px;
}

.article-page__bottom-info-content {
    background: #E8F6F7;
    border-radius: 8px;
    padding: 24px;
    display: flex;
}

.article-page__bottom-info .article-page__author.article-page__author-left {
	flex: none;
}

.article-page__bottom-info .article-page__author.article-page__author-separator {
    width: 2px;
    height: auto;
    background: #838383;
    border-radius: 7px;
    position: relative;
    margin: 0 32px;
}

.article-page__bottom-info .article-page__author-image {
    margin-bottom: 8px;
}

.article-page__bottom-info .article-page__author-name > div {
    font-size: 16px;
    color: #727272;
    margin-bottom: 8px;
}

.article-page__bottom-info .article-page__author-name a {
    color: #2e3c47;
}

.article-page__bottom-info .article-page__author-description {
    font-weight: 400;
    font-size: 16px;
    color: #2E3C47;
}

.article-page__form-widget {
    margin: 20px 0;
}

.article-page__custom-block {
    background: #E8F6F7;
    border-radius: 8px;
	margin: 20px 0;
}

.article-page__custom-block-content {
    padding: 16px 24px;
	text-align: center;
}

.article-page__custom-block-title {
    font-weight: 700;
    font-size: 20px;
    color: #2E3C47;
}

.article-page__custom-block-subtitle {
    font-weight: 400;
    font-size: 16px;
    color: #4F4F4F;
    margin-top: 4px;
}

.article-page__custom-block-button {
    margin-top: 10px;
}

.article-page__custom-block-btn {
    font-weight: 400;
    font-size: 16px;
}

.article-page__custom-button {
    text-align: center;
    margin: 20px 0;
}

.article-page__custom-button-btn {
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 800px) {
	.article-page__columns-right {
		display: none;
	}
}