main {
  min-height: 400px;
}
img {
  max-width: 100%;
  height: auto;
  image-rendering: auto;
}
a:visited,
a:active{
  text-decoration: none;
}
 
.f--12 {
  font-size: 12px !important;
}
.f--14 {
  font-size: 14px !important;
}
.f--16 {
  font-size: 16px !important;
}
.f--18 {
  font-size: 18px !important;
}
.f--20 {
  font-size: 20px !important;
}
.f--22 {
  font-size: 22px !important;
}
.f--24 {
  font-size: 24px !important;
}
.f--26 {
  font-size: 26px !important;
}
.f--28 {
  font-size: 28px !important;
}
.f--30 {
  font-size: 30px !important;
}
.fw--light {
  font-weight: 300 !important;
}
.fw--regular {
  font-weight: 400 !important;
}
.fw--semi-bold {
  font-weight: 600 !important;
}
.fw--bold {
  font-weight: 700 !important;
}
.fw--extra-bold {
  font-weight: 800 !important;
}
.text--line-through {
  text-decoration: line-through !important;
}
.text--underline {
  text-decoration: underline !important;
}
.text--italic {
  font-style: italic !important;
}
.mt--10 {
  margin-top: 10px !important;
}
.mt--20 {
  margin-top: 20px !important;
}
.mt--30 {
  margin-top: 30px !important;
}
.mt--40 {
  margin-top: 40px !important;
}
.mt--50 {
  margin-top: 50px !important;
}
.mt--60 {
  margin-top: 60px !important;
}
.mt--70 {
  margin-top: 70px !important;
}
.mt--80 {
  margin-top: 80px !important;
}
.mt--90 {
  margin-top: 90px !important;
}
.mt--100 {
  margin-top: 100px !important;
}
.mt--110 {
  margin-top: 110px !important;
}
.mt--120 {
  margin-top: 120px !important;
}
.mt--130 {
  margin-top: 130px !important;
}
.mt--140 {
  margin-top: 140px !important;
}
.mt--150 {
  margin-top: 150px !important;
}
.mt--200 {
  margin-top: 200px !important;
}
.mt--300 {
  margin-top: 300px !important;
}
.mb--10 {
  margin-bottom: 10px !important;
}
.mb--20 {
  margin-bottom: 20px !important;
}
.mb--30 {
  margin-bottom: 30px !important;
}
.mb--40 {
  margin-bottom: 40px !important;
}
.mb--50 {
  margin-bottom: 50px !important;
}
.mb--60 {
  margin-bottom: 60px !important;
}
.mb--70 {
  margin-bottom: 70px !important;
}
.mb--80 {
  margin-bottom: 80px !important;
}
.mb--90 {
  margin-bottom: 90px !important;
}
.mb--100 {
  margin-bottom: 100px !important;
}
.mb--110 {
  margin-bottom: 110px !important;
}
.mb--120 {
  margin-bottom: 120px !important;
}
.mb--130 {
  margin-bottom: 130px !important;
}
.mb--140 {
  margin-bottom: 140px !important;
}
.mb--150 {
  margin-bottom: 150px !important;
}
.mb--200 {
  margin-bottom: 200px !important;
}
.mb--300 {
  margin-bottom: 300px !important;
}
.m--center {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media only screen and (min-width: 1040px) {
  [data-visible='mobile'] {
    display: none !important;
  }
}
@media only screen and (max-width: 1039px) {
  [data-visible='desktop'] {
    display: none !important;
  }
}
a:hover{
    text-decoration:none;
}
.btn:visited,
.btn:active,
.btn:link {
  color: #394047;
}
.btn i {
  margin-right: 15px;
  font-size: 18px;
  color: #5c6166;
}
.btn span {
  margin-left: 4px;
  margin-right: 4px;
}
.btn--type-02 {
  background-color: #f9bc64;
}
.btn--type-02,
.btn--type-02:visited,
.btn--type-02:active,
.btn--type-02:link {
  color: #ffffff;
}
.btn--type-02 i {
  margin-right: 15px;
  color: #ffffff;
}
.btn-select {
  position: relative;
  height: 38px;
  font-size: 16px;
  background-color: #e9ecee;
  align-items: center;
  cursor: pointer;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1040px) {
  .btn-select {
    padding: 0 40px 0 15px;
  }
}
@media only screen and (max-width: 1039px) {
  .btn-select {
    padding: 0 30px 0 8px;
  }
}
.btn-select::after {
  content: '';
  position: absolute;
  display: block;
  margin-top: -5px;
  top: 50%;
  border-bottom: solid 1px #81858a;
  border-right: solid 1px #81858a;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 1040px) {
  .btn-select::after {
    right: 15px;
  }
}
@media only screen and (max-width: 1039px) {
  .btn-select::after {
    right: 12px;
  }
}
.btn-select i {
  margin-right: 15px;
  font-size: 18px;
  color: #5c6166;
}
.tags {
  margin-bottom: -6px;
  flex-wrap: wrap;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.tags a {
  margin-bottom: 6px;
  background-color: #394047;
  justify-content: center;
  align-items: center;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.tags a,
.tags a:visited,
.tags a:active,
.tags a:link {
  color: #ffffff;
}
@media only screen and (min-width: 1040px) {
  .tags a {
    height: 22px;
    padding: 0 8px;
    border-radius: 3px;
  }
}
@media only screen and (max-width: 1039px) {
  .tags a {
    height: 28px;
    padding: 0 10px;
    font-size: 14px;
  }
}
.tags a:not(:last-child) {
  margin-right: 6px;
}
.category i {
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: #e9ecee;
  width: 8px;
  height: 8px;
}
.avatar {
  position: relative;
  display: block;
  width: 32px;
}
.avatar span {
  height: 18px;
  padding: 0 5px;
  position: absolute;
  top: -9px;
  right: -7px;
  font-size: 12px;
  border-radius: 3px;
  background-color: #4c5359;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}


.posts__head,
.posts__item {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.posts__head > *,
.posts__item > * {
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.posts__head {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
}
.posts__body {
  border: solid 1px #f3f4f5;
}
.posts__item {
  background-color: #ffffff;
}
@media only screen and (min-width: 1040px) {
  .posts__item {
    padding: 24px 0;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__item {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__item.posts__item--bg-gradient {
    background-image: url('../images/topic-bg-gradient.jpg');
    background-size: cover;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__item.posts__item--bg-gradient {
    background-color: #f2f4f6;
  }
}
.posts__section-left,
.posts__section-right {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1040px) {
  .posts__section-left,
  .posts__section-right {
    align-items: center;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__section-left,
  .posts__section-right {
    flex-direction: column;
    justify-content: center;
  }
}
.posts__section-left > *,
.posts__section-right > * {
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1040px) {
  .posts__section-left {
    width: 63%;
    min-width: 63%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__section-left {
    padding-left: 15px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__section-right {
    width: 37%;
    min-width: 37%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__section-right {
    padding-right: 15px;
    margin-left: auto;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__topic {
    width: 50%;
    min-width: 50%;
  }
}
.posts__item .posts__topic {
  padding-right: 15px;
}
@media only screen and (min-width: 1040px) {
  .posts__item .posts__topic {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__section-left .posts__topic {
    width: 79.37%;
    min-width: 79.37%;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__category {
    width: 13%;
    min-width: 13%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__head .posts__category {
    display: none;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__section-left .posts__category {
    margin-left: auto;
    width: 20.63%;
    min-width: 20.63%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__section-left .posts__category {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__users {
    width: 13%;
    min-width: 13%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__users {
    display: none !important;
  }
}
.posts__users > div {
  position: relative;
}
.posts__users-dropdown > * {
  width: 320px;
}
.posts__item .posts__users {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.posts__item .posts__users > *:not(:last-child) {
  margin-right: 6px;
}
@media only screen and (min-width: 1040px) {
  .posts__section-right .posts__users {
    width: 35.13%;
    min-width: 35.13%;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__replies {
    width: 8%;
    min-width: 8%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__head .posts__replies {
    margin-left: auto;
  }
}
.posts__item .posts__replies {
  font-weight: 600;
}
@media only screen and (min-width: 1040px) {
  .posts__section-right .posts__replies {
    width: 21.62%;
    min-width: 21.62%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__section-right .posts__replies {
    justify-content: flex-end;
  }
}
.posts__views {
  color: #8e9091;
}
@media only screen and (min-width: 1040px) {
  .posts__views {
    width: 8%;
    min-width: 8%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__views {
    display: none !important;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__section-right .posts__views {
    width: 21.62%;
    min-width: 21.62%;
  }
}
.posts__activity {
  color: #8e9091;
}
@media only screen and (min-width: 1040px) {
  .posts__activity {
    width: 8%;
    min-width: 8%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__head .posts__activity {
    display: none !important;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__item .posts__activity {
    padding-top: 4px;
    margin-top: 4px;
    border-top: solid 1px #e9ecee;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__section-right .posts__activity {
    width: 21.62%;
    min-width: 21.62%;
  }
}
@media only screen and (max-width: 1039px) {
  .posts__section-right .posts__activity {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1040px) {
  .posts__replies,
  .posts__views,
  .posts__activity {
    justify-content: center;
  }
}
.posts__content h3 {
  margin: 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  color: #394047;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.posts__content h3 span {
  margin-right: 5px;
  color: #8e9091;
}
.posts__content p {
  margin: 0;
  line-height: 1.6;
  color: #8e9091;
}
@media only screen and (max-width: 1039px) {
  .posts__content p {
    display: none;
  }
}
.posts__content i {
  margin-right: 15px;
  vertical-align: -2px;
  font-size: 20px;
  color: #5c6166;
}
.posts__content i img {
  max-width: 16px;
}
.posts__content > * {
  margin: 0;
}
.posts__content > *:not(:first-child) {
  margin-top: 10px;
}
.posts__tags {
  margin-bottom: -6px;
}
@media only screen and (max-width: 1039px) {
  .posts__tags {
    display: none;
  }
}
@media only screen and (min-width: 1040px) {
  .topics {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1040px) {
  .topics__heading {
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__heading {
    margin-bottom: 24px;
  }
}
.topics__heading-title {
  margin: 0;
  font-weight: 600;
}
@media only screen and (min-width: 1040px) {
  .topics__heading-title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__heading-title {
    font-size: 20px;
  }
}
.topics__heading-info {
  margin-top: 5px;
  flex-wrap: wrap;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topics__heading-info > * {
  margin-top: 10px;
}
.topics__heading-info > *:not(:last-child) {
  margin-right: 30px;
}
.topics__body {
  align-items: flex-start;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topics__content {
  width: 100%;
}
@media only screen and (min-width: 1040px) {
  .topics__content > *:not(:first-child) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__content > *:not(:first-child) {
    margin-top: 20px;
  }
}
.topics__calendar {
  margin-left: auto;
  justify-content: flex-end;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 200px;
  min-width: 200px;
}
@media only screen and (min-width: 1040px) {
  .topics__calendar {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__calendar {
    display: none;
  }
}
.topics__promo {
  text-align: center;
}
@media only screen and (max-width: 1039px) {
  .topics__promo {
    display: none;
  }
}
.topics__promo a {
  display: block;
}
.topics__title {
  line-height: 1.4;
  font-weight: 600;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1040px) {
  .topics__title {
    margin-top: 20px;
    font-size: 17px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__title {
    margin-top: 15px;
    font-size: 16px;
  }
}
.topics__title i {
  color: #5c6166;
}
@media only screen and (min-width: 1040px) {
  .topics__title i {
    margin-top: -2px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__title i {
    margin-right: 10px;
    font-size: 14px;
  }
}
.topics__control {
  font-size: 0;
}
@media only screen and (min-width: 1040px) {
  .topics__control {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: solid 1px #e9ecee;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__control {
    margin-top: 15px;
  }
}
.topics__control > * {
  margin-right: 15px;
}
@media only screen and (max-width: 1039px) {
  .topics__control .btn {
    font-size: 0;
  }
}
@media only screen and (max-width: 1039px) {
  .topics__control .btn i {
    margin: 0;
  }
}
.topic {
  background-color: #ffffff;
  border: solid 1px #f3f4f5;
  border-radius:15px;
  -webkit-box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2);
  box-shadow: 0px 5px 12px rgba(126, 142, 177,0.2);
}
@media only screen and (min-width: 1040px) {
  .topic {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic {
    padding: 20px 20px;
  }
}
@media only screen and (min-width: 1040px) {
  .topic.topic--comment {
    margin-left: 92px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic.topic--comment {
    margin-left: 24px;
  }
}
.topic.topic--answer {
  background-color: #f8f9fa;
  border: none;
  border-left: solid 2px #e9ecee;
}
.topic.topic--selected {
  padding-bottom: 20px;
  border: dashed 1px #f85e5e;
  background-color: #fff8f8;
}
.topic__head {
  position: relative;
  padding-top: 2px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1040px) {
  .topic__head {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__head {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 1040px) {
  .topic__avatar {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__avatar {
    margin-right: 15px;
  }
}
.topic__caption {
  width: 100%;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 1039px) {
  .topic__caption {
    margin-top: -8px;
    margin-bottom: -8px;
    justify-content: center;
    flex-direction: column;
  }
}
.topic__name a {
  font-weight: 600;
}
.topic__name a,
.topic__name a:visited,
.topic__name a:active,
.topic__name a:link {
  color: #394047;
}
.topic__date {
  font-size: 12px;
  color: #8e9091;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (min-width: 1040px) {
  .topic__date {
    margin-left: auto;
  }
}
.topic__date i {
  margin-top: -2px;
  margin-right: 14px;
  font-size: 18px;
}
@media only screen and (min-width: 1040px) {
  .topic__content {
    padding-left: 62px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__content {
    margin-top: 8px;
  }
}
.topic__text > p {
  margin: 0;
  color: #8e9091;
  line-height: 1.5;
}
@media only screen and (min-width: 1040px) {
  .topic__text > *:not(:first-child) {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__text > *:not(:first-child) {
    margin-top: 15px;
  }
}
.topic__info {
  position: relative;
  padding-right: 35px;
  margin-top: -6px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 1039px) {
  .topic__info {
    flex-direction: column;
  }
}
.topic__info-section {
  flex-wrap: wrap;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 1039px) {
  .topic__info-section:not(:first-child) {
    margin-top: 15px;
  }
}
.topic__info-section > div {
  margin-right: 30px;
  justify-content: space-between;
  flex-direction: column;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__info-title {
  color: #8e9091;
}
.topic__info-avatar {
  margin-top: 8px;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__info-avatar a {
  margin-right: 15px;
}
.topic__info-avatar span {
  color: #8e9091;
}
.topic__info-count {
  font-size: 20px;
  line-height: 1.6;
}
.topic__info-more {
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 1040px) {
  .topic__info-more {
    top: 0;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__info-more {
    top: 10px;
  }
}
.topic__info-more i {
  color: #5c6166;
}
@media only screen and (min-width: 1040px) {
  .topic__info-more i {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__info-more i {
    font-size: 16px;
  }
}
.topic__title {
  border-top: solid 1px #e9ecee;
}
@media only screen and (min-width: 1040px) {
  .topic__title {
    margin-top: 20px;
    padding-top: 13px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__title {
    margin-top: 20px;
    padding-top: 15px;
  }
}
.topic__title p {
  color: #8e9091;
}
.topic__title p span {
  font-weight: 600;
  color: #394047;
}
.topic__posters {
  margin-top: 15px;
  flex-wrap: wrap;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__posters > * {
  margin-top: 10px;
  margin-right: 8px;
}
.topic__list ul {
  margin-top: -4px;
}
.topic__list li {
  margin-top: 4px;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__list li > span {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.2;
  background-color: #ebeef0;
  color: #394047;
  justify-content: center;
  align-items: center;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
@media only screen and (min-width: 1040px) {
  .topic__list li > span {
    min-width: 24px;
    height: 18px;
    padding: 0 4px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__list li > span {
    min-width: 18px;
    height: 12px;
    padding: 0 2px;
    margin-right: 10px;
  }
}
.topic__list a {
  display: inline-block;
  line-height: 1.4;
}
.topic__list a,
.topic__list a:visited,
.topic__list a:active,
.topic__list a:link {
  color: #4f80b0;
}
.topic__list span {
  color: #8e9091;
}
.topic__btns {
  margin-top: 20px;
  margin-bottom: -10px;
  font-size: 0;
  flex-wrap: wrap;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__btns > * {
  margin-bottom: 10px;
}
.topic__btns > *:not(:last-child) {
  margin-right: 15px;
}
.topic__select {
  margin-left: auto;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__select p {
  margin: 0 15px 0 0;
  color: #8e9091;
}
@media only screen and (max-width: 1039px) {
  .topic__select p {
    display: none;
  }
}
.topic__user {
  margin-right: 15px;
  align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.topic__user i {
  font-size: 14px;
  color: #5c6166;
}
.topic__user i.icon-Reply_Fill {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}
.topic__user > * {
  margin-right: 15px;
}
.topic__user-name {
  font-size: 14px;
}
.topic__user-name,
.topic__user-name:visited,
.topic__user-name:active,
.topic__user-name:link {
  color: #394047;
}
@media only screen and (max-width: 1039px) {
  .topic__user--pos-r {
    position: absolute;
    margin-right: 0;
    right: 0;
    top: 0;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__user--pos-r > * {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1039px) {
  .topic__user--pos-r .topic__user-name {
    display: none;
  }
}
.topic__arrow {
  margin-left: auto;
}
.topic__arrow i {
  font-size: 18px;
  color: #666a6f;
}
.topic__arrow.topic__arrow--up i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bg-f9bc64 {
  background-color: #f9bc64 !important;
}
.bg-348aa7 {
  background-color: #348aa7 !important;
}
.bg-4436f8 {
  background-color: #4436f8 !important;
}
.bg-5dd39e {
  background-color: #5dd39e !important;
}
.bg-ff755a {
  background-color: #ff755a !important;
}
.bg-bce784 {
  background-color: #bce784 !important;
}
.bg-83253f {
  background-color: #83253f !important;
}
.bg-c49bbb {
  background-color: #c49bbb !important;
}
.bg-3ebafa {
  background-color: #3ebafa !important;
}
.bg-c6b38e {
  background-color: #c6b38e !important;
}
.bg-a7cdbd {
  background-color: #a7cdbd !important;
}
.bg-525252 {
  background-color: #525252 !important;
}
.bg-777da7 {
  background-color: #777da7 !important;
}
.bg-368f8b {
  background-color: #368f8b !important;
}
.bg-fef2e0 {
  background-color: #fef2e0 !important;
}
.bg-f2f4f6 {
  background-color: #f2f4f6 !important;
}
.bg-4f80b0 {
  background-color: #4f80b0 !important;
}
.bg-424ee8 {
  background-color: #424ee8 !important;
}
.bg-36b7d7 {
  background-color: #36b7d7 !important;
}
.bg-ec008c {
  background-color: #ec008c !important;
}
.bg-7cc576 {
  background-color: #7cc576 !important;
}
.bg-3a3a17 {
  background-color: #3a3a17 !important;
}
.bg-6f7e9c {
  background-color: #6f7e9c !important;
}
.bg-f26522 {
  background-color: #f26522 !important;
}
.bg-a3d39c {
  background-color: #a3d39c !important;
}
.bg-6f7e9c {
  background-color: #6f7e9c !important;
}
.bg-92278f {
  background-color: #92278f !important;
}
.bg-8781bd {
  background-color: #8781bd !important;
}
.bg-f1ab32 {
  background-color: #f1ab32 !important;
}
.bg-3b96ca {
  background-color: #3b96ca !important;
}
.bg-00bd9d {
  background-color: #00bd9d !important;
}
.bg-218380 {
  background-color: #218380 !important;
}