.comment *,
.comments-sort,
.comment-form-block,
.comments-block-header .dropdown-menu li,
.comments-settings-btn,
.comments-container .dropdown-menu li,
.comments-settings .dropdown-menu ul span,
.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit {
    font-family: 'Open Sans', sans-serif;
    color: #1e2c34;
    line-height: 1.4;
}

.comment-text p,
.ck.ck-content.ck-editor__editable_inline p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
}

.comment .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.comment-header,
.comment-footer,
.comment-footer-row,
.do-like-button-count,
.dropdown-user-header .dropdown-user-header-info a {
    font-size: 13px;
}

.comments-container .comments-settings .dropdown-menu li {
    color: #1e2c34;
}

.comments-settings-btn span,
.comments-block a,
.comment-form-block a,
.comments-settings-btn:hover i,
.comments-container .comments-settings .dropdown-menu li:hover,
.comments-container .comments-settings .dropdown-menu li:focus,
.comments-sort .btn,
.comment-header-info-row .user-name:hover,
.comment-footer-row.all-answers,
.comment-form-block .comment-header .links,
.comments-container .dropdown-menu li,
.dropdown-user-header .dropdown-user-header-info a,
.comment-form-block .dropdown-menu > li > a,
.comment-answer:hover,
.how_write b,
.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit {
    color: #2383d7;
}

/*.comments-settings-btn:focus,*/
.comments-container .dropdown-menu li:hover,
    /*.comments-container .dropdown-menu li:focus,*/
.comments-block-header .btn:hover,
    /*.comments-block-header .btn:focus,*/
.comments-block-header .dropdown-menu li.sort-selected:hover,
    /*.comments-block-header .dropdown-menu li.sort-selected:focus,*/
    /*.comment-answer:focus,*/
.comment-footer-row.all-answers:hover,
    /*.comment-footer-row.all-answers:focus,*/
.comment-form-block .comment-header .links a:hover,
    /*.comment-form-block .comment-header .links a:focus,*/
.comment-form-block .comment-header .links a *:hover,
    /*.comment-form-block .comment-header .links a *:focus,*/
.dropdown-user-header .dropdown-user-header-info a:hover,
    /*.dropdown-user-header .dropdown-user-header-info a:focus,*/
    /*.comment-form-block .dropdown-menu > li > a:focus,*/
.comment-form-block .dropdown-menu > li > a:hover {
    text-decoration: underline;
    /*color: #2383d7;*/
}

.comment-header-info-row .answered i,
.comment-header-info-row .answered,
.comments-settings-btn i,
    /*.comments-settings-btn:focus i,*/
.comment-header-info-row .user-name-root,
.comments-block-header .dropdown-menu li.sort-selected,
.comment-edit-time span,
.count-megaphone,
.comment-header-info .date,
.do-like-button-count,
.do-like-button i,
.comment-answer,
.comment-otvet .comment-header-answered .user-name-root {
    color: #6a8797;
}

.comments-container .dropdown-menu li.claim_user {
    color: #d72323;
}

.adv-in-comments {
    background-color: #e3eaef;
    margin-bottom: 30px;
    margin-top: 20px;
}

.companys-answer {
    background: #d5f8dc;
    border-radius: 16px;
    padding: 15px;
    margin: 30px auto;
}

.comments-sort .btn,
.comments-container .dropdown-menu li {
    font-size: 13px;
    line-height: 2;
}

.comments-settings .dropdown-menu ul span {
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}

.comments-container {
    margin-top: 30px;
}

.comments-block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}

.comments-block-name {
    font-size: 24px;
}

.comments-block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.comments-container button {
    outline: none !important;
}

