html,
body {
  padding: 0;
  margin: 0; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #2a2a2a;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  margin: 0;
  padding: 0; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  -ms-interpolation-mode: bicubic; }

.title {
  position: relative;
  border-bottom: 1px solid #9B9B9B; }
  .title--clean {
    border-bottom: 1px solid transparent; }
  .title--center {
    text-align: center; }
  .title--big {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #E55225;
    border-bottom: 1px solid transparent;
    text-transform: uppercase; }
  .title__content {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a; }
    .title__content:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 101%;
      border-bottom: 5px solid #3CA5DD; }
    .title__content--logo {
      padding: 0px 0 10px; }
      .title__content--logo img {
        height: 50px; }
  .title__teaser {
    margin: 20px 0 10px;
    padding: 0 15px;
    border-left: 10px solid #E55225;
    font-size: 16px;
    font-weight: 300;
    color: #000; }
  .title--big .title__content:after, .title--clean .title__content:after {
    border-bottom: transparent; }
  .title--center:after {
    content: '';
    position: absolute;
    left: 33.3333333%;
    bottom: 0;
    width: 33.3333333%;
    border-bottom: 5px solid #3CA5DD; }
  .title--center .title__content:after {
    border-bottom: transparent; }
  .title--flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .title__partner {
    position: relative;
    float: right;
    padding: 20px 0 0; }
    .title__partner span {
      display: inline-block;
      padding: 10px 5px 0;
      font-family: "Roboto", sans-serif;
      font-size: 13px;
      color: #c3c3c3; }
    .title__partner a {
      display: inline-block; }
    .title__partner img {
      height: 35px;
      width: auto; }

label {
  cursor: pointer; }

input,
select,
button,
textarea,
.button {
  margin: 0;
  padding: 8px 12px;
  border-radius: 6px;
  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;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857;
  color: #C2BEBE; }
  input::placeholder,
  select::placeholder,
  button::placeholder,
  textarea::placeholder,
  .button::placeholder {
    font-size: 16px;
    color: #C2BEBE;
    vertical-align: middle; }
    @media (min-width: 700px) {
      input::placeholder,
      select::placeholder,
      button::placeholder,
      textarea::placeholder,
      .button::placeholder {
        font-size: 14px; } }
  input:hover, input:focus,
  select:hover,
  select:focus,
  button:hover,
  button:focus,
  textarea:hover,
  textarea:focus,
  .button:hover,
  .button:focus {
    color: #2a2a2a;
    border: 1px solid #909090;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  input--default,
  select--default,
  button--default,
  textarea--default,
  .button--default {
    padding: 8px 20px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: inherit;
    color: #3CA5DD; }
    input--default:hover, input--default:focus,
    select--default:hover,
    select--default:focus,
    button--default:hover,
    button--default:focus,
    textarea--default:hover,
    textarea--default:focus,
    .button--default:hover,
    .button--default:focus {
      color: #fff;
      border: none;
      box-shadow: none;
      border-radius: 0; }

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

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

@media (min-width: 768px) {
  select {
    font-size: 12px;
    color: #C2BEBE;
    vertical-align: middle;
    padding: 10px 12px 11px; } }

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

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

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

.comment__buble {
  position: relative;
  display: inline-block;
  padding: 6px 7px;
  background: #3CA5DD;
  border-radius: 100%;
  vertical-align: text-top;
  text-align: center;
  min-width: 35px;
  margin-top: -6px;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #fff; }
  .comment__buble:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #3CA5DD;
    border-right: 6px solid #3CA5DD;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 6px;
    z-index: 1;
    -ms-transform: rotate(-75deg);
    /* IE 9 */
    -webkit-transform: rotate(-75deg);
    /* Safari */
    transform: rotate(-75deg); }

.comment__wrap {
  position: relative;
  background: #fff;
  padding: 10px; }
  @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__row {
  position: relative;
  padding: 0; }

.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; }

.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: #3CA5DD;
  border: 1px solid #3CA5DD;
  font-size: 13px;
  color: #fff;
  padding: 8px 15px; }
  .comment__button.send:hover {
    background: #228cc4;
    border: 1px solid #228cc4; }

.comment__button.action {
  display: inline-block;
  background: transparent;
  border: 1px solid transparent;
  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 {
    box-shadow: none;
    background: #f5f5f5;
    color: #2a2a2a; }
  .comment__button.action .icon {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    vertical-align: top; }

.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-size: 17px;
    line-height: 1;
    color: #fff; }
    @media (min-width: 700px) {
      .comment__avatar:before {
        font-size: 17px;
        padding: 12px 0; } }

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

.comment__date {
  display: block;
  padding: 3px 0;
  font-size: 12px;
  color: #a9a9a9; }
  @media (min-width: 700px) {
    .comment__date {
      display: inline-block;
      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-size: 14px;
  font-weight: 400; }

.comment__reply {
  position: relative;
  padding: 10px 0; }
  .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 0 10px 50px; }
      @media (min-width: 700px) {
        .comment__reply__list .comment__item {
          padding: 10px 0 10px 60px; } }
    .comment__reply__list .comment__avatar {
      top: 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__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__footer {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 0 0 20px;
  padding: 0 0 10px; }
  @media (min-width: 700px) {
    .comment__footer {
      padding: 0; } }
  .comment__footer:after {
    content: '';
    width: 100%;
    height: 120px;
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 1; }

.comment__other {
  display: block;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  background: #3CA5DD;
  border: 1px solid #3CA5DD;
  padding: 12px 15px;
  margin: 0 10px;
  font-size: 12px;
  color: #fff; }
  @media (min-width: 700px) {
    .comment__other {
      margin: 0; } }
  .comment__other:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4; }

.comment__article {
  position: relative;
  background: #f0f0f0;
  margin: 20px -10px 10px;
  padding: 10px;
  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 */ }
  @media (min-width: 700px) {
    .comment__article {
      border-radius: 15px;
      margin: 30px 0 10px;
      padding: 30px; } }
  .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__left {
    width: 40%; }
  .comment__article__right {
    width: 100%; }
    @media (min-width: 700px) {
      .comment__article__right {
        width: 60%;
        padding: 0 0 0 20px; } }
  .comment__article__img {
    overflow: hidden;
    margin: 0 -10px; }
    @media (min-width: 700px) {
      .comment__article__img {
        margin: 0;
        border-radius: 15px; } }
  .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__author {
    font-size: 12px;
    font-weight: 700;
    color: #000; }
  .comment__article__date {
    padding: 5px 0;
    font-size: 12px;
    color: #BDBABE; }
  .comment__article__lead {
    margin: 10px 0 15px;
    height: auto;
    max-height: 48px;
    overflow: hidden;
    font-size: 13px; }
  .comment__article__link {
    font-weight: 700;
    color: #3CA5DD; }

.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 */
  justify-content: center; }
  .comment__paging__button {
    display: inline-block;
    padding: 9px 12px 7px;
    background: #3CA5DD;
    border-radius: 100%;
    line-height: 1; }
    .comment__paging__button:hover {
      background: #228cc4; }
    .comment__paging__button .icon {
      width: 9px;
      height: 14px; }
  .comment__paging__text {
    padding: 7px 15px;
    font-weight: 700;
    color: #000; }

.comment__select {
  padding: 6px 60px 6px 10px;
  cursor: pointer;
  border: 1px solid #3CA5DD;
  color: #3CA5DD;
  background: transparent; }
  .comment__select:hover {
    border: 1px solid #3CA5DD; }
  @media (min-width: 700px) {
    .comment__select {
      font-weight: 700; } }
  .comment__select__wrap {
    position: relative; }
    .comment__select__wrap:before {
      content: '';
      border-radius: 0 6px 6px 0;
      position: absolute;
      width: 35px;
      height: 100%;
      right: 0;
      top: 0;
      background: #3CA5DD;
      z-index: 0;
      pointer-events: none; }
    .comment__select__wrap:after {
      content: "";
      position: absolute;
      top: 25%;
      right: 12px;
      width: 10px;
      height: 10px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg);
      z-index: 1;
      pointer-events: none; }

.comment__sorting {
  position: relative;
  padding: 30px 0 0; }
  .comment__sorting__form {
    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 */
    justify-content: flex-end; }
    .comment__sorting__form span {
      display: inline-block;
      padding: 0 15px 0 0;
      align-self: center; }

.comment__board {
  position: relative;
  padding: 40px 0;
  text-align: center; }

.comment__message {
  color: #666; }
  .comment__message a {
    text-decoration: underline;
    color: #3CA5DD;
    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; }

.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%;
    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 ); }

.loading .comment__avatar {
  overflow: hidden;
  background: #f0f0f0; }
  .loading .comment__avatar:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    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%;
    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% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }

.icon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%; }
  .icon-thumbs-up {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDM1M2MwLTguOC03LjMtMTYtMTYtMTZzLTE2LDcuMy0xNiwxNnM3LjMsMTYsMTYsMTZTOTcsMzYxLjgsOTcsMzUzeiBNMzg1LDIwOWMwLTE3LTE1LjMtMzItMzItMzJoLTg4YzAtMjkuMywyNC01MC41LDI0LTgwYzAtMjkuMy01LjgtNDgtNDAtNDhjLTE2LDE2LjMtNy44LDU0LjUtMzIsODBjLTcsNy4zLTEzLDE1LTE5LjMsMjIuOGMtMTEuMywxNC41LTQxLDU3LjMtNjAuOCw1Ny4zaC04djE2MGg4YzE0LDAsMzcsOSw1MC41LDEzLjhjMjcuNSw5LjUsNTYsMTguMyw4NS41LDE4LjNoMzAuM2MyOC4zLDAsNDgtMTEuMyw0OC00MS44YzAtNC44LTAuNS05LjUtMS4zLTE0YzEwLjUtNS44LDE2LjMtMjAsMTYuMy0zMS41YzAtNi0xLjUtMTItNC41LTE3LjNjOC41LTgsMTMuMy0xOCwxMy4zLTI5LjhjMC04LTMuNS0xOS44LTguOC0yNS44QzM3OCwyNDAuOCwzODUsMjE4LjMsMzg1LDIwOXogTTQxNywyMDguOGMwLDE0LjUtNC4zLDI4LjgtMTIuMyw0MC44YzEuNSw1LjUsMi4zLDExLjUsMi4zLDE3LjNjMCwxMi41LTMuMywyNS05LjUsMzZjMC41LDMuNSwwLjgsNy4zLDAuOCwxMC44YzAsMTYtNS4zLDMyLTE1LDQ0LjVjMC41LDQ3LjMtMzEuOCw3NS03OCw3NUgyNzNjLTM1LjUsMC02OC41LTEwLjUtMTAxLjUtMjJjLTcuMy0yLjUtMjcuNS0xMC0zNC41LTEwSDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlYyMDljMC0xNy44LDE0LjMtMzIsMzItMzJoNjguNWM5LjgtNi41LDI2LjgtMjksMzQuMy0zOC44YzguNS0xMSwxNy4zLTIxLjgsMjYuOC0zMmMxNS0xNiw3LTU1LjUsMzItODBjNi01LjgsMTQtOS4zLDIyLjUtOS4zYzI2LDAsNTEsOS4zLDYzLjMsMzMuNUMzMjAsNjUuOCwzMjEsODAuMywzMjEsOTdjMCwxNy41LTQuNSwzMi41LTEyLDQ4aDQ0QzM4Ny41LDE0NSw0MTcsMTc0LjMsNDE3LDIwOC44eiIvPjwvc3ZnPg==); }
  .icon-thumbs-down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDk3YzAtOC44LTcuMy0xNi0xNi0xNnMtMTYsNy4zLTE2LDE2czcuMywxNiwxNiwxNlM5NywxMDUuOCw5Nyw5N3ogTTM4NSwyNDFjMC05LjMtNy0zMS44LTE4LjgtMzJjNS4zLTYsOC44LTE3LjgsOC44LTI1LjhjMC0xMS44LTQuOC0yMS44LTEzLjMtMjkuOGMzLTUuMyw0LjUtMTEuMyw0LjUtMTcuM2MwLTExLjUtNS44LTI1LjgtMTYuMy0zMS41YzAuOC00LjUsMS4zLTkuMywxLjMtMTRjMC0yOS4zLTE4LjUtNDEuOC00Ni4zLTQxLjhoLTMyYy0yOS41LDAtNTgsOC44LTg1LjUsMTguM0MxNzQsNzIsMTUxLDgxLDEzNyw4MWgtOHYxNjBoOGMxOS44LDAsNDkuNSw0Mi44LDYwLjgsNTcuM0MyMDQsMzA2LDIxMCwzMTMuOCwyMTcsMzIxYzI0LjMsMjUuNSwxNiw2My44LDMyLDgwYzM0LjMsMCw0MC0xOC44LDQwLTQ4YzAtMjkuNS0yNC01MC44LTI0LTgwaDg4QzM2OS44LDI3MywzODUsMjU4LDM4NSwyNDF6IE00MTcsMjQxLjNjMCwzNC41LTI5LjUsNjMuOC02NCw2My44aC00NGM3LjUsMTUuNSwxMiwzMC41LDEyLDQ4YzAsMTYuNS0xLDMxLjUtOC44LDQ2LjVDMzAwLDQyMy44LDI3NSw0MzMsMjQ5LDQzM2MtOC41LDAtMTYuNS0zLjUtMjIuNS05LjNjLTI1LTI0LjUtMTcuMy02NC0zMi04MC4zYy05LjUtMTAtMTguMy0yMC44LTI2LjgtMzEuOGMtNy41LTkuOC0yNC41LTMyLjMtMzQuMy0zOC44SDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlY4MWMwLTE3LjgsMTQuMy0zMiwzMi0zMmg3MmM3LDAsMjcuMy03LjUsMzQuNS0xMGMzNi0xMi41LDY3LjMtMjIsMTA1LjgtMjJoMjhjNDUuNSwwLDc4LjMsMjcsNzgsNzMuOFY5MmM5LjgsMTIuNSwxNSwyOC41LDE1LDQ0LjVjMCwzLjUtMC4zLDcuMy0wLjgsMTAuOGM2LjMsMTEsOS41LDIzLjUsOS41LDM2YzAsNS44LTAuOCwxMS44LTIuMywxNy4zQzQxMi44LDIxMi41LDQxNywyMjYuOCw0MTcsMjQxLjN6Ii8+PC9zdmc+); }
  .icon-reply {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQzNy42LDM3Mi42QzQyMC45LDIzNiwzMDcuMywxMzEuOSwxNzAuOCwxMjUuOVY5NS4xYzAtMjMuNC0xMi43LTMxLjctMjMuNy0zMS43Yy03LjksMC0xNiw0LTI0LDEybC05Ni4zLDk2LjNjLTE5LjQsMTkuNC0xOS40LDUwLjksMCw3MC4zbDk2LjMsOTYuM2M3LjksNy45LDE2LDEyLDI0LDEyYzEwLjksMCwyMy43LTguMywyMy43LTMxLjd2LTMyLjljMTUuNS0zLDMxLjMtNC42LDQ2LjktNC42Yzc3LjcsMCwxNTEuNSwzNy41LDE5Ny41LDEwMC4zYzIuNCwzLjMsNi4yLDUuMSwxMC4xLDUuMWMxLjUsMCwzLjEtMC4zLDQuNi0wLjlDNDM1LjEsMzgzLjYsNDM4LjMsMzc4LjIsNDM3LjYsMzcyLjZ6IE0zNDEuNiwyODYuNGMtMzgtMTkuNy04MC45LTMwLjItMTI0LTMwLjJjLTIwLjgsMC00MS44LDIuNS02Mi4yLDcuM2MtNS42LDEuMy05LjYsNi40LTkuNiwxMi4xdjQzYzAsMi42LTAuMyw0LjUtMC42LDUuOGMtMS4xLTAuNy0yLjctMS45LTQuNS0zLjdsLTk2LjMtOTYuM2MtOS43LTkuNy05LjctMjUuNCwwLTM1LjFMMTQwLjgsOTNjMS45LTEuOCwzLjQtMyw0LjUtMy43YzAuMywxLjMsMC42LDMuMiwwLjYsNS44djQzYzAsNi45LDUuNiwxMi41LDEyLjUsMTIuNWMxMTMuNiwwLDIxMS44LDc0LjYsMjQ0LjgsMTc5LjZDMzg0LjcsMzEyLjgsMzY0LDI5OCwzNDEuNiwyODYuNHoiLz48L3N2Zz4=); }
  .icon-exclamation {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PGc+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNy4yLDM0Ni45TDI1Ni45LDY0LjVjLTYuNy0xMS4xLTE4LjktMTgtMzEuOS0xOHMtMjUuMiw2LjktMzEuOSwxOEwyMi44LDM0Ni45Yy02LjksMTEuNS03LjEsMjUuOS0wLjUsMzcuNmM2LjYsMTEuNywxOSwxOSwzMi41LDE5aDM0MC42YzEzLjQsMCwyNS45LTcuMywzMi41LTE5QzQzNC40LDM3Mi44LDQzNC4yLDM1OC40LDQyNy4yLDM0Ni45eiBNNDA0LjIsMzcxLjNjLTEuOCwzLjItNS4yLDUuMi04LjksNS4ySDU0LjdjLTMuNywwLTcuMS0yLTguOS01LjJjLTEuOC0zLjItMS44LTcuMiwwLjEtMTAuNEwyMTYuMiw3OC41YzEuOC0zLjEsNS4yLTUsOC44LTVjMy42LDAsNi45LDEuOSw4LjgsNWwxNzAuMywyODIuNEM0MDYsMzY0LjEsNDA2LDM2OCw0MDQuMiwzNzEuM3oiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMjUuMSwxNTcuN2MtMTAuMywwLTE4LjMsNS41LTE4LjMsMTUuM2MwLDI5LjgsMy41LDcyLjcsMy41LDEwMi42YzAsNy44LDYuOCwxMSwxNC44LDExYzYsMCwxNC41LTMuMywxNC41LTExYzAtMjkuOCwzLjUtNzIuNywzLjUtMTAyLjZDMjQzLjIsMTYzLjIsMjM0LjksMTU3LjcsMjI1LjEsMTU3Ljd6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI1LjEsMzAzLjljLTExLDAtMTkuMyw4LjgtMTkuMywxOS4zYzAsMTAuMyw4LjMsMTkuMywxOS4zLDE5LjNjMTAuMywwLDE5LjEtOSwxOS4xLTE5LjNDMjQ0LjIsMzEyLjcsMjM1LjQsMzAzLjksMjI1LjEsMzAzLjl6Ii8+PC9nPjwvZz48L2c+PC9zdmc+); }
  .icon-refresh {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQxMC44LDI2NWMwLDAuNSwwLDEuMy0wLjMsMS44QzM4OS4zLDM1NS4zLDMxNi4zLDQxNywyMjQsNDE3Yy00OC44LDAtOTYtMTkuMy0xMzEuNS01M2wtMzIuMywzMi4zYy0zLDMtNyw0LjgtMTEuMyw0LjhjLTguOCwwLTE2LTcuMy0xNi0xNlYyNzNjMC04LjgsNy4zLTE2LDE2LTE2aDExMmM4LjgsMCwxNiw3LjMsMTYsMTZjMCw0LjMtMS44LDguMy00LjgsMTEuM0wxMzgsMzE4LjVjMjMuNSwyMiw1NC44LDM0LjUsODcsMzQuNWM0NC41LDAsODUuOC0yMywxMDktNjFjNi05LjgsOS0xOS4zLDEzLjMtMjkuM2MxLjMtMy41LDMuOC01LjgsNy41LTUuOGg0OEM0MDcuMywyNTcsNDEwLjgsMjYwLjgsNDEwLjgsMjY1eiBNNDE3LDY1djExMmMwLDguOC03LjMsMTYtMTYsMTZIMjg5Yy04LjgsMC0xNi03LjMtMTYtMTZjMC00LjMsMS44LTguMyw0LjgtMTEuM2wzNC41LTM0LjVjLTIzLjgtMjItNTUtMzQuMy04Ny4zLTM0LjNjLTQ0LjUsMC04NS44LDIzLTEwOSw2MWMtNiw5LjgtOSwxOS4zLTEzLjMsMjkuM2MtMS4zLDMuNS0zLjgsNS44LTcuNSw1LjhINDUuNWMtNC41LDAtOC0zLjgtOC04di0xLjhDNTksOTQuNSwxMzIuOCwzMywyMjUsMzNjNDksMCw5Ni44LDE5LjUsMTMyLjMsNTNsMzIuNS0zMi4zYzMtMyw3LTQuOCwxMS4zLTQuOEM0MDkuOCw0OSw0MTcsNTYuMyw0MTcsNjV6Ii8+PC9zdmc+); }
  .icon-clock {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNBOUE5QTk7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NywxMzd2MTEyYzAsNC41LTMuNSw4LTgsOGgtODBjLTQuNSwwLTgtMy41LTgtOHYtMTZjMC00LjUsMy41LTgsOC04aDU2di04OGMwLTQuNSwzLjUtOCw4LThoMTZDMjUzLjUsMTI5LDI1NywxMzIuNSwyNTcsMTM3eiBNMzYxLDIyNWMwLTc1LTYxLTEzNi0xMzYtMTM2Uzg5LDE1MCw4OSwyMjVzNjEsMTM2LDEzNiwxMzZTMzYxLDMwMCwzNjEsMjI1eiBNNDE3LDIyNWMwLDEwNi04NiwxOTItMTkyLDE5MlMzMywzMzEsMzMsMjI1UzExOSwzMywyMjUsMzNTNDE3LDExOSw0MTcsMjI1eiIvPjwvc3ZnPg==); }
  .icon-angle-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTY4IDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTY4IDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE1Ni44LDEyMWMwLDItMSw0LjMtMi41LDUuOEw1NiwyMjVsOTguMyw5OC4zYzEuNSwxLjUsMi41LDMuOCwyLjUsNS44cy0xLDQuMy0yLjUsNS44bC0xMi41LDEyLjVjLTEuNSwxLjUtMy44LDIuNS01LjgsMi41cy00LjMtMS01LjgtMi41TDEzLjgsMjMwLjhjLTEuNS0xLjUtMi41LTMuOC0yLjUtNS44czEtNC4zLDIuNS01LjhsMTE2LjUtMTE2LjVjMS41LTEuNSwzLjgtMi41LDUuOC0yLjVzNC4zLDEsNS44LDIuNWwxMi41LDEyLjVDMTU1LjgsMTE2LjgsMTU2LjgsMTE4LjgsMTU2LjgsMTIxeiIvPjwvc3ZnPg==); }
  .icon-angle-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUyIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUyIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC44LDIyNWMwLDItMSw0LjMtMi41LDUuOEwyOS44LDM0Ny4zYy0xLjUsMS41LTMuOCwyLjUtNS44LDIuNXMtNC4zLTEtNS44LTIuNUw1LjgsMzM0LjhjLTEuNS0xLjUtMi41LTMuNS0yLjUtNS44YzAtMiwxLTQuMywyLjUtNS44TDEwNCwyMjVMNS44LDEyNi44Yy0xLjUtMS41LTIuNS0zLjgtMi41LTUuOHMxLTQuMywyLjUtNS44bDEyLjUtMTIuNWMxLjUtMS41LDMuOC0yLjUsNS44LTIuNXM0LjMsMSw1LjgsMi41bDExNi41LDExNi41QzE0Ny44LDIyMC44LDE0OC44LDIyMywxNDguOCwyMjV6Ii8+PC9zdmc+); }
  .icon-close {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MCAoNTQ5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjMuIFRvIGNsb3NlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IjMuLVRvLWNsb3NlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAyLjAwMDAwMCkiIHN0cm9rZT0iI0ZGNkI2QiIgc3Ryb2tlLXdpZHRoPSI0Ij4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iTGF5ZXItMSIgY3g9IjQ4IiBjeT0iNDgiIHI9IjQ4Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTQ3LjgwNjgzNCwxOS42NzQzNDM1IEw0Ny44MDY4MzQsNzcuMjc0MzQzNSIgaWQ9IkxheWVyLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3LjgwNjgzNCwgNDguNDc0MzQ0KSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQ3LjgwNjgzNCwgLTQ4LjQ3NDM0NCkgIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ni42MjM3OTg2LDQ4LjQ4IEwxOS4wMjM3OTg2LDQ4LjQ4IiBpZD0iTGF5ZXItMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuODIzNzk5LCA0OC40ODAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtNDcuODIzNzk5LCAtNDguNDgwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); }


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

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

