@import "https://fonts.googleapis.com/css?family=Lato:400,700";
@import "https://fonts.googleapis.com/css?family=Hind";
@font-face {
    font-family: urdu;
    src: url(../../../assets/fonts/JameelKhushkhati.ttf);
}
a, button {
    outline: 0 !important
}
.next_thumb, .prev_thumb, .small_text {
    text-shadow: 0 1px 2px #333
}
.owl-item, .slick-slider {
    -webkit-tap-highlight-color: transparent
}
ul.profile-completion-bar li.completion-step svg.feather .blog-com-wrapper, .movies-com-wrapper {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    background-color: #fff
}
.blog-com-wrapper .blog-comlist-container, .movies-com-wrapper .movies-comlist-container {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 30px
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item, .movies-com-wrapper .movies-comlist-container .movies-comment-item {
    width: 100%;
    overflow: hidden;
    margin-top: 20px
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    font-size: 13px;
    padding: 5px 10px
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 45px;
    width: 45px
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5 span, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 span {
    font-size: 12px;
    color: #aaa;
    margin-top: 0;
    display: inline
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body p, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body p {
    overflow: hidden;
    padding-right: 0;
    font-size: 13px;
    color: #777;
    font-family: Hind, sans-serif
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body div, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body div {
    width: 100%;
    overflow: hidden;
    color: #888;
    font-size: 12px
}
.blog-com-wrapper .blog-com-top, .movies-com-wrapper .movies-com-top {
    width: 100%;
    overflow: hidden;
    margin: 20px 0
}
.blog-com-wrapper .blog-com-box, .movies-com-wrapper .movies-com-box {
    margin-right: 0;
    padding-right: 0;
    display: block;
    overflow: hidden
}
.blog-com-wrapper .blog-com-box .blog-com-box-act, .movies-com-wrapper .movies-com-box .movies-com-box-act {
    width: 100%;
    overflow: hidden;
    height: 35px;
    background-color: #fff;
    padding-top: 5px
}
.blog-com-wrapper .blog-com-box .blog-com-box-act button, .movies-com-wrapper .movies-com-box .movies-com-box-act button {
    padding: 1px 15px;
    border-radius: 3px;
    margin: 2px 0 2px 5px;
    border-color: #d3d3d3;
    background-color: #f8f8f8
}
.blog-com-wrapper .blog-com-box .blog-com-box-act button.bg-main, .movies-com-wrapper .movies-com-box .movies-com-box-act button.bg-main {
    color: #fff;
    border: 1px solid #a84849;
    background-color: #a84849
}
.blog-com-wrapper .blog-com-box textarea, .movies-com-wrapper .movies-com-box textarea {
    width: 100%;
    border-radius: 0;
    height: 50px;
    padding: 10px
}
.blog-com-wrapper .blog-com-head, .movies-com-wrapper .movies-com-head {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    display: inline-block
}
.blog-comment-item .comment-icons svg.feather, .blog-comment-item .del-blog-comment svg.feather, .movies-comment-item .comment-icons svg.feather, .movies-comment-item .del-movies-comment svg.feather {
    margin-top: 0;
    width: 15px;
    height: 15px
}
.blog-comment-reply-cont .comment-icons svg.feather, .blog-comment-reply-cont .del-blog-commreplies svg.feather, .movies-comment-reply-cont .comment-icons svg.feather, .movies-comment-reply-cont .del-movies-commreplies svg.feather {
    margin-top: 0;
    width: 13px;
    height: 13px
}
.header-fixed1000, .header-fixed1200 {
    max-width: 1050px;
    margin: 0 auto;
    padding: 0
}
.next_thumb, .prev_thumb {
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    float: right
}
.lightbox-post-footer .comments-list .reply, .post .post-footer .comments-list .reply {
    display: block;
    width: 100%;
    margin: 25px 0
}
.lightbox-post-footer .comments-list .comment .reply .avatar, .post .post-footer .comments-list .reply .avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #f4f4f4
}
.lightbox-post-footer .comments-list .reply .reply-heading .user, .post .post-footer .comments-list .reply .reply-heading .user {
    font-size: 13px;
    font-weight: 700;
    display: inline;
    margin-top: 0
}
.lightbox-post-footer .comments-list .reply .reply-heading .time, .post .post-footer .comments-list .reply .reply-heading .time {
    font-size: 10px;
    color: #aaa;
    margin-top: 0;
    display: inline
}
.post-map img {
    padding: 2px
}
video {
    max-height: 500px !important;
}
iframe, .post-map img {
    border: 1px solid #ededed;
    border-radius: 3px;
}
.post-likes, .post-wonders, .post-reacted, .post-greatjobbed {
    display: none;
    overflow: auto;
    max-height: 300px
}
.comment-text, .reply-text {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    width: 85%;
    word-wrap: break-word
}
.comment-edit input, .comment-reply input {
    font-size: 13px;
    margin-top: 10px;
    height: 30px;
    border-radius: 3px
}
.options-buttons a, .options-buttons button {
    margin-left: 10px;
    font-size: 13px;
    float: right
}
.no-messages, .no-posts {
    text-align: center;
    padding: 10px;
    margin-top: 100px;
    color: #666;
    font-size: 20px
}
.dropdown-menu.post-privacy-menu {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 3px;
    padding: 0;
}
.post-privacy-menu li a, .post-privacy-menu li div {
    padding: 6px 8px !important;
    color: #777;
    font-size: 12px;
    transition: none !important
}
.post .post_drop_menu_loading {
    text-align: center;
    padding: 4.36px 0 !important
}
.post_drop_menu_loading .ball-pulse {
    display: block;
    float: none;
    margin: 0;
    line-height: 0;
    padding: 0 !important
}
.post_drop_menu_loading .ball-pulse>div {
    padding: 0 !important
}
.chat-messages-wrapper .incoming, .chat-messages-wrapper .outgoing {
    border-radius: 12px;
    font-size: 12px;
    color: #4b4f56;
    background-color: #fff;
    padding: 5px 8px 4px;
    max-width: 78%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .07)
}
.app-website, .page-website {
    font-size: 11px;
    color: #999;
    margin-bottom: 5px;
    margin-top: 2px
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5, .movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 {
    margin-top: 0
}
.faa-parent.animated-hover:hover>.faa-ring, .faa-ring.animated, .faa-ring.animated-hover:hover {
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial
}
.list-group-item.black-list, .list-group-item.gray-list {
    padding: 10px;
    font-size: 14px;
    transition: all .2s
}
.setting-well input[type=text], .setting-well input[type=password], .setting-well select {
    height: 30px !important;
    color: #666 !important;
    font-size: 13px;
    box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2;
    border: none;
    border-radius: 0
}
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box {
    padding: 0;
    overflow: hidden
}
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-cont {
    width: 100%;
    overflow: hidden
}
.movies-com-wrapper .movies-com-top h4 {
    width: 100%;
    font-size: 17px;
    font-weight: 700
}
.movies-com-wrapper .movies-com-box form {
    width: 100%;
    overflow: hidden
}
.movies-com-wrapper .movies-com-head img {
    height: 100%;
    width: 100%
}
.blog-com-wrapper {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    border: 1px solid #eee;
    border-top: 0;
    padding: 0 25px
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box {
    padding: 0;
    overflow: hidden
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-cont {
    width: 100%;
    overflow: hidden
}
.blog-com-wrapper .blog-com-top h4 {
    width: 100%;
    font-weight: 600;
    font-size: 17px
}
.blog-com-wrapper .blog-com-box form {
    width: 100%;
    overflow: hidden
}
.wo_blogcomm_combo {
    display: flex
}
.wo_blogcomm_combo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    margin-right: 10px
}
.wo_blogcomm_combo textarea {
    border-radius: 25px !important;
    padding: 13px 15px 7px !important
}
.wo_blogcomm_combo button {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    padding: 0 15px;
    margin-left: 10px
}
.blog-com-wrapper .blog-com-head img {
    height: 100%;
    width: 100%
}
.header-fixed1200 {
    max-width: 1100px
}
/***************
.navbar-fixed-bottom{
    position: relative !important;
}
.navbar-fixed-bottom .header-fixed1000{
    position: fixed;
    bottom: 0;
    background: #fff;
}
****************/

.post .post-footer {
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background: #f9f9f9
}
.post .post-footer.post-reacted {
    position: relative;
}
.post .post-footer.post-reacted .hide_who_reacted_it {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    color: #7e7e7e;
    cursor: pointer;
}
.post .post-footer.post-reacted .hide_who_reacted_it svg {
    width: 20px;
    height: 20px;
}
.post .post-footer.post-greatjobbed {
    position: relative;
}
.post .post-footer.post-greatjobbed .hide_who_reacted_it {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    color: #7e7e7e;
    cursor: pointer;
}
.post .post-footer.post-greatjobbed .hide_who_reacted_it svg {
    width: 20px;
    height: 20px;
}
.post .post-footer.post-comments {
    border-top: 0
}
.post .post-footer .comments-list {
    padding: 0;
    list-style-type: none
}
.post .post-footer .comments-list .reply .reply-heading {
    display: block;
    width: 100%
}
.post .post-footer .comments-list .reply .comment-body {
    margin-left: 40px;
    margin-top: -3px
}
.post .post-footer .comments-list .comment {
    display: block;
    width: 100%;
    margin: 20px 0
}
.post .post-footer .comments-list .comment .comment-body, .post .post-footer .comments-list .comment>.comments-list {
    margin-left: 50px
}
.post .post-footer .comments-list .comment-container:nth-child(2) {
    margin-top: 5px
}
.post .post-footer .comments-list .comment .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #f4f4f4
}
.post .post-footer .comments-list .comment .comment-heading {
    display: flex;
    width: 100%;
    padding: 10px 25px;
    background: #f2f3f5;
    border-radius: 26px;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.post .post-footer .comments-list .comment .comment-heading .user {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    margin-top: 0
}
.post .post-footer .comments-list .comment .comment-heading .time {
    font-size: 10px;
    color: #aaa;
    margin-top: 0;
    display: inline
}
.post .post-footer .comments-list .comment .comment-body .comment_edele_options {
    visibility: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
}
.comment-heading.reply-heading {
    background: rgba(0,0,0,0) !important;
    border: 1px solid #dddfe2;
}
.post .post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
    visibility: visible
}
.post .post-footer .textarea {
    height: 30px;
    font-size: 13px;
    padding-right: 140px
}
.post .post-footer .btn:not(.social-btn) {
    padding: 3px 11px
}
.post .post-footer .input-group-addon a {
    color: #444
}
.post .post-heading {
    height: 70px;
    padding: 20px 15px
}
.post .post-heading .avatar {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
}
.post .post-heading .meta .title {
    margin-bottom: 0;
    margin-top: 1px
}
.post .post-heading .meta .title a {
    color: #515365;
    margin-right: -7px
}
.post .post-heading .meta .title a:hover {
    text-decoration: underline !important
}
.post .post-heading .meta .time {
    margin-top: 8px;
    color: #999
}
.post .post-description {
    padding: 15px 15px 8px
}
/*.post .post-description > p {
    padding: 15px 15px 8px;
}*/

.post .post-description p {
    font-size: 14px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
}
.post .post-description .stats .stat-item {
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    border: 0;
    color: #555;
}
.post .post-description .stats .stat-item .icon {
    margin-right: 8px
}
.post .post-file {
    /* max-height: 400px; */
    background: #f9f9f9;
    width: 100%
}
.post .post-file .media-video-file {
    border-radius: 2px;
    background-color: #000;
    padding: 0;
    width: 100%;
    max-height: 380px;
    max-width: 100%
}
.post .post-file img {
    /* max-height: 380px; */
    max-width: 100%;
    width: 100%;
}
.post .post-image .image {
    width: 100%;
    height: auto
}
.post .post-actions .stat-item {
    margin-top: 15px !important;
    font-size: 11px !important;
    color: #999 !important
}
.comment-reply {
    display: none
}
.comment-reply .wo_commreply_combo {
    margin-top: 10px;
    display: flex
}
.comment-reply .wo_commreply_combo .avatar {
    width: 30px !important;
    height: 30px !important
}
/*Player Css*/
@keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease
}

.plyr audio, .plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
    box-sizing: inherit
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4f5b5f;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, .8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__captions .plyr__caption div {
    display: inline
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform: translateY(-40px)
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: 0
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after, a.plyr__control::before {
    display: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    color: #fff
}

.plyr--video .plyr__control svg {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15))
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    color: #fff
}

.plyr__control--overlaid {
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
    margin-left: 5px
}

.plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
    margin-left: 2px
}

.plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
        margin-left: 10px
    }
}

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4f5b5f;
    padding: 10px
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 35px 10px 10px
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__video-embed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.plyr__video-embed iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container > div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4f5b5f;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control > span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(79, 91, 95, .8);
    right: 5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(79, 91, 95, .8);
    left: 7px
}

.plyr__menu__container .plyr__control--back::before {
    background: #b7c5cd;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: '';
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(0, 0, 0, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 28px;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    height: 4px;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    transition: all .2s ease;
    width: 14px;
    -webkit-appearance: none;
    margin-top: -5px
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    height: 4px;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    transition: all .2s ease;
    width: 14px
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2px;
    height: 4px
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    height: 4px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    height: 4px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2px;
    height: 4px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    transition: all .2s ease;
    width: 14px;
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: 0
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 14px
}

.plyr__time + .plyr__time::before {
    content: '\2044';
    margin-right: 10px
}

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none
    }
}

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: 16px
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%)
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1)
}

.plyr--video {
    background: #000;
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__progress {
    flex: 1;
    left: 7px;
    margin-right: 14px;
    position: relative
}

.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: -7px;
    margin-right: -7px;
    width: calc(100% + 14px)
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 4px;
    left: 0;
    margin-top: -2px;
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
    transition: width .2s ease
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 4px
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 4px;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width .2s ease
}

.plyr--video .plyr__progress__buffer {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .25)
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(183, 197, 205, .66)
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(47, 52, 61, .6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, .6) 50%, rgba(47, 52, 61, .6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(183, 197, 205, .66)
}

.plyr__volume {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2
}

@media (min-width: 480px) {
    .plyr__volume {
        max-width: 90px
    }
}

@media (min-width: 768px) {
    .plyr__volume {
        max-width: 110px
    }
}

.plyr--is-ios .plyr__volume {
    display: none !important
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
    display: none !important
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow: visible
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow: visible
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow: visible
}

.plyr:fullscreen .plyr__video-embed {
    overflow: visible
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }

    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow: visible
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow: visible
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow: visible
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr--fullscreen-fallback .plyr__video-embed {
    overflow: visible
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads > div, .plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: rgba(47, 52, 61, .8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3
}

.plyr__ads::after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 4px;
    left: 0;
    margin: -2px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}
/*Player CSs*/
.comment-reply .wo_commreply_combo .textarea {
    margin-top: 0;
    border-radius: 15px !important;
    padding-right: 13px;
    margin-left: 5px
}
.comment-edit {
    display: none;
    margin-bottom: 15px
}
.options-buttons {
    position: absolute;
    margin-left: 20px;
    margin-top: -40px;
    z-index: 1
}
.no-posts {
    margin-top: 20px;
    margin-bottom: 20px
}
.chat-messages-wrapper {
    height: 250px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    border-right: 1px solid #e3e4e8;
    background-color: #f1f1f1;
    border-left: 1px solid #e3e4e8;
    width: 260px
}
.chat-messages-wrapper .incoming {
    max-width: 65%
}
.chat-messages-wrapper .incoming p .hash {
    color: #333 !important
}
.chat-messages-wrapper .outgoing .message-media a {
    color: #fff
}
.chat-messages-wrapper .messages-wrapper {
    border: none;
    padding: 1px 5px 3px
}
.chat-messages-wrapper .messages-wrapper .message-typing {
    margin-top: 10px
}
.chat-messages-wrapper .messages-wrapper .message-typing:empty {
    margin-top: 0
}
.chat-messages-wrapper .messages-wrapper .name {
    color: #666;
    font-size: 11px
}
.chat-messages-wrapper .messages-wrapper .user-avatar-right {
    float: right;
    width: 30px;
    margin-left: 10px;
    border-radius: 50%
}
.chat-messages-wrapper .messages-wrapper .user-avatar-left {
    float: left;
    width: 30px;
    margin-right: 10px;
    border-radius: 50%
}
.chat-messages-wrapper .media-video-file {
    width: 100%;
    border-radius: 1px;
    padding: 0;
    margin-top: 0;
    border: none
}
.chat-messages-wrapper .file-sharing-download-btn {
    margin-top: 1px
}
.chat-messages-wrapper .image-file {
    max-width: 100%;
    border: 0;
    max-height: 150px;
    border-radius: 0
}
.chat-messages-wrapper .message-details {
    margin-right: 0;
    margin-top: 2px;
    font-size: 10px
}
.list-group-item {
    padding-left: 15px
}
.list-group-item.black-list.active-list.users {
    background-color: #4c75a3 !important
}
.list-group-item.black-list.active-list.pages {
    background-color: #ce3d3d !important
}
.list-group-item.black-list.active-list.groups {
    background-color: #f2b92b !important
}
.list-group-item.black-list.active-list.posts {
    background-color: #6abd46 !important
}
.list-group-item.black-list a:hover {
    cursor: pointer;
    text-decoration: none
}
.list-group-item.gray-list {
    padding: 8px !important;
    font-size: 13px !important
}
.list-group-item.gray-list:hover {
    color: #444
}
.list-group-item.gray-list a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #222
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #ffffff;
    color: #444
}
.setting-well {
    padding: 10px
}
.setting-well .btn-main {
    height: 30px !important;
    font-size: 13px;
    min-width: 100px !important
}
.setting-well textarea {
    color: #666 !important;
    font-size: 13px
}
.setting-well .profile-style {
    margin-bottom: 0 !important;
    margin-top: 15px
}
body, html {
    margin: 0;
    padding: 0
}
body {
    background: #f9f9f9;
    overflow-x: hidden;
}
body .mfp-wrap .mfp-progress-line span {
    width: 0;
    height: 4px;
    background: #ededed;
    margin-bottom: -40px;
    transition: width 10s ease-in-out;
    display: inline-block;
    background: #ff9900
}
a {
    word-wrap: break-word
}
a.white:focus {
    color: #fff !important;
    text-decoration: none
}
a.white:hover {
    color: #f3f3f3;
    text-decoration: none
}
/*.content-container {overflow-x:hidden;}*/

.header-container {
    background: #fff;
    width: 100%
}
.header-container .user-avatar img {
    margin-top: -4px;
    margin-right: 3px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(255, 255, 255, .8);
}
.message-user-image {
    margin-right: 5px;
    border-radius: 50%
}
.message-user-image img {
    width: 40px;
    border-radius: 50%
}
.comment-btn-wrapper {
    display: inline-block
}
.comment-btn-wrapper div {
    display: inline;
    overflow: hidden
}
.comment-btn-wrapper [data-comment-rtime] {
    font-size: 12px;
    padding: 3px 0
}
.comment-record {
    width: 100%;
    overflow: hidden;
    padding: 15px 0
}
.comment-record:empty {
    padding: 0
}
.user-ad-container {
    width: 100%;
    position: relative
}
.user-ad-container div.post-advertisement .sop-icon {
    text-transform: uppercase;
    font-size: 12px;
    right: 50px;
    font-weight: 700;
    top: 25px
}
.user-ad-container div.post-advertisement .sop-icon a {
    color: #b73c40
}
.user-ad-container div.post-advertisement .ads-heading {
    overflow: hidden;
    width: 100%;
    padding: 10px 15px
}
.user-ad-container div.post-advertisement .ads-image {
    width: 46px;
    height: 46px;
    display: block;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    margin-top: -3px
}
.user-ad-container div.post-advertisement .panel {
    padding-top: 15px
}
.user-ad-container div.post-advertisement .ads-meta {
    color: #555
}
.user-ad-container div.post-advertisement .ads-meta .title {
    margin-bottom: 0;
    margin-top: 1px
}
.user-ad-container div.post-advertisement .ads-headline {
    font-size: 14px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
    padding: 15px 0
}
.user-ad-container div.post-advertisement .ads-headline p {
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 14px;
    color: #555;
    line-height: 20px;
    font-weight: 400
}
.user-ad-container div.post-advertisement .ads-cover {
    width: 100%;
    position: relative
}
.user-ad-container div.post-advertisement .ads-cover .ads-description {
    font-size: 13px;
    position: absolute;
    max-width: 90%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .54);
    border-radius: 2px;
    padding: 5px 8px;
    margin: 16px;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.user-ad-container div.post-advertisement .ads-cover a {
    display: block;
    max-height: 700px
}
.user-ad-container div.post-advertisement .ads-footer {
    width: 100%;
    overflow: hidden;
    height: 10px
}
.user-ad-container div.post-advertisement .ads-footer .stat-item {
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    border: 0;
    color: #555
}
.text-dnone {
    text-decoration: none !important
}
.ads-cont-wrapper a, .hashtag-search-result a, .left-sidebar ul li a:focus, .left-sidebar ul li a:hover, .notification-list a:hover {
    text-decoration: none
}
.unsetheight {
    height: unset !important
}
.ads-navbar-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background-color: #a84849
}
.ads-navbar-wrapper a {
    color: #fff
}
.ads-navbar-wrapper ul li a {
    text-transform: capitalize;
    font-weight: 600
}
.ads-navbar-wrapper ul li a.active {
    background: #c45a5b !important;
    color: #fff !important
}
.ads-cont-wrapper {
    width: 100%;
    overflow: hidden
}
.ads-cont-wrapper .table th {
    font-family: Hind, sans-serif;
    font-weight: 400
}
.ads-cont-wrapper .table td {
    vertical-align: middle;
    padding: 20px 10px !important;
    outline: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 13px;
    font-family: Hind, sans-serif
}
.create-ads-cont .create-ads-inner-left {
    border-right: 1px solid #f1f1f1
}
.create-ads-cont small {
    font-size: 12px
}
.create-ads-cont input {
    font-size: 12px;
    border-radius: 0;
    border-color: #ddd
}
.create-ads-cont #select-ads-img {
    width: 100%;
    max-height: 230px;
    overflow: hidden;
    cursor: pointer
}
.create-ads-cont #select-ads-img img {
    width: 100% !important;
    height: 100% !important
}
.create-ads-cont #select-ads-img .img {
    width: 100%;
    height: 150px;
    background-color: #f9f9f9;
    color: #999;
    text-align: center;
    font-size: 19px;
    cursor: pointer;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    padding-top: 55px;
    border-radius: 3px;
    margin: 1px
}
.create-ads-cont .ads-audience {
    width: 100%;
    height: 190px;
    overflow-x: scroll
}
.create-ads-cont .ads-audience p {
    padding: 0 5px;
    margin: 0 5px;
    line-height: 15px
}
.create-ads-cont button {
    border-radius: 0;
    border-color: #ddd
}
.create-ads-cont button.cancel {
    margin-right: 20px;
    background: #f6f7f9
}
.create-ads-cont .select-admedai-box {
    box-shadow: 0 0 0 1px #ddd;
    overflow: hidden
}
.create-ads-cont .select-admedai-box button {
    height: 40px;
    border: none !important;
    background: #eaeaea;
    color: #444;
    font-weight: 600;
    float: left;
    margin-right: 10px
}
.create-ads-cont .select-admedai-box input {
    line-height: 30px;
    border: none !important;
    display: block;
    margin: 0;
    color: #999;
    white-space: nowrap;
    font-size: 13px
}
.create-ads-cont select, .create-ads-cont textarea {
    border-radius: 0;
    border-color: #ddd
}
.create-ads-cont .button-group {
    padding: 5px 0
}
.create-ads-cont .dropdown-menu {
    border-radius: 0
}
.create-ads-cont .create-ads-inner-right button {
    border: 1px solid #dadada;
    padding: 0 10px;
    height: 40px;
    background-color: #fff;
    color: #595959 !important
}
textarea {
    font-size: 12px
}
textarea.form-control {
    resize: none !important
}
textarea.form-control.url-input {
    padding-top: 3px;
    min-height: 100px
}
textarea.postText {
    border: none;
    padding-top: 12px;
    padding-left: 50px;
    height: 45px;
    box-shadow: none
}
.responsive-img {
    width: 100%;
    max-width: 100%
}
.headtoppoint {
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    position: absolute;
    left: 100%;
    margin-left: -35px;
    -webkit-filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, .2))
}
.navbar-default li.dropdown.notification-container {
    margin-right: 10px
}
.navbar-default .dropdown-menu li a svg {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin: -3px 15px 0 2px
}
.navbar-default .user-menu-combination .User-Name, .navbar-default .user-menu-combination .user-avatar {
    display: inline-block
}
.navbar-default .user-menu-combination .User-Name {
    margin: 0 5px 0 0;
    font-weight: 700
}
.navbar-default .dropdown-menu.ani-acc-menu {
    top: 63px;
    overflow: visible;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear;
    transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear;
    display: block;
    min-width: 210px;
}
.navbar-default .open>.dropdown-menu.ani-acc-menu {
    visibility: visible;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    top: 53px
}
.header-brand {
    float: left;
    display: block;
    margin-top: 5px;
    margin-right: 57px;
}
.header-brand img {
    height: 58px;
    margin-top: -9px;
}
.navbar-default .sixteen-font-size svg {
    width: 20px;
    height: 20px
}
.ui-menu-item span {
    font-size: 13px
}
.ui-menu-item img {
    width: 32px;
    margin: 3px;
    border-radius: 3px
}
.small-mention {
    color: #888 !important;
    font-size: 11px !important
}
.margin {
    margin: 5px
}
.font-13 {
    font-size: 13px
}
.no-padding-right {
    padding-right: 0 !important
}
.recent-searches {
    padding: 4px 10px
}
.recent {
    border-bottom: 1px solid #ededed
}
.content-container {
    margin-top: 65px
}
.page-margin {
    margin-top: 20px;
    margin-bottom: 20px
}
.invite-user-form {
    margin: 8px 15px 13px
}
.invite-user-form .invite-user-combine {
    position: relative;
    top: 10px;
}
.invite-user-form input {
    padding: 3px 45px 3px 10px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #c4c4c4
}
.invite-user-form button {
    position: absolute;
    top: 1px;
    right: 1px;
    line-height: 33px;
    height: 33px;
    border-radius: 0;
}
.invite-user-form button svg {
    height: 16px;
    width: 16px
}
.left-sidebar ul {
    padding-left: 0 !important
}
.left-sidebar ul li a {
    border-radius: 2px;
    padding: 3px;
    display: flex;
    margin: 10px 0;
    line-height: 25px;
    transition: all .2s ease;
    justify-content: flex-start;
    align-items: center;
}
.left-sidebar ul li a:hover {
    background: rgba(0, 0, 0, 0.03)
}
.left-sidebar ul li a svg {
    height: 15px;
    color: #fff;
    width: 17px;
}
.left-sidebar li a .sidebar-icon {
    width: 20px;
    margin-right: 7px
}
.left-sidebar .trending {
    background: 0 0;
    margin-top: 30px;
    box-shadow: none
}
.left-sidebar .sidebar .sidebar-title-back {
    padding-left: 0;
    line-height: 30px;
    background: 0 0
}
.left-sidebar .sidebar .trending .list-group-item {
    padding: 1px 5px;
    background: 0 0
}
.left-sidebar .sidebar .trending .list-group-item a {
    margin: 0;
    line-height: 18px
}
.search-container .search-input {
    transition: all .3s;
    border-radius: 3px;
    border-color: transparent;
    width: 523px;
    height: 40px;
    color: #777;
    box-shadow: none;
    padding-left: 35px;
    background: 0 0;
    margin-left: 19px;
    margin-top: 3px;
}

.search-container .search-input:focus {
    background: #fff;
    color: #333
}
.search-container .inner-addon .glyphicon {
    padding: 0 !important;
    color: #666 !important;
    margin: 13px 0 5px 35px;
    width: 16px;
    height: 16px
}
.search-dropdown-container {
    width: 360px
}
.search-dropdown-result .center-text {
    margin-top: 5px
}
.search-dropdown-result li {
    margin: 5px 0;
    padding-left: 0
}
.search-dropdown-result li:first-child {
    margin-top: 0;
    padding-left: 0
}
.search-dropdown-result li:last-child {
    margin-bottom: 0;
    padding-left: 0
}
.search-dropdown-result li a {
    display: block;
    padding: 3px 10px 8px;
    transition: all .1s ease-in-out;
    text-decoration: none
}
.search-dropdown-result li a:hover {
    background: rgba(0, 0, 0, .05)
}
.search-dropdown-result .search-user-name {
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 2px;
    font-family: verdana;
    display: inline-block
}
.search-dropdown-result .search-user-lastseen {
    font-size: 11px;
    color: #999
}
.search-dropdown-result .search-user-avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);
    margin: 2px 10px 0 0
}
.search-dropdown-result li .search_result_badge {
    border: 1px solid #03A9F4;
    color: #03A9F4;
    padding: 1px 5px 1.5px;
    text-transform: uppercase;
    font-size: 9px;
    margin-left: 5px;
    font-weight: 700;
    letter-spacing: .6px;
    border-radius: 3px
}
.emo-message {
    position: absolute;
    display: none;
    color: #5b5b5b;
    right: 110px;
    z-index: 2
}
.show-message-link-container {
    font-size: 12px;
    padding: 6px;
    text-align: center;
    background: #f9f9f9;
    color: #666
}
.hashtag-search-result {
    padding: 0;
    position: relative
}
.hashtag-search-result a {
    display: block;
    padding: 7px 8px
}
.hashtag-search-result a:hover {
    background: #ecf0f7
}
.notification-list {
    padding: 10px
}
.notification-list:hover {
    background: #f7f7f7
}
.notification-list .notification-text {
    font-size: 13px;
    color: #666
}
.notification-list .notification-time {
    font-size: 11px;
    color: #666;
    margin: 4px 0 0
}
.notification-list .notification-time svg.feather {
    margin: -1px 3px 0;
    width: 15px;
    height: 15px;
    color: #575757
}
.notification-list span.main-color {
    color: #272727 !important
}
.notification-list .notification-user-avatar img {
    border-radius: 50%;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    margin-left: 0
}
.notifications-dropdown {
    width: 400px;
    overflow: auto;
    max-height: 315px;
    padding: 0
}
.notifications-dropdown .turn-off-sound {
    color: #777;
    padding: 10px;
    border-bottom: 1px solid #f9f9f9
}
.notifications-dropdown .turn-off-sound span {
    cursor: pointer
}
.order-by {
    color: #666 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px
}
.order-by .dropdown-toggle {
    cursor: pointer
}
.order-by .dropdown-menu {
    margin-top: 6px
}
.plus-images {
    position: relative
}
.plus-images .plus-images-num {
    position: absolute;
    top: 30px;
    color: #fff;
    font-size: 20px
}
.messages-dropdown {
    width: 350px;
    overflow: auto;
    max-height: 370px;
    padding: 0
}
.messages-list {
    cursor: pointer
}
.messages-list .notification-time {
    color: #777 !important;
    margin: 5px 0 0
}
.messages-list .notification-user-avatar img {
    margin-right: 10px;
    margin-left: 0;
    width: 45px;
    height: 45px
}
.messages-list span.main-color {
    color: #272727 !important
}
.header-message {
    font-size: 11px;
    color: #8c8c8c;
    padding: 3px 0 2px
}
.header-message svg.feather {
    margin-top: -1px;
    width: 13px;
    height: 13px
}
.activities-wrapper {
    max-height: 400px;
    overflow-y: auto
}
.activities-wrapper .notification-list .notification-text {
    font-size: 12px;
    color: #666
}
.activities-wrapper .notification-list .notification-time {
    font-size: 11px;
    color: #666
}
.activities-wrapper * {
    font-size: 12px
}
.activities-wrapper h2 .text-center {
    font-size: 13px;
    color: #777
}
.header-loading-sppiner {
    font-size: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #777
}
.wowonder-well {
    background-color: #fff;
    border-radius: 3px;
    padding: 15px 15px 1px;
    border: 1px solid #ededed
}
.wowonder-well.one-well {
    padding-top: 0
}
.profile-style .avatar img {
    width: 74px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ededed;
    height: 74px;
    object-fit:cover;
}
.profile-style:not(.promoted-style) {
    width: 48%;
    margin-right: 6px;
    display: inline-table;
    margin-bottom: 20px
}
.profile-style .user-like-button button {
    font-size: 12px;
    border: 1px solid #ededed;
    margin: 3px
}
.profile-style .user-like-button button.btn-active {
    font-size: 12px;
    border: 1px solid #fff
}
.profile-style .user-follow-button button {
    padding: 3px;
    font-size: 12px;
    background-color: #fff;
    margin-top: 10px;
    border: 1px solid #ededed
}
.profile-style .user-follow-button button:hover {
    box-shadow: 0;
    box-shadow: none
}
.profile-style .user-follow-button button.btn-active {
    padding: 3px;
    font-size: 12px;
    border: 1px solid #fff;
    outline: 0
}
.sidebar-profile-style {
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    background-color: #fff
}
.load-bar {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 3px;
    width: 100%;
    position: fixed;
    z-index: 5000;
    background-color: #fdba2c;
}
.bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
}
.bar:nth-child(1) {
    background-color: #0095d8;
    animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
    background-color: #eee;
    animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
    background-color: #c54147;
    animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {
        left: 50%;
        width: 0;
        z-index: 100;
    }
    33.3333% {
        left: 0;
        width: 100%;
        z-index: 10;
    }
    to {
        left: 0;
        width: 100%;
    }
}
.loader {
    height: 4px;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 3px;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 5000;
    overflow: hidden;
    background-color: #fff;
}
.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    animation: loading 1.5s linear infinite;
}
@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}
.animated_20 {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}
.animated_40 {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}
.animated_60 {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
.animated_80 {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
.page-likes {
    color: #999;
    font-size: 12px
}
.page-likes span {
    margin: 10px
}
.load-more {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px
}
.load-more button {
    text-align: center;
    width: auto
}
.search-filter-center-text {
    display: block;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px
}
.search-filter-center-text.no-well {
    margin-bottom: 20px
}
.sidebar-conatnier .profile-style .card {
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: 0 0 6px #e0dede;
    box-sizing: border-box
}
.sidebar-conatnier .profile-style .card.promoted {
    border-radius: 0 !important;
    margin-bottom: 0 !important
}
.sidebar-conatnier .profile-style .card.hovercard {
    padding-top: 0;
    overflow: hidden
}
.sidebar-conatnier .profile-style .card.hovercard .cardheader {
    background: #fff;
    background-size: cover
}
.sidebar-conatnier .profile-style .card.hovercard .avatar {
    position: relative;
    top: -55px;
    margin-bottom: -80px;
    margin-left: 5px;
    margin-right: 5px
}
.sidebar-conatnier .profile-style .card.hovercard .avatar img {
    width: 50px;
    height: 50px;
    margin-right: 0 !important;
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
    border: 0
}
.sidebar-conatnier .profile-style .card.hovercard .info {
    position: relative
}
.sidebar-conatnier .profile-style .card.hovercard .info .title {
    font-size: 14px;
    top: -25px;
    position: absolute;
    width: 100%;
    line-height: 1;
    color: #fff;
    vertical-align: middle
}
.sidebar-conatnier .profile-style .card.hovercard .info .title a {
    color: #fff
}
.sidebar-conatnier .profile-style .text-shadow {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
    padding: 20px;
    position: relative;
    margin-top: -40px
}
.sidebar-conatnier #sidebar-sticky.Stick {
    position: fixed;
    top: 64px;
    width: 300px
}
.sidebar-conatnier .card.hovercard .cardheader img {
    width: 100%
}
.sidebar-conatnier .sidebar-profile-style .card.hovercard {
    box-shadow: none;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}
.sidebar-conatnier .sidebar-profile-style .card.hovercard .avatar {
    position: relative;
    top: -35px;
    text-align: center
}
.sidebar-conatnier .sidebar-profile-style .card.hovercard .avatar img {
    width: 75px;
    height: 75px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info {
    position: inherit
}
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title {
    position: inherit;
    font-size: 16px;
    margin-top: 60px;
    text-align: center;
    margin-bottom: 5px
}
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title a {
    color: #333
}
.sidebar-user-data {
    width: 33.33333%;
    margin: 0;
    display: inline-block;
    padding: 0 3px 5px;
    position: relative
}
.sidebar-user-data a {
    position: relative;
    display: block
}
.sidebar-user-data .sidebar-listed-user-avatar img {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 99px;
    object-fit: cover;
}
.sidebar-user-data .sidebar-listed-user-name {
    bottom: 0;
    left: 0;
    color: #fff;
    background: linear-gradient(transparent, rgba(0, 0, 0, .45));
    padding: 5px;
    width: 100%;
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    max-height: 56px
}
.sidebar-ad iframe, .sidebar-ad img, .sidebar-ad script {
    width: 100%;
    max-width: 100%
}
.publisher-box:focus {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1)
}
.publisher-box .post-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 22;
    object-fit: cover;
    -o-object-fit: cover;
}
.publisher-box textarea.postText {
    padding: 16px 55px;
    line-height: 1.628571;
    height: 55px
}
.publisher-box .add-emoticons {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0
}
.publisher-box .add-emoticons .dropdown-toggle {
    display: block;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    background: #fff;
    line-height: 35px;
    box-shadow: none
}
.publisher-box .add-emoticons .dropdown-toggle svg.feather {
    fill: #5b5b5b;
    margin-top: -1px;
    width: 22px;
    height: 22px
}
.publisher-box .camera-button {
    position: absolute;
    top: 10px;
    right: 55px;
    margin: 0;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0);
    -moz-transform: scaleY(1) scaleX(1) translateY(0);
    -ms-transform: scaleY(1) scaleX(1) translateY(0);
    -o-transform: scaleY(1) scaleX(1) translateY(0);
    transform: scaleY(1) scaleX(1) translateY(0);
    opacity: 1
}
.publisher-box .camera-video-button {
    position: absolute;
    top: 10px;
    right: 55px;
    margin: 0;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0);
    -moz-transform: scaleY(1) scaleX(1) translateY(0);
    -ms-transform: scaleY(1) scaleX(1) translateY(0);
    -o-transform: scaleY(1) scaleX(1) translateY(0);
    transform: scaleY(1) scaleX(1) translateY(0);
    opacity: 1
}