.comments-settings-btn,
.comments-sort .btn {
    height: 30px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.comments-settings-btn i {
    font-size: 22px;
    line-height: 1;
}

.comments-settings-btn span {
    margin-left: 8px;
    font-size: 13px;
}

.comments-container .comments-settings .dropdown-menu {
    position: absolute;
    left: auto;
    right: 0;
    margin: 5px 0 0;
}

.comments-settings .dropdown-menu > div {
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.comments-settings .dropdown-menu > div ul:first-child {
    margin-right: 30px;
}

@media (max-width: 400px) {
    .comments-settings .dropdown-menu > div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .comments-settings .dropdown-menu > div ul:first-child {
        margin-right: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #91a8c1;
    }
}

.comments-settings .dropdown-menu input[type=radio] {
    display: none;
}

.comments-settings .dropdown-menu label {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding-left: 24px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.comments-settings .dropdown-menu label:before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #91a8c1;
    position: absolute;
    top: 3px;
    left: 0;
}

.comments-settings .dropdown-menu input[type=radio]:checked + label:before {
    background-color: #6a8797;
    border: 3px solid #e3eaef;
}

.comments-container .dropdown-menu {
    /*position: absolute;
    top: 33px;
    left: 82px;*/
    z-index: 1000;
    width: auto;
    min-width: auto;
    padding: 8px 45px 8px 15px;
    margin: -1px 0 0;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #b6c4cb;
    box-shadow: 0 6px 12px rgba(47, 67, 78, .25);
}

.comments-container .comment-footer-row .dropdown-menu {
    margin-top: -7px;
    margin-left: -15px;
}

.comments-container .dropdown-menu li {
    white-space: nowrap;
    cursor: pointer;
}

.comments-container .btn.close,
.comments-container .comment-form-block.comment-otvet .dropdown-menu .btn.close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border-radius: 4px;
    background: none;
    box-shadow: none;
    opacity: 1 !important;
}

.comments-container .btn.close .svg-icon {
    width: 10px;
    height: 10px;
    fill: #b6c4cb;
}

.comments-container .btn.close:hover .svg-icon,
.comments-container .btn.close:focus .svg-icon {
    fill: #6a8797;
}

.comments-container .comment-form-block.comment-otvet .btn.close {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    height: 18px;
    width: 18px;
    display: inline-block;
    float: none;
    font-size: 13px;
}

.comment-otvet .links a .btn.close .svg-icon {
    fill: #2383d7;
}

.comments-block .all_button_top {
    margin: 0 0 20px !important;
}

.comment {
    margin-top: 30px;
}

.comments-out .comment:first-child {
    margin-top: 0;
}

.comment-deleted {
    background-color: #e3eaef;
    border-radius: 4px;
    padding: 15px;
    /*margin-bottom: 20px;*/
    width: 100%;
}

.comment-child {
    padding-left: 45px;
    margin-top: 20px;
}

/*.comment-body,*/
.comment-footer {
    margin-top: 10px;
    position: relative;
}

.comment-root,
.comment-root > div {
    width: 100%;
}

.comment-root,
.comment-root > div,
.comment-child,
.comment-child > div {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
}

/*.comment-root,
.comment-child {
    outline: 1px solid #ff2f55;
}

.comment-main-box {
    outline: 1px solid #008cff;
}*/

.comment-root .comment-main-box {
    width: 100%;
}

.comments-settings-btn,
.comment-header,
.comment-header-info-row,
.megaphones,
.count-megaphone,
.comment-footer-row,
.comment-footer-row .do-like span,
.comment-footer-row .like-active span,
.dropdown-user-header,
.comment-form-block .comment-header > div:first-child,
.comment-otvet .comment-header-info,
.comment-otvet .comment-header-answered,
.comment-footer-row .do-like,
.comment-footer-row .like-active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

.comment-root .user-photo,
.comment-form-block .user-photo,
.dropdown-user-header .user-photo,
.comment-child .dropdown-user-header .user-photo,
.companys-answer .user-photo {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
}

.comment-child .user-photo {
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    height: 35px;
    margin-right: 10px;
}

.comment .user-photo a {
    width: 100%;
    height: 100%;
}

.comment .user-photo a,
.dropdown-user-header .user-photo,
.comment-form-block .user-photo {
    display: block;
    border-radius: 50%;
    border: 1px solid #b6c4cb;
    background-color: #e3eaef;
    overflow: hidden;
    margin-right: 10px;
    transition: outline .05s, border-color .05s;
}

.comment .user-photo .dropdown-toggle:hover,
.companys-answer .user-photo a:hover {
    border: 1px solid rgba(35, 131, 215, 0.5);
    outline: 2px solid rgba(35, 131, 215, 0.5);
}

.companys-answer .user-photo,
.companys-answer .comment-header .user-name {
    pointer-events: none;
}

.comment .user-photo a img,
.dropdown-user-header .user-photo img,
.comment-form-block .user-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.comment-main-box {
    min-width: 200px;
    width: 100%;
}

.comment-header {
    height: 50px;
}

.companys-answer .comment-header {
    margin-bottom: 15px;
}

.comment-child .comment-header {
    height: 35px;
}

.comment-header-info {
    flex-grow: 1;
}

.comment-header-info-row {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.comment-header-info-row > div {
    white-space: nowrap;
}

.comment-header-info-row .user-name,
.comment-header-info-row .user-name-root {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 135px;
    float: left;
}

.comment-header-info-row .user-name {
    margin-right: 7px;
    font-weight: 700;
}

.comment-header-info-row .answered {
    /*font-size: 13px;*/
    float: left;
    /*padding-top: 2px;*/
}

.answered-symbol {
    width: 20px;
    height: 19px;
    margin-right: 5px;
    display: inline;
}

/*.answered-word {
    display: inline;
}*/

/*.comment-header-info-row .user-name,
.comment-header-info-row .answered,
.comment-header-info-row .user-name-root {
    font-size: 14px;
    line-height: 11px;
}*/

.comment-header-info-row .user-name,
.comment-otvet .comment-header-info-row .user-name {
    color: #000;
}

/*.comment-header-info-row .user-name:hover,
.comment-header-info-row .user-name-root:hover {
    text-decoration: underline;
}*/

.comment-header-info .user_status {
    float: left;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 0 4px;
    margin-top: 1px;
    margin-right: 7px;
    line-height: 16px;
    letter-spacing: .05em;
    /* font-weight: 300; */
    background-color: #4abc63;
    color: #fff;
}

.comment-header-info .date {
    white-space: nowrap;
    /*font-size: 13px;*/
}

.comment-text {
    border-radius: 2px;
}

.comment-text.answered {
    background-color: rgba(255, 188, 0, .23);
    outline: 3px solid rgba(255, 188, 0, .23);
}

.container-pobeda .comment-text.answered {
    background-color: rgba(255, 114, 114, 0.23);
    outline: 3px solid rgba(255, 114, 114, 0.23);
}

.comment-text p,
.companys-answer p {
    margin-top: 10px;
}

.comment-text p:first-of-type,
.companys-answer p:first-of-type {
    margin-top: 0;
}

/*.comment-text p a {
    margin-left: 5px;
}

.comment-text p br + a {
    margin-left: 0;
}*/

.comment-text blockquote p strong,
.comment-text blockquote p b,
.ck.ck-content.ck-editor__editable_inline blockquote p strong,
.ck.ck-content.ck-editor__editable_inline blockquote p b {
    font-style: italic;
}

.comment-text blockquote,
.ck.ck-content.ck-editor__editable_inline blockquote {
    position: relative;
    border-radius: 4px;
    padding: 8px 8px 8px 30px;
    margin: 15px 0;
    font-size: inherit;
    word-wrap: break-word;
    font-style: italic;
    overflow: hidden;
    background-color: rgba(161, 184, 201, .3);
    border-left: none;
}

.comment-text blockquote:empty {
    display: none;
}

.comment-text blockquote:after,
.ck.ck-content.ck-editor__editable_inline blockquote:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 18px;
    background-color: #91a8c1;
}

.comment-text blockquote:before,
.ck.ck-content.ck-editor__editable_inline blockquote:before {
    content: '\f100';
    position: absolute;
    top: 8px;
    left: 3px;
    z-index: 1;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #fff;
}

.comment .popup-gallery-comment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: transparent;
    border: none;
    width: calc(100% + 10px);
    padding: 0;
    margin: 10px 0 0 -5px;
}

.comment .popup-gallery-comment:empty {
    display: none;
}

/*.comment .popup-gallery-comment .col-varial {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 640px;
    min-width: 230px;
    width: 100%;
    padding: 5px;
    position: relative;
}*/

.comment .popup-gallery-comment .col-varial {
    width: 20%;
    min-width: 116px;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0;
}

@media (max-width: 767px) {
    .comment .popup-gallery-comment .col-varial {
        width: 25%;
        min-width: 107px;
    }
}

@media (max-width: 575px) {
    .comment .popup-gallery-comment .col-varial {
        width: 33.3333%;
        min-width: 104px;
    }
}

