.pageTopMin .hover-cloud .hover_opened {
    transform: rotate(180deg);
    bottom: -55px;
}

.pageTopMin .pageTop_history {
    margin-top: 14px;
    margin-bottom: 14px;
}

.pageTopMin .ya-share2, .pageTopMin .ya-share2 * {
    transform: rotate(180deg);
}

.page-top {
    background-color: #FFF;
    padding-top: 64px;
    padding-bottom: 64px;
    margin-bottom: 64px;
}

.page-top .page-top__inner h1 {
    margin: 0;
    line-height: 1;
}

.pageTopMin .pageTop_history {
    margin-top: 16px;
    margin-bottom: 16px;
}

.page-title {
    margin: 0;
    line-height: 1;
}

.page-desc {
    margin: 0;
    max-width: 500px;
    line-height: 1.5;
}

.page-top__inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.blog-list {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 64px;
}

.blog-list__post {
    border-radius: 10px;
    background-color: #FFF;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.blog-list__thumbnail-wrapper {
    position: relative;
    height: 261px;
}

.blog-list__thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-list__publish-date {
    display: flex;
    flex-direction: column;
    padding: 4px 10px;
    background-color: #FFFFFFE5;
    position: absolute;
    top: 16px;
    left: 16px;
}

.date-day {
    font-size: 20px;
    line-height: 1.2;
}

.date-month {
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
}

.blog-list__content {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    overflow: hidden;
    box-sizing: border-box;
    height: 100%;
    /*height: 231px;*/
}

.blog-list__title {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    margin-bottom: 8px;
    /*display: -webkit-box !important;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
}

.blog-list__desc {
    font-size: 14px;
    font-weight: 400;
    color: #282F36CC;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    line-height: 1.5;
    margin: 0;
    padding-bottom: 10px;
    /*overflow: hidden;*/
}

.blog-list__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 50px;
    margin-top: auto;
}

.blog-list__view-count {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    color: #BEC0C2;
}

.blog-list__view-count::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5714 12.1579C19.4405 10.4759 18.0231 9.21793 16.3192 8.38405C16.7731 9.12527 17 9.92708 17 10.7895C17 12.108 16.5108 13.2359 15.5324 14.1731C14.5539 15.1103 13.3765 15.5789 12 15.5789C10.6235 15.5789 9.44606 15.1103 8.46763 14.1731C7.48921 13.2359 7 12.108 7 10.7895C7 9.92708 7.22693 9.12527 7.6808 8.38405C5.97693 9.21793 4.55952 10.4759 3.42857 12.1579C4.41815 13.619 5.65885 14.7825 7.15067 15.6484C8.64249 16.5144 10.2589 16.9474 12 16.9474C13.7411 16.9474 15.3575 16.5144 16.8493 15.6484C18.3411 14.7825 19.5818 13.619 20.5714 12.1579ZM12.5357 8.05263C12.5357 7.91009 12.4836 7.78893 12.3795 7.68914C12.2753 7.58936 12.1488 7.53947 12 7.53947C11.0699 7.53947 10.2719 7.85842 9.60603 8.4963C8.9401 9.13418 8.60714 9.89857 8.60714 10.7895C8.60714 10.932 8.65923 11.0532 8.76339 11.153C8.86756 11.2527 8.99405 11.3026 9.14286 11.3026C9.29167 11.3026 9.41815 11.2527 9.52232 11.153C9.62649 11.0532 9.67857 10.932 9.67857 10.7895C9.67857 10.1765 9.90551 9.65269 10.3594 9.21793C10.8132 8.78317 11.3601 8.56579 12 8.56579C12.1488 8.56579 12.2753 8.5159 12.3795 8.41612C12.4836 8.31634 12.5357 8.19518 12.5357 8.05263ZM22 12.1579C22 12.4002 21.9256 12.6461 21.7768 12.8956C20.7351 14.5348 19.3344 15.848 17.5748 16.8351C15.8151 17.8222 13.9568 18.3158 12 18.3158C10.0432 18.3158 8.1849 17.8204 6.42522 16.8298C4.66555 15.8391 3.26488 14.5277 2.22321 12.8956C2.0744 12.6461 2 12.4002 2 12.1579C2 11.9156 2.0744 11.6697 2.22321 11.4202C3.26488 9.7881 4.66555 8.4767 6.42522 7.48602C8.1849 6.49534 10.0432 6 12 6C13.9568 6 15.8151 6.49534 17.5748 7.48602C19.3344 8.4767 20.7351 9.7881 21.7768 11.4202C21.9256 11.6697 22 11.9156 22 12.1579Z" fill="%23BEC0C2"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.blog-list__hashtags {
    display: flex;
    gap: 8px;
}

.blog-list__hashtag {
    display: flex;
    align-items: center;
    position: relative;
    color: #0061A2;
    font-size: 14px;
    font-weight: 700;
}

.blog-list__hashtag::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 20L7 16H3L3.5 14H7.5L8.5 10H4.5L5 8H9L10 4H12L11 8H15L16 4H18L17 8H21L20.5 10H16.5L15.5 14H19.5L19 16H15L14 20H12L13 16H9L8 20H6ZM9.5 14H13.5L14.5 10H10.5L9.5 14Z" fill="%230061A2"/></svg>');
    background-repeat: no-repeat;
}

.blog-single {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 32px;
    margin-top: 64px;
}

.blog-single__main h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 32px;
    line-height: 10px;
}

.blog-single__main h3 {
    font-size: 18px;
    margin-top: 32px;
    margin-bottom: 24px;
    line-height: 10px;
}

