.article-post__image img, .modal__product .product__image img {
    display: block;
    margin: 0 auto
}

.sidebar .filter .filter__button {
    text-align: center
}

.block-articles .article .article__title, .h1, .h2, .h3, .h4, .modal .modal__title, .modal__cart .cart__total-count .value, .modal__cart .cart__total-sum .value, .modal__product .product__info .info-line__value, .sidebar .categories .categories__header, h1, h2, h3, h4 {
    font-weight: 600
}

.h1 {
    margin-bottom: 1rem
}

.h1, h1 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    background-color: #fff;
    padding: .5em 1em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    margin-bottom: 20px;
}

.h2 {
    margin-bottom: 1rem
}

.h2, h2 {
    font-size: 1.625rem;
    line-height: 1.625rem
}

.h3 {
    margin-bottom: 1rem
}

.h3, h3 {
    font-size: 1.5rem;
    line-height: 1.5rem
}

.h4 {
    margin-bottom: 1rem
}

.h4, h4 {
    font-size: 1.375rem;
    line-height: 1.375rem
}

.h_red {
    color: #ba0000
}

.modal .modal__title {
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: .0625rem solid #ccc;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.modal__product {
    margin-bottom: 1.5rem
}

.modal__product .product__title {
    margin-bottom: 1rem;
    padding: .25rem 0;
    font-weight: 700;
    color: #404040
}

.modal__product .product__image {
    position: relative;
    margin-bottom: .5rem
}

.modal__product .product__info {
    margin-bottom: 1rem;
    font-family: Comfortaa, cursive;
    letter-spacing: 1px
}

.modal__product .product__info .info-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .125rem;
    padding: .5rem .25rem;
    font-size: .875rem;
    line-height: 1rem
}

.modal__product .product__info .info-line:nth-child(odd) {
    background: #eee
}

.modal__product .product__info .info-line__name, .modal__product .product__info .info-line__value {
    height: .75rem;
    z-index: 1
}

.modal__product .product__info .info-line__name {
    color: #949494
}

.modal__product .product__old-price {
    text-align: right;
    font-size: .875rem;
    line-height: .875rem;
    text-decoration: line-through;
    color: #949494
}