.publisher-box .camera-button.hiddencamera {
    -webkit-transform: scaleY(.3) scaleX(.3);
    -moz-transform: scaleY(.3) scaleX(.3);
    -ms-transform: scaleY(.3) scaleX(.3);
    -o-transform: scaleY(.3) scaleX(.3);
    transform: scaleY(.3) scaleX(.3);
    -webkit-transition: all .3s cubic-bezier(.64, .09, .08, 1);
    -moz-transition: all .3s cubic-bezier(.64, .09, .08, 1);
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    opacity: 0
}
.publisher-box #camera-button-btn {
    border: none;
    padding: 0;
    color: #5b5b5b;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    line-height: 35px;
    box-shadow: none
}
.publisher-box #camera-button-btn svg.feather {
    margin-top: -1px;
    width: 20px;
    height: 20px
}
.publisher-box .btn-default {
    padding: 4px 8px
}
.publisher-box #publisher-button {
    height: 34px;
    font-size: 14px;
    padding: 6px 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 19px
}
.publisher-box .publisher-hidden-option #percent {
    position: relative;
    left: auto;
    color: #444 !important
}
.publisher-box .publisher-hidden-option #progress .progress, .publisher-box .publisher-hidden-option #progress .progress .progress-bar {
    height: 4px;
    border-radius: 0
}
.publisher-box .publisher-hidden-option #progress .progress {
    margin: 8px 40px 0 0
}
.publisher-box .publisher-hidden-option select {
    height: 30px;
    padding: 4px 8px;
    font-size: 13px;
    background-color: #f5f6f7;
    /*border-color: #ccd0d5;*/
    color: #4b4f56;
}
.publisher-box .publisher-hidden-option input {
    border-radius: 0;
    border: none
}
.publisher-box .publisher-hidden-option textarea {
    border-radius: 0;
    border: none;
    border-top: 1px solid #ededed
}
.publisher-box .publisher-box-footer {
    /* padding: 5px; */
    display: none;
    /*background: #f5f6f7;*/
    border-top: 1px solid #f4f4f4;
}
.publisher-box .publisher-box-footer .pub-footer-upper {
    margin: 0;
    /* padding: 10px 0px; */
    /* border-bottom: 1px solid #f4f4f4; */
    display: inline-flex;
    align-items: center;
    /* flex-wrap: wrap; */
}
.b-right {
    border-right: 1px solid #f4f4f4;
    padding: 1px;
}
.b-right:nth-last-child(1) {
    border-right: none;
}
.publisher-box .publisher-box-footer .pub-footer-bottom {
    border-top: 1px solid #f4f4f4;
    padding: 11px 8px 7px
}
.publisher-box .publisher-box-footer .pub-footer-bottom .ball-pulse {
    margin-right: 10px
}
.publisher-box .publisher-box-footer .poster-left-buttons {
    margin: 0 7.8px;
    /*width:35px;height:35px;*/
    text-align: center;
    border-radius: 50%;
    transition: all .1s linear
}
.publisher-box .publisher-box-footer .poster-left-buttons .btn {
    padding: 0;
    /*border: 1px solid #c5c5c5;*/
    border-radius: 50%;
    /* width: 35px;
    height: 35px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.publisher-box .publisher-box-footer .poster-left-buttons:hover {
    /* background-color: #f1f1f1 */
}
.publisher-box .publisher-box-footer .poster-left-buttons svg.feather {
    color: #5b5b5b;
    margin-top: -1px
}
.publisher-box .publisher-box-footer .poster-left-buttons .btn:active {
    box-shadow: none
}
.publisher-box .publisher-box-footer .poster-left-buttons span#postRecordingTime {
    position: relative;
    font-size: 11px;
    font-weight: 700;
    margin-top: -10px;
    display: block;
    pointer-events: none
}
.publisher-box .publisher-box-footer .poster-left-select {
    margin-right: 5px;
    margin-left: 5px
}
#post-textarea {
    position: relative
}
#loading_indicator {
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
    color: #999
}
.extracted_url {
    padding: 10px;
    position: relative;
    border-top: 1px solid #f4f4f4
}
.extracted_url .extracted_thumb {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px
}
.extracted_url .extracted_thumb img {
    border-radius: 2px;
    width: 100%
}
.thumb_sel {
    width: 100px
}
.thumb_select {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff
}
.remove-fetched-url {
    right: 20px;
    z-index: 1;
    top: 15px;
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px 1px #333;
    position: absolute;
    cursor: pointer
}
.post-fetched-url {
    border-radius: 3px;
    border: 1px solid #ededed;
    transition: all .2s;
    position: relative;
}
.post-fetched-url:hover {
    background: #f9f9f9
}
.post-fetched-url .fetched-url-text {
    margin: 5px
}
.post-fetched-url .fetched-url-text h4 {
    color: #444;
    margin-bottom: 10px;
    font-size: 18px !important
}
.post-fetched-url .fetched-url-text .description {
    font-size: 13px !important;
    margin-bottom: 10px
}
.post-fetched-url a:focus, .post-fetched-url a:hover {
    text-decoration: none !important
}
.post-fetched-url img {
    width: 100%
}
.fetched-url-text {
    padding: 5px
}
.post-fetched-url-con {
    max-height: 300px;
    overflow: hidden
}
.panel-group {
    border: 1px solid #ededed
}
.panel-white .panel-footer, .panel-white .panel-heading {
    background-color: #fff;
    border-color: #ddd
}
.panel-one-post {
    margin: 0 auto;
    width: 80%
}
.panel-white {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}
.panel-white .panel-heading {
    color: #333
}
.gray-1 {
    color: #999 !important
}
.post-share {
    display: none
}
.post-share .social-btn {
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 16px;
    line-height: 20px
}
.active.fa-thumbs-up {
    color: #a84849
}
.active.fa-share-square-o {
    color: #5f764d
}
.active.fa-exclamation-circle {
    color: #fc9b1b
}
.comment-icons {
    margin-left: 2px;
    margin-right: 2px
}
.filter-container {
    width: 100%
}
.filter {
    width: 14.4% !important
}
.filter-text {
    width: 20.1%;
    font-size: 13px
}
#select-status-media {
    width: 100%;
    height: 180px;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
    background: #f9f9f9;
    font-size: 18px;
    font-family: Hind, sans-serif;
    cursor: pointer;
    border-radius: 0;
    border: 2px dashed #dadada
}
#select-status-media p {
    width: 100%;
    height: 100%;
    font-size: 14px;
    display: table
}
#select-status-media p span {
    display: table-cell;
    vertical-align: middle
}
#select-status-media p span svg.feather {
    margin: 0 0 5px;
    width: 50px;
    height: 50px;
    color: #cecece
}
#select-status-media img {
    width: 100%;
    max-height: 300px
}
.optional-field {
    opacity: .7
}
.opacity {
    opacity: 0.5;
    transition: all 1s;
}
.no-opacity {
    opacity: 1;
    transition: all 1s;
}
.story-container .story-image-wrapper {
    width: 100%;
    cursor: pointer;
    margin-bottom: -15px;
}
.story-container .story-image-wrapper .story-image {
    width: 100%;
    max-height: 100%
}
.story-container .story-media-cont {
    width: 100%;
}
.story-container .story-video {
    width: 100%;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2
}
.post-edit {
    display: none;
    margin-bottom: 15px
}
.comment-image {
    width: 40%
}
.comment-image img {
    border-radius: 2px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}
.profile-container {
    padding-right: 15px;
    padding-left: 15px
}
.profile-container .card {
    border-bottom-left-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 20px
}
.profile-container .card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden
}
.profile-container .card.hovercard .cardheader {
    background: #fff;
    background-size: cover;
    max-height: 333.3px;
    min-height: 333.3px;
    margin-top: 15px;
}
.profile-container .card.hovercard .user-avatar {
    position: absolute;
    bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 1;
    width: 10%;
    width: 150px;
    height: 150px
}
.profile-container .card.hovercard .user-avatar img {
    width: 130px;
    height: 130px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;
    -o-object-fit: cover;
}
@media scrren and (max-width: 768px){
    .profile-container .card.hovercard .user-avatar img {
        width: 115px;
        height: 115px;
    }
}
.profile-container .card.hovercard .info {
    /*position: relative*/
}
.profile-container .card.hovercard .info .title {
    left: 180px;
    position: absolute;
    width: 100%;
    z-index: 1;
    text-shadow: 0 1px 3px #111;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    font-size: 26px;
    margin-top: -12px
}
.profile-container .card.hovercard .info .title a {
    color: #fff
}
.profile-container .text-shadow {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
    padding: 30px;
    position: absolute;
    width: 100%;
    margin-top: -50px
}
.profile-avatar-changer {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    display: none
}
.profile-cover-changer {
    position: absolute;
    display: none;
    z-index: 10;
    width: 45px
}
.profile-cover-changer .btn-file {
    width: 40px;
    font-size: 18px;
    float: left;
    background-color: rgba(0, 0, 0, .4);
    margin: 3px 4px 0;
    border-radius: 3px !important;
    padding: 6px;
    transition: all .2s ease
}
.profile-cover-changer .btn-file:hover {
    background-color: rgba(0, 0, 0, .55);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .31)
}
.user-avatar-uploading-container {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    border-radius: 50%
}
.user-avatar-uploading-progress {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
    position: absolute;
    display: none
}
.user-avatar-uploading-progress .ball-pulse {
    display: block;
    margin: 60px auto;
    float: none;
    line-height: 0
}
.user-avatar-uploading-progress .ball-pulse>div {
    background-color: #dcdcdc
}
.user-cover-uploading-container {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: rgba(0, 0, 0, .7);
    display: none
}
.user-cover-uploading-progress {
    color: #fff;
    width: 100%;
    position: absolute;
    z-index: 2;
    display: none;
    background-color: rgba(0, 0, 0, .23);
    height: 100%
    margin-top: -47px;
}
.accept-btns {
    margin-top: 5px
}
.user-lastseen {
    font-size: 11px;
    color: #9197a3
}
.user-lastseen .small-last-seen {
    font-size: 10px
}
.social-btn {
    text-align: center;
    width: 15%;
    font-size: 19px;
    height: 35px;
    position: relative;
    line-height: 24px
}
.clear {
    clear: both
}
.btns {
    margin-top: 10px
}
#icon {
    font-size: 100px
}
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777;
    color: #ededed;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 70px;
    padding-top: 2px;
    transition: all .5s ease-in-out;
    border-radius: 10px
}
.scroll-top-wrapper:hover {
    background-color: #888
}
.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1
}
.scroll-top-wrapper i.fa {
    line-height: inherit
}
.btn-file {
    position: relative;
    overflow: hidden
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block
}
input[readonly] {
    background-color: #fff !important;
    cursor: text !important
}
.setting-update-alert {
    margin-bottom: 20px
}
.available {
    color: green
}
.unavailable {
    color: red
}
.error-message, .success-message {
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 10px
}
.success-message {
    background-color: #89ba73
}
.error-message {
    background-color: #af5b5b
}
#bar, #progress, .new-update-alert, .posts-container {
    border-radius: 3px
}
.pointer {
    cursor: pointer
}
.charsLeft-message {
    color: #999;
    font-size: 13px;
    margin: 4px;
    display: none
}
.charsLeft-post {
    color: #999;
    font-size: 13px;
    margin: 7px 7px 7px 6px;
    font-weight: 700
}
.active-wonder {
    color: #a84849
}
#comment-likes, #comment-wonders {
    color: #666
}
.comment-options {
    font-size: 11px;
    color: #888
}
.comment-container .comment-options svg.feather {
    width: 14px;
    height: 14px;
    margin-top: -3px
}
.refresh {
    cursor: pointer;
    font-size: 14px
}
.online-text {
    color: green
}
.hidden {
    display: none
}
.center-text {
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px
}
.padding-10 {
    padding: 10px
}
.new-update-alert {
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    margin-top: 5px;
    margin-left: 3px;
    background-color: #ff0000;
}
#emo-form, #photo-form, #progress {
    position: relative
}
.unread {
    background: #f5f5f4
}
.view-more-wrapper {
    display: block;
    margin-top: 2px
}
.view-more-wrapper span {
    cursor: pointer
}
.view-more-wrapper span:hover {
    text-decoration: underline
}
#progress {
    width: 100%;
    padding: 4px;
    display: none
}
#percent {
    position: absolute;
    left: 50%
}
#bar {
    height: 20px;
    width: 0
}
.white {
    color: #fff
}
.posts-container {
    margin-bottom: 20px
}
.time {
    font-size: 11px;
    color: #9197a3
}
.file-percent {
    color: #fff;
    display: none;
    text-align: center;
    margin: 5px
}
#focus-overlay {
    background: #000;
    bottom: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s, bottom 0 .3s;
    z-index: 1031
}
.pub-focus #focus-overlay {
    bottom: 0;
    opacity: .6;
    transition: opacity .3s
}
.pub-focus .post.publisher-box {
    z-index: 1031;
    position: relative
}
.pub-focus .pac-container {
    z-index: 1031
}
#video-form {
    display: none;
    border-top: 1px dashed #ededed
}
#video-form .inner-addon {
    width: 100%;
    overflow: hidden
}
#video-form .inner-addon span input.form-control {
    width: 350px
}
#video-form .inner-addon span.video-custom-thumb {
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-transform: capitalize;
    font-family: Roboto, sans-serif;
    margin-right: 5px;
    user-select: none
}
#video-form div.video-poster-image {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: none;
    padding: 7px
}
#video-form div.video-poster-image .thumb-renderer {
    width: 100%;
    display: table;
    min-height: 210px;
    overflow: hidden;
    border: 2px dashed #ccc;
    background: #fff;
    padding: 5px;
    transition: all .2s ease-in-out
}
#map-form, #map-form input {
    border-radius: 5px
}
#video-form div.video-poster-image .thumb-renderer:hover {
    border-color: #a84849
}
#video-form div.video-poster-image .thumb-renderer.hover {
    border-color: #a84849;
    border-style: solid
}
#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #666
}
#emo-form, #map-form, #music-form, #photo-form, #vine-form {
    display: none
}
#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview svg {
    margin-top: 0;
    width: 50px;
    height: 50px;
    color: #cecece
}
#video-form div.video-poster-image .thumb-renderer.hover #post_vthumb_droparea div.preview svg {
    color: #a84849
}
#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview div p {
    font-size: 17px;
    margin: 8px 0 0;
    padding: 0;
    text-transform: lowercase
}
#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview div p:first-letter {
    text-transform: uppercase
}
#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.image img {
    width: 100%;
    min-height: 100%
}
#emo-form {
    font-size: 14px
}
#photo-form .create-album, #poll-form .create-poll {
    transition: all .2s ease-in-out;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}
#map-form {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    margin: 10px
}
#file-form, #gif-form {
    display: none;
    border-top: 1px dashed #ededed
}
#image-holder {
    width: 100%;
    padding: 0 8px;
    margin: 5px 0 10px;
    white-space: nowrap
}
#image-holder span {
    position: relative;
    margin: 0 5px;
}
#image-holder span a {
    width: 20px;
    height: 20px;
    color: #fff;
    position: absolute;
    right: 5px;
    margin-top: 5px;
    background: RGBA(0, 0, 0, 0.4);
    padding: 2px;
    border-radius: 2px;
    cursor: pointer;
}
#image-holder span .thumb-image {
    width: 100px;
    height: 100px;
    margin: 0 5px 0 0;
    display: inline-block;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
    border-radius: 4px
}
#album-form, #poll-form {
    display: none
}
#image-holder .thumb-image:last-child {
    margin-right: 0
}
#photo-form .create-album {
    background: #4caf50;
    border-radius: 3px;
    padding: 2px 5px 3px;
    margin: -28px 10px 7px;
    z-index: 9
}
#photo-form .create-album:hover {
    background: #378a3b
}
#album-form {
    position: absolute;
    width: 100%;
    z-index: 9
}
#album-form input {
    padding-right: 150px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed
}
#poll-form .publisher-hidden-option.answers {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    margin: 10px;
    border-radius: 4px;
    overflow: hidden
}
#poll-form .create-poll {
    display: inline-block;
    background: #2396f3;
    border-radius: 3px;
    padding: 2px 5px 3px;
    margin: 0 10px 13px;
    cursor: pointer
}
#poll-form .create-poll:hover {
    background: #2185d6
}
#file-form .inner-addon svg.feather, #map-form .inner-addon svg.feather, #music-form .inner-addon svg.feather, #photo-form .inner-addon svg.feather, #video-form .inner-addon span svg.feather {
    position: absolute;
    margin: 7px;
    width: 18px;
    height: 18px;
    color: #575757
}
.image-file {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e4e8
}
.message-details {
    color: #888;
    font-size: 11px;
    margin-right: 10px
}
.message-details:empty {
    padding-top: 0
}
.media-video-file {
    width: 100%;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #e3e4e8
}
.media-download-btn {
    font-size: 15px;
    margin-left: 10px
}
.tab-container {
    background-color: #fff;
    padding: 15px;
    border-top: 0;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed
}
.tab-container .tab-container {
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0
}
.setting-saved-update-alert {
    color: #666;
    font-size: 14px;
    margin-top: 5px
}
.announcements-option {
    font-size: 16px;
    margin-left: 5px
}
.announcements-option:first-child {
    padding-left: 5px
}
.footer-wrapper {
    font-size: 11px
}
.footer-wrapper hr {
    border-color: #e9e9e9;
    margin-bottom: 15px !important
}
table .setting-avatar {
    width: 20px;
    float: left;
    margin-right: 5px;
    border-radius: 100px
}
table.setting-table {
    font-size: 13px
}
table.setting-table .active {
    color: green
}
table.setting-table .pending {
    color: red
}
.report-not-seen {
    background-color: #ea1e1e;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 1.4;
    border-radius: 3px
}
.dropdown-search-link {
    display: none
}
.dropdown-hidden-link {
    display: block
}
.hash {
    color: #a33e40
}
.file-sharing-download-btn {
    position: absolute;
    z-index: 1;
    margin-top: 1px;
    right: 10px;
    color: #fff;
    text-shadow: 0 0 2px #333;
    font-size: 20px
}
.post-file, .recipient-chat-user .avatar {
    position: relative
}
.file-sharing-resize-btn {
    right: 35px;
    cursor: pointer
}
.post-file {
    text-align: center
}
.profile-top-line {
    width: 100%;
    padding: 2px;
    margin-top: -4px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}
.editer-emo {
    padding-top: 10px
}
.request-list li {
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    padding: 14px 0
}
.request-list li:first-child {
    padding-top: 0
}
.request-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}
.user-request-list .user-info {
    float: left;
    width: 60%;
    display: inline
}
.user-request-list .user-info a {
    font-weight: 700;
    color: #272727;
    text-decoration: none
}
.user-request-list .user-info .avatar {
    display: inline
}
.user-request-list .user-info .user-lastseen {
    margin-top: 2px
}
.user-request-list .accept-btns {
    float: right
}
.user-request-list img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    float: left
}
.user-request-list button {
    padding: 3px
}
.user-request-list:not(:first-child) {
    margin-bottom: 10px
}
.request-list {
    padding: 10px
}
.recipient-chat-user {
    margin-top: 14px;
    margin-bottom: 14px;
    position: relative;
    padding: 0 7px;
    cursor: pointer
}
.recipient-chat-user .new-message-alert {
    padding: 1px 4px;
    color: #d6d6d6;
    font-size: 12px;
    margin-bottom: -5px
}
.recipient-chat-user .avatar .icon {
    position: absolute;
    color: #6abd46;
    font-size: 9px;
    right: 3px;
    bottom: 0;
    padding: 0px 0;
    background-color: #ffffff;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    text-align: center;
}
.recipient-chat-user img {
    max-width: 35px;
    border-radius: 100%;
    object-fit: cover; 
    width: 35px;
    height: 35px;
}
.recipient-chat-user .wo_cen_onuser {
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}
.recipient-chat-user .chat-user-text {
    cursor: pointer;
    color: #343434;
    font-size: 12px;
    font-weight: 300;
}
.recipient-chat-user .chat-loading-icon .ball-pulse {
    line-height: 18px;
    position: absolute;
    right: 5px
}
.recipient-chat-user .chat-loading-icon .ball-pulse>div {
    background-color: #929292
}
.chat-container {
    max-height: 100%;
    overflow: auto;
    bottom: 0;
    font-size: 13px;
    color: #bbb;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 205px;
    padding-top: 60px;
    background: #ffffff;
    z-index: 66;
    box-shadow: 2px 0px 4px #000;
}
.chat-container.full {
    min-height: 100%
}
.chat-container input {
    border-radius: 0;
    padding: 3px 14px;
    font-size: 13px;
    height: 38px;
    width: 205px;
    background-color: #fff;
    border-color: #fff !important;
    border-bottom: 0;
    color: #b3b3b3
}
.chat-container .online-toggle {
    color: #c4c4c4;
    width: 100%;
    padding: 10px 10px 5px;
    margin-bottom: 5px;
    background: #fff;
    font-weight: 700;
    position: relative;
    border-bottom:  1px solid #e0e0e0;
}
.gg_chat_tabs {
    margin-top: 8px
}
.gg_chat_tabs li {
    width: 50% !important
}
.chat-opacity, .search {
    width: 205px;
    position: fixed;
    border-top: 1px solid;
}
.gg_chat_tabs li a {
    color: #a3a3a3
}
.gg_chat_tabs li.active a {
    color: #e0e0e0 !important;
    border-bottom: 1px solid #929292 !important
}
.search {
    bottom: 0
}
.no-online-users {
    margin: 20px;
    font-size: 12px;
    color: #999
}
.online-content-toggler {
    max-height: 40%;
    margin-bottom: 50px
}
.chat-opacity {
    height: 100%;
    display: none;
    margin-top: -4px;
    background-color: rgba(179, 179, 179, 0.9);
    z-index: 2
}
.chat-opacity .text-center {
    display: table;
    height: calc(100vh - 92px);
    width: 100%
}
.chat-opacity .text-center .empty_state {
    margin: 0;
    display: table-cell;
    vertical-align: bottom;
    color: #c8c8c8;
    font-weight: 400
}
.chat-opacity .text-center .empty_state span {
    padding: 10px 17px;
    background-color: #333
}
.chat-opacity .text-center .empty_state svg.feather {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 5px 0 0
}
.chat-opacity.active {
    display: block
}
.create_chat_group .input-group {
    width: 100%
}
.create_chat_group .input-group-addon {
    width: 45px;
    border-color: #e3e3e3
}
.create_chat_group input {
    height: 40px !important
}
.btn-chat {
    width: 50.2%;
    border-radius: 0;
    font-size: 12px;
    margin-top: 0
}
.chat_main {
    position: fixed;
    bottom: 0;
    width: 260px;
    color: #333;
    z-index: 9;
    border-radius: 3px;
    background: 0 0;
    right: 215px
}
.chat_main:nth-child(2) {
    right: 480px
}
.chat_main:nth-child(3) {
    right: 745px
}
.chat-tab input {
    border-radius: 0;
    padding: 3px;
    font-size: 13px;
    height: 27px;
    width: 224px
}
.chat-tab .online-toggle {
    color: #fff;
    width: 100%;
    font-size: 13px;
    padding: 9px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    position: relative
}
.chat-tab .online-toggle svg.feather {
    margin-top: -3px;
    width: 18px;
    height: 18px
}
.chat-tab .online-toggle svg.feather-circle {
    margin: -2px 3px 0 0;
    width: 8px;
    height: 8px;
    fill: #fff;
    display: none
}
.chat-tab .online-toggle .chat-tab-status.active svg.feather-circle {
    fill: #7dd181;
    display: inline
}
.chat-textarea {
    width: 100%;
    border-top: 1px solid #ddd;
    background-color: #fff
}
.chat-textarea textarea {
    width: 100%;
    height: 35px;
    border-top: 0;
    border-radius: 0
}
.chat-textarea #sendMessage {
    padding-top: 10px;
    font-size: 13px;
    resize: none;
    max-height: 200px
}
.mobileleftpane .text-sender-container textarea {
    padding-right: 140px !important
}
.chat-textarea .chat-btns-w {
    padding: 0 10px
}
.chat-textarea .chat-btns-w .ball-pulse {
    float: right;
    line-height: 34px
}
.chat-textarea .chat-btns-w .btn-file {
    padding: 5px 7px;
    display: inline-block;
    border: 0;
    font-size: 17px;
    cursor: pointer
}
.chat-textarea .chat-btns-w .record_timei {
    position: absolute;
    bottom: 4px;
    padding: 6px 9px;
    background-color: #fff;
    right: 6px;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .19)
}
.chat-textarea .chat-btns-w .dropup.chat_optns {
    padding: 0
}
.chat-textarea .chat-btns-w .chat_optns svg.feather {
    margin-top: -2px;
    width: 17px;
    height: 17px;
    color: #5b5b5b
}
.chat-textarea .input-group-btn {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border: none;
    color: #999
}
.chat-textarea .input-group-btn input:hover {
    background-color: transparent
}
.chat-tab-status.active {
    color: #7dd181
}
.chat-status {
    position: absolute;
    top: 9px;
    color: #929292;
    right: 9px;
    margin-top: 2px
}
.chat-status svg.feather {
    width: 17px;
    height: 17px
}
.chat-status .dropdown-menu svg.feather {
    width: 15px;
    height: 15px;
    margin: 0 4px 0 0
}
.w100 {
    width: 100%;
    overflow: hidden
}
.record-chat-audio {
    padding: 3px;
    color: #333
}
.chat-recording-time {
    color: #333;
    font-size: 13px;
    font-family: Hind, sans-serif
}
.hind {
    font-family: Hind, sans-serif !important
}
.blue-link {
    color: #365899
}
.ad-placement-header-footer {
    text-align: center
}
.ad-placement-header-footer iframe, .ad-placement-header-footer script {
    width: 80%
}
.ad-placement-header-footer .content {
    margin-top: 30px
}
.verified-color svg, svg.verified-color {
    margin-top: -3px !important;
    fill: #55acee
}
.filter-by-home {
    display: none
}
.gray {
    color: #666
}
.tooltip-wide {
    font-size: 95%
}
.tooltip-wide .tooltip {
    min-width: 500px
}
.verified-color {
    color: #4caf50
}
.verified-color svg {
    width: 12px !important;
    height: 12px !important
}
.tooltips {
    min-width: 200px
}
.pinned-post-container {
    position: relative
}
.post-options {
    left: auto;
    right: 0;
    border: none;
    color: #ccc
}
.api-ex-urls, .app-avatar, .video-con {
    border-radius: 3px
}
.activity-container .time {
    font-size: 10px
}
.activity-container img {
    width: 50px
}
.activity-container .activity {
    border-bottom: 1px solid #f5f5f4
}
.activity-container .activity .notification-user-avatar img {
    width: 35px !important;
    height: 35px;
    overflow: hidden
}
.second-user-color {
    color: #333
}
.pin-icon, .sop-icon {
    position: absolute;
    width: auto;
    color: #f9b340
}
.sop-icon {
    right: 15px;
    top: 15px;
    font-size: 25px
}
.pin-icon {
    top: -10px;
    font-size: 23px
}
.pin-icon svg {
    fill: #f9b340;
    width: 23px !important;
    height: 23px !important
}
.emo-container {
    display: none;
    background: #fff;
    padding-top: 3px;
    border-left: 1px solid #e3e4e8
}
.emo-container span {
    margin: 1px
}
.pinned-text {
    color: orange
}
.promoted-post {
    margin-top: 30px;
    position: relative
}
.promoted-post .promoted-icon {
    position: absolute;
    top: -12px;
    color: #ffa412
}
#remote-media, .sidebar-page-data, .video-con {
    position: relative
}
.promoted-post .promoted-icon svg.feather {
    margin-top: 0;
    width: 27px;
    height: 27px;
    fill: #ffeac9
}
.boosted-text {
    color: #e13c4c
}
.api-ex-urls {
    background: #a84849;
    color: #fff;
    padding: 4px
}
.black-color {
    color: #666;
    font-weight: 600
}
#modal-dialog-update-info {
    margin: 60px auto
}
.account-activate-icon {
    font-size: 100px;
    color: #a84849
}
.app-avatar {
    width: 30px;
    margin-right: 7px
}
#remote-media h3 {
    text-align: center;
    color: #fff;
    padding: 15px
}
#remote-media video:nth-child(2) {
    width: 80% !important;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.hidden-mobile-image, .video-con {
    width: 100%
}
.video-con {
    background: #444
}
.chat-user-desc {
    padding: 10px;
    display: none;
    background-color: #e1e1e1;
}
.chat-user-desc img {
    width: 55px;
    border-radius: 50%
}
.chat-user-desc .col-sm-8 {
    padding-left: 0
}
.chat-user-desc .head-text {
    font-size: 11px;
    color: #000
}
.chat-user-desc .desc-text {
    font-size: 11px;
    color: #6b6b6b
}
.chat-user-desc .desc-text svg.feather {
    margin-top: -2px;
    width: 13px;
    height: 13px
}
.green {
    color: #43a735;
    font-size: 12px
}
.sidebar-page-data .sidebar-listed-page-avatar {
    position: absolute;
    top: 0
}
.sidebar-page-data .sidebar-listed-page-avatar img {
    width: 70px;
    height: 70px;
    background: #fff;
    padding: 0 1px 1px 0;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}