@media (max-width: 399px) {
    .comment .popup-gallery-comment .col-varial {
        width: 50%;
        min-width: 116px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .left_nn .comment .popup-gallery-comment .col-varial {
        width: 33.3333%;
        min-width: 96px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .left_nn .comment .popup-gallery-comment .col-varial {
        width: 20%;
        min-width: 99px;
    }
}

/*.comment-child .comment .popup-gallery-comment .col-varial {
    min-width: 111px;
}*/

.comment .popup-gallery-comment .col-varial:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.comment .popup-gallery-comment .col-varial > a,
.comment .popup-gallery-comment .box_in_com {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.comment .popup-gallery-comment .box_in_com {
    background-color: rgba(29, 79, 114, .12);
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.comment .popup-gallery-comment .box_in_com img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .05s ease;
}

/*Одно фото*/

.comment .popup-gallery-comment.one-image {
    margin-top: 15px;
}

.comment .popup-gallery-comment.one-image .col-varial {
    width: auto;
}

.comment .popup-gallery-comment.one-image .col-varial:before {
    display: none;
}

.comment .popup-gallery-comment.one-image .col-varial > a,
.comment .popup-gallery-comment.one-image .box_in_com {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.comment .popup-gallery-comment.one-image .box_in_com {
    background-color: rgba(29, 79, 114, .12);
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    max-width: 450px;
    max-height: 450px;
    width: auto;
    height: auto;
}

.comment .popup-gallery-comment.one-image .box_in_com img {
    position: relative;
}

.comment .popup-gallery-comment.one-image .box_in_com img.img-g {
    width: 450px;
}

.comment .popup-gallery-comment.one-image .box_in_com img.img-v {
    height: 450px;
}

/*End of Одно фото*/

.comment .popup-gallery-comment .box_in_com:hover img {
    transform: none;
}

.comment .popup-gallery-comment .box_in_com:active img {
    opacity: 0.75;
    transition: all .1s ease;
}

.comment-footer-row {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.comment-footer-row > div:first-child {
    -ms-flex-order: 3;
    order: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.comment-footer-row .comment-answer {
    -ms-flex-order: 1;
    order: 1;
    margin: 0 20px 0 0;
}

.comment-footer-row .dropdown {
    -ms-flex-order: 2;
    order: 2;
}

.comment-footer-row .do-like,
.comment-footer-row .like-active {
    line-height: normal;
    cursor: default;
    float: none;
    margin-left: 1px;
    z-index: 1;
}

.comment-guest .dropdown.user-photo,
.comment-guest .comment-header-info-row .user-name {
    pointer-events: none;
}

.comment-guest .comment-footer-row .do-like,
.comment-guest .comment-footer-row .like-active,
.comments-container .comment-guest .dropdown-menu li.claim_guest {
    pointer-events: none;
    opacity: .3;
}

.comment-footer-row .do-like-button {
    margin: 0;
    line-height: 40px;
    cursor: pointer;
}

.comment-footer-row .do-like-button i {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    display: block;
    width: 18px;
    height: 18px;
}

/*.comment-footer-row .do-like .do-like-button i:before {
    content: "\f087";
}

.comment-footer-row .like-active .do-like-button i:before {
    content: "\f164";
}*/

.comment-footer-row .do-like .do-like-button i:before,
.comment-footer-row .like-active .do-like-button i:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 1;
}

.comment-footer-row .do-like .do-like-button i:before {
    background: url(/themes/default/front/img/like-contur.svg) no-repeat center;
    background-size: contain;
}

.comment-footer-row .do-like .do-like-button i:hover:before {
    background: url(/themes/default/front/img/like-contur-green.svg) no-repeat center;
    background-size: contain;
}

.comment-footer-row .like-active .do-like-button i:before {
    background: url(/themes/default/front/img/like-green.svg) no-repeat center;
    background-size: contain;
}

/*---------------------*/

.comment-footer-row .do-like.like-ghost .do-like-button i:after,
.comment-footer-row .like-active.like-ghost .do-like-button i:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

.comment-footer-row .do-like.like-ghost .do-like-button i:after {
    background: url(/themes/default/front/img/like-contur-green.svg) no-repeat center;
    background-size: contain;
    top: -3px;
    animation: like-ghost-animation-add .5s 1;
    animation-fill-mode: forwards;
}

.comment-footer-row .like-active.like-ghost .do-like-button i:after {
    background: url(/themes/default/front/img/like-green.svg) no-repeat center;
    background-size: contain;
    top: -3px;
    animation: like-ghost-animation-clear .5s 1;
    animation-fill-mode: forwards;
}

@keyframes like-ghost-animation-add {
    from {
        transform: translateY(-300%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: .7;
    }
}

@keyframes like-ghost-animation-clear {
    from {
        transform: translateY(0);
        opacity: .7;
    }
    to {
        transform: translateY(-300%);
        opacity: 0;
    }
}

/*---------------------*/

.comment-footer-row .do-like-button-count {
    margin-left: 5px;
    font-weight: 700;
}

/*.comment-footer-row .do-like-button-count {
    opacity: 0;
    width: 0;
    animation: item-animation 2s 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
}

@keyframes item-animation {
    from {
        opacity: 0;
        width: 0;
    }
    to {
        opacity: 1;
        width: auto;
    }
}*/

.comment-footer-row .like-active .do-like-button,
.comment-footer-row .like-active .do-like-button i,
.comment-footer-row .like-active .do-like-button-count,
.comment-footer-row .do-like-button:hover,
.comment-footer-row .do-like-button:focus,
.comment-footer-row .do-like-button:active,
.comment-footer-row .do-like-button:hover i,
.comment-footer-row .do-like-button:focus i,
.comment-footer-row .do-like-button:active i {
    color: #4bb467;
}

.comment-answer {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border: none;
    padding: 0 2px;
    margin: 0 20px 0 16px;
    line-height: 30px;
    user-select: none;
}

.comment-popup-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.dropdown-toggle.comments-settings-btn:after,
.comment-popup-btn:after {
    display: none !important;
}

.comment-popup-btn .dot {
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    margin: 2px;
    transition: .05s ease-in-out;
    background-color: #6a8797;
}

.comment-popup-btn:hover .dot,
.comment-popup-btn:focus .dot {
    background-color: #2383d7;
}

.comment-popup-panel {
    display: none;
    position: absolute;
    right: 0;
    bottom: 30px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
    padding: 20px 5px 5px;
}

.comment-popup-panel .close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

.comment-popup-panel .claim_user {
    cursor: pointer;
}

.comment-footer-row.all-answers {
    line-height: 24px;
    margin-top: 10px;
    margin-left: 105px;
    cursor: pointer;
    display: inline-block;
    user-select: none;
    width: auto;
}

.comments-container .dropdown-menu.dropdown-user {
    min-width: 293px;
    max-width: 360px;
    /*padding: 15px 30px 15px 15px;*/
    padding: 10px 30px 15px 10px;
    margin: -61px 0 0 -11px;
    user-select: none;
}

.comments-container .comment-child .dropdown-menu.dropdown-user {
    margin: -46px 0 0 -11px;
}

.dropdown-user-header {
    position: relative;
}

.comments-block .dropdown-user .dropdown-user-header .user-photo {
    position: relative;
    top: auto;
    left: auto;
    transition: all .3s;
}

.dropdown-user-header-info {
    width: calc(100% - 60px);
}

.comments-block .dropdown-user .dropdown-user-header .user-name {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-user-header .dropdown-user-header-info a {
    border: none;
    border-radius: 0;
    overflow: unset;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 20px;
    white-space: nowrap;
}

.dropdown-user-about {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0 0 60px;
}

.dropdown-user-about-title {
    font-weight: 700;
    font-size: 15px;
}

.dropdown-user .megaphones {
    margin-top: 5px;
}

.dropdown-user .count-megaphone span {
    margin-right: 10px;
    font-size: 15px;
    line-height: 22px;
    color: #1e2c34;
}

.dropdown-user .count-megaphone img {
    width: 22px;
    height: 22px;
    top: 1px;
    position: relative;
    margin-right: 5px;
}

.dropdown-user-about-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.age-on-site {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #4abc63;
}

.user-star {
    fill: #fbaf43;
    stroke: #fff;
    stroke-width: 8px;
    stroke-linejoin: round;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 2px;
    left: -5px;
    z-index: 1;
}

.comment-child .dropdown > .user-star {
    top: 0;
    left: -7px;
}

.comment-child .dropdown > .user-star {
    top: 0;
    left: -7px;
}

.dropdown-user-header .user-star {
    top: 2px;
    left: -5px;
}

/*Анимация dropdown*/

.comments-container .comments-settings .dropdown-menu,
.comment-form-block .dropdown-menu,
.comment-form-block .guest-user .links + .dropdown .dropdown-menu {
    transform: scale(0);
    transform-origin: right top;
}

.comment-form-block .guest-user .dropdown-menu {
    transform: scale(0);
    transform-origin: left top;
}

.comments-container .dropdown-menu.dropdown-user {
    transform: scale(0);
    transform-origin: 40px 40px;
}

.comments-container .comment-footer-row .dropdown-menu {
    transform: scale(0);
    transform-origin: left top;
}

.comments-container .comments-settings .dropdown.open .dropdown-menu,
.comments-container .dropdown.open .dropdown-menu.dropdown-user,
.comments-container .comment-footer-row .dropdown.open .dropdown-menu,
.comment-form-block .dropdown.open .dropdown-menu {
    animation: dropdown-menu-animation .2s 1;
    animation-fill-mode: forwards;
}

@keyframes dropdown-menu-animation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.container-pobeda .comments-container .dropdown-menu {
    top: auto !important;
    left: auto !important;
}

.container-pobeda .comments-container .comments-settings .dropdown.show .dropdown-menu.show,
.container-pobeda .comments-container .dropdown.show .dropdown-menu.dropdown-user.show,
.container-pobeda .comments-container .comment-footer-row .dropdown.show .dropdown-menu.show,
.container-pobeda .comment-form-block .dropdown.show .dropdown-menu.show {
    transform: translate3d(0, 0, 0) scale(1) !important;
}


/*.comments-block .comment-root .dropdown.open .dropdown-user .dropdown-user-header .user-photo,
.comment-root .dropdown-user-header .user-star {
    transform: translate(-5px, -5px);
    animation: item-animation-root .3s 1;
    animation-fill-mode: forwards;
}

@keyframes item-animation-root {
    from {
        transform: translate(-5px, -5px);
    }
    to {
        transform: translate(0, 0);
    }
}

.comments-block .comment-child .dropdown-user .dropdown-user-header .user-photo {
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    height: 35px;
    transform: translate(-5px, -10px);
    animation: item-animation-child .3s 1;
    animation-fill-mode: forwards;
}

@keyframes item-animation-child {
    from {
        transform: translate(-5px, -10px);
        -ms-flex: 0 0 35px;
        flex: 0 0 35px;
        max-width: 35px;
        height: 35px;
    }
    to {
        transform: translate(0, 0);
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        max-width: 50px;
        height: 50px;
    }
}

.comment-child .dropdown-user-header .user-star {
    transform: translate(-7px, -7px);
    animation: star-animation-root .3s 1;
    animation-fill-mode: forwards;
}

@keyframes star-animation-root {
    from {
        transform: translate(-7px, -7px);
    }
    to {
        transform: translate(0, 0);
    }
}*/

/*End of Анимация dropdown*/

/*Форма комментария*/

.comment-form-title {
    margin-top: 30px;
}

.comments-block .comment .comment-otvet {
    margin-top: 10px;
    margin-bottom: 20px;
}

.com-style-2.comments-block .comment .comment-otvet {
    margin-top: 20px;
}

.comment-form-block {
    margin-top: 20px;
}

.comment-form-block .comment-header {
    margin-bottom: 10px;
}

.comment-form-block .comment-header > div:first-child {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.comment-form-block .comment-header-info-row > .comment-header-info-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 22px;
}

.comment-otvet .comment-header-info {
    width: calc(100% - 60px);
    overflow: hidden;
}

.comment-otvet .guest-user .comment-header-info {
    overflow: unset;
}

.comment-otvet .comment-header-info-row,
.comment-otvet .comment-header-answered {
    max-width: calc((100vw - 30px - 85px) / 2);
}

.comment-otvet .comment-header-answered .user-name-root {
    white-space: nowrap;
    max-width: calc(100% - 25px);
}

.comment-header-info-row .hat-count,
.comment-form-block .comment-header .annotation {
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
}

.comment-header-info-row .comment-header-info-block .hat-count span {
    white-space: nowrap;
    display: inline-block;
}

.comment-header-info-row .comment-header-info-block .hat-count-text {
    margin-right: 5px;
}

.comment-header-info-row .comment-header-info-block .hat-count span:last-child {
    text-decoration: underline;
    cursor: pointer;
}

.comment-form-block .comment-header .annotation-text {
    font-size: 13px;
    line-height: 1.25;
    white-space: normal;
}

.comment-form-block .comment-header > .annotation-text {
    width: calc(100% - 320px);
    padding: 0 30px;
}

.comment-form-block.comment-otvet .comment-header > .annotation-text {
    padding: 0 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .left_nn .comment-form-block .comment-header > .annotation-text {
        width: calc(100% - 90px);
        padding: 0 20px;
    }
}

.danger-text {
    color: #ff2020;
    font-weight: 700;
}

.comment-form-block .comment-popup-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 32px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.comment-form-block .dropdown-annotation .comment-popup-btn {
    width: auto;
    -ms-flex-direction: row;
    flex-direction: row;
}

.comment-form-block .dropdown-annotation .comment-popup-btn span {
    font-size: 13px;
    margin-right: 7px;
}

.comment-form-block .dropdown-annotation .comment-popup-btn i {
    margin-top: 1px;
}

.comment-form-block .comment-header .annotation,
.comment-form-block .dropdown-annotation .comment-popup-btn,
.comment-form-block .dropdown-annotation .comment-popup-btn span,
.comment-form-block .dropdown-annotation .comment-popup-btn i {
    color: #6a8797;
}

.comment-form-block .dropdown-menu {
    left: auto;
    right: 0;
}

.comment-form-block .dropdown-annotation .dropdown-menu {
    left: 0;
    right: auto;
    width: calc(100vw - 90px);
    max-width: 360px;
}

.comment-form-block .dropdown-menu > li > a {
    padding: 0;
    font-size: 13px;
    line-height: 26px;
    text-align: left;
    background-color: transparent;
}

.for-phone .comments-sort .btn,
.for-phone .comments-container .dropdown-menu li,
.for-phone .comment-form-block .dropdown-menu > li > a {
    line-height: 30px;
}

.comment-form-block .dropdown-menu > li > a.how_write {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}

.comment-form-block .comment-header .dropdown,
.comment-form-block .comment-header .dropdown-annotation {
    display: none;
}

.comment-form-block .comment-header .links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    font-size: 13px;
    line-height: 22px;
    margin-left: 20px;
}

.comment-form-block .comment-header .links a {
    line-height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}

.comment-form-block .comment-header.guest-user .links a {
    min-height: 25px;
    line-height: 1.2;
}

.comment-form-block .comment-header .links .how_write {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}

.comment-form-block .comment-header .links .how_write b {
    line-height: 25px;
}

.comment-form-body {
    position: relative;
}

.comment-form-block .ck.ck-toolbar {
    border: 1px solid #b6c4cb !important;
    border-bottom: none !important;
    border-radius: 16px 16px 0 0 !important;
    background-color: #e3eaef !important;
    padding: 0 10px;
    height: 50px;
}

.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
    background: rgba(0, 0, 0, .09) !important;
}

.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active,
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:active),
.ck.ck-splitbutton:active > .ck-button:not(.ck-on):not(.ck-disabled):not(:active),
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
    background: rgba(0, 0, 0, .15) !important;
    border: none !important;
}

.comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.comment-form-block .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    box-shadow: none;
    border-color: #b6c4cb !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 10px !important;
    min-height: 72px;
}

/*.comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused {
    box-shadow: inset 0 0 0 2px rgba(35, 131, 215, 0.5) !important;
    background-color: #fff;
}*/

.comment-form-block .ck.ck-button {
    border-radius: 4px !important;
    box-shadow: none !important;
}

.comment-form-block .ck.ck-icon {
    color: #000 !important;
}

/*Для отладки дизайна*/
/*.comment-form-block.normal_theme .comment-header.anonim-user,
.comment-form-block.normal_theme .comment-header.guest-user,
.comment-form-block.anonim_theme .comment-header.normal-user,
.comment-form-block.anonim_theme .comment-header.guest-user,
.comment-form-block.guest .comment-header.normal-user,
.comment-form-block.guest .comment-header.anonim-user {
    display: none;
}

.comment-form-block.normal_theme .comment-header.normal-user,
.comment-form-block.anonim_theme .comment-header.anonim-user,
.comment-form-block.guest .comment-header.guest-user {
    display: flex;
}*/

/*End of Для отладки дизайна*/

.comment-form-block.anonim_theme .ck.ck-toolbar {
    border: 1px solid #6a8797 !important;
    background-color: #6a8797 !important;
}

.comment-form-block.anonim_theme .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.comment-form-block.anonim_theme .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: #6a8797 !important;
}

.comment-form-block.anonim_theme .comment-form-footer {
    border-color: #6a8797 !important;
}

.comment-form-block.anonim_theme .ck.ck-icon {
    color: #fff !important;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.4;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p span {
    background-color: transparent !important;
    color: inherit !important;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p:first-child {
    margin-top: 0;
}

.comment-form-block .ck.ck-content.ck-editor__editable_inline p:last-child {
    margin-bottom: 0;
}

.comment-form-block .comment-form-footer {
    position: relative;
    border: 1px solid #b6c4cb !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.comment-form-block .comment-form-footer.not-empty {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.comment-form-footer-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

.comment-form-block .comment-form-footer.not-empty .comment-form-footer-button {
    margin-top: 10px;
}

.comment-form-block .comment-form-footer input[type=button] {
    margin-top: 0;
    height: 35px;
    line-height: 35px;
    width: auto;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 15px;
    letter-spacing: .5px;
}

.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit {
    background-color: transparent;
    margin-top: 0;
    margin-right: 15px;
    height: 35px;
    line-height: 35px;
    width: auto;
    border: none;
    border-radius: 0;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    padding: 0 10px;
    letter-spacing: normal;
}

.edit-comment-mode .comment-form-block .comment-form-footer input[type=button].cancel-edit:hover {
    text-decoration: underline;
}

.comment-form-block .file-upload,
.comment-form-block .comment-form-footer input[type=button] {
    background-color: #2383d7;
}

.comment-form-block .file-upload:hover,
.comment-form-block .comment-form-footer input[type=button]:hover {
    background-color: #1b73c0;
}

.comment-form-block .file-upload:active,
.comment-form-block .comment-form-footer input[type=button]:active {
    transform: translateY(1px);
}

.comment-form-block .file-upload {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    cursor: pointer;
}

.preload-start {
    margin-top: 30px;
    text-align: center;
}

.comment-form-block .file-upload .preload_nn {
    position: absolute;
    background: #2383d7;
    padding: 10%;
}

.comment-form-block .file-upload .preload_nn img {
    width: 100%;
    height: 100%;
}

.comment-form-block input[type="file"].comment-photos {
    display: none;
}

.comment-form-block .file-upload svg {
    width: 23px;
    height: 35px;
    fill: #fff;
}

.comment-form-add-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.comment-form-add-image .add-image-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -5px;
}

.comment-form-add-image .image-box {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 109px;
    /*max-width: 50%;
    min-width: 106px;
    flex-grow: 1;*/
    position: relative;
    user-select: none;
}

.comment-form-add-image .image-box:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.comment-form-add-image .image-box .delete {
    background: rgba(11, 11, 11, 0.2) url(/themes/default/front/img/close.svg) no-repeat center;
    background-size: 60%;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 0 2px 0 2px;
    cursor: pointer;
    transition: none;
}

.comment-form-add-image .image-box .image_preview {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    overflow: hidden;
    border-radius: 2px;
}

.comment-form-add-image .image-box .image_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*Режим редактирования*/

.edit-comment-mode .comment-main-box {
    border-radius: 0 !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
}

.com-style-2.com-style-3 .comment-child.edit-comment-mode > .user-photo {
    position: absolute;
    top: 0;
    left: 0;
}

.edit-comment-mode .comment-header {
    padding: 0 !important;
    margin-bottom: 10px !important;
    border-radius: 0 !important;
    border: none !important;
    background-color: transparent !important;
}

.comment-root.edit-comment-mode .comment-header {
    height: 50px;
}

.comment-child.edit-comment-mode .comment-header {
    height: 35px;
}

.edit-comment-mode .comment-form-block {
    margin-top: 10px;
}

/*End of Режим редактирования*/

.comment .tooltip-like,
.add_text_tooltip,
.add_photo_tooltip,
.add_login_tooltip {
    position: absolute;
    z-index: 1000;
    background: #fff7d5;;
    padding: 3px 7px;
    border: 1px solid #b6c4cb;
    border-radius: 4px;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .2);
    font-size: 13px;
    max-width: calc(100% - 80px);
    text-align: left;
    display: none;
}

.comment .tooltip-like {
    top: 26px;
    left: auto;
    right: 0;
    max-width: none;
}

.add_text_tooltip {
    bottom: 5px;
    right: 10px;
}

.add_photo_tooltip,
.add_login_tooltip {
    top: 13px;
    left: 55px;
}

@media (max-width: 991px) {
    .comment-form-block .comment-header .annotation,
    .comment-form-block .comment-header > .annotation-text {
        display: none;
    }

    .comment-form-block .comment-header .dropdown-annotation {
        display: block;
    }
}

@media (max-width: 575px) {
    /*.comment-form-block .comment-form-container {
        width: calc(100% + 30px);
        margin-left: -15px;
    }*/

    .edit-comment-mode .comment-form-block .comment-form-container {
        box-shadow: 0 6px 24px rgba(47, 67, 78, .25);
    }

    .com-style-1 .edit-comment-mode.comment-child .comment-form-block .comment-form-container {
        width: calc(100% + 30px + 60px);
        margin-left: -75px;
    }

    .com-style-2 .edit-comment-mode.comment-child .comment-form-block .comment-form-container {
        width: calc(100% + 30px + 45px);
        margin-left: -60px;
    }

    .comment-form-block .comment-header .links {
        display: none;
    }

    .comment-form-block .comment-header .dropdown,
    .comment-form-block .comment-header .links.links-close-guest {
        display: block;
    }

    /*.comment-form-block .comment-header.guest-user .links {
        display: -ms-flexbox;
        display: flex;
        margin-left: 20px;
        line-height: 1.25;
        padding: 7px 0;
    }*/
    /*.comment-form-block .ck.ck-toolbar,
    .comment-form-block .comment-form-footer {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }*/

    /*.comment-form-block .ck.ck-editor__main > .ck-editor__editable.ck-focused,
    .comment-form-block .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
        border-left: none !important;
        border-right: none !important;
        padding: 10px 20px !important;
    }*/

    .comment-form-block .comment-form-footer {
        padding: 10px 20px;
    }

    .add_text_tooltip {
        right: 20px;
    }

    .add_photo_tooltip,
    .add_login_tooltip {
        left: 60px;
    }
}

@media (max-width: 480px) {
    .add_photo_tooltip,
    .add_login_tooltip {
        max-width: 240px;
        top: 10px;
        left: 60px;
    }

    .add_login_tooltip {
        max-width: calc(100% - 217px);
    }
}

/*End of Форма комментария*/

.message_ban {
    background-color: #6a8797;
    padding: 15px;
    border-radius: 4px;
}

.comment-form-block .message_ban a {
    color: #a9d7fe;
    text-decoration: underline;
}

.comment .message_ban p,
.comment .message_ban p span {
    color: #fff;
}

.message_ban p:last-child {
    margin-bottom: 0;
}

/*Скин*/

.com-style-1 .comment {
    margin-top: 0;
    padding-bottom: 0;
}

.com-style-1 .comment-root,
.com-style-1 .comment-child {
    padding-top: 16px;
    padding-bottom: 12px;
}

.com-style-1 .comment-root:before,
.com-style-1 .comment-child:before {
    content: '';
    position: absolute;
    top: 0;
    height: 0;
}

.com-style-1 .comment-root:before {
    left: 60px;
    width: calc(100% - 60px);
    border-bottom: 1px solid #b6c4cb;
}

.com-style-1 .comment-child:before {
    left: 105px;
    width: calc(100% - 105px);
    border-bottom: 1px dashed #b6c4cb;
}

.com-style-1 .comment-child .comment-main-box {
    width: 100%;
}

.com-style-1 .comments-out .comment:first-child .comment-root:before {
    display: none;
}

.com-style-1 .comment .comment-root .dropdown.user-photo {
    position: absolute;
    top: 4px;
    left: 0;
}

.com-style-1 .comment-root.edit-comment-mode .comment-header {
    height: 50px;
}

.com-style-1 .comment .comment-form-block .user-photo {
    position: relative;
    top: auto;
    left: auto;
}

.com-style-1 .comment-root .comment-header,
.com-style-1 .comment-child .comment-header {
    -ms-flex-align: start;
    align-items: flex-start;
    height: 43px;
}

.com-style-1 .comment-root .comment-header-info {
    margin-left: 60px;
}

.com-style-1 .comment-child {
    padding-left: 0;
    margin-top: 0;
}

.com-style-1 .comment-child > div {
    margin-left: 60px;
    width: calc(100% - 60px);
}

.com-style-1 .comment-root .comment-body,
.com-style-1 .comment-root .comment-footer {
    padding-left: 60px;
}

.com-style-1 .comment-footer {
    margin-top: 7px;
}

.com-style-1 .comment-footer-row.all-answers {
    border-radius: 4px;
    background-color: #e3eaef;
    padding: 0 12px;
    margin-top: 0;
    margin-bottom: 20px;
}

.com-style-1 .comment .comment-otvet {
    margin-left: 60px;
}

.com-style-2 .comment-header,
.com-style-2 .comment-body,
.com-style-2 .comment-footer {
    background-color: #e3eaef;
}

.com-style-2 .comment-otvet .comment-header {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.com-style-2 .comment-child {
    margin-top: 10px;
    width: calc(100% - 60px);
}

.com-style-2 .comment-header {
    border-radius: 16px 16px 0 0;
}

.com-style-2 .comment-footer {
    border-radius: 0 0 16px 16px;
}

.com-style-2 .comment-body,
.com-style-2 .comment-footer {
    margin-top: 0;
}

/*.com-style-2 .edit-comment-mode .comment-header {
    background-color: #e3eaef !important;
    border-radius: 16px 16px 0 0 !important;
    height: auto !important;
    padding: 10px 10px 0 !important;
    margin-bottom: 0 !important;
}*/

/*.com-style-2 .comment-header-info {
    min-height: 35px;
}*/

.com-style-2 .comment-header {
    height: auto;
    padding: 10px 10px 0;
}

.com-style-2 .comment-body {
    padding: 10px;
}

.com-style-2 .comment-footer {
    padding: 0 10px 10px;
}

.com-style-2 .comment-child,
.com-style-2.com-style-3 .comment .comment-otvet {
    margin-left: 60px;
    padding: 0;
}

.com-style-2 .comment .comment-otvet {
    margin-left: 105px;
}

/*.com-style-2.com-style-3 .comment-child {
    margin-top: 15px;
}*/

.com-style-2.com-style-3 .comment-main-box {
    box-shadow: 0 3px 5px rgba(31, 60, 82, 0.15);
    border: 1px solid #b6c4cb;
    border-radius: 16px;
}

.com-style-2.com-style-3 .comment-header,
.com-style-2.com-style-3 .comment-body,
.com-style-2.com-style-3 .comment-footer {
    background-color: #ffff;
}

.com-style-2.com-style-3 .comment-child > .user-photo {
    position: absolute;
    top: 10px;
    left: 10px;
}

/*.com-style-2.com-style-3 .comment-child .comment-header-info {
    padding-left: 45px;
}*/

.com-style-2.com-style-3 .comment-child .comment-body {
    padding: 10px;
}

.com-style-2.com-style-3 .comment-child .comment-footer {
    padding: 0 10px 10px 10px;
}

.com-style-2.com-style-3 .comment-footer-row.all-answers {
    margin-left: 60px;
}


/*End of Скин*/

@media (max-width: 575px) {
    .comments-settings-btn i {
        font-size: 30px;
        line-height: 1;
    }

    .comments-settings-btn span {
        display: none;
    }

    .comment-child .comment-header-info-row .user-name,
    .comment-child .comment-header-info-row .user-name-root {
        max-width: 22vw;
    }

    .comment-child .comment-header-info .user_status {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 19vw;
    }

    .com-style-1 .comment-child .comment-header-info .user_status {
        max-width: 37px;
    }

    .comment-header-info-row .user-name,
    .comment-header-info .user_status {
        margin-right: 4px;
    }

    /*.answered-symbol {
        display: inline;
    }

    .answered-word {
        display: none;
    }*/
    .comment-footer-row.all-answers {
        margin-left: 45px;
    }

    /*Скин*/
    .com-style-1 .comment-child > div {
        padding-left: 0;
    }

    .com-style-1 .comment-child:before {
        left: 60px;
        width: calc(100% - 60px);
    }

    .com-style-1 .comment-child .user-photo {
        position: absolute;
        top: 0;
        left: 0;
    }

    .com-style-1 .comment-child .comment-header {
        width: calc(100% - 45px);
        margin-left: 45px;
    }

    .com-style-1 .comment .comment-otvet,
    .com-style-2 .comment .comment-otvet,
    .com-style-2.com-style-3 .comment .comment-otvet {
        margin-left: 0;
    }

    .com-style-1 .comment-footer-row.all-answers {
        margin: 0 0 20px 60px;
    }

    .com-style-2 .comment-root .user-photo {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .com-style-2 .comment-root .comment-header {
        height: 60px;
        padding: 10px 10px 0;
    }

    .com-style-2 .comment-root .comment-header-info {
        margin-left: 60px;
    }

    .com-style-2 .comment-child {
        margin-left: 0;
        width: 100%;
    }

    /*.com-style-2 .comment-child .comment-header {
        height: 45px;
        padding: 10px 10px 0;
    }

    .com-style-2 .comment-child .comment-header-info {
        margin-left: 45px;
    }*/
    .com-style-2 .comment-child .comment-header-info-row .user-name,
    .com-style-2 .comment-child .comment-header-info-row .user-name-root {
        max-width: 23vw;
    }

    .com-style-2 .comment-child .comment-header-info .user_status {
        max-width: 13vw;
    }

    .com-style-2.com-style-3 .comment-footer-row.all-answers {
        margin-left: 0;
    }

    /*End of Скин*/

}

/*@media (max-width: 439px) {
    .com-style-1 .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-1 .comment-footer-row .dropdown-menu {
        margin-left: auto;
        left: 60px;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .comments-container .com-style-12 .comment-child .comment-footer-row .dropdown-menu {
        left: 0;
    }

}*/

@media (max-width: 419px) {
    .com-style-2 .comment-child .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-2 .comment-child .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -14px;
        left: 0;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .container-pobeda .comments-container .com-style-2 .comment-child .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -7px;
        top: auto !important;
        left: 0 !important;
        right: auto !important;
        transform: scale(0);
        transform-origin: top;
    }
}

@media (max-width: 379px) {
    .com-style-1 .comment-child .comment-header-info-row .user-name,
    .com-style-1 .comment-child .comment-header-info-row .user-name-root {
        max-width: 17vw;
    }

    .com-style-1 .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-1 .comment-footer-row .dropdown-menu {
        margin-left: auto;
        left: 60px;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .comments-container .com-style-1 .comment-child .comment-footer-row .dropdown-menu {
        left: 0;
    }

    .container-pobeda .comments-container .com-style-1 .comment-footer-row .dropdown-menu {
        margin-left: auto;
        top: auto !important;
        left: 60px !important;
        right: auto !important;
        transform: scale(0);
        transform-origin: top;
    }

    .container-pobeda .comments-container .com-style-1 .comment-child .comment-footer-row .dropdown-menu {
        left: 0 !important;
    }

    .com-style-2 .comment-root .comment-footer .dropdown {
        position: unset;
    }

    .comments-container .com-style-2 .comment-root .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -14px;
        left: 0;
        right: auto;
        transform: scale(0);
        transform-origin: top;
    }

    .container-pobeda .comments-container .com-style-2 .comment-root .comment-footer-row .dropdown-menu {
        margin-left: 0;
        margin-top: -7px;
        top: auto !important;
        left: 0 !important;
        right: auto !important;
        transform: scale(0);
        transform-origin: top;
    }

}

@media (max-width: 369px) {
    .comments-block-name {
        font-size: 22px;
    }

    .comments-container .dropdown-menu.dropdown-user {
        max-width: calc(100vw - 30px);
    }

    .comments-container .com-style-1 .comment-child .dropdown-menu.dropdown-user {
        margin: -46px 0 0 -71px;
        transform-origin: 90px 30px;
    }

    .comments-container .com-style-2 .comment-child .dropdown-menu.dropdown-user {
        margin: -46px 0 0 -11px;
        transform-origin: 20px 30px;
    }

    /*.comments-container .dropdown-menu.dropdown-user {
        min-width: auto;
        max-width: none;
        width: 100vw;
        margin: -60px 0 0 -15px;
        padding: 10px 30px 15px 15px;
        border-radius: 0;
        border: none;
        box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
    }

    .comments-container .comment-child .dropdown-menu.dropdown-user {
        margin: -45px 0 0 -15px;
    }

    .comments-container .com-style-2 .comment-root .dropdown-menu.dropdown-user {
        margin: -60px 0 0 -25px;
    }*/
}

/*Инкогнито*/

#hatBuy.modal {
    text-align: center;
    height: 100%;
}

#hatBuy.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

#hatBuy .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.comment_mob_lite .pol_name .pol_name_guest .anonum-block,
.comment_mob_lite .pol_name .anonum-block {
    height: 50px;
    margin-right: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
}

.anonum-block .name {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.anonim_theme.comment_mob_lite .pol_name p.hat-count {
    font-size: 14px;
    line-height: 1;
    font-weight: 300;
    margin-top: 3px;
}

.anonum-block .hat-count span {
    white-space: nowrap;
    display: inline;
}

.anonum-block .hat-count span:last-child {
    text-decoration: underline;
    cursor: pointer;
}

.modal-backdrop.fade.in.forHat {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.1);
}

#hatBuy .modal-dialog {
    width: 350px;
    height: auto;
    margin: 0;
}