.modal__product .product__price {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.modal__product .product__price:before {
    content: "";
    border-bottom: 1px dotted #000;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 3px;
    z-index: 0
}

.modal__product .product__price .price, .modal__product .product__price .price-title {
    position: relative;
    z-index: 1;
    background: #fff
}

.modal__product .product__price .price-title {
    font-size: 16px
}

.modal__product .product__price .price__value {
    font-weight: 600;
    color: #011932
}

.modal__product .product__price .price__value-none {
    font-size: 14px
}

.modal__product .product__basket {
    padding: .5rem
}

.modal__product .product__button {
    width: 100%;
    padding: .5rem 1rem;
    border: .0625rem solid #011932;
    background-color: #011932;
    color: #fff;
    border-radius: .125rem;
    transition: all .35s;
    font-size: 1rem;
    line-height: 1rem
}

.modal__product .product__button:not(:last-child) {
    margin-bottom: .5rem
}

.modal__product .product__button:hover {
    background-color: #fff;
    color: #011932
}

.modal__cart {
    margin-bottom: 1.5rem
}

.modal__cart .cart__total-count, .modal__cart .cart__total-sum {
    font-size: 1.125rem;
    line-height: 1.125rem
}

.modal__cart .cart__total-count .value, .modal__cart .cart__total-sum .value {
    margin-left: .5rem
}

.modal__buttons {
    display: -ms-flexbox;
    display: flex
}

.modal__buttons .modal__button:not(:last-child) {
    margin-bottom: .5rem
}

.modal__buttons .modal__button_center {
    margin: 0 auto
}

.block-pagination {
    margin-bottom: 1rem
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.block-pagination.block-pagination_right .pagination {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pagination_center {
    -ms-flex-pack: center;
    justify-content: center
}

.pagination_right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pagination .pagination__button {
    width: 2rem;
    height: 2rem;
    margin-right: .25rem;
    background: #ddd;
    font-size: .875rem;
    line-height: 2rem;
    text-align: center
}

.pagination .pagination__button.active, .pagination .pagination__button:not(.pagination__button_disabled):hover {
    color: #fff;
    background: #ba0000
}

.pagination .pagination__button_disabled {
    cursor: default
}

.pagination__link {
    display: block
}

.sidebar .categories {
    margin-bottom: 1rem;
    box-shadow: 0 .125rem .125rem -.0625rem #3c3c3c
}

.sidebar .categories .categories__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2.5rem;
    padding: .5rem 1rem;
    background: #1a79ff;
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.sidebar .categories .categories__list {
    padding: 1rem 1.5rem;
    background: #f9f9f9
}

.sidebar .categories .categories__item {
    position: relative;
    font-size: .875rem;
    line-height: 1rem
}

.sidebar .categories .categories__item:not(:last-child) {
    margin-bottom: 8px
}

.sidebar .categories .categories__item .item-opener.current:before {
    background-color: #949494
}

.sidebar .categories .categories__item .item-opener i {
    position: absolute;
    left: -1rem;
    top: .05rem;
    cursor: pointer
}

.sidebar .categories .categories__item .item-sub {
    display: none;
    padding: .5rem 0 0 1rem
}

.sidebar .categories .categories__item .item-title.active {
    padding: 0 0 .25rem;
    border-bottom: .125rem solid #949494
}

.sidebar .filter {
    margin-bottom: 1rem;
    box-shadow: 0 .125rem .125rem -.0625rem #3c3c3c
}

.sidebar .filter .filter__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2.5rem;
    padding: .5rem 1rem;
    background: #454350;
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.sidebar .filter .filter__dropdown {
    display: block;
    padding: 1rem .5rem;
    background: #f9f9f9
}

.sidebar .filter .filter__list {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: .125rem solid #ccc
}

.sidebar .filter .filter__item {
    position: relative;
    width: 100%;
    margin: 0 0 .5rem
}

.sidebar .filter .item-title {
    position: relative;
    margin-bottom: .5rem;
    padding: .5rem 1.75rem .5rem .5rem;
    background-color: #fff;
    border: .0625rem solid #ccc;
    color: #949494;
    font-weight: 600;
    cursor: pointer;
    font-size: .875rem;
    line-height: .875rem
}

.sidebar .filter .item-lock {
    position: absolute;
    top: calc(50% - .5625rem);
    right: .5rem;
    color: #011932;
    font-size: 1.125rem
}

.sidebar .filter .item-dropdown {
    display: none
}

.sidebar .filter .item-title.opened .item-lock {
    transform: rotate(180deg)
}

.sidebar .filter .item-title.opened + .item-dropdown {
    display: block
}

.sidebar .filter .slider__inputs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -.25rem .25rem
}

.sidebar .filter .slider__inputs .input-block {
    width: calc(50% - .5rem);
    margin: 0 .25rem
}

.sidebar .filter .slider__inputs input {
    width: 100%;
    padding: .25rem
}

.sidebar .filter .slider__inputs .input-block__label {
    display: inline-block;
    margin: 0 0 .5rem .25rem;
    font-size: .75rem
}

.sidebar .filter .list-check__item:not(:last-child) {
    margin-bottom: .25rem
}

.sidebar .filter .filter__button {
    text-decoration: none
}

.sidebar .filter .filter__button:not(:last-child) {
    margin: 0 0 .5rem
}

.sidebar .filter .filter__button_reset {
    width: 100%;
    padding: .5rem 1rem;
    border: .0625rem solid #949494;
    background-color: #949494;
    color: #fff;
    border-radius: .125rem;
    transition: all .35s;
    font-size: 1rem;
    line-height: 1rem
}

.sidebar .filter .filter__button_reset:hover {
    background-color: #fff;
    color: #949494
}

.sidebar .filter .filter__button_apply {
    width: 100%;
    padding: .5rem 1rem;
    border: .0625rem solid #011932;
    background-color: #011932;
    color: #fff;
    border-radius: .125rem;
    transition: all .35s;
    font-size: 1rem;
    line-height: 1rem
}

.sidebar .filter .filter__button_apply:hover {
    background-color: #fff;
    color: #011932
}

.sidebar .banners {
    margin-bottom: 1rem
}

.sidebar .banners .banners__item {
    position: relative
}

.sidebar .banners .banners__item:not(:last-child) {
    margin-bottom: 1rem
}

.sidebar .banners .item-image img {
    width: 100%
}

.sidebar .banners .item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.text-block {
    font-family: Comfortaa, cursive;
    letter-spacing: .0625rem;
    font-size: 1rem;
    line-height: 1.125rem
}

.text-block ol li:not(:last-child), .text-block p:not(:last-child), .text-block ul li:not(:last-child) {
    margin-bottom: .5rem
}

.text-block ol, .text-block p, .text-block ul {
    color: #3c3c3c
}

.text-block a {
    color: inherit;
    text-decoration: underline
}

.text-block ol, .text-block ul {
    margin-bottom: .5rem
}

.text-block ul li {
    position: relative;
    list-style: none;
    margin-left: 1rem
}

.text-block ul li:before {
    content: "";
    width: .375rem;
    height: .375rem;
    background: #ba0000;
    box-shadow: .0625rem .0625rem .0625rem 0 #3c3c3c;
    position: absolute;
    left: -.9375rem;
    top: .375rem;
    border-radius: 50%
}

.text-block ol {
    list-style: none;
    counter-reset: a
}

.text-block ol li:before {
    counter-increment: a;
    content: counters(a, ".") ". "
}

.text-block .strong, .text-block strong {
    font-weight: 600
}

.page-news .sidebar .categories .categories__list {
    display: none
}

.block-articles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.5rem 1rem
}

.block-articles .article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(25% - 1rem);
    margin: 0 .5rem 1rem;
    background: #fff;
    padding: 5px;
}

