/* html { scroll-behavior: smooth; } */
/* плавный скролл */

.comments_item { width: 100%;}


.BUTTON-BLOCK { margin-bottom: 35px;}

.question-topbar{ margin-bottom: 5px;}
.question-page-subtitle h2 {/*font-size: 22px;*/ line-height: 1.4; font-weight: bold; margin-bottom: 20px;}
.question-page-subtitle h2 span { font-size: 80%; display: block; font-weight: normal; margin-top: 10px;}


.subtitle{ width: 33%; font-style: italic; font-size: 14px; text-align: right;}

.question-page-subtitle,
.article-comments-header,
.align-space-between{display: flex; justify-content: space-between; }


.block-comments-latest .set-masonry-js,
.block-comments-latest .comments_list{margin-top: 10px; margin-bottom: 30px; }


.btn-primary.btn-inverse2.btn-normal{ padding: .375rem 1rem;}

.radio-buttons { display: flex; flex: 1 1 50%;}

/*
.form-control{ outline: none !important;}
.form-control:focus{ box-shadow: 0px 0px 5px 2px rgba(57,57,188,.15);}
*/

.COMMENTS-FORM .form-check-input { position: relative;  margin: inherit; }
.COMMENTS-FORM .radio-buttons .invalid-feedback  {  position: absolute; margin-top: 35px; }

.COMMENTS-FORM.not_logged { text-align: center;}
.COMMENTS-FORM.not_logged .question-page-subtitle {display: block;}
.COMMENTS-FORM.not_logged .subtitle { width: auto; text-align: center;}



/* .rating:not(.disabled) .stars:hover{ width: 110px; height: 20px; cursor: auto;} */
/* .rating:not(.disabled):hover p.cur_rating{color: #ffa400;} */



.stars.stars-deco{ background: url(images/rate/stars_ok.svg) top left repeat-x;	width: 90px; height: 16px; display: block; margin: 0 auto; margin-top: 15px; }



.radio-buttons input[type="radio"]{
    -webkit-appearance: none;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background: url(images/rate/disabled-star.svg) center center no-repeat;
    box-shadow: none !important;
    outline: none !important;
    border: 0 !important;
}
.radio-buttons.checked input[type="radio"]{
    background: url(images/rate/active-star.svg) center center no-repeat;
    background-color: #fff !important;
}
.radio-buttons input:checked[type="radio"] ~ input[type="radio"]{
    background: url(images/rate/disabled-star.svg) center center no-repeat;
    background-color: #fff !important;
}
.radio-buttons input:checked[type="radio"]{
    background: url(images/rate/checked-star.svg) center center no-repeat;
    background-color: #fff !important;
}


.article-comments{ margin-bottom: var(--mb1); }
.article-comments h2 .rating{ display: inline-block;}

