@charset "UTF-8";
/*
 *  JomSocial
 *  Default Template of JomSocial 3.3
 *  @author iJoomla, Inc
 *  @version 1.0.0
 *  Copyright 2013 iJoomla, Inc. GPL 2.0 licensed.
 */
.jomsocial {
  color: #969EB2;
}
.jomsocial a {
  color: #FFFFFF;
}
.jomsocial a:hover {
  color: #FFFFFF;
}
.jomsocial a.liked, .jomsocial a.liked span {
  color: #FFFFFF;
}
.jomsocial a.liked:hover, .jomsocial a.liked span:hover {
  color: #FFFFFF;
}
.jomsocial button.liked, .jomsocial button.liked span {
  color: #FFFFFF;
}
.jomsocial button.liked:hover, .jomsocial button.liked span:hover {
  color: #FFFFFF;
}
.jomsocial h1, .jomsocial h2, .jomsocial h3, .jomsocial h4, .jomsocial h5, .jomsocial h6 {
  color: #FFFFFF;
}
.jomsocial ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.jomsocial button,
.jomsocial input,
.jomsocial select,
.jomsocial textarea {
  vertical-align: top;
}
.jomsocial img {
  max-width: 100%;
}

.gm-style img {
  max-width: none;
}

.joms-text--lead {
  font-size: 22.652476px;
  line-height: 22.652476px;
  font-weight: normal;
  color: #7f8c8d;
}

.joms-text--small {
  font-size: 10px;
  line-height: 14px;
}

.joms-text--normal {
  font-size: 14px;
}

.joms-text--light,
.joms-text--title,
.joms-text--bold {
  color: #7f8c8d;
  font-weight: normal;
}

.joms-text--bold {
  font-weight: bold;
}

.joms-text--title,
.joms-text--username,
.joms-text--desc {
  margin: 0;
  margin-bottom: 14px;
  word-break: break-word;
}

.joms-text--username {
  margin-bottom: 5.3475240831px;
}

.joms-text--desc {
  color: #7f8c8d;
  font-weight: normal;
  font-size: 12px;
}

#joms-app--aboutme-special .joms-text--light {
  margin: 0;
  margin-bottom: 5.3475240831px;
}

.joms-text--break {
  word-break: break-all;
  word-wrap: break-word;
}

@media only screen and (max-width: 480px) {
  .joms-text--skip {
    text-align: center;
    display: block;
  }
}

.joms-input,
.joms-input[type=text],
.joms-input[type=password],
.joms-select--wrapper,
.joms-textarea {
  background: #0F1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #E7E7E7;
  width: 100%;
  margin-bottom: 14px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.joms-input:active, .joms-input:focus, .joms-input:focus:invalid:focus,
.joms-input[type=text]:active,
.joms-input[type=text]:focus,
.joms-input[type=text]:focus:invalid:focus,
.joms-input[type=password]:active,
.joms-input[type=password]:focus,
.joms-input[type=password]:focus:invalid:focus,
.joms-select--wrapper:active,
.joms-select--wrapper:focus,
.joms-select--wrapper:focus:invalid:focus,
.joms-textarea:active,
.joms-textarea:focus,
.joms-textarea:focus:invalid:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #FFBE18;
  color: #E7E7E7;
}
.joms-form__group .joms-input,
.joms-form__group .joms-input[type=text],
.joms-form__group .joms-input[type=password],
.joms-form__group .joms-select--wrapper,
.joms-form__group .joms-textarea {
  margin-top: 5.3475240831px;
  margin-bottom: 0;
}
@media only screen and (min-width: 481px) {
  .joms-form__group .joms-input,
  .joms-form__group .joms-input[type=text],
  .joms-form__group .joms-input[type=password],
  .joms-form__group .joms-select--wrapper,
  .joms-form__group .joms-textarea {
    margin-top: 0;
  }
}
.joms-input option,
.joms-input[type=text] option,
.joms-input[type=password] option,
.joms-select--wrapper option,
.joms-textarea option {
  color: #333;
  background-color: #fff;
}
.joms-input option:hover, .joms-input option:focus,
.joms-input[type=text] option:hover,
.joms-input[type=text] option:focus,
.joms-input[type=password] option:hover,
.joms-input[type=password] option:focus,
.joms-select--wrapper option:hover,
.joms-select--wrapper option:focus,
.joms-textarea option:hover,
.joms-textarea option:focus {
  color: #fff;
}

.joms-input--datepicker {
  background-color: #0F1C23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #E7E7E7 !important;
}

.trumbowyg-box {
  background: #0F1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #E7E7E7;
}

.joms-input[type=text], .joms-input[type=password] {
  padding: 8.6524757823px;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.joms-input[type=radio] {
  margin: 0;
  margin-right: 2.0425724157px;
}
.joms-input--append .joms-input[type=text], .joms-input--append .joms-input[type=password] {
  padding-left: 36.6524763522px;
}
.joms-input.picker__input {
  cursor: text;
}

.joms-input--inline {
  display: inline-block;
}

.joms-input--radio {
  display: inline-block;
}

.joms-input--radio-content {
  display: inline-block;
  margin-left: 8.6524757823px;
}

.joms-input--search[type=text] {
  display: inline-block;
  height: auto;
  width: 100%;
  padding: 5.3475240831px;
  margin: 0;
  line-height: 18px;
  background: #0F1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #E7E7E7;
}
.joms-input--search[type=text]:active, .joms-input--search[type=text]:focus, .joms-input--search[type=text]:focus:invalid:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #FFBE18;
}
@media only screen and (min-width: 481px) {
  .joms-input--search[type=text] {
    width: 120px;
  }
}

.joms-sortings .joms-select--wrapper {
  display: inline-block;
  width: 100%;
  margin: 0 0 8.6524757823px;
}
@media only screen and (min-width: 481px) {
  .joms-sortings .joms-select--wrapper {
    width: 48.6%;
    margin: 0;
  }
}
.joms-sortings .joms-select--wrapper:nth-child(2n+1) {
  margin: 0;
}
@media only screen and (min-width: 481px) {
  .joms-sortings .joms-select--wrapper:nth-child(2n+1) {
    margin-left: 2%;
  }
}

.joms-select--wrapper {
  position: relative;
  display: block;
  padding: 4px;
}
.joms-select--wrapper.joms-select--expand::after {
  background-image: none;
}
.joms-select--wrapper::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 50%;
  margin-top: -4px;
  background-image: url(../images/select-arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  pointer-events: none;
}
.joms-select--wrapper::after {
  right: 8.6524757823px;
}
.joms-select--wrapper:hover {
  border: 1px solid #FFBE18;
}
.joms-select--wrapper option {
  font-weight: normal;
  color: #333;
  background-color: #fff;
}
.joms-select--wrapper option:hover, .joms-select--wrapper option:focus {
  color: #fff;
}

