.comment__read__text {
  display: block;
  text-align: right;
  padding: 8px 0;
  float: right; }
  @media (min-width: 700px) {
    .comment__read__text {
      padding: 15px 0 0; } }
  .comment__read__text a {
    color: #833275;
    font-weight: 500;
    font-size: 13px;
    padding: 0; }

.comment__read__box {
  position: relative;
  margin: 15px 0 0;
  padding: 10px 15px;
  border-radius: 8px;
  border: 1px solid #833275;
  background: rgba(131, 50, 117, 0.11);
  font-size: 16px;
  line-height: 1.5; }
  .comment__read__box a {
    color: #833275; }
  .comment__read__box.flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .comment__read__box span.icon-comment {
    width: 20px;
    height: 20px;
    margin-top: -3px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiMzQ0E1REQ7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwYy01LjYsMy40LTcuNCwxMC43LTQsMTYuM2MwLjUsMC45LDAuNSwyLDAsMi45TDIuNywyNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDEwLjVjNi42LDAuMSwxMi01LjIsMTIuMi0xMS43QzI1LjksMTEuOSwyNS4zLDkuNywyNC4yLDcuOHoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxMjg1LjgiIGN5PSItNjQxLjMiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTI5Ni4zIiBjeT0iLTY0MS4zIiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjEyOTEuMSIgY3k9Ii02NDEuMyIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48L3N2Zz4=); }

.comment__read__button {
  height: 40px;
  font-size: 14px;
  white-space: nowrap;
  display: block;
  background: #3CA5DD;
  color: #fff !important;
  border-radius: 5px;
  padding: 10px 10px;
  margin-left: 10px;
  text-align: center; }

.comment__read__icon {
  position: relative;
  float: right; }

.comment__read__bar {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 20px; }
  .comment__read__bar:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 450px;
    z-index: -1;
    background: gainsboro;
    background: -moz-linear-gradient(90deg, rgba(220, 220, 220, 0) 0%, gainsboro 60%, gainsboro 100%);
    background: -webkit-linear-gradient(90deg, rgba(220, 220, 220, 0) 0%, gainsboro 60%, gainsboro 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(220, 220, 220, 0)), color-stop(60%, gainsboro), to(gainsboro));
    background: linear-gradient(90deg, rgba(220, 220, 220, 0) 0%, gainsboro 60%, gainsboro 100%); }
  .comment__read__bar > span {
    padding: 11px 10px 0 0px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    display: inline-block;
    vertical-align: top; }
  .comment__read__bar .social--article {
    left: -10px; }
  .comment__read__bar .social__link {
    background: transparent;
    padding: 3px;
    position: relative; }
    .comment__read__bar .social__link .icon {
      width: 100%;
      height: 100%; }

