body {
  display: block !important;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  margin: 0;
  padding: 0;
  width: 1px; /* safari fix */
  min-width: 100%;
  background-color: #fff;
}

.btn,
a.btn,
button.btn {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 8px 16px 6px;
  transition: background-color .2s ease;
  border: none;
}
.btn:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125);
}
.btn-xs,
a.btn-xs,
button.btn-xs {
  font-size: 11px;
  line-height: 14px;
  padding: 4px 7px 2px;
}
.btn-sm,
a.btn-sm,
button.btn-sm {
  padding: 5px 14px 4px;
}
.btn-lg,
a.btn-lg,
button.btn-lg {
  padding: 9px 16px 8px;
}
.btn-primary {
  background-color: #3092e6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #068cd4;
}
.btn-default {
  background-color: transparent;
  color: #0086d3;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #0086d3;
  background-color: #e8f3fa;
  box-shadow: none;
}
.btn-default.btn-danger {
  color: #d14e4e;
  background-color: transparent;
}
.btn-default.btn-danger:hover,
.btn-default.btn-danger:focus,
.btn-default.btn-danger:active {
  color: #d14e4e;
  background-color: #fcdfde;
}
.btn-link:active {
  box-shadow: none;
}
.btn-muted {
  color: #1a1a1a;
  background-color: #f2f2f2;
}

.btn:focus,
.btn:active:focus,
button:focus,
button:active:focus,
input.form-control:focus,
textarea.form-control:focus,
input.form-control,
textarea.form-control {
  outline: none;
  box-shadow: none;
}
input.form-control[disabled],
textarea.form-control[disabled] {
  cursor: auto;
  background-color: #fff;
}

i.emoji {
  font-style: normal;
  box-sizing: content-box;
}
i.emoji > b {
  font-weight: normal;
}
.emoji_default i.emoji {
  background: none !important;
}
.emoji_image i.emoji {
  width: 1.25em;
  vertical-align: top;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  background: no-repeat 2px 50%;
  background-position-y: calc(50% - 1px);
  background-size: 1.25em 1.25em;
  text-indent: -10em;
  padding: 3px 3px 3px 2px;
  margin: -3px -2px;
}
.emoji_image .rtl i.emoji {
  padding-left: 3px;
  padding-right: 2px;
}
.emoji_image i.emoji > b {
  letter-spacing: 12em;
  pointer-events: none;
}

img.emoji {
  width: 1.25em;
  height: 1.25em;
  padding: 0 1px;
  vertical-align: top;
  vertical-align: text-top;
  box-sizing: content-box;
  cursor: inherit;
}
a:hover img.emoji {
  border-bottom: 1px solid;
  padding: 0 2px;
  margin: 0 -1px;
}

.form-control {
  font-size: 14px;
}

.container,
.container-fluid {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  max-width: 820px;
  box-sizing: content-box;
}

.bg-image {
  background: #f7f7f7 no-repeat center;
  background-size: cover;
}
.strong {
  font-weight: 500;
}


a.bc-dl-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  font-size: 15px;
  color: #FFF;
  background: #3092e6;
  padding: 1px 15px;
  height: 42px;
  line-height: 41px;
  text-align: center;
  white-space: nowrap;
  z-index: 10;
}
a.bc-dl-button:hover,
a.bc-dl-button:active {
  color: #FFF;
  background: #2789DE;
  text-decoration: none;
}
.bc-dl-button-try {
  padding: 4px 11px;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-left: 12px;
}
.bc-main {
  display: flex;
  min-width: 320px;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0 0;
}
.bc-main-content {
  text-align: center;
  padding: 50px 10px;
  max-width: 340px;
}
.bc-main-content h1 {
  font-size: 19px;
  margin: 30px 0 12px;
}
.bc-main-content p {
  font-size: 16px;
}
.bc-dl-button b,
.bc-main-content b {
  font-weight: 500;
}

.bc-content-wrap {
  min-width: 320px;
  max-width: 494px;
  margin: 0 auto;
}
.bc-content {
  padding: 5px 15px 15px;
}
.bc-content-not-found {
  line-height: 1.3em;
  padding: 70px 0;
  color: #81868a;
  text-align: center;
}
.bc-content-not-found h1 {
  font-size: 120px;
  line-height: 1.3em;
  margin: 0;
}
.bc-head-wrap {
  margin: 15px 0 0;
}
.bc-header-wrap {
  margin: 25px 0 7px;
}
.bc-head {
  font-size: 17px;
  line-height: 20px;
  color: #222;
  font-weight: 500;
}
.bc-header {
  font-size: 14px;
  line-height: 17px;
  color: #333;
  font-weight: 500;
  padding: 2px 0;
  margin: 0;
}
.bc-settings {
  padding-bottom: 40px;
}
.bc-settings .bc-header-wrap {
  margin-top: 35px;
}
.bc-settings .bc-header {
  text-transform: uppercase;
}
.bc-subscribe-btn:before {
  content: attr(data-subscribe-label);
}
.bc-subscribe-btn.unsubscribe:before {
  content: attr(data-unsubscribe-label);
}
.bc-menu-wrap {
  float: right;
  margin: -5px -12px -5px 0;
}
.bc-menu-btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  vertical-align: top;
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23C9CDD1" fill-rule="evenodd"%3E%3Ccircle cx="38.999018" cy="24.00123" r="5" transform="matrix(.05233596 .99862953 -.99862953 .05233596 60.926304 -16.200469)"/%3E%3Ccircle cx="8.999018" cy="24.00123" r="5" transform="matrix(.05233596 .99862953 -.99862953 .05233596 32.496383 13.758418)"/%3E%3Ccircle cx="23.999018" cy="24.00123" r="5" transform="matrix(.05233596 .99862953 -.99862953 .05233596 46.711344 -1.221026)"/%3E%3C/g%3E%3C/svg%3E') no-repeat center;
}
.bc-menu-btn.dropdown-toggle:hover,
.open .bc-menu-btn.dropdown-toggle {
  background-color: #f5f6f7;
}
.near-btn-label {
  color: #81868a;
  margin-left: 10px;
}
.near-btn-label b {
  font-weight: 500;
}