.sidebar-page-data .sidebar-listed-page-name {
    position: absolute;
    left: 8px;
    font-size: 16px;
    top: 75%;
    color: #fff
}
.sidebar-page-data .sidebar-listed-page-name a {
    color: #fff !important
}
.sidebar-page-data .sidebar-listed-page-like-btn {
    position: absolute;
    right: 8px;
    top: 70%
}
.sidebar-page-data .text-shadow {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
    padding: 20px;
    position: relative;
    margin-top: -40px
}
.sidebar-page-data .sidebar-listed-page-cover img {
    width: 100%
}
.no-more-pages {
    font-size: 13px;
    color: #777
}
.user-details {
    z-index: 1111;
    padding-top: 10px
}
.user-details .loading-user {
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    width: 330px;
    border-radius: 3px;
    background-color: #f9f9f9;
    padding: 10px
}
.user-details .loading-user div.fa {
    text-align: center;
    font-size: 19px;
    display: block
}
.user-details:not(.not-profile) {
    z-index: 333;
    padding-top: 35px
}
.user-details.not-profile:before {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #f9f9f9;
    left: 10px;
    border-bottom-color: #f9f9f9;
    top: 0;
    filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .35))
}
.user-details.right:before {
    left: auto;
    right: 20px;
    content: ""
}
.user-fetch {
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    width: 340px;
    min-height: 240px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff
}
.user-fetch .user-cover {
    background-size: cover !important;
    background-position: 100% !important;
    min-height: 130px
}
.user-fetch .user-avatar {
    position: relative;
    float: none;
    z-index: 2;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 15px
}
.user-fetch .user-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.user-fetch hr {
    margin-bottom: 0 !important
}
.user-fetch .user-name {
    font-size: 17px;
    z-index: 3;
    position: relative;
    width: 100%;
    line-height: 1;
    color: #3c3c3c;
    font-weight: 700;
    text-align: center
}
.user-fetch .user-name a {
    color: #3c3c3c !important
}
.user-fetch .user-buttons {
    width: 100%;
    margin-right: 0;
    margin-top: 13px;
    text-align: center
}
.user-fetch .user-information {
    padding: 4px;
    margin: 10px 0 0;
    font-size: 11px;
    text-align: center;
    color: #666;
    border-top: 1px solid #eee
}
.user-fetch .user-information li {
    padding: 5px;
    display: inline-block;
    font-size: 12px
}
.user-fetch .user-information li svg.feather {
    margin: -2px 1px 0;
    width: 14px;
    height: 14px
}
.user-fetch .user-cover img {
    width: 100%
}
.user-fetch .user-footer .user-button {
    margin: 0 4px;
    display: inline-block
}
.user-fetch .user-footer .user-button button {
    font-size: 13px
}
.user-fetch .user-footer .user-button:empty {
    margin: 0
}
.typing {
    width: 33px;
    margin-top: 10px
}
.filter-margin {
    margin-bottom: 20px
}
.emo-post-container {
    z-index: 2;
    display: none;
    right: 0;
    left: auto;
    background-color: #fff;
    padding: 5px
}
ul#filterby-post {
    position: sticky;
    top: 45px;
    z-index: 9;
        display: flex;
    justify-content: space-around;
}
.filterby .avtive, .filterby li:hover {
    background: #f9f9f9
}
.filterby li {
    cursor: pointer;
    height: 35px;
    line-height: 2
}
.filterby .avtive {
    border-left: 3px solid;
    transition: all .1s
}
#filterby-post li {
    display: inline-block;
    float: left;
    width: 14.28%;
    height: 40px;
    /*border-right: 1px solid #f1f1f1;*/
    padding: 5px 10px;
    text-align: center
}
#filterby-post li svg {
    width: 20px;
    height: 20px;
    display: block;
    margin: 2px auto 1px;
}
.emo-comment, .image-comment {
    position: absolute;
    color: #999;
    top: 0;
    z-index: 2
}
#filterby-post .avtive {
    border-bottom: 2px solid;
    background: #f9f9f9;
    transition: all .1s;
    border-left: 0;
    border-color: currentColor !important
}
.float-right {
    margin-top: 5px;
    float: right
}
.emo-comment {
    right: 33px
}
.image-comment {
    right: 25px
}
.comment-image-con {
    width: 50%;
    position: relative;
    margin-top: 10px
}
.comment-image-con img {
    max-width: 100%;
    width: 100%;
    border-radius: 3px
}
.comment-image-con .remove-icon {
    position: absolute;
    top: 8px;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    right: 10px
}
.send-comment {
    position: absolute;
    color: #999;
    display: none;
    right: 80px;
    top: 0;
    z-index: 2
}
.post-commet-textarea {
    position: relative
}
.user-username {
    color: #a84849;
    font-size: 10px
}
.user-story-container .ads-heading {
    overflow: hidden;
    width: 100%;
    padding: 10px 15px
}
.user-story-container .ads-image {
    width: 46px;
    height: 46px;
    display: block;
    overflow: hidden;
    margin-right: 10px
}
.user-story-container .panel {
    padding-top: 10px
}
.user-story-container .ads-meta {
    color: #555
}
.user-story-container .ads-meta .title {
    margin-bottom: 0;
    margin-top: 1px
}
.user-story-container .ads-description {
    font-size: 13px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
    padding: 15px 0
}
.user-story-container .ads-headline {
    font-size: 14px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
    padding: 15px 0
}
.user-story-container .ads-headline p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}
.user-story-container .ads-headline p span {
    font-size: 13px;
    color: #333;
    display: block
}
.user-story-container .ads-headline p span.read-ads-description {
    display: block;
    height: 40px;
    overflow: hidden;
    cursor: pointer
}
.user-story-container .ads-cover {
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2
}
.user-story-container .ads-cover .ads-description {
    width: 100%;
    overflow: hidden;
    padding: 15px
}
.user-story-container .ads-cover .ads-description h5 {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding: 0;
    margin: 0
}
.user-story-container .ads-cover .ads-description p {
    font-size: 12px;
    color: #555;
    margin-top: 5px
}
.user-story-container .ads-cover a {
    display: block;
    max-height: 700px
}
.modal-dialog.profile-picture {
    width: 150px !important
}
.modal-dialog button {
    padding: 4px 11px
}
.modal-dialog textarea {
    max-height: 300px
}
.modal-dialog label {
    font-size: 15px
}
.modal-dialog .form-control:not(textarea) {
    height: 30px;
    font-size: 13px
}
.small-text {
    font-size: 12px !important
}
.admin-panel .page-margin {
    margin-bottom: 0
}
.admin-panel .btn-default {
    height: 30px;
    font-size: 13px
}
.lightbox-backgrond, .lightbox-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    left: 0
}
.admin-panel .col-md-9 .list-group-item.dashboard {
    color: #444 !important;
    background-color: #f9f9f9 !important
}
.admin-panel .col-md-9 .list-group-item.users {
    background-color: #4c75a3 !important
}
.admin-panel .col-md-9 .list-group-item.pages {
    background-color: #ce3d3d !important
}
.admin-panel .col-md-9 .list-group-item.groups {
    background-color: #f2b92b !important
}
.admin-panel .col-md-9 .list-group-item.posts {
    background-color: #6abd46 !important
}
.admin-panel div ul {
    margin: 0 !important;
    border-bottom: 1px solid #f9f9f9;
    border-radius: 0 !important
}
.admin-panel p i:not(.fa-caret-down) {
    width: 15px;
    font-size: 12px
}
.admin-panel-well .admin-static50 {
    width: 50% !important;
    background-color: #333 !important
}
.admin-panel-well .admin-static {
    background-color: #4c75a3;
    color: #fff;
    font-size: 20px;
    padding: 5px;
    min-height: 100px;
    text-align: center;
    width: 25%
}
.admin-panel-well .user-count {
    background-color: #4c75a3
}
.admin-panel-well .page-count {
    background-color: #ce3d3d
}
.admin-panel-well .groups-count {
    background-color: #f2b92b
}
.admin-panel-well .posts-count- {
    background-color: #6abd46
}
.admin-panel-well .messages-count {
    background-color: #f2b92b;
    cursor: inherit
}
.admin-panel-well .online-count {
    background-color: #659fcb;
    cursor: inherit
}
.admin-panel-well .games-count {
    background-color: #e84c4c;
    cursor: inherit
}
.admin-panel-well .comments-count {
    background-color: #6abd46;
    cursor: inherit
}
.admin-panel-well .icon {
    font-size: 40px
}
.admin-panel-well .text {
    font-size: 18px
}
.admin-panel-well.manage-users .text {
    font-size: 14px
}
.payments {
    font-family: Lato !important
}
.social-box {
    color: #fff;
    padding: 10px 10px 0
}
.social-box .social-icon {
    color: #fff;
    font-size: 40px;
    margin-top: 10px
}
.social-box.facebook {
    background: #43609c
}
.social-box.google {
    background: #dc493c
}
.social-box.twitter {
    background: #659fcb
}
.social-box.linkedin {
    background: #0177b5
}
.social-box.instagram {
    background: #3f729b
}
.social-box.vk {
    background: #4c75a3
}
.last-btn {
    margin-bottom: 0 !important
}
.btn-upload-image {
    background-color: transparent;
    opacity: 1;
    color: #fff;
    transition: all .2s;
    text-shadow: #555 0 0 1px;
    padding: 5px;
}
.btn-upload-image:hover {
    background: 0 0;
    text-shadow: #444 0 0 3px
}
.nopadding-left {
    padding-left: 0 !important
}
.lightbox-backgrond {
    width: 100%;
    z-index: 1030;
    background: rgba(26, 26, 26, .7)
}
.lightbox-content {
    transition: all .4s;
    margin-right: auto;
    margin-left: auto;
    width: 1110px;
    margin-top: 50px;
    z-index: 1031
}
.lightbox-content .story-img {
    border-radius: 3px 0 0 3px;
    display: table-cell;
    vertical-align: middle;
    height: calc(100vh - 100px)
}
.lightbox-content .story-img img {
    max-width: 100%;
    display: block;
    max-height: calc(100vh - 100px);
    margin-left: auto;
    margin-right: auto
}
.lightbox-content .comment-section {
    background-color: #fff;
    height: calc(100vh - 100px);
    border-radius: 0 3px 3px 0;
    padding-top: 10px;
    display: table-cell;
    width: 35%
}
.lightbox-content .comment-section .stats {
    margin: 0 16px;
    border-bottom: 1px solid #ebebeb
}
.lightbox-content .comment-section .stats .stat-item {
    display: inline-block;
    padding: 7px 8px;
    font-size: 13px;
    border: 0;
    background: #fff;
    box-shadow: none;
    width: 49%;
    font-weight: 700
}
.lightbox-content .comment-section .post-info {
    margin: 0 16px 10px;
    max-height: 100px;
    overflow: auto;
    position: relative
}
.lightbox-content .comment-section .post-info p {
    font-size: 14px;
    color: #555;
    word-break: break-word
}
.cool-style-album .album-name h4, .events-list-name {
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap
}
.lightbox-content .comment-section .user-name {
    margin-bottom: 0;
    margin-top: 4px;
    font-weight: 700
}
.lightbox-content .user-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 9px
}
.close-lightbox, .create-album {
    margin-right: 5px;
    cursor: pointer
}
.lightbox-content.multi {
    width: 900px
}
.close-lightbox {
    padding: 4px;
    color: #666;
    margin-top: -5px
}
.changer {
    cursor: pointer;
    margin-bottom: 10px;
    position: absolute;
    background: rgba(255, 255, 255, .1);
    top: 40%;
    width: 50px;
    display: none
}
.changer i {
    color: #fff;
    font-size: 30px;
    text-shadow: 0 1px 2px #555;
    padding: 10px;
    position: relative
}
.previous-btn {
    left: 0
}
.next-btn {
    right: 30.5%
}
.next-btn.multi {
    right: 0
}
.width-2 {
    width: 50% !important
}
.width-3 {
    width: 33.33% !important
}
.create-album {
    position: relative;
    margin-top: -25px;
    font-size: 14px;
    color: #666
}
.feeling-text {
    color: #777;
    margin-top: -5px
}
.feeling-text i {
    font-size: 13px
}
.feeling-type {
    max-height: 200px;
    overflow: auto;
    display: none
}
.feeling-type ul {
    padding: 5px;
    border-top: 1px solid #ededed;
    margin-bottom: 1px
}
.feeling-type li {
    color: #666;
    padding: 5px
}
.feeling-type.feeling-types {
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 9;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 0 5px 5px;
    border-top-width: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.feeling-type.feeling-types li {
    display: table;
    margin: 2px 0
}
.feeling-type.feeling-types li:hover {
    background-color: #f7f7f7
}
.feeling-type.feeling-types li svg.feather {
    display: table-cell;
    width: 26px;
    height: 26px;
    margin: 0 10px 0 2px;
    padding: 1px
}
.feeling-type.feeling-types li span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    font-weight: 700
}
.feelings-value {
    background-color: #fff;
    color: #555;
    padding: 4px 6px;
    position: absolute
}
.feeling-type li i.twa, .feelings-value i.twa {
    margin-top: 2px;
    vertical-align: bottom
}
.feelings-value:empty {
    padding: 0
}
#feelings-text {
    width: 80%;
    height: 31px
}
.feelings-type-to {
    padding: 6px 7px;
    color: #555;
    background: #dfecff
}
.feelings-type-to:empty {
    padding: 0
}
.light {
    background: #fcfcdb;
    transition: opacity 500 ease-in-out
}
.pricing, .upload-image-content {
    transition: all .2s ease-in-out;
    text-align: center
}
.view-more-replies {
    color: #777;
    font-size: 12px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px
}
.view-more-replies i {
    font-size: 10px
}
.cool-style-album {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}
.cool-style-album .album_parent {
    position: relative;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd
}
.cool-style-album .album_parent:after, .cool-style-album .album_parent:before {
    background: #fff;
    border: 1px solid #ccc;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 2px;
    right: 2px;
    height: 3px;
    border-top: none
}
.cool-style-album .album_parent:after {
    left: 4px;
    right: 4px;
    bottom: -6px;
    height: 2px;
    box-shadow: 0 0 2px #ccc
}
.user-cover-reposition-w img, .user-reposition-container img {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3)
}
.cool-style-album img {
    width: 100%
}
.cool-style-album .album-name {
    padding: 7px 10px;
    font-size: 15px
}
.cool-style-album .album-name h4 {
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    overflow: hidden;
    display: block
}
.cool-style-album .album-count {
    font-size: 11px;
    margin-top: 3px;
    color: #848484
}
.cool-style-album .album-count svg.feather {
    margin: -3px 2px 0 0;
    width: 15px;
    height: 15px
}
.cool-style {
    width: 24.66%;
    margin: 1px;
    position: relative;
    float: left
}
.cool-style img {
    width: 100%
}
.cool-style .game-name {
    position: absolute;
    margin: 5px;
    font-size: 15px;
    color: #fff;
    display: none
}
.cool-style .game-name a {
    color: #fff
}
.cool-style .last-play {
    font-size: 11px;
    color: #fff;
    margin-top: 3px
}
.overlay-black {
    background: url(../img/overlay-image.png);
    width: 100%;
    padding: 50%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    opacity: .5;
    left: 0
}
.album-image {
    position: relative;
    color: #fff;
    float: left
}
.album-image span {
    position: absolute;
    top: 0;
    display: none;
    color: #fff;
    text-shadow: 0 1px 1px #333;
    right: 5px
}
.user-cover-reposition-w, .user-reposition-container {
    position: relative;
    width: 100%
}
.load-more-comments {
    color: #777;
    font-size: 12px;
    margin-left: 5px
}
.add-photo h4, .skip-step {
    color: #666
}
.add-photo {
    padding: 20px
}
.add-photo .con-button {
    width: 190px;
    height: 44px
}
.upload-image, .upload-image img {
    width: 250px;
    height: 250px;
    max-width: 100%
}
.add-photo h2 {
    margin-top: 1px
}
.add-photo #progress {
    width: 250px;
    max-width: 100%;
    padding: 0;
    margin-top: 10px
}
.add-photo #percent {
    left: 46%
}
.add-photo label {
    font-size: 15px
}
.skip-step {
    cursor: pointer
}
.skip-step:hover {
    text-decoration: underline
}
.event-l-info a, .events-list-name a:hover {
    text-decoration: none
}
.upload-image {
    display: table;
    overflow: hidden;
    cursor: pointer;
    border: 3px dashed #a84849
}
.upload-image-content {
    font-size: 15px;
    color: #555;
    display: table-cell;
    vertical-align: middle
}
.upload-image-content:hover {
    color: #777
}
.upload-image-content i {
    font-size: 70px
}
.textarea {
    padding-right: 40px;
    border-radius: 2px !important
}
.reply-textarea {
    padding-top: 5px;
    resize: none
}
.user-cover-reposition-container {
    position: relative
}
.user-reposition-container {
    height: 333.3px;
    overflow: hidden;
    display: none
}
.user-reposition-container img {
    position: absolute;
    width: 100%
}
.user-reposition-container .user-reposition-dragable-container {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 28%;
    background: rgba(0, 0, 0, .15);
    color: #fff;
    font-weight: 700;
    padding: 7px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    transform: translate(-50%)
}
.user-reposition-container .user-reposition-dragable-container svg.feather {
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0
}
.center-container {
    padding: 10px 10px 25px
}
.center-container * {
    text-align: center
}
.center-container .icon {
    font-size: 50px;
    margin-bottom: 30px
}
.center-container .error-container, .center-container .success-container {
    display: inline-block;
    background: 0 0;
    padding: 5px;
    width: 500px;
    margin-bottom: 10px;
    max-width: 30%
}
.center-container button, .center-container input {
    max-width: 30%;
    display: inline-block
}
.center-container .error-container {
    color: #af5b5b;
    border: 1px solid #af5b5b;
    font-size: 13px;
    border-radius: 3px
}
.center-container .success-container {
    color: #89ba73;
    border: 1px solid #89ba73;
    border-radius: 3px
}
.center-container hr {
    max-width: 30%;
    margin-bottom: 30px
}
.announcements img, .blog-h-list .avatar img, .home-announcement img, .read-blog div, .read-blog iframe, .read-blog img, .read-blog p, .read-blog span, .small img {
    max-width: 100%
}
.center-container p {
    margin-bottom: -5px;
    color: #888
}
.activate-code-form {
    display: none
}
#plans {
    padding: 15px;
    width: 80%
}
#plans ul li {
    font-size: 16px
}
#plans ul li .green {
    font-size: 16px !important
}
.red {
    color: red
}
.padding-right {
    padding-right: 0
}
.events-tab-list {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff
}
.events-tab-list li, .events-tab-list li:hover {
    width: 16.66666666%;
    font-weight: 600;
    background-color: #a84849
}
.events-tab-list li a {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    padding: 10px;
    color: #fff;
    height: inherit
}
#select-cover {
    width: 100%;
    overflow: hidden;
    max-height: 300px
}
#select-cover img {
    width: 100%
}
.active-e-tab {
    background-color: #a84849 !important
}
.events-tab-content {
    width: 100%;
    background: #fff;
    padding: 15px
}
.events-content-wrapper {
    overflow: visible
}
.events-content-wrapper:last-child {
    margin-bottom: 20px
}
.cover-container {
    width: 100%;
    overflow: hidden;
    padding-top: 0;
    background: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 3px
}
.icon-no {
    width: 18px
}
.cover-wrapper, .cover-wrapper img, .event-descripton, .events-list-cover img.events-list-cover-img {
    width: 100%
}
.cover-wrapper {
    overflow: hidden;
    height: 300px
}
.cover-footer h4 {
    color: #9197a3;
    padding: 10px 20px;
    font-size: 17px;
    margin: 0
}
.cover-footer div.btn-extra button {
    padding: 5px 25px;
    color: #7b8496;
    overflow: hidden;
    margin: 5px
}
.event-descripton, .invite-peple div.subhead {
    color: #9197a3;
    font-size: 15px;
    background: #fff
}
.invite-peple {
    border-radius: 3px
}
.invite-peple div.subhead {
    padding: 5px 10px
}
.invite-peple form input {
    border: none;
    border-radius: 0
}
.invite-peple form input:focus {
    border: none
}
.event-descripton {
    padding: 15px
}
.events-list-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}
.events-list-wrapper:hover .events-going-list-unset {
    visibility: visible
}
.events-going-list-unset, .slick-loading .slick-slide, .slick-loading .slick-track, .sound-controls, .wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body .comment_edele_options {
    visibility: hidden
}
.events-list-cover {
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12)
}
.events-list-cover .event_cover {
    display: block;
    position: relative
}
.events-list-cover .event_cover ul {
    padding: 10px 7px 5px;
    margin: 0;
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .31)
}
.event-l-info {
    padding: 7px 10px
}
.event-l-info ul {
    padding: 0;
    margin-bottom: 5px
}
.event-l-info ul li {
    color: #6f6f6f;
    padding: 1px 0;
    font-size: 13px
}
.event-l-info ul li svg, .events-list-cover .event_cover ul svg.feather {
    margin: -2px 2px 0 0;
    width: 14px;
    height: 14px
}
.event-l-info .options-buttons {
    position: relative;
    margin: 0;
    right: 0
}
.events-list-avatar, .events-list-checked {
    position: absolute;
    display: inline-block;
    overflow: hidden
}
.event-l-info .options-buttons button {
    margin: 1px 5px;
    font-size: 12px;
    float: none;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 110px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    padding: 4px 16px 5px;
    text-decoration: none
}
.event-l-info .options-buttons button svg.feather {
    margin: -3px 4px 0 -5px;
    width: 17px;
    height: 17px
}
.events-list-name {
    font-size: 22px;
    overflow: hidden
}
.events-list-name a {
    font-size: 20px;
    font-weight: 700;
    font-family: arial;
    color: #fff;
    text-shadow: 2px 2px 30px rgba(132, 132, 132, .92)
}
.events-list-dropup-menu span strong:hover, .link2:hover {
    text-decoration: underline
}
.events-list-desc {
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #999
}
.events-list-time {
    display: inline-block;
    color: #404040;
    margin: 10px;
    font-size: 13px
}
.events-list-avatar {
    left: 15px;
    bottom: 10px;
    width: 80px;
    height: 80px
}
.events-list-avatar img {
    width: 100%
}
.events-list-checked {
    left: 45%;
    bottom: 45%;
    width: 10%;
    color: #fff;
    font-size: 40px;
    font-family: inherit;
    text-shadow: 2px 2px 30px rgba(0, 0, 0, .92)
}
.events-list-checked img {
    width: 100%
}
.events-list h5 {
    display: block;
    color: #7b8496;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px !important;
    margin: 1px !important;
    white-space: nowrap;
    font-weight: 700
}
.events-list p {
    display: block;
    color: #7b8496;
    font-size: 13px
}
.events-list time {
    display: inline-block;
    color: #7b8496;
    font-size: 13px
}
.events-list span {
    display: block;
    font-size: 13px
}
.events-list div.col-md-2 {
    height: 60px;
    padding: 0
}
.events-list div.col-md-2 img {
    border-radius: 2px;
    border: 1px solid #eaeaea;
    width: 100%;
    height: 100%
}
.event-posts-column {
    padding-right: 0
}
.event-posts-column div.event-descripton {
    background: #fff;
    color: #9197a3;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(99, 114, 144, .18);
    border-radius: 3px
}
.events-list-dropup-menu {
    margin: 10px 15px 10px 10px
}
.events-list-dropup-menu ul li a:hover {
    background: #a84849
}
.link2 {
    color: #43516d !important;
    margin: 0 5px
}
.invitation-users-cont {
    width: 100%;
    overflow: hidden;
    padding: 3px;
    border-bottom: 1px solid #ececec;
    margin: 5px auto
}
.invitation-users-cont div.invitation-users-avatar {
    width: 20%;
    overflow: hidden;
    display: inline-block;
    padding: 2px
}
.invitation-users-cont div.invitation-users-name {
    display: inline-block;
    padding: 17px 20px;
    width: 40%;
    color: #52636d
}
.invitation-users-cont div.invitation-users-btn {
    display: inline-block;
    width: 40%
}
.invitation-users-cont div.invitation-users-btn button {
    margin: 12px 10px;
    font-size: 12px
}
.event-people-invition-list {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    border-top: 1px solid #ddd;
    margin-top: 5px
}
.event-people-invition-list .invitation-users-cont {
    display: flex;
    align-items: center
}
.event-people-invition-list .invitation-users-cont:last-child {
    border-bottom: 0
}
.event-people-invition-list .invitation-users-cont .avatar img {
    width: 40px;
    height: 40px
}
.event-people-invition-list .invitation-users-cont .user-follow-btn {
    margin: 0 0 0 auto !important
}
.event-people-invition-list .invitation-users-cont .user-follow-btn svg.feather {
    margin: -2px 0 0
}
.sidebar-event-data {
    padding: 5px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2
}
.bold {
    font-weight: 700;
    font-weight: 700 !important
}
.sidebar-event-thumbnail {
    width: 27%;
    overflow: hidden;
    display: inline-block
}
.sidebar-event-thumbnail img {
    width: 100%;
    border: 1px solid #f2f2f2
}
.sidebar-event-name {
    width: 70%;
    overflow: hidden;
    display: inline-block;
    padding: 10px
}
.sidebar-event-name p {
    margin-bottom: 0
}
.sidebar-event-name span {
    font-size: .7em;
    color: #aaa
}
.events-going-list-unset {
    margin: 10px
}
.pricing_table {
    margin: 30px 0 0
}
.pricing_table .row {
    margin: 0
}
.pricing_table .col-md-3, .pricing_table .col-sm-6, .pricing_table .col-xs-12 {
    padding: 0;
    border-radius: 5px!important;
}
.pricing {
    color: #777;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    margin: 0 2px;
    border-radius: 5px;
}
@media screen and (max-width: 415px) {
    .b-right>.poster-left-buttons {
        margin: 0 1px;
    }
    /*     .b-right {
    border-bottom: 1px;
    flex-basis: 20%;
}
   .b-right:nth-child(5) {
    border-bottom: 1px;
    flex-basis: 20%;
} */
    .pricing {
        margin: 5px 2px;
    }
}
.pricing img {
    display: block;
    margin: auto;
    width: 40px
}
.free-pack {
    margin-bottom: 15px!important;
}
.pricing li {
    list-style: none;
    padding: 5px 13px
}
.pricing .price-table-head {
    padding: 20px 13px;
    background-color: #f6f7fa;
    border-radius: 5px;
}
.pricing .plan-name big {
    color: #777;
    border-radius: 5px;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 30px;
    background: #fff;
    margin: 0 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
}
.pricing li:last-child {
    padding: 30px 13px 50px
}
.pricing big {
    font-size: 32px
}
.pricing h3 {
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 700
}
.pricing span {
    font-size: 12px;
    color: #828282;
    font-weight: 400
}
.pricing button {
    width: auto;
    margin: auto;
    font-size: 15px;
    font-weight: 700;
    border-radius: 50px;
    color: #fff;
    padding: 9px 24px;
    background: #aaa;
    opacity: 1;
    transition: all .2s ease;
    border: none;
    outline: 0
}
.pricing button:hover {
    opacity: .9
}
.pricing button:active {
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1)
}
.p-green big, .p-green h3 {
    color: #4c7737
}
.p-green button {
    background: #4c7737;
    box-shadow: 0 2px 6px 0 rgba(76, 118, 55, .45)
}
.p-yel big, .p-yel h3 {
    color: #f9b340
}
.p-yel button {
    background: #f9b340;
    box-shadow: 0 2px 6px 0 rgba(249, 180, 64, .45)
}
.p-red big, .p-red h3 {
    color: #e13c4c
}
.p-red button {
    background: #e13c4c;
    box-shadow: 0 2px 6px 0 rgba(225, 60, 76, .45)
}
.p-blue big, .p-blue h3 {
    color: #3f4bb8
}
.p-blue button {
    background: #3f4bb8;
    box-shadow: 0 2px 6px 0 rgba(63, 74, 184, .45)
}
.featured-users {
    border-radius: 2px;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    margin-bottom: 15px;
    background: #b94043;
    background: linear-gradient(to right, #b53c3f, #ca6162)
}
.featured-users .pro-me-here {
    padding: 9px 7px 9px 0
}
.featured-users .pro-me-here a {
    color: #fff
}
.featured-users .list-inline {
    margin-bottom: 0;
    margin-left: 0
}
.featured-users .list-inline li {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    width: 31%;
    margin-bottom: 10px
}
.featured-users .list-inline li a {
    padding: 0 !important
}
.featured-users img {
    width: 100%;
    background-color: #fff;
    border-radius: 100%
}
.featured-users .icon {
    position: absolute;
    color: #ccc;
    font-size: 8px;
    right: 3px;
    top: 0
}
.featured-users .icon.online {
    color: #6abd46
}
.put-me-here-text {
    padding: 7px;
    font-size: 12px;
    margin-bottom: -30px
}
.put-me-here {
    width: 100%;
    position: absolute;
    left: 65%
}
.put-me-here img {
    width: 30px
}
.nav-names {
    margin-left: 115px
}
.nav-names li {
    transition: background .2s
}
.sixteen-font-size {
    font-size: 16px !important
}
.delete-icon, .video-icon {
    cursor: pointer;
    margin-right: 4px
}
.comment-textarea {
    padding-top: 5px;
    resize: none
}
.white-loading {
    background: #fff;
    height: 50px;
    width: 100%
}
.cs-loader {
    height: 100%;
    width: 100%
}
.cs-loader-inner {
    width: 100%;
    padding-top: 2px;
    text-align: center
}
.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display: inline-block
}
.products .product .product-price, .products .product .product-title {
    display: block;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap
}
.cs-loader-inner label:nth-child(6) {
    animation: lol 1.5s infinite ease-in-out
}
.cs-loader-inner label:nth-child(5) {
    animation: lol 1.5s .1s infinite ease-in-out
}
.cs-loader-inner label:nth-child(4) {
    animation: lol 1.5s .2s infinite ease-in-out
}
.cs-loader-inner label:nth-child(3) {
    animation: lol 1.5s .3s infinite ease-in-out
}
.cs-loader-inner label:nth-child(2) {
    animation: lol 1.5s .4s infinite ease-in-out
}
.cs-loader-inner label:nth-child(1) {
    animation: lol 1.5s .5s infinite ease-in-out
}
@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }
    33%, 66% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}