.comment__counter {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 20px;
  padding: 2px 5px;
  border-radius: 8px;
  background: #E65225;
  font-family: "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #fff; }
  .comment__counter:empty {
    opacity: 0; }

.pop-title .comment__read__icon {
  float: none;
  display: inline-block;
  position: relative;
  vertical-align: text-bottom;
  margin-left: 2px; }

.pop-title .ico-share {
  width: 25px;
  height: 25px;
  background-size: 25px; }

.comment__info {
  padding: 0; }
  .comment__info .comment__read__box {
    font-size: 14px; }
  .comment__info a {
    color: #833275; }

.comment__wrap {
  position: relative;
  background: #fff; }
  @media (min-width: 700px) {
    .comment__wrap {
      padding: 0; } }
  .comment__wrap a {
    text-decoration: none; }
  .comment__wrap *, .comment__wrap *:after, .comment__wrap *:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .comment__wrap--community .comment__paging__text {
    font-size: 14px;
    font-weight: 600;
    color: #833275; }

.comment__row {
  position: relative;
  padding: 0; }

.error textarea {
  border: 1px solid #d00000; }

@media (max-width: 700px) {
  .title__content {
    font-size: 16px;
    color: #000; } }

.sending.comment__item > div {
  z-index: 1; }

.sending.comment__item {
  overflow: hidden;
  background: #fff; }
  .sending.comment__item:after {
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 3s ease-in-out infinite;
    animation: progress 3s ease-in-out infinite;
    background: #fff;
    background: -moz-linear-gradient(95deg, #fff 0%, #e3e3e3 50%, #fff 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #fff), color-stop(50%, #e3e3e3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(95deg, #fff 0%, #e3e3e3 50%, #fff 100%);
    background: -o-linear-gradient(95deg, #fff 0%, #e3e3e3 50%, #fff 100%);
    background: -ms-linear-gradient(95deg, #fff 0%, #e3e3e3 50%, #fff 100%);
    background: linear-gradient(95deg, #fff 0%, #e3e3e3 50%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }

.comment__wrap .pop-title {
  padding: 10px 0;
  margin: 0; }

.comment__wrap .pop-title:after {
  left: 0; }

.comment > .comment__wrap {
  padding: 0 10px;
  margin: 0;
  background: #fff; }
  @media (min-width: 700px) {
    .comment > .comment__wrap {
      padding: 0 20px;
      margin-bottom: 50px; } }

.comment .comment__button.action:hover {
  background: #e8f8ff; }

.comment .comment__report.sticky {
  background: #f0f0f0; }

.comment .comment__reply__list .comment__item {
  background: #efefef; }

.comment .comment__info {
  padding: 15px 0 0; }

.comment__wrap input,
.comment__wrap select,
.comment__wrap button,
.comment__wrap textarea,
.comment__wrap .button {
  margin: 0;
  padding: 8px 12px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: solid 1px #C4C4C4;
  outline: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: all 0.2s ease ease-in-out;
  -moz-transition: all 0.2s ease ease-in-out;
  -ms-transition: all 0.2s ease ease-in-out;
  -o-transition: all 0.2s ease ease-in-out;
  transition: all 0.2s ease ease-in-out;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857;
  color: #C2BEBE; }
  .comment__wrap input::-webkit-input-placeholder, .comment__wrap select::-webkit-input-placeholder, .comment__wrap button::-webkit-input-placeholder, .comment__wrap textarea::-webkit-input-placeholder, .comment__wrap .button::-webkit-input-placeholder {
    font-size: 16px;
    color: #C2BEBE;
    vertical-align: middle; }
  .comment__wrap input::-moz-placeholder, .comment__wrap select::-moz-placeholder, .comment__wrap button::-moz-placeholder, .comment__wrap textarea::-moz-placeholder, .comment__wrap .button::-moz-placeholder {
    font-size: 16px;
    color: #C2BEBE;
    vertical-align: middle; }
  .comment__wrap input:-ms-input-placeholder, .comment__wrap select:-ms-input-placeholder, .comment__wrap button:-ms-input-placeholder, .comment__wrap textarea:-ms-input-placeholder, .comment__wrap .button:-ms-input-placeholder {
    font-size: 16px;
    color: #C2BEBE;
    vertical-align: middle; }
  .comment__wrap input::-ms-input-placeholder, .comment__wrap select::-ms-input-placeholder, .comment__wrap button::-ms-input-placeholder, .comment__wrap textarea::-ms-input-placeholder, .comment__wrap .button::-ms-input-placeholder {
    font-size: 16px;
    color: #C2BEBE;
    vertical-align: middle; }
  .comment__wrap input::placeholder,
  .comment__wrap select::placeholder,
  .comment__wrap button::placeholder,
  .comment__wrap textarea::placeholder,
  .comment__wrap .button::placeholder {
    font-size: 16px;
    color: #C2BEBE;
    vertical-align: middle; }
    @media (min-width: 700px) {
      .comment__wrap input::-webkit-input-placeholder, .comment__wrap select::-webkit-input-placeholder, .comment__wrap button::-webkit-input-placeholder, .comment__wrap textarea::-webkit-input-placeholder, .comment__wrap .button::-webkit-input-placeholder {
        font-size: 14px; }
      .comment__wrap input::-moz-placeholder, .comment__wrap select::-moz-placeholder, .comment__wrap button::-moz-placeholder, .comment__wrap textarea::-moz-placeholder, .comment__wrap .button::-moz-placeholder {
        font-size: 14px; }
      .comment__wrap input:-ms-input-placeholder, .comment__wrap select:-ms-input-placeholder, .comment__wrap button:-ms-input-placeholder, .comment__wrap textarea:-ms-input-placeholder, .comment__wrap .button:-ms-input-placeholder {
        font-size: 14px; }
      .comment__wrap input::-ms-input-placeholder, .comment__wrap select::-ms-input-placeholder, .comment__wrap button::-ms-input-placeholder, .comment__wrap textarea::-ms-input-placeholder, .comment__wrap .button::-ms-input-placeholder {
        font-size: 14px; }
      .comment__wrap input::placeholder,
      .comment__wrap select::placeholder,
      .comment__wrap button::placeholder,
      .comment__wrap textarea::placeholder,
      .comment__wrap .button::placeholder {
        font-size: 14px; } }
  .comment__wrap input:hover, .comment__wrap input:focus,
  .comment__wrap select:hover,
  .comment__wrap select:focus,
  .comment__wrap button:hover,
  .comment__wrap button:focus,
  .comment__wrap textarea:hover,
  .comment__wrap textarea:focus,
  .comment__wrap .button:hover,
  .comment__wrap .button:focus {
    color: #2a2a2a;
    border: 1px solid #909090;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.comment__wrap button:disabled {
  border: 1px solid #e2e2e2 !important;
  background: #e7e7e7 !important;
  color: #a8a8a8 !important; }
  .comment__wrap button:disabled:hover, .comment__wrap button:disabled:focus {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); }

.comment__wrap input[type="text"]:disabled,
.comment__wrap input[type="password"]:disabled {
  background: #f4f4f4; }
  .comment__wrap input[type="text"]:disabled:hover, .comment__wrap input[type="text"]:disabled:focus,
  .comment__wrap input[type="password"]:disabled:hover,
  .comment__wrap input[type="password"]:disabled:focus {
    color: #C2BEBE;
    border: solid 1px #C4C4C4;
    -webkit-box-shadow: inherit;
    box-shadow: inherit; }

.comment__wrap select {
  border: 1px solid #3ca5dd;
  color: #3ca5dd;
  padding: 5px 60px 5px 12px; }
  @media (min-width: 1024px) {
    .comment__wrap select {
      font-weight: 700;
      font-size: 12px;
      vertical-align: middle;
      padding: 8px 60px 8px 12px; } }

.comment__wrap textarea {
  min-height: 100px;
  max-width: 100%;
  display: block;
  width: 100%; }

.comment__wrap button,
.comment__wrap input[type="checkbox"],
.comment__wrap input[type="radio"],
.comment__wrap input[type="button"],
.comment__wrap input[type="submit"],
.comment__wrap input[type="reset"] {
  cursor: pointer; }

.comment__wrap--community textarea {
  border: 1px solid #833275; }
  .comment__wrap--community textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #727272;
    vertical-align: middle; }
  .comment__wrap--community textarea::-moz-placeholder {
    font-size: 16px;
    color: #727272;
    vertical-align: middle; }
  .comment__wrap--community textarea:-ms-input-placeholder {
    font-size: 16px;
    color: #727272;
    vertical-align: middle; }
  .comment__wrap--community textarea::-ms-input-placeholder {
    font-size: 16px;
    color: #727272;
    vertical-align: middle; }
  .comment__wrap--community textarea::placeholder {
    font-size: 16px;
    color: #727272;
    vertical-align: middle; }
    @media (min-width: 700px) {
      .comment__wrap--community textarea::-webkit-input-placeholder {
        font-size: 14px; }
      .comment__wrap--community textarea::-moz-placeholder {
        font-size: 14px; }
      .comment__wrap--community textarea:-ms-input-placeholder {
        font-size: 14px; }
      .comment__wrap--community textarea::-ms-input-placeholder {
        font-size: 14px; }
      .comment__wrap--community textarea::placeholder {
        font-size: 14px; } }

.comment__form {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #d6d6d6; }
  .comment__form textarea {
    resize: none;
    height: 100px; }
  .comment__form__footer {
    padding: 15px 0 0;
    text-align: right; }
  .comment__form--community {
    border-bottom: 1px solid #833275; }

.comment__error {
  display: block;
  position: relative;
  padding: 5px 0 0;
  font-size: 11px;
  color: #d00000; }
  .comment__error:empty {
    padding: 0; }

.comment__disclaimer {
  padding: 5px 0 0;
  font-size: 11px;
  color: #979797; }

.comment__button.send {
  background: #833275;
  border: 1px solid #833275;
  font-size: 13px;
  color: #fff;
  padding: 8px 15px; }
  .comment__button.send:hover {
    color: #fff;
    background: #990000;
    border: 1px solid #4d4d4d; }

.comment__button.action {
  display: inline-block;
  background: transparent;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 4px 5px;
  border-radius: 8px;
  font-size: 11px;
  color: #666; }
  @media (min-width: 700px) {
    .comment__button.action {
      font-size: 12px; } }
  .comment__button.action:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f5f5f5;
    border: solid 1px transparent;
    color: #2a2a2a; }
  .comment__button.action .icon {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    vertical-align: top; }

.comment__report.sticky {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: -5px;
  background: #fff; }
  @media (min-width: 700px) {
    .comment__report.sticky {
      top: -3px; } }

.comment__tooltips {
  position: relative;
  cursor: pointer; }
  .comment__tooltips:after {
    content: attr(data-tooltips);
    opacity: 0;
    visibility: hidden;
    max-width: 120px;
    min-width: 100px;
    position: absolute;
    bottom: -8px;
    border-radius: 5px;
    right: 35px;
    z-index: 1;
    background: #fff;
    padding: 5px 8px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    font-size: 10px;
    text-align: left; }
  .comment__tooltips:before {
    content: '';
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    right: 30px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ffffff;
    border-left: 0px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3;
    -webkit-box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px -2px 3px 0px rgba(0, 0, 0, 0.2); }
  .comment__tooltips:hover:after, .comment__tooltips:hover:before {
    opacity: 1;
    visibility: visible; }

.comment__list {
  position: relative;
  padding: 10px 0; }

.comment__item {
  position: relative;
  padding: 20px 0 20px 50px;
  border-bottom: 1px solid #d6d6d6; }
  .comment__item:last-child {
    border-bottom: transparent; }
  @media (min-width: 700px) {
    .comment__item {
      padding: 20px 0 20px 60px; } }

.comment__avatar {
  position: absolute;
  top: 20px;
  left: 0;
  width: 40px;
  height: 40px;
  z-index: 1;
  border-radius: 100%;
  background: #a7d98c; }
  @media (min-width: 700px) {
    .comment__avatar {
      width: 40px;
      height: 40px; } }
  .comment__avatar:before {
    content: attr(data-init);
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 12px 0;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    line-height: 1;
    color: #fff; }
    @media (min-width: 700px) {
      .comment__avatar:before {
        font-size: 17px;
        padding: 12px 0; } }

.comment__user {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 700; }
  @media (min-width: 700px) {
    .comment__user {
      display: inline-block;
      padding: 0 15px 0 0; } }

.comment__date {
  display: inline-block;
  padding: 3px 0;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #a9a9a9; }
  @media (min-width: 700px) {
    .comment__date {
      padding: 0; } }
  .comment__date .icon {
    width: 13px;
    height: 13px;
    vertical-align: top;
    display: none; }
    @media (min-width: 700px) {
      .comment__date .icon {
        display: inline-block; } }

.comment__content {
  padding: 10px 0 15px;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400; }

.comment__reply {
  position: relative;
  padding: 10px 0;
  text-align: right; }
  .comment__reply textarea {
    resize: none;
    height: 100px;
    margin: 0 0 15px; }
  .comment__reply__list {
    padding: 10px 0 0; }
    .comment__reply__list .comment__item {
      border-bottom: transparent;
      padding: 10px 15px 0 50px;
      background: #efefef;
      border-radius: 5px;
      border: 1px solid #d6d6d6; }
    .comment__reply__list .comment__avatar {
      top: 5px;
      left: 5px;
      -ms-transform: scale(0.75);
      /* IE 9 */
      -webkit-transform: scale(0.75);
      /* Safari */
      transform: scale(0.75); }
    .comment__reply__list .comment__content {
      padding: 5px 0 10px; }

.comment__action {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  margin: 0 0 0 -6px; }
  .comment__action--community .icon-reply, .comment__action--community .icon-exclamation {
    -webkit-filter: invert(67%) sepia(12%) saturate(667%) hue-rotate(258deg) brightness(103%) contrast(101%);
    filter: invert(67%) sepia(12%) saturate(667%) hue-rotate(258deg) brightness(103%) contrast(101%); }

.comment__subitem {
  padding: 0 2px; }
  @media (min-width: 700px) {
    .comment__subitem {
      padding: 0 20px; } }
  .comment__subitem:first-child {
    padding: 0 2px 0 0; }
    @media (min-width: 700px) {
      .comment__subitem:first-child {
        padding: 0 10px 0 0; } }
  .comment__subitem--right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1; }
    @media (min-width: 700px) {
      .comment__subitem--right {
        padding: 0; } }

.comment__footer {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 10px; }
  @media (min-width: 700px) {
    .comment__footer {
      padding: 0;
      bottom: 20px;
      left: 20px;
      width: calc(100% - 40px); } }
  .comment__footer:after {
    content: '';
    width: 100%;
    height: 120px;
    background: white;
    background: -moz-linear-gradient(180deg, rgba(245, 252, 255, 0), #fff);
    background: -webkit-linear-gradient(180deg, rgba(245, 252, 255, 0), #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 252, 255, 0)), to(#fff));
    background: linear-gradient(180deg, rgba(245, 252, 255, 0), #fff);
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 1; }

.comment__other {
  display: block;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  background: #833275;
  border: 1px solid #833275;
  padding: 12px 15px;
  margin: 0 10px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #fff; }
  @media (min-width: 700px) {
    .comment__other {
      margin: 0; } }
  .comment__other:hover {
    color: #fff;
    background: #5e2454;
    border: 1px solid #5e2454; }

.comment__article {
  position: relative;
  background: #f0f0f0;
  border-radius: 15px;
  padding: 20px;
  margin: 20px 0 10px; }
  .comment__article:after, .comment__article:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%; }
    @media (max-width: 700px) {
      .comment__article:after, .comment__article:before {
        content: none;
        background-image: none !important; } }
  .comment__article:before {
    top: 10px;
    left: 10px; }
  .comment__article:after {
    bottom: 10px;
    right: 10px; }
  .comment__article__top {
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */ }
  .comment__article__bottom {
    position: relative;
    margin: 20px 0 0;
    border-top: 1px solid #e0e0e0; }
    .comment__article__bottom--community {
      border-top: 1px solid #D9A9D1; }
  .comment__article__left {
    width: 40%; }
  .comment__article__right {
    width: 100%; }
    @media (min-width: 700px) {
      .comment__article__right {
        width: 60%;
        padding: 0 30px 0 20px; } }
  .comment__article__img {
    overflow: hidden;
    margin: 0 -10px; }
    @media (min-width: 700px) {
      .comment__article__img {
        margin: 0;
        border-radius: 15px; } }
    @media (max-width: 1100px) {
      .comment__article__img {
        margin: 0;
        padding: 0 15px 0 0; } }
    .comment__article__img img {
      max-width: 100%;
      width: 100%;
      height: auto;
      vertical-align: top;
      border: 0;
      -ms-interpolation-mode: bicubic; }
  .comment__article__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 700;
    color: #000; }
    @media (min-width: 700px) {
      .comment__article__title {
        font-size: 16px;
        height: auto;
        max-height: 42px;
        overflow: hidden; } }
    .comment__article__title--community {
      font-size: 18px;
      font-weight: 700;
      color: #000; }
  .comment__article__author {
    font-size: 12px;
    font-weight: 700;
    color: #000; }
    .comment__article__author--community {
      font-size: 14px;
      font-weight: 400;
      color: #131414; }
    .comment__article__author__lead {
      font-size: 14px;
      font-weight: 600;
      color: #833275; }
  .comment__article__date {
    padding: 5px 0;
    font-size: 12px;
    color: #6d6d6d; }
  .comment__article__lead {
    margin: 10px 0 15px;
    height: auto;
    max-height: 60px;
    overflow: hidden;
    font-size: 13px; }
  .comment__article__link {
    font-weight: 700;
    color: #833275; }
    .comment__article__link:hover {
      color: inherit; }
  .comment__article .comment__item {
    padding: 20px 0 5px 60px; }
  .comment__article .comment__report.sticky {
    background: #f0f0f0; }
  .comment__article > .icon-pin {
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 5px;
    padding: 10px;
    background-size: 12px;
    border-radius: 4px;
    background-color: #833275; }
  .comment__article--community {
    background: #FCF5FB; }

.comment__paging {
  position: relative;
  padding: 20px 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .comment__paging__button {
    display: inline-block;
    padding: 9px 12px 7px;
    background: #833275;
    border-radius: 100%;
    line-height: 1;
    height: 34px; }
    .comment__paging__button:hover {
      background: #4d4d4d; }
    .comment__paging__button .icon {
      width: 9px;
      height: 14px; }
  .comment__paging__text {
    padding: 7px 15px;
    font-weight: 700;
    color: #000; }

.comment__sorting {
  position: relative;
  padding: 30px 0 0; }
  .comment__sorting__form {
    position: relative;
    text-align: right;
    margin-bottom: -18px; }
    .comment__sorting__form ul {
      display: inline-block;
      position: relative; }
    .comment__sorting__form li {
      position: relative;
      display: inline-block;
      padding: 0 5px; }
      .comment__sorting__form li:after {
        content: '|';
        position: absolute;
        right: -3px;
        top: 5px; }
      .comment__sorting__form li:last-child:after {
        content: ''; }
      .comment__sorting__form li a {
        color: #ccc;
        font-weight: 500;
        padding: 5px 5px;
        display: block; }
        .comment__sorting__form li a:hover {
          color: #2a2a2a; }
      .comment__sorting__form li.active a {
        color: #833275; }

.comment__board {
  position: relative;
  padding: 40px 0;
  text-align: center; }
  .comment__board--community {
    border-top: 1px dashed #C1C1C1; }

.comment__message {
  color: #666; }
  .comment__message a {
    text-decoration: underline;
    color: #833275;
    display: block; }
    @media (min-width: 700px) {
      .comment__message a {
        display: inline-block; } }
  .comment__message .icon {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom; }

.loading .comment__avatar {
  overflow: hidden;
  background: #f0f0f0; }
  .loading .comment__avatar:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 3s ease-in-out infinite;
    animation: progress 3s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: -o-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }

.loading .comment__subitem,
.loading .comment__content span,
.loading .comment__date,
.loading .comment__user {
  position: relative;
  background: #f0f0f0;
  overflow: hidden;
  width: 40%;
  height: 13px;
  padding: 0; }
  @media (min-width: 700px) {
    .loading .comment__subitem,
    .loading .comment__content span,
    .loading .comment__date,
    .loading .comment__user {
      height: 15px;
      width: 120px; } }
  .loading .comment__subitem:after,
  .loading .comment__content span:after,
  .loading .comment__date:after,
  .loading .comment__user:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 3s ease-in-out infinite;
    animation: progress 3s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: -o-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    background: linear-gradient(95deg, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }

.loading .comment__action {
  margin: 0; }

.loading .comment__user {
  margin: 0 15px 5px 0; }
  @media (min-width: 700px) {
    .loading .comment__user {
      margin: 0 15px 0 0; } }

.loading .comment__content span {
  display: block;
  padding: 0;
  margin: 0 0 5px;
  width: 100%; }
  @media (min-width: 700px) {
    .loading .comment__content span {
      width: 550px; } }

.loading .comment__content span:first-child {
  width: 100%; }
  @media (min-width: 700px) {
    .loading .comment__content span:first-child {
      width: 540px; } }

.loading .comment__subitem {
  padding: 0;
  margin: 0 10px 0 0;
  width: 40px; }
  @media (min-width: 700px) {
    .loading .comment__subitem {
      margin: 0 50px 0 0;
      width: 70px; } }

@-webkit-keyframes progress {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes progress {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.cm__widget {
  position: relative; }

.cm__wBox {
  background: rgba(131, 50, 117, 0.1);
  padding: 5px 0; }

.cm__wItem {
  position: relative;
  border-bottom: 1px solid #fff;
  padding: 15px; }
  .cm__wItem:last-child {
    border-bottom: none; }

.cm__wUsername {
  display: inline-block;
  font-size: 15px;
  font-weight: 700; }

.cm__wComment {
  position: relative;
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.5; }

.cm__wImg {
  float: left;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 10px;
  position: relative; }
  .cm__wImg img {
    position: absolute;
    width: auto;
    height: 100%;
    max-width: none;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.cm__wNews {
  padding: 0;
  background: rgba(131, 50, 117, 0.1);
  border-radius: 5px;
  overflow: hidden; }
  .cm__wNews h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    height: 39px;
    overflow: hidden;
    margin: 7px 10px 0; }
  .cm__wNews span {
    display: block;
    padding: 3px 0 0;
    font-size: 11px; }

.cm__wLink {
  display: block; }
  .cm__wLink:hover {
    color: inherit; }
    .cm__wLink:hover .cm__wNews {
      background: rgba(131, 50, 117, 0.2); }
    .cm__wLink:hover .cm__wComment:after {
      border-right: 2px solid #000;
      border-bottom: 2px solid #000; }

.cm__wFooter {
  background: #F5FCFF;
  padding: 5px 0;
  text-align: center; }
  .cm__wFooter a {
    letter-spacing: 0px;
    font-weight: 700; }
    .cm__wFooter a:hover {
      background: transparent;
      color: #000; }

.comment__wrap .icon-thumbs-up {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDM1M2MwLTguOC03LjMtMTYtMTYtMTZzLTE2LDcuMy0xNiwxNnM3LjMsMTYsMTYsMTZTOTcsMzYxLjgsOTcsMzUzeiBNMzg1LDIwOWMwLTE3LTE1LjMtMzItMzItMzJoLTg4YzAtMjkuMywyNC01MC41LDI0LTgwYzAtMjkuMy01LjgtNDgtNDAtNDhjLTE2LDE2LjMtNy44LDU0LjUtMzIsODBjLTcsNy4zLTEzLDE1LTE5LjMsMjIuOGMtMTEuMywxNC41LTQxLDU3LjMtNjAuOCw1Ny4zaC04djE2MGg4YzE0LDAsMzcsOSw1MC41LDEzLjhjMjcuNSw5LjUsNTYsMTguMyw4NS41LDE4LjNoMzAuM2MyOC4zLDAsNDgtMTEuMyw0OC00MS44YzAtNC44LTAuNS05LjUtMS4zLTE0YzEwLjUtNS44LDE2LjMtMjAsMTYuMy0zMS41YzAtNi0xLjUtMTItNC41LTE3LjNjOC41LTgsMTMuMy0xOCwxMy4zLTI5LjhjMC04LTMuNS0xOS44LTguOC0yNS44QzM3OCwyNDAuOCwzODUsMjE4LjMsMzg1LDIwOXogTTQxNywyMDguOGMwLDE0LjUtNC4zLDI4LjgtMTIuMyw0MC44YzEuNSw1LjUsMi4zLDExLjUsMi4zLDE3LjNjMCwxMi41LTMuMywyNS05LjUsMzZjMC41LDMuNSwwLjgsNy4zLDAuOCwxMC44YzAsMTYtNS4zLDMyLTE1LDQ0LjVjMC41LDQ3LjMtMzEuOCw3NS03OCw3NUgyNzNjLTM1LjUsMC02OC41LTEwLjUtMTAxLjUtMjJjLTcuMy0yLjUtMjcuNS0xMC0zNC41LTEwSDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlYyMDljMC0xNy44LDE0LjMtMzIsMzItMzJoNjguNWM5LjgtNi41LDI2LjgtMjksMzQuMy0zOC44YzguNS0xMSwxNy4zLTIxLjgsMjYuOC0zMmMxNS0xNiw3LTU1LjUsMzItODBjNi01LjgsMTQtOS4zLDIyLjUtOS4zYzI2LDAsNTEsOS4zLDYzLjMsMzMuNUMzMjAsNjUuOCwzMjEsODAuMywzMjEsOTdjMCwxNy41LTQuNSwzMi41LTEyLDQ4aDQ0QzM4Ny41LDE0NSw0MTcsMTc0LjMsNDE3LDIwOC44eiIvPjwvc3ZnPg==); }

.comment__wrap .icon-thumbs-down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDk3YzAtOC44LTcuMy0xNi0xNi0xNnMtMTYsNy4zLTE2LDE2czcuMywxNiwxNiwxNlM5NywxMDUuOCw5Nyw5N3ogTTM4NSwyNDFjMC05LjMtNy0zMS44LTE4LjgtMzJjNS4zLTYsOC44LTE3LjgsOC44LTI1LjhjMC0xMS44LTQuOC0yMS44LTEzLjMtMjkuOGMzLTUuMyw0LjUtMTEuMyw0LjUtMTcuM2MwLTExLjUtNS44LTI1LjgtMTYuMy0zMS41YzAuOC00LjUsMS4zLTkuMywxLjMtMTRjMC0yOS4zLTE4LjUtNDEuOC00Ni4zLTQxLjhoLTMyYy0yOS41LDAtNTgsOC44LTg1LjUsMTguM0MxNzQsNzIsMTUxLDgxLDEzNyw4MWgtOHYxNjBoOGMxOS44LDAsNDkuNSw0Mi44LDYwLjgsNTcuM0MyMDQsMzA2LDIxMCwzMTMuOCwyMTcsMzIxYzI0LjMsMjUuNSwxNiw2My44LDMyLDgwYzM0LjMsMCw0MC0xOC44LDQwLTQ4YzAtMjkuNS0yNC01MC44LTI0LTgwaDg4QzM2OS44LDI3MywzODUsMjU4LDM4NSwyNDF6IE00MTcsMjQxLjNjMCwzNC41LTI5LjUsNjMuOC02NCw2My44aC00NGM3LjUsMTUuNSwxMiwzMC41LDEyLDQ4YzAsMTYuNS0xLDMxLjUtOC44LDQ2LjVDMzAwLDQyMy44LDI3NSw0MzMsMjQ5LDQzM2MtOC41LDAtMTYuNS0zLjUtMjIuNS05LjNjLTI1LTI0LjUtMTcuMy02NC0zMi04MC4zYy05LjUtMTAtMTguMy0yMC44LTI2LjgtMzEuOGMtNy41LTkuOC0yNC41LTMyLjMtMzQuMy0zOC44SDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlY4MWMwLTE3LjgsMTQuMy0zMiwzMi0zMmg3MmM3LDAsMjcuMy03LjUsMzQuNS0xMGMzNi0xMi41LDY3LjMtMjIsMTA1LjgtMjJoMjhjNDUuNSwwLDc4LjMsMjcsNzgsNzMuOFY5MmM5LjgsMTIuNSwxNSwyOC41LDE1LDQ0LjVjMCwzLjUtMC4zLDcuMy0wLjgsMTAuOGM2LjMsMTEsOS41LDIzLjUsOS41LDM2YzAsNS44LTAuOCwxMS44LTIuMywxNy4zQzQxMi44LDIxMi41LDQxNywyMjYuOCw0MTcsMjQxLjN6Ii8+PC9zdmc+); }

.comment__wrap .icon-reply {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQzNy42LDM3Mi42QzQyMC45LDIzNiwzMDcuMywxMzEuOSwxNzAuOCwxMjUuOVY5NS4xYzAtMjMuNC0xMi43LTMxLjctMjMuNy0zMS43Yy03LjksMC0xNiw0LTI0LDEybC05Ni4zLDk2LjNjLTE5LjQsMTkuNC0xOS40LDUwLjksMCw3MC4zbDk2LjMsOTYuM2M3LjksNy45LDE2LDEyLDI0LDEyYzEwLjksMCwyMy43LTguMywyMy43LTMxLjd2LTMyLjljMTUuNS0zLDMxLjMtNC42LDQ2LjktNC42Yzc3LjcsMCwxNTEuNSwzNy41LDE5Ny41LDEwMC4zYzIuNCwzLjMsNi4yLDUuMSwxMC4xLDUuMWMxLjUsMCwzLjEtMC4zLDQuNi0wLjlDNDM1LjEsMzgzLjYsNDM4LjMsMzc4LjIsNDM3LjYsMzcyLjZ6IE0zNDEuNiwyODYuNGMtMzgtMTkuNy04MC45LTMwLjItMTI0LTMwLjJjLTIwLjgsMC00MS44LDIuNS02Mi4yLDcuM2MtNS42LDEuMy05LjYsNi40LTkuNiwxMi4xdjQzYzAsMi42LTAuMyw0LjUtMC42LDUuOGMtMS4xLTAuNy0yLjctMS45LTQuNS0zLjdsLTk2LjMtOTYuM2MtOS43LTkuNy05LjctMjUuNCwwLTM1LjFMMTQwLjgsOTNjMS45LTEuOCwzLjQtMyw0LjUtMy43YzAuMywxLjMsMC42LDMuMiwwLjYsNS44djQzYzAsNi45LDUuNiwxMi41LDEyLjUsMTIuNWMxMTMuNiwwLDIxMS44LDc0LjYsMjQ0LjgsMTc5LjZDMzg0LjcsMzEyLjgsMzY0LDI5OCwzNDEuNiwyODYuNHoiLz48L3N2Zz4=); }

.comment__wrap .icon-exclamation {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PGc+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNy4yLDM0Ni45TDI1Ni45LDY0LjVjLTYuNy0xMS4xLTE4LjktMTgtMzEuOS0xOHMtMjUuMiw2LjktMzEuOSwxOEwyMi44LDM0Ni45Yy02LjksMTEuNS03LjEsMjUuOS0wLjUsMzcuNmM2LjYsMTEuNywxOSwxOSwzMi41LDE5aDM0MC42YzEzLjQsMCwyNS45LTcuMywzMi41LTE5QzQzNC40LDM3Mi44LDQzNC4yLDM1OC40LDQyNy4yLDM0Ni45eiBNNDA0LjIsMzcxLjNjLTEuOCwzLjItNS4yLDUuMi04LjksNS4ySDU0LjdjLTMuNywwLTcuMS0yLTguOS01LjJjLTEuOC0zLjItMS44LTcuMiwwLjEtMTAuNEwyMTYuMiw3OC41YzEuOC0zLjEsNS4yLTUsOC44LTVjMy42LDAsNi45LDEuOSw4LjgsNWwxNzAuMywyODIuNEM0MDYsMzY0LjEsNDA2LDM2OCw0MDQuMiwzNzEuM3oiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMjUuMSwxNTcuN2MtMTAuMywwLTE4LjMsNS41LTE4LjMsMTUuM2MwLDI5LjgsMy41LDcyLjcsMy41LDEwMi42YzAsNy44LDYuOCwxMSwxNC44LDExYzYsMCwxNC41LTMuMywxNC41LTExYzAtMjkuOCwzLjUtNzIuNywzLjUtMTAyLjZDMjQzLjIsMTYzLjIsMjM0LjksMTU3LjcsMjI1LjEsMTU3Ljd6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI1LjEsMzAzLjljLTExLDAtMTkuMyw4LjgtMTkuMywxOS4zYzAsMTAuMyw4LjMsMTkuMywxOS4zLDE5LjNjMTAuMywwLDE5LjEtOSwxOS4xLTE5LjNDMjQ0LjIsMzEyLjcsMjM1LjQsMzAzLjksMjI1LjEsMzAzLjl6Ii8+PC9nPjwvZz48L2c+PC9zdmc+); }

.comment__wrap .icon-refresh {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQxMC44LDI2NWMwLDAuNSwwLDEuMy0wLjMsMS44QzM4OS4zLDM1NS4zLDMxNi4zLDQxNywyMjQsNDE3Yy00OC44LDAtOTYtMTkuMy0xMzEuNS01M2wtMzIuMywzMi4zYy0zLDMtNyw0LjgtMTEuMyw0LjhjLTguOCwwLTE2LTcuMy0xNi0xNlYyNzNjMC04LjgsNy4zLTE2LDE2LTE2aDExMmM4LjgsMCwxNiw3LjMsMTYsMTZjMCw0LjMtMS44LDguMy00LjgsMTEuM0wxMzgsMzE4LjVjMjMuNSwyMiw1NC44LDM0LjUsODcsMzQuNWM0NC41LDAsODUuOC0yMywxMDktNjFjNi05LjgsOS0xOS4zLDEzLjMtMjkuM2MxLjMtMy41LDMuOC01LjgsNy41LTUuOGg0OEM0MDcuMywyNTcsNDEwLjgsMjYwLjgsNDEwLjgsMjY1eiBNNDE3LDY1djExMmMwLDguOC03LjMsMTYtMTYsMTZIMjg5Yy04LjgsMC0xNi03LjMtMTYtMTZjMC00LjMsMS44LTguMyw0LjgtMTEuM2wzNC41LTM0LjVjLTIzLjgtMjItNTUtMzQuMy04Ny4zLTM0LjNjLTQ0LjUsMC04NS44LDIzLTEwOSw2MWMtNiw5LjgtOSwxOS4zLTEzLjMsMjkuM2MtMS4zLDMuNS0zLjgsNS44LTcuNSw1LjhINDUuNWMtNC41LDAtOC0zLjgtOC04di0xLjhDNTksOTQuNSwxMzIuOCwzMywyMjUsMzNjNDksMCw5Ni44LDE5LjUsMTMyLjMsNTNsMzIuNS0zMi4zYzMtMyw3LTQuOCwxMS4zLTQuOEM0MDkuOCw0OSw0MTcsNTYuMyw0MTcsNjV6Ii8+PC9zdmc+); }

.comment__wrap .icon-clock {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNBOUE5QTk7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NywxMzd2MTEyYzAsNC41LTMuNSw4LTgsOGgtODBjLTQuNSwwLTgtMy41LTgtOHYtMTZjMC00LjUsMy41LTgsOC04aDU2di04OGMwLTQuNSwzLjUtOCw4LThoMTZDMjUzLjUsMTI5LDI1NywxMzIuNSwyNTcsMTM3eiBNMzYxLDIyNWMwLTc1LTYxLTEzNi0xMzYtMTM2Uzg5LDE1MCw4OSwyMjVzNjEsMTM2LDEzNiwxMzZTMzYxLDMwMCwzNjEsMjI1eiBNNDE3LDIyNWMwLDEwNi04NiwxOTItMTkyLDE5MlMzMywzMzEsMzMsMjI1UzExOSwzMywyMjUsMzNTNDE3LDExOSw0MTcsMjI1eiIvPjwvc3ZnPg==); }

.comment__wrap .icon-angle-left {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTY4IDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTY4IDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE1Ni44LDEyMWMwLDItMSw0LjMtMi41LDUuOEw1NiwyMjVsOTguMyw5OC4zYzEuNSwxLjUsMi41LDMuOCwyLjUsNS44cy0xLDQuMy0yLjUsNS44bC0xMi41LDEyLjVjLTEuNSwxLjUtMy44LDIuNS01LjgsMi41cy00LjMtMS01LjgtMi41TDEzLjgsMjMwLjhjLTEuNS0xLjUtMi41LTMuOC0yLjUtNS44czEtNC4zLDIuNS01LjhsMTE2LjUtMTE2LjVjMS41LTEuNSwzLjgtMi41LDUuOC0yLjVzNC4zLDEsNS44LDIuNWwxMi41LDEyLjVDMTU1LjgsMTE2LjgsMTU2LjgsMTE4LjgsMTU2LjgsMTIxeiIvPjwvc3ZnPg==); }

.comment__wrap .icon-angle-right {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUyIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUyIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC44LDIyNWMwLDItMSw0LjMtMi41LDUuOEwyOS44LDM0Ny4zYy0xLjUsMS41LTMuOCwyLjUtNS44LDIuNXMtNC4zLTEtNS44LTIuNUw1LjgsMzM0LjhjLTEuNS0xLjUtMi41LTMuNS0yLjUtNS44YzAtMiwxLTQuMywyLjUtNS44TDEwNCwyMjVMNS44LDEyNi44Yy0xLjUtMS41LTIuNS0zLjgtMi41LTUuOHMxLTQuMywyLjUtNS44bDEyLjUtMTIuNWMxLjUtMS41LDMuOC0yLjUsNS44LTIuNXM0LjMsMSw1LjgsMi41bDExNi41LDExNi41QzE0Ny44LDIyMC44LDE0OC44LDIyMywxNDguOCwyMjV6Ii8+PC9zdmc+); }

.comment__wrap .icon-close {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MCAoNTQ5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjMuIFRvIGNsb3NlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IjMuLVRvLWNsb3NlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAyLjAwMDAwMCkiIHN0cm9rZT0iI0ZGNkI2QiIgc3Ryb2tlLXdpZHRoPSI0Ij4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iTGF5ZXItMSIgY3g9IjQ4IiBjeT0iNDgiIHI9IjQ4Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTQ3LjgwNjgzNCwxOS42NzQzNDM1IEw0Ny44MDY4MzQsNzcuMjc0MzQzNSIgaWQ9IkxheWVyLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3LjgwNjgzNCwgNDguNDc0MzQ0KSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQ3LjgwNjgzNCwgLTQ4LjQ3NDM0NCkgIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ni42MjM3OTg2LDQ4LjQ4IEwxOS4wMjM3OTg2LDQ4LjQ4IiBpZD0iTGF5ZXItMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuODIzNzk5LCA0OC40ODAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtNDcuODIzNzk5LCAtNDguNDgwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }

span.icon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%; }
  span.icon-banned {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzJBMkEyQTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xMiwyMGMtNC40LDAtOC0zLjYtOC04YzAtMS45LDAuNi0zLjYsMS43LTQuOWwxMS4yLDExLjJDMTUuNiwxOS40LDEzLjksMjAsMTIsMjB6IE0xOC4zLDE2LjlMNy4xLDUuN0M4LjQsNC42LDEwLjEsNCwxMiw0YzQuNCwwLDgsMy42LDgsOEMyMCwxMy45LDE5LjQsMTUuNiwxOC4zLDE2Ljl6Ii8+PC9zdmc+); }
  span.icon-comment {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==); }

.icon-quote-left {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDE2IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5MiwyNDB2OTZjMCwyNi41LTIxLjUsNDgtNDgsNDhINDhjLTI2LjUsMC00OC0yMS41LTQ4LTQ4VjE2MEMwLDg5LjUsNTcuNSwzMiwxMjgsMzJoMTZjOC44LDAsMTYsNy4zLDE2LDE2djMyYzAsOC44LTcuMywxNi0xNiwxNmgtMTZjLTM1LjMsMC02NCwyOC44LTY0LDY0djhjMCwxMy4zLDEwLjgsMjQsMjQsMjRoNTZDMTcwLjUsMTkyLDE5MiwyMTMuNSwxOTIsMjQweiBNNDE2LDI0MHY5NmMwLDI2LjUtMjEuNSw0OC00OCw0OGgtOTZjLTI2LjUsMC00OC0yMS41LTQ4LTQ4VjE2MGMwLTcwLjUsNTcuNS0xMjgsMTI4LTEyOGgxNmM4LjgsMCwxNiw3LjMsMTYsMTZ2MzJjMCw4LjgtNy4zLDE2LTE2LDE2aC0xNmMtMzUuMywwLTY0LDI4LjgtNjQsNjR2OGMwLDEzLjMsMTAuOCwyNCwyNCwyNGg1NkMzOTQuNSwxOTIsNDE2LDIxMy41LDQxNiwyNDB6Ii8+PC9zdmc+); }

.icon-quote-right {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDE2IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Miw4MHYxNzZjMCw3MC41LTU3LjUsMTI4LTEyOCwxMjhINDhjLTguOCwwLTE2LTcuMy0xNi0xNnYtMzJjMC04LjgsNy4zLTE2LDE2LTE2aDE2YzM1LjMsMCw2NC0yOC44LDY0LTY0di04YzAtMTMuMy0xMC44LTI0LTI0LTI0SDQ4Yy0yNi41LDAtNDgtMjEuNS00OC00OFY4MGMwLTI2LjUsMjEuNS00OCw0OC00OGg5NkMxNzAuNSwzMiwxOTIsNTMuNSwxOTIsODB6IE00MTYsODB2MTc2YzAsNzAuNS01Ny41LDEyOC0xMjgsMTI4aC0xNmMtOC44LDAtMTYtNy4zLTE2LTE2di0zMmMwLTguOCw3LjMtMTYsMTYtMTZoMTZjMzUuMywwLDY0LTI4LjgsNjQtNjR2LThjMC0xMy4zLTEwLjgtMjQtMjQtMjRoLTU2Yy0yNi41LDAtNDgtMjEuNS00OC00OFY4MGMwLTI2LjUsMjEuNS00OCw0OC00OGg5NkMzOTQuNSwzMiw0MTYsNTMuNSw0MTYsODB6Ii8+PC9zdmc+); }

.icon-flagged {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41NDIiIGhlaWdodD0iMTMuNTIzIiB2aWV3Qm94PSIwIDAgMTMuNTQyIDEzLjUyMyI+ICA8ZyBpZD0iR3JvdXBfMTQ0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEwMy44NjIgLTExMi4wMjcpIj4gICAgPHBhdGggaWQ9IlBhdGhfMjYiIGRhdGEtbmFtZT0iUGF0aCAyNiIgZD0iTS0xMDkxLjMxNCwxMTUuMjY0YTYuNzcxLDYuNzcxLDAsMCwwLTkuMzEtMi4yNCw2Ljc3MSw2Ljc3MSwwLDAsMC0yLjI0LDkuMzEsMS42MDgsMS42MDgsMCwwLDEsMCwxLjY2NGwtLjYzLDEuMDY2YS4zMjUuMzI1LDAsMCwwLS4wNDUuMTY0LjMyNC4zMjQsMCwwLDAsLjMyMy4zMjNoNS45NTFhNi44OSw2Ljg5LDAsMCwwLDYuOTQ2LTYuNjcxQTYuNzU3LDYuNzU3LDAsMCwwLTEwOTEuMzE0LDExNS4yNjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjM2NhNWRkIiBvcGFjaXR5PSIwLjciLz4gICAgPHBhdGggaWQ9IlBhdGhfMjciIGRhdGEtbmFtZT0iUGF0aCAyNyIgZD0iTS05ODcuMjE3LDIyOS4zNDZhLjYzNS42MzUsMCwwLDAtLjYtLjQzOWgtMS44NzJhLjIxMS4yMTEsMCwwLDEtLjItLjE0NmwtLjU3OS0xLjc4MWEuNjM1LjYzNSwwLDAsMC0uNi0uNDM5LjYzNS42MzUsMCwwLDAtLjYuNDM5bC0uNTc4LDEuNzgxYS4yMTIuMjEyLDAsMCwxLS4yLjE0NmgtMS44NzJhLjYzNS42MzUsMCwwLDAtLjYuNDM5LjYzNC42MzQsMCwwLDAsLjIzMS43MWwxLjUxNSwxLjFhLjIxMi4yMTIsMCwwLDEsLjA3Ny4yMzdsLS41NzksMS43ODFhLjYzNS42MzUsMCwwLDAsLjIzMS43MS42MzUuNjM1LDAsMCwwLC43NDYsMGwxLjUxNS0xLjFhLjIxMi4yMTIsMCwwLDEsLjI0OSwwbDEuNTE1LDEuMWEuNjI1LjYyNSwwLDAsMCwuNzQ2LDAsLjYyNi42MjYsMCwwLDAsLjIzMS0uNzFsLS41NzktMS43ODFhLjIxMS4yMTEsMCwwLDEsLjA3Ny0uMjM3bDEuNTE1LTEuMUEuNjM1LjYzNSwwLDAsMC05ODcuMjE3LDIyOS4zNDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2LjAxMyAtMTExLjQ4NSkiIGZpbGw9IiNmZmYiLz4gIDwvZz48L3N2Zz4=); }

.comment__icon {
  position: relative;
  background: transparent;
  padding: 0px;
  vertical-align: text-bottom;
  width: 30px;
  height: 30px;
  margin-left: 3px;
  -webkit-transition: all 0.2s ease ease-in-out;
  -moz-transition: all 0.2s ease ease-in-out;
  -ms-transition: all 0.2s ease ease-in-out;
  -o-transition: all 0.2s ease ease-in-out;
  transition: all 0.2s ease ease-in-out; }
  .comment__icon .icon {
    width: 100%;
    height: 100%; }

body:after {
  content: '';
  background: transparent; }

input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  line-height: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  outline: none; }
  input[type="radio"]:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #545454;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0px;
    margin-right: 0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.2s ease ease-in-out;
    -moz-transition: all 0.2s ease ease-in-out;
    -ms-transition: all 0.2s ease ease-in-out;
    -o-transition: all 0.2s ease ease-in-out;
    transition: all 0.2s ease ease-in-out; }
  input[type="radio"]:checked:before {
    border: 1px solid #424242;
    background: #833275;
    -webkit-box-shadow: inset 0 0 0 1.5px #fff;
    box-shadow: inset 0 0 0 1.5px #fff; }

.cReport {
  position: relative;
  max-width: 350px;
  margin: 0 auto; }
  @media (min-width: 700px) {
    .cReport {
      max-width: 450px; } }
  .cReport__box {
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 10px; }
    @media (min-width: 700px) {
      .cReport__box {
        padding: 25px; } }
  .cReport__title {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500; }
  .cReport__option {
    position: relative;
    padding: 0 0 5px; }
    .cReport__option label {
      cursor: pointer;
      display: block;
      padding: 5px 0 5px 30px; }
  .cReport__item {
    display: inline-block; }
  .cReport__radio {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0; }
  .cReport__other {
    display: none;
    position: relative;
    padding: 10px 0 0 20px; }
    .cReport__other textarea {
      width: 100%;
      height: 85px;
      outline: 0;
      resize: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 5px;
      font-size: 16px;
      padding: 10px; }
    .cReport__other.show {
      display: block; }
  .cReport__button {
    cursor: pointer;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease ease-in-out;
    -moz-transition: all 0.2s ease ease-in-out;
    -ms-transition: all 0.2s ease ease-in-out;
    -o-transition: all 0.2s ease ease-in-out;
    transition: all 0.2s ease ease-in-out;
    font-weight: 500;
    color: #833275; }
    .cReport__button:hover {
      color: #000; }
    .cReport__button.disabled {
      color: #b7b7b7; }
      .cReport__button.disabled:hover {
        color: #b7b7b7; }
  .cReport__footer {
    margin: 15px -15px -15px;
    padding: 10px 10px;
    text-align: right;
    border-top: 1px solid #EBEBEB; }
    @media (min-width: 700px) {
      .cReport__footer {
        padding: 15px 10px 10px;
        margin: 15px -25px -15px; } }

#kcm-modals {
  visibility: hidden;
  opacity: 0; }

.modals {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative; }
  @media (min-width: 700px) {
    .modals {
      overflow: inherit; } }
  .modals:after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    -webkit-transition: all 0.2s ease ease-in-out;
    -moz-transition: all 0.2s ease ease-in-out;
    -ms-transition: all 0.2s ease ease-in-out;
    -o-transition: all 0.2s ease ease-in-out;
    transition: all 0.2s ease ease-in-out; }
    @media (max-width: 1100px) {
      .modals:after {
        width: 1100px; } }
  .modals__content {
    position: relative;
    top: 50%;
    padding: 0 20px;
    opacity: 0;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Safari */
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease ease-in-out;
    -moz-transition: all 0.2s ease ease-in-out;
    -ms-transition: all 0.2s ease ease-in-out;
    -o-transition: all 0.2s ease ease-in-out;
    transition: all 0.2s ease ease-in-out; }
  .modals .modals__content {
    opacity: 1; }
  .modals #kcm-modals {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    visibility: visible;
    opacity: 1; }

.comment__row .cReport {
  display: none; }

.icon-pin {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzY4IDc2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzY4IDc2ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPmFuZ2xlLWRvd248L3RpdGxlPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NDYuNiw0Ni42Yy0xNy0xNy4xLTQ0LjYtMTcuMi02MS44LTAuMmMtNC41LDQuNS03LjcsOS45LTkuOCwxNS41Yy0zNi40LDc1LjktNzYuNCwxMTguNy0xMjcsMTQ0Yy01Ni43LDI4LTEyMS44LDQ3LjQtMjI2LjcsNDcuNGMtNS43LDAtMTEuNCwxLjEtMTYuNywzLjNjLTEwLjcsNC41LTE5LjIsMTMtMjMuNywyMy43Yy00LjQsMTAuNy00LjQsMjIuNywwLDMzLjRjMi4yLDUuNCw1LjQsMTAuMiw5LjUsMTQuM2wxNDEuOCwxNDEuOEwzMy44LDczNC4ybDI2NC41LTE5OC4zTDQ0MCw2NzcuNmM0LDQuMSw4LjksNy4zLDE0LjMsOS41YzUuMywyLjIsMTEsMy40LDE2LjcsMy40YzUuNywwLDExLjQtMS4yLDE2LjctMy40YzEwLjctNC41LDE5LjItMTIuOSwyMy43LTIzLjdjMi4yLTUuMywzLjQtMTEsMy40LTE2LjdjMC0xMDQuOSwxOS40LTE3MCw0Ny4zLTIyNS44YzI1LjItNTAuNSw2OC05MC42LDE0NC0xMjdjNS42LTIuMSwxMS01LjMsMTUuNS05LjhjMTctMTcuMiwxNi45LTQ0LjgtMC4yLTYxLjhMNTQ2LjYsNDYuNkw1NDYuNiw0Ni42eiIvPjwvc3ZnPg==); }

.pagination {
  position: relative;
  background-color: #e9e9e9;
  display: block;
  font-family: "Roboto", sans-serif;
  width: auto;
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 30px; }
  .pagination__teaser {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .pagination_number {
    text-align: center;
    font-family: "Roboto", sans-serif;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left; }
    .pagination_number > li {
      display: inline-block; }
      .pagination_number > li.active a {
        background-color: #833275 !important;
        color: white; }
  .pagination a {
    padding: 5px 10px;
    background-color: #333333;
    color: #fff;
    border-radius: 3px;
    min-width: 25px;
    line-height: 1.2em;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .pagination .pagination__comment {
    font-size: 14px;
    margin-top: 3px;
    color: #6b6b6b;
    line-height: 1;
    font-weight: 500;
    font-family: "Poppins", sans-serif; }
  .pagination.show-all a {
    border-radius: 3px; }
  .pagination_count {
    position: absolute;
    top: calc(50% - 3px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    padding-left: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 700; }
    .pagination_count::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 2px;
      height: 35px;
      background: #ccc; }
    .pagination_count a {
      background: transparent;
      padding: 0;
      color: inherit;
      font-size: 16px;
      line-height: inherit; }

.comment__icon {
  position: relative;
  background: transparent;
  padding: 0px;
  vertical-align: text-bottom;
  width: 30px;
  height: 30px;
  margin-left: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .comment__icon .icon {
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==);
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%; }

.comment__counter {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 20px;
  padding: 2px 5px;
  border-radius: 8px;
  background: #833275;
  font-family: "Roboto", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #fff;
  line-height: 1; }

.comment__form {
  padding: 5px 0; }

.comment__sorting {
  font-family: "Roboto", sans-serif; }

.social__link {
  display: inline-block; }

.pagination__box {
  position: relative; }

.pagination__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left; }

.pagination__lead {
  font: 500 16px/1.5 "Poppins", sans-serif;
  color: #a0a0a0; }

.button {
  display: inline-block;
  border-radius: 7px !important;
  margin: 0 10px;
  padding: 10px !important; }

.button--red {
  background: #833275 !important;
  font: 600 16px/1.5 "Poppins", sans-serif;
  color: #ede1d5; }

.comment__sorting {
  padding: 0;
  margin-top: -20px; }