.blog__stream section.post {
    margin-bottom: 1.4rem;
    padding-bottom: 1.4rem;
}
.blog__stream section.post h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 0 1.2rem;
    padding: 0;
}
.blog__stream section.post .credentials .date {
    color: #848282;
    font-size: 1.3rem;
}
.blog__stream section.post .text {
    margin-bottom: 2.4rem;
}
.blog__stream section.post .username {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
}
.blog__stream section.post .username img {
    border-radius: 100%;
    height: 2rem;
    margin-right: 0.6rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 2rem;
}
article.post h1 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 2.4rem;
    padding: 0;
}
article.post h1:first-letter {
    color: #d22525;
}
@media screen and (max-width: 991px) {
    article.post h1 {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 576px) {
    article.post h1 {
        font-size: 1.8rem;
    }
}
article.post .credentials .date {
    color: #848282;
    font-size: 1.3rem;
}
.post__inner {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0.4rem;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 2.4rem 3.2rem;
}

.blog .h1, 
.blog h1 {
    margin: 34px 0
}

.blog .h2,
.blog .h3,
.blog .h4,
.blog .h5,
.blog .h6,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6 {
    margin: 25px 0
}

.blog .h1,
.blog h1 {
    font-size: 32px;
    line-height: 38px
}

.blog .h1, 
.blog .h2,
.blog h1,
.blog h2 {
    font-weight: 600
}

.blog .h2, 
.blog h2 {
    font-size: 24px;
    line-height: 30px
}

.blog .h3, 
.blog h3 {
    font-size: 20px;
    line-height: 26px
}

.blog .h3, 
.blog .h4, 
.blog h3, 
.blog h4 {
    font-weight: 600
}

.blog .h4,
.blog h4 {
    font-size: 18px;
    line-height: 24px
}

@media (max-width: 1000px) {
    .blog .h1,
    .blog h1 {
        font-size: 24px;
        line-height: 30px
    }

    .blog .h2,
    .blog h2 {
        font-size: 22px;
        line-height: 28px
    }

    .blog .h3,
    .blog h3 {
        font-size: 18px;
        line-height: 26px
    }

    .blog .h4,
    .blog h4 {
        font-size: 16px;
        line-height: 22px
    }
}

.blog input[type=email], 
.blog input[type=number], 
.blog input[type=password], 
.blog input[type=phone], 
.blog input[type=search], 
.blog input[type=tel], 
.blog input[type=text], 
.blog select, 
.blog textarea {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 100px;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    outline: none;
    box-sizing: border-box
}

.blog .button, 
.blog button, 
.blog input[type=button], 
.blog input[type=submit] {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 0 25px;
    letter-spacing: 1px;
    cursor: pointer;
    border: 0;
    outline: none
}

.blog .button,
.blog button,
.blog input[type="button"],
.blog input[type="submit"],
.blog a.button,
.blog .inline-select__item.selected,
.blog .filter-param__variant--button.checked {
    background: #423720;
    color: #FFF;
}

.blog textarea {
    min-height: 100px;
    border-radius: 15px;
    line-height: 20px;
    padding: 15px 25px;
}

.blog .bs-bg {
    background: #423720;
}

.blog .bs-bg,
.blog .bs-bg a,
.blog .bs-bg a:hover,
.blog .bs-bg .link,
.blog .bs-bg .link:hover,
.blog .bs-bg .selected > a,
.blog .bs-bg .selected > .link {
    color: #FFF;
}

.blog .bs-color,
.blog .link.bs-color,
.blog a.bs-color,
.blog .link.bs-color:hover,
.blog a.bs-color:hover {
    color: #d22525;
}

.blog .ac-bg {
    background: #FFC001;
}

.blog .staff {
    background: #e0efff;
    padding: 0 5px;
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-block;
    line-height: 18px
}

@media (max-width: 420px) {
    .blog .button,
    .blog button,
    .blog input[type=button],
    .blog input[type=email],
    .blog input[type=number],
    .blog input[type=password],
    .blog input[type=phone],
    .blog input[type=search],
    .blog input[type=submit],
    .blog input[type=tel],
    .blog input[type=text], 
    .blog select {
        height: 45px;
        line-height: 45px;
        padding: 0 15px
    }
}

@media (max-width: 380px) {
    .button, button, input[type=button], input[type=email], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=submit], input[type=tel], input[type=text], select {
        height: 40px;
        line-height: 40px
    }
}

.post {
    margin: 0 0 10px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 0.4rem;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 40px;
    font-size: 14px;
}

.post__head {
    margin: 0 0 20px
}

.post__title {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin: 0
}

.post__date {
    display: inline-block;
    margin: 0 10px 0 0
}

.post__title a {
    text-decoration: none
}

.post__title a:hover {
    text-decoration: underline
}

.post__more {
    float: right
}

.post__album {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

.post__album-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0
}

.post__credentials {
    margin: 30px 0 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 26px
}

.post__credentials:first-child {
    margin: 0 0 20px
}

.post__date {
    font-size: 12px;
    color: #9e9e9e
}

.post__count-comments {
    text-decoration: none
}

.post__count-comments .icon {
    margin: 0 5px 0 0
}

.post img {
    height: auto!important
}

.post iframe,.post img {
    max-width: 100%
}

.post__text {
    margin: 0 0 20px;
    overflow: hidden
}

.post__text p:last-child {
    margin: 0
}

.post__img {
    max-width: 150px;
    display: block;
    float: left;
    margin: 5px 15px 0 0
}

.post__img--one,.post__img--one img {
    max-width: 400px
}

