.bx-pagination { margin: 10px 0; }
.bx-pagination .bx-pagination-container { text-align: center; position: relative; }
.bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; }
.bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px; }
.bx-pagination .bx-pagination-container ul li span { -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; box-sizing: border-box; }
.bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; cursor: pointer; }
.bx-pagination .bx-pagination-container ul li a:hover span { background: #dadada; }
.bx-pagination .bx-pagination-container ul li.bx-active span { background: #0083d1; color: #fff; }
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; }
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span { color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; }
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #dadada; color: #000; }
.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span { background: #3bc915; color: #fff; }
.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span { background: #f9a91d; color: #fff; }
.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span { background: #e22b2b; color: #fff; }
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span { background: #0083d1; color: #fff; }

.bx-newslist {  }
.bx-newslist-block { padding: 0 14px; margin-bottom: 40px; }
@media (min-width: 992px) { .bx-newslist .bx-newslist-container:nth-child(3n+1) { clear: both; } }
@media (min-width: 768px) and (max-width: 991px) { .bx-newslist .bx-newslist-container:nth-child(2n+1) { clear: both; } }

.bx-newslist-img,
.bx-newslist-audio,
.bx-newslist-youtube,
.bx-newslist-slider { position: relative; text-align: center; margin-bottom: 20px; }
.bx-newslist-slider img,
.bx-newslist-img img { display: block; height: auto; max-height: 30vh; width: auto; max-width: 100%; margin: 0 auto; overflow: hidden; }

.bx-newslist-slider { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.bx-newslist-slider-container { position: absolute; left: 0; top: 0; bottom: 0; }
.bx-newslist-slider-slide { float: left; z-index: 100; }
.bx-newslist-slider-arrow-container-left,
.bx-newslist-slider-arrow-container-right { position: absolute; top: 0; bottom: 0; width: 15%; cursor: pointer; }
.bx-newslist-slider-arrow-container-left { left: 0; }
.bx-newslist-slider-arrow-container-right { right: 0; }
.bx-newslist-slider-arrow { position: absolute; line-height: 34px; vertical-align: middle; color: #fff; cursor: pointer; font-size: 48px; height: 48px; width: 20px; top: 50%; margin-top: -24px; z-index: 110; opacity: .5; text-shadow: 0 0 2px rgba(0, 0, 0, .5); }
.bx-newslist-slider-arrow-container-left:hover .bx-newslist-slider-arrow,
.bx-newslist-slider-arrow-container-right:hover .bx-newslist-slider-arrow { color: #fff; display: block;opacity: 1; }
.bx-newslist-slider-arrow-container-left .bx-newslist-slider-arrow { left: 20px; }
.bx-newslist-slider-arrow-container-right .bx-newslist-slider-arrow { right: 20px; }
.bx-newslist-slider-control { margin: 0; padding: 0; position: absolute; width: 100%; bottom: 10px; z-index: 110; text-align: center; word-spacing: -4px; }
.bx-newslist-slider-control li { display: inline-block; border-radius: 50%; background: #fff; width: 10px; height: 10px; word-spacing: -4px; margin: 0 3px; opacity: .5; }
.bx-newslist-slider-control li:hover,
.bx-newslist-slider-control li.current { background: #fff; opacity: 1; }
.bx-newslist-slider-arrow,
.bx-newslist-slider-control li { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }

.bx-newslist-title,
.bx-newslist-title a { margin: 0 0 4px; padding: 2px 0 0; color: #000; font-size: 18px; font-weight: 600; }
.bx-newslist-title a:hover { text-decoration: none; border-bottom-color: transparent; }

.bx-lg .bx-newslist-title { font-size: 24pt; }
.bx-md .bx-newslist-title { font-size: 20pt; }
.bx-xs .bx-newslist-title { font-size: 18pt; }

.bx-newslist-view,
.bx-newslist-date,
.bx-newslist-comments,
.bx-newslist-author,
.bx-newslist-other { color: #a4a4a4; font-size: 13px; padding-bottom: 5px; white-space: nowrap; }

.bx-newslist-view i.fa,
.bx-newslist-date i.fa,
.bx-newslist-comments i.fa,
.bx-newslist-author i.fa,
.bx-newslist-tags i.fa,
.bx-newslist-other i.fa { width: 13px; color: #b4b4b4; }

.bx-newslist-tags { color: #a4a4a4; font-size: 13px; padding-bottom: 5px; }
.bx-newslist-content { font-size: 14px; margin-bottom: 5px; }
.bx-newslist-more { margin-top: 5px; margin-bottom: 5px; }

.bx-newslist .fa.bx-star-active { color: #1485ce; }
.bx-newslist .btn { background-color: #1485ce; border-color: #1485ce; }
.bx-newslist .btn:active,
.bx-newslist .btn:hover { background-color: #53a4d8; border-color: #53a4d8; }

/*************************************************************/
/*************** КАСТОМИЗИРОВАННЫЕ НОВЫЕ СТИЛИ ***************/
/*************************************************************/

/********************* СПИСОК СТАТЕЙ БЛОГА *******************/
.bx-newslist {
    & .bx-newslist-block {
        & {
            margin: 10px;
            padding: 0;
        }
        & .bx-newslist-banner {
            & {
                margin-bottom: 10px;
                overflow: hidden;
            }
            & > img {
                display: block;
                height: 190px;
                width: auto;
                max-width: 110%;
                overflow: hidden;
                border-radius: 5px;
            }
        }
        & .bx-newslist-title {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        & .bx-newslist-content {
            & {
                min-height: 80px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                line-clamp: 4;
            }
            & img.confluence-embedded-image {
                display: none;
            }
            & .blogPostURL {
                display: none;
            }
            & h2 {
                font-size: 1rem;
                font-weight: bold;
            }
            & p {
                margin-bottom: 0;
            }
        }
        & .bx-newslist-date {
            display: flex;
            gap: 5px;
            align-items: center;
        }
        & .bx-newslist-more {
            & > .btn.btn-primary {}
        }
    }
}

/******************** ПРОСМОТР СТАТЬИ БЛОГА ******************/
.bx-newsdetail {
    & .bx-newsdetail-block {
        & {
            padding: 15px;
        }
        & .bx-newsdetail-title {
            margin: 0 0 10px;
            padding: 0;
            font-weight: 600;
            font-size: 2.25rem;
            line-height: 1.1;
            border-bottom: none;
        }
        & .bx-newsdetail-banner {
            & {
                height: 35vh;
                margin: 5px 0 15px;
                text-align: center;
            }
            & > img {
                height: 100%;
                width: auto;
                border-radius: 10px;
            }
        }
        & .bx-newsdetail-content {
            & .blogPostURL {
                display: none;
            }
            & .columnLayout {
                &:is(.two-right-sidebar) {
                    & .cell {
                        &:is(.aside) {
                            & {
                                padding: 0 10px;
                                width: 20%;
                                text-align: center;
                                vertical-align: middle;
                            }
                            & p {
                                font-size: .8rem;
                            }
                            & p ~ p {
                                line-height: 1rem;
                            }
                            & p:has(img) {
                                padding: 5px 0;
                            }
                        }
                        & {
                            margin: 8px 0;
                            display: table-cell;
                            vertical-align: top;
                        }
                    }
                }
                & {
                    width: 100%;
                    display: table;
                    table-layout: fixed;
                }
                & .cell {
                    &:has(img) p:has(sup) {
                        text-align: center;
                    }
                }
            }
            & .confluence-embedded-file-wrapper {
                & {
                    text-align: center;
                    width: min-content;
                    display: inline-flex;
                    gap: 5px;
                    flex-direction: column;
                    align-items: center;
                }
                & .confluence-embedded-image {
                    display: block;
                    height: auto !important;
                    max-height: 35vh;
                    max-width: max-content;
                    overflow: hidden;
                    border-radius: 5px;
                    box-shadow: 0 0 3px rgb(0 0 0 / 50%);
                }
                & .confluence-embedded-image-description {
                    font-size: 0.8rem;
                    line-height: 1.3;
                }
            }
            & .macro-youtube-mobicom {
                & {
                    margin: 10px 0;
                    padding: 10px 0;
                    display: flex;
                    justify-content: center;
                }
                & > p {
                    & {
                        overflow: unset;
                    }
                    & > .macro-youtube-iframe-mobicom {
                        height: 40vh;
                        width: 40vw;
                        border-radius: 3px;
                        box-shadow: 0 0 3px rgb(0 0 0 / 50%);
                    }
                }
            }
            & h1 {
                font-size: 2rem;
                line-height: 1.1;
                margin-top: 10px;
                margin-bottom: 7px;
            }
            & h2 {
                font-size: 1.75rem;
                line-height: 1.1;
                margin-top: 10px;
                margin-bottom: 7px;
            }
            & h3 {
                font-size: 1.5rem;
                line-height: 1.1;
                margin-top: 10px;
                margin-bottom: 7px;
            }
            & h4 {
                font-size: 1.25rem;
                line-height: 1.1;
                margin-top: 10px;
                margin-bottom: 7px;
            }
            & p {
                & {
                    font-size: 1rem;
                    margin-bottom: .75rem;
                }
                &:has(img) {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 1rem;
                    margin: 0 0 5px 0;
                    padding: 10px 0;
                    justify-content: center;
                }
                &:has(.confluence-embedded-image-description) {
                    padding: 10px 0 5px 0;
                }
            }
            & ul, & ol {
                &:is(ul) {
                    list-style-type: disc;
                }
                &:is(ol) {
                    list-style-type: auto;
                }
                & {
                    margin: 5px 0 10px 0;
                    padding: 0 3rem;
                    line-height: 1.8;
                }
            }
            & li {
                & {
                    margin-bottom: .25rem;
                    line-height: 1.4;
                }
                & > ul {
                    margin: 0;
                    padding-inline-start: 30px;
                }
                & > p {
                    margin: 0 !important;
                    line-height: inherit;
                }
            }
            & strong {
                font-weight: 600;
            }
            & u {
                text-decoration: underline;
            }
            & blockquote {
                & {
                    margin: 10px 0 20px;
                    padding: 26px 54px 26px 30px;
                    line-height: 1.5;
                    color: rgba(0, 0, 0, 0.6);
                    border-left: 2px solid #0091d0;
                    background-image: url(/images/quotes-bg-stripes.png);
                    background-repeat: repeat;
                }
                & * {
                    margin: 0 !important;
                    line-height: 1.5;
                }
                & p:not(:first-child) {
                    margin-top: 5px !important;
                }
            }
        }
        & .bx-newsdetail-date {
            display: flex;
            gap: 5px;
            align-items: center;
            color: #a4a4a4;
            font-size: 13px;
            padding-bottom: 5px;
            white-space: nowrap;
        }
    }
}

/******************** ПРОСМОТР СТАТЬИ БЛОГА (МОБИЛЬНАЯ ВЕРСИЯ) ******************/
.mbc-phone {
    & .bx-newsdetail {
        & .bx-newsdetail-block {
            & {
                margin: 20px 0 10px;
                padding: 0;
            }
            & .bx-newsdetail-banner {
                & {
                    height: auto;
                    width: 100%;
                }
                & > img {
                    height: auto;
                    width: 100%;
                }
            }
            & .bx-newsdetail-content {
                & p:has(img.confluence-embedded-image) {
                    text-align: center;
                }
                & img.confluence-embedded-image {
                    max-height: 45vh;
                }
            }
        }
    }
}