@-webkit-keyframes lol {
    0%, 100% {
        opacity: 0
    }
    33%, 66% {
        opacity: 1
    }
}
.no-more-posts-to-show {
    padding-top: 13px
}
#textarea_paypal {
    min-height: 200px
}
.product-price {
    color: green;
    font-weight: 100
}
.product-name {
    color: #444;
    font-weight: 600
}
.product-description {
    color: #555;
    font-weight: 500
}
.product-status {
    color: #43609c;
    font-weight: 100
}
.product-status-sold {
    color: #e5493d;
    font-weight: 100
}
.btn-bitcoin {
    background: #fc9b1b;
    color: #fff
}
.btn-paypal {
    background: #039ddd;
    color: #fff
}
.products {
    width: 100%
}
.products .list-group-item, .products .procuts-categories {
    width: 100%;
    background-color: #fff
}
.products .latest-products {
    padding: 10px
}
.products .product {
    margin-bottom: 20px
}
.products .product .product-image {
    overflow: hidden;
    margin: 0 0 0 -3px;
    width: calc(100% + 7px);
    position: relative
}
.products .product .product-image img {
    width: 100%
}
.products .product .product-title {
    color: #333;
    font-size: 18px;
    margin-bottom: 5px
}
.products .product .product-title a {
    color: #222;
}
.products .product .product-by {
    font-size: 12px;
    color: #888;
    margin-bottom: 4px
}
.products .product .product-price {
    font-size: 14px;
    color: #4CAF50;
    font-weight: 700;
    letter-spacing: .3px;
    margin: 7px 0 0
}
.products .product .product-desc {
    color: #999;
    margin-top: 8px;
    font-size: 12px
}
.posts-count {
    z-index: 99;
    padding: 10px 15px;
    text-align: center;
    position: fixed;
    transition: all .2s ease;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2) !important
}
.posts-count:empty {
    padding: 0;
    border: 0;
    box-shadow: none !important
}
#members table, .f_topics, .thread-replies {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}
.posts-count:hover {
    background-color: #f5f5f4
}
.wo_votes {
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 5px 0 10px;
    overflow: hidden
}
.wo_votes .answer-vote {
    font-size: 12px;
    font-weight: 700;
    width: 60px;
    text-align: center;
    padding: 7px 0
}
#members table thead tr th, .member_list, .small {
    font-weight: 400
}
.options .poll-option {
    padding: 15px 18px;
    background-color: #fff;
    color: #555;
    cursor: pointer
}
.options .poll-option:hover, .wo_votes.active, .wo_votes.active .poll-option {
    background-color: #f6f7f9
}
.options .result-bar-parent {
    width: calc(100% - 80px);
    height: 5px;
    background-color: #dedede;
    margin: 11.4px 0 11.5px 15px
}
.options .result-bar-parent:empty {
    height: 0
}
.options .result-bar {
    width: 40%;
    height: 5px;
    transition: width .3s;
    background-color: #333
}
.options .result-bar:empty {
    height: 0
}
.options .total-votes {
    text-align: right;
    margin-top: 10px;
    color: #666
}
#toggle, .affiliates-link {
    text-align: center
}
.affiliates-link .affiliates-desc {
    margin-top: 10px
}
.affiliates-link .affiliates-desc a {
    color: green !important
}
.affiliates-link .affiliates-image img {
    width: 100px;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 100%
}
.adv-mbr-search, .f_category, .g_search, .member_list {
    width: 100%;
    border-radius: 1px;
    padding: 10px;
    overflow: hidden
}
.fff {
    color: #fff
}
.w-100 {
    width: 100%;
    overflow: hidden
}
.member_list a {
    color: #fff !important;
    text-decoration: none
}
.member_list a:hover {
    text-decoration: underline
}
.flink, .flink:hover, .small {
    text-decoration: none
}
.adv-mbr-search i {
    vertical-align: middle
}
#forum-search-btn {
    width: 10%
}
.blocksubhead-forum-header {
    color: #262626;
    font-size: 13px
}
.blocksubhead, .help {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 13px;
}
@media all and (min-width: 1024px) {
    .b-right>.poster-left-buttons {
        margin: 0 4.7px;
    }
    .b-right {
        padding: 0;
    }
    .publisher-box .publisher-box-footer .poster-left-buttons .btn {
        width: auto;
        height: auto;
    }
}
@media all and (max-width: 590px) {
    .b-right>.poster-left-buttons {
        margin: 0 1px !important;
    }
    .b-right {
        padding: 0;
    }
    .publisher-box .publisher-box-footer .poster-left-buttons .btn {
        width: auto;
        height: auto;
    }
}
@media all and (max-width: 724px) {
    .nav-tabs>li>a>span {
        display: none
    }
}
#mbr-ls-cont {
    background-color: #f6f7f9
}
.f_topics {
    font-size: 14px;
    color: #848484;
    background: #fff
}
.topic_icon {
    width: 3%;
    width: 5% !important
}
.topic_icon svg.feather {
    padding: 0;
    text-align: center;
    margin: 14px 4px 14px 10px;
    width: 25px;
    height: 25px
}
.topic_icon svg.feather.img-circle {
    padding: 6px;
    margin: 11px 0 12px 5px;
    width: 34px;
    height: 34px
}
#search-forums {
    background: #fff;
    border-radius: 15px;
    height: 30px;
    margin-top: 1px
}
#members * {
    overflow: hidden
}
#members table * {
    vertical-align: middle
}
.search-cont-inner {
    display: none
}
.forum-meta-d {
    width: 31%;
    padding: 15px 10px !important
}
.small {
    font-size: 13px;
    color: #615656;
    transition: all .3s ease
}
.flink {
    font-size: 16px
}
.flink:hover {
    color: #a84849
}
.thread-info {
    font-size: 12px
}
.threadcont-inner {
    width: 100%;
    overflow: hidden
}
.threadcont-inner div {
    overflow: hidden
}
.text-v-middle {
    vertical-align: middle;
    padding: 10px
}
.margin-b30 {
    margin-bottom: 30px
}
.thread-replies {
    width: 100%;
    padding: 5px 0;
    margin-bottom: 10px;
    border: 1px solid #fff;
    border-radius: 2px;
    background-color: #fff
}
.read-blog, .read-blog .blog-author-info {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    background: #fff
}
.thread-replies div img.avatar {
    margin: auto auto 20px;
    border-radius: 3px
}
.thraed-header-content, .user-title-thread {
    margin-bottom: 20px
}
.threadsubject {
    color: #3c3e67
}
.usr-offline {
    color: #a84849
}
.usr-online {
    color: green
}
.topicreview {
    width: 100%;
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll
}
.padd5x10 {
    padding: 5px 10px
}
.forum_title {
    font-family: Hind, sans-serif;
    font-size: 24px;
    font-weight: 400 !important;
    color: #262626;
    text-align: left
}
blockquote {
    font-style: italic;
    font-size: 13px;
    color: #262626;
    padding: 15px 10px;
    margin-bottom: 10px
}
.div-control {
    width: 100%;
    padding: 2px 12px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.usrthreads {
    width: 100%;
    padding: 0 10px
}
.usrthreads div {
    margin-bottom: 5px
}
.font20 {
    font-size: 20px
}
.mbr-list {
    margin: 10px 0
}
.referres {
    margin-top: 30px
}
.referres .ref {
    margin-bottom: 10px
}
.referres .ref-image {
    width: 60px;
    float: left;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-right: 10px
}
.referres .ref-image img {
    width: 100%;
    border-radius: 3px;
    padding: 2px
}
.referres .name {
    margin-top: 5px
}
.referres .name .joined {
    margin-top: 3px;
    color: #666;
    font-size: 11px
}
.referres .name .earned {
    margin-top: 3px;
    color: green;
    font-size: 12px
}
.payment-history h3 {
    padding: 5px;
    margin-top: 20px;
    font-size: 18px
}
.payment-history .label-status {
    font-size: 13px;
    font-weight: 100;
    padding: 2px 5px
}
.btn-nothing {
    border: 0;
    padding: 0;
    background: 0 0
}
.edit-box, .reply-box {
    max-height: 200px;
    margin-top: 10px;
    border-radius: 1px
}
.btn-nothing:hover {
    text-decoration: underline
}
.reply-box {
    padding-top: 5px
}
.blog-dd-menu {
    cursor: pointer
}
.latest-blogs {
    margin-bottom: 40px
}
.blog_publ {
    margin-left: 15px;
    margin-bottom: 5px
}
.blog-category {
    padding: 10px 0;
    overflow: hidden
}
.blog-list {
    width: 100%;
    overflow: hidden
}
.blog-style {
    width: 50%;
    overflow: hidden;
    float: left
}
.blog-style img {
    width: 100%;
    height: 70px
}
.blog-recom {
    width: 100%;
    overflow: hidden
}
.blog-recom img {
    width: 100%
}
.read-blog {
    border: 1px solid #eee
}
.read-blog .read-blog-info-user {
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6);
    margin-bottom: 20px
}
.read-blog .read-blog-info-user .middot {
    color: rgba(0, 0, 0, .59)
}
.read-blog .read-blog-info-user time {
    color: #999
}
.read-blog .read-blog-info-user .user-name {
    padding: 1px 0
}
.read-blog .read-blog-info-user .user-name .metaLink {
    color: #888;
    font-weight: 700;
    font-size: 16px
}
.read-blog .blog-share-buttons a {
    text-decoration: none
}
.read-blog .blog-share-buttons ul {
    margin: 0;
    text-align: center
}
.read-blog .btn-share {
    text-align: center;
    border-radius: 3px;
    padding: 7px 5px;
    cursor: pointer
}
.read-blog .btn-share svg.feather {
    width: 28px;
    height: 28px
}
.read-blog .read-blog-info p {
    color: #999;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px
}
.read-blog .blog-author-info {
    overflow: hidden;
    margin: 30px 20px;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 4px
}
.read-blog .blog-author-info .user-image img {
    max-width: inherit;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 10px
}
.read-blog .blog-author-info .media-body {
    vertical-align: middle;
    position: relative
}
.read-blog .blog-author-info .media-body h4 {
    padding-right: 80px
}
.read-blog .blog-author-info .media-body ul {
    padding: 0;
    margin: 0
}
.read-blog .blog-author-info .media-body li {
    color: #6f6f6f;
    padding: 1px 0;
    text-transform: lowercase
}
.read-blog .blog-author-info .media-body li svg.feather {
    margin: -2px 2px 0 0;
    width: 14px;
    height: 14px
}
.read-blog .blog-author-info .media-body .user-follow-button .btn {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2) !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 16px !important;
    font-size: 12px !important;
    text-decoration: none
}
.read-blog .blog-author-info .media-body .user-follow-button .btn svg.feather {
    margin: -3px 4px 0 -5px;
    width: 17px;
    height: 17px
}
.read-blog-container .read-blog .read-blog-head {
    background: #fff;
    padding: 15px 20px 20px
}
.read-blog-container .read-blog .read-blog-head .postCategory h5 {
    margin-bottom: 14px
}
.read-blog-container .read-blog h1 {
    color: rgba(0, 0, 0, .8);
    font-size: 34px;
    font-weight: 800;
    margin: 0 0 15px;
    line-height: 1.2
}
.read-blog-container .read-blog .read-blog-desc {
    letter-spacing: normal;
    word-wrap: break-word;
    color: #555;
    font-size: 17px;
    font-weight: 500;
    text-align: justify
}
.read-blog-container .read-blog .read-content {
    color: #333;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    padding: 0 30px
}
.read-blog-container .read-blog .read-content p img {
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    width: 100%;
    height: 100%
}
.read-blog-container .read-blog .blog-share-buttons ul li div {
    border-radius: 0
}
.read-blog-container .read-blog-thumbnail {
    width: 100%;
    overflow: hidden;
    max-height: 250px
}
.read-blog-container .read-blog-thumbnail img {
    width: 100%;
    min-height: 100%
}
.read-blog-container .read-blog-thumbnail:hover>img {
    opacity: .9
}
.read-blog-container .read-tags {
    width: 100%;
    overflow: hidden;
    padding: 15px 20px
}
.read-blog-container .read-tags .postTag {
    display: inline-block;
    padding: 6px 9px;
    margin: 0 5px 0 0;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #efefef;
    border-radius: 2px;
    background: #f5f5f5
}
.read-blog-container .read-tags .views {
    color: #999;
    font-size: 12px;
    margin: 6px 0
}
.read-blog-container .read-tags .views svg.feather {
    margin-top: -1px;
    width: 14px;
    height: 14px
}
.read-blog-container .related-post {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    border: 1px solid #eee;
    border-top: 0;
    background-color: #fff
}
.read-blog-container .related-post .blog-sidebar {
    margin: 0;
    padding: 0 15px
}
.read-blog-container .related-post .blog-sidebar h4.title {
    padding: 12px 20px;
    background-color: #f7f7f7;
    margin: 0 -15px 10px
}
.read-blog-container .related-post .recommended-articles {
    margin-bottom: 20px;
    padding: 0 9px;
    overflow: hidden
}
.read-blog-container .related-post .recommended-articles .article-thumbnail {
    width: 100%;
    overflow: hidden;
    max-height: 135px
}
.read-blog-container .related-post .recommended-articles .article-thumbnail img {
    width: 100%;
    min-width: 100%;
    border-radius: 0;
    margin-bottom: 15px
}
.read-blog-container .related-post .recommended-articles .article-title h4 {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis
}
.read-blog-container .related-post .recommended-articles .article-title h4:hover {
    color: #000
}
.read-blog-container .related-post .recommended-articles .article-title a {
    text-decoration: none
}
.read-blog-container .related-post .recommended-articles .article-info {
    width: 100%;
    font-size: 12px;
    color: #999
}
.setting-well-p {
    padding: 10px
}
.view-blog {
    color: #666;
    font-size: 14px;
    line-height: 17px
}
.rotate-90d {
    transform: rotate(-180deg)
}
.album-collapse {
    width: 33.33%;
    position: relative;
    background: no-repeat #f9f9f9;
    display: inline;
    float: right;
    background-size: cover
}
.album-collapse span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    height: 100%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 35% 0;
    font-size: 35px;
    font-weight: 400
}
#chat-box-stickers {
    height: 290px
}
#chat-box-stickers input {
    padding-left: 10px;
    border: none;
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa
}
#chat-box-stickers #chat-box-stickers-cont {
    max-height: 290px
}
#chat-box-stickers #chat-box-stickers-cont img, #chat-box-stickers #chat-box-stickers-cont video {
    height: 83px;
    max-height: 85px
}
#chat-box-stickers-cont {
    width: 100%;
    overflow: scroll;
    max-height: 200px
}
#chat-box-stickers-cont img, #chat-box-stickers-cont video {
    width: 50%;
    height: 80px;
    display: inline;
    cursor: pointer;
    float: left
}
.no_message {
    text-align: center;
    line-height: 220px;
    font-size: 13px
}
#add_to_family .family_mbr_avatar img {
    border-radius: 50%
}
#add_to_family .family_mbr_name {
    margin-bottom: 5px;
    color: #323232
}
#add_to_family .add_as_cont {
    margin-top: 4px
}
#add_to_family .add_as_cont .col-md-2 {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px
}
#add_to_family .add_as_cont .col-md-2 label {
    margin-bottom: 0;
    color: #666
}
#add_to_family .add_as_cont .col-md-10 {
    padding-left: 0
}
#add_to_family .add_to_family_alert div {
    border-radius: 0 !important;
    text-align: center
}
input.cusrange[type=range] {
    -webkit-appearance: none;
    width: calc(100% - 74px);
    border-radius: 8px;
    height: 7px;
    border: 1px solid #bdc3c7;
    background-color: #ccc;
    display: inline-block;
    outline: 0
}
input.cusrange[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    cursor: pointer
}
input.cusrange[type=range]::-moz-range-track {
    width: calc(100% - 74px);
    border-radius: 8px;
    height: 7px;
    background-color: #ccc;
    display: inline-block;
    outline: 0
}
input.cusrange[type=range]::-moz-range-thumb {
    background-color: #2196F3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    cursor: pointer
}
input.cusrange[type=range]::-ms-fill-lower, input.cusrange[type=range]::-ms-fill-upper {
    background: 0 0
}
input.cusrange[type=range]::-ms-track {
    border-radius: 8px;
    height: 7px;
    border: 1px solid #bdc3c7;
    background-color: #ccc
}
input.cusrange[type=range]::-ms-thumb {
    background-color: #2196F3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    cursor: pointer
}
#cusrange-reader {
    width: 45px;
    padding: 3px 0;
    margin: 0 4px;
    text-align: end;
    border: 0;
    border-radius: 3px;
    background-color: #e9e9e9 !important
}
.nearby_user_wrapper {
    padding: 10px;
    box-shadow: 0 0 0 1px #e7e7e7;
    background: #fff;
    position: relative;
    overflow: hidden;
    min-height: 230px;
}
#search-nearby-users, .colloape-panel-stg, .sidebar-ad-wrapper, .wo-content-shadow {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}
.nearby_user_wrapper .avatar img {
    width: 104px;
    height: 104px;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0 solid transparent;
    border-radius: 50%
}
.nearby_user_wrapper .user_wrapper_link {
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Lucida Grande, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Emoji, Segoe UI Symbol, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, '.SFNSDisplay-Regular', Heiti SC, Microsoft Yahei;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .9);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 4px
}
.nearby_user_wrapper .user-follow-button {
    padding: 10px 0 7px
}
.nearby_user_wrapper .user-map-button {
    height: 20px;
    padding: 2px 0;
    margin-top: 3px
}
.nearby_user_wrapper small {
    font-size: 11px;
    display: block;
    color: #666;
    font-family: OpenSansSemiBold, arial;
    cursor: pointer
}
.nearby_user_wrapper small:hover {
    color: #676
}
.nearby_user_wrapper small svg.feather {
    margin-top: -1px;
    width: 12px;
    height: 12px
}
.find_friends_nearby_head {
    padding: 10px 15px !important;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    background: #fff !important;
    font-weight: 700;
    border: 0 !important
}
.select-nearby-users-distance {
    padding: 5px 5px 10px
}
.search-nearby-users-form {
    padding: 15px;
    border: none
}
#search-nearby-users {
    background: #fff;
    padding-bottom: 1px
}
#search-nearby-users .nearby-users-gender {
    background: #fff;
    padding: 10px 15px;
    font-family: OpenSansBold, arial;
    color: #333;
    border-bottom: 1px solid #f1f1f1
}
#search-nearby-users .nearby-users-gender svg.feather {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin: -3px 10px 0 0
}
#search-nearby-users .nearby-users-distance {
    border-top: 1px solid #ddd !important
}
#search-nearby-users .search-nearby-users-btn {
    padding: 10px 20px
}
#search-nearby-users .nearby-users-gender-collapse {
    background: #fff;
    cursor: pointer;
    font-family: OpenSansRegular, arial;
    color: #333
}
#search-nearby-users .nearby-users-gender-collapse ul {
    padding: 0;
    margin: 5px 0
}
#search-nearby-users .nearby-users-gender-collapse ul li {
    padding: 5px 15px;
    font-family: arial;
    color: #333;
    font-size: 14px
}
#search-nearby-users .nearby-users-gender-collapse ul li.active {
    font-weight: 700
}
#search-nearby-users .select-nearby-users-distance input {
    border: none !important;
    border-radius: 0;
    padding-left: 15px
}
#search-nearby-users .nearby-users-relationship-collapse .friends_toggle {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin: -1px 5px 0 0;
    border: 2px solid #7A7A7A;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: .2s;
    vertical-align: middle
}
#search-nearby-users .nearby-users-relationship-collapse .friends_toggle:after {
    content: '';
    display: block;
    height: 9px;
    width: 9px;
    background: #009688;
    border-radius: 50%;
    background-size: contain;
    opacity: 0;
    transition: .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after {
    opacity: 1
}
.nearby-users-distance {
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-family: OpenSansBold, arial;
    color: #333
}
.sidebar-ad-wrapper {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fff;
    color: #444;
    font-size: 14px;
    margin-bottom: 20px
}
.sidebar-ad-wrapper hr {
    padding: 0;
    margin: 0
}
div.mce-fullscreen {
    z-index: 9999 !important;
}
.mce-menu {
    z-index: 99999 !important;
}
.sidebar-ad-wrapper .sidebar-ad-header {
    width: 100%;
    height: 30px;
    overflow: hidden
}
.sidebar-ad-wrapper .sidebar-ad-header h4 {
    width: 100%;
    margin: 0;
    display: inline;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    height: 30px
}
.sidebar-ad-wrapper .sidebar-ad-header h4 i {
    color: #ebba16
}
.sidebar-ad-wrapper .sidebar-ad-body {
    margin-top: 10px;
    width: 100%;
    overflow: hidden
}
.colloape-panel-stg, .sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition {
    margin: 0;
    color: #666
}
.sidebar-ad-wrapper .sidebar-ad-body img {
    width: 100%
}
.sidebar-ad-wrapper .sidebar-ad-footer {
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    padding: 6px
}
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-title {
    width: 100%;
    font-size: 14px;
    padding: 5px 0;
    margin: 0;
    color: #333;
    font-family: OpenSansSemiBold, sans-serif
}
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition, .sidebar-ad-wrapper .sidebar-ad-footer time {
    font-size: 12px;
    line-height: 17px;
    display: inline-block;
    font-family: OpenSansregular, sans-serif;
    width: 100%
}
.colloape-panel-stg {
    padding: 15px 10px;
    background: #fff;
    overflow: hidden
}
.colloape-panel-stg i {
    color: #666
}
.page-rating>fieldset:not(:checked)>label:hover, .page-rating>fieldset:not(:checked)>label:hover~label, .rated-star {
    color: #FF9800
}
.nodisplay {
    display: none
}
.group_chat_mbr_list {
    width: 100%;
    max-height: 200px;
    overflow-x: auto
}
.group_chat_mbr_list p.no_participant {
    width: 100%;
    line-height: 90px;
    text-align: center;
    font-size: 15px;
    font-family: Hind, arial
}
.group_chat_avatar {
    width: 100%;
    max-height: 137px;
    overflow: hidden;
    margin: 0 0 20px
}
.group_chat_avatar img {
    max-width: 100%;
    max-height: 100%
}
.group_chat_mbr_part {
    border-bottom: 1px solid #eaeaea;
    width: 98%;
    margin-bottom: 2px !important;
    margin-right: 0 !important;
    margin-left: 0 !important
}
.group_chat_mbr_part:last-child {
    border-bottom: none
}
.disabled {
    cursor: not-allowed;
    opacity: .7
}
.page-rating {
    position: relative;
    background: 0 0
}
.page-rating>fieldset {
    border: none;
    display: inline-block;
    height: 16px
}
.page-rating>fieldset label {
    margin-top: 1px !important;
    margin-left: 5px
}
.page-rating>fieldset:not(:checked)>input {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}
.page-rating>fieldset:not(:checked)>label {
    float: right;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    color: #FF9800
}
.page-rating>fieldset:not(:checked)>label svg.feather {
    margin-top: -3px;
    width: 18px;
    height: 18px
}
.page-rating>fieldset:not(:checked)>label:hover svg.feather {
    fill: #FF9800
}
.page-rating>fieldset:not(:checked)>label svg.feather.active {
    fill: #FF9800
}
.page-rating>fieldset:not(:checked)>label:hover~label svg.feather {
    fill: #FF9800
}
.page-rating>fieldset>label:active {
    position: relative;
    top: 2px
}
@media screen and (max-width: 990px) {
    .search-nearby-cont {
        padding-left: 15px;
        border-left: none
    }
}
.group_tab_dropdown {
    color: #666
}
.group_tab_dropdown span {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    color: #555;
    text-shadow: none
}
.group_tab_dropdown span:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f9f9f9
}
article, div, h1, h2, h3, h4, h5, p, span {
    word-wrap: break-word
}
#publisher-box-stickers-cont {
    width: 100%;
    overflow: auto;
    max-height: 300px
}
#publisher-box-stickers-cont img, #publisher-box-stickers-cont video {
    width: 50%;
    height: 150px;
    display: inline;
    cursor: pointer
}
@media (max-width: 900px) {
    .post-youtube iframe {
        height: 300px
    }
}
@media (max-width: 400px) {
    .post-youtube iframe {
        height: 180px
    }
}
.navbar-movies-mobile-header {
    width: 100%
}
.navbar-movies-mobile-header li {
    cursor: pointer;
    float: left
}
.navbar-movies-mobile-header li a {
    color: #fff !important
}
.navbar-movies-mobile-header li.active a {
    background-color: #c45a5b !important
}
#movies-genre-mobile-dropdown {
    max-height: 200px;
    overflow-y: scroll
}
.border-top {
    border-top: 1px solid #ddd
}
.border-bottom {
    border-bottom: 1px solid #ddd
}
.navbar-movies-mobile-dropdown {
    width: 100%
}
.navbar-movies-mobile-dropdown ul {
    width: 100%;
    color: #fff;
    border-radius: 0 !important;
    padding: 0
}
.navbar-movies-mobile-dropdown ul a {
    color: #333
}
.navbar-movies-mobile-dropdown-cont {
    width: 100%
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse {
    width: 100%;
    overflow: hidden
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 {
    width: 100%;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    margin: 0;
    color: #666;
    font-size: 13px;
    font-family: sans-serif
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 a {
    color: #666
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: none
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p {
    width: 100%;
    padding: 8px 10px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #f9f9f9
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p:hover {
    background-color: #f6f7f9
}
.no_gifs_found {
    height: 50px;
    color: #666;
    text-align: center;
    line-height: 50px
}
.no_chat_gifs_found {
    color: #666;
    text-align: center;
    height: 200px;
    line-height: 200px
}
.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}
.sk-circle .sk-circle2 {
    transform: rotate(30deg)
}
.sk-circle .sk-circle2:before {
    animation-delay: -1.1s
}
.sk-circle .sk-circle3 {
    transform: rotate(60deg)
}
.sk-circle .sk-circle3:before {
    animation-delay: -1s
}
.sk-circle .sk-circle4 {
    transform: rotate(90deg)
}
.sk-circle .sk-circle4:before {
    animation-delay: -.9s
}
.sk-circle .sk-circle5 {
    transform: rotate(120deg)
}
.sk-circle .sk-circle5:before {
    animation-delay: -.8s
}
.sk-circle .sk-circle6 {
    transform: rotate(150deg)
}
.sk-circle .sk-circle6:before {
    animation-delay: -.7s
}
.sk-circle .sk-circle7 {
    transform: rotate(180deg)
}
.sk-circle .sk-circle7:before {
    animation-delay: -.6s
}
.sk-circle .sk-circle8 {
    transform: rotate(210deg)
}
.sk-circle .sk-circle8:before {
    animation-delay: -.5s
}
.sk-circle .sk-circle9 {
    transform: rotate(240deg)
}
.sk-circle .sk-circle9:before {
    animation-delay: -.4s
}
.sk-circle .sk-circle10 {
    transform: rotate(270deg)
}
.sk-circle .sk-circle10:before {
    animation-delay: -.3s
}
.sk-circle .sk-circle11 {
    transform: rotate(300deg)
}
.sk-circle .sk-circle11:before {
    animation-delay: -.2s
}
.sk-circle .sk-circle12 {
    transform: rotate(330deg)
}
.sk-circle .sk-circle12:before {
    animation-delay: -.1s
}
@-webkit-keyframes sk-circleBounceDelay {
    0%, 100%, 80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}
@keyframes sk-circleBounceDelay {
    0%, 100%, 80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}
.dropped-down {
    background-color: #e3e4e8 !important
}
.ads-navbar-mobile-wrapper {
    width: 100%;
    overflow: hidden
}
.ads-navbar-mobile-wrapper ul {
    width: 100%;
    overflow: hidden;
    margin: 0
}
.bs-padding-left {
    padding-left: 15px !important
}
.bs-padding-right {
    padding-right: 15px !important
}
.bs-padding-right-x {
    padding-right: 0 !important
}
.bs-padding-left-x {
    padding-left: 0 !important
}
.padding-15 {
    padding: 5px 15px !important;
    font-size: 13px !important;
    background-color: #fff !important
}
hr {
    margin: 5px 0 !important;
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(101, 101, 101, 0), rgba(101, 101, 101, .2), rgba(101, 101, 101, 0))
}
.view-more-stories {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #19c67b
}
.view-more-stories a {
    color: #19c67b
}
.user-status-home {
    position: relative;
    margin-bottom: 15px
}
.user-status-home ul.status-list {
    padding-left: 0;
    margin: 10px 10px 0 10px;
   
}
.user-status-home ul.status-list li {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    position: relative
}
.ui-timepicker-div .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt {
    display: none
}
.user-status-home ul.status-list li .plus {
    font-size: 18px;
    position: absolute;
    background-color: #fff;
    line-height: 1;
    right: 0;
    height: 18px;
    border-radius: 50%;
    top: 30px
}
.user-status-home ul.status-list li .user-avatar {
    width: 51px;
    height: 51px;
    overflow: hidden;
    border-radius: 50%
}
.user-status-home ul.status-list li .user-avatar img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    -o-object-fit: cover;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}
.ui-timepicker-div dl {
    text-align: left
}
.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%
}
.ui-timepicker-div td {
    font-size: 90%
}
.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
    display: inline-block;
    margin: 0
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content: ':';
    display: inline-block
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before {
    content: '.';
    display: inline-block
}
.modal.fade:before, .slick-track:after, .slick-track:before, .wo-create-forms .wo_create_form_cover:before, .wo_find_friends .find_friends_header:before, .wo_market .market_header:before, [tooltip]::before {
    content: ''
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
    display: none
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: 0 0;
    color: inherit;
    border: none;
    outline: 0;
    border-bottom: solid 1px #555;
    width: 95%
}
.create-article-form .prv-img, .fluid, .search-artiles-form, .search-artiles-form input {
    width: 100%;
    overflow: hidden
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color: #aaa
}
.ui-tpicker-grid-label {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0
}
.ui-timepicker-rtl {
    direction: rtl
}
.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0
}
.ui-timepicker-rtl dl dt {
    float: right;
    clear: right
}
.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px
}
.create-article-form input, .create-article-form select, .create-article-form textarea {
    border-radius: 0;
    border-color: #ddd
}
.create-article-form button {
    border-radius: 0
}
.create-article-form .bootstrap-tagsinput {
    border-radius: 0;
    border-color: #ddd;
    padding: 0
}
.create-article-form .bootstrap-tagsinput input {
    border: 0 !important
}
.create-article-form .prv-img {
    border-radius: 0;
    border: 2px dashed #ddd;
    min-height: 180px;
    background: #fff;
    display: table;
    text-align: center;
    padding: 3px
}
.create-article-form .prv-img.hover, .create-article-form .prv-img:hover {
    border-color: #a84849
}
.create-article-form .prv-img img {
    min-width: 100%;
    min-height: 100%
}
.create-article-form .prv-img div.thumbnail-rendderer {
    display: table-cell;
    vertical-align: middle;
    color: #999
}
.create-article-form .prv-img div.thumbnail-rendderer div p, .create-article-form .prv-img div.thumbnail-rendderer h3 {
    margin: 0;
    padding: 7px;
    font-weight: 600
}
.recent-articles {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    margin-top: 0
}
.no-padding-left {
    padding-left: 0 !important
}
.no-padding-both {
    padding: 0 !important
}
.search-artiles-form {
    padding: 0 10px;
    margin-bottom: 30px
}
.search-artiles-form .inner-addon .glyphicon {
    padding: 0;
    margin: 7px;
    color: #888
}
.search-artiles-form input {
    border-radius: 0 !important;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #c6c6c6
}
.blog-categories, .blog-categories ul {
    width: 100%;
    overflow: hidden;
    background: #fff
}
.blog-categories ul li {
    width: 90%;
    margin: auto;
    display: block;
    background: #fff;
    font-family: OpenSansBold;
    padding: 8px 18px !important
}
.blog-categories ul li.active {
    background: #f5f5f4
}
.blog-categories ul li.active h5 {
    width: 100%;
    display: block;
    background: #fff !important;
    font-family: OpenSansBold;
    text-transform: uppercase
}
.blog-categories ul li.active a {
    font-family: OpenSansBold;
    font-weight: 700;
    color: #333 !important
}
.no-box-shadow {
    box-shadow: none !important
}
.blog-ls-box {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}
.blog-ls-box .view-blog {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12)
}
.blog-ls-box .article-image {
    width: 100%;
    overflow: hidden;
    max-height: 200px
}
.blog-ls-box .article-image img {
    width: 100%
}
.blog-ls-box .art-text {
    width: 100%;
    padding: 7px 10px
}
.blog-ls-box .art-text a {
    text-decoration: none
}
.blog-ls-box .art-text h4 {
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    word-break: break-all;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}
.blog-ls-box .art-text h4:hover {
    color: #444
}
.blog-ls-box .art-text p.art-description {
    width: 100%;
    color: #555;
    font-family: Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    max-height: 3.5em;
    overflow: hidden;
    line-height: 20px
}
.blog-ls-box .art-text ul.dropdown-menu {
    min-width: 140px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .175)
}
.blog-ls-box .art-text ul.dropdown-menu li svg.feather {
    margin: -2px 7px 0 3px;
    width: 17px;
    height: 17px
}
.blog-ls-box .blog-meta-desc span small svg.feather, .blog-ls-box .blog-meta-desc time svg.feather {
    margin: -3px 2px 0 0;
    width: 15px;
    height: 15px
}
.art-title {
    font-size: 18px
}
.blog-desc {
    font-size: 15px;
    color: #666
}
.blog-meta-desc {
    font-size: 12px;
    text-transform: capitalize
}
.blog-meta-desc span small, .blog-meta-desc time {
    color: #a5a5a5;
    font-size: 13px
}
.read-tags {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ededed
}
.blog-ls-img {
    padding: 0
}
.blog-ls-img img {
    width: 100%;
    border-radius: 3px
}
#recent-blogs {
    margin-bottom: 40px
}
.featureblog {
    position: relative;
    padding-top: 20px
}
.featureblog:first-child {
    padding-top: 0
}
.blog-h-list {
    position: relative;
    padding: 24px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    display: block;
    overflow: hidden
}
.blog-h-list a {
    text-decoration: none
}
.blog-h-list .avatar {
    position: relative;
    display: inline-block;
    margin: 0 20px 20px 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
}
.blog-h-list .avatar a {
    display: block
}
.blog-h-list .avatar img:hover {
    opacity: .9
}
.blog-h-list h3 {
    color: #000;
    font-size: 23px;
    margin-top: 13px;
    margin-bottom: 13px;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 1.3
}
.blog-h-list h3:hover {
    color: #444
}
.postCategory h5 {
    margin: 0;
    text-transform: uppercase;
    color: #a84849;
    display: inline-block;
    font-size: 10px;
    padding: 0 10px;
    border-radius: 999em;
    height: 22px;
    line-height: 22px
}
.blog-h-list .middot {
    color: rgba(0, 0, 0, .8)
}
.blog-h-desc {
    overflow: hidden
}
.blog-h-desc p.desc {
    color: #777;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 14px
}
.blog-h-desc div.blog-meta-desc {
    margin-bottom: 14px;
    width: auto;
    overflow: hidden;
    color: rgba(0, 0, 0, .4)
}
.blog-h-desc div.blog-meta-desc span a {
    text-transform: capitalize;
    font-family: OpenSansRegular, sans-serif;
    color: #555
}
.postMeta--author-avatar {
    vertical-align: middle;
    padding-right: 10px;
    display: table-cell
}
.postMeta--author-avatar img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}
.postMeta--author-text {
    vertical-align: middle;
    display: table-cell;
    overflow: hidden
}
.postFooter {
    clear: both;
    padding-top: 10px;
    border-top: 1px solid #f5f5f5;
    margin: 0
}
.postFooter .u-floatLeft svg.feather {
    margin: -1px 0 0 -4px;
    width: 17px;
    height: 17px
}
.postFooter .u-floatRight a {
    color: rgba(0, 0, 0, .4)
}
.postFooter .u-floatRight svg.feather {
    margin-top: -3px;
    width: 17px;
    height: 17px
}
.main-blog-sidebar {
    padding: 0 10px
}
.main-blog-sidebar .widget {
    margin-top: 40px;
    overflow: hidden
}
.main-blog-sidebar .widget:first-child {
    margin-top: 0
}
.main-blog-sidebar .widget ul {
    padding: 0;
    list-style: none
}
.main-blog-sidebar .popular-articles li {
    margin-top: 30px;
    overflow: hidden
}
.main-blog-sidebar .popular-articles li:first-child {
    margin-top: 0
}
.main-blog-sidebar .popular-articles li .article-thumbnail {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 100%;
    background: #aaa
}
.main-blog-sidebar .popular-articles li .article-thumbnail img {
    width: 80px;
    height: 80px;
    position: relative;
    margin-right: 15px;
    border-radius: 100%;
    object-fit: cover
}
.main-blog-sidebar .popular-articles li .article-title {
    margin-left: 95px;
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none
}
.main-blog-sidebar .popular-articles li .article-info {
    margin-left: 95px;
    display: block;
    margin-top: 4px;
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
    font-weight: 400
}
#repeat_search, .gray-list.active {
    font-weight: 700
}
.main-blog-sidebar .popular-categories li {
    background-color: #03A9F4;
    margin: 0 6px 11px 0;
    display: inline-block;
    border-radius: 25px
}
.main-blog-sidebar .popular-categories li a {
    color: #fff;
    display: block;
    padding: 5px 15px
}
#category-page .popular-categories li {
    background-color: #d2d2d2
}
#category-page .popular-categories li a {
    color: #000
}
.choose_rel_ship_meta h4, .choose_rel_ship_meta p {
    color: #666;
    padding-bottom: 3px !important
}
.choose_rel_ship_meta h4 {
    margin-bottom: 0 !important
}
.choose_rel_ship_avatar {
    height: 120px
}
.choose_rel_ship_avatar div {
    width: 100%;
    height: 100%;
    border: 1px dashed #9197a3;
    background: #f9f9f9;
    padding: 1px;
    text-align: center;
    font-size: 25px;
    line-height: 120px
}
#send-money-form .alert, #send-money-form input {
    border-radius: 0
}
.choose_rel_ship_avatar img {
    width: 100%;
    height: 120px
}
#send-money-form .dropdown {
    width: 100%
}
#send-money-form .dropdown ul.dropdown-menu {
    width: 100%;
    border-radius: 0;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important
}
#send-money-form .dropdown ul.dropdown-menu li {
    width: 100%;
    padding: 5px 10px
}
#send-money-form .dropdown ul.dropdown-menu li:hover {
    background: 0 0
}
#send-money-form .alert h4 {
    margin: 0;
    padding: 0
}
#send-money-form h5 b {
    color: green
}
.post-privacy-menu li a:hover, .post-privacy-menu li div:hover {
    background-color: #f9f9f9;
    color: #262626
}
#replenish-user-account small {
    margin-bottom: 5px;
    display: inline-block
}
.search-advanced-container a {
    font-size: 14px;
    padding: 5px 15px 5px 10px;
    display: table;
    width: 100%;
    margin-bottom: -5px;
    margin-top: 10px;
    color: #666;
    transition: all .1s ease-in-out
}
.search-advanced-container a .feather-svg-parent {
    display: table-cell;
    border-radius: 50%;
    font-size: 18px;
    margin: 5px 13px 0 0;
    padding: 7.5px 11px;
    width: 40px;
    height: 40px;
    vertical-align: middle
}
.search-advanced-container a:hover {
    text-decoration: none;
    color: #000;
    background-color: rgba(0, 0, 0, .02)
}
.search-advanced-container a svg.feather {
    margin: -3px 0 0 !important;
    color: #535353 !important
}
.home.profile-style.main {
    width: auto !important;
    margin-right: 0 !important
}
.form-control.url-input {
    width: 100% !important;
    border: 1px solid #f3f3f3
}
.card.hovercard .cardheader img {
    width: 100%
}
.image-modal .modal-dialog {
    margin: 50px auto
}
.image-modal .modal-dialog .modal-body {
    padding: 5px
}
.modal-body {
    padding: 15px;
}
.setting-themes-container .theme {
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 3px
}
.setting-themes-container .theme img {
    border-radius: 3px;
    margin-right: 10px;
    float: left;
    width: 65px
}
.setting-themes-container .theme .themeAuthor, .setting-themes-container .theme .themeVirsion {
    font-size: 11px;
    color: #555
}
.setting-themes-container .theme .active {
    color: green;
    font-size: 12px
}
.setting-themes-container .theme #active {
    color: #666;
    font-size: 12px
}
.footer-powered p {
    color: #888
}
.ads-activation .active {
    color: #46af00
}
.danger-tab a, .warning-tab a {
    background-color: #d9534f;
    color: #fff
}
.theme.active {
    background-color: #f5f5f4
}
footer .footer-wrapper {
    display: none
}
#local-media video {
    width: 250px;
    height: 150px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #000;
    border-radius: 3px;
    text-align: center;
    border: 2px solid #fff
}
input.search-for-posts {
    margin: 0 !important;
    border: 0 !important
}
#sidebar-latest-products .cool-style {
    width: 32.4%
}
.settings-by a {
    display: block
}
.settings-by a:focus, .settings-by a:hover {
    text-decoration: none
}
.home-sidebar.profile-style {
    width: 100%;
    padding: 5px;
    margin-bottom: -3px
}
.home-sidebar.profile-style:last-child {
    margin-bottom: 5px
}
.home-sidebar.profile-style img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    -o-object-fit: cover;
}
.home-sidebar.profile-style .user-name {
    font-size: 13px
}
.home-sidebar.profile-style .user-follow-btn {
    position: relative;
    margin-top: -20px
}
.home-sidebar.profile-style .user-follow-btn.group {
    position: relative;
    margin-top: -35px
}
.gray-list.active a {
    color: #111
}
.admin-social-login-setting h4 {
    font-size: 16px
}
.loading-icon.lightbox-content {
    font-size: 70px;
    color: #fff;
    margin-top: 20%;
    text-align: center
}
.btn-main.MS-File {
    padding: 14px;
    margin-right: -1px;
    border-radius: 0 !important
}
.profile-lists .setting-well {
    padding-top: 0
}
.sidebar>.list-group a {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}
.sidebar .sidebar-title-back {
    display: block;
    overflow: hidden;
    padding: 0 15px;
    line-height: 39px;
    font-size: 13px;
    color: #444;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;
}
.sidebar .sidebar-title-back svg {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    /*margin: -3px 10px 0 0*/
    color: #fff;
}
.manage-users .admin-static:nth-child(1) {
    border-top-left-radius: 3px
}
.manage-users .admin-static:nth-child(4) {
    border-top-right-radius: 3px
}
#event-side-block div.btn-group {
    width: 100%;
    margin-bottom: 20px
}
.event-options-list li strong {
    width: 10%;
    text-align: center;
    display: inline-block
}
.title a:focus, .title a:hover {
    text-decoration: none !important
}
.btn-cart:disabled {
    color: #fff
}
.answers input {
    border-top: 1px solid #f4f4f4 !important;
    box-shadow: none
}
.nav-tabs>li {
    width: 25%;
    text-align: center
}
.nav-tabs>li>a {
    height: 30px;
    border-radius: 0
}
#forum-cont :not(.fa) {
    font-family: Hind, sans-serif
}
#forum-search div.inner-addon {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px
}
.bg-main tr th {
    color: #fff !important
}
.table>thead>tr>th {
    border-bottom: 0 !important
}
.threads-table tr td {
    padding: 10px !important;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}
#newtopic div, #newtopicreply div {
    overflow: hidden !important
}
#mbrs div {
    overflow: hidden
}
#mbrs div img {
    width: 100%
}
.forum-search-container div {
    overflow: hidden;
    padding-bottom: 5px
}
.blog-dd-ul li a, .blog-dd-ul li span {
    padding: 5px 15px;
    display: block
}
.hover-pointer:hover {
    text-decoration: underline
}
.load-produts .load-more button {
    height: 45px;
    padding: 3px 10px;
    border: 0;
    border-radius: 3px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    color: #fff;
}
.load-produts .load-more{
    display: flex;
    justify-content: center;
}
.blog-dd-ul li span:hover {
    cursor: pointer
}
.blog-dd-ul li a:hover {
    cursor: pointer
}
.blog-cat-img img {
    width: 100%;
    height: 120px
}
.prv-img img {
    width: 40%
}
#insert-caht-alert div.alert {
    border-radius: 0 !important;
    text-align: center
}
#chat-gifs ul {
    width: 240px;
    height: 290px;
    left: -105px
}
#chat-gifs ul li {
    height: 100%
}
.pac-item>span:last-child {
    display: none
}
.post-youtube iframe {
    height: 300px
}
.navbar-movies-mobile ul {
    width: 100%
}
.navbar-movies-mobile-search-dropdown ul {
    padding: 10px 5px;
    color: #333;
    border-radius: 0 !important
}
#replenish-user-account-alert .alert, .choose_rel_ship_alert div {
    border-radius: 0 !important
}
ul.profile-completion-bar {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 10px 0 0;
}
ul.profile-completion-bar li.completion-step {
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    color: #555;
    font-size: 13px;
    cursor: pointer;
    margin: 0;
    border-bottom: 1px solid #d6d7db;
    padding: 9px 10px;
}
ul.profile-completion-bar li.completion-step svg.feather {
    stroke-width: 2;
    margin-top: -2px;
    width: 17px;
    /* border: 1px solid #c1c1c1; */
    margin-right: 5px;
    height: 17px;
    border-radius: 50%;
}
ul.profile-completion-bar li.completion-step svg.feather.feather-check {
    color: green
}
ul.profile-completion-bar li.completion-bar {
    width: 100%;
    overflow: hidden;
    padding: 5px 10px
}
ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper {
    overflow: hidden;
    background: #fff;
    height: auto;
    border: 1px solid #eaeaea;
    margin-top: -1px;
    margin-left: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .18)
}
.lb-preloader svg, .pace-activity-parent {
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .17)
}
ul.profile-completion-bar li.completion-bar div.completion-bar-status {
    overflow: hidden;
    background: #a84849;
    height: 10px;
    min-width: 2px !important;
    transition: width 1s
}
#sidebar-latest-products .product-navigate, .dropdown-menu>li>a {
    transition: all .2s ease
}
ul.profile-completion-bar li.percentage-bar h4 {
    width: 100%;
    overflow: hidden;
    font-weight: 600;
    color: #666;
    font-size: 15px;
    margin: 0;
    padding: 10px;
    background: #fff
}
ul.profile-completion-bar li.percentage-bar h4 b {
    margin: 0;
    padding: 0
}
svg.feather {
    vertical-align: middle;
    margin-top: -4px;
    width: 19px;
    height: 19px;
}
.dropdown-menu>li>a {
    padding: 7px 10px
}
.list-group {
    border-radius: 2px
}
.btn-default {
    background: #fff;
    border: 0
}
.btn-default svg.feather {
    margin-top: -3px;
    width: 16px;
    height: 16px
}
.btn-whatsapp {
    color: #fff;
    background-color: #04aa24;
    border-color: rgba(0, 0, 0, .2)
}
.btn-whatsapp:hover {
    background-color: #03941f
}
.pace-activity-parent {
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 20px;
    border-radius: 5px;
    margin-top: -15px
}
.pace-activity {
    display: block !important;
    width: 40px;
    height: 40px;
    border: 4px solid transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 30px;
    overflow: visible !important;
    -webkit-animation: pace-spinner .7s linear infinite;
    -moz-animation: pace-spinner .7s linear infinite;
    -ms-animation: pace-spinner .7s linear infinite;
    -o-animation: pace-spinner .7s linear infinite;
    animation: pace-spinner .7s linear infinite
}
@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes pace-spinner {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.lb-preloader {
    background: rgba(0, 0, 0, .23);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    display: none
}
.lb-preloader svg {
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 15px;
    border-radius: 4px;
    width: 65px;
    height: 65px
}
#GGsidebar_users {
    margin: 0;
    width: 100%;
    outline: #efefef solid 1px;
    padding: 15px 5px;
    display: flex;
    text-align: center;
    justify-content: flex-start;
}
#GGsidebar_users .user-popover{
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

#GGsidebar_users .avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    object-fit: cover;
    -o-object-fit: cover;
}
#GGsidebar_users .gguser_link_name {
    display: block;
    margin-bottom: 4px
}
#GGsidebar_users .gguser_link_name .user-name {
    font-size: 12px
}
#GGsidebar_users .user_username_cont {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    margin: -3px 0 10px
}
#GGsidebar_users .btn-default, .sidebar .gg_sidebar_pages .user-follow-button button, .sidebar .wo_sidebar_groups .user-follow-button button {
    line-height: 22px;
    border-radius: 2px !important;
    font-size: 12px !important;
    padding: 1px 8px !important;
    letter-spacing: 0.3px;
}
#GGsidebar_users .btn-default svg, .sidebar .gg_sidebar_pages .user-follow-button button svg, .sidebar .wo_sidebar_groups .user-follow-button button svg {
    display: none;
}
/****   Slick Slider ****/

.investor-pojects{
    background-color: #fff;
    margin-bottom: 15px;
}
.investor-pojects h4{
    padding: 15px;
    margin: 0;
    background-color: #F8F8F8;
}
.project-slider.slick-slider .slick-list{
    width: 89%;
    margin: 0 auto;
}

.project-slider.slick-slider .slick-next, .project-slider.slick-slider .slick-prev{
    /*background: transparent;*/
    box-shadow: none;
    top: 40%;
    width: 25px;
    height: 25px;
}
.project-slider.slick-slider .slick-next{
    right: 6px;
}
.project-slider.slick-slider .slick-prev{
    left: 6px;
}
.project-slider.slick-slider .slick-next svg.feather, .project-slider.slick-slider .slick-prev svg.feather{
    width: 24px;
    height: 24px;
}
#GGsidebar_users .gguser_link_name .user-name, .pro-slider-item.slick-slide .gguser_link_name .user-name{
    font-size: 12px;

    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
#navbar{
    margin-bottom: 0 !important;
}
.project-slider .pro-slider-item.slick-slide, .project-slider .pro-slider-item#GGsidebar_users.slick-slide{
    display: block;
    margin: 0;
    width: 100%;
    outline: none;
    padding: 15px 5px 8px 5px;
}
.pro-slider-item.slick-slide .gguser_link_name{
    margin-bottom: 8px !important;
    display: block;
    line-height: 1;
}
.quick-links .project-slider .pro-slider-item#GGsidebar_users.slick-slide img, .quick-links .project-slider .pro-slider-item.slick-slide img{
    border-radius: 10px;
}
.investor-pojects .project-slider .pro-slider-item#GGsidebar_users.slick-slide img, .investor-pojects .project-slider .pro-slider-item.slick-slide img{
    width: 70px;
    height: 70px;
}
.quick-links .project-slider .pro-slider-item#GGsidebar_users.slick-slide img, .quick-links .project-slider .pro-slider-item.slick-slide img{
    width: 50px;
    height: 50px;
}
.project-slider .pro-slider-item#GGsidebar_users.slick-slide img, .project-slider .pro-slider-item.slick-slide img{
    border-radius: 50%;
    object-fit: contain;
    -o-object-fit: contain;
    margin: 0 auto 2px auto;
    border: 1px solid #efefef;
    display: block;
    background: #efefef;
}
.pro-slider-item.slick-slide .user-popover{
    margin-left: 0 !important;
    text-align: center;
    display: block !important;
}