.block-articles .article .article__image {
    margin-bottom: .5rem
}

.block-articles .article .article__image img {
    width: 100%
}

.block-articles .article .article__title {
    margin-bottom: .5rem;
    letter-spacing: .0625rem;
    font-size: 1rem;
    line-height: 1.25rem
}

.block-articles .article .article__title:hover {
    color: #ba0000
}

.block-articles .article .article__description {
    margin-bottom: .5rem;
    font-size: .875rem;
    line-height: 1rem;
    text-align: justify
}

.block-articles .article .article__date {
    color: #ccc;
    font-size: .875rem;
    line-height: .875rem;
    text-align: right
}

.article-post__date {
    margin-bottom: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    color: #949494
}

.article-post__image {
    margin-bottom: 2rem
}

.article-post__text {
    margin-bottom: 1rem;
    text-align: justify;
    font-size: 1rem;
    line-height: 1.125rem
}

.article-post__text p:not(:last-child) {
    margin-bottom: 1rem
}

.article-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem
}

.article-navigation .article-navigation__button {
    position: relative;
    transition: none !important;
    width: auto;
    padding: .5rem .75rem;
    border: .0625rem solid #ba0000;
    background-color: #ba0000;
    color: #fff;
    border-radius: .125rem;
    transition: all .35s;
    font-size: .75rem;
    line-height: 1rem
}

.article-navigation .article-navigation__button:hover {
    background-color: #fff;
    color: #ba0000
}

.article-navigation .article-navigation__button.article-navigation__button_next:after, .article-navigation .article-navigation__button.article-navigation__button_prev:before {
    content: "";
    position: absolute;
    top: .25rem;
    width: 1.375rem;
    height: 1.375rem;
    background: #ba0000;
    border: .0625rem solid #ba0000;
    border-radius: .125rem;
    transform: rotate(45deg);
    z-index: -1
}

.article-navigation .article-navigation__button.article-navigation__button_prev:before {
    left: -.75rem
}

.article-navigation .article-navigation__button.article-navigation__button_next:after {
    right: -.75rem
}

.article-navigation .article-navigation__button:hover.article-navigation__button_prev {
    border-left: transparent
}

.article-navigation .article-navigation__button:hover.article-navigation__button_next {
    border-right: transparent
}

.article-navigation .article-navigation__button:hover.article-navigation__button_next:after, .article-navigation .article-navigation__button:hover.article-navigation__button_prev:before {
    background-color: #fff
}
.container.cat .container__row .container__column_right {
    width: calc(80% - 1rem);
    max-width: 1180px;
}
.article-post{
    background-color: #fff;
    padding: 1em 2em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 1200px) {
    .block-articles .article {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (max-width: 991px) {
    .sidebar .banners, .sidebar .filter .filter__dropdown {
        display: none
    }
}

@media screen and (max-width: 812px) {
    .block-articles .article {
        width: calc(100% / 2 - 1rem)
    }
}

@media screen and (max-width: 576px) {
    .block-articles .article {
        width: calc(100% - 1rem)
    }

    .article-navigation {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .article-navigation .article-navigation__button {
        margin-bottom: 1rem
    }
}