.comments .like-icon {
    background: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cstyle%3E.st0{fill:%23ef4b53}.st1{fill:%23f47682}%3C/style%3E%3Cg id='Icons'%3E%3Cpath class='st0' d='M13.4 8.5l.4-.5c.8-.9 1.2-2.1 1.2-3.3 0-1.2-.4-2.4-1.2-3.3-1.6-1.8-4.3-1.8-5.9 0l-.4.4-.4-.4C5.5-.4 2.8-.4 1.2 1.4.4 2.3 0 3.5 0 4.7 0 5.9.4 7.1 1.2 8l.4.5 5.7 6.4c.1.1.3.1.4 0l5.7-6.4' id='Icons_7_'/%3E%3Cpath class='st1' d='M4.4.8S.9.5.6 4.9c0 0 .7-3.3 3.9-3.1 0 0 .8.1.8-.5 0-.5-.9-.5-.9-.5z'/%3E%3C/g%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
}

.comments {
    position: relative;
    width: calc(100% - 40px);
    margin: 0 auto;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 20px;
}

.comments .comment_item .comment_button_show_answers {
    margin-right: auto !important;
    margin-left: 20px !important; 
}

.comments_add_form {
    box-sizing: border-box;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: calc(100%);
    display: flex;
}

.comments .hidden {
    display: none !important;
}

.comments .comment__title {
    text-transform: uppercase;
}

.comments .comment__divider {
    border-top: 1px solid #e7e7e7;
    margin-top: 17px;
    margin-bottom: 24px;
}

.comments .comment_add_block {
    padding-left: 120px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-top: 25px;
    background: #f4f4f4;
}

.comments .comment_add__inside {
    background: #fff;
    padding-left: 0 !important;
    display: none;
}

.comments .comment_add__open {
    display: block;
}

.comments .comments_add_form textarea {
    width: 100%;
    height: 50px;
    padding: 10px;
    transition: height .2s ease;
    resize: none;
    box-sizing: border-box;
    min-height: 120px;
    margin-right: 20px;
}

.comments .comments_add_form textarea:focus {
    outline: none;
}

.comments .comments_add_form__open {
    height: 150px !important;
}