.gg_sidebar_pages {
    border-bottom: 1px solid #e7e7e7;
    padding: 0 !important
}
.gg_sidebar_pages .card {
    box-shadow: none !important
}
.gg_sidebar_pages:last-child {
    border-bottom: 0
}
.gg_sidebar_pages .page_middle {
    padding: 10px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    min-height: 68px
}
.container .sidebar .gg_sidebar_pages .page_middle .avatar {
    top: 0;
    margin-bottom: 0;
    margin-right: 10px
}
.container .sidebar .gg_sidebar_pages .page_middle .avatar img {
    border: 1px solid #ededed
}
.gg_sidebar_pages .page_middle .title {
    top: 0 !important;
    position: relative !important;
    left: 0 !important;
    font-size: 16px !important;
    line-height: 21px !important
}
.gg_sidebar_pages .page_middle .title a {
    color: #3e3e3e !important
}
.sidebar .gg_sidebar_pages .user-follow-button .page_catg {
    line-height: 45px;
    margin: 0 7px;
    color: #747474;
    font-size: 12px
}
.sidebar .gg_sidebar_pages .user-follow-button button {
    margin: 10px 7px;
    float: right
}
.wo_sidebar_groups {
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 15px !important
}
.wo_sidebar_groups:last-child {
    border-bottom: 0
}
.product-navigate {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translate(0, -50%)
}
.product-navigate.scrollRight {
    left: -45px
}
.product-navigate.scrollLeft {
    right: -45px
}
.product-navigate a {
    position: relative;
    padding: 13px 10px;
    font-size: 25px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    background-color: rgba(255, 255, 255, .98);
    cursor: pointer
}
.product-navigate a:hover {
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3)
}
.product-navigate.scrollLeft a {
    right: -1px;
    border-radius: 4px 0 0 4px
}
.product-navigate a svg {
    width: 19px;
    height: 19px;
    margin-top: -2px
}
#sidebar-latest-products:hover .product-navigate.scrollRight {
    left: 0
}
#sidebar-latest-products:hover .product-navigate.scrollLeft {
    right: 0
}
.sidebar-product-slider {
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
    padding-left: 15px
}
.gg_sidebar_products {
    width: 170px !important;
    margin: 6px 6px 10px;
    display: inline-block;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12)
}
.wo_my_products a:hover, .gg_sidebar_products a:hover {
    text-decoration: none
}
.wo_game_style .avatar img, .wo_my_products .avatar img, .gg_sidebar_products .avatar img {
    width: 100%
}
.wo_my_products .produc_info, .gg_sidebar_products .produc_info {
    padding: 7px 10px
}
.wo_my_products .produc_info span, .gg_sidebar_products .produc_info span {
    font-size: 16px;
    display: block;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.wo_my_products .produc_info h4, .gg_sidebar_products .produc_info h4 {
    font-size: 14px;
    color: #4CAF50;
    font-weight: 700;
    letter-spacing: .3px;
    margin: 7px 0 0;
    display: block;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}
.wo_sidebar_activity {
    margin-left: 45px
}
.wo_sidebar_activity svg {
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin: -3px 3px 0 2px
}
#wo_post_stat_button {
    width: 100%;
    text-align: center;
    margin-top: 1px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#wo_post_stat_button .stat-item {
    border-radius: 2px;
    color: #616770;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    flex: 1;
    width: 100%;
    border: 0;
    box-shadow: none;
    padding: 8px 5px;
    background: #fff;
    transition: all .1s ease-in-out;
    cursor: pointer;
}
#wo_post_stat_button .dropdown.open .stat-item, #wo_post_stat_button .stat-item:hover {
    background-color: rgba(29, 33, 41, .04)
}
#wo_post_stat_button .stat-item:active, #wo_post_stat_button .stat-item:focus {
    background-color: rgba(29, 33, 41, .09)
}
#wo_post_stat_button .stat-item svg {
    width: 18px;
    height: 18px
}
#wonder-button svg {
    margin-right: 3px
}
.show_post_comm_mobi {
    display: none
}
.post .post-description .post-actions .stat-item {
    margin-top: 5px !important;
    background: #fff;
    box-shadow: none;
    margin-right: 15px;
}
.post .post-description .post-actions .stat-item svg {
    width: 14px;
    height: 14px;
    margin-top: -3px
}
@keyframes animatetop {
    from {
        top: -4px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}
#wo_comment_combo {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px 0;
    margin-top: -10px;
    border-top: 1px solid #f9f9f9;
    transition: all .2s ease
}
#wo_comment_combo.comment-toggle {
    background-color: #fff;
    border-color: #ededed
}
#wo_comment_combo .textarea {
    height: 36px;
    float: right;
    padding-top: 8px;
    width: calc(100% - 38px);
    background-color: #fff;
    padding-right: 10px;
    margin-left: 10px;
    border: 1px solid #e6ecf5;
}
#wo_comment_combo.comment-toggle .textarea {
    border-color: #fff;
    max-height: 100%
}
#wo_comment_combo .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
}
#wo_comment_combo .comment_combo_footer {
    position: relative;
    padding: 8px 4px;
    margin-bottom: -10px;
    background-color: #fff;
    display: none
}
#wo_comment_combo.comment-toggle .comment_combo_footer {
    display: block;
    animation: animatetop .2s
}
#wo_comment_combo .comment_combo_footer .emo-comment, #wo_comment_combo .comment_combo_footer .image-comment, #wo_comment_combo .comment_combo_footer .send-comment {
    position: relative;
    display: inline-block;
    right: auto
}
#wo_comment_combo .comment_combo_footer .wo_comment_fopt {
    text-align: right
}
#wo_comment_combo .comment_combo_footer .wo_comment_fopt .btn {
    padding: 3px 8px
}
.wo_single_proimg {
    width: 100%;
    height: 300px;
    object-fit: contain;
}
.wo_product_row {
    border: 1px solid #e5e5e5;
    padding: 10px 5px
}
.wo_product_row .product-name {
    display: inline-block;
    width: 33.3333%;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle
}
.wo_product_row .product-name:last-child {
    border-right: 0
}
.wo_product_row .product-name .product_row_title {
    display: block
}
.wo_product_row .product-name .product_row_title svg.feather {
    margin-top: -3px;
    width: 15px;
    height: 15px;
    margin-right: 4px
}
.wo_post_fetch_link .post-fetched-url-con {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%
}
.wo_post_fetch_link .post-fetched-url-con img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto
}
.wo_post_fetch_link .url {
    font-size: 13px;
    position: absolute;
    max-width: 90%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .54);
    border-radius: 2px;
    padding: 5px 8px;
    margin: 16px;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.wo_post_fetch_link .fetched-url-text h4 {
    font-size: 1.1em !important;
    font-weight: 700;
    margin: 2px 0 7px
}
.wo_post_fetch_link .fetched-url-text .description {
    margin-bottom: 0
}
.wo_post_fetch_event .post-fetched-url-con {
    position: relative
}
.wo_post_fetch_event .post-fetched-url-con:hover {
    opacity: 1
}
.wo_post_fetch_event .post-fetched-url-con .description {
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0 auto;
    padding: 0 50px;
    opacity: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    transition: opacity .3s cubic-bezier(.33, .66, .66, 1)
}
.wo_post_fetch_event .post-fetched-url-con .description p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 50px;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 15px
}
.wo_post_fetch_event:hover .description {
    opacity: 1
}
.wo_post_fetch_event .url {
    margin: 10px 0 0
}
.wo_post_fetch_event .url svg {
    width: 17px;
    height: 17px;
    margin-top: -3px
}
.wo_post_fetch_blog .fetched-url-text h4 {
    font-size: 21px !important;
    font-family: georgia
}
.wo_user_side_info {
    padding: 0;
    white-space: nowrap;
    margin: 0
}
.wo_user_side_info li {
    display: inline-block;
    margin: 0 auto;
    width: 32.13%;
    text-align: center;
    border-right: 1px solid #e9e9e9
}
.wo_user_side_info li:last-child {
    border-right: 0
}
.wo_user_side_info .menu_list {
    display: block;
    padding: 7px 5px;
    transition: all .15s ease-in-out;
    text-transform: capitalize;
    text-decoration: none
}
.wo_user_side_info li .split-link {
    display: block
}
.wo_user_side_info li span b {
    margin: 0
}
#fullsizeimg {
    /* max-height: 550px; */
    margin-left: -15px;
    width: calc(100% + 30px);
    overflow: hidden
}
#fullsizeimg img {
    max-height: none;
    border: 0;
    padding: 0;
    border-radius: 0
}
.wo_adaptive_media .album-image:first-child .image-file, .wo_adaptive_media_4 .album-image:first-child .image-file {
    width: 100%
}
.wo_adaptive_media {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}
.wo_adaptive_media .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 3 - 1.4px) !important
}
.wo_adaptive_media .album-image:first-child {
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 66.666666666667% !important;
    padding-right: 1px
}
.wo_adaptive_media .album-image:last-child .image-file {
    border-top: 2px solid #fff !important
}
.wo_adaptive_media_4 {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}
.wo_adaptive_media_4 .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 4 - 2.4px) !important
}
.wo_adaptive_media_4 .album-image:first-child {
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 75% !important;
    padding-right: 2px
}
.wo_adaptive_media_4 .album-image .image-file {
    border-top: 3px solid #fff !important
}
.wo_adaptive_media_5 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 476px
}
.wo_adaptive_media_5 .album-image {
    display: block;
    position: absolute;
    width: 50% !important;
    overflow: hidden
}
.wo_adaptive_media_5 .album-image:first-child {
    top: 0;
    left: 0;
    height: 236px
}
.wo_adaptive_media_5 .album-image:nth-child(2) {
    top: 239px;
    left: 0;
    height: 237px
}
.wo_adaptive_media_5 .album-image:nth-child(3) {
    top: 0;
    left: 50%;
    height: 157px;
    padding-left: 3px
}
.wo_adaptive_media_5 .album-image:nth-child(4) {
    top: 160px;
    left: 50%;
    height: 155px;
    padding-left: 3px
}
.wo_adaptive_media_5 .album-image:last-child {
    top: 319px;
    left: 50%;
    height: 157px;
    padding-left: 3px
}
.wo_post_ad {
    border-top: 1px solid #ebebeb;
    margin-left: -15px;
    margin-bottom: -10px;
    width: calc(100% + 30px) !important
}
.wo_post_ad h3 {
    color: rgba(0, 0, 0, .87);
    font-size: 20px;
    margin: 16px;
    line-height: 28px
}
.wo_post_privacy_menu svg.feather {
    width: 14px;
    height: 14px;
    margin: -1px 2px 0 4px
}
#wo_post_share_buttons {
    top: 25px;
    background-color: #fff;
    border-top: 1px solid #ededed;
    min-width: 150px;
    padding: 8px 25px;
    max-height: 312px;
    overflow-y: hidden;
    display: none;
    height: 0px;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: auto;
}
.post-description .share-visible{
    display: flex!important;
    animation-name: share;
    animation-duration: 0.1s;
    height: 80px !important;
}
@keyframes share {
    0% {height: 0px; opacity: 0;}
    20% {height: 16px; opacity: 0.2;}
    40% {height: 32px; opacity: 0.4;}
    60% {height: 48px; opacity: 0.6;}
    80% {height: 64px; opacity: 0.8;}
    100% {height: 80px; opacity: 1;}
}
#wo_post_share_buttons .social-btn-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 37px;
    height: 37px;
    padding: 0 20px 0 10px;
    font-size: 15px;
    line-height: 37px;
    color: #717171;
    text-decoration: none;
    transition: all .1s ease
}
@media screen and (max-width: 414px) {
    #wo_post_share_buttons .social-btn-parent {
        font-size: 12px;
    }
    #wo_post_share_buttons .social-btn-parent:first-child{
        padding-left: 0;
    }
}
#wo_post_share_buttons .social-btn-parent:hover {
    background: rgba(0, 0, 0, .04)
}
#wo_post_share_buttons p {
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #717171;
    font-size: 12px
}
#wo_post_share_buttons .social-btn {
    display: inline-block
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}
#wo_post_share_buttons .social-btn svg.feather {
    margin-top: 0;
    width: 22px;
    height: 22px
}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after, .slick-track:before {
    display: table
}
.slick-track:after {
    clear: both
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block;
    object-fit: contain;
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #5f5f5f;
    border: none;
    outline: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0 2px 6px 1px rgba(50, 50, 50, .16);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center
}
.slick-next svg.feather, .slick-prev svg.feather {
    margin: 0;
    width: 31px;
    height: 31px
}
.slick-prev svg.feather {
    margin-left: -2px
}
.slick-next svg.feather {
    margin-left: 2px
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: #222;
    outline: 0;
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3)
}
.slick-next.slick-disabled, .slick-prev.slick-disabled {
    opacity: 0;
    visibility: hidden
}
.slick-prev {
    left: 0
}
.slick-next {
    right: 0
}
.gg_pro_users {
    padding: 10px 0 5px;
    white-space: nowrap;
    overflow: hidden
}
.gg_pro_users li {
    opacity: .8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border-radius: 3px;
    margin: 5px 8px 0;
    background: #fcfcfc
}
.gg_pro_users .slick-center {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    opacity: 1;
    transform: scale(1.08)
}
.gg_pro_users li .user {
    margin: 12px 0 5px;
    text-align: center
}
.gg_pro_users li .user a {
    text-decoration: none
}
.gg_pro_users li .user img {
    width: 50px;
    height: 50px;
    margin: auto
}
.gg_pro_users li .user span {
    word-break: break-word;
    display: block;
    white-space: nowrap;
    padding: 0 6px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}
.wo_game_list_info .page-website, .wo_game_list_info h3, .wo_game_style .game-name {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis
}
.modal.fade {
    text-align: center;
    padding: 0 !important
}
.modal.fade:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: auto
}
.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.modal-header .close {
    opacity: .6;
    padding: 4px 8px;
    margin-right: -8px;
    margin-top: -4px;
}
.modal-header .close svg {
    width: 15px;
    height: 15px;
    stroke-width: 3;
}
.modal-title svg.feather {
    margin-right: 2px;
    width: 17px;
    height: 17px;
}
.modal-footer {
    padding: 5px 10px;
    background-color: #fafbfc;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #e7e8ec;
}
.modal-footer .btn-link, .modal-footer .btn-main {
    border-radius: 4px;
    font-size: 12.5px;
    line-height: 15px
}
.modal-footer .btn-main {
    padding: 6px 15px;
}
.modal-footer .btn-main svg.feather {
    width: 17px;
    height: 17px;
    margin: -2px 3px 0 0
}
.modal-footer .btn-link {
    padding: 7px 16px 8px;
    color: #000
}
#gglanguage_modal {
    background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center #e0e0e0;
}
#gglanguage_modal .language_head {
    font-size: 18px;
    overflow: hidden
}
#gglanguage_modal ul {
    padding: 0
}
#gglanguage_modal ul .language_select {
    width: 18.7%;
    display: inline-block;
    text-align: center;
    margin: 30px 2px 5px
}
#gglanguage_modal ul .language_select a {
    display: table;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    width: 100%
}
#gglanguage_modal ul .language_select a .language_initial {
    display: table-caption;
    width: 50px;
    height: 50px;
    background: 0 0;
    margin: 0 auto 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .24);
    border-radius: 50%;
    transition: all .2s ease-in-out
}
#gglanguage_modal ul .language_select:hover .language_initial {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5)
}
.ball-pulse {
    float: left;
    line-height: 30px;
    margin-left: 10px;
    display: none
}
.ball-pulse>div {
    background-color: #3a3c3f;
    border-radius: 100%;
    margin: 0 1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale-pulse .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale-pulse .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale-pulse .75s -.15s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale-pulse .75s -.15s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale-pulse .75s -.11s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale-pulse .75s -.11s infinite cubic-bezier(.2, .68, .18, 1.08)
}
@-webkit-keyframes scale-pulse {
    0%, 80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}
@keyframes scale-pulse {
    0%, 80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}
.no-padding-left-list {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
.no-activities-profile {
    font-size: 16px;
}
.wo_image_lightbox {
    width: 100%;
    margin-top: 0
}
.wo_image_lightbox .wo_lbox_topbar {
    background-color: rgba(0, 0, 0, .4)
}
.wo_lbox_topbar {
    top: 0;
    z-index: 1035;
    position: fixed;
    left: 0;
    width: 100%;
    height: 45px
}
.wo_lbox_topbar .lbox_topbar_child {
    margin: 0 25px;
    user-select: none
}
.wo_lbox_topbar .lbox_topbar_child span {
    padding: 10px 1px;
    margin: 0 5px;
    height: 45px;
    display: inline-block
}
.wo_lbox_topbar .lbox_topbar_child svg.feather {
    margin-top: 0;
    width: 25px;
    height: 25px;
    color: #b5b5b5;
    transition: all .2s ease-in-out;
    cursor: pointer
}
.wo_lbox_topbar .lbox_topbar_child svg.feather:hover {
    color: #fff
}
.wo_image_lightbox .story-img {
    display: table;
    width: 100%;
    min-width: 900px;
    max-width: 900px;
    background: 0 0;
    position: relative;
    margin: 0 auto;
    height: 100%
}
.wo_image_lightbox .story-img .changer {
    background: 0 0;
    top: 0;
    width: 60px;
    height: 100%;
    display: block !important;
    margin-bottom: 0
}
.wo_image_lightbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 45px;
    height: 45px;
    color: rgba(255, 255, 255, .45);
    transition: all .2s ease-in-out;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}
.wo_image_lightbox .story-img .changer:hover svg.feather {
    color: #fff
}
.wo_image_lightbox .story-img .changer.next-btn {
    right: -70px
}
.wo_image_lightbox .story-img .changer.previous-btn {
    left: -70px
}
.wo_image_lightbox .story-img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}
.wo_image_lightbox .story-img img.double_zoom {
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
}
.wo_imagecombo_lbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    margin-top: 0
}
.wo_imagecombo_lbox .story-img {
    height: 100%;
    position: relative;
    display: table;
    margin-right: 380px;
    width: calc(100% - 380px)
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar {
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    height: 48px;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child {
    margin: 0
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span {
    padding: 3px 1px;
    height: 33px
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span svg {
    color: #fff;
    width: 22px;
    height: 22px
}
.wo_imagecombo_lbox .story-img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}
.wo_imagecombo_lbox .story-img img.double_zoom {
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
}
.wo_imagecombo_lbox .story-img .changer {
    background: 0 0;
    top: 0;
    width: 60px;
    height: 100%;
    margin-bottom: 0;
    z-index: 1034
}
.wo_imagecombo_lbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 65px;
    height: 65px;
    color: rgba(255, 255, 255, .45);
    transition: all .2s ease-in-out;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}
.wo_imagecombo_lbox .story-img .changer:hover svg.feather {
    color: #fff
}
.wo_imagecombo_lbox .story-img .changer.next-btn {
    right: 0
}
.wo_imagecombo_lbox .comment-section {
    width: 380px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    border-radius: 0
}
.comment-section-inner {
    height: calc(100% - 58px);
    display: block;
    overflow: hidden;
    overflow-y: auto
}
.comment-section-inner .comment-inner-header {
    padding: 16px 8px 16px 16px
}
.comment-section-inner .comment-inner-header .close-lightbox {
    padding: 8px;
    margin: 0
}
.comment-section-inner .comment-inner-header h6 {
    margin-bottom: 3px
}
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer {
    position: relative;
    height: calc(100% - 126px);
    box-shadow: none;
    padding: 0;
    background-color: #fafafa
}
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .view-more-wrapper {
    margin: 0 16px 7px;
    padding: 5px 0 0
}
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .lightbox-no-comments {
    text-align: center;
    padding: 15px 10px;
    margin: 40px 0;
    color: #8c8c8c
}
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .lightbox-no-comments svg.feather {
    margin-top: 0;
    width: 30px;
    height: 30px
}
.wo_imagecombo_lbox .lightbox-post-footer {
    -webkit-box-shadow: 1px -1px 8px rgba(0, 0, 0, .12);
    box-shadow: 1px -1px 8px rgba(0, 0, 0, .12);
    padding: 12px 16px;
    position: fixed;
    bottom: 0;
    width: inherit;
    height: 58px
}
.wo_imagecombo_lbox .lightbox-post-footer input.comment-textarea {
    border: none
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list {
    list-style-type: none;
    background-color: #fafafa;
    padding: 5px 16px
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .reply-heading {
    display: block;
    width: 100%
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body {
    margin-left: 50px
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .comment-body {
    margin-left: 40px;
    margin-top: -3px
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
    visibility: visible
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body .comment-replies .wo_commreply_combo textarea.form-control {
    height: 32px
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment>.comments-list {
    margin-left: 50px
}
.wo_imagecombo_lbox .lightbox-post-footer .comment {
    display: block;
    width: 100%;
    margin: 20px 0
}
.wo_imagecombo_lbox .lightbox-post-footer .comment-container:nth-child(-n+2) {
    margin-top: 5px
}
.wo_imagecombo_lbox .lightbox-post-footer .comment .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #f4f4f4
}
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading {
    display: block;
    width: 100%
}
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .user {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    margin-top: 0
}
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .time {
    font-size: 10px;
    color: #aaa;
    margin-top: 0;
    display: inline
}
.wo_imagecombo_lbox .lightbox-post-footer .input-group-addon a {
    color: #444
}
.wo_setting_showpage {
    padding-right: 45px
}
.gg_setting_sidebar {
    width: 75px;
    right: 10px;
    top: 0;
    position: absolute;
    padding: 0;
    text-align: center;
    z-index: 1;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 0 44px 0 rgba(0, 0, 0, .17)
}
.gg_setting_sidebar ul {
    margin: 0;
    border: 0;
    box-shadow: none;
    overflow: visible
}
.gg_setting_sidebar ul .list-group-item {
    padding: 0;
    height: 100%;
    border: 0
}
.gg_setting_sidebar ul .list-group-item a {
    padding: 13px 5px;
    position: relative
}
.gg_setting_sidebar ul .list-group-item.avtive a {
    background-color: rgba(0, 0, 0, .1)
}
.gg_setting_sidebar ul .list-group-item a svg.feather {
    opacity: .6
}
.gg_setting_sidebar ul .list-group-item.avtive a svg.feather {
    opacity: 1
}
.gg_setting_sidebar ul .list-group-item .report-not-seen {
    position: absolute;
    top: 3px;
    right: 5px;
    background-color: #f5f5f4;
    color: #ea1e1e;
    line-height: 1.1;
    height: 16px;
    padding: 2px 3px
}
.gg_settings_page {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    background-color: #fff;
    border-radius: 2px;
    padding: 15px 55px 15px 15px;
    margin-bottom: 20px
}
.gg_settings_page h3, .wo_terms_page h3 {
    font-size: 19px;
    color: #787878;
    padding: 20px 20px 20px 15px;
    margin: -15px -15px 7px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #f5f5f5
}
.gg_settings_page .setting-panel {
    padding: 20px 0 10px;
    margin: 28px 3px;
}
.gg_settings_page .setting-panel .form-group {
    margin: 0 0 15px;
    padding: 0
}
.gg_settings_page .setting-panel label.col-md-12 {
    margin: 5px 0;
    font-size: 13px;
    font-weight: 700;
    color: #566a7d;
}
.gg_settings_page .setting-panel .input-group {
    padding-right: 15px;
    padding-left: 15px
}
.gg_settings_page .input-group .input-group-addon {
    border-radius: 0
}
.gg_settings_page .setting-panel input[type=email], .gg_settings_page .setting-panel input[type=password], .gg_settings_page .setting-panel input[type=text], .gg_settings_page .setting-panel select {
    z-index: 1;
    border: 1px solid #ededed;
    border-radius: 1px;
    height: 40px;
    line-height: 14px;
    padding-left: 15px;
    transition: all .2s ease-in-out;
}
.gg_settings_page .setting-panel textarea {
    border: 1px solid #ededed;
    border-radius: 1px;
    padding-left: 15px;
    transition: all .2s ease-in-out;
}
.gg_settings_page .setting-panel select {
    padding: 0 10px
}
.gg_settings_page .setting-panel .avatar-holder {
    text-align: left;
    padding: 0 30px
}
.gg_settings_page .setting-panel .avatar-holder .avatar {
    border-radius: 50%;
    max-width: 50px;
    height: 50px
}
.gg_settings_page .setting-panel .avatar-holder strong {
    padding-top: 0;
    font-size: 16px;
    color: #858b8c;
    font-weight: 700;
    margin-left: 15px;
    display: block
}
.gg_settings_page .setting-panel .avatar-holder strong a {
    color: #858b8c
}
.gg_settings_page .setting-panel .avatar-holder .chavatlink {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    margin-left: 15px;
    color: #151720;
    font-size: 12px;
}
.gg_settings_page .setting-panel .show-upgrades #upgrade-button, .gg_settings_page .setting-panel .wo_sett_upgrade {
    background-color: #03A9F4;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 700
}
.gg_settings_page .setting-panel hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    /* margin-right: 0px; */
    /* display: none; */
    border-top: 1px solid #eee;
}
.gg_settings_page .setting-panel .wo_sett_upgrade {
    padding: 6px 13px;
    margin: 5px 15px 4px;
    display: inline-block
}
.gg_settings_page .setting-panel .show-upgrades #upgrade-button {
    padding: 11px 13px;
    border: 0;
    width: 110px;
    text-align: center
}
.gg_settings_page .setting-panel-mdbtn {
    padding: 8px 18px !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 700;
    margin: 2px 55px
}
.gg_settings_page .setting-panel-mdbtn svg.feather {
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0
}
.gg_settings_page .last-sett-btn {
    margin-right: -55px;
    margin-bottom: -15px
}
.gg_settings_page .wo_delete_account {
    margin-left: auto;
    position: relative;
    display: table;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    color: #151720
}
.gg_settings_page .wo_design_button {
    width: 180px;
    display: table;
    min-height: 180px;
    overflow: hidden;
    border: 2px dashed #ccc;
    background: #fff;
    padding: 5px
}
.gg_settings_page .wo_design_button span {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #666
}
.gg_settings_page .wo_design_button svg.feather {
    margin-top: 0;
    width: 45px;
    height: 45px;
    color: #cecece
}
.gg_settings_page .setting-update-alert {
    margin: 20px 0 10px;
    padding: 0 20px
}
.gg_settings_page .alert {
    margin: 20px 0 10px
}
#create-product-modal .gg_settings_page {
    margin-bottom: 0;
    padding: 5px;
    box-shadow: none
}
#create-product-modal .gg_settings_page .last-sett-btn {
    margin: 0 -20px -20px
}
#create-product-modal .gg_settings_page .setting-panel-mdbtn {
    margin: 2px 15px
}
#create-product-modal .gg_settings_page .setting-panel {
    padding: 0 0 10px;
    margin: -10px 3px 10px
}
#create-product-modal .publisher-hidden-option #percent {
    position: relative;
    left: auto;
    color: #444 !important
}
#create-product-modal .publisher-hidden-option #progress .progress {
    margin: 8px 40px 0 0
}
#create-product-modal .publisher-hidden-option #progress .progress, #create-product-modal .publisher-hidden-option #progress .progress .progress-bar {
    height: 4px;
    border-radius: 0
}
#create-product-modal .upload-product-image, .wo-create-forms .upload-product-image {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 2px dashed #cecece;
    cursor: pointer;
    display: table;
    margin: 0 6px
}
#create-product-modal .upload-product-image svg.feather {
    width: 24px;
    height: 24px;
    color: #848484dd
}
#productimage-holder {
    width: 100%;
    padding: 0 8px;
    margin: 0;
    white-space: nowrap
}
#productimage-holder .thumb-image {
    width: 100px;
    height: 100px;
    margin: 0 5px 0 0;
    display: inline-block;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
    border-radius: 4px
}
#productimage-holder-old {
    padding: 0 8px;
    margin: 0;
    white-space: nowrap;
    display: flex;
}
#productimage-holder-old .thumb-image {
    width: 100px;
    height: 100px;
    margin: 0 5px 0 0;
    display: inline-block;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
    border-radius: 4px
}
#productimage-holder-old .im-holder {
    position: relative;
}
#productimage-holder-old .im-holder .rm-img{
    position: absolute;
    right: 8px;
    top: 3px;
    color: #fff;
    background: #000;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
}
#productimage-holder-old .im-holder .rm-img svg{
    width: 15px;
}
.wo-create-forms .gg_settings_page {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    padding: 10px 15px;
    position: relative;
    border-radius: 0 0 2px 2px
}
.wo-create-forms .gg_settings_page form {
    margin-top: -35px;
    background-color: #fff
}
.wo-create-forms .gg_settings_page .setting-update-alert {
    margin: -20px 0 20px
}
.wo-create-forms .gg_settings_page .alert {
    margin: 0 0 10px
}
.wo-create-forms .wo_create_form_cover span a {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffff;
    vertical-align: text-top;
    line-height: 0;
    letter-spacing: .33px;
    word-spacing: 1px;
    top: 15px;
    display: block;
    position: absolute;
    right: 15px;
}
.wo-create-forms .wo_create_form_cover span a svg.feather {
    margin-top: -2px;
    transition: all .2s linear;
    width: 19px;
    height: 19px
}
.wo-create-forms .wo_create_form_cover span a:hover {
    color: #fff
}
.wo-create-forms .wo_create_form_cover span a:hover svg.feather {
    transform: translateX(-2px)
}
.wo-create-forms .gg_settings_page .help-block {
    opacity: 0;
    display: none;
    -webkit-transition: all .2s cubic-bezier(.64, .09, .08, 1);
    -moz-transition: all .2s cubic-bezier(.64, .09, .08, 1);
    transition: all .2s cubic-bezier(.64, .09, .08, 1)
}
.wo-create-forms .gg_settings_page input:focus+.help-block, .wo-create-forms .gg_settings_page textarea:focus+.help-block {
    opacity: 1;
    display: block;
}
.wo-create-forms .gg_settings_page .last-sett-btn {
    margin-right: -15px;
    margin-bottom: -10px
}
.wo-create-forms .gg_settings_page .setting-panel-mdbtn {
    margin: 2px 10px
}
.wo-create-forms .wo_create_form_cover {
    color: #fff;
    padding: 14px 15px 39px 14px;
    position: relative;
    margin: 0 0 -25px;
    font-size: 17px;
    border-radius: 2px 2px 0 0;
}
.wo-create-forms .wo_create_form_cover:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #4c77c6, #649bf2);
    z-index: -1
}
.wo-create-forms .wo_create_form_cover svg.feather {
    width: 23px;
    height: 23px
}
.wo-create-forms .wo_create_form_cover.group:before {
    background-image: linear-gradient(to right, #03A9F4, #0095d8)
}
.wo-create-forms .wo_create_form_cover.page:before {
    background-image: linear-gradient(to right, #f79f58, #de8843)
}
.wo-create-forms .wo_create_form_cover.blog:before {
    background-image: linear-gradient(to right, #009da0, #008a8c)
}
.wo-create-forms .wo_create_form_cover.event:before {
    background-image: linear-gradient(to right, #f25e4e, #dc4c3c)
}
.wo-create-forms .wo_create_form_cover.album:before {
    background-image: linear-gradient(to right, #8bc34a, #76a73c)
}
.wo-create-forms .wo_create_form_cover.product:before {
    background-image: linear-gradient(to right, #6a7f9a, #5e7088)
}
.wo_find_friends .find_friends_header {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative
}
.wo_find_friends .find_friends_header .inner-addon {
    max-width: 450px;
    margin: auto
}
.wo_find_friends .find_friends_header .inner-addon .glyphicon {
    padding: 0;
    color: #8e8e8e;
    margin: 12px 13px 14px
}
.wo_find_friends .find_friends_header .inner-addon input {
    height: 45px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
    font-size: 16px;
    padding-left: 40px
}
.wo_market {
    margin-top: 33px;
}
.wo_market .market_header {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    height: 150px;
    z-index: -1;
}
.wo_market .market_widget {
    background: #fff;
    margin-bottom: 25px;
    border-radius: 3px;
    border: 1px solid #ddd9;
    padding: 10px;
}
.wo_market .market_widget .m_widget_head {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 10px;
    font-size: 16px;
}
.wo_market .market_widget .m_widget_head svg {
    margin-right: 5px;
}
.wo_market .market_categories {
    position: relative
}
.wo_market .market_categories ul {
    padding: 0;
    margin: 0
}
.wo_market .market_categories ul li {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    border-bottom: 1px solid #efefef;
    padding: 10px 0;
}
.wo_market .market_categories ul li:last-child{
    border-bottom: none;
}
.wo_market .market_categories ul li a {
    text-decoration: none;
    position: relative;
    /*padding-left: 25px;*/
    display: block;
}
.wo_market .market_categories ul li a:after, .wo_market .market_categories ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro Light";
    display: inline-block;
    font-size: 14px;
    top: 1px;
    right: 0;
    bottom: 0;
    text-align: center;
    position: absolute;
}
.wo_market #cusrange-reader {
    width: 43px;
}
.wo_market .market_search_header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-top: -10px;
}
.wo_market .market_search_header>form {
    flex: 1;
}
.wo_market .market_search_header>form .form-group {
    margin: 0;
    position: relative;
}
.wo_market .market_search_header>form .form-group svg {
    position: absolute;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #535353;
}
.wo_market .market_search_header>form .form-group input {
    padding-left: 50px;
    height: 45px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.23);
    border: 0;
    border-radius: 3px;
    color: #000000;
    font-size: 16px;
}
.wo_market .market_search_header>form .form-group input:focus {
    background: #fff;
}
.wo_market .market_search_header>span .btn {
    height: 45px;
    padding: 3px 10px;
    border: 0;
    border-radius: 3px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.wo_market .market_search_header>span .btn svg, .wo_market .market_bottom .market_bottom_header h3 svg {
    margin-right: 5px;
}
.wo_market .market_bottom .market_bottom_header {
    color: #2c2c2c;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd9;
}
.wo_market .market_bottom .market_bottom_header h3 {
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
    word-spacing: 3px;
    display: flex;
    align-items: center;
}
.wo_market .market_bottom #products.row {
    margin-right: -11px;
    margin-left: -11px;
}
.wo_market .market_bottom .product {
    padding-right: 10px;
    padding-left: 10px
}
.wo_market .market_bottom .product .product_info {
    background-color: #fff;
    padding: 0 3px 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    transition: all .2s linear
}
.wo_market .market_bottom .product .product_info:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .18)
}
.wo_game_style a, .wo_my_pages .page_list, .wo_my_products a {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    background: #fff
}
.wo_market .market_bottom .product .product-links {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0 40px;
    z-index: 9;
    opacity: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .41);
    transition: opacity .3s cubic-bezier(.33, .66, .66, 1)
}
.wo_market .market_bottom .product .product_info:hover .product-links {
    opacity: 1
}
.wo_market .market_bottom .product .product-links .info-middle {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 40px;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 15px;
    text-align: center
}
.wo_market .market_bottom .product .product-links .info-middle .more-info {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    display: block;
    margin: 10px 0;
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none
}
.wo_market .market_bottom .product .product-links .info-middle .more-info:hover {
    background-color: #fff;
    color: #000
}
.wo_market .market_bottom .product .product-links .info-middle .more-info svg.feather {
    margin-top: -2px;
    width: 17px;
    height: 17px
}
.wo_market .market_bottom .product .produc_info {
    padding: 7px 10px;
    text-align: center;
}
.wo_find_friends .find_friends_header {
    background: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23000000' fill-opacity='0.07' fill-rule='evenodd'/%3E%3C/svg%3E")
}
.wo_find_friends .find_friends_header:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #b2c17c, #9aa963);
    z-index: -1
}
.wo_find_friends .friends_nearby_status h4 {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center
}
.friends_nearby_status_ul {
    padding: 0
}
.friends_nearby_status_ul li {
    width: 32.6%;
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 10px 10px 30px;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .5s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 16px
}
.friends_nearby_status_ul li svg.feather {
    padding: 8px;
    display: block;
    margin: 0 auto 5px;
    width: 50px;
    height: 50px;
    fill: #383838;
    background-color: #b5b5b5;
    border-radius: 50%
}
.friends_nearby_status_ul li.active {
    opacity: 1
}
.friends_nearby_status_ul li[data-gender=all].active svg.feather, .friends_nearby_status_ul li[data-nearby-user-status="2"].active svg.feather {
    fill: #673AB7;
    background-color: rgba(103, 58, 183, .35)
}
.friends_nearby_status_ul li[data-gender=male].active svg.feather, .friends_nearby_status_ul li[data-nearby-user-status="1"].active svg.feather {
    fill: #4CAF50;
    background-color: rgba(139, 195, 74, .35)
}
.friends_nearby_status_ul li[data-gender=female].active svg.feather {
    fill: #03A9F4;
    background-color: rgba(3, 169, 244, .35)
}
.friends_nearby_status_ul li[data-nearby-user-status="0"].active svg.feather {
    fill: #e15147;
    background-color: rgba(225, 81, 71, .35)
}
.wo_my_pages .page_list {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    margin: 0 0 15px;
    padding: 13px 10px
}
.wo_my_pages .page_list .avatar img {
    height: 72px;
    width: 72px;
    border-radius: 50%
}
.wo_my_pages .page_title {
    font-size: 17px;
    font-weight: 700;
    color: #1d1d1d
}
.wo_my_pages .page_info ul {
    padding: 0;
    margin: 5px 0 0
}
.wo_my_pages .page_info ul li {
    color: #6f6f6f;
    padding: 1px 0
}
.wo_my_pages .page_info ul li svg.feather {
    margin: -2px 2px 0 0;
    width: 14px;
    height: 14px
}
.wo_my_pages .btn-info {
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 100;
    margin: -7px 0px;
    padding: 4px 7px;
    font-size: 12px;
    text-decoration: none;
}
.wo_my_pages .btn-info svg.feather {
    margin: -3px 2px 0 -1px;
    width: 17px;
    height: 17px
}
.my_pages_header {
    background: #fff;
    padding: 10px 7px;
    margin-bottom: 20px;
    margin-right: -5px;
    margin-left: -5px;
    border: 1px solid #f1f1f1
}
.my_pages_header ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
}
.my_pages_header ul li {
    margin-right: 7px;
    padding: 5px;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.my_pages_header ul li a {
    padding: 13px 12px;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none
}
.my_pages_header ul li.active a {
    font-weight: 600;
    border-bottom: 2px solid
}
.my_pages_header .btn-success {
    padding: 0;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 700;
    margin: 8px 1px
}
.my_pages_header .btn-success a {
    padding: 4px 16px;
    display: block;
    color: #fff;
    font-size: 12px;
    text-decoration: none
}
.my_pages_header .btn-success a svg.feather {
    margin: -3px 4px 0 -5px;
    width: 17px;
    height: 17px
}
.wo_my_products {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}
.wo_game_style a, .wo_my_products a {
    display: block;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12)
}
.wo_game_list, .wo_game_style {
    padding: 0 10px;
    margin-bottom: 20px
}
.wo_game_style a {
    padding-bottom: 1px;
    text-decoration: none
}
.wo_game_style .game-name {
    padding: 0 10px;
    margin: 3px 0;
    overflow: hidden
}
.wo_game_style .btn-link {
    display: table;
    margin: 3px 7px 4px auto;
    padding: 2px 7px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    line-height: 20px
}
.wo_game_style .btn-link:hover {
    background-color: rgba(0, 0, 0, .11)
}
.wo_game_list .list_parent {
    display: block;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
.wo_game_list .avatar {
    width: 100px
}
.wo_game_list .avatar img {
    width: 100%
}
.wo_game_list_info {
    width: calc(100% - 104px);
    display: block;
    margin-left: auto;
    padding: 1px 0
}
.wo_game_list_info h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    overflow: hidden
}
.wo_game_list_info .page-website {
    color: #6f6f6f;
    margin: 0;
    overflow: hidden
}
.wo_game_list_info .page-website svg.feather {
    margin: -2px 2px 0 0;
    width: 14px;
    height: 14px
}
.wo_game_list_info .btn-info {
    margin: 8px 10px 8px auto;
    display: table
}
.featuredBlock--carousel {
    margin: 30px 0 50px;
    position: relative;
    padding: 0 15px
}
.featuredBlock--carousel .slick-next, .featuredBlock--carousel .slick-prev {
    transition: all .2s linear
}
.featuredBlock--child {
    white-space: nowrap;
    overflow: visible
}
.featuredBlock--child .slick-prev {
    left: -20px
}
.featuredBlock--child .slick-next {
    right: -20px
}
.owl-item {
    position: relative;
    min-height: 1px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 366.67px;
    margin-right: 15px
}
.owl-item .format-standard {
    height: 350px;
    box-shadow: 0 2px 6px 1px rgba(50, 50, 50, .14);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.owl-item .format-standard .blog-h-desc {
    padding: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 4px;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, 0) 100%);
    height: auto;
    width: 100%
}
.owl-item .format-standard .blog-h-desc h5 {
    margin-bottom: 14px;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background: #81c483
}
.owl-item .format-standard .blog-h-desc .art-title {
    color: #fff;
    margin: 0 0 14px;
    font-style: normal;
    line-height: 1.3;
    font-size: 22px;
    font-family: OpenSansBold;
    white-space: normal
}
.middot, .owl-item .format-standard .blog-h-desc .blog-meta-desc time, .owl-item .format-standard .blog-h-desc div.blog-meta-desc span a {
    color: rgba(255, 255, 255, .8)
}
.owl-item .format-standard .blog-h-desc .blog-meta-desc {
    margin-bottom: 0;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .8)
}
.middot {
    margin: 0 6px;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 700
}
.o-overlayLink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    background-color: rgba(0, 0, 0, 0)
}
.gg_search_page .nav-tabs {
    padding: 3px 0 15px;
    border: 0;
    margin: 0 -10px
}
.gg_search_page .nav-tabs li {
    padding: 0 10px 10px
}
.gg_search_page .nav-tabs li a {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .11);
    height: 100%;
    /*border-radius: 35px;*/
    font-weight: 700;
    cursor: pointer !important
}
.gg_search_page .nav-tabs li.active a {
    border: 0 !important
}
.gg_search_page .nav-tabs li a svg.feather {
    margin: -3px 3px 0 -1px;
    width: 16px;
    height: 16px
}
.gg_search_page .tab-content {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03)
}
.gg_search_page .nearby_user_wrapper {
    padding-top: 14px;
    min-height: 210px
}
.gg_search_page .nearby_user_wrapper .avatar img, .gg_search_page .wo_game_style .avatar img {
    width: 90px;
    height: 90px
}
.gg_search_page .wo_game_style {
    margin-bottom: 0;
    padding: 10px;
    box-shadow: 0 0 0 1px #e7e7e7;
    background: #fff;
    position: relative;
    overflow: hidden;
    text-align: center
}
.gg_search_page .wo_game_style a {
    box-shadow: none
}
.gg_search_page .wo_game_style .game-name {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Lucida Grande, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Emoji, Segoe UI Symbol, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, '.SFNSDisplay-Regular', Heiti SC, Microsoft Yahei;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .9)
}
.gg_search_page .wo_game_style .btn-link {
    margin: 12px auto 4px;
    background-color: #f1f1f1;
    padding: 4px 12px
}
.gg_search_page_side .gg_settings_page {
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    padding: 15px
}
.gg_search_page_side .gg_settings_page h3 {
    background-color: #fbfbfb
}
.gg_search_page_side .gg_settings_page .setting-panel label.col-md-12 {
    padding-left: 0
}
.gg_search_page_side .gg_settings_page .last-sett-btn {
    margin: 0 -15px -15px
}
.gg_search_page_side .gg_settings_page .setting-panel-mdbtn {
    margin: 2px -8px
}
.problackback {
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .45) 100%);
    padding: 100px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}