.joms-select {
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  width: 100%;
  color: #E7E7E7;
}
.joms-select:focus {
  outline: 0;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.joms-select::-ms-expand {
  display: none;
}
.joms-select::-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.joms-select option {
  color: #333;
  background-color: #fff;
}
.joms-select option:hover, .joms-select option:focus {
  color: #fff;
}

@-moz-document url-prefix() {
  .joms-select--wrapper {
    overflow: hidden;
  }
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.joms-textarea {
  min-height: 80px;
  resize: none;
  height: 100%;
  padding: 8.6524757823px;
  -webkit-appearance: none;
}

.joms-textarea__wrapper {
  width: 100%;
  background: #0F1C23;
}
.joms-comment__reply .joms-textarea__wrapper {
  display: table-cell;
  vertical-align: top;
}
.joms-comment__reply .joms-textarea__wrapper span {
  display: table-cell;
  vertical-align: middle;
}
.joms-no-touch .joms-textarea__wrapper {
  display: block;
  width: 100%;
}
.joms-no-touch .joms-comment__reply .joms-textarea__wrapper {
  display: block;
}
.joms-textarea__wrapper .joms-textarea {
  padding-right: 48px;
}

.joms-textarea__limit {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 0 8.6524757823px;
  font-size: 9px;
  background: rgba(0, 0, 0, 0.05);
  color: #E7E7E7;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.joms-textarea__limit > span {
  float: right;
}

.joms-textarea--limit {
  padding-bottom: 25px !important;
}

.joms-textarea--error > .joms-textarea__limit > span {
  color: red;
}

.joms-location__wrapper {
  position: relative;
  width: 100%;
  background: #0F1C23;
  z-index: 1;
}
.joms-location__wrapper input {
  padding-bottom: 25px !important;
}

.joms-location__description {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 0 8.6524757823px;
  font-size: 9px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.05);
  color: #E7E7E7;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.joms-location__dropdown {
  background: #0F1C23;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -20px;
  border: 1px solid #FFBE18;
  color: #E7E7E7;
  display: none;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.joms-location__dropdown .joms-location__loading {
  text-align: center;
}
.joms-location__dropdown .joms-location__result {
  display: none;
}
.joms-location__dropdown .joms-location__header {
  padding: 0 8.6524757823px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #FFBE18;
}
.joms-location__dropdown .joms-location__map {
  float: right;
  width: 180px;
  height: 180px;
  margin: 5.3475240831px;
  display: none;
}
.joms-location__dropdown .joms-location__list {
  padding: 5.3475240831px 0;
}
.joms-location__dropdown .joms-location__list a {
  display: block;
  padding: 0 8.6524757823px;
  color: inherit;
  text-decoration: none;
}
.joms-location__dropdown .joms-location__list a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.joms-location__dropdown .joms-location__list a .joms-location__name,
.joms-location__dropdown .joms-location__list a .joms-location__desc {
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.joms-location__dropdown .joms-location__list a .joms-location__desc {
  font-size: 10px;
}
.joms-location__dropdown .joms-location__close {
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: -2px;
  right: 3px;
}

.joms-checkbox {
  position: relative;
}
.joms-checkbox input[type=checkbox] {
  position: absolute;
  margin-top: 8.6524757823px;
}
.joms-checkbox span {
  color: #7f8c8d;
  margin-top: 5.3475240831px;
  display: inline-block;
  font-size: small;
  margin-left: 22.652476px;
}

.joms-form,
.joms-form--search {
  margin: 0;
  padding: 0;
}

.joms-form--search span {
  display: block;
}
@media only screen and (min-width: 992px) {
  .joms-form--search span {
    display: inline-block;
    overflow: hidden;
    padding-right: 5px;
  }
  .joms-form--search span:last-child {
    float: right;
    padding: 0;
  }
}
.joms-form--search input[type=text],
.joms-form--search select {
  width: 100%;
  height: auto;
  margin-bottom: 2%;
  padding: 5.3475240831px 8.6524757823px;
}
@media only screen and (min-width: 992px) {
  .joms-form--search input[type=text],
  .joms-form--search select {
    margin: 0;
    width: auto;
    max-width: 250px;
  }
}
.joms-form--search .joms-input[type=text] {
  margin-bottom: 2%;
  line-height: 18px;
}
@media only screen and (min-width: 992px) {
  .joms-form--search .joms-input[type=text] {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .joms-form--search .joms-input--small input[type=text] {
    width: 110px;
  }
}
.joms-form--search .joms-form__item {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 992px) {
  .joms-form--search .joms-form__item {
    border: none;
    margin: 0;
    padding: 0;
  }
}
.joms-form--search .joms-form__item span:last-child {
  text-align: right;
}

.joms-input--append {
  position: relative;
}
.joms-input--append svg {
  position: absolute;
  left: 8.6524757823px;
  top: 8.6524757823px;
  fill: #7f8c8d;
}

.joms-form__group {
  color: #7f8c8d;
  position: relative;
  margin-bottom: 14px;
  display: block;
}
.joms-form__group:only-of-type, .joms-form__group:last-of-type {
  margin-bottom: 0;
}
.joms-form__group > span {
  font-size: 12px;
}
.joms-form__group .joms-required {
  color: #E74C3C;
  font-size: 16px;
}
@media only screen and (min-width: 481px) {
  .joms-form__group {
    display: table;
    width: 100%;
  }
  .joms-form__group > span:first-child {
    display: table-cell;
    width: 140px;
    padding-right: 14px;
    vertical-align: top;
    padding-top: 5px;
  }
  .joms-form__group > span:first-child.small {
    width: 60px;
  }
  .joms-form__group > span:first-child.smallest {
    width: 20px;
  }
  .joms-form__group > span:first-child.big {
    width: 240px;
  }
  .joms-form__group.has-privacy {
    padding-right: 60px;
  }
  .joms-form__group.has-privacy .joms-input {
    display: table-cell;
    margin-top: 0;
  }
  .joms-form__group.has-privacy .joms-button--privacy {
    padding: 8.6524757823px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
  }
  .joms-form__group.has-privacy .joms-button--privacy span {
    display: none;
  }
  .joms-form__group.has-privacy .joms-dropdown, .joms-form__group.has-privacy .joms-popover {
    right: 0;
    top: 48px;
    width: 140px;
  }
  .joms-form__group.has-privacy .joms-dropdown:before, .joms-form__group.has-privacy .joms-popover:before, .joms-form__group.has-privacy .joms-dropdown:after, .joms-form__group.has-privacy .joms-popover:after {
    left: 120px;
  }
}

.joms-form__group .joms-input--select[type=text] {
  margin-top: 0;
}

.joms-form__legend {
  margin-bottom: 14px;
  color: #7f8c8d;
  font-weight: bold;
  font-size: inherit;
  border: 0;
}

.joms-help {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  margin-top: 5.3475240831px;
  color: #9fa9aa;
}

.joms-textarea--mobile .trumbowyg-button-pane {
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-textarea--mobile .trumbowyg-button-pane {
    display: block;
  }
}

.joms-textarea__beautifier {
  border: 0;
}

.joms-module--toolbar:before, .joms-chat__attachment-file:before, .joms-chat__seen:before, .joms-chat__wrapper:before, .joms-list--block .joms-list__item:before, .joms-list--thumbnail:before,
.joms-list__row:before,
.joms-list--card:before,
.joms-list--inline:before,
.joms-list--photos:before,
.joms-list--video:before,
.joms-list--videos:before,
.joms-list--friend:before,
.joms-list--event:before,
.joms-list--avatar:before,
.joms-list--block:before,
.joms-list--table:before,
.joms-list--files:before,
.joms-list--half:before,
.joms-list--message:before,
.joms-list--general:before,
.joms-list--group:before,
.joms-list--articles:before,
.joms-list:before, .joms-gallery:before,
.joms-message__list:before, .joms-focus:before, .joms-body:before, .joms-landing__action:before, .joms-pagination .pagination-list:before, .joms-postbox-content:before, .joms-postbox:before, .joms-stream:before, .joms-stream--notifications:before, .joms-module__wrapper:before,
.joms-module__wrapper--stacked:before, .jomsocial-wrapper .jomsocial:before, .clearfix:before, .joms-form--search .joms-form__item:before, .joms-module--toolbar:after, .joms-chat__attachment-file:after, .joms-chat__seen:after, .joms-chat__wrapper:after, .joms-list--block .joms-list__item:after, .joms-list--thumbnail:after,
.joms-list__row:after,
.joms-list--card:after,
.joms-list--inline:after,
.joms-list--photos:after,
.joms-list--video:after,
.joms-list--videos:after,
.joms-list--friend:after,
.joms-list--event:after,
.joms-list--avatar:after,
.joms-list--block:after,
.joms-list--table:after,
.joms-list--files:after,
.joms-list--half:after,
.joms-list--message:after,
.joms-list--general:after,
.joms-list--group:after,
.joms-list--articles:after,
.joms-list:after, .joms-gallery:after,
.joms-message__list:after, .joms-focus:after, .joms-body:after, .joms-landing__action:after, .joms-pagination .pagination-list:after, .joms-postbox-content:after, .joms-postbox:after, .joms-stream:after, .joms-stream--notifications:after, .joms-module__wrapper:after,
.joms-module__wrapper--stacked:after, .jomsocial-wrapper .jomsocial:after, .clearfix:after, .joms-form--search .joms-form__item:after {
  content: " ";
  display: table;
}
.joms-module--toolbar:after, .joms-chat__attachment-file:after, .joms-chat__seen:after, .joms-chat__wrapper:after, .joms-list--block .joms-list__item:after, .joms-list--thumbnail:after,
.joms-list__row:after,
.joms-list--card:after,
.joms-list--inline:after,
.joms-list--photos:after,
.joms-list--video:after,
.joms-list--videos:after,
.joms-list--friend:after,
.joms-list--event:after,
.joms-list--avatar:after,
.joms-list--block:after,
.joms-list--table:after,
.joms-list--files:after,
.joms-list--half:after,
.joms-list--message:after,
.joms-list--general:after,
.joms-list--group:after,
.joms-list--articles:after,
.joms-list:after, .joms-gallery:after,
.joms-message__list:after, .joms-focus:after, .joms-body:after, .joms-landing__action:after, .joms-pagination .pagination-list:after, .joms-postbox-content:after, .joms-postbox:after, .joms-stream:after, .joms-stream--notifications:after, .joms-module__wrapper:after,
.joms-module__wrapper--stacked:after, .jomsocial-wrapper .jomsocial:after, .clearfix:after, .joms-form--search .joms-form__item:after {
  clear: both;
}

.joms-sidebar, .joms-main {
  float: left;
  display: block;
}

.joms-module--membersearch > ul, .joms-module--toolbar > ul, .joms-list--thumbnail,
.joms-list__row,
.joms-list--card,
.joms-list--inline,
.joms-list--photos,
.joms-list--video,
.joms-list--videos,
.joms-list--friend,
.joms-list--event,
.joms-list--avatar,
.joms-list--block,
.joms-list--table,
.joms-list--files,
.joms-list--half,
.joms-list--message,
.joms-list--general,
.joms-list--group,
.joms-list--articles,
.joms-list, .joms-pagination .pagination-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.joms-left {
  float: left;
}

.joms-right {
  float: right;
}

@media only screen and (min-width: 481px) {
  .joms-inline--desktop {
    display: inline !important;
    width: auto !important;
  }
}
.joms-table {
  display: table;
}

.joms-table__col {
  display: table-cell;
  vertical-align: middle;
}

.joms-hide {
  display: none;
}

.joms-focus__date, .joms-pagination ul, .joms-alert--success, .joms-alert--info, .joms-alert--danger, .joms-alert--warning, .joms-popup .joms-comment__actions, .joms-textarea__wrapper, .joms-location__wrapper, .joms-location__dropdown {
  border-radius: 5px;
}

.joms-chat__wrapper.joms-chat--window *, .joms-list--thumbnail *,
.joms-list__row *,
.joms-list--card *,
.joms-list--inline *,
.joms-list--photos *,
.joms-list--video *,
.joms-list--videos *,
.joms-list--friend *,
.joms-list--event *,
.joms-list--avatar *,
.joms-list--block *,
.joms-list--table *,
.joms-list--files *,
.joms-list--half *,
.joms-list--message *,
.joms-list--general *,
.joms-list--group *,
.joms-list--articles *,
.joms-list * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.joms-notifications__label, .joms-input,
.joms-input[type=text],
.joms-input[type=password],
.joms-select--wrapper,
.joms-textarea, .joms-textarea__limit, .joms-location__description {
  border-radius: 3px;
}

.joms-popover {
  border-radius: 8px;
}

.joms-landing__action {
  border-radius: 0 0 5px 5px;
}

.joms-avatar--video img, .joms-avatar--stream img,
.joms-avatar--comment img,
.joms-avatar--focus img,
.joms-avatar--poll img, .joms-avatar img {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.joms-online a:after, .joms-avatar--video img, .joms-avatar--stream img,
.joms-avatar--comment img,
.joms-avatar--focus img,
.joms-avatar--poll img, .joms-avatar img {
  border-radius: 100%;
}

.joms-module__wrapper--main .joms-tab__bar > a.active:after, .joms-arrow--top-left:after, .joms-arrow--top:after, .joms-module__wrapper--main .joms-tab__bar > a.active:before, .joms-arrow--top-left:before, .joms-arrow--top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.joms-module__wrapper--main .joms-tab__bar > a.active:after, .joms-arrow--top-left:after, .joms-arrow--top:after {
  border-bottom-color: #1D2333;
  border-width: 8px;
  margin-left: -8px;
}
.joms-module__wrapper--main .joms-tab__bar > a.active:before, .joms-arrow--top-left:before, .joms-arrow--top:before {
  border-bottom-color: #1D2333;
  border-width: 9px;
  margin-left: -9px;
}

.joms-arrow--top-left:after, .joms-arrow--top-left:before {
  left: 16px;
  right: auto;
}

@media only screen and (max-width: 480px) {
  .joms-list--message .joms-list--message__remove span, .joms-landing__text, .joms-reaction--off .joms-comment, .joms-reaction--off .joms-stream__status, .joms-hidden--small {
    display: none !important;
  }
}

@media only screen and (min-width: 481px) {
  .joms-stream__actions .joms-icon,
  .joms-comment__actions .joms-icon, .joms-stream__status--mobile, .joms-hidden--medium {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .joms-toolbar, .joms-focus__button--options, .joms-focus__actions, .joms-focus__info {
    display: none !important;
  }
}

.joms-toolbar, .joms-hcard, .joms-postbox-dropdown, .joms-dropdown, .joms-popover {
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
}

.desktop-only--inline-block {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .desktop-only--inline-block {
    display: inline-block !important;
  }
}

.mobile-only--show {
  display: none !important;
}
@media only screen and (max-width: 480px) {
  .mobile-only--show {
    display: block !important;
  }
}

.mobile-only-landscape--show {
  display: none !important;
}
@media only screen and (min-width: 481px) and (max-width: 992px) {
  .mobile-only-landscape--show {
    display: block !important;
  }
}

.no-border {
  border: 0;
}

.joms-gap {
  height: 14px;
}

.joms-gap--small {
  height: 5.3475240831px;
}

.joms-gap--inline {
  width: 8.6524757823px;
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-gap--inline {
    display: inline-block;
  }
}

.reset-gap {
  margin: 0 !important;
}

.joms-centered {
  text-align: center;
}

.joms-push {
  margin-bottom: 14px;
}

.joms-push--large {
  margin-bottom: 22.652476px;
}

.joms-padding {
  padding: 14px;
}

.joms-block {
  display: block;
}

.joms-relative {
  position: relative;
}

.joms-divider {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
  margin: 22.652476px 0;
  height: 0;
}

.joms-avatar--video img, .joms-avatar--stream img,
.joms-avatar--comment img,
.joms-avatar--focus img,
.joms-avatar--poll img, .joms-avatar img {
  display: inline-block;
  line-height: 0;
  padding: 3px;
  background: #45F882;
}

.joms-avatar img {
  width: 100%;
  max-width: 64px;
  max-height: 64px;
}
.joms-stream__body .joms-avatar img {
  max-width: 128px;
  max-height: 128px;
}
.joms-avatar.single img {
  max-width: 120px;
  max-height: 120px;
}

.joms-avatar--stream,
.joms-avatar--comment,
.joms-avatar--focus,
.joms-avatar--poll {
  display: table-cell;
  width: 48px;
  position: relative;
}
.joms-avatar--stream a,
.joms-avatar--comment a,
.joms-avatar--focus a,
.joms-avatar--poll a {
  display: block;
  position: relative;
}
.joms-avatar--stream img,
.joms-avatar--comment img,
.joms-avatar--focus img,
.joms-avatar--poll img {
  max-width: 48px;
}
.joms-avatar--stream.square img,
.joms-avatar--comment.square img,
.joms-avatar--focus.square img,
.joms-avatar--poll.square img {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.joms-avatar--stream.video-thumb,
.joms-avatar--comment.video-thumb,
.joms-avatar--focus.video-thumb,
.joms-avatar--poll.video-thumb {
  width: 64px;
}
.joms-avatar--stream.video-thumb img,
.joms-avatar--comment.video-thumb img,
.joms-avatar--focus.video-thumb img,
.joms-avatar--poll.video-thumb img {
  max-width: 64px;
}

.joms-avatar--video {
  display: table-cell;
  width: 64px;
}
.joms-avatar--video img {
  max-width: 64px !important;
}
.joms-avatar--video a {
  position: relative;
  display: block;
}
.joms-avatar--video.square img {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.joms-avatar--video.video-thumb {
  width: 64px;
}
.joms-avatar--video.video-thumb img {
  max-width: 64px;
}

.joms-online a {
  display: inline-block;
  position: relative;
}
.joms-online a:after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 14px;
  height: 14px;
  color: #8BC34A;
  z-index: 2;
  background: #8BC34A;
  border: 2px solid white;
}
@media only screen and (max-width: 480px) {
  .joms-online a {
    width: 100%;
    max-width: 64px;
    margin: auto;
  }
}

.joms-avatar--focus.joms-online a:after {
  right: 7px;
  bottom: 7px;
  width: 20px;
  height: 20px;
  border: 3px solid white;
}
@media only screen and (max-width: 480px) {
  .joms-avatar--focus.joms-online a:after {
    right: 2px;
  }
}

.joms-avatar--comment {
  width: 32px;
}

.joms-avatar--focus {
  width: 64px;
}
.joms-avatar--focus img {
  max-width: 64px;
}
.joms-avatar--focus svg {
  cursor: pointer;
  display: none;
  fill: rgba(0, 0, 0, 0.6);
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 481px) {
  .joms-avatar--focus {
    width: 100px;
  }
  .joms-avatar--focus img {
    max-width: 100px;
  }
  .joms-avatar--focus svg {
    top: -5px;
    width: 64px;
    height: 64px;
  }
}

img.badgeNameImage {
  position: relative;
  top: 1px;
  margin-right: 3px;
  max-width: 18px !important;
  vertical-align: baseline !important;
}

.joms-button--important, .joms-focus__button--options, .joms-postbox-tab .joms-postbox-cancel, .joms-button__reject, .joms-button--comment, .joms-button--more, .joms-button--privacy, .joms-button--neutral, .joms-focus__button--message, .joms-button--invite, .joms-button--signup, .joms-button--secondary, .joms-button__next, .joms-focus__button--add, .joms-postbox-tab .joms-postbox-save,
.joms-postbox-tab .joms-postbox-done, .joms-button__approve, .joms-button--login, .joms-button--add, .joms-button--primary {
  padding: 8.6524757823px 14px;
  display: inline-block;
  text-align: center;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
@media only screen and (max-width: 480px) {
  .joms-button--important, .joms-focus__button--options, .joms-postbox-tab .joms-postbox-cancel, .joms-button__reject, .joms-button--comment, .joms-button--more, .joms-button--privacy, .joms-button--neutral, .joms-focus__button--message, .joms-button--invite, .joms-button--signup, .joms-button--secondary, .joms-button__next, .joms-focus__button--add, .joms-postbox-tab .joms-postbox-save,
  .joms-postbox-tab .joms-postbox-done, .joms-button__approve, .joms-button--login, .joms-button--add, .joms-button--primary {
    margin-bottom: 4px;
  }
}

.joms-focus__button--add, .joms-postbox-tab .joms-postbox-save,
.joms-postbox-tab .joms-postbox-done, .joms-button__approve, .joms-button--login, .joms-button--add, .joms-button--primary {
  background: #45F882;
  color: #424242 !important;
}
.joms-focus__button--add:hover, .joms-postbox-tab .joms-postbox-save:hover,
.joms-postbox-tab .joms-postbox-done:hover, .joms-button__approve:hover, .joms-button--login:hover, .joms-button--add:hover, .joms-button--primary:hover, .joms-focus__button--add:active, .joms-postbox-tab .joms-postbox-save:active,
.joms-postbox-tab .joms-postbox-done:active, .joms-button__approve:active, .joms-button--login:active, .joms-button--add:active, .joms-button--primary:active, .joms-focus__button--add:focus, .joms-postbox-tab .joms-postbox-save:focus,
.joms-postbox-tab .joms-postbox-done:focus, .joms-button__approve:focus, .joms-button--login:focus, .joms-button--add:focus, .joms-button--primary:focus {
  background: #6cf99c;
  text-decoration: none;
  color: #424242 !important;
}

.joms-focus__button--message, .joms-button--invite, .joms-button--signup, .joms-button--secondary, .joms-button__next {
  background: #0F1C23;
  color: #fff !important;
}
.joms-focus__button--message:hover, .joms-button--invite:hover, .joms-button--signup:hover, .joms-button--secondary:hover, .joms-button__next:hover, .joms-focus__button--message:active, .joms-button--invite:active, .joms-button--signup:active, .joms-button--secondary:active, .joms-button__next:active, .joms-focus__button--message:focus, .joms-button--invite:focus, .joms-button--signup:focus, .joms-button--secondary:focus, .joms-button__next:focus {
  background: #1b3340;
  text-decoration: none;
  color: #fff !important;
}

.joms-focus__button--options, .joms-postbox-tab .joms-postbox-cancel, .joms-button__reject, .joms-button--comment, .joms-button--more, .joms-button--privacy, .joms-button--neutral {
  color: #2c3e50;
  background: #FFBE18;
  color: #424242 !important;
}
.joms-focus__button--options:hover, .joms-postbox-tab .joms-postbox-cancel:hover, .joms-button__reject:hover, .joms-button--comment:hover, .joms-button--more:hover, .joms-button--privacy:hover, .joms-button--neutral:hover, .joms-focus__button--options:active, .joms-postbox-tab .joms-postbox-cancel:active, .joms-button__reject:active, .joms-button--comment:active, .joms-button--more:active, .joms-button--privacy:active, .joms-button--neutral:active, .joms-focus__button--options:focus, .joms-postbox-tab .joms-postbox-cancel:focus, .joms-button__reject:focus, .joms-button--comment:focus, .joms-button--more:focus, .joms-button--privacy:focus, .joms-button--neutral:focus {
  background: #ffc941;
  text-decoration: none;
  color: #424242 !important;
}

.joms-button--important {
  background: #E74C3C;
  color: #fff !important;
}
.joms-button--important:hover, .joms-button--important:active, .joms-button--important:focus {
  background: #eb6d60;
  text-decoration: none;
  color: #fff !important;
}

.joms-button--full {
  width: 100%;
}

.joms-button--full-small {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  .joms-button--full-small {
    width: auto;
  }
}

.trumbowyg-modal .joms-button--full-small {
  width: auto;
}

.trumbowyg-modal {
  top: 0 !important;
}
@media only screen and (max-width: 480px) {
  .trumbowyg-modal {
    height: 500px !important;
  }
}

.joms-button--privacy {
  padding: 5.3475240831px;
  color: #7f8c8d;
}
.joms-button--privacy .joms-icon {
  height: 12px;
}
.joms-form__group .joms-button--privacy {
  margin-top: 5.3475240831px;
}

.joms-button--add {
  position: absolute;
  padding: 5.34px 8px;
  line-height: 18px;
  top: 14px;
  right: 14px;
}
.joms-button--add span {
  display: none;
}
.joms-button--add .joms-icon {
  fill: #424242;
}
@media only screen and (min-width: 481px) {
  .joms-button--add {
    position: static;
    display: inline-block;
  }
  .joms-button--add span {
    display: initial;
  }
  .joms-button--add svg {
    display: none;
  }
}

@media only screen and (min-width: 481px) {
  .joms-button--add-on-page {
    position: absolute;
    top: 14px;
    width: auto;
    right: 14px;
  }
}

.joms-button--more {
  padding: 5.3475240831px;
  font-size: 14px;
}

.joms-button--login {
  width: 100%;
}

.joms-button--signup {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .joms-button--signup {
    width: auto;
  }
}

.joms-button--invite {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .joms-button--invite {
    width: auto;
  }
}

.joms-button--link {
  color: #FFFFFF;
  display: inline-block;
  padding-top: 5.3475240831px;
}
.joms-button--link:hover {
  color: #FFFFFF;
}

.joms-button--comment {
  padding: 8px 8px 7px;
  margin-bottom: 0;
  font-size: 12px;
}

.joms-button__reject {
  padding: 5.3475240831px 8.6524757823px;
}

.joms-button__approve {
  padding: 5.3475240831px 8.6524757823px;
}

.joms-button--small {
  padding: 5.3475240831px 8.6524757823px;
}

.joms-button--smallest {
  padding: 2.0425724157px 5.3475240831px;
}

.btn-sign-with-twitter {
  display: inline-block !important;
  background-image: url("../images/twitter_button.png");
  background-color: #4FADE9;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 5px 3px;
  color: #ffffff;
  padding: 3px 6px 3px 30px;
  font-weight: bold;
  margin-top: 0px !important;
}
@media only screen and (max-width: 480px) {
  .btn-sign-with-twitter {
    width: 59%;
  }
}

.btn-sign-with-twitter:hover {
  color: #ffffff;
  background-color: #4499ce;
}

.btn-sign-with-linkedin {
  display: inline-block !important;
  background-image: url("../images/linkedin_button.png");
  background-color: #0077B5;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 5px 3px;
  color: #ffffff;
  padding: 3px 6px 3px 30px;
  font-weight: bold;
  margin-top: 0px !important;
}
@media only screen and (max-width: 480px) {
  .btn-sign-with-linkedin {
    width: 59%;
  }
}

.btn-sign-with-linkedin:hover {
  color: #ffffff;
  background-color: #0369a0;
}

.joms-landing__action .fb-login-button, .joms-landing__action .btn-sign-with-twitter, .joms-landing__action .btn-sign-with-linkedin {
  margin-bottom: 5px;
}

.joms-login-facebook {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}

.joms-fb-login-button, .joms-login-facebook .fb-login-button.fb_iframe_widget {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
}

.joms-login-facebook .fb_iframe_widget iframe {
  opacity: 0.01;
  width: 100% !important;
}

.joms-login-facebook .fb_iframe_widget span {
  width: 100% !important;
}

.btn-sign-with-facebook {
  background-image: url("../images/facebook_button.png");
  background-color: #4267B2;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 5px 3px;
  color: #ffffff;
  padding: 3px 6px 5px 30px;
  font-weight: bold;
  margin-top: 0px !important;
}

.joms-js-form--login {
  margin-bottom: 10px;
}

.btn-sign-with-google {
  display: inline-block !important;
  background-image: url("../images/google_button.png");
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 5px 3px;
  color: #000000;
  padding: 3px 6px 3px 30px;
  font-weight: bold;
  margin-top: 0px !important;
  cursor: pointer;
  border: 1px solid #e3e5e7;
}
@media only screen and (max-width: 480px) {
  .btn-sign-with-google {
    width: 59%;
  }
}

.btn-sign-with-google:hover {
  color: #000000;
  background-color: #ECF0F1;
}

.view-register .joms-login-facebook, .view-register .btn-sign-with-twitter, .view-register .btn-sign-with-linkedin, .view-register .btn-sign-with-google {
  margin-top: 10px !important;
}

.joms-cover--thumbnail {
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.04);
}
.joms-cover--thumbnail:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 66.6666666667%;
}
.joms-cover--thumbnail > img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 481px) {
  .joms-cover--thumbnail {
    overflow: hidden;
    position: relative;
  }
  .joms-cover--thumbnail:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 37.4999999953%;
  }
  .joms-cover--thumbnail > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.joms-cover--thumbnail .joms-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 24px;
  width: 24px;
  fill: #fff;
}

@media only screen and (min-width: 481px) {
  .joms-list__cover--wrapper {
    overflow: hidden;
    position: relative;
  }
  .joms-list__cover--wrapper:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 66.6666666667%;
  }
  .joms-list__cover--wrapper > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.joms-icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  fill: #7f8c8d;
  position: relative;
}

.joms-icon--responsive {
  width: 100%;
  height: auto;
}

.joms-icon--emoticon {
  position: absolute;
  top: 24px;
  fill: #969EB2;
  right: 90px;
}
.joms-icon--emoticon svg {
  width: 14px;
  height: 14px;
}
.joms-comment__reply .joms-icon--emoticon {
  right: 87px;
}
.joms-js--comment-editor .joms-icon--emoticon, .joms-no-touch .joms-icon--emoticon, .joms-no-touch .joms-comment__reply .joms-icon--emoticon {
  right: 42px;
}
.joms-page--inbox .joms-icon--emoticon {
  top: 14px;
  right: 14px;
}

.joms-icon--add {
  position: absolute;
  top: 24px;
  fill: #969EB2;
  right: 70px;
}
.joms-comment__reply .joms-icon--add {
  right: 70px;
}
.joms-no-touch .joms-icon--add, .joms-no-touch .joms-comment__reply .joms-icon--add {
  right: 24px;
}
.joms-page--inbox .joms-icon--add {
  top: 14px;
  right: 14px;
}

.joms-icon--white {
  fill: white;
}

svg:not(:root) {
  overflow: hidden;
  max-width: none;
}

.joms-emoticon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/emo.png");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .joms-emoticon {
    background-image: url("../images/emo@2x.png");
    background-size: 140px 180px;
  }
}
.joms-emoticon.joms-emo-laugh {
  background-position: 0 0px;
}

.joms-emoticon.joms-emo-happy {
  background-position: -20px 0px;
}

.joms-emoticon.joms-emo-giggle {
  background-position: -40px 0px;
}

.joms-emoticon.joms-emo-smile {
  background-position: -60px 0px;
}

.joms-emoticon.joms-emo-pretty {
  background-position: -80px 0px;
}

.joms-emoticon.joms-emo-wink {
  background-position: -100px 0px;
}

.joms-emoticon.joms-emo-loved {
  background-position: -120px 0px;
}

.joms-emoticon.joms-emo-love-whistle {
  background-position: 0 -20px;
}

.joms-emoticon.joms-emo-blush-whistle {
  background-position: -20px -20px;
}

.joms-emoticon.joms-emo-whistle {
  background-position: -40px -20px;
}

.joms-emoticon.joms-emo-happy-whistle {
  background-position: -60px -20px;
}

.joms-emoticon.joms-emo-tongue-wink {
  background-position: -80px -20px;
}

.joms-emoticon.joms-emo-tongue-happy {
  background-position: -100px -20px;
}

.joms-emoticon.joms-emo-tongue {
  background-position: -120px -20px;
}

.joms-emoticon.joms-emo-surprised {
  background-position: 0 -40px;
}

.joms-emoticon.joms-emo-irretated {
  background-position: -20px -40px;
}

.joms-emoticon.joms-emo-huff {
  background-position: -40px -40px;
}

.joms-emoticon.joms-emo-bored {
  background-position: -80px -40px;
}

.joms-emoticon.joms-emo-ohno {
  background-position: -120px -40px;
}

.joms-emoticon.joms-emo-sad {
  background-position: 0 -60px;
}

.joms-emoticon.joms-emo-happy-tear {
  background-position: -20px -60px;
}

.joms-emoticon.joms-emo-cry {
  background-position: -40px -60px;
}

.joms-emoticon.joms-emo-sleepy {
  background-position: -60px -60px;
}

.joms-emoticon.joms-emo-sad {
  background-position: -100px -40px;
}

.joms-emoticon.joms-emo-worry {
  background-position: -100px -60px;
}

.joms-emoticon.joms-emo-relieved {
  background-position: -120px -60px;
}

.joms-emoticon.joms-emo-upset {
  background-position: -20px -80px;
}

.joms-emoticon.joms-emo-very-sad {
  background-position: -40px -80px;
}

.joms-emoticon.joms-emo-shocked {
  background-position: -80px -80px;
}

.joms-emoticon.joms-emo-angry {
  background-position: -120px -80px;
}

.joms-emoticon.joms-emo-exhale {
  background-position: 0 -100px;
}

.joms-emoticon.joms-emo-annoyed {
  background-position: -20px -100px;
}

.joms-emoticon.joms-emo-excited {
  background-position: -40px -100px;
}

.joms-emoticon.joms-emo-yummy {
  background-position: -60px -100px;
}

.joms-emoticon.joms-emo-sick {
  background-position: -80px -100px;
}

.joms-emoticon.joms-emo-sunglass {
  background-position: -100px -100px;
}

.joms-emoticon.joms-emo-tired {
  background-position: -120px -100px;
}

.joms-emoticon.joms-emo-eye-cross {
  background-position: -20px -120px;
}

.joms-emoticon.joms-emo-confuse {
  background-position: -80px -120px;
}

.joms-emoticon.joms-emo-devil {
  background-position: -100px -120px;
}

.joms-emoticon.joms-emo-devil-angry {
  background-position: -120px -120px;
}

.joms-emoticon.joms-emo-wow {
  background-position: 0 -140px;
}

.joms-emoticon.joms-emo-grin-worry {
  background-position: -20px -140px;
}

.joms-emoticon.joms-emo-speechless {
  background-position: -40px -140px;
}

.joms-emoticon.joms-emo-meh {
  background-position: -60px -140px;
}

.joms-emoticon.joms-emo-woo {
  background-position: -80px -140px;
}

.joms-emoticon.joms-emo-speachless {
  background-position: -100px -140px;
}

.joms-emoticon.joms-emo-blessed {
  background-position: -120px -140px;
}

.joms-module *, .joms-module *:before, .joms-module *:after {
  /* apply a natural box layout model to all elements */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.joms-module img {
  /*width: 100%; This causes a lot of issues @Matthew */
}
.joms-module .joms-stream__meta p {
  word-break: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}

.joms-module__wrapper,
.joms-module__wrapper--stacked {
  margin-bottom: 14px;
}
.joms-module__wrapper:empty,
.joms-module__wrapper--stacked:empty {
  display: none;
}
.joms-module__wrapper .video-player img,
.joms-module__wrapper--stacked .video-player img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}
.joms-module__wrapper .joms-module__footer .joms-button--link,
.joms-module__wrapper--stacked .joms-module__footer .joms-button--link {
  color: #fff;
}

.joms-module__footer {
  margin-top: 14px;
}

.joms-module__header {
  font-weight: bold;
  background: #141924;
  color: #fff;
  padding: 8.6524757823px;
  text-align: center;
}

.joms-module--stacked {
  margin-bottom: 14px;
}

.joms-module__body {
  background: #141924;
  padding: 14px;
}

.joms-stream, .joms-stream--notifications {
  background: #141924;
  margin-bottom: 14px;
  position: relative;
}
.joms-stream .embedly-card, .joms-stream--notifications .embedly-card {
  margin-top: 14px;
  margin-bottom: 14px;
}
.joms-stream .embedly-card-hug, .joms-stream--notifications .embedly-card-hug {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 !important;
  padding: 5px 10px 0 !important;
}
@media only screen and (min-width: 481px) {
  .joms-stream .embedly-card-hug, .joms-stream--notifications .embedly-card-hug {
    max-width: 480px !important;
  }
}

.joms-stream__header,
.joms-comment__header,
.joms-poll__header {
  display: table;
  padding: 14px;
  width: 100%;
}
.joms-stream__header.wide,
.joms-comment__header.wide,
.joms-poll__header.wide {
  padding: 14px 0;
}

.joms-stream__header.system,
.joms-poll__header.system {
  padding: 0;
  margin-bottom: 5.3475240831px;
}
.joms-stream__header.no-avatar .joms-stream__meta,
.joms-poll__header.no-avatar .joms-stream__meta {
  padding-left: 0;
}
.joms-stream__header.no-gap,
.joms-poll__header.no-gap {
  padding: 0;
  margin-bottom: 8.6524757823px;
}

.joms-stream__user {
  font-weight: bold;
}

.joms-focus__title h2.online:after {
  position: relative;
  top: -10px;
}

.joms-stream__meta,
.joms-stream__meta {
  padding-right: 14px;
}

.joms-stream__meta,
.joms-comment__meta,
.joms-stream__content,
.joms-stream__meta,
.joms-poll__meta {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8.6524757823px;
}
.joms-stream__meta a,
.joms-comment__meta a,
.joms-stream__content a,
.joms-stream__meta a,
.joms-poll__meta a {
  text-decoration: none;
}
.joms-stream__meta .joms-icon,
.joms-comment__meta .joms-icon,
.joms-stream__content .joms-icon,
.joms-stream__meta .joms-icon,
.joms-poll__meta .joms-icon {
  height: 8.6524757823px;
  fill: #969EB2;
}

.joms-stream__time,
.joms-comment__time,
.joms-poll__time {
  color: #969EB2;
  display: block;
}

.joms-stream__content {
  color: #2c3e50;
  line-height: 14px;
}
.joms-stream__content a {
  display: inline-block;
  font-weight: normal;
}
.joms-stream__content p {
  margin-bottom: 0;
}
.joms-stream__content span {
  display: block;
}

.joms-stream__body,
.joms-comment__body {
  padding: 14px;
  padding-top: 0;
  word-wrap: break-word;
  color: #fff;
}
.joms-stream__body .joms-icon,
.joms-comment__body .joms-icon {
  fill: #fff;
  height: 0.8rem;
}

.joms-stream__body.no-head {
  padding: 14px;
}
.joms-stream__body.no-head > p {
  margin: 0;
}
.joms-stream__body > .embedly-card > .embedly-card-hug {
  background-color: rgba(0, 0, 0, 0.04);
}
.joms-stream__body .joms-attachment-list {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 20px;
}
.joms-stream__body .joms-attachment-list ul {
  border-top: 1px solid #ebebeb;
}
.joms-stream__body .joms-attachment-list ul li {
  border-bottom: 1px solid #ebebeb;
  padding: 5px 10px;
  overflow: hidden;
}
.joms-stream__body .joms-attachment-list ul li:nth-child(2n+1) {
  background-color: #fff;
}
.joms-stream__body .joms-attachment-list ul li .joms-icon {
  vertical-align: middle;
}
.joms-stream__body .joms-attachment-list ul li .joms-filesize {
  display: inline-block;
  color: #666;
  min-width: 100px;
  float: right;
}
@media screen and (max-width: 992px) {
  .joms-stream__body .joms-attachment-list ul li .joms-filesize {
    float: none;
  }
}
.joms-stream__body .joms-attachment-list ul.joms-poll__option-list {
  border: 0;
}
.joms-stream__body .joms-attachment-list ul.joms-poll__option-list li {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-bottom: 15px;
}

.joms-stream__status {
  padding: 8.6524757823px 14px;
  background: rgba(0, 0, 0, 0.02);
  font-size: 12px;
  line-height: 14px;
}
.joms-stream__status a {
  text-decoration: none;
}
.joms-stream__status .joms-reactions__list {
  display: inline-block;
  vertical-align: middle;
}

.joms-stream__status--mobile {
  padding: 14px;
  padding-top: 0;
  padding-right: 0;
  display: inline-block;
  width: 37%;
}
.joms-stream__status--mobile a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}
.joms-stream__status--mobile a:hover, .joms-stream__status--mobile a:focus {
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.joms-stream__status--mobile .joms-icon {
  margin-top: -3px;
  height: 0.8rem;
}

.joms-stream__actions {
  display: inline-block;
  text-align: right;
  padding: 14px;
  padding-top: 0;
}
@media only screen and (max-width: 360px) {
  .joms-stream__actions {
    padding-left: 0;
  }
}

@media only screen and (min-width: 481px) {
  .joms-stream__actions,
  .joms-comment__actions {
    display: block;
    border: 0;
    padding-top: 0;
    padding-bottom: 8px;
    width: auto;
    text-align: left;
  }
}
.joms-stream__actions a,
.joms-comment__actions a {
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  margin-left: 8px;
}
@media only screen and (min-width: 481px) {
  .joms-stream__actions a,
  .joms-comment__actions a {
    margin-right: 4px;
    margin-left: 0;
  }
}
.joms-stream__actions .joms-icon,
.joms-comment__actions .joms-icon {
  margin-top: -3px;
  height: 0.8rem;
}
.joms-stream__actions .liked .joms-icon,
.joms-comment__actions .liked .joms-icon {
  fill: #45F882;
}

.joms-stream__options {
  display: table-cell;
  vertical-align: top;
  width: 16px;
  position: relative;
}
.joms-stream__options .joms-icon {
  height: 14px;
  width: 14px;
  fill: rgba(0, 0, 0, 0.2);
  display: block;
}

.joms-comment {
  background: #141924;
  margin: 0;
  padding: 0;
}

.joms-comment__user {
  font-weight: bold;
}

.joms-comment__more {
  font-size: 0.8rem;
  padding: 8.6524757823px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.joms-comment__more a {
  text-decoration: none;
}

.joms-comment__item {
  position: relative;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.joms-comment__item:last-child {
  border-bottom: 0;
}
.joms-comment__item .joms-list__options {
  display: none;
  position: absolute;
  top: -4px;
  right: 0;
}
.joms-comment__item :hover .joms-list__options {
  display: block;
}

.joms-comment__header {
  padding-top: 0;
  padding-bottom: 5.3475240831px;
}

.joms-comment__body {
  padding: 5.3475240831px 14px 0;
  display: table-cell;
  vertical-align: top;
}
.joms-comment__body > p {
  margin-bottom: 0;
}
.joms-comment__body small {
  font-size: 95%;
}
.joms-comment .joms-comment__body {
  padding-right: 0;
}
.joms-comment__body .embedly-card iframe {
  width: 100%;
}
.joms-comment__body .embedly-card > .embedly-card-hug {
  width: auto !important;
}
.joms-comment__body > .embedly-card > .embedly-card-hug {
  background-color: rgba(0, 0, 0, 0.04);
}

.joms-comment__actions {
  display: table;
  table-layout: fixed;
  background: rgba(0, 0, 0, 0.04);
  padding: 5.3475240831px 14px;
  width: 100%;
  text-align: center;
  border-bottom: 0;
  text-align: left;
  padding: 8px 14px 4px 0;
  background: transparent;
}
.joms-comment__actions a {
  display: table-cell;
}
.joms-popup .joms-comment__actions {
  padding: 5.3475240831px;
}
.joms-popup .joms-comment__actions a {
  padding: 5.3475240831px;
}
.joms-popup .joms-comment__actions a.joms-button--reaction, .joms-popup .joms-comment__actions a.joms-stream__reactions-text {
  padding: 0;
}
.joms-comment__actions .liked svg {
  display: none;
}
.joms-popup .joms-comment__actions {
  padding: 0;
}
.joms-popup .joms-comment__actions a {
  padding-left: 0;
  padding-right: 0;
}
.joms-comment__actions a {
  display: inline-block;
}

.joms-comment__reply {
  position: relative;
  display: table;
  width: 100%;
  background: #141924;
  padding: 14px;
  font-size: 0.8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.joms-comment__reply input[type=text] {
  width: 100%;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8.6524757823px;
}
.joms-comment__reply .joms-textarea {
  height: 35px;
  margin: 0;
  min-height: 35px;
  -webkit-appearance: none;
}
.joms-comment__reply span {
  display: block;
  text-align: right;
  padding-left: 3.3049516161px;
}
.joms-no-touch .joms-comment__reply {
  display: block;
}
.joms-no-touch .joms-comment__reply span {
  display: none;
}
.joms-comment__item .joms-comment__reply {
  display: none;
}

ul.joms-emoticon__board {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(225, 225, 225);
  border-radius: 5px;
  padding: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
  display: none;
  width: 168px;
  z-index: 1100;
  -webkit-transition: opacity 0.3s, bottom 0.3s, top 0.3s;
  transition: opacity 0.3s, bottom 0.3s, top 0.3s;
  opacity: 0;
  margin: 0;
  cursor: default;
}
ul.joms-emoticon__board:before, ul.joms-emoticon__board:after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  z-index: 9999;
}
ul.joms-emoticon__board li {
  padding: 4px;
  float: left;
  list-style: none;
}
ul.joms-emoticon__board li:hover {
  background: #eee;
  border-radius: 3px;
}
ul.joms-emoticon__board .joms-emo2 {
  display: block !important;
}

.joms-board--above:before {
  border-top: 7px solid #ccc;
  bottom: -8px;
}

.joms-board--above:after {
  border-top: 7px solid #fff;
  bottom: -7px;
}

.joms-board--below:before {
  border-bottom: 7px solid #ccc;
  top: -8px;
}

.joms-board--below:after {
  border-bottom: 7px solid #fff;
  top: -7px;
}

.joms-js--comment-content {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}

.joms-content-emo2 {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  vertical-align: middle;
  display: inline-block;
}

.joms-stream--discussion {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.joms-stream--discussion:last-child {
  border-bottom: none;
}
.joms-stream--discussion .joms-stream__replies {
  display: table-cell;
  text-align: right;
}
@media only screen and (max-width: 480px) {
  .joms-stream--discussion .joms-stream__replies {
    display: block;
    margin-top: 8.6524757823px;
    text-align: left;
  }
}

.joms-comment--bulletin {
  background-color: transparent;
}
.joms-comment--bulletin .joms-comment__item {
  padding: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 14px;
  background-color: rgba(0, 0, 0, 0.04);
}
.joms-comment--bulletin .joms-comment__item:hover {
  background-color: rgb(255, 255, 255);
}
.joms-comment--bulletin .joms-comment__item:last-child {
  margin-bottom: 0;
}
.joms-comment--bulletin .joms-comment__header {
  padding: 0;
}
.joms-comment--bulletin ul {
  list-style: inherit;
  padding: 0;
  margin: 0 0 9px 25px;
}

.joms-stream__loadmore a {
  margin-bottom: 14px;
}
@media only screen and (min-width: 481px) {
  .joms-stream__loadmore a {
    margin-bottom: 0;
  }
}

.joms-stream--featured::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px 30px 0 0;
  border-color: #E74C3C transparent transparent transparent;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.joms-stream--featured::after {
  content: "★";
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 2;
  font-size: 12px;
  color: #fff;
}

.joms-stream__reactions.read-only .joms-reactions__item {
  display: inline-block;
  cursor: inherit;
}

.joms-media--event, .joms-media--images, .joms-media--image, .joms-media.like {
  max-width: 320px;
}
@media only screen and (min-width: 481px) {
  .joms-media--event, .joms-media--images, .joms-media--image, .joms-media.like {
    max-width: 480px;
  }
}

.joms-media {
  background: rgba(0, 0, 0, 0.04);
  padding: 14px;
}
.joms-media__cover {
  overflow: hidden;
  position: relative;
  margin: -14px;
  margin-bottom: 14px;
}
.joms-media__cover:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 66.6666666667%;
}
.joms-media__cover > img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 481px) {
  .joms-media__cover {
    overflow: hidden;
    position: relative;
  }
  .joms-media__cover:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 37.4999999953%;
  }
  .joms-media__cover > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.joms-media--image img {
  max-width: 100%;
}

.joms-media--image--half {
  max-width: 240px;
}
.joms-media--image--half img {
  width: 100%;
}

.joms-media--images {
  width: 100%;
  position: relative;
  margin-bottom: 14px;
  overflow: hidden;
}

.joms-media--album__title {
  font-size: 16px;
  margin-bottom: 8.6524757823px;
  display: block;
}
.joms-media--album__title span {
  color: #969EB2;
  font-size: 14px;
}

.joms-media--album__desc {
  font-size: 12px;
  line-height: 18px;
  color: #969EB2;
}

@media only screen and (min-width: 481px) {
  .joms-media--event {
    display: table;
  }
}

.joms-media--video,
.joms-media--album {
  background: rgba(0, 0, 0, 0.04);
  color: #fff;
}
.joms-media--video video,
.joms-media--album video {
  max-width: 100%;
  width: 640px;
  height: 100%;
}
@media only screen and (min-width: 481px) {
  .joms-media--video,
  .joms-media--album {
    display: table;
    width: 100%;
    max-width: 480px;
  }
  .joms-media--video.being-played .joms-media__thumbnail,
  .joms-media--album.being-played .joms-media__thumbnail {
    display: table;
    width: 100% !important;
  }
  .joms-media--video.being-played .joms-media__thumbnail .mejs-container.mejs-video, .joms-media--video.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement embed,
  .joms-media--album.being-played .joms-media__thumbnail .mejs-container.mejs-video,
  .joms-media--album.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement embed {
    width: 100% !important;
    height: 240px !important;
  }
  .joms-media--video.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement .me-plugin,
  .joms-media--album.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement .me-plugin {
    position: static;
  }
  .joms-media--video.being-played .joms-media__thumbnail .mejs-container-fullscreen.mejs-video, .joms-media--video.being-played .joms-media__thumbnail .mejs-container-fullscreen .mejs-mediaelement embed,
  .joms-media--album.being-played .joms-media__thumbnail .mejs-container-fullscreen.mejs-video,
  .joms-media--album.being-played .joms-media__thumbnail .mejs-container-fullscreen .mejs-mediaelement embed {
    height: 100% !important;
  }
  .joms-media--video.being-played .joms-media__body,
  .joms-media--album.being-played .joms-media__body {
    margin-left: 0;
    clear: both;
  }
}
.joms-comment .joms-media--video,
.joms-comment .joms-media--album {
  margin-bottom: 8.6524757823px;
}

.joms-media__calendar {
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 481px) {
  .joms-media__calendar {
    width: 60px;
    height: 80px;
    display: table-cell;
    vertical-align: top;
  }
}
.joms-media__calendar .month, .joms-media__calendar .date, .joms-media__calendar .year {
  display: block;
}
.joms-media__calendar .month {
  background: #E74C3C;
  color: #FFBE18;
  padding: 2.0425724157px 0;
}
.joms-media__calendar .date {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 0;
  font-size: 22.652476px;
  padding: 14px;
  color: #7f8c8d;
  background: #fff;
}

.joms-media__remove {
  position: absolute;
  top: 0;
  padding: 8.6524757823px;
  cursor: pointer;
  right: 0;
}
.joms-media__remove svg {
  vertical-align: baseline;
}

.joms-media__thumbnail {
  overflow: hidden;
  background: black;
}
.joms-media__thumbnail img {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  .joms-media__thumbnail {
    width: 120px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
  }
  .joms-media__thumbnail .mejs-container .mejs-controls {
    display: none;
  }
  .joms-media__thumbnail .mejs-container.mejs-video {
    height: 120px !important;
    width: 120px !important;
  }
  .joms-media__thumbnail .mejs-container .mejs-mediaelement embed {
    height: 120px !important;
    width: 120px !important;
  }
}

.joms-media__body {
  padding: 8.6524757823px 14px;
}
@media only screen and (min-width: 481px) {
  .joms-media__body {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (min-width: 481px) {
  .joms-media--event .joms-media__body,
  .joms-media__body .joms-media--group {
    height: auto;
    padding-top: 0;
  }
}

.joms-media__thumbnail.fullwidth-thumb-video, .joms-media__body.fullwidth-thumb-video {
  width: 100%;
  height: auto;
  display: block;
}

.joms-media__title {
  margin: 0;
}

.joms-media__desc {
  margin-top: 8.6524757823px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  max-height: 60px;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 8.6524757823px;
}
.joms-media__desc:empty {
  display: none;
}

.mejs-overlay-play {
  width: 100% !important;
}

.am-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  padding: 2px;
}

.am-wrapper img {
  position: absolute;
  outline: none;
}

.joms-embedly--right .embedly-card-hug {
  margin-left: auto !important;
}
.joms-page .joms-embedly--right .embedly-card-hug {
  margin-left: auto !important;
}

.joms-embedly--center .embedly-card-hug {
  margin-left: auto !important;
  margin-right: auto !important;
}
.joms-page .joms-embedly--center .embedly-card-hug {
  margin-left: auto !important;
  margin-right: auto !important;
}

.joms-dropdown, .joms-popover {
  display: none;
  position: relative;
  background: #1D2333;
  border: 1px solid #1D2333;
  z-index: 900;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.joms-dropdown > li, .joms-popover > li {
  color: #fff;
  padding: 5px 10px 5px 10px;
  text-align: left;
}
.joms-dropdown > li:hover, .joms-popover > li:hover, .joms-dropdown > li.active, .joms-popover > li.active {
  background: #161a26;
}
.joms-dropdown > li.noselect, .joms-popover > li.noselect {
  background: none;
}
.joms-dropdown > li .joms-icon, .joms-popover > li .joms-icon {
  fill: #fff;
}
.joms-dropdown > li.separator, .joms-popover > li.separator {
  border-top: 1px solid #1D2333;
  padding: 0;
}
.joms-dropdown > li > a, .joms-popover > li > a {
  display: block;
  color: #fff;
}
.joms-dropdown > li > a:hover, .joms-popover > li > a:hover {
  text-decoration: none;
  color: #fff;
}
.joms-dropdown li a, .joms-popover li a {
  color: #fff;
}
.joms-dropdown li a:hover, .joms-popover li a:hover {
  color: #fff;
  text-decoration: none;
}
.joms-toolbar--desktop .joms-dropdown, .joms-toolbar--desktop .joms-popover {
  width: 140px;
  top: 100%;
  position: absolute;
}
.joms-toolbar--desktop .joms-dropdown.joms-dropdown-r, .joms-toolbar--desktop .joms-dropdown-r.joms-popover {
  right: 8.6524757823px;
}
.joms-toolbar--desktop .joms-dropdown.joms-dropdown-t, .joms-toolbar--desktop .joms-dropdown-t.joms-popover {
  top: auto;
  bottom: 100%;
}
.joms-gallery__options .joms-dropdown, .joms-gallery__options .joms-popover, .joms-list__options .joms-dropdown, .joms-list__options .joms-popover {
  top: 32px;
  right: 0;
}
.joms-gallery__options .joms-dropdown, .joms-gallery__options .joms-popover {
  position: relative;
}
.joms-list__button--dropdown .joms-dropdown, .joms-list__button--dropdown .joms-popover {
  position: absolute;
}
@media only screen and (min-width: 481px) {
  .joms-dropdown.more-button, .more-button.joms-popover {
    margin: 0px;
    position: relative;
  }
}
@media only screen and (min-width: 992px) {
  .joms-dropdown.more-button, .more-button.joms-popover {
    margin-top: 7px;
    position: absolute;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 992px) {
  .joms-focus__button--options--desktop .joms-dropdown, .joms-focus__button--options--desktop .joms-popover {
    right: 2px;
    top: 36.6524763522px;
  }
}

.joms-dropdown--privacy {
  position: absolute;
}

.joms-emoticon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.joms-popover {
  position: absolute;
  padding: 14px;
  border: 4px solid rgba(255, 255, 255, 0.1);
  overflow: auto;
  overflow-x: hidden;
  max-height: 320px;
}
.joms-popover:after {
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.joms-popover:before {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  border-width: 13px;
  margin-left: -13px;
}
.joms-popover > li {
  font-size: 12px;
  display: table;
}
.joms-popover h5 {
  margin: 0;
}
.joms-popover small {
  margin-top: 5.3475240831px;
  color: #bdc3c7;
}
.joms-toolbar--desktop .joms-popover {
  width: 440px;
  top: 102%;
  left: -380px;
}
.joms-toolbar--desktop .joms-popover:before, .joms-toolbar--desktop .joms-popover:after {
  left: 394px;
}

.joms-popover__avatar,
.joms-popover__content {
  display: table-cell;
  vertical-align: middle;
}
.joms-popover__avatar small,
.joms-popover__content small {
  display: block;
}

.joms-popover__content {
  padding-left: 14px;
  padding-right: 8.6524757823px;
  width: 100%;
}
.joms-popover__content h5 {
  margin-top: 0;
  margin-bottom: 5.3475240831px;
  font-weight: bold;
}
.joms-toolbar--desktop .joms-popover__content {
  padding-left: 14px;
  padding-right: 14px;
}
#joms-popover--friendrequest .joms-popover__content {
  width: 220px;
}

.joms-popover__actions {
  display: block;
  margin-top: 8.6524757823px;
}
@media only screen and (min-width: 481px) {
  .joms-popover__actions {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    padding-top: 5px;
  }
}

.joms-popover__avatar {
  width: 48px;
  padding-left: 0;
}

.joms-postbox {
  position: relative;
  margin-bottom: 14px;
  background: #141924;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.joms-postbox .joms-select {
  width: auto;
  max-width: 100%;
}

.joms-postbox-preview {
  border: 0;
  border-bottom: 1px solid #0d1017;
  padding: 8.6524757823px;
}

.joms-postbox--droparea {
  display: none;
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  text-align: center;
  font-weight: bold;
  opacity: 0.9;
  background: #fff;
  border: dashed 2px #45F882;
  z-index: 1000;
}

.inputbox {
  background: transparent;
  width: 100%;
  height: auto;
}
.inputbox .wrap {
  position: relative;
}
.inputbox .input {
  display: inline-block;
  max-width: 100%;
  min-height: 1em;
}
.inputbox .joms-textarea__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
}
.inputbox textarea.input {
  background: none;
  outline: none;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  resize: none;
  width: 100%;
  color: #fff;
}
.inputbox textarea.input::-webkit-input-placeholder {
  color: #fff;
}
.inputbox textarea.input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.inputbox textarea.input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.inputbox textarea.input:-ms-input-placeholder {
  color: #fff;
}
.inputbox > div > textarea.input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.inputbox .joms-textarea__beautifier {
  background: transparent;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  min-height: 0;
}
.inputbox .joms-textarea__tag-ct {
  left: -10px;
  right: -10px;
}
.inputbox span.input {
  color: rgba(0, 0, 0, 0);
}

.inputbox .input, .inputbox .attachment, .inputbox {
  border: 0 none;
  border-radius: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

.inputbox .attachment {
  color: #fff;
}

.joms-postbox-input {
  min-height: 56px;
  width: 100%;
  padding: 8.6524757823px;
  position: relative;
  word-wrap: break-word;
  cursor: text;
}
.joms-postbox-input textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  height: 14px;
  background: transparent;
}

.joms-postbox-input-text {
  outline: none;
  word-wrap: break-word;
}

.joms-postbox-charcount {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 9px;
  padding: 0px 4px;
  background: #141924;
  color: #fff;
  line-height: 16px;
}

.joms-postbox-tab {
  font-size: 12px;
  background: #141924;
}
.joms-postbox-tab .joms-icon {
  height: 14px;
  width: 14px;
}
.joms-postbox-tab [class^=joms-icon-]:before,
.joms-postbox-tab [class*=" joms-icon-"]:before {
  color: #fff;
}
.joms-postbox-tab li {
  padding: 0;
  cursor: pointer;
  display: inline-block !important;
}
.joms-postbox-tab li:hover {
  background: #0d1017;
}
.joms-postbox-tab li.hidden {
  display: none !important;
}
.joms-postbox-tab li.invisible {
  visibility: hidden;
}
.joms-postbox-tab li a {
  padding: 5.3475240831px 8.6524757823px;
  display: block;
}
.joms-postbox-tab li.active {
  background-color: rgba(0, 0, 0, 0.1);
}
.joms-postbox .joms-postbox-tab li {
  padding: 5.3475240831px 8.6524757823px;
}
.joms-postbox-tab > div {
  padding: 8.6524757823px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  position: relative;
  vertical-align: middle;
}
.joms-postbox-tab > div.active {
  font-weight: bold;
}
.joms-postbox-tab span {
  display: none;
  color: #fff;
}
@media only screen and (min-width: 481px) {
  .joms-postbox-tab span {
    display: inline-block;
  }
}
.joms-postbox-tab .joms-postbox-action {
  position: absolute;
  bottom: 2px;
  padding: 0;
  right: 3px;
}
.joms-postbox-tab .joms-postbox-action.event-action {
  right: 14px;
  bottom: 10px;
}
.joms-postbox-tab .joms-postbox-cancel {
  padding: 2.0425724157px 8.6524757823px;
}
@media only screen and (max-width: 480px) {
  .joms-postbox-tab .joms-postbox-cancel {
    margin-bottom: 0;
  }
}
.joms-postbox-tab .joms-postbox-save,
.joms-postbox-tab .joms-postbox-done {
  padding: 2.0425724157px 8.6524757823px;
}
@media only screen and (max-width: 480px) {
  .joms-postbox-tab .joms-postbox-save,
  .joms-postbox-tab .joms-postbox-done {
    margin-bottom: 0;
  }
}

.joms-postbox-content {
  background: #141924;
}

.joms-postbox-dropdown {
  width: 96%;
  position: absolute;
  top: 100%;
  left: 2%;
  padding: 8px;
  z-index: 10;
  color: #fff;
  background: #141924;
  border: 1px solid #1D2333;
  border-top: 0;
}
.joms-postbox-dropdown.mood-dropdown {
  max-height: 140px;
  overflow-y: scroll;
}
.joms-postbox-dropdown li {
  cursor: pointer;
  padding: 4px 8px;
  line-height: 18px;
}
.joms-postbox-dropdown li:hover {
  background: #0d1017;
}
.joms-postbox-dropdown p {
  font-size: 13px;
  font-weight: bold;
}
.joms-postbox-dropdown p i:before {
  font-size: 12px;
  margin: 0px;
  margin-right: 4px;
}
.joms-postbox-dropdown span {
  font-size: 12px;
}
.joms-postbox-dropdown .joms-postbox-keyword {
  width: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 6px 0px;
}
.joms-postbox-dropdown .event-time-column {
  width: 50%;
  float: left;
  padding: 6px;
}
.joms-postbox-dropdown .event-all-day {
  margin-left: 6px;
  cursor: pointer;
  position: relative;
}
.joms-postbox-dropdown .event-all-day i {
  font-size: 14px;
}
.joms-postbox-dropdown .event-all-day i:before {
  position: absolute;
  top: 0px;
}

.joms-activity-filter__options {
  position: absolute;
  top: 4px;
  right: 6px;
}

.joms-postbox-emoticon {
  display: block;
}
.joms-postbox-emoticon li {
  width: 100%;
  display: block;
  float: left;
  padding: 4px;
  cursor: pointer;
}
.joms-postbox-emoticon li div {
  padding: 2px 4px;
}
.joms-postbox-emoticon li span {
  margin-left: 4px;
}
@media only screen and (min-width: 481px) {
  .joms-postbox-emoticon li {
    width: 50%;
  }
}
.joms-postbox-emoticon .joms-remove-button {
  cursor: pointer;
  width: 100%;
  margin-top: 6px;
  text-align: center;
  border: 1px solid #dedede;
  background: #fafafa;
}
.joms-postbox-emoticon .joms-remove-button:hover {
  background: #fff;
}

.joms-postbox-locations {
  max-height: 140px;
  overflow-y: auto;
}

.joms-location-action {
  position: absolute;
  top: 16px;
  right: 16px;
}

.joms-postbox__preview {
  background: #141924;
  border: none;
  padding: 14px;
}

.joms-postbox-photo-preview .joms-postbox-photo-item {
  float: left;
  display: block;
  width: 33.3%;
  padding: 8px;
  position: relative;
}
.joms-postbox-photo-preview .joms-postbox-photo-item .img-wrapper {
  padding: 4px;
  display: block;
}
.joms-postbox-photo-preview .joms-postbox-photo-item .img-wrapper img {
  visibility: hidden;
  max-width: 100%;
}
@media only screen and (min-width: 481px) {
  .joms-postbox-photo-preview .joms-postbox-photo-item {
    width: 20%;
  }
}
.joms-postbox-photo-preview .joms-postbox-photo-action {
  text-align: center;
  background: #FFBE18;
  position: absolute;
  top: 13px;
  right: 11px;
  padding: 0 4px;
}
.joms-postbox-photo-preview .joms-postbox-photo-action span {
  color: #424242;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  line-height: 0;
}

.joms-postbox-gif-preview .joms-postbox-photo-item {
  width: 100%;
}
.joms-postbox-gif-preview .joms-postbox-photo-item .img-wrapper {
  text-align: center;
}
.joms-postbox-gif-preview .joms-postbox-photo-item .img-wrapper img {
  width: auto;
  max-width: 100%;
  max-height: 250px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 2px 1px rgb(255, 255, 255);
          box-shadow: 0 0 2px 1px rgb(255, 255, 255);
}

.joms-postbox-photo-progressbar {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  height: 6px;
}
.joms-postbox-photo-progressbar .joms-postbox-photo-progress {
  background: #45F882;
  height: 6px;
  width: 0px;
}

.joms-postbox-file-progressbar {
  position: absolute;
  bottom: 8px;
  left: 14px;
  right: 14px;
  height: 6px;
}
.joms-postbox-file-progressbar .joms-postbox-file-progress {
  background: #45F882;
  height: 6px;
  width: 0px;
}

.joms-postbox-select-album,
.joms-fetched-category {
  min-height: 28px;
  margin: 8px;
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0.05);
}
.joms-postbox-select-album span,
.joms-fetched-category span {
  width: 100%;
  min-height: 26px;
}
.joms-postbox-select-album svg,
.joms-fetched-category svg {
  top: 7px;
}

.joms-fetched-category {
  margin: 0;
}

.joms-postbox-inner-panel {
  background: #141924;
  padding: 8.6524757823px;
  border-bottom: 1px solid #0d1017;
  color: #fff;
}
.joms-postbox-inner-panel .default-text {
  color: #fff;
}

.joms-postbox-photo-upload {
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
.joms-postbox-photo-upload:hover {
  background: #0d1017;
}
@media only screen and (max-width: 480px) {
  .joms-postbox-photo-upload {
    line-height: 20px;
    white-space: normal;
  }
}

@media only screen and (max-width: 360px) {
  .joms-postbox-gif-upload {
    line-height: 20px;
    white-space: normal;
  }
}

.joms-postbox-file-upload {
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
.joms-postbox-file-upload:hover {
  background: #0d1017;
}
@media only screen and (max-width: 360px) {
  .joms-postbox-file-upload {
    line-height: 20px;
  }
}

.joms-postbox-double-panel li {
  width: 50%;
  float: left;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  line-height: 40px;
  height: 40px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.joms-postbox-double-panel li.joms-postbox-video-upload {
  line-height: 30px;
}
.joms-postbox-double-panel li.joms-postbox-video-upload span {
  font-size: 10px;
  font-weight: normal;
  line-height: 0px;
  display: block;
}
.joms-postbox-double-panel li:hover {
  background: #0d1017;
}
@media only screen and (max-width: 360px) {
  .joms-postbox-double-panel li:nth-child(1n+0) {
    width: 45%;
  }
  .joms-postbox-double-panel li:nth-child(odd) {
    width: 55%;
  }
}

.joms-postbox-video-state-upload input.input {
  outline: none;
  width: 100%;
}

.joms-postbox-event-title {
  padding-bottom: 8px;
}

.joms-postbox-event-description {
  padding-top: 8px;
}

.joms-input-field-name {
  font-weight: bold;
}

.joms-fetched-close {
  cursor: pointer;
  position: absolute;
  top: 12px;
  left: 0px;
  padding: 1px 4px;
  border: 1px solid #dadada;
  background: #fafafa;
  font-size: 11px;
}

.joms-fetched-wrapper {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #dadada;
  position: relative;
}

.joms-fetched-images {
  width: 100%;
  max-width: 100%;
  margin-bottom: 8.6524757823px;
}
@media only screen and (min-width: 481px) {
  .joms-fetched-images {
    float: left;
    max-width: 120px;
    margin-bottom: 0;
  }
}

.joms-fetched-field {
  margin-left: 0;
}
.joms-fetched-field input, .joms-fetched-field textarea {
  display: none;
  width: 100%;
  font-size: 95%;
}
.joms-fetched-field textarea {
  resize: none;
  min-height: 70px;
}
.joms-fetched-field.joms-fetched-description {
  height: 70px;
  overflow: hidden;
}
@media only screen and (min-width: 481px) {
  .joms-fetched-field {
    margin-left: 130px;
  }
}

.joms-postbox-custom textarea {
  width: 100%;
  resize: none;
}

.joms-postbox-loading {
  position: absolute !important;
  background: #141924;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  display: block;
  height: 32px;
}

.joms-postbox-file .joms-postbox-photo-item {
  word-break: break-all;
}
.joms-postbox-file .joms-postbox-photo-item .img-wrapper {
  padding-right: 20px;
}

.joms-postbox-poll-options .joms-postbox-poll-add--option {
  margin-bottom: 10px;
  display: block;
}

.joms-postbox-poll-settings .settings-item {
  margin-bottom: 10px;
  display: block;
}

.joms-postbox--poll-option {
  margin-bottom: 10px;
}
.joms-postbox--poll-option .input-option, .joms-postbox--poll-option .joms-postbox-poll-remove--option {
  display: inline-block;
}
.joms-postbox--poll-option .joms-postbox-poll-remove--option {
  font-weight: bold;
  color: inherit;
  font-size: 18px;
}
.joms-postbox--poll-option .joms-postbox-poll-add--option {
  color: inherit;
}

.colorful-status__container .joms-icon.joms-icon--emoticon {
  fill: #fff;
  top: 16px !important;
  right: 0px !important;
  line-height: 18px;
  height: 25px;
  width: 23px;
}
.colorful-status__container .joms-postbox-charcount {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.joms-postbox-content .joms-icon.joms-icon--emoticon {
  cursor: pointer;
}

.joms-tab__bar {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #141924;
}
.joms-tab__bar > a {
  display: table-cell;
  text-align: center;
  text-decoration: none;
  padding: 8.6524757823px;
  font-size: 12px;
  color: #fff;
  position: relative;
}
.joms-tab__bar > a.active {
  font-weight: bold;
  background: #141924;
  color: #fff;
}
.joms-tab__bar > a.active:hover {
  color: #fff;
}
.joms-tab__bar > a:focus, .joms-tab__bar > a:hover {
  color: white;
  text-decoration: none;
}
.joms-tab__bar > a.no-padding {
  padding: 0;
}
.joms-module__wrapper--main .joms-tab__bar {
  margin-bottom: 14px;
}
.joms-module__wrapper--main .joms-tab__bar > a.active:before, .joms-module__wrapper--main .joms-tab__bar > a.active:after {
  bottom: 0;
}
.joms-module__wrapper--main .joms-tab__bar > a.active:after {
  border-bottom-color: #1D2333;
  border-width: 8px;
  margin-left: -8px;
}
.joms-module__wrapper--main .joms-tab__bar > a.active:before {
  border-bottom-color: transparent;
}
.joms-page > .joms-tab__bar {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.joms-tab__bar .joms-tab__bar--button {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.joms-tab__bar .joms-tab__bar--button span {
  display: table-cell;
  padding: 5.3475240831px;
}
.joms-tab__bar .joms-tab__bar--button span.add {
  width: 26px;
  background: #0d1017;
}
.joms-tab__bar .joms-tab__bar--button span.add:hover {
  background: #141924;
}

.joms-tab__content {
  padding: 14px;
}
.joms-module__wrapper--main .joms-tab__content, .joms-middlezone .joms-tab__content {
  padding: 0;
  background: transparent;
}
.joms-middlezone .joms-tab__content {
  margin-bottom: 14px;
}
.joms-module__wrapper .joms-tab__content, .joms-module__wrapper--stacked .joms-tab__content {
  background: #141924;
}
.joms-page > .joms-tab__content {
  padding: 14px 0;
}
.joms-tab__content .joms-list__row li ol {
  list-style-position: inside;
  list-style-type: decimal;
  margin-left: 25px;
  padding: 5px 0;
}
.joms-tab__content .joms-list__row li ul {
  list-style-position: inside;
  list-style-type: disc;
  margin-left: 25px;
  padding: 5px 0;
}

.joms-tab__app {
  padding: 14px;
  background: #141924;
}
.joms-sidebar .joms-tab__app {
  padding: 0;
  background: transparent;
}

.joms-sidebar .joms-tab__content .joms-comment__header {
  padding-left: 0;
  padding-right: 0;
}
.joms-sidebar .joms-tab__content .joms-stream__header {
  padding: 5.3475240831px 0;
}
.joms-sidebar .joms-tab__content .joms-comment {
  background-color: transparent;
}
.joms-sidebar .joms-tab__content .joms-comment__item:first-child {
  border-top: none;
}

.joms-app__item {
  display: table;
  margin-bottom: 4%;
  padding-bottom: 2%;
}
.joms-app__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.joms-app__item span {
  display: table-cell;
  width: 10%;
  text-align: right;
  vertical-align: middle;
}

.joms-app__desc {
  display: table-cell;
  width: 80%;
  padding-left: 14px;
  vertical-align: middle;
}
.joms-app__desc h4 {
  margin-top: 0;
}

.joms-app__icon {
  display: table-cell;
  vertical-align: middle;
}

.joms-app__block {
  position: relative;
  padding: 8.6524757823px;
  background: #141924;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 14px;
}
.joms-app__block.core {
  background: #090b10;
  border: 0;
}

.joms-app--wrapper {
  background: #141924;
  padding: 14px;
  position: relative;
}
#joms-app--feeds-special .joms-app--wrapper, #joms-app--aboutme-special .joms-app--wrapper {
  background: transparent;
  padding: 0;
}

.joms-app--myarticle {
  padding: 14px;
  background: #141924;
}
.joms-tab__content .joms-app--myarticle {
  padding: 0;
  background: transparent;
}
.joms-app--myarticle > p {
  margin-bottom: 0;
}

.joms-alert--success, .joms-alert--info, .joms-alert--danger, .joms-alert--warning {
  display: inline-block;
  width: 100%;
  padding: 8.6524757823px 14px;
  vertical-align: middle;
  font-size: 12px;
  margin-bottom: 14px;
}

.joms-alert__head {
  margin-top: 5.3475240831px;
}

.joms-alert__body {
  display: block;
}
@media only screen and (min-width: 481px) {
  .joms-alert__body {
    display: table;
    width: 100%;
  }
}

.joms-alert__content,
.joms-alert__actions {
  display: block;
  vertical-align: middle;
}
@media only screen and (min-width: 481px) {
  .joms-alert__content,
  .joms-alert__actions {
    display: table-cell;
  }
}

.joms-alert__content {
  padding: 0;
}
.joms-alert__content > span {
  display: block;
  font-size: 12px;
}
@media only screen and (min-width: 481px) {
  .joms-alert__content {
    padding-right: 10px;
  }
}

.joms-alert__actions {
  margin-top: 14px;
  white-space: nowrap;
  text-align: right;
}
@media only screen and (min-width: 481px) {
  .joms-alert__actions {
    margin-top: 0;
  }
}

.joms-alert--warning {
  color: #f39c12;
  background: #fdf7e2;
}

.joms-alert--danger {
  color: #cd4a48;
  background: #f2dede;
}

.joms-alert--info {
  color: #3a9ad1;
  background: #c4e2f1;
}

.joms-alert--success {
  color: #468847;
  background: #dff0d8;
}

.joms-notice {
  text-align: center;
}

.joms-reaction--on .joms-stream__actions {
  text-align: left;
}
.joms-reaction--on .joms-list__options > a {
  width: unset;
}

.joms-reactions {
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  display: none;
  opacity: 0;
  padding: 5px;
  position: absolute;
  -webkit-transition: opacity 100ms, top 100ms;
  transition: opacity 100ms, top 100ms;
  z-index: 2000;
}
.joms-reactions__list {
  margin: 0;
  padding: 0;
}
.joms-reactions__list li {
  position: relative;
  list-style: none;
  float: left;
  margin-right: 8px;
}
.joms-reactions__list li:last-child {
  margin-right: 0;
}
.joms-reactions__item {
  background-image: url(../../../../assets/reactions/reactions.png);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.joms-reactions__text {
  background-color: #7f8c8d;
  border-radius: 13px;
  color: #fff;
  display: none;
  font-size: 8px;
  font-weight: 700;
  line-height: 15px;
  padding: 0 6px;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.joms-reactions__inner {
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.joms-reactions__inner:hover {
  -webkit-transform: scale(1.5) translateZ(0);
          transform: scale(1.5) translateZ(0);
}
.joms-reactions__inner:hover .joms-reactions__text {
  display: block;
}

.reaction-like {
  background-position: 0px 0px;
}

.reaction-love {
  background-position: 0px -30px;
}

.reaction-haha {
  background-position: 0px -60px;
}

.reaction-wow {
  background-position: 0px -90px;
}

.reaction-sad {
  background-position: 0px -120px;
}

.reaction-angry {
  background-position: 0px -150px;
}

.joms-stream__reactions .joms-reactions__list li {
  margin-right: 0;
}
.joms-stream__reactions .joms-reactions__item {
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.joms-stream__reactions .reaction-like {
  background-position: 0px 0px;
}
.joms-stream__reactions .reaction-love {
  background-position: 0px -15px;
}
.joms-stream__reactions .reaction-haha {
  background-position: 0px -30px;
}
.joms-stream__reactions .reaction-wow {
  background-position: 0px -45px;
}
.joms-stream__reactions .reaction-sad {
  background-position: 0px -60px;
}
.joms-stream__reactions .reaction-angry {
  background-position: 0px -75px;
}
.joms-stream__reactions a.joms-stream__reactions-text {
  line-height: 15px;
  margin-left: 3px;
}
.joms-stream__reactions a.joms-stream__reactions-text:hover {
  text-decoration: underline;
}
.joms-stream__reactions.read-only .joms-reactions__item {
  display: inline-block;
  cursor: inherit;
}

.reaction-btn--like, .reaction-btn--like:hover, .reaction-btn--like:focus,
a.reaction-btn--like,
a.reaction-btn--like:hover,
a.reaction-btn--like:focus {
  font-weight: 700;
  color: #4080fe;
}
.reaction-btn--love, .reaction-btn--love:hover, .reaction-btn--love:focus,
a.reaction-btn--love,
a.reaction-btn--love:hover,
a.reaction-btn--love:focus {
  font-weight: 700;
  color: #f54273;
}
.reaction-btn--haha, .reaction-btn--haha:hover, .reaction-btn--haha:focus, .reaction-btn--wow, .reaction-btn--wow:hover, .reaction-btn--wow:focus, .reaction-btn--sad, .reaction-btn--sad:hover, .reaction-btn--sad:focus,
a.reaction-btn--haha,
a.reaction-btn--haha:hover,
a.reaction-btn--haha:focus,
a.reaction-btn--wow,
a.reaction-btn--wow:hover,
a.reaction-btn--wow:focus,
a.reaction-btn--sad,
a.reaction-btn--sad:hover,
a.reaction-btn--sad:focus {
  font-weight: 700;
  color: #fecc4d;
}
.reaction-btn--angry, .reaction-btn--angry:hover, .reaction-btn--angry:focus,
a.reaction-btn--angry,
a.reaction-btn--angry:hover,
a.reaction-btn--angry:focus {
  font-weight: 700;
  color: #ff7214;
}
.reaction-btn--animate,
a.reaction-btn--animate {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.joms-button--reaction {
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
  -webkit-transform-origin: 0 30px;
          transform-origin: 0 30px;
}
.joms-button--reaction a {
  display: inline-block;
  -webkit-touch-callout: none !important;
}
.joms-comment__actions .joms-button--reaction {
  float: left;
  margin-right: 10px;
}

.joms-popup__reacted .joms-popup__content {
  height: 335px;
  padding: 15px;
}

.joms-reacted__list ul {
  border-bottom: solid 1px #ddd;
  margin-left: 10px;
  margin-right: 10px;
}
.joms-reacted__list .joms-reacted__item {
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 -1px;
  padding: 0 8.6524757823px 8.6524757823px;
  text-align: center;
}
.joms-reacted__list .joms-reacted__item > div {
  display: inline-block;
  vertical-align: middle;
}
.joms-reacted__list .joms-reacted__item > div:last-child {
  padding-left: 3px;
  opacity: 0.8;
}
.joms-reacted__list .joms-reacted__item:hover > div:last-child, .joms-reacted__list .joms-reacted__item.active > div:last-child {
  opacity: 1;
}
.joms-reacted__list .joms-reacted__item.item-all > div:first-child {
  font-weight: bold;
  color: #45F882;
}
.joms-reacted__list .joms-reacted__item.active {
  border-bottom-color: #45F882;
}
.joms-reacted__list .joms-reacted__item.active.item-all {
  color: #45F882;
}
.joms-reacted__list .joms-reacted__item.active.item-like {
  border-bottom-color: #4080fe;
  color: #4080fe;
}
.joms-reacted__list .joms-reacted__item.active.item-angry {
  border-bottom-color: #ff7214;
  color: #ff7214;
}
.joms-reacted__list .joms-reacted__item.active.item-love {
  border-bottom-color: #f54273;
  color: #f54273;
}
.joms-reacted__list .joms-reacted__item.active.item-haha, .joms-reacted__list .joms-reacted__item.active.item-wow, .joms-reacted__list .joms-reacted__item.active.item-sad {
  border-bottom-color: #fecc4d;
  color: #fecc4d;
}

.joms-reacted__content .joms-stream__header {
  margin-bottom: 20px;
  position: relative;
}
.joms-reacted__content .joms-stream__header:before {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  display: block;
  position: absolute;
  bottom: -10px;
  left: 60px;
  height: 1px;
  width: calc(100% - 60px);
}
.joms-reacted__content .joms-stream__meta {
  padding-right: 0;
}
.joms-reacted__content .joms-stream__meta .joms-button--small {
  font-size: 11px;
  line-height: 1;
  float: right;
}

@media only screen and (min-width: 481px) {
  .joms-ribbon__wrapper {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  .joms-gallery__thumbnail .joms-ribbon__wrapper {
    top: auto;
    left: auto;
  }
}

.joms-ribbon {
  background: #E74C3C;
  width: 100%;
  position: absolute;
  text-align: center;
  color: white;
  font-size: 10px;
  opacity: 0.9;
  z-index: 11;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 481px) {
  .joms-ribbon {
    width: 100px;
    opacity: 1;
    top: 16px;
    bottom: auto;
    left: -22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-size: 12px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 481px) {
  .joms-ribbon--full {
    font-size: 16px;
    width: 110px;
    left: -24px;
    top: 18px;
    line-height: 24px;
  }
}

.joms-hcard {
  background: #141924;
  max-width: 360px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.joms-hcard.flat {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.joms-hcard .joms-avatar {
  display: table-cell;
  width: 64px;
  vertical-align: middle;
}
@media only screen and (min-width: 481px) {
  .joms-hcard .joms-date {
    display: table-cell;
  }
}
.joms-module--hellome .joms-hcard .joms-avatar {
  width: 42px;
}
.joms-module--hellome .joms-hcard .joms-avatar a {
  margin: 0;
  padding: 0;
}
.joms-module--hellome .joms-hcard .joms-avatar img {
  margin: 0;
  padding: 1px;
}
.joms-hcard .joms-date {
  color: white;
  border-right: 1px solid white;
}
@media only screen and (min-width: 481px) {
  .joms-hcard .joms-date {
    width: 48px;
  }
}
.joms-hcard .joms-date span {
  display: block;
  font-weight: bold;
}
.joms-hcard *, .joms-hcard *:before, .joms-hcard *:after {
  /* apply a natural box layout model to all elements */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.joms-hcard .joms-focus__link li {
  padding: 5.3475240831px 8.6524757823px;
}
.joms-hcard .joms-focus__link a {
  font-size: 10px;
  font-weight: normal;
}

.joms-hcard__cover {
  margin-bottom: 0;
}
.joms-module--hellome .joms-hcard__cover:before {
  padding-top: 39%;
}

@media only screen and (max-width: 480px) {
  .joms-hcard__cover:before {
    padding-top: 18% !important;
  }
}
.joms-hcard__info {
  display: table;
  width: 100%;
  padding: 14px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  position: relative;
}
@media only screen and (min-width: 481px) {
  .joms-hcard__info {
    position: absolute;
    bottom: 0;
  }
}
.joms-hcard__info.darken {
  background: rgba(0, 0, 0, 0.6);
}

.joms-hcard__body {
  padding: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.joms-hcard__info-content {
  display: table-cell;
  padding-left: 14px;
  color: white;
  vertical-align: middle;
}
.joms-hcard__info-content h3 {
  font-size: 16px;
  font-weight: normal;
}

.joms-hcard__actions {
  padding: 8.6524757823px 14px;
  background: rgba(0, 0, 0, 0.03);
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.joms-hcard__badges {
  padding: 4px 2px;
  background-color: rgba(0, 0, 0, 0.04);
  text-align: center;
}

.joms-hcard__title {
  padding: 8.6524757823px 14px;
}

.joms-popup {
  background: #000;
  max-width: 500px;
  margin: auto;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.joms-popup *, .joms-popup *:before, .joms-popup *:after {
  /* apply a natural box layout model to all elements */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.joms-popup__wrapper {
  display: block;
  margin: 0;
  padding: 45px;
  position: relative;
}
.joms-popup__wrapper:before {
  display: none !important;
}
.joms-popup__wrapper figure {
  display: block;
}
.joms-popup__wrapper .mfp-content {
  display: block;
  height: 100%;
}
.joms-popup__wrapper .mfp-preloader {
  color: #FFF;
}

.mfp-bg {
  z-index: 1055;
}

.mfp-wrap {
  z-index: 1060;
}

.joms-popup .mfp-close {
  color: #fff;
  text-shadow: 1px 1px 2px rgb(150, 150, 150);
}

.joms-popup__x {
  font-size: 20px;
  height: 26px;
  line-height: 26px;
  width: 26px;
}

.joms-popup__x--small {
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  width: 24px;
}

.joms-popup .mfp-arrow {
  margin-top: 0;
  display: none;
}

.joms-popup:hover .mfp-arrow {
  display: block;
}

.joms-popup .mfp-arrow:before,
.joms-popup .mfp-arrow:after {
  margin-top: 0;
}

.joms-popup--500 {
  max-width: 500px;
}

.joms-popup--600 {
  max-width: 600px;
}

.joms-popup--700 {
  max-width: 700px;
}

.joms-popup--800 {
  max-width: 800px;
}

.joms-popup--80pc {
  max-height: 80%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 480px) {
  .joms-popup--80pc {
    overflow: inherit !important;
  }
}

.joms-popup--100pc {
  max-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.joms-popup--fluid {
  max-width: 100%;
}

.joms-popup--whiteblock {
  background: #FFF;
  max-height: 100%;
}

.joms-popup--rounded {
  border-radius: 3px;
}

.joms-popup__title {
  background-color: #000;
  color: #FFF;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
}

.joms-popup__title .mfp-close {
  color: #FFF;
  height: 44px;
  line-height: 44px;
  width: 44px;
}

.joms-popup__title .mfp-close.joms-popup__x {
  color: #FFF;
  height: 44px;
  line-height: 44px;
  width: 44px;
}

.joms-popup__content {
  padding: 10px 15px 0;
  position: relative;
  background-color: #1D2333;
}
.joms-popup__content ul {
  padding-left: 0;
  padding-right: 0;
}
.joms-popup__content li {
  margin-bottom: 14px;
  font-size: 12px;
}

.joms-popup__content--single {
  padding-bottom: 10px;
}

.joms-popup__commentwrapper {
  height: 100%;
  padding-right: 330px;
  position: relative;
}

/* Popup comment block */
.joms-popup__comment {
  background-color: #141924;
  padding: 10px;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 330px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media all and (max-width: 640px) {
  .joms-popup__commentwrapper {
    padding-right: 0;
    position: relative;
  }
  .joms-popup__comment {
    display: none;
  }
  .joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__content {
    display: none;
  }
  .joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__comment {
    display: block;
    position: relative;
    width: auto;
  }
  .joms-popup--togglecomment .joms-popup__commentwrapper .mfp-close {
    color: #000;
  }
}
.joms-popup__comment .joms-stream__header,
.joms-popup__comment .joms-comment__header,
.joms-popup__comment .joms-comment__actions,
.joms-popup__comment .joms-textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.joms-popup__comment .joms-comment__meta {
  padding-left: 0;
}
.joms-popup__comment .joms-comment__meta a {
  padding-right: 8px;
}
.joms-popup__comment .joms-comment__meta .joms-comment__time {
  display: inline-block;
}
.joms-popup__comment .joms-comment__item .joms-comment__reply {
  border-top: 0 none;
}

.joms-popup__action {
  padding: 10px 15px;
  text-align: right;
  background-color: #141924;
}

/* Popup option. */
.joms-popup__option {
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
  display: block;
  padding: 6px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 1200px) {
  .joms-popup__option {
    display: none;
  }
}

.joms-popup:hover .joms-popup__option,
.joms-popup__mobile .joms-popup__option {
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
}

.joms-popup__optcaption {
  float: left;
  padding: 7px 0;
}
@media only screen and (min-width: 481px) {
  .joms-popup__optcaption {
    padding: 2px 0;
  }
}

.joms-popup__optcaption a,
.joms-popup__optcaption a:hover {
  color: inherit;
  text-decoration: none;
}

.joms-popup__optcapindex {
  color: rgba(255, 255, 255, 0.5);
  padding-left: 10px;
}

.joms-popup__optoption {
  float: right;
}

.joms-popup__optoption button {
  background: none;
  border: 0 none;
  border-radius: 2px;
  color: #FFF;
  margin: 0 0 0 8px;
  padding: 5px 7px;
}
.joms-popup__optoption button span {
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-popup__optoption button span {
    display: inline;
  }
}
.joms-popup__optoption button .joms-icon {
  width: 18px;
  height: 18px;
}
@media only screen and (min-width: 481px) {
  .joms-popup__optoption button .joms-icon {
    display: none;
  }
}
.joms-popup__optoption button.liked span {
  display: inline;
}

.joms-popup__optoption button.liked,
.joms-popup__optoption button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Dropdown. */
.joms-popup__dropdown--wrapper {
  display: inline-block;
  position: relative;
}

.joms-popup__dropdown {
  position: relative;
  z-index: 10000;
}

.joms-popup__ddcontent {
  background-color: #FFF;
  color: #000;
  display: none;
  padding: 5px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.joms-popup__dropdown--open .joms-popup__ddcontent {
  display: block;
}

.joms-popup__ddcontent a {
  color: inherit;
  display: block;
  font-size: 12px;
  padding: 4px 12px;
  white-space: nowrap;
}
.joms-popup__ddcontent a:hover, .joms-popup__ddcontent a:focus {
  color: inherit;
  text-decoration: none;
}
.joms-popup__ddcontent a:hover {
  background-color: #0081c2;
  color: #FFF;
}
.joms-popup__ddcontent .sep {
  background-color: #e5e5e5;
  display: block;
  height: 1px;
  margin: 4px 2px;
}

/**
 * Forms.
 */
.joms-popup__errormsg {
  border: 1px solid red;
  background-color: rgba(255, 0, 0, 0.2);
  color: red;
  display: none;
  padding: 4px 10px;
}

.joms-popup__warningmsg {
  border: 1px solid #DDC8A5;
  background-color: #FCF8E3;
  color: #C09853;
  display: none;
  padding: 4px 10px;
}

.joms-popup__input--block {
  width: 100%;
}

/**
 * Contents.
 */
.joms-popup__avatar {
  border: 1px solid #DDD;
  float: left;
  margin-right: 10px;
  padding: 4px;
}

.joms-popup__avatar--medium {
  padding: 2px;
  width: 48px;
}

.joms-popup__avatar--small {
  padding: 2px;
  width: 32px;
}

.joms-popup__listitem {
  margin-bottom: 8px;
}

/* Location popup. */
.joms-popup--location-view {
  max-width: 600px;
}

.joms-popup__editlocation {
  background: #FFF;
  margin: 20px auto;
  max-width: 800px;
  position: relative;
  text-align: left;
}

.joms-popup__editlocation--map,
.joms-popup__editlocation--selector {
  height: 350px;
}

.joms-popup__editlocation--map {
  float: left;
  width: 50%;
}

.joms-popup__editlocation--selector {
  float: left;
  padding: 20px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.joms-popup__editlocation--selector h3 {
  margin-top: 0;
}

.joms-popup__editlocation--input {
  height: auto !important;
  line-height: auto !important;
  padding: 6px !important;
  width: 100%;
}

.joms-popup__editlocation--input,
.joms-popup__editlocation--input:focus {
  border: 1px solid #CCC !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Photo and video popup. */
.joms-popup--photo,
.joms-popup--video {
  height: 100%;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  -webkit-transform: none;
  transform: none;
}

.joms-popup--photo .mfp-close,
.joms-popup--video .mfp-close {
  color: white;
  height: 50px;
  line-height: 50px;
  width: 50px;
  font-size: 30px;
}

@media all and (min-width: 641px) {
  .joms-popup--photo .mfp-close,
  .joms-popup--video .mfp-close {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    width: 24px;
    color: #333;
  }
}
.joms-popup--photo .joms-popup__content,
.joms-popup--video .joms-popup__content {
  height: 100%;
  max-width: 100%;
  padding: 0;
  background-color: #000;
}

.joms-popup--photo .joms-popup__content img,
.joms-popup--video .joms-popup__content iframe,
.joms-popup--video .joms-popup__content video,
.joms-popup--video .joms-popup__content .joms-popup__video {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.joms-popup--video .joms-popup__content iframe,
.joms-popup--video .joms-popup__content video,
.joms-popup--video .joms-popup__content .joms-popup__video {
  width: 90% !important;
  height: 85% !important;
}

.joms-popup--video .joms-popup__content .joms-popup__video .joms-media--video {
  max-width: none;
  width: 100%;
  height: 100%;
}

.joms-popup--video .joms-popup__content .joms-popup__video img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.joms-popup--video .joms-popup__content .joms-popup__video .mejs-video {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.joms-popup--video .mejs-overlay-play {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  outline: none;
}

.joms-popup--photo.joms-popup--phototag .joms-popup__content img {
  cursor: crosshair;
}

.joms-popup--photo .joms-popup__btn-comments,
.joms-popup--video .joms-popup__btn-comments {
  display: none;
}

@media all and (max-width: 640px) {
  .joms-popup--photo .joms-popup__btn-comments,
  .joms-popup--video .joms-popup__btn-comments {
    display: inline;
  }
}
/* Photo and video upload popup. */
.joms-popup--photoupload,
.joms-popup--videoupload {
  max-width: 600px;
  height: 100%;
}

.joms-popup--photoupload .joms-gallery__thumbnail:after {
  display: none;
}

.joms-popup--photoupload .joms-gallery__title {
  color: inherit;
  font-weight: bold;
}

.joms-popup--photoupload .joms-gallery__title:hover {
  color: inherit;
  text-decoration: none;
}

.joms-popup--photoupload .joms-progressbar {
  margin-top: 5px;
}

/* Privacy popup. */
.joms-popup--privacy {
  background-color: #FFF;
  border-radius: 3px;
  padding: 5px 0;
}
.joms-popup--privacy .mfp-close {
  display: none;
}
.joms-popup--privacy .joms-popup__content {
  padding: 10px;
}
.joms-popup--privacy a {
  color: inherit;
  display: block;
  padding: 5px;
  text-decoration: none;
}
.joms-popup--privacy a:hover {
  background-color: #0081c2;
  color: #FFF;
  text-decoration: none;
}
.joms-popup--privacy a span {
  padding-left: 5px;
}

.members-list-popup .joms-button--neutral {
  float: right;
}

/**
 * Dropdown popup override.
 */
.joms-popup--dropdown {
  background-color: #FFF;
  border-radius: 3px;
  padding: 10px;
}

.joms-popup--dropdown .mfp-close {
  display: none;
}

.joms-popup--dropdown > ul {
  border: 0;
  display: block !important;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.joms-popup--dropdown > ul:before,
.joms-popup--dropdown > ul:after {
  display: none;
}

.joms-popup--dropdown > ul > li {
  display: block;
  margin: 0 2px;
  padding: 10px;
}

/** Invitation popup. */
.joms-popup .joms-gallery--invitation li {
  cursor: pointer;
}

/**
 * Content.
 */
.joms-popup .joms-tab__bar {
  border: 1px solid #e3e5e7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.joms-popup .joms-tab__content {
  padding-left: 0;
  padding-right: 0;
}

.joms-popup .joms-button--privacy,
.joms-popup .joms-form__group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media all and (max-width: 640px) {
  .joms-popup__wrapper {
    padding: 6px;
  }
}
/* Hide popup. */
.joms-popup__hide {
  display: none;
}

.joms-js--fbc-tnc-desc ul, .joms-js--fbc-tnc-desc ol, span.tnc ul, span.tnc ol {
  padding-left: 30px;
}

.joms-pagination {
  margin-top: 36.6524763522px;
  margin-bottom: 14px;
}
.joms-pagination ul {
  text-align: center;
}
.joms-pagination ul li {
  display: inline;
}
.joms-pagination li:first-child a,
.joms-pagination li:first-child span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.joms-pagination li:last-child a,
.joms-pagination li:last-child span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.joms-pagination li > a,
.joms-pagination li > span {
  display: inline !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: #fff;
  padding: 8.6524757823px 14px !important;
  margin-left: -1px;
  position: relative;
  color: #333333;
}
.joms-pagination li > a:hover, .joms-pagination li > a:focus,
.joms-pagination li > span:hover,
.joms-pagination li > span:focus {
  background: #eeeeee;
  text-decoration: none;
  color: #FFBE18;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.joms-pagination .active a,
.joms-pagination .active > span {
  background: #5677fc;
  border-color: #5677fc;
  color: #45F882;
  z-index: 2;
}
.joms-pagination .active a:hover, .joms-pagination .active a:focus,
.joms-pagination .active > span:hover,
.joms-pagination .active > span:focus {
  background: #5677fc;
  border-color: #5677fc;
  color: #45F882;
}
.joms-pagination .disabled a,
.joms-pagination .disabled > span {
  color: #dddddd;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.joms-pagination .disabled a:hover, .joms-pagination .disabled a:focus,
.joms-pagination .disabled > span:hover,
.joms-pagination .disabled > span:focus {
  color: #dddddd;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.joms-pagination i {
  line-height: 16px;
}

.joms-video__duration {
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  padding: 2px;
  top: 0;
  right: 0;
  background: black;
  color: white;
}
.joms-module .joms-video__duration, .joms-plugin__body .joms-video__duration {
  bottom: 2px;
  right: 2px;
  top: auto;
}
.app-widget-content .joms-video__duration {
  bottom: 1px;
  right: 2px;
  top: auto;
}
@media only screen and (min-width: 481px) {
  .joms-video__duration {
    top: auto;
    bottom: 0;
    font-size: 10px;
  }
}

.joms-activity-filter {
  margin: 0px;
  margin-bottom: 14px;
  display: block;
  width: 100%;
  position: relative;
  padding: 5.3475240831px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #141924;
}
.joms-activity-filter .joms-activity-filter-status {
  color: #fff;
  font-weight: bold;
  text-transform: lowercase;
}
.joms-activity-filter .joms-activity-filter-action {
  font-size: 12px;
}
.joms-activity-filter .joms-activity-filter-action a {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.joms-activity-filter .joms-activity-filter-action a:hover, .joms-activity-filter .joms-activity-filter-action a.filtered {
  color: #fff;
}
.joms-activity-filter .joms-activity-filter-dropdown {
  text-align: left;
  border-color: #141924;
}
.joms-activity-filter .joms-activity-filter-dropdown li {
  width: 50%;
  float: left;
}
.joms-activity-filter .joms-activity-filter-dropdown li:last-child {
  width: 100%;
  margin-top: 8.6524757823px;
  padding-top: 8.6524757823px;
}
.joms-activity-filter .joms-activity-filter-dropdown li.active {
  background: #0d1017;
}

#fb-root {
  margin-top: 8.6524757823px;
}

.joms-quote {
  padding: 14px;
  border-left: 3px solid rgba(255, 255, 255, 0.1);
}

.active-state {
  color: black;
}
.active-state:hover, .active-state:focus {
  color: black;
  text-decoration: none;
}

.joms-bookmarks li {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
@media only screen and (min-width: 481px) {
  .joms-bookmarks li {
    width: 33%;
  }
}

.joms-fetched-images img {
  width: 100%;
}

.outerpgbar, .innerpgbar {
  background: #141924;
  height: 14px;
  width: 100%;
  margin-bottom: 14px;
}

.innerpgbar {
  background: #45F882;
}

.joms-calendar--day,
.joms-event__body {
  background: rgba(0, 0, 0, 0.04);
  color: #fff;
}

.joms-calendar--today {
  background: rgba(0, 0, 0, 0.1);
}

.joms-calendar__grid-title,
.joms-calendar--week-day,
.joms-calendar__event {
  background: #45F882;
  color: #424242;
}

.joms-calendar__event:hover,
.joms-calendar__event-over {
  background: #59f98f;
  color: #424242;
}

svg stop.cl1 {
  stop-color: #45F882;
}

svg stop.cl2 {
  stop-color: #5ef993;
}

svg stop.cl3 {
  stop-color: #5ef993;
}

svg stop.cl4 {
  stop-color: #76faa3;
}

svg stop.cl5 {
  stop-color: #76faa3;
}

svg stop.cl6 {
  stop-color: #8ffbb4;
}

svg stop.cl7 {
  stop-color: #8ffbb4;
}

svg stop.cl8 {
  stop-color: #76faa3;
}

svg stop.cl9 {
  stop-color: #76faa3;
}

svg stop.cl10 {
  stop-color: #5ef993;
}

svg stop.cl11 {
  stop-color: #5ef993;
}

svg stop.cl12 {
  stop-color: #45F882;
}

.joms-blankslate {
  padding: 14px;
  background: #FFBE18;
  color: #2c3e50;
  display: block;
  text-align: center;
}

.joms-titlebar {
  background: #FFBE18;
  color: #2c3e50;
  display: block;
  padding: 5.3475240831px 8.6524757823px;
  margin-top: 22.652476px;
  font-size: 12px;
}
.joms-titlebar:first-child {
  margin-top: 0;
}

.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 18px;
  height: 25px;
  width: auto;
  margin: 0 auto;
  position: relative;
  text-shadow: 0 1px 0 #a2a2a2;
}

.star-ratings-css::before {
  content: "★";
}

.star-ratings-css.active {
  color: gold;
}

.rate {
  float: left;
  height: 25px;
  padding: 0;
}

.rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}

.rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 25px;
  color: #ccc;
}

.rate:not(:checked) > label:before {
  content: "★ ";
}

.rate > input:checked ~ label {
  color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}

.joms-label {
  font-size: 10px;
  padding: 2.0425724157px 5.3475240831px;
  display: inline-block;
}
.joms-label.is-owner {
  background-color: #45F882;
  color: #424242;
}
.joms-label.is-admin {
  background-color: #0F1C23;
  color: #fff;
}

.joms-landing {
  width: 100%;
  max-width: 100%;
  margin-bottom: 14px;
}

.joms-landing__cover {
  overflow: hidden;
  position: relative;
}
.joms-landing__cover:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 66.6666666667%;
}
.joms-landing__cover > img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .joms-landing__cover {
    overflow: hidden;
    position: relative;
  }
  .joms-landing__cover:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 37.4999999953%;
  }
  .joms-landing__cover > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.joms-landing.no-image .joms-landing__cover:before {
  padding-top: 0;
}

.joms-landing__image {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background-size: cover !important;
}

.joms-landing__content {
  background: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.joms-landing.no-image .joms-landing__content {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .joms-landing__content {
    display: table;
    font-size: 100%;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .joms-landing__text,
  .joms-landing__signup {
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 992px) {
  .joms-landing__invite {
    display: table-cell;
    vertical-align: middle;
  }
}

.joms-landing__text h2 {
  font-size: 22.652476px;
  margin-bottom: 8.6524757823px;
  color: white;
}
.joms-landing__text p {
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .joms-landing__text {
    width: 61.8033984453%;
  }
}

@media only screen and (min-width: 992px) {
  .joms-landing__signup {
    text-align: right;
  }
}

@media only screen and (min-width: 992px) {
  .joms-landing__invite {
    text-align: right;
  }
}

.joms-landing__action {
  padding: 14px;
  background: #1D2333;
}
.joms-landing__action a {
  display: block;
  font-size: 12px;
}
.joms-landing__action .joms-checkbox, .joms-landing__action a {
  margin-top: 5.3475240831px;
}
.joms-landing__action .joms-checkbox span, .joms-landing__action a {
  color: #fff;
}
.joms-landing__action .joms-checkbox span:hover, .joms-landing__action a:hover {
  color: #fff;
}
.joms-landing__action .joms-input {
  margin-bottom: 14px;
}
@media only screen and (min-width: 481px) {
  .joms-landing__action .joms-checkbox, .joms-landing__action a {
    display: inline-block;
    margin-top: 8.6524757823px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .joms-landing__action .joms-input {
    margin-bottom: 0;
  }
  .joms-landing__action .joms-input--append, .joms-landing__action button {
    display: inline-block;
  }
  .joms-landing__action .joms-input--append {
    width: 35%;
    margin-right: 2%;
    vertical-align: top;
  }
  .joms-landing__action button {
    width: 24.7%;
  }
}
@media only screen and (min-width: 992px) {
  .joms-landing__action.tfaenabled .joms-input {
    margin-bottom: 0;
  }
  .joms-landing__action.tfaenabled .joms-input--append, .joms-landing__action.tfaenabled button {
    display: inline-block;
  }
  .joms-landing__action.tfaenabled .joms-input--append {
    width: 24%;
    margin-right: 2%;
    vertical-align: top;
  }
  .joms-landing__action.tfaenabled button {
    width: 20%;
  }
}

.jomsocial-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.jomsocial-wrapper.show-menu .jomsocial {
  -webkit-transform: translateX(220px);
  transform: translateX(220px);
}
.jomsocial-wrapper.show-menu--user .jomsocial {
  -webkit-transform: translateX(-220px);
  transform: translateX(-220px);
}
@media only screen and (min-width: 992px) {
  .jomsocial-wrapper {
    overflow: visible;
  }
}

.jomsocial-wrapper .jomsocial {
  background: #1D2333;
  padding: 14px;
  height: 100%;
  min-height: 480px;
  position: relative;
}
.jomsocial-wrapper .jomsocial *, .jomsocial-wrapper .jomsocial *:before, .jomsocial-wrapper .jomsocial *:after {
  /* apply a natural box layout model to all elements */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jomsocial-wrapper .jomsocial a {
  text-decoration: none;
}

.joms-main {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .joms-main {
    padding-left: 14px;
    width: 61.8033984453%;
  }
}

.joms-main--full {
  width: 100%;
  margin: 0;
  padding: 0;
}

.joms-sidebar {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .joms-sidebar {
    width: 38.1966015547%;
  }
}

.joms-focus {
  background: #1D2333;
  margin-bottom: 14px;
  position: relative;
  text-align: center;
}

.joms-focus__cover,
.joms-hcard__cover {
  text-align: left;
  overflow: hidden;
  position: relative;
}
.joms-focus__cover:before,
.joms-hcard__cover:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 66.6666666667%;
}
.joms-focus__cover > img,
.joms-hcard__cover > img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 481px) {
  .joms-focus__cover,
  .joms-hcard__cover {
    overflow: hidden;
    position: relative;
  }
  .joms-focus__cover:before,
  .joms-hcard__cover:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 37.4999999953%;
  }
  .joms-focus__cover > img,
  .joms-hcard__cover > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.joms-focus__cover .joms-focus__cover-image,
.joms-hcard__cover .joms-focus__cover-image {
  display: none;
}
.joms-focus__cover .joms-focus__cover-image > img,
.joms-hcard__cover .joms-focus__cover-image > img {
  min-height: 100%;
}
@media only screen and (min-width: 481px) {
  .joms-focus__cover .joms-focus__cover-image,
  .joms-hcard__cover .joms-focus__cover-image {
    display: block;
  }
}
.joms-focus__cover .joms-focus__cover-image--mobile,
.joms-hcard__cover .joms-focus__cover-image--mobile {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background-size: cover !important;
}
@media only screen and (min-width: 481px) {
  .joms-focus__cover .joms-focus__cover-image--mobile,
  .joms-hcard__cover .joms-focus__cover-image--mobile {
    display: none;
  }
}

.joms-focus--mini {
  height: 128px;
  overflow: hidden !important;
}
.joms-focus--mini .joms-focus__cover-image img {
  bottom: -80%;
  top: auto;
}
.joms-focus--mini .joms-focus__title a {
  color: white;
}
.joms-focus--mini .joms-focus__header__actions, .joms-focus--mini .joms-focus__header__actions--desktop {
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-focus--mini .joms-focus__cover-image--mobile {
    display: block;
  }
}

.joms-focus__header {
  display: block;
  width: 100%;
  padding: 14px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
}

.joms-focus__title {
  display: table-cell;
  padding-left: 14px;
  vertical-align: middle;
}
.joms-focus__title h2, .joms-focus__title h3 {
  color: white;
  margin-top: 0;
  margin-bottom: 5.3475240831px;
  text-align: left;
}
.joms-focus__title h2 {
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .joms-focus__title {
    width: 50%;
  }
  .joms-focus--mini .joms-focus__title {
    width: 50%;
  }
}

.joms-focus__info {
  list-style-type: none;
  margin: 0;
  margin-bottom: 14px;
  color: #969EB2;
  font-size: 10px;
  line-height: 14px;
  padding: 0 14px;
}
.joms-focus__info span {
  color: #2c3e50;
}
.joms-focus__info a {
  text-decoration: none;
}

.joms-focus__actions__wrapper {
  display: none;
  text-align: right;
}
@media only screen and (min-width: 992px) {
  .joms-focus__actions__wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
}

.joms-focus__info--desktop {
  list-style-type: none;
  color: white;
  padding: 0;
  margin: 0;
  font-size: 90%;
  display: none;
}
.joms-focus__info--desktop li {
  line-height: 14px;
}
.joms-focus__info--desktop span {
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .joms-focus__info--desktop {
    display: block;
  }
}

.joms-focus__link {
  list-style-type: none;
  padding: 0;
  margin: 0 14px;
  margin-bottom: 14px;
  overflow: hidden;
  color: #fff;
}
.joms-focus__link .joms-icon {
  fill: rgba(255, 255, 255, 0.6);
}
.joms-focus__link .joms-dropdown, .joms-focus__link .joms-popover {
  background: #1D2333;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.joms-focus__link .joms-dropdown > li:hover, .joms-focus__link .joms-popover > li:hover {
  background: #161a26;
}
.joms-focus__link > li {
  padding: 8.6524757823px 14px;
  cursor: pointer;
  float: left;
}
@media only screen and (max-width: 480px) {
  .joms-focus__link li {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
  }
  .joms-focus__link li:first-child {
    border-top: 0;
  }
  .joms-focus__link li.half {
    width: 50%;
  }
  .joms-focus__link li.full {
    width: 100%;
  }
  .joms-focus__link li.hidden-mobile {
    display: none;
  }
}
@media only screen and (min-width: 481px) {
  .joms-focus__link {
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 0;
    margin: 0;
  }
  .joms-focus__link li {
    border-right: 1px solid rgba(0, 0, 0, 0.06);
  }
  .joms-focus__link li.liked {
    float: right;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
  }
  .joms-focus__link li.hidden-desktop {
    display: none;
  }
}

.joms-focus .joms-focus__link a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #fff !important;
}
.joms-focus .joms-focus__link a:hover {
  text-decoration: none;
  color: #fff !important;
}
.joms-focus .joms-focus__link a .joms-text--light {
  color: rgba(255, 255, 255, 0.6) !important;
}

.joms-focus__actions {
  display: table;
  table-layout: fixed;
  border-spacing: 14px;
  width: 100%;
}
.joms-focus__actions a {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 5px;
  padding: 10px 15px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .joms-focus__actions a {
    padding: 5.3475240831px 14px;
  }
}

.joms-focus__header__actions .joms-icon, .joms-focus__header__actions--desktop .joms-icon {
  fill: white;
}
.joms-focus__header__actions a, .joms-focus__header__actions--desktop a {
  color: white;
  font-size: 8.6524757823px;
  text-decoration: none;
  display: inline-block;
}
.joms-focus__header__actions a:hover, .joms-focus__header__actions--desktop a:hover, .joms-focus__header__actions a:focus, .joms-focus__header__actions--desktop a:focus {
  color: #ecf0f1;
}
@media only screen and (min-width: 992px) {
  .joms-focus__header__actions, .joms-focus__header__actions--desktop {
    display: none;
  }
}

.joms-focus__header__actions--desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  .joms-focus__header__actions--desktop {
    display: block;
    margin-top: 5.3475240831px;
  }
  .joms-focus__header__actions--desktop a {
    font-size: 0.8rem;
    padding: 5.3475240831px 8.6524757823px;
  }
  .joms-focus__header__actions--desktop .joms-icon {
    height: 0.8rem;
  }
}

.joms-focus__actions--desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  .joms-focus__actions--desktop {
    display: block;
    margin-top: 14px;
  }
  .joms-focus__actions--desktop a {
    padding: 5.3475240831px 8.6524757823px;
  }
}

.joms-focus__button--options--desktop {
  position: absolute;
  top: 14px;
  right: 14px;
  display: block;
}
.joms-focus__button--options--desktop > a {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
.joms-focus__button--options--desktop > a.active {
  background: rgba(0, 0, 0, 0.6);
}
.joms-focus__button--options--desktop > a {
  text-align: center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  left: auto;
}
.joms-focus__button--options--desktop .joms-icon {
  fill: #FFBE18;
  height: 30px;
}

.joms-focus__date {
  color: white;
  width: 100px;
  padding: 14px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.joms-focus__date.cover, .joms-focus__date.module {
  font-size: 12px;
  position: absolute;
  bottom: 14px;
  left: 14px;
  padding: 5.3475240831px;
  background: rgba(0, 0, 0, 0.6);
  width: 50px;
}
.joms-focus__date.cover span:last-child, .joms-focus__date.module span:last-child {
  margin: 0;
}
.joms-focus__date.module {
  background: transparent;
  border: 2px solid white;
}
@media only screen and (min-width: 992px) {
  .joms-focus__date {
    padding: 14px;
  }
}
.joms-focus__date span {
  display: block;
}
.joms-focus__date span:last-child {
  margin-top: 25px;
}

.joms-focus__badges {
  padding: 8.6524757823px 0 14px;
  max-height: 100px;
}
@media only screen and (min-width: 992px) {
  .joms-focus__badges {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 10;
    padding: 0;
  }
}
.joms-focus__badges.featured {
  left: 70px;
}

@media only screen and (min-width: 992px) {
  .joms-module--hellome .joms-focus__badges {
    position: absolute;
    top: 14px;
    right: 14px;
    left: auto;
    z-index: 10;
    padding: 0;
  }
}

.joms-focus__distance {
  display: inline-block;
  padding-right: 8.6524757823px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  font-weight: bold;
  color: #fff;
}
.joms-focus__distance svg {
  top: -1px;
}

.joms-focus__lastvisit {
  color: #fff;
}

.joms-menu, .joms-menu--user {
  width: 220px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -220px;
  background: #0F1C23;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.joms-menu ul, .joms-menu--user ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.joms-menu li, .joms-menu--user li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  font-size: 0.8rem;
  position: relative;
}
.joms-menu li ul, .joms-menu--user li ul {
  display: none;
}
.joms-menu li.show-submenu ul, .joms-menu--user li.show-submenu ul {
  display: block;
}
.joms-menu li.show-submenu li, .joms-menu--user li.show-submenu li {
  border-bottom: 0;
}
.joms-menu a, .joms-menu--user a {
  padding: 8.6524757823px 14px;
  font-size: 12px;
  text-decoration: none;
  display: block;
  color: #fff;
}
.joms-menu a:hover, .joms-menu--user a:hover, .joms-menu a:focus, .joms-menu--user a:focus, .joms-menu a:active, .joms-menu--user a:active, .joms-menu a.active, .joms-menu--user a.active {
  background: #12222a;
  color: white;
}
.joms-menu span, .joms-menu--user span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8.6524757823px 14px;
}
@media only screen and (min-width: 992px) {
  .joms-menu, .joms-menu--user {
    display: none;
  }
}

.joms-menu__toggle {
  fill: #fff;
}

.joms-menu--user {
  left: auto;
  right: -220px;
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.joms-toolbar {
  background: #0F1C23;
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 14px;
}
.joms-toolbar .joms-icon {
  width: 16px;
  fill: #fff;
  margin: 14px 0;
}
.joms-toolbar > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.joms-toolbar > ul > li:hover {
  background-color: #12222a;
}
.joms-toolbar > ul > li {
  display: table-cell;
}
.joms-toolbar > ul > li:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.joms-toolbar > ul > li:last-child {
  border-left: 1px solid rgba(0, 0, 0, 0.04);
}
.joms-toolbar a,
.joms-toolbar span {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.joms-toolbar .joms-notifications__label {
  position: absolute;
  display: inline-block;
  top: 5.3475240831px;
  right: -5.3475240831px;
  left: auto;
}

.joms-subnav {
  display: none;
  margin-bottom: 14px;
}
.joms-subnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.joms-subnav ul > li {
  margin-top: -1px;
}
.joms-subnav a {
  background: #0F1C23;
  border: 1px solid rgba(0, 0, 0, 0.06);
  text-align: center;
  display: block;
  line-height: 2.3;
  margin-top: -1px;
  color: #fff;
}
.joms-subnav a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
}
.joms-page--mobile .joms-subnav {
  display: block;
}
.joms-page--mobile .joms-subnav ul {
  display: table;
  width: 100%;
}
.joms-page--mobile .joms-subnav li {
  display: table-cell;
}
.joms-page--mobile .joms-subnav li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.joms-page--mobile .joms-subnav li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media only screen and (min-width: 992px) {
  .joms-subnav {
    display: none;
  }
  .joms-page--mobile .joms-subnav {
    display: none;
  }
}
.joms-subnav .joms-right {
  float: none;
}

@media only screen and (min-width: 992px) {
  .joms-subnav__menu {
    display: none;
  }
}
.joms-page--mobile .joms-subnav__menu {
  display: none;
}

.joms-dropdown .joms-right, .joms-popover .joms-right {
  float: none;
}

.joms-subnav--desktop,
.joms-toolbar--desktop,
.joms-toolbar--mobile {
  display: none;
  margin-bottom: 14px;
  background: #0F1C23;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.joms-subnav--desktop > ul,
.joms-toolbar--desktop > ul,
.joms-toolbar--mobile > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.joms-subnav--desktop > ul > li,
.joms-toolbar--desktop > ul > li,
.joms-toolbar--mobile > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 8.6524757823px;
  font-size: 0;
  margin-left: -4px;
}
.joms-subnav--desktop > ul > li.active, .joms-subnav--desktop > ul > li:hover,
.joms-toolbar--desktop > ul > li.active,
.joms-toolbar--desktop > ul > li:hover,
.joms-toolbar--mobile > ul > li.active,
.joms-toolbar--mobile > ul > li:hover {
  background: #12222a;
}
.joms-subnav--desktop > ul > li:first-child,
.joms-toolbar--desktop > ul > li:first-child,
.joms-toolbar--mobile > ul > li:first-child {
  margin: 0;
}
.joms-subnav--desktop > ul > li > a,
.joms-toolbar--desktop > ul > li > a,
.joms-toolbar--mobile > ul > li > a {
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  position: relative;
}
.joms-subnav--desktop > ul > li > a:hover,
.joms-toolbar--desktop > ul > li > a:hover,
.joms-toolbar--mobile > ul > li > a:hover {
  color: #fff;
  text-decoration: none;
}
.joms-subnav--desktop .joms-icon,
.joms-toolbar--desktop .joms-icon,
.joms-toolbar--mobile .joms-icon {
  fill: #fff;
  height: 14px;
  margin: 0 2.0425724157px;
}
.joms-subnav--desktop .joms-dropdown--left,
.joms-toolbar--desktop .joms-dropdown--left,
.joms-toolbar--mobile .joms-dropdown--left {
  width: 140px;
  top: 100%;
}
@media only screen and (min-width: 992px) {
  .joms-subnav--desktop,
  .joms-toolbar--desktop,
  .joms-toolbar--mobile {
    display: block;
  }
}

.joms-toolbar--mobile {
  padding: 5px !important;
  display: block;
  height: 50px;
  text-align: center;
}
.joms-toolbar--mobile > .joms-button--neutral {
  margin-bottom: 0;
}
.joms-toolbar--mobile > .joms-button--neutral > .joms-icon {
  position: relative;
  top: -2px;
  margin-left: 0;
}
.joms-toolbar--mobile > .joms-link--login {
  padding-top: 14px;
  display: block;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.joms-toolbar--mobile > .joms-link--login:hover, .joms-toolbar--mobile > .joms-link--login:focus {
  color: #fff;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .joms-toolbar--mobile {
    display: none;
  }
}
.joms-toolbar--mobile:before, .joms-toolbar--mobile:after {
  clear: none;
  content: none;
}

.joms-subnav--desktop {
  display: none;
  overflow: hidden;
  margin-bottom: 14px;
  background: #10141D;
}
.joms-subnav--desktop > ul > li {
  padding: 0 8.6524757823px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.joms-subnav--desktop > ul > li:last-child {
  border-right: none;
}
.joms-subnav--desktop > ul > li.active, .joms-subnav--desktop > ul > li:hover {
  background: rgba(255, 255, 255, 0.4);
}
.joms-subnav--desktop > ul > li.joms-right {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  margin-left: 0;
}
.joms-subnav--desktop > ul > li > a {
  color: #fff;
}
.joms-subnav--desktop > ul > li > a:hover {
  color: #fff;
}
.joms-subnav--desktop a {
  display: block;
  padding: 8.6524757823px 0;
}
.joms-subnav--desktop .active {
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .joms-subnav--desktop {
    display: block;
  }
}

.joms-notifications__label {
  font-size: 9px;
  line-height: 9px;
  position: absolute;
  display: inline-block;
  min-width: 12px;
  top: -5.3475240831px;
  left: 8.6524757823px;
  padding: 3px;
  background: #e74c3c;
  color: white;
  text-align: center;
  word-break: normal;
}

.joms-page {
  background: #141924;
  padding: 14px;
  position: relative;
}
.joms-module__wrapper .joms-page {
  padding: 0;
}
.joms-page .embedly-card {
  margin-top: 14px;
  margin-bottom: 14px;
}
.joms-page .embedly-card-hug {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 !important;
  padding: 5px 10px 0 !important;
}
@media only screen and (min-width: 481px) {
  .joms-page .embedly-card-hug {
    max-width: 480px !important;
  }
}

.joms-page__title {
  color: #fff;
  margin-bottom: 22.652476px;
}

.joms-page--search {
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-page--search {
    display: block;
  }
}

.joms-page--search__results .joms-list__search .joms-list__utilities {
  display: block;
}
@media only screen and (min-width: 481px) {
  .joms-page--search__results .joms-list__search .joms-list__utilities {
    display: none;
  }
}

.joms-page__actions {
  display: table;
  width: 100%;
  margin-bottom: 14px;
}
.joms-page__actions .joms-text--title {
  margin-bottom: 0;
}

.joms-page__action {
  display: table-cell;
  vertical-align: middle;
}
.joms-page__action:nth-child(2) {
  text-align: right;
}

#pn {
  display: table;
  border-spacing: 8.6524757823px;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #pn {
    border-spacing: 14px;
  }
}
#pn > li {
  display: table-row;
}
#pn label,
#pn span {
  display: table-cell;
  font-size: 12px;
  color: #7f8c8d;
  vertical-align: middle;
}
#pn label {
  width: auto;
}
#pn span {
  width: 42px;
  text-align: center;
}

.pn__header {
  height: 48px;
}

.pn__label {
  font-weight: bolder;
}

.joms-gallery,
.joms-message__list {
  list-style-type: none;
  margin: -8.6524757823px;
  padding: 0;
  margin-bottom: 14px;
}
@media only screen and (min-width: 481px) {
  .joms-gallery,
  .joms-message__list {
    margin: 0;
  }
}

.joms-gallery__item {
  display: table;
  border-spacing: 8.6524757823px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 481px) {
  .joms-gallery__item {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .joms-gallery__item:first-child, .joms-gallery__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .joms-gallery__item:hover .joms-gallery__options {
    display: block;
  }
  .joms-gallery__item:hover .joms-gallery__thumbnail img {
    opacity: 0.5;
  }
  .joms-gallery__item.half {
    width: 48%;
  }
  .joms-gallery__item.half:first-child, .joms-gallery__item.half:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 481px) {
  .joms-gallery__item-inner {
    max-width: 128px;
    margin: auto auto;
    position: relative;
  }
}

.joms-gallery__thumbnail,
.joms-gallery__body,
.joms-gallery__count {
  display: table-cell;
  vertical-align: top;
  color: #7f8c8d;
}
@media only screen and (min-width: 481px) {
  .joms-gallery__thumbnail,
  .joms-gallery__body,
  .joms-gallery__count {
    display: block;
  }
}

.joms-gallery__title,
.joms-gallery__owner {
  display: block;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}
@media only screen and (min-width: 481px) {
  .joms-gallery__title,
  .joms-gallery__owner {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.joms-gallery__options {
  font-size: 14px;
}
@media only screen and (min-width: 481px) {
  .joms-gallery__options {
    display: none;
    position: absolute;
    z-index: 10;
    right: 2px;
    top: 2px;
  }
}
.joms-gallery__options .joms-button--options {
  background: #FFBE18;
  padding: 1px;
  position: absolute;
  right: 2px;
  top: 2px;
}

.joms-gallery__body {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  .joms-gallery__body {
    text-align: center;
  }
}

.joms-gallery__thumbnail {
  position: relative;
  font-size: 0;
}
.joms-gallery__thumbnail img {
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 56px;
  max-width: none;
}
@media only screen and (min-width: 481px) {
  .joms-gallery__thumbnail img {
    width: 100%;
    max-width: 128px;
    padding: 0;
    border: 0;
  }
  .joms-gallery__item.half .joms-gallery__thumbnail img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 481px) {
  .joms-gallery__thumbnail {
    max-width: 128px;
    margin: auto;
    text-align: center;
    margin-bottom: 4px;
  }
  .joms-gallery__item.half .joms-gallery__thumbnail {
    max-width: 100%;
  }
}

.joms-gallery__privacy {
  display: inline-block;
}
.joms-gallery__privacy .joms-icon {
  fill: #7f8c8d;
  height: 10px;
}

.joms-gallery__meta,
.joms-gallery__status {
  font-size: 10px;
}

.joms-module--membersearch > ul, .joms-module--toolbar > ul, .joms-list--thumbnail,
.joms-list__row,
.joms-list--card,
.joms-list--inline,
.joms-list--photos,
.joms-list--video,
.joms-list--videos,
.joms-list--friend,
.joms-list--event,
.joms-list--avatar,
.joms-list--block,
.joms-list--table,
.joms-list--files,
.joms-list--half,
.joms-list--message,
.joms-list--general,
.joms-list--group,
.joms-list--articles,
.joms-list, .joms-pagination .pagination-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.joms-list--thumbnail {
  margin: -2px;
}

.joms-list--files .joms-list__item {
  margin-bottom: 14px;
}
.joms-list--photos .joms-list__item {
  float: left;
  width: 20%;
  max-width: 128px;
  margin: 0;
  padding: 2px;
}
@media only screen and (max-width: 360px) {
  .joms-list--photos .joms-list__item {
    width: 50%;
  }
}
.joms-list--photos .joms-list__item .joms-avatar > a {
  display: inline-block;
}
.joms-list--photos .joms-list__item img {
  max-width: 100%;
  max-height: 100%;
}
.joms-list--avatar .joms-list__item {
  float: left;
  margin: 0;
  padding: 2px;
}
.joms-list--thumbnail .joms-list__item {
  float: left;
  width: 25%;
  padding: 2px;
  text-align: center;
}
@media only screen and (max-width: 360px) {
  .joms-list--thumbnail .joms-list__item {
    width: 50%;
  }
}
@media only screen and (min-width: 481px) {
  .joms-list--thumbnail .joms-list__item--1 {
    width: 100%;
  }
  .joms-list--thumbnail .joms-list__item--2 {
    width: 50%;
  }
  .joms-list--thumbnail .joms-list__item--3 {
    width: 33.33%;
  }
  .joms-list--thumbnail .joms-list__item--4 {
    width: 25%;
  }
  .joms-list--thumbnail .joms-list__item--5 {
    width: 20%;
  }
  .joms-list--thumbnail .joms-list__item--6 {
    width: 16.66%;
  }
  .joms-list--thumbnail .joms-list__item--7 {
    width: 14.28%;
  }
  .joms-list--thumbnail .joms-list__item--8 {
    width: 12.5%;
  }
  .joms-list--thumbnail .joms-list__item--9 {
    width: 11.11%;
  }
  .joms-list--thumbnail .joms-list__item--10 {
    width: 10%;
  }
  .joms-list--thumbnail .joms-list__item--11 {
    width: 9.09%;
  }
  .joms-list--thumbnail .joms-list__item--12 {
    width: 8.33%;
  }
  .joms-list--thumbnail .joms-list__item--13 {
    width: 7.69%;
  }
  .joms-list--thumbnail .joms-list__item--14 {
    width: 7.14%;
  }
  .joms-list--thumbnail .joms-list__item--15 {
    width: 6.66%;
  }
}
.joms-list--half .joms-list__item {
  float: left;
  width: 50%;
  padding: 2px;
}
.joms-list--half .joms-list__item .joms-video__duration {
  right: 2px;
  bottom: 2px;
}
.joms-list--friend .joms-list__item {
  position: relative;
  margin-bottom: 4%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 481px) {
  .joms-list--friend .joms-list__item {
    display: inline-block;
    vertical-align: top;
    width: 48.6%;
    margin-bottom: 2%;
    min-height: 140px;
    margin-left: 2%;
  }
  .joms-list--friend .joms-list__item:first-child, .joms-list--friend .joms-list__item:nth-child(odd) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 481px) {
  .joms-list--friend.single-column .joms-list__item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.joms-list--video .joms-list__item {
  position: relative;
  margin-bottom: 2%;
  overflow: hidden;
}
@media only screen and (min-width: 481px) {
  .joms-list--video .joms-list__item {
    display: inline-block;
    vertical-align: top;
    width: 32.2%;
    margin-left: 1%;
    margin-bottom: 4%;
  }
  .joms-list--video .joms-list__item:first-child, .joms-list--video .joms-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
}
.joms-list--video .joms-list__item > a:first-child {
  position: relative;
  display: block;
}
.joms-list--video .joms-list__item .joms-gallery__options {
  right: 0;
  left: auto;
}
.joms-list--video .joms-list__item img {
  width: 100%;
}
.joms-list--videos .joms-list__item {
  float: left;
  width: 33.3%;
  padding: 1%;
}
@media only screen and (max-width: 360px) {
  .joms-list--videos .joms-list__item {
    width: 50%;
  }
}
.joms-list--videos .joms-list__item img {
  width: 100%;
  height: 100%;
}
.joms-list--videos .joms-list__item .joms-video__duration {
  right: 3%;
  bottom: 5%;
}
.joms-list__item .mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(../images/bigplay.svg) no-repeat;
}
.joms-list__item:hover .mejs-overlay-button {
  background-position: 0 -100px;
}
.joms-list__item .joms-poll__option-list li {
  background: none;
}

.joms-list--card .joms-list__item {
  display: block;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 6%;
}
@media only screen and (min-width: 481px) {
  .joms-list--card .joms-list__item {
    width: 100%;
    margin-bottom: 2%;
  }
}
.joms-list--card .joms-list__item .joms-focus__button--options--desktop {
  top: 14px;
  right: 14px;
}
.joms-list--card .joms-list__item .joms-list__title {
  font-size: 16px;
  margin: 0 0 14px;
}
.joms-list--card .joms-list__cover {
  display: block;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .joms-list--card .joms-list__cover {
    overflow: hidden;
    position: relative;
  }
  .joms-list--card .joms-list__cover:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 66.6666666667%;
  }
  .joms-list--card .joms-list__cover > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 481px) {
  .joms-list--card .joms-list__cover {
    width: 35%;
    height: 180px;
    float: left;
  }
}
.joms-list--card .joms-list__cover-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.joms-list--card .joms-list__content {
  display: block;
  vertical-align: top;
  padding: 14px;
}
.joms-list--card .joms-list__content .joms-icon {
  margin-top: -4px;
}
@media only screen and (min-width: 481px) {
  .joms-list--card .joms-list__content {
    position: relative;
    width: 45%;
    float: left;
  }
}
.joms-list--card .joms-list__footer {
  display: block;
  text-align: center;
  font-size: 12px;
}
.joms-list--card .joms-list__footer a {
  display: block;
}
@media only screen and (min-width: 481px) {
  .joms-list--card .joms-list__footer {
    width: 20%;
    float: right;
    text-align: right;
  }
}
.joms-list--card .joms-list__permission {
  display: block;
  text-align: center;
  padding: 14px 0;
}
.joms-list--card .joms-list__permission .joms-icon {
  margin-top: -4px;
}
@media only screen and (min-width: 481px) {
  .joms-list--card .joms-list__permission {
    position: absolute;
    padding: 0;
    bottom: 14px;
    right: 14px;
    text-align: right;
  }
}
.joms-list--card .joms-list--inline {
  display: block;
  padding: 14px 0;
}
.joms-list--card .joms-list--inline li {
  display: inline;
}
@media only screen and (min-width: 481px) {
  .joms-list--card .joms-list--inline {
    padding: 0;
    left: 14px;
    bottom: 0;
  }
}

.joms-list--friend .joms-list__item,
.joms-list--general .joms-list__item {
  padding: 14px;
  background: rgba(0, 0, 0, 0.024);
}
@media only screen and (min-width: 481px) {
  .joms-list--friend .joms-list__item,
  .joms-list--general .joms-list__item {
    padding: 14px 14px 36px 14px;
  }
}
.joms-popup .joms-list--friend .joms-list__item,
.joms-popup .joms-list--general .joms-list__item {
  border: 0;
}
@media only screen and (min-width: 481px) {
  .joms-popup .joms-list--friend .joms-list__item,
  .joms-popup .joms-list--general .joms-list__item {
    padding: 14px;
  }
}
.joms-list--friend .joms-list__avatar,
.joms-list--friend .joms-list__body,
.joms-list--general .joms-list__avatar,
.joms-list--general .joms-list__body {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 481px) {
  .joms-list--friend .joms-list__avatar,
  .joms-list--friend .joms-list__body,
  .joms-list--general .joms-list__avatar,
  .joms-list--general .joms-list__body {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
  }
}
.joms-list--friend .joms-list__avatar,
.joms-list--general .joms-list__avatar {
  margin-bottom: 8px;
}
@media only screen and (min-width: 481px) {
  .joms-list--friend .joms-list__avatar,
  .joms-list--general .joms-list__avatar {
    vertical-align: top;
    width: 64px;
  }
  .joms-list--friend .joms-list__avatar img,
  .joms-list--general .joms-list__avatar img {
    width: 64px;
    height: 64px;
    position: relative;
  }
}
.joms-list--friend .joms-list__body,
.joms-list--general .joms-list__body {
  margin-bottom: 8px;
}
@media only screen and (min-width: 481px) {
  .joms-list--friend .joms-list__body,
  .joms-list--general .joms-list__body {
    padding-left: 14px;
  }
}

.joms-list--general .joms-list__item {
  margin-bottom: 14px;
  padding: 0;
  background: transparent;
}
@media only screen and (min-width: 481px) {
  .joms-list--general .joms-list__item {
    padding: 0;
  }
}
.joms-list--general .joms-list__item:last-child {
  margin-bottom: 0;
}
.joms-list--general .joms-list__avatar {
  margin-bottom: 8px;
}
@media only screen and (min-width: 481px) {
  .joms-list--general .joms-list__avatar {
    vertical-align: top;
    width: 48px;
  }
  .joms-list--general .joms-list__avatar img {
    width: 48px;
    height: 48px;
    position: relative;
  }
}
.joms-list--general .joms-text--username {
  margin-bottom: 0;
  font-size: 14px;
}
.joms-list--general .joms-text--light {
  margin-bottom: 4px;
  font-size: 12px;
}

#joms-app--aboutme-special .joms-list__row, #joms-event--details .joms-list__row, #joms-group--details .joms-list__row, #joms-page--details .joms-list__row {
  background: #141924;
  padding: 8.6524757823px 14px;
  color: #fff;
}
#joms-app--aboutme-special .joms-list__row > li, #joms-event--details .joms-list__row > li, #joms-group--details .joms-list__row > li, #joms-page--details .joms-list__row > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8.6524757823px 14px;
  margin: 0;
  margin-left: -14px;
  margin-right: -14px;
}
#joms-app--aboutme-special .joms-list__row > li:last-child, #joms-event--details .joms-list__row > li:last-child, #joms-group--details .joms-list__row > li:last-child, #joms-page--details .joms-list__row > li:last-child {
  border-bottom: 0;
}

.joms-list--inline li,
.joms-list--alphabet li {
  display: block;
  margin-right: 14px;
  float: left;
}
.joms-list--inline li:last-child,
.joms-list--alphabet li:last-child {
  margin-right: 0;
}
.joms-list--inline li.active,
.joms-list--alphabet li.active {
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .joms-list--inline li,
  .joms-list--alphabet li {
    display: block;
    margin: 5.3475240831px 0;
  }
}
.joms-list--inline .joms-list__item,
.joms-list--alphabet .joms-list__item {
  display: inline-block;
  padding: 6px 0;
}

.joms-list--alphabet {
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-list--alphabet {
    display: initial;
  }
}

.joms-list--event .joms-media--event, .joms-list--event .joms-media--group, .joms-list--group .joms-media--event, .joms-list--group .joms-media--group {
  width: 100%;
  margin-bottom: 14px;
}
.joms-list--event .joms-media--event:last-child, .joms-list--event .joms-media--group:last-child, .joms-list--group .joms-media--event:last-child, .joms-list--group .joms-media--group:last-child {
  margin-bottom: 0;
}
.joms-list--event .joms-media--event .joms-media__body, .joms-list--event .joms-media--group .joms-media__body, .joms-list--group .joms-media--event .joms-media__body, .joms-list--group .joms-media--group .joms-media__body {
  display: table-cell;
}

.joms-list__options > a {
  top: 8.6524757823px;
  width: 14px;
  height: 14px;
  right: 8.6524757823px;
  position: absolute;
}
.joms-list__options .joms-dropdown, .joms-list__options .joms-popover {
  position: absolute;
}

.joms-list__details {
  margin-bottom: 5.3475240831px;
}
.joms-list__details > span {
  margin-right: 5.3475240831px;
}
.joms-list__details > span:last-child {
  margin-right: 0;
}

.joms-list__distance {
  display: inline-block;
  color: #7f8c8d;
}
.joms-list__distance svg {
  top: 1px;
  width: 12px;
  height: 12px;
  vertical-align: baseline;
}

@media only screen and (min-width: 481px) {
  .joms-list__button--dropdown {
    position: absolute;
    bottom: 8px;
    right: 8px;
  }
}
.joms-list__button--dropdown .joms-dropdown, .joms-list__button--dropdown .joms-popover {
  position: absolute;
}

.joms-list__search {
  width: 100%;
  display: block;
  margin-bottom: 14px;
}
@media only screen and (min-width: 481px) {
  .joms-list__search {
    display: table;
    margin-bottom: 22.652476px;
  }
}
.joms-list__search h1, .joms-list__search h2, .joms-list__search h3, .joms-list__search h4 {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 40px;
}
@media only screen and (min-width: 481px) {
  .joms-list__search h1, .joms-list__search h2, .joms-list__search h3, .joms-list__search h4 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 481px) {
  .joms-list__search > .joms-list__search-title {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
  }
}
.joms-list__search .joms-list__utilities {
  display: block;
  width: 100%;
  margin-top: 22.652476px;
}
@media only screen and (min-width: 481px) {
  .joms-list__search .joms-list__utilities {
    display: table-cell;
    vertical-align: top;
    margin-top: 0;
    text-align: right;
  }
}
.joms-list__search .joms-list__utilities form {
  display: table;
  width: 100%;
  margin-bottom: 8.6524757823px;
}
.joms-list__search .joms-list__utilities form button {
  width: auto;
  padding: 5.3475240831px;
  line-height: 18px;
}
.joms-list__search .joms-list__utilities form span {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.joms-list__search .joms-list__utilities form span:first-child {
  padding-right: 8px;
}
@media only screen and (min-width: 481px) {
  .joms-list__search .joms-list__utilities form {
    display: initial;
    width: auto;
  }
  .joms-list__search .joms-list__utilities form span {
    width: auto;
    display: inline-block;
    padding: 0;
  }
  .joms-list__search .joms-list__utilities form span:first-child {
    padding-right: 0;
  }
}

.joms-list__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.joms-list__footer .joms-avatar {
  display: inline;
}
@media only screen and (min-width: 481px) {
  .joms-list__footer .joms-avatar {
    display: block;
    margin-bottom: 7px;
  }
}
.joms-list__footer .joms-avatar img {
  max-width: 40px;
  padding: 2px;
}
@media only screen and (min-width: 481px) {
  .joms-list__footer {
    border: none;
  }
}

.joms-list--table li {
  width: 50%;
  display: block;
  float: left;
}
@media only screen and (max-width: 360px) {
  .joms-list--table li {
    width: 100%;
    display: block;
  }
}
.joms-list--table a {
  font-size: 12px;
}

.joms-list--files .joms-list__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 6%;
  padding-bottom: 6%;
}
.joms-list--files .joms-list__item:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.joms-list--files .joms-block {
  margin: 4% 0;
}

.joms-main .joms-stream-box .joms-list--thumbnail {
  margin-top: 14px;
}
.joms-main .joms-stream-box .joms-list--thumbnail .joms-list__item {
  width: 50%;
}
@media only screen and (min-width: 481px) {
  .joms-main .joms-stream-box .joms-list--thumbnail .joms-list__item {
    width: 10%;
  }
}
.joms-main .joms-stream-box .joms-list--thumbnail img {
  border: 3px solid rgba(0, 0, 0, 0.05);
}
.joms-main .joms-stream-box .joms-list--thumbnail img:hover {
  border-color: #45F882;
}

.joms-list--message .joms-list__item {
  display: table;
  width: 100%;
  padding: 14px 0 14px 14px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.joms-list--message .joms-list__item .joms-list--message__checkbox {
  background: transparent;
}
.joms-page--inbox .joms-list--message .joms-list__item {
  padding: 14px 0;
}
.joms-list--message .joms-list__item.unread {
  background: rgba(0, 0, 0, 0.04);
}
.joms-list--message .joms-list--message__body,
.joms-list--message .joms-postbox-tab,
.joms-list--message .joms-list--message__remove {
  display: table-cell;
  vertical-align: middle;
}
.joms-list--message .joms-list--message__remove,
.joms-list--message .joms-postbox-tab,
.joms-list--message .joms-list--message__checkbox {
  text-align: right;
}
.joms-list--message .joms-list--message__checkbox {
  background: #141924;
  display: none;
}
@media only screen and (min-width: 481px) {
  .joms-list--message .joms-list--message__checkbox {
    padding: 0 7px 0 14px;
    display: table-cell;
    vertical-align: middle;
  }
}
.joms-list--message .joms-postbox-tab {
  width: 100%;
  display: none;
}
.joms-list--message .joms-postbox-tab a {
  color: #fff;
}
@media only screen and (min-width: 481px) {
  .joms-list--message .joms-postbox-tab {
    display: table-cell;
  }
}
.joms-list--message .joms-comment__header {
  padding: 0;
}
.joms-list--message .joms-list--message__time {
  display: block;
  position: absolute;
  bottom: 1%;
  right: 1%;
  color: #7f8c8d;
}
.joms-list--message .joms-list--message__time .joms-icon {
  fill: #7f8c8d;
}
@media only screen and (min-width: 481px) {
  .joms-list--message .joms-list--message__time {
    display: none;
    right: 0.5%;
    bottom: 5%;
  }
}
@media only screen and (max-width: 480px) {
  .joms-list--message .joms-list--message__body .joms-list--message__time {
    display: none;
  }
}
@media only screen and (min-width: 481px) {
  .joms-list--message .joms-list--message__body .joms-list--message__time {
    display: inline;
  }
}
.joms-list--message .unread {
  background: white;
}

.joms-list--articles > li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.joms-list--articles > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.joms-list--articles__footer {
  margin-top: 14px;
}

.joms-table {
  width: 100%;
}
.joms-table tr {
  border-bottom: 2px solid;
  border-color: rgba(0, 0, 0, 0.03);
}
.joms-table tr:hover, .joms-table tr:focus {
  border-color: #a7fcc4;
}
.joms-table tr.joms-table__head {
  border-color: rgba(0, 0, 0, 0.05);
}
.joms-table tr.joms-table__head .joms-table__option {
  padding-top: 36.6524763522px;
  padding-bottom: 14px;
}
.joms-table tr td {
  padding: 8.6524757823px 0;
  color: #7f8c8d;
  font-size: 12px;
}
.joms-table tr td.joms-table__title {
  padding-top: 36.6524763522px;
  padding-bottom: 14px;
  font-size: 14px;
}
@media only screen and (min-width: 481px) {
  .joms-table tr td.joms-table__desc {
    padding-left: 140px;
  }
}
.joms-table thead tr {
  border-bottom: 4px solid;
  border-color: rgba(0, 0, 0, 0.05);
}
.joms-table input[type=checkbox],
.joms-table input[type=radio] {
  margin: 0;
}

.joms-table__title {
  font-weight: bold;
}

.joms-table__option {
  text-align: center;
}

.joms-middlezone .joms-apps__body {
  background: #141924;
  padding: 14px;
  position: relative;
}

.joms-message__status {
  margin-bottom: 8.6524757823px;
  color: #969EB2;
  text-align: right;
}
.joms-message__status > span {
  position: relative;
  display: inline-block;
  height: 22px;
  padding: 2px 4px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  vertical-align: middle;
}
.joms-message__status .joms-icon {
  display: inline-block;
  width: 20px;
  height: 22px;
  padding: 2px 4px;
  background-color: rgba(0, 0, 0, 0.08);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  vertical-align: middle;
}
.joms-message__status .joms-icon + span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.joms-chat__wrapper {
  display: table;
  width: 100%;
}
.joms-chat__wrapper.joms-chat--window {
  position: fixed;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  font-size: 13px;
}
.joms-chat__wrapper .joms-online a:after {
  bottom: -2px;
  right: -2px;
}

.joms-chat__windows {
  padding-right: 250px;
}

.joms-chat__window {
  float: right;
  max-width: 250px;
  margin-left: 30px;
  background-color: #fff;
  border-bottom: 1px solid rgb(213, 213, 213);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.joms-chat__window:last-child {
  margin-left: 0;
}

.joms-chat__window-title {
  position: relative;
  padding: 5px 35px 5px 10px;
  font-weight: bold;
  color: #fff;
  background-color: #45F882;
}

.joms-chat__window-close {
  position: absolute;
  top: 4px;
  right: 10px;
}
.joms-chat__window-close > .joms-icon {
  width: 10px;
  fill: rgba(255, 255, 255, 0.8);
}
.joms-chat__window-close > .joms-icon:hover {
  fill: #fff;
}

.joms-chat__window-body {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.joms-chat__message {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.joms-chat__message:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.joms-chat__input-wrapper {
  position: relative;
  padding-right: 35px;
}
.joms-chat__input-wrapper input[type=text] {
  min-height: 30px;
  margin: 0;
  padding: 5px 10px;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.joms-chat__input-actions {
  position: absolute;
  top: 5px;
  right: 10px !important;
}

.joms-chat__sidebar {
  display: none;
}

.joms-page--chat {
  padding: 0 !important;
}

@media only screen and (min-width: 481px) {
  .joms-chat__conversations-wrapper {
    display: table-cell;
    width: 35%;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    vertical-align: top;
  }
}

.joms-chat__item {
  position: relative;
  display: table;
  width: 100%;
  padding: 8.6524757823px 14px;
  color: #7f8c8d;
  background-color: rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid rgba(0, 0, 0, 0.035);
}
.joms-chat__item:hover {
  background-color: #fff;
  cursor: pointer;
}
.joms-chat__item.active {
  color: #424242;
  background-color: #45F882;
}
.joms-chat__item.active a {
  font-weight: bold;
  color: #424242 !important;
}
.joms-chat__item.active a .joms-icon {
  fill: #424242;
  opacity: 0.8;
}
.joms-chat__item.unread {
  background-color: #d9e9f8;
  color: #6a8aa8;
}
.joms-chat__item.result-item .joms-avatar {
  width: 20px;
}
.joms-chat__item > .joms-avatar {
  display: table-cell;
  width: 32px;
  vertical-align: middle;
}
.joms-chat__item > .joms-avatar > img {
  max-width: 32px;
  max-height: 32px;
}

.joms-chat__item-body {
  display: table-cell;
  padding-left: 8.6524757823px;
  vertical-align: middle;
}
.joms-chat__item-body > span {
  display: block;
}
.joms-chat__item-body > a {
  display: block;
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
}

.joms-chat__item-actions {
  position: absolute;
  top: 8px;
  right: 8px;
}
.joms-chat__item-actions > a {
  display: inline-block;
}
.joms-chat__item-actions > a .joms-icon {
  width: 10px;
  height: 10px;
}

.joms-chat__search {
  padding: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 480px) {
  .joms-chat__search {
    padding-right: 50px;
  }
}
.joms-chat__search > .joms-input {
  padding: 5.34752px 8.65248px;
  margin-bottom: 0;
  line-height: 1;
}
.joms-chat__search .joms-chat-selected {
  margin-bottom: 4px;
}
.joms-chat__search .user-selected {
  background-color: #45F882;
  border-radius: 3px;
  color: #ffffff;
  margin: 0 3px 3px 0;
  padding: 2px 4px;
}
.joms-chat__search .user-selected > i {
  margin-left: 4px;
  cursor: pointer;
}

@media only screen and (min-width: 481px) {
  .joms-chat__messages-wrapper {
    display: table-cell;
    vertical-align: top;
  }
}

.joms-chat__messages .alert {
  margin: 5.3475240831px;
  padding: 5.3475240831px 8.6524757823px;
  font-size: 0.95em;
  text-align: center;
}

.joms-chat__message-item {
  position: relative;
  display: table;
  width: 100%;
  padding: 5.3475240831px 14px;
  color: #7f8c8d;
}
.joms-chat__message-item > .joms-avatar {
  display: table-cell;
  width: 32px;
  vertical-align: middle;
}
.joms-chat__message-item > .joms-avatar > img {
  max-width: 32px;
  max-height: 32px;
}
.joms-chat__message-item .joms-chat__message-content {
  word-wrap: break-word;
  display: block;
  max-width: 480px;
}

.joms-chat__message-body {
  display: table-cell;
  padding-left: 8.6524757823px;
  vertical-align: middle;
}
.joms-chat__message-body > div {
  background-color: #FFBE18;
  font-size: 0.95em;
  font-weight: bold;
  font-weight: 500;
  margin: 2px 0;
  padding: 5.3475240831px 14px;
  position: relative;
}
.joms-chat__message-body > div:first-child {
  border-top-left-radius: 8.6524757823px;
  border-top-right-radius: 8.6524757823px;
}
.joms-chat__message-body > div:last-child {
  border-bottom-left-radius: 8.6524757823px;
  border-bottom-right-radius: 8.6524757823px;
}
.joms-chat__message-body > div:hover .joms-chat__message-actions {
  display: block;
}
.joms-chat__message-body > span {
  display: block;
}
@media only screen and (max-width: 480px) {
  .joms-chat__message-body {
    max-width: 240px;
    overflow-wrap: break-word;
  }
  .joms-chat__message-body .embedly-card {
    display: none;
  }
}

.joms-chat__message-item.you .joms-chat__message-body .joms-chat__message-error {
  background-color: #7f8c8d;
}
.joms-chat__message-item.you .joms-chat__message-body > div {
  background-color: #5ef993;
  color: white;
}
.joms-chat__message-item.you .joms-chat__message-body > div .joms-chat__message-actions .joms-icon {
  fill: white;
}

.joms-chat__message-actions {
  position: absolute;
  top: 4px;
  right: 8px;
  display: none;
}
.joms-chat__message-actions > a {
  display: inline-block;
}
.joms-chat__message-actions > a .joms-icon {
  width: 10px;
  height: 10px;
}

.joms-chat__header {
  display: table;
  width: 100%;
  padding: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.025);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.025);
}
.joms-chat__header .joms-focus__button--options--desktop {
  display: block;
}
.joms-chat__header .joms-focus__button--options--desktop > a {
  text-align: center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  left: auto;
}
.joms-chat__header .joms-focus__button--options--desktop .joms-icon {
  fill: #FFBE18;
  height: 30px;
}

.joms-chat__recipents {
  display: table-cell;
  vertical-align: middle;
}

.joms-chat__actions {
  display: table-cell;
  vertical-align: middle;
}
.joms-chat__actions a {
  line-height: 1;
}

.joms-chat__messagebox {
  padding: 14px;
  background-color: rgba(0, 0, 0, 0.025);
  border-top: 1px solid rgba(0, 0, 0, 0.035);
}
.joms-chat__messagebox .joms-textarea {
  margin-bottom: 0;
}

.joms-popover--toolbar-chat-item.unread {
  background-color: #d9e9f8;
  color: #6a8aa8;
}

.joms-chat__seen {
  background-color: rgba(0, 0, 0, 0.025);
  line-height: 1;
  padding: 2px 14px;
}
.joms-chat__seen img {
  border-radius: 50%;
  float: left;
  height: 16px;
  margin-right: 2px;
}

.joms-chat__attachment-image {
  margin: 8.6524757823px 0;
}
.joms-chat__attachment-image a {
  display: inline-block;
}

.joms-chat__attachment-file {
  margin: 8.6524757823px 0;
}
.joms-chat__attachment-file .joms-icon {
  float: left;
}
.joms-chat__attachment-file a {
  color: inherit;
  float: left;
  line-height: 16px;
  margin-left: 5px;
}
.joms-chat__attachment-file a:hover {
  color: inherit;
  text-decoration: underline;
}

.you .joms-chat__attachment-file .joms-icon, .you .joms-chat__attachment-file a {
  fill: white;
}

@media only screen and (max-width: 480px) {
  .joms-chat__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .joms-chat__header .joms-focus__button--options--desktop {
    display: block;
    top: inherit;
  }
}
.joms-chat__search-results .joms-js__result-heading {
  padding: 10px;
  color: #7f8c8d;
  font-weight: bold;
}
.joms-chat__search-results .joms-chat__search--no-result {
  text-align: center;
}
.joms-chat__search-results .joms-chat__search--no-result span {
  font-size: 11px;
  color: #999;
  text-decoration: underline;
}

.joms-poll__container {
  position: relative;
}
.joms-poll__container .joms-poll__loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0.2;
  display: none;
  z-index: 1;
}
.joms-poll__container .joms-poll__loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.joms-poll__container .joms-poll__option {
  display: block;
}
.joms-poll__container .joms-poll__option:hover {
  cursor: pointer;
}
.joms-poll__container .joms-poll__more {
  margin-bottom: 15px;
}

.joms-poll__progress,
.joms-poll__voted-users,
.joms-poll__option,
.joms-list__title_polls h4 {
  margin-left: 25px;
}

.joms-list__title_polls .icon-bar-chart,
.joms-poll__checkbox--custom {
  float: left;
}

.joms-poll__list li {
  background-color: #fff;
  margin-bottom: 15px;
  position: relative;
}
.joms-poll__list li .joms-padding {
  position: absolute;
  top: 0;
  right: 0;
}
.joms-poll__list li .joms-padding .joms-dropdown, .joms-poll__list li .joms-padding .joms-popover {
  width: 100px;
}
.joms-poll__list li .joms-padding .joms-dropdown li, .joms-poll__list li .joms-padding .joms-popover li {
  margin-bottom: 0;
  min-width: 100px;
}

.joms-list__title_polls .icon-bar-chart {
  color: #f69931;
  line-height: inherit;
}

.joms-list__title_polls h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 15px;
}

.joms-poll-option {
  margin-bottom: 10px;
}
.joms-poll-option .poll-input {
  width: 80%;
  max-width: 300px;
  display: inline-block;
}
.joms-poll-option .joms-poll-option__remove {
  margin-top: 8px;
  display: inline-block;
  margin-left: 3px;
}

.joms-list__content_polls {
  display: block;
  padding: 20px;
  vertical-align: top;
}
.joms-list__content_polls .joms-poll-info li {
  background-color: transparent;
  margin-bottom: 10px;
}
.joms-list__content_polls .joms-poll-info li span {
  color: #7F8C8D;
  font-size: 14px;
  margin-right: 10px;
}
.joms-list__content_polls .joms-poll-info li:last-child {
  margin-bottom: 0;
}
.joms-list__content_polls .joms-poll-info .joms-icon {
  margin-right: 8px;
}

.joms-poll__input-container {
  margin-bottom: 10px;
}
.joms-poll__input-container .joms-poll_input {
  float: left;
  margin-right: 5px;
}

.joms-poll__more .joms-poll__more-inner {
  text-align: center;
}
.joms-poll__more .joms-poll__more-inner a {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  display: inline-block;
  max-width: 250px;
  padding: 5px 20px;
  text-align: center;
}
.joms-poll__progress {
  background-color: #e3e3e3;
  border-radius: 3px;
  overflow: hidden;
  height: 12px;
  padding: 1px;
  margin-bottom: 5px;
}
.joms-poll__progress .joms-poll__progress-bar {
  background-color: #45F882;
  border-radius: 2px;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 0%;
}

a.joms-poll-option__add:hover {
  text-decoration: underline;
}

.joms-postbox__poll-option,
.joms-poll-option {
  margin-bottom: 10px;
}
.joms-postbox__poll-option a.joms-postbox-poll__remove-option,
.joms-poll-option a.joms-postbox-poll__remove-option {
  display: inline-block;
  margin-left: 5px;
  margin-top: 2px;
}
.joms-postbox__poll-option input.poll_option,
.joms-postbox__poll-option input.joms-input,
.joms-poll-option input.poll_option,
.joms-poll-option input.joms-input {
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline-block;
  height: 30px;
  max-width: 300px;
  margin: 0;
  width: 80%;
  border-radius: 3px 0 0 3px;
  float: left;
}
.joms-postbox__poll-option a.joms-postbox-poll__remove-option,
.joms-postbox__poll-option a.joms-poll-option__remove,
.joms-poll-option a.joms-postbox-poll__remove-option,
.joms-poll-option a.joms-poll-option__remove {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  display: inline-block;
  height: 30px;
  margin-left: 0;
  margin-top: 0;
  padding: 5px 10px;
  text-align: center;
  border-left: 0;
  border-radius: 0 3px 3px 0;
}
.joms-postbox__poll-option a.joms-postbox-poll__remove-option svg,
.joms-postbox__poll-option a.joms-poll-option__remove svg,
.joms-poll-option a.joms-postbox-poll__remove-option svg,
.joms-poll-option a.joms-poll-option__remove svg {
  width: 10px;
  line-height: 30px;
}

.joms-postbox-poll-options,
.joms-postbox-poll-settings,
.joms-postbox-poll-category {
  margin-bottom: 15px;
}

.joms-postbox-poll .poll-time__dropdown {
  max-width: 300px;
}
.joms-postbox-poll .poll-time__dropdown .poll-time__column {
  padding: 10px 10px 25px 10px;
}

.joms-postbox__poll-time .joms-postbox__poll-time--inner > span {
  display: inline-block;
  margin-bottom: 4px;
}
.joms-postbox__poll-time .joms-postbox__poll-time--inner input.picker__input {
  border: 1px solid #ccc;
  height: 30px;
}

ul.joms-poll__option-list {
  list-style: none;
  margin: 0;
}

.joms-poll__checkbox--custom {
  position: relative;
}
.joms-poll__checkbox--custom label {
  background-color: #fff;
  border: 1px solid #9c9c9c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  margin-top: 3px;
  position: absolute;
  top: 0;
  height: 14px;
  width: 14px;
  left: 0;
}
.joms-poll__checkbox--custom input[type=checkbox] {
  visibility: hidden;
}
.joms-poll__checkbox--custom input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.joms-poll__checkbox--custom input[type=checkbox][disabled] + label {
  background-color: #d2d2d2;
}
.joms-poll__checkbox--custom.input--checkbox label {
  border-radius: 3px;
}
.joms-poll__checkbox--custom.input--checkbox label:after {
  border: 2px solid #696969;
  border-top: none;
  border-right: none;
  content: "";
  height: 4px;
  width: 7px;
  position: absolute;
  top: 3px;
  left: 3px;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.joms-poll__checkbox--custom.input--radio label {
  border-radius: 50%;
}
.joms-poll__checkbox--custom.input--radio label:after {
  content: "";
  height: 6px;
  width: 6px;
  left: 3px;
  top: 3px;
  position: absolute;
  background-color: #666;
  border-radius: 50%;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.colorful-status__container {
  background-size: cover;
  background-position: center;
  cursor: text;
  font-size: 30px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 300px;
}
@media only screen and (max-width: 480px) {
  .colorful-status__container {
    font-size: 18px;
    min-height: 200px;
  }
}
.colorful-status__container .colorful-status__inner {
  padding: 50px 30px;
  line-height: 34px;
  width: 100%;
  word-wrap: break-word;
}
.colorful-status__container .colorful-status__inner:focus {
  outline: 0px solid transparent;
}
@media only screen and (max-width: 480px) {
  .colorful-status__container .colorful-status__inner {
    font-size: 18px;
    padding: 10px 10px;
    line-height: inherit;
  }
}
.colorful-status__container .colorful-status__inner .joms-content-emo2 {
  width: 30px;
  height: 30px;
}

.colorful-status__addition {
  margin-bottom: 5px;
}

.joms-module--photo__item, .joms-module--video__item {
  margin-bottom: 14px;
}
.joms-module--photo__item:last-child, .joms-module--video__item:last-child {
  margin-bottom: 0;
}
.joms-module--photo__item .joms-stream__header, .joms-module--video__item .joms-stream__header {
  margin-bottom: 0;
}

.joms-module--toolbar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  padding: 0 !important;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.joms-module--toolbar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.joms-module--toolbar > ul {
  float: left;
}
.joms-module--toolbar > ul > li > a {
  display: block;
}
.joms-module--toolbar > ul > li > a .joms-icon {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .joms-module--toolbar {
    padding: 2px;
  }
  .joms-module--toolbar > ul {
    width: auto !important;
  }
  .joms-module--toolbar > ul > li {
    padding: 0;
  }
  .joms-module--toolbar > ul > li > a {
    padding: 10px 8.5px 13px;
  }
}
.joms-module--toolbar .joms-form {
  float: left;
  padding: 4.5px;
}
.joms-module--toolbar .joms-popover {
  padding: 0;
}
.joms-module--toolbar .joms-popover > li:last-child {
  margin-bottom: 0;
}
.joms-module--toolbar .joms-input--append,
.joms-module--toolbar .joms-button__wrapper,
.joms-module--toolbar .joms-link__wrapper,
.joms-module--toolbar .joms-checkbox {
  float: left;
}
.joms-module--toolbar .joms-checkbox {
  margin-top: 3px;
  margin-left: 5px;
}
.joms-module--toolbar .joms-checkbox span {
  margin-top: 6px;
  color: #fff;
}
.joms-module--toolbar .joms-link__wrapper {
  margin-top: 9px;
  margin-left: 5px;
}
.joms-module--toolbar .joms-link__wrapper > a {
  color: #fff;
}
.joms-module--toolbar .joms-input--append {
  margin-right: 2px;
}
.joms-module--toolbar .joms-input--append .joms-input {
  max-width: 150px;
}
.joms-module--toolbar .joms-input--append svg {
  top: 11px;
  fill: #7f8c8d;
}
.joms-module--toolbar .joms-input {
  width: 100%;
  margin-bottom: 0;
}
.joms-module--toolbar #fb-root {
  float: left;
  margin-top: 0;
}
.joms-module--toolbar .fb_iframe_widget {
  float: right;
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 7px;
}
.joms-module--toolbar form {
  margin: 0;
}
.joms-module--toolbar .joms-avatar a {
  padding: 0;
}
.joms-module--toolbar .joms-avatar img {
  max-width: 30px;
  max-height: 30px;
  padding: 2px;
}
.joms-module--toolbar .joms-user {
  padding: 8.5px;
  vertical-align: middle;
}
.joms-module--toolbar .joms-dropdown, .joms-module--toolbar .joms-popover {
  right: 0;
}
.joms-module--toolbar .joms-notifications__label {
  top: 5px;
  left: auto;
  right: 0;
}
.joms-module--toolbar .joms-text--normal a:hover,
.joms-module--toolbar .joms-text--normal a:focus {
  color: #424242;
  text-decoration: none;
}

.joms-module--toolbar-on {
  padding: 0 !important;
}

.joms-module--toolbar__brand {
  float: left;
  margin-left: 14px;
  margin-right: 14px;
  line-height: 45px;
  text-align: left;
}
.joms-module--toolbar__brand + ul {
  width: 80%;
}
.joms-module--toolbar-on .joms-module--toolbar__brand {
  width: 20%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 14px;
  padding-right: 8.5px;
  line-height: 52px;
}
.joms-module--toolbar__brand > a {
  line-height: 1;
  vertical-align: baseline !important;
}
.joms-module--toolbar__brand > a > img {
  max-width: 100%;
  max-height: 40px;
  line-height: 1;
}
.joms-module--toolbar__brand + .joms-button--neutral {
  float: right;
  margin-top: 4px;
  margin-right: 14px;
}
@media only screen and (min-width: 992px) {
  .joms-module--toolbar__brand {
    width: auto;
    max-width: 200px;
    margin-left: 14px;
    margin-right: 14px;
    line-height: 45px;
  }
  .joms-module--toolbar-on .joms-module--toolbar__brand {
    width: auto;
    margin-left: 14px;
    margin-right: 14px;
    padding: 0;
    line-height: 45px;
  }
}

.joms-module--toolbar__menu {
  float: left;
}
.joms-module--toolbar__menu .joms-search {
  margin-left: 5px;
}
.joms-module--toolbar__menu .joms-search .joms-input {
  min-width: 190px;
}
.joms-module--toolbar__menu .joms-dropdown, .joms-module--toolbar__menu .joms-popover {
  left: 0;
  right: auto;
  width: auto;
  min-width: 190px;
}
.joms-module--toolbar__menu .joms-dropdown > li, .joms-module--toolbar__menu .joms-popover > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.joms-module--toolbar__menu .joms-dropdown > li:last-child, .joms-module--toolbar__menu .joms-popover > li:last-child {
  background-color: rgba(0, 0, 0, 0.01);
  border-bottom: 0;
  text-align: center;
}

.joms-module--toolbar__action {
  width: 30%;
}
.joms-module--toolbar__action > li:first-child,
.joms-module--toolbar__action > li:nth-child(2) {
  background: none !important;
}
.joms-module--toolbar__action > a {
  display: inline-block !important;
}
.joms-module--toolbar__action .joms-avatar {
  display: inline-block;
  margin-right: 10%;
}
@media only screen and (min-width: 992px) {
  .joms-module--toolbar__action {
    float: right !important;
    width: auto;
  }
  .joms-module--toolbar__action .joms-avatar {
    display: block;
    margin-right: 0;
  }
}

.joms-module--toolbar__modal .joms-link__wrapper {
  margin-top: 5px;
}
.joms-module--toolbar__modal .joms-input--append svg {
  top: 11px;
  left: 12px;
}

.joms-module--membersearch {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.joms-module--membersearch * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.joms-module--membersearch > ul > li > a {
  display: block;
}
.joms-module--membersearch > ul > li > a .joms-icon {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .joms-module--membersearch {
    padding: 2px;
  }
  .joms-module--membersearch > ul > li {
    padding: 0;
  }
  .joms-module--membersearch > ul > li > a {
    padding: 10px 8.5px 13px;
  }
}
.joms-module--membersearch .joms-popover {
  padding: 0;
}
.joms-module--membersearch .joms-popover > li:last-child {
  margin-bottom: 0;
}
.joms-module--membersearch form {
  margin: 0;
}
.joms-module--membersearch .joms-avatar a {
  padding: 0;
}
.joms-module--membersearch .joms-avatar img {
  max-width: 30px;
  max-height: 30px;
  padding: 2px;
}
.joms-module--membersearch .joms-dropdown, .joms-module--membersearch .joms-popover {
  left: 0;
  right: 0;
  width: auto;
  min-width: 150px;
}
.joms-module--membersearch .joms-dropdown > li, .joms-module--membersearch .joms-popover > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.joms-module--membersearch .joms-dropdown > li:last-child, .joms-module--membersearch .joms-popover > li:last-child {
  background-color: rgba(0, 0, 0, 0.01);
  border-bottom: 0;
  text-align: center;
}

.joms-module--eventssuggestions .joms-hcard__cover,
.joms-module--groupssuggestions .joms-hcard__cover {
  height: 80px;
}
.joms-module--eventssuggestions .joms-hcard__info,
.joms-module--groupssuggestions .joms-hcard__info {
  position: absolute;
  padding: 8.6524757823px;
}
.joms-module--eventssuggestions .joms-hcard .joms-date,
.joms-module--groupssuggestions .joms-hcard .joms-date {
  width: 35px;
}
.joms-module--eventssuggestions .joms-hcard .joms-date span:last-child,
.joms-module--groupssuggestions .joms-hcard .joms-date span:last-child {
  padding-left: 2px;
  font-size: 14px;
  line-height: 1;
}
.joms-module--eventssuggestions .joms-focus__link > li,
.joms-module--groupssuggestions .joms-focus__link > li {
  padding-left: 14px;
  padding-right: 14px;
}
.joms-module--eventssuggestions .joms-focus__date,
.joms-module--groupssuggestions .joms-focus__date {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

:root {
  --js-h1-font-size: 64px;
  --js-h2-font-size: 46px;
  --js-h3-font-size: 22px;
  --js-h4-font-size: 20px;
  --js-h5-font-size: 18px;
  --js-font-size-base: 1rem;
  --js-font-size-sm: .875rem;
  --js-tab-font-size: .875rem;
  --js-font-weight-base: 400;
  --js-link-hover-color: #45F882;
  --js-spacer: 1rem;
  --js-heading-font-weight: 600;
  --js-heading-line-height: 1.3;
  --js-heading-color: #45F882;
  --js-body-bg-color: #161b27;
  --js-stream-content-bg: rgba(0, 0, 0, 0.2);
  --js-border-color: rgba(255, 255, 255, .1);
  --js-border-radius: 8px;
  --js-input-btn-padding-y: 0.75rem;
  --js-input-btn-padding-x: 1.5rem;
  --js-input-btn-sm-padding: .5rem;
  --js-input-btn-line-height: 1.5;
  --js-input-btn-font-size: var(--js-font-size-base);
  --js-input-btn-sm-font-size: 0.875rem;
  --js-input-font-weight: var(--js-font-weight-base);
  --js-input-border-radius: var(--js-border-radius);
  --js-btn-font-size: var(--js-font-size-base);
  --js-btn-font-weight: 700;
  --js-btn-padding-y: 0.875rem;
  --js-btn-padding-x: 1.75rem;
  --js-transition-base: all .3s ease-in-out;
  --js-grid-gutter-width: 2rem;
}

.jomsocial a:hover {
  color: var(--js-link-hover-color);
}

.site-default a {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}

.joms-button--important,
.joms-focus__button--options,
.joms-postbox-tab .joms-postbox-cancel,
.joms-button__reject,
.joms-button--more,
.joms-button--privacy,
.joms-button--neutral,
.joms-focus__button--message,
.joms-button--invite,
.joms-button--secondary,
.joms-button__next,
.joms-focus__button--add,
.joms-postbox-tab .joms-postbox-save,
.joms-postbox-tab .joms-postbox-done,
.joms-button__approve,
.joms-button--login,
.joms-button--add,
.joms-button--primary,
.joms-input[type=text],
.joms-input[type=password],
select.joms-input,
.joms-select,
.joms-input--search[type=text],
.joms-phototag__input input {
  border-radius: var(--js-input-border-radius);
  border-color: var(--js-border-color);
  line-height: var(--js-input-btn-line-height);
  font-weight: var(--js-input-font-weight);
  font-size: var(--js-font-size-sm);
  padding: var(--js-input-btn-sm-padding) var(--js-input-btn-padding-x);
  margin: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
@media screen and (min-width: 576px) {
  .joms-button--important,
  .joms-focus__button--options,
  .joms-postbox-tab .joms-postbox-cancel,
  .joms-button__reject,
  .joms-button--more,
  .joms-button--privacy,
  .joms-button--neutral,
  .joms-focus__button--message,
  .joms-button--invite,
  .joms-button--secondary,
  .joms-button__next,
  .joms-focus__button--add,
  .joms-postbox-tab .joms-postbox-save,
  .joms-postbox-tab .joms-postbox-done,
  .joms-button__approve,
  .joms-button--login,
  .joms-button--add,
  .joms-button--primary,
  .joms-input[type=text],
  .joms-input[type=password],
  select.joms-input,
  .joms-select,
  .joms-input--search[type=text],
  .joms-phototag__input input {
    font-size: var(--js-input-btn-font-size);
    padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  }
}

.joms-button--signup {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  gap: 0.25rem;
  padding: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-button--signup:hover, .joms-button--signup:focus, .joms-button--signup:active {
  color: var(--body-link-hover-color) !important;
  background: none;
}
.joms-button--signup:hover svg, .joms-button--signup:focus svg, .joms-button--signup:active svg {
  fill: var(--body-link-hover-color);
}
.joms-button--signup svg {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}

.joms-select {
  background: #0F1C23;
}
.joms-select:focus {
  background: #0F1C23;
  border-color: #FFBE18;
}

.joms-button--small, .joms-button--smallest, .joms-button--full-small {
  font-size: var(--js-input-btn-sm-font-size) !important;
  padding: var(--js-input-btn-sm-padding) var(--js-input-btn-padding-x);
}

.joms-focus__button--add {
  padding: var(--js-input-btn-sm-padding) var(--js-input-btn-padding-x);
}
@media only screen and (min-width: 992px) {
  .joms-focus__button--add {
    padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  }
}

.border-r {
  border-right: 1px solid var(--js-border-color);
}

@media only screen and (min-width: 481px) {
  .joms-sortings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--js-spacer);
  }
}
.joms-sortings .joms-select--wrapper {
  background: none;
  border: 0;
  border-radius: var(--js-input-border-radius);
  padding: 0;
}
@media only screen and (min-width: 481px) {
  .joms-sortings .joms-select--wrapper {
    width: 100%;
    margin: 0;
  }
}
.joms-sortings .joms-select--wrapper:nth-child(2n+1) {
  margin: 0;
}
@media only screen and (min-width: 481px) {
  .joms-sortings .joms-select--wrapper:nth-child(2n+1) {
    margin-left: 0%;
  }
}

.joms-focus__button--options .joms-icon,
.joms-postbox-tab .joms-postbox-cancel .joms-icon,
.joms-button__reject .joms-icon,
.joms-button--comment .joms-icon,
.joms-button--more .joms-icon,
.joms-button--privacy .joms-icon,
.joms-button--neutral .joms-icon {
  fill: #424242;
}

.joms-button--neutral:hover, .joms-button--neutral:active, .joms-button--neutral:focus {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #424242;
}

.joms-stream__header,
.joms-comment__header,
.joms-poll__header {
  padding: var(--js-spacer);
}

.joms-stream .joms-stream__header, .joms-stream--notifications .joms-stream__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.joms-stream .joms-stream__header .joms-avatar--stream, .joms-stream--notifications .joms-stream__header .joms-avatar--stream {
  background: -webkit-gradient(linear, left top, right top, from(#45F882), to(#c1f862));
  background: linear-gradient(to right, #45F882, #c1f862);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.joms-stream .joms-stream__header .joms-avatar--stream a, .joms-stream--notifications .joms-stream__header .joms-avatar--stream a {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 0.35rem;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.joms-stream .joms-stream__header .joms-avatar--stream a img, .joms-stream--notifications .joms-stream__header .joms-avatar--stream a img {
  border: 2px solid #141924;
  border-radius: 8px;
}
.joms-stream__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joms-stream__body {
  color: #969EB2;
}
.joms-stream__body.no-head {
  padding: var(--js-spacer);
}
.joms-stream__body.no-head b {
  font-weight: var(--js-font-size-base);
}

.joms-button--add {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
  position: unset;
}
.joms-button--add span {
  display: none;
}
.joms-button--add svg {
  display: inline-block;
  min-height: 1.5rem;
}

.joms-focus__button--add:hover,
.joms-postbox-tab .joms-postbox-save:hover,
.joms-postbox-tab .joms-postbox-done:hover,
.joms-button__approve:hover,
.joms-button--login:hover,
.joms-button--add:hover,
.joms-button--primary:hover,
.joms-focus__button--add:active,
.joms-postbox-tab .joms-postbox-save:active,
.joms-postbox-tab .joms-postbox-done:active,
.joms-button__approve:active,
.joms-button--login:active,
.joms-button--add:active,
.joms-button--primary:active,
.joms-focus__button--add:focus,
.joms-postbox-tab .joms-postbox-save:focus,
.joms-postbox-tab .joms-postbox-done:focus,
.joms-button__approve:focus,
.joms-button--login:focus,
.joms-button--add:focus,
.joms-button--primary:focus {
  background: #FFFFFF;
  border-color: #FFFFFF;
}

.joms-input,
.joms-input[type=text],
.joms-input[type=password],
.joms-textarea {
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: var(--js-border-radius);
}
.joms-input option,
.joms-input[type=text] option,
.joms-input[type=password] option,
.joms-textarea option {
  background-color: #0F1C23;
  color: #E7E7E7;
}

.joms-select--wrapper {
  background: none;
  border: 0;
  padding: 0;
}
.joms-select--wrapper:hover, .joms-select--wrapper:focus, .joms-select--wrapper:active {
  border: 0;
  outline: none;
}

.jomsocial-wrapper .jomsocial {
  background: transparent;
  padding: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
  min-height: auto;
}

.joms-toolbar {
  border-radius: var(--js-border-radius);
}
.joms-toolbar > ul > li {
  border-radius: var(--js-border-radius);
}
.joms-toolbar--desktop {
  border-radius: var(--js-border-radius);
}
.joms-toolbar--desktop > ul {
  padding: var(--js-spacer) 0;
}
@media screen and (min-width: 1400px) {
  .joms-toolbar--desktop > ul {
    padding: var(--js-spacer);
  }
}
.joms-toolbar--desktop > ul > li {
  border-radius: var(--js-border-radius);
  margin-left: -3px;
  padding: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-toolbar--desktop > ul > li:active, .joms-toolbar--desktop > ul > li:hover {
  background: #1e3947;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-toolbar--desktop > ul > li.active {
  background: #4ff889;
}
.joms-toolbar--desktop > ul > li.active a {
  color: #0F1C23 !important;
}
.joms-toolbar--desktop > ul > li.active .joms-dropdown a, .joms-toolbar--desktop > ul > li.active .joms-popover a {
  color: #fff !important;
}
.joms-toolbar--desktop > ul > li > a {
  display: block;
  padding: 0.25rem 0.5rem;
}
@media screen and (min-width: 1400px) {
  .joms-toolbar--desktop > ul > li > a {
    font-size: var(--js-font-size-base);
    padding: calc(var(--js-spacer) / 2) var(--js-spacer);
  }
}
.joms-toolbar--desktop .joms-dropdown, .joms-toolbar--desktop .joms-popover {
  border: 1px solid var(--js-border-color);
  top: 140%;
}
.joms-toolbar--desktop .joms-dropdown .joms-js--viewall, .joms-toolbar--desktop .joms-popover .joms-js--viewall {
  background: transparent;
}
.joms-toolbar--desktop .joms-dropdown .joms-js--viewall .joms-button--neutral, .joms-toolbar--desktop .joms-popover .joms-js--viewall .joms-button--neutral {
  background: transparent;
  border: 0;
  color: #969EB2 !important;
  font-size: var(--js-font-size-sm);
  padding: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-toolbar--desktop .joms-dropdown .joms-js--viewall .joms-button--neutral:hover, .joms-toolbar--desktop .joms-popover .joms-js--viewall .joms-button--neutral:hover, .joms-toolbar--desktop .joms-dropdown .joms-js--viewall .joms-button--neutral:active, .joms-toolbar--desktop .joms-popover .joms-js--viewall .joms-button--neutral:active, .joms-toolbar--desktop .joms-dropdown .joms-js--viewall .joms-button--neutral:focus, .joms-toolbar--desktop .joms-popover .joms-js--viewall .joms-button--neutral:focus {
  color: #45F882 !important;
  text-decoration: underline;
}
.joms-toolbar--desktop .joms-popover--toolbar-general,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest,
.joms-toolbar--desktop .joms-popover--toolbar-chat {
  border: 1px solid var(--js-border-color);
  -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
          box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  padding: 0.5rem;
}
.joms-toolbar--desktop .joms-popover--toolbar-general li,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest li,
.joms-toolbar--desktop .joms-popover--toolbar-chat li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border-radius: var(--js-border-radius);
  color: #969EB2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: var(--js-font-size-sm);
  margin: 0;
  padding: 0.5rem;
}
.joms-toolbar--desktop .joms-popover--toolbar-general li:hover,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest li:hover,
.joms-toolbar--desktop .joms-popover--toolbar-chat li:hover {
  background: #2f3954;
}
.joms-toolbar--desktop .joms-popover--toolbar-general li + li,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest li + li,
.joms-toolbar--desktop .joms-popover--toolbar-chat li + li {
  margin-top: 0.25rem;
}
.joms-toolbar--desktop .joms-popover--toolbar-general li .joms-popover__content,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest li .joms-popover__content,
.joms-toolbar--desktop .joms-popover--toolbar-chat li .joms-popover__content {
  padding: 0;
}
.joms-toolbar--desktop .joms-popover--toolbar-general li small,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest li small,
.joms-toolbar--desktop .joms-popover--toolbar-chat li small {
  font-size: 12px;
}
.joms-toolbar--desktop .joms-popover--toolbar-general .joms-js--empty,
.joms-toolbar--desktop .joms-popover--toolbar-general .cEmpty,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest .joms-js--empty,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest .cEmpty,
.joms-toolbar--desktop .joms-popover--toolbar-chat .joms-js--empty,
.joms-toolbar--desktop .joms-popover--toolbar-chat .cEmpty {
  font-size: var(--js-font-size-base);
  text-align: center;
  padding: 0 0 var(--js-spacer);
}
.joms-toolbar--desktop .joms-popover--toolbar-general .joms-js--empty:hover,
.joms-toolbar--desktop .joms-popover--toolbar-general .cEmpty:hover,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest .joms-js--empty:hover,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest .cEmpty:hover,
.joms-toolbar--desktop .joms-popover--toolbar-chat .joms-js--empty:hover,
.joms-toolbar--desktop .joms-popover--toolbar-chat .cEmpty:hover {
  background: none;
}
.joms-toolbar--desktop .joms-popover--toolbar-general a.joms-button--neutral,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest a.joms-button--neutral,
.joms-toolbar--desktop .joms-popover--toolbar-chat a.joms-button--neutral {
  border: 0;
  background: transparent;
  font-size: var(--js-input-btn-sm-font-size);
  padding: 0;
  width: auto !important;
  color: #969EB2 !important;
}
.joms-toolbar--desktop .joms-popover--toolbar-general a.joms-button--neutral:hover,
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest a.joms-button--neutral:hover,
.joms-toolbar--desktop .joms-popover--toolbar-chat a.joms-button--neutral:hover {
  color: var(--js-link-hover-color) !important;
  text-decoration: underline;
}
.joms-toolbar--desktop .joms-js--notification-toolbar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--js-spacer);
  margin-top: 0.5rem;
}
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest li .joms-popover__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest .cAlert {
  text-align: center;
  padding: 0;
  width: 100%;
}
.joms-toolbar--desktop .joms-popover--toolbar-friendrequest .joms-button--neutral {
  text-align: center;
  display: block;
}
.joms-toolbar--desktop .joms-popover--toolbar-general .joms-button--neutral {
  margin-top: var(--js-spacer);
  text-align: center;
  display: block;
}
.joms-toolbar--desktop .joms-popover--toolbar-chat .joms-js--empty {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.joms-toolbar--desktop .joms-popover--toolbar-search .joms-js--field {
  padding: calc(var(--js-spacer) / 2);
}
.joms-toolbar--desktop .joms-popover--toolbar-search .joms-js--field:hover {
  background: none;
}

.joms-subnav--desktop,
.joms-toolbar--desktop,
.joms-toolbar--mobile {
  margin-bottom: calc(var(--js-grid-gutter-width) / 2);
}

.joms-popover--toolbar-chat-item.unread {
  background: #2f3954;
}

.joms-menu,
.joms-menu--user {
  border-radius: var(--js-border-radius);
  width: calc(220px - (var(--js-spacer)));
  height: calc(100% - var(--js-spacer) * 2);
}

@media (max-width: 576px) {
  .joms-menu a, .joms-menu--user a {
    font-size: 1rem;
  }
  .joms-menu .show-submenu ul a, .joms-menu--user .show-submenu ul a {
    font-size: 14px;
    margin-left: 0.5rem;
  }
}
.joms-subnav--desktop {
  border-radius: var(--js-border-radius);
  border-color: var(--js-border-color);
}
.joms-subnav--desktop > ul > li {
  padding: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-subnav--desktop > ul > li:hover {
  background: transparent;
}
.joms-subnav--desktop > ul > li a {
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
  padding: calc(var(--js-spacer) / 2) var(--js-spacer);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-subnav--desktop > ul > li a.active {
  background: #45F882;
  color: #0F1C23;
  font-weight: 500;
}
.joms-subnav--desktop > ul > li:hover, .joms-subnav--desktop > ul > li:focus {
  background: #172a35;
}
.joms-subnav--desktop > ul > li.active {
  background: #45F882;
}

.joms-landing {
  background: #141924;
  border-radius: var(--js-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 500px;
  margin-bottom: var(--js-grid-gutter-width);
  position: relative;
}
@media only screen and (min-width: 481px) {
  .joms-landing {
    min-height: 600px;
  }
}
@media screen and (min-width: 992px) {
  .joms-landing__action .joms-input--append {
    width: 100%;
    margin-right: 0;
  }
}
.joms-landing__action .joms-input--append + .joms-input--append {
  margin-top: var(--js-spacer);
}
.joms-landing__action .joms-input--append svg {
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.joms-landing__action .joms-checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: var(--js-spacer);
  width: 100%;
}
.joms-landing__action .joms-checkbox input {
  display: inline-block;
  margin: 0;
}
.joms-landing__action .joms-checkbox span {
  font-size: var(--js-font-size-sm);
  margin-top: 0;
}
.joms-landing__action button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--js-btn-font-size);
  font-weight: var(--js-btn-font-weight);
  font-family: var(--heading-font-family);
  border-color: rgba(255, 255, 255, 0.1);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .joms-landing__action button {
    font-size: 1rem;
    min-width: 160px;
  }
}
.joms-landing__image {
  border-top-right-radius: var(--js-border-radius);
  border-bottom-right-radius: var(--js-border-radius);
  background-position: center left !important;
}
.joms-landing__contents {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem;
}
.joms-landing__contents h1 {
  margin: 0 0 2rem;
}
.joms-landing__group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 400px;
  margin: auto;
  margin-top: 2rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.joms-landing__group-item a {
  margin: 0;
  font-size: 0.875rem;
}
.joms-landing__group-item a:active, .joms-landing__group-item a:hover, .joms-landing__group-item a:focus {
  color: var(--body-link-hover-color);
}
.joms-landing__cover {
  border-radius: 0.75rem;
  padding: var(--js-spacer);
  width: 100%;
}
@media screen and (max-width: 756px) {
  .joms-landing__cover {
    height: 300px;
  }
}
.joms-landing .joms-landing__text {
  display: inline-block !important;
}
.joms-landing .joms-landing__member-area {
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-radius: var(--js-border-radius);
  bottom: var(--js-spacer);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  padding: 1.5rem;
  top: var(--js-spacer);
  width: 100%;
  height: 100%;
  top: 0;
}
@media only screen and (min-width: 481px) {
  .joms-landing .joms-landing__member-area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: var(--js-spacer);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80%;
    right: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: var(--js-spacer);
    height: unset;
  }
}
@media screen and (min-width: 992px) {
  .joms-landing .joms-landing__member-area {
    right: var(--js-spacer);
    width: 45%;
    padding: calc(var(--js-spacer) * 2);
    left: unset;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.joms-landing .joms-landing__member-area .joms-actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: var(--js-spacer);
  gap: 1rem;
}
.joms-landing__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-right-radius: var(--js-border-radius);
  border-bottom-right-radius: var(--js-border-radius);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 0;
  padding: 4rem;
}
.joms-landing__text {
  text-align: center;
  width: 100%;
}
.joms-landing__text h2 {
  color: var(--js-heading-color);
  font-weight: var(--js-heading-font-weight);
  font-size: var(--h3-font-size);
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .joms-landing__text h2 {
    font-size: var(--h2-font-size);
  }
}
@media screen and (min-width: 992px) {
  .joms-landing__text h2 {
    font-size: var(--h4-font-size);
  }
}
@media screen and (min-width: 1200px) {
  .joms-landing__text h2 {
    font-size: var(--js-h2-font-size);
  }
}
.joms-landing__text p {
  color: white;
}
@media screen and (min-width: 1400px) {
  .joms-landing__text p {
    margin: 0 calc(var(--js-spacer) * 2) var(--js-spacer);
  }
}
.joms-landing__signup {
  text-align: center;
}
.joms-landing__action {
  background: transparent;
  padding: 0;
}
.joms-landing .joms-other-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: var(--js-spacer) 0 calc(var(--js-spacer) * 1.5);
  gap: 0.5rem;
}
.joms-landing .joms-other-links a {
  font-size: var(--js-font-size-sm);
  margin: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
@media screen and (max-width: 992px) {
  .joms-landing .joms-other-links a {
    width: auto;
  }
}

@media only screen and (min-width: 992px) {
  .joms-main:not(.joms-main--full) {
    padding-left: var(--js-grid-gutter-width);
  }
}

.joms-main--full .joms-stream__actions {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}

.joms-focus {
  border-radius: var(--js-border-radius);
  background: #141924;
}
.joms-focus__cover-image, .joms-focus__cover, .joms-focus__cover-image--mobile {
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
}
.joms-focus--mini {
  height: unset;
}
.joms-focus .joms-focus__link > li {
  color: #969EB2;
}
.joms-focus .joms-focus__link a {
  color: #FFFFFF !important;
  font-weight: var(--js-font-weight-base);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-focus .joms-focus__link a:hover, .joms-focus .joms-focus__link a:focus, .joms-focus .joms-focus__link a:active {
  color: #45F882 !important;
}
.joms-focus .joms-focus__header {
  background: rgba(0, 0, 0, 0.8);
  padding: var(--js-spacer);
}
.joms-focus .joms-focus__header h3,
.joms-focus .joms-focus__header h2 {
  font-weight: var(--js-heading-font-weight);
}

.joms-body .joms-focus__link {
  border-radius: 0 0 var(--js-border-radius) var(--js-border-radius);
}
.joms-body .joms-focus__link li {
  border: 0;
}

.joms-focus__button--options--desktop .joms-dropdown, .joms-focus__button--options--desktop .joms-popover,
.joms-list__options .joms-dropdown,
.joms-list__options .joms-popover {
  border-radius: var(--js-border-radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.joms-focus__button--options--desktop .joms-dropdown .separator, .joms-focus__button--options--desktop .joms-popover .separator,
.joms-list__options .joms-dropdown .separator,
.joms-list__options .joms-popover .separator {
  border-color: var(--js-border-color);
}
.joms-focus__button--options--desktop .joms-dropdown a, .joms-focus__button--options--desktop .joms-popover a,
.joms-list__options .joms-dropdown a,
.joms-list__options .joms-popover a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.joms-focus__button--options--desktop .joms-button--options,
.joms-list__options .joms-button--options {
  right: var(--js-spacer);
}

a.joms-focus__button--options {
  display: none;
}

.joms-postbox {
  border: 0;
  border-radius: var(--js-border-radius);
  margin-bottom: calc(var(--js-grid-gutter-width) / 2);
}
.joms-postbox .joms-postbox-tab .joms-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.joms-postbox .joms-postbox-tab li {
  border-radius: var(--js-border-radius);
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  padding: 0.25rem 0.5rem;
}
.joms-postbox .joms-postbox-tab li.active {
  background: #1d2434;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.joms-postbox .joms-postbox-tab li:hover {
  background: #1d2434;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.joms-activity-filter {
  border-radius: var(--js-border-radius);
  margin-bottom: calc(var(--js-grid-gutter-width) / 2);
  padding: var(--js-spacer);
}
.joms-activity-filter-dropdown {
  border-color: #45F882;
  border-radius: var(--js-border-radius);
}
.joms-activity-filter .joms-activity-filter-action {
  font-size: var(--js-font-size-base);
  font-weight: var(--js-font-weight-base);
}
.joms-activity-filter .joms-activity-filter-status {
  font-weight: var(--js-font-weight-base);
}
.joms-activity-filter .joms-postbox-dropdown li:hover:last-child {
  background: transparent;
}
.joms-activity-filter .joms-activity-filter__options {
  right: var(--js-spacer);
  top: 10px;
}

.joms-postbox-content {
  background: transparent;
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
}

.joms-postbox-tab {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--js-border-color);
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0.25rem;
}
.joms-postbox-tab .joms-postbox-cancel,
.joms-postbox-tab .joms-postbox-save {
  font-size: 12px;
  padding: 0.25rem 0.5rem;
}
.joms-postbox-tab .joms-postbox-action {
  position: unset;
}

.joms-postbox-tabs .j-video-fetcher .video-input,
.joms-postbox-tabs .joms-postbox-event .event-title-input,
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner {
  border-color: var(--js-border-color);
  padding: calc(var(--js-spacer) / 2) var(--js-spacer);
}
.joms-postbox-tabs .j-video-fetcher .video-input input,
.joms-postbox-tabs .joms-postbox-event .event-title-input input,
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner input {
  border-radius: var(--js-input-border-radius);
  background: #0F1C23;
  border-color: rgba(255, 255, 255, 0.1);
  color: #E7E7E7;
  font-size: var(--js-input-btn-font-size);
  line-height: var(--js-input-btn-line-height);
  font-weight: var(--js-input-font-weight);
  padding: var(--js-input-btn-padding-y) 0;
  margin: 0;
}
.joms-postbox-tabs .j-video-fetcher .video-input input:focus,
.joms-postbox-tabs .joms-postbox-event .event-title-input input:focus,
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner input:focus {
  color: #FFBE18;
  border-color: #FFBE18;
}
.joms-postbox-tabs .joms-postbox__poll-option,
.joms-postbox-tabs .joms-poll-option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--js-spacer);
}
.joms-postbox-tabs .joms-postbox__poll-option a.joms-postbox-poll__remove-option,
.joms-postbox-tabs .joms-poll-option a.joms-postbox-poll__remove-option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E74C3C;
  border-color: #E74C3C;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  padding: 0;
  width: 20px;
}
.joms-postbox-tabs .joms-postbox__poll-option a.joms-postbox-poll__remove-option .joms-icon,
.joms-postbox-tabs .joms-poll-option a.joms-postbox-poll__remove-option .joms-icon {
  fill: #fff;
  width: 6px;
}
.joms-postbox-tabs #joms-allow-multiple-checkbox {
  vertical-align: baseline;
  margin-right: 0.5rem;
}
.joms-postbox-tabs .joms-postbox-dropdown-select .joms-list {
  background: #1d2434;
  border-color: #FFBE18;
  border-radius: var(--js-border-radius);
}
.joms-postbox-tabs .joms-postbox-dropdown-select .joms-list li {
  border-radius: calc(var(--js-border-radius) / 2);
}
.joms-postbox-tabs .joms-postbox-dropdown-select .joms-list li:hover {
  background: #0F1C23;
}
.joms-postbox-tabs .dropzone .dz-preview.dz-image-preview {
  background: transparent;
}
.joms-postbox-tabs .j-video-fetcher .video-category {
  border-color: var(--js-border-color);
}
.joms-postbox-tabs .joms-postbox-file-upload {
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.joms-postbox-tabs .joms-postbox-file-upload:hover {
  background: #1d2434;
  border-radius: var(--js-border-radius);
}
.joms-postbox-tabs .joms-postbox-dropdown {
  border-top: 1px;
  border-color: var(--js-border-color);
  border-radius: var(--js-border-radius);
  background: #161b27;
  -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
          box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.joms-postbox-tabs .joms-postbox-dropdown .joms-postbox-keyword {
  margin: var(--js-spacer) 0;
}
.joms-postbox-tabs .joms-postbox-dropdown .joms-list li {
  border-radius: var(--js-border-radius);
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.joms-postbox-tabs .joms-postbox-dropdown .joms-list li + li {
  margin-top: 0.25rem;
}
.joms-postbox-tabs .joms-postbox-dropdown .joms-list li:hover {
  background: #1d2434;
}
.joms-postbox-tabs .joms-postbox-dropdown .joms-select--wrapper {
  border: 0;
  background: transparent;
  padding: 0;
}
.joms-postbox-tabs .joms-postbox-dropdown .joms-postbox-action {
  margin-top: var(--js-spacer);
}
.joms-postbox-tabs .joms-postbox-dropdown p {
  font-weight: var(--js-font-weight-base);
}
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner {
  border-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: var(--js-spacer);
}
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner input.poll_option,
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner .joms-input {
  padding-left: var(--js-input-btn-padding-y);
  padding-right: var(--js-input-btn-padding-y);
  height: unset;
}
.joms-postbox-tabs .joms-postbox-poll .joms-postbox-poll-inner .joms-postbox-dropdown-select span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--js-border-radius);
  font-size: var(--js-font-size-base);
  font-weight: var(--js-font-weight-base);
  padding: var(--js-input-btn-padding-y);
}
.joms-postbox-tabs .joms-postbox-custom-wrapper li {
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-postbox-tabs .joms-postbox-custom-wrapper li:hover {
  background: #1d2434;
}

.joms-postbox-video .j-video-upload .j-video-upload-category {
  border-bottom: 1px solid var(--js-border-color);
}
.joms-postbox-video .j-video-upload .video-title {
  border-bottom: 1px solid var(--js-border-color);
}
.joms-postbox-video .j-video-upload .video-title input {
  background-color: transparent;
}
.joms-postbox-video .j-video-upload .video-title input:focus {
  color: #fff !important;
}

.joms-postbox-charcount {
  border-top-right-radius: var(--js-border-radius);
}

.j-editor-touch-device .j-textarea {
  padding: var(--js-spacer);
}

.jomsocial img {
  border-radius: var(--js-border-radius);
}

.joms-avatar--video img,
.joms-avatar--stream img,
.joms-avatar--comment img,
.joms-avatar--focus img,
.joms-avatar--poll img,
.joms-avatar img {
  background: transparent;
  padding: 0;
}

.joms-module__wrapper {
  border-radius: var(--js-border-radius);
  margin-bottom: calc(var(--js-grid-gutter-width) / 2);
  overflow: hidden;
}
.joms-module__wrapper .joms-text--title {
  font-size: var(--js-h3-font-size);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  margin-bottom: var(--js-spacer);
  padding-bottom: var(--js-spacer);
  position: relative;
}
.joms-module__wrapper .joms-text--title::after {
  background: linear-gradient(96deg, #45F882 0%, #FFBE18 100%);
  bottom: 0;
  content: "";
  left: 0;
  height: 1px;
  width: 100%;
  position: absolute;
}
.joms-module__wrapper #joms-group--discussion .joms-stream__container:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.joms-module__wrapper #joms-group--discussion .joms-stream__container .joms-stream__user {
  font-family: var(--heading-font-family);
  font-size: var(--js-h5-font-size);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
}

.joms-tab__bar a {
  border-bottom: 1px solid var(--js-border-color);
  font-size: var(--js-tab-font-size);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
  padding: var(--js-spacer);
}
.joms-tab__bar a.active {
  border-bottom: 1px solid #45F882;
  color: #45F882;
  font-weight: var(--js-font-weight-base);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-tab__bar a.active:hover {
  border-color: var(--js-link-hover-color);
  color: var(--js-link-hover-color);
}
.joms-tab__bar a:hover {
  color: var(--js-link-hover-color);
}

@media (max-width: 576px) {
  .joms-tab__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    overflow-x: scroll;
  }
  .joms-tab__bar > a {
    display: inline-block;
    width: 100%;
  }
  .joms-tab__bar .joms-tab__bar--button {
    display: inline-block;
  }
  .joms-tab__bar .joms-tab__bar--button span {
    display: inline-block;
    white-space: nowrap;
  }
}
.joms-button--link {
  position: relative;
}
.joms-button--link::after {
  border-bottom: 1px solid var(--js-link-hover-color);
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  position: absolute;
  padding-bottom: 0.375rem;
  width: 0;
}
.joms-button--link:hover {
  color: var(--js-link-hover-color);
}
.joms-button--link:hover::after {
  width: 100%;
}

.joms-tab__content {
  padding: var(--js-spacer);
}
.joms-tab__content .joms-list--files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--js-spacer);
}
.joms-tab__content .joms-list--files::after, .joms-tab__content .joms-list--files::before {
  display: none;
}
.joms-tab__content .joms-list--files .joms-list__item {
  background: #0B0E13;
  border: 1px solid #0B0E13;
  border-radius: var(--js-border-radius);
  margin: 0;
  font-size: var(--js-h5-font-size);
  font-weight: var(--js-heading-font-weight);
  padding: var(--js-spacer);
}
.joms-tab__content .joms-list--files .joms-list__item > a {
  display: block;
  font-family: var(--heading-font-family);
  line-height: var(--js-heading-line-height);
  margin-bottom: var(--js-spacer);
}
.joms-tab__content .joms-list--files .joms-list__item .joms-text--small {
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
}

.com_community .js-polls-module .joms-poll__option-list {
  padding-left: 0;
}
.com_community .js-polls-module .joms-poll__progress {
  background: #000;
}
.com_community .js-polls-module .joms-poll-info {
  border-color: var(--js-border-color);
}

.module-inner .js-polls-module .joms-list__content_polls {
  background: transparent;
  padding: 0;
  border: 0;
}
.module-inner .js-polls-module .joms-poll-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: var(--js-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 0;
  padding: 1rem 0 0;
}
.module-inner .js-polls-module ul.joms-poll__option-list {
  padding-left: 0;
}

.joms-poll__progress {
  background: #000;
  border-radius: var(--js-border-radius);
  margin-top: 0.25rem;
  height: 8px;
  padding: 0;
}
.joms-poll__progress .joms-poll__progress-bar {
  background: -webkit-gradient(linear, left top, right top, from(#45F882), to(#FFBE18));
  background: linear-gradient(to right, #45F882, #FFBE18);
  border-radius: var(--js-border-radius);
}

.joms-poll__voted-users a {
  font-size: 0.75rem;
}

.joms-popover__content h5 {
  font-size: var(--js-h5-font-size);
  font-weight: var(--js-heading-font-weight);
}

.joms-sidebar .joms-tab__content .joms-stream__header {
  padding: calc(var(--js-spacer) / 2);
}
.joms-sidebar .joms-list--thumbnail .joms-list__item {
  padding: 0.25rem;
}
.joms-sidebar .joms-list--thumbnail .joms-list__item:hover {
  opacity: 0.85;
}

.joms-module--hellome .joms-hcard {
  max-width: unset;
}
.joms-module--hellome .joms-hcard__cover {
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
}
.joms-module--hellome .joms-hcard__badges {
  border-bottom: 1px solid var(--js-border-color);
}
.joms-module--hellome .joms-list--hellome {
  border-radius: 0 0 var(--js-border-radius) var(--js-border-radius);
  margin-bottom: var(--js-spacer);
}
.joms-module--hellome .joms-list--hellome li {
  color: var(--headings-color);
  border-color: var(--js-border-color) !important;
}
.joms-module--hellome .joms-hcard__info {
  z-index: 2;
}
.joms-module--hellome .joms-action--hellome {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.joms-module--hellome .joms-action--hellome div {
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.joms-module--hellome .joms-button--hellome {
  background: #FFBE18;
  border-radius: var(--js-border-radius);
  color: #FFFFFF;
}
.joms-module--hellome .joms-button--hellome .joms-icon {
  fill: #FFFFFF;
}
.joms-module--hellome .joms-button--hellome:hover {
  background: #FFBE18;
  opacity: 0.8;
}
.joms-module--hellome .joms-button--hellome:hover.logout {
  background: #E74C3C;
  opacity: 0.8;
}

.joms-list--group .joms-stream__header {
  background: #0B0E13;
  border-radius: var(--js-border-radius);
  border: 1px solid transparent;
  margin: 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
  padding: calc(var(--js-spacer) / 2);
}
.joms-list--group .joms-stream__header:hover {
  border-color: var(--js-link-hover-color);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-list--group .joms-stream__header {
    display: block;
    text-align: center;
  }
}
.joms-list--group .joms-stream__header + .joms-stream__header {
  margin-top: var(--js-spacer);
}
.joms-list--group .joms-popover__avatar {
  vertical-align: baseline;
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-list--group .joms-popover__avatar {
    display: block;
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-list--group .joms-popover__content {
    display: block;
    padding: 0;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-list--group .joms-list--inline li {
    display: inline-block;
    float: unset;
  }
}
.joms-list--group .joms-gap--small {
  height: 0;
}

.joms-list--event li.joms-media--event {
  border-radius: var(--js-border-radius);
  background: #0B0E13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--js-spacer);
}
.joms-list--event li.joms-media--event + li {
  padding-top: 1rem;
}
.joms-list--event li.joms-media--event .joms-media__calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 60px;
  height: auto;
}
.joms-list--event li.joms-media--event .joms-media__calendar .date {
  padding: 0;
}
.joms-list--event li.joms-media--event .joms-media__body .joms-gap--small {
  display: none;
}
.joms-list--event .joms-media__calendar .month {
  background: #FFBE18;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #424242;
}
.joms-list--event .joms-media__calendar .date {
  border: 0;
  background: white;
  border-radius: 0 0 0.25rem 0.25rem;
  color: #424242;
}
.joms-list--event .joms-media__body {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 481px) {
  .joms-list--event .joms-media__body {
    padding: 0 0 0 var(--js-spacer);
  }
}
.joms-list--event .joms-media__body .reset-gap a {
  display: -webkit-box;
  font-size: var(--js-h5-font-size);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.joms-list--event .joms-media__body .joms-block {
  color: #969EB2;
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
}

.joms-module--topmembers > .joms-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.joms-module--topmembers > .joms-list::before, .joms-module--topmembers > .joms-list::after {
  display: none;
}
.joms-module--topmembers .joms-stream__header {
  background-color: #0B0E13;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 1rem 0;
  -ms-flex-preferred-size: calc(50% - 4px);
      flex-basis: calc(50% - 4px);
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-module--topmembers .joms-stream__header {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
  }
}
.joms-module--topmembers .joms-popover__avatar {
  background: -webkit-gradient(linear, left top, right top, from(#45F882), to(#c1f862));
  background: linear-gradient(to right, #45F882, #c1f862);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.35rem;
  display: block;
  height: 46px;
  position: relative;
  width: 46px;
  margin-bottom: 0.5rem;
  padding: 1px;
}
.joms-module--topmembers .joms-popover__avatar img {
  border-radius: 0.35rem;
  border: 2px solid #141924;
  width: 100% !important;
  height: 100% !important;
}
.joms-module--topmembers .joms-list--inline li {
  display: inline-block;
  float: none;
}

.joms-calendar__grid .joms-calendar__pad {
  border-radius: var(--js-border-radius);
  margin-bottom: 1px;
  margin-left: 0;
  font-weight: var(--js-font-weight-base);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .joms-calendar__grid .joms-calendar__pad {
    font-size: 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .joms-calendar__grid .joms-calendar__pad {
    font-size: 12px;
  }
}
@media (min-width: 1400px) {
  .joms-calendar__grid .joms-calendar--prev,
  .joms-calendar__grid .joms-calendar--next,
  .joms-calendar__grid .joms-calendar--day-previous-month {
    width: 14%;
  }
}
@media (min-width: 1400px) {
  .joms-calendar__grid .joms-calendar--month {
    margin: 0 1px;
    width: calc(70% + 3px);
  }
}
.joms-calendar__grid .joms-calendar__grid-title,
.joms-calendar__grid .joms-calendar--week-day,
.joms-calendar__grid .joms-calendar--day {
  background: var(--js-stream-content-bg);
}
@media (min-width: 1400px) {
  .joms-calendar__grid .joms-calendar--week-day {
    width: 14%;
  }
}
@media (min-width: 1400px) {
  .joms-calendar__grid .joms-calendar--week-day + .joms-calendar--week-day {
    margin-left: 1px;
  }
}
@media (min-width: 1400px) {
  .joms-calendar__grid .joms-calendar--day {
    margin-left: 1px;
    width: 14%;
  }
}
.joms-calendar__grid div:nth-child(7n+11) {
  margin-left: 0;
}
.joms-calendar__grid .joms-calendar__event {
  background-color: #45F882;
}
.joms-calendar__grid .joms-calendar__event:hover {
  background: -webkit-gradient(linear, left top, right top, from(#45F882), to(#c1f862));
  background: linear-gradient(to right, #45F882, #c1f862);
}

.joms-event__grid {
  margin-top: var(--js-spacer);
}
.joms-event__grid .joms-calendar__pad {
  margin-top: 0;
  text-align: left;
  font-size: var(--js-h3-font-size);
  font-weight: var(--js-heading-font-weight);
  font-family: var(--heading-font-family);
  position: relative;
  padding: 0 0 var(--js-spacer) !important;
}
.joms-event__grid .joms-calendar__pad::after {
  background: linear-gradient(96deg, #45F882 0%, #FFBE18 100%);
  bottom: 0;
  content: "";
  left: 0;
  height: 1px;
  width: 100%;
  position: absolute;
}
.joms-event__grid .joms-event__body {
  margin-top: var(--js-spacer);
}
.joms-event__grid .joms-calendar__event-item {
  background: #0B0E13;
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-event__grid .joms-calendar__event-item:hover {
  background: #45F882;
}
.joms-event__grid .joms-calendar__event-item:hover .description,
.joms-event__grid .joms-calendar__event-item:hover small {
  color: #969EB2;
}
.joms-event__grid .joms-calendar__event-item > .title {
  font-weight: var(--js-heading-font-weight);
  font-size: var(--js-h5-font-size);
  line-height: var(--js-heading-line-height);
}
.joms-event__grid .joms-calendar__event-item .description,
.joms-event__grid .joms-calendar__event-item small {
  color: #969EB2;
  font-size: var(--js-font-size-sm);
}
.joms-event__grid .joms-calendar__event-item:nth-child(n+2) {
  margin-top: 0.5rem;
}

@media (min-width: 992px) and (max-width: 1400px) {
  .joms-module--membersearch .joms-input--search {
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-module--membersearch .joms-gap--inline {
    width: 0;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-module--membersearch .joms-button--small {
    width: 100% !important;
    margin-top: calc(var(--js-spacer) / 2);
  }
}
@media screen and (min-width: 1400px) {
  .joms-module--membersearch .joms-button--small {
    font-size: var(--js-input-btn-font-size);
    padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  }
}

.joms-js--mod-search-nearbyevents .joms-js--location {
  margin-bottom: calc(var(--js-spacer) / 2);
}
@media (min-width: 992px) and (max-width: 1400px) {
  .joms-js--mod-search-nearbyevents .joms-button {
    width: 100% !important;
  }
}
.joms-js--mod-search-nearbyevents .joms-button:last-child {
  margin-top: calc(var(--js-spacer) / 2);
}

#activity-stream-container .joms-stream, #activity-stream-container .joms-stream--notifications {
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--js-border-radius);
}
#activity-stream-container .joms-comment__reply {
  background: transparent;
}
#activity-stream-container .joms-media--video {
  display: block;
}
@media screen and (min-width: 1200px) {
  #activity-stream-container .joms-media__thumbnail {
    display: block;
    height: unset;
    width: 100%;
  }
}
#activity-stream-container .joms-media__thumbnail img {
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
}

.joms-stream__body {
  padding: 0 var(--js-spacer) var(--js-spacer);
}
.joms-stream__body .joms-attachment-list {
  background: var(--js-stream-content-bg);
}
.joms-stream--discussion {
  padding: var(--js-spacer);
}
@media screen and (max-width: 768px) {
  .joms-stream--discussion .cStream-Content {
    margin: 0;
  }
}
.joms-stream--discussion p.clearfix {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .joms-stream--discussion p.clearfix {
    margin: 0 0 0 58px;
  }
}
.joms-stream--discussion:last-child {
  border-bottom: 1px solid var(--js-border-color);
}
.joms-stream--discussion .joms-button--neutral {
  padding: var(--js-input-btn-sm-padding) var(--js-input-btn-padding-x);
}
.joms-stream__status {
  background: transparent;
  border: 0;
  padding: 0 var(--js-spacer);
  margin-bottom: var(--js-spacer);
}
.joms-stream__status .joms-stream__reactions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.joms-stream__status .joms-stream__reactions .joms-reactions__item {
  height: 1.25rem;
  width: 1.25rem;
}
.joms-stream__status .joms-stream__reactions .reaction-love {
  background-position: 0px -1.25rem;
  margin-left: -0.5rem;
}
.joms-stream__status .joms-stream__reactions .reaction-haha {
  background-position: 0px -2.5rem;
  margin-left: -0.5rem;
}
.joms-stream__status .joms-stream__reactions .reaction-wow {
  background-position: 0px -3.75rem;
  margin-left: -0.5rem;
}
.joms-stream__status .joms-stream__reactions .reaction-sad {
  background-position: 0px -5rem;
  margin-left: -0.5rem;
}
.joms-stream__status .joms-stream__reactions .reaction-angry {
  background-position: 0px -6.25rem;
  margin-left: -0.5rem;
}
.joms-stream__reactions a.joms-stream__reactions-text {
  font-size: var(--js-font-size-sm);
  line-height: var(--t4-body-line-height);
}

.joms-stream,
.joms-stream--notifications {
  border-radius: var(--js-border-radius);
  margin-bottom: calc(var(--js-grid-gutter-width) / 2) !important;
}
.joms-stream .joms-stream__meta a,
.joms-stream--notifications .joms-stream__meta a {
  font-weight: var(--js-font-weight-base);
}

.joms-media {
  background: transparent;
  border-radius: var(--js-border-radius);
  border: 1px solid var(--js-border-color);
}
.joms-media .joms-text--title {
  font-weight: var(--js-heading-font-weight);
}
.joms-media .joms-text--desc {
  color: #969EB2;
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
}
.joms-media--event, .joms-media--images, .joms-media--image, .joms-media.like {
  background: #1b2231;
  max-width: unset;
}
.joms-media--event .joms-text--title, .joms-media--images .joms-text--title, .joms-media--image .joms-text--title, .joms-media.like .joms-text--title {
  border-bottom: 1px solid var(--js-border-color);
  font-size: var(--js-h4-font-size);
  font-weight: var(--js-heading-font-weight);
  margin-bottom: calc(var(--js-spacer) / 2);
  padding-bottom: calc(var(--js-spacer) / 2);
}
.joms-media--event .joms-text--desc, .joms-media--images .joms-text--desc, .joms-media--image .joms-text--desc, .joms-media.like .joms-text--desc {
  color: #969EB2;
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
  line-height: var(--t4-body-line-height);
  margin-bottom: 0;
}
.joms-media--event .joms-text--desc + .joms-text--desc, .joms-media--images .joms-text--desc + .joms-text--desc, .joms-media--image .joms-text--desc + .joms-text--desc, .joms-media.like .joms-text--desc + .joms-text--desc {
  margin-top: var(--js-spacer);
}
.joms-media--video, .joms-media--album {
  background: #1b2231;
  border-radius: var(--js-border-radius);
  overflow: hidden;
  max-width: unset;
}
.joms-media--video .joms-media__title, .joms-media--album .joms-media__title {
  font-size: var(--h4-font-size);
  font-weight: var(--js-heading-font-weight);
}
.joms-media__cover img {
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.joms-media__thumbnail {
  background: transparent;
  display: inline-block;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .joms-media__thumbnail {
    min-width: 270px;
  }
}
.joms-media__thumbnail img {
  border-radius: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.joms-media__body {
  padding: var(--js-spacer);
}
.joms-media__desc {
  border: 0;
  color: #969EB2;
  font-size: var(--js-font-size-sm);
  line-height: var(--t4-body-line-height);
  max-height: unset;
  margin-top: calc(var(--js-spacer) / 2);
  overflow-wrap: anywhere;
  padding-top: calc(var(--js-spacer) / 2);
}

.joms-stream__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--js-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  gap: 0.25rem;
  margin: var(--js-spacer) var(--js-spacer) 0;
  padding: 0;
  position: relative;
}
.joms-stream__actions a {
  border-radius: var(--js-border-radius);
  display: block;
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
  margin: calc(var(--js-spacer) / 2) 0 0 !important;
  text-wrap: nowrap;
  -webkit-transform: unset;
          transform: unset;
  padding: 0.25rem 0.5rem;
}
@media screen and (max-width: 576px) {
  .joms-stream__actions a {
    background: #1d2434;
  }
}
.joms-stream__actions a:hover, .joms-stream__actions a:focus, .joms-stream__actions a:active {
  background: #1b2231;
}

.joms-stream__actions .joms-icon,
.joms-comment__actions .joms-icon,
.joms-stream__status--mobile,
.joms-hidden--medium {
  display: inline-block !important;
}

.joms-js--comments .joms-comment__item {
  border: 0;
  padding-top: 0;
}
.joms-js--comments .joms-comment__body {
  padding-top: 0;
}
.joms-js--comments .joms-header-content {
  display: inline-block;
  background: #1b2231;
  padding: 0.5rem 1rem;
  border-radius: var(--js-border-radius);
}
.joms-js--comments .joms-comment__user {
  display: inline-block;
  font-weight: var(--js-font-weight-base);
  margin-bottom: 0.5rem;
}
.joms-js--comments .joms-js--comment-content {
  font-size: 0.875rem;
}
.joms-js--comments .joms-action-comment-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  gap: 0.5rem;
  padding-left: 0.5rem;
}
.joms-js--comments .joms-action-comment-group .joms-comment__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: unset;
}
.joms-js--comments .joms-action-comment-group .joms-stream__reactions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joms-js--comments .joms-action-comment-group .joms-comment__time {
  font-size: 0.875rem;
}

.joms-comment:not(.joms-comment:has(div)) {
  display: none;
}

.joms-comment {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 var(--js-spacer);
  margin-top: calc(var(--js-spacer) / 2);
}
.joms-comment__header {
  padding: var(--js-spacer) 0;
}
.joms-comment__reply {
  border-radius: 0 0 var(--js-border-radius) var(--js-border-radius);
  border: 0;
  padding: var(--js-spacer);
  position: relative;
}
.joms-comment__reply::after {
  background: var(--js-border-color);
  content: "";
  top: 0;
  left: var(--js-spacer);
  height: 1px;
  width: calc(100% - var(--js-spacer) * 2);
  position: absolute;
}
.joms-comment__reply textarea.joms-textarea {
  border-radius: var(--js-border-radius);
}
.joms-comment__reply .joms-icon--emoticon svg {
  display: block;
}
.joms-comment__reply .joms-button--comment {
  border-radius: var(--js-border-radius);
}
.joms-comment__more {
  border: 0;
  font-size: 12px;
  padding: 0.5rem 0;
}

.profile-picture {
  background: var(--js-stream-content-bg);
  border-radius: var(--js-border-radius);
  padding: calc(var(--js-grid-gutter-width) * 0.5);
}

.cProfile .joms-focus {
  border-radius: var(--js-border-radius);
  background: #141924;
}
.cProfile .joms-focus__cover-image--mobile {
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
}
.cProfile .joms-focus__title {
  display: block;
  padding-left: 0;
  width: unset;
}
@media screen and (max-width: 576px) {
  .cProfile .joms-focus__title {
    text-align: center;
  }
}
.cProfile .joms-focus__title h2 {
  font-size: var(--js-h3-font-size);
  font-weight: var(--js-heading-font-weight);
  text-align: center;
}
.cProfile .joms-focus .joms-infor-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -70px;
}
@media screen and (min-width: 992px) {
  .cProfile .joms-focus .joms-infor-top {
    margin-bottom: -20px;
  }
}
.cProfile .joms-focus .joms-avatar--focus {
  display: block;
  width: unset;
  background: -webkit-gradient(linear, left top, right top, from(#45F882), to(#c1f862));
  background: linear-gradient(to right, #45F882, #c1f862);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: block;
  height: 70px;
  width: 70px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .cProfile .joms-focus .joms-avatar--focus {
    height: 102px;
    width: 100px;
  }
}
.cProfile .joms-focus .joms-avatar--focus a {
  bottom: 4px;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  left: 4px;
  max-width: unset;
  right: 4px;
  top: 4px;
  position: absolute;
  width: unset;
}
.cProfile .joms-focus .joms-avatar--focus img {
  border-radius: 0;
  border: 0;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  max-width: unset;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.cProfile .joms-focus .joms-avatar--focus.joms-online a::after {
  right: 0;
  bottom: 21px;
}
.cProfile .joms-focus__actions__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .cProfile .joms-focus__actions a {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 576px) {
  .cProfile .joms-focus__actions a + a {
    margin-left: 2px;
  }
}
.cProfile .joms-focus__badges {
  padding: calc(var(--js-spacer) / 2) 0;
}
@media only screen and (max-width: 480px) {
  .cProfile .joms-focus__link li.full:not(.liked), .cProfile .joms-focus__link li.half {
    width: 33.33%;
  }
}
.cProfile .cMedia-VideoCover {
  background: transparent;
}
.cProfile .joms-js--no-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.cProfile .joms-js--tab-content .joms-form__group {
  margin-bottom: var(--js-spacer);
}
.cProfile .joms-js--tab-content .joms-form__group > span:first-child {
  color: var(--headings-color);
  font-size: var(--js-font-size-base);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  min-width: 200px;
}
.cProfile .joms-js--tab-content .joms-dropdown,
.cProfile .joms-js--tab-content .joms-popover {
  border-radius: var(--js-border-radius);
  padding: 0.25rem;
}
.cProfile .joms-js--tab-content .joms-dropdown li,
.cProfile .joms-js--tab-content .joms-popover li {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
  padding: 0.5rem 1rem;
  font-size: var(--js-font-size-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  border-radius: var(--js-border-radius);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.cProfile .joms-js--tab-content .joms-dropdown li:hover,
.cProfile .joms-js--tab-content .joms-popover li:hover {
  background: #2f3954;
  cursor: pointer;
}
.cProfile .joms-js--tab-content .joms-dropdown li:not(:first-child),
.cProfile .joms-js--tab-content .joms-popover li:not(:first-child) {
  margin-top: 0.25rem;
}
.cProfile #joms-profile--information .joms-gap,
.cProfile #joms-profile--account .joms-gap {
  height: var(--js-spacer);
}
.cProfile #joms-profile--information .joms-form__legend,
.cProfile #joms-profile--account .joms-form__legend {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--headings-color);
  display: block;
  font-weight: var(--js-heading-font-weight);
  padding-bottom: 0.5rem;
}
@media (min-width: 1400px) {
  .cProfile #joms-profile--information .joms-form__legend,
  .cProfile #joms-profile--account .joms-form__legend {
    font-size: var(--js-h4-font-size);
  }
}
.cProfile #joms-profile--information .js-form .joms-form__group,
.cProfile #joms-profile--account .js-form .joms-form__group {
  display: inline-table;
}

.joms-js--tab-content-email {
  color: var(--headings-color);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
}
.joms-js--tab-content-email .joms-table tr {
  border-bottom: 1px solid var(--js-border-color);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-js--tab-content-email .joms-table tr:hover, .joms-js--tab-content-email .joms-table tr:focus {
  border-color: var(--js-link-hover-color);
}
.joms-js--tab-content-email .joms-table thead tr {
  border-bottom: 1px solid var(--js-border-color);
}
.joms-js--tab-content-email .joms-table thead tr th {
  font-size: var(--js-font-size-base);
  font-weight: var(--js-heading-font-weight);
}
.joms-js--tab-content-email .joms-table .joms-table__title {
  color: var(--headings-color);
  font-size: var(--h5-font-size);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
}
.joms-js--tab-content-email .joms-table .joms-table__desc {
  font-size: var(--js-font-size-base);
}

.joms-stream--discussion {
  background: var(--js-stream-content-bg);
  border: 1px solid transparent;
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-stream--discussion:hover {
  border-color: var(--js-link-hover-color);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-stream--discussion + .joms-stream--discussion {
  margin-top: calc(var(--js-spacer) / 2);
}

.joms-list__search {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 481px) {
  .joms-list__search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.joms-list__search .joms-list__utilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 0.5rem;
  margin: 0;
  width: auto;
}
.joms-list__search .joms-list__utilities form {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 0;
  gap: 0.5rem;
}
@media (max-width: 576px) {
  .joms-list__search .joms-list__utilities form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 576px) {
  .joms-list__search .joms-list__utilities form button {
    font-size: var(--js-input-btn-font-size);
    line-height: var(--js-input-btn-line-height);
    padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  }
}
.joms-list__search .joms-list__utilities form .joms-input--search[type=text] {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
}
@media screen and (min-width: 1400px) {
  .joms-list__search .joms-list__utilities form .joms-input--search[type=text]:focus {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
}
@media (max-width: 576px) {
  .joms-list__search .joms-list__utilities form span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .joms-list__search .joms-list__utilities form span:first-child {
    width: 100%;
    padding: 0;
  }
  .joms-list__search .joms-list__utilities form span button {
    min-width: 60px;
  }
}
.joms-list__search .joms-list__search-title {
  display: inline-block;
  width: auto;
}
.joms-list__search .joms-list__search-title .joms-page__title {
  margin: 0;
}

.joms-form--search span {
  padding: 0;
}
.joms-form--search .joms-input--small {
  padding: 0;
}
.joms-form--search .joms-input--small input[type=text] {
  line-height: var(--js-input-btn-line-height);
  padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  max-height: 46px;
  width: 100%;
}
.joms-form--search .joms-list--inline li input {
  vertical-align: baseline;
}
.joms-form--search .joms-form__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--js-spacer) / 2);
}
.joms-form--search .joms-form__item::before, .joms-form--search .joms-form__item::after {
  display: none;
}
.joms-form--search .joms-form__item:nth-child(n+1) {
  margin-top: var(--js-spacer);
}

.joms-list--friend {
  display: -ms-grid;
  display: grid;
  gap: 0.5rem;
  -ms-grid-columns: 1fr 0.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .joms-list--friend {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .joms-list--friend {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1400px) {
  .joms-list--friend {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
.joms-list--friend::before, .joms-list--friend::after {
  display: none;
}
.joms-list--friend .joms-list__item {
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
  margin: 0;
  padding: 1rem;
  width: unset;
}
.joms-list--friend .joms-list__item:hover {
  border-color: #FFBE18;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-list--friend .joms-list__item:hover .joms-text--username {
  color: var(--js-link-hover-color);
}
@media only screen and (max-width: 576px) {
  .joms-list--friend .joms-list__item {
    margin-bottom: calc(var(--js-spacer) / 2);
  }
}
.joms-list--friend .joms-list__avatar {
  display: block;
  width: 100%;
}
.joms-list--friend .joms-list__avatar a {
  display: block;
  width: 100%;
}
.joms-list--friend .joms-list__avatar img {
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
}
.joms-list--friend .joms-list__body {
  display: block;
  text-align: left;
  padding-left: 0;
}
.joms-list--friend .joms-list__body .joms-label {
  border-radius: calc(var(--js-border-radius) / 2);
  font-size: var(--js-font-size-sm);
}
.joms-list--friend .joms-list__body .joms-label.is-admin {
  background: #FFBE18;
  color: #0F1C23;
}
.joms-list--friend .joms-list__button--dropdown {
  position: unset;
}
.joms-list--friend .joms-list__button--dropdown a {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media screen and (max-width: 576px) {
  .joms-list--friend .joms-list__button--dropdown a {
    font-size: 0.75rem;
    padding: calc(var(--js-spacer) / 2);
  }
}
.joms-list--friend .joms-list__button--dropdown .joms-icon {
  fill: #424242;
}
.joms-list--friend .joms-text--username {
  font-size: var(--h5-font-size);
  font-weight: var(--js-heading-font-weight);
  margin: 0.5rem 0;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-list--friend .joms-list__details {
  font-size: var(--js-font-size-sm);
  margin-bottom: 0.5rem;
}
.joms-list--friend .joms-list__actions .joms-list__button--dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.joms-list--friend .joms-list__options > a {
  top: 0;
  right: 5px;
}

.joms-list--card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--js-spacer);
}
@media screen and (min-width: 768px) {
  .joms-list--card {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.joms-list--card::before, .joms-list--card::after {
  display: none;
}
.joms-list--card .joms-list__item {
  border-radius: var(--js-border-radius);
  margin: 0;
  padding: var(--js-spacer);
}
.joms-list--card .joms-list__item .joms-poll__header {
  margin-bottom: var(--js-spacer);
  padding: 0;
}
.joms-list--card .joms-list__item .joms-list__title {
  font-size: 20px;
  font-weight: var(--js-heading-font-weight);
}
@media screen and (min-width: 1400px) {
  .joms-list--card .joms-list__item .joms-list__title {
    font-size: var(--js-h3-font-size);
  }
}
.joms-list--card .joms-list__item .joms-list__content_polls {
  padding: 0;
}
.joms-list--card .joms-list__item .joms-list__title_polls h4 {
  font-size: var(--js-h4-font-size);
  font-weight: var(--js-heading-font-weight);
}
.joms-list--card .joms-list__item .joms-poll__input-container {
  margin-bottom: calc(var(--js-spacer) / 2);
}
.joms-list--card .joms-list__item .joms-poll__voted-users a {
  font-size: var(--js-font-size-sm);
}
.joms-list--card .joms-list__cover {
  float: unset;
  width: unset;
}
@media screen and (min-width: 992px) {
  .joms-list--card .joms-list__cover {
    height: 300px;
  }
}
.joms-list--card .joms-list__cover-image {
  border-radius: var(--js-border-radius) var(--js-border-radius) 0 0;
}
.joms-list--card .joms-list__content {
  float: unset;
  padding: var(--js-spacer) 0 0;
  width: unset;
}
.joms-list--card .joms-list__content .joms-list--table {
  margin-bottom: var(--js-spacer);
}
.joms-list--card:not(.event-public) .joms-list__footer {
  border-top: 1px solid var(--js-border-color);
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--js-font-size-sm);
  float: unset;
  text-align: center;
  padding: var(--js-spacer) 0 0;
  width: 100%;
}
.joms-list--card:not(.event-public) .joms-list__footer_left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.joms-list--card:not(.event-public) .joms-list__footer_left .joms-avatar {
  margin: 0;
}
.joms-list--card:not(.event-public) .joms-list--table a {
  font-size: var(--js-font-size-base);
  color: #d1d4dd;
}
.joms-list--card:not(.event-public) .joms-list--table a:hover, .joms-list--card:not(.event-public) .joms-list--table a:focus {
  color: #45F882;
}
.joms-list--card:not(.event-public) .joms-events-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--js-spacer);
}
.joms-list--card:not(.event-public) .joms-list__body {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: var(--js-spacer);
}
.joms-list--card:not(.event-public) .joms-list__body .joms-button--primary {
  color: #45F882 !important;
  background: transparent;
  border: 0;
  padding: 0;
}
.joms-list--card:not(.event-public) .joms-list__body .joms-button--primary:hover, .joms-list--card:not(.event-public) .joms-list__body .joms-button--primary:focus, .joms-list--card:not(.event-public) .joms-list__body .joms-button--primary:active {
  background: transparent;
}
.joms-list--card:not(.event-public) .joms-list__body .joms-button--secondary {
  color: #FFBE18 !important;
  background: transparent;
  border: 0;
  padding: 0;
}
.joms-list--card:not(.event-public) .joms-list__body .joms-button--secondary:hover, .joms-list--card:not(.event-public) .joms-list__body .joms-button--secondary:focus, .joms-list--card:not(.event-public) .joms-list__body .joms-button--secondary:active {
  background: transparent;
  color: var(--js-link-hover-color) !important;
}
.joms-list--card .joms-list__permission {
  position: unset;
}
.joms-list--card .event-public {
  color: #969EB2;
}
.joms-list--card .event-public .joms-gap--small {
  display: none;
}
@media screen and (min-width: 1400px) {
  .joms-list--card .event-public .joms-list__cover {
    height: 350px;
  }
}
.joms-list--card .event-public .joms-list--inline {
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--js-border-radius);
  bottom: unset;
  color: #FFFFFF;
  top: 14px;
  position: absolute;
  padding: 0.5rem;
}
.joms-list--card .event-public .joms-list--inline .joms-icon {
  fill: #FFFFFF;
}
.joms-list--card .event-public .joms-focus__button--options--desktop {
  z-index: 2;
}
.joms-list--card .event-public .joms-list__content {
  text-align: center;
}
.joms-list--card .event-public .joms-list__content h4 {
  font-size: var(--js-h3-font-size);
  font-weight: var(--js-heading-font-weight);
}
@media only screen and (min-width: 481px) {
  .joms-list--card .event-public .joms-list__content h4 {
    font-size: 28px;
  }
}
.joms-list--card .event-public .joms-list__content .joms-icon {
  fill: #45F882;
}
.joms-list--card .event-public .joms-list__createdby {
  margin-bottom: calc(var(--js-spacer) / 2);
}
.joms-list--card .event-public .joms-list__createdby .joms-avatar {
  display: none;
}
.joms-list--card .event-public .joms-list__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
@media screen and (max-width: 1400px) {
  .joms-list--card .event-public .joms-list__body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: calc(var(--js-spacer) / 2);
  }
}
.joms-list--card .event-public .joms-list--table {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1400px) {
  .joms-list--card .event-public .joms-list--table li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
.joms-list--card .event-public .joms-list--table .joms-icon {
  width: var(--js-font-size-base);
  height: var(--js-font-size-base);
  margin-right: 0.5rem;
}
.joms-list--card .event-public .joms-list--table a {
  font-size: var(--js-font-size-base);
}
.joms-list--card .event-public .joms-list--table a,
.joms-list--card .event-public .joms-event-page a,
.joms-list--card .event-public .joms-event-group a {
  color: #d1d4dd;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-list--card .event-public .joms-list--table a:hover, .joms-list--card .event-public .joms-list--table a:focus,
.joms-list--card .event-public .joms-event-page a:hover,
.joms-list--card .event-public .joms-event-page a:focus,
.joms-list--card .event-public .joms-event-group a:hover,
.joms-list--card .event-public .joms-event-group a:focus {
  color: #45F882;
}
.joms-list--card .event-public .joms-event-page {
  margin-bottom: var(--js-spacer);
}
.joms-list--card .event-public .joms-button--primary {
  background-color: transparent;
  border-color: #45F882;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-list--card .event-public .joms-button--primary:hover, .joms-list--card .event-public .joms-button--primary:focus, .joms-list--card .event-public .joms-button--primary:active {
  background: #45F882;
}
.joms-list--card .event-public .joms-button--secondary {
  background-color: transparent;
  border-color: #0F1C23;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-list--card .event-public .joms-button--secondary:hover, .joms-list--card .event-public .joms-button--secondary:focus, .joms-list--card .event-public .joms-button--secondary:active {
  background: #0F1C23;
}
.joms-list--card .event-public .joms-focus__date.cover {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--js-font-size-base);
  font-weight: var(--js-font-weight-base);
  position: unset;
  gap: calc(var(--js-spacer) / 2);
  padding: 0;
  width: auto;
}
@media screen and (max-width: 1400px) {
  .joms-list--card .event-public .joms-focus__date.cover {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.joms-list--card .event-public .joms-focus__date.cover span:last-child::before {
  background: #FFFFFF;
  content: "";
  display: inline-block;
  height: 1px;
  margin-right: calc(var(--js-spacer) / 2);
  vertical-align: middle;
  width: 0.5rem;
}
.joms-list--card .event-public .joms-event-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1400px) {
  .joms-list--card .event-public .joms-event-location {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.joms-list--card .event-public .joms-event-location .joms-icon {
  fill: #45F882;
  height: 20px;
  width: 20px;
}
.joms-list--card .event-public .joms-event-location a {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.joms-list--card .group-public .joms-block {
  text-align: left;
}

.joms-page {
  border-radius: var(--js-border-radius);
  padding: var(--js-spacer);
}
@media screen and (max-width: 992px) {
  .joms-page {
    margin-bottom: calc(var(--js-spacer) * 2);
  }
}
.joms-page .joms-page__title {
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  margin-top: 0;
  margin-bottom: var(--js-spacer);
}
@media only screen and (min-width: 481px) {
  .joms-page .joms-page__title {
    margin-bottom: calc(var(--js-spacer) * 1.5);
  }
}
.joms-page .joms-tab__bar {
  background: transparent;
  border: 0;
  border-radius: var(--js-border-radius);
  overflow: hidden;
}
.joms-page .joms-tab__bar a.active {
  background: transparent;
}
.joms-page .joms-form__group {
  color: #969EB2;
}

@media screen and (min-width: 1200px) {
  .cPages .joms-list__title {
    display: inline-block;
    max-width: 400px;
  }
}
@media screen and (min-width: 992px) {
  .cPages .joms-list__cover {
    height: 300px;
  }
}
.cPages .joms-list__content {
  float: unset;
  width: unset;
}
@media screen and (min-width: 1200px) {
  .cPages .joms-list__content p {
    float: right;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .cPages .joms-button--full-small {
    margin-top: 0.25rem;
  }
}
.cPages .joms-list__item {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.cPages .joms-list__item:hover {
  border-color: #45F882;
}
.cPages .joms-list--card:not(.event-public) .joms-list__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 1200px) {
  .joms-gallery .joms-gallery__item {
    width: 15%;
  }
}
@media screen and (max-width: 768px) {
  .joms-gallery .joms-button--options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    right: 3px;
    top: 3px;
  }
}

.cUpdatesHelper {
  border-color: var(--js-border-color);
  font-size: var(--js-font-size-sm);
}

#joms-event--details .joms-list__row,
#joms-page--details .joms-list__row {
  border-radius: var(--js-border-radius);
  color: #969EB2;
}
#joms-event--details .joms-list__row h5.joms-text--light,
#joms-page--details .joms-list__row h5.joms-text--light {
  font-size: var(--js-h5-font-size);
  font-weight: var(--js-heading-font-weight);
  display: inline-block;
  margin-right: var(--js-spacer);
}
#joms-event--details .joms-list__row span,
#joms-page--details .joms-list__row span {
  display: inline-block;
  text-align: center;
}
#joms-event--details .joms-list__row span a,
#joms-page--details .joms-list__row span a {
  color: #FFBE18;
}
#joms-event--details .joms-list__row span a:hover,
#joms-page--details .joms-list__row span a:hover {
  color: var(--js-link-hover-color);
}

.cFriends .joms-list__button--dropdown {
  margin-top: 0.5rem;
}
.cFriends .joms-list__button--dropdown a {
  display: block;
}
.cFriends .joms-list__button--dropdown .joms-icon {
  fill: #424242;
}
@media only screen and (max-width: 480px) {
  .cFriends .joms-online a {
    max-width: unset;
    max-height: unset;
  }
}

.cPolls .joms-poll__option {
  color: #FFFFFF;
}
.cPolls #endtime {
  margin-top: calc(var(--js-spacer) / 2) !important;
}
.cPolls .joms-poll-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--js-spacer);
}
.cPolls .joms-poll-option input {
  background: #0F1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--js-border-radius) 0 0 var(--js-border-radius);
  float: unset;
  height: auto;
  margin: 0 !important;
  padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
}
.cPolls .joms-poll-option .joms-poll-option__remove {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFBE18;
  border-color: #FFBE18;
  border-radius: 0 var(--js-border-radius) var(--js-border-radius) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.cPolls .joms-poll-option .joms-poll-option__remove svg {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.cPolls .joms-poll-option .joms-poll-option__remove:hover svg, .cPolls .joms-poll-option .joms-poll-option__remove:focus svg {
  fill: #424242;
}
.cPolls .joms-form__group {
  margin-bottom: var(--js-spacer) !important;
}
.cPolls .joms-form__group:first-child {
  margin: 0;
}
.cPolls .joms-form__group > span:first-child {
  color: var(--headings-color);
  font-size: var(--js-font-size-base);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  padding: 0;
}
@media only screen and (min-width: 481px) {
  .cPolls .joms-form__group > span:first-child {
    min-width: 200px;
  }
}
.cPolls .joms-list__item {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.cPolls .joms-list__item:hover {
  border-color: #45F882;
}
.cPolls .joms-poll__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.cPolls .joms-poll__header .joms-poll__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.cPolls .joms-poll__header .joms-list__permission {
  text-align: left;
  padding: 0;
}

@media only screen and (min-width: 481px) {
  .js-form .joms-form__group {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: var(--js-spacer);
  }
}
.js-form .joms-form__group .big {
  padding: 0;
}
@media only screen and (min-width: 481px) {
  .js-form .joms-form__group .big {
    display: inline-block;
    width: auto;
    min-width: 50%;
  }
}

.joms-poll__list li {
  background: transparent;
}

.cPhotos .joms-list__search .joms-button--add.album {
  font-size: var(--js-input-btn-font-size);
}

.cVideos .reset-gap {
  text-align: right;
  font-size: var(--js-font-size-sm);
  float: right;
  padding: var(--js-spacer);
}
.cVideos .joms-stream__status {
  padding: var(--js-spacer) 0;
}
.cVideos .joms-stream__actions {
  border-bottom: 1px solid var(--js-border-color);
  clear: both;
  padding: 0;
}
.cVideos .joms-phototag {
  border-radius: var(--js-border-radius);
}
.cVideos .joms-phototag__input input {
  height: unset !important;
  background: #0F1C23;
  color: #E7E7E7;
}
.cVideos .joms-phototag__input input:focus, .cVideos .joms-phototag__input input:active {
  border-color: #FFBE18;
  outline: none;
}
.cVideos .joms-phototag__autocomplete {
  background: #0F1C23;
  border-radius: var(--js-border-radius);
  margin-top: 0.25rem;
}
.cVideos .joms-phototag__autocomplete a {
  margin: 0.25rem;
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.cVideos .joms-phototag__autocomplete a:hover {
  background: #172a35;
}
.cVideos .cVideo-Screen {
  padding: 0;
  background: transparent;
}
.cVideos .joms-stream__actions {
  margin: var(--js-spacer) 0 0;
}
.cVideos .joms-stream__actions a {
  margin: 0.5rem 0 !important;
}
.cVideos .joms-comment {
  padding-left: 0;
  padding-right: 0;
  margin: var(--js-spacer) 0 0;
}
.cVideos .joms-comment .joms-comment__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.cVideos .joms-comment .joms-avatar--comment {
  display: inline-block;
  width: auto;
}
.cVideos .joms-comment .joms-comment__body {
  border-radius: var(--js-border-radius);
  background: #1b2231;
  display: inline-block;
  padding: var(--js-spacer);
  position: relative;
}
.cVideos .joms-comment .joms-comment__user {
  display: block;
  font-size: var(--js-font-size-base);
  font-weight: 500;
}
.cVideos .joms-comment .joms-js--comment-content {
  display: block;
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
}
.cVideos .joms-comment .joms-comment__time {
  font-size: var(--js-font-size-sm);
  display: inline-block;
}
.cVideos .joms-comment .joms-comment__actions {
  width: auto;
  padding: 0;
  font-size: var(--js-font-size-sm);
  line-height: var(--t4-body-line-height);
}
.cVideos .cMedia-Author strong {
  font-weight: var(--js-font-weight-base);
}
.cVideos .joms-text--title {
  font-weight: var(--js-heading-font-weight);
}
.cVideos .joms-comment__reply::after {
  left: 0;
  width: 100%;
}

.cGroups .joms-list__content {
  padding-bottom: 0;
}
.cGroups .joms-list__item {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.cGroups .joms-list__item:hover {
  border-color: #45F882;
}
.cGroups .joms-focus__title h2 {
  margin-bottom: 0;
}
@media only screen and (min-width: 481px) {
  .cGroups .joms-focus__title h2 {
    font-size: var(--js-h2-font-size);
  }
}
.cGroups #joms-group--details .joms-list__row {
  border-radius: var(--js-border-radius);
  color: #969EB2;
  padding: 0.5rem 1rem;
}
.cGroups #joms-group--details .joms-list__row li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  gap: var(--js-spacer);
  padding: var(--js-spacer) 0;
}
.cGroups #joms-group--details .joms-list__row .joms-text--light {
  font-size: var(--js-h5-font-size);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
}
.cGroups #joms-group--details .joms-list__row span a {
  color: #45F882;
}
.cGroups .joms-page .joms-gap {
  height: var(--js-spacer);
}
@media only screen and (min-width: 481px) {
  .cGroups .joms-page .joms-stream__status--mobile {
    display: none !important;
  }
}
.cGroups .joms-page .joms-text--title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  padding-bottom: var(--js-spacer);
}
.cGroups .joms-page .joms-avatar--comment {
  display: inline-block;
  width: auto;
}
.cGroups .joms-page .joms-comment {
  padding-left: 0;
  padding-right: 0;
}
.cGroups .joms-page .joms-comment__item:first-child {
  border: 0;
}
.cGroups .joms-page .joms-comment .joms-js--more-comments {
  padding: 0;
}
.cGroups .joms-page .joms-comment__reply {
  padding-left: 0;
  padding-right: 0;
}
.cGroups .joms-page .joms-comment__reply::after {
  left: 0;
  width: 100%;
}
.cGroups .joms-page .joms-comment__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.cGroups .joms-page .joms-comment .joms-avatar--comment {
  display: inline-block;
  width: auto;
}
.cGroups .joms-page .joms-comment__body {
  background: #1b2231;
  display: inline-block;
  padding: var(--js-spacer);
  border-radius: var(--js-border-radius);
  position: relative;
}
.cGroups .joms-page .joms-comment .joms-comment__user {
  display: block;
}
.cGroups .joms-page .joms-comment .joms-js--comment-content {
  color: #969EB2;
}
.cGroups .joms-page .joms-comment .joms-comment__time {
  font-size: 12px;
  top: var(--js-spacer);
  right: var(--js-spacer);
  position: absolute;
}
.cGroups .joms-stream--discussion {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.cGroups .joms-stream--discussion:hover {
  border-color: #FFBE18;
}
.cGroups .joms-stream--discussion .joms-stream__header {
  padding: 0;
}
.cGroups .joms-stream--discussion .joms-stream__header .joms-stream__user {
  font-size: var(--h5-font-size);
  font-weight: var(--js-heading-font-weight);
  font-family: var(--heading-font-family);
}

.cEvents .joms-focus__header {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.cEvents .joms-focus__header .joms-focus__date {
  background: #45F882;
  color: #0F1C23;
}
@media screen and (min-width: 1400px) {
  .cEvents .joms-focus__header .joms-focus__date {
    font-size: calc(var(--js-font-size-base) * 1.5);
    font-weight: var(--js-heading-font-weight);
  }
}
.cEvents .joms-focus__header .joms-focus__date span {
  font-size: var(--h5-font-size);
  line-height: var(--t4-body-line-height);
}
.cEvents .joms-focus__header .joms-focus__date span:last-child {
  margin-top: 0;
}
@media only screen and (min-width: 481px) {
  .cEvents .joms-focus__header .joms-focus__title h2 {
    font-size: 28px;
  }
}
.cEvents .joms-focus__header .joms-focus__title .joms-focus__info--desktop {
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
  line-height: var(--t4-body-line-height);
}
.cEvents .joms-focus__header .joms-focus__header__actions:not(.joms-focus__header__actions--desktop), .cEvents .joms-focus__header .joms-focus__header__actions--desktop:not(.joms-focus__header__actions--desktop) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--js-spacer);
}
@media only screen and (min-width: 992px) {
  .cEvents .joms-focus__header .joms-focus__header__actions:not(.joms-focus__header__actions--desktop), .cEvents .joms-focus__header .joms-focus__header__actions--desktop:not(.joms-focus__header__actions--desktop) {
    display: none;
  }
}
.cEvents .joms-focus__header .joms-focus__header__actions:not(.joms-focus__header__actions--desktop) a, .cEvents .joms-focus__header .joms-focus__header__actions--desktop:not(.joms-focus__header__actions--desktop) a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.cEvents .joms-focus__header .joms-focus__header__actions:not(.joms-focus__header__actions--desktop) span, .cEvents .joms-focus__header .joms-focus__header__actions--desktop:not(.joms-focus__header__actions--desktop) span {
  font-size: var(--js-font-size-sm);
}
.cEvents .joms-focus__header .joms-focus__header__actions--desktop {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: var(--js-spacer);
}
.cEvents .joms-focus__header .joms-focus__header__actions--desktop a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.cEvents .joms-focus__info {
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
  line-height: var(--t4-body-line-height);
}
.cEvents .joms-focus__actions .joms-button--secondary,
.cEvents .joms-focus__actions--desktop .joms-button--secondary {
  background: #45F882;
  border-color: #45F882;
  color: #0F1C23 !important;
}
.cEvents .joms-focus__actions .joms-button--secondary:hover, .cEvents .joms-focus__actions .joms-button--secondary:focus,
.cEvents .joms-focus__actions--desktop .joms-button--secondary:hover,
.cEvents .joms-focus__actions--desktop .joms-button--secondary:focus {
  background: #FFFFFF;
  border-color: #FFFFFF;
}
.cEvents ul.joms-focus__link .joms-focus__button--add {
  color: #0F1C23 !important;
}
.cEvents ul.joms-focus__link li a {
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
}
.cEvents ul.joms-focus__link .joms-dropdown,
.cEvents ul.joms-focus__link .joms-popover {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--js-border-radius);
  padding: 2px;
}
.cEvents ul.joms-focus__link .joms-dropdown li,
.cEvents ul.joms-focus__link .joms-popover li {
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
@media (min-width: 481px) {
  .cEvents .joms-list__utilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: calc(var(--js-spacer) / 2);
  }
}
.cEvents .joms-list__utilities .joms-inline--desktop {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: calc(var(--js-spacer) / 2);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 0;
}
.cEvents .joms-list__utilities .joms-inline--desktop .joms-input {
  width: 100%;
}

.cVideos .joms-subnav--desktop ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.cVideos .joms-subnav--desktop ul .joms-right {
  float: unset;
}
.cVideos .joms-comment__reply {
  padding: var(--js-spacer) 0;
}

@media only screen and (min-width: 481px) {
  .joms-list--video {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  .joms-list--video::after, .joms-list--video::before {
    display: none;
  }
}
.joms-list--video .joms-list__item {
  border-radius: var(--js-border-radius);
  border: 1px solid var(--js-border-color);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
  padding: 1rem;
}
@media only screen and (min-width: 481px) {
  .joms-list--video .joms-list__item {
    margin: 0;
    width: unset;
  }
}
.joms-list--video .joms-list__item:hover {
  border-color: var(--js-link-hover-color);
}
.joms-list--video .joms-list__item > a:first-child {
  margin: -8px -8px 0;
}
.joms-list--video .joms-text--title {
  color: var(--headings-color);
  font-size: var(--js-h4-font-size);
  font-weight: var(--js-heading-font-weight);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin: var(--js-spacer) 0;
}
.joms-list--video .joms-text--light {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #969EB2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--js-font-size-sm);
  margin-bottom: 0.5rem;
  gap: 0.5rem;
}
.joms-list--video .joms-gap--small,
.joms-list--video .joms-gap {
  display: none;
}
.joms-list--video .joms-button--neutral {
  margin-top: var(--js-spacer);
}
.joms-list--video span {
  font-size: var(--js-font-size-sm);
}

.joms-reactions {
  background: #1d2434;
}
.joms-reactions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  gap: 0.25rem;
  padding: 0;
}

.joms-hcard {
  border-radius: var(--js-border-radius);
  overflow: hidden;
}
.joms-hcard .joms-hcard__actions {
  border-color: var(--js-border-color);
}
.joms-hcard .joms-hcard__actions a {
  padding: 4px 8px;
  font-size: 12px;
}
.joms-hcard .joms-hcard__info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  gap: 1rem;
}
.joms-hcard .joms-hcard__info .joms-avatar {
  display: inline-block;
  width: 40px;
}
.joms-hcard .joms-hcard__info .joms-avatar img {
  max-width: 40px;
  max-height: 40px;
}
.joms-hcard .joms-hcard__info .joms-hcard__info-content {
  display: inline-block;
  font-size: var(--js-h4-font-size);
  font-weight: var(--js-heading-font-weight);
  line-height: var(--js-heading-line-height);
  padding: 0;
}
.joms-hcard .joms-hcard__info .joms-gap--small {
  display: none;
}

.joms-popup--whiteblock {
  background: #141924;
  border-radius: var(--js-border-radius);
}
.joms-popup--whiteblock .joms-popup__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 0.5rem var(--js-spacer) var(--js-spacer);
}
.joms-popup--whiteblock .joms-popup__content {
  padding: var(--js-spacer) var(--js-spacer) 0;
}
.joms-popup--whiteblock .joms-popup__content .joms-stream__header {
  padding: 0;
}
.joms-popup--whiteblock .joms-popup__content .joms-stream__header:not(:first-child) {
  border-top: 1px solid var(--js-border-color);
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
.joms-popup--whiteblock .joms-popup__content .joms-avatar--comment.joms-online {
  position: relative;
}
.joms-popup--whiteblock .joms-popup__content .joms-avatar--comment.joms-online::after {
  background: #45F882;
  border-radius: 100px;
  content: "";
  bottom: 0;
  right: 0px;
  height: 12px;
  position: absolute;
  width: 12px;
}
.joms-popup--whiteblock .joms-popup__content .joms-stream__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.joms-popup--whiteblock .joms-popup__content--single {
  padding-bottom: var(--js-spacer);
}
.joms-popup--dropdown {
  background: var(--js-body-bg-color);
}
.joms-popup--dropdown .joms-popover > div {
  text-align: center;
}
.joms-popup--dropdown .joms-button--neutral {
  font-size: var(--js-font-size-sm);
  padding: var(--js-input-btn-sm-padding);
}
.joms-popup .joms-popup__title {
  background-color: transparent;
  border-bottom: 1px solid var(--js-border-color);
  font-weight: var(--js-heading-font-weight);
}
.joms-popup .joms-popup__title .mfp-close {
  top: 0;
  width: auto;
}
.joms-popup .joms-popup__content,
.joms-popup .joms-popup__action {
  background: transparent;
}
.joms-popup .joms-form__group > span:first-child {
  font-size: 1rem;
  width: 120px !important;
}
.joms-popup .joms-form__group:last-of-type {
  padding-bottom: 1rem;
}
.joms-popup .joms-form__group .inputbox,
.joms-popup .joms-form__group #menutype {
  background: #0F1C23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--js-border-radius);
  color: #E7E7E7;
  padding: 0.5rem;
}
.joms-popup .joms-form__group .inputbox:focus,
.joms-popup .joms-form__group #menutype:focus {
  outline: none;
}
.joms-popup .joms-tab__bar {
  border: 0;
}

.com_community .js-polls-module .joms-list__content_polls {
  background: transparent;
  padding: 0;
  border: 0;
}
.com_community .js-polls-module .joms-poll__checkbox--custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.com_community .js-polls-module .joms-poll__option {
  margin-left: 0;
}
.com_community .js-polls-module .joms-poll__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.com_community .js-polls-module .joms-poll__input-container label {
  margin-top: 0;
}
.com_community .js-polls-module .joms-list__title_polls h4 {
  font-size: var(--js-h4-font-size);
  font-weight: var(--js-heading-font-weight);
  text-transform: normal;
}
.com_community .js-polls-module .joms-poll__progress {
  height: 6px;
}
.com_community .js-polls-module .joms-poll-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem 0 0;
  padding: 1rem 0 0;
}
.com_community .js-polls-module .joms-blankslate {
  border-radius: var(--js-border-radius);
  color: #424242;
}

.joms-load-latest {
  background: #1d2434;
}

.joms-fetched-close {
  background: #1d2434;
  border-color: var(--js-border-color);
  border-top-left-radius: var(--js-border-radius);
}

.joms-blankslate {
  border-radius: var(--js-border-radius);
  color: #424242;
}

#application-feeds .feed-content img {
  width: 100%;
}

.joms-activity-filter .joms-activity-filter-dropdown {
  border-color: rgba(255, 255, 255, 0.1);
  border-top: 1px;
  top: 105%;
}
.joms-activity-filter .joms-activity-filter-dropdown .joms-select--wrapper {
  border: 0;
  background: none;
}
.joms-activity-filter .joms-postbox-dropdown li {
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.joms-activity-filter .joms-postbox-dropdown li:hover {
  background: #263045;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.joms-activity-filter .joms-select--wrapper {
  padding: 0;
  border: 0;
}
.joms-activity-filter .joms-activity-filter__options .joms-dropdown, .joms-activity-filter .joms-activity-filter__options .joms-popover {
  background-color: #1D2333;
  border-radius: var(--js-border-radius) 0 var(--js-border-radius) var(--js-border-radius);
}
.joms-activity-filter .joms-activity-filter__options .joms-dropdown > li:not(.noselect), .joms-activity-filter .joms-activity-filter__options .joms-popover > li:not(.noselect) {
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.joms-activity-filter .joms-activity-filter__options .joms-dropdown > li:not(.noselect):hover, .joms-activity-filter .joms-activity-filter__options .joms-popover > li:not(.noselect):hover {
  background: #2f3954;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

@media (max-width: 575px) {
  .btn.jmodedit,
  .tooltip.show {
    display: none !important;
  }
}
.joms-comment__reply .joms-textarea__wrapper {
  border: 0;
  background: #1B2231;
}
.joms-comment__reply .joms-textarea {
  background: #1B2231;
  border-radius: var(--js-border-radius);
  border: 0;
}

.outerpgbar,
.innerpgbar {
  border-radius: var(--js-border-radius);
}

.com_community .com-users-remind,
.com_community .com-users-reset,
.js-game .com-users-remind,
.js-game .com-users-reset {
  background: #141924;
}
.com_community .form-control,
.js-game .form-control {
  border-radius: var(--js-input-border-radius);
  border-color: var(--js-border-color);
  line-height: var(--js-input-btn-line-height);
  font-weight: var(--js-input-font-weight);
  font-size: var(--js-input-btn-font-size);
  padding: var(--js-input-btn-sm-padding) var(--js-input-btn-padding-x);
  margin: 0;
}
@media screen and (min-width: 576px) {
  .com_community .form-control,
  .js-game .form-control {
    font-size: var(--js-input-btn-font-size);
    padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  }
}
.com_community .form-control:hover, .com_community .form-control:focus, .com_community .form-control:active,
.js-game .form-control:hover,
.js-game .form-control:focus,
.js-game .form-control:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #FFBE18;
}
.com_community .btn:not(.jmodedit),
.js-game .btn:not(.jmodedit) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--js-input-border-radius);
  border-color: var(--js-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: var(--js-input-btn-line-height);
  font-weight: var(--js-input-font-weight);
  font-size: var(--js-input-btn-font-size);
  padding: var(--js-input-btn-padding-y) var(--js-input-btn-padding-x);
  margin: 0;
}
.com_community .btn.btn-primary,
.js-game .btn.btn-primary {
  background: #45F882;
  border-color: #45F882;
  color: #0F1C23;
}
.com_community .btn.btn-primary.joms-button--hellome,
.js-game .btn.btn-primary.joms-button--hellome {
  padding-left: 8px;
  padding-right: 8px;
}
.com_community .btn.btn-primary svg,
.js-game .btn.btn-primary svg {
  fill: #0F1C23;
}
.com_community .btn.btn-primary:hover, .com_community .btn.btn-primary:focus,
.js-game .btn.btn-primary:hover,
.js-game .btn.btn-primary:focus {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #0F1C23;
}
.com_community .btn.btn-primary span, .com_community .btn.btn-primary small,
.js-game .btn.btn-primary span,
.js-game .btn.btn-primary small {
  display: inline-block;
  line-height: 1;
}
.com_community .t4-module,
.js-game .t4-module {
  border: 1px solid rgba(69, 248, 130, 0.3);
}
.com_community .t4-module .module-inner,
.js-game .t4-module .module-inner {
  background: rgba(0, 0, 0, 0.6);
  border: 3px solid rgba(0, 0, 0, 0.6);
  padding: 0;
}
.com_community .t4-module .module-title,
.js-game .t4-module .module-title {
  background: rgba(0, 0, 0, 0.6);
  color: var(--headings-color);
  font-size: var(--js-h3-font-size);
  font-weight: var(--js-heading-font-weight);
  position: relative;
  padding: calc(var(--js-spacer) / 2) 0;
  text-align: center;
  text-transform: uppercase;
}
.com_community .t4-module .module-title span,
.js-game .t4-module .module-title span {
  z-index: 30;
  position: relative;
}
.com_community .t4-module .module-title::before, .com_community .t4-module .module-title::after,
.js-game .t4-module .module-title::before,
.js-game .t4-module .module-title::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(69, 248, 130, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(69, 248, 130, 0.8), rgba(0, 0, 0, 0));
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 50%;
}
.com_community .t4-module .module-title::after,
.js-game .t4-module .module-title::after {
  background: -webkit-gradient(linear, right top, left top, from(rgba(69, 248, 130, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to left, rgba(69, 248, 130, 0.8), rgba(0, 0, 0, 0));
  left: 0;
}
.com_community .t4-module .module-ct,
.js-game .t4-module .module-ct {
  background: #141924;
  border-radius: 0.5rem;
  padding: var(--js-spacer);
}

.js-game div.com-users-remind,
.js-game div.com-users-reset {
  background: #141924;
}

.joms-bookmarks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.joms-bookmarks li {
  font-size: var(--js-font-size-sm);
  float: unset;
}
.joms-bookmarks li a {
  background: transparent;
}
.joms-bookmarks li a.facebook {
  background: transparent url(../images/facebook.svg) no-repeat 0 0;
}
.joms-bookmarks li a.linkedin {
  background: transparent url(../images/linkedin.svg) no-repeat 0 0;
}
.joms-bookmarks li a.pintrest {
  background: transparent url(../images/pintrest.svg) no-repeat 0 0;
}
.joms-bookmarks li a.tumblr {
  background: transparent url(../images/tumblr.svg) no-repeat 0 0;
}
.joms-bookmarks li a.vkontakte {
  background: transparent url(../images/vkontakte.svg) no-repeat 0 0;
}
.joms-bookmarks li a.weibo {
  background: transparent url(../images/weibo.svg) no-repeat 0 0;
}
.joms-bookmarks li a.twitter {
  background: transparent url(../images/twitter.svg) no-repeat 0 0;
}
.joms-bookmarks li a.whatsapp {
  background: transparent url(../images/whatsapp.svg) no-repeat 0 0;
}
.joms-bookmarks li a.viber {
  background: transparent url(../images/viber.svg) no-repeat 0 0;
}

.cStream-Attachment {
  margin: 0;
}
.cStream-Quote {
  color: #969EB2;
  font-size: var(--js-font-size-base);
  font-weight: var(--js-font-weight-base);
  margin: 0;
  padding: 0;
}
.cStream-Quote p {
  margin: 0;
}
.cStream-Quote p + p {
  margin-top: var(--js-spacer);
}

.joms-js-page-chat-loading h1 {
  margin-top: 0;
  margin-bottom: var(--js-spacer);
  font-weight: var(--js-heading-font-weight);
}
.joms-js-page-chat .joms-chat__conversations-wrapper {
  border-color: rgba(255, 255, 255, 0.1);
}
.joms-js-page-chat .joms-chat__conversations-wrapper .joms-chat__item {
  border-radius: var(--js-border-radius);
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-js-page-chat .joms-chat__conversations-wrapper .joms-chat__item:hover {
  background: #1b2231;
}
.joms-js-page-chat .joms-chat__conversations-wrapper .joms-chat__item.active {
  background: #263045;
  color: var(--headings-color);
  padding: 0.5rem;
}
.joms-js-page-chat .joms-chat__conversations-wrapper .joms-chat__item .joms-avatar img {
  border-radius: 50%;
  max-height: 56px;
  max-width: 56px;
  height: 56px;
  width: 56px;
}
.joms-js-page-chat .joms-chat__conversations-wrapper .joms-chat__item-body b {
  font-weight: var(--js-font-weight-base);
}
.joms-js-page-chat .joms-chat__conversations {
  padding: 0.5rem;
}
.joms-js-page-chat .joms-chat__search {
  border-color: rgba(255, 255, 255, 0.1);
}
.joms-js-page-chat .joms-chat__search .joms-js--chat-header-selector-div {
  background: #1D2333 !important;
  border-radius: var(--js-border-radius);
  border-color: var(--js-border-color) !important;
}
.joms-js-page-chat .joms-chat__search .joms-chat__item {
  border-radius: var(--js-border-radius);
  color: #969EB2;
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-js-page-chat .joms-chat__search .joms-chat__item:hover {
  background: #263045;
}
.joms-js-page-chat .joms-chat-selected .user-selected {
  background: #263045;
  display: inline-block;
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
  padding: 0.25rem 0.5rem;
}
.joms-js-page-chat .joms-chat-selected .user-selected .remove-selected-user {
  -webkit-transition: var(--js-transition-base);
  transition: var(--js-transition-base);
}
.joms-js-page-chat .joms-chat-selected .user-selected .remove-selected-user:hover {
  color: #45F882;
}
.joms-js-page-chat .joms-chat__header {
  border-color: rgba(255, 255, 255, 0.1);
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-chat__message-item strong {
  font-weight: var(--js-font-weight-base);
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-item.you {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-item.you .joms-avatar {
  display: none;
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-item.you .joms-chat__message-body > div {
  background: #45F882;
  color: #0F1C23;
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-item.you .joms-icon {
  fill: #0F1C23;
}
@media only screen and (max-width: 480px) {
  .joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-body {
    max-width: unset;
  }
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js-content .joms-chat__message-body > div {
  background: #263045;
  color: white;
  font-size: var(--js-font-size-sm);
  font-weight: var(--js-font-weight-base);
  line-height: var(--t4-body-line-height);
}
.joms-js-page-chat .joms-chat__messages-wrapper .joms-js--chat-conversation-messages {
  max-height: 800px;
  height: 100% !important;
}
.joms-js-page-chat .joms-js--send {
  margin-top: var(--js-spacer);
}

.joms-js-chat-tooltip {
  background: #263045;
  border-radius: var(--js-border-radius);
  font-weight: var(--js-font-weight-base);
}

.reset-confirmjs-game form {
  background-color: transparent;
}

.joms-poll__more .joms-poll__more-inner {
  text-align: left;
}
.joms-poll__more .joms-poll__more-inner > a {
  border-radius: var(--js-border-radius);
  color: #969EB2;
}
/*# sourceMappingURL=style.css.map */