.comments .comments_add_form input[type="submit"] {
    padding: 14px 25px;
    background-color: #D0282A;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    width: 130px;
    height: 48px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.comments .comments_add_form input[type="submit"]:hover {
    background: var(--def-red-active-color);
}

.comments .comment_preview {
    height: 70px;
    width: 70px;
    background-position: center center;
    background-size: cover;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 30px;
}

.comments .comments_add_form-rules {
    margin-left: 20px;
    font-size: 14px;
}

.comments .comments_add_form-rules-link {
    text-decoration: none;
    color: #004d99;
}

.comments .comments_add_form-rules-link:hover {
    text-decoration: underline;
}


.comments .comment_last {
    font-weight: 700;
    color: #333;
    font-size: 18px;
    padding: 9px 0px;
    margin: 0;
}

.comments .no_items {
    padding: 20px;
    color: #757575;
}

.comments .comment_count {
    /* padding: 5px 0; */
    color: #757575;
    float:right;
}


.comments .comment_item {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 130px;
    padding-right: 25px;
    position: relative;
}


.comments .comment_item-preview {
    height: 70px;
    width: 70px;
    background-position: center center;
    background-size: cover;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 30px;
}

@keyframes select_comment {
    0% {
        background-color: aliceblue;
    }
}

@-webkit-keyframes select_comment {
    0% {
        background-color: aliceblue;
    }
}

.comment_item:target {
    animation: select 5s linear;
    -webkit-animation: select_comment 5s linear;
}

.comment_item {
    outline: none;
    background-color: #fff;
}

.comments .comment_item-name {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

.comments .comment_item-time {
    color: #757575;
    font-size: 13px;
    margin-left: 10px;
}

.comments .button-like {
    position: absolute;
    right: 0;
    padding-right: 20px;
    cursor: pointer;
    color: #6DA624;
    font-size: 13px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.comments .button-like:hover {
    color: #8dd92c;
}

.comments .button-like:after {
    /* content: url("data:image/svg+xml;charset=US-ASCII,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cstyle%3E.st0{fill:%23ef4b53}.st1{fill:%23f47682}%3C/style%3E%3Cg id='Icons'%3E%3Cpath class='st0' d='M13.4 8.5l.4-.5c.8-.9 1.2-2.1 1.2-3.3 0-1.2-.4-2.4-1.2-3.3-1.6-1.8-4.3-1.8-5.9 0l-.4.4-.4-.4C5.5-.4 2.8-.4 1.2 1.4.4 2.3 0 3.5 0 4.7 0 5.9.4 7.1 1.2 8l.4.5 5.7 6.4c.1.1.3.1.4 0l5.7-6.4' id='Icons_7_'/%3E%3Cpath class='st1' d='M4.4.8S.9.5.6 4.9c0 0 .7-3.3 3.9-3.1 0 0 .8.1.8-.5 0-.5-.9-.5-.9-.5z'/%3E%3C/g%3E%3C/svg%3E"); */
    /*content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0xOS44NjIsMjEuNDg0aC05LjIyOWMtMC44MzMsMC0yLjUyLTEuMDk0LTIuNTItMS45ODh2LTguMTQ2YzAtMC4xODIsMC4wOTgtMC4zNSwwLjI1Ni0wLjQzOCAgIGMxLjg0MS0xLjAyOCwyLjc3Mi0yLjg1NCwzLjc0NC01LjY1N1YyLjU2OWMwLTAuMDkxLDAuMDI0LTAuMTgsMC4wNzEtMC4yNThjMC4zMDQtMC41MDYsMC44My0wLjc5NiwxLjQ0My0wLjc5NiAgIGMwLjc4OSwwLDEuNjE5LDAuNDc3LDIuMjIxLDEuMjcxYzAuNjA3LDAuODA1LDEuNDczLDIuNTgyLDAuNzU4LDUuNjk2aDQuMjEzYzAuOTM4LDAsMy4wNjUsMC45NjYsMy4wNjUsMi41NTQgICBjMCwwLjUyMy0wLjA2MiwxLjMyMS0wLjM5NSwxLjc4OGMwLjI2MiwwLjczMywwLjMxMiwxLjkyMi0wLjQ5MywyLjc2YzAuMDY2LDEuNDEyLTAuMjg5LDIuNDM4LTEuMDM4LDMgICBjLTAuMDEzLDAuNzQ2LTAuMzU2LDEuNjU4LTAuODc0LDIuMjUyQzIwLjcxOSwyMS4yNiwyMC4yOTUsMjEuNDg0LDE5Ljg2MiwyMS40ODR6IE05LjExNSwxMS42MzR2Ny44NiAgIGMwLjA4MiwwLjI2OCwxLjA5NiwwLjk4OCwxLjUyLDAuOTg4aDkuMjI4YzAuMTMyLDAsMC4zMDUtMC4xMTMsMC40NzUtMC4zMDhjMC40MDQtMC40NjUsMC42ODgtMS4yODQsMC42MTgtMS43OTEgICBjLTAuMDI5LTAuMjA3LDAuMDczLTAuNDA3LDAuMjU4LTAuNTFjMC44MTItMC40MzgsMC44MzQtMS43MjksMC43NzctMi40NjFjLTAuMDE1LTAuMTYsMC4wNTQtMC4zMTcsMC4xNzgtMC40MjQgICBjMC43MjYtMC42MDQsMC41MDItMS43MTIsMC4yOTQtMi4wMjljLTAuMDg5LTAuMTM3LTAuMTA1LTAuMzEtMC4wNDYtMC40NTljMC4wNjItMC4xNSwwLjE5LTAuMjY1LDAuMzUxLTAuMzAxICAgYy0wLjAyMS0wLjAyNywwLjEyMy0wLjQzNSwwLjEyMy0xLjE2OGMwLTAuODEzLTEuNDg2LTEuNTU0LTIuMDY0LTEuNTU0aC00Ljg1OGMtMC4xNTcsMC0wLjMwNC0wLjA3Mi0wLjM5Ny0wLjE5NyAgIHMtMC4xMjUtMC4yODctMC4wODItMC40MzhjMC42NC0yLjI2MywwLjQ4MS00LjI1MS0wLjQzLTUuNDU4Yy0wLjQ4Ni0wLjY0Ni0xLjA1Ni0wLjg3NC0xLjQyNC0wLjg3NCAgIGMtMC4yMTksMC0wLjM5MiwwLjA3MS0wLjUxNiwwLjIxM3YyLjYwN2MwLDAuMDU4LTAuMDEsMC4xMDktMC4wMjcsMC4xNjNDMTIuMDk2LDguMzc2LDExLjA3MywxMC40MjEsOS4xMTUsMTEuNjM0eiIvPjxwYXRoIGQ9Ik03LjM2MSwyMi40ODRIMS44NjljLTAuOTY3LDAtMS43NTQtMC43ODctMS43NTQtMS43NTRWMTAuMjM2YzAtMC45NjcsMC43ODctMS43NTMsMS43NTQtMS43NTNoNS40OTIgICBjMC45NjcsMCwxLjc1NCwwLjc4NiwxLjc1NCwxLjc1M1YyMC43M0M5LjExNSwyMS42OTcsOC4zMjgsMjIuNDg0LDcuMzYxLDIyLjQ4NHogTTEuODY5LDkuNDgzYy0wLjQxNiwwLTAuNzU0LDAuMzM4LTAuNzU0LDAuNzUzICAgVjIwLjczYzAsMC40MTYsMC4zMzgsMC43NTQsMC43NTQsMC43NTRoNS40OTJjMC40MTYsMCwwLjc1NC0wLjMzOCwwLjc1NC0wLjc1NFYxMC4yMzZjMC0wLjQxNS0wLjMzOC0wLjc1My0wLjc1NC0wLjc1M0gxLjg2OXoiLz48L2c+PC9zdmc+");    */
    /* width: 15px; */
    /* height: 15px; */
    content: "\f164";
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
}

.comments .button-dislike {
    position: absolute;
    right: 50px;
    padding-right: 20px;
    cursor: pointer;
    color: var(--def-red-color);
    font-size: 13px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.comments .button-dislike:after {
    /*content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGlkPSJGaWxsZWRfTGluZSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01Ljk5OCwxOUgxMnY1Ljk3NEMxMiwyNi4wOTMsMTIuOTA3LDI3LDE0LjAyNiwyN2MwLjYxNSwwLDEuMTk4LTAuMjgsMS41ODItMC43NkwyMywxNyAgbC0wLjAwMSwwTDIzLDE3VjdsLTMtMkg3LjUyN0M2LjYzNiw1LDUuODUyLDUuNTkyLDUuNjA3LDYuNDUxbC0yLjQ5LDguNzI1QzIuNTcsMTcuMDkyLDQuMDA3LDE5LDUuOTk4LDE5eiIgZmlsbD0iI0YzQTE3RCIgaWQ9IlhNTElEXzkwNl8iLz48cGF0aCBkPSJNMTUuMTQ3LDI1LjgwM0MxNC40MjEsMjUuNDY3LDE0LDI0LjY4OSwxNCwyMy44ODlWMTguNWMwLTAuMjc2LTAuMjI0LTAuNS0wLjUtMC41SDcuNDg5ICBjLTEuNjUyLDAtMi44NDYtMS41ODEtMi4zOTItMy4xN2wyLjY3Ny05LjM4MUM3LjgyMSw1LjI4NSw3LjkwMyw1LjE0Miw3Ljk4Niw1SDcuNTI3QzYuNjM2LDUsNS44NTIsNS41OTIsNS42MDcsNi40NTFsLTIuNDksOC43MjUgIEMyLjU3LDE3LjA5Miw0LjAwNywxOSw1Ljk5OCwxOUgxMnY1Ljk3NEMxMiwyNi4wOTMsMTIuOTA3LDI3LDE0LjAyNiwyN2MwLjYxNSwwLDEuMTk4LTAuMjgsMS41ODItMC43NmwwLjIwNS0wLjI1NyAgQzE1LjU4NCwyNS45NTgsMTUuMzU4LDI1LjkwMSwxNS4xNDcsMjUuODAzeiIgZmlsbD0iI0MzODY2QiIgaWQ9IlhNTElEXzM4Nl8iLz48cGF0aCBkPSJNMjMsN2wtMy0ySDcuNTI3QzYuNjM2LDUsNS44NTIsNS41OTIsNS42MDcsNi40NTFMNS40NDYsNy4wMTRDNS40NzUsNy4wMTIsNS41LDcsNS41MjksNyAgaDEzLjA1M2MwLjI3MSwwLDAuNTM0LDAuMDg5LDAuNzQ5LDAuMjU0bDEuMTg1LDAuOTA3QzIwLjgyMSw4LjM5NCwyMSw4Ljc1NiwyMSw5LjE0VjE5bC0wLjAwMSwwbDAsMC41MDFMMjMsMTdsLTAuMDAxLDBMMjMsMTdWN3oiIGZpbGw9IiNGRkZGRkYiIGlkPSJYTUxJRF8zODdfIi8+PHJlY3QgZmlsbD0iI0Y5RUQ2OSIgaGVpZ2h0PSIxNCIgaWQ9IlhNTElEXzg5NV8iIHRyYW5zZm9ybT0ibWF0cml4KC0xIC04Ljk4ODg2N2UtMTEgOC45ODg4NjdlLTExIC0xIDUyIDI0KSIgd2lkdGg9IjYiIHg9IjIzIiB5PSI1Ii8+PHBhdGggZD0iTTIzLDV2MmgzLjVDMjYuNzc2LDcsMjcsNy4yMjQsMjcsNy41VjE5aDJWNUgyM3oiIGZpbGw9IiNGQkY0QTUiIGlkPSJYTUxJRF8zODhfIi8+PHJlY3QgZmlsbD0iI0JCQjI0RiIgaGVpZ2h0PSIxNCIgaWQ9IlhNTElEXzM4OV8iIHdpZHRoPSIyIiB4PSIyMyIgeT0iNSIvPjxwYXRoIGQ9IiAgTTUuOTk4LDE5SDEydjUuOTc0QzEyLDI2LjA5MywxMi45MDcsMjcsMTQuMDI2LDI3YzAuNjE1LDAsMS4xOTgtMC4yOCwxLjU4Mi0wLjc2TDIzLDE3bC0wLjAwMSwwTDIzLDE3VjdsLTMtMkg3LjUyNyAgQzYuNjM2LDUsNS44NTIsNS41OTIsNS42MDcsNi40NTFsLTIuNDksOC43MjVDMi41NywxNy4wOTIsNC4wMDcsMTksNS45OTgsMTl6IiBmaWxsPSJub25lIiBpZD0iWE1MSURfODcwXyIgc3Ryb2tlPSIjMjAwRjYwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIxNCIgaWQ9IlhNTElEXzg2OV8iIHN0cm9rZT0iIzIwMEY2MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgLTguOTg4ODY3ZS0xMSA4Ljk4ODg2N2UtMTEgLTEgNTIgMjQpIiB3aWR0aD0iNiIgeD0iMjMiIHk9IjUiLz48Y2lyY2xlIGN4PSIyNiIgY3k9IjkiIGZpbGw9IiNDNjYyN0UiIGlkPSJYTUxJRF84NjhfIiByPSIxIi8+PC9zdmc+");*/
    /* content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0xMy43MSwyMi4zNTVMMTMuNzEsMjIuMzU1Yy0wLjY1MSwwLTEuMjA3LTAuMzA2LTEuNTI1LTAuODM0Yy0wLjA0Ni0wLjA3OC0wLjA3LTAuMTY4LTAuMDctMC4yNTh2LTIuNjg4ICAgYy0wLjk3My0yLjgwMi0xLjkwMy00LjYyNy0zLjc0NC01LjY1NmMtMC4xNTgtMC4wOS0wLjI1Ni0wLjI1OC0wLjI1Ni0wLjQzOFY0LjMzNWMwLTAuOTc5LDEuNzY5LTEuNjksMi41Mi0xLjY5aDkuMjI4ICAgYzAuNDUzLDAsMC44OTYsMC4yMzEsMS4yNzksMC42NzJjMC40OTgsMC41NzEsMC44MTMsMS4zOTQsMC44MjIsMi4xMDFDMjIuNzE0LDUuOTY5LDIzLjA2NCw2LjkzNCwyMyw4LjI5MSAgIGMwLjc4MywwLjgyMiwwLjc2NCwyLjAzOSwwLjQ5MSwyLjhjMC4zMzUsMC40NzksMC4zOTYsMS4zMTMsMC4zOTYsMS44NTRjMCwxLjU2Mi0yLjE1LDIuNjk5LTMuMDY0LDIuNjk5aC00LjIxNSAgIGMwLjY5NCwzLjAyNy0wLjExNyw0LjcyMi0wLjY5Miw1LjQ4QzE1LjMyOSwyMS44OTUsMTQuNTA2LDIyLjM1NSwxMy43MSwyMi4zNTV6IE0xMy4xMTMsMjEuMTA1YzAuMTc0LDAuMjAzLDAuNDE0LDAuMjUsMC41OTcsMC4yNSAgIGwwLDBjMC40ODMsMCwxLjAxMS0wLjMxMywxLjQwNS0wLjgzNGMwLjUwMi0wLjY2NCwxLjIxOC0yLjIyOSwwLjM2NS01LjI0MmMtMC4wNDMtMC4xNDgtMC4wMTMtMC4zMTMsMC4wODItMC40MzggICBjMC4wOTYtMC4xMjUsMC4yNDItMC4xOTYsMC4zOTgtMC4xOTZoNC44NTdjMC41NDgsMCwyLjA2NS0wLjg0NywyLjA2NS0xLjcwMWMwLTAuNzItMC4xMzItMS4xNDYtMC4yMDctMS4yNjkgICBjLTAuMTItMC4wNTMtMC4yMTctMC4xNDgtMC4yNjctMC4yNzJjLTAuMDYzLTAuMTQ5LTAuMDQzLTAuMzIyLDAuMDQ2LTAuNDU5YzAuMjI5LTAuMzU0LDAuNDA4LTEuNDc5LTAuMjk0LTIuMDY1ICAgYy0wLjEyNS0wLjEwNC0wLjE5MS0wLjI2My0wLjE3OC0wLjQyNWMwLjA5Ny0xLjIzMi0wLjE1Ny0xLjk5OC0wLjc3Ny0yLjMzMmMtMC4xODQtMC4xLTAuMjg3LTAuMzAyLTAuMjU4LTAuNTA5ICAgYzAuMDY0LTAuNDc5LTAuMTg0LTEuMTk4LTAuNTY3LTEuNjM5Yy0wLjE4My0wLjIwOS0wLjM3NC0wLjMyOS0wLjUyNC0wLjMyOUgxMC42M2MtMC40NzgsMC0xLjQyMywwLjQ5LTEuNTI1LDAuNzM4bDAuMDA2LDcuODEzICAgYzEuOTU4LDEuMjEyLDIuOTgsMy4yNjEsMy45NzMsNi4xMzZjMC4wMjEsMC4wNTMsMC4wMjYsMC4xMDUsMC4wMjYsMC4xNjJ2Mi42MDloMC4wMDJ2MC4wMDJIMTMuMTEzeiIvPjxwYXRoIGQ9Ik03LjM1OSwxNS42NDVIMS44NjdjLTAuOTY3LDAtMS43NTQtMC43ODctMS43NTQtMS43NTRWMy4zOTdjMC0wLjk2NywwLjc4Ny0xLjc1MywxLjc1NC0xLjc1M2g1LjQ5MiAgIGMwLjk2NywwLDEuNzU0LDAuNzg2LDEuNzU0LDEuNzUzdjEwLjQ5M0M5LjExMywxNC44NTcsOC4zMjYsMTUuNjQ1LDcuMzU5LDE1LjY0NXogTTEuODY3LDIuNjQ1Yy0wLjQxNiwwLTAuNzU0LDAuMzM4LTAuNzU0LDAuNzUzICAgdjEwLjQ5M2MwLDAuNDE2LDAuMzM4LDAuNzU0LDAuNzU0LDAuNzU0aDUuNDkyYzAuNDE2LDAsMC43NTQtMC4zMzgsMC43NTQtMC43NTRWMy4zOTdjMC0wLjQxNS0wLjMzOC0wLjc1My0wLjc1NC0wLjc1M0gxLjg2N3oiLz48L2c+PC9zdmc+"); */
    /* width: 15px; */
    /* height: 15px; */
    content: "\f165";
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
}

.comments .button-dislike:hover {
    color: var(--def-red-active-color);
}

.comments .comment_item-top {
    position: relative;
    margin-bottom: 15px;
    display:flex;
    gap:10px;
    flex-direction:row;
    justify-content:space-between;
}
.comments .comment_item-top .comment_likebar,
.comments .comment_item-top .comment_namebar {
    display:inline-flex;
    flex-direction:row;
    gap:10px;
}

.comments .comment_item-text {
    color: #333;
    line-height: 20px;
    font-size: 14px;
}

.comments .errors {
    font-size: 14px;
    margin-top: 20px;
    color: #e02500;
}

.comments .success {
    font-size: 14px;
    margin-top: 20px;
    color: #333;
}

.comments .next,
.comments .prev,
.comments .answers_block .load_old,
.comments .answers_block .load_new,
.comments .answers_block .hide_answers
{
    background: var(--def-red-color);
    color: #fff;
    text-decoration: none;
    padding: 16px 30px;
    font-size: 14px;
    /* box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2); */
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.comments .prev:hover,
.comments .next:hover,
.comments .answers_block .load_old:hover,
.comments .answers_block .load_new:hover,
.comments .answers_block .hide_answers:hover {
    background-color: var(--def-red-active-color);
}




@media (max-width: 991px) {
    .comments .comment {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .comments .comment_add_block {
        padding-left: 128px;
        padding-right: 15px;
    }

    .comments .comment_add__inside {
        margin-left: 23px;
    }

    .comments .comment_preview {
        left: 50px;
    }
}

@media (max-width: 768px) {
    .comments .comment_add_block {
        padding-left: 90px;
    }

    .listing {
        padding-left: 0;
    }

    .comments .comment_add__inside {
        padding-left: 0 !important;
        margin-left: 0;
    }

    .comments .comment_add__inside .comment_preview {
        left: 0;
    }

    .comments .comments_add_form textarea {
        margin-top: 0;
    }

    .comments .comments_add_form input[type="submit"] {
        font-size: 12px;
    }

    .comments .comment_preview {
        height: 50px;
        width: 50px;
        left: 20px;
    }

    .comments .comment_add_block {
        padding-right: 20px;
    }

    .comments .comments_add_form textarea {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .comments_add_form {
        flex-direction: column;
    }

    .comments .comments_add_form-rules {
        font-size: 12px;
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .comments .comment_prev-button {
        font-size: 16px;
    }

    .comments .comment_last {
        font-size: 14px;
    }

    .comments .comment_item {
        padding-left: 60px;
        padding-right: 10px;
    }

    .comments .comment_item-preview {
        height: 50px;
        width: 50px;
        left: 0;
    }

    .comments .comment_item-name {
        font-size: 12px;
    }

    .comments .comment_item-time {
        font-size: 12px;
    }

    .comments .comment_item-text {
        font-size: 14px;
    }

    .comments .comment_item-answer {
        font-size: 12px;
        line-height: 16px;
    }

    .comments .errors {
        font-size: 12px;
        margin-top: 10px;
    }

    .comments .success {
        font-size: 12px;
        margin-top: 10px;
    }
}

.comments .comment_item .comment-controls {
    display: flex;
    width: 250px;
    padding: 6px;
    margin: 6px 0;
    border: 1px solid #dbdbdb;
    background: linear-gradient(#dbdbdb, #f5f5f5);
    border-radius: 5px;
    box-shadow: 3px 3px 3px #ededed;
}

.comments .comment_item .comment-controls a {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 10px;
}

.comments .comment_item .comment-delete {
    background: url(images/comments_delete.png) no-repeat;
}

.comments .comment_item .comment-edit {
    background: url(images/comments_edit.png) no-repeat;
}

.comments .comment_item .comment-backend {
    background: url(images/comments_backend.png) no-repeat;
}

.comments .comment_item .comment-check {
    background: url(images/comments_checked_on.png) no-repeat;
}
.comment_item.disabled-comment .comment-check {
    background: url(images/comments_checked_off.png) no-repeat;
}



.comments .comment_item .comment_item_edit_wrapper {
    margin: 10px 0;
    border: 1px solid #ffa498;
    padding: 6px;
    background: linear-gradient(#c50707,#6c2f0e);
}

.comments .comment_item .comment_item_edit_wrapper textarea {
    padding: 5px;
    width: calc(100% - 12px);
    font-size: 12px;
    margin: 0 0 10px 0;
}

.comments .comment_item .comment_item_edit_wrapper a {    
    display: inline-block;
    color: #535353;
    
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 12px;    
}
/* .comments .comment_item .listing {border:1px solid #e9e9e9;} */
.answers_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.listing {
    padding-left: 120px;
}
.listing .comment_item {
    padding-left: 90px;
}
.listing .comment_item>a:first-child {
    left: 0;
}

.comments .comment_item .comment_item_edit_wrapper .edit_save {background: linear-gradient(#f8ffec,#feffc2);}
.comments .comment_item .comment_item_edit_wrapper .edit_cancel {margin:0 0 0 10px;background: linear-gradient(#ffacac,#ffb37b);}

.comments .comment_item .comment_item_edit_wrapper .edit_save:hover {background: linear-gradient(#dcfea3,#fdff87);}
.comments .comment_item .comment_item_edit_wrapper .edit_cancel:hover {background: linear-gradient(#ffd9d9,#ffebdc);}


.comments .comment_item .comment-controls a.checked {
    padding-left: 18px;
    background: url(images/b_checked.png) no-repeat 0 0;
    margin: 3px 5px 0 6px;
}
.comments .comment_item .comment-controls a.checked .off{
    display: none;
} 
.comments .comment_item .comment-controls a.checked .on{
    color: #000;
    text-decoration: none;
    background: none;
}
.comments .comment_item.disabled-comment{
    background-color: rgba(227, 227, 227, 0.48);
    border: 3px dashed #dedede;
    margin-top: 10px;
    margin-bottom: 10px;
}
.comments .comment-sort select{
    padding: 5px;
    margin: 0;
}

.comments .comment_item .comments .double {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: space-between;
}
.comments .answer_form_example {display:none;}
.comments .comment_item .answer_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px;
    margin: 10px 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #777;
    position: relative;
    background-color: #f4f4f4;
    padding: 20px;
}

.comments .comment_item .answer_form p {
    display: block;
    margin: auto 0;
    font-size: 15px;
    /* width:150px; */
}
.comments .comment_item .answer_form textarea {
    display: block;
    padding: 10px;
    min-width: 100%;
    border-top: 0;
    border-bottom: 0;  
    min-height: 100px;
    max-width: 100%;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    margin-top: 20px;
}
.comments .comment_item .answer_form input[type=submit] {
    padding: 14px 25px;
    background-color: #D0282A;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    width: 130px;
    height: 48px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-left: auto;
    margin-top: 20px;
}

.comments .comment_item .answer_form input[type=submit]:hover {
    /* background: linear-gradient(to right,#e9e6e6,#b6b4b4); */
    background-color: var(--def-red-active-color);
}
.comments .comment_item .answer_form input[type=submit].ready {
    background: linear-gradient(to right,#8dda2a,#66b500);
}
.comments .comment_item .answer_form input[type=submit].ready:hover {
    background: linear-gradient(to right,#aae75c,#98de3e);    
}


.comments .comment_item .comment_button_reply {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #E0E0E0;
    padding: 7px 14px;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 13px;
    color: #707070;
    position: relative;
    font-weight: 400;
}

.comments .comment_item .comment_item-bottom .controls {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.comments .comment_item .comment_item-bottom .controls > a {
    display:block;
    margin: auto 0;
}
.comments .comment_item .comment_button_show_answers em {display:none;}
.comments .comment_item .comment_button_show_answers.opened em {display:inline;}
.comments .comment_item .comment_button_show_answers.opened span {display:none;}

.comments .comment_item .comment_button_show_answers span,
.comments .comment_item .comment_button_show_answers em,
.comments .comment_item .comment_button_show_answers b,
.comments .comment_item .comment_button_show_answers {
    font-size: 13px;
    color: #707070;
    position: relative;
}




.comments .comment_item .comment_button_show_answers i {
    display:inline-block;
    width:16px;
    height:13px;    
    background:url('images/b_down.png') no-repeat;
    margin-left: 5px;
}
.comments .comment_item .comment_button_show_answers.opened i {
    background:url('images/b_up.png') no-repeat;
}
.comments .comment_item .answer_form .loading {
    position:absolute;
    width:100%;
    height:100%;
    background-color:#00000080;
}
.comments .comment_item .answer_form span {
    color: white;
    font-weight: bold;
    margin: auto;
    line-height: 15px;
    font-size: 15px;
    top: calc( 50% - 7px );
    position: absolute;
    z-index: 5;
    left: calc( 50% - 67px );
}
.answers_inner_example {display:none;}
.comments .answers_block .listing {
    position:relative;
    padding:5px;    
    min-height:150px;
}

.comments .answers_block {    
    padding:0;
    margin:0;    
}

.comments .answers_block .listing {
    min-height:150px;
}
.comments .answers_block .listing .loading{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #666161;
    opacity: 0.5;
    left: 0;
}
.comments .answers_block .listing .loading span{
    color: white;
    font-weight: bold;
    line-height: 16px;
    font-size: 16px;
    position: absolute;
    left: calc( 50% - 66px);
    top: calc( 50% - 8px);
}

@media screen and (max-width: 768px) {

    .listing {
        padding-left: 0;
    }

}

@media screen and (max-width: 500px) {

    .comments {
        margin: 0px;
        width: 100%;
    }

    .comments .comment__title {
        padding: 0 20px;
    }

    .comments .comment_preview {
        width: 25px;
        height: 25px;
    }

    .comments .comment_add_block {
        padding-left: 65px;
    }

    .comments .double {
        padding: 0 20px;
    }

    .listing .comment_item {
        padding-left: 65px;
    }

    .comments .comment_item-preview {
        height: 25px;
        width: 25px;
        left: 20px !important;
    }

    .comment_item .comment_item .comment_item-preview {
        left: 0 !important;
    }

    .comment_item .comment_item {
        padding-left: 45px;
    }
}

.comment_item .answers_block .user-comment-edit,.comment_item .answers_block .comment_item-edit_wrapper a {
    display: inline-block;
    color: white;
    background: var(--def-red-color);
    padding: 8px 17px;
    border-radius: 7px;
    opacity: 0.7;
    margin-top: 10px;
    margin-right: 10px;
}
.comment_item .answers_block .user-comment-edit:hover,.comment_item .answers_block .comment_item-edit_wrapper a:hover {background: var(--def-red-active-color);}

.comment_item .answers_block .comment_item-edit {
    max-width: 100%;
    min-height: 90px;
    padding: 10px;
    font-size: 16px;
}