/*=============================== /components/com_community/templates/js-flat/assets/css/style.css?4.9.1 ================================================================================*/
#community-wrap,.com_community{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.jomsocial a{
    color:false
}
.jomsocial a:hover{
    color:false
}
.jomsocial a.liked,.jomsocial a.liked span{
    color:false
}
.jomsocial a.liked:hover,.jomsocial a.liked span:hover{
    color:false
}
.jomsocial button.liked,.jomsocial button.liked span{
    color:false
}
.jomsocial button.liked:hover,.jomsocial button.liked span:hover{
    color:false
}
.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.65248px;
    line-height:22.65248px;
    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.34752px
}
.joms-text--desc{
    color:#7f8c8d;
    font-weight:normal;
    font-size:12px
}
#joms-app--aboutme-special .joms-text--light{
    margin:0;
    margin-bottom:5.34752px
}
.joms-text--break{
    word-break:break-all;
    word-wrap:break-word
}
@media only screen and (max-width:480px){
    .joms-text--skip{
        display:block;
        text-align:center
    }
}
.joms-input,.joms-input[type="text"],.joms-input[type="password"],.joms-select--wrapper,.joms-textarea,.joms-select{
    background:#fff;
    border:1px solid #e3e5e7;
    box-shadow:none;
    color:#2c3e50;
    margin-bottom:14px;
    outline:none;
    width:100%
}
.joms-input:active,.joms-input[type="text"]:active,.joms-input[type="password"]:active,.joms-select--wrapper:active,.joms-textarea:active,.joms-select:active,.joms-input:focus,.joms-input[type="text"]:focus,.joms-input[type="password"]:focus,.joms-select--wrapper:focus,.joms-textarea:focus,.joms-select:focus,.joms-input:focus:invalid:focus,.joms-input[type="text"]:focus:invalid:focus,.joms-input[type="password"]:focus:invalid:focus,.joms-select--wrapper:focus:invalid:focus,.joms-textarea:focus:invalid:focus,.joms-select:focus:invalid:focus{
    outline:0;
    box-shadow:none;
    border-color:rgba(0,0,0,0.2);
    color:#2c3e50
}
.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,.joms-form__group .joms-select{
    margin-top:5.34752px;
    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,.joms-form__group .joms-select{
        margin-top:0
    }
}
.joms-input option,.joms-input[type="text"] option,.joms-input[type="password"] option,.joms-select--wrapper option,.joms-textarea option,.joms-select option{
    background-color:#fff;
    color:#333;
    padding:5px 10px
}
.joms-input option:hover,.joms-input[type="text"] option:hover,.joms-input[type="password"] option:hover,.joms-select--wrapper option:hover,.joms-textarea option:hover,.joms-select option:hover,.joms-input option:focus,.joms-input[type="text"] option:focus,.joms-input[type="password"] option:focus,.joms-select--wrapper option:focus,.joms-textarea option:focus,.joms-select option:focus{
    color:#fff
}
.joms-input--radio .radio{
    display:inline-block
}
.joms-input--datepicker{
    background-color:#fff !important;
    border:1px solid #e3e5e7 !important;
    color:#2c3e50 !important
}
.trumbowyg-box{
    background:#fff;
    border:1px solid #e3e5e7;
    color:#2c3e50
}
.joms-input[type="text"],.joms-input[type="password"]{
    padding:8.65248px;
    height:auto;
    -webkit-appearance:none;
    -moz-appearance:none
}
.joms-input[type="radio"]{
    margin:0;
    margin-right:2.04257px
}
.joms-input--append .joms-input[type="text"],.joms-input--append .joms-input[type="password"]{
    padding-left:36.65248px
}
.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.65248px
}
.joms-input--search[type="text"]{
    box-shadow:none;
    display:inline-block;
    height:auto;
    width:100%;
    padding:5.34752px;
    margin:0;
    line-height:18px;
    background:#fff;
    border:1px solid #e3e5e7;
    color:#2c3e50
}
.joms-input--search[type="text"]:active,.joms-input--search[type="text"]:focus,.joms-input--search[type="text"]:focus:invalid:focus{
    outline:0;
    box-shadow:none;
    border-color:rgba(0,0,0,0.2)
}
@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.65248px
}
@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
}
.joms-select--wrapper.joms-select--expand::after{
    background-image:none
}
.joms-select--wrapper .joms-select{
    padding:4px
}
.joms-select--wrapper::after{
    content:"";
    position:absolute;
    width:9px;
    height:8px;
    top:50%;
    margin-top:-4px;
    background-image:url(../../../components/com_community/templates/js-flat/assets/images/select-arrow.html);
    background-repeat:no-repeat;
    background-size:100%;
    z-index:2;
    pointer-events:none
}
.joms-select--wrapper::after{
    right:8.65248px
}
.joms-select--wrapper:hover{
    border:1px solid rgba(0,0,0,0.2)
}
.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{
    background:none;
    color:#2c3e50;
    border:1px solid transparent;
    box-shadow:none !important;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding:5px 10px !important;
    margin:0;
    width:100%
}
.joms-select:focus{
    outline:0;
    background-color:transparent;
    border-color:transparent;
    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.65248px;
    -webkit-appearance:none
}
.joms-textarea__wrapper{
    width:100%;
    background:#fff
}
.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.65248px;
    font-size:9px;
    background:rgba(0,0,0,.05);
    color:#2c3e50;
    border-top:1px solid rgba(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:#fff;
    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.65248px;
    font-size:9px;
    line-height:18px;
    background:rgba(0,0,0,.05);
    color:#2c3e50;
    border-top:1px solid rgba(0,0,0,.08);
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important
}
.joms-location__dropdown{
    background:#fff;
    position:absolute;
    left:0;
    right:0;
    margin-top:-20px;
    border:1px solid rgba(0,0,0,0.2);
    color:#2c3e50;
    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.65248px;
    background:rgba(0,0,0,.05);
    font-size:11px;
    font-weight:bold;
    border-bottom:1px solid rgba(0,0,0,0.2)
}
.joms-location__dropdown .joms-location__map{
    float:right;
    width:180px;
    height:180px;
    margin:5.34752px;
    display:none
}
.joms-location__dropdown .joms-location__list{
    padding:5.34752px 0
}
.joms-location__dropdown .joms-location__list a{
    display:block;
    padding:0 8.65248px;
    color:inherit;
    text-decoration:none
}
.joms-location__dropdown .joms-location__list a:hover{
    background:rgba(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{
    margin-right:10px;
    position:relative
}
.joms-checkbox input[type=checkbox]{
    position:absolute;
    margin-top:8.65248px
}
.joms-checkbox span{
    color:#7f8c8d;
    margin-top:5.34752px;
    display:inline-block;
    font-size:small;
    margin-left:22.65248px
}
.joms-form,.joms-form--search{
    margin:0;
    padding:0
}
@media (max-width:480px){
    .joms-form--search .joms-list--inline li{
        display:block;
        width:100%
    }
}
.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.34752px 8.65248px
}
@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.65248px;
    top:8.65248px;
    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:middle
    }
    .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.65248px;
        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.34752px;
    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
}
input[type="button"]{
    margin-right:10px
}
.joms-form--search .joms-form__item:before,.clearfix:before,.jomsocial-wrapper .jomsocial:before,.joms-module__wrapper:before,.joms-module__wrapper--stacked:before,.joms-stream:before,.joms-stream--notifications:before,.joms-postbox:before,.joms-postbox-content:before,.joms-pagination .pagination-list:before,.joms-landing__action:before,.other-links:before,.jomsocial-wrapper .jomsocial:before,.joms-body:before,.joms-focus:before,.joms-gallery:before,.joms-message__list: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-list--block .joms-list__item:before,.joms-chat__wrapper:before,.joms-chat__seen:before,.joms-chat__attachment-file:before,.joms-module--toolbar:before,.joms-form--search .joms-form__item:after,.clearfix:after,.jomsocial-wrapper .jomsocial:after,.joms-module__wrapper:after,.joms-module__wrapper--stacked:after,.joms-stream:after,.joms-stream--notifications:after,.joms-postbox:after,.joms-postbox-content:after,.joms-pagination .pagination-list:after,.joms-landing__action:after,.other-links:after,.jomsocial-wrapper .jomsocial:after,.joms-body:after,.joms-focus:after,.joms-gallery:after,.joms-message__list: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-list--block .joms-list__item:after,.joms-chat__wrapper:after,.joms-chat__seen:after,.joms-chat__attachment-file:after,.joms-module--toolbar:after{
    content:" ";
    display:table
}
.joms-form--search .joms-form__item:after,.clearfix:after,.jomsocial-wrapper .jomsocial:after,.joms-module__wrapper:after,.joms-module__wrapper--stacked:after,.joms-stream:after,.joms-stream--notifications:after,.joms-postbox:after,.joms-postbox-content:after,.joms-pagination .pagination-list:after,.joms-landing__action:after,.other-links:after,.jomsocial-wrapper .jomsocial:after,.joms-body:after,.joms-focus:after,.joms-gallery:after,.joms-message__list: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-list--block .joms-list__item:after,.joms-chat__wrapper:after,.joms-chat__seen:after,.joms-chat__attachment-file:after,.joms-module--toolbar:after{
    clear:both
}
.joms-main,.joms-sidebar{
    float:left;
    display:block
}
.joms-pagination .pagination-list,.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-module--toolbar > ul,.joms-module--membersearch > ul{
    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-textarea__wrapper,.joms-location__wrapper,.joms-location__dropdown,.joms-popup .joms-comment__actions,.joms-alert--warning,.joms-alert--danger,.joms-alert--info,.joms-alert--success,.joms-pagination ul,.joms-focus__date{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px
}
.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-chat__wrapper.joms-chat--window *{
    box-sizing:border-box
}
.joms-input,.joms-input[type="text"],.joms-input[type="password"],.joms-select--wrapper,.joms-textarea,.joms-select,.joms-select--wrapper,.joms-textarea__limit,.joms-location__description,.joms-notifications__label{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.joms-popover{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px
}
.joms-avatar--video img{
    border:1px solid rgba(0,0,0,0.12)
}
.joms-avatar--video img,.joms-online a:after{
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%
}
.joms-arrow--top:after,.joms-arrow--top-left:after,.joms-module__wrapper--main .joms-tab__bar > a.active:after,.joms-arrow--top:before,.joms-arrow--top-left:before,.joms-module__wrapper--main .joms-tab__bar > a.active:before{
    bottom:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.joms-arrow--top:after,.joms-arrow--top-left:after,.joms-module__wrapper--main .joms-tab__bar > a.active:after{
    border-bottom-color:#fff;
    border-width:8px;
    margin-left:-8px
}
.joms-arrow--top:before,.joms-arrow--top-left:before,.joms-module__wrapper--main .joms-tab__bar > a.active:before{
    border-bottom-color:#e3e5e7;
    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-hidden--small,.joms-reaction--off .joms-stream__status,.joms-reaction--off .joms-comment,.joms-landing__text,.joms-list--message .joms-list--message__remove span{
        display:none !important
    }
}
@media only screen and (min-width:481px){
    .joms-hidden--medium,.joms-stream__status--mobile,.joms-stream__actions .joms-icon,.joms-comment__actions .joms-icon{
        display:none !important
    }
}
@media only screen and (min-width:992px){
    .joms-focus__info,.joms-focus__actions,.joms-focus__button--options,.joms-toolbar{
        display:none !important
    }
}
.joms-dropdown,.joms-popover,.joms-postbox-dropdown,.joms-hcard,.joms-toolbar{
    -webkit-box-shadow:0px 1px 6px 0px rgba(0,0,0,0.1);
    -moz-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.34752px
}
.joms-gap--inline{
    width:8.65248px;
    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.65248px
}
.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.65248px 0;
    height:0
}
.joms-avatar--video img{
    display:inline-block;
    line-height:0;
    background:#fff;
    padding:3px
}
.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;
    position:relative;
    width:36px
}
.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{
    background-color:#fff;
    border-radius:3px;
    margin-top:3px;
    max-width:36px
}
.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;
    background:#8bc34a;
    border:2px solid white;
    color:#8bc34a;
    height:14px;
    width:14px;
    z-index:2
}
@media only screen and (max-width:480px){
    .joms-online a{
        margin:auto;
        max-width:64px;
        width:100%
    }
}
.joms-avatar--stream.joms-online a:after,.joms-avatar--comment.joms-online a:after{
    border-width:1px;
    height:9px;
    width:9px
}
.joms-avatar--focus.joms-online a:after{
    right:7px;
    bottom:7px;
    border:3px solid white;
    height:20px;
    width:20px
}
@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,.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
    }
}
.joms-button--primary,.joms-button--add,.joms-button--login,.joms-button__approve,.joms-postbox-tab .joms-postbox-save,.joms-postbox-tab .joms-postbox-done,.joms-focus__button--add,.joms-button__next,.joms-button--secondary,.joms-button--signup,.joms-focus__button--message,.joms-button--neutral,.joms-button--privacy,.joms-button--more,.joms-button--comment,.joms-button__reject,.joms-postbox-tab .joms-postbox-cancel,.joms-focus__button--options,.joms-button--important{
    padding:8.65248px 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--primary,.joms-button--add,.joms-button--login,.joms-button__approve,.joms-postbox-tab .joms-postbox-save,.joms-postbox-tab .joms-postbox-done,.joms-focus__button--add,.joms-button__next,.joms-button--secondary,.joms-button--signup,.joms-focus__button--message,.joms-button--neutral,.joms-button--privacy,.joms-button--more,.joms-button--comment,.joms-button__reject,.joms-postbox-tab .joms-postbox-cancel,.joms-focus__button--options,.joms-button--important{
        margin-bottom:4px
    }
}
.joms-button--primary,.joms-button--add,.joms-button--login,.joms-button__approve,.joms-postbox-tab .joms-postbox-save,.joms-postbox-tab .joms-postbox-done,.joms-focus__button--add{
    background:#5677fc;
    color:#fff !important
}
.joms-button--primary:hover,.joms-button--add:hover,.joms-button--login:hover,.joms-button__approve:hover,.joms-postbox-tab .joms-postbox-save:hover,.joms-postbox-tab .joms-postbox-done:hover,.joms-focus__button--add:hover,.joms-button--primary:active,.joms-button--add:active,.joms-button--login:active,.joms-button__approve:active,.joms-postbox-tab .joms-postbox-save:active,.joms-postbox-tab .joms-postbox-done:active,.joms-focus__button--add:active,.joms-button--primary:focus,.joms-button--add:focus,.joms-button--login:focus,.joms-button__approve:focus,.joms-postbox-tab .joms-postbox-save:focus,.joms-postbox-tab .joms-postbox-done:focus,.joms-focus__button--add:focus{
    background:#7e97fd;
    text-decoration:none;
    color:#fff !important
}
.joms-button__next,.joms-button--secondary,.joms-button--signup,.joms-focus__button--message{
    background:#259b24;
    color:#fff !important
}
.joms-button__next:hover,.joms-button--secondary:hover,.joms-button--signup:hover,.joms-focus__button--message:hover,.joms-button__next:active,.joms-button--secondary:active,.joms-button--signup:active,.joms-focus__button--message:active,.joms-button__next:focus,.joms-button--secondary:focus,.joms-button--signup:focus,.joms-focus__button--message:focus{
    background:#2dbc2c;
    text-decoration:none;
    color:#fff !important
}
.joms-button--neutral,.joms-button--privacy,.joms-button--more,.joms-button--comment,.joms-button__reject,.joms-postbox-tab .joms-postbox-cancel,.joms-focus__button--options{
    color:#2c3e50;
    background:#ecf0f1;
    color:#424242 !important
}
.joms-button--neutral:hover,.joms-button--privacy:hover,.joms-button--more:hover,.joms-button--comment:hover,.joms-button__reject:hover,.joms-postbox-tab .joms-postbox-cancel:hover,.joms-focus__button--options:hover,.joms-button--neutral:active,.joms-button--privacy:active,.joms-button--more:active,.joms-button--comment:active,.joms-button__reject:active,.joms-postbox-tab .joms-postbox-cancel:active,.joms-focus__button--options:active,.joms-button--neutral:focus,.joms-button--privacy:focus,.joms-button--more:focus,.joms-button--comment:focus,.joms-button__reject:focus,.joms-postbox-tab .joms-postbox-cancel:focus,.joms-focus__button--options:focus{
    background:#fff;
    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
    }
}
.joms-button--privacy{
    padding:5.34752px;
    color:#7f8c8d
}
.joms-button--privacy .joms-icon{
    height:12px
}
.joms-form__group .joms-button--privacy{
    margin-top:5.34752px
}
.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:#fff
}
@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.34752px;
    font-size:14px
}
.joms-button--login{
    width:100%
}
@media (max-width:768px){
    .joms-button--login{
        width:auto
    }
}
.joms-button--signup{
    width:100%
}
@media only screen and (min-width:992px){
    .joms-button--signup{
        width:auto
    }
}
.joms-button--link{
    display:inline-block;
    padding-top:5.34752px
}
.joms-button--comment{
    padding:8px 8px 7px;
    margin-bottom:0;
    font-size:12px
}
.joms-button__reject{
    padding:5.34752px 8.65248px
}
.joms-button__approve{
    padding:5.34752px 8.65248px
}
.joms-button--small{
    padding:5.34752px 8.65248px
}
.joms-button--smallest{
    padding:2.04257px 5.34752px
}
.joms-login-facebook{
    position:absolute;
    top:0;
    left:0;
    opacity:0.01;
    width:100%
}
.joms-button--signup.sign-with-twitter,.joms-button--signup.sign-with-linkedin,.joms-button--signup.sign-with-google{
    display:block;
    width:100%;
    margin-bottom:15px;
    text-transform:uppercase;
    font-weight:600
}
.joms-button--signup.sign-with-twitter{
    background:#4fade9 !important
}
.joms-button--signup.sign-with-twitter:hover{
    background:#4499ce !important
}
.joms-button--signup.sign-with-linkedin{
    background:#0077b5 !important
}
.joms-button--signup.sign-with-linkedin:hover{
    background:#0369a0 !important
}
.joms-button--signup.sign-with-google{
    background:#4081ec !important
}
.joms-button--signup.sign-with-google:hover{
    background:#55bcfc !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.66667%
}
.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.5%
    }
    .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%;
    transform:translate(-50%,-50%);
    height:24px;
    width:24px;
    fill:#424242
}
@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.66667%
    }
    .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:25px;
    fill:#95a5a6;
    right:90px
}
.joms-icon--emoticon svg{
    width:14px;
    height:14px
}
.joms-comment__reply .joms-icon--emoticon{
    right:90px
}
.joms-no-touch .joms-icon--emoticon,.joms-no-touch .joms-comment__reply .joms-icon--emoticon,.joms-js--comment-editor .joms-icon--emoticon,.joms-comment__reply.joms-js--comment-editor .joms-icon--emoticon{
    right:48px
}
.joms-page--inbox .joms-icon--emoticon{
    top:14px;
    right:14px
}
.joms-icon--add{
    position:absolute;
    top:24px;
    fill:#95a5a6;
    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('../../../components/com_community/templates/js-flat/assets/images/emo.html')
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx){
    .joms-emoticon{
        background-image:url("../../../components/com_community/templates/js-flat/assets/images/emo%402x.html");
        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{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.joms-module .joms-stream__meta p{
    word-break:break-word;
    -webkit-hyphens:auto;
    -moz-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:#424242
}
.joms-module__footer{
    margin-top:14px
}
.joms-module__header{
    font-weight:bold;
    background:#fff;
    color:#424242;
    padding:8.65248px;
    text-align:center
}
.joms-module--stacked{
    margin-bottom:14px
}
.joms-module__body{
    background:#fff;
    padding:14px
}
.joms-stream,.joms-stream--notifications{
    background:white;
    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.34752px
}
.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.65248px
}
.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.65248px
}
.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.65248px;
    fill:#95a5a6
}
.joms-stream__time,.joms-comment__time,.joms-poll__time{
    color:#95a5a6;
    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
}
.joms-stream__body .joms-icon,.joms-comment__body .joms-icon{
    fill:#424242;
    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,.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.65248px 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:#5677fc
}
.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:#f5f5f5;
    margin:0;
    padding:0
}
.joms-comment__user{
    font-weight:bold
}
.joms-comment__more{
    font-size:0.8rem;
    padding:8.65248px 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.34752px
}
.joms-comment__body{
    padding:5.34752px 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,.04)
}
.joms-comment__actions{
    display:table;
    table-layout:fixed;
    background:rgba(0,0,0,0.04);
    padding:5.34752px 14px;
    width:100%;
    text-align:center
}
.joms-comment__actions a{
    display:table-cell
}
.joms-popup .joms-comment__actions{
    padding:5.34752px
}
.joms-popup .joms-comment__actions a{
    padding:5.34752px
}
.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
}
@media only screen and (max-width:360px){
    .joms-comment__actions span{
        display:none
    }
    .joms-comment__actions .liked span{
        display:inline
    }
}
@media only screen and (min-width:481px){
    .joms-comment__actions{
        border-bottom:0;
        text-align:left;
        padding:8px 14px 4px 0;
        background:transparent
    }
    .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:#f5f5f5;
    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.65248px
}
.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.30495px
}
.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:#fff;
    border:1px solid #e1e1e1;
    border-radius:5px;
    padding:4px;
    box-shadow:rgba(0,0,0,0.15) 0px 0px 2px;
    display:none;
    width:168px;
    z-index:1100;
    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;
    -webkit-hyphens:auto;
    -moz-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:1;
        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:#fff
}
.joms-comment--bulletin .joms-comment__item:last-child{
    margin-bottom:0
}
.joms-comment--bulletin .joms-comment__header{
    padding:0
}
.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.like,.joms-media--image,.joms-media--images,.joms-media--event{
    max-width:320px
}
@media only screen and (min-width:481px){
    .joms-media.like,.joms-media--image,.joms-media--images,.joms-media--event{
        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.66667%
}
.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.5%
    }
    .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.65248px;
    display:block
}
.joms-media--album__title span{
    color:#95a5a6;
    font-size:14px
}
.joms-media--album__desc{
    font-size:12px;
    line-height:18px;
    color:#95a5a6
}
@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:#424242
}
.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%
    }
    .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--album.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-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--album.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-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.65248px
}
.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:#ecf0f1;
    padding:2.04257px 0
}
.joms-media__calendar .date{
    background:#fff;
    border:1px solid #e3e5e7;
    border-top:0;
    color:#7f8c8d;
    font-size:22.65248px;
    padding:14px
}
.joms-media__remove{
    position:absolute;
    top:0;
    padding:8.65248px;
    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.65248px 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.65248px;
    margin-bottom:0;
    font-size:12px;
    line-height:18px;
    max-height:60px;
    overflow:hidden;
    border-top:1px solid rgba(0,0,0,.08);
    padding-top:8.65248px
}
.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:#fff;
    border:1px solid #e3e5e7;
    z-index:12;
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:12px
}
.joms-dropdown > li,.joms-popover > li{
    color:#424242;
    padding:5.34752px 8.65248px;
    text-align:left
}
.joms-dropdown > li:hover,.joms-popover > li:hover,.joms-dropdown > li.active,.joms-popover > li.active{
    background:#f5f5f5
}
.joms-dropdown > li.noselect,.joms-popover > li.noselect{
    background:none
}
.joms-dropdown > li .joms-icon,.joms-popover > li .joms-icon{
    fill:#424242
}
.joms-dropdown > li.separator,.joms-popover > li.separator{
    border-top:1px solid #e3e5e7;
    padding:0
}
.joms-dropdown > li > a,.joms-popover > li > a{
    display:block;
    color:#424242
}
.joms-dropdown > li > a:hover,.joms-popover > li > a:hover{
    text-decoration:none;
    color:#424242
}
.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-popover.joms-dropdown-r{
    right:8.65248px
}
.joms-toolbar--desktop .joms-dropdown.joms-dropdown-t,.joms-toolbar--desktop .joms-popover.joms-dropdown-t{
    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,.joms-popover.more-button{
        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.65248px
    }
}
.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 #e3e5e7;
    overflow:auto;
    overflow-x:hidden;
    max-height:320px
}
.joms-popover:after{
    border-bottom-color:#fff;
    border-width:8px;
    margin-left:-8px
}
.joms-popover:before{
    border-bottom-color:#e3e5e7;
    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.34752px;
    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;
    width:100%
}
.joms-popover__content h5{
    margin-top:0;
    margin-bottom:5.34752px;
    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.65248px
}
@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:#fff;
    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 #f5f5f5;
    padding:8.65248px
}
.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 #5677fc;
    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:#424242
}
.inputbox textarea.input::-webkit-input-placeholder{
    color:#424242
}
.inputbox textarea.input:-moz-placeholder{
    color:#424242
}
.inputbox textarea.input::-moz-placeholder{
    color:#424242
}
.inputbox textarea.input:-ms-input-placeholder{
    color:#424242
}
.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:#424242
}
.joms-postbox-input{
    min-height:56px;
    width:100%;
    padding:8.65248px;
    position:relative;
    word-wrap:break-word;
    cursor:text
}
.joms-postbox-input textarea{
    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:#f5f5f5;
    color:#424242;
    line-height:16px
}
.joms-postbox-tab{
    font-size:12px;
    background:#f5f5f5
}
.joms-postbox-tab .joms-icon{
    height:14px;
    width:14px
}
.joms-postbox-tab [class^="joms-icon-"]:before,.joms-postbox-tab [class*=" joms-icon-"]:before{
    color:#424242
}
.joms-postbox-tab li{
    padding:0;
    cursor:pointer;
    display:inline-block !important
}
.joms-postbox-tab li:hover{
    background:#ebebeb
}
.joms-postbox-tab li.hidden{
    display:none !important
}
.joms-postbox-tab li.invisible{
    visibility:hidden
}
.joms-postbox-tab li a{
    padding:5.34752px 8.65248px;
    display:block
}
.joms-postbox-tab li.active{
    background-color:rgba(0,0,0,0.1)
}
.joms-postbox .joms-postbox-tab li{
    padding:5.34752px 8.65248px
}
.joms-postbox-tab > div{
    padding:8.65248px;
    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:#424242
}
@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.04257px 8.65248px
}
@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.04257px 8.65248px
}
@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:#fff
}
.joms-postbox-dropdown{
    width:96%;
    position:absolute;
    top:100%;
    left:2%;
    padding:8px;
    z-index:10;
    color:#424242;
    background:#fff;
    border:1px solid #e3e5e7;
    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:#f5f5f5
}
.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:#fff;
    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:#ecf0f1;
    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;
    box-shadow:0 0 2px 1px #fff
}
.joms-postbox-photo-progressbar{
    position:absolute;
    bottom:14px;
    left:14px;
    right:14px;
    height:6px
}
.joms-postbox-photo-progressbar .joms-postbox-photo-progress{
    background:#5677fc;
    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:#5677fc;
    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,.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:#fff;
    padding:8.65248px;
    border-bottom:1px solid #f5f5f5;
    color:#424242
}
.joms-postbox-inner-panel .default-text{
    color:#424242
}
.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:#f5f5f5
}
@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:#f5f5f5
}
@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:#f5f5f5
}
@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.65248px
}
@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:#f5f5f5;
    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,.2);
    color:#fff
}
.joms-postbox-content .joms-icon.joms-icon--emoticon{
    cursor:pointer
}
.joms-tab__bar{
    display:table;
    table-layout:fixed;
    width:100%;
    background:#e0e7e8
}
.joms-tab__bar > a{
    display:table-cell;
    text-align:center;
    text-decoration:none;
    padding:8.65248px;
    font-size:12px;
    color:#424242;
    position:relative
}
.joms-tab__bar > a.active{
    font-weight:bold;
    background:#fff;
    color:#424242
}
.joms-tab__bar > a.active:hover{
    color:#424242
}
.joms-tab__bar > a:focus,.joms-tab__bar > a:hover{
    color:#565656;
    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:#ecf0f1;
    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 #e3e5e7
}
.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.34752px
}
.joms-tab__bar .joms-tab__bar--button span.add{
    width:26px;
    background:#d4dedf
}
.joms-tab__bar .joms-tab__bar--button span.add:hover{
    background:#fff
}
.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:#fff
}
.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:#fff
}
.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.34752px
}
.joms-sidebar .joms-tab__content .joms-stream__header .joms-popover__avatar img{
    border-radius:3px
}
.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.65248px;
    background:#fff;
    border:1px solid #e3e5e7;
    margin-bottom:14px
}
.joms-app__block.core{
    background:#f0f0f0;
    border:0
}
.joms-app--wrapper{
    background:#fff;
    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:#fff
}
.joms-tab__content .joms-app--myarticle{
    padding:0;
    background:transparent
}
.joms-app--myarticle > p{
    margin-bottom:0
}
.joms-alert--warning,.joms-alert--danger,.joms-alert--info,.joms-alert--success{
    display:inline-block;
    width:100%;
    padding:8.65248px 14px;
    vertical-align:middle;
    font-size:12px;
    margin-bottom:14px
}
.joms-alert__head{
    margin-top:5.34752px
}
.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
}
@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;
        font-size:12px;
        line-height:20px;
        transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg)
    }
}
@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:white;
    max-width:360px;
    width:100%;
    border:1px solid #e3e5e7;
    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{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.joms-hcard .joms-focus__link li{
    padding:5.34752px 8.65248px
}
.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.65248px 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.65248px 14px
}
.joms-popup{
    background:#000;
    max-width:400px;
    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);
    -moz-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{
    -moz-box-sizing:border-box;
    -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
}
.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
}
.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:90%
}
.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:#fff
}
.joms-popup__content ul{
    padding-left: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
}
.joms-popup__comment{
    background-color:#f5f5f5;
    padding:10px;
    overflow:auto;
    position:absolute;
    top:0;
    right:0;
    width:330px;
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-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;
    -moz-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:#fff
}
.joms-popup__option{
    background-color:rgba(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,.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,.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,.2)
}
.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{
}
.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
}
.joms-popup__errormsg{
    border:1px solid red;
    background-color:rgba(255,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%
}
.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
}
.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;
    -moz-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;
    -moz-box-shadow:none !important;
    box-shadow:none !important
}
.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
    }
}
.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
}
.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
}
.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;
    -moz-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
}
.joms-popup .joms-gallery--invitation li{
    cursor:pointer
}
.joms-popup .joms-tab__bar{
    border:1px solid #e3e5e7;
    -webkit-box-sizing:border-box;
    -moz-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;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@media all and (max-width:640px){
    .joms-popup__wrapper{
        padding:6px
    }
}
.joms-popup__hide{
    display:none
}
.joms-pagination{
    margin-top:36.65248px;
    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,.05);
    background:#fff;
    padding:8.65248px 14px !important;
    margin-left:-1px;
    position:relative;
    color:#333
}
.joms-pagination li > a:hover,.joms-pagination li > span:hover,.joms-pagination li > a:focus,.joms-pagination li > span:focus{
    background:#eee;
    text-decoration:none;
    color:#333;
    z-index:1;
    border:1px solid rgba(0,0,0,.05)
}
.joms-pagination .active a,.joms-pagination .active > span{
    background:#5677fc;
    border-color:#5677fc;
    color:#fff;
    z-index:2
}
.joms-pagination .active a:hover,.joms-pagination .active > span:hover,.joms-pagination .active a:focus,.joms-pagination .active > span:focus{
    background:#5677fc;
    border-color:#5677fc;
    color:#fff
}
.joms-pagination .disabled a,.joms-pagination .disabled > span{
    color:#ddd;
    border:1px solid rgba(0,0,0,.05)
}
.joms-pagination .disabled a:hover,.joms-pagination .disabled > span:hover,.joms-pagination .disabled a:focus,.joms-pagination .disabled > span:focus{
    color:#ddd;
    background:#fff;
    border:1px solid rgba(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.34752px;
    border:1px solid rgba(0,0,0,0.06);
    background:#f5f5f5
}
.joms-activity-filter .joms-activity-filter-status{
    color:#424242;
    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:#424242;
    text-decoration:none
}
.joms-activity-filter .joms-activity-filter-action a:hover,.joms-activity-filter .joms-activity-filter-action a.filtered{
    color:#424242
}
.joms-activity-filter .joms-activity-filter-dropdown{
    text-align:left;
    border-color:#f5f5f5
}
.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.65248px;
    padding-top:8.65248px
}
.joms-activity-filter .joms-activity-filter-dropdown li.active{
    background:#ebebeb
}
#fb-root{
    margin-top:8.65248px
}
.joms-quote{
    padding:14px;
    border-left:3px solid #e3e5e7
}
.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:white;
    height:14px;
    width:100%;
    margin-bottom:14px
}
.innerpgbar{
    background:#5677fc
}
.joms-calendar--day,.joms-event__body{
    background:rgba(0,0,0,0.04);
    color:#424242
}
.joms-calendar--today{
    background:rgba(0,0,0,0.1)
}
.joms-calendar__grid-title,.joms-calendar--week-day,.joms-calendar__event{
    background:#5677fc;
    color:#fff
}
.joms-calendar__event:hover,.joms-calendar__event-over{
    background:#6a87fc;
    color:#fff
}
svg stop.cl1{
    stop-color:#5677fc
}
svg stop.cl2{
    stop-color:#6f8bfc
}
svg stop.cl3{
    stop-color:#6f8bfc
}
svg stop.cl4{
    stop-color:#889ffd
}
svg stop.cl5{
    stop-color:#889ffd
}
svg stop.cl6{
    stop-color:#a1b3fd
}
svg stop.cl7{
    stop-color:#a1b3fd
}
svg stop.cl8{
    stop-color:#889ffd
}
svg stop.cl9{
    stop-color:#889ffd
}
svg stop.cl10{
    stop-color:#6f8bfc
}
svg stop.cl11{
    stop-color:#6f8bfc
}
svg stop.cl12{
    stop-color:#5677fc
}
.joms-blankslate{
    padding:14px;
    background:#ecf0f1;
    color:#2c3e50;
    display:block;
    text-align:center
}
.joms-titlebar{
    background:#ecf0f1;
    color:#2c3e50;
    display:block;
    padding:5.34752px 8.65248px;
    margin-top:22.65248px;
    font-size:12px
}
.joms-titlebar:first-child{
    margin-top:0
}
#starttime select,#endtime select{
    box-shadow:none;
    border-radius:2px;
    display:inline-block
}
.picker__header select{
    border-radius:0;
    display:inline-block
}
@media (max-width:480px){
    .cEvents .joms-input--search{
        line-height:20px;
        width:70%
    }
}
.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.04257px 5.34752px;
    display:inline-block
}
.joms-label.is-owner{
    background-color:#5677fc;
    color:#fff
}
.joms-label.is-admin{
    background-color:#259b24;
    color:#fff
}
.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;
    transition:opacity 100ms,top 100ms;
    z-index:2000
}
ul.joms-reactions__list{
    margin:0;
    padding:0
}
ul.joms-reactions__list li{
    position:relative;
    list-style:none;
    float:left;
    margin-right:8px
}
ul.joms-reactions__list li:last-child{
    margin-right:0
}
.joms-reactions__item{
    background-image:url(../../../components/com_community/assets/reactions/reactions.html);
    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%;
    transform:translate(-50%,0)
}
.joms-reactions__inner{
    transition:transform 200ms;
    transform-origin:bottom
}
.joms-reactions__inner:hover{
    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,a.reaction-btn--like,.reaction-btn--like:hover,a.reaction-btn--like:hover,.reaction-btn--like:focus,a.reaction-btn--like:focus{
    font-weight:700;
    color:#4080fe
}
.reaction-btn--love,a.reaction-btn--love,.reaction-btn--love:hover,a.reaction-btn--love:hover,.reaction-btn--love:focus,a.reaction-btn--love:focus{
    font-weight:700;
    color:#f54273
}
.reaction-btn--haha,a.reaction-btn--haha,.reaction-btn--wow,a.reaction-btn--wow,.reaction-btn--sad,a.reaction-btn--sad,.reaction-btn--haha:hover,a.reaction-btn--haha:hover,.reaction-btn--wow:hover,a.reaction-btn--wow:hover,.reaction-btn--sad:hover,a.reaction-btn--sad:hover,.reaction-btn--haha:focus,a.reaction-btn--haha:focus,.reaction-btn--wow:focus,a.reaction-btn--wow:focus,.reaction-btn--sad:focus,a.reaction-btn--sad:focus{
    font-weight:700;
    color:#fecc4d
}
.reaction-btn--angry,a.reaction-btn--angry,.reaction-btn--angry:hover,a.reaction-btn--angry:hover,.reaction-btn--angry:focus,a.reaction-btn--angry:focus{
    font-weight:700;
    color:#ff7214
}
.reaction-btn--animate,a.reaction-btn--animate{
    transform:scale(1.1)
}
.joms-button--reaction{
    transition:transform 100ms;
    transform-origin:0 30px
}
a.joms-button--reaction{
    display:inline-block;
    -webkit-touch-callout:none !important
}
.joms-comment__actions .joms-button--reaction{
    float:left;
    margin-right:10px
}
.joms-popup__content.joms-popup__reacted{
    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.65248px 8.65248px;
    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:#5677fc
}
.joms-reacted__list .joms-reacted__item.active{
    border-bottom-color:#5677fc
}
.joms-reacted__list .joms-reacted__item.active.item-all{
    color:#5677fc
}
.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:#e3e5e7;
    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
}
.joms-landing{
    margin-bottom:36.65248px;
    max-width:100%;
    position:relative;
    width:100%
}
.joms-landing.no-image .joms-landing__cover:before{
    padding-top:0
}
.joms-landing__image{
    background-size:cover !important;
    border-radius:3px;
    padding:50px 25px;
    display:flex;
    justify-content:flex-end
}
.joms-landing__content{
    margin-bottom:14px
}
.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__text{
        width:61.8034%
    }
}
.joms-landing__text h2{
    margin-top:0;
    text-transform:uppercase
}
.joms-landing__signup{
    float:right;
    margin-right:8.65248px
}
@media screen and (max-width:480px){
    .joms-landing__signup{
        float:none;
        margin:0
    }
}
.login-facebook{
    position:relative;
    margin-bottom:14px
}
.login-facebook span{
    background-color:#3b5998;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    height:40px;
    font-weight:600;
    line-height:40px;
    letter-spacing:0.5px;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
.login-facebook span i{
    margin-right:10px
}
.login-facebook .fb-login-button{
    display:inline-block;
    left:50%;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.joms-landing__action{
    background:#fff;
    box-shadow:5px 5px 0 rgba(0,0,0,0.2);
    padding:36.65248px;
    max-width:450px
}
@media (max-width:768px){
    .joms-landing__action{
        left:59.30495px;
        max-width:100%
    }
}
@media screen and (max-width:480px){
    .joms-landing__action{
        left:20px;
        top:20px;
        right:20px;
        bottom:20px;
        padding:15px
    }
}
.joms-landing__action a{
    display:block;
    font-size:12px
}
.joms-landing__action .sign-with-linkedin{
    min-height:40px
}
@media screen and (max-width:480px){
    .joms-landing__action .sign-with-linkedin{
        padding:0
    }
}
.joms-landing__action .sign-with-linkedin .fa-linkedin{
    margin-right:8px
}
.joms-landing__action .joms-actions{
    margin-top:22.65248px;
    overflow:hidden
}
.joms-landing__action .joms-actions button,.joms-landing__action .joms-actions a{
    float:right;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.5px;
    margin-top:0;
    text-transform:uppercase;
    width:auto
}
@media screen and (max-width:480px){
    .joms-landing__action .joms-actions button,.joms-landing__action .joms-actions a{
        width:100%
    }
}
.joms-landing__action .joms-actions .joms-landing__signup{
    float:left
}
.joms-landing__action .joms-checkbox{
    float:left;
    margin-right:0;
    width:100%;
    margin-bottom:12px
}
@media screen and (max-width:480px){
    .joms-landing__action .joms-checkbox{
        margin-bottom:20px;
        width:100%
    }
}
.joms-landing__action .joms-checkbox input{
    position:relative;
    margin-top:0;
    margin-right:5px;
    vertical-align:middle
}
.joms-landing__action .joms-checkbox span{
    margin-top:0;
    margin-left:0;
    vertical-align:middle
}
.joms-landing__action .joms-input--append .joms-icon{
    top:30%
}
.joms-landing__action .joms-input{
    border:0;
    border-bottom:2px solid #e3e5e7;
    height:44px;
    line-height:44px;
    padding-left:0;
    padding-right:0;
    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.65248px;
        font-size:12px
    }
}
@media only screen and (min-width:992px){
    .joms-landing__action .joms-input{
        margin-bottom:0
    }
    .joms-landing__action .joms-input--append{
        margin-bottom:14px
    }
    .joms-landing__action .joms-input--append input{
        border-radius:0
    }
    .joms-landing__action .joms-input--append{
        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{
        vertical-align:top;
        width:24%
    }
    .joms-landing__action.tfaenabled button{
        width:20%
    }
}
.other-links{
    padding-top:10px;
    text-align:left
}
.other-links a{
    display:inline-block;
    margin-right:14px
}
@media screen and (max-width:480px){
    .other-links a{
        display:block;
        margin:0 0 5px 0
    }
}
.jomsocial-wrapper{
    position:relative;
    overflow:hidden;
    height:100%;
    width:100%
}
.jomsocial-wrapper.show-menu .jomsocial{
    -webkit-transform:translateX(220px);
    -ms-transform:translateX(220px);
    transform:translateX(220px)
}
.jomsocial-wrapper.show-menu--user .jomsocial{
    -webkit-transform:translateX(-220px);
    -ms-transform:translateX(-220px);
    transform:translateX(-220px)
}
@media only screen and (min-width:992px){
    .jomsocial-wrapper{
        overflow:visible
    }
}
.jomsocial-wrapper.cRegister{
    max-width:650px;
    margin:0 auto
}
.jomsocial-wrapper.cRegister .joms-login-facebook{
    position:static;
    opacity:1
}
.jomsocial-wrapper.cRegister .sign-with-linkedin span{
    margin-right:8px
}
.jomsocial-wrapper .jomsocial{
    height:100%;
    min-height:480px;
    position:relative
}
.jomsocial-wrapper .jomsocial *,.jomsocial-wrapper .jomsocial *:before,.jomsocial-wrapper .jomsocial *:after{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-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:21px;
        width:61.8034%
    }
}
.joms-main--full{
    width:100%;
    margin:0;
    padding:0
}
.joms-sidebar{
    width:100%
}
@media only screen and (min-width:992px){
    .joms-sidebar{
        width:38.1966%
    }
}
.joms-sidebar .joms-module--stacked{
    border:1px solid #e3e5e7
}
.joms-sidebar .joms-module--stacked .joms-module__header{
    border-bottom:1px solid #e3e5e7
}
.joms-sidebar .joms-module__wrapper{
    border:1px solid #e3e5e7
}
.joms-sidebar .joms-module__wrapper .joms-tab__bar{
    background:#5677fc;
    padding:5px 5px 0;
    overflow:hidden;
    color:#fff
}
@media screen and (max-width:480px){
    .joms-sidebar .joms-module__wrapper .joms-tab__bar{
        padding-top:10px
    }
}
.joms-sidebar .joms-module__wrapper .joms-tab__bar a{
    background-color:rgba(0,0,0,0.2);
    color:#fff;
    display:block;
    float:left;
    font-size:14px;
    margin:0 2px;
    padding-left:20px;
    padding-right:20px;
    vertical-align:middle
}
@media screen and (max-width:480px){
    .joms-sidebar .joms-module__wrapper .joms-tab__bar a{
        margin:0 5px 10px
    }
}
.joms-sidebar .joms-module__wrapper .joms-tab__bar .active{
    background:#fff;
    font-weight:500;
    color:#999
}
.joms-focus{
    background:#fff;
    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.66667%
}
.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.5%
    }
    .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;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
    -o-background-size:cover !important;
    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.34752px;
    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:#95a5a6;
    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
}
.joms-focus__link > li{
    padding:10px 15px;
    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{
    background-color:#f0f0f0;
    border:1px solid #e3e5e7;
    border-right:0
}
.joms-focus .joms-focus__link a{
    font-size:12px;
    font-weight:600;
    text-decoration:none
}
.joms-focus .joms-focus__link a:hover{
    text-decoration:none
}
.joms-focus__actions{
    display:table;
    table-layout:fixed;
    border-spacing:14px;
    width:100%
}
.joms-focus__actions a{
    font-size:12px;
    display:table-cell;
    padding:5.34752px 8.65248px
}
@media only screen and (min-width:992px){
    .joms-focus__actions a{
        padding:0.61803 1.61803
    }
}
.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.65248px;
    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:0.61803
    }
    .joms-focus__header__actions--desktop a{
        font-size:0.8rem;
        padding:5.34752px 8.65248px
    }
    .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:1.61803
    }
    .joms-focus__actions--desktop a{
        padding:5.34752px 8.65248px
    }
}
.joms-focus__button--options--desktop{
    display:none;
    position:absolute;
    top:14px;
    right:14px
}
.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)
}
@media only screen and (min-width:992px){
    .joms-focus__button--options--desktop{
        display:block
    }
    .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:#ecf0f1;
        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.34752px;
    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:1.61803
    }
}
.joms-focus__date span{
    display:block
}
.joms-focus__date span:last-child{
    margin-top:25px
}
.joms-focus__badges{
    padding:8.65248px 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.65248px;
    border-right:1px solid rgba(255,255,255,.25);
    font-weight:bold;
    color:#fff
}
.joms-focus__distance svg{
    top:-1px
}
.joms-focus__lastvisit{
    color:#fff
}
.joms-menu,.joms-menu--user{
    background:#f5f7f7;
    border-right:1px solid rgba(0,0,0,0.06);
    height:100%;
    position:absolute;
    top:0;
    left:-220px;
    width:220px;
    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.65248px 14px;
    font-size:12px;
    text-decoration:none;
    display:block;
    color:#424242
}
.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:#fbfcfc;
    color:#4c4c4c
}
.joms-menu span,.joms-menu--user span{
    position:absolute;
    right:0;
    top:0;
    padding:8.65248px 14px
}
@media only screen and (min-width:992px){
    .joms-menu,.joms-menu--user{
        display:none
    }
}
.joms-menu .show-submenu ul,.joms-menu--user .show-submenu ul{
    padding-left:14px
}
.joms-menu__toggle{
    fill:#424242
}
.joms-menu--user{
    left:auto;
    right:-220px;
    border-right:0;
    border-left:1px solid rgba(0,0,0,0.06)
}
.joms-toolbar{
    background:#f5f7f7;
    width:100%;
    position:relative;
    text-align:center;
    margin-bottom:14px
}
.joms-toolbar .joms-icon{
    width:16px;
    fill:#424242;
    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:#fbfcfc
}
.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.34752px;
    right:-5.34752px;
    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:#f5f7f7;
    border:1px solid rgba(0,0,0,0.06);
    text-align:center;
    display:block;
    line-height:2.3;
    margin-top:-1px;
    color:#424242
}
.joms-subnav a:hover{
    background:rgba(255,255,255,0.2);
    color:#424242;
    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{
    background:#f5f7f7;
    border:1px solid rgba(0,0,0,0.06);
    display:none;
    margin-bottom:14px
}
.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:10px;
    font-size:0;
    margin-left:-4px
}
.joms-subnav--desktop > ul > li.active,.joms-toolbar--desktop > ul > li.active,.joms-toolbar--mobile > ul > li.active,.joms-subnav--desktop > ul > li:hover,.joms-toolbar--desktop > ul > li:hover,.joms-toolbar--mobile > ul > li:hover{
    background:#fbfcfc
}
.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{
    color:#424242;
    font-size:14px;
    position:relative;
    text-decoration:none
}
.joms-subnav--desktop > ul > li > a:hover,.joms-toolbar--desktop > ul > li > a:hover,.joms-toolbar--mobile > ul > li > a:hover{
    color:#424242;
    text-decoration:none
}
.joms-subnav--desktop .joms-icon,.joms-toolbar--desktop .joms-icon,.joms-toolbar--mobile .joms-icon{
    fill:#424242;
    height:14px;
    margin:0 2.04257px
}
.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:#424242;
    text-decoration:none
}
.joms-toolbar--mobile > .joms-link--login:hover,.joms-toolbar--mobile > .joms-link--login:focus{
    color:#424242;
    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:#f5f7f7
}
.joms-subnav--desktop > ul > li{
    padding:0 8.65248px;
    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:#424242
}
.joms-subnav--desktop > ul > li > a:hover{
    color:#424242
}
.joms-subnav--desktop a{
    display:block;
    padding:8.65248px 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.34752px;
    left:8.65248px;
    padding:3px;
    background:#e74c3c;
    color:white;
    text-align:center;
    word-break:normal
}
.joms-page{
    background:#fff;
    padding:14px 0;
    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:#7f8c8d;
    margin-bottom:22.65248px
}
.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.65248px;
    padding:0;
    margin:0;
    width:100%
}
@media only screen and (min-width:481px){
    #pn{
        border-spacing:1.61803
    }
}
#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:0 -8.65248px;
    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.65248px;
    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;
    -webkit-hyphens:auto;
    -moz-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:#ecf0f1;
    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 #e3e5e7;
    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-pagination .pagination-list,.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-module--toolbar > ul,.joms-module--membersearch > ul{
    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 #e3e5e7
}
@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(../../../components/com_community/templates/js-flat/assets/images/bigplay.html) 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 #e3e5e7;
    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:before,.joms-list--card .joms-list__item:after{
        content:" ";
        display:table
    }
    .joms-list--card .joms-list__item:after{
        clear:both
    }
}
.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.66667%
    }
    .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--general .joms-list__avatar,.joms-list--friend .joms-list__body,.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--general .joms-list__avatar,.joms-list--friend .joms-list__body,.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{
    background:#fff;
    padding:8.65248px 14px;
    color:#424242
}
#joms-app--aboutme-special .joms-list__row > li,#joms-event--details .joms-list__row > li,#joms-group--details .joms-list__row > li{
    border-bottom:1px solid #eeeff0;
    padding:8.65248px 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{
    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:0.61803 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--group .joms-media--event,.joms-list--event .joms-media--group,.joms-list--group .joms-media--group{
    width:100%;
    margin-bottom:14px
}
.joms-list--event .joms-media--event:last-child,.joms-list--group .joms-media--event:last-child,.joms-list--event .joms-media--group:last-child,.joms-list--group .joms-media--group:last-child{
    margin-bottom:0
}
.joms-list--event .joms-media--event .joms-media__body,.joms-list--group .joms-media--event .joms-media__body,.joms-list--event .joms-media--group .joms-media__body,.joms-list--group .joms-media--group .joms-media__body{
    display:table-cell
}
.joms-list__options > a{
    top:8.65248px;
    width:14px;
    height:14px;
    right:8.65248px;
    position:absolute;
    z-index:10
}
.joms-list__options .joms-dropdown,.joms-list__options .joms-popover{
    position:absolute
}
.joms-list__details{
    margin-bottom:5.34752px
}
.joms-list__details > span{
    margin-right:5.34752px
}
.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:2.61803
    }
}
.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.65248px
}
@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.65248px
}
.joms-list__search .joms-list__utilities form button{
    width:auto;
    padding:5.34752px;
    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:#5677fc
}
.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:#f5f5f5;
    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:#424242
}
@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:#fff
}
.joms-list--articles > li{
    margin-bottom:8px;
    padding-bottom:8px;
    border-bottom:1px solid rgba(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:#bac8fe
}
.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.65248px;
    padding-bottom:14px
}
.joms-table tr td{
    padding:8.65248px 0;
    color:#7f8c8d;
    font-size:12px
}
.joms-table tr td.joms-table__title{
    padding-top:36.65248px;
    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:#fff;
    padding:14px;
    position:relative
}
.joms-message__status{
    margin-bottom:8.65248px;
    color:#95a5a6;
    text-align:right
}
.joms-message__status > span{
    position:relative;
    display:inline-block;
    height:22px;
    padding:2px 4px;
    background-color:rgba(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,.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__windows{
    padding-right:250px
}
.joms-chat__window{
    float:right;
    max-width:250px;
    margin-left:30px;
    background-color:#fff;
    border-bottom:1px solid #d5d5d5;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow:0 0 5px rgba(0,0,0,.2);
    box-shadow:0 0 5px rgba(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:#5677fc
}
.joms-chat__window-close{
    position:absolute;
    top:4px;
    right:10px
}
.joms-chat__window-close > .joms-icon{
    width:10px;
    fill:rgba(255,255,255,.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;
    box-shadow:none !important
}
.joms-chat__input-actions{
    position:absolute;
    top:5px;
    right:10px
}
.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,.05);
        vertical-align:top
    }
}
.joms-chat__item{
    position:relative;
    display:table;
    width:100%;
    padding:8.65248px 14px;
    color:#7f8c8d;
    background-color:rgba(0,0,0,.02);
    border-bottom:1px solid rgba(0,0,0,.035)
}
.joms-chat__item:hover{
    background-color:#fff;
    cursor:pointer
}
.joms-chat__item.active{
    color:#fff;
    background-color:#5677fc
}
.joms-chat__item.active a{
    font-weight:bold;
    color:#fff !important
}
.joms-chat__item.active a .joms-icon{
    fill:#fff;
    opacity:0.8
}
.joms-chat__item.unread{
    background-color:#d9e9f8;
    color:#6a8aa8
}
.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.65248px;
    vertical-align:middle
}
.joms-chat__item-body > span{
    display:block
}
.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,.05)
}
.joms-chat__search > .joms-input{
    padding:5.34752px 8.65248px;
    margin-bottom:0;
    line-height:1
}
@media only screen and (min-width:481px){
    .joms-chat__messages-wrapper{
        display:table-cell;
        vertical-align:top
    }
}
.joms-chat__message-item{
    position:relative;
    display:table;
    width:100%;
    padding:5.34752px 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-body{
    display:table-cell;
    padding-left:8.65248px;
    vertical-align:middle
}
.joms-chat__message-body > div{
    background-color:#ecf0f1;
    font-size:0.95em;
    font-weight:bold;
    font-weight:500;
    margin:2px 0;
    padding:5.34752px 14px;
    position:relative
}
.joms-chat__message-body > div:first-child{
    border-top-left-radius:8.65248px;
    border-top-right-radius:8.65248px
}
.joms-chat__message-body > div:last-child{
    border-bottom-left-radius:8.65248px;
    border-bottom-right-radius:8.65248px
}
.joms-chat__message-body > div:hover .joms-chat__message-actions{
    display:block
}
.joms-chat__message-body > span{
    display:block
}
.joms-chat__message-item.you .joms-chat__message-body > div{
    background-color:#6f8bfc;
    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,.05);
    position:relative;
    -webkit-box-shadow:0px 3px 0px 0px rgba(0,0,0,.025);
    -moz-box-shadow:0px 3px 0px 0px rgba(0,0,0,.025);
    box-shadow:0px 3px 0px 0px rgba(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:#ecf0f1;
    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,.025);
    border-top:1px solid rgba(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,.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.65248px 0
}
.joms-chat__attachment-image a{
    display:inline-block
}
.joms-chat__attachment-file{
    margin:8.65248px 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
}
.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%;
    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;
    text-transform:uppercase
}
.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:#5677fc;
    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-poll-option input.poll_option,.joms-postbox__poll-option input.joms-input,.joms-poll-option input.joms-input{
    border:1px solid #ccc;
    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-poll-option a.joms-postbox-poll__remove-option,.joms-postbox__poll-option a.joms-poll-option__remove,.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-poll-option a.joms-postbox-poll__remove-option svg,.joms-postbox__poll-option a.joms-poll-option__remove 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;
    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;
    transform:rotate(-45deg);
    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;
    box-sizing:border-box
}
.colorful-status__container{
    background-size:cover;
    background-position:center;
    cursor:text;
    font-size:30px;
    font-weight:bold;
    margin:0 auto;
    position:relative;
    text-align:center;
    transition:background-image 300ms;
    height:350px;
    width:100%
}
.colorful-status__container .colorful-status__inner{
    padding:20px;
    position:absolute;
    line-height:34px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:color 300ms;
    width:100%;
    word-wrap:break-word
}
.colorful-status__container .colorful-status__inner:focus{
    outline:0px solid transparent
}
@media only screen and (max-width:360px){
    .colorful-status__container .colorful-status__inner{
        font-size:18px;
        line-height:inherit
    }
}
.colorful-status__container .colorful-status__placeholder{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    color:#999;
    user-select:none;
    opacity:0.7;
    transition:color 300ms;
    line-height:34px
}
.colorful-status__color{
    position:absolute;
    bottom:5px;
    left:5px;
    right:5px;
    height:30px
}
.colorful-status__color span.joms-left{
    position:absolute;
    left:0
}
.colorful-status__color span.joms-left i.fa{
    left:25%
}
.colorful-status__color span.joms-right{
    position:absolute;
    right:0
}
.colorful-status__color span.joms-right i.fa{
    right:25%
}
.colorful-status__color span.joms-direction{
    display:none;
    height:25px;
    width:25px;
    border:solid 1px #ddd;
    border-radius:5px;
    cursor:pointer;
    background-color:#f5f5f5;
    transition:box-shadow 300ms
}
.colorful-status__color span.joms-direction i.fa{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.colorful-status__color span.joms-direction:hover{
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75)
}
.colorful-status__color ul.colorful-status__color-list{
    white-space:nowrap;
    overflow:hidden;
    position:absolute;
    left:30px;
    right:30px
}
.colorful-status__color ul.colorful-status__color-list li{
    display:inline-block;
    margin-right:5px;
    background-size:cover;
    cursor:pointer;
    border-radius:5px
}
.colorful-status__color ul.colorful-status__color-list li.active{
    border:solid 3px #ddd
}
.colorful-status__color ul.colorful-status__color-list li:last-child{
    margin-right:0
}
.colorful-status__color .colorful-status__color-selector{
    height:25px;
    width:25px;
    border:solid 2px #cecece
}
.joms-module--video__item,.joms-module--photo__item{
    margin-bottom:14px
}
.joms-module--video__item:last-child,.joms-module--photo__item:last-child{
    margin-bottom:0
}
.joms-module--video__item .joms-stream__header,.joms-module--photo__item .joms-stream__header{
    margin-bottom:0
}
.head-social .joms-notifications{
    background:transparent;
    display:table-cell;
    vertical-align:middle
}
.head-social .joms-notifications a{
    padding:0 14px;
    position:relative
}
.head-social .joms-notifications a > span{
    background:#e74c3c;
    border-radius:3px;
    font-size:10px;
    color:white;
    position:absolute;
    padding:0 4px;
    top:-5px;
    right:5px
}
.head-social .joms-notifications .joms-icon{
    fill:#424242;
    height:16px;
    width:16px
}
.joms-module--toolbar{
    box-sizing:border-box;
    margin-bottom:0;
    padding:0 !important;
    color:#424242;
    box-shadow:none
}
.joms-module--toolbar *{
    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:before,.joms-module--toolbar:after{
        content:" ";
        display:table
    }
    .joms-module--toolbar:after{
        clear:both
    }
}
.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:#424242
}
.joms-module--toolbar .joms-link__wrapper{
    margin-top:9px;
    margin-left:5px
}
.joms-module--toolbar .joms-link__wrapper > a{
    color:#424242
}
.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,.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,.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;
    color:#424242;
    box-shadow:none
}
.joms-module--membersearch *{
    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:before,.joms-module--membersearch:after{
        content:" ";
        display:table
    }
    .joms-module--membersearch:after{
        clear:both
    }
}
.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,.05)
}
.joms-module--membersearch .joms-dropdown > li:last-child,.joms-module--membersearch .joms-popover > li:last-child{
    background-color:rgba(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.65248px
}
.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;
    transform:translateY(-50%)
}
.joms-stream,.joms-stream--notifications{
    border-radius:2px;
    border:1px solid #e3e5e7;
    box-shadow:0 -1px 0 rgba(0,0,0,0.1) inset;
    margin-bottom:20px !important
}
.joms-stream .joms-stream__header,.joms-stream--notifications .joms-stream__header,.joms-poll__header{
    border-bottom:1px solid #e3e5e7;
    text-align:left
}
.joms-stream__header{
    position:relative
}
.joms-stream__header:before{
    background-color:#5677fc;
    content:"";
    display:block;
    height:2px;
    position:absolute;
    left:14px;
    bottom:0;
    width:37px
}
.joms-stream__header.no-gap{
    border:0
}
.joms-stream__header.no-gap::before{
    display:none
}
.joms-stream__status{
    border-top:1px solid #e3e5e7
}
.joms-stream__actions{
    width:60%
}
.joms-comment__user{
    font-weight:500
}
.joms-comment__reply.joms-js--comment-editor button{
    font-size:12px
}
.joms-no-touch .joms-comment__reply.joms-js--comment-editor button{
    font-size:14px
}
ul.joms-emoticon__board{
    width:178px
}
ul.joms-emoticon__board.joms-board--above{
    bottom:auto
}
.joms-board--above{
    display:block !important;
    right:-27px;
    bottom:28px;
    position:absolute
}
.joms-animate--above{
    opacity:1 !important;
    bottom:32px
}
.joms-action-wrap{
    border:1px solid #c00;
    margin-bottom:14px;
    text-align:right
}
.joms-action-wrap button{
    float:right
}
.joms-comment--bulletin{
    margin-top:14px
}
.joms-comment--bulletin div.joms-comment__header{
    background-color:#f0f0f0;
    border:0;
    padding:10px
}
.joms-stream__body,.joms-comment__body{
    padding-top:14px
}
.joms-reacted__content .joms-stream__header:before{
    left:45px;
    width:calc(100% - 45px)
}