#komentar {
  padding: 20px 0 0; }

#komentar .kcm-comments-form {
  padding: 0 0 20px;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px; }

#komentar canvas {
  margin: 0 10px 0 0 !important;
  display: inline; }

#komentar .tanggapi canvas {
  padding: 10px 0 0;
  vertical-align: top; }

#komentar .comments-count {
  padding: 0 0 10px;
  font-size: 14px; }

#komentar .notes {
  font-size: 10px;
  color: #979797;
  padding: 0px 5px 20px; }

#komentar #comment-input textarea {
  margin: 0 0 5px !important; }

#komentar textarea {
  border-radius: 5px;
  padding: 10px;
  min-height: 100px;
  border: 1px solid #dfdfdf;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
  resize: none;
  color: #7E7E7E;
  margin: 0 0 10px !important;
  -webkit-appearance: none; }

#komentar input[type=text]:focus,
#komentar textarea:focus {
  border: 1px solid #2a2a2a; }

#komentar input[type=text] {
  font-family: inherit;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  outline: 0;
  margin: -2px 5px 0 0;
  display: inline-block;
  height: 35px;
  width: 150px;
  -webkit-appearance: none; }

#komentar #load-more .btn-primary {
  background: inherit; }

#komentar .btn-primary {
  background: #3BA7DF;
  padding: 12px 15px;
  margin: -2px 0 0 !important;
  display: inline-block;
  border-radius: 5px;
  line-height: 1;
  vertical-align: top;
  height: 35px; }

