@charset "UTF-8";
/*
100 - Thin
200 - Extra Light, Ultra Light
300 - Light
400 - Normal, Book, Regular
500 - Medium
600 - Semi Bold, Demi Bold
700 - Bold
800 - Extra Bold, Ultra Bold
900 - Black, Heavy
*/
@CHARSET "UTF-8";
/* line 1, ../../sass/libs/comment/_base.scss */
.field--type-comment {
  margin: 30px 0; }
  @media only screen and (max-width: 767px) {
    /* line 1, ../../sass/libs/comment/_base.scss */
    .field--type-comment {
      margin: 20px 0; } }
  @media print {
    /* line 1, ../../sass/libs/comment/_base.scss */
    .field--type-comment {
      display: none; } }

/* line 13, ../../sass/libs/comment/_base.scss */
.comment-form__title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center; }
  /* line 16, ../../sass/libs/comment/_base.scss */
  .comment-form__title:before {
    content: '';
    background: url('../../img/vector/sprite.svg?1766476435') no-repeat -51px -209px;
    display: block;
    margin-right: 15px;
    width: 28px;
    height: 28px; }
    @media only screen and (max-width: 767px) {
      /* line 16, ../../sass/libs/comment/_base.scss */
      .comment-form__title:before {
        background-position: -480px -131px;
        width: 21px;
        height: 21px; } }
  @media only screen and (max-width: 767px) {
    /* line 13, ../../sass/libs/comment/_base.scss */
    .comment-form__title {
      -webkit-justify-content: center;
      justify-content: center; } }