.bc-comment-reply-wrap {
  transition: all .2s ease;
}
.bc-comment-form .bc-comment-reply {
  position: relative;
  margin: 0;
}
.bc-comment-reply-content {
  display: block;
  position: relative;
  padding-left: 10px;
  margin-top: 2px;
  margin-bottom: 5px;
  min-height: 41px;
}
a.bc-comment-reply-content {
  color: #000;
  cursor: pointer;
}
a.bc-comment-reply-content:hover,
a.bc-comment-reply-content:focus {
  color: inherit;
  text-decoration: none;
}
.bc-comment-reply-content:before {
  position: absolute;
  content: '';
  left: 0;
  top: 3px;
  bottom: 4px;
  border-left: 2px solid #2b8bd9;
  border-radius: 1px;
}
.bc-comment-reply-content .bc-comment-head {
  font-weight: 500;
  color: #2481CC;
}
.bc-comment-reply-content .bc-comment-text {
  margin-top: -1px;
}
.bc-comment-reply-content .bc-comment-head,
.bc-comment-reply-content .bc-comment-text {
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bc-comment-form-box {
  display: flex;
  flex-direction: row;
}
.bc-comment-input-wrap {
  position: relative;
  margin-right: 9px;
  flex-grow: 1;
}
.bc-attach-btn {
  position: absolute;
  right: 0;
  transition: all .2s ease;
  background-color: transparent;
}
.btn.bc-attach-btn {
  z-index: 1;
  padding: 8px 9px;
  margin: 5px;
  border-radius: 18px;
}
.bc-attach-btn:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.554 6.442c.393 0 .711.318.711.711v6.326c0 .682.553 1.235 1.235 1.235.682 0 1.235-.553 1.235-1.235v-7.419c0-1.467-1.19-2.657-2.657-2.657-1.467 0-2.657 1.19-2.657 2.657v8.228c0 2.252 1.826 4.078 4.078 4.078 2.252 0 4.078-1.826 4.078-4.078v-4.628-.224c0-.393.318-.711.711-.711.393 0 .711.318.711.711v.224 4.609c0 3.038-2.462 5.5-5.5 5.5-3.038 0-5.5-2.462-5.5-5.5v-8.191c0-2.252 1.826-4.078 4.078-4.078 2.252 0 4.078 1.826 4.078 4.078v7.382c0 1.467-1.19 2.657-2.657 2.657-1.467 0-2.657-1.19-2.657-2.657v-6.307c0-.393.318-.711.711-.711z' fill='%239aa3ae' fill-rule='evenodd' stroke='%2382878b' stroke-width='.2' transform='matrix(-.707 -.707 .707 -.707 7.228 24.006)'/%3E%3C/svg%3E");
}
.bc-comment-input-wrap .input.bc-comment-input {
  font-size: 15px;
  line-height: 22px;
  padding: 10px 44px 10px 16px;
  border-radius: 22px;
  border: 1px solid #DDE4EB;
  box-shadow: none;
  color: #1c1c1c;
  max-height: 132px;
  transition: background-color .2s ease, border .2s ease;
}
.bc-comment-input-wrap .input.empty.bc-comment-input {
  background-color: #f5f6f7;
  border: 1px solid #f5f6f7;
}
.bc-comment-input-wrap .input.bc-comment-input:focus {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #dde4eb;
}
.bc-comment-input-wrap .input.empty[data-placeholder]:before {
  font-size: 15px;
  line-height: 22px;
  padding-left: 16px;
  padding-right: 16px;
  color: #b1b5ba;
}
.bc-comment-input-wrap .input.empty[data-placeholder]:focus:before {
  color: transparent;
}
.bc-comment-form .bc-comment-reply {
  padding: 4px 0 9px 17px;
  position: relative;
}
.bc-comment-form .bc-comment-reply-content {
  margin-top: 0;
  margin-bottom: 0;
}
.bc-comment-form .bc-submit-comment-btn {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background-color: #4ba3e2;
  padding: 0;
}
.bc-comment-form .bc-submit-comment-btn:hover {
  background-color: #3f99d9;
}
.bc-comment-form .bc-submit-comment-btn:before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin: 12px 10px 12px 14px;
  vertical-align: top;
  position: relative;
  background: url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m4.536 56.92 51.085-25.568c1.581-.791 2.22-2.713 1.429-4.293-.309-.619-.811-1.12-1.429-1.43l-51.05-25.55c-1.581-.791-3.503-.151-4.294 1.429-.302.603-.406 1.287-.296 1.952l3.077 18.692c.195 1.182 1.157 2.087 2.349 2.208l27.578 2.806c.441.045.781.41.794.853l.015.468c.021.694-.509 1.282-1.201 1.333l-27.11 1.986c-1.228.09-2.232 1.013-2.426 2.228l-3.113 19.521c-.278 1.745.911 3.385 2.656 3.664.661.105 1.338.001 1.936-.299z" fill="%23fff" fill-rule="evenodd" transform="scale(.3333) translate(0 2)"/%3E%3C/svg%3E') no-repeat;
}
.bc-edit-comment-form .bc-submit-comment-btn:before {
  display: inline-block;
  content: '';
  width: 18px;
  height: 13px;
  margin: 17px 12px 14px 14px;
  vertical-align: top;
  position: relative;
  background: url('data:image/svg+xml,%3Csvg height="13" viewBox="0 0 18 13" width="18" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" transform="matrix(.707 -.707 .707 .707 0 6.55)"%3E%3Crect height="8.667" rx="1.167" width="2.333"/%3E%3Crect height="2.333" rx="1.167" width="16" x=".333" y="6.333"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
}
.bc-action-btn {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  color: #9DA2A6;
  float: right;
  margin-left: 15px;
  cursor: pointer;
}
.bc-action-btn:hover {
  color: #9DA2A6;
  text-decoration: underline;
}
.bc-action-btn:focus {
  text-decoration: none;
}
.bc-reply-close.close {
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  margin: 3px 5px 0px 14px;
}
.bc-load-more {
  font-weight: 500;
  padding: 9px 15px 8px;
  margin: 12px -15px 7px;
  text-align: center;
  background-color: #4ba3e2;
  color: #fff;
  cursor: pointer;
}
.bc-load-more:hover {
  background-color: #3f99d9;
}
@media (min-width: 494px) {
  .bc-load-more {
    margin-left: -8px;
    margin-right: -8px;
    border-radius: 3px;
  }
}

.bc-list-empty-wrap {
  transition: opacity .2s ease, visibility .2s ease;
}
.bc-list-empty-wrap.ohide {
  height: 0;
}
.bc-list-empty {
  font-size: 14px;
  line-height: 22px;
  color: #70767b;
  padding: 32px 0;
  text-align: center;
}

.bc-post {
  margin: 25px -3px 25px 0;
}
.bc-post iframe {
  vertical-align: top;
}
.bc-post * {
    box-sizing: content-box;
}
.bc-post .tgme_widget_message_user_photo,
.bc-post .tgme_widget_message_user_photo img {
  font-size: 17px;
  vertical-align: middle;
  line-height: 38px;
  width: 38px;
  height: 38px;
  border-radius: 19px;
}
.bc-post .tgme_widget_message_bubble {
  margin-left: 0;
}


.bc-comment {
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 7px;
  margin: 0 -15px;
  position: relative;
  min-height: 58px;
  transition: all .2s ease;
}
a.bc-comment:hover {
  text-decoration: none;
}
a.bc-comment:focus {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}
.bc-comment-photo {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 38px;
  border-radius: 22px;
  background: #efefef;
  text-align: center;
  overflow: hidden;
  margin-right: 12px;
  float: left;
}
a.bc-comment-photo:hover,
a.bc-comment-photo:focus {
  text-decoration: none;
}
.bc0 { background-color: #e56555; } .tc0, .tc0:hover { color: #ca5650; }
.bc1 { background-color: #f28c48; } .tc1, .tc1:hover { color: #d87b29; }
.bc2 { background-color: #8e85ee; } .tc2, .tc2:hover { color: #7170d5; }
.bc3 { background-color: #76c84d; } .tc3, .tc3:hover { color: #50b232; }
.bc4 { background-color: #5fbed5; } .tc4, .tc4:hover { color: #55a8bd; }
.bc5 { background-color: #549cdd; } .tc5, .tc5:hover { color: #4e92cc; }
.bc6 { background-color: #f2749a; } .tc6, .tc6:hover { color: #e5638a; }

body.bc-dark .bc0 { background-color: #e0645e; }
body.bc-dark .tc0, body.bc-dark .tc0:hover { color: #f95c54; }
body.bc-dark .bc1 { background-color: #e9b653; }
body.bc-dark .tc1, body.bc-dark .tc1:hover { color: #f3bb4f; }
body.bc-dark .bc2 { background-color: #af74f2; }
body.bc-dark .tc2, body.bc-dark .tc2:hover { color: #c28dff; }
body.bc-dark .bc3 { background-color: #7cc766; }
body.bc-dark .tc3, body.bc-dark .tc3:hover { color: #76df56; }
body.bc-dark .bc4 { background-color: #5bbfd7; }
body.bc-dark .tc4, body.bc-dark .tc4:hover { color: #4fd2f3; }
body.bc-dark .bc5 { background-color: #5caae4; }
body.bc-dark .tc5, body.bc-dark .tc5:hover { color: #5ebbff; }
body.bc-dark .bc6 { background-color: #e9539d; }
body.bc-dark .tc6, body.bc-dark .tc6:hover { color: #ff5ead; }

.bc-comment-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bc-comment-photo:before {
  content: attr(data-content);
  font-size: 15px;
  vertical-align: middle;
  line-height: 40px;
  color: #fff;
}
.bc-comment-author-flex {
  padding-bottom: 2px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.bc-comment-author-flex .bc-comment-author-name {
  overflow: hidden;
  margin-right: 0;
  flex-shrink: 1;
  font-weight: 500;
}
.bc-comment-author-flex .bc-comment-author-name > .name {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bc-comment-author-flex .bc-comment-date,
.bc-comment-author-flex .bc-comment-voting {
  white-space: nowrap;
  margin-top: 2px;
  margin-left: 8px;
  line-height: 20px;
}
.bc-comment-author-flex .bc-comment-actions {
  margin-right: -5px;
  padding-left: 3px;
  white-space: nowrap;
  text-align: right;
  flex-grow: 1;
}
.bc-comment-author-flex .bc-comment-actions .bc-reply-btn,
.bc-comment-author-flex .bc-comment-actions .bc-edit-btn,
.bc-comment-author-flex .bc-comment-actions .bc-edit-cancel-btn {
  margin-left: 12px;
  float: none;
}
.bc-comment-author {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-bottom: 1px;
}

.bc-comment-like,
.bc-comment-dislike {
  position: relative;
  pointer-events: visible;
  display: inline-block;
  vertical-align: 0;
  font-size: 13px;
  font-weight: 500;
  color: #9DA2A6;
  height: 18px;
  cursor: pointer;
  /*transition: color .2s ease;*/
}
.bc-comment-dislike {
  display: none;
  margin-left: 15px;
}
.bc-comment-like:before,
.bc-comment-dislike:before {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  vertical-align: top;
  position: relative;
}
.bc-comment-like:before {
  top: 1px;
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 19.8555842 5.45197263-10.57316098c.73509745-1.27167797 2.06235672-4.28242322 3.51213222-4.28242322h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%23a6afba" transform="matrix(-1 0 0 -1 48 46)"/%3E%3C/svg%3E') no-repeat;
}
body.bc-icons-outlined .bc-comments .bc-comment-like:before,
.bc-preview-wrap.bc-icons-outlined .bc-comment-like:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" stroke="%23969A9E" stroke-width="3.344444" transform="matrix(1 0 0 -1 2 42)"%3E%3Cpath d="m11.1111265 15.6710938 5.6718102-11.15358339c.7647385-1.3414878 3.6569939-4.51751041 6.5469895-4.51751041h12.1506544c2.0261715 0 7.4921245.09098884 7.4921245.84262763l.0272949 21.64769577c0 1.1849811-.8319949 2.3252457-1.6392189 3.1748546l-13.1136429 12.3204235c-1.5402001.0972713-2.551336-.2983066-3.0334075-1.1867333-.7231074-1.3326397-.5525127-2.3773883-.446299-2.869267l1.9891906-10.5396862c.097874-.5185835-.2431784-1.0183211-.761762-1.1161951-.0584277-.0110273-.1177573-.0165771-.1772166-.0165771h-10.8190967c-2.3367009 0-4.248547.0766739-4.248547-2.3827205v-2.414678c0-.6260277.1274564-1.2296972.3611265-1.7886505z" transform="matrix(-1 0 0 1 53.75 0)"/%3E%3Cpath d="m2.9 0h7.85v23.8027778h-7.85c-1.18741221 0-2.15-.9625878-2.15-2.15v-19.5027778c0-1.18741221.96258779-2.15 2.15-2.15z"/%3E%3C/g%3E%3C/svg%3E');
}
.liked .bc-comment-like:before,
body.bc-icons-outlined .bc-comments .liked .bc-comment-like:before,
.bc-preview-wrap.bc-icons-outlined .liked .bc-comment-like:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 19.8555842 5.45197263-10.57316098c.73509745-1.27167797 2.06235672-4.28242322 3.51213222-4.28242322h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%233da0f0" transform="matrix(-1 0 0 -1 48 46)"/%3E%3C/svg%3E');
}
.bc-comment-dislike:before {
  top: 3px;
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 22.8555842 5.45197263-10.573161c.73509745-1.271678 2.06235672-4.2824232 3.51213222-4.2824232h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%23a6afba" transform="matrix(-1 0 0 1 48 0)"/%3E%3C/svg%3E') no-repeat;
}
body.bc-icons-outlined .bc-comments .bc-comment-dislike:before,
.bc-preview-wrap.bc-icons-outlined .bc-comment-dislike:before {
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" stroke="%23969A9E" stroke-width="3.344444" transform="translate(2 7)"%3E%3Cpath d="m11.1111265 15.6710938 5.6718102-11.15358339c.7647385-1.3414878 3.6569939-4.51751041 6.5469895-4.51751041h12.1506544c2.0261715 0 7.4921245.09098884 7.4921245.84262763l.0272949 21.64769577c0 1.1849811-.8319949 2.3252457-1.6392189 3.1748546l-13.1136429 12.3204235c-1.5402001.0972713-2.551336-.2983066-3.0334075-1.1867333-.7231074-1.3326397-.5525127-2.3773883-.446299-2.869267l1.9891906-10.5396862c.097874-.5185835-.2431784-1.0183211-.761762-1.1161951-.0584277-.0110273-.1177573-.0165771-.1772166-.0165771h-10.8190967c-2.3367009 0-4.248547.0766739-4.248547-2.3827205v-2.414678c0-.6260277.1274564-1.2296972.3611265-1.7886505z" transform="matrix(-1 0 0 1 53.75 0)"/%3E%3Cpath d="m2.9 0h7.85v23.8027778h-7.85c-1.18741221 0-2.15-.9625878-2.15-2.15v-19.5027778c0-1.18741221.96258779-2.15 2.15-2.15z"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
}
.disliked .bc-comment-dislike:before,
body.bc-icons-outlined .bc-comments .disliked .bc-comment-dislike:before,
.bc-preview-wrap.bc-icons-outlined .disliked .bc-comment-dislike:before {
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 22.8555842 5.45197263-10.573161c.73509745-1.271678 2.06235672-4.2824232 3.51213222-4.2824232h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%233da0f0" transform="matrix(-1 0 0 1 48 0)"/%3E%3C/svg%3E') no-repeat;
}
.bc-comment-like .value,
.bc-comment-dislike .value {
  margin-left: 4px;
}
.bc-comment-like .value:empty,
.bc-comment-dislike .value:empty {
  margin-left: 0;
}
.liked .bc-comment-like,
.disliked .bc-comment-dislike {
  color: #2b8fe1;
}

.bc-more-btn {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin: -1px 0;
}

.like-tooltip-wrap {
  position: absolute;
  width: 270px;
  left: 0;
  bottom: 100%;
  text-align: left;
  pointer-events: none;
  margin-bottom: 7px;
  z-index: 1;
}
.like-tooltip {
  display: inline-block;
  max-width: 100%;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  border-radius: 3px;
  background: rgba(61, 65, 69, 0.93);
  padding: 8px 15px;
  color: #fff;
  z-index: 4;
  text-transform: none;
  pointer-events: none;
  transition: all .15s ease;
  transform: translateY(-10px);
  visibility: hidden;
  opacity: 0;
  cursor: auto;
}
.like-tooltip:after {
  content: '';
  border: solid;
  border-width: 6px 8px;
  border-color: rgba(61, 65, 69, 0.93) transparent transparent;
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 18px;
  right: auto;
  margin: 0 -8px;
}
:hover > .like-tooltip-wrap .like-tooltip {
  transition-delay: .3s;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
:hover > .like-tooltip-wrap.tt-hidden .like-tooltip {
  transition-delay: 0s;
  transform: translateY(-10px);
  visibility: hidden;
  opacity: 0;
}


.bc-comment {
  border-radius: 2px;
  background: transparent;
}
.bc-comment.highlight {
  background: #f0f6fa;
}
.bc-comment .anchor {
  position: absolute;
  top: -60px;
}
.bc-comment-body {
  margin-left: 50px;
  margin-right: 5px;
}
.bc-comment-author-name {
  margin-right: 4px;
}
.bc-comment-date {
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  color: #9DA2A6;
}
.bc-comment-date:hover,
.bc-comment-date:focus {
  color: #9DA2A6;
}
.bc-comment-date:focus {
  text-decoration: none;
}
.bc-comment-text {
  font-size: 15px;
  line-height: 21px;
  word-break: break-word;
  margin-bottom: -1px;
}
.bc-comment-footer {
  line-height: 20px;
  padding-top: 5px;
}
.bc-comment-footer .bc-action-btn {
  color: #9DA2A6;
  -webkit-font-smoothing: antialiased;
  float: none;
}
body.bc-icons-outlined .bc-comments .bc-comment-footer .bc-action-btn,
.bc-preview-wrap.bc-icons-outlined .bc-comment-footer .bc-action-btn {
  font-weight: normal;
  -webkit-font-smoothing: auto;
}
.bc-comment-edit {
  transition: all .2s ease;
}
.bc-comment-edit .bc-comment-form {
  padding: 14px 0;
}
.bc-comment-edit-label {
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  color: #9DA2A6;
  margin-bottom: 2px;
}
.bc-comment .bc-comment-edit-label,
.bc-comment .bc-edit-cancel-btn,
.bc-comment .bc-comment-edit,
.bc-comment.edit .bc-action-btn,
.bc-comment.edit .bc-comment-footer,
.bc-comment.edit .bc-comment-box .bc-comment-reply-content,
.bc-comment.edit .bc-comment-box .bc-comment-file,
.bc-comment.edit .bc-comment-box .bc-comment-text {
  display: none;
}
.bc-comment.edit .bc-comment-edit,
.bc-comment.edit .bc-comment-edit-label {
  display: block;
}
.bc-comment.edit .bc-edit-cancel-btn {
  display: inline;
}
.bc-comment-file-wrap {
  transition: all .2s ease;
  overflow: hidden;
}
.bc-comment-file {
  display: block;
  margin: 6px 0 11px;
}
a.bc-comment-file:hover {
  text-decoration: none;
}
.bc-comment-file-close.close {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  margin: 0 5px 0 14px;
}
.bc-comment-file-thumb-box {
  /*display: inline-block;*/
  vertical-align: top;
  position: relative;
  max-width: 320px;
}
.bc-comment-form .bc-comment-file-thumb-box {
  border-radius: 2px;
  padding-right: 53px;
  max-width: 100%;
  overflow: hidden;
}
.bc-comment-file-thumb-wrap {
  max-width: 100%;
}
.bc-comment-file-thumb {
  vertical-align: top;
  background: #efefef no-repeat center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
}
.bc-comment-file-thumb:before {
  content: '';
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all ease .2s;
}
.bc-comment-thumb {
  float: left;
  margin: 3px 8px 0 0;
  width: 34px;
  height: 34px;
  border-radius: 2px;
  background: #efefef no-repeat center;
  background-size: cover;
}
.file-loading .bc-comment-file-thumb:before {
  visibility: visible;
  opacity: 0.3;
}
.bc-comment-file-image {
  border-radius: 2px;
  max-width: 100%;
}
.bc-comment-reply-file {
  color: #81868a;
}
.bc-comment-file-progress-wrap {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale3d(0, 0, 1);
  visibility: hidden;
  opacity: 0.2;
  transform-origin: 50%;
  transition: all ease .2s;
}
.file-loading .bc-comment-file-progress-wrap {
  transform: scale3d(1, 1, 1);
  visibility: visible;
  opacity: 1;
}
.bc-comment-file-progress-bg {
  fill: rgba(0, 0, 0, .7);
  r: 20px;
}
.bc-comment-file-progress {
  transition: stroke-dashoffset ease .3s, stroke-dasharray ease .3s, stroke-width ease .3s, r ease .3s;
  stroke: #fff;
  stroke-width: 0;
  stroke-linecap: round;
  fill: transparent;
  stroke-width: 1.5px;
  transform: rotateZ(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 106px;
  r: 17px;
}
.file-loading .bc-comment-file-progress {
  animation: upload-circle linear 2s infinite;
  stroke-dasharray: 106px;
  r: 17px;
}
.file-loaded .bc-comment-file-progress {
  animation: upload-circle linear 2s infinite;
  stroke-dashoffset: 0;
  stroke-dasharray: 125px;
  r: 20px;
}
.bc-comment-file-title {
  font-size: 14px;
  line-height: 23px;
  font-weight: 500;
  margin-top: 10px;
  margin-right: 15px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
}
.bc-comment-file-title .filename {
  overflow: hidden;
  text-overflow: ellipsis
}
.bc-comment-file-title:hover:before{
  text-decoration: underline;
}
.bc-comment-file-label {
  font-size: 13px;
  line-height: 23px;
  color: #70767b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bc-comment-file-loaded {
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: all .2s ease;
}
.bc-comment-file-loaded:before,
.bc-comment-file-loaded:after {
  content: attr(data-loaded);
  display: inline-block;
}
.bc-comment-file-loaded:before {
  visibility: hidden;
}
.bc-comment-file-loaded:after {
  position: absolute;
  right: 0;
}
.bc-comment-form .bc-comment-files {
  margin: 10px 0 15px;
}
.bc-comment-form .bc-comment-file {
  padding: 0 0 10px;
  margin: 0;
}
.bc-comment-form .bc-comment-file:last-child {
  padding: 3px 0 10px 17px;
}
.bc-comments-footer {
  margin: 0 -15px;
  /*background: #fff;*/
  padding: 7px;
}
.bc-comments-footer-content {
  max-width: 480px;
  margin: 0 auto;
}
.bc-comment-login {
  position: relative;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  margin: 10px 0;
}
.bc-comment-login iframe {
  vertical-align: top;
  transform-origin: 0 0;
  transform: scale3d(1, 1.1, 1);
  width: 100% !important;
  opacity: 0.01;
}
.bc-comment-login-btn {
  font-size: 14px;
  line-height: 20px;
  padding: 12px 15px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 4px;
  background-color: #4ba3e2;
  color: #fff;
  cursor: pointer;
}
a.bc-bot-open-btn,
a.bc-websites-open-btn,
.bc-website-login-btn {
  margin-top: 25px;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 11px 25px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 4px;
  background-color: #3092e6;
  color: #fff;
  cursor: pointer;
}
a.bc-bot-open-btn:hover,
a.bc-websites-open-btn:hover,
.bc-website-login-btn:hover {
  background-color: #2789DE;
  text-decoration: none;
  color: #fff;
}
a.bc-websites-open-btn {
  padding: 11px 35px;
}
.bc-comment-login-btn:before,
.bc-website-login-btn:before,
.bc-bot-open-btn:before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 17px;
  margin-right: 15px;
  vertical-align: top;
  position: relative;
  top: 2px;
  background: url('data:image/svg+xml,%3Csvg height="17" viewBox="0 0 20 17" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.375 7.318c5.369-2.399 8.949-3.98 10.74-4.744 5.114-2.182 6.177-2.561 6.87-2.574.152-.003.493.036.713.22.187.155.238.364.262.511.025.147.055.482.031.744-.277 2.987-1.476 10.235-2.086 13.58-.259 1.416-.767 1.89-1.259 1.937-1.069.101-1.882-.725-2.917-1.422-1.621-1.09-1.636-.811-3.174-1.911-1.376-.983-1.084-2.256-.048-3.36.271-.289 3.799-4.174 3.89-4.573.011-.05.138-.698.03-.796-.107-.098-.606-.101-.72-.075-.163.038-2.447 1.6-6.852 4.686-.735.518-1.401.77-1.997.757-.658-.015-1.923-.382-2.863-.695-1.153-.385-2.07-.588-1.99-1.241.041-.34.498-.688 1.37-1.044z" fill="%23fff" fill-rule="evenodd"/%3E%3C/svg%3E') no-repeat;
}
.bc-arrow-footer {
  position: fixed;
  left: 0;
  bottom: 19px;
  right: 0;
  max-width: 494px;
  margin: 0 auto;
}
.bc-arrow-down {
  position: absolute;
  left: 6px;
  bottom: 0;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  transition: all .15s ease;
  cursor: pointer;
}
.bc-arrow-down.ohide {
  transform: scale3d(0, 0, 1);
}
.bc-arrow-down:before {
  display: inline-block;
  content: '';
  width: 15px;
  height: 16px;
  margin: 12px 12px 12px 13px;
  vertical-align: top;
  position: relative;
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 15 16" width="15" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%238397b0" fill-rule="evenodd"%3E%3Crect height="14.666667" rx="1" width="2" x="6.424026"/%3E%3Cpath d="m10.4309644 6.34027176c.5522848 0 1 .44771525 1 1v8.00000004c0 .5522847-.4477152 1-1 1-.55228474 0-.99999999-.4477153-.99999999-1v-8.00000004c0-.55228475.44771525-1 .99999999-1z" transform="matrix(.70710678 .70710678 -.70710678 .70710678 11.073942 -4.054317)"/%3E%3Cpath d="m4.33333333 6.34027176c.55228475 0 1 .44771525 1 1v8.00000004c0 .5522847-.44771525 1-1 1-.55228475 0-1-.4477153-1-1v-8.00000004c0-.55228475.44771525-1 1-1z" transform="matrix(.70710678 -.70710678 -.70710678 -.70710678 9.287987 22.423184)"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
}
.bc-arrow-down.has-new:before {
  margin-top: 13px;
}
.bc-badge {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding: 2px 5px 1px 6px;
  min-width: 19px;
  border-radius: 10px;
  background: #4ba3e2;
  color: #fff;
  vertical-align: top;
  text-align: center;
  opacity: 0;
  transition: opacity .2s ease;
}
.bc-arrow-down .bc-badge-wrap {
  pointer-events: none;
  position: absolute;
  width: 200%;
  left: -50%;
  text-align: center;
  top: -12px;
}
.bc-arrow-down.has-new .bc-badge {
  pointer-events: auto;
  opacity: 1;
}


.bc-comment-box,
.bc-comment-deleted {
  transition: all .2s ease;
}
.bc-comment.deleted .bc-comment-box {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.bc-comment-deleted {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 15px auto 56px;
  height: 20px;
  line-height: 20px;
  color: #9DA2A6;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.bc-comment-deleted.moder-deleted {
  height: 40px;
}
.bc-comment.deleted .bc-comment-deleted {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.bc-restore-btn,
.bc-delete-all-btn {
  cursor: pointer;
}

.bc-comment-reply-wrap,
.bc-comment-edit-wrap {
  transition: all .2s ease;
  overflow: hidden;
}
.bc-comment-reply {
  padding-top: 25px;
  padding-left: 56px;
  position: relative;
}
.bc-comment-reply-icon {
  position: absolute;
  display: inline-block;
  width: 17px;
  height: 14px;
  left: 20px;
  top: 42px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 -1.5)'%3E%3Cpath d='m0 13v-2c0-2.209 1.791-4 4-4h9' stroke='%23c0c0c0' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='2'/%3E%3Cg fill='%23c0c0c0'%3E%3Cpath d='m12.763 5.274c0.418-0.0230.7770.2970.80.7150.0020.0280.0020.056 0 0.085l-0.379 6.779c-0.0270.483-0.4120.868-0.8950.895-0.4180.023-0.777-0.297-0.8-0.715-0.002-0.028-0.002-0.056 0-0.085l0.379-6.779c0.027-0.4830.412-0.8680.895-0.895z' transform='matrix(.707 .707 -.707 .707 10.394 -6.072)'/%3E%3Cpath d='m12.7630.394c0.418-0.0230.7770.2970.80.7150.0020.0280.0020.056 0 0.085l-0.379 6.779c-0.0270.483-0.4120.868-0.8950.895-0.4180.023-0.777-0.297-0.8-0.715-0.002-0.028-0.002-0.056 0-0.085l0.379-6.779c0.027-0.4830.412-0.8680.895-0.895z' transform='matrix(.707 -.707 -.707 -.707 6.943 16.763)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.bc-comment-new-reply .bc-comment-reply-icon {
  top: 32px;
}
.bc-input-field + .bc-input-field {
  margin-top: 7px;
}
.bc-comment-delete {
  margin-left: 7px;
}
.bc-reply-form {
  margin-top: 5px;
}
.bc-reply-form .form-group:last-child,
.bc-comment-form .form-group:last-child {
  margin-bottom: 0;
}
.bc-comment-header {
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000;
}



.bc-back {
  padding: 18px 19px;
  vertical-align: top;
  margin: 0 0 0 -15px;
  cursor: pointer;
}
.bc-back:before {
  position: relative;
  top: 2px;
  content: '';
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url('/img/translations/icons.png?8') no-repeat -5px -105px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .bc-back:before {
    background-image: url('/img/translations/icons_2x.png?8');
    background-size: 26px 752px;
  }
}

.bc-subheader {
  font-size: 16px;
  font-weight: 500;
  padding: 15px 0;
  margin: 0;
}
.bc-subheader .bc-badge {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 7px 2px;
  min-width: 19px;
  margin-left: 7px;
}

.bc-section-block {
  padding: 20px 15px 0 56px;
}
.bc-actions {
  display: inline-block;
  margin-left: -13px;
}
.bc-action-item {
  display: block;
  position: relative;
  padding: 11px 40px 11px 58px;
  font-weight: 500;
}
/*.bc-action-item:hover {
  text-decoration: none;
}
.bc-action-item .bc-action-label:hover {
  text-decoration: underline;
}*/
.bc-action-item:before {
  position: absolute;
  top: 4px;
  left: 6px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: '';
  background: url('/img/translations/icons.png?8') no-repeat -10px -548px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .bc-action-item:before {
    background-image: url('/img/translations/icons_2x.png?8');
    background-size: 26px 752px;
  }
}
.action-share:before {
  background-position: 6px -453px;
}
.action-edit:before {
  background-position: 4px -485px;
}
.action-team:before {
  background-position: 1px -514px;
}

.arrow-link {
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.arrow-link:after {
  display: inline-block;
  width: 8px;
  height: 12px;
  content: '';
  background: url('/img/translations/icons.png?8') no-repeat -10px -548px;
  margin-left: 7px;
  vertical-align: -1px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .arrow-link:after {
    background-image: url('/img/translations/icons_2x.png?8');
    background-size: 26px 752px;
  }
}

.form-group .input {
  direction: ltr;
  unicode-bidi: isolate;
}
.form-group.rtl {
  text-align: right;
}
.form-group.rtl .input {
  direction: rtl;
}

.fill {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.fullname {
  font-weight: 500;
  border-bottom: 1px solid #de8833;
}
.my.fullname {
  border-bottom: 3px double #de8833;
}
a.fullname:hover {
  text-decoration: none;
  border-bottom-color: inherit;
}

.close {
  position: relative;
  width: 22px;
  height: 22px;
  opacity: 1;
}
.close:hover {
  opacity: 1;
}
.close:before,
.close:after {
  display: inline-block;
  position: absolute;
  background: #c0c0c0;
  left: 50%;
  top: 50%;
  content: '';
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  border-radius: 1px;
  transform: rotateZ(45deg) scaleY(.95);
  transition: background-color .2s ease;
}
.close:after {
  transform: rotateZ(-45deg) scaleY(.95);
}
.close:hover:before,
.close:hover:after {
  background: #a8a8a8;
}

.ohide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.shide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 0 !important;
}

.sxhide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 0 !important;
}

.no-transition,
.no-transition * {
  transition: none !important;
}

.popup-buttons .btn-link {
  padding: 8px 12px 6px;
  border-radius: 2px;
}
.popup-buttons .btn-link + .btn-link {
  margin-left: 2px;
}
.popup-buttons .btn-link:hover {
  background: #e6f1f7;
  text-decoration: none;
}
.popup-buttons .btn-link:active {
  background: #d4e6f1;
}
.popup-buttons .btn-link:focus {
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
.popup-buttons .btn-link.disabled,
.popup-buttons .btn-link[disabled] {
  color: #b5d1e6;
  opacity: 1;
}

.toast-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 45px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
  pointer-events: none;
}
.toast {
  max-width: 270px;
  max-height: 270px;
  background: rgba(61, 65, 69, 0.93);
  color: #fff;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.input {
  white-space: pre-wrap;
  position: relative;
  z-index: 0;
}
.input.empty[data-placeholder] {
  position: relative;
}
.input.empty[data-placeholder]:before {
  position: absolute;
  left: 0;
  right: 0;
  content: attr(data-placeholder);
  transition: color .2s ease;
  color: #919699;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.input.empty[data-placeholder]:focus:before {
  color: #ccc;
}
input.bc-form-control,
textarea.bc-form-control,
.input.bc-form-control {
  padding-left: 0;
  padding-right: 0;
  border: none;
  height: auto;
  resize: none;
  box-shadow: inset 0 -1px 0 #f0f0f0;
  transition: box-shadow .2s ease, color .2s ease;
}
input.bc-form-control + .bc-form-control-underline {
  box-shadow: 0 -1px 0 #f0f0f0;
  transition: box-shadow .2s ease;
  margin-bottom: -2px;
  height: 2px;
}
input.bc-form-control[readonly],
textarea.bc-form-control[readonly],
.input.bc-form-control[readonly],
input.bc-form-control[disabled],
textarea.bc-form-control[disabled],
.input.bc-form-control[disabled] {
  cursor: auto;
  background: #fff;
}
input.bc-form-control:focus,
textarea.bc-form-control:focus,
.input.bc-form-control:focus {
  box-shadow: inset 0 -2px 0 #39ade7;
}
input.bc-form-control:focus + .bc-form-control-underline {
  box-shadow: 0 -2px 0 #39ade7;
}
input.bc-form-control[readonly]:focus,
textarea.bc-form-control[readonly]:focus,
.input.bc-form-control[readonly]:focus,
input.bc-form-control[disabled]:focus,
textarea.bc-form-control[disabled]:focus,
.input.bc-form-control[disabled]:focus {
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.input.bc-form-control {
  word-break: break-word;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.input.bc-form-control::-webkit-scrollbar {
  display: none;
}

.login-popup-container section {
  line-height: 23px;
  max-width: 600px;
}
.login-popup-container h2 {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.login-popup-container p {
  margin-bottom: 18px;
}
.login-popup-container p.help-block {
  margin-top: 18px;
  margin-bottom: -7px;
}
.login-popup-container .form-control {
  max-width: 280px;
}

.dots-animated:after {
  position: absolute;
  display: inline-block;
  animation: dotty steps(1, end) 1s infinite;
  content: '...';
}

@-webkit-keyframes dotty {
  0%, 100% { content: '';    }
  25%      { content: '.';   }
  50%      { content: '..';  }
  75%      { content: '...'; }
}
@keyframes dotty {
  0%, 100% { content: '';    }
  25%      { content: '.';   }
  50%      { content: '..';  }
  75%      { content: '...'; }
}

@-webkit-keyframes upload-circle {
  from { transform: rotateZ(-90deg); }
  to   { transform: rotateZ(270deg); }
}
@keyframes upload-circle {
  from { transform: rotateZ(-90deg); }
  to   { transform: rotateZ(270deg); }
}

.input-group .input-dropdown {
  display: table-cell;
  position: relative;
}
.input-dropdown .form-control {
  height: auto;
  border: transparent;
  background: transparent;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 11px 16px 11px 1px;
  margin-left: -1px;
  border-radius: 0 !important;
  transition: color .2s ease;
}
.form-control::-webkit-input-placeholder {
  transition: color .2s ease;
  color: #999;
}
.form-control::-moz-placeholder {
  transition: color .2s ease;
  color: #999;
}
.form-control:-ms-input-placeholder {
  transition: color .2s ease;
  color: #999;
}
.form-control:focus::-webkit-input-placeholder {
  color: #ccc;
}
.form-control:focus::-moz-placeholder {
  color: #ccc;
}
.form-control:focus:-ms-input-placeholder {
  color: #ccc;
}
.has-section-status .input-dropdown .form-control {
  padding-right: 50px;
}


.progress-bar {
  width: 0;
  transition: width .4s linear, box-shadow .3s ease;
}
.progress-bar.no-transition {
  transition: none;
}
.progress-bar.no-shown {
  box-shadow: inset 0 0 0 #39ade7;
}

header .progress-bar {
  position: absolute;
  z-index: 1;
  bottom: 0;
  height: 3px;
  box-shadow: inset 0 -2px 0 #39ade7;
}

.btn-inactive {
  cursor: auto;
  pointer-events: none;
}

.popup-form {
  margin: 25px 0 0;
  overflow: visible !important;
}


.popup-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 101;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.popup {
  max-width: 100%;
  word-wrap: break-word;
  margin: 15px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, .3);
}
.popup section {
  position: relative;
  padding-bottom: 40px;
}
.popup h4 {
  font-size: 18px;
  margin: 5px 0 18px;
}
.popup h4 ~ h4 {
  margin-top: 25px;
}
.popup-body {
  padding: 20px 24px;
}
.login-popup-container .popup-body {
  padding: 15px 25px 25px;
}
@media (min-width: 560px) {
  .popup {
    margin: 50px;
  }
  .popup-body {
    padding: 30px 35px;
  }
  .login-popup-container .popup-body {
    padding: 50px 60px;
  }
}
@media (min-width: 768px) {
  .popup {
    max-width: 600px;
  }
}
.popup .popup-text {
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  min-width: 160px;
  z-index: 1;
}
.popup .checkbox-item-block {
  padding: 0;
  margin: 15px 0 0;
}
.popup .popup-buttons {
  margin: -17px -15px -10px;
  position: absolute;
  right: 0;
  bottom: 0;
}



.form-group label,
.popup-text b,
.bc-markdown strong {
  font-weight: 500;
}
.form-group-buttons {
  margin-top: 30px;
}


a.bc-header-right-btn,
button.bc-header-right-btn {
  font-size: 12px;
  line-height: 14px;
  padding: 4px 10px 3px;
  margin: 1px 0 1px 7px;
  border-radius: 3px;
  position: relative;
  float: right;
  z-index: 1;
}

.bc-dropdown-wrap {
  position: relative;
}
.bc-dropdown.dropdown-toggle {
  cursor: pointer;
}
.bc-dropdown-wrap span.dropdown-menu {
  left: auto;
  right: 0;
  margin: 4px 1px -2px 0;
  border: 1px solid rgba(0, 0, 0, .06);
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  border-radius: 4px;
  overflow: hidden;
  min-width: 150px;
}
.bc-dropdown-wrap.top span.dropdown-menu {
  top: auto;
  bottom: 100%;
}
.bc-dropdown-wrap span.dropdown-menu > ul.dropdown-menu {
  position: static;
  display: block;
  float: none;
  border: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  min-width: 0;
  margin: 0 -20px 0 0;
  padding: 7px 20px 7px 0;
  max-height: 235px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item {
  display: block;
  cursor: pointer;
  padding: 6px 15px;
  margin: 0;
  position: relative;
  color: #222;
}
.bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:hover,
.bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:focus {
  background-color: #f4f4f4;
  color: #222;
}
.bc-dropdown-wrap ul.dropdown-menu > li.selected > .bc-dropdown-item:after {
  content: '';
  display: inline-block;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto 13px;
  width: 15px;
  height: 12px;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 15 12" width="15" height="12" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M 2 6 L 5.5 9.5 L 13 3" stroke="%23228fe1" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E');
}
.bc-dropdown-wrap ul.dropdown-menu > li.disabled > .bc-dropdown-item {
  color: #9DA2A6;
  pointer-events: none;
  cursor: auto;
}
.bc-action-btn span.dropdown-menu {
  font-weight: normal;
  margin: 4px -1px;
}
.bc-action-btn span.dropdown-menu > ul.dropdown-menu {
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.bc-action-btn ul.dropdown-menu > li > .bc-dropdown-item {
  padding: 6px 12px 5px;
}
.bc-action-btn.open:hover {
  text-decoration: none;
}
.bc-places-wrap {
  display: inline-block;
  position: relative;
  margin: 10px 0 0 4px;
  float: right;
}
.bc-places-wrap .bc-dropdown {
  font-weight: 500;
  text-align: center;
  width: 36px;
}

.bc-user-admin .bc-delete-all-item,
.bc-user-moder .bc-delete-all-item,
.bc-user-admin .bc-delete-all-btn,
.bc-user-moder .bc-delete-all-btn,
.bc-user-admin .bc-promote-admin-item,
.bc-user-moder .bc-promote-moder-item,
.bc-admin-item,
.bc-moder-item,
.bc-demote-item {
  display: none;
}
.bc-user-admin .bc-comment-deleted.moder-deleted,
.bc-user-moder .bc-comment-deleted.moder-deleted {
  height: 20px;
}
.bc-user-admin .bc-admin-item,
.bc-user-moder .bc-moder-item,
.bc-user-admin .bc-demote-item,
.bc-user-moder .bc-demote-item {
  display: block;
}

.form-group-nolabel {
  margin-top: -15px;
}
.bc-form-label {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #8a8a8a;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  transition: all .2s ease;
  margin-top: 5px;
  top: 23px;
}
.form-group .bc-form-label {
  font-weight: normal;
}
.field-has-value .bc-form-label,
.field-focused .bc-form-label {
  pointer-events: auto;
  font-size: 13px;
  font-weight: 500;
  color: #8a8a8a;
  top: 0;
}
.field-focused .bc-form-label {
  color: #2481cc;
}
.bc-form-input {
  overflow: hidden;
}
.bc-form-input .bc-form-control {
  font-size: 15px;
  line-height: 18px;
  padding-top: 6px;
  padding-bottom: 10px;
}
.bc-form-input .btn-primary {
  font-size: 14px;
  line-height: 16px;
  padding: 10px 21px 8px;
}
.bc-form-input .help-block {
  font-size: 13px;
  line-height: 15px;
  color: #8a8a8a;
  margin-top: 9px;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
}
.bc-form-owner-name {
  white-space: nowrap;
  line-height: 32px;
  font-weight: 500;
  padding: 10px 0 0;
}
.bc-form-text {
  white-space: nowrap;
  line-height: 32px;
}
.bc-form-photo,
.bc-form-photo img {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.bc-form-photo {
  position: relative;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 17px;
  line-height: 34px;
  margin-right: 10px;
  color: #fff;
  background: #e57979;
  overflow: hidden;
}
.bc-form-photo:before {
  content: attr(data-content);
  font-weight: 500;
}
.bc-form-photo img {
  position: absolute;
  left: 0;
  top: 0;
}
.bc-form-input .bc-embed-code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  text-align: left;
  -webkit-appearance: none;
}

.bc-preview-wrap {
  padding: 3px 23px;
  margin: 7px -15px -3px;
}

.bc-row {
  margin: 0 -9px;
}
.bc-row:before,
.bc-row:after {
  content: ' ';
  display: table;
}
.bc-row:after {
  clear: both;
}
.bc-col-6 {
  width: 50%;
  float: left;
  padding: 0 8px;
}

.bc-back-btn {
  display: inline-block;
  width: 37px;
  height: 36px;
  float: left;
  padding: 10px;
  margin: -8px 20px -10px -10px;
}
.bc-back-btn:before {
  display: inline-block;
  content: '';
  width: 17px;
  height: 16px;
  vertical-align: top;
  background: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 17 16" width="17" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23222" fill-rule="evenodd" transform="translate(0 -1)"%3E%3Crect height="2" rx="1" width="15" x="2" y="7.610913"/%3E%3Crect height="11" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 5.321068 -1.846194)" width="2" x="3.889087"/%3E%3Crect height="11" rx="1" transform="matrix(-.70710678 .70710678 .70710678 .70710678 .214467 -.088835)" width="2" x="4.242641" y="6.853553"/%3E%3C/g%3E%3C/svg%3E') no-repeat;
}

.bc-users-wrap {
  min-height: 35px;
}
.bc-user-row-wrap {
  transition: all .2s ease;
}
.bc-user-row {
  display: block;
}
.bc-user-row-empty {
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 7px 0;
  text-align: center;
  color: #8a8a8a;
}
.bc-user-row-empty b {
  font-weight: 500;
}
.bc-user-row-empty.ohide {
  padding: 0;
  height: 0;
}
.bc-user-photo {
  position: relative;
  float: left;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-top: 12px;
}
.bc-user-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bc-user-photo:hover {
  text-decoration: none;
}
.bc-user-photo:before {
  content: attr(data-content);
  font-size: 16px;
  vertical-align: middle;
  line-height: 46px;
  color: #fff;
}
.bc-user-body {
  margin-left: 54px;
  padding: 12px 0;
}
.bc-user-row-wrap + .bc-user-row-wrap .bc-user-body {
  border-top: 1px solid #ededed;
}
.bc-user-row-wrap + .bc-user-row-wrap .bc-user-photo {
  margin-top: 13px;
}
.bc-user-name {
  font-weight: 500;
  padding-top: 2px;
}
.bc-user-name a,
.bc-user-name a:hover {
  color: #222;
}
.bc-user-label {
  font-size: 13px;
  line-height: 15px;
  margin: 0 10px;
}
.bc-user-info {
  font-size: 13px;
  line-height: 19px;
  padding-bottom: 2px;
  color: #a8a8a8;
}
.bc-user-info a,
.bc-user-info a:hover {
  color: #a8a8a8;
}
.bc-user-name-only .bc-user-name {
  margin: 14px 0 13px;
}
.bc-user-actions {
  float: right;
  margin: 18px 0;
}

.bc-websites-wrap {
  min-height: 35px;
}
a.bc-website-row-wrap,
a.bc-website-row-wrap:hover {
  transition: all .2s ease;
  text-decoration: none;
}
.bc-website-row {
  display: block;
}
.bc-website-row-empty {
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 27px 0;
  text-align: center;
  color: #8a8a8a;
}
.bc-website-row-empty b {
  font-weight: 500;
}
.bc-website-body {
  padding: 12px 0;
}
.bc-website-row-wrap + .bc-website-row-wrap .bc-website-body {
  border-top: 1px solid #ededed;
}
.bc-website-row-wrap + .bc-website-row-wrap .bc-website-photo {
  margin-top: 13px;
}
.bc-website-name {
  font-weight: 500;
  padding-top: 2px;
  color: #000;
}
.bc-website-name a,
.bc-website-name a:hover {
  color: #222;
}
.bc-website-info {
  font-size: 13px;
  line-height: 19px;
  padding-bottom: 2px;
  color: #a8a8a8;
}
.bc-website-info a,
.bc-website-info a:hover {
  color: #a8a8a8;
}
.bc-website-name-only .bc-website-name {
  margin: 14px 0 13px;
}
.bc-website-actions {
  float: right;
  margin: 18px 0;
}

@media (min-width: 494px) {
  .bc-main-content {
    margin: 0 50px;
  }
  .bc-post {
    margin-left: -8px;
  }
  .bc-post .tgme_widget_message_user {
    display: block;
  }
  .bc-post .tgme_widget_message_bubble {
    margin-left: 50px;
  }
  .bc-head-wrap,
  .bc-header-wrap,
  .bc-users-wrap,
  .bc-websites-wrap,
  .bc-channel-box,
  .bc-website-box {
    margin-left: -8px;
    margin-right: -8px;
  }
  .bc-menu-wrap {
    margin-right: -4px;
  }
  .bc-dropdown-wrap span.dropdown-menu {
    margin-right: -1px;
  }
}

.bc-accent-colors {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 480px;
  margin: 20px 0 0;
}
.bc-accent-colors .bc-accent-color-item {
  position: relative;
  flex-basis: 42px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
}
.bc-accent-color-item input.radio {
  position: absolute;
  left: -5000px;
}
.bc-accent-color-item input.radio + .bc-color-circle:after {
  position: absolute;
  left: 0;
  display: inline-block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  vertical-align: top;
  background: url('data:image/svg+xml,%3Csvg height="15" viewBox="0 0 18 15" width="18" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" fill-rule="evenodd"%3E%3Crect height="8" rx="1.472727" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -5.753048 6.110913)" width="3" x="3" y="6"/%3E%3Crect height="3" rx="1.472727" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -2.081475 9.974874)" width="16" x="3" y="6"/%3E%3C/g%3E%3C/svg%3E') no-repeat center;
  transition: transform 0.12s linear;
  transform: scale3d(0, 0, 1);
}
.bc-accent-color-item input.radio + .bc-color-circle.bordered,
.bc-accent-color-item input.radio:checked + .bc-color-circle-custom.bordered {
  border: 1px solid #eaeaea;
}
.bc-accent-color-item input.radio + .bc-color-circle-custom.bordered {
  border: none;
}
.bc-accent-color-item input.radio + .bc-color-circle.light:after {
  background-image: url('data:image/svg+xml,%3Csvg height="15" viewBox="0 0 18 15" width="18" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2315202b" fill-rule="evenodd"%3E%3Crect height="8" rx="1.472727" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -5.753048 6.110913)" width="3" x="3" y="6"/%3E%3Crect height="3" rx="1.472727" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -2.081475 9.974874)" width="16" x="3" y="6"/%3E%3C/g%3E%3C/svg%3E');
}
.bc-accent-color-item input.radio:checked + .bc-color-circle:after {
  transform: scale3d(1, 1, 1);
}
.bc-color-circle {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #319BE6;
  transition: background-color 0.12s ease;
}
.bc-color-circle-custom {
  background-color: #F5F5F5;
  color: #F5F5F5;
}
.bc-accent-color-item input.radio + .bc-color-circle-custom:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: '';
  width: 100%;
  height: 100%;
  vertical-align: top;
  background: url('data:image/svg+xml,%3Csvg height="14" viewBox="0 0 15 14" width="15" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.9468491 8.55631162c-1.3103539 0-2.36810946 1.04207749-2.36810946 2.33300928 0 1.0187474-.91566899 1.5553396-1.57873964 1.5553396.72622023.9487571 1.96553085 1.5553395 3.15747928 1.5553395 1.7445073 0 3.15747928-1.3920289 3.15747928-3.1106791 0-1.29093179-1.05775556-2.33300928-2.36810946-2.33300928zm10.8222602-7.28676572-1.0577555-1.04207749c-.3078543-.30329121-.8051572-.30329121-1.1130115 0l-7.07275356 6.96792112 2.170767 2.13859186 7.07275356-6.96792112c.3078543-.30329121.3078543-.79322316 0-1.09651437z" fill="%23bdbdbd"/%3E%3C/svg%3E') no-repeat center;
  transition: opacity 0.12s ease;
}
.bc-color-label {
  font-size: 12px;
  line-height: 14px;
  margin-top: 8px;
  color: #333;
}
.bc-color-label-custom {
  transition: opacity 0.12s ease;
  position: absolute;
  width: 100%;
}
input.bc-color-field {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  margin-top: 3px;
  padding: 5px 0;
  color: #222;
  width: 52px;
  transition: all .2s ease;
  opacity: 0;
}
.bc-accent-color-item input.radio:checked ~ .bc-color-field {
  opacity: 1;
}
.bc-accent-color-item input.radio:checked ~ .bc-color-circle-custom {
  background-color: currentColor !important;
}
.bc-accent-color-item input.radio:checked + .bc-color-circle-custom:before,
.bc-accent-color-item input.radio:checked ~ .bc-color-label-custom {
  opacity: 0;
}



.radio-item,
.checkbox-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
.form-group label.radio-item,
.form-group label.checkbox-item {
  font-weight: normal;
}
.radio-item-block,
.checkbox-item-block {
  display: block;
  margin: 6px 0 1px;
  padding: 5px 0;
  line-height: 20px;
}
.radio-item-block + .radio-item-block,
.checkbox-item-block + .checkbox-item-block {
  margin-top: 1px;
}
.radio-item input.radio,
.checkbox-item input.checkbox {
  position: absolute;
  left: -5000px;
}
.radio-item input.radio ~ .radio-label,
.checkbox-item input.checkbox ~ .checkbox-label {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  max-width: calc(100% - 31px);
}
.radio-item .radio-input,
.checkbox-item .checkbox-input {
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: opacity 0.12s linear;
}
.radio-item .radio-input + .radio-label,
.checkbox-item .checkbox-input + .checkbox-label {
  margin-left: 11px;
}
.radio-item .radio-input-icon,
.checkbox-item .checkbox-input-icon {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #b3b3b3;
  background: transparent;
  border-radius: 10px;
  vertical-align: top;
  padding: 0;
  cursor: pointer;
  position: relative;
}
.radio-item .radio-input-icon:before,
.checkbox-item .checkbox-input-icon:before {
  display: inline-block;
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #54a9eb;
  border-radius: 10px;
  top: -2px;
  left: -2px;
  transition: opacity 0.12s linear;
  opacity: 0;
}
.radio-item .radio-input-icon:after {
  display: inline-block;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #54a9eb;
  border-radius: 5px;
  top: 3px;
  left: 3px;
  transition: transform 0.12s linear;
  transform: scale3d(0, 0, 1);
}
.radio-item input.radio:checked + .radio-input .radio-input-icon:before,
.checkbox-item input.checkbox:checked + .checkbox-input .checkbox-input-icon:before {
  opacity: 1;
}
.radio-item input.radio:checked + .radio-input .radio-input-icon:after,
.checkbox-item input.checkbox:checked + .checkbox-input .checkbox-input-icon:after {
  transform: scale3d(1, 1, 1);
}
.checkbox-item .checkbox-input-icon,
.checkbox-item .checkbox-input-icon:before,
.checkbox-item .checkbox-input-icon:after {
  width: 18px;
  height: 18px;
  margin: 1px;
  border-radius: 3px;
}
.checkbox-item .checkbox-input-icon:before {
  margin: 0;
  background-color: #54a9eb;
}
.checkbox-item .checkbox-input-icon:after {
  display: inline-block;
  content: '';
  position: absolute;
  left: -3px;
  top: -3px;
  background: url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" fill-rule="evenodd"%3E%3Crect height="6" rx="1" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -6.746804 8.368629)" width="2" x="5.728427" y="9.328427"/%3E%3Crect height="11.5" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 10.712311 -5.169417)" width="2" x="10.596194" y="4.596194"/%3E%3C/g%3E%3C/svg%3E') no-repeat center;
  transition: transform 0.12s linear;
  transform: scale3d(0, 0, 1);
}
.radio-item input.radio:disabled + .radio-input,
.checkbox-item input.checkbox:disabled + .checkbox-input {
  cursor: default;
  pointer-events: none;
  opacity: .65;
}


.bc-color-field-wrap:before {
  content: '#';
  color: #8a8a8a;
  position: absolute;
  padding: 5px 3px;
  z-index: 1;
}
.radio-item-justified .bc-color-field-wrap {
  padding: 0;
  margin: -5px 0 -7px;
}
.radio-item-justified input.bc-color-field {
  text-transform: uppercase;
  padding: 5px 0 7px 15px;
  color: #000;
  width: 70px;
}

@media (max-width: 390px) {
  .radio-item-justified input.radio ~ .justified-wrap,
  .radio-item-justified input.radio ~ .radio-label:after {
    display: none;
  }
  .radio-item-justified input.radio:checked ~ .justified-wrap,
  .radio-item-justified input.radio:checked ~ .radio-label:after {
    display: inline-block;
  }
  .radio-item-justified input.radio:checked ~ .radio-label {
    margin: 0 0 0 8px;
    overflow: hidden;
    width: 0;
  }
}

.bc-customize-box {
  transition: all .2s ease;
}
button.bc-customize-btn {
  font-size: 13px;
  line-height: 19px;
  padding: 8px 10px 6px;
  margin: 10px -10px;
}
.bc-customize-btn:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-right: 13px;
  position: relative;
  top: -1px;
  background-image: url('data:image/svg+xml,%3Csvg height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m241 617c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5h1.77c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm3-4c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm3 4c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" fill="%233192E6" transform="translate(-232 -617)"/%3E%3C/svg%3E');
}

body.bc-embed-mode .bc-header-wrap {
  margin-top: 10px;
}
body.bc-embed-mode .bc-settings .bc-header-wrap {
  margin-top: 35px;
}
body.bc-embed-mode .bc-head-wrap,
body.bc-embed-mode .bc-header-wrap,
body.bc-embed-mode .bc-users-wrap,
body.bc-embed-mode .bc-websites-wrap,
body.bc-embed-mode .bc-channel-box,
body.bc-embed-mode .bc-website-box {
  margin-left: 0;
  margin-right: 0;
}
body.bc-embed-mode .bc-load-more {
  margin-left: -8px;
  margin-right: -8px;
  border-radius: 3px;
}
body.bc-embed-mode .bc-content-wrap,
body.bc-embed-mode .bc-arrow-footer,
body.bc-embed-mode .bc-comments-footer-content {
  max-width: none;
}
body.bc-embed-mode .bc-comment-login {
  margin: 0;
}
body.bc-embed-mode .bc-content {
  padding-bottom: 0;
}
body.bc-embed-mode .bc-settings {
  padding-bottom: 40px;
}
@media (min-width: 494px) {
  body.bc-embed-mode .bc-menu-wrap {
    margin-right: -12px;
  }
}

body.bc-accent-light .accent-bg,
body.bc-accent-light .accent-bg-hover {
  color: #15202b;
}
body.bc-accent-light .bc-comment-form .bc-submit-comment-btn:before {
  background-image: url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m4.536 56.92 51.085-25.568c1.581-.791 2.22-2.713 1.429-4.293-.309-.619-.811-1.12-1.429-1.43l-51.05-25.55c-1.581-.791-3.503-.151-4.294 1.429-.302.603-.406 1.287-.296 1.952l3.077 18.692c.195 1.182 1.157 2.087 2.349 2.208l27.578 2.806c.441.045.781.41.794.853l.015.468c.021.694-.509 1.282-1.201 1.333l-27.11 1.986c-1.228.09-2.232 1.013-2.426 2.228l-3.113 19.521c-.278 1.745.911 3.385 2.656 3.664.661.105 1.338.001 1.936-.299z" fill="%2315202b" fill-rule="evenodd" transform="scale(.3333) translate(0 2)"/%3E%3C/svg%3E');
}
body.bc-accent-light .bc-edit-comment-form .bc-submit-comment-btn:before {
  background-image: url('data:image/svg+xml,%3Csvg height="13" viewBox="0 0 18 13" width="18" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2315202b" transform="matrix(.707 -.707 .707 .707 0 6.55)"%3E%3Crect height="8.667" rx="1.167" width="2.333"/%3E%3Crect height="2.333" rx="1.167" width="16" x=".333" y="6.333"/%3E%3C/g%3E%3C/svg%3E');
}
body.bc-accent-light .bc-comment-login-btn:before,
body.bc-accent-light .bc-website-login-btn:before,
body.bc-accent-light .bc-bot-open-btn:before {
  background-image: url('data:image/svg+xml,%3Csvg height="17" viewBox="0 0 20 17" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.375 7.318c5.369-2.399 8.949-3.98 10.74-4.744 5.114-2.182 6.177-2.561 6.87-2.574.152-.003.493.036.713.22.187.155.238.364.262.511.025.147.055.482.031.744-.277 2.987-1.476 10.235-2.086 13.58-.259 1.416-.767 1.89-1.259 1.937-1.069.101-1.882-.725-2.917-1.422-1.621-1.09-1.636-.811-3.174-1.911-1.376-.983-1.084-2.256-.048-3.36.271-.289 3.799-4.174 3.89-4.573.011-.05.138-.698.03-.796-.107-.098-.606-.101-.72-.075-.163.038-2.447 1.6-6.852 4.686-.735.518-1.401.77-1.997.757-.658-.015-1.923-.382-2.863-.695-1.153-.385-2.07-.588-1.99-1.241.041-.34.498-.688 1.37-1.044z" fill="%2315202b" fill-rule="evenodd"/%3E%3C/svg%3E');
}
body.bc-accent-light .checkbox-item .checkbox-input-icon:after {
  background-image: url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2315202b" fill-rule="evenodd"%3E%3Crect height="6" rx="1" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -6.746804 8.368629)" width="2" x="5.728427" y="9.328427"/%3E%3Crect height="11.5" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 10.712311 -5.169417)" width="2" x="10.596194" y="4.596194"/%3E%3C/g%3E%3C/svg%3E');
}

.bc-preview-wrap a,
.bc-preview-wrap a:hover,
body.bc-dark .bc-preview-wrap a,
body.bc-dark .bc-preview-wrap a:hover {
  color: #2e87ca;
}

body.bc-dark a,
body.bc-dark a:hover,
body.bc-dark .btn-link,
body.bc-dark .btn-link:hover,
body.bc-dark .btn-link:focus,
body.bc-dark .btn-default,
body.bc-dark .btn-default:hover,
body.bc-dark .btn-default:focus {
  color: #3CA1EB;
}
body.bc-dark .btn-link:hover,
body.bc-dark .btn-link:focus,
body.bc-dark .btn-link:active,
body.bc-dark .btn-default:hover,
body.bc-dark .btn-default:focus,
body.bc-dark .btn-default:active,
body.bc-dark .open > .dropdown-toggle.btn-default {
  color: #3CA1EB;
  background-color: rgba(60, 161, 235, .1);
}

body.bc-name-nocolor .bc-comments .bc-comment-author-name > .name,
.bc-preview-wrap.bc-name-nocolor .bc-comment-author-name > .name,
body.bc-dark .bc-preview-wrap.bc-nodark.bc-name-nocolor .bc-comment-author-name > .name {
  color: #292929;
}

body.bc-dislikes-enabled .bc-preview-wrap .bc-comment-dislike {
  display: none;
}
body.bc-dislikes-enabled .bc-comment-dislike,
body .bc-preview-wrap.bc-dislikes-enabled .bc-comment-dislike {
  display: inline-block;
}

body.bc-dark,
.bc-preview-wrap.bc-dark {
  background-color: #15202b;
  color: #fff;
}
body.bc-dark .bc-preview-wrap.bc-nodark {
  background-color: #fff;
  color: #000;
}
body.bc-dark .bc-head,
body.bc-dark .bc-header,
body.bc-dark .bc-user-name a,
body.bc-dark .bc-user-name a:hover,
body.bc-dark a.bc-comment-reply-content,
body.bc-dark a.bc-comment-reply-content:hover,
body.bc-dark a.bc-comment-reply-content:focus,
body.bc-dark .bc-color-label,
body.bc-dark .bc-website-name,
body.bc-dark input.bc-color-field,
body.bc-dark .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item {
  color: #fff;
}
body.bc-dark a.bc-dl-button,
body.bc-dark a.bc-bot-open-btn,
body.bc-dark a.bc-websites-open-btn,
body.bc-dark .bc-website-login-btn {
  color: #fff;
}
body.bc-dark .bc-action-btn,
body.bc-dark .bc-action-btn:hover,
body.bc-dark .bc-comment-date,
body.bc-dark .bc-comment-date:hover,
body.bc-dark .bc-comment-date:focus {
  color: #798894;
}
body.bc-dark.bc-name-nocolor .bc-comments .bc-comment-author-name > .name,
body.bc-dark .bc-preview-wrap.bc-name-nocolor .bc-comment-author-name > .name,
.bc-preview-wrap.bc-dark.bc-name-nocolor .bc-comment-author-name > .name {
  color: #fff;
}
body.bc-dark .accent-bg,
body.bc-dark .accent-bg-hover:hover {
  background-color: #2a8cd4 !important;
}
body.bc-dark .bc-comment.highlight {
  background: #2D3945;
}
body.bc-dark .bc-comment-thumb {
  background-color: #2D3945;
}
body.bc-dark input.bc-form-control,
body.bc-dark textarea.bc-form-control,
body.bc-dark .input.bc-form-control {
  color: #fff;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 #515E6B;
}
body.bc-dark input.bc-form-control:focus,
body.bc-dark textarea.bc-form-control:focus,
body.bc-dark .input.bc-form-control:focus {
  box-shadow: inset 0 -2px 0 #5CAAE4;
}
body.bc-dark input.bc-form-control[readonly]:focus,
body.bc-dark textarea.bc-form-control[readonly]:focus,
body.bc-dark .input.bc-form-control[readonly]:focus,
body.bc-dark input.bc-form-control[disabled]:focus,
body.bc-dark textarea.bc-form-control[disabled]:focus,
body.bc-dark .input.bc-form-control[disabled]:focus {
  box-shadow: inset 0 -1px 0 #515E6B;
}

body.bc-dark .bc-comment-input-wrap .input.bc-comment-input,
body.bc-dark .bc-comment-input-wrap .input.bc-comment-input:focus {
  color: #fff;
  border-color: #3c4953;
  background: transparent;
  box-shadow: none;
}
body.bc-dark .bc-comment-input-wrap .input.empty[data-placeholder]:before {
  color: #81919E;
}

body.bc-dark .bc-back-btn:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 17 16" width="17" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" fill-rule="evenodd" transform="translate(0 -1)"%3E%3Crect height="2" rx="1" width="15" x="2" y="7.610913"/%3E%3Crect height="11" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 5.321068 -1.846194)" width="2" x="3.889087"/%3E%3Crect height="11" rx="1" transform="matrix(-.70710678 .70710678 .70710678 .70710678 .214467 -.088835)" width="2" x="4.242641" y="6.853553"/%3E%3C/g%3E%3C/svg%3E');
}

body.bc-dark .bc-customize-btn:before {
  background-image: url('data:image/svg+xml,%3Csvg height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m241 617c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5h1.77c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm3-4c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm3 4c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" fill="%233ca1eb" transform="translate(-232 -617)"/%3E%3C/svg%3E');
}

body.bc-dark .bc-comment-like:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 19.8555842 5.45197263-10.57316098c.73509745-1.27167797 2.06235672-4.28242322 3.51213222-4.28242322h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%238899a6" transform="matrix(-1 0 0 -1 48 46)"/%3E%3C/svg%3E');
}
body.bc-icons-outlined.bc-dark .bc-comments .bc-comment-like:before,
body.bc-dark .bc-preview-wrap.bc-icons-outlined .bc-comment-like:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" stroke="%238899a6" stroke-width="3.344444" transform="matrix(1 0 0 -1 2 42)"%3E%3Cpath d="m11.1111265 15.6710938 5.6718102-11.15358339c.7647385-1.3414878 3.6569939-4.51751041 6.5469895-4.51751041h12.1506544c2.0261715 0 7.4921245.09098884 7.4921245.84262763l.0272949 21.64769577c0 1.1849811-.8319949 2.3252457-1.6392189 3.1748546l-13.1136429 12.3204235c-1.5402001.0972713-2.551336-.2983066-3.0334075-1.1867333-.7231074-1.3326397-.5525127-2.3773883-.446299-2.869267l1.9891906-10.5396862c.097874-.5185835-.2431784-1.0183211-.761762-1.1161951-.0584277-.0110273-.1177573-.0165771-.1772166-.0165771h-10.8190967c-2.3367009 0-4.248547.0766739-4.248547-2.3827205v-2.414678c0-.6260277.1274564-1.2296972.3611265-1.7886505z" transform="matrix(-1 0 0 1 53.75 0)"/%3E%3Cpath d="m2.9 0h7.85v23.8027778h-7.85c-1.18741221 0-2.15-.9625878-2.15-2.15v-19.5027778c0-1.18741221.96258779-2.15 2.15-2.15z"/%3E%3C/g%3E%3C/svg%3E');
}
body.bc-dark .liked .bc-comment-like:before,
body.bc-icons-outlined.bc-dark .bc-comments .liked .bc-comment-like:before,
body.bc-dark .bc-preview-wrap.bc-icons-outlined .liked .bc-comment-like:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 19.8555842 5.45197263-10.57316098c.73509745-1.27167797 2.06235672-4.28242322 3.51213222-4.28242322h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%233ca1eb" transform="matrix(-1 0 0 -1 48 46)"/%3E%3C/svg%3E');
}

body.bc-dark .bc-comment-dislike:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 22.8555842 5.45197263-10.573161c.73509745-1.271678 2.06235672-4.2824232 3.51213222-4.2824232h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%238899a6" transform="matrix(-1 0 0 1 48 0)"/%3E%3C/svg%3E');
}
body.bc-icons-outlined .bc-comments .bc-comment-dislike:before,
.bc-preview-wrap.bc-icons-outlined .bc-comment-dislike:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" stroke="%238899a6" stroke-width="3.344444" transform="translate(2 7)"%3E%3Cpath d="m11.1111265 15.6710938 5.6718102-11.15358339c.7647385-1.3414878 3.6569939-4.51751041 6.5469895-4.51751041h12.1506544c2.0261715 0 7.4921245.09098884 7.4921245.84262763l.0272949 21.64769577c0 1.1849811-.8319949 2.3252457-1.6392189 3.1748546l-13.1136429 12.3204235c-1.5402001.0972713-2.551336-.2983066-3.0334075-1.1867333-.7231074-1.3326397-.5525127-2.3773883-.446299-2.869267l1.9891906-10.5396862c.097874-.5185835-.2431784-1.0183211-.761762-1.1161951-.0584277-.0110273-.1177573-.0165771-.1772166-.0165771h-10.8190967c-2.3367009 0-4.248547.0766739-4.248547-2.3827205v-2.414678c0-.6260277.1274564-1.2296972.3611265-1.7886505z" transform="matrix(-1 0 0 1 53.75 0)"/%3E%3Cpath d="m2.9 0h7.85v23.8027778h-7.85c-1.18741221 0-2.15-.9625878-2.15-2.15v-19.5027778c0-1.18741221.96258779-2.15 2.15-2.15z"/%3E%3C/g%3E%3C/svg%3E');
}
body.bc-dark .disliked .bc-comment-dislike:before,
body.bc-icons-outlined.bc-dark .bc-comments .disliked .bc-comment-dislike:before,
body.bc-dark .bc-preview-wrap.bc-icons-outlined .disliked .bc-comment-dislike:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.34712935 22.8555842 5.45197263-10.573161c.73509745-1.271678 2.06235672-4.2824232 3.51213222-4.2824232h18.305758c1.9476378 0 3.3830078.57849476 3.3830078 1.29101894v20.02892816c0 1.1233158-.799747 2.2042421-1.5756832 3.009638l-12.6053622 11.6567657c-1.4805025.0922093-2.452447-.282783-2.9158337-1.1249768-.6950799-1.2632903-.5310974-3.154234-.4290005-3.6205157l2.1175956-10.1419572h-11.50784136c-2.24613106 0-4.08387464.0726838-4.08387464-2.2587259v-2.2890204c0-.5934497.12251624-1.1657048.34712935-1.6955706zm36.31953735-14.8555842h2.6666666c1.4727592 0 2.6666667 1.17525253 2.6666667 2.625v15.75c0 1.4497475-1.1939075 2.625-2.6666667 2.625h-2.6666666c-1.4727592 0-2.6666667-1.1752525-2.6666667-2.625v-15.75c0-1.44974747 1.1939075-2.625 2.6666667-2.625z" fill="%233ca1eb" transform="matrix(-1 0 0 1 48 0)"/%3E%3C/svg%3E');
}
body.bc-dark .bc-menu-btn {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 48 48" width="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2381919E" fill-rule="evenodd"%3E%3Ccircle cx="38.999018" cy="24.00123" r="5" transform="matrix(.05233596 .99862953 -.99862953 .05233596 60.926304 -16.200469)"/%3E%3Ccircle cx="8.999018" cy="24.00123" r="5" transform="matrix(.05233596 .99862953 -.99862953 .05233596 32.496383 13.758418)"/%3E%3Ccircle cx="23.999018" cy="24.00123" r="5" transform="matrix(.05233596 .99862953 -.99862953 .05233596 46.711344 -1.221026)"/%3E%3C/g%3E%3C/svg%3E');
}
body.bc-dark .bc-menu-btn.dropdown-toggle:hover,
body.bc-dark .open .bc-menu-btn.dropdown-toggle {
  background-color: #2D3945;
}
body.bc-dark .popup,
body.bc-dark .dropdown-menu {
  background-color: #2D3945;
}
body.bc-dark .dropdown-menu .divider {
  background-color: #46525E;
}
body.bc-dark .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:hover,
body.bc-dark .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:focus {
  background-color: #414F5D;
}
body.bc-dark .bc-dropdown-wrap ul.dropdown-menu > li.disabled > .bc-dropdown-item {
  color: #798894;
}
body.bc-dark .bc-user-info,
body.bc-dark .bc-user-info a,
body.bc-dark .bc-user-info a:hover,
body.bc-dark .bc-user-row-empty,
body.bc-dark .bc-comment-edit-label,
body.bc-dark .bc-form-label,
body.bc-dark .bc-website-info,
body.bc-dark .bc-form-input .help-block,
body.bc-dark .field-has-value .bc-form-label {
  color: #81919E;
}
body.bc-dark .field-focused .bc-form-label {
  color: #5EBBFF;
}
body.bc-dark .radio-item .radio-input-icon,
body.bc-dark .checkbox-item .checkbox-input-icon {
  border-color: #67717A;
}
body.bc-dark .radio-item .radio-input-icon:before,
body.bc-dark .checkbox-item .checkbox-input-icon:before {
  border-color: #5CAAE4;
}
body.bc-dark .radio-item .radio-input-icon:after,
body.bc-dark .checkbox-item .checkbox-input-icon:before {
  background-color: #5CAAE4;
}
body.bc-dark .bc-website-row-wrap + .bc-website-row-wrap .bc-website-body,
body.bc-dark .bc-user-row-wrap + .bc-user-row-wrap .bc-user-body {
  border-color: #515E6B;
}
body.bc-dark .toast,
body.bc-dark .like-tooltip {
  background: rgba(48, 60, 72, 0.93);
}
body.bc-dark .like-tooltip:after {
  border-color: rgba(48, 60, 72, 0.93) transparent transparent;
}
body.bc-dark .bc-color-circle,
.bc-customize-box.bc-dark .bc-color-circle {
  background-color: #3FA3EC;
}
body.bc-dark .bc-customize-box.bc-nodark .bc-color-circle {
  background-color: #319BE6;
}
body.bc-dark .bc-color-circle-custom,
.bc-customize-box.bc-dark .bc-color-circle-custom {
  background-color: #F5F5F5;
  color: #F5F5F5;
}
body.bc-dark .bc-color-circle-custom,
body.bc-dark .bc-customize-box.bc-nodark .bc-color-circle-custom {
  background-color: #444E58;
  color: #444E58;
}
body.bc-dark .bc-accent-color-item input.radio + .bc-color-circle.bordered,
body.bc-dark .bc-accent-color-item input.radio:checked + .bc-color-circle-custom.bordered {
  border: 1px solid #515E6B;
}
body.bc-dark .bc-accent-color-item input.radio + .bc-color-circle-custom.bordered {
  border: none;
}
body.bc-dark .bc-accent-color-item input.radio + .bc-color-circle-custom:before {
  background-color: url('data:image/svg+xml,%3Csvg height="14" viewBox="0 0 15 14" width="15" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.9468491 8.55631162c-1.3103539 0-2.36810946 1.04207749-2.36810946 2.33300928 0 1.0187474-.91566899 1.5553396-1.57873964 1.5553396.72622023.9487571 1.96553085 1.5553395 3.15747928 1.5553395 1.7445073 0 3.15747928-1.3920289 3.15747928-3.1106791 0-1.29093179-1.05775556-2.33300928-2.36810946-2.33300928zm10.8222602-7.28676572-1.0577555-1.04207749c-.3078543-.30329121-.8051572-.30329121-1.1130115 0l-7.07275356 6.96792112 2.170767 2.13859186 7.07275356-6.96792112c.3078543-.30329121.3078543-.79322316 0-1.09651437z" fill="%23fff"/%3E%3C/svg%3E');
}

body.bc-dark .bc-arrow-down {
  background-color: #15202b;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
}
.bc-arrow-down:before {
  background-image: url('data:image/svg+xml,%3Csvg height="16" viewBox="0 0 15 16" width="15" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%2381919E" fill-rule="evenodd"%3E%3Crect height="14.666667" rx="1" width="2" x="6.424026"/%3E%3Cpath d="m10.4309644 6.34027176c.5522848 0 1 .44771525 1 1v8.00000004c0 .5522847-.4477152 1-1 1-.55228474 0-.99999999-.4477153-.99999999-1v-8.00000004c0-.55228475.44771525-1 .99999999-1z" transform="matrix(.70710678 .70710678 -.70710678 .70710678 11.073942 -4.054317)"/%3E%3Cpath d="m4.33333333 6.34027176c.55228475 0 1 .44771525 1 1v8.00000004c0 .5522847-.44771525 1-1 1-.55228475 0-1-.4477153-1-1v-8.00000004c0-.55228475.44771525-1 1-1z" transform="matrix(.70710678 -.70710678 -.70710678 -.70710678 9.287987 22.423184)"/%3E%3C/g%3E%3C/svg%3E');
}