#komentar .btn-primary:hover {
  background: #0C81BE; }

#komentar a {
  color: #000;
  text-decoration: none; }

#komentar a:hover {
  color: #000;
  text-decoration: none; }

#komentar .item {
  border-bottom: 1px solid #ebebeb;
  padding: 20px 20px 20px 70px;
  position: relative; }

#komentar .item > div {
  margin-left: 0 !important;
  font-size: 11px;
  color: #8c8c8c; }

#komentar .item > div > a {
  color: #8c8c8c;
  margin-right: 10px; }

#komentar .item > div > a:hover {
  color: #2a2a2a;
  text-decoration: none; }

#komentar hr {
  display: none; }

#komentar img {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: inline-block;
  border-radius: 40px;
  border: 1px solid #dfdfdf;
  position: absolute;
  left: 0;
  top: 20px; }

#komentar .message {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 15px; }

#komentar .name {
  padding: 0 10px 10px 0;
  display: inline-block;
  color: #000;
  font-weight: 600;
  font-size: 14px; }

#komentar .name:hover {
  color: #e54210; }

#komentar .text-muted {
  color: #8c8c8c;
  display: inline-block; }

#komentar #load-more {
  padding: 10px 10px 30px;
  text-align: center;
  font-weight: bold;
  font-size: 13px; }