/* line 34, ../../sass/libs/comment/_base.scss */
.comment-form {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative; }
  /* line 38, ../../sass/libs/comment/_base.scss */
  .comment-form .field--name-comment-body {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    height: 110px; }
    /* line 43, ../../sass/libs/comment/_base.scss */
    .comment-form .field--name-comment-body .label-content {
      display: none; }
    /* line 47, ../../sass/libs/comment/_base.scss */
    .comment-form .field--name-comment-body textarea {
      border: 0;
      padding-right: 200px; }
      @media only screen and (max-width: 767px) {
        /* line 47, ../../sass/libs/comment/_base.scss */
        .comment-form .field--name-comment-body textarea {
          padding: 0; } }
    /* line 56, ../../sass/libs/comment/_base.scss */
    .comment-form .field--name-comment-body .form-item {
      margin-bottom: 0; }
    /* line 60, ../../sass/libs/comment/_base.scss */
    .comment-form .field--name-comment-body .filter-wrapper {
      display: none; }
    @media only screen and (max-width: 767px) {
      /* line 38, ../../sass/libs/comment/_base.scss */
      .comment-form .field--name-comment-body {
        padding: 20px; } }
    @media only screen and (max-width: 767px) {
      /* line 38, ../../sass/libs/comment/_base.scss */
      .comment-form .field--name-comment-body {
        height: 210px; } }
  /* line 77, ../../sass/libs/comment/_base.scss */
  .comment-form.comment-edit-form .field--name-comment-body textarea {
    padding-right: 320px; }
    @media only screen and (max-width: 767px) {
      /* line 77, ../../sass/libs/comment/_base.scss */
      .comment-form.comment-edit-form .field--name-comment-body textarea {
        padding: 0; } }
  /* line 87, ../../sass/libs/comment/_base.scss */
  .comment-form .form-actions {
    position: absolute;
    top: 60px;
    right: 60px;
    margin: 0;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      /* line 87, ../../sass/libs/comment/_base.scss */
      .comment-form .form-actions {
        top: 172px;
        left: 0;
        right: 0;
        text-align: center; } }
  @media only screen and (max-width: 767px) {
    /* line 102, ../../sass/libs/comment/_base.scss */
    .comment-form input[type="submit"] {
      min-width: 220px; } }
  /* line 109, ../../sass/libs/comment/_base.scss */
  .comment-form .form-type-checkbox {
    margin: 30px 0 0; }
    /* line 112, ../../sass/libs/comment/_base.scss */
    .comment-form .form-type-checkbox input[type="checkbox"] {
      display: none; }
      /* line 119, ../../sass/libs/comment/_base.scss */
      .comment-form .form-type-checkbox input[type="checkbox"]:checked + label .label-content:before {
        content: 'да';
        padding: 0 20px 0 10px; }
      /* line 124, ../../sass/libs/comment/_base.scss */
      .comment-form .form-type-checkbox input[type="checkbox"]:checked + label .label-content:after {
        left: 35px;
        background: #025FB7; }
    /* line 134, ../../sass/libs/comment/_base.scss */
    .comment-form .form-type-checkbox label .label-content {
      display: block;
      font-size: 15px;
      padding-left: 70px;
      position: relative; }
      /* line 140, ../../sass/libs/comment/_base.scss */
      .comment-form .form-type-checkbox label .label-content:before, .comment-form .form-type-checkbox label .label-content:after {
        content: '';
        display: block; }
      /* line 146, ../../sass/libs/comment/_base.scss */
      .comment-form .form-type-checkbox label .label-content:before {
        content: 'нет';
        position: absolute;
        top: -6px;
        left: 0;
        background: #FFFFFF;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        color: #6E747C;
        display: block;
        font-size: 12px;
        font-weight: 500;
        line-height: 30px;
        padding-left: 30px;
        width: 30px; }
        @media only screen and (max-width: 360px) {
          /* line 146, ../../sass/libs/comment/_base.scss */
          .comment-form .form-type-checkbox label .label-content:before {
            top: 0; } }
      /* line 168, ../../sass/libs/comment/_base.scss */
      .comment-form .form-type-checkbox label .label-content:after {
        position: absolute;
        top: -1px;
        left: 5px;
        background: #002766;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 1; }
        @media only screen and (max-width: 360px) {
          /* line 168, ../../sass/libs/comment/_base.scss */
          .comment-form .form-type-checkbox label .label-content:after {
            top: 5px; } }
      @media only screen and (max-width: 767px) {
        /* line 134, ../../sass/libs/comment/_base.scss */
        .comment-form .form-type-checkbox label .label-content {
          font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      /* line 109, ../../sass/libs/comment/_base.scss */
      .comment-form .form-type-checkbox {
        margin-top: 20px;
        padding-left: 30px; } }
  /* line 195, ../../sass/libs/comment/_base.scss */
  .comment-form #edit-notify-type {
    display: none !important; }

/* line 200, ../../sass/libs/comment/_base.scss */
.comment-form-wrapper {
  background: #FFFFFF;
  border-radius: 10px;
  -moz-box-shadow: 0px 6px 10px rgba(0, 39, 102, 0.05);
  -webkit-box-shadow: 0px 6px 10px rgba(0, 39, 102, 0.05);
  box-shadow: 0px 6px 10px rgba(0, 39, 102, 0.05);
  padding: 30px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    /* line 200, ../../sass/libs/comment/_base.scss */
    .comment-form-wrapper {
      padding: 20px; } }

/* line 212, ../../sass/libs/comment/_base.scss */
.comments--wrapper {
  background: #FFFFFF;
  border-radius: 10px;
  -moz-box-shadow: 0px 6px 10px rgba(0, 39, 102, 0.05);
  -webkit-box-shadow: 0px 6px 10px rgba(0, 39, 102, 0.05);
  box-shadow: 0px 6px 10px rgba(0, 39, 102, 0.05);
  margin-top: 28px;
  padding: 30px 30px 5px; }
  @media only screen and (max-width: 767px) {
    /* line 212, ../../sass/libs/comment/_base.scss */
    .comments--wrapper {
      margin-top: 20px;
      padding: 30px 20px 5px; } }

/* line 225, ../../sass/libs/comment/_base.scss */
.comment {
  font-size: 16px;
  font-family: "Lora", sans-serif;
  margin-bottom: 25px; }
  /* line 232, ../../sass/libs/comment/_base.scss */
  .comment .profile,
  .comment .field--name-user-picture {
    height: 100%; }
  /* line 237, ../../sass/libs/comment/_base.scss */
  .comment ul.inline,
  .comment ul.links.inline {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    margin: 10px -0.5em 0; }
    /* line 242, ../../sass/libs/comment/_base.scss */
    .comment ul.inline a,
    .comment ul.links.inline a {
      color: #6E747C;
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        /* line 242, ../../sass/libs/comment/_base.scss */
        .comment ul.inline a,
        .comment ul.links.inline a {
          font-size: 13px; } }
    @media only screen and (max-width: 767px) {
      /* line 237, ../../sass/libs/comment/_base.scss */
      .comment ul.inline,
      .comment ul.links.inline {
        margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    /* line 225, ../../sass/libs/comment/_base.scss */
    .comment {
      font-size: 14px; } }

/* line 261, ../../sass/libs/comment/_base.scss */
.comment--top {
  font-family: "Lora", sans-serif;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    /* line 261, ../../sass/libs/comment/_base.scss */
    .comment--top {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      align-items: flex-start; } }

/* line 271, ../../sass/libs/comment/_base.scss */
.comment--author {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    /* line 271, ../../sass/libs/comment/_base.scss */
    .comment--author {
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-flex: 0 1 100%;
      flex: 0 1 100%; } }

/* line 280, ../../sass/libs/comment/_base.scss */
.comment--author--img {
  margin-right: 7px;
  width: 30px;
  height: 30px; }
  /* line 284, ../../sass/libs/comment/_base.scss */
  .comment--author--img img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  /* line 290, ../../sass/libs/comment/_base.scss */
  .comment--author--img .name-plate {
    background: #AAB1BC;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #E7EDF6;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: center; }

/* line 303, ../../sass/libs/comment/_base.scss */
.comment--author--name {
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    /* line 303, ../../sass/libs/comment/_base.scss */
    .comment--author--name {
      font-size: 15px;
      margin-top: -3px; } }

/* line 312, ../../sass/libs/comment/_base.scss */
.comment--author--expert {
  background: #F5E6B6;
  border-radius: 10px;
  color: #62503F;
  font-size: 12px;
  font-weight: 500;
  margin-left: 10px;
  padding: 1px 5px 3px; }
  @media only screen and (max-width: 767px) {
    /* line 312, ../../sass/libs/comment/_base.scss */
    .comment--author--expert {
      font-size: 10px;
      margin-top: -2px;
      margin-left: 5px; }
      /* line 328, ../../sass/libs/comment/_base.scss */
      .comment--author--expert span {
        display: none; } }

/* line 334, ../../sass/libs/comment/_base.scss */
.comment--created {
  color: #6E747C;
  margin-left: 10px; }
  @media only screen and (max-width: 767px) {
    /* line 334, ../../sass/libs/comment/_base.scss */
    .comment--created {
      font-size: 12px;
      margin: -14px 0 0 37px; } }

/* line 344, ../../sass/libs/comment/_base.scss */
.comment--copy-link {
  margin-left: 8px; }
  /* line 347, ../../sass/libs/comment/_base.scss */
  .comment--copy-link input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    z-index: -1; }
  /* line 355, ../../sass/libs/comment/_base.scss */
  .comment--copy-link span {
    background: url('../../img/vector/sprite.svg?1766476435') no-repeat 0 -434px;
    cursor: pointer;
    display: block;
    width: 18px;
    height: 18px; }
    @media only screen and (max-width: 767px) {
      /* line 355, ../../sass/libs/comment/_base.scss */
      .comment--copy-link span {
        background-position: -30px -439px;
        width: 14px;
        height: 14px; } }
  @media only screen and (max-width: 767px) {
    /* line 344, ../../sass/libs/comment/_base.scss */
    .comment--copy-link {
      margin: -14px 0 0 5px; } }

/*# sourceMappingURL=comment.css.map */