@media (max-width: 370px) {
    #hatBuy .modal-dialog {
        width: calc(100% - 20px);
    }
}

#hatBuy .modal-content {
    border-radius: 4px;
    padding: 25px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2), 0 0 45px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2), 0 0 45px rgba(0, 0, 0, .3);
}

#hatBuy .modal-header {
    padding: 0 0 15px;
    border-bottom: 1px solid #000;
}

#hatBuy .close {
    background-image: url(/themes/default/front/img/close-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
}

.alert-zero {
    padding: 10px;
    margin: 20px auto 20px;
    text-align: center;
    color: #000;
    background-color: rgba(231, 0, 0, 0.2);
}

#hatBuy .modal-body {
    padding: 10px 0;
}

#hatBuy .modal-footer {
    padding: 15px 0 0;
    border-top: 1px solid #000;
}

#hatBuy .modal-header p,
.hatBuy-price {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#hatBuy .modal-header p {
    -ms-flex-align: start;
    align-items: flex-start;
}

#hatBuy,
#hatBuy p {
    font-family: 'Roboto';
}

.hat-icon {
    display: inline-block;
    background-image: url(/themes/default/front/img/anonim.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 26px;
    height: 26px;
    margin-right: 7px;
}

.hatBuy-row {
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.hatBuy-price {
    font-size: 16px;
}

.hatBuy-row:hover .hatBuy-price {
    font-weight: 700;
}

.rub-symbol {
    margin-left: 5px;
}

.hatBuy-row button {
    width: 90px;
    height: 26px;
    border-radius: 4px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .1s;
    color: #fff;
    background-color: #2dac53;
}

.hatBuy-row button:hover {
    box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.15);
}

.hatBuy-row button:active {
    transform: translateY(2px);
}

#hatBuy .modal-footer {
    text-align: left;
}