#komentar #load-more a:hover {
  color: #e54210; }

#komentar .tanggapi,
#komentar .laporkan {
  padding: 20px 10px 10px;
  position: relative;
  background: #F5F5F5;
  margin: 20px 0 0;
  border-radius: 5px; }

#komentar .tanggapi textarea,
#komentar .laporkan textarea {
  display: block;
  width: 100%; }

#komentar .tanggapi .btn-primary,
#komentar .laporkan .btn-primary {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none; }

#komentar .tanggapi .close,
#komentar .laporkan .close {
  position: absolute;
  top: -10px;
  right: -8px;
  cursor: pointer;
  background: #8c8c8c;
  color: #fff;
  padding: 3px 7px 5px;
  font-size: 14px;
  border-radius: 10px;
  line-height: 1; }

#komentar .tanggapi .close:hover,
#komentar .laporkan .close:hover {
  background: #000; }

#komentar .tanggapi > div {
  display: inline-block;
  vertical-align: top; }

@media (max-width: 480px) {
  #komentar canvas {
    display: block;
    margin: 0 0 20px 0 !important; }
  #komentar input[type=text] {
    margin: 10px 0 0 !important;
    display: block;
    width: 100%; }
  #komentar .btn-primary {
    margin: 10px 0 0 !important;
    display: block;
    text-align: center; }
  #komentar .tanggapi .btn-primary,
  #komentar .laporkan .btn-primary {
    display: block; }
  #komentar .tanggapi canvas {
    display: block !important; }
  #komentar .notes {
    padding: 0 5px 10px; } }