.gg_user_profile .pic-info-cont {
    position: absolute;
    width: 100%;
    height: 180px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.container .gg_user_profile .pic-info-cont .user-avatar {
    position: relative;
    width: 130px;
    height: 130px;
    bottom: 0;
    margin-left: 20px;
    margin-right: 20px
}
.container .gg_user_profile .card.hovercard .info .title {
    left: 0;
    position: relative;
    margin-top: 0;
    top: 0
}
@media screen and (max-width: 768px){
    .container .gg_user_profile .card.hovercard .info .title {
        top: 0px;
        text-align: center;
        font-size: 18px;
        left: -10px;
    }
    .container .gg_user_profile .card.hovercard .info .title{}
    .profile-container .card.hovercard .user-avatar img {
        position: relative;
        right: 20px;
    }
}
.container .gg_user_profile .card.hovercard .info .title svg.feather {
    width: 24px;
    height: 24px;
    fill: #fff;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .43));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .43))
}
.container .gg_user_profile .card.hovercard .info .options-buttons {
    position: absolute;
    right: 15px;
    bottom: 30px;
    display: flex;
    margin-left: 0;
}
@media screen and (max-width: 768px){
    .container .gg_user_profile .card.hovercard .info .options-buttons{
        right: 0;
        left: 0;
        justify-content: center;
    }
}

.gg_user_profile .options-buttons .dropup {
    display: inline
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu, .gg_user_profile .options-buttons .dropup .dropdown-menu {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    padding: 8px 0;
    min-width: 187px
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item, .gg_user_profile .options-buttons .dropdown-menu li .menu-item {
    min-height: 36px;
    display: block;
    line-height: 36px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
    cursor: pointer
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item a, .gg_user_profile .options-buttons .dropdown-menu li .menu-item a {
    color: rgba(0, 0, 0, .87);
    padding: 0 !important;
    display: inline-block;
    min-width: 100px;
    text-decoration: none
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li svg.feather, .gg_user_profile .options-buttons .dropdown-menu li svg.feather {
    margin: -4px 13px auto 0
}
.gg_user_profile .card.hovercard .title .badge-link {
    display: block;
    padding: 8px 5px 9px
}
.gg_user_profile .card.hovercard .title .badge-pro {
    font-size: 10px;
    line-height: 0;
    padding: 0;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16)
}
.gg_user_profile .options-buttons a, .gg_user_profile .options-buttons button {
    margin: 0;
    float: none
}
.gg_user_profile .btn-glossy>a, .gg_user_profile .btn-glossy>button, .gg_user_profile .btn-glossy>span>button {
    color: #fff;
    background: rgba(214, 214, 214, 0.39);
    border-radius: 2px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding: 6px 15px !important;
    height: 33px;
    margin-right: 3px
}
.gg_user_profile .btn-glossy.open button.dropdown-toggle {
    background-color: rgba(255, 255, 255, .76)
}
.gg_user_profile .btn-glossy a svg.feather, .gg_user_profile .btn-glossy button svg.feather {
    margin: -2px 3px 0 0;
    width: 17px;
    height: 17px
}
.gg_user_profile .user-bottom-nav {
    background: #fff;
    height: 40px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
    padding: 0;
}
.gg_user_profile .user-bottom-nav ul {
    padding-left: 0;
    overflow: hidden;
    overflow-x: auto;
    height: 46px;
    white-space: nowrap;
    display: flex;
}
.gg_user_profile .user-bottom-nav ul::-webkit-scrollbar {
    display: none;
}
/*.gg_user_profile .user-bottom-nav ul li {
    display: inline-block;
    margin: 0 5px;
    flex: 1;
}*/
.gg_user_profile .user-bottom-nav ul li:first-child {
    margin-left: 0
}
.gg_user_profile .user-bottom-nav ul li:last-child {
    margin-right: 0
}
.gg_user_profile .user-bottom-nav li a {
    padding: 10px 20px 7px;
    text-decoration: none !important;
    transition: all .2s ease;
    display: flex;
    text-align: center;
    align-items: center;
}
.gg_user_profile .user-bottom-nav li a .split-link {
    display: block
}
.gg_user_profile .user-bottom-nav li a .split-link img {
    margin-right: 5px
}
.gg_user_profile .user-bottom-nav li a .split-link svg.feather {
    margin: 0 0 4px;
    margin-right: 5px;
}
.right_user_info li {
    padding: 7px 13px
}
.right_user_info li svg.feather {
    color: #7a7a7a;
    margin: -3px 6px 0 2px;
    width: 18px;
    height: 18px
}
.wo_event_profile .user-social-links, .wo_page_profile .user-social-links, .gg_user_profile .user-social-links {
    padding: 0 40px 10px !important
}
.wo_page_profile .user-social-links a.social-btn, .gg_user_profile .user-social-links a.social-btn {
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 3px
}
.wo_page_profile .user-social-links a svg.feather, .gg_user_profile .user-social-links a svg.feather {
    margin: 0;
    width: 23px;
    height: 23px
}
.widget-heading {
    padding: 12px 15px 10px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}
.sidebar-mutual-users-container, .sidebar-groups-container, .sidebar-followers-users-container, .sidebar-likes-container, .sidebar-albums-container {
    padding: 10px;
}
.widget-heading svg.feather {
    background-color: #ededed;
    padding: 7px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin: -4px 5px 0 -2px;
    color: #fff
}
.widget-heading .edit-link {
    text-transform: uppercase;
    font-size: 11px;
    margin: 5px 0
}
.widget-heading h5 {
    color: #90949c;
    display: inline;
    margin: 0 1px
}
.wo_page_profile .profile-container .card {
    margin-bottom: 0
}
.wo_page_profile .profile-container .card.hovercard .cardheader {
    max-height: 313.3px;
    min-height: 313.3px
}
.wo_event_profile .event-info-cont, .wo_page_profile .page-info-cont {
    position: relative;
    background: #fff;
    min-height: 85px;
    margin: 0 0 20px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}
.wo_page_profile .page-info-cont {
    padding: 30px 20px
}
.wo_page_profile .page-info-cont .user-avatar {
    width: 95px;
    height: 95px;
    position: relative
}
.wo_page_profile .page-info-cont .user-avatar-uploading-container {
    border-radius: 3px
}
.wo_page_profile .page-info-cont .user-avatar-uploading-progress .ball-pulse {
    margin: 43px auto
}
.wo_page_profile .page-info-cont .user-avatar img {
    width: 95px;
    height: 95px;
    border-radius: 3px;
    border: 1px solid #f5f5f5
}
.wo_page_profile .page-info-cont .first_row {
    display: flex;
    align-items: center
}
.wo_page_profile .first_row .title {
    margin: 0 20px
}
.wo_page_profile .first_row .title a {
    font-size: 19px;
    font-weight: 700;
    color: #3e3e3e;
    text-transform: capitalize
}
.wo_page_profile .first_row .title .page_username {
    color: #444;
    font-size: 13px;
    overflow: hidden;
    padding-left: 1px;
    margin: 1px 0 7px
}
.wo_page_profile .first_row .title .page_info {
    overflow: hidden;
    color: #6f6f6f;
    padding: 1px 0
}
.wo_page_profile .title .page_info svg.feather {
    margin: -2px 2px 0 0;
    width: 14px;
    height: 14px
}
.wo_page_profile .options-buttons {
    position: relative;
    margin: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}
.wo_page_profile .page-info-cont .last_row {
    margin: 31px 0 34px
}
.wo_page_profile .page-info-cont .page_navbar {
    display: inline-block;
    background: linear-gradient(to right, #fff, #f5f5f5);
    margin: 30px -15px -15px -20px;
    width: calc(100% + 40px);
    padding: 5px 35px
}
.btn-call-action {
    color: #000;
    background: #d2d2d2;
    min-width: 95px;
    border: 0;
    box-shadow: none;
    margin: 6px 0 -6px
}
.btn-call-action:focus, .btn-call-action:hover {
    color: #fff;
    background: #2196F3
}
.wo_page_profile .page_navbar ul {
    margin-bottom: 0
}
.wo_page_profile .page_navbar ul li {
    display: inline-block;
    margin: 0 0 0 10px
}
.wo_page_profile .page_navbar ul li a {
    text-decoration: none;
    padding: 10px 5px;
    display: block
}
.wo_group_profile .profile-cover-changer {
    right: 0
}
.wo_group_profile .side_panel {
    position: absolute;
    height: 100%;
    width: 220px;
    top: 0;
    background-color: rgba(0, 0, 0, .15);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}
.container .wo_group_profile .side_panel .user-avatar {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto
}
.container .wo_group_profile .side_panel .user-avatar img {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .23);
    position: relative;
    left: -11px;
}
.container .wo_group_profile .side_panel .box-inner {
    filter: blur(6px);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover
}
.container .wo_group_profile .side_panel .box-inner:before {
    content: '';
    background-color: rgba(0, 0, 0, .15);
    display: block;
    width: 100%;
    height: 100%
}
.container .wo_group_profile .side_panel .info {
    color: rgba(255, 255, 255, .63);
    text-align: center;
    position: relative;
    top: 26px;
}
.container .wo_group_profile .side_panel .info .title {
    position: relative;
    left: 0;
    margin: 0;
    top: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    font-size: 23px;
    text-align: center;
    max-height: 61.6px;
    overflow: hidden;
    line-height: 30px
}
.wo_group_profile .side_panel .options-buttons {
    position: relative;
    margin: 40px 0 0;
    right: auto;
    text-align: center
}
.wo_group_profile .side_panel .options-buttons a {
    color: #fff;
    background: rgba(255, 255, 255, .39)
}
.wo_group_profile .side_panel .options-buttons a, .wo_group_profile .side_panel .options-buttons button {
    float: none;
    margin: 0 5px;
    border-radius: 2px;
    border: 0;
    box-shadow: none;
    font-size: 15px;
    padding: 6px 15px;
    height: 33px
}
.wo_event_profile .event-info-cont {
    padding: 5px 7px 12px;
    margin-bottom: 1px
}
.wo_event_profile .card.hovercard .info .title {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    line-height: unset;
    color: #3e3e3e;
    text-shadow: none;
    font-size: 24px
}
.wo_event_profile .options-buttons {
    position: relative;
    margin: 9px 0 0;
    right: auto
}
.wo_event_profile .options-buttons a, .wo_event_profile .options-buttons button {
    float: none;
    margin: 0 4px 0 0
}
.event_cdown {
    padding: 0;
    margin: 16px 0 6px;
    text-align: end
}
.event_cdown li {
    display: inline-block;
    font-size: 10px;
    list-style-type: none;
    padding: 0 8px;
    text-transform: uppercase;
    text-align: center
}
.event_cdown li span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(#f7f7f7, #fff);
    border-radius: 2px;
    margin-bottom: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    position: relative;
    min-width: 40px
}
.event_cdown li span::before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    left: -1px;
    margin: -.5px 0 0;
    position: absolute;
    right: -1px;
    top: 50%;
    width: auto
}
.event_two_blocks {
    background: linear-gradient(#fff, #f9f9f9);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: 0 0 2px;
    padding: 0
}
.event_two_blocks li {
    display: inline-block;
    width: 49.3%;
    text-align: center;
    padding: 10px 5px;
    font-size: 13px
}
.event_two_blocks li:first-child {
    border-right: 1px solid #e9e9e9
}
.event_two_blocks li span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 14px
}
.event_invite_frnd svg.feather {
    padding: 0;
    margin: 11px 9px 12px 13px
}
.event_invite_frnd {
    padding: 5px 10px;
    background-color: #fafafa;
    position: relative
}
.event_invite_frnd input {
    padding-left: 40px;
    border: 1px solid #c4ddf1 !important;
    border-radius: 18px
}
.event_invite_frnd input:focus {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border: 1px solid #2196f3 !important
}
.wo_ads_wallet {
    padding: 20px 0
}
.wo_ads_wallet .my_wallet {
    border-right: 1px solid #e7e7e7
}
.wo_ads_wallet svg.feather-wallet {
    margin-top: 0;
    width: 35px;
    height: 35px
}
.wo_ads_wallet .my_wallet label.bold {
    display: block
}
#send-money-form h5, .wo_ads_wallet #replenish-user-account h5, .wo_ads_wallet .my_wallet h5 {
    position: relative;
    display: inline-block
}
#send-money-form h5 span, .wo_ads_wallet #replenish-user-account span, .wo_ads_wallet .my_wallet h5 span {
    font-size: 38px;
    position: absolute;
    top: 7px;
    left: -30px
}
#send-money-form h5 input, .wo_ads_wallet #replenish-user-account input, .wo_ads_wallet .my_wallet h5 b {
    font-size: 80px;
    font-family: opensanslight;
    margin: 0;
    border: 0;
    padding: 0
}
#send-money-form h5 span, .wo_ads_wallet #replenish-user-account span {
    left: -25px
}
#send-money-form h5 input, .wo_ads_wallet #replenish-user-account input {
    height: 87px;
    text-align: center;
    max-width: 160px;
    outline: 0
}
.message-container {
    width: 100%;
    height: 100%
}
.message-container .page-margin, .message-container .page-margin .row {
    margin: 0
}
.message-container .page-margin .col-lg-8, .message-container .page-margin .col-md-4 {
    padding: 0
}
.mobilerightpane .inner-addon {
    margin-bottom: 0;
    padding: 10px;
    background: #fff
}
.mobilerightpane .inner-addon svg.feather {
    position: absolute;
    margin: 7px;
    pointer-events: none
}
.mobilerightpane .inner-addon input {
    background-color: #f6f7f9;
    border-radius: 16px
}
.gg_msg_tabs {
    border-color: #ddd;
    background-color: #fff
}
.gg_msg_tabs li {
    width: 50%;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .09)
}
.gg_msg_tabs li a {
    padding: 9px 12px;
    height: 100%
}
.messages-users-list {
    height: calc(100vh - 137px);
    border-radius: 0;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto
}
.messages-recipients-list {
    height: 64px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1
}
.messages-recipients-list:last-child {
    border-bottom: 0 solid
}
.messages-recipients-list:hover {
    background-color: rgba(0, 0, 0, .05)
}
.messages-recipients-list img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-top: 7px;
    margin-left: 20px
}
.messages-recipients-list .messages-last-seen {
    font-size: 11px;
    color: #999;
    margin-bottom: 8px;
    margin-top: -15px
}
.messages-recipients-list .messages-user-name {
    font-size: 14px;
    line-height: 47px;
    font-weight: 700
}
.new-message-alert {
    background-color: #ce3d3d;
    padding: 3px 6px;
    border-radius: 2px;
    color: #fff
}
.mobilerightpane .new-message-alert {
    margin: 19px 12px;
    display: block
}
.text-sender-container {
    background: #f8f3f3;
    position: relative;
    border-radius: 0;
    box-shadow: inset 6px 0 6px -3px rgba(0, 0, 0, .1);
    margin-bottom: 0
}
.text-sender-container .red-list {
    height: 50px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .19);
    padding: 13px;
    z-index: 10;
    background-color: #fff;
    position: relative
}
.text-sender-container .red-list .ball-pulse {
    position: absolute;
    line-height: normal;
    margin: 0;
    float: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.text-sender-container .red-list .ball-pulse>div {
    background-color: #fff
}
.text-sender-container .red-list .mobilemsgclose {
    display: none;
    cursor: pointer;
    margin: -1px 10px 0 0;
    width: 23px;
    height: 23px;
    stroke-width: 2.5px
}
.mobileleftpane .text-sender-container textarea {
    height: 50px;
    padding: 15px 140px 15px 13px;
    outline: 0;
    width: calc(100% - 10px) !important;
    margin-bottom: 9px;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    overflow: hidden
}
.text-sender-container .message-contnaier {
    max-width: 75%;
    margin: 0 30px 8px;
    position: relative
}
.text-sender-container .sendMessages .input-group {
    padding: 10px 20px 0
}
.text-sender-container .sendMessages .input-group .messages-rtime {
    position: absolute;
    top: -30px;
    padding: 8px 10px !important;
    background-color: #fff !important;
    left: -7px;
    border-radius: 6px !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35)
}
.text-sender-container .sendMessages .charsLeft-message {
    position: absolute;
    z-index: 9;
    right: 163px;
    top: 12px
}
.message-option-btns {
    position: absolute;
    z-index: 9;
    right: 55px;
    top: 0;
    display: table
}
.message-option-btns .btn {
    padding: 15px 6px;
    background-color: transparent !important;
    color: #5b5b5b !important;
    border: none;
    margin: 0 4px;
    box-shadow: none
}
.text-sender-container .sendMessages .send-button {
    margin-top: -10px;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}
.text-sender-container .deleteMessage {
    position: absolute;
    top: 50%;
    left: -18px;
    cursor: pointer;
    color: #888;
    display: none;
    transform: translate(0, -50%)
}
.text-sender-container .deleteMessage.right {
    left: auto !important;
    right: -18px
}
.text-sender-container .deleteMessage svg.feather {
    margin-top: -3px;
    width: 15px;
    height: 15px
}
.text-sender-container .time {
    margin-top: 2px;
    font-size: 10px
}
.text-sender-container .message-model {
    width: auto !important;
    max-width: 94%;
    font-size: 14px;
    padding: 0 2px 1px;
    position: relative
}
.text-sender-container .message-model .message {
    padding: 7px 13px;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15);
    margin-left: auto;
    display: table;
    line-height: 1.4;
    margin-top: 0;
    position: relative
}
.text-sender-container .message-model .video-js-responsive-container {
    min-width: 300px
}
.text-sender-container .message-model .message p {
    padding: 1px
}
.text-sender-container .message-model .message p .twa-lg {
    height: 26px;
    width: 26px;
    background-size: 26px 26px
}
.text-sender-container .outgoing .message-model {
    border-bottom-right-radius: 2px
}
.text-sender-container .incoming .message-model .message {
    margin-right: auto;
    margin-left: 0
}
.text-sender-container .incoming .message-model .time {
    text-align: left
}
.message-media {
    position: relative
}
.message-media img {
    max-width: 100%
}
.message-media audio {
    width: 80%
}
.messages-container {
    height: calc(100vh - 165px);
    overflow: hidden;
    overflow-y: scroll;
    position: relative
    -webkit-overflow-scrolling: touch;
}
.messages-container .empty_state {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.messages-container .message-contnaier:nth-child(1) {
    margin-top: 30px
}
.messages-container .message-media {
    transition: width .5s
}
.messages-container .message-media img {
    max-width: 100%;
    border: 0;
    border-radius: 8px;
    margin-bottom: -7px;
    margin-right: 0;
    margin-left: 0;
    max-height: 330px
}
.messages-container .message-media video {
    max-height: 330px;
    width: auto !important
}
.messages-container .message-media.full-size {
    width: 100%
}
.messages-load-more-messages {
    text-align: center;
    transition: all .2s ease;
    list-style: none;
    padding: 2px;
    color: #fff;
    position: absolute;
    width: 200px;
    background-color: rgba(0, 0, 0, .35);
    z-index: 9;
    margin: 0;
    left: 50%;
    transform: translate(-50%);
    border-radius: 0 0 5px 5px;
    cursor: pointer
}
.messages-load-more-messages a {
    cursor: pointer;
    color: #fff
}
.messages-wrapper {
    width: 100%;
    padding: 5px
}
.messages-wrapper .name {
    color: #666;
    font-size: 13px
}
.messages-wrapper .user-avatar {
    width: 40px;
    border-radius: 3px
}
.message {
    margin-top: 1px
}
.message p {
    color: #555;
    margin: 0;
    word-wrap: break-word;
    word-break: break-word
}
.message p:empty {
    padding: 0
}
.about_wrapper_parent {
    position: absolute;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    top: 45px;
    width: 100%;
    left: 0;
    min-height: 370px
}
.wo_404, .wo_about_page_margin .list-group, .wo_terms_page {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}
.wo_about_wrapper {
    position: relative;
    min-height: 370px
}
.wo_about_wrapper, .wo_about_wrapper .full-width-picture {
    height: 370px;
    background-position: center;
    background-size: cover
}
.hero-overlay {
    /*background: #3e396b;
    background-color: rgba(62, 57, 107, .6);*/
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 80px
}
.wo_about_wrapper .hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%
}
.wo_about_wrapper .hero-overlay h1 {
    color: #fff;
    font-family: opensanslight;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 12px;
    line-height: 48px
}
.wo_about_wrapper .hero-overlay h1 .site_desc {
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    display: block;
    margin-top: 30px
}
.wo_about_page_margin {
    margin-top: 330px;
    position: relative
}
.wo_about_page_margin .list-group {
    padding: 13px 20px
}
.wo_terms_page {
    padding: 15px
}
.wo_404 {
    padding: 45px 15px;
    border: 0
}
.wo_404 h1 {
    font-size: 100px
}
.wo_404 .btn {
    margin: 35px 0 0
}
.wo_about_wrapper .wo_go_pro .head_pro {
    margin-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    line-height: 30px;
    letter-spacing: .05em;
    padding-bottom: 4px
}
.wo_go_pro .pro-badge {
    background: #fff;
    color: #ea4c89;
    letter-spacing: normal;
    padding: 0 4px;
    border-radius: 3px;
    font-size: 14px
}
.wo_about_wrapper .wo_go_pro .main_head_pro {
    font-weight: 400;
    font-size: 34px
}
.wo_go_pro .col-md-4 img, .gg_pro_features img {
    width: 100%;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}
.gg_pro_features img {
    max-height: 60px
}
@media screen and (max-width: 415px) {
    .gg_pro_features img {
        max-height: 50px
    }
}
.gg_pro_features h3 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 22px;
    font-weight: 600;
    color: #0000008a;
}
.gg_pro_features h2 {
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 24px;
    text-transform: uppercase;
}
big.pro-icon {
    width: 80px;
    height: 80px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}
.wo_emoji_post {
    width: 335px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    padding: 0
}
.wo_emoji_tab {
    box-shadow: 0 0 2px #b7b7b7;
    background: #f5f5f5;
    border-radius: 2px 2px 0 0
}
.wo_emoji_tab span {
    width: 15.7%;
    padding: 8px 1px;
    height: 100%;
    cursor: pointer;
    display: inline-block;
    text-align: center
}
.wo_emoji_tab span.active {
    border-bottom: 2px solid
}
.wo_emoji_tab span svg.feather {
    height: 24px !important;
    width: 24px !important;
    margin: 0
}
.wo_emoji_p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 9px 6px;
    color: #555;
    text-align: initial
}
.emoji_tab_pane {
    display: none;
    overflow-y: auto;
    height: 250px;
    white-space: normal;
    text-align: center
}
.emoji_tab_pane .twa-lg {
    height: 34px;
    width: 34px;
    background-size: 27px 27px;
    margin: 0 5.5px;
    border-radius: 3px;
    transition: all .1s ease
}
.emoji_tab_pane .twa-lg:hover {
    background-color: #e7e7e7
}
.emoboxtoppoint {
    height: 0;
    width: 0 !important;
    border: solid transparent;
    pointer-events: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5;
    top: -10px;
    position: absolute;
    left: 100%;
    margin-left: -114px;
    -webkit-filter: drop-shadow(0 -3px 1px rgba(0, 0, 0, .14));
    filter: drop-shadow(0 -3px 1px rgba(0, 0, 0, .14))
}
.publisher-box .add-emoticons .emoboxtoppoint {
    margin-left: -28px
}
.wo_emoji_chat {
    width: 290px
}
.wo_emoji_chat span {
    width: 15.55%
}
.wo_emoji_chat .emoji_tab_pane {
    height: 310px
}
.wo_emoji_chat .emoboxtoppoint, .wo_emoji_msg .emoboxtoppoint {
    top: auto;
    border-top: 10px solid #f5f5f5;
    border-bottom: 0;
    bottom: -10px;
    -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .14));
    filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .14));
    margin-left: -30px
}
.wo_emoji_msg .emoboxtoppoint {
    margin-left: -95px
}
#gg_useract_btn {
    transition: all .2s ease;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
}
#gg_useract_btn:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}
#gg_useract_btn svg {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin: -3px 3px 0 -1px;
    fill: rgba(255, 255, 255, .32)
}
.wo_request_btn svg, .wo_follow_btn svg {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin: -3px 3px 0 -1px;
    fill: rgba(255, 255, 255, .32)
}
.gg_follow_btn {
    /*background: linear-gradient(to right, #1da1f2 0, #199ce8 100%) !important*/
}
.gg_following_btn {
    color: #fff!important;
    background: linear-gradient(to right, #93bc58 0, #93bc58 100%) !important;
    border: 1px solid #93bc58!important;
}

[tooltip] {
    position: relative
}
[tooltip]::after, [tooltip]::before {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(.4) scaleX(.4);
    -moz-transform: scaleY(.4) scaleX(.4);
    -ms-transform: scaleY(.4) scaleX(.4);
    -o-transform: scaleY(.4) scaleX(.4);
    transform: scaleY(.4) scaleX(.4);
    -webkit-transition: all .3s cubic-bezier(.64, .09, .08, 1);
    -moz-transition: all .3s cubic-bezier(.64, .09, .08, 1);
    transition: all .3s cubic-bezier(.64, .09, .08, 1)
}
.round-check, .round-check input+label {
    position: relative;
    display: inline-block
}
[tooltip]::before {
    border: 5px solid transparent;
    z-index: 100
}
[tooltip]::after {
    content: attr(tooltip);
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
    background: #333;
    color: #fff;
    z-index: 99
}
[tooltip]:hover::after, [tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1) scaleX(1) translateY(0);
    -moz-transform: scaleY(1) scaleX(1) translateY(0);
    -ms-transform: scaleY(1) scaleX(1) translateY(0);
    -o-transform: scaleY(1) scaleX(1) translateY(0);
    transform: scaleY(1) scaleX(1) translateY(0)
}
[tooltip='']::after, [tooltip='']::before {
    display: none !important
}
[tooltip][flow^=left]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%)
}
[tooltip][flow^=left]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%)
}
.round-check input+label, .adv_search_filter_side .round_check input+label {
    font-weight: 400;
    cursor: pointer;
    padding-left: 25px;
    line-height: 20px;
    user-select: none
}
.round-check input+label:after, .round-check input+label:before, .adv_search_filter_side .round_check input+label:after, .adv_search_filter_side .round_check input+label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    top: 1px;
    left: 0;
    bottom: 0;
    text-align: center;
    position: absolute
}
.round-check input+label:before, .adv_search_filter_side .round_check input+label:before {
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    transition: all 90ms cubic-bezier(0, 0, .2, .1)
}
.round-check input+label:after, .adv_search_filter_side .round_check input+label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 4px;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg) !important;
    width: 10px;
    transition: .2s
}
.round-check input[type=checkbox] {
    display: none
}
.round-check input[type=checkbox]:checked+label:after {
    color: #fff
}
.round-check input[type=checkbox]:checked+label:before {
    background: #008aff;
    border-color: transparent
}
.wo_radio_btn input[type=radio] {
    visibility: hidden
}
.wo_radio_btn label {
    cursor: pointer;
    position: relative;
    padding: 0;
    margin-right: 5px
}
.wo_radio_btn input[type=radio]+span {
    transition: all .4s;
    -webkit-transition: all .4s;
    padding: 8px;
    display: block;
    margin: 0 auto 5px;
    width: 40px;
    height: 40px;
    background-color: #e1e1e1;
    border-radius: 50%
}
.wo_radio_btn input[type=radio]+span svg.feather {
    fill: #696969;
    margin: 2px 0 0 2px
}
.wo_radio_btn input[type=radio]:checked+span {
    background-color: #4285F4
}
.wo_radio_btn input[type=radio]:checked+span svg.feather {
    fill: #D9E7FD
}
.gg_loading_post {
    padding: 20px 0;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    margin-bottom: 30px;
    overflow: hidden
}
.gg_loading_post_child, .gg_loading_post_child2 {
    margin: auto;
    background-image: radial-gradient(circle 30px at 60px 30px, #ebeced 99%, transparent 0), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(lightgray 15px, transparent 0), linear-gradient(#f1f1f1 10px, transparent 0), linear-gradient(#f1f1f1 10px, transparent 0), linear-gradient(#f1f1f1 10px, transparent 0);
    background-repeat: repeat-y;
    background-size: 100px 200px, 50px 200px, 150px 200px, 350px 200px, 300px 200px, 250px 200px;
    background-position: 0 0, 0 0, 120px 0, 120px 40px, 120px 60px, 120px 80px
}
.gg_loading_post_child {
    height: 350px;
    -webkit-animation: shine 1.5s infinite;
    animation: shine 1.5s infinite
}
.gg_loading_post_child2 {
    height: 100px;
    -webkit-animation: shine 1.5s infinite;
    animation: shine 1.5s infinite
}
.lighbox.comment-textarea {
    border: none
}
@keyframes shine {
    to {
        background-position: 0 0, 100% 0, 120px 0, 120px 40px, 120px 60px, 120px 80px
    }
}
.wo_loading_widget {
    padding: 20px 0;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    margin-bottom: 30px;
    overflow: hidden;
}
.wo_loading_widget_child {
    height: 350px;
    -webkit-animation: shine 1.5s infinite;
    animation: shine 1.5s infinite;
}
.wo_loading_widget_child, .wo_loading_widget_child2 {
    height: 350px;
    -webkit-animation: shine 1.5s infinite;
    animation: shine 1.5s infinite;
}
.alert {
    background-color: #f7f7f7;
    border: 0;
    border-left: 4px solid;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    font-weight: 700
}
.alert-warning {
    color: #f39204
}
.empty_state {
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: 700;
    color: #6d6d6d
}
.empty_state svg.feather {
    display: block;
    margin: 0 auto 15px;
    width: 40px;
    height: 40px;
    color: #adadad
}
.small-texts {
    font-weight: 100;
}
.wo-reaction {
    max-width: 100%;
    padding: 0 60px;
    position: relative;
}
.wo-greatjob {
    max-width: 100%;
    padding: 0 60px;
    position: relative;
}
.like-btn {
    position: relative;
    cursor: pointer;
    display: block;
}
.great-btn {
    position: relative;
    cursor: pointer;
    display: block;
    display: flex;
    justify-content: center;
}
.wo-reaction .like-btn .active-like {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wo-greatjob .great-btn .active-like {
    display: flex;
    align-items: center;
    justify-content: center;
}
.like-btn-default {
    background-image: url('../reaction/wo.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -277px -446px;
}
.like-btn-emo {
    display: inline-block;
    margin: 0 6px -3px 0;
    width: 16px;
    height: 16px;
}
.reactions-box {
    background: #ffffff;
    width: 292px;
    padding: 2px;
    position: absolute;
    top: -51px;
    z-index: 999;
    left: 12px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2em;
    cursor: default;
    display: none;
}
.great-btn-post span {
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.inline-greatjobs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.inline-greatjobs img {
    width: 20px;
    margin-right: 5px;
}
.inline-greatjobs-counter img {
    width: 15px;
    margin-right: 5px;
}
.how_greatjobbed {
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.how_many_greatjobs {
    line-height: 1;
    font-weight: normal;
    color: #999;
    font-size: 11px;
}
.greatjob-box {
    background: #ffffff;
    width: 292px;
    padding: 2px;
    position: absolute;
    top: -51px;
    z-index: 999;
    left: -10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2em;
    cursor: default;
    display: none;
}
@media screen and (max-width: 415px) {
    .greatjob-box {
        transform: scale(0.8);
        top: -42px;
        left: -60px;
    }
    span[class^='t_great'] {
        display: none;
    }
    span[class^='t_likes'] {
        display: none!important;
    }
}
.reaction {
    list-style-type: none;
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 48px;
    float: left;
    opacity: 1;
    border-radius: 50%;
    transform: scale(1);
    transition: transform .25s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
    animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
}
.greatjob-icons {
    list-style-type: none;
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 48px;
    float: left;
    opacity: 1;
    border-radius: 50%;
    transform: scale(1);
    transition: transform .25s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
    animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
}
.greatjob-icons img {
    width: 45px;
    height: 45px;
    padding: 5px;
}
/* .like-btn:hover .reactions-box { display: block; } */

/*.animated_2 {-webkit-animation-duration: 0.1s;animation-duration: 0.1s;}
.animated_4 {-webkit-animation-duration: 0.2s;animation-duration: 0.2s;}
.animated_6 {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.animated_8 {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.animated_10 {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}
.animated_12 {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}*/

.emoji {
    width: 120px;
    height: 120px;
    background: #FFDA6A;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transform: scale(0.325);
    top: -76%;
    right: 76%;
}
.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {
    position: absolute;
}
.emoji__face:before, .emoji__face:after, .emoji__eyebrows:before, .emoji__eyebrows:after, .emoji__eyes:before, .emoji__eyes:after, .emoji__mouth:before, .emoji__mouth:after, .emoji__tongue:before, .emoji__tongue:after, .emoji__heart:before, .emoji__heart:after, .emoji__hand:before, .emoji__hand:after, .emoji__thumb:before, .emoji__thumb:after {
    position: absolute;
    content: '';
}
.emoji__face {
    width: inherit;
    height: inherit;
}
.emoji--like {
    background: #548DFF;
}
.emoji--like .emoji__hand {
    left: 25px;
    bottom: 30px;
    width: 20px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 5px;
    z-index: 0;
    -webkit-animation: hands-up 2s linear infinite;
    animation: hands-up 2s linear infinite;
}
.emoji--like .emoji__hand:before {
    left: 25px;
    bottom: 5px;
    width: 40px;
    background: inherit;
    height: 10px;
    border-radius: 2px 10px 10px 2px;
    box-shadow: 1px -9px 0 1px #FFFFFF, 2px -19px 0 2px #FFFFFF, 3px -29px 0 3px #FFFFFF;
}
.emoji--like .emoji__thumb {
    border-bottom: 20px solid #FFFFFF;
    border-left: 20px solid transparent;
    top: -25px;
    right: -25px;
    z-index: 2;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-animation: thumbs-up 2s linear infinite;
    animation: thumbs-up 2s linear infinite;
}
.emoji--like .emoji__thumb:before {
    border-radius: 50% 50% 0 0;
    background: #FFFFFF;
    width: 10px;
    height: 12px;
    left: -10px;
    top: -8px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    box-shadow: -1px 4px 0 -1px #FFFFFF;
}
.emoji--love {
    background: #F55064;
}
.emoji--love .emoji__heart {
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    -webkit-animation: heart-beat 1s linear infinite alternate;
    animation: heart-beat 1s linear infinite alternate;
}
.emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after {
    left: calc(50% - 20px);
    top: calc(50% - 32px);
    width: 40px;
    height: 64px;
    background: #FFFFFF;
    border-radius: 20px 20px 0 0;
}
.emoji--love .emoji__heart:before {
    -webkit-transform: translate(20px) rotate(-45deg);
    transform: translate(20px) rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.emoji--love .emoji__heart:after {
    -webkit-transform: translate(-20px) rotate(45deg);
    transform: translate(-20px) rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.emoji--haha .emoji__face {
    -webkit-animation: haha-face 2s linear infinite;
    animation: haha-face 2s linear infinite;
}
.emoji--haha .emoji__eyes {
    width: 26px;
    height: 6px;
    border-radius: 2px;
    left: calc(50% - 13px);
    top: 35px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background: transparent;
    box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
}
.emoji--haha .emoji__eyes:after {
    left: 0;
    top: 0;
    width: 26px;
    height: 6px;
    border-radius: 2px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    background: transparent;
    box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
}
.emoji--haha .emoji__mouth {
    width: 80px;
    height: 40px;
    left: calc(50% - 40px);
    top: 50%;
    background: #000000;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    z-index: 1;
    -webkit-animation: haha-mouth 2s linear infinite;
    animation: haha-mouth 2s linear infinite;
}
.emoji--haha .emoji__tongue {
    width: 70px;
    height: 30px;
    background: #F55064;
    left: calc(50% - 35px);
    bottom: -10px;
    border-radius: 50%;
}
.emoji--wow .emoji__face {
    -webkit-animation: wow-face 3s linear infinite;
    animation: wow-face 3s linear infinite;
}
.emoji--wow .emoji__eyebrows {
    left: calc(50% - 3px);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: transparent;
    box-shadow: -18px 0 0 0 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000, 33px 0 0 0 #000000;
    -webkit-animation: wow-brow 3s linear infinite;
    animation: wow-brow 3s linear infinite;
}
.emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after {
    width: 24px;
    height: 20px;
    border: 6px solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -3px;
    left: calc(50% - 12px);
}
.emoji--wow .emoji__eyebrows:before {
    margin-left: -25px;
}
.emoji--wow .emoji__eyebrows:after {
    margin-left: 25px;
}
.emoji--wow .emoji__eyes {
    width: 16px;
    height: 24px;
    left: calc(50% - 8px);
    top: 35px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--wow .emoji__mouth {
    width: 30px;
    height: 45px;
    left: calc(50% - 15px);
    top: 50%;
    border-radius: 50%;
    background: #000000;
    -webkit-animation: wow-mouth 3s linear infinite;
    animation: wow-mouth 3s linear infinite;
}
.emoji--sad .emoji__face {
    -webkit-animation: sad-face 2s ease-in infinite;
    animation: sad-face 2s ease-in infinite;
}
.emoji--sad .emoji__eyebrows {
    left: calc(50% - 3px);
    top: 35px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: transparent;
    box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
}
.emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after {
    width: 30px;
    height: 20px;
    border: 6px solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 2px;
    left: calc(50% - 15px);
}
.emoji--sad .emoji__eyebrows:before {
    margin-left: -30px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.emoji--sad .emoji__eyebrows:after {
    margin-left: 30px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.emoji--sad .emoji__eyes {
    width: 14px;
    height: 16px;
    left: calc(50% - 7px);
    top: 50px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--sad .emoji__eyes:after {
    background: #548DFF;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: tear-drop 2s ease-in infinite;
    animation: tear-drop 2s ease-in infinite;
}
.emoji--sad .emoji__mouth {
    width: 60px;
    height: 80px;
    left: calc(50% - 30px);
    top: 80px;
    box-sizing: border-box;
    border: 6px solid #000000;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    background: transparent;
    -webkit-animation: sad-mouth 2s ease-in infinite;
    animation: sad-mouth 2s ease-in infinite;
}
.emoji--sad .emoji__mouth:after {
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 50%;
    top: 4px;
    left: calc(50% - 3px);
    box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
}
.emoji--angry {
    background: linear-gradient(#D5234C -10%, #FFDA6A);
    background-size: 100%;
    -webkit-animation: angry-color 2s ease-in infinite;
    animation: angry-color 2s ease-in infinite;
}
.emoji--angry .emoji__face {
    -webkit-animation: angry-face 2s ease-in infinite;
    animation: angry-face 2s ease-in infinite;
}
.emoji--angry .emoji__eyebrows {
    left: calc(50% - 3px);
    top: 55px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: transparent;
    box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
}
.emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after {
    width: 50px;
    height: 20px;
    border: 6px solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 0;
    left: calc(50% - 25px);
}
.emoji--angry .emoji__eyebrows:before {
    margin-left: -25px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.emoji--angry .emoji__eyebrows:after {
    margin-left: 25px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.emoji--angry .emoji__eyes {
    width: 12px;
    height: 12px;
    left: calc(50% - 6px);
    top: 70px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--angry .emoji__mouth {
    width: 36px;
    height: 18px;
    left: calc(50% - 18px);
    bottom: 15px;
    background: #000000;
    border-radius: 50%;
    -webkit-animation: angry-mouth 2s ease-in infinite;
    animation: angry-mouth 2s ease-in infinite;
}
@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@-webkit-keyframes heart-beat {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes heart-beat {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@-webkit-keyframes haha-face {
    10%, 30%, 50% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    20%, 40% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    60%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    70%, 90% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@keyframes haha-face {
    10%, 30%, 50% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    20%, 40% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    60%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    70%, 90% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
@-webkit-keyframes haha-mouth {
    10%, 30%, 50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        top: 45%;
    }
    20%, 40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        top: 45%;
    }
    60%, 80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 50%;
    }
    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        top: 50%;
    }
    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        top: 50%;
    }
}
@keyframes haha-mouth {
    10%, 30%, 50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        top: 45%;
    }
    20%, 40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        top: 45%;
    }
    60%, 80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 50%;
    }
    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        top: 50%;
    }
    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        top: 50%;
    }
}
@-webkit-keyframes wow-face {
    15%, 25% {
        -webkit-transform: rotate(20deg) translateX(-25px);
        transform: rotate(20deg) translateX(-25px);
    }
    45%, 65% {
        -webkit-transform: rotate(-20deg) translateX(25px);
        transform: rotate(-20deg) translateX(25px);
    }
    75%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }
}
@keyframes wow-face {
    15%, 25% {
        -webkit-transform: rotate(20deg) translateX(-25px);
        transform: rotate(20deg) translateX(-25px);
    }
    45%, 65% {
        -webkit-transform: rotate(-20deg) translateX(25px);
        transform: rotate(-20deg) translateX(25px);
    }
    75%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }
}
@-webkit-keyframes wow-brow {
    15%, 65% {
        top: 25px;
    }
    75%, 100%, 0% {
        top: 15px;
    }
}
@keyframes wow-brow {
    15%, 65% {
        top: 25px;
    }
    75%, 100%, 0% {
        top: 15px;
    }
}
@-webkit-keyframes wow-mouth {
    10%, 30% {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
    }
    50%, 70% {
        width: 30px;
        height: 40px;
        left: calc(50% - 15px);
    }
    75%, 100% {
        height: 50px;
    }
}
@keyframes wow-mouth {
    10%, 30% {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
    }
    50%, 70% {
        width: 30px;
        height: 40px;
        left: calc(50% - 15px);
    }
    75%, 100% {
        height: 50px;
    }
}
@-webkit-keyframes sad-face {
    25%, 35% {
        top: -15px;
    }
    55%, 95% {
        top: 10px;
    }
    100%, 0% {
        top: 0;
    }
}
@keyframes sad-face {
    25%, 35% {
        top: -15px;
    }
    55%, 95% {
        top: 10px;
    }
    100%, 0% {
        top: 0;
    }
}
@-webkit-keyframes sad-mouth {
    25%, 35% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        top: 70px;
    }
    55%, 100%, 0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 80px;
    }
}
@keyframes sad-mouth {
    25%, 35% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        top: 70px;
    }
    55%, 100%, 0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 80px;
    }
}
@-webkit-keyframes tear-drop {
    0%, 100% {
        display: block;
        left: 35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    25% {
        display: block;
        left: 35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2);
    }
    49.9% {
        display: block;
        left: 35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    50% {
        display: block;
        left: -35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    75% {
        display: block;
        left: -35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2);
    }
    99.9% {
        display: block;
        left: -35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
}
@keyframes tear-drop {
    0%, 100% {
        display: block;
        left: 35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    25% {
        display: block;
        left: 35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2);
    }
    49.9% {
        display: block;
        left: 35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    50% {
        display: block;
        left: -35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    75% {
        display: block;
        left: -35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2);
    }
    99.9% {
        display: block;
        left: -35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
}
@-webkit-keyframes hands-up {
    25% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    50% {
        -webkit-transform: rotate(-15deg) translateY(-10px);
        transform: rotate(-15deg) translateY(-10px);
    }
    75%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes hands-up {
    25% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    50% {
        -webkit-transform: rotate(-15deg) translateY(-10px);
        transform: rotate(-15deg) translateY(-10px);
    }
    75%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes thumbs-up {
    25% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    50%, 100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}
@keyframes thumbs-up {
    25% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    50%, 100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}
@-webkit-keyframes angry-color {
    45%, 60% {
        background-size: 250%;
    }
    85%, 100%, 0% {
        background-size: 100%;
    }
}
@keyframes angry-color {
    45%, 60% {
        background-size: 250%;
    }
    85%, 100%, 0% {
        background-size: 100%;
    }
}
@-webkit-keyframes angry-face {
    35%, 60% {
        -webkit-transform: translateX(0) translateY(10px) scale(0.9);
        transform: translateX(0) translateY(10px) scale(0.9);
    }
    40%, 50% {
        -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
        transform: translateX(-5px) translateY(10px) scale(0.9);
    }
    45%, 55% {
        -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
        transform: translateX(5px) translateY(10px) scale(0.9);
    }
}
@keyframes angry-face {
    35%, 60% {
        -webkit-transform: translateX(0) translateY(10px) scale(0.9);
        transform: translateX(0) translateY(10px) scale(0.9);
    }
    40%, 50% {
        -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
        transform: translateX(-5px) translateY(10px) scale(0.9);
    }
    45%, 55% {
        -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
        transform: translateX(5px) translateY(10px) scale(0.9);
    }
}
@-webkit-keyframes angry-mouth {
    25%, 50% {
        height: 6px;
        bottom: 25px;
    }
}
@keyframes angry-mouth {
    25%, 50% {
        height: 6px;
        bottom: 25px;
    }
}
.reaction:hover {
    transform: scale(1.23077) translate(0, -3px);
    top: 2px
}
.reaction::before {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    left: 50%;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2em;
    position: absolute;
    top: -18px;
    opacity: 0;
    transition: opacity .15s ease;
    font-weight: 600;
    transform: translateX(-50%);
}
.greatjob-icons:hover {
    transform: scale(1.23077) translate(0, -3px);
    top: 2px
}
.greatjob-icons::before {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    left: 50%;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2em;
    position: absolute;
    top: -18px;
    opacity: 0;
    transition: opacity .15s ease;
    font-weight: 600;
    transform: translateX(-50%);
}
.greatjob-icons:hover::before {
    opacity: 1
}
.reaction:hover::before {
    opacity: 1
}
.reaction-like::before {
    content: 'Like'
}
.reaction-love::before {
    content: 'Love'
}
.reaction-haha::before {
    content: 'Haha'
}
.reaction-wow::before {
    content: 'Wow'
}
.reaction-sad::before {
    content: 'Sad'
}
.reaction-angry::before {
    content: 'Angry'
}
.great-job-cup::before {
    content: 'Award'
}
.great-job-star::before {
    content: 'Boost'
}
.great-job-diamond::before {
    content: 'Wow'
}
.great-job-rocket::before {
    content: 'Fling'
}
.great-job-king::before {
    content: 'king'
}
.inline_post_emoji {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}
.inline_post_emoji .emoji {
    transform: scale(0.15);
    top: -285%;
    right: 285%;
}
.no_anim .emoji--wow .emoji__eyebrows {
    top: 15px;
}
.no_anim .emoji--sad .emoji__eyes:after {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
}
.no_anim .emoji--like .emoji__hand, .no_anim .emoji--like .emoji__thumb, .no_anim .emoji--love .emoji__heart, .no_anim .emoji--haha .emoji__face, .no_anim .emoji--haha .emoji__mouth, .no_anim .emoji--wow .emoji__face, .no_anim .emoji--wow .emoji__eyebrows, .no_anim .emoji--wow .emoji__mouth, .no_anim .emoji--sad .emoji__face, .no_anim .emoji--sad .emoji__mouth, .no_anim .emoji--sad .emoji__eyes:after, .no_anim .emoji--angry, .no_anim .emoji--angry .emoji__face, .no_anim .emoji--angry .emoji__mouth {
    animation: none;
}
.inline_post_count_emoji {
    width: 16px;
    height: 16px;
    display: inline-block;
}
.inline_post_count_emoji .emoji {
    transform: scale(0.1333);
    top: -324%;
    right: 324%;
}
.like-btn-text-like {
    color: rgb(88, 144, 255);
}
.like-btn-text-wow, .like-btn-text-haha, .like-btn-text-sad {
    color: rgb(240, 186, 21)
}
.like-btn-text-love {
    color: rgb(242, 82, 104)
}
.like-btn-text-angry {
    color: rgb(247, 113, 75);
}
.like-emo>.how_reacted {
    background: #fff;
    display: inline-flex;
    margin: 0 0 0 -6px;
    padding: 3px;
    border-radius: 50%;
}
.like-emo>.how_reacted:nth-child(1) {
    z-index: 3;
    margin-left: -10px;
}
.like-emo>.how_reacted:nth-child(2) {
    z-index: 2;
}
.like-emo>.how_reacted:nth-child(3) {
    z-index: 1;
}
.like-details {
    margin-left: 10px;
    color: #9197a3;
    font-size: 12px;
}
.like-emo {
    cursor: pointer;
    display: flex;
    align-items: center;
}
#active_react {
    display: flex;
}
#active_react .stat-item {
    padding: 0px 7px !important;
    margin-top: 4px !important;
}
.like-emo .how_many_reacts {
    line-height: 1;
    font-weight: normal;
    color: #999;
    font-size: 11px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment {
    margin-top: 37px;
}
#comment_reacted {
    margin-right: 10px;
    float: left;
}
#comment_reacted .like-emo>.how_reacted {
    transform: scale(0.9);
    margin: 0 0 0 -8px;
}
#comment_reacted .like-emo>.how_reacted:nth-child(1) {
    z-index: 3;
    margin-left: -2px;
}
#comment_reacted .like-emo .how_many_reacts {
    font-size: 12px;
    color: #888;
}
#comment_reactions {
    padding: 0;
    display: inline-block;
}
#comment_reactions .like-btn .active-like {
    display: block;
}
.wo_who_react_this {
    display: inline-block;
    margin-left: -3px;
}
.inline_act_emoji {
    overflow: hidden;
    position: relative;
    margin-bottom: -5px;
    transform: scale(0.8);
    margin-right: 0;
}
#inline_emo_react {
    position: relative;
}
#inline_emo_react .wo_who_react_this {
    position: absolute;
    top: 0;
    right: 10px;
    background: #f9f9f9;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#inline_emo_react .wo_who_react_this .inline_act_emoji {
    transform: scale(1);
    margin-bottom: 0px;
}
/*Payment Box*/