.rate-value{ background:#FFC600; color: #000; display: inline-block; vertical-align: top; line-height: 120%; padding: 5px 10px 0 5px; border-radius: 5px; letter-spacing: -5px; margin-right: 10px;}

.COMMENTS{margin:0 auto; float:none; /*overflow: hidden;*/}

.article-comments .btn-pos{ margin-top: 15px; margin-bottom: 0}

.total-rate .rating {display: inline-block; text-align: left;}
.total-rate .small{ text-transform: none; display: block; font-size: 18px; color: #777; margin-left: 5px;}
.total-rate .stars{ margin: 2px 0 0px 0; display: block;}

/*
.pinterest-button { margin-top: -10px; bottom: -5px; position: relative;}
.pinterest-button .total-rate{ display: inline-block; }
.pinterest-button ._ok{ transform: rotate(-90deg); right: -20px; position: fixed; bottom: 50%;  z-index: 10;}

.pinterest-button .rate-value { line-height: 100%; margin-top: 11px; position: relative; bottom: 0px; margin-right: 10px; font-size: 28px;}
.pinterest-button .total-rate .rating {position: relative; bottom: -3px;}
.pinterest-button .total-rate .stars{ margin-right: 5px;}
.pinterest-button .total-rate .stars,
.pinterest-button .total-rate .small{ display: inline-block; vertical-align: middle;}
.pinterest-button .total-rate .small{margin-top: 3px;}
.pinterest-button .total-rate a.small{ text-decoration: underline;}

p.badge__sale_ends span {color: #000; font-weight: bold; background: #FFC600;}
.price.price-old span { color: #f00 !important;}
*/

.btn-link{ padding: 0; border-bottom: 1px solid; border-radius: 0; font-size: 16px; color: var(--link-color);}
.btn-link:hover,
.btn-link:focus{ text-decoration: none; color: var(--link-color);}

.FORM .form-control{ height: auto;}
.FIELD-nickname{ width: 50%;}

.MESSAGE{ text-align: center; padding: 20px 30px; border-radius: 10px; box-shadow: var(--eco-shadow2); background: #fff;}
.MESSAGE p:last-child{ margin-bottom: 10px}
.MESSAGE i{ color: #0c3; }

.MESSAGE-success{ display: none;}
.MESSAGE-success h3{ display: none; }

.modal-body-descr{font-size: 20px;}


.use-for-answer {font-size: 14px;  border-bottom: 1px solid #E9E9E9;}
.use-for-answer .content-txt { margin-bottom: 0;}
.use-for-answer:last-child{border-bottom:0;}


.article-comments-latest{box-shadow: var(--eco-shadow2) !important; padding-bottom: var(--mb2);}
.article-comments-latest .use-for-answer{ font-size: 16px; padding-bottom: var(--mb2); padding-top: var(--mb2); }
.article-comments-latest .use-for-answer a{ font-style: normal !important;}

.time { color: #999}
.comment-style{ font-style: italic;}


.question-view { padding-bottom: 30px; padding-top: 30px;}
.question-view .stars{ display: inline-block; vertical-align: middle;}
/*.FORM_answer .form-group label {display: none;}*/
.article-comments-form { margin-bottom: 45px;}
.d-none{ display: none;}

.border-top{ border-top: 1px dashed #ccc; margin-bottom: 30px;}


.FORM_answer{ margin-top: 20px;}
.FORM_answer .form-check-input {/*background-color:inherit;*/}

/*
.form-check-input:checked,
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {background-color:inherit;}
*/



.internal .title.col-lg-12{ margin-top: 0}
.internal .title.col-lg-12 h1{ margin-bottom: 15px;}

div.title.product-card-title .small a{ margin-left: auto;}
.product-card-title{ text-align: center;}
.category-link a:focus,
.category-link a:hover{ background: #3d7b00; color: #fff !important;}


.title-collection{ margin-top: 30px}
.title-collection:nth-child(1){ margin-top: 0px !important}

.comments-latest { padding: 20px 0;}
/* .block-comments-latest .comments_list .blog__element, */
/* .block-comments-latest .set-masonry-js .blog__element { */
.block-comments-latest  .question-view {
  /*box-shadow: var(--eco-shadow2);
  border-radius: 10px;*/
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding: 15px 15px;
}

.block-comments-latest  .question-view:last-child{ border: 0;;}

.product_info {float:right; width: 80px !important; margin: 0 0 10px 10px !important;}
.product_info a img{ width:100% !important; margin: 0 !important}
.comments-latest .img-self{ margin-top: -15px}

.comments-latest h3{ font-size: 18px; text-decoration: none; line-height: 1.42857143}

.comment-style p{ margin-bottom: 5px;}

.rating-small .stars { margin: 0; height: 13px !important; }
.rating-small .stars .star_1{background-size: 72px 13px;  }


.rating.rating-small:not(.disabled) .stars:hover,
.rating-small .stars{background-size: 72px 13px; width:72px;  cursor: auto;}

.rating.rating-small { margin: 0;}


.question-view .cur_rating_{ display: none;}

.anchorReview{ position: absolute; margin-top: -40px}

.sub_block { width: 265px; border: 0; box-shadow: var(--eco-shadow2); border-radius: 10px;}
.sub_block.menu-top-drop p a {
  padding: 3px 10px;
  margin: 2px 0 2px -10px;
}

.block-comments-latest .question-view{ padding: 20px 0; margin: 0; }


@media (max-width: 992px){
  .left_side_title {
    border-radius: 10px;
  }
}



@media(max-width:576px){
  .FIELD-nickname{ width: 100%;}
  .pinterest-button ._ok{display: none; transform: rotate(0deg); right: auto; float: right; position: relative; bottom: -14px;}

  .total-rate .small{font-size: 16px;}
  /*
  .pinterest-button .stars .star_1{background-size: 72px 13px;}
  .pinterest-button .stars{background-size: 72px 13px; width: 72px}
  */

  .article-comments-form h2{ font-size: 23px;}

  .question-page-subtitle span{ font-size: 20px;}

  .title .big_descr{font-size: 100%;}

  .category-link a{
    font-size: 20px;
  }

  .items_block .title-main{ margin: 0}

  .block-comments-latest .comments_list .blog__element,
  .block-comments-latest .set-masonry-js .blog__element { width: 100%;}

  .sub_menu_active .sub_block.menu-top-drop{ display: block; box-shadow: none; width: 100%}




  .question-page-subtitle .subtitle{ width: 100%; text-align: left;}
  .question-page-subtitle,
  .article-comments-header{ display: block;}

  p.cur_rating{ font-size: 26px;}

  .anchorReview{ margin-top: -10px}


}