.blog-single__main h4 {
    font-size: 18px;
    margin-top: 32px;
    margin-bottom: 24px;
}

.blog-single__main p {
    font-size: 16px;
    margin-bottom: 4px;
    line-height: 1.5;
}

.blog-single__similar {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.blog-single__anchors {
    display: flex;
    flex-direction: column;
}

.blog-single__anchors li {
    margin-left: 18px;
}

.blog-single li::marker {
    content: unset;
    color: #0061A2;
}

.blog-single__anchors li.anchor-title {
    margin-left: 0;
}

.blog-single blockquote {
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
    border-left: 1px solid #0061A2;
    background-color: #FFFFFF;
    margin: 0 0 40px 0;
    line-height: 1.5;
}

.blog-list a,
.blog-single a {
    display: flex;
    text-decoration: none;
    transition: 0.25s all ease;
}

.blog-list a:hover,
.blog-single a:hover {
    color: #10adf6;
}

.blog-single ul,
.blog-single ol {
    font-size: 16px;
}

.blog-single__main a {
    font-size: 16px;
}

.blog-single__links-list {
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.share-block {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
}

.share-block__title {
    font-size: 16px;
    font-weight: 700;
}

.theme-tags {
    margin-top: 64px;
    margin-bottom: 64px;
    border-top: 1px solid #1E1E1E;
}

.theme-tags__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
}

@media (max-width: 1100px) {
    .blog-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1000px) {
    .blog-single {
        grid-template-columns: 1fr;
    }

    .theme-tags {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .blog-single__similar {
        margin-bottom: 32px;
    }
}

@media (max-width: 960px) {
    .blog-list {
        grid-template-columns: 1fr;
    }

    .blog-list__meta {
        gap: 10px 20px;
    }

    .blog-list__thumbnail-wrapper {
        overflow: hidden;
        height: unset;
        max-height: 380px;
    }
}


.main-ui-pagination {
    font-size: 11px;
    text-transform: uppercase;
    display: table;
    text-align: center;
    margin-bottom: 64px;
}

.main-ui-pagination-pages,
.main-ui-pagination-label,
.main-ui-pagination-pages-list,
.main-ui-pagination-page,
.main-ui-pagination-arrows,
.main-ui-pagination-arrow {
    display: inline-block;
}

.main-ui-pagination-arrows {
    margin-left: 10px;
    margin-right: 10px;
}

.main-ui-pagination-arrow {
    position: relative;
    margin-right: 15px;
    margin-left: 30px;
}

.main-ui-pagination-page {
    padding-left: 4px;
    padding-right: 3px;
}

.main-ui-pagination-page.main-ui-pagination-active {
    color: #000000;
}

div.main-ui-pagination {
    /*position: absolute;*/
    width: 100%;
    /*bottom: 550px;*/
    left: 0;
    text-align: center;
    background-color: #f7f7f7;
    /*height: 200px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

div.pagen-wrap-inner {
    width: 800px;
    background-color: white;
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
}

div.pagen-wrap-inner div.main-ui-pagination-pages {
    width: 50%;
}

div.pagen-wrap-inner div.main-ui-pagination-pages div.main-ui-pagination-pages-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.pagen-wrap-inner div a,
.pagen-wrap-inner div span {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: black;
}

.main-ui-pagination-active {
    color: #1f97f3 !important;
}

.main-ui-pagination-arrow {
    text-transform: none;
    margin: 0;
}

.main-ui-pagination-arrows span {
    color: gray !important;
}

.main-ui-pagination-arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 15%;
}

.main-ui-pagination-arrows i,
.main-ui-pagination-arrows a {
    display: block;
}

.main-ui-pagination-arrows i {
    color: lightgrey;
    transform: scale(1.5);
}

.loader-wrap {
    width: 800px;
    height: 50px;
}

.loader-wrap button {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 25rem;
    -moz-border-radius: 25rem;
    border-radius: 25rem;
    border: 1px solid #1f97f3;
    font-size: 14px;
    font-weight: 500;
}

.loader-wrap button:focus {
    -webkit-border-radius: 25rem;
    -moz-border-radius: 25rem;
    border-radius: 25rem;
    border: 3px solid #1f97f3;
    outline: none;
}

.loader-wrap button i {
    margin-right: 5px;
}

@media (max-width: 800px) {
    div.pagen-wrap-inner {
        width: 100%;
    }

    .main-ui-pagination-arrow {
        display: none !important;
    }

    .main-ui-pagination-arrows {
        width: max-content;
    }
}

.newsList_date {
    background-color: #FFFFFFE5;
}

.newsList_day {
    font-size: 20rem;
    font-weight: 400;
    line-height: 24rem;
    text-align: center;
    color: #1E1E1E;
}

.newsList_month {
    font-size: 14rem;
    font-weight: 400;
    line-height: 16.8rem;
    text-align: center;
    color: #1E1E1E;
}

.newsList_info {
    gap: 50px;
}

.blog-list .newsList_info {
    width: 100%;
    flex-wrap: unset;
    align-items: flex-end;
    justify-content: space-between;
}

.blog-list .newsList_infoItem {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 16px;
}

.hashtag-container {
    display: flex;
    align-items: center;
}

@media (max-width: 960px) {
    .blog-list__content {
        height: auto;
    }

    .blog-list .newsList_infoIcon {
        margin-right: 8px;
        font-size: 12px;
    }

    .blog-list .newsList_infoText {
        font-size: 10px;
    }

    .blog-list .newsList_infoText {
        font-size: 10px;
    }
}