.attension-anonim {
    text-transform: uppercase;
    font-weight: 700;
    color: #e70000;
}

.comment_mob_lite .captcha-item {
    margin-top: 10px;
}

.coment_text .answer {
    color: var(--moe-blue);
    font-family: 'Roboto Condensed';
}

.coment_text .answer a {
    font-weight: 700;
}

.comets_block_wr .comets_block .com_marker:hover {
    background-color: #b1e0fd;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 77, 136, 0.90);
    box-shadow: 0 0 1px 0 rgba(0, 77, 136, 0.90);
}

.anonim_theme.comment_mob_lite {
    /*background-color: #535353;*/
    background-color: #60686f;
}

.anonim_theme.comment_mob_lite .pol_name a,
.anonim_theme.comment_mob_lite .pol_name p {
    /*color: #acacac;*/
    min-width: 60px;
}

.anonim_theme.comment_mob_lite .pol_name .how_write {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button] {
    /*background-color: #8a8a8a;*/
    background-color: #959ca3;
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button]:hover,
.anonim_theme.comment_mob_lite .coment_form_wr input[type=button]:focus {
    /*background-color: #7a7a7a;*/
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, 0.15);
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button]:active {
    /*background-color: #424242;*/
    box-shadow: inset 0 0 200px 0 rgba(0, 0, 0, 0.65);
}

.anonim_theme.comment_mob_lite .file-upload label span:hover,
.anonim_theme.comment_mob_lite .file-upload label span:focus {
    /*background-color: #393939;*/
    background-color: #45484c;
}

.anonim_theme.comment_mob_lite .file-upload label span:active {
    /*background-color: #333333;*/
    background-color: #272a2d;
}

.anonim_theme.comment_mob_lite .coment_form_wr input[type=button].close_form_otvet {
    background-color: transparent !important;
}

/*--------------------------------*/

.message_ban_box {
    padding: 30px 30px 20px;
}

.comment_mob_lite input[type=button].close_form_otvet {
    margin-top: 0;
    width: auto;
    border: none;
    background-color: transparent;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 17px;
}

.message_ban p {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    color: #fff;
}

.head_in {
    font-size: 23px;
    font-weight: 700;
}

.head_admin {
    font-weight: 700;
}

.message_ban a {
    color: #a9d7fe;
    text-decoration: underline;
}

/*End of Инкогнито*/