.payment_box .btn {
    width: 100%;
    background-color: white;
    color: #2c2c2c;
    text-align: inherit;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
    padding: 20px 25px;
    transition: all 0.15s;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    box-shadow: none;
}
.payment_box .btn:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
.payment_box .btn:last-child {
    border: 0;
}
.payment_box .btn svg {
    margin-right: 15px;
    width: 32px;
    height: 32px;
}
.estimated_ad_limit {
    border: 1px dashed rgba(0, 0, 0, 0.23);
    border-radius: 2px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: -10px;
}
.estimated_ad_limit p:nth-child(2) {
    margin-bottom: 0;
}
/*Send Gift*/

.send_gift_btn {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 16px;
    background-color: #fce6e6;
    margin-bottom: 15px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    display: flex;
    align-items: center;
    position: relative;
    padding: 17px 10px 17px 50px;
    overflow: hidden;
    line-height: 1;
}
.send_gift_btn svg {
    width: 50px;
    position: absolute;
    transform: rotate(0deg);
    left: -17px;
    opacity: 0.8;
}
.wo_send_gift {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
.wo_send_gift .gift-data {
    flex: 0 0 20%;
    width: 20%;
    position: relative;
    padding: 11px;
    overflow: hidden;
    display: block;
}
.wo_send_gift .gift-data label {
    margin: 0;
    position: relative;
    padding-bottom: 100%;
    display: block;
}
.wo_send_gift .gift-data label input {
    visibility: hidden;
    position: absolute;
}
.wo_send_gift .gift-data label input+img {
    cursor: pointer;
    border-radius: 2px;
    transition: all 0.15s ease;
}
.wo_send_gift .gift-data label>input:checked+img {
    box-shadow: 0 0 0 1.5px #f00;
}
.wo_send_gift .gift-data label img {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    user-select: none;
}
.neg_padd {
    margin-bottom: -15px;
}
.neg_padd table {
    margin-bottom: 0;
}
/*User Media profile*/

.user_media_list_section {
    display: block;
    margin: 10px 5px 5px;
    overflow: hidden;
}
.user_media_list_section .photo-data, .user_media_list_section .video-data {
    width: 33.3333333%;
    position: relative;
    padding: 5px;
    overflow: hidden;
    float: left;
}
.user_media_list_section .photo-data a, .user_media_list_section .video-data a {
    position: relative;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    background: #eee;
}
.user_media_list_section .photo-data a:after, .user_media_list_section .video-data a:after {
    content: '';
    transition: all 0.2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.user_media_list_section .photo-data a:hover:after, .user_media_list_section .video-data a:hover:after {
    background-color: rgba(0, 0, 0, 0.15);
}
.user_media_list_section .photo-data a img, .user_media_list_section .video-data a video {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    user-select: none;
}
.user_media_list_section.sidebar_data_photo {
    margin: 0;
}
.user_media_list_section.sidebar_data_photo .photo-data {
    padding: 0 3px 5px;
    flex: 0 0 33.3333333% !important;
    width: 33.3333333% !important;
}
/*Comment Emojis*/

#wo_comm_emojis {
    width: 280px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    padding: 0;
}
#wo_comm_emojis .emoji_holder {
    display: inline-flex;
    margin: 4px;
    cursor: pointer;
    transition: all 0.2s;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
}
#wo_comm_emojis .emoji_holder span {
    font-size: 21px;
}
/*Earn Points*/

.earn_points {
    margin-bottom: 10px;
    padding: 0 5px;
}
.earn_points .ep_illus {
    margin-bottom: 25px;
    margin-top: 20px;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.earn_points .ep_illus .ep_how_many {
    flex: 1;
    text-align: center;
    padding: 10px;
}
.earn_points .ep_illus .ep_how_many svg {
    display: block;
    margin: 0 auto 10px;
    background-color: #7a7a7a;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    padding: 11px;
    color: white;
}
.earn_points .ep_illus .ep_how_many.reaction_bg svg {
    background-color: #f3b600;
}
.earn_points .ep_illus .ep_how_many.create_post svg {
    background-color: #2196F3;
}
.earn_points .ep_illus .ep_how_many.comment_post svg {
    background-color: #4caf50;
}
.earn_points .ep_illus .ep_how_many.wonder_post svg {
    background-color: #f44336;
}
.earn_points .ep_illus .ep_how_many.like_post svg {
    background-color: #673AB7;
}
.earn_points .ep_illus .ep_how_many b {
    margin: 0;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    color: #535353;
}
.earn_points .counter {
    background-color: #f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
    height: 170px;
    border: 1px solid #f5f5f5;
}
.earn_points .counter svg {
    margin: 0 auto;
    float: none;
    display: table;
    color: #a84849;
}
.earn_points .counter h2 {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}
.earn_points .counter .point-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}
.earn_points .counter .count-text {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}
.earn_points .points_tip {
    height: 170px;
    border: 1px dashed #d7d7d7;
    padding: 20px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.earn_points .points_tip svg {
    margin-bottom: 7px;
    color: #727272;
}
.earn_points .points_tip p {
    margin: 0;
}
.earn_points .points_tip p a {
    color: #0073ce;
    text-decoration: underline;
}
/*Active Sessions*/

.active_sessions {
    padding: 0 15px;
    margin-bottom: 10px;
}
.active_sessions .as_list {
    padding: 13px 10px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.active_sessions .as_list:last-child {
    border: 0;
}
.active_sessions .as_list .platform_icon {
    margin-right: 15px;
    float: left;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.active_sessions .as_list .platform_icon svg {
    width: 28px;
    height: 28px;
}
.active_sessions .as_list .log_out_session {
    float: right;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    margin: 1px 0;
}
.active_sessions .as_list .session_info {
    display: block;
    margin-right: 50px;
    font-family: "Lato", sans-serif;
}
.active_sessions .as_list .session_info h4 {
    margin-top: 0;
    margin-bottom: 4px;
    font-weight: 600;
}
.active_sessions .as_list .session_info p {
    margin-bottom: 0;
    line-height: 1;
}
.app_dv_head {
    margin-top: -25px;
    padding-top: 10px;
    background: #fff;
}
#filterby-post .filter_negative_clr, #filterby-post .filter_negative_clr svg {
    color: #333333;
}
/*Night Toggle*/

#night_mode_toggle, #keyboard_shortcut {
    display: flex;
    align-items: center;
}
#night_mode_toggle svg, #keyboard_shortcut svg {
    /* margin: 0; */
    margin-left: auto;
    height: 17px;
    width: 17px;
}
/*Search Filter*/

.adv_search_filter_side h3 {
    padding: 15px;
}
.adv_search_filter_side .gg_settings_page .setting-panel input[type=text], .adv_search_filter_side .gg_settings_page .setting-panel select {
    height: 31px;
    border-color: #ddd;
}
.search-filter-form .wo_radio_btn {
    margin-bottom: 15px;
}
.search-filter-form .setting-panel .form-group {
    margin: 0 0 10px;
}
.search-filter-form .wo_radio_btn .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 0;
}
.search-filter-form .wo_radio_btn .radio-inline:nth-child(3) {
    margin: 0;
}
.search-filter-form .wo_radio_btn input[type=radio]+span {
    padding: 0;
    margin: 0 auto;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-filter-form .wo_radio_btn input[type=radio]+span svg.feather {
    margin: 0;
    width: 20px;
    height: 20px;
}
.adv_search_filter_side .gg_settings_page .setting-panel-mdbtn {
    padding: 6px 13px !important;
    margin: 2px 0px;
}
.adv_search_filter_side .gg_settings_page .setting-panel input[type=text].age_number {
    float: right;
    width: 60px;
    padding: 0;
    text-align: center;
    background-color: #e9e9e9 !important;
    border: 0;
    border-radius: 3px;
    height: 25px;
    font-size: 13px;
    font-weight: 600;
    color: #383838;
}
.adv_search_filter_side .round_check {
    position: relative;
    display: inline-block;
}
.adv_search_filter_side .round_check input+label:before {
    border-radius: 50%;
}
.adv_search_filter_side .round_check input[type=radio] {
    display: none
}
.adv_search_filter_side .round_check input[type=radio]:checked+label:after {
    color: #fff
}
.adv_search_filter_side .round_check input[type=radio]:checked+label:before {
    background: #008aff;
    border-color: transparent
}
.adv_search_filter_side .ui-slider {
    border-radius: 2em;
    box-shadow: none;
    height: 4px;
    margin-top: 3px;
    background: #ccc;
}
.adv_search_filter_side .ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    outline: none;
    border: 0;
    border-radius: 50%;
    top: -5px;
}
/*Keyboard Shortcuts*/

.key_shortcts tr {
    margin: 0 0 17px;
    display: block;
}
.key_shortcts tr:last-child {
    margin: 0;
}
.key_shortcts th {
    float: left;
}
.key_shortcts th span {
    border: 1px solid #ccd6dd;
    background-color: #e6ecf0;
    border-radius: 3px;
    margin-right: 8px;
    min-width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.key_shortcts td {
    font-size: 11px;
    line-height: 16px;
    padding-top: 3px;
}
/*Modals*/

.modal-content {
    box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
}
.modal-header {
    background-color: #f5f6f7;
    border-color: #e5e5e5;
    padding: 10px 12px;
}
.modal-title {
    color: #1d2129;
    font-weight: bold;
    line-height: 19px;
    font-size: 14px;
}
.modal .modal-footer {
    background: #fff;
    padding: 9px 0;
    border-top: 1px solid #dddfe2;
    margin: 0 12px;
}
.modal .modal-footer .btn {
    line-height: 22px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px !important;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}
.modal .modal-footer .ball-pulse {
    margin-left: 0;
    line-height: 22px;
}
.mobilerightpane .inner-addon {
    display: flex;
    align-items: center;
}
.mobilerightpane .inner-addon .msg_srch_innr {
    position: relative;
    flex: auto;
}
.msg_mrk_rd {
    margin-left: 10px;
}
.msg_mrk_rd .mark_read {
    border-radius: 2em;
    font-size: 13px;
    padding: 0;
    line-height: normal;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*User Pokes*/

.wo_pokes_cont {
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    background-color: #fff;
    padding: 0 10px;
    margin-bottom: 15px;
}
.wo_poke_users {
    background: #fff;
    overflow: hidden;
    padding: 10px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.wo_poke_users:last-child {
    border: 0;
}
.wo_poke_users .btn {
    display: flex;
    align-items: center;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 10px 0;
}
.wo_poke_users .btn svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.wo_poke_users .poke_info {
    margin-right: 130px;
}
.wo_poke_users .poke_info .avatar {
    background: transparent 50% 50% no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 9px;
    overflow: hidden;
}
.wo_poke_users .poke_info .user-name {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    color: #474747;
    line-height: 50px;
}
.end_vdo_call {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}
/*Setting Page*/

#wo_main_sett_mid .gg_settings_page {
    padding: 15px;
    border-top: 4px solid;
}
#wo_main_sett_mid .gg_settings_page .last-sett-btn {
    margin-right: -15px;
    margin-bottom: -15px;
}
#wo_main_sett_mid .gg_settings_page .setting-panel-mdbtn {
    margin: 2px 15px;
}
#wo_main_sett_mid .gg_settings_page h3 {
    font-size: 20px;
    padding: 15px;
    border-bottom: 0;
    background-color: #fff;
    font-weight: 600;
    font-family: "Lato", sans-serif;
}
#wo_main_sett_side ul {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    border-radius: 2px;
    padding: 0;
}
#wo_main_sett_side ul li a {
    transition: all 0.2s;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 36px;
    line-height: 36px;
    padding: 0 5px 0 18px;
    font-family: "Lato", sans-serif;
    text-decoration: none;
    color: #727272;
    background: #f5f6f7;
    border-bottom: 1px solid  #d3d6db;
}
#wo_main_sett_side ul li:last-child a{
    border: none;
}
#wo_main_sett_side ul li a:hover {
    color: #1d1d1d;
}
#wo_main_sett_side ul li.avtive a {
    background-color: rgba(0, 0, 0, .07);
    font-weight: 600;
}
#wo_main_sett_side ul li a svg {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    margin-top: -3px;
}
.sett_tab_noti {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding: 5px 0;
}
.sett_tab_noti li {
    width: 50%;
    float: left;
    text-align: center;
}
.sett_tab_noti li a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-decoration: none;
    padding: 7px 5px;
}
.sett_tab_noti li a:hover {
    color: black;
}
.sett_tab_noti li.active a {
    background-color: rgba(0, 0, 0, 0.05);
    color: black;
}
.sett_tab_noti li a svg {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}
/*Msg Page*/

.msg_progress {
    height: 4px;
    width: 100%;
    background-color: #b3deff;
    border-radius: 2px;
    background-clip: padding-box;
    overflow: hidden;
    top: 0px;
    right: 0px;
    z-index: 9;
    position: absolute;
    display: none;
}
.msg_progress .indeterminate {
    background-color: #2196F3;
}
.msg_progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.msg_progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}
@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}
@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}
@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}
#gg_nw_msg_page .row {
    margin: 0;
}
#gg_nw_msg_page .msg_under_hood {
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 10px 15px 0px rgba(225, 230, 234, 0.6);
}
#gg_nw_msg_page .messages-users-list {
    height: calc(100vh - 211px);
}
#gg_nw_msg_page .messages-recipients-list .avatar {
    position: relative;
}
#gg_nw_msg_page .messages-recipients-list .online_dot {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -4px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
#gg_nw_msg_page .messages-recipients-list .online_dot .dot {
    width: 11px;
    height: 11px;
    background-color: #4CAF50;
    border-radius: 50%;
}
#msg_right_prt .text-sender-container .sendMessages .input-group {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px 10px;
}
#msg_right_prt .text-sender-container textarea {
    margin-bottom: 0px;
    box-shadow: none;
    border: 0;
    padding: 15px 5px !important;
}
#msg_right_prt .text-sender-container .sendMessages .send-button {
    margin: 0;
    padding: 10px;
}
#msg_right_prt .message-option-btns .btn {
    padding: 0 !important;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .1s linear;
    margin: 7.5px 0px;
}
#msg_right_prt .message-option-btns .btn.messages-rtime {
    padding: 8px 10px !important;
    left: auto;
    width: auto;
    right: -7px;
    margin: 0;
}
#msg_right_prt .message-option-btns .btn:hover {
    background-color: #f1f1f1 !important;
}
#gg_nw_msg_page .messages-container .empty_state {
    width: 100%;
    max-width: 90%;
    font-family: "Lato", sans-serif;
    font-size: 19px;
}
#gg_nw_msg_page .messages-container .empty_state svg {
    width: 180px;
    display: block;
    margin: auto;
}
#gg_nw_msg_page .messages-container .message-media img {
    max-width: none;
    border-radius: 2px;
    max-height: 170px;
    margin: 0;
}
.messages-load-more-messages.above_header {
    top: -25px;
}
#msg_right_prt .msg_write_combo {
    display: flex;
    align-items: center;
    padding-right: 5px;
}
#msg_right_prt .msg_write_combo .message-option-btns {
    position: relative;
    display: flex;
    align-items: center;
    right: auto;
    left: auto;
}
#msg_right_prt .msg_write_combo .charsLeft-message {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
}
#msg_right_prt .msg_write_combo .emo-message {
    position: relative;
    right: auto;
}
/*Header*/

#head_menu_rght .head_name_links:nth-child(1)>a svg {
    display: none;
}
#head_menu_rght .sixteen-font-size {
    padding: 12px 9px;
}
#head_menu_rght .head_name_links:nth-child(1)>a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
#head_menu_rght .head_name_links:nth-child(1):before {
    content: '';
    display: block;
    height: 18px;
    right: -1px;
    position: absolute;
    top: 13px;
    width: 1px;
    background: rgba(255, 255, 255, 0);
}
#head_menu_rght .head_name_links:nth-child(2) {
    margin-right: 15px;
    margin-left: 5px;
}
#head_menu_rght .head_name_links:nth-child(2) .btn-main {
    height: 33px;
    margin: 6px 0;
    padding: 0;
    border-radius: 50%;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 415px) {
    #head_menu_rght .head_name_links:nth-child(2) .btn-main {
        height: 45px;
        margin: 0;
        padding: 0;
        border-radius: 0px;
        width: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
#head_menu_rght .head_name_links .sixteen-font-size {
    font-size: 13px !important;
    font-weight: bold;
    line-height: 21px;
}
#head_menu_rght .create_head_menu {
    padding: 8px 0;
    min-width: 190px;
    right: -20px;
}
#head_menu_rght .create_head_menu:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 26px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px 0px 20px 0px;
    background: #fff;
    z-index: -1;
}
#head_menu_rght .create_head_menu li {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#head_menu_rght .create_head_menu li a {
    font-size: 13px;
    padding: 0 16px;
    min-height: 36px;
    line-height: 36px;
    user-select: none;
    display: flex;
    align-items: center;
    word-spacing: 2px;
}
#head_menu_rght .create_head_menu li a svg {
    margin: auto 13px auto 0;
    height: 20px;
    width: 20px;
}
.animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated_2 {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
}
.animated_4 {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}
.animated_6 {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.animated_8 {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}
.animated_10 {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.animated_12 {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.navbar-default .dropdown-menu.ani-acc-menu>li>a {
    transition: none;
    color: #14171a;
    padding: 6px 16px;
    font-size: 13px;
}
/*Scrollbar*/

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #808080;
}
/*Greeting*/

.greetalert {
    background: #fff;
    padding: 15px 17px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    border-radius: 2px;
    position: relative;
}
.greetalert .close {
    right: 4px;
    top: 0px;
    position: absolute;
}
.greetalert img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}
.greetalert .small-texts {
    font-weight: 600;
    font-size: 15.5px;
    padding-right: 50px;
    display: block;
}
.greetalert p {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 2px;
    padding-right: 50px;
}
/*Image Crop*/

.wo_crop_img_pic {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.wo_crop_img_pic img {
    width: 100%;
}
.wo_crop_img_pic .rcrop-preview-wrapper {
    border-radius: 50%;
    overflow: hidden;
    height: 130px;
    width: 130px;
}
@media (min-width: 400px) {
    .payment_box {
        width: 360px;
    }
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav>li>a {
        padding-top: 14px;
        padding-bottom: 14px
    }
    .modal-md {
        width: 500px
    }
}
@media (min-width: 992px) {
    .leftcol {
        width: 18.666667%
    }
    .middlecol {
        width: 52.333333%
    }
    .rightcol {
        width: 29%
    }
    .middlecol.sett_page {
        width: 55.333333%
    }
    .rightcol.sett_page {
        width: 26%
    }
    .singlecol {
        width: 81.333333%
    }
    .singlecol-guest {
        width: 70.933333%
    }
    #gg_nw_msg_page .messages-container {
        height: calc(100vh - 212px);
        padding-top: 20px;
    }
    #gg_nw_msg_page .msg_under_hood {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #gg_nw_msg_page .messages-users-list {
        background-color: #1e2321;
        direction: rtl;
    }
    #gg_nw_msg_page .messages-users-list .tab-pane {
        direction: ltr;
    }
    #gg_nw_msg_page .gg_msg_tabs {
        border-color: rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        color: #fff;
        background: #1e2321;
    }
    #gg_nw_msg_page .messages-recipients-list {
        height: auto;
        border: 0;
    }
    #gg_nw_msg_page .messages-recipients-list.active {
        background: #fff;
    }
    #gg_nw_msg_page .messages-recipients-list .msg_ava_name {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 14px 5px;
        position: relative;
    }
    #gg_nw_msg_page .messages-recipients-list .avatar img {
        margin: 0;
        width: 45px;
        height: 45px;
        margin-bottom: 7px;
    }
    #gg_nw_msg_page .mobilerightpane .new-message-alert {
        margin: 0;
        position: absolute;
        top: 14px;
        left: 32px;
        border-radius: 50%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        z-index: 9;
        font-size: 10px;
    }
    #gg_nw_msg_page .messages-recipients-list .messages-user-name {
        font-size: 12px;
        line-height: normal;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #gg_nw_msg_page .messages-recipients-list .messages-last-seen {
        display: none;
    }
    #gg_nw_msg_page .mobilerightpane .inner-addon {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        padding: 7.5px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 269px;
    }
    #gg_nw_msg_page .gg_msg_tabs li {
        height: 50px;
        box-shadow: none;
    }
    #gg_nw_msg_page .gg_msg_tabs li a {
        padding: 14.9086px 12px;
    }
    #wo_msg_left_prt {
        flex: 0 0 130px;
        width: 130px;
        position: unset;
        background-color: white;
    }
    #msg_right_prt {
        width: calc(100% - 130px);
        display: flex;
    }
    #msg_right_prt .text-sender-container {
        box-shadow: none;
        background: #ffffff;
        width: 100%;
    }
    #msg_right_prt .text-sender-container .red-list {
        background: #fff !important;
        box-shadow: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: none;
    }
    #msg_right_prt .text-sender-container .red-list>span {
        opacity: 0;
        visibility: hidden;
    }
    #msg_right_prt .text-sender-container .message-contnaier {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0 30px 8px;
    }
    #msg_right_prt .text-sender-container .message-contnaier:hover .deleteMessage {
        display: block !important;
    }
    #msg_right_prt .text-sender-container .message-model .message {
        box-shadow: none;
        padding: 0;
        -webkit-animation: bounce 500ms linear both;
        animation: bounce 500ms linear both;
    }
    #msg_right_prt .text-sender-container .message-model .message p {
        padding: 8px 15px;
    }
    #msg_right_prt .text-sender-container .message-model .message p:empty {
        padding: 0;
    }
    @keyframes bounce {
        0% {
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        4.7% {
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        9.41% {
            transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        14.11% {
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        18.72% {
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        24.32% {
            transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        29.93% {
            transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        35.54% {
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        41.04% {
            transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        52.15% {
            transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        63.26% {
            transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        85.49% {
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
        100% {
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        }
    }
    #msg_right_prt .text-sender-container .outgoing .message-model .message p {
        border-radius: 2em 0 2em 2em;
    }
    #msg_right_prt .text-sender-container .incoming {
        display: flex;
    }
    #msg_right_prt .text-sender-container .message-model {
        max-width: 80%;
        padding: 0;
    }
    #msg_right_prt .text-sender-container .incoming .message-model .message {
        margin-top: 20px;
    }
    #msg_right_prt .text-sender-container .incoming .message-model .message p {
        background-color: #f1f0f0;
        border-radius: 0 2em 2em 2em;
    }
    #msg_right_prt .wo_msg_user_dtl {
        flex: 0 0 270px;
        width: 270px;
        background-color: white;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        padding-top: 63px;
        flex-direction: column;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_top {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0px 15px;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_top .user_nm a {
        text-decoration: none;
        font-family: "Lato", sans-serif;
        font-size: 19px;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_top .delete-icon {
        margin: 0 0 0 auto;
        color: #919191;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_mid {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
        margin: 50px 0 60px;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_mid img {
        border-radius: 50%;
        width: 135px;
        height: 135px;
        object-fit: cover;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_bottom {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 45px;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_bottom .video-icon {
        margin: 0;
        color: white;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_bottom .video-icon svg {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 9px;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_bottom #audio-button-right svg {
        background-color: #2196F3;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_bottom #video-button-right svg {
        background-color: #4CAF50;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_most_bottom {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_most_bottom span {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_most_bottom span a {
        text-decoration: none;
        padding: 12px 14px;
        display: flex;
        align-items: center;
        line-height: 1;
    }
    #msg_right_prt .wo_msg_user_dtl .wo_msg_dtl_most_bottom span a svg {
        width: 17px;
        height: 17px;
        margin-right: 9px;
        margin-top: -1px;
    }
}
@media (min-width: 1140px) {
    .online-content-toggler {
        display: block !important;
        max-height: 100%
    }
    .chat-status {
        margin-top: 60px;
    }
}
@media (max-width: 1300px) {
    .chat-container.full {
        min-height: auto !important
    }
}
@media (max-width: 1270px) {
    .container, .header-fixed1000, .header-fixed1200 {
        width: 920px
    }
    .profile-container .card.hovercard .cardheader, .wo_page_profile .profile-container .card.hovercard .cardheader {
        min-height: auto
    }
    /*.middlecol{width:60%}*/
    .wo_imagecombo_lbox .comment-section {
        width: 350px
    }
    .wo_imagecombo_lbox .story-img {
        margin-right: 350px;
        width: calc(100% - 350px)
    }
}
@media (max-width: 1140px) {
    .navbar-default, body {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .chat-container {
        height: auto;
        top: auto;
        padding-top: 0
    }
    .chat-opacity .text-center .empty_state {
        vertical-align: inherit;
        padding-top: 20px
    }
    .wo_imagecombo_lbox .comment-section {
        width: 320px
    }
    .wo_imagecombo_lbox .story-img {
        margin-right: 320px;
        width: calc(100% - 320px)
    }
    .wo_image_lightbox .story-img .changer.previous-btn {
        left: -40px
    }
    .wo_image_lightbox .story-img .changer.next-btn {
        right: -40px
    }
}
@media (max-width: 992px) {
    .main-blog-sidebar {
        margin-top: 40px
    }
    .wo_go_pro .hidden-rocket {
        display: none
    }
    .wo_image_lightbox .story-img .changer.previous-btn {
        left: -10px
    }
    .wo_image_lightbox .story-img .changer.next-btn {
        right: -10px
    }
    .load-more {
        margin-bottom: 35px
    }
    .wo_market .market_search_header>span .btn {
        box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.23);
        background-color: #fff;
    }
    .products .latest-products {
        padding: 0px;
        padding-top: 10px;
    }
    .user_media_list_section .photo-data, .user_media_list_section .video-data {
        flex: 0 0 25%;
        width: 25%;
    }
}

@media (max-width: 990px) {

    .d-user-avatar{
        width: 110px !important;
    }
   .designation_status .d-user-avatar a img {
        border-radius: 5px !important;
    }

    .designation_status{
        margin: 7px 5px !important;
        width: auto !important;
    }

    .user-status-home ul.status-list{
            display: flex; 
            justify-content: flex-start;
            flex-wrap: nowrap;
            overflow:hidden;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar; 
            flex:0 0 auto;
        }

       
          .user-status-home ul.status-list::-webkit-scrollbar {

    height: 2px;
}

    .tab-container, .wowonder-well {
        margin-bottom: 20px
    }
    .hidden-mobile-image, .second-footer {
        display: none
    }
    .middlecol {
        width: 100%
    }
    .continue-button {
        margin-top: 20px
    }
    .sidebar-profile-style {
        display: none !important
    }
    .left-sidebar {
        display: none
    }
    .dropdown-search-link {
        display: block !important
    }
    .dropdown-hidden-link {
        display: none !important
    }
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 10px 1px 20px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 4px 10px 4px 15px
    }
    .header-container .logo img {
        width: 30%
    }
    .search-container .search-input {
        width: 200px
    }
    footer .footer-wrapper {
        display: block
    }
    .footer-wrapper.sidebar {
        display: none
    }
    .navbar-default .dropdown-menu.ani-acc-menu {
        top: auto;
        visibility: visible;
        opacity: 1;
        display: none;
        transition: none
    }
    .navbar-default .dropdown-menu.ani-acc-menu li a {
        transition: none
    }
    .navbar-default .open>.dropdown-menu.ani-acc-menu {
        display: block;
        top: auto
    }
    .mobileleftpane {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 1;
        padding: 0;
        top: 45px;
        left: 0;
    }
    .text-sender-container .red-list .mobilemsgclose {
        display: inline-block
    }
    .messages-container {
        height: calc(95vh - 146px);
        padding-top: 60px;
        -webkit-overflow-scrolling: touch;
    }
    #gg_nw_msg_page .messages-recipients-list .online_dot {
        top: 6px;
        right: 17px;
    }
    .mobilerightpane .inner-addon {
        display: flex !important;
    }
}
@media (max-width: 985px) {
    .container, .header-fixed1000, .header-fixed1200 {
        width: 800px
    }
    .wo_event_profile .event-info-cont .col-xs-4 {
        padding-left: 0
    }
    .event_cdown li:last-child {
        display: none
    }
}
@media (max-width: 900px) {
    .lightbox-content.multi {
        width: 100%
    }
    .wo_image_lightbox .story-img {
        min-width: 100%;
        max-width: 100%
    }
    .wo_image_lightbox .story-img .changer.previous-btn {
        left: 10px;
        z-index: 1
    }
    .wo_image_lightbox .story-img .changer.next-btn {
        right: 10px;
        z-index: 1
    }
}
@media (max-width: 840px) {
    .container, .header-fixed1000, .header-fixed1200 {
        width: 97%
    }
    .messages-container .message-media video {
        width: 100% !important
    }
    .wo_market .market_categories .product-navigate {
        opacity: 1;
        position: relative;
        top: 5px;
        right: 0;
        transform: none;
        margin-left: auto;
        left: 0
    }
    .wo_market .market_categories .product-navigate a {
        padding: 1px 6px;
        margin-right: 7px
    }
    .wo_group_profile .side_panel {
        position: relative;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ececec;
        border-top: 0
    }
    .container .wo_group_profile .side_panel .box-inner {
        display: none
    }
    .container .wo_group_profile .side_panel .user-avatar {
        margin-top: 30px
    }
    .container .wo_group_profile .side_panel .info, .wo_group_profile .profile-container .card.hovercard .info .title a {
        color: #4a4a4a
    }
    .container .wo_group_profile .side_panel .info .title {
        text-shadow: none
    }
    .wo_group_profile .side_panel .options-buttons {
        margin: 20px 0
    }
    .wo_group_profile .side_panel .options-buttons a {
        color: #2a2a2a;
        background: rgba(0, 0, 0, .23)
    }
}
@media (max-width: 800px) {
    .blog-cat-img img, .blog-ls-img img {
        margin-bottom: 15px
    }
    .post-youtube iframe {
        height: 280px
    }
    .wo_imagecombo_lbox .story-img {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        height: calc(100% - 350px)
    }
    .wo_imagecombo_lbox .comment-section {
        width: 100%;
        position: relative
    }
    .wo_imagecombo_lbox {
        overflow-y: auto
    }
    .wo_imagecombo_lbox .lightbox-post-footer {
        position: absolute
    }
    .user_media_list_section .photo-data, .user_media_list_section .video-data {
        flex: 0 0 33.3333333%;
        width: 33.3333333%;
    }
    #head_menu_rght .head_name_links:nth-child(2), #head_menu_rght .head_name_links:nth-child(1) span {
        display: none;
    }
    #head_menu_rght .head_name_links:nth-child(1)>a svg {
        display: block;
    }
    #head_menu_rght {
        display: flex;
        align-items: center;
    }
    #head_menu_rght .user-menu-combination {
        display: flex;
        align-items: center;
    }
    #head_menu_rght .user-menu-combination .user-avatar img, #head_menu_rght .user-menu-combination .user-avatar+svg {
        margin-top: 0;
    }
}
@keyframes slidenavAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1;
        margin-top: 0
    }
}
@-webkit-keyframes slidenavAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1;
        margin-top: 0
    }
}
@media (max-width: 780px) {
    .nav-names {
        display: none
    }
}
@media (max-width: 767px) {
    .container .gg_user_profile .card.hovercard .info .title {
        top: 30px;
        text-align: center;
        font-size: 18px;
        left: -10px;
    }
    #filter-by-sidebar {
        display: none
    }
    .filter-by-home {
        display: block
    }
    #navbar-searchbox, .chat-all-container, .nav>.navbar-home, .navbar-home, .problackback {
        display: none
    }
    .header-container .logo img {
        width: 30%
    }
    .profile-style, .setting-form {
        width: 100%
    }
    .sidebar-page-data .sidebar-listed-page-name {
        top: 80% !important
    }
    .sidebar-page-data .sidebar-listed-page-like-btn {
        top: 75% !important
    }
    .footer-wrapper {
        font-size: 9px
    }
    .navbar-nav {
        float: left;
        margin-left: -16px;
    }
    .navbar-nav>li>a {
        line-height: 1.5
    }
    .header-brand {
        margin-left: 0 !important;
        margin-top: 10px
    }
    .nav-footer-toggle {
        left: 40%
    }
    #load-more-posts {
        margin-bottom: 20px
    }
    .cool-style {
        width: 49.3% !important;
        float: none
    }
    .no-padding-right, .no-padding-right-mobile {
        padding-right: 15px !important
    }
    #sidebar-latest-products .cool-style {
        float: left !important
    }
    .profile-userpic img {
        width: 70%;
        height: 70%
    }
    .search-users-result .profile-style {
        width: 100% !important;
        margin-left: -30px !important
    }
    #local-media video:nth-child(2) {
        width: 200px;
        height: 100px
    }
    .wo_ads_wallet .my_wallet {
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 30px;
        padding-bottom: 30px
    }
    .create-ads-cont .create-ads-inner-left {
        border-right: 0
    }
    .create-ads-cont .create-ads-inner-right .setting-panel {
        margin-top: 0;
        padding-top: 0
    }
    .wo_my_pages .row {
        margin-right: 0;
        margin-left: 0
    }
    .cool-style-album {
        margin-bottom: 40px
    }
    .blog-ls-box .article-image {
        max-height: none
    }
    .gg_pro_features h3 {
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 14px;
    }
    .modal-dialog {
        max-width: 92%;
        width: 100%
    }
    .wo_page_profile .options-buttons {
        margin: 20px 0 0;
        justify-content: center
    }
    .gg_user_profile .pic-info-cont {
        position: relative;
        background-color: #fff;
        box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
        margin: 0;
        display: block;
        text-align: center;
        bottom: 0
    }
    .container .gg_user_profile .pic-info-cont .user-avatar {
        margin: -65px auto 0;
        display: inline-block;
        top: -15px
    }
    .profile-container .card.hovercard .user-avatar img {
        box-shadow: 0 1px 2px rgba(68, 68, 68, .42);
        border: 3px solid #fff;
    }
    .profile-container .card.hovercard .info .title {
        text-shadow: none
    }
    .profile-container .card.hovercard .info .title a {
        color: #4a4a4a
    }
    .container .gg_user_profile .card.hovercard .info .title svg.feather {
        fill: #4a4a4a;
        filter: none
    }
    .gg_user_profile .card.hovercard .title .badge-link {
        color: #fff !important
    }
    .gg_user_profile .btn-glossy a, .gg_user_profile .btn-glossy button {
        color: #2a2a2a;
        /*background: rgba(0, 0, 0, .23)*/
    }
}
@media (max-width: 700px) {
    .blog-h-desc, .blog-h-list .avatar {
        display: block;
        width: 100%
    }
    .blog-h-list .avatar {
        margin: 0
    }
    .blog-h-list .avatar img {
        width: 100%;
        object-fit: cover
    }
    .blog-h-desc .postCategory h5 {
        position: absolute;
        top: 30px
    }
    .wo_send_gift .gift-data {
        flex: 0 0 25%;
        width: 25%;
    }
}

@media (max-width: 665px) {
    .wo_event_profile .event-info-cont .col-xs-4, .wo_event_profile .event-info-cont .col-xs-8 {
        width: 100%;
        padding: 0 15px;
        text-align: center
    }
    .event_cdown {
        text-align: center;
        margin-top: 30px
    }
    .event_cdown:empty {
        margin: 0
    }
    .event_cdown li:last-child {
        display: inline-block
    }
    .mobileleftpane .text-sender-container textarea {
        padding: 15px 13px 10px
    }
    .wo_page_profile .page-info-cont .first_row {
        align-items: inherit
    }
    .page_menu_cta {
        display: none
    }
    .page_info_cta {
        display: block !important
    }
    .page_info_cta .btn-call-action {
        margin: 0 7px;
        padding: 6px 10px
    }
    .wo_page_profile .page-info-cont .page_navbar {
        padding: 5px 10px
    }
    .wo_page_profile .page_navbar ul {
        padding: 0;
        width: 100%;
        float: none !important;
        white-space: nowrap;
        overflow-x: auto
    }
}
@media (max-width: 600px) {
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }
    #postbutton {
        display: none
    }
    .header-brand {
        margin-top: 14px;
        margin-right: 35px
    }
    .header-brand img {
        width: 93px;
        margin-top: -16px;
    }
    .send-comment {
        display: block !important
    }
    .change-avatar, .charsLeft-post, .filter-text, .like-btn-mobile, .options-buttons span[class^=button-text], span[class^=setting-tab-text] {
        display: none
    }
    .panel-one-post {
        margin: 0 auto;
        width: 100%
    }
    .options-buttons {
        right: 10px;
        margin-top: -35px
    }
    .options-buttons button {
        width: auto;
        margin-left: 5px
    }
    .post .post-heading .avatar {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
        object-fit: cover;
        -o-object-fit: cover;
    }
    .post .post-heading .meta .title {
        font-size: 13px !important;
        margin-top: 5px !important
    }
    .post .post-footer .comments-list .comment .avatar {
        width: 38px !important;
        height: 38px !important;
        object-fit: cover;
        -o-object-fit: cover;
    }
    .post .post-footer .comments-list .comment .comment-heading .user {
        font-size: 13px
    }
    .post .post-footer .comments-list .reply .avatar {
        width: 30px !important;
        height: 30px !important
    }
    .post .post-footer .comment-body .comment-text {
        font-size: 12px !important
    }
    .post .post-comments input {
        padding: 5px 40px 5px 5px;
        height: 30px;
        font-size: 12px
    }
    .publisher-box .btn-default {
        padding: 4px
    }
    .publisher-box #publisher-button {
        font-size: 12px
    }
    .publisher-box .publisher-hidden-option select {
        width: 100%
    }
    .post-fetched-url .fetched-url-text .description {
        font-size: 12px !important
    }
    .post-fetched-url .fetched-url-text h4 {
        font-size: 14px !important
    }
    .nav.navbar-nav.navbar-right {
        font-size: 12px
    }
    .nav>li.dropdown.open {
        position: static
    }
    .nav>li.dropdown.open .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
    }
    .profile-container {
        padding-left: 4px;
        padding-right: 4px
    }
    .profile-container .card.hovercard .user-avatar {
        width: 115px;
        height: 115px
    }
    .ad-placement-header-footer iframe, .ad-placement-header-footer img, .ad-placement-header-footer script {
        width: 100%
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 10px;
        padding-left: 10px
    }
    #bar_loading {
        top: 0
    }
    .btn-file {
        font-size: 13px
    }
    .header-container .logo img {
        width: 100%;
        margin: 0
    }
    .navbar-nav>li>a {
        line-height: 0;
        line-height: 24px !important
    }
    #local-media video:nth-child(2) {
        width: 100px;
        height: 150px
    }
    #remote-media video:nth-child(2) {
        width: 95px
    }
    .center-container * {
        font-size: 18px;
        max-width: 100%
    }
    .dropdown-menu>li {
        display: block
    }
    .wowonder-well .profile-style {
        width: 100%
    }
    .admin-panel-well .admin-static {
        width: 100% !important
    }
    .gg_setting_sidebar {
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
        text-align: inherit
    }
    .gg_setting_sidebar ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto
    }
    .gg_setting_sidebar ul .list-group-item {
        display: inline-block;
        margin-right: -4px
    }
    .gg_setting_sidebar ul .list-group-item a {
        padding: 13px 18px
    }
    .gg_settings_page {
        padding: 15px;
        margin-top: 70px
    }
    .gg_settings_page .last-sett-btn {
        margin-right: -15px
    }
    .gg_settings_page .setting-panel-mdbtn {
        margin: 2px 7px
    }
    .modal-body .gg_settings_page, .wo-create-forms .gg_settings_page, .wo_about_page_margin .gg_settings_page, .gg_search_page_side .gg_settings_page, .gg_settings_page.create-ads-cont {
        margin-top: 0
    }
    .navbar-default .dropdown-menu.ani-acc-menu {
        overflow: hidden;
        overflow-y: auto;
        max-height: 400px
    }
    .text-sender-container .message-contnaier {
        margin: 0 15px 8px
    }
    .text-sender-container .message-contnaier.outgoing {
        display: flex;
        justify-content: flex-end;
    }
    .text-sender-container .message-contnaier.incoming {
        max-width: 90%
    }
    .text-sender-container .incoming .message-model {
        max-width: 75%
    }
    .blog-h-desc .postCategory h5 {
        position: absolute;
        top: 30px
    }
    .wo_send_gift .gift-data {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%;
    }
}
@media (max-width: 570px) {
    .wo_about_wrapper .wo_go_pro .main_head_pro {
        font-size: 32px
    }
    .hero-overlay {
        padding-top: 40px
    }
    .wo_page_profile .page-info-cont .user-avatar, .wo_page_profile .page-info-cont .user-avatar img {
        width: 80px;
        height: 80px
    }
    .gg_loading_post_child {
        transform: scale(.9);
        height: 320px;
        margin: 0 -25px
    }
    .wo_post_fetch_event .post-fetched-url-con .description p {
        font-size: 14px
    }
}
@media (max-width: 530px) {
    .wo_adaptive_media_5 {
        height: 446px
    }
    .wo_adaptive_media_5 .album-image:first-child {
        height: 221px
    }
    .wo_adaptive_media_5 .album-image:nth-child(2) {
        height: 222px;
        top: 225px
    }
    .wo_adaptive_media_5 .album-image:nth-child(3) {
        height: 147px
    }
    .wo_adaptive_media_5 .album-image:nth-child(4) {
        height: 145px;
        top: 150px
    }
    .wo_adaptive_media_5 .album-image:last-child {
        height: 147px;
        top: 299px
    }
    .wo_adaptive_media_5 .album-image img {
        width: 100%;
        height: 100%
    }
    .user_media_list_section .photo-data, .user_media_list_section .video-data {
        flex: 0 0 50%;
        width: 50%;
    }
}
@media (max-width: 520px) {
    .header-container .user-avatar {
        display: none !important
    }
    .navbar-default li.dropdown.notification-container {
        margin-right: 3px
    }
    .gg_search_page .nav-tabs li a svg.feather {
        display: block;
        margin: auto
    }
}

@media (min-width: 540px){
     .container .gg_user_profile .card.hovercard .info .title {
        top: 20px;
        text-align: center;
        font-size: 18px;
        left: -10px;
    }
}
@media (min-width: 440px){
     .container .gg_user_profile .card.hovercard .info .title {
        top: 20px;
        text-align: center;
        font-size: 18px;
        left: -10px;
    }
}


@media (max-width: 480px) {
    .create-ads-cont .select-admedai-box input {
        max-width: 140px
    }
    .read-blog-container .read-blog h1 {
        font-size: 30px
    }
    .read-blog-container .read-blog .read-blog-desc {
        font-size: 16px
    }
    .read-blog-container .read-blog .blog-share-buttons ul li.bold {
        display: block
    }
    .read-blog .blog-author-info .media-body .user-follow-button, .wo_blogcomm_combo img {
        display: none
    }
    .read-blog .blog-author-info .media-body h4 {
        padding-right: 0
    }
    .wo_my_pages .boosted_pages {
        text-align: center
    }
    .wo_my_pages .boosted_pages .col-xs-2, .wo_my_pages .boosted_pages .col-xs-8 {
        width: 100%
    }
    .wo_my_pages .boosted_pages .col-xs-2.no-padding-left {
        padding-left: 10px !important
    }
    .friends_nearby_status_ul li {
        width: 32%
    }
    .gg_loading_post_child {
        transform: scale(.8);
        margin: -15px -45px
    }
    .wo_post_fetch_event .post-fetched-url-con .description p {
        font-size: 3vw
    }
    .publisher-box textarea.postText {
        padding: 10px 55px 16px
    }
    .profile-container .card.hovercard .user-avatar {
        width: 95px;
        height: 95px
    }
    #wo_post_stat_button .stat-item {
        font-size: 12px;
        font-weight: 400;
        background: #fff !important;
    }
    #wo_post_stat_button .stat-item svg {
        /*width:16px;height:16px*/
    }
    #wo_post_stat_button .show_post_comm_mobi, #wo_post_stat_button .stat-item .like-btn-mobile {
        display: none
    }
    #wo_post_stat_button .hide_post_comm_mobi {
        display: none
    }
    .show_post_comm_mobi {
        display: block
    }
    .api_posts #wo_post_stat_button .stat-item {
        font-weight: 700;
    }
    .earn_points .ep_illus {
        flex-direction: column;
    }
}
@media (max-width: 420px) {
    .owl-item .format-standard {
        height: 320px
    }
    .wo_about_wrapper .wo_go_pro .main_head_pro {
        font-size: 30px;
        line-height: 42px
    }
    .gg_pro_features h2 {
        margin-top: 23px;
        margin-bottom: 40px;
        font-size: 20px
    }
    .navbar-nav>li>a, #head_menu_rght .user-menu-combination {
        /*padding: 10px 8px*/
    }
    .col-proxs-12 {
        width: 100%
    }
    .gg_search_page .nav-tabs li {
        width: 50%
    }
    .gg_search_page .nav-tabs li a svg.feather {
        display: inline-block;
        margin: -3px 3px 0 -1px
    }
    .gg_loading_post_child {
        transform: scale(.7);
        margin: -35px -75px
    }
    .wo_adaptive_media_5 {
        height: 366px
    }
    .wo_adaptive_media_5 .album-image:first-child {
        height: 181px
    }
    .wo_adaptive_media_5 .album-image:nth-child(2) {
        height: 182px;
        top: 185px
    }
    .wo_adaptive_media_5 .album-image:nth-child(3) {
        height: 119px
    }
    .wo_adaptive_media_5 .album-image:nth-child(4) {
        height: 120px;
        top: 123px
    }
    .wo_adaptive_media_5 .album-image:last-child {
        height: 120px;
        top: 247px
    }
    #wo_post_stat_button {
        margin: 1px -15px 0;
        width: calc(100% + 30px)
    }
    .wo_emoji_post {
        width: 100%
    }
    .wo_emoji_tab span {
        width: 15.6%
    }
    .wo_emoji_msg {
        position: fixed;
        bottom: 70px !important
    }
    .publisher-box .add-emoticons .wo_emoji_post {
        min-width: calc(100vw - 65px)
    }
    .wo_send_gift .gift-data {
        flex: 0 0 50%;
        width: 50%;
    }
    #gg_nw_msg_page .messages-container .message-media img {
        max-height: 140px;
    }
    #head_menu_rght .sixteen-font-size {
        padding: 12px 7px;
        border-right: 1px solid #ffffff4f;
    }
}
@media (max-width: 360px) {
    .nav.navbar-nav.navbar-right>li>a {
        /*padding: 10px 5px*/
    }
    .gg_loading_post_child {
        transform: scale(.6);
        margin: -55px -100px
    }
}
@media (max-width: 345px) {
    /*.nav.navbar-nav.navbar-right{width:100%;text-align:center}*/
    .nav.navbar-nav.navbar-right>li:first-child {
        display: inline-block
    }
    .header-brand {
        /*display: none*/
    }
    #gg_nw_msg_page .messages-container .message-media img {
        max-height: 110px;
    }
    #head_menu_rght {
        float: none !important;
        justify-content: space-around;
        margin: 0 -18px;
    }
}
@media (max-width: 320px) {
    .publisher-box .btn-default {
        padding: 5px 0
    }
    .publisher-box #publisher-button {
        font-size: 15px
    }
    .publisher-box .publisher-hidden-option select {
        font-size: 11px;
        height: 30px;
        margin-right: 0;
        padding: 0 2px
    }
    .dropdown {
        /*padding-left: 10px*/
    }
    .navbar-nav>li>a {
        line-height: 24px !important;
        padding: 10px 5px
    }
    .gg_loading_post_child {
        transform: scale(.5);
        margin: -75px -130px
    }
    .wo_send_gift .gift-data, .user_media_list_section .photo-data, .user_media_list_section .video-data {
        flex: 0 0 100%;
        width: 100%;
    }
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.col-md-2.leftcol {
    background: #fff;
    border: 1px solid #dddfe2;
    border-radius: 4px;
}
.nav-ico-container {
    display: flex;
    justify-content: center;
    float: left;
    border-color: #8bc34a;
    align-items: center;
    margin-right: 15px;
}
.nav-ico-container img {
    height: 20px;
    width: 20px;
}
@media screen and (max-width: 768px){
    .nav-ico-container img {
        height: 34px;
        width: 35px;
    }
}
@media screen and (max-width: 390px) {
    .header-brand {
        /*display: none;*/
    }
    #head_menu_rght {
        float: none !important;
        justify-content: space-around;
        margin: 0 -18px;
    }
}
nav .container-fluid {
    position: relative;
}
#head_menu_rght {
    position: absolute;
    right: 0;
    top: 5px;
}
@media screen and (max-width: 500px) {
    #head_menu_rght {
        position: relative;
        right: auto;
    }
}
::-webkit-scrollbar {
    width: 11px;
    height: 6px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
    background: #ffffff;
}
::-webkit-scrollbar-track:active {
    background: #ffffff;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
.mobile-nav {
    display: none;
}
@media screen and (max-width: 500px) {
    #head_menu_rght {
        float: none !important;
    }
    .emp {
        display: none !important;
    }
    #head_menu_rght .head_name_links:nth-child(2) {
        margin: 0;
    }
    #head_menu_rght .head_name_links:nth-child(2), #head_menu_rght .head_name_links:nth-child(1) span {
        display: block;
    }
    .socion {
        display: none !important;
    }
    .navbar-nav {
        margin: 0;
    }
    .desktop-nav {
        display: none !important;
    }
    .mobile-nav {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
    .mobile-nav li {
        /*border-right: 1px solid rgba(255,255,255,0.4);*/
    }
    .mobile-nav .dropdown li {
        border: none;
    }
    .mobile-nav li:nth-last-child(1) {
        border: none;
    }
    .mobile-nav>li>a {
        padding: 10px 16px;
    }
    .navbar-nav {
        float: none;
        margin: 0;
    }
    .d-nav {
        display: none;
    }
    .navbar-default .navbar-nav>li>a {
        color: #4a4a4a !important;
    }
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #ffffff !important;
}
.navbar-fixed-top, .navbar-fixed-bottom, ul#filterby-post {
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0, 0, 1, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 1, 1);
    /* Firefox 4 */
    -webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
    /* Safari and Chrome */
    -o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
    /* Opera */
}
.embed_video {
    margin-bottom: 20px;
}
.embed_video iframe {
    width: 100%;
}
.embed_video .ticker {
    width: 100%;
    /* padding: 8px 2px; */
    color: #fff;
    font-weight: bold;
    position: relative;
    display: flex;
    flex-direction: row;
}
.embed_video .ticker-top {
    top: 1px;
}
.embed_video .ticker marquee {
    /*background: #fff;*/
    padding: 10px;
}
@media screen and (max-width: 414px) {
    .embed_video .ticker marquee {
        font-size: 11px;
    }
}
.embed_video .ticker-bottom {
   /* background-color: #427ecc;*/
    
    bottom: 25px;
    font-size: 15px;
}
.embed_video .ticker-bottom .marquee-div {
    width: 78%;
    border-right: 1px solid #fff;
    padding-right: 5px;
    margin-right: 5px;
}
.embed_video .ticker-bottom span {
    margin-left: 10px;
}
@media screen and (max-width: 415px) {
    .embed_video .ticker-bottom .bottom-ticker-logo {
        display: flex;
        padding: 0px 0px;
        font-size: 11px;
    }
}
.bottom-ticker-logo img {
    width: 32px;
}
.bottom-ticker-logo {
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    justify-content: flex-end;
    width: 16%;
}
.designation_status {
    width: 20%;
    height: auto;
    position: relative;
    /*background: #dedede;*/
    margin: 7px 10px;
}
.user-status-home .slick-prev, .user-status-home .slick-next {
    border-radius: 0!important;
    width: 30px;
}
.d-user-avatar {
    position: relative;
}
.d-user-avatar a {
    text-decoration: none;
    position: relative;
}
.d-des {
    position: relative !important;
    bottom: 10px;
    left: 0;
    right: 0;
    top: -100px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    display: flex !important;
    justify-content: center;
    flex-direction: column;
}
.d-des p {
    margin: 0;
    padding: 0;
}
.d-user-avatar a img {
    width: 100%;
    filter: brightness(0.6);
    border-radius: 0!important;
    object-fit: cover;
    -o-object-fit: cover;
}
.c-avt {
    width: 35px !important;
    height: 35px !important;
    border-radius: 40px!important;
    border: 2px solid #fff;
    filter: brightness(1) !important;
    margin: 0 auto;
    margin-bottom: 5px
}
.notification-time {
    display: flex;
    flex-direction: row;
    align-items: start;
}
.notification-time img {
    width: 15px;
    margin-right: 3px;
}
.sidebar-status {
    /*background: #fff;*/
}
.sidebar-status li:last-child {
    padding: 5px 5px 0 5px;
}
.filter-by-li img {
    width: 20px;
}
span.news_heading {
    display: flex;
    justify-content: center;
    text-align: left;
    font-size: 13px;
    width: 165px;
    min-width: 25%;
    color: #fff;
    padding: 10px 0;

}
span.news_heading.app-ka-city{
    font-family: urdu;
    padding: 3px 0 6px 0;
    font-size: 20px;
    font-weight: 400;
}
@media screen and (max-width: 415px) {
    span.news_heading {
        font-size: 13px;
        width: 75px;
        min-width: 25%;
        text-align: center;
    }
    .leftcol {
        display: none;
    }
}
span.powerd-by {
    color: #fff;
    position: absolute;
    top: 25px;
    right: 127px;
    font-size: 10px;
}
.post-pro-icon {
    width: 13px;
    margin-top: -3px;
}
span.user-follow-button span span, span.user-follow-button span span svg {
    /* color: #fff; */
}
.designation-slider li {
    height: 130px;
}
/*   @keyframes shine2{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shine2;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 70px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}
.timeline-wrapper{
    margin: auto;
    width: 100%;
    padding: 30px;
    overflow: hidden;
}
    .space1{
        
        width: 100%;
    height: 12px;
    top: 20px;        
    }
        .space2{
        
        width: 100%;
    height: 12px;
    top: 20px;        
    }
    .background-masker.one {
    width: 270px;
    height: 20px;
    left: 140px;
}
.background-masker.two {
    width: 230px;
    height: 12px;
    top: 32px;
    left: 412px;
}
.background-masker.space3 {
    width: 420px;
    height: 11px;
    top: 96px;
    left: 0px;
}
.background-masker.four {
    left: 243px;
    width: 163px;
    height: 30px;
    top: 100px;
}
.hidddden{
      display: none;
}
 */



/* 
DropDown
 */

/* .dropdown-menu li{
    padding: 4px;
    font-size: 12px;
    border-bottom: 1px solid #ccccccba;
}
.fa-svg {
    width: 16px;
    margin-right: 5px;
}
.post-opt {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}


.post-opt-title{
    margin: 0;
}
.post-opt-title a{
    margin: 0;
    padding: 0;     
} */
svg.svg-inline--fa.fa-angle-down.fa-w-8.fa-3x {
    width: 12px;
}

li.big-dropdown {
    display: flex;
    padding: 0px 9px;
    margin-top: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

li.big-dropdown a{
   display: flex;
   padding: 0 !important;
}
li.big-dropdown span svg {
   /* width: 18px; */
   height: 15px;
   color: #4b4f56;
   margin-right: 1px;
}
li.big-dropdown a span svg {
   width: 15px;
   height: 15px;  
   color: #4b4f56;
   margin-right: 1px;
}
li.big-dropdown .pointer {
   padding: 0 !important;
   margin-left: 5px;
}
li.big-dropdown .pointer:hover {
    background-color: #fff;
    color: #777;
}
li.big-dropdown a .pointer {
   padding: 0 !important;
   margin-left: 5px;
}
li.big-dropdown .pointer h3 {
   margin: 0;
   font-size: 12px;
   font-weight: 600;
   color: #4b4f56;
   /* padding: 0 0 5px 0; */
}
li.big-dropdown a .pointer h3 {
   margin: 0;
   font-size: 12px;
   font-weight: 600;
   color: #4b4f56;
   /* padding: 0 0 5px 0; */
}
li.big-dropdown:last-child{
    border: 0;
}

span.ani-acc-menu-icon{
    margin-right: -13px;
}
.f-menu-m{
    width: 19%;
}
li.reaction {
    display: flex;
    align-items: center;
    justify-content: center;
}
img.reaction-img {
    width: 35px;
}
.inline_post_emoji .reaction-img {
    width: 18px;
    margin-top: 0px;
}
.how_reacted .reaction-img {
    width: 20px;
    border-radius: 76px;
    height: 22px;
    margin-top: -2px;
}
ul[class^="reactions-lightbox-container-"]{
    right: 0!important;
    left: 22px!important;
}
#sign_submit {
    opacity: 0.3;
    cursor: not-allowed;
}
div[aria-label="cookieconsent"]{
    display: none;
}
.overflow-hidden-for-body{
    overflow:hidden;
    position: fixed;
}
.profile-style .avatar .reaction-img {
    width: 19px;
    height: 19px;
    }
@media screen and (max-width: 768px){

    .gg_user_profile .btn-glossy>span>button{
        color: #2a2a2a;
    }
    .gg_user_profile .btn-glossy>span>button.btn-requested {
        color: #adadad;
    }
}
.search-shop{
    margin-top: 30px;
}
.shop-cat-search{
    padding-top: 80px;
}
.products .latest-products {
    margin-top: 70px;
}
@media screen and (max-width: 415px){
    .products .latest-products{
        margin-top: 20px;
    }
}
.l-accordion-trigger a{
    font-weight: 600;
    color: #313131;

       
}

@media screen and (max-width: 470px){

 .input-group-addon-override{
            width: 100%;
            border-right: 1px solid #ccc !important;
            margin-bottom: 10px;
            height: 35px;
            text-align: left;
        }
        .dflex{
    display: flex;
    } .fdircol{
        flex-direction: column;
        } .jcsa{
            justify-content: space-around;
        }

}

.toooltip {
      position: relative;
      display: inline-block;
      /* border-bottom: 1px dotted black; */
  }

  .toooltip .toooltiptext {
      visibility: hidden;
      width: auto;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 10px;
      /* Position the toooltip */
      position: absolute;
      z-index: 99999999;
      font-size: 12px;
      left:     -1px;
      top: 60px;
      white-space: nowrap;
  }

  .toooltip:hover .toooltiptext {
      visibility: visible;
  }
  span.toooltiptext:before {
    content: ' ';
    width: 10px;
    background-color: #000;
    position: absolute;
    top: -3px;
    height: 10px;
    transform: rotate(45deg);
    z-index: -11;
}
.alignContentToLeft{
    float: left !important;
        margin-top: 9px;
}


.wo_product_row_new{
    display: flex;

}

.product-name-new{
    display: flex !important;
    justify-content: center;
}
.pr-details{
    background-color: #eeeff3;
    color: #000;
}
.left-sidebar ul li a .ddown-expandable{
    font-size: 22px;
    height: 22px;
    color: #313131;
    position: absolute;
    right: 10px;
}
.left-sidebar ul li a .ddown-expandable-anim{
    transform: rotate(-180deg);
    transition: .2s;
}
@media screen and (max-width: 415px){
    .l-accordion{
        display: flex;
        flex-direction: column;
    }
    span.l-accordion li {
        padding: 4px 10px 4px 15px;
    }
    span.l-accordion li a {
        font-size: 18px;
        font-weight: 300;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 1143px){
    .search-container .search-input {
        width: 442px;
        padding-left: 35px;
        margin-left: -6px;
    }
    .search-container .inner-addon .glyphicon {
        margin: 13px 0 5px 10px;
    }
}
@media screen and (max-width: 861px){
    .search-container .inner-addon .glyphicon {
        margin: 13px 0 5px 10px;
    }
}
.navbar-nav > li >.dropdown-menu{
margin-top: 10px !important;
}
@media screen and (max-width: 415px){
    .container, .container-fluid{
        padding-right: 10px;
        padding-left: 10px;
    }
    .col-md-7, .col-md-8{
        padding-right: 0;
        padding-left: 0;
    }
    .product-name-new {
        display: flex !important;
        justify-content: center;
        flex-direction: column;
        font-size: 12px;
    }
}
.slider-list-item{
   width: 100%;
   height: 300px;
   object-fit: cover;
}

.vid_icon{
    width: 21px;
    position: relative;
    top: 2px;
}
.cusbtn{
    right: 105px !important;
    position: absolute;
    top: 50px;
    display: block;
    width: 30px;
}

.GG_post_opts{
        background: #fff;
    padding: 0px 20px;
    margin-bottom: 10px;
    text-align: center;
}
.GG_post_ul{
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    justify-content: space-between;

}
.GG_post_li {
    padding: 15px 3px;
}
i.postBoxBorder {
    height: 35px;
    width: 1px;
    background-color: rgb(221, 221, 221,0.7);
}
form.post.publisher-box {
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
}
.padding-0{
    padding: 0px;
}
.margin-0{
    margin:0px;
}
.GG_post_icon{
    width: 20px;
    height: 25px;
}
.GG_post_li span#camera-button-btn{
        
        line-height: 0; 
}
.margint-top-zero{
    margin-top: 0px !important;
}
.communityBoard{
    margin-top: -20px;
}
.ytb-pip {
    position: fixed;
    bottom: 117px;
    left: 79px;
    z-index: 1;
    width: 197px;
    height: 189px;
}
.ytb-pip iframe{
    border: 3px solid #000;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;

}
.post-youtube iframe {
    height: 250px;
}
.rm-ytb-pip {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 30px;
    display: block;
    border: 1px solid #fff;
    color: #383838;
}
@media screen and (max-width: 415px){
    .ytb-pip {
        position: fixed;
        top: 93px;
        left: 181px;
        z-index: 9;
        width: 127px;
        -moz-border-radius: 15px;
        border-radius: 5px;
        height: 100px !important;
        background: #2b2b2b;
    }
    .ytb-pip iframe{
        height: 100px !important;
    }
}
.ytimg{
    position: relative;
}
.play-btn{
    position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);
}
.play-btn img{
    width: 70px;
}

.login-popup-desc {
    text-align: center;
    color: #fff;
}
p.w-f-desc.login-popup-desc a {
    color: white;
    text-decoration: underline;
}

.w-f-group-f {
    display: flex;
    justify-content: center;
}

.w-f-group-f input {
    padding: 5px;
    margin-bottom: 7px;
    border-radius: 3px;
    width: 70%;
    border: 1px solid #ccc;
    width: 99%;
    color: #333;
    outline: none;
    /* border: none; */
    margin-right: 5px;
    padding: 0px 15px;
    border-radius: 3px;
    height: 45px;
}

.w-f-group-btn button {
   padding: 10px 30px;
    margin-right: 5px;
    background: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    outline: none;
    border: 0;
    width: 120px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

.w-f-group-btn {
    display: inline;
}

.modal-body.login-popup-form .forget-password {
    margin-top: 0px;
    display: inline-block;
}


.w-f-group-btn button:after {
    content: '';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.w-f-group-btn:after {
    content: '';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}



p.w-f-desc.login-popup-desc a {
    color: white;
    text-decoration: underline;
}

.modal-body.login-popup-form .forget-password a {
    color: #fff;
}

p.w-f-desc.login-popup-desc a {
    color: white;
    text-decoration: underline;
}

.modal-body.login-popup-form .forget-password a {
    color: #fff;
}

.modal-body.login-popup-form .errors {
    color: red;
    padding: 10px 15px;
    background: #ffffffdb;
    margin-right: 6px;
    border-radius: 3px;
    display: none;
    margin-bottom: 7px;
}

p.w-f-desc.login-popup-desc a {
    color: white;
    text-decoration: underline;
}

.modal-body.login-popup-form .forget-password a {
    color: #fff;
}

.modal-body.login-popup-form .errors {
    color: red;
    padding: 10px 15px;
    background: #ffffffdb;
    margin-right: 6px;
    border-radius: 3px;
    display: none;
    margin-bottom: 7px;
}

.modal-body.login-popup-form span.act-spinner {
    padding:15px 30px;
    margin-top: -10px;
}
.spinner.show {
    opacity: 1;
    visibility: visible
}
.show .spinner__path{
    stroke: #47b365;
}

.spinner__path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.7s ease-in-out infinite;
    animation: dash 1.7s ease-in-out infinite;
    stroke: #fff;
}

.spinner {
    -webkit-animation: rotator 1.7s linear infinite;
    animation: rotator 1.7s linear infinite;
    width: 20px;
    /* margin-left: 17px; */
    opacity: 0;
    visibility: hidden
}
@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    to {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

a.sixteen-font-size.btn-main img {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
}
a.sixteen-font-size.btn-main.socio-icon img {
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
}
.VidIcons {
    width: 12px;
    height: 12px;
        margin-bottom: 1px;
}
.nav .logged-out-footer-li{
    border-right: 1px solid rgb(204, 204, 204);
    width: 33.33%;
    display: flex;
    justify-content: center;
}
.footer-height{
    height: 45px!important;
}
.footer-height2{
    height: 45px!important;
}
.money_alert {
    margin-top: 9px;
    text-align: center;
    background: rgb(255, 234, 168);
    width: 98.6%;
    padding: 10px 0;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(255, 194, 55);
}
.money_alert a{
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-decoration: underline;
}
@media screen and (max-width: 415px){
    .money_alert{
        margin-bottom: 9px;
        width: 100%;
    }
}
    ul.social-login {
    display: flex;
    background: none;
    width: 100%;
    justify-content: space-between;
    padding: 0;
    margin-top: 16px;
}
ul.social-login li{
    width: 100%;
    
}
ul.social-login li a{
    width: 98%!important;
    border-radius: 3px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: flex-start!important;
    margin-left: 0!important;
    border-radius: 3px;
}
ul.social-login li a{
    padding: 5px!important;
}
ul.social-login li a img{
    width: 35px;
    height: 35px;
}
ul.social-login li a span{
    margin-left: 10px;
    color: #fff;
}
.w1-m0{
    width: 100%!important;
    margin-left: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 480px){
    ul.social-login {
        justify-content: space-between;
        flex-direction: column;
    }
    ul.social-login li:first-child{
        margin-bottom: 16px!important;
    }
}
ul.social-login li a.fb-bag{
    background-color: #3a589e!important;
}
ul.social-login li a.soc-bag{
    background-color: #427ecc!important;
}
.repost-section{
    border-left: 2px #e0e0e0 solid;
    overflow: hidden;
}
.repost-section:last-child{

    border-bottom: 0px solid #ffffff !important;

}
.repost-section .re-post{
    /*border-bottom: 1px #ccc solid;*/
}
.repost-section .re-post .post-description{

}
.repost-section .re-post .panel-white{
    box-shadow: none;
}

.repost-section hr{
    border-top: 1px #e0e0e0 solid;
    margin: 0 16px !important;
}
.repost-section .post-heading{
    padding: 2px 10px;
    height: 45px;
}
.repost-section .post-file{
    padding: 10px; 
}
.repost-section .re-post .panel-white{
    margin-bottom: -10px!important;
}
.user_name_class{
    font-size: 1.5286rem;
    color: #3fab5c;
    display: block;
    margin-bottom: 5px;
    text-shadow: 0 0 3px #1b65a5;
}
.setting-panel.investor-form .form-group{
    margin: 0;
}
.setting-panel.investor-form a {
    display: block;
    color: #fff;
    /*background-color: #34a853;*/
    margin: 6px 0;
    padding: 8px 10px;
    border-radius: 8px;
    text-decoration: none;
}
.heading_img{
    width:20px;
    height:20px;
}