.post textarea {
    width: 100%;
    min-height: 300px;
    margin-top: 10px;
    height: 250px
}

.post_author {
    text-decoration: none;
    margin: 0 20px 0 0;
    display: inline-block
}

.post_userpic {
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.post_username {
    display: inline-block;
    vertical-align: middle
}

.post__comments {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 40px;
    margin: 10px 0 0
}

.post-one__text {
    display: inline-block;
    width: 100%
}

@media (max-width: 500px) {
    .post {
        padding:20px
    }

    .post__count-comments {
        margin: 0 20px 0 0
    }

    .post--list .post_author {
        display: none
    }

    .post__title {
        font-size: 16px;
        line-height: 20px
    }

    .post__img {
        width: 80px
    }

    .post__credentials {
        margin-top: 10px
    }

    .post__head,.post__text {
        margin-bottom: 10px
    }

    .post__img--one {
        float: none;
        max-width: 100%;
        width: auto;
        text-align: center;
        margin: 0
    }

    .post__img--one img {
        max-height: 200px
    }

    .post__comments {
        padding: 20px
    }
}

.comments, .reviews {
    margin-bottom: 20px
}

.reviews-title {
    margin: 0 0 30px
}

.comment, .review {
    margin: 0 0 30px;
    padding: 0;
    font-size: 14px
}

.comment-form ~ .add-comment-form, .forum-reply-form ~ .add-comment-form {
    display: none
}

.comment-credentials, .review-summary {
    margin: 0 0 10px
}

.comment-title, .review-title {
    display: inline-block;
    font-weight: 600;
    font-size: 14px
}

.comment-sitename, .review-sitename, .review .rating {
    margin: 0 10px 0 0
}

.comment-avatar, .review-avatar {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    border-radius: 50%;
    float: left;
    margin: 4px 0 0
}

.comment-avatar a, .review-avatar a {
    text-decoration: none
}

.comment-content, .review-content {
    margin: 0 0 0 55px
}

.comment-avatar img, .review-avatar img {
    max-width: 40px;
    border-radius: 50%
}

.comment-date, .review-date {
    color: #aaa;
    font-size: 12px;
    margin: 0 10px 0 0
}

.comment-badge, .comment-username, .review-username {
    margin: 0 15px 0 0;
    display: inline-block;
    font-size: 12px
}

.comments ul li ul li .comment-actions ~ .comment-form, .reviews ul li ul li .review-actions ~ .review-form {
    margin: 20px 0 40px -40px
}

.review-actions .icon {
    margin: 0 5px 0 0
}

.comments ul, .reviews ul {
    margin-left: 0;
    padding: 0;
    list-style: none
}

.comments ul li ul, .reviews ul li ul {
    padding-left: 55px
}

.comments ul li ul.auth-type, .reviews ul li ul.auth-type {
    margin: 0 0 20px;
    padding: 0
}

.comments ul .new, .reviews ul .new {
    background: #f4fff9;
    padding: 10px 20px;
    margin-left: -20px;
    margin-right: -20px
}

.comment-text {
    margin: 0 0 15px
}

.review-form-head {
    margin: 40px 0
}

.write-review {
    font-size: 12px
}

.write-review .icon {
    margin: 0 5px 0 0
}

.reviews-count-text {
    display: inline-block;
    margin: 0 20px 0 0
}

.comment-form, .review-form {
    padding: 0;
    margin-bottom: 60px;
    font-size: 14px
}

.comment-form input[type=text], .comment-form textarea, .review-form input[type=text], .review-form textarea {
    max-width: 500px
}

.comment-form {
    margin-bottom: 0
}

.comment-form-fields input[type=text], .comment-form-fields textarea, .review-form-fields input[type=text], .review-form-fields textarea {
    width: 100%
}

.review-form-fields input[type=text].wa-captcha-input {
    width: 200px
}

.comment-form .userpic, .review-form .userpic {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: middle
}

.comment-field, .review-field {
    margin: 0 0 25px
}

.review-field--user {
    line-height: 25px
}

.comment-field label, .review-form label {
    display: block;
    margin: 0 0 10px;
    font-size: 13px
}

.comment-field--user label, .review-field--rate label, .review-field--user label {
    display: inline-block;
    margin: 0 20px 0 0
}

.comment-field-logout {
    display: inline-block;
    margin: 0 0 0 20px
}

.comment-reply svg {
    font-size: 2rem;
    margin-right: 0.6rem;
}

.blog .ac-color,
.blog .link.ac-color,
.blog a.ac-color,
.blog .link.ac-color:hover,
.blog a.ac-color:hover {
    color: #ff8f00;
}

.block__pagination-list {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.block__pagination-list select {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 100px;
    height: 4.2rem;
    line-height: 4.2rem;
    padding: 0 25px;
    outline: none;
    box-sizing: border-box
}

.block__pagination-list .block__pagination-count {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 768px) {
    .block__pagination-list {
        flex-direction: column-reverse;
        gap: 2rem;
    }
}


@media (max-width: 500px) {
    .comment-content {
        margin-left: 0
    }

    .comment-sitename {
        display: none
    }

    .comment-title{
        display: inline
    }

    .comment-credentials {
        line-height: 16px;
        margin: 0
    }

    .comment-credentials {
        margin: 0 0 10px 40px
    }

    .comment-username {
        margin-right: 5px
    }

    .comment-avatar {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 8px
    }

    .comment-avatar img {
        max-width: 25px
    }

    .comments ul li ul {
        padding-left: 35px
    }

    .comment-date {
        display: block;
        margin-right: 0
    }
}