@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/*Basic*/
body,
html {
    margin: 0;
    padding: 0
}

body {
    background: var(--background-main);
    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;
    text-decoration: none
}

a.white:focus {
    color: #fff !important;
    text-decoration: none
}

a.white:hover {
    color: #f3f3f3;
    text-decoration: none
}

a,
button {
    outline: 0 !important
}

.wow_content {
    padding: 15px 15px 1px;
}

.wow_content.negg_padd {
    padding: 0;
}

.wow_sett_content {
    padding: 0px 20px 20px;
}

.wow_sett_content .text-center>.btn-mat {
    min-width: 150px;
    margin: 17px 0;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.cc-revoke,
.cc-window {
    font-family: var(--font), sans-serif;
    font-size: 14px;
}

.ramadan {
    color: #D94B4B;
}

.ramadan:hover {
    color: #D94B4B;
}

.cc-message a {
    color: #fff;
    text-decoration: underline;
}

.cc-message a:hover {
    color: #fff;
    text-decoration: none;
}

.backLink {
    transition: 0.2s all;
    padding: 4px;
    border-radius: 10px;
}

.backLink:hover {
    text-decoration: none;
}

.backLink:hover svg path {
    fill: #009D94;
}

.ql-editor {
    overflow: visible;
}

.ql-bubble {
    min-height: 190px;
    color: #393d4a;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 8px;
    width: 100%;
    border: 1px solid #E4E4E4;
    background: #fff;
    font-family: var(--font), sans-serif;
}

.ql-bubble .ql-tooltip {
    background: #FFFFFF;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    z-index: 999;
}

.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 4px;
    height: 28px;
}

.ql-bubble .ql-toolbar .ql-header:last-child {
    align-items: flex-end;
}

.ql-bubble .ql-tooltip-editor input[type=text]:active,
.ql-bubble .ql-tooltip-editor input[type=text]:focus,
.ql-bubble .ql-tooltip-editor input[type=text] {
    outline: 0 !important;
    color: #333;
}

input {
    outline: 0 !important;
}

.ql-bubble .ql-toolbar button.ql-active {
    background: #d9d9d9;
}

.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover {
    background: #d9d9d9;
    transition: 0.2s all;
}

.ql-bubble .ql-toolbar .ql-formats {
    margin: 14px;
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    display: none;
}

.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
    height: auto;
}

.publisherTextBox {
    padding: 8px 85px 20px 46px;
    line-height: 1.3em;
    /*     height: 58px; */
    color: inherit !important;
    border-radius: 10px;
    border: none;
    min-height: 58px;
}

.ql-editor.ql-blank::before {
    font-style: normal;
    color: rgb(155 155 155);
    font-size: 14px;
    left: unset;
    right: unset;
}

/*Buttons*/
.btn-mat {
    position: relative;
    user-select: none;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    text-align: center;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    transform: translate3d(0, 0, 0);
    transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    font-family: var(--font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    min-width: 132px;
    margin: 17px 0;
    background: #00819D;
    border-radius: 10px;
    box-shadow: none !important;
    width: 100%;
    max-width: 208px;
    border: 1px solid transparent;
    transition: 0.4s ease;

}

.btn-mat:hover {
    transition: 0.4s ease;
    border: 1px solid #009D94;
    background: #ffffff;
    color: #009D94;
}

.btn-mat:hover svg path {
    fill: #009D94;
    transition: 0.4s ease;
}

.event-l-btns .btn.interest {
    background: #ffffff;
    border: 1px solid #009D94;
    color: #009D94;
    transition: 0.2s all;
}

.event-l-btns .btn.interest:hover {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: 0.2s all;
}

.event-l-btns .btn.interest:hover svg path {
    fill: #ffffff !important;
    transition: 0.2s all;
}

.top-back-menu {
    display: flex;
    justify-content: space-between;
}

.top-back-menu .wow_event_page_btns {
    margin-top: -8px;
}

.top-back-menu .wow_event_page_btns .btn-default {
    max-width: 175px !important;
    margin: 0 !important;
}

.top-back-menu .wow_event_page_btns a {
    font-weight: 500;
    font-size: 16px;
    line-height: 37px;
    color: #00819D;
    margin-left: 32px;
    cursor: pointer;

}

.reset_filter {
    max-width: 220px;
}

.reset_filter {
    color: #ffffff;
}

.reset_filter:hover {
    color: #00819D !important;
}

.top-back-menu .wow_event_page_btns a.delete-event {
    color: #D94B4B;
}

.btn-mat::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s;
}

.btn-mat::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

.btn-mat:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

.btn-mat svg {
    width: 17px;
    height: 17px;
    margin: -2px 3px 0 0;
}

.btn-mat-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    width: 100%;
    display: block;
}

.btn-mat-raised:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.btn-loading {
    position: relative;
    box-shadow: none;
}

.btn-loading:before {
    display: none;
}

.btn-loading:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    border-radius: 4px;
    transform: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23fff' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: none;
}

.next_thumb,
.prev_thumb,
.small_text {
    text-shadow: 0 1px 2px #333
}

.owl-item,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

.blog-com-wrapper,
.movies-com-wrapper {
    width: 100%;
}

.blog-com-wrapper .blog-comlist-container,
.movies-com-wrapper .movies-comlist-container {
    width: 100%;
    overflow: hidden;
    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: 20px 0px;
    padding: 20px 20px;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
}

.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-cont .movies-comment-item {
    box-shadow: none !important;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box .form-group,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box .form-group {
    margin: 4px;
}

.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: 31px;
    margin-top: 10px;
    font-size: 13px;
    padding: 5px 37px 5px 10px;
    border: 1px solid #ccc;
    border-radius: 50px;
    transition: background-color 240ms, box-shadow 240ms;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box button {
    position: absolute;
    right: 6px;
    top: 12px;
    background: #fff;
    border-radius: 0px 50px 50px 0px;
    padding: 2px 8px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box button:hover {
    background: #f3f4f7;
}

.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 {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 4px;
    width: 100%;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img h5,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img h5 {
    margin: 0px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img h5 .time,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img h5 .time {
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
    color: #828282;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img h5 a,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img h5 a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #212E4F;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img img,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img img {
    height: 40px;
    width: 40px;
    object-fit: cover;
}

.blog-comment-item-img-ava{
    position: relative;
}
.blog-comment-item-img img.investor-icon{
    width: 13px !important;
    height: 13px !important;
    margin-top: -1px;
}
.blog-comment-item-img .verified-color>svg{
    width: 14px !important;
    height: 14px !important;
}

.blog-comment-item-body,
.movies-comment-item-body {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #3E3E3E;
    /* padding: 0px; */
    margin: 8px;
}

.blog-comment-item-body .comment-icons {
    display: flex;
    align-items: center;
}

.del-movies-commreplies,
.del-movies-comment {
    position: absolute;
    right: 10px;
    top: 10px;
}

.blog-comment-item-body #comment_reacted,
.blog-comment-item-body #comment_reactions {
    margin-right: 8px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-reply-cont .blog-comment-item {
    box-shadow: none;
    margin: 0px;
    padding: 8px 24px;
    border-top: 1px solid #DFE0E8;
    border-radius: 0px;
}

.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: var(--font), sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #3E3E3E;
    margin: 8px 0px;
}

.del-blog-commreplies,
.del-blog-comment {
    position: absolute;
    right: 10px;
    top: 10px;
}

.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;
    position: relative;
}

.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;
    /*     line-height: 1.4em; */
    margin-right: 50px;
}

.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-item .comment-icons svg.feather {
    /*height: max-content;*/
}

.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
}

.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
}

.fluid_theatre_mode {
    z-index: 99 !important;
}

.post-file video {
    /* 	max-height: 600px; */
}

.active-player {
    max-height: 100% !important;
}

iframe,
.post-map img {
    border: none;
    border-radius: 0px;
}

.post-shared,
.post-likes,
.post-wonders,
.post-reacted {
    display: none;
    overflow: auto;
    max-height: 300px
}

.comment-text,
.reply-text {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    width: 85%;
    word-wrap: break-word;
    margin: 14px 0px;
}

.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 {
    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
}

.post-privacy-menu li a,
.post-privacy-menu li div {
    color: #777;
    font-size: 12px;
    transition: none !important
}

.post-privacy-menu li div {
    padding: 0 16px !important;
    line-height: 32px;
    display: flex;
    align-items: center;
}

.post-privacy-menu li div>svg {
    margin-right: 8px;
}

.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
}

.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%
}

.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box button {
    position: absolute;
    right: 6px;
    top: 12px;
    background: #fff;
    border-radius: 0px 50px 50px 0px;
    padding: 2px 8px;
}

.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box button:hover {
    background: #f3f4f7;
}

/*Blog Comments*/
.blog-com-wrapper {
    margin-top: 16px;
    padding: 24px 0px 1px;
    border-top: 1px solid #DFE0E8;
}

.blog-com-wrapper .wo_page_hdng {
    padding: 0 0 10px;
    margin-bottom: 20px;
}

.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-box form {
    width: 100%;
    overflow: hidden
}

.blog-com-wrapper .blog-comlist-container:empty {
    padding: 0;
}

.wo_blogcomm_combo {
    display: flex;
    padding: 5px 0;
    position: relative;
}

.wo_blogcomm_combo img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    margin: 6px;
    position: absolute;
}

.wo_blogcomm_combo textarea {
    min-height: 50px;
    border-radius: 50px 0px 0px 50px !important;
    padding: 11px 55px 8px 50px !important;
    border: 0;
    transition: background-color 240ms, box-shadow 240ms;
    font-size: 14px;
    line-height: 28px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.wo_blogcomm_combo textarea::-webkit-scrollbar {
    right: 40px;
}

.wo_blogcomm_combo button {
    border-radius: 0px 25px 25px 0px;
    width: 46px;
    min-width: 50px;
    height: 50px;
    padding: 0;
    margin-right: 0px;
    position: absolute;
    right: 0px;
    margin: 0px;
    background: #fff;
    border: 2px solid #fff;
}

.wo_blogcomm_combo button svg {
    margin: 0;
    width: 24px;
    height: 24px;
}

.blog-com-wrapper .blog-com-head img {
    height: 100%;
    width: 100%
}

.header-fixed1200 {
    max-width: 1100px
}

#publisher-box-focus-modal .panel,
#publisher-box-focus .panel {
    border-radius: 10px;
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.post .post-footer {
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background: #ffffff;
    margin: 0px 14px;
    padding-bottom: 16px;
}

.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-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;
    margin: 20px 0;
    border-top: 1px solid #DFE0E8;
    margin-top: 5px;
    margin-left: 134px;
    padding-top: 19px;
}

.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;
    margin-left: 134px;
    padding-top: 19px;
}

.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: block;
    width: 100%
}

.post .post-footer .comments-list .comment .comment-heading h6 {
    display: flex;
    gap: 4px;
}

.post .post-footer .comments-list .comment .comment-heading h6 .translate_btn:hover {
    text-decoration: underline;
}

.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: block
}

.post .post-footer .comments-list .comment .comment-body .comment_edele_options {
    visibility: hidden
}

.post .post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
    visibility: visible
}

.post .post-footer .textarea {
    height: 40px;
    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: 16px
}

.post .post-heading .avatar {
    width: 46px;
    height: 46px;
    display: block;
    border-radius: 50%
}

.post .post-heading .meta .title {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0px;
}

.post .post-heading .meta .title a {
    color: #1F1F1F;
    font-weight: 600;
    font-size: inherit;
    line-height: 20px;
}

.post .post-heading .meta .title a:hover {
    text-decoration: underline !important
}

.post .post-heading .meta .title .small-text:empty {
    display: none;
}

.post .post-heading .meta .title span {
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post .post-heading .meta .time {
    color: var(--text-main);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.post .post-heading .meta h6 span {
    color: var(--text-main);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post .post-heading .meta h6 span[data-is-translate="true"] {
    color: var(--main-color) !important;
}

.post .post-heading .meta .return_original_text {
    margin-top: 8px;
    color: #999;
    cursor: pointer;
}

.post .post-heading .meta .title span a {
    font-size: 16px;
}

.post .post-description {
    padding: 0px 16px 0px;
}

.post .post-description>div {
    position: relative;
}

.post .post-description>div[aria-expanded="false"]:after {
    content: '';
    height: 50px;
    width: 100%;
    background: #ffffffab;
    position: absolute;
    bottom: -1px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 100%);
}

.post .bs-callout-default .post-description>div[aria-expanded="false"]:after {
    background: linear-gradient(0deg, var(--background-main) 15%, rgba(255, 255, 255, 0) 100%);
}

.post .post-description p {
    font-size: 16px;
    overflow: hidden;
    word-wrap: break-word;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #1F1F1F;
}

.post .post-description p:last-child {
    margin-bottom: 0px;
}

.post .post-description p>span {
    white-space: pre-line;
}

.post .hash.more {
    display: block;
    padding: 0px 0px 8px;
    width: 100%;
}

.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 {
    width: 100%
}

.post .post-file .media-video-file {
    border-radius: 10px;
    background-color: #000;
    padding: 0;
    width: 100%;
    max-height: 380px;
    max-width: 100%
}

.post .post-file img {
    max-height: 600px !important;
    max-width: 100%;
}

.post .post-image .image {
    width: 100%;
    height: auto
}

.post .post-actions .stat-item {
    margin-top: 15px !important;
    font-size: 12px !important;
    color: #C5C5C5 !important;
    line-height: 17px;
}

.post .post-actions .stat-item>span {
    margin-left: 4px;
}

.comment-reply {
    display: none
}

.comment-reply .wo_commreply_combo {
    margin-top: 10px;
    display: flex;
    position: relative;
}

.comment-reply .wo_commreply_combo .avatar {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    margin: 5px 10px;
}

.comment-reply .wo_commreply_combo .textarea {
    margin-top: 0;
    border-radius: 25px !important;
    padding-right: 80px;
    margin-left: 5px;
    padding-left: 38px;
    padding-top: 9px;
    min-height: 38px !important;
}

.comment-reply .wo_commreply_combo .image-comment {
    right: 65px;
    /* width: 50px; */

    background: #fff;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    padding: 0px 8px;
    border-radius: 8px;
}

.comment-reply .wo_commreply_combo .image-comment .btn-file {
    padding: 2px 0 !important;
    font-size: 0;
    margin: 7px 0px;
    background: transparent;
    position: relative;
    border-radius: 0;
}

.comment-edit {
    display: none;
    margin-bottom: 15px
}

.options-buttons {
    position: absolute;
    margin-left: 20px;
    margin-top: 0px;
    z-index: 1;
    top: -8px;
    padding: 8px;
    border-radius: 8px;
}

.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: transparent;
    color: #444;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
    /*     border-bottom: 1px solid #DFE0E8; */
    padding: 5px 0px 15px;
}

.right_user_info .list-group-item:first-child {
    margin: 0px !important;
    background: none !important;
    border: 0px !important;
}

.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
}

/*.content-container {overflow-x:hidden;}*/
.header-container {
    background: #fff;
    width: 100%
}

.header-container .user-avatar img {
    margin-top: 0px;
    margin-right: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.message-contnaier.outgoing .message-user-image {
    display: none;
}

.message-user-image {
    margin-right: 15px;
    border-radius: 50%;
    margin-bottom: 22.18px;
}

.message-user-image img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.comment-btn-wrapper {
    display: inline-block;
    margin-right: 4px;
}

.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: 0px 0
}

.comment-record:empty {
    padding: 0
}

.user-ad-container {
    width: 100% !important;
    position: relative
}

.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: 10px;
    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
}

.notification-list a {
    font-weight: 600;
}

.dropdown-menu.notifications-dropdown .notification-list a {
    display: flex;
    gap: 8px;
}

/*Ads*/
.ads_col_4 {
    padding-left: 15px;
}

.ads_col_8 {
    padding-left: 0;
}

.ads-navbar-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.ads-navbar-wrapper ul {
    margin: 15px;
}

.ads-navbar-wrapper ul li a {
    text-transform: capitalize;
    display: block;
    transition: all 0.2s;
    padding: 10px 15px;
    border-left: 2px solid white;
    font-size: 15px;
    margin: 10px 0;
    text-decoration: none;
    font-family: var(--font), sans-serif;
    color: #858585;
}

.ads-navbar-wrapper ul li a:hover {
    color: #222;
}

.ads-navbar-wrapper ul li a.active {
    color: #000;
    font-weight: 600;
}

.ads-navbar-wrapper ul li a svg {
    width: 20px;
    height: 20px;
    margin: -4px 10px 0 0;
}

.ads_mini_wallet {
    margin: 15px;
    padding: 15px;
    border-radius: 4px;
}

.ads_mini_wallet p {
    opacity: 0.7;
    font-size: 16px;
    text-transform: capitalize;
}

.ads_mini_wallet h3 {
    margin: 0;
    font-size: 36px;
    font-family: var(--font), sans-serif;
}

.wow_mini_wallets {
    display: flex;
    align-items: center;
    padding-bottom: 7px;
}

.wow_mini_wallets h5 {
    margin: 0;
    font-size: 50px;
    font-family: var(--font), sans-serif;
    font-weight: 400;
}

.wow_mini_wallets_btns {
    margin-left: auto;
}

.wow_mini_wallets_btns .btn {
    margin-left: 5px;
}

.wow_add_money_hid_form {
    display: none;
}

.wow_add_money_hid_form .add-amount,
.wow_snd_money_form .add-amount {
    margin: 15px 0 25px;
}

.wow_add_money_hid_form .add-amount h5,
.wow_snd_money_form .add-amount h5 {
    margin: 0 auto;
    font-size: 42px;
    font-family: var(--font), sans-serif;
    width: 130px;
    padding: 4px 0;
    border-bottom: 2px solid #ddd;
}

.wow_add_money_hid_form .add-amount h5 input,
.wow_snd_money_form .add-amount h5 input {
    width: 105px;
    border: 0;
    outline: none;
}

.wow_add_money_hid_form form {
    padding: 20px 0;
    border-top: 1px solid #ececec;
}

.wow_wallet_trans {
    font-family: var(--font), sans-serif;
}

.wow_wallet_trans thead {
    border-bottom: 1px solid #ececec;
}

.wow_wallet_trans thead tr th {
    font-weight: 500;
}

.wow_wallet_trans tbody tr {
    border-bottom: 1px solid #ececec;
}

.wow_wallet_trans tbody tr:last-child {
    border: 0;
}

.ads-cont-wrapper {
    width: 100%;
}

.wow_ads_list_head {
    font-family: var(--font), sans-serif;
    font-weight: 500;
    width: 100%;
    padding: 2px 10px;
    margin-top: 5px;
    overflow: hidden;
}

.wow_ads_list_head li {
    display: inline-block;
    margin: 0 -1.7px;
}

.wow_ads_list_head li.aid,
.wow_ads_lists li .aid {
    width: 9%;
}

.wow_ads_list_head li.acomp,
.wow_ads_lists li .acomp {
    width: 33%;
}

.wow_ads_list_head li.abid,
.wow_ads_lists li .abid {
    width: 13%;
}

.wow_ads_list_head li.aclck,
.wow_ads_lists li .aclck {
    width: 13%;
}

.wow_ads_list_head li.avew,
.wow_ads_lists li .avew {
    width: 13%;
}

.wow_ads_list_head li.asts,
.wow_ads_lists li .asts {
    width: 14%;
}

.wow_ads_list_head li.aemp,
.wow_ads_lists li .aemp {
    width: 5%;
    text-align: end;
}

.wow_ads_lists>li {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: 8px 0;
    padding: 10px;
}

.wow_ads_lists>li>div {
    display: inline-block;
    margin: 0 -1.7px;
    vertical-align: middle;
}

.wow_ads_lists>li>div .dropdown-menu li a {
    font-size: 14px;
}

.wow_ads_lists>li>div .dropdown-menu li a svg {
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 0;
}

.wow_ad_sts_actv {
    display: inline-block;
    padding: 3px 12px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    color: #4CAF50;
    background-color: rgba(76, 175, 80, 0.1);
}

.wow_ad_sts_noactv {
    display: inline-block;
    padding: 3px 12px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    color: #F44336;
    background-color: rgba(244, 67, 54, 0.1);
}

.ads-cont-wrapper .table td {
    vertical-align: middle;
    padding: 13px 8px !important;
}

.wow_creads_minstp {
    padding: 30px 5px 5px;
    font-family: var(--font), sans-serif;
}

.wow_creads_minstp .line {
    width: 100%;
    height: 3px;
    background: #ddd;
    position: relative;
    border-radius: 8px;
    margin-bottom: 15px;
}

.wow_creads_minstp .line .line_sec {
    height: 3px;
    width: 0;
    background: #2196f3;
    border-radius: 2em;
    position: absolute;
    transition: all 0.2s;
}

.wow_creads_minstp .line .dot {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    background: #e0e0e0;
    border-radius: 50%;
    transition: .3s all ease;
    transform: translate(-50%, -50%);
    color: #aeaeae;
    text-align: center;
}

.wow_creads_minstp .line .dot svg {
    width: 18px;
    height: 18px;
    margin: 3px 0;
}

.wow_creads_minstp .line .dot.one {
    left: 6%;
    transform: translate(-50%);
}

.wow_creads_minstp .line .dot.two {
    left: 50%;
}

.wow_creads_minstp .line .dot.three {
    left: auto;
    right: 6%;
}

.step-one-active.wow_creads_minstp .dot.one {
    background: #2196f3;
    color: #fff;
    transform: translate(0px, -50%);
}

.step-two-active.wow_creads_minstp .dot.one,
.step-three-active.wow_creads_minstp .dot.one {
    background: #2196f3;
    color: #fff;
    transform: translate(0px, -50%);
}

.step-two-active.wow_creads_minstp .dot.two,
.step-three-active.wow_creads_minstp .dot.two {
    background: #2196f3;
    color: #fff;
}

.step-three-active.wow_creads_minstp .dot.three {
    background: #2196f3;
    color: #fff;
}

.step-one-active.wow_creads_minstp .line .line_sec {
    width: 7%;
}

.step-two-active.wow_creads_minstp .line .line_sec {
    width: 50%;
}

.step-three-active.wow_creads_minstp .line .line_sec {
    width: 100%;
}

.wow_creads_minstp .steps {
    margin-bottom: 10px;
    position: relative;
    height: 20px;
}

.wow_creads_minstp .steps>div {
    position: absolute;
    top: 0;
    transform: translate(-50%);
    height: 20px;
    display: inline-block;
    text-align: center;
    transition: .3s all ease;
    color: #aeaeae;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.step-one-active .steps>.step-one,
.step-two-active .steps>.step-one,
.step-two-active .steps>.step-two,
.step-three-active .steps>.step-one,
.step-three-active .steps>.step-two,
.step-three-active .steps>.step-three {
    color: #2196f3;
}

.wow_creads_minstp .steps>div.step-one {
    left: 5%;
    transform: none;
}

.wow_creads_minstp .steps>div.step-two {
    left: 50%;
}

.wow_creads_minstp .steps>div.step-three {
    left: auto;
    right: 5%;
    transform: none;
}

.wow_create_ads_stp {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 15px 20px;
}

.wow_create_ads_stp .wo_page_hdng.pag_neg_padd {
    margin-bottom: 15px;
}

.wow_create_ads_stp .btn-mat {
    min-width: 150px;
    margin: 17px 0;
}

.estimated_ad_limit p {
    margin-bottom: 0px;
}

.estimated_ad_limit svg {
    width: 20px;
    height: 20px;
    margin: -2px 3px 0 0;
    opacity: 0.8;
}

.wow_fcov_image {
    position: relative;
    width: 100%;
    min-height: 150px;
    background: #f7f7f7;
    border-radius: 4px;
    margin-top: 10px;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.wow_fcov_image>div {
    /* width: 142px;height: 142px; */
    border-radius: 50%;
}

#wow_fcov_img_holder>span {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 9999;
}

#wow_fcov_img_holder>span:hover {
    cursor: pointer;
    opacity: 0.6
}

.wow_fcov_image>div#productimage-holder {
    white-space: normal;
    padding: 0;
    min-height: 350px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.create-album-page .wow_fcov_image>div#productimage-holder {
    grid-template-columns: 1fr;
}

.wow_fcov_image>div#productimage-holder .thumb-image {
    width: 100%;
    height: auto;
    margin: 0;
    min-height: auto;
}

.wow_fcov_image img {
    width: 100%;
    height: 100%;
    min-height: 250px;
    /* max-height:250px; */
    object-fit: cover;
    border-radius: 10px;
}

.wow_fcov_image .upload_ad_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    padding: 15px;
}

.wow_fcov_image .upload_ad_image .upload_ad_image_content {
    color: white;
    font-size: 15px;
    height: 100%;
    display: flex;
    align-items: center;
}

.wow_group_chat_image:hover,
.wow_group_chat_image img:hover {
    opacity: 0.8;
}

.wow_fcov_image .upload_ad_image .upload_ad_image_content svg {
    display: block;
    margin: 0 auto 8px;
}

/*Fake Ad Post*/
.fake_ad_post {
    width: 100%;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #fff;
    padding-top: 10px;
}

.fake_ad_post .wo_page_hdng {
    margin: -10px 0 5px;
}

.fake_ad_post .fads_heading {
    overflow: hidden;
    width: 100%;
    padding: 10px 15px;
}

.fake_ad_post .fads_meta {
    overflow: hidden;
}

.fake_ad_post .fads_meta .fads_avatar {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    float: left;
}

.fake_ad_post .fads_meta .fads_m_info {
    margin-left: 50px;
}

.fake_ad_post .fads_meta .fads_m_info .company {
    display: block;
    width: 90%;
    border: 0;
    outline: none;
    font-size: 15px;
    font-weight: bold;
    color: #666;
}

.fake_ad_post .fads_meta .fads_m_info .location {
    display: block;
    width: 50%;
    border: 0;
    outline: none;
}

.fake_ad_post .fads_headline {
    font-size: 14px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
    padding: 15px 0;
}

.fake_ad_post .fads_headline div {
    width: 100%;
    font-size: 13px;
    height: 53px;
    overflow-y: auto;
}

.fake_ad_post .fads_cover {
    position: relative;
    border-top: 1px solid #ebebeb;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -10px;
}

.fake_ad_post .fads_cover .fcov_title {
    color: rgba(0, 0, 0, .87);
    font-size: 17px;
    margin: 8px;
    line-height: 28px;
    position: relative;
}

.fake_ad_post .fads_cover .fcov_title svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.fake_ad_post .fads_cover .fcov_title div {
    outline: none;
    font-size: 17px;
    width: 100%;
    display: inline-block;
    padding-left: 25px;
    border: 0;
}

.fake_ad_post .fads_cover .fcov_image {
    position: relative;
    width: 100%;
    height: 180px;
    background: #f7f7f7;
    border-radius: 0 0 4px 4px;
}

.fake_ad_post .fads_cover .fcov_image>div {
    width: 100%;
    height: 100%;
    border-radius: 0 0 4px 4px;
}

.fake_ad_post .fads_cover .fcov_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 4px 4px;
}

.fake_ad_post .fads_meta .fads_m_info .company span,
.fake_ad_post .fads_meta .fads_m_info .location span,
.fake_ad_post .fads_headline div span,
.fake_ad_post .fads_cover .fcov_title div span {
    opacity: 0.7;
    user-select: none;
    pointer-events: none;
}

textarea {
    font-size: 12px;
}

textarea.form-control {
    resize: none !important
}

textarea.form-control.url-input {
    padding-top: 3px;
    min-height: 82px;
}

textarea.postText {
    border: none;
    padding-top: 12px;
    padding-left: 50px;
    height: 45px;
    box-shadow: none;
}

.responsive-img {
    width: 100%;
    max-width: 100%;
}

/*Header*/
.header-fixed1000,
.header-fixed1200 {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}

.header-fixed1000>.container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-fixed1000>.container-fluid:before,
.header-fixed1000>.container-fluid:after {
    display: none;
}

.wow_hdr_innr_left {
    display: flex;
    align-items: center;
    width: 94px;
}

.wow_hdr_innr_left .nav {
    margin-left: 20px;
}

.header-brand {
    display: block;
}

.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))
}

.hide_fill_svg {
    display: none;
}

/* .navbar-default .dropdown.open .dropdown-toggle svg {display: none;} */
.navbar-default .dropdown.open .dropdown-toggle .hide_fill_svg {
    display: inline-block;
}

.navbar-default .dropdown-menu li a svg:not(.feather) {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin: -3px 15px 0 2px
}

.navbar-default .user-menu-combination .user-avatar {
    display: flex;
    align-items: center;
    color: #1F1F1F;
    flex-flow: nowrap;
    gap: 16px;
}

.navbar-default .user-menu-combination .user-avatar:hover img {
    filter: brightness(0.8);
}

.navbar-default .user-menu-combination .user-avatar:active {
    transform: scale(0.92);
}

.navbar-default .user-menu-combination .user-avatar>div {
    /* max-width: 100px; */
    /* min-width: 100px; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.navbar-default .dropdown-menu.ani-acc-menu {
    min-width: 210px;
}

.navbar-default .open>.dropdown-menu.ani-acc-menu {
    top: 64px
}

.navbar-default .sixteen-font-size svg {
    width: 41px;
    height: 40px;
    padding: 12px;
}

.head_name_links {
    margin-left: 8px;
}

.head_name_links .btn-main {
    height: 33px;
    margin: 6px 0;
    padding: 0;
    border-radius: 9px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head_name_links .sixteen-font-size {
    font-size: 13px !important;
    font-weight: bold;
    line-height: 21px;
}

.create_head_menu {
    padding: 8px 0;
    min-width: 190px;
}

.create_head_menu:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 7px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px 0px 20px 0px;
    background: #fff;
    z-index: -1;
}

.create_head_menu li {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.create_head_menu li a {
    font-size: 13px;
    min-height: 36px;
    line-height: 36px;
    user-select: none;
    display: flex;
    align-items: center;
    word-spacing: 2px;
}

.create_head_menu li a svg {
    margin: auto 13px auto 0;
    height: 20px;
    width: 20px;
}

.wow_hdr_menu_usr_lnk {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.wow_hdr_menu_usr_lnk b {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wow_hdr_menu_usr_lnk img {
    width: 27px;
    min-width: 27px;
    height: 27px;
    border-radius: 50%;
}

.wow_hdr_requests {
    padding: 10px;
    font-family: var(--font), sans-serif;
}

.wow_hdr_requests .user-request-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.request-list li {
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
}

.request-list li:last-child {
    border-bottom: 0;
}

.user-request-list .user-info {
    max-width: 75%;
}

.user-request-list .user-info>a {
    font-weight: 500;
    color: #272727;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    max-width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3px;
}

.user-request-list .user-info .avatar {
    display: inline
}

.user-request-list .user-lastseen {
    margin-left: 50px;
}

.user-request-list img {
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
    float: left
}

.user-request-list button {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
}

.user-request-list:not(:first-child) {
    margin-bottom: 10px
}

.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: 60px !important
}

.page-margin {
    margin-top: 16px;
    margin-bottom: 20px
}

/*Sidebar Invite*/
.sidebar .wow_side_invite_prnt {
    box-shadow: 0 1px 3px rgba(129, 92, 0, 0.2);
}

.wow_side_invite {
    text-align: center;
    background-color: #fff6df;
    padding: 20px 15px;
}

.wow_side_invite>svg {
    width: 60px;
    height: 60px;
}

.sidebar .wow_side_invite .sidebar-title-back {
    background: transparent !important;
    color: #986600 !important;
}

.invite-user-form .invite-user-combine {
    position: relative;
    margin: 0;
}

.invite-user-form .invite-user-combine input {
    background-color: white;
}

.invite-user-form button {
    position: absolute;
    top: 4px;
    right: 4px;
    line-height: 16px;
    height: 36px;
    border-radius: 3px
}

.invite-user-form button svg {
    height: 16px;
    width: 16px
}

.left-sidebar ul {
    padding-left: 0 !important;
    margin-bottom: 0px;
}

.left-sidebar ul li a {
    border-radius: 8px;
    padding: 4px 4px;
    display: flex;
    gap: 10px;
    margin: 0;
    line-height: 25px;
    transition: all .2s ease;
    font-size: 16px;
    line-height: 20px;
    color: #1f1f1f;
    align-items: center;
    font-weight: 400;
}

.left-sidebar ul li a:hover {
    background: rgba(0, 0, 0, 0.03)
}

.ummaMenu__icon {
    /* margin-right: 10px; */
    /* height: 26px;
    width: 26px; */
    vertical-align: middle;
    padding: 4px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-sidebar ul li a svg {
    height: 20px;
    width: 20px;
}

.left-sidebar ul li.active a {
    color: #00889b;
}

.left-sidebar ul li.active a.ramadan {
    color: #D94B4B;
}

.left-sidebar ul li.active .ummaMenu__icon {
    background: #00889b;
}

.left-sidebar ul li.active a.ramadan .ummaMenu__icon {
    background: #D94B4B;
}

.left-sidebar ul li.active a svg path {
    fill: #ffffff;
}

.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
}

.sidebar-ramadan svg path {
    transition: 0.2s all;
}

.sidebar-ramadan:hover svg path.rmdn {
    fill: #f3f4f7b5;
    transition: 0.2s all;
}

.sidebar-ramadan svg rect {
    transition: 0.2s all;
}

.sidebar-ramadan:hover svg rect {
    fill: #206e80;
    transition: 0.2s all;
}

/*Dropdown*/
.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
    padding: 8px 0;
    transform: scale3d(.8, .8, 1);
    transform-origin: right top;
    display: block;
    opacity: 0;
    visibility: hidden;
    border: 0;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    top: -7px;
    right: 20px;
}

.wow_lang_select_menu{
    max-height: 250px;
    overflow-y: auto;
}

.add-postType .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    padding: 10px 20px;
    top: -60px;
}

.dropdown-menu.toleft {
    transform-origin: left top !important;
}

.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

.dropdown-menu:not(.notfi-dropdown)>li>a {
    margin: 0 4px;
    line-height: 32px;
    border-radius: 8px;
    padding: 4px 8px;
}

.navbar-default .dropdown-menu.ani-acc-menu>li>a:hover {
    background: var(--color-menu-border) !important;
    color: inherit !important;
}

.messages-notification-container.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]),
.notification-container.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    top: 65px;
}

/*Header Search*/
.search-container .search-input {
    transition: 0.2s all;
    border-radius: 2em;
    border-color: transparent;
    width: 360px;
    height: 40px;
    color: #1f1f1f !important;
    box-shadow: none;
    padding-left: 45px;
    background: 0 0
}

.search-container .search-input:focus {
    background: #fff;
    color: #333
}

.musicPage .inner-addon .glyphicon,
.modal_container_music .inner-addon .glyphicon,
.search-container .inner-addon .glyphicon {
    padding: 0 !important;
    color: #CBCDD8 !important;
    margin: 11px 0 5px 16px;
    width: 16px;
    height: 16px
}

.search-dropdown-container {
    width: 360px;
    transform-origin: center top !important;
}

.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;
    margin: 4px 8px;
    padding: 8px 8px;
    border-radius: 8px;
    transition: all .1s ease-in-out;
    text-decoration: none
}

.search-dropdown-result li a>span.user-popover {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-dropdown-result li a:hover {
    background: var(--color-menu-border);
}

.search-dropdown-result .search-user-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.search-dropdown-result .search-user-lastseen {
    font-size: 11px;
    color: #999
}

.search-dropdown-result .wow_post_usr_ava {
    margin: 0px;
}

.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); */
}

.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: relative;
    color: #5b5b5b;
    z-index: 2
}

.show-message-link-container {
    font-size: 12px;
    padding: 6px;
    text-align: center;
    background: var(--background-main);
    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: 8px;
    display: flex;
}

.notification-list .notification-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    width: 100%;
}

.notification-list .notification-text>span:first-child {
    font-weight: 600;
}

.notification-list .notification-time {
    font-size: 11px;
    color: #666;
    margin: 0px 0 0;
}

.notification-list .notification-time svg.feather {
    margin: 0;
    width: 16px;
    height: 24px;
    color: #575757;
}

.notification-list span.main-color {
    color: #272727 !important
}

.notification-list span:nth-child(2) {
    font-weight: 700;
}

.notification-list .notification-user-avatar img {
    border-radius: 50%;
    margin-right: 0px;
    width: 44px;
    height: 44px;
    margin-left: 0px;
}

.inline_post_count_emoji img {
    border-radius: 0px !important;
}

.wow_side_acts .notification-user-avatar>span img {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    top: 0;
}

.wow_side_acts .notification-user-avatar>span .inline_post_count_emoji {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notifications-dropdown {
    width: 400px;
    overflow: auto;
    max-height: 315px;
    padding: 0 !important
}

.notifications-dropdown .turn-off-sound {
    color: #777;
    padding: 10px;
    border-bottom: 1px solid var(--background-main)
}

.notifications-dropdown .turn-off-sound span {
    cursor: pointer
}

.order-by {
    color: #666 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
    display: none;
}

.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;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.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;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 15px 15px 1px;
}

.wowonder-well.one-well {
    padding-top: 0
}

.profile-style .avatar img {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    margin-bottom: 10px;
    object-fit: cover;
}

.profile-style:not(.promoted-style) {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    /* flex-direction: column; */
    width: 132px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #1F1F1F;
}

.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: 10px;
    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;
    margin: 100px auto;
}

.search-filter-center-text.no-well {
    margin-bottom: 20px
}

.sidebar-conatnier #sidebar-sticky.Stick {
    position: fixed;
    top: 64px;
    width: 300px
}

.sidebar-user-data {
    margin: 0;
    display: block;
    position: relative;
    border-radius: 10px;
}

.sidebar-user-data a {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: revert;
    align-items: center;
    padding: 8px 8px 8px;
    text-decoration: none !important;
}

.sidebar-user-data .sidebar-listed-user-avatar div {}

.sidebar-user-data .sidebar-listed-user-avatar img {
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    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;
    color: #1F1F1F;
    margin-left: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.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: 38px;
    height: 38px;
    border-radius: 50%;
    position: absolute;
    left: 16px;
    top: 10px;
    z-index: 9
}

.publisher-box textarea.postText {
    padding: 20px 85px 20px 55px;
    line-height: 1.3em;
    height: 58px;
    color: inherit !important;
    border-radius: 10px;
    transition: 0.2s background-color;
}

.publisher-box textarea.postText.hover {
    border: 2px dashed #b6b7bc;
    background: #d9d9d9;
}

.publisher-box .add-emoticons {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0
}

.publisher-box .add-postType {
    position: absolute;
    top: 12px;
    right: 8px;
    margin: 0
}

.publisher-box textarea.postText::placeholder {
    top: 20px;
}

.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-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: 0.2s all cubic-bezier(.64, .09, .08, 1);
    -moz-transition: 0.2s all cubic-bezier(.64, .09, .08, 1);
    transition: 0.2s all 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 .btn-mat.btn-go-live {
    padding: 0;
    margin: 0 5px;
}

.publisher-box #publisher-button {
    line-height: 35px;
    min-width: 100px;
    padding: 0px 28px;
}

.publisher-box #publisher-button {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
    border: 1px solid transparent;
}

.publisher-box .publisher-hidden-option #percent_modal,
.publisher-box .publisher-hidden-option #percent {
    position: relative;
    left: auto;
    color: #444 !important
}

.publisher-box .publisher-hidden-option #progress_modal .progress,
.publisher-box .publisher-hidden-option #progress_modal .progress .progress-bar,
.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_modal .progress,
.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
}

.publisher-box .publisher-hidden-option input {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 8px;
}

#feelings-text {
    border: none;
}

.publisher-box .publisher-hidden-option textarea {
    border-radius: 0;
    border: none;
    border-top: 1px solid #ededed
}

.publisher-box .publisher-box-footer {
    padding: 8px 0px 0px;
    display: none
}

.publisher-box .publisher-box-footer .pub-footer-upper {
    margin: 0;
    padding: 4px 1px
}

.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:7px*/
    padding: 0;
    border: 0;
    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 var(--header-form);
    display: flex;
}

.extracted_url .extracted_thumb {
    width: 120px;
    min-width: 120px;
    max-height: 120px;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--header-form);
    border-radius: 10px;
    margin-right: 4px;
}

.extracted_url .extracted_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.extracted_content {
    width: 100%;
}

.thumb_sel {
    width: 100px
}

.thumb_select {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff
}

.remove-fetched-url {
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1032;
    position: absolute;
    border: 0.5px solid var(--border);
}

.remove-fetched-url:hover {
    transition: 0.2s all;
    background: var(--main-color);
}

.remove-fetched-url:hover svg path {
    transition: 0.2s all;
    fill: var(--white);
}

.post-fetched-url .remove-fetched-url {
    right: 4px;
    left: unset;
}

.post-fetched-url {
    border-radius: 3px;
    border: 1px solid #ededed;
    transition: all .2s;
    position: relative;
}

.post-fetched-url:hover {
    background: var(--background-main)
}

.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;
}

.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; */
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.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
}

.del-movies-commreplies svg:hover,
.del-movies-comment svg:hover,
.comment-icons svg:hover {
    transform: scale(1.1);
    transition: 0.2s all;
}

.del-movies-commreplies svg:hover path,
.del-movies-comment svg:hover path,
.comment-icons svg:hover path {
    transition: 0.2s all;
    fill: #009D94;
}

.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: var(--background-main);
    font-size: 18px;
    font-family: var(--font), 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: 10px;
    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;
}

.profile-container .card.hovercard .cardheader {
    background: #fff;
    background-size: cover;
    max-height: 229px;
    min-height: 229px;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    border-radius: 50%
}

.profile-container .card.hovercard .info {
    position: relative;
    width: inherit;
    display: block;
}

.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;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #1F1F1F;
}

.profile-container .card.hovercard .info .title a {
    color: #1F1F1F;
}

.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;
    z-index: 98;
}

.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: 10px
}

.container .profileSidebar .user-avatar a[data-fancybox] {
    display: block;
    width: 100%;
    height: 100%
}

.user-avatar-uploading-progress {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
    position: absolute;
    display: block
}

.user-avatar-uploading-progress .ball-pulse {
    display: block;
    margin: 60px auto;
    margin-top: 50%;
    float: none;
    line-height: 0;
}

.user-avatar-uploading-progress .ball-pulse>div {
    background-color: var(--main-color)
}

.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%
}

.accept-btns {
    margin-top: 5px
}

.user-lastseen {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #828282;
}

.user-lastseen .small-last-seen {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: var(--white);
}

.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 0.2s all-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;
    border-radius: 50px;
    padding: 8px 9px;
}

.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_modal,
#bar,
#percent_modal,
#progress,
.new-update-alert,
.new-update-alert-nikah,
.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: 4px 24px 7px 6px; */
    font-weight: 700;
    display: none;
}

.active-like {}

.active-wonder {
    color: #a84849
}

#comment-likes,
#comment-wonders {
    color: #666
}

.comment-options {
    font-size: 14px;
    color: #C5C5C5;
    position: relative;
    display: block;
    margin-top: 4px;
}

.comment-container .comment-options svg.feather {
    width: 14px;
    height: 14px;
    margin-top: -3px
}

.refresh {
    cursor: pointer;
    font-size: 14px;
    margin: 0px 4px;
}

.online-text {
    color: #006C6C
}

.hidden {
    display: none
}

.center-text {
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px
}

.padding-10 {
    padding: 10px
}

.new-update-alert-nikah,
.new-update-alert {
    padding: 0 4px;
    color: #fff;
    font-size: 11px;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    max-width: 18px;
    height: 18px;
    background-color: #D94B4B;
    border-radius: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    right: 10px;
    line-height: 100%;
    top: 12px;
}

.left-sidebar .new-update-alert-nikah,
.left-sidebar .new-update-alert {
    position: absolute;
    width: 6px;
    height: 6px;
    right: 8px;
    border-radius: 50%;
    top: 15px;
    background-color: var(--danger);
    /* -webkit-animation: notify-pulse 1s infinite; */
    font-size: 0;
    padding: 0px;
}

.wow_chat_list-right .new-update-alert {
    margin: 0px;
}

.nikah-item-menu {
    position: relative
}

.chat-tab-preloader {
    text-align: center;
    margin: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 40%;
}

#emo-form_modal,
#emo-form,
#photo-form,
#progress_modal,
#progress {
    position: relative
}

.unread {
    background: var(--background-main);
}

.view-more-wrapper {
    display: block;
    margin-top: 2px
}

.view-more-wrapper span {
    cursor: pointer
}

.view-more-wrapper span:hover {
    text-decoration: underline
}

#progress_modal,
#progress {
    width: 100%;
    padding: 4px;
    display: none
}

#percent_modal {
    position: absolute;
    left: 50%
}

#bar {
    height: 20px;
    width: 0
}

.white {
    color: #fff
}

.posts-container {
    margin-bottom: 20px
}

.time {
    font-size: 11px;
    color: var(--text-main);
}

.time a {
    color: var(--text-main);
}

.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: 99
}

.pub-focus #focus-overlay {
    bottom: 0;
    opacity: 0;
    transition: opacity .3s
}

.pub-focus .post.publisher-box {
    z-index: 100;
    position: relative
}

.pub-focus .pac-container {
    z-index: 100
}

#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: var(--font), 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
}

#video-form div.video-poster-image .thumb-renderer:hover {
    border-color: #00819D
}

#video-form div.video-poster-image .thumb-renderer.hover {
    border-color: #00819D;
    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_modal,
#emo-form,
#map-form_modal,
#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_modal,
#emo-form {
    font-size: 14px
}

#photo-form .create-album,
#poll-form_modal .create-poll,
#poll-form .create-poll {
    transition: all .2s ease-in-out;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

#map-form_modal,
#map-form {
    margin: 10px
}

#file-form_modal,
#gif-form_modal,
#file-form,
#gif-form {
    display: none;
    border-top: 1px dashed #ededed;
    padding: 8px;
}

#image-holder {
    width: 100%;
    padding: 0 8px;
    margin: 5px 0 10px;
    white-space: nowrap
}

#image-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
}

#poll-form_modal,
#album-form,
#poll-form {
    display: none
}

#image-holder .thumb-image:last-child {
    margin-right: 0
}

#photo-form .create-album {
    background: #009b94;
    border-radius: 3px;
    padding: 2px 5px 3px;
    margin: -36px 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_modal .publisher-hidden-option.answers,
#poll-form .publisher-hidden-option.answers {
    margin: 10px;
    border-radius: 4px;
    overflow: hidden
}

#poll-form_modal .create-poll,
#poll-form .create-poll {
    display: inline-block;
    color: #009098;
    border-radius: 3px;
    padding: 2px 5px 3px;
    margin: 0 10px 13px;
    cursor: pointer
}

#poll-form .create-poll:hover {}

#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: 0px solid #e3e4e8;
    border-radius: 10px;
}

.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*/
.footer-wrapper {
    font-size: 12px;
    font-family: var(--font), sans-serif;
}

.footer-wrapper hr {
    border-color: #e9e9e9;
    margin-bottom: 15px !important
}

.footer-wrapper .footer-powered {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #8d98b4;
}

.footer-wrapper .footer-powered .list-inline {
    margin: 0;
}

.footer-wrapper-sidebar {
    font-size: 12px;
    font-family: var(--font), sans-serif;
    margin-top: 8px;
}

.footer-wrapper-sidebar .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    top: auto;
}

.footer-wrapper-sidebar .footer-powered {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #8d98b4;
    font-weight: 500;
}

.footer-wrapper-sidebar .footer-powered p,
.footer-wrapper .footer-powered p {
    margin: 0;
}

.footer-wrapper-sidebar .footer-powered .dropdown-toggle,
.footer-wrapper .footer-powered .dropdown-toggle {
    text-decoration: none;
    line-height: 1;
    display: block;
    color: #8d98b4;
}

.footer-wrapper-sidebar .footer-powered .dropdown-toggle svg,
.footer-wrapper .footer-powered .dropdown-toggle svg {
    width: 13px;
    height: 13px;
    margin-top: -2px;
}

.wow_lang_select_menu {
    min-width: 140px;
}

.wow_lang_select_menu>li>a {
    font-size: 14px;
}

.footer-wrapper-sidebar hr {
    border-color: #e9e9e9;
    margin: 10px 0 !important;
}

.footer-wrapper-sidebar .list-inline {
    margin: 0 0px 0;
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-wrapper-sidebar .list-inline>li>a {
    text-decoration: none;
    line-height: 1;
    display: block;
    color: #8d98b4;
    font-size: 12px
}

.footer-wrapper-sidebar .list-inline>li>a:hover {
    text-decoration: underline;
}

footer .footer-wrapper {
    display: none
}

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
}

/*Chat*/
.recipient-chat-user {
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
    margin: 5px 0;
    transition: 0.2s all;
}

.recipient-chat-user:hover {
    background-color: rgba(0, 0, 0, .04);
}

.recipient-chat-user .new-message-alert {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #ce3d3d;
    border-radius: 50%;
    padding: 0;
    margin-right: 5px;
}

.recipient-chat-user .user-info {
    display: flex;
    align-items: center;
    gap: 4px;
}

.recipient-chat-user img {
    width: 35px;
    /* min-width: 35px; */
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 0px;
}

.recipient-chat-user .chat-user-text {
    color: #353535;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 85px);
}

.wow_chat_list-right {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.recipient-chat-user .chat-loading-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

.recipient-chat-user .chat-loading-icon svg {
    width: 20px;
    height: 20px;
}

.recipient-chat-user .chat-loading-icon:empty {
    width: 0;
    height: 0;
}

.chat-container {
    max-height: 100%;
    overflow: hidden;
    bottom: 0;
    color: #3f3f3f;
    height: 45px;
    position: fixed;
    right: 0;
    width: 280px;
    padding-top: 0px;
    z-index: 999;
    font-family: var(--font), sans-serif;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    transition: 0.2s all;
    background: #ffffff;
}

.chat-container:hover {
    transition: 0.2s all;
    height: 50px;
}

.chat-container.full {
    min-height: 100%
}

.chat-container .online-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid #DFE0E8;
    cursor: pointer;
    background: linear-gradient(144.52deg, #009D94 0%, #00819D 70.81%);
    color: #fff;
    min-height: 46px;
}

.chat-container .online-toggle h3 {
    margin: 0;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.chat-container .online-toggle .chat-status {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.chat-container .online-toggle .chat-status .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .04);
    height: 27px;
    margin-left: 8px;
    width: 27px;
    min-width: 27px;
    border-radius: 50%;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.chat-container .online-toggle .chat-status .btn svg {
    width: 19px;
    height: 19px;
}

.chat-container .online-toggle .chat-status .dropdown-menu {
    min-width: 130px;
}

.chat-container .online-toggle .chat-status .dropdown-menu li a {
    font-size: 13px;
}

.chat-container .online-toggle .chat-status .dropdown-menu li a svg {
    width: 9px;
    height: 9px;
    margin: -2px 5px 0 0;
}

.chat-container .online-toggle .chat-status .dropdown-menu li.divider {
    margin: 5px 0;
}

.chat-container .wow_chat_search {
    padding: 10px;
    position: relative;
    bottom: 4px;
    width: 282px;
    text-align: center;
    z-index: 99;
}

.chat-container .wow_chat_search input {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 7px;
    height: 32px;
    border: 0;
    padding: 1px 12px 1px 37px;
    outline: 0;
    width: 232px;
    border-radius: 50px;
    background: #DFE0E8;
}

.chat-container .wo_chat_tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    text-align: center;
    margin: 0px 0 14px;
}

.chat-container .wo_chat_tabs li {
    float: none;
    margin: 0 3px;
    width: auto;
    border-bottom: 1px solid #D1D2DC;
}

.chat-container .wo_chat_tabs li a {
    padding: 7px 20px;
    height: auto;
    margin: 0;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    border: 0 !important;
    border-radius: 2em;
    color: #D1D2DC;
    cursor: pointer;
}

.chat-container .wo_chat_tabs li a:hover,
.chat-container .wo_chat_tabs li.active a:focus {
    color: #1F1F1F !important;
}

.chat-container .wo_chat_tabs li.active a {
    cursor: pointer !important;
    color: #1F1F1F;
}

.chat-container .wo_chat_tabs li.active svg>path {
    fill: #FFFFFF !important;
}

.chat-container .wo_chat_tabs li a>svg>path {
    fill: #D1D2DC;
}

.chat-container .wo_chat_tabs li a svg {
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-right: 5px;
}

.online-content-toggler {
    /* max-height:40%; */
    overflow-y: auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    flex-grow: 1;
    display: block;
}

.online-content-toggler .empty_state {
    font-size: 14px;
}

.online-content-toggler .empty_state svg {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
}

.chat-opacity {
    width: 280px;
    position: absolute;
    height: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 100;
    backdrop-filter: blur(6px);
    top: 45px;
    right: 0;
    align-items: center;
    justify-content: center;
}

.chat-container .chat-container.open .chat-opacity.active {
    display: none;
}

.chat-container.open .chat-opacity.active {
    display: flex;
}

.chat-opacity .empty_state {
    /* margin: -45px 0 0; */
    padding: 0 10px;
}

.chat-opacity .empty_state .btn {
    margin-top: 30px;
    box-shadow: none;
    background-color: #03A9F4;
    color: #ffffff;
    width: 100%;
}

.wow_group_chat_image,
.wow_group_chat_image img {
    min-height: 142px;
    max-height: 142px;
    width: 142px;
    margin: 0 auto;
    border-radius: 50%;
}

.wow_fcov_image_label {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #C5C5C5;
    display: block;
    margin: 8px auto 0;
    text-align: center;
}

#create_group_chat .modal-dialog {
    max-width: 590px;
    width: 100%;
}

.group_chat_mbr_list {
    width: 100%;
    max-height: 200px;
    overflow-x: auto;
    position: absolute;
    background: #fff;
    z-index: 9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 4px 4px;
}

.group_chat_mbr_list:empty {
    padding: 0;
    box-shadow: none;
}

.group_chat_mbr_list p.no_participant {
    width: 100%;
    line-height: 90px;
    text-align: center;
    font-size: 15px;
    margin: 0;
}

.group_chat_mbr_part {
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.group_chat_mbr_part:last-child {
    border-bottom: none
}

.group_chat_mbr_part .avatar {
    width: 37px;
    height: 37px;
    margin-right: 10px;
}

.group_chat_mbr_part .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.group_chat_mbr_part .user-name {
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
}

.group_chat_mbr_part .user-lastseen,
.group_chat_mbr_part .user-lastseen .small-last-seen {
    font-size: 12px;
    color: #7b7b7b;
}

.group_chat_mbr_part.active {
    background: #E4E4E4;
}

.group_chat_mbr_part .user_info {
    display: flex;
}

.group_check_mbr {
    display: none;
}

.group_chat_mbr_part.active .group_check_mbr {
    display: block;
}

.chat_main {
    position: fixed;
    bottom: 0;
    width: 280px;
    color: #333;
    z-index: 250;
    border-radius: 6px 6px 0 0;
    right: 285px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.chat_main:nth-child(2) {
    right: 570px
}

.chat_main:nth-child(3) {
    right: 870px
}

.chat-tab .online-toggle-hdr {
    width: 100%;
    font-size: 13px;
    padding: 8px;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wow_chat_hdr_usr {
    display: inline-flex;
    align-items: center;
    font-family: var(--font), sans-serif;
}

.wow_chat_hdr_usr .avatar {
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 8px;
}

.wow_chat_hdr_usr .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.wow_chat_hdr_usr a {
    text-decoration: none;
}

.wow_chat_hdr_usr h3 {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.wow_chat_hdr_usr .chat-tab-status {
    margin: 2px 0 -2px;
    display: none;
    font-size: 10px;
}

.wow_chat_hdr_usr .chat-tab-status.active {
    display: block;
    color: #7dd181;
}

.wow_chat_hdr_usr .chat-tab-status svg {
    width: 7px;
    height: 7px;
    margin-top: -1px;
}

.chat-tab .online-toggle-hdr .close-chat a {
    display: inline-block;
    line-height: 1;
}

.chat-tab .online-toggle-hdr .close-chat svg {
    width: 21px;
    height: 21px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    padding: 2px;
}

.chat-tab .online-toggle-hdr .close-chat svg.disabled {
    opacity: 0.4;
}

.chat-tab .time {
    font-size: 9px;
}

.chat-user-desc {
    padding: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    height: 274px;
    flex-direction: column;
    font-family: var(--font), sans-serif;
}

.chat-user-desc.chat-user-desc-show {
    display: flex;
}

.chat-user-desc img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.chat-user-desc .text {
    text-align: center;
}

.chat-user-desc .head-text {
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}

.chat-user-desc .desc-text {
    font-size: 12px;
    color: #6b6b6b;
}

.chat-user-desc .desc-text svg {
    margin-top: -2px;
    width: 13px;
    height: 13px
}

.chat-messages-wrapper {
    height: 280px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    background-color: #fff;
    width: 280px;
    padding-top: 6px;
    position: relative;
}

.chat-tab-container.hover .chat-textarea textarea#sendMessage {
    border: 2px dashed #b6b7bc;
    background: #d9d9d9;
}

.chat-messages {
    position: relative;
}

.chat-messages-wrapper .incoming {
    max-width: 65%
}

.chat-messages-wrapper .incoming p .hash {
    color: #333 !important
}

.chat-messages-wrapper .outgoing .message-media a {
    color: #00819d;
}

.chat-messages-wrapper a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chat-messages-wrapper .message-media a i {
    padding: 0px 3px;
}

.message-contnaier,
.chat-messages-wrapper .messages-wrapper {
    border: none;
    padding: 1px 5px 3px;
    cursor: pointer;
}

.chat-messages-wrapper .messages-wrapper.active {
    background: #f2f6fa;
    padding-left: 28px;
    position: relative;
}

.message-contnaier.active {
    background: #f2f6fa;
    position: relative;
}

.message-contnaier:hover,
.messages-wrapper:hover {
    background: #f2f6fa;
}

.message-contnaier:hover::before {
    content: url('./images/check.svg');
    width: 18px;
    height: 18px;
    display: flex;
    border-radius: 50px;
    background: #d9e8f5;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -14px;
}

.message-contnaier.active::before,
.messages-wrapper.active::before {
    content: url('./images/check.svg');
    width: 18px;
    height: 18px;
    display: flex;
    border-radius: 50px;
    background: #b2cde4;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -14px;
}

.message-contnaier.active::before {
    left: -24px;
}

.message-media-wave {
    overflow: hidden;
    height: 24px;
    max-width: 200px;
    float: right;
    width: 100%;
    padding-left: 40px;
}

.messages-wrapper .audioFileOwner {
    border: 1px solid #D9E8F5;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    max-width: 200px;
    position: relative;
    float: right;
    width: 100%;
}

.text-sender-container .messages-wrapper .audioFile,
.text-sender-container .messages-wrapper .audioFileOwner {
    width: 200px;
}

.messages-wrapper .audioFile {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    max-width: 200px;
    position: relative;
    width: 100%;
}

.message-media-wave wave {
    max-width: 150px;
    width: 100%;
}

.message-media-wave .audio_control__play {
    position: absolute;
    left: 6px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-media-wave .audio_control__play .audio_control__stopping,
.message-media-wave .audio_control__play .audio_control__playing {}

.message-media-duration {
    position: absolute;
    font-size: 12px;
    color: #9197a3;
    bottom: 8px;
}

.chatDeleteMessage__container {
    display: none;
}

.chatDeleteMessage__body {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-top: 1px solid #ddd;
    background: #fff;
    height: 87px;
}

.text-sender-container .chatDeleteMessage__body {
    border-top: 0px solid #ddd;
    justify-content: flex-end;
    gap: 8px;
    padding: 0px 8px;
}

.chatDeleteMessage__changedMessCnt {
    position: absolute;
    left: 150px;
}

.chatDeleteMessage__close {
    font-size: 12px;
    padding: 8px;
    background: #E1F9F7;
    border-radius: 5px;
    color: #009D94;
    margin: 8px 0px;
    position: relative;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    /* 	max-width: 150px; */
    /*     width: 100%; */
}

.text-sender-container .chatDeleteMessage__close {
    position: absolute;
    left: 30px;
}

.chatDeleteMessage__close:hover {
    transition: 0.2s all;
    background: #d4edf3;
}

.chatDeleteMessage__change {
    font-size: 12px;
    padding: 8px;
    background: #00819D;
    border-radius: 5px;
    color: #ffffff;
    margin: 8px 0px;
    position: relative;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    /* max-width: 150px; */
    /*     width: 100%;       */

}

.chatDeleteMessage__change:hover {
    transition: 0.2s all;
    opacity: 0.8;
}

.chatDeleteMessage__delete {
    font-size: 12px;
    padding: 8px;
    background: #D94B4B;
    border-radius: 5px;
    color: #ffffff;
    margin: 8px 0px;
    position: relative;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    /* max-width: 150px; */
    /*     width: 100%;       */
}

.chatDeleteMessage__delete:hover {
    transition: 0.2s all;
    opacity: 0.8;
}

.chatEditMessage__container {
    display: none;
    padding: 5px;
    font-size: 12px;
    background: #f2f4f9;
}

.text-sender-container .chatEditMessage__container {
    border-left: 2px solid #009497;
    display: none;
    padding: 0px 5px;
    font-size: 12px;
    background: #ffffff;
    margin: 6px 29px 0px;
}

.chatEditMessage__header {
    font-size: 12px;
    font-weight: 600;
    color: #00819d;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chatEditMessage__header>svg {
    width: 21px;
    height: 21px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}

.chatEditMessage__body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.chatEditMessage__header>svg:hover {
    transition: 0.2s all;
    background-color: rgb(199 224 232);
}

.chatReplyMessage__container {
    display: none;
    padding: 5px;
    font-size: 12px;
    background: #f2f4f9;
}

.text-sender-container .chatReplyMessage__container {
    border-left: 2px solid #009497;
    display: none;
    padding: 0px 5px;
    font-size: 12px;
    background: #ffffff;
    margin: 6px 29px 0px;
}

.chatReplyMessage__container.mediaFile {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
}

.chatReplyMessage__header {
    font-size: 12px;
    font-weight: 600;
    color: #00819d;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chatReplyMessage__container.mediaFile .chatReplyMessage__header {
    align-items: flex-start;
    width: 100%;
}

.chatReplyMessage__header>svg {
    width: 21px;
    height: 21px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}

.chatReplyMessage__header>svg:hover {
    transition: 0.2s all;
    background-color: rgb(199 224 232);
}

.chatReplyMessage__body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.chatReplyMessage__container.mediaFile .chatReplyMessage__body {
    width: 32px;
    height: 32px;
}

.chatReplyMessage__body>img {
    border-radius: 0px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: hidden;
    object-fit: cover;
}

.replyMessage_container {
    border-left: 2px solid #00819d;
    padding-left: 4px;
    margin-bottom: 4px;
}

.replyMessage_header {
    font-size: 12px;
    font-weight: 600;
    color: #00819d;
}

.replyMessage_body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.replyMessage_body img {
    width: 32px;
}

.time_message {
    display: flex;
    justify-content: flex-end;
    font-size: 9px;
    color: #9197a3;
    gap: 4px;
}

.edited_message {
    font-style: italic;
}

.text-sender-container .edited_message {
    padding-top: 5px;
}

.chat-messages-wrapper .incoming,
.chat-messages-wrapper .outgoing {
    max-width: 75%;
    position: relative;
}

.chat-messages-wrapper .message-group_owner {
    font-weight: 500;
    font-family: var(--font), sans-serif;
    font-size: 12px;
    margin: 3px 1px 2px;
}

.chat-messages-wrapper .message-group_owner a {
    text-decoration: none;
}

.chat-messages-wrapper .incoming .message-text,
.chat-messages-wrapper .outgoing .message-text {
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 16px;
    color: #4b4f56;
    background-color: #D9E8F5;
}

.chat-messages-wrapper .outgoing {
    /*     background: #ffffff !important;	 */
}

.chat-messages-wrapper .outgoing .message-text {
    color: #4b4f56 !important;
}

.chat-messages-wrapper .messages-wrapper .message-media {
    overflow: hidden;
    line-height: 1;
    display: flex;
}

.chat-messages-wrapper .messages-wrapper .message-media>a:not(.file-sharing-download-btn) {
    text-decoration: none;
    border-radius: 15px;
    padding: 0px;
    font-size: 13px;
    line-height: 16px;
}

/* .chat-messages-wrapper .messages-wrapper .incoming .message-media > a:not(.file-sharing-download-btn) {background-color: #e8e8e8;} */
.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
}

.btn-chat {
    width: 50.2%;
    border-radius: 0;
    font-size: 12px;
    margin-top: 0
}

.chat-textarea {
    width: 100%;
    border-top: 1px solid #ddd;
    background-color: #fff
}

.chat-textarea textarea {
    width: 100%;
    height: 50px;
    border-radius: 0;
    padding: 6px;
    font-size: 13px;
    resize: none;
    max-height: 200px;
    border: 0;
}

.chat-textarea .chat-btns-w {
    padding: 3px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fbfbfb;
    border-radius: 4px;
}

.chat-textarea .chat-btns-w .ball-pulse {
    margin: 0;
    line-height: 26px;
    transform: scale(0.7);
}

.chat-textarea .chat-btns-w .btn-file {
    padding: 0;
    display: inline-flex;
    border: 0;
    cursor: pointer;
    box-shadow: none;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    margin: 0 1px;
}

.chat-textarea .chat-btns-w .animateRecord {
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    right: 114px;
    width: 45px;
    height: 33px;
}

.chat-textarea .chat-btns-w .animateRecord svg {
    fill: #00819D;
    height: 24px;
    margin: 5px;
}

.modalDeleteMessage__wrap {
    position: absolute;
    z-index: 9999;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(214 214 214 / 50%);
    backdrop-filter: blur(3px);
    padding: 32px;
}

.modalDeleteMessage__container {
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 20px 0;
    font-size: 14px !important;
    line-height: 160%;
}

.modalDeleteMessage__checkbox .round-check input+label {
    font-size: 14px;
    line-height: 16px;
    padding-left: 28px;
}

.modalDeleteMessage__checkbox .round-check input+label:before {
    width: 26px;
    height: 26px;
}

.modalDeleteMessage__checkbox .round-check input[type=checkbox]:checked+label:after {
    left: 7px;
    top: 7px;
}

.modalDeleteMessage__checkbox .round-check,
.modalDeleteMessage__checkbox .round-check input+label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-sender-container .modalDeleteMessage__checkbox .round-check input+label {
    line-height: 27px;
}

.modalDeleteMessage__title {
    padding: 0px 18px;
}

.modalDeleteMessage__checkbox {
    color: #000;
    display: block;
    line-height: 18px;
    padding: 8px 0;
    margin: 9px 0;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalDeleteMessage__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.modalDeleteMessage__footer .cancelBtn {
    color: #00819D;
}

.modalDeleteMessage__footer .deleteBtn {
    color: #D94B4B;
}

.modalDeleteMessage__footer>div {
    padding: 4px;
    border-radius: 4px;
    transition: .2s all;
    cursor: pointer;
}

.modalDeleteMessage__footer>div.deleteBtn:hover {
    background: #d94b4b3d;
}

.modalDeleteMessage__footer>div.cancelBtn:hover {
    background: #00819d3d;
}

@for $i from 1 through 9 {
    #Line_#{$i} {
        animation: pulse 1s infinite;
        animation-delay: $i * .15s;
    }
}

@keyframes pulse {
    0% {
        transform: scaleY(1);
        transform-origin: 50% 50%;
    }

    50% {
        transform: scaleY(.7);
        transform-origin: 50% 50%;
    }

    100% {
        transform: scaleY(1);
        transform-origin: 50% 50%;
    }
}

.chat-textarea .chat-btns-w .record_timei {
    position: absolute;
    bottom: 6px;
    padding: 4px 7px;
    background-color: #fff;
    right: 63px;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .19);
    line-height: 1;
    font-weight: 500;
    font-family: var(--font), sans-serif;
    font-size: 12px;
}

.chat-textarea .chat-btns-w .chat_optns {
    color: #5b5b5b
}

.chat-textarea .chat-btns-w .chat_optns svg {
    width: 20px;
    height: 20px;
}

.chat-textarea .chat-btns-w .chat_optns.dropup {
    position: static;
}

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu {
    left: 0;
    right: 0;
    height: 280px;
    padding: 0;
    bottom: 45px;
    margin: 0;
}

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state {
    margin: 83px 0;
}

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state svg {
    width: 60px;
    height: 60px;
    color: #ffffff;
}

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu.wow_choose_chat_clrs {
    bottom: 92px;
    box-shadow: none;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
}

.wow_choose_chat_clrs .chat-colors-cont {
    width: 100%;
    height: 100%;
    padding: 15px;
}

.wow_choose_chat_clrs .chat-colors-cont a {
    width: auto;
    line-height: 1;
    font-size: inherit;
    margin: 5px 3px;
}

.wow_choose_chat_clrs .chat-colors-cont a svg {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    transition: all 0.15s;
}

.wow_choose_chat_clrs .chat-colors-cont a svg:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    opacity: 0.8;
}

.chat-textarea .chat-btns-w .chat_optns .emo-container {
    max-height: 280px;
    overflow-y: auto;
    display: block !important;
    top: -230px;
}

.chat-textarea .chat-btns-w .chat_optns .emo-container span {
    display: inline-flex;
    margin: 2px;
    padding: 0px;
    border-radius: 4px;
    transition: all 0.15s;
    cursor: pointer;
    font-size: 21px;
}

.chat-textarea .chat-btns-w .chat_optns .emo-container span:hover {
    background-color: #d9d9d9;
}

.chat-textarea .chat-btns-w .chat_optns .emo-container span i {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    margin: 0;
}

#chat-box-stickers {
    height: 280px
}

#chat-box-stickers input {
    padding-left: 10px;
    border: none;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid #f0f0f0
}

#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: 280px
}

#chat-box-stickers input+#chat-box-stickers-cont {
    max-height: 260px
}

#chat-box-stickers-cont img,
#chat-box-stickers-cont video {
    width: 50%;
    height: 80px;
    display: inline;
    cursor: pointer;
    float: left
}

.home-sidebar.profile-style.wow_add_groupcht_mmbrs {
    margin: 0;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    font-family: var(--font), sans-serif;
    border-bottom: 1px solid #eee;
}

.home-sidebar.profile-style.wow_add_groupcht_mmbrs:last-child {
    border: 0;
    padding-bottom: 0;
}

.home-sidebar.profile-style.wow_add_groupcht_mmbrs h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

.home-sidebar.profile-style.wow_add_groupcht_mmbrs .pointer.status {
    margin-left: auto;
}

.w100 {
    width: 100%;
    overflow: hidden
}

.record-chat-audio {
    padding: 3px;
    color: #333
}

.chat-recording-time {
    color: #333;
    font-size: 13px;
    font-family: var(--font), sans-serif
}

.Montserrat {
    font-family: var(--font), 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: -1px !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: #55acee
}

.verified-color svg {
    width: 18px !important;
    height: 18px !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 img {
    width: 35px !important;
    height: 35px;
    overflow: hidden
}

.activity-container .activity .inline_post_count_emoji>img {
    width: 16px !important;
    height: 16px;
}

.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
}

.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
}

.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: 350px;
    border-radius: 3px;
    background-color: var(--background-main);
    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 var(--background-main);
    left: 10px;
    border-bottom-color: #ffffff;
    top: 0;
    filter: drop-shadow(0 -8px 6px rgba(0, 0, 0, .35));
    display:none;
}

.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: 70px
}

.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);
    object-fit: cover;
}

.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-buttons .btn-message {
    font-size: 10px;
    width: 100%;
    font-weight: 500;
    width: 100%;
    background: transparent;
    border: 1px solid #00819D;
    color: #00819D;
    max-width: 100%;
    display: block;
    border-radius: 10px;
    padding: 0px 24px;
    height: 28px;
}

.user-fetch .user-buttons .btn-message:hover {
    opacity: 0.8;
}

.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: flex;
    flex-direction: column;
}

.user-fetch .user-footer .user-button button {
    font-size: 13px;
    width: 132px;
    line-height: 15px;
    margin: 0 auto;
    margin-bottom: 8px;
}

.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
}

.list-group {
    background: transparent;
    box-shadow: none;
}

ul#filterby-post {
    /*position: sticky;*/
    /* top: 45px; */
    z-index: 9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-start;
    margin: 0px;
    margin-bottom: 8px;
    padding: 0px 8px;
    background: var(--white);
    overflow: hidden;
}

.filterby .active,
.filterby li:hover {
    background: #ffffff
}

.filterby li {
    cursor: pointer;
    height: 35px;
    line-height: 2
}

.filterby .active {
    border-left: 3px solid;
    transition: 0.2s all;
}

#filterby-post li.list-group-item {
    display: flex;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
    width: 202px;
    height: 50px;
    padding: 5px 10px;
    text-align: center;
    border-radius: 10px 10px 10px 10px;
    transition: 0.2s all;
    font-size: 14px;
    line-height: 17px;
    color: #828282;
}

#filterby-post li.list-group-item svg {
    width: 20px;
    height: 20px;
    display: block;
}

.emo-comment,
.image-comment {
    position: absolute;
    color: #999;
    top: 0px;
    z-index: 2
}

#filterby-post .active {
    border: none;
    border-radius: 10px 10px 10px 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #1F1F1F;
}

.float-right {
    margin-top: 5px;
    float: right
}

.emo-comment {
    right: 33px
}

.image-comment {
    right: 25px;
}

.sub-comment {
    display: none;
}

.sub-comment.active {
    display: block;
}

.comment-image-con {
    max-width: 150px;
    position: relative;
    margin-top: 10px
}

.comment-image-con img {
    max-width: 150px;
    width: 100%;
    border-radius: 3px;
    height: 150px;
}

.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: 10px;
    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 textarea {
    max-height: 300px
}

.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: var(--background-main) !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 var(--background-main);
    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: var(--font) !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: 0.2s all;
    text-shadow: #555 0 0 1px;
    padding: 5px;
}

.btn-upload-image:hover {
    background: #dddddd8a;
    text-shadow: #444 0 0 3px
}

.nopadding-left {
    padding-left: 0 !important
}

.lightbox-backgrond {
    width: 100%;
    z-index: 1030;
    background: rgba(0, 0, 0, .8)
}

.lightbox-content {
    transition: 0.2s all;
    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 {
    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: var(--text-main);
}

.feeling-text {
    font-size: 13px
}

.feeling-type {
    max-height: 235px;
    overflow: auto;
    display: none
}

.feeling-type ul {
    padding: 5px;
    border-top: 1px solid #ededed;
    margin-bottom: 1px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.feeling-type li {
    color: #8D98B4;
    padding: 8px 16px;
    background: #FFFFFF;
    border: 1px solid #DFE0E8;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 12px;
    font-size: 12px;
    margin: 4px;
    padding: 0px 0px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #DFE0E8;
    border-radius: 10px;
}

.feeling-type.feeling-types {
    position: relative;
    background-color: #fff;
    width: 100%;
    z-index: 9;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0 0 5px 5px;
    border-top-width: 0;
}

.feeling-type.feeling-types li {
    display: table;
    margin: 2px 8px;
}

.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;
    padding-left: 10px;
}

.feelings-value {
    background-color: #fff;
    color: #555;
    padding: 4px 6px;
    position: absolute;
    padding-left: 10px;
}

.feeling-type li i.twa,
.feelings-value i.twa {
    margin-top: 0px;
    vertical-align: bottom;
    margin: 0px 8px;
}

.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: #EAEAEA;
    transition: 0.8s all;
}

.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
}

/*Album*/
.cool-style-album {
    margin-bottom: 30px
}

.cool-style-album .album_parent {
    position: relative;
    font-family: var(--font), sans-serif;
}

.cool-style-album .album_parent .avatar {
    position: relative;
}

/*.cool-style-album .album_parent .avatar:before, .cool-style-album .album_parent .avatar:after {content: "";height: 8px;position: absolute;top: 100%;transition: background-color 0.2s;border-radius: 0 0 6px 6px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);background-position: bottom;}
.cool-style-album .album_parent .avatar:before {background-color: #000000;left: 10px;right: 10px;opacity: 0.7;background-blend-mode: hard-light;}
.cool-style-album .album_parent .avatar:after {left: 20px;right: 20px;background-color: #000000;margin-top: 8px;opacity: 0.3;background-blend-mode: hard-light;}*/
.cool-style-album .album_parent .avatar a {
    display: block;
    position: relative;
    /* padding-bottom: 60%; */
    height: 220px;
    background: #DFE0E8;
    border-radius: 10px;
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.cool-style-album .album_parent .avatar a:active,
.cool-style-album .album_parent .avatar a:hover {
    text-decoration: none;
}

.cool-style-album .album_parent .avatar svg {
    margin: 0 auto;
}

.cool-style-album .album_parent .avatar a img {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.cool-style-album .album_parent .avatar .alb_count {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 4px 5px;
    border-radius: 5px;
}

.cool-style-album .album_parent .avatar .alb_count svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.cool-style-album .album-name {
    position: absolute;
    padding: 0px 15px;
    background: #fff;
    /* top: 0; */
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px 0px 10px 10px;
    pointer-events: none;
    height: 85px;
    color: #1f1f1f;
}

.cool-style-album .album-name h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    overflow: hidden;
    display: block;
    margin: 0;
    margin-bottom: 8px;
}

.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;
    padding: 8px;
}

.album-image span {
    position: absolute;
    top: 0;
    display: none !important;
    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
}

/*Steps*/
.wow__minstp .steps>div.step-three {
    right: 6.3%;
}

.wow_usr_steps {
    font-family: var(--font), sans-serif;
    text-align: center;
}

.wow_usr_steps>h2 {
    margin: 20px 0 15px;
    font-weight: 400;
}

.wow_usr_steps>h4 {
    font-weight: 100;
    font-size: 16px;
    margin: 0 0 15px;
}

.wow_usr_steps .wow_form_fields label,
.wow_usr_steps .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
    text-align: initial;
}

.wow_usr_steps .wow_frnd_usr {
    margin-top: 50px;
    margin-bottom: 10px;
}

.wow_usr_steps_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
    margin-top: 15px;
}

.wow_usr_steps_cont .btn {
    margin-left: auto;
}

.wow_usr_steps .upload-image {
    margin: 50px auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #f6f6f6;
    border: 0;
    box-shadow: 0 0 0 3px white, 0 0 0 6px #e6e6e6;
}

.wow_usr_steps .upload-image img {
    width: 100%;
    height: 100%;
}

.upload-image,
.upload-image img {
    width: 250px;
    height: 250px;
    max-width: 100%
}

.add-photo #progress {
    width: 250px;
    max-width: 100%;
    padding: 0;
    margin: 10px auto 20px;
}

.add-photo #percent {
    left: 46%
}

.add-photo label {
    font-size: 15px
}

.skip-step {
    cursor: pointer
}

.skip-step:hover {
    text-decoration: underline
}

.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: 230px;
    overflow: hidden;
    display: none;
    border-radius: 10px;
}

.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%;
    height: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 16px;
}

.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 var(--background-main);
    border-radius: 3px
}

.icon-no {
    width: 18px
}

.cover-wrapper,
.cover-wrapper img,
.event-descripton {
    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
}

.event-detail {
    margin: 7px 0px;
    padding-top: 16px;
    border-top: 1px solid #DFE0E8;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.event-detail .profile-container {
    padding: 0px;
}

.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*/
.events-list-wrapper {
    margin-bottom: 30px
}

.events-list-cover {
    overflow: hidden;
    position: relative;
    font-family: var(--font), sans-serif;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
}

.events-list-cover .event_cover {
    display: block;
    position: relative;
    padding-bottom: 47%;
}

.events-list-cover img.events-list-cover-img {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.events-list-cover .event_cover span {
    position: relative;
    color: #1f1f1f;
    background-color: #fff;
    line-height: 16px;
    padding: 8px 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
}

.events-list-cover .event_cover div {
    padding: 16px 16px 8px;
    left: 0;
    right: 0;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-transform: capitalize;
}

.events-list-cover .event_cover div svg {
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

.events-header {
    display: flex;
    justify-content: space-between;
    top: 0;
    height: fit-content;
}

.event-l-info {
    padding: 15px 15px 0px;
}

.events-list-name {
    font-size: 23px;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #1F1F1F;
}

.event-location {
    position: absolute;
    bottom: 0px;
    background: #fff;
    border-radius: 0px 10px 0px 10px;
    padding: 8px;
}

.events-list-name a {
    text-decoration: none;
    color: black;
}

.event-l-btns {
    margin: 15px -7px 0;
    display: flex;
    justify-content: center;
}

.event-l-btns>span {
    width: 49.5%;
    display: inline-block;
    padding: 0 7px;
}

.event-l-btns .btn {
    width: 100%;
}

.wo_event_profile .profile-container .card.hovercard {
    margin-bottom: 0px;
}

.wo_event_profile .profile-container .card.hovercard .cardheader {
    position: relative;
}

.event-info-cont-small {
    overflow: hidden;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    z-index: 9;
}

.event-info-cont-small .info {
    display: flex;
    align-items: center;
}

.short_start_dt {
    margin-right: 15px;
    background-color: rgba(0, 0, 0, 0.4);
    min-width: 45px;
    text-align: center;
    border: 2px solid #a5a5a5;
    border-radius: 3px;
    padding: 2px;
}

.short_start_dt p {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 12px;
}

.short_start_dt b {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}

.event-info-cont-small .info h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #1F1F1F;
    margin: 16px 0px;
}

.wo_event_profile .event-info-cont {}

.event_cdown {
    padding: 0;
    margin: 0 -5px;
    font-family: var(--font), sans-serif;
}

.event_cdown li {
    display: inline-block;
    font-size: 12px;
    list-style-type: none;
    padding: 0 5px;
    text-transform: capitalize;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #828282;
}

.border-bottom {
    border-bottom: 1px solid #DFE0E8;
    margin-bottom: 16px;
}

.event_cdown li span {
    font-size: 19px;
    background: #f0f0f0;
    border-radius: 50%;
    margin: 0 auto 6px;
    position: relative;
    height: 42px;
    width: 42px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 50px;
}

.event_two_blocks {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: 0 0 2px;
    padding: 0 0px 16px;
    font-family: var(--font), sans-serif;
}

.event_two_blocks div {
    display: block;
    width: 100%;
    padding: 24px 39px 0px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #1F1F1F;
}

.event_two_blocks div:first-child {}

.event_two_blocks div svg {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.event_two_blocks div span {
    display: block;
    margin-bottom: 2px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #828282;
}

.event_invite_frnd {
    padding: 0px 15px 2px;
    position: relative
}

.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: 10px;
    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-name {
    font-weight: 500;
}

.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
}

.featured-users {
    border-radius: 10px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    margin-bottom: 15px;
    background: #b94043;
    background: linear-gradient(to right, #b53c3f, #ca6162)
}

.featured-users .pro-me-here {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    margin: 12px 0;
    font-family: var(--font), sans-serif;
    font-weight: 500;
}

.featured-users .pro-me-here a {
    color: #fff
}

.featured-users .list-inline {
    margin-bottom: 0;
    margin-left: 0
}

.featured-users .list-inline .slick-slide {
    position: relative;
}

.featured-users .list-inline .slick-slide 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
}

.parts-icon,
.clear-icon,
.exit-icon,
.edit-icon,
.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;
    display: none;
}

#textarea_paypal {
    min-height: 200px
}

.product-price {
    color: green;
    font-weight: 100
}

.product-name {
    color: #444;
    font-weight: 600
}

.product-description {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */


    color: #1F1F1F;
}

.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 .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: 16px;
    margin-top: 16px;
}

.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,
.thread-replies {}

.posts-count:hover {
    background-color: #f5f5f4
}

#members table thead tr th,
.member_list,
.small {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #828282;
    padding-top: 16px;
}

table tbody#mbrs tr td {
    background: none !important;
    box-shadow: none !important;
    border-right: 1px solid #DFE0E8;
    text-align: center;
}

.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1F1F1F;
}

table tbody tr td.actionButtons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    line-height: 4.5em;
    transition: 0.2s all;
}

table tbody tr td.actionButtons a:hover {
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s all;
}

table tbody tr td.actionButtons a:hover svg>path {
    fill: #009D94;
    transition: 0.2s all;
}

#members table thead tr th {
    text-align: center;
}

.forum-mbr-list-user {
    display: flex;
}

.forum-mbr-list-infoUser {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
    text-align: left;
}

.forum-mbr-list-infoUser span {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #828282;
}

.forum-mbr-list-ava {
    margin-right: 8px;
}

.forum-mbr-list-ava img {
    width: 48px !important;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

/*Post Poll*/
.options {
    position: relative;
}

.wo_votes {
    margin: 7px 0;
    overflow: hidden;
    position: relative;
    font-family: var(--font), sans-serif;
    border-radius: 2em;
    background-color: #fafbfd;
}

.wo_votes .answer-vote {
    font-size: 12px;
    font-weight: 500;
    width: 60px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.options .poll-option {
    padding: 7px 10px;
    color: #555;
    cursor: pointer;
    border-radius: 2em;
    z-index: 1;
    position: relative;
}

.options .poll-option>span svg {
    width: 20px;
    height: 20px;
    margin: -2px 6px 0px 0;
    opacity: 0.4;
}

.wo_votes:hover {
    background-color: #f6f7f9
}

.options .result-bar-parent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.options .result-bar {
    width: 40%;
    height: 100%;
    transition: width .3s;
    background-color: #2196F3 !important;
    opacity: 0.2;
}

.options .total-votes {
    color: #fff;
    font-size: 13px;
    position: relative;
    background-color: #2196F3;
    border-radius: 2em;
    padding: 1px 7px;
    z-index: 1;
    right: 12px;
    width: fit-content;
    float: right;
}

.options .total-votes svg {
    width: 14px;
    height: 14px;
    margin-top: -2px;
}

.wo_votes.active .poll-option {
    color: #2196f3;
}

.wo_votes.active .poll-option>span svg {
    opacity: 1;
}

#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,
.member_list {
    width: 100%;
    border-radius: 1px;
    padding: 16px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.fff {
    color: #fff
}

.w-100 {
    width: 100%;
    overflow: hidden
}

.member_list a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.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 (max-width:724px) {
    .nav-tabs>li>a>span {
        display: none
    }
}

#mbr-ls-cont {
    background-color: #f6f7f9
}

.f_topics {
    font-size: 14px;
    color: #848484;
}

.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-weight: normal;
    font-size: 12px;
    line-height: 15px;
    padding: 0px;
    color: #828282;
    transition: 0.2s all 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: 10px;
    background-color: #fff
}

.thread-replies div img.avatar {
    margin: auto auto 20px;
    border-radius: 3px
}

.user-title-thread {
    margin: 0px 0px 4px;
}

.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: var(--font), sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #262626;
    text-align: left
}

.forum_descr {
    margin-left: 40px;
}

.forum_title>svg {
    margin-right: 16px;
    width: 60px;
}

.forum_info_data {
    margin-top: 16px;
    margin-bottom: 16px;
}

.forum_info_data>span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #828282;
    margin-right: 48px;
}

.forum_info_data>span>span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
    margin-left: 16px;
}

textarea#replythread,
textarea#replythread:active,
textarea#replythread:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-shadow: none;
    border: 0px;
    border-radius: 0px 0px 10px 10px;
}

.thraed-header-content .action_button .btn-glossy {
    margin: 0px 15px;
    padding: 8px;
    border-radius: 10px;
}

.thraed-header-content .action_button {
    display: flex;
}

.thraed-header-content .avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50px;
}

.user-author-thread {
    display: flex;
    border-bottom: 1px solid #DFE0E8;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.user-info-thread {
    margin-left: 8px;
    text-align: left;
}

hr {
    border-top: 1px solid #DFE0E8;
}

.tooltip {
    z-index: 999999;
    position: absolute;
}

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: 10px
}

.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 {
    padding: 0px;
    margin-top: 8px;
}

.read-blog .read-blog-info p {
    color: #999;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px
}

.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;
    text-align: justify;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.read-blog-container .read-blog .read-content {
    color: #333;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    text-align: justify;
    font-weight: 400;
    line-height: 1.8;
}

.read-blog-container .read-blog .read-content a {
    text-decoration: underline;
}

.read-blog-container .read-blog .read-content a:hover {
    text-decoration: none;
}

.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 .read-content ol {
    list-style: decimal;
}

.read-blog-container .read-blog .read-content ul {
    list-style: disc;
}

.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: 5px 0px 0
}

.read-blog-container .read-tags .postTag {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    padding: 1px;
    border-bottom: 1px solid #000;
    margin: 5px;
    font-family: var(--font), sans-serif;
    font-weight: 500;
    color: black;
}

.read-blog-container .read-tags .postTag:hover {
    border-bottom: 1px solid transparent;
}

.read-blog-container .related-post .blog-sidebar {
    margin: 0;
    padding: 0 5px
}

.read-blog-container .related-post .blog-sidebar .wo_page_hdng {
    padding: 0 0 10px;
    margin-bottom: 15px;
}

.read-blog-container .related-post .blog-sidebar .row {
    margin: 0 -9px;
}

.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%;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 115px;
}

.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 var(--background-main); */
    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: 18px;
    font-size: 35px;
    font-weight: 400
}

.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;
    background-color: #00819D;
    width: 15px;
    height: 15px;
    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: #00819D;
    width: 15px;
    height: 15px;
    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: #00819D;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

input.cusrange[type=range]::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#cusrange-reader {
    text-align: end;
    border: 0;
    background: #f0f0f0 !important;
    position: relative;
    font-weight: 500;
    color: #7a7d7e;
    width: 50px;
    font-size: 13px;
    height: 30px;
    line-height: 29px;
    margin-left: 10px;
    border-radius: 4px;
}

.nearby_user_wrapper {
    position: relative;
    overflow: hidden;
    min-height: 245px;
    padding: 0;
    font-family: var(--font), sans-serif;
    margin-bottom: 16px;
    background: #ffffff;
    border-radius: 10px;
}

.nearby_user_wrapper .avatar {
    width: 100%;
    height: 245px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.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: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.nearby_user_wrapper .user_wrapper_link {
    display: block;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    font-style: normal;
    line-height: 20px;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    width: 100%;
}

.nearby_user_wrapper .avatar img:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    transition: 0.2s all linear;
}

.nearby_user_wrapper .user-follow-button {
    padding: 8px 0px 0px;
    display: flex;
    flex-direction: column;
}

.nearby_user_wrapper .user-follow-button span:not(:last-child) {
    margin-bottom: 8px;
    width: 100%;
}

.nearby_user_wrapper .user-follow-button span {
    width: 100%;
}

.nearby_user_wrapper .user-follow-button span>a {
    color: #ffffff;
}

.nearby_user_wrapper .user-follow-button>a {
    width: 100%;
}

.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;
    cursor: pointer
}

.nearby_user_wrapper small:hover {
    color: #676
}

.nearby_user_wrapper small svg.feather {
    margin-top: -1px;
    width: 12px;
    height: 12px
}



.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: 99 !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
}

.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:991px) {
    .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: var(--background-main)
}

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 var(--background-main)
}

.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p:hover {
    background-color: #f6f7f9
}

.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: 4px 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))
}

/*Stories*/
.view-more-stories a {
    font-weight: normal;
    font-size: 13px;
}

.user-status-home {
    position: relative;
    margin-bottom: 15px
}

.user-status-home .wo_page_hdng {
    padding: 10px;
    border: 0;
}

.user-status-home .wo_page_hdng_innr {
    justify-content: space-between;
}

.user-status-home ul.status-list {
    display: flex;
    margin: 0 -10px 9px;
    padding: 0;
}

.user-status-home ul.status-list li {
    display: inline-block;
    margin: 0px;
    margin-right: 8px;
    padding: 0px;
    width: 64px;
    height: 64px;
}

.user-status-home ul.status-list li a {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    width: 64px;
    height: 64px;
    display: block;
    user-select: none;
    text-decoration: none;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    transition: 0.2s all;
    padding: 0px;
    font-family: var(--font), sans-serif;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
}

.user-status-home ul.status-list li.create_new a {
    background: #00819D;
}

.user-status-home ul.status-list li.create_new a svg {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 5px;
    display: block;
    margin: 0px auto;
    color: #444;
}

.user-status-home ul.status-list li a img {
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    user-select: none;
    pointer-events: none;
    padding: 4px;
    border-radius: 50px;
}

.user-status-home ul.status-list li a p {
    bottom: 17px;
    left: 0;
    overflow: hidden;
    right: 0;
    padding: 0 8px;
    margin: 0;
    z-index: 1;
    color: #fff;
    font-weight: 500;
}

.wow_home_stories {
    padding: 0px;
    margin-bottom: 0px;
}

.wow_home_stories .wo_page_hdng {
    padding: 0px;
}

.wow_home_stories ul.status-list {
    margin: 8px 0px;
}

/* .wow_home_stories ul.status-list li a {padding-bottom: 100%;} */

.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
}

.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,
[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
}

/*Float Head*/
.wow_main_float_head {
    margin: 0px 16px;
}

.wow_main_float_head.com_thing {
    background: linear-gradient(-45deg, #ae41c1 0%, #f06292 100%);
}

.wow_main_float_head.contactus {
    background: linear-gradient(-45deg, #009688 0%, #4CAF50 100%);
}

.wow_main_float_head.fundus {
    background: linear-gradient(-45deg, #db3212 0%, #b81764 100%);
}

.wow_main_float_head.findfrnd {
    background: linear-gradient(-45deg, #3F51B5 0%, #2196F3 100%);
}

.wow_main_float_head.gopro {
    background: linear-gradient(-45deg, #cf861b 0%, #eaa530 100%);
}

.wow_main_float_head.jobs {
    background: linear-gradient(-45deg, #21b9f3 0%, #4c7faf 100%);
}

.wow_main_float_head.moviez {
    background: linear-gradient(-45deg, #bd7961 0%, #795548 100%);
}

.wow_main_float_head.markets {
    background: linear-gradient(-45deg, #0fbb8b 0%, #6ba85b 100%);
}

.wow_main_float_head.show-fnds {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.wow_main_float_head>.container {
    padding: 40px 15px;
    color: #fff;
    font-family: var(--font), sans-serif;
}

.wow_main_float_head.show-fnds>.container {
    color: #000;
    z-index: 1;
    position: relative;
}

.wow_main_float_head h1 {
    margin: 0;
    font-family: var(--font), sans-serif;
    text-align: center;
}

.wow_main_float_head h1 svg {
    width: 32px;
    height: 32px;
    margin: -6px 0 0;
}

.wow_main_float_head>.container>h4 {
    font-weight: normal;
    font-size: 18.5px;
    margin: 15px 0 0;
}

.wow_main_float_head .wow_form_fields {
    padding: 0;
    max-width: 500px;
    margin: 40px auto;
}

.wow_main_float_head .wow_form_fields input {
    background-color: rgba(255, 255, 255, 0.5);
}

.wow_main_float_head .wow_form_fields input::placeholder {
    color: #fff
}

.wow_main_float_head .wow_form_fields input:focus {
    background-color: white;
}

.wow_main_float_head .wow_form_fields .search_suggs {
    position: absolute;
    padding: 10px;
    margin: 0;
    background-color: white;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    width: 100%;
    z-index: 9;
}

.wow_main_float_head .wow_form_fields .search_suggs:empty {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.wow_blog_cats {
    padding: 0;
    margin: 0;
    text-align: left;
}

.wow_blog_cats li {
    display: inline-block;
}

.wow_blog_cats li a {
    color: #1f1f1f;
    display: block;
    border: 1px solid #fff;
    margin: 5px 2px;
    padding: 6px 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    background: #FFFFFF;
    border-radius: 50px;
    transition: 0.2s all;
}

.wow_blog_cats li a:hover,
.wow_blog_cats li.active a {
    border: 1px solid #00819D;
    color: #00819D;
    transition: 0.2s all;
}

/*Articles*/
.wow_main_blogs_bg {
    margin-bottom: 15px;
}

.wow_main_blogs {
    margin-bottom: 30px;
    color: #1f1f1f;
}

.wow_main_blogs .avatar {
    display: block;
    position: relative;
    padding-bottom: 56%;
}

.wow_main_blogs .avatar img {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    transition: 0.2s all;
}

.wow_main_blogs:hover .avatar img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    transition: 0.2s all;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 40%);
}

.wow_main_blogs_info_top {
    display: flex;
    justify-content: space-between;
}

.wow_main_blogs_info_top a {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #1F1F1F;
}

.wow_main_blogs_info_top a.postCategory {
    color: #828282;
}

.wow_main_blogs_info_top img {
    width: 12px;
    height: 12px;
    object-fit: cover;
    border-radius: 50px;
    margin-right: 4px;
}

.wow_main_blogs_info_botoom {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #828282;
}

.wow_main_blogs_info {
    width: 100%;
    border-radius: 6px;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 8px 0px;
    display: flex;
    flex-direction: column;
    font-family: var(--font), sans-serif;
}

.wow_main_blogs_info>.postCategory {
    display: inline-block;
    text-decoration: none;
}

.wow_main_blogs_info>h2 {
    margin: 8px 0;
}

.wow_main_blogs_info>h2 a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.wow_main_blogs_info>.postMeta--author-text,
.wow_main_blogs_info>.postMeta--author-text a {
    text-decoration: none;
}

.wow_main_blogs_info>.btn,
.wow_main_blogs_info>.wow_main_blogs_btns .btn {
    margin-top: auto;
    max-width: 160px;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    backdrop-filter: blur(10px);
}

.wow_main_blogs_info>.wow_main_blogs_btns {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.wow_main_blogs_info>.wow_main_blogs_btns>a {
    border: 1px solid #019B95;
    padding: 4px 8px;
    border-radius: 50px;
    transition: 0.2s all;
    color: #019B95;
}

.wow_main_blogs_info>.wow_main_blogs_btns>a.delete-blog {
    color: #D94B4B;
    cursor: pointer;
    border: 1px solid #D94B4B;
}

.wow_main_blogs_info>.wow_main_blogs_btns>a.delete-blog:hover {
    background-color: #D94B4B;
    text-decoration: none;
    transition: 0.2s all;
}

.wow_main_blogs_info>.wow_main_blogs_btns>a:hover {
    background-color: #019B95;
    ;
    color: #ffffff;
    text-decoration: none;
    transition: 0.2s all;
}

.wow_main_blogs_info>.wow_main_blogs_btns .btn {
    margin: 0 5px;
}

.wow_read_blog_hdr_img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 8px;
    margin-bottom: 16px;
}

.wow_read_blog_hdr_img img {
    width: 100%;
    max-height: 365px;
    height: 100%;
    object-fit: cover;
}

.wow_main_float_head.moviewatch {
    margin-top: 16px;
    border-top: 1px solid #DFE0E8;
}

.wow_read_blog_hdr_img_share {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 15;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 2em;
    padding: 7px;
}

.wow_read_blog_hdr_img_share ul {
    margin: 0;
}

.wow_read_blog_hdr_img_share ul li {
    display: inline-block;
}

.wow_read_blog_hdr_img_share .btn-share {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    margin: 0px 2px;
}

.wow_read_blog_hdr_img_share .btn-share.timeline {
    background-color: #444;
}

.wow_read_blog_hdr_img_share .btn-share.facebook {
    background-color: #337ab7;
}

.wow_read_blog_hdr_img_share .btn-share.twitter {
    background-color: #55acee;
}

.wow_read_blog_hdr_img_share .btn-share.linkedin {
    background-color: #007bb6;
}

.wow_read_blog_hdr_img_share .btn-share.pinterest {
    background-color: #cb2027;
}

.wow_read_blog_hdr_img_share .btn-share svg {
    width: 18px;
    height: 18px;
}

.wow_read_blog_hdr_img_innr {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0px 0px 0px;
    font-family: var(--font), sans-serif;
    z-index: 9;
}

.wow_read_blog_hdr_img_innr .postCategory {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    backdrop-filter: blur(10px);
    min-width: auto;
    line-height: 25px;
    padding: 0 10px;
    font-weight: normal;
}

.wow_read_blog_hdr_img .postCategory {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: #fff;
    border-radius: 0px 10px 0px 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1F1F1F;
    padding: 8px 16px;
}

.wow_read_blog_hdr_img time {
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    border-radius: 0px 0px 10px 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1F1F1F;
    padding: 8px 16px;
}

.read-blog-container {
    padding: 0px;
    margin-top: 16px;
    border-right: 1px solid #DFE0E8;
    padding-right: 20px;
}

.read-blog-container h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #1F1F1F;
    margin: 16px 0px;
}

.wow_read_blog_hdr_img_innr h2 {
    margin: 20px 0;
    font-size: 44px;
    color: #fff;
}

.wow_read_blog_hdr_img_innr .read-blog-info-user .metaLink {
    display: inline-block;
    text-decoration: none;
    border-radius: 8px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text .verified-color>svg{
    width: 12px !important;
    height: 12px !important;
}

.recipient-chat-user img.investor-icon{
    width: 15px;
    height: 15px;
    margin-top: -1px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text .investor-icon{
    width: 12px;
    height: 12px;
    margin-top: -1px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-avatar img {
    width: 40px;
    height: 40px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text a {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #1F1F1F;
}

.action_btn_blog {
    float: right;
}

.action_btn_blog>a {
    color: #00819d;
    cursor: pointer;
    margin: 8px;
}

.action_btn_blog>a.delete-blog {
    color: #d94b4b;
}

.read-blog-info-user {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.read-blog-info-user > div{
    display: flex;
}

.read-blog-info-user .user-name a,
.read-blog-info-user .user-name span {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #C5C5C5;
    margin-left: 16px;
    padding: 8px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text time {
    display: block;
    font-size: 13px;
}

.wow_read_blog_row {
    margin: 0px 0 0;
    padding: 0 0px;
    position: relative;
    z-index: 9;
}

.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
}

.no-box-shadow {
    box-shadow: none !important
}

.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
}

.blog-ls-img {
    padding: 0
}

.blog-ls-img img {
    width: 100%;
    border-radius: 3px
}

.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
}

.main-blog-sidebar {
    padding: 5px
}

.main-blog-sidebar .widget {
    margin-top: 30px;
}

.main-blog-sidebar .widget:first-child {
    margin-top: 0
}

.main-blog-sidebar .widget .wo_page_hdng {
    padding: 0 0 10px;
    margin-bottom: 15px;
}

.main-blog-sidebar .widget .wow_form_fields input {
    box-shadow: none;
    background-color: #eaeff2;
    height: 38px;
    border-radius: 2em;
    font-size: 14px;
    padding: 5px 12px;
}

.main-blog-sidebar .widget ul {
    padding: 0;
    list-style: none
}

.main-blog-sidebar .popular-articles li {
    margin-top: 30px;
    overflow: hidden;
    font-family: var(--font), sans-serif;
}

.main-blog-sidebar .popular-articles li:first-child {
    margin-top: 0
}

.main-blog-sidebar .popular-articles li .article-thumbnail {
    display: block;
    width: 65px;
    height: 65px;
    position: relative;
    border-radius: 10px;
    background: #aaa
}

.main-blog-sidebar .popular-articles li .article-thumbnail img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-right: 15px;
    border-radius: 10px;
    object-fit: cover
}

.main-blog-sidebar .popular-articles li .article-title {
    margin-left: 80px;
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none
}

.main-blog-sidebar .popular-articles li .article-title:hover {
    text-decoration: underline;
}

.main-blog-sidebar .popular-articles li .article-info {
    margin-left: 80px;
    display: block;
    margin-top: 4px;
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
    font-weight: 400
}

#wo_repeat_search,
.gray-list.active {
    font-weight: 700;
    word-break: break-all;
}

.main-blog-sidebar .popular-categories li {
    margin: 0 2px 9px 0;
    display: inline-block;
}

.main-blog-sidebar .popular-categories li a {
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    font-family: var(--font), sans-serif;
    transition: 0.2s all;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #1F1F1F;
    border: 1px solid transparent;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}

.main-blog-sidebar .popular-categories li a:hover {
    border: 1px solid #019B95;
    color: #019B95
}

#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: var(--background-main);
    padding: 1px;
    text-align: center;
    font-size: 25px;
    line-height: 120px
}

#send-money-form .alert {
    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: var(--background-main);
    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 var(--header-form);
    margin-bottom: 4px;
}

.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
}

.ads-activation .active {
    color: #46af00
}

.danger-tab a,
.warning-tab a {
    background-color: #d9534f;
    color: #fff
}

.theme.active {
    background-color: #f5f5f4
}

#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;
    margin: 0px 8px;
}

.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;
    background: #fff
}

.sidebar .sidebar-title-back svg {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin: -3px 10px 0 0
}

.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 {
    box-shadow: none
}

.answers span {
    display: flex;
    align-items: center;
    position: relative;
}

.answers span .ummaClose__btn {
    width: 16px;
    height: 16px;
    transition: 0.2s all;
}

.answers span .ummaClose__btn:hover svg path {
    fill: var(--main-color);
}

.answers span .ummaClose__btn:active {
    transform: scale(0.88);
    -webkit-transform: scale(0.88);
    transition: 0.2s all;
}

.nav-tabs>li {
    width: 25%;
    text-align: center
}

.nav-tabs>li>a {
    height: 30px;
    border-radius: 0
}

#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
}

.table tr td {
    padding: 10px !important;
    background-color: #fff;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    transition: 0.2s all;
}

.table tr:hover td {
    /*	background-color: #F2F4F9;*/
    transition: 0.2s all;
    /*box-shadow: inset 1px 3px 8px rgb(0 0 0 / 10%);	*/
}

.replythreadTextArea {
    display: none;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-first {
    right: 110px !important;
}

.mce-textbox.mce-multiline {
    max-width: 500px !important;
}

.mce-primary button {
    color: #000 !important;
}

.mce-container,
.mce-widget,
.mce-reset {
    background: #ffffff !important;
    border-radius: 10px;
}

.mce-tooltip-inner {
    background-color: #000 !important;
}

.mce-text,
.mce-txt {
    font-family: var(--font) !important;
}

.mce-ico {
    color: #00889b !important;
}

.mce-menu-align .mce-menu-shortcut,
.mce-menu-align .mce-caret,
.mce-menu-item-normal.mce-active .mce-text,
.mce-menu-item:hover .mce-text,
.mce-menu-item:hover .mce-ico,
.mce-menu-item.mce-selected .mce-ico,
.mce-menu-item:focus .mce-ico {
    color: #00819D !important;
}

.mce-colorbutton .mce-preview {
    margin-left: -16px !important;
}

.mce-menu-item:hover,
.mce-menu-item.mce-selected,
.mce-menu-item:focus {
    background-color: #009896 !important;

}

.mce-grid-border a:hover,
.mce-grid-border a.mce-active {
    border-color: #009896 !important;
    background: #009896 !important;
}

.mce-menu-item:hover .mce-text,
.mce-menu-item:hover .mce-ico {
    color: #ffffff !important;
}

.mce-menu-item.mce-selected .mce-caret,
.mce-menu-item:focus .mce-caret,
.mce-menu-item:hover .mce-caret {
    border-left-color: #00819D !important;
    color: #ffffff !important;
}

.mce-panel {
    border-top-color: #DFE0E8 !important;
    border-left-color: #DFE0E8 !important;
    border-bottom-color: #DFE0E8 !important;
    border-right-color: #DFE0E8 !important;
}

.mce-window-head {
    border-radius: 10px 10px 0px 0px;
}

.mce-statusbar .mce-container-body {
    border-radius: 0px 0px 10px 10px;
}

.mce-grid-border a {
    border-color: #d6d6d6;
    border-radius: 0;
}

.mce-grid-border a:hover {
    border-color: #00819D !important;
}

.mce-path-item:hover {
    color: #00819D !important;
}

.mce-tab,
.mce-tab.mce-active,
div.mce-edit-area,
.mce-btn-group:not(:first-child) {
    border-radius: 0;
}

#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 {
    width: auto
}

.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
}

.pac-item>span:last-child {
    display: none
}

.post-youtube iframe {
    height: 415px !important;
}

.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
}

/*Profile Completion*/
ul.profile-completion-bar {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 20px;
    font-family: var(--font), sans-serif;
}

ul.profile-completion-bar li.percentage-bar {
    position: relative;
    margin-top: -4px;
    margin-bottom: 16px;
}

ul.profile-completion-bar li.percentage-bar h4 {
    overflow: hidden;
    font-size: 12px;
    margin: 0 0 0px;
    padding: 6px 13px;
    position: relative;
    z-index: 1;
    min-width: 54px;
    /* display: flex; */
    /* align-items: center; */
    justify-content: space-between;
    color: white;
    text-align: center;
}

ul.profile-completion-bar li.percentage-bar h4 b {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
}

ul.profile-completion-bar .completion-bar {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

ul.profile-completion-bar .completion-bar div.completion-bar-wrapper {
    overflow: hidden;
    height: 100%;
    background: #DFE0E8;
    border-radius: 50px;
}

ul.profile-completion-bar .completion-bar div.completion-bar-status {
    overflow: hidden;
    background: #00819D;
    height: inherit;
    transition: width 1s
}

ul.profile-completion-bar li.completion-step {
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    color: #555;
    font-size: 13px;
    margin: 0;
    padding: 5px 5px
}

ul.profile-completion-bar li.completion-step svg {
    margin-top: -2px;
    width: 17px;
    height: 17px;
    margin-right: 7px;
}

.lb-preloader svg,
.pace-activity-parent {
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .17)
}

svg.feather {
    vertical-align: middle;
    margin-top: 0px;
    width: 20px;
    height: 20px;
}

.list-group {
    border-radius: 2px
}

.btn-default {
    border: 0;
    background: #00819D;
    border-radius: 10px;
    color: #fff;
    border: 1px solid transparent;
}

.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
}

/*Sidebar Users*/
.sidebar-users-may-know-container {
    margin: 0 0px 5px;
}

.wow_side_usrs {
    width: 100%;
    display: inline-block;
    padding: 0px;
}

#wo_sidebar_users {
    padding: 8px 8px;
    text-align: center;
    border-radius: 10px;
    font-family: var(--font), sans-serif;
    transition: all 0.2s;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#wo_sidebar_users>div.infoUser {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

#wo_sidebar_users:hover {}

#wo_sidebar_users .avatar img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

#wo_sidebar_users .wo_user_link_name {
    display: block;
    margin-left: 8px;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 115px;
}

#wo_sidebar_users .wo_user_link_name .user-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1F1F1F;
}

#wo_sidebar_users .wo_user_username_cont {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    margin: -3px 0 10px
}

#wo_sidebar_users .btn-default,
.sidebar .wo_sidebar_pages .user-follow-button button {
    line-height: 22px;
    border-radius: 2px !important;
    font-size: 12px !important;
    font-weight: bold;
    padding: 1px 8px !important;
    letter-spacing: 0.3px;
}

.sidebar .wo_sidebar_pages .user-follow-button button svg {
    display: none;
}

#wo_sidebar_users .btn-default {
    font-weight: 500;
    border-radius: 2em !important;
    padding: 2px 12px !important;
    font-size: 13px !important;
    line-height: 24px;
    min-width: 70px;
}

#sidebar-user-list-container #wo_sidebar_users .btn-default {
    min-width: 24px;
    width: 24px;
    height: 24px;
    padding: 0px !important;
    line-height: 10px;
}

#sidebar-user-list-container #wo_sidebar_users #wo_useract_btn svg {
    margin: 0;
}

#sidebar-user-list-container #wo_sidebar_users .user-follow-button {
    float: right;
    right: 0px;
    /*     position: absolute;	 */
}

.wo_sidebar_pages {
    border-bottom: 1px solid #e7e7e7;
    padding: 0 !important
}

.wo_sidebar_pages .card {
    box-shadow: none !important
}

.wo_sidebar_pages:last-child {
    border-bottom: 0
}

.wo_sidebar_pages .page_middle {
    padding: 10px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    min-height: 68px
}

.sidebar .wo_sidebar_pages .page_middle .avatar {
    top: 0;
    margin-bottom: 0;
    margin-right: 10px
}

.sidebar .wo_sidebar_pages .page_middle .avatar img {
    width: 45px;
    height: 45px;
    margin: 0 0px 0 5px;
}

.wo_sidebar_pages .page_middle .title {
    top: 0 !important;
    position: relative !important;
    left: 0 !important;
    font-size: 16px !important;
    line-height: 21px !important
}

.wo_sidebar_pages .page_middle .title a {
    color: #3e3e3e !important
}

.sidebar .wo_sidebar_pages .user-follow-button .page_catg {
    line-height: 45px;
    margin: 0 7px;
    color: #747474;
    font-size: 12px
}

.sidebar .wo_sidebar_pages .user-follow-button button {
    margin: 10px 7px;
    float: right
}

.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 Groups*/
.sidebar-pages-may-know-container {
    margin: 0 0px;
}

.sidebar-group-may-know-container {
    margin: 0 0px;
}

.sidebar-pages-may-know-container .col-xs-6 {
    padding: 0 5px;
}

.sidebar-group-may-know-container .col-xs-6 {
    padding: 0 5px;
}

.sidebar-pages-may-know-container .wow_my_groups,
.sidebar-group-may-know-container .wow_my_groups {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    margin: 0px 0px;
    padding: 8px;
    border-radius: 10px;
}

.sidebar-pages-may-know-container .wow_my_groups .avatar,
.sidebar-group-may-know-container .wow_my_groups .avatar {
    width: 32px;
    height: 32px;
    margin: 0px;
}

.sidebar-pages-may-know-container .wow_my_groups .avatar img,
.sidebar-group-may-know-container .wow_my_groups .avatar img {
    border-radius: 50px;
    position: relative;
    width: 32px;
    height: 32px;
}

.sidebar-pages-may-know-container .wow_my_groups .wow_my_groups_info,
.sidebar-group-may-know-container .wow_my_groups .wow_my_groups_info {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 0px 0px 8px;
}

.sidebar-pages-may-know-container .wow_my_groups .wow_my_groups_info>span,
.sidebar-group-may-know-container .wow_my_groups .wow_my_groups_info>span {
    margin-left: 8px;
}

.sidebar-pages-may-know-container .wow_my_groups .wow_my_groups_info p,
.sidebar-group-may-know-container .wow_my_groups .wow_my_groups_info p {
    margin: 0px;
}

.sidebar-pages-may-know-container .wow_my_groups .wow_my_groups_info #wo_useract_btn,
.sidebar-group-may-know-container .wow_my_groups .wow_my_groups_info #wo_useract_btn {
    width: auto;
    height: 24px;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    min-width: 70px;
    width: 70px;
    padding: 4px !important;
}

/*Sidebar Products*/
.sidebar-product-slider {
    overflow: hidden;
    padding: 0 5px;
}

.wow_side_prods_prnt {
    width: 50%;
    padding: 0 5px;
    float: left;
}

.wow_side_prods {
    background-color: #EEEEEE;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}

.wow_side_prods a {
    text-decoration: none;
}

.wow_side_prods .avatar {
    position: relative;
    padding-top: 90%;
    width: 100%;
}

.wow_side_prods .avatar img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wow_side_prods .produc_info {
    padding: 10px 4px;
    font-family: var(--font), sans-serif;
}

.wow_side_prods .produc_info span {
    font-weight: 500;
    color: #252525;
    font-size: 13px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wow_side_prods .produc_info h4 {
    color: #252525;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0;
}

.wo_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,
.wo_sidebar_products a:hover {
    text-decoration: none
}

.wo_my_products .avatar img,
.wo_sidebar_products .avatar img {
    width: 100%
}

.wo_my_products .produc_info,
.wo_sidebar_products .produc_info {
    padding: 7px 10px
}

.wo_my_products .produc_info span,
.wo_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,
.wo_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
}

/*Sidebar Activity*/
.activity-container .wow_side_acts {
    border: 0;
}

.activity-container .wow_side_acts .notification-list {
    background: transparent;
    padding: 8px 9px;
}

.wow_side_acts .notification-user-avatar {
    position: relative;
    height: 44px;
}

.wow_side_acts .notification-user-avatar>span {
    position: absolute;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 1px #dfe0e8;
    bottom: -6px;
    /* right: 0px; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    z-index: 99;
}

.wow_side_acts .notification-user-avatar>span svg {
    width: 14.4px;
    height: 14.4px;
}

.wow_side_acts .notification-user-avatar>span .inline_act_emoji {
    margin: 0;
}

.wow_side_acts .notification-user-avatar a.wow_post_usr_ava {
    height: 44px;
    width: 44px;
    position: relative;
    display: block;
}

.wo_sidebar_activity {
    display: flex;
}

.wo_sidebar_activity>div {
    display: block;
    width: 100%;
    border-radius: 10px;
    padding: 0px 8px;
}

.no-activities.center-text {
    padding: 20px 5px;
    font-family: var(--font), sans-serif;
}

.no-activities.center-text:empty {
    padding: 0;
}

.no-activities.center-text>svg {
    display: block;
    margin: auto;
}

#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: 10px;
    color: #C5C5C5;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    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 {}

#wo_post_stat_button .stat-item:active,
#wo_post_stat_button .stat-item:focus {}

#wo_post_stat_button .stat-item svg {
    margin-right: 8px;
    width: 22px;
}

#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;
    border-radius: 10px;
}

.post .post-description .post-actions .stat-item>svg {
    width: 16px;
    height: 16px;
}

.chat-messages {
    /* 	padding-bottom:8px; */
}

.chat-messages .empty_mess {
    color: #bbb;
    background: #eee;
    padding: 10px;
    border-radius: 8px;
}

/* .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;
    transition: all .2s ease
}

#wo_comment_combo.comment-toggle {
    background-color: #fff;
    border-color: #ededed
}

#wo_comment_combo .textarea {
    height: 54px;
    float: right;
    padding-top: 16px;
    width: 100%;
    background-color: #fff;
    padding-right: 10px;
    border-radius: 50px !important;
    padding-left: 56px;
    border: 1px solid #ededed
}

#wo_comment_combo.comment-toggle .textarea {
    max-height: 100%
}

#wo_comment_combo .avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: absolute;
    margin: 7px;
}

#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: 8px 8px;
    background: transparent;
    border-radius: 4px;
}

.wo_single_proimg {
    width: 100%;
    height: 300px;
    object-fit: cover
}

/*Shared Posts*/
.post .wow_shared_posts {
    padding: 0 8px;
}

.post .wow_shared_posts .post-heading {
    padding: 12px;
    height: 65px;
}

.wow_shared_posts_p {
    margin-bottom: 12px !important;
    padding: 0 12px;
}

.wow_shared_posts_p:empty {
    margin: 0 !important;
    padding: 0;
}

.post .wow_shared_posts #fullsizeimg,
.post .wow_shared_posts .post-fetched-url .fetched-url-text {
    margin-bottom: 0;
    text-align: center;
}

.post .wow_shared_posts #fullsizeimg {
    margin-bottom: 8px;
}

.post .wow_shared_posts .wow_post_prod {
    margin: -5px 10px 10px;
}

.post .wow_shared_posts .wo_post_fetch_event#fullsizeimg,
.post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
    width: 100%;
    margin: 0 0 12px;
}

.post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
    margin: 0 0 5px;
}

/*Post Product*/
.wow_post_prod {
    font-family: var(--font), sans-serif;
    margin-bottom: -5px;
}

.wow_post_prod_name {
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #1F1F1F;
}

.wow_post_prod_shead {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color: #7d7d7d;
}

.wow_post_prod_infos {
    position: relative;
    color: #525252;
    margin-bottom: 16px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #828282;
    display: flex;
}

.wow_post_prod_infos>svg {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    top: 0px;
    opacity: 0.7;
}

.wow_post_prod_infos p {
    font-weight: normal;
}

/*Post Link*/
.wo_post_fetch_link {
    border: 4px solid var(--background-main);
    background: var(--background-main);
}

.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: 100%;
    object-fit: cover;
    border-radius: 2px 2px 0px 0px !important;
}

.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: 10px;
    padding: 5px 8px;
    margin: 8px;
    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;
    color: var(--text-black);
}

.wo_post_fetch_link .fetched-url-text .description {
    margin-bottom: 0;
    color: var(--text-main);
}

/*Post Event*/
.wo_post_fetch_event {
    border: 0;
}

.wo_post_fetch_event img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.wo_post_fetch_event .short_start_dt {
    position: absolute;
    margin: 0;
    display: inline-block;
    background-color: white;
    border: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    top: -42px;
    padding: 5px 7px 3px;
}

.wo_post_fetch_event .short_start_dt b {
    color: #222;
}

.wo_post_fetch_event .short_start_dt span {
    display: block;
    color: #F44336;
    font-weight: 500;
}

.wo_post_fetch_event .fetched-url-text h4 {
    margin: -5px 0 0;
    font-size: 19px !important;
}

.wo_post_fetch_event .url {
    margin: 5px 0 0;
    text-transform: lowercase;
}

/*Post Blog*/
.wo_post_fetch_blog {
    border: 0;
    border-radius: 10px;
    padding: 8px;
}

.wo_post_fetch_blog:active {
    box-shadow: inset 2px 2px 2px rgb(0 0 0 / 10%);
}

.wo_post_fetch_blog .post-fetched-url-con {
    max-height: 365px;
    height: 365px;
}

.wo_post_fetch_blog .post-fetched-url-con img {
    object-fit: cover;
    height: 100%;
}

.wo_post_fetch_blog .fetched-url-text,
.wo_post_fetch_event .fetched-url-text {
    position: relative;
    padding: 8px 0px 0px;
    font-family: var(--font), sans-serif;
}

.wow_post_blog_ico {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 10px 9px;
    top: -26px;
    display: none;
}

/*Post Images*/
#fullsizeimg {
    margin-left: 0px;
    /* width:calc(100% + 30px); */
    overflow: hidden;
    /* margin-bottom: 12px; */
}

.fluid_video_wrapper {
    max-height: 600px;
}

#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_privacy_menu svg.feather {
    width: 14px;
    height: 14px;
    margin: -1px 2px 0 4px
}

/*Post Ad*/
.user-ad-container .panel-white {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.wo_post_ad .wo_post_fetch_blog .post-fetched-url-con {
    max-height: 270px;
    height: 270px;
}

/*Post Offer*/
.wo_post_fetch_offer {
    background: var(--background-main);
}

.wo_post_fetch_offer .fetched-url-text {
    padding: 10px;
}

.wo_post_fetch_offer .short_start_dt {
    padding: 3px 7px;
}

.wo_post_fetch_offer .short_start_dt b {
    font-size: 13px;
}

.wo_post_fetch_offer .short_start_dt .url {
    margin: 0;
}

/*Slick Slider*/
.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.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
}

.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;
    background: #00000040;
    box-shadow: none;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    text-align: center;
    z-index: 9999
}

.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 {}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.slick-prev {
    left: 0px
}

.slick-next {
    right: 0px
}

/*Sidebar Pro Users*/
.wo_pro_users {
    margin: 0;
    padding: 0 6px;
    overflow: hidden;
}

.wo_pro_users li {
    width: 33.33333%;
    margin: 0;
    display: inline-block;
    padding: 2px 5px 11px;
    position: relative;
    float: left;
}

.wo_pro_users li .user {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    background-color: #f0f6f6;
    border-radius: 4px;
}

.wo_pro_users li .user img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    background-color: #e7e7e7;
    border-radius: 4px 4px 0 0;
}

.wo_pro_users li .user span {
    padding: 5px;
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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*/
.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: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all;
    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: 6px 8px;
    margin-right: -8px;
    margin-top: -4px;
    border-radius: 8px;
}

.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;
}

/*Pulse Ball Loading*/
.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;
}

/*Lightbox*/
.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;
    margin: auto;
    /*max-width: 1040px;*/
}

.wo_imagecombo_lbox .story-img {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    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 {
    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;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.wo_imagecombo_lbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 65px;
    height: 65px;
    color: rgba(255, 255, 255, .55);
    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;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.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 {
    display: block;
}

.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 .lightbox-post-footer.post-comments {
    border-top: 1px solid #e7e8ec;
    padding: 12px;
    height: 55px;
    z-index: 5;
    flex: 0 0 auto;
    vertical-align: bottom;
}

.wo_imagecombo_lbox .lightbox-post-footer input.comment-textarea {
    border: none
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list {
    padding: 0px 12px;
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment_edele_options {
    display: none
}

.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:empty {
    margin: 0;
}

.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:flex;}*/
.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
}

.sun_img_innr {
    position: relative;
    display: table;
    height: calc(100% - 48px);
}

.wow_lightbox_right {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    /*overflow: hidden;*/
}

.wow_lightbox_right .comment-section-inner {
    position: relative;
}

.wow_lightbox_right .comment-section-inner .like-emo>.how_reacted:nth-child(1) {
    margin-left: 0px;
}

.wow_lightbox_right .comment-section-inner #wo_post_stat_button {
    width: auto;
    margin: 0px 10px 5px;
}

.wow_lightbox_right .comment-inner-footer {
    width: 100%;
    overflow-y: auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    flex-grow: 1;
    background-color: #f2f3f5;
}

.wow_lightbox_right .load-more-comments {
    margin: 6px 10px -3px;
}

.wow_lightbox_right .post-info .post-text p:empty {
    margin: 0;
}

.wo_imagecombo_lbox .story-img .sun_light_tool {
    bottom: 0;
    width: 100%;
    top: auto;
    background: #000;
    display: flex;
    align-items: center;
}

.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child {
    display: flex;
    align-items: center;
}

.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.right {
    margin-left: auto;
}

.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span {
    height: auto;
    cursor: pointer;
}

.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span,
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span a {
    color: #a5a5a5;
    transition: all 0.2s;
    text-decoration: none;
}

.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span:hover,
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span a:hover {
    color: #fff;
}

.wow_lightbox_right .lightbox-no-comments {
    text-align: center;
    margin: 100px 0 20px;
    color: #696969;
    padding: 0 10px;
}

.wow_lightbox_right .lightbox-no-comments svg {
    width: 70px;
    height: 70px;
    filter: grayscale(1);
    opacity: 0.5;
}

/*Settings*/
.wo_setting_showpage {
    padding-right: 45px
}

.wo_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)
}

.wo_setting_sidebar ul {
    margin: 0;
    border: 0;
    box-shadow: none;
    overflow: visible
}

.wo_setting_sidebar ul .list-group-item {
    padding: 0;
    height: 100%;
    border: 0
}

.wo_setting_sidebar ul .list-group-item a {
    padding: 13px 5px;
    position: relative
}

.wo_setting_sidebar ul .list-group-item.active a {
    background-color: rgba(0, 0, 0, .1)
}

.wo_setting_sidebar ul .list-group-item a svg.feather {
    opacity: .6
}

.wo_setting_sidebar ul .list-group-item.active a svg.feather {
    opacity: 1
}

.wo_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
}

.wo_settings_page {
    padding: 0px 15px 0px;
}

.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
}

.wo_settings_page .avatar-holder {
    text-align: center;
    font-family: var(--font), sans-serif;
    background-color: #795548;
    margin: -15px -20px 0;
    border-radius: 4px 4px 0 0;
    padding: 25px 5px 30px;
    position: relative;
}

.wo_settings_page .avatar-holder::before {
    left: 0;
    right: 0;
    background-size: cover;
    background-image: url(./setting-layer.svg);
    background-position: center center;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    opacity: 0.7;
}

.wo_settings_page .avatar-holder::after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 792 78.7' style='enable-background:new 0 0 792 78.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;%7d %3c/style%3e%3ctitle%3ehero-curve-layer%3c/title%3e%3cpath class='st0' d='M396,72.2C237.1,72.2,95.2,44.1,0.3,0v78.3h791.3V0C696.8,44.1,554.9,72.2,396,72.2z'/%3e%3c/svg%3e");
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    z-index: 5;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wo_settings_page .avatar-holder .avatar {
    border-radius: 50%;
    max-width: 45px;
    height: 45px;
    position: relative;
    z-index: 9;
}

.wo_settings_page .avatar-holder h5 {
    font-size: 21px;
    font-weight: 400;
    margin: 10px 0 5px;
}

.wo_settings_page .avatar-holder h5 a {
    text-decoration: none;
    color: #fff;
}

.wo_settings_page .avatar-holder p {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    letter-spacing: 1px;
    word-spacing: 3px;
    font-size: 15px;
    margin-top: 15px;
}

.wo_settings_page .avatar-holder .btn-glossy {
    color: #fff;
    background: rgba(255, 255, 255, .3);
}

.wo_settings_page .avatar-holder .infoz {
    position: relative;
    z-index: 9;
}

.wo_settings_page .avatar-holder+hr {
    display: none;
}

.wo_settings_page .setting-panel .show-upgrades #upgrade-button,
.wo_settings_page .setting-panel .wo_sett_upgrade {
    background-color: #03A9F4;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
}

.wo_settings_page .setting-panel hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    /* margin-right: 0px; */
    /* display: none; */
    border-top: 1px solid #eee;
}

.wo_settings_page .setting-panel .wo_sett_upgrade {
    padding: 6px 13px;
    margin: 5px 15px 4px;
    display: inline-block
}

.wo_settings_page .setting-panel .show-upgrades #upgrade-button {
    padding: 11px 13px;
    border: 0;
    width: 110px;
    text-align: center
}

.wo_settings_page .setting-panel-mdbtn {
    padding: 9px 18px !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 700;
    margin: 2px 55px
}

.wo_settings_page .setting-panel-mdbtn svg.feather {
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0
}

.wo_settings_page .last-sett-btn {
    margin-right: -55px;
    margin-bottom: -15px
}

.wo_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
}

.wo_settings_page .wo_design_button {
    width: 180px;
    display: table;
    min-height: 180px;
    overflow: hidden;
    border: 2px dashed #ccc;
    background: #fff;
    padding: 5px
}

.wo_settings_page .wo_design_button span {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #666
}

.wo_settings_page .wo_design_button svg.feather {
    margin-top: 0;
    width: 45px;
    height: 45px;
    color: #cecece
}

.wo_settings_page .setting-update-alert {
    margin: 0px;
}

.wo_settings_page .alert {
    margin: 20px 0 10px;
}

.wow_sett_sidebar {
    padding: 0;
}

.wow_sett_sidebar>button.btn {
    margin: 16px 8px;
}

.wow_sett_sidebar>ul {
    margin: 10px 0px;
}

.wow_sett_sidebar>ul>li>a {
    padding: 0;
    display: block;
    font-size: 15px;
    padding: 7px 20px;
    min-width: 88px;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .4s cubic-bezier(.25, .8, .25, 1);
    letter-spacing: .01em;
    color: rgba(0, 0, 0, 0.65);
    font-family: var(--font), sans-serif;
    display: flex;
    align-items: center;
}

.wow_sett_sidebar>ul>li.active>a {
    color: #000;
    font-weight: 500;
}

.head_title {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #DFE0E8;
    padding-bottom: 16px;
    margin-left: 20px;
}

.wow_sett_sidebar>ul>li>a:hover,
.wow_sett_sidebar .wow_sett_submenu>ul li a:hover {
    background-color: rgba(158, 158, 158, 0.05);
}

.wow_sett_sidebar>ul>li>a svg {
    height: 19px;
    width: 19px;
    margin: auto 13px auto 0;
}

.wow_sett_sidebar .wow_sett_submenu>a span svg {
    margin: 10px 0;
    height: 17px;
    width: 17px;
}

.wow_sett_sidebar .wow_sett_submenu>ul {
    margin-top: -9px;
    border-left: 2px solid #DFE0E8;
    margin-left: 27px;
    padding-left: 0;
}

.wow_sett_sidebar .wow_sett_submenu>ul li a {
    display: block;
    text-decoration: none;
    transition: all 0.15s;
    padding: 4px 3px 4px 20px;
    position: relative;
}

.wow_sett_sidebar .wow_sett_submenu>ul li.active a {
    color: #1F1F1F;
    font-family: var(--font);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.wow_sett_sidebar .wow_sett_submenu>ul li a::before {
    content: '';
    width: 13px;
    height: 2px;
    background: #DFE0E8;
    left: -2px;
    position: absolute;
    top: 13px;
}

.wow_sett_sidebar .wow_sett_submenu>ul li.active a::before {
    background: #00819D;
}

/*Verification*/
.select-user-verification-data {
    width: 100%;
    overflow: hidden;
}

.select-user-verification-data p {
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #333;
}

.select-user-verification-data .select-user-verification-photos {
    width: 100%;
    overflow: hidden;
}

.select-user-verification-data .select-user-verification-photos>div {
    width: 49%;
    height: 164px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #efefef;
    margin-top: 15px;
    color: #C5C5C5;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 10px;
}

.select-user-verification-data .select-user-verification-photos .empty_state {
    margin: 45.5px 0;
}

.verification-status {
    width: 100%;
    height: 200px;
    text-align: center;
}

.verification-status h4 {
    width: 100%;
    line-height: 200px;
    font-family: arial, sans-serif;
    color: #666;
}

/*Payment History*/
table.wow_pymnt_table {
    font-family: var(--font), sans-serif;
    font-size: 14px;
}

table.wow_pymnt_table thead th {
    font-weight: 500;
    color: #333;
}

table.wow_pymnt_table tbody>tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

table.wow_pymnt_table tbody>tr>td {
    vertical-align: middle;
    padding: 9px 5px;
}

table.wow_pymnt_table .label {
    display: inline-block;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

table.wow_pymnt_table .label-warning {
    color: #ff9800;
    background-color: rgba(255, 152, 0, 0.1);
}

table.wow_pymnt_table .label-success {
    color: #4CAF50;
    background-color: rgba(76, 175, 80, 0.1);
}

table.wow_pymnt_table .label-danger {
    color: #F44336;
    background-color: rgba(244, 67, 54, 0.1);
}

.wow_sett_trans_table {
    margin: 10px -6px -15px;
}

/*Affiliates*/
.wow_affs_main>img {
    display: block;
    width: 280px;
    height: 280px;
    margin: 0 auto 20px;
    pointer-events: none;
}

.wow_affs_main>h4 {
    text-align: center;
}

.wow_affs_main .wow_form_fields {
    margin-top: 0;
}

.wow_affs_main .wow_form_fields input {
    height: 34px;
    font-size: 14px;
    border-radius: 2em;
    background: rgba(0, 0, 0, 0.05) !important;
}

.wo_referres:empty {
    border: 0;
    padding: 0;
    margin: 0;
}

/*Create Products*/
.wow_prod_imgs {
    margin: 0 -7px;
    display: flex;
}

#create-product-modal .modal-body {
    padding-top: 0;
}

.wow_prod_imgs .upload-product-image {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 4px;
    cursor: pointer;
    display: table;
    margin: 0 6px;
    background-color: #f2f2f2;
}

.wow_prod_imgs .upload-product-image svg.feather {
    width: 24px;
    height: 24px;
    color: #848484dd
}

.wow_prod_imgs #productimage-holder {
    padding: 0 7px;
    overflow-x: auto;
}

.wow_prod_imgs #productimage-holder .thumb-image {
    pointer-events: auto;
}

#productimage-holder {
    width: 100%;
    padding: 0 8px;
    margin: 0;
    white-space: nowrap;
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}

#productimage-holder .thumb-image {
    width: 100px;
    height: 100px;
    margin: 0 5px 0 0;
    display: inline-block;
    object-fit: cover;
    user-select: none;
    border-radius: 4px
}

#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
}

/*Market*/
.wo_market .market_widget {
    margin-bottom: 25px;
}

.wo_market .market_widget .m_widget_head {
    font-weight: 600;
    color: #585858;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.wo_market .market_categories,
.wo_job_main_widget .wjob_categories {
    position: relative
}

.wo_market .market_categories ul,
.wo_job_main_widget .wjob_categories ul {
    padding: 0;
    margin: 0
}

.wo_market .market_categories ul li,
.wo_job_main_widget .wjob_categories ul li {
    margin: 8px 0;
    font-family: var(--font), sans-serif;
    font-size: 13px;
}

.wo_market .market_categories ul li a,
.wo_job_main_widget .wjob_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,
.wo_job_main_widget .wjob_categories ul li a:after,
.wo_job_main_widget .wjob_categories ul li a:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    top: 1px;
    left: 0;
    bottom: 0;
    text-align: center;
    position: absolute;
}

.wo_market .market_categories ul li a:before,
.wo_job_main_widget .wjob_categories ul li a:before {
    border: 1px solid #00819D;
    border-radius: 50%;
    transition: all 90ms cubic-bezier(0, 0, .2, .1);
}

.wo_market .market_categories ul li.active a:before {
    border-color: #00819D;
}

.wo_market .market_categories ul li.active a:after {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50%;
}

.wo_market .market_categories ul li.active a {}

.wo_market #cusrange-reader {
    width: 45px;
    background: transparent !important;
}

.wo_market .market_bottom #products.row {
    margin-right: -11px;
    margin-left: -11px;
}

.wo_market .market_bottom .product {
    padding-right: 10px;
    padding-left: 10px;
    transition: 0.2s all;
}

.wo_market .market_bottom .product:hover {
    transition: 0.2s all;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);

}

.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_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;
    padding: 0 16px;
    z-index: 8;
    opacity: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .41);
    transition: opacity .3s cubic-bezier(.33, .66, .66, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
}

.wo_market .market_bottom .product .product_info:hover .product-links {
    opacity: 1
}

.wo_market .market_bottom .product .product-links .more-info {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

.wo_market .market_bottom .product .product-links .more-info:hover {
    background-color: #fff;
    color: #000 !important;
}

.wo_market .market_bottom .product .produc_info {
    padding: 0px
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
    border: 0;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
    transition: all 0.2s;
    padding: 0px 0px 0px;
    font-family: var(--font), sans-serif;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image {
    margin: 0;
    width: 100%;
    height: 188px;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by {
    position: absolute;
    z-index: 9;
    top: 8px;
    left: 8px;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by a {
    color: white;
    text-decoration: none;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 3px 4px;
    border-radius: 3px;
    font-weight: 500;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-title {
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-title a {
    text-decoration: none;
    color: #353535;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-price {
    text-align: center;
    margin: 0 0 2px;
    letter-spacing: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #00819D;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0px 15px 0px;
    text-align: center;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot button,
.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot a {
    background: #FFFFFF;
    border: 1px solid #00819D;
    box-sizing: border-box;
    border-radius: 10px;
    color: #00819D;
    min-width: 100%;
    width: 100%;
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 29px;
}

.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot button:hover {
    border-color: var(--text-black);
    color: var(--text-black);
    transition: 0.2s all;
}

/*Find Friends*/
.wow_frnd_map {
    width: 100%;
    height: 250px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.wow_frnd_field {
    font-family: var(--font), sans-serif;
}

.wow_frnd_field h4 {
    margin: 7px 0 7px;
    font-size: 15px;
}

.friends_nearby_status_ul,
#search-nearby-users .nearby-users-gender-collapse ul {
    padding: 0
}

.friends_nearby_status_ul li,
#search-nearby-users .nearby-users-gender-collapse ul li {
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-in-out;
    padding: 0 17px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    color: #393939;
    border-radius: 2em;
    margin-right: 5px;
    margin-bottom: 6px;
}

.friends_nearby_status_ul li.active,
#search-nearby-users .nearby-users-gender-collapse ul li.active {
    color: #FFFFFF;
    background-color: #00819d;
    font-weight: 500;
}

.select-nearby-users-distance {
    padding: 7px 1px;
    display: flex;
}

.select-nearby-users-distance>form {
    display: flex;
    width: 100%;
    align-items: center;
}

#nearby-users-distance {
    width: 100%;
    border: 0;
    height: 2.5px;
    background: #d0d0d0;
    outline: none;
    box-shadow: none;
    border-radius: 2em;
}

/* #nearby-users-distance .ui-slider-handle {position: absolute;margin: -2px 0 0 -5px;border-radius: 100%;background: #3F51B5;border: 0;height: 15px;width: 15px;outline: none;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} */
#nearby-users-distance .ui-slider-handle:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* #nearby-users-distance .ui-slider-range {background: #3F51B5;} */
.select-nearby-users-distance .currentVal {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    color: #7a7d7e;
    width: 50px;
    text-align: center;
    height: 30px;
    display: block;
    background: #F3F3F8;
    line-height: 29px;
    margin-top: -13px;
    margin-left: 10px;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.select-nearby-users-distance .currentVal:before {
    content: '';
    display: block;
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-width: 0;
    border-right-color: #F3F3F8;
}

.wow_frnd_usr {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
}

.wow_frnd_usr .col-md-3 {
    padding-right: 10px;
    padding-left: 10px;
}

.wow_frnd_usr .fndfrnd_user_wrapper {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all 0.2s;
}

.wow_frnd_usr .fndfrnd_user_wrapper:hover {
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}

.wow_frnd_usr .fndfrnd_user_wrapper .avatar {
    position: relative;
    width: 100%;
    padding-bottom: 130%;
}

.wow_frnd_usr .fndfrnd_user_wrapper .avatar img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.fndfrnd_user_wrapper_bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    padding: 12px;
    font-family: "Robto", sans-serif;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
    font-size: 22px;
    margin-bottom: 3px;
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 500;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link a {
    color: #fff;
    text-decoration: none;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs {
    margin-bottom: 0;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    color: white;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li>span {
    margin-right: 5px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li>span svg {
    width: 20px;
    height: 20px
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li p {
    margin: 0;
    line-height: 1;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li .online-text {
    color: #4CAF50;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}

.wo_my_products a {
    display: block;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12)
}

/*Pages*/
.wo_my_pages .page_list {
    border-radius: 10px;
    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;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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 {
    margin: 18px 0px;
    background-color: #2196F3;
    padding: 0 8px;
    min-width: auto;
    border-radius: 2em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.wo_my_pages #wo_useract_btn {
    margin: 18px 0px;
}

.wo_my_products {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}

#page_name {
    border-radius: 0px 10px 10px 0px;
    border-left: 0px;
    margin: 0px;
}

.page-detail {
    margin: 16px 0px;
    padding-top: 16px;
    border-top: 1px solid #DFE0E8;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.page-detail .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-message-btn {
    width: 132px;
    margin-left: 8px;
}

.page-detail .profile-container {
    margin-bottom: 16px;
}

.page-detail .list-group-item {
    padding: 16px 0px 0px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.page-detail .list-group-item>a>svg,
.page-detail .list-group-item>svg {
    margin-right: 16px;
}

/*Games*/
.wow_games {
    margin: 0 -10px;
}

.wow_games>.col-md-6 {
    padding: 0 10px;
}

.wow_pop_gam_list {
    font-family: var(--font), sans-serif;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
}

.wow_pop_gam_list a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.wow_pop_gam_list .avatar {
    display: block;
    position: relative;
    text-align: center;
}

.wow_pop_gam_list .avatar img {
    position: relative;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 140px;
}

.wow_pop_gam_list .game-name {
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
}

.wow_pop_gam_list p {
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #828282;
}

.wo_game_style {
    margin-bottom: 20px;
    transition: all 0.2s;
    text-align: center;
}

.wo_game_style:hover {
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}

.wo_game_style .avatar {
    width: 100%;
    padding-top: 70%;
    position: relative;
    margin-bottom: 32px;
}

.wo_game_style .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.wo_game_style .avatar .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    line-height: 32px;
}

.wo_game_style a {
    text-decoration: none
}

.wo_game_style .game-name {
    margin: 0;
    overflow: hidden;
    padding-bottom: 15px;
    font-family: var(--font), sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: black;
}


.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)
}

.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
}

.wo_user_profile .pic-info-cont {
    position: relative;
    width: 100%;
}

.container .profileSidebar .user-avatar {
    position: relative;
    width: 240px;
    height: 280px;
    bottom: 0;
    margin: 0 auto 16px;
}

.profileActiveButton {
    margin: 14px;
    padding: 0;
}

.container .profileSidebar .user-avatar.unseen_story {
    padding: 6px;
    border-radius: 50%;
}

.container .profileSidebar .user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    z-index: 1;
    position: relative;
}

.container .profileSidebar .user-avatar img.unseen_story {
    padding: 3px;
    background-color: white;
    z-index: 10;
    position: relative;
}

.container .profileSidebar .user-avatar.unseen_story:after {
    content: '';
    background: linear-gradient(90deg, rgba(61, 140, 250, 1) 0%, rgba(0, 212, 255, 1) 50%, rgba(0, 255, 222, 1) 100%);
    position: absolute;
    right: 3px;
    left: 3px;
    top: 3px;
    bottom: 3px;
    border-radius: 10px;
    z-index: 1;
}

.container .wo_user_profile .card.hovercard .info .title {
    left: 0;
    position: relative;
    margin-top: 0;
    top: 0;
    /* padding-right: 50px; */
    display: flex;
    align-items: center;
    gap: 8px;
}

.container .wo_user_profile .card.hovercard .info .title img.shariat_police {
    height: 22px;
}

.container .title h1 {
    width: auto;
    font-size: inherit;
    margin: inherit;
    line-height: inherit;
    display: contents;
}

.container .wo_user_profile .card.hovercard .info .title svg.feather {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-top: 0px !important;
}

.container .wo_user_profile .card.hovercard .info .options-buttons {
    position: relative;
    margin: 10px 10px 5px
}

.wo_user_profile .options-buttons .dropup {
    display: inline
}

.wo_page_profile .page-info-cont .page_navbar .dropdown-menu,
.wo_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: 10px;
    padding: 8px 0;
    min-width: 187px
}

.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item,
.wo_user_profile .options-buttons .dropdown-menu li .menu-item {
    min-height: 36px;
    display: block;
    line-height: 36px;
    padding: 0 8px;
    margin: 0 8px;
    font-size: 12px;
    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,
.wo_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,
.wo_user_profile .options-buttons .dropdown-menu li svg.feather {
    margin: -4px 13px auto 0
}

.wo_user_profile .card.hovercard .title .badge-link {
    display: block;
    padding: 8px 5px 9px
}

.wo_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)
}

.wo_user_profile .options-buttons a,
.wo_user_profile .options-buttons button {
    margin: 0;
    float: none
}

.wo_user_profile .btn-glossy>a,
.wo_user_profile .btn-glossy>button,
.wo_user_profile .btn-glossy>span>button {
    color: #fff;
    background: rgba(255, 255, 255, 0);
    border-radius: 2px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding: 6px 15px !important;
    height: 38px;
    margin-right: 3px
}

.wo_user_profile .btn-glossy a svg.feather,
.wo_user_profile .btn-glossy button svg.feather {
    margin: -2px 3px 0 0;
    width: 17px;
    height: 17px
}

.wo_user_profile .user-bottom-nav {
    background: #fff;
    height: 62px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0;
    border-radius: 4px;
}

.wo_user_profile .user-bottom-nav ul {
    padding-left: 0;
    overflow: hidden;
    overflow-x: auto;
    height: 63px;
    white-space: nowrap;
    display: flex;
}

.wo_user_profile .user-bottom-nav ul li {
    display: inline-block;
    margin: 0 5px;
    flex: 1;
}

.wo_user_profile .user-bottom-nav ul li:first-child {
    margin-left: 0
}

.wo_user_profile .user-bottom-nav ul li:last-child {
    margin-right: 0
}

.wo_user_profile .user-bottom-nav li a {
    padding: 11px 22px 7px;
    text-decoration: none !important;
    transition: all .2s ease;
    display: block;
    text-align: center
}

.wo_user_profile .user-bottom-nav li a .split-link {
    display: block
}

.wo_user_profile .user-bottom-nav li a .split-link svg {
    margin: 0 0 4px;
    width: 19px;
    height: 19px;
}

.wo_user_profile .user-bottom-nav li .menuactive {
    border-bottom: 2px solid #2196F3;
    color: #2196F3
}

.right_user_info .wo_page_hdng {
    margin-bottom: 7px;
}

.right_user_info li {
    padding: 4px 0px !important;
    color: #1d2129;
    font-weight: normal;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color: #828282;
}

.right_user_info li a {
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #828282;
}

.right_user_info li a span {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.border-top {
    border-top: 1px solid #DFE0E8;
}

.right_user_info li svg {
    color: #7a7a7a;
    margin: 0px 13px 0 0px;
    width: 18px;
    height: 18px
}

.wo_event_profile .user-social-links,
.wo_page_profile .user-social-links,
.wo_user_profile .user-social-links {
    padding: 0 13px 10px 40px
}

.wo_page_profile .user-social-links a.social-btn,
.wo_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,
.wo_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
}

.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: 232.3px
}

.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 .options-buttons .btn {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
    border: none;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500;
    font-family: var(--font), sans-serif;
    transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
}

.wo_page_profile .options-buttons .btn svg {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    margin-left: -2px;
}

.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: relative;
    height: 100%;
    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)
}

.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
}

.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: 10px;
    border: 0;
    box-shadow: none;
    font-size: 15px;
    padding: 6px 15px;
    height: 33px
}

.message-container {
    width: 100%;
    height: 100%
}

.message-media {
    position: relative
}

.message-media img {
    max-width: 100%
}

.message-media audio {
    width: 80%;
    margin-bottom: -16px;
    outline: none;
}

.messages-container {
    padding: 20px 30px 0;
    height: calc(100vh - 345px);
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border-bottom: 1px solid #D1D2DC;
}

.messages-container {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    /*     display: flex; */
    gap: 8px;
    flex-flow: column nowrap;
    padding-bottom: 16px;
    position: relative;
    /*     justify-content: flex-end; */
}

.messages-container.active {
    /* 	height:calc(100vh - 393px); */
    height: 100%;
}

.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;
    margin: 0px;
}

.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;
}

.messages-container .message-media.full-size {
    width: 100%
}

.messages-load-more-messages {
    transition: all .2s ease;
    list-style: none;
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    z-index: 9;
    margin: 0;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    top: 90px;
}

.messages-load-more-messages a {
    color: #808080;
    width: 100%;
    border-radius: 50%;
    height: 100%;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.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
}

#wo_msg_right_prt .message p {
    margin: 0 0 0px;
}

.message p:empty,
#wo_msg_right_prt .message p:empty {
    padding: 0;
    margin: 0;
}

.wo_about_wrapper_parent {
    position: absolute;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    top: 45px;
    width: 100%;
    left: 0;
    min-height: 250px;
}

.wo_about_page_margin .list-group {
    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: 250px
}

.wo_about_wrapper,
.wo_about_wrapper .full-width-picture {
    height: 250px;
    background-position: center;
    background-size: cover
}

.hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 80px
}

.wo_about_wrapper .hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.wo_about_wrapper.wo_terms .hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.wo_about_wrapper .hero-overlay h1 {
    color: #fff;
    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_wrapper .hero-overlay p {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.wo_about_page_margin {
    margin-top: 228px;
    position: relative;
    font-size: 16px;
    line-height: 2;
}

.empty_mess {
    color: #bbb;
}

.wo_about_page_margin h4 {
    margin-top: 32px;
    margin-bottom: 16px;
}

.wo_about_page_margin .list-group {
    padding: 13px 20px
}

.wo_terms_page {
    padding: 20px
}

.wo_404>svg {
    max-height: 550px;
}

.wo_404 {
    padding: 45px 15px;
    border: 0;
    border-radius: 0px;
    min-height: calc(100vh - 45px);
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.wo_404 h4 {
    font-size: 60px;
    font-weight: 600;
    font-family: var(--font), sans-serif;
    color: #d9e7f9;
    margin: 80px 0 148px;
    position: relative;
}

.wo_404 h4 svg {
    position: absolute;
    bottom: -150px;
    left: 90px;
    width: 130px;
    transform: rotate(270deg);
}

.wo_404 h1 {
    position: relative;
    color: #00819D;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}

.wo_404 h1 svg {
    width: 30vh;
}

.wo_404 .btn {
    margin: auto 0 80px;
    border-radius: 50px;
    padding: 12px 33px;
    z-index: 2;
    border: 0;
    font-weight: 600;
    font-family: var(--font), sans-serif;
    transition: all 0.2s;
}

.wo_404 .btn:active {
    box-shadow: 0px 2px 0px 0px #812f30;
}

.wo_404_moon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    bottom: -720px;
    width: calc(100% + 290px);
    height: 1000px;
}

.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
}

#wo_useract_btn {
    color: #fff;
    border: 0;
    transition: all .2s ease;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #00819D;
    box-sizing: border-box;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    width: 132px;
}

.profileSidebar #wo_useract_btn {
    width: 100%;
    height: 35px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin: 0px auto;
    background: #00819D;
    max-width: 100%;
    display: block;
    border-radius: 10px;
    margin-bottom: 8px;
}

.profileSidebar .btn-default {
    height: 35px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    background: transparent;
    border: 1px solid #00819D;
    color: #00819D;
    max-width: 100%;
    display: block;
    border-radius: 10px;
}

.messages-chat-list {
    padding-left: 13px;
}

#wo_useract_btn svg {
    height: 11px;
    width: 23px;
    vertical-align: middle;
    margin: -3px 3px 0 -1px;
    fill: rgba(255, 255, 255, .32)
}

.wo_follow_btn {
    background: #00819D;
    color: #ffffff;
}

.wo_following_btn {
    background: #D94B4B !important;
    border: 1px solid #D94B4B !important;
    color: #FFFFFF !important;
    width: 100%;
}

.wo_request_btn {
    background: #DFE0E8 !important;
    color: #1F1F1F !important;
    border-color: #DFE0E8 !important;
}

.wo_request_btn svg path {
    fill: #1F1F1F !important;
}

.wo_following_btn svg path {
    fill: #FFFFFF !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: 0.2s all cubic-bezier(.64, .09, .08, 1);
    -moz-transition: 0.2s all cubic-bezier(.64, .09, .08, 1);
    transition: 0.2s all 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 {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 32px;
    user-select: none;
    flex-direction: row;
    margin: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #8D98B4;
}

.round-check input+label:after,
.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 {
    transition: all 90ms cubic-bezier(0, 0, .2, .1);
    box-sizing: border-box;
    background: #ECEFF5;
    border-radius: 10px;
    width: 24px;
    height: 24px;
}

.round-check input+label:after {
    border: 1px solid #ECEFF5;
    border-top: none;
    border-right: none;
    content: "";
    height: 9px;
    left: 10px;
    position: absolute;
    top: 9px;
    transform: rotate(-45deg) !important;
    width: 14px;
    transition: .2s;
    animation: scale-up-center 0.2s !important;
}

.round-check input[type=checkbox] {
    display: none
}

.round-check input[type=checkbox]:checked+label:after {
    color: #008c9a;
    border: 2px solid #008c9a;
    border-top: none;
    border-right: none;
    content: "";
    height: 9px;
    left: 5px;
    position: absolute;
    top: 7px;
    transform: rotate(-45deg) !important;
    width: 14px;
    transition: .2s
}

.publisher-box .publisher-box-footer .round-check input+label {
    font-size: 12px;
    line-height: 24px;
}

.publisher-box .publisher-box-footer .round-check input+label:before {
    width: 24px;
    height: 24px;
}

.publisher-box .publisher-box-footer .round-check input+label:after {
    left: 6px;
    top: 6px;
}

.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
}

/*Loading Post*/
.wo_loading_post {
    padding: 17px 17px 200px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    overflow: hidden
}

.lightui1-shimmer {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #e6e6e6;
    background-image: linear-gradient(to right, #e6e6e6 0%, #d1d1d1 20%, #e6e6e6 40%, #e6e6e6 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    height: 104px;
    position: relative
}

.lightui1-shimmer div {
    background: #ffffff;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0
}

div._2iwr {
    height: 40px;
    left: 40px;
    right: auto;
    top: 0;
    width: 8px;
}

div._2iws {
    height: 8px;
    left: 48px;
    top: 0;
}

div._2iwt {
    left: 136px;
    top: 8px;
}

div._2iwu {
    height: 12px;
    left: 48px;
    top: 14px;
}

div._2iwv {
    left: 100px;
    top: 26px
}

div._2iww {
    height: 10px;
    left: 48px;
    top: 32px
}

div._2iwx {
    height: 20px;
    top: 40px
}

div._2iwy {
    left: 410px;
    top: 60px
}

div._2iwz {
    height: 13px;
    top: 66px
}

div._2iw- {
    left: 440px;
    top: 79px
}

div._2iw_ {
    height: 13px;
    top: 85px
}

div._2ix0 {
    left: 178px;
    top: 98px
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -698px 0
    }

    100% {
        background-position: 698px 0
    }
}

@-webkit-keyframes prideShimmer {
    from {
        background-position: top left
    }

    to {
        background-position: top right
    }
}

.lighbox.comment-textarea {
    border: none
}

/*Alerts*/
.alert {
    border: 0;
    font-weight: 500;
    font-family: var(--font), sans-serif;
    border-radius: 10px;
}

.alert-info {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196F3;
}

.alert-success {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
}

.alert-warning {
    background-color: rgba(243, 148, 64, 0.1);
    color: #f39440;
}

.alert-danger {
    background-color: rgba(244, 67, 54, 0.1);
    color: #F44336;
}

/*Empty State*/
.empty_state {
    margin: 85px 0;
    font-family: var(--font), sans-serif;
    font-size: 15px;
    color: #C5C5C5;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
}

.empty_state svg {
    display: block;
    margin: 0 auto 15px;
}

.empty_state .empty_state_img {
    display: block;
    margin: 0 auto 15px;
    width: 100px;
    height: 100px;
    float: none;
}

/*Page Heading*/
.wo_page_hdng {
    padding: 10px 0px;
    border-bottom: 1px solid #DFE0E8;
}

/* .wo_page_hdng.pag_neg_padd {
    margin: -15px -15px 0;
} */

.wo_page_hdng.pag_alone {
    border: 0;
}

.wo_page_hdng_innr {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    /*     margin-top: 14px; */
}

.wo_page_hdng_innr h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin: inherit;
}

.wo_page_hdng_innr.big_size {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
}

.wo_page_hdng_innr span {
    display: inline-flex;
    width: 24px;
    min-width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 50%;
}

.wo_page_hdng_search {
    margin-left: auto;
}

.wo_page_hdng_search .wow_form_fields {
    margin: -3px 0;
    padding: 0;
}

.wo_page_hdng_search .wow_form_fields input {
    box-shadow: none;
    background-color: #eaeff2;
    height: 30px;
    min-width: 340px;
    border-radius: 2em;
    font-size: 14px;
    padding: 2px 12px;
}

.wo_page_hdng_search .wow_form_fields .search_suggs,
.main-blog-sidebar .widget .wow_form_fields .search_suggs {
    position: absolute;
    padding: 10px;
    margin: 0;
    background-color: white;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 9;
}

.wo_page_hdng_search .wow_form_fields .search_suggs:empty,
.main-blog-sidebar .widget .wow_form_fields .search_suggs:empty {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.wo_page_hdng_menu {
    display: flex;
    align-items: center;
    margin: -15px -7px;
    margin-bottom: 16px;
    font-family: var(--font), sans-serif;
    border-bottom: 1px solid #DFE0E8;
}

.wo_page_hdng_menu>ul {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow-x: auto;
    margin-right: 10px;
}

.wo_page_hdng_menu>ul li {
    display: inline-block;
    margin-right: 18px;
}

.wo_page_hdng_menu>ul li a {
    padding: 8px 8px;
    display: block;
    text-decoration: none;
    margin: 4px 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.wo_page_hdng_menu>ul li a:hover {
    color: #00819D !important;
}

.wo_page_hdng_menu>ul li.main a,
.wo_page_hdng_menu>ul li.active a {
    font-weight: 500;
    color: #00819D;
}

.wo_page_hdng_menu>.btn {
    margin-left: auto;
    line-height: 28px;
    padding: 0 10px;
    font-size: 13px;
    letter-spacing: 0.5px;
    min-width: 90px;
}

.wo_page_hdng_menu>ul li a>svg {
    margin-right: 8px;
}

.wo_page_hdng_menu>ul li.main a>svg>path,
.wo_page_hdng_menu>ul li.active a>svg>path {
    fill: #00819D;
}

.small-texts {
    font-weight: 100;
}

.wo-reaction {
    max-width: 100%;
    padding: 0 60px;
    /*position: relative;*/
}

.like-btn {
    position: relative;
    cursor: pointer;
    display: block;
}

.wo-reaction .like-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: 244px;
    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;
}

.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);
}

/* .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.2s;animation-duration: 0.2s;}
.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;
    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: 10px;
    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: 10px;
    -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%);
}

.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'
}

.inline_post_emoji {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}

.inline_post_emoji .reaction {
    width: 18px;
    height: 18px;
}

.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: 13px;
    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: 0px;
    border-radius: 50%;
    border: 1px solid #DFE0E8;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
}

.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;
    position: relative;
}

#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: 12px;
    margin-left: 4px;
}

.wo_imagecombo_lbox .lightbox-post-footer .comment {
    margin-top: 37px;
}

#comment_reacted {
    margin-right: 4px;
    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;
    margin-right: 32px;
}

#comment_reactions .like-btn .active-like {
    display: block;
    color: #C5C5C5;
    font-size: 14px;
}

.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: var(--background-main);
    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;
}

.post .post-footer .comments-list .comment .comment-body .like-btn {
    z-index: 9;
}

.post .post-footer .comments-list .comment .comment-body .reactions-box {
    z-index: 5;
    top: -55px;
}

.post .post-footer .comments-list .comment .comment-body .reactions-box li {
    animation: none;
}

/*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: var(--font), 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,
.payment_box .btn img {
    margin-right: 15px;
    width: 32px;
    height: 32px;
}

/*Send Gift*/
.send_gift_btn {
    font-family: var(--font), 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: 10px;
    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: 187px;
    height: 188px;
    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: 250px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    padding: 0;
    right: 48px;
}

#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;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.earn_points .ep_illus .ep_how_many {
    padding: 10px;
    display: flex;
    align-items: center;
}

.earn_points .ep_illus .ep_how_many svg {
    display: block;
    background-color: #7a7a7a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 12px;
    color: white;
    margin: 0 15px 0 0;
}

.earn_points .ep_illus .ep_how_many.reaction_bg svg {
    background-color: rgba(255, 152, 0, 0.2);
    color: #FF9800;
}

.earn_points .ep_illus .ep_how_many.create_post svg {
    background-color: rgba(33, 150, 243, 0.2);
    color: #2196F3;
}

.earn_points .ep_illus .ep_how_many.comment_post svg {
    background-color: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

.earn_points .ep_illus .ep_how_many.wonder_post svg {
    background-color: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

.earn_points .ep_illus .ep_how_many.like_post svg {
    background-color: rgba(103, 58, 183, 0.2);
    color: #673AB7;
}

.earn_points .ep_illus .ep_how_many b {
    margin: 0;
    font-weight: 500;
    font-family: var(--font), sans-serif;
    color: #535353;
}

.earn_points .counter {
    background-color: #f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
    height: 140px;
    border: 1px solid #f5f5f5;
    position: relative;
    overflow: hidden;
    font-family: var(--font), sans-serif;
}

.earn_points .counter svg {
    color: #000000;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 95px;
    height: 95px;
    opacity: 0.1;
}

.earn_points .counter h2 {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0 20px;
}

.earn_points .counter .point-text {
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px 1px;
    text-transform: uppercase;
}

.earn_points .counter .count-text {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.earn_points .points_tip {
    height: 140px;
    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 .as_list {
    padding: 13px 5px;
    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;
    margin-bottom: 75px;
}

.active_sessions .as_list .platform_icon svg {
    width: 28px;
    height: 28px;
}

.active_sessions .as_list .log_out_session {
    float: right;
    width: 132px;
    height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 1px 0;
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
    color: #ffffff;
    border-radius: 1px solid transparent;
}

.active_sessions .as_list .log_out_session:before {
    opacity: 0.07;
}

.active_sessions .as_list .log_out_session svg {
    margin: 0;
}

.active_sessions .as_list .session_info {
    display: block;
    margin-right: 50px;
    font-family: var(--font), sans-serif;
}

.active_sessions .as_list .session_info h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
}

.active_sessions .as_list .session_info p {
    margin-bottom: 8px;
    line-height: 1;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.active_sessions .as_list .session_info p svg {
    margin-top: -2px;
}



/*Night Toggle*/
#night_mode_toggle,
#keyboard_shortcut {
    display: flex;
    align-items: center;
}

#keyboard_shortcut svg {
    margin: 0;
    margin-left: auto;
    height: 14px;
    width: 14px;
}

#night_mode_toggle svg {
    margin: 0;
    color: #00819D
}

#night_mode_toggle svg path {
    fill: #00819D
}

.change_daynight___switch svg {
    display: none;
}

.night .change_daynight___switch svg.moon {
    display: block;
}

.day .change_daynight___switch svg.sun {
    display: block;
}

/*Search Filter*/
.wow_search_head {
    background: #fff;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.wow_srch_fields {
    position: relative;
    flex: 1 100%;
    color: #4e4e4e;
    padding: 5px 10px;
}

.wow_srch_fields:nth-child(1),
.wow_srch_fields:nth-child(2) {}

.wow_srch_fields:last-child {
    flex: auto;
}

.wow_srch_fields>svg,
.wow_srch_fields>.dropdown>.btn svg {
    position: absolute;
    top: 22px;
    transform: translateY(-50%);
    left: 15px;
    pointer-events: none;
}

.wow_srch_fields>input,
.wow_srch_fields>select {
    width: 100%;
    border: 0;
    outline: none;
    padding: 18px 35px;
    font-size: 16px;
}

.search-filter-form .wow_srch_fields>.btn {
    width: 202px;
    line-height: 30px;
    border: 1px solid #009397;
}

.search-filter-form .wow_srch_fields>input,
.search-filter-form .wow_srch_fields>.dropdown>.btn,
.search-filter-form .wow_srch_fields>select {
    border: 1px solid #fff;
    padding: 8px 28px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;


}

.search-filter-form .wow_srch_fields>input::-webkit-input-placeholder {
    color: #BDBDBD;
}

.search-filter-form .wow_srch_fields>input::-moz-placeholder {
    color: #BDBDBD;
}

.search-filter-form .wow_srch_fields>input::-ms-input-placeholder {
    /* IE 10+ */
    color: #BDBDBD;
}

.search-filter-form .wow_srch_fields>input::-moz-placeholder {
    /* Firefox 18- */
    color: #BDBDBD;
}

.searchs .wo_page_hdng_menu {
    margin: 16px 8px !important;
}

.wow_srch_fields>.dropdown>.btn {
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: none;
    width: 100%;
    padding: 15px 5px 15px 40px;
    font-size: 16px;
    background: transparent;
    border: 0;
}

.wow_srch_fields>.dropdown>.btn svg {
    left: 5px;
}

.wow_srch_fields>.dropdown>.btn .caret {
    margin-left: auto;
}

.wow_srch_fields>.dropdown .dropdown-menu {
    width: 100%;
    transform-origin: center top;
}

.wow_srch_fields>.dropdown .dropdown-menu .wow_form_fields {
    margin: 0 0 10px;
    padding: 0 10px;
}

.wow_srch_fields>.btn-main {
    line-height: 50px;
    min-width: 170px;
    border-radius: 8px;
}

.search-filter-form .wow_srch_fields>.btn-main {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
}

.wow_srch_innr_filtr {
    padding: 0 10px;
    margin-bottom: 20px;
}

.wow_srch_fields>.dropdown .dropdown-menu li:last-child .wow_srch_innr_filtr {
    margin-bottom: 5px;
}

.wow_srch_innr_filtr>p {
    font-weight: 500;
    margin-bottom: 5px;
}

.wow_srch_innr_filtr .pp_mat_input {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.wow_srch_innr_filtr .round_check {
    display: inline-block;
    margin: 4px 4px;
}

.wow_srch_innr_filtr .round_check input {
    display: none;
}

.wow_srch_innr_filtr .round_check label {
    margin: 0;
    transition: all .2s ease-in-out;
    padding: 0 14px;
    font-size: 14px;
    line-height: 28px;
    background-color: #f0f0f0;
    color: #393939;
    border-radius: 2em;
}

.wow_srch_innr_filtr .round_check input:checked+label {
    color: #ffffff;
    background-color: #00819d;
}

.wow_srch_innr_filtr .pp_mat_input .age_number {
    width: 75px;
    text-align: center;
    border: 0;
    border-radius: 2em;
    padding: 0 14px;
    font-size: 14px;
    line-height: 28px;
    background-color: #f0f0f0 !important;
    color: #393939;
    margin-left: auto;
}

.wow_srch_innr_filtr .ui-slider {
    border-radius: 2em;
    box-shadow: none;
    height: 4px;
    margin-top: 15px;
    background: rgb(203 215 216);
    z-index: 9;
}

.wow_srch_innr_filtr .ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    outline: none;
    border: 0;
    border-radius: 50%;
    top: -5px;
}

.wow_srch_innr_filtr .ui-slider .ui-slider-range,
.wow_srch_innr_filtr .ui-slider .ui-slider-handle {
    background-color: #00819D;
}

.wow_srch_tabs {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    border: 0;
    margin: 50px 0 -40px;
}

.wow_srch_tabs li {
    margin: 0;
    width: auto;
    float: none;
}

.wow_srch_tabs li:first-child {
    margin-left: auto;
}

.wow_srch_tabs li:last-child {
    margin-right: auto;
}

.wow_srch_tabs li a {
    border-bottom: 2px solid transparent !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 14px;
    padding: 15px 30px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    height: auto;
    margin: 0;
    box-shadow: none !important;
}

.wow_srch_tabs li.active a {
    color: black !important;
    border-color: black !important;
}

.wow_srch_game_tabss .col-md-6 {
    width: 25%;
}

.wo_search_page .wo_my_pages .page_title {
    margin-top: 10px;
}

/*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);
    border-radius: 10px;
    padding-bottom: 20px;
}

#modal_light_box .modal-content {
    border-radius: 0px;
    padding-bottom: 0px;
}

.modal-header {
    background-color: #f5f6f7;
    border-color: #e5e5e5;
    padding: 10px 12px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    color: #1d2129;
    font-weight: bold;
    line-height: 19px;
    font-size: 14px;
}

.modal .modal-footer {
    background: #fff;
    padding: 9px 0;
    border-top: none;
    margin: 0 12px;
}

.modal .modal-footer .btn-main {
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    max-width: 260px;
    /*     padding: 13px; */
}

/*User Pokes*/
.wo_pokes_cont {
    border-radius: 10px;
    background-color: #fff;
    padding: 0 10px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.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 {
    margin: 5px 0 0;
}

.wo_poke_users .btn svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.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: var(--font), sans-serif;
    font-size: 17px;
    color: #474747;
}

.end_vdo_call,
.start_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 .wo_settings_page form {
    font-family: var(--font), sans-serif
}

#wo_main_sett_mid .wo_settings_page .text-center>.btn-mat {
    min-width: 150px;
    margin: 17px 0;
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
    box-shadow: none;
}

.sett_tab_noti {
    overflow: hidden;
    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;
    margin: 0 45px;
}

.sett_tab_noti li a:hover {
    color: black;
}

.sett_tab_noti li.active a {
    border-bottom: 1px solid #DFE0E8;
    color: black;
}

.sett_tab_noti li a svg {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.sett_tab_noti li a svg>path {
    fill: #828282 !important;
}

.sett_tab_noti li.active a svg>path {
    fill: #00819D !important;
}

.wow_sett_privt_labls .wow_form_fields>label {
    font-weight: normal;
}

/*Header*/
#head_menu_rght .sixteen-font-size {
    margin: 10px 8px;
    height: auto;
    border-radius: 50px;
    padding: 0px;
    transition: 0.2s all;
}

.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.2s;
    animation-duration: 0.2s;
}

.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);
    }
}

/*Greeting*/
.greetalert {
    background: #fff;
    padding: 15px 17px;
    border-radius: 10px;
    position: relative;
    font-family: var(--font), sans-serif;
    margin-bottom: 8px;
}

.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: 500;
    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 {
    max-height: 400px;
    max-width: 100%;
    text-align: center;
}

.wo_crop_img_pic .rcrop-preview-wrapper {
    border-radius: 50%;
    overflow: hidden;
    height: 130px;
    width: 130px;
}

/*Story*/
.width_ {
    width: 0;
}

.wo_imagecombo_lbox.story_lightbox {
    max-width: 970px;
    border-radius: 5px;
    height: calc(100% - 50px);
    overflow: hidden;
    margin: auto;
}

.wo_imagecombo_lbox.story_lightbox.story_width_ {
    max-width: 400px;
}

.wo_imagecombo_lbox.story_lightbox .mfp-wrap {
    position: absolute;
    height: 4px;
    border-radius: 2em;
    top: 0;
    right: 0;
    left: 0;
}

.wo_imagecombo_lbox.story_lightbox .mfp-wrap .mfp_progress_line_ {
    background-color: rgba(230, 231, 232, .4);
    width: 100%;
    height: 4px;
    display: block;
    border-radius: 2em;
}

.wo_imagecombo_lbox.story_lightbox .mfp-wrap .mfp_progress_line_ .load {
    background-color: #e9ebee;
    height: 4px;
    display: block;
    border-radius: 2em;
    transition: all 8s;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header {
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 10px;
    margin-top: 4px;
    height: 61px;
    position: relative;
    background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.2));
    z-index: 1;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info {
    display: flex;
    align-items: center;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .user-avatar,
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 9px;
    background-color: #353535;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .user-avatar img,
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-avatar img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name {
    margin: 5px 0 0px;
    font-size: 16px;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name a {
    color: white;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r span {
    color: #888888;
    font-size: 12px;
    line-height: 1;
}

.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_opts {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner {
    margin-right: 0;
    margin-left: 380px;
    height: calc(100% - 65px);
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer {
    top: 50%;
    width: 45px;
    height: 45px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: whitesmoke;
    transition: all 0.15s;
    text-align: center;
    position: absolute;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer:hover,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer:hover {
    color: #fff;
    background: #000;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer svg,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer svg {
    width: 30px;
    height: 30px;
    margin: 7.5px 0px;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer.previous-btn,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer.previous-btn {
    left: 10px;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer.next-btn,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer.next-btn {
    right: 10px;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story:before,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story:before {
    content: '';
    position: absolute;
    filter: blur(35px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    margin: -35px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story img,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story img {
    max-height: calc(100vh - 115px);
}

.wo_imagecombo_lbox.story_lightbox .story_image_not_owner {
    margin: 0;
    width: 100%;
    height: calc(100% - 65px);
}

.wo_imagecombo_lbox.story_lightbox .draggableHelper_story_content {
    position: absolute;
    bottom: 0;
    color: white;
    left: 0;
    right: 0;
    font-size: 13px;
    padding: 10px;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4));
    text-align: center;
}

.wo_imagecombo_lbox.story_lightbox .comment-section {
    right: auto;
    background-color: #141414;
    left: 0;
    top: 65px;
    height: calc(100% - 65px);
    overflow-y: auto;
}

.wo_imagecombo_lbox.story_lightbox .comment-section .comment-section-inner {
    height: 100%;
}

.wo_imagecombo_lbox.story_lightbox .comment-section .load-more .btn {
    background: transparent;
    color: #eaeaea;
}

.wo_imagecombo_lbox.story_lightbox .views_count {
    color: #fbfbfb;
    border-bottom: 1px solid #252525;
    padding: 10px 15px;
}

.wo_imagecombo_lbox.story_lightbox .story_views_ {
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.wo_imagecombo_lbox.story_lightbox .story_views_:last-child {
    border: 0;
}

.wo_imagecombo_lbox.story_lightbox .story_view_list {
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.wo_imagecombo_lbox.story_lightbox .story_view_list .user-name {
    margin: 0;
    font-weight: 500;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", var(--font), "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 1px;
}

.wo_imagecombo_lbox.story_lightbox .story_view_list .user-name a {
    color: #e8e8e8;
}

.comm_mod_img_close {
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
}

.comm_mod_img_close svg {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    margin: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
}

.modal-open .modal .modal-body .image {
    width: 100%;
}

/*My Info*/
.select_radio_btn {
    font-family: var(--font), sans-serif;
    padding: 20px 0 0;
}

.select_radio_btn h4 {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    margin: -15px 0 25px;
}

.select_radio_btn .select_radio_btn_innr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.select_radio_btn label {
    width: 33.3333333%;
    margin: 0;
    padding: 0 12px;
    margin-bottom: 24px;
}

.select_radio_btn label>input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.select_radio_btn .sr_btn_lab_innr {
    width: 100%;
    margin: 0;
    box-shadow: 0 0 0 1px #e6e6e6;
    border-radius: 6px;
    position: relative;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 20px 5px;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 203px;
    height: 203px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.select_radio_btn.small_rbtn .sr_btn_img {
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select_radio_btn.small_rbtn .sr_btn_img svg {}

.select_radio_btn .sr_btn_lab_innr>span {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #6c6c6c;
    color: #1F1F1F;
}

.select_radio_btn .sr_btn_lab_innr:hover {
    box-shadow: 0px 0px 0px 3px #00819D;
}

.select_radio_btn label>input:checked~.sr_btn_lab_innr {
    box-shadow: 0px 0px 0px 3px #00819D;
}

.select_radio_btn label>input:checked~.sr_btn_lab_innr .sr_btn_img {
    filter: grayscale(0);
    opacity: 1;
}

.select_radio_btn label>input:checked~.sr_btn_lab_innr .sr_btn_img svg path {
    fill: #00819D !important;
}

.select_radio_btn label>input:checked~.sr_btn_lab_innr>span {
    color: #00819D !important;
}

.ready_to_down_info {
    display: none;
    text-align: center;
    /* margin: 40px 0; */
    padding: 20px 20px;
    position: absolute;
    background: #fff;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.ready_to_down_info svg {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
}

.ready_to_down_info p {
    font-weight: 600;
    font-family: var(--font), sans-serif;
    margin-bottom: 35px;
}

.ready_to_down_info .btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 6px 20px;
    border-radius: 5px;
    color: #fff;
}

/*Share Post Modal*/
.share_modal_social_icos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.share_modal_social_icos>a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 6px 9px;
    text-decoration: none;
}

.share_modal_social_icos>a .social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.share_modal_social_icos>a .social-btn svg {
    margin: 0;
}

.share_modal_social_icos>a .social-btn:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.share_modal_social_icos>a>span {
    font-size: 13px;
}

.share_modal_opts_icos>h4 {
    text-align: initial;
}

.share_modal_opts_icos.select_radio_btn .select_radio_btn_innr {
    margin: 0 -12px;
}

.share_modal_opts_icos.select_radio_btn label {
    width: 30%;
}

.share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr {
    width: 150px;
    height: 150px;
}

.share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img {
    display: inline-flex;
    vertical-align: middle;
    border-radius: 10px;
}

.share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img svg {
    margin-bottom: 16px;
}

.share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr>span {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    color: #B5B5B5;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150.4%;
}

.shar_modl_chose_pgrp input.form-control {
    height: auto;
    border: 2px solid #ebeef0;
    background-color: #ebeef0;
    font-size: 15px;
    padding: 7px 15px;
    border-radius: 2em;
    width: 100%;
    max-width: 350px;
    margin: auto;
    transition: all 0.15s;
}

.shar_modl_chose_pgrp input.form-control:focus {
    background-color: #fff;
}

.share_modl_post_cont .panel {
    box-shadow: none;
}

.share_modl_post_cont .post-heading {
    padding: 17px 15px;
}

.share_modl_post_cont .post-heading>.image {
    margin-top: -3px;
}

.share_modl_post_cont .post-heading .dropdown-toggle {
    display: block;
    margin: 9px 0;
}

.modal.fade.in.share_post_modal_ .modal-dialog {
    max-width: 540px;
    width: 100%;
}

.modal.fade.in.share_post_modal_ .modal-dialog textarea {
    height: 54px;
    border-radius: 50px !important;
    border: 1px solid #E4E4E4;
}

.share_modl_post_cont .post-heading .dropdown-toggle:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.modal.fade.in.share_post_modal_ .post-container .image {
    width: auto;
}

.modal.fade.in.share_post_modal_ .post-container {
    border: none;
}

.modal.fade.in.share_post_modal_ .share_modl_post_cont .panel {
    margin-bottom: 0px;
}

/*Who React Modal*/
.who_react_modal {
    display: flex;
    align-items: center;
    margin: 0px 20px 0px;
}

.who_react_modal>span {
    display: flex;
    padding: 5px;
    height: 28px;
    margin: 0 10px 0 0px;
}

.who_react_modal>span .inline_act_emoji {
    transform: scale(1.2);
}

.who_react_modal>span .inline_post_emoji .reaction>img {
    width: 32px;
    height: 32px;
    top: -7px;
}

.who_react_to_this_user {
    display: flex;
    align-items: center;
    padding: 8px 0px;
    border-bottom: 1px solid #eaeaea;
}

.who_react_to_this_user:last-child {
    border: 0;
}

.who_react_to_this_user .who_react_to_this_user_info {
    display: flex;
    align-items: center
}

.who_react_to_this_user .who_react_to_this_user_info a {
    text-decoration: none;
    color: #1d2129;
}

.who_react_to_this_user .who_react_to_this_user_info .user-popover p {
    max-height: 35px;
    overflow: hidden;
    margin: 0 16px 0 0;
}

.who_react_to_this_user .avatar {
    width: 40px;
    min-width: 40px;
    margin-right: 15px;
    height: 40px;
    border-radius: 50%;
}

.who_react_to_this_user .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.who_react_to_this_user .avatar .wo_who_react_this img {
    border-radius: 0px;
    width: 14px;
    height: 14px;
}

.who_react_to_this_user .avatar .wo_who_react_this {
    top: auto !important;
    bottom: -4px;
    right: -4px !important;
    background: transparent !important;
    width: 18px !important;
    height: 18px !important;
}

.who_react_to_this_user .user-follow-button {
    margin-left: auto;
    display: flex;
    gap: 8px;
    align-items: center;
}

.who_react_to_this_user .wo_following_btn {
    width: 132px;
    padding: 5px 10px;
    line-height: 15px;
}

/* .who_react_to_this_user .user-follow-button button {
    padding: 3px 9px !important;
} */

.wo_react_ursrs_list {
    max-height: 450px;
    overflow-y: auto;
}

.wo_react_ursrs_list_lod_mor .btn {
    font-weight: 600;
    border-radius: 2em;
    line-height: 1;
    padding: 7px 15px;
    box-shadow: inset 0 0 0 1px #c9cfd3;
    font-size: 12px;
}

/*Bank transfer Modal*/
svg {
    vertical-align: middle;
}

.dt_bank_trans_modal .bank_info {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 30px;
}

.dt_bank_trans_modal .bank_info .dt_settings_header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    height: auto;
    background-color: #2196f3;
    background: linear-gradient(90deg, #03A9F4 0%, #2196f3 35%, #3F51B5 100%);
    padding: 16px;
    overflow: hidden;
    position: relative;
}

.dt_bank_trans_modal .dt_settings_circle-1 {
    width: 290px;
    height: 290px;
    background-image: radial-gradient(circle 800px at 75% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);
    left: -28px;
    top: -28px;
    opacity: .05;
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.dt_bank_trans_modal .dt_settings_circle-2 {
    opacity: .03;
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    width: 500px;
    height: 500px;
    background-image: radial-gradient(circle 800px at 10% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);
    right: -242px;
    top: 17px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr {
    position: relative;
    width: 100%;
    color: #fff;
    z-index: 1;
    border: 6px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    border-radius: 5px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr>svg {
    position: absolute;
    opacity: 0.3;
    left: 16px;
    top: 16px;
    width: 45px;
    z-index: -1;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .row p {
    margin: 0;
    font-size: 18px;
    word-break: break-word;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .row .col {
    margin-top: 18px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {
    font-size: 22px;
    padding: 5px .75rem 0 55px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .help-block {
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.73);
}

.dt_bank_trans_modal .dt_user_profile {
    background-color: #f8f8f8;
    margin: 0 auto 25px;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    overflow: hidden;
}

.dt_bank_trans_modal .dt_user_profile>span {
    margin-bottom: 5px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.dt_bank_trans_modal .dt_user_profile>span svg {
    margin-right: 5px;
    color: #6b6b6b;
}

.dt_bank_trans_modal .dt_prof_vrfy {
    margin: 0;
    list-style-type: disc;
}

.dt_bank_trans_upl_rec {
    text-align: center;
}

.dt_bank_trans_upl_rec a {
    display: inline-block;
    border-bottom: 1px dashed;
    color: #3f3f3f;
    padding-bottom: 5px;
    font-size: 14px;
    transition: all 0.15s;
    text-decoration: none;
}

.dt_bank_trans_upl_rec a:hover {
    border-bottom-style: solid;
}

.dt_bank_trans_upl_rec a svg {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.upload_bank_receipts {
    text-align: center;
    display: none;
}

.upload_bank_receipts>div {
    width: 100%;
    max-width: 200px;
    height: 185px;
    margin: auto;
    background-color: #f0f0f0;
    border: 2px solid #ddd;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.upload_bank_receipts svg {
    width: 45px;
    height: 45px;
    color: #4a4a4a;
    background-color: lightgrey;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.upload_bank_receipts p {
    margin-bottom: 0px;
}

#bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {
    display: none;
}

#bank_transfer_modal.up_rec_active .upload_bank_receipts {
    display: block;
}

#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {
    display: none;
}

#bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_donate_modal.up_rec_active .dt_bank_trans_upl_rec {
    display: none;
}

#bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {
    display: block;
}

#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p {
    display: none;
}

/*Verify Setting Modal*/
.verfy_sett_email_phone_ico {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e4e4e4;
    border-radius: 50%;
    color: #5e5e5e;
}

/*Msg Page*/
.wo-msg-container {
    /*width: 100%;height: 100%;margin: 0;*/
}

.messages-recipients-list {
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid #fbfbfb;
    padding: 16px;
    transition: 0.2s all;
    border: 0;
    background: #FFFFFF;

    border-radius: 10px;
    margin-right: 16px;
    margin-bottom: 2px;
}

.messages-recipients-list.active {
    background: #00819D;
    padding-right: 32px;
    border-radius: 10px 0px 0px 10px;
    margin-right: 0px;
}

.messages-recipients-list img {
    border-radius: 50%;
    width: 52px;
    height: 52px;
    margin: 0;
}

.messages-recipients-list .msg_rght_prt {
    margin-left: 60px;
    display: flex;
    flex-direction: column;
}

.messages-recipients-list .msg_rght_prt>p {
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #878787;
    max-height: 44px;
    overflow: hidden;
}

.messages-recipients-list .msg_rght_prt>p.new_msg_active_list {
    color: #212529;
    font-weight: 500;
}

.messages-recipients-list .messages-last-sent {
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #D1D2DC;
    margin-bottom: 2px;
    min-height: 12px;
}

.load-more {
    display: none;
}

.date_messages {
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    color: #D1D2DC;
    margin-bottom: 2px;
    width: 100%;
    text-align: center;
}

.messages-recipients-list .messages-last-sent.new_msg_lst_lsent {
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #D1D2DC;
}

.messages-recipients-list .messages-user-name {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #1F1F1F;
    max-width: calc(100% - 80px);
    margin-bottom: 2px;
}

.messages-recipients-list.active .msg_rght_prt>p,
.messages-recipients-list.active .messages-user-name {
    color: #FFFFFF;
}

.new-message-alert {
    background-color: #ce3d3d;
    padding: 3px 6px;
    border-radius: 10px;
    color: #fff;
}

.mobilerightpane .new-message-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 23px;
    height: 23px;
    background: #D94B4B;
    border-radius: 50%;
    left: -7px;
    top: -7px;
    padding: 0;
    font-size: 11px;
}

.new-message-alert.messages-group-tab {
    font-size: 10px;
    width: 20px;
    height: 20px;
    right: 4px;
    left: unset;
    top: 5px;
}

.text-sender-container {
    background: transparent;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.text-sender-container .msg_usr_info_top_list {
    height: 83px;
    padding: 18px 30px;
    z-index: 10;
    background-color: #f8f8f8;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
}

.text-sender-container .msg_usr_info_top_list .mobilemsgclose {
    display: none;
    cursor: pointer;
    margin: -1px 15px 0 -15px;
    width: 23px;
    height: 23px;
    stroke-width: 2.5px
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data {
    display: flex;
    align-items: center;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data img {
    border-radius: 50%;
    margin-right: 15px;
    height: 45px;
    min-width: 45px;
    max-width: 45px;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {
    text-decoration: none;
    transition: all 0.2s;
    color: #1F1F1F;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data .msg_usr_lst_sen_main {
    margin: 0;
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #D1D2DC;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns {
    margin-left: auto;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns>span {
    margin-right: 20px;
    color: #b3b3b3;
    transition: all 0.2s;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns>span {
    margin: 0;
    padding: 8px;
    border-radius: 8px;
}

.text-sender-container .message-contnaier {
    margin: 0 0px 4px;
    position: relative;
    display: flex;
    align-items: flex-end;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    padding-top: 8px;
}

.text-sender-container .message-contnaier.outgoing {
    flex-direction: row-reverse;
}

.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 {
    z-index: 9;
    right: 0px;
    top: 0;
    display: flex;
    position: relative;
    justify-content: flex-end;
    width: 100%;
}

.message-option-btns .btn {
    padding: 15px 6px;
    background-color: transparent;
    color: #b3b3b3;
    border: none;
    margin: 0 4px;
    box-shadow: none
}

.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
}

.chat-messages-wrapper .deleteMessage {
    position: absolute;
    top: 50%;
    left: -18px;
    cursor: pointer;
    color: #888;
    display: none;
    transform: translate(0, -50%)
}

.chat-messages-wrapper .deleteMessage:hover {
    opacity: 0.6
}

.replyMessage {
    display: none;
    position: absolute;
    top: 50%;
    left: -22px;
    cursor: pointer;
    color: #888;
    transform: translate(0, -50%);
    opacity: 0.6
}

.replyMessage.right {
    left: auto !important;
    right: -22px;
    top: 20%;
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.replyMessage:hover {
    opacity: 1
}

.text-sender-container .message-model .audioFile .message,
.text-sender-container .message-model .audioFileOwner .message {
    width: 100%;
    padding: 5px;
    background: transparent;
}

.audioFileOwner .replyMessage {
    left: -38px;
}

.audioFile .replyMessage {
    right: -38px;
}

.message-contnaier:hover .replyMessage,
.messages-wrapper:hover .replyMessage {
    display: block;
}

.chat-messages-wrapper .deleteMessage.right {
    left: auto !important;
    right: -18px
}

.chat-messages-wrapper .deleteMessage svg.feather {
    margin-top: -3px;
    width: 15px;
    height: 15px
}

.text-sender-container .time {
    margin-top: 5px;
    font-size: 9px;
    font-weight: 500;
}

.text-sender-container .message-model {
    width: auto;
    max-width: 500px;
    font-size: 13px;
    padding: 0;
    position: relative;
    line-height: 1.4;
}

.text-sender-container .message-model .message {
    padding: 15px;
    margin-left: auto;
    display: table;
    line-height: 1.4;
    margin-top: 0;
    position: relative;
    background: #D9E8F5;
    border-radius: 8px;
}

.text-sender-container .message-model .video-js-responsive-container {
    min-width: 300px
}

.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
}

.msg_progress {
    height: 3px;
    width: 100%;
    background-color: #b3deff;
    border-radius: 10px;
    background-clip: padding-box;
    overflow: hidden;
    bottom: -2px;
    right: 0px;
    z-index: 15;
    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;
    border-radius: 50%;
}

.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;
    border-radius: 50%;
}

@-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%;
    }
}

#wo_nw_msg_page .msg_under_hood {
    overflow: hidden;
    position: relative;
}

#wo_nw_msg_page .wo_msg_tabs * {
    font-family: var(--font), sans-serif !important;
}

#wo_nw_msg_page .messages-user-name,
.messages-recipients-list .msg_rght_prt>p,
.messages-recipients-list .messages-last-sent.new_msg_lst_lsent {
    font-family: var(--font), sans-serif !important;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane {
    padding: 0px 0 0;
    overflow-x: hidden;
    height: calc(100vh - 175px);
    overflow-y: auto;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form {
    width: 100%;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn {
    color: #00819D;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #00819D;
    border-radius: 50px;
    padding: 8px 16px;
    width: 127px;
    background: #EEEFF5;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr {
    position: relative;
    width: 127px;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr svg {
    position: absolute;
    top: 50%;
    left: 15px;
    margin: 0;
    transform: translateY(-50%);
    color: #949494;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input {
    padding: 0 8px 0 37px;
    height: 32px;
    background: #DFE0E8;
    border-radius: 50px;
    border: none;
    font-size: 12px;
    color: #9c9c9c;
    width: 100%;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr {
    background: #fff;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2em;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    margin-left: 15px;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin: 0;
    background: transparent;
    transition: 0.2s all;
    box-shadow: none;
    border: none;
    color: #757575;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs {
    border: 0;
    text-align: center;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li {
    float: none;
    margin: 0;
    width: 127px;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a {
    padding: 7px 2px 11px;
    height: auto;
    margin: 0;
    border: 0;
    cursor: pointer;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #D1D2DC;
    border-bottom: 1px solid;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a svg {
    margin-right: 2px;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a svg>path {
    fill: #D1D2DC;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a svg>path {
    fill: #1F1F1F;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a {
    color: #1F1F1F;
}

#wo_nw_msg_page .messages-users-list>h1 {
    font-size: 22px;
    font-weight: 600;
    color: #212529;
    border-bottom: 1px solid #dedede;
    padding-bottom: 13px;
    margin: 0;
    text-align: center;
}

#wo_nw_msg_page .messages-recipients-list .avatar {
    position: relative;
    margin-right: 15px;
}

#wo_nw_msg_page .messages-recipients-list .online_dot {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -4px;
    right: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wo_nw_msg_page .messages-recipients-list .online_dot .dot {
    width: 10px;
    min-width: 10px;
    height: 10px;
    background-color: #4CAF50;
    border-radius: 50%;
}

#wo_nw_msg_page .messages-recipients-list .online_dot.off_usr .dot {
    background-color: lightgray;
}

#wo_nw_msg_page .msg_under_hood .mobileleftpane {
    background: #fff;
    width: 100%;
    /* 	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1); */
    border-radius: 10px;
}

#wo_msg_right_prt .text-sender-container .sendMessages .input-group {
    margin: 0px 8px;
    /*     height: 90px; */
    display: flex;
    border-collapse: unset;
    align-items: self-end;
    flex-direction: column;
}

#wo_msg_right_prt .text-sender-container .sendMessages .input-group .input-group-btn {
    margin-left: 20px;
    width: 56px;
}

#wo_msg_right_prt .text-sender-container textarea {
    margin-bottom: 0px;
    box-shadow: none;
    border: 0;
    padding: 11px 45px 11px 15px;
    height: 40px;
    max-height: 450px;
    overflow-x: scroll;
    overflow-y: scroll;
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #1f1f1f;
    width: 100%;
}

#wo_msg_right_prt .text-sender-container textarea::placeholder {
    color: #c8c9ce;
}

#wo_msg_right_prt .text-sender-container .sendMessages .send-button {
    margin: 5px 0px;
    padding: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
}

#wo_msg_right_prt .text-sender-container .sendMessages .send-button svg {
    width: 21px;
    height: 21px;
}

#wo_msg_right_prt .text-sender-container .sendMessages .send-button svg>path {
    fill: #00819D !important;
}

#wo_msg_right_prt .message-option-btns .btn {
    padding: 0 !important;
    width: 35px;
    height: 35px;
    /* margin-left: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .1s linear;
    margin: 5px 1px;
}

#wo_msg_right_prt .message-option-btns .btn svg {
    width: 24px;
    height: 24px;
}

#wo_msg_right_prt .message-option-btns .btn svg>path {
    fill: #00819D !important;
}

#wo_msg_right_prt .message-option-btns .btn.messages-rtime {
    padding: 8px 10px !important;
    left: 65px;
    width: auto;
    /* top: -7px; */
    /* right: -7px; */
    margin: 0;
    z-index: 9;
}

#wo_msg_right_prt .message-option-btns .btn:hover {
    background-color: rgba(0, 0, 0, 0.07);
}

#wo_nw_msg_page .messages-container .empty_state {
    width: 100%;
    max-width: 90%;
    font-family: var(--font), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150.4%;
    align-items: center;
    text-align: center;
    color: #B5B5B5;
}

#wo_nw_msg_page .messages-container .empty_state svg {
    width: 180px;
    height: 180px;
    border-radius: 0;
    background: transparent;
}

#wo_nw_msg_page .messages-container .message-media img {
    max-width: none;
    border-radius: 15px;
    max-height: 170px;
    max-width: 220px;
    margin: 0;
}

.messages-load-more-messages.above_header {
    top: -25px;
}

#wo_msg_right_prt .msg_write_combo {
    display: flex;
    align-items: center;
    width: 100%;
}

#wo_msg_right_prt .msg_write_combo .message-option-btns {
    position: relative;
    display: flex;
    align-items: center;
    right: auto;
    left: auto;
    margin-right: 10px;
}

#wo_msg_right_prt .msg_write_combo .charsLeft-message {
    right: 85px;
    top: 30px;
    margin: 0;
    margin-top: 5px;
}

#wo_msg_right_prt .msg_write_combo .emo-message {
    position: relative;
    right: auto;
}

.wo_kb_msg_page {
    height: 100%;
    width: 100%;
}

.message-only-text {
    word-break: break-word;
    white-space: pre-line;
}

/*2.3 Update*/
.text-sender-container .message-model .message.wo_msg_prod_prnt,
.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
.chat-messages-wrapper .message.wo_msg_prod_prnt,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product {
    padding: 0;
}

.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market,
.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product {
    margin: 0;
}

.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product {
    max-width: 240px;
    width: 100%;
}

.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product_info,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .produc_info {
    border-radius: 20px;
}

.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product img,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product img {
    max-height: 200px !important;
    border-radius: 0 !important;
    object-fit: cover;
    height: 100%;
}

.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-title a,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-title a {
    color: #222;
}

.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a {
    color: #444;
}

.publisher-box .publisher-box-footer .poster-left-buttons {
    margin: 0 5.3px;
}

.publisher-box.wo_pub_change_color .panel {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.publisher-box.wo_pub_change_color textarea.postText {
    height: auto;
    max-height: 370px !important;
    position: absolute;
    background: transparent !important;
    padding: 20px 50px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.publisher-box.wo_pub_change_color textarea.postText::placeholder {
    color: currentColor;
    opacity: 0.6;
}

.publisher-box.wo_pub_change_color .post-avatar {
    display: none;
}

.publisher-box.wo_pub_change_color .add-emoticons {
    top: auto;
    bottom: 10px;
}

.publisher-box.wo_pub_change_color .add-emoticons .dropdown-toggle {
    background: rgba(0, 0, 0, 0.4);
}

.publisher-box.wo_pub_change_color .add-emoticons .dropdown-toggle svg.feather {
    fill: #f4f4f4;
}

.publisher-box.wo_pub_change_color .wo_pub_txtara_combo {
    min-height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 3px 0 0;
}

.publisher-box .publisher-box-footer .pub-footer-upper {
    position: relative;
}

.all_colors {
    display: none;
    padding: 0px 9px 8px;
    position: absolute;
    background: white;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.all_colors>div {
    white-space: nowrap;
    overflow-x: auto;
    margin-right: 20px;
    padding: 7px 3px 0;
}

.all_colors>svg {
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
}

.all_colors_display {
    display: inline-block;
    margin: 0 2px;
    position: relative;
}

.all_colors_display.selected .all_colors_style,
.all_colors_display.selected .all_colors_style_image {
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #a84849;
}

.all_colors_display.selected:after {
    content: '';
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    height: 5px;
    left: 6px;
    position: absolute;
    top: 7px;
    transform: rotate(-45deg);
    width: 10px;
}

.all_colors_style {
    height: 22px;
    width: 22px;
    border-radius: 50%;
}

.all_colors_style_image {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.post .wo_actual_colrd_post {
    margin: 0 -15px 2px;
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 25px;
    padding: 15px;
}

.post .wo_actual_colrd_post span {
    max-height: 370px;
    overflow-y: auto;
}

.view-more-wrapper {
    margin-right: 0;
}

.view-more-wrapper .order-by {
    margin: 0;
    border: 0;
    padding: 0;
}

.view-more-wrapper .order-by .dropdown-menu {
    min-width: 130px;
}

.twocheckout_modal {
    padding-top: 20px;
}

.twocheckout_modal .sun_input {
    margin-bottom: 15px;
}

.twocheckout_modal .sun_input input,
.twocheckout_modal .sun_input select {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    height: 38px;
    line-height: 14px;
    transition: all .2s ease-in-out;
}

.twocheckout_modal .sun_input input:focus,
.twocheckout_modal .sun_input select:focus {
    border-color: #03A9F4;
}

.two_check_card {
    margin: 20px auto 0;
    max-width: 310px;
    background-color: #019ACA;
    padding: 20px 10px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.two_check_card>svg {
    color: white;
    margin: 0 15px 20px;
    display: block;
    width: 35px;
    height: 35px;
}

.two_check_card .sun_input input::placeholder {
    color: #fff;
    opacity: 0.7;
}

.two_check_card .sun_input input,
.two_check_card .sun_input select {
    border: 0;
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: white;
    border-radius: 5px;
    height: 40px;
}

.two_check_card .sun_input select option {
    color: #222;
    background: white;
}

.post .wo_shared_doc_file {
    font-size: 15px;
    font-family: var(--font), sans-serif;
    text-align: center;
}

.post .wo_shared_doc_file>a:not([data-fancybox]) {
    display: block;
    text-decoration: none;
    text-align: left;
    border-radius: 8px;
    margin: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.post .wo_shared_doc_file>a:not([data-fancybox]) {
    background: #f3f4f7;

}

.post .wo_shared_doc_file>a>i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    margin: 0 auto 0px;
    line-height: 40px;
    color: #00819d;
    text-align: center;
}

.post .wo_shared_doc_file>a>svg {
    float: right;
    margin: 12px;
}

.closeForm {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #00889b !important;
}

.closeForm:hover {
    background: #f2f4f9 !important;
    background-color: #f2f4f9 !important;
    color: #00889b !important;
    transition: 0.2s all;
}

#forum-close-form {
    width: 10%;
}

.replythreadTextArea .text-center {
    display: flex;
    gap: 10px;
}


.imgFileFormContiner {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 6px;
}

.fileTumbPublish {
    position: relative;
}

.fileTumbPublish>svg {
    position: absolute;
    margin: 12px 16px;
    width: 20px;
    height: 20px;
    color: #575757;
}

.fileTumbPublish>input {
    padding-left: 54px;
    background: #F2F4F9 !important;
    border: 0px !important;
    height: 44px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.fileTumbPublish .delItemPublish {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fileTumbPublish .delItemPublish:hover {
    cursor: pointer;
    background: #00819d;
    transition: 0.2s all;
}

.imgTumbPublish {
    width: 65px;
    height: 65px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.imgTumbPublish>img {
    object-fit: cover;
    width: 65px;
    height: 65px;
}

.imgTumbPublish .delItemPublish {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1032;
}

.imgTumbPublish .delItemPublish:hover {
    cursor: pointer;
    background: #00819d;
    transition: 0.2s all;
}

.fileTumbPublish .delItemPublish:hover>svg>path,
.imgTumbPublish .delItemPublish:hover>svg>path {
    fill: #ffffff !important;
    transition: 0.2s all;
}

.multiPostImg_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* grid-gap: 4px; */
    margin: 0px -16px;
    /* margin-bottom: 12px; */
}

.multiPostImg {
    overflow: visible;
    /*     width: 50%; */
    /*     float: left; */
    height: 200px;
    border-radius: 0px;
    margin-bottom: 4px;
    position: relative;
}

.multiPostImg a {
    display: block;
    width: 100%;
    height: 100%;
}

.multiPostImg img {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.multiPostImg .multiPostImg__overlayMore {
    left: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    background: #00000073;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    color: #fff;
    font-weight: 800;
    border-radius: 0px;
}

.multiPostImg_container .fluid_video_wrapper {
    height: 200px !important;
}

.user_name a {
    font-size: 10px;
    color: #00819d;
    font-weight: 600;
}

.countMedia-0 .multiPostImg {}

.countMedia-1 {
    grid-template-columns: 1fr;
}

.countMedia-1 .fluid_video_wrapper {
    height: 371px !important;
    /*  	max-height: 640px; */
}

.wow_shared_posts .fluid_video_wrapper {
    height: 371px !important;
}

.fluid_video_wrapper {
    height: inherit !important;
}

.countMedia-1 .multiPostImg,
.countMedia-1 .multiPostImg img {
    height: initial;
    object-fit: contain;
    width: auto;
}

.countMedia-2 {
    grid-template-columns: 1fr 1fr;
}

.countMedia-2 .multiPostImg,
.countMedia-2 .multiPostImg img {
    height: 100%;
    max-height: 200px;
}

.countMedia-3 {
    grid-template-columns: repeat(2, 1fr);
}

:is(.countMedia-2, .countMedia-3) .multiPostImg:nth-child(1) {
    margin-right: 2px;
}

:is(.countMedia-2, .countMedia-3) .multiPostImg:nth-child(2) {
    margin-left: 2px;
}

.countMedia-3 .multiPostImg:nth-child(3) {
    grid-column: 1 / 4;
    grid-row: 2 / 4;
}

.countMedia-4 .multiPostImg:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1;
    margin-right: 4px;
}

.countMedia-4 .multiPostImg:nth-child(4) {
    grid-column: 2 / span 2;
    grid-row: 2;
    margin-left: 4px;
}

.countMedia-5 .multiPostImg:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1;
}

.countMedia-5 .multiPostImg:nth-child(3) {
    margin-right: 4px;
}

.countMedia-over .multiPostImg:nth-child(3n+2) {
    margin: 0px 4px 4px;
}

.countMedia-5 .multiPostImg:nth-child(3n+2) {
    margin: 0px 4px 4px;
}

.multiPostImg_container video {

    border-radius: 10px;
}

.thumb-image-delete {
    position: relative;
    display: inline-block;
}

.thumb-image-delete:not(:last-child) {
    margin: 0 5px 0 0;
}

.thumb-image-delete-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    padding: 3px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.background_image_product {
    height: 100%;
    border-radius: 4px;
}

/*Editor*/
.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in,
.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body,
.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot,
.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body>.mce-container {
    width: 100% !important;
    max-width: 546px;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-first {
    left: auto !important;
    right: 80px;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-foot .mce-last {
    left: auto !important;
    right: 10px;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox {
    width: calc(100% - 260px) !important;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox input {
    width: 100% !important;
}

/*Video call*/
.video-con {
    background: #222;
    height: calc(100vh - 50px);
}

#remote-media,
.video-con {
    position: relative
}

#remote-media .lds-facebook {
    display: block;
    margin: 0 auto;
    padding: 50px 0px;
    top: 20px;
}

#remote-media h3 {
    text-align: center;
    color: #fff;
    padding: 15px;
    font-size: 25px;
    margin: 0px 50px 50px 50px;
}

#remote-media video:nth-child(2) {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: calc(100vh - 51px);
}

.end_vdo_call {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 2em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    text-transform: none;
    line-height: 35px;
    background-color: #d9534f;
}

.end_vdo_call:hover {
    background-color: #e66662;
}

.end_vdo_call svg {
    margin-right: 9px;
}

#local-media video {
    width: 120px;
    height: 150px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #000;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

/*Create Job*/
.wo_create_job_box {
    margin-bottom: 0;
    padding: 5px;
    box-shadow: none;
}

.wo_create_job_box>.setting-update-alert {
    margin: -10px 0 30px;
    padding: 0;
}

.wo_create_job_box>.setting-update-alert:empty {
    margin: 0;
    padding: 0;
}

.wo_create_job_box .setting-panel {
    padding: 0;
    margin: -10px 3px 0px;
}

.wo_create_job_box .setting-panel label {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font), sans-serif;
}

.wo_create_job_box .setting-panel .sun_input {
    margin-bottom: 18px;
}

.wo_create_job_box .setting-panel .sun_input input,
.wo_create_job_box .setting-panel .sun_input select {
    height: 35px;
    line-height: normal;
    padding: 2px 8px;
    border-color: #dddfe2;
}

.wo_create_job_box .setting-panel .sun_input textarea {
    padding: 2px 8px;
    border-color: #dddfe2;
}

.wo_create_job_box .sun_input .bootstrap-tagsinput input {
    height: 30px;
    border: 0;
    padding: 0 2px;
}

.wo_create_job_box_flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.wo_create_job_box_flex .sun_input {
    padding: 0 8px;
}

.wo_create_job_box_flex .sun_input input {
    width: 146px;
}

.wo_create_job_box_flex_edit .sun_input input {
    width: 204px;
}

.wo_create_job_qstn {
    text-align: center;
    display: block;
    background-color: #f5f6f7;
    border: 1px solid #ccd0d5;
    color: #4b4f56;
    text-decoration: none !important;
    line-height: 34px;
    padding: 0 16px;
    font-weight: 600;
    font-size: 13px;
}

.wo_create_job_qstn svg {
    width: 16px;
    height: 16px;
    margin-top: -3px;
}

.wo_create_job_qstn_block {
    background-color: #f2f2f2;
    padding: 15px;
    border-radius: 5px;
    margin: 12px 0;
}

.wo_create_job_qstn_block>label {
    margin-top: 0;
}

.wo_create_job_qstn_block button.close {
    padding: 0;
    opacity: 1;
    color: #464646;
    background-color: #d5d5d5;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 1;
    font-size: 0;
}

.wo_create_job_qstn_block button.close svg {
    margin-top: 1px;
    width: 15px;
    height: 15px;
    stroke-width: 2.5px;
}

.wo_create_job_box_img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.wo_create_job_box_img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.wo_create_job_box_img_btns {
    margin: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 0 15px;
}

.wo_create_job_box_img_btns .btn {
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
    border: 0;
    font-weight: 600;
    height: 33px !important;
}

/*Checkbox*/
.wo_cbox {
    margin-left: 22px;
    position: relative;
    display: inline-block;
}

.wo_cbox input[type=checkbox] {
    opacity: 0;
    margin: 0 0 6px 4px;
    display: none
}

.wo_cbox label::after,
.wo_cbox label::before {
    display: inline-block;
    left: 0;
    margin-left: -20px
}

.wo_cbox label {
    padding-left: 5px;
    min-height: 20px;
    font-weight: 400 !important;
    cursor: pointer;
    user-select: none;
    margin: 1px 0;
}

.wo_cbox label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    top: 2px;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 10px;
    background-color: #fff;
    transition: all 90ms cubic-bezier(0, 0, .2, .1)
}

.wo_cbox input[type=checkbox]:checked+label::before {
    background-color: #1e2322;
    border-color: #1e2322
}

.wo_cbox label::after {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555
}

.wo_cbox input[type=checkbox]:checked+label::after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 7px;
    transform: rotate(-45deg);
    width: 10px;
    transition: .2s;
    color: #fff
}

/*View Applied Jobs*/
.wo_vew_apld_jobs {
    padding: 20px 20px 1px;
}

.wo_vew_apld_head {
    display: flex;
}

.wo_vew_apld_head .avatar {
    min-width: 150px;
    width: 150px;
    height: 150px;
    margin-right: 20px;
}

.wo_vew_apld_head .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border-radius: 50%;
}

.wo_vew_apld_head .jinfo {
    width: 100%;
}

.wo_vew_apld_head .jinfo h4 {
    margin: 0;
    font-family: var(--font), sans-serif;
    font-size: 27px;
    margin-bottom: 15px;
}

.wo_vew_apld_head .jinfo p {
    margin-bottom: 8px;
    color: #525252;
}

.wo_vew_apld_ico svg {
    width: 18px;
    height: 18px;
    margin-top: -1px;
}

.wo_vew_apld_msg {
    margin-top: 15px;
}

.wo_vew_apld_msg .btn {
    border-radius: 50px;
}

.wo_vew_apld_blocks {
    padding: 16px 16px 5px;
    border-radius: 5px;
    margin: 0px 0;
}

.wo_vew_apld_blkmrgn {
    margin-bottom: 16px;
    border-bottom: 1px solid #eeee;
}

/*View Job*/
.wo_view_post_jobs {
    padding: 16px;
}

.wo_view_post_jcover {
    height: 230px;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.wo_view_post_jcover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.wo_view_post_jhead {
    position: relative;
    margin-top: 8px;
}

.wo_view_post_jhead .dropdown {
    position: absolute;
    right: 10px;
    top: 50px;
}

.wo_view_post_jhead .avatar {
    margin: auto;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 0 3px white, 0 2px 10px 0px rgba(0, 0, 0, 0.22);
    border-radius: 50%;
    background-color: white;
}

.wo_view_post_jhead .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.wo_view_post_jhead h2 {
    margin: 8px 0 8px;
    font-family: var(--font), sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #1F1F1F;
}

.wo_view_post_jhead h4 {
    margin: 5px 0 12px;
}

.wo_view_post_jhead h4 a {
    text-decoration: none;
}

.wo_view_post_jobs .jinfo_inner p {
    display: inline-block;
}

.wo_view_post_jobs .jinfo_inner p svg {
    width: 17px;
    height: 17px;
}

.wo_view_post_jobs .jinfo_inner .middot,
.wo_jlist_info_main .middot {
    color: #3d3d3d;
    font-weight: 800;
}

.wo_view_post_jobs .wo_vew_apld_msg .btn {
    color: #fff !important;
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    width: fit-content;
    margin: 0 auto;
    display: block;
}

.wo_view_post_jobs .wo_vew_apld_msg .btn[disabled] {
    box-shadow: none;
}

.wo_view_post_jobs .wo_vew_apld_blocks {
    margin: 20px;
}

.wo_view_post_jobs .wo_vew_apld_blocks .post-description {
    padding: 0 0 5px;
}

.wo_view_post_jobs .dropdown {
    text-align: right;
    padding: 8px;
}

.wo_view_post_jobs .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    top: 32px;
    right: 0px;
    border-radius: 10px;
}

.wo_view_post_jprice {
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #DFE0E8;
    padding-bottom: 8px;
}

.wo_view_post_jprice span {
    margin: 8px 8px 8px;
    font-family: var(--font), sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #1F1F1F;
}

.wo_view_post_jprice small {
    margin-left: 8px;
}

.wo_view_post_jobs .jinfo_inner ul {
    margin: 16px 0px;
    padding: 0;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item {
    display: flex;
    margin-bottom: 16px;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_lable {
    min-width: 200px;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_value {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_value .post-description {
    padding: 0px;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_value .post-description p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_value a {
    color: #00819D;
    transition: 0.2s all;
}

.wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_value a:hover {
    text-decoration: none;
    color: #1F1F1F;
    transition: 0.2s all;
}

.pb-16 {
    padding-bottom: 16px;
}

/*Jobs*/
.wo_job_main_widget {
    margin-bottom: 20px;
}

.wo_job_main_widget .m_widget_head {
    font-weight: 600;
    color: #585858;
    margin-bottom: 8px;
    font-size: 14px;
}

.wo_job_main_widget .wjob_categories ul li.active a:before {
    border-color: #03A9F4;
}

.wo_job_main_widget .wjob_categories ul li.active a:after {
    background: #03A9F4;
    border-radius: 50%;
    transform: scale(0.5);
}

.wo_job_main_widget .wjob_categories ul li.active a {
    color: #03A9F4
}

.wo_select_job_dist {
    padding: 0px 2px 5px 0;
}

.wo_select_job_dist #cusrange-reader {
    display: inline-block;
    width: 40px;
    background: transparent !important;
    margin-right: 0;
    text-align: right;
}

.wo_jobs_list {
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    background: #fff;
    position: relative;
}

.wo_jlist_headimg {
    position: relative;
}

.wo_jlist_headimg img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
}

.wo_jlist_headimg img:hover {
    transition: 0.2s ease;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 40%);
}

.wo_jlist_headimg .btn {
    position: absolute;
    right: 15px;
    top: 15px;
    color: white;
}

.wo_jlist_info {
    width: 100%;
    color: #1f1f1f;
    margin-bottom: 16px;
}

.wo_jlist_info_head {
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.wo_jlist_info_subhead {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.wo_jlist_info_subhead span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #828282;
}

.wo_jlist_info_more {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #00819D;
}

.wo_jlist_info_more:hover {
    text-decoration: none;
}

.wo_jlist_info_head h2 {
    margin: 0;
    font-family: var(--font), sans-serif;
    font-size: 26px;
    font-weight: 600;
    max-width: 85%;
}

.wo_jlist_info_head h2 a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.wo_jlist_info_head h2 a:hover {
    color: #00819D;
}

.wo_jlist_info_head .btn {
    color: white;
    background-color: rgba(255, 255, 255, 0.25);
}

.wo_jlist_info_main {
    font-size: 15px;
}

.wo_jlist_info_main span,
.wo_jlist_info_main span a {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

/*Common Things*/
.wo_com_things_row {
    margin: 0 -12px;
}

.wo_comthing_usr {
    padding: 0 12px;
}

.wo_comthing_usr_innr {
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    margin-bottom: 20px;
    transition: all 0.15s;
}

.wo_comthing_usr_innr:hover {
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.15);
}

.wo_comthing_usr_innr:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.wo_comthing_usr_innr .avatar {
    width: 100%;
    padding-top: 130%;
}

.wo_comthing_usr_innr .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.wo_comthing_usr_innr h3 {
    margin: 0;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 33px;
    z-index: 2;
    padding: 0 10px;
}

.wo_comthing_usr_innr p {
    font-size: 13px;
    color: #e8e8e8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 2;
    margin: 0;
    padding: 0 10px;
}

.wo_comthing_usr_innr p svg {
    width: 16px;
    height: 16px;
    margin-top: -1px;
}

/*Common Users*/
.wo_com_usr_lbox {
    width: 100%;
    background: rgba(0, 0, 0, .8);
    margin: 0;
    padding: 80px 0;
}

.wo_com_usr_lbox>svg {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1035;
    color: white;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.wo_com_usr_lbox .slider {
    width: 100%;
    height: 100%;
}

.wo_com_usr_lbox .slider .slick-slide {
    outline: none;
}

.wo_com_usr_lbox .slider .slick-prev {
    left: auto;
    right: calc(50% + 360px);
}

.wo_com_usr_lbox .slider .slick-next {
    right: auto;
    left: calc(50% + 360px);
}

.wo_com_lbox_slide {
    padding: 0 20px;
}

.wo_com_lbox_slide_innr {
    border-radius: 6px;
    overflow: hidden;
    background: #0d0d0d;
}

.wo_com_lbox_slide_bg {
    background-color: #fff;
    opacity: 0.4;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    height: calc(100vh - 120px);
    overflow: hidden;
    max-height: calc(100vh - 120px);
}

.slick-slide.slick-current .wo_com_lbox_slide_bg {
    opacity: 1;
    overflow-y: auto;
}

.wo_com_lbox_slide_innr .user-cover {
    display: block;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wo_com_lbox_slide_innr .upop_mid {
    margin-top: -80px;
}

.wo_com_lbox_slide_innr .upop_mid .avatar {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.1);
    transition: 0.2s all linear;
}

.wo_com_lbox_slide_innr .upop_mid .avatar:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    transition: 0.2s all linear;
    cursor: pointer;
}

.wo_comthing_usr_innr {
    transition: 0.2s all linear;
}

.wo_comthing_usr_innr:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    transition: 0.2s all linear;
    cursor: pointer;
}

.wo_com_lbox_slide_innr .upop_mid .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.wo_com_lbox_slide_innr .upop_mid .user-name {
    text-align: center;
    padding: 0 15px;
    font-family: var(--font), sans-serif;
}

.wo_com_lbox_slide_innr .upop_mid .user-name a {
    color: #3f3f3f;
    text-decoration: none;
}

.wo_com_lbox_slide_innr .upop_mid .user-name:hover {
    background: #F3F4F7;
}

.wo_com_lbox_slide_innr .upop_mid .user-button {
    text-align: center;
}

.wo_com_lbox_slide_innr .upop_mid_innr {
    padding: 15px 25px;
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information {
    padding: 0;
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information:last-child {
    margin: 0;
}

.wo_com_lbox_slide_innr .upop_mid_innr .wo_vew_apld_blocks {
    margin: 10px -10px;
    padding: 11px;
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information b {
    margin: 0 0 8px;
    display: block;
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information li {
    line-height: 26px;
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information li svg {
    height: 16px;
    width: 16px;
    opacity: 0.7;
    margin: -1px 3px 0 0;
}

/*Fundings*/
.fundings {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    overflow: hidden;
}

.fundings .avatar {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
}

.fundings .avatar img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
}

.fundings_desc {
    padding: 15px;
}

.fundings_desc h3 {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    margin: 0 0 12px;
    font-weight: 600;
    font-family: var(--font), sans-serif;
}

.fundings_desc h3 a {
    color: #222;
    text-decoration: none;
}

.fundings_footer {
    padding: 15px;
    background: #F8FAFB;
}

.fundings_footer p {
    font-weight: 600;
    font-size: 13px;
}

.fundings_footer .btn {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 700;
    margin: 8px;
    padding: 6px 16px;
    border: 0;
    display: inline-block;
    font-size: 12px;
    color: black;
    width: calc(50% - 18px);
}

.fundings_footer .btn-success {
    background-color: rgba(82, 191, 86, 0.3);
}

.fundings_footer .btn-danger {
    background-color: rgba(255, 95, 84, 0.3);
}

.fundings_footer .progress,
.fund_raise_bar .progress {
    background-color: #E0E1EA;
    box-shadow: none;
    height: 6px;
    margin-bottom: 5px;
}

.fundings_footer .progress .progress-bar {
    background: linear-gradient(100deg, #49cfce 0%, #5eefcb 100%);
    box-shadow: none;
}

.fundings_desc_meta .postMeta--author-avatar {
    display: inline-block;
    padding-right: 5px;
}

.fundings_desc_meta .postMeta--author-text,
.fundings_desc_meta .postMeta--author-text .middot {
    color: #545454;
}

.fundings_desc_meta .postMeta--author-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    max-width: calc(100% - 40px);
    display: inline-block;
}

.fundings_desc_meta .postMeta--author-text a {
    color: #545454;
    text-decoration: none;
}

/*Show Fundings*/
.wow_main_float_head.show-fnds {
    overflow: hidden;
}

.wow_main_float_head.show-fnds:before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    opacity: 0.13;
    filter: blur(60px);
}

.fund_raise {
    padding: 20px;
    margin-bottom: 20px;
}

.show-fund-info-user {
    display: table;
    margin: 13px auto 6px;
}

.show-fund-info-user .postMeta--author-text a,
.show-fund-info-user .postMeta--author-text .middot,
.fund div.list .item .caption .middot {
    color: #545454;
    text-decoration: none;
}

.fund_main_img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 3px;
    margin-top: 30px;
    pointer-events: none;
}

.fund_raise_bar.wow_fund_raise_bar {
    margin-top: 30px;
}

.fund_raise_bar .progress {
    height: 10px;
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}

.fund_raise_bar .progress .progress-bar {
    background: linear-gradient(-45deg, #db3212 0%, #b81764 100%);
}

.show_fnd_stats {
    font-weight: 500;
    color: #565656;
}

.show_fnd_stats span {
    display: block;
    font-size: 38px;
    font-weight: 400;
    margin-top: 15px;
    color: #444;
}

.fund_raise_bar .show_fnd_stats {
    margin: -2px 0 28px;
}

.fund_raise_btns {
    display: flex;
    margin: 20px 0;
    flex-direction: column;
}

.fund_raise_btns .btn {
    width: 100%;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 15px;
    padding: 0px 16px;
    line-height: 45px;
    margin-top: 20px;
    background-color: #0eb092;
    color: white;
}

.fund_raise_btns .dropdown {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.fund_raise_btns .dropdown>.btn {
    background-color: #4baede;
    color: white;
}

.fund_raise_btns .dropdown>.dropdown-menu {
    transform: scale(1) translateX(-100%);
    margin: 0;
    box-shadow: none;
    background: #4baede;
    top: 20px;
    display: flex;
    justify-content: space-around;
    width: 100%;
    bottom: 0;
    padding: 0;
    align-items: center;
}

.fund_raise_btns .dropdown.open>.dropdown-menu {
    transform: translateX(0) scale(1);
}

.fund_raise_btns .dropdown.open>.dropdown-menu li a {
    color: #fff;
    background: transparent;
}

.fund div.list .item .caption .middot {
    color: #545454;
    text-decoration: none;
}

.wo_page_hdng.pag_neg_padd.wow_fnd_hd {
    margin: -15px -15px 20px;
}

.fund_dnt_hd {
    margin-top: 0;
}

.fund_dnt_hd span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    background-color: rgba(76, 175, 80, 0.2);
    color: #4caf50;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.fund_input {
    margin-bottom: 30px;
}

.fund_input .form-control:not(textarea) {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1.5px solid #eaeaea;
    padding: 0px 10px;
    line-height: 50px;
    width: 100%;
    margin: auto;
    max-width: 180px;
    outline: none;
    box-shadow: none;
    height: 50px;
    color: #4CAF50;
    font-size: 35px;
    text-align: center;
}

.fund_input input::-webkit-outer-spin-button,
.fund_input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fund_input input[type=number] {
    -moz-appearance: textfield;
}

.fund_butns {
    text-align: center;
}

.fund_butns .btn {
    border: 0;
    border-radius: 10px;
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    font-weight: 500;
    font-size: 15px;
    min-width: 150px;
}

.fund-meta-desc {
    font-size: 12px;
    width: auto;
    overflow: hidden;
    color: rgba(0, 0, 0, .4);
}

.fundMeta--author-avatar {
    vertical-align: middle;
    padding-right: 10px;
    display: table-cell;
}

.fundMeta--author-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.fundMeta--author-text {
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
}

.fundMeta--author-text a {
    font-size: 15px;
    font-weight: 500;
    color: #3f3f3f;
}

.fund-meta-desc time {
    color: #a5a5a5;
    font-size: 13px;
}

.fund div.list .item {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    display: table;
    border-bottom: 1px solid #f0f0f0;
}

.fund div.list .item:last-child {
    border: 0;
    padding-bottom: 0;
}

.fund div.list .item .wrapper img {
    width: 47px;
    height: 47px;
}

.fund div.list .item .caption {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    width: 100%;
}

.fund div.list .item .caption p {
    margin: 0 0 2px;
}

.fund div.list .item .caption a {
    font-size: 17px;
    color: #414141;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
}

.fund div.list .item .caption time {
    color: #90949c;
    font-size: 12px;
    font-weight: 400;
}

/*Load More*/
.load-more {
    margin: 8px 0;
}

.load-more .btn {
    background: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    font-family: var(--font), sans-serif;
    border-radius: 2em;
    padding: 0 20px !important;
    position: relative;
    transition: all 0.15s;
    color: #00819D;
    margin-bottom: 8px;
}

.load-more .btn:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: #00819D;
    color: #ffffff !important;
}

/*Donation Posts*/
.wow_dontd_posts {
    background: var(--background-main);
    display: flex;
    flex-direction: column;
    padding: 15px;
    z-index: 1;
    font-family: var(--font), sans-serif;
}

.wow_dontd_posts_innr {
    display: flex;
    margin-bottom: 15px;
}

.wow_dontd_posts_left {
    padding-right: 15px;
}

.wow_dontd_posts_left h4 {
    margin: 3px 0;
    text-align: initial;
}

.wow_dontd_posts_left h4 a {
    color: #212121;
    text-decoration: none;
}

.wow_dontd_posts_left p {
    text-align: initial;
    color: #ffffff !important;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2em;
    padding: 3px 13px;
    font-size: 13px !important;
}

.wow_dontd_posts_right {
    margin-left: auto;
    display: inline-flex;
}

.wow_dontd_posts_right .btn {
    border: 0;
    color: black;
    background-color: rgba(0, 0, 0, 0.15);
    font-weight: 500;
    font-size: 13px;
    margin-top: auto;
    padding: 4px 12px;
}

.wow_dontd_posts .fund_raise_bar .progress {
    height: 7px;
}

/*Weather*/
.wow_weather {
    background-color: #2d3a4f;
    color: #9ca7ba;
    padding: 15px 0;
}

.wow_weather_date {
    font-size: 31px;
    text-align: center;
    color: #fff;
    margin-bottom: 7px;
}

.wow_weather_timezone {
    color: #9ca7ba;
    font-size: 25px;
    text-align: center;
}

.wow_weather_icon {
    padding: 25px;
    text-align: center;
    color: #fff;
}

.wow_weather_icon svg {
    width: 70px;
    height: 70px;
}

.wow_weather_current {
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.wow_weather_forecast {
    overflow: hidden;
    padding: 0 3px;
    margin-top: 10px;
}

.wow_weather_forecast .fivedays {
    text-align: center;
    float: left;
    width: 25%;
    padding: 0 5px;
}

/*Mat Modal*/
.wow_pops_head {
    position: relative;
    color: #1F1F1F;
    text-align: center;
    padding: 25px 0 25px;
    border-radius: 3px 3px 0 0;
    margin-bottom: 0px;
}

.wow_pops_head>svg {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    color: #fff;
}

.wow_pops_head .close {
    position: absolute;
    top: 25px;
    right: 27px;
    padding: 0;
    opacity: 0.4;
    text-shadow: none;
    color: white;
}

.wow_pops_head .close:hover {
    opacity: 1;
}

.wow_pops_head h4 {
    font-family: var(--font);
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}

.wow_pops_head h4 svg {
    width: 27px;
    height: 27px;
    margin: -2px 2px 0 0;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    padding: 5px;
}

.wow_mat_mdl .modal-content {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    padding: 24px;
    border-radius: 4px;
    border: 0;
    font-family: var(--font), sans-serif;
}

.wow_mat_mdl .modal-header {
    border: 0;
    background: transparent !important;
    padding: 0;
    margin: 0 0 20px;
}

.wow_mat_mdl .modal-header .modal-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}

.wow_mat_mdl .modal-body {
    padding: 0;
    font-size: 15px;
}

.wow_mat_mdl .modal-footer {
    margin: 0;
    padding: 10px 0 0;
    border: 0;
    text-align: center;
}

.wow_mat_mdl .modal-footer .btn.main {
    box-shadow: none;
    background: #00819D;
    color: #ffffff !important;
}

.wow_mat_mdl .modal-footer .btn.main:before {
    opacity: 0.15;
}

.wow_mat_mdl .modal-footer .btn.main.unavailable {
    background: #D94B4B;
    color: #ffffff !important;
    margin-bottom: 17px;
    max-width: fit-content;
}

/*Form Fields*/
.wow_form_fields {
    position: relative;
    margin: 0px 0 15px;
    font-family: var(--font), sans-serif;
}

.wow_form_fields>label {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: block;
}

.wow_form_fields input,
.wow_form_fields textarea,
.wow_form_fields select,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
    border-radius: 10px;
    transition: background-color 240ms, box-shadow 240ms;
    color: #393d4a;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 8px;
    width: 100%;
    border: 1px solid #E4E4E4;
    outline: 0;
}

.wow_form_fields input,
.wow_form_fields select {
    height: 48px;
    margin-bottom: 0px;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    box-shadow: none !important;
}

.wow_form_fields textarea {
    resize: vertical;
}

.wow_form_fields input:active,
.wow_form_fields select:active {
    outline: none !important;
    outline: 0 !important;
}

.wow_form_fields input:focus,
.wow_form_fields textarea:focus,
.wow_form_fields select:focus,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle:focus,
.wow_form_fields .bootstrap-tagsinput:focus {}

.wow_form_fields input[disabled] {
    background-color: #f2f2f2;
}

.wow_form_fields>.bootstrap-select.btn-group {
    width: 100% !important;
}

.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
    height: 44px;
    outline: 0 !important;
    padding-right: 40px;
}

.wow_form_fields .bootstrap-tagsinput {
    border-radius: 10px;
    transition: background-color 240ms, box-shadow 240ms;
    color: #393d4a;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 8px;
    width: 100%;
    border: 1px solid #E4E4E4;
    outline: 0;
    background: #fff;
}

.wow_form_fields .bootstrap-tagsinput input {
    box-shadow: none;
    width: auto;
    border: 0px;
    padding: 0px 4px;
    line-height: 12px;
    height: auto;
}

.bootstrap-tagsinput span {
    background: #E3E6EC;
    border-radius: 50px;
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #828282;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #828282;
    background: #E3E6EC;
    border-radius: 50px;
}

.addInGroup a {
    color: #00819D !important;
}

/*Forum*/
.wow_forum_sections {
    margin-bottom: 16px;
    clear: both;
    position: relative;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    transition: 0.2s all;
}

.wow_forum_sections .f_category {
    font-weight: 600;
    color: #ffffff;
    padding: 8px 16px;
    font-size: 14px;
    font-family: var(--font), sans-serif !important;
    background: linear-gradient(144.52deg, #009D94 0%, #00819D 70.81%);
    border-radius: 10px;
}

.show-forums {
    transition: 0.2s all;
}

.rotate180 {
    transform: rotate(180deg) !important;
    transition: 0.2s all;
}

.btn-glossy {
    cursor: pointer;
    transition: 0.2s all;
}

.btn-glossy:empty {
    display: none;
}

.btn-glossy:hover>svg>path {
    fill: #1f1f1f;
    transition: 0.2s all;
}

.btn-glossy>.btn-main {
    color: #00859b;
    background: #F2F4F9;
    border-color: #ffffff;
    border: 1px solid;
}

.btn-glossy>.btn-main:hover {
    color: #ffffff;
    background: #00859b;
    border-color: #00859b;
}

.wow_forum_sections .f_category b {
    font-weight: normal;
    text-transform: capitalize;
    margin-right: 10px;
}

.wow_forum_sections .f_category svg {
    width: 15px;
    transform: rotate(180deg);
    transition: 0.2s all;
}

.wow_forum_sections table {
    margin-bottom: 0;
}

.wow_forum_sections table tr {
    border-top: 1px solid #f3f3f3;
}

.wow_forum_sections table tr:hover {
    background: rgba(0, 0, 0, .01);
}

.wow_forum_sections table tr:first-child {
    border: 0;
}

.wow_forum_sections table .topic_icon {
    width: 3% !important;
}

.wow_forum_sections table .forum-meta-d.titles {
    width: 43%;
    word-break: break-word;
}

.wow_forum_sections table .forum-meta-d.posts {
    width: 6%;
    padding-right: 65px !important;
}

.wow_forum_sections table .forum-meta-d.topics {
    width: 6%;
    padding-right: 20px !important;
}

.wow_forum_sections table .forum-meta-d.small {
    width: 20%;
    padding: 10px !important;
}

.wow_forum_sections table .forum-meta-d.small .avatar {
    display: block;
    overflow: hidden;
    float: left;
}

.wow_forum_sections table .forum-meta-d.small .avatar img {
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 50%;
}

.wow_forum_sections table .forum-meta-d.small .reply_title {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    max-width: 170px;
}

.wow_forum_sections table .forum-meta-d.small .reply_user {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    vertical-align: bottom;
    color: #00839c;
}

.wow_forum_sections table .forum-meta-d.small time {
    color: #979797;
    font-size: 10px;
}

.wow_forum_sections table .ftitle,
.sun_ftitle {
    font-weight: 500;
    font-size: 17px;
    font-family: var(--font), sans-serif;
    color: #515151;
}

.wow_forum_sections table .fdesc {
    color: #919191;
}

.topic_icon svg {
    margin: 12px 0px 12px 10px;
}

.wow_forum_dis_head {
    padding-bottom: 5px;
    margin-bottom: 30px;
    font-family: var(--font), sans-serif;
}

.wow_forum_dis_head h4 {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
}

.wow_forum_dis_head .btn {
    margin: 12px 0 0;
}

.wow_forum_dis_head p {
    color: #7c7c7c;
}

.wow_forum_dis_thead {
    font-size: 15px;
    font-family: var(--font), sans-serif !important;
    background: linear-gradient(144.52deg, #009D94 0%, #00819D 70.81%);
    border-radius: 10px;
}

.wow_forum_dis_thead th {
    color: #ffffff !important;
    font-weight: normal;
    padding: 9px !important;
}

.wow_forum_dis_thead th:first-child {
    font-weight: 500;
    border-radius: 10px 0px 0px 0px;
}

.wow_forum_dis_thead th:last-child {
    border-radius: 0px 10px 0px 0px;
}

.table tbody tr:last-child td:first-child {
    border-radius: 0px 0px 0px 10px;
}

.table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 10px 0px;
}

.wow_thread_head {
    background-color: rgb(69, 90, 100);
    color: #dfdfdf;
    padding: 20px 15px;
    margin-top: -5px;
    border-radius: 10px;
}

.wow_thread_head .forum_title {
    margin-top: 0;
    color: white;
    font-size: 23px;
    margin-bottom: 5px;
}

.wow_thread_head .btn-glossy>a {
    color: #fff;
    margin: 8px 0;
}

.wow_thread_main_reply {
    overflow: hidden;
    margin-bottom: 25px;
    border: 0;
    padding: 0;
    display: flex;
}

.wow_thread_main_reply .t-left_prt {
    float: left;
    width: 180px;
    min-width: 180px;
    background-color: #fafafa;
    border-right: 1px solid #e5e5e5;
    padding: 20px 15px;
    margin-right: 7px;
}

.wow_thread_main_reply .time {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #828282;
}

.wow_thread_main_message {
    font-weight: 300;
    font-size: 16px;
    line-height: 2;
    color: #1F1F1F;
}

.wow_thread_main_reply .t-left_prt .avatar {
    border-radius: 50%;
    margin-bottom: 7px;
    width: 85px;
    height: 85px;
    object-fit: cover;
}

.wow_thread_main_reply .t-left_prt .user-title-thread {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 16px;
}

.wow_thread_main_reply .t-left_prt p {
    font-size: 12px;
}

.wow_thread_main_reply .t-left_prt p svg {
    width: 13px;
    height: 13px;
    margin-top: -1px;
}

.wow_thread_main_reply .t-right_prt {
    padding: 20px 15px;
    width: 100%;
}

.wow_thread_main_reply .t-right_prt h5.time,
.wow_thread_replies .thread-replies .t-right_prt h5.time {
    margin-top: 0;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
    font-size: 12px;
}

.wow_thread_replies {
    margin: 0 -3px;
}

.wow_thread_replies .thread-replies {
    margin-bottom: 20px;
    border: 0;
    box-shadow: none !important;
    padding: 3px 3px 3px 3px;
    background: transparent !important;
    display: flex;
}

.wow_thread_replies .thread-replies .t-left_prt {
    min-width: 110px;
    width: 110px;
    float: left;
    margin-right: 10px;
}

.wow_thread_replies .thread-replies .t-left_prt .avatar {
    width: 65px;
    height: 65px;
    position: relative;
    margin-left: auto;
    margin-right: 15px;
}

.wow_thread_replies .thread-replies .t-left_prt .avatar .btn {
    box-shadow: none;
    width: 35px;
    height: 35px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -60px;
    background-color: #e9e9e9;
}

.wow_thread_replies .thread-replies .t-left_prt .avatar img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
    object-fit: cover;
}

.wow_thread_replies .thread-replies .t-right_prt {
    width: 100%;
    padding: 20px 15px;
    position: relative;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
}

.thread-replies .avatar img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.thread-replies .avatar {
    display: flex;
}

.thread-replies .avatar .small {
    margin-top: 8px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #828282;
}

.thread-replies-comment {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #3E3E3E;
    margin-top: 16px;
}

.thread-replies-comment img {
    width: 100%;
}

.wow_thread_replies .thread-replies .t-right_prt .user-title-thread {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 8px;
}

.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts {
    margin-top: -8px;
    right: 10px;
    position: absolute;
}

.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts .btn {
    width: 35px;
    height: 35px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #00859b;
    background: #ffffff;
    border-color: #ffffff;
    border: 1px solid;
    transition: 0.2s all;
}

.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts .btn:hover {
    transition: 0.2s all;
    color: #ffffff;
    background: #00859b;
    border-color: #00859b;
    border: 1px solid;
}

.wow_forum_jump_btn {
    margin-left: auto;
    padding: 5px 0px 8px;
}

.wow_forum_jump_btn>a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    cursor: pointer;
    text-decoration: none;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

/*GO Pro*/
.wow_main_float_head>.container.wo_go_pro {
    padding: 60px 15px;
    position: relative;
}

.wow_main_float_head>.container.wo_go_pro:after {
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: 10px;
    right: 0;
    background-position: center;
    background-size: cover;
    opacity: 0.8;
}

.wow_main_float_head>.container.wo_go_pro .head_pro {
    margin-bottom: 10px;
}

.wo_go_pro .pro-badge {
    background: #fff;
    color: #ea4c89;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 13px;
    vertical-align: super;
}

.wow_main_float_head>.container.wo_go_pro .main_head_pro {
    font-size: 23px;
    text-align: center;
    margin-bottom: 30px;
}

.wow_price_plans {
    margin-top: -45px;
    position: relative;
    z-index: 9;
}

.wow_price_plan {
    width: 100%;
    max-width: 920px;
    margin: auto;
    font-family: var(--font), sans-serif;
    font-weight: 500;
    margin: 30px 0;
}

.wow_price_plan thead th {
    padding: 5px;
    font-size: 17px;
    font-weight: 500;
}

.wow_price_plan thead th span {
    display: block;
    margin: auto;
    width: 32px;
    height: 32px;
    margin-bottom: 20px;
    position: relative;
}

.wow_price_plan thead th svg {
    width: 32px;
    height: 32px;
}

.wow_price_plan thead th span:before {
    content: '';
    position: absolute;
    background-color: currentColor;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    border-radius: 50%;
    opacity: .15;
    pointer-events: none;
}

.wow_price_plan tbody td {
    border-bottom: 1px solid #e9e9e9;
    padding: 17px 15px;
    font-weight: normal;
    color: #727272;
    font-family: var(--font), sans-serif;
}

.wow_price_plan tbody tr:last-child td {
    border: 0;
}

.wow_price_plan tbody tr:first-child,
.wow_price_plan tbody tr:last-child {
    background: transparent;
}

.wow_price_plan tbody tr td:first-child {
    font-weight: 500;
    color: #494949;
}

.wow_price_plan tbody td button {
    border-radius: 2em;
    color: #fff;
}

.wow_price_plan tbody td button.btn_week {
    background: #4c7737;
}

.wow_price_plan tbody td button.btn_month {
    background: #ff9800;
}

.wow_price_plan tbody td button.btn_year {
    background: #e13c4c;
}

.wow_price_plan tbody td button.btn_life {
    background: #3f4bb8;
}

.wo_pro_features img {
    margin-top: 30px;
    max-height: 80px
}

.wo_pro_features p {
    font-size: 17px;
    margin-top: 35px;
    margin-bottom: 22px
}

/*Dev Apps*/
.wow_dev_apps {
    font-family: var(--font), sans-serif;
    padding: 10px;
    margin-bottom: 30px;
}

.wow_dev_apps .ap_hdr {
    overflow: hidden;
}

.wow_dev_apps .ap_hdr .avatar {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    margin-right: 10px;
}

.wow_dev_apps .ap_hdr .avatar img {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 4px;
    object-fit: cover;
}

.wow_dev_apps .ap_name {
    margin: 15px 0 0 70px;
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wow_dev_apps .ap_name a {
    color: rgba(0, 0, 0, .8);
    text-decoration: none;
}

.wow_dev_apps>hr {
    margin: 10px 0 !important;
}

.wow_dev_apps>.btn {
    min-width: 82px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 13px;
}

/*My Groups*/
.wow_my_groups {
    padding: 0;
    font-family: var(--font), sans-serif;
    margin-bottom: 16px;
    background: #ffffff;
    border-radius: 10px;
}

.wow_my_groups .avatar {
    width: 100%;
    height: 166px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.wow_my_groups .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.wow_my_groups_info {
    padding: 8px;
}

.wow_my_groups_info #wo_useract_btn {
    height: 31px;
    width: 100%;
}

.border_right {
    border-right: 1px solid #DFE0E8;
}

.border_left {
    border-left: 1px solid #DFE0E8;
}

.wow_my_groups_info h3 {
    margin: 0 auto;
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}

.wow_my_groups_info h3 a {
    text-decoration: none;
    color: #1e1e1e;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.wow_my_groups_info p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #8D98B4;
}

.wow_my_groups_info .btn {
    line-height: 30px;
    padding: 0 10px !important;
    font-size: 12px;
    width: 100%;
    margin: 0;
}

/*Oops*/
.oops_empty_state {
    margin: 85px 0;
    font-family: var(--font), sans-serif;
    font-size: 21px;
    color: #6d6d6d;
    text-align: center;
    font-weight: 500;
}

.oops_empty_state svg {
    display: block;
    margin: 0 auto 15px;
    width: 200px;
    height: 200px;
    opacity: 0.7;
}

/*Sidebar Main User*/
.wow_side_loggd_usr {
    margin-bottom: 15px;
    padding: 13px;
    font-family: var(--font), sans-serif;
}

.wow_side_loggd_usr_cvr {
    margin: -13px -13px 13px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.wow_side_loggd_usr_cvr img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.wow_side_loggd_usr_hdr {
    position: relative;
    margin-bottom: 15px;
}

.wow_side_loggd_usr_hdr .avatar {
    width: 70px;
    height: 70px;
    margin: -50px auto 13px;
}

.wow_side_loggd_usr_hdr .avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.wow_side_loggd_usr_hdr .title {
    text-align: center;
}

.wow_side_loggd_usr_hdr .title a {
    font-weight: 500;
    color: #333333;
    font-size: 17px;
}

.wow_side_loggd_usr_hdr .title p {
    margin: 0;
}

.wow_side_loggd_usr hr {
    margin: 15px 0 !important;
}

.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;
    font-weight: 500;
}

/*Sidebar Hashtags*/
.sidebar .list-group,
.featured-users {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 0;
}

.wow_htag a {
    text-decoration: none;
}

.wow_htag .htag_top {
    display: block;
    color: #2196F3;
    font-weight: bold;
    line-height: 1;
}

.wow_htag .htag_top svg {
    width: 16px;
    height: 16px;
}

.wow_htag .htag_bottom {
    padding-left: 18px;
    font-size: 12.5px;
    color: #6c6c6c;
}

/*Sidebar Birthdays*/
.wow_side_bdays {
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    padding-top: 15px;
}

.wow_side_bdays>p {
    font-size: 13px;
    color: #444;
    font-weight: 600;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wow_side_bday_usr {
    position: relative;
    padding-left: 30px;
    display: flex;
    margin-bottom: 13px;
}

.wow_side_bday_usr:last-child {
    margin: 0;
}

.wow_side_bday_usr>svg {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 19px;
    height: 19px;
}

.wow_side_bday_usr>.avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 6px;
}

.wow_side_bday_usr>.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
}

.wow_side_bday_usr .user-name {
    margin-top: 4px;
}

.wow_side_bday_usr .user-name a {
    text-decoration: none;
    color: #2f2f2f;
    font-weight: 500;
    text-transform: capitalize;
}

/*User Story*/
.wow_story_mores {
    padding: 3px 15px 1px;
}

.wow_story_mores ul.status-list {
    flex-wrap: wrap;
}

.wow_story_mores ul.status-list li {
    margin-top: 8px;
}

.wow_stroy_media,
.wow_stroy_media img {
    min-height: 230px;
    max-height: 230px;
}

.wow_stroy_media_count {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
}

.wow_stroy_media_count input {
    border: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 2em;
    height: auto;
    color: white;
    width: auto;
    text-align: center;
    padding: 0 5px;
    font-size: 14px;
}

/*Punlisher Box*/
.wow_pub_privacy {
    margin: 3px 0px;
    position: relative;
}

.wow_pub_privacy_dropdown {
    display: flex;
    align-items: center;
    background-color: var(--background-main);
    color: #4b4f56;
    border-radius: 2em;
    font-family: var(--font), sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 16px 2px 16px;
    line-height: 27px;
    box-shadow: 0 0 0 1px #e4e4e4;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 10px;
}

.wow_pub_privacy_dropdown>svg {
    width: 15px;
    height: 15px;
    margin-left: 3px;
}

.wow_pub_privacy_dropdown>p {
    margin: 0;
}

.wow_pub_privacy_dropdown>p svg {
    width: 17px;
    height: 17px;
    margin-top: -2px;
}

.wow_pub_privacy_menu {
    padding: 5px 0;
    margin: 0;
    background-color: white;
    position: absolute;
    min-width: 183px;
    z-index: 9;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
    transform: scale3d(.8, .8, 1);
    transform-origin: left top;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    left: 0;
}

.wow_pub_privacy_menu li label {
    margin: 0;
    display: block;
    font-family: var(--font), sans-serif;
    cursor: pointer;
}

.wow_pub_privacy_menu li label span svg {
    display: none;
}

.wow_pub_privacy_menu li label input[type="radio"]:not(:checked),
.wow_pub_privacy_menu li label input[type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.wow_pub_privacy_menu li label input[type="radio"]+span {
    position: relative;
    display: block;
    padding: 7px 14px;
    user-select: none;
    transition: all 0.15s;
    white-space: nowrap;
}

.wow_pub_privacy_menu li:hover label span {
    background: #eee;
}

.wow_pub_privacy.showMenu .wow_pub_privacy_menu {
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

/*Post*/
.wow_post_usr_ava {
    position: relative;
    margin-top: -3px;
    display: inline-block;
}

.wow_post_usr_ava_active {
    box-shadow: 0;
}

.wow_post_usr_ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 1px rgb(0 0 0 / 50%);
}

.wow_post_usr_ava span {
    position: absolute;
    bottom: -4px;
    right: -4px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.wow_post_usr_ava span.shariat_police {
    left: -4px;
}

.wow_post_usr_ava span:not(.shariat_police):before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.wow_post_usr_ava span svg {
    margin: 0 !important;
    position: relative;
    z-index: 1;
    width: 20px !important;
    height: 20px !important;
}

.nearby_user_wrapper .avatar span {
    position: absolute;
    bottom: -4px;
    right: -4px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nearby_user_wrapper .avatar span.shariat_police {
    left: -4px;
}

.search-dropdown-result .search-user-avatar span.shariat_police,
.post .post-footer .comments-list .comment .reply-container span.shariat_police,
.post .post-footer .comments-list .comment span.shariat_police {
    position: absolute;
    bottom: -4px;
    left: -4px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post .post-footer .comments-list .comment .reply-container>a,
.post .post-footer .comments-list .comment>a {
    position: relative
}

/*Left Sidebar Filter*/
.wow_side_post_fltr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wow_side_post_fltr>a {
    flex: auto;
    margin: 0 !important;
}

.order_by ul {
    border-radius: 5px;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.23);
    padding: 10px 0;
    min-width: 150px;
}

.order_by ul li a {
    font-family: var(--font), sans-serif;
    color: #525252 !important;
    font-size: 13px;
    margin: 0 !important;
}

/*Avatar and Cover*/
.wow_cset_cover,
.wow_cset_avtr {
    position: relative;
    margin-bottom: 16px;
}

.wow_cset_cover {
    width: 100%;
}

.wow_cset_cover .wow_cset_cover_hdr .btn-file {
    display: flex;
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    border-radius: 5px;
    height: 230px;
    overflow: hidden;
    padding: 0;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 10px;
}

.wow_cset_cover .wow_cset_cover_hdr .btn-file img,
.wow_cset_avtr .wow_cset_avtr_hdr .btn-file img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wow_cset_cover .wow_cset_cover_hdr .btn-file svg,
.wow_cset_avtr .wow_cset_avtr_hdr .btn-file svg {
    margin: 0;
}

.wow_cset_cover .avatar-read {
    position: absolute;
    top: 10px;
    left: 10px;
}

.wow_cset_cover .avatar-read p {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px;
}

.wow_cset_cover .avatar-read p:empty {
    padding: 0;
}

.wow_cset_avtr .wow_cset_avtr_hdr .btn-file {
    display: flex;
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    width: 203px;
    height: 203px;
    /* border-radius: 50%; */
    /* border: 5px solid #fff; */
    overflow: hidden;
    margin: 0px 0px;
    padding: 0;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 10px;
}

/*Upgraded*/
.wow_upgrd_ico {
    font-size: 20px;
}

.wow_upgrd_ico svg {
    background: transparent;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    width: 110px;
    height: 110px;
    margin: 0 auto 25px;
}

/*Memories*/
.wow_memories {
    padding: 15px 15px 0.1px;
}

.wow_memories_cover {
    padding: 45px 5px;
    position: relative;
    margin: 0 0 15px;
    font-size: 23px;
    border-radius: 6px;
    padding-left: 230px;
    overflow: hidden;
    text-transform: capitalize;
    font-weight: 600;
    font-family: var(--font), sans-serif;
    margin-top: 0;
    background: url(../img/friends.svg);
    background-position: 20px center;
    background-color: #f2f1ff;
    background-size: 125px;
    background-repeat: no-repeat;
}

.wow_memories_cover>div {
    position: relative;
    z-index: 1;
}

.wow_memories_friends {
    padding: 0;
}

.wow_memories_friends .wow_memories_cover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.wow_memories_friends .panel {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    position: relative;
}

.wow_memories_friends .wow_side_loggd_usr {
    margin: 0;
}

.wow_memories_friends .wow_side_loggd_usr_cvr {
    margin: -13px 0 0;
    border-radius: 4px;
}

.wow_memories_friends .wow_side_loggd_usr_cvr img {
    height: 160px;
}

.wow_memories_friends .wow_side_loggd_usr_hdr {
    margin: 0;
    padding: 0;
}

.wow_memories_friends .wow_side_loggd_usr_hdr .title {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wow_memories_friends .btn-default {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    line-height: 33px;
    padding: 0 10px;
    font-size: 14px;
    min-width: 110px;
    text-align: center;
    border-radius: 4px;
    font-family: var(--font), sans-serif;
    font-weight: 500;
    background-color: #6c63ff;
    color: white;
    margin: 15px 0 10px;
}

.wow_memories_friends .btn-default svg {
    display: none;
}

.wow_memories_friends h3 {
    margin: 0;
    font-size: 14px;
    padding: 20px;
    font-family: var(--font), sans-serif;
    font-weight: 500;
    padding-left: 75px;
    position: relative;
}

.wow_memories_friends h3 svg {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.wow_memories:not(.wow_memories_friends) h3 {
    font-weight: 600;
    font-family: var(--font), sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
}

.wow_memories .post .panel {
    box-shadow: none;
}

.wow_memories_posts {
    padding-bottom: 0.1px;
}

.wow_memories_posts .wow_memories_cover {
    background: url(../img/posts.svg);
    background-position: 20px center;
    background-color: #f2f1ff;
    background-size: 125px;
    background-repeat: no-repeat;
}

.wow_memories_posts .post .post-footer.post-comments {
    display: none;
}

/*Live*/
.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.wow_go_live_cont {
    height: calc(100vh - 45px);
    background-image: url(../img/pattern.png);
}

.wow_go_live_cont>.container {
    background: #222;
    height: 100%;
    color: white;
}

.wow_go_live_cont>.container>div {
    height: 100%;
}

.wow_go_live_cont .liv_vid_cont {
    height: 100%;
}

.wow_go_live_cont .empty_state {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100vh - 45px);
    color: rgba(255, 255, 255, 0.8);
}

.wow_go_live_cont .empty_state svg {
    opacity: 1;
    background-color: #4a4a4a;
}

.wow_liv_counter {
    z-index: 9;
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    min-width: 60px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    color: #03a9f4;
    font-family: var(--font), sans-serif;
    text-align: center;
    padding: 0 10px;
}

.wow_liv_comments_feed {
    position: absolute;
    bottom: 64px;
    width: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), black);
    padding: 120px 15px 10px;
}

.wow_go_live_btn,
.wow_end_live_btn {
    width: auto;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    min-width: 105px;
    line-height: 42px;
    height: auto;
    bottom: auto;
    right: 50px;
    left: auto;
    top: 20px;
    transform: none;
    color: #fff;
}

.live_comments {
    padding: 10px 0;
    text-align: initial;
}

.live_comments .live_avatar {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    margin-right: 10px;
}

.live_comments .live_user_h {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    margin-top: 0;
    color: #fff;
}

.live_comments .comment-text,
.live_comments .reply-text {
    color: #eaeaea;
    margin: 0px 0px;
}

.live_mic_cam_switch {
    position: absolute;
    right: 50px;
    top: 75px;
    height: auto !important;
}

.mic_drop,
.cam_drop {
    margin-top: 10px;
}

.mic_drop>.btn,
.cam_drop>.btn {
    background-color: black;
    max-width: 172px;
}

.mic_drop>.btn svg,
.cam_drop>.btn svg {
    margin: 0;
}

.mic_drop a,
.cam_drop a {
    display: block;
    text-decoration: none;
    padding: 5px 12px;
}

/*Setting Stats*/
.wow_sett_stats {
    color: #6abd46;
    padding: 0 10px;
    font-family: var(--font), sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.wow_sett_stats svg {
    border-radius: 50%;
    background-color: rgba(106, 189, 70, 0.2);
    padding: 7px;
    width: 30px;
    height: 30px;
}

/*Offers*/
.wow_main_offer_list {
    background: transparent !important;
    box-shadow: none !important;
    margin-bottom: 10px;
}

.wow_main_offer_list .wo_jlist_info {
    position: relative;
    background: transparent;
}

.wow_main_offer_list .wo_jlist_info_main {
    position: absolute;
    margin: 0;
    padding: 3px 7px;
    display: inline-block;
    background-color: white;
    border: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    left: 15px;
    bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font), sans-serif;
}

.wow_main_offer_list .wo_jlist_info_head {
    margin: 0;
}

.wow_main_offer_list .wo_jlist_info_head h2 {
    font-family: var(--font), sans-serif;
    font-size: 20px;
    font-weight: 500;
    max-width: 100%;
}

.wow_main_offer_list .wo_jlist_info_head h2 a {
    color: #393939;
}


input[type='radio'].typeConference {
    position: absolute;
    right: 100vw;
}

[type='radio']+label.confLable {
    padding-left: 41px;
    display: inline-block;
    position: relative;
    margin: 0 4px;
    height: 2.5em;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
    padding-top: 10px;
}

[type='radio']+label.confLable::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: 0.2s all ease;
    content: '';
    width: 2.5em;
    height: 2.5em;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    box-shadow: 0px 0px 0px 1px #e4e4e4;
    transition: 0.2s all;
}

[type='radio']:checked+label.confLable::before {
    opacity: 1;
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border: 6px solid #fff;
}

[type='radio']:not(:checked):hover+label.confLable::before {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    opacity: .6;
    transition: 0.2s all;
}

/**  Audio player */

.modal_container_music {
    display: flex;
    flex-direction: column;
}

.audio_control__box {
    flex-direction: row;
    text-align: center;
    margin: 32px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.musicPage .audio_control__box {
    margin: 0px 32px;
    background: #fff;
    padding: 16px;
    border-radius: 10px;
}

.musicPage .wo_page_hdng.pag_neg_padd,
.musicPage .wo_page_hdng_menu {
    margin: 0px;
    border: 0;
}

.musicPage .wo_page_hdng {
    padding: 8px;
}

.musicPage .wow_content {
    margin: 0px 32px;
    padding: 0px;
}

.audio_control__controlPanel {
    display: flex;
    margin: 10px 0px;
}

.audio_control__controlBox {
    display: flex;
    flex-direction: column;
}

.audio_control__tite{
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.audio_control__play {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(180deg, #019B95 0%, #01849C 100%);
    cursor: pointer;
}

.audio_control__playing {
    display: flex;
    padding: 14px;
    align-items: center;
    width: 48px;
    height: 48px;
    justify-content: center;
}

.audio_control__stopping {
    padding: 14px;
    display: none;
}

.audio_control__play.playing .audio_control__playing {
    display: none;
}

.audio_control__play.playing .audio_control__stopping {
    display: block;
}

.audio_control__playBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 150px;
}

.audio_control__next {
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
}

.audio_control__prev {
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
}



.audio_control__control {
    height: 2px;
    width: 380px;
    background: #C4C4C4;
    box-shadow: none;
    cursor: pointer;
    z-index: 99;
    margin-right: 10px;
}

.audio_playlist__boxPost .audio_control__control {
    margin-top: 6px;
}

.ui-slider-handle {
    border: none !important;
    outline: none;
    width: 10px !important;
    height: 10px !important;
    background-color: #00879b;
    top: -4px !important;
    border-radius: 50%;
    margin-left: -3px !important;
    cursor: auto;
}

.ui-widget-content {
    box-shadow: none !important;
}

#audio_control__volumeSliderBook,
#audio_control__sliderBook,
#audio_control__volumeSlider,
#audio_control__slider {
    height: 2px;
    background: linear-gradient(180deg, #019B95 0%, #01849C 100%);
    border-radius: 50px;
    width: 0%;
}

.audio_control__volume {
    width: 96px;
    height: 2px;
    background: #C4C4C4;
    z-index: 99;
}

.audio_playlist__boxPost .audio_control__volume {
    margin-top: 25px;
}

.audio_control__buttons {
    flex-direction: row;
    text-align: center;
    margin-top: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.audio_playlist__itemButtons>div {
    font-size: 0px;
}

.audio_playlist__itemBtn,
.audio_control__buttons div:not(.audio_playlist__itemShare, .audio_playlist__itemMenu) {
    padding: 8px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
}

.audio_playlist__itemMenuButton {
    padding: 0px 8px;
    border-radius: 50px;
    margin: 0px 8px;
}

.audio_playlist__itemMenuButton:hover {
    transition: 0.2s all;
    background: var(--white);
    cursor: pointer;
}

.audio_playlist__itemMenuButton:active {
    transform: scale(0.99);
    transition: 0.2s all;
}

.audio_control__buttons .repeat.active svg path {
    fill: #009D94;
}

.audio_control__buttons .mix.active svg path {
    fill: #009D94;
}

.audio_control__buttons .like svg:nth-child(1) {
    display: block;
}

.audio_control__buttons .like svg:nth-child(2) {
    display: none;
}

.audio_control__buttons .like.active svg:nth-child(1) {
    display: none;
}

.audio_control__buttons .like.active svg:nth-child(2) {
    display: block;
}

.audio_control__buttons .share {}

.audio_control__buttons .download {}

.audio_control__buttons .delete {}

.audio_control__duration {
    width: 45px;
}

#splayer_modal {
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
}

.audio_search__box {
    margin: 0px 32px;
}

.musicPage .search-input-player,
.modal_container_music .search-input-player {
    transition: 0.2s all;
    border-radius: 2em;
    border-color: transparent;
    height: 40px;
    box-shadow: none;
    padding-left: 45px;
    background: #F3F4F7;
    border-radius: 50px;
}

.musicPage .search-input-player {
    background: #fff;
}

.audio_tabs__box {
    margin: 0 32px;
    border-bottom: 1px solid #DFE0E8;
}

.audio_tabs__tabs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.audio_tabs__item {
    display: flex;
    align-items: center;
    margin: 16px 32px 8px 0px;
    color: #828282;
    transition: 0.2s ease;
    padding: 8px;
    border-radius: 8px;
}

.audio_tabs__item:hover {
    cursor: pointer;
    color: #00889b;
}

.audio_tabs__item.active {
    color: #00889b;
}

.audio_tabs__item.active>svg>path {
    fill: #00889b !important;
}

.audio_tabs__title {
    margin-left: 8px;
    font-family: var(--font);
    font-size: 14px;
    line-height: 18px;
}

.audio_playlist__box {
    margin: 10px 32px;
    display: flex;
    flex-direction: column;
    overflow: inherit;
    position: relative;
    max-height: 320px;
    height: 320px;
    padding-right: 10px;
}

#modal_container_music .audio_playlist__box {
    overflow: auto;
}

.musicPage .audio_playlist__box {
    max-height: 100%;
    height: 100%;
    padding: 0px;
}

.audio_playlist__boxPost {
    margin: 10px 32px;
    display: flex;
    flex-direction: column;
    overflow: inherit;
    position: relative;
    /*     max-height: 320px;   */
    /*     height: 320px;  */
    padding: 0px 0px;
    height: auto;
    overflow: inherit;
    margin: 10px 0px;
}

.post .wow_shared_posts .audio_playlist__boxPost {
    padding: 0px 10px;
}

.audio_playlist__box>div {
    display: flex;
    flex-direction: column;
    margin: 8px 0px;
    flex-wrap: wrap;
    gap: 8px;
}

.upload_genere_box {
    flex-direction: row !important;
}

.audio_ovwerview_box {
    display: grid !important;
    grid-template-columns: 50% 50%;
}

.audio_overview__title {
    display: flex !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    padding: 16px 0px;
}

.audio_overview__lable {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.audio_overview__allView a {
    font-size: 14px;
    line-height: 17px;
    color: #00819D;
    padding: 8px;
    border-radius: 8px;
}

.audio_overview__allView a:hover {
    text-decoration: none;
}

.audio_ovwerview_box .audio_playlist__itemTitle {
    /* width: 38%; */
    overflow: hidden;
    white-space: nowrap;
}

.audio_ovwerview_box .audio_playlist__itemTitle>span {
    position: relative;
}

.audio_ovwerview_box .audio_playlist__itemTitle div {
    position: relative;
}

.audio_ovwerview_box .audio_playlist__itemTitle:hover>div {
    animation: right_translate 6s linear infinite;
}

@keyframes right_translate {
    0% {
        left: 0;
        transform: translate(0);
    }

    100% {
        left: -100%;
        transform: translate(100%);
    }
}

.audio_playlist__item {
    flex-direction: row;
    position: relative;
    display: flex;
    align-items: center;
    /*justify-content: space-between;
    flex-wrap: wrap;*/
    color: #1F1F1F;
    transition: 0.5s all;
    gap: 8px;
}

.post-file .audio_playlist__item {
    background: var(--background-main);
    border-radius: 10px;
    margin-bottom: 4px;
    justify-content: space-between;
}

.post-file .audio_playlist__item.active {
    background: #d8e6de;
}

.audio_playlist__item:hover {
    transition: 0.2s all;
    /* background: #d8e6de; */
    /* cursor: pointer; */
}

.audio_playlist__item.active {
    color: #009D94;
    background: #d8e6de;
}

.audio_playlist__itemControl {
    width: 40px;
    cursor: pointer;
    padding: 8px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio_playlist__itemControl svg:nth-child(1) {
    display: block;
}

.audio_playlist__itemControl svg:nth-child(2) {
    display: none;
}

.audio_playlist__itemControl.playing svg:nth-child(1) {
    display: none;
}

.audio_playlist__itemControl.playing svg:nth-child(2) {
    display: block;
}

.audio_playlist__itemAuthor {
    width: 150px;
    font-weight: 500;
    display: none;
}

.audio_playlist__itemTitle {
    width: 100%;
    font-size: 12px;
    padding: 12px 0px;
    text-align: left;
    overflow: hidden;
    display: flex;
}

.audio_playlist__itemTitle > div{
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.comment-record .audio_playlist__itemTitle {
    width: 60%;
}

.audio_playlist__itemTitle:hover {
    cursor: pointer;
}

.audio_playlist__itemButtons {
    width: 160px;
    flex-direction: row;
    text-align: center;
    margin-top: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin-left: auto;
}

.audio_playlist__boxPost .audio_playlist__itemButtons {
    justify-content: flex-end;
    width: auto;
}

.audio_playlist__itemButtons .repeat {}

.audio_playlist__itemButtons .repeat {}

.audio_playlist__itemButtons .mix {}

.audio_playlist__itemButtons .like svg:nth-child(1) {
    display: block;
}

.audio_playlist__itemButtons .like svg:nth-child(2) {
    display: none;
}

.audio_playlist__itemButtons .like.active svg:nth-child(1) {
    display: none;
}

.audio_playlist__itemButtons .like.active svg:nth-child(2) {
    display: block;
}

.audio_playlist__itemButtons .share {}

.audio_playlist__itemButtons .share.active>svg>path {
    /* 	fill: #009D94; */
}

.audio_playlist__itemButtons .download {}

.audio_playlist__itemButtons .delete {}

.audio_ovwerview_box .audio_playlist__itemButtons .delete {
    display: none;
}

.audio_playlist__itemDuration {
    text-align: center;
    width: 40px;
    font-size: 12px;
    font-weight: 500;
    font-size: 12px;
    color: var(--text-main);
    display: flex;
    justify-content: end;
}

#input-file-files {
    opacity: 0;
    position: absolute;
    width: 150px;
    cursor: pointer;
}

.audio_playlist__avatarPlaylist {
    margin-bottom: 20px;
}

.audio_playlist__avatarPlaylist .btn-file {
    display: flex;
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    width: 140px;
    height: 140px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 auto;
}

.audio_playlist__avatarPlaylist .btn-file img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.musicPage #input-file-files {
    width: 100%;
    top: 0px;
    z-index: 9999;
    left: 0;
}

.audio_playlist__box::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 3px
}

.audio_playlist__box::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

/* .audio_playlist__box::-webkit-scrollbar-track{background-clip:padding-box;box-shadow:inset 1px 0 0 #e6e6e6} */
.audio_playlist__box::-webkit-scrollbar-track:hover {
    background-color: #f3f3f3;
    box-shadow: inset 1px 0 0 #e6e6e6
}

.audio_playlist__box::-webkit-scrollbar-track:active {
    background-color: #f3f3f3;
    box-shadow: inset 1px 0 0 #dcdcdc, inset -1px 0 0 #eeeeee
}

.audio_playlist__box::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 0px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 #e6e6e6, inset 0 -1px 0 #eeeeee
}

.audio_playlist__box::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
    box-shadow: inset 1px 1px 1px #c0c0c0
}

.audio_playlist__box::-webkit-scrollbar-thumb:active {
    background-color: #808080;
    box-shadow: inset 1px 1px 3px #a6a6a6
}

.audio_playlists__item {
    max-width: 130px;
    /* margin: 10px; */
    float: left;
    cursor: pointer;
    min-height: 220px;
    position: relative;
}

.audio_playlists__item button.close {
    padding: 2px 6px;
    position: absolute;
    right: 0px;
    z-index: 999;
}

.audio_overview .audio_playlists__item button.close {
    display: none;
}

.audio_overview .audio_playlist__itemButtons .delete {
    display: none;
}

.audio_playlists__itemCover.add {
    font-size: 3em;
    padding: 35px;
    text-align: center;
}

.selected_audio__item {
    padding: 4px;
    position: relative;
}

.selected_audio__item>svg {
    margin: 8px;
}

.audio_playlists__itemCover {
    width: 130px;
    height: 130px;
    background: #DFE0E8;
    border-radius: 10px;
    /* padding: 38px; */
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio_playlists__itemCover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.audio_playlists__itemTime {
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #828282;
    margin-top: 8px;
}

.audio_playlists__itemTitle {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #1F1F1F;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.audio_playlists__itemCount {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #1F1F1F;
    margin-top: 8px;
}

.audio_playlists__itemCount span {
    color: #828282;
}

.flexRow {
    display: flex !important;
    flex-direction: row !important;
}

.audio_playlist__modal {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -170px;
    width: 400px;
    background: #fff;
    z-index: 99999;
    border: 1px solid #DFE0E8;
    box-sizing: border-box;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.audio_playlist__modalHeader {
    font-weight: 500;
    margin: 10px 10px;
    padding: 10px 0px;
    font-family: var(--font);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border-bottom: 1px solid #DFE0E8;
}

.audio_playlist__modalBody {
    display: block;
    position: relative;
    margin-top: 20px;
}

.audio_playlist__modalBody input {
    transition: 0.2s all;
    border-radius: 2em;
    border-color: transparent;
    height: 40px;
    box-shadow: none;
    padding: 2px 15px;
    color: #333333 !important;
    background: #F3F4F7;
    border-radius: 50px;
    margin: 0px 10px;
    width: -webkit-fill-available;
    outline: none;
}

.audio_playlist__modalBody .ummaTextarea__counter {
    margin: 0px 16px;
}

.audio_playlist__modalFooter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 15px;
}

.audio_playlist__modalButton {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
    padding: 7px 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    margin: 0px 10px;
    cursor: pointer;
}

.audio_playlist__modalButton.cancel {
    background: #828282;
}

.audio_playlist__modalWraper {
    top: 0px;
    left: 0px;
    bottom: 0px;
    top: 0px;
    width: 100%;
    background: #3333330d;
    height: 100%;
    position: fixed;
    z-index: 9999;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.audioProcessing {
    background: #FFEFC1;
    border-radius: 10px;
    text-align: center;
    padding: 16px;
    margin-bottom: 24px;
    font-weight: 500;
    color: #1F1F1F;
    margin: 8px 32px;
}

.audio_playlist__itemMenu {
    background: #FFFFFF;
    border: 1px solid #DFE0E8;
    box-sizing: border-box;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: absolute;
    width: 215px;
    left: -230px;
    text-align: left;
    z-index: 999;
    top: -15px;
}

.audio_playlist__boxPost .audio_playlist__itemMenu {
    left: -90px;
    top: -10px;
}

.audio_playlist__itemMenu:before {
    content: ' ';
    position: absolute;
    width: 12px;
    height: 12px;
    right: -9px;
    top: 15px;
    border: 9px solid;
    border-color: #DFE0E8 transparent transparent #DFE0E8;
    transform: rotate(135deg);
    background: #fff;
}

.audio_playlist__itemMenu:after {
    content: ' ';
    position: absolute;
    width: 12px;
    height: 12px;
    right: -8px;
    top: 15px;
    border: 9px solid;
    border-color: #fff transparent transparent #fff;
    transform: rotate(135deg);
    background: #fff;
}

#menuPlaylistsList {
    margin: 0 !important;
}

.audio_playlist__itemMenu.open {
    display: block;
}

.audio_playlist__itemMenuTitle {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
    margin: 16px 16px 8px !important;
}

.audio_playlist__boxPost .audio_playlist__itemMenuTitle {
    margin: 16px 16px 16px !important;
    font-size: 13px;
}

.audio_playlist__itemMenuItemlist {
    margin: 8px 24px !important;
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    cursor: pointer;

}

.audio_playlist__itemMenuItemlist:hover {
    color: #828282;
}

.audio_playlist__itemMenuTitle>svg,
.audio_playlist__itemMenuItemlist>svg {
    margin-right: 8px !important;
}

.audio_playlist__boxHeader {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    border-bottom: 1px solid #DFE0E8;
    padding-bottom: 10px;
    padding-top: 8px;
    cursor: pointer;

}

.audio_playlist__boxHeader span {
    padding: 8px;
    border-radius: 8px;
}

.audio_playlist__boxTitlePlaylist .delete {
    margin-left: 10px;
    cursor: pointer;
    color: #d94b4b;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid;
    padding: 2px 6px;
    border-radius: 4px;
}

/* .audio_overview .audio_playlist__boxTitlePlaylist .delete{display: none;} */
.audio_playlist__boxTitlePlaylist {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.emptyPlaylist {
    margin: 30px 0px;
    color: #d3d5d9;
    display: block;
    text-align: center;
}

.audio_playlist__itemShare {
    background: #FFFFFF;
    border: 1px solid #DFE0E8;
    box-sizing: border-box;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 313px;
    height: 150px;
    position: absolute;
    margin: 0px !important;
    z-index: 999;
    left: -255px;
    top: -12px;
}

.audio_playlist__itemShare:before {
    content: ' ';
    position: absolute;
    width: 12px;
    height: 12px;
    right: -9px;
    top: 15px;
    border: 9px solid;
    border-color: #DFE0E8 transparent transparent #DFE0E8;
    transform: rotate(135deg);
    background: #fff;
}

.audio_playlist__itemShare:after {
    content: ' ';
    position: absolute;
    width: 12px;
    height: 12px;
    right: -8px;
    top: 15px;
    border: 9px solid;
    border-color: #fff transparent transparent #fff;
    transform: rotate(135deg);
    background: #fff;
}

.audio_playlist__itemShareTitle {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
    padding: 16px 16px 8px;
    text-align: left;
    margin: 0px !important;
}

.audio_playlist__itemShareBody {
    position: relative;
    margin: 0px !important;
}

.audio_playlist__itemShareBody span {
    position: absolute;
    left: 20px;
    top: 3px;
}

.audio_playlist__itemShareBody span img {
    width: 21px;
    height: 21px;
    border-radius: 50%;
}

.audio_playlist__itemShareBody input {
    background: #FFFFFF;
    border: 1px solid #DFE0E8;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 7px 7px 7px 30px;
    width: 281px;
    margin: 0px 16px !important;
    font-family: var(--font);
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    outline: none;
}

.audio_playlist__itemShareTrack {
    display: flex;
    justify-content: space-between;
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    margin: 16px !important;
}

.audio_playlist__itemShareTrackTitle {
    margin: 0px !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.audio_playlist__itemShareTrackTitle>svg {
    margin-right: 8px !important;
}

.audio_playlist__itemShareTrackDuration {
    margin: 0px !important;
}

.audio_playlist__itemShareFooter {
    display: flex;
    justify-content: flex-end;
    margin: 0px 16px 16px !important;
}

.audio_playlist__itemShareButton {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    border-radius: 50px;
    width: 131px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 6px;
    cursor: pointer;
}


.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: rgb(0, 0, 0, 0.5);
    /* backdrop-filter: blur(2px); */
    opacity: 1 !important;
}

.row .pub-footer-upper {
    display: flex;
}

.change_daynight__container {
    display: flex;
    padding: 12px;
    border-radius: 50%;
    cursor: pointer;
}

.change_daynight__container:hover {
    background: #F3F4F7;
    transition: 0.2s all;
}

.change_daynight___box {
    background: #f2f4f9;
    border-radius: 50px;
    width: 48px;
    margin: 0px 16px;
    transition: 0.2s all;
    cursor: pointer;
}

.change_daynight__container.day .change_daynight___box {
    background: #131313;
    transition: 0.2s all;
    /*transition: .7s ease;		
	justify-content: flex-end;	*/
}

.change_daynight___switch {
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 20px;
    margin: 3px;
    cursor: pointer;
    transition: 0.2s all;
    display: flex;
    align-items: center;
    justify-content: center;
}

.change_daynight__container.day .change_daynight___switch {
    transition: 0.2s all;
    margin-left: 27px;
    background: #00819D;

}

#posts>.load-more {
    display: none !important;
}

.change_daynight__container.day .sun_day>svg>path {
    fill: #ffffff;
}

.change_daynight__container.day .moon_day>svg>path {
    fill: #00819D;
}

.left-sidebar hr {
    border-top: 1px solid #DFE0E8;
}

.header-brand>img.night {
    display: none;
}

.header-brand>img.day {
    display: block;
}

.list-group {
    margin-bottom: 16px;
}

.list-group-item {
    background-color: transparent;
}

#filterby-post .active>svg path {
    fill: #00819D !important;
}

.panel {
    border-radius: 10px;
}

body.day .audio_playlist__modalWraper {
    background: #ffffff4d;
}

body.day .audio_playlist__modal {
    background: #131313;
    border: 0px;
}

body.day .audio_playlist__modalBody input {
    background: #212121 !important;
    color: #fff !important;
}

#comment_reactions .like-btn .active-like>svg>phill {
    fill: #00819D !important;
}

.pointer {
    /*margin-right: 8px;*/
}

.commentOpenReplyBox {
    color: #c5c5c5;
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    float: right;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: none;
}

.commentOpenReplyBox:hover {
    opacity: 0.8;
}

.open-image-comment {
    position: absolute;
    right: 45px;
    top: 9px;
    cursor: pointer;
}

.wo_commreply_combo .btn {
    position: absolute;
    right: 0px;
    padding: 9px 8px !important;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.open-image-comment:hover {
    opacity: 0.8;
}

.fluid_video_wrapper {
    /* 	height: 600px !important; */

}

.fluid_video_wrapper video {
    border-radius: 0px;
    /* max-height: 640px !important; */
    /* 	height: auto !important; */
}

.fluid_video_wrapper video.active-player {
    max-height: 100% !important;
}

#fullsizeimg img {
    border-radius: 0px;
}

.post-file {
    text-align: left;
}

.post-container {
    border-radius: 10px;
    margin: 0px 0px;
}

.toggleArrow {
    cursor: pointer;
    transition: 0.2s all;
    transform: rotate(0deg);
}

.toggleArrow>svg>path {
    fill: #ffffff !important;
}

.chat-container.open {
    height: calc(100vh - 67px);
    bottom: 4px;
    transition: 0.2s all;
}

.chat-container.open .toggleArrow {
    transition: 0.2s all;
    transform: rotate(180deg);
}

.chat-status {
    display: flex;
    justify-content: flex-start;
    margin: 15px;
}

.chat-status>.btn {
    color: #00819D;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #00819D;
    border-radius: 50px;
    padding: 6px 16px;
    width: 125px;
}

.recipient-chat-user {
    margin: 5px 5px;
    border-radius: 10px;
}

.wow_chat_search .icon {
    position: absolute;
    margin: 6px 14px;
}

#recordPostAudio {
    padding: 6px;
    border-radius: 50px;
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wo_chat_tabs li.active a {
    color: #00859b;
}

.footer-wrapper .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    top: auto;
}

.message-option-btns .open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    /*     right: auto; */
    overflow: auto;
    max-height: 280px;
    overflow-y: auto;
    display: block !important;
    top: -230px;
}

.search-container.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    top: 50px;
}

.emo-message-container>span {
    display: inline-flex;
    margin: 0px;
    padding: 0px;
    border-radius: 4px;
    transition: all 0.15s;
    cursor: pointer;
    font-size: 21px;
}

li .li_icon {
    background: #DFE0E8;
    border-radius: 50px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

li.active .li_icon {
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
}

#delete-all-post {
    display: block;
    width: auto;
    margin: 0 auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding: 8px;
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%);
    color: #fff !important;
}

.reactioBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.active_sessions .as_list .session_info p.session_browser {}

.active_sessions .as_list .session_info p.session_time {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #00819D;
}

.active_sessions .as_list .session_info p.session_ip {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #A1A3B3;
}

.profile-container .card.hovercard .info .userTag {
    color: #8D98B4;
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px;
    font-weight: 500;
}

.profile-container .card.hovercard .info a.userTag {

    font-size: 16px;
    line-height: 20px;
    color: #006C6C;
    margin-top: 8px;
}

.userTag_nikah {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
}

.userTag_nikah a {
    color: #006C6C !important;
}

.userTag_nikah a:hover {
    text-decoration: underline !important;
}

.right_user_info {
    margin: 0px 0px;
}

.activityContainer {
    display: flex;
    bottom: 0px;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
}

.activityItem {
    width: 128px;
    text-align: center;
    padding: 8px 0px;
    text-decoration: none !important;
    background: var(--color-2);
    border: 2px;
    border-radius: 10px;
}

a.activityItem:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
}

a.activityItem:active,
a.activityItem:visited,
a.activityItem:hover {
    text-decoration: none !important;
}

.activityItem span {
    font-style: normal;
    color: var(--text-main);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.activityItem p {
    font-weight: normal;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #8D98B4;
}

.countPhotos,
.timePublish {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #828282;
}

.timePublish {
    margin-top: 8px;
    margin-bottom: 8px;
}

.countPhotos {
    margin-bottom: 16px;
}

.countPhotos>b {
    color: #1f1f1f;
}

.createAlbum {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */
    text-align: center;
    color: #828282;
    margin-top: 20px;
}

.allLink {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #00819D;
    float: right;
}

.profileSidebar {
    width: 280px;
    /* padding-right: 0px; */
}

.profileNews {
    width: 72%;
    padding-right: 0px;
}

.wo_user_profile .options-buttons .dropup .dropdown-menu {
    position: relative;
    border-radius: 20px 0px 20px 20px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.input-group-addon:first-child {
    background: transparent;
    border: none;
    padding: 0px 8px;
}

#group_name {
    border-radius: 0px 10px 10px 0px;
    border-left: 0px;
}

.wo_create_chat_group #group_name {
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #E4E4E4;
}

.wo_create_chat_group .wow_form_fields {
    max-width: 394px;
    margin: 0 auto 24px;
}

.wow_form_fields input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: #C5C5C5;
}

.wow_form_fields input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: #C5C5C5;
}

.wow_form_fields input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: #C5C5C5;
}

.wow_form_fields input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: #C5C5C5;
}

.info .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #1f1f1f;
    width: 78%;
}

.info .title a {
    color: #1f1f1f;
}

.info .title h1 {
    color: #1f1f1f;
}

.addYourFriends {
    margin: 16px 0px 0px;
}

.addYourFriends a {
    color: #009497 !important;
    padding: 8px 16px;
    border: 1px solid #009497;
    border-radius: 50px;
}

.addYourFriends a:hover {
    transition: 0.2s ease;
    color: #FFF !important;
    background: #009497;
}

.btn-default:hover {
    border: 1px solid #009497;
    background: #fff;
    color: #009497;
    transition: 0.4s ease;
}

.publisher-box #publisher-button:hover,
#wo_useract_btn:hover,
.btn-main:hover {
    border: 1px solid #009497;
    background: #fff;
    color: #009497;
    transition: 0.4s ease;
}

.btn-main:active {
    color: #009497 !important;
    background: #fff !important;
    transition: 0.4s ease;
}

#wo_useract_btn:hover svg>path,
.wo_follow_btn:hover svg>path {
    fill: #009497;
}

.m_widget_head {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.wo_group .audio_playlist__itemTitle {
    width: 50%;
}

.wo_group .add-postType .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    min-width: 170px;
}

.leftSideImage {
    width: 86px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.leftSideImage img {
    max-width: 100%;
    margin: 0 auto;
    height: 80px;
    text-align: center;
    border: 0px solid #e3e4e8;
    border-radius: 10px;
    object-fit: cover;
    width: 86px;
    opacity: 0.6;
    transition: 00.2s all;
    margin-bottom: 8px;
}

.leftSideImage img:hover {
    transition: 00.2s all;
    opacity: 1;
}

.leftSideImage .album-collapse span {
    border-radius: 10px;
}

.leftSideImage .album-collapse {
    width: 86px;
}

.sideImage {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    max-width: 390px;
    margin-bottom: 16px;
}

.sideImage>img {
    transition: 00.2s all;
    object-fit: cover;
    width: 180px;
    margin-left: 8px;
}

.sideImage>img.singleImg {
    width: 100%;
}

.productContainer {
    display: flex;
    padding: 16px;
}

.prodDescription {
    padding: 0px 16px;
}

.prodDescriptionInfo {
    padding: 0px 16px 16px;
}

.wow_post_prod {
    margin-left: 24px;
}

.wow_post_prod_infos div:nth-of-type(2) {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    width: 150px;
}

.lableProdField {
    width: 130px;
}

.prodDescription {
    margin: 16px 0px 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.leftSideImage .album-collapse img {
    margin-bottom: 0px;
}

.blogs-search {
    display: flex;
    position: relative;
    margin-bottom: 16px;
}

.blogs-search input {
    background: #FFFFFF;
    border-radius: 50px;
    border: none;
    outline: none;
    padding: 8px 8px 8px 45px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
}

.blogs-search .glyphicon {
    position: absolute;
    left: 0px;
    margin: 9px 17px;
}

.blogs-search .search_suggs {
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: 5px 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 10px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.blogs-search .search_suggs li {
    padding: 10px 16px;
    position: relative;
    height: 90px;
}

.blogs-search .search_suggs li a.article-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
    text-decoration: none;
    transition: 00.2s all;
}

.blogs-search .search_suggs li a.article-title:hover {
    color: #00819D;
    transition: 00.2s all;
}

.blogs-search .search_suggs .article-info>a {
    color: #00819D;
    text-decoration: none;
    transition: 00.2s all;
}

.blogs-search .search_suggs .article-info>a:hover {
    transition: 00.2s all;
    color: #1F1F1F;
    text-decoration: none;
}

.blogs-search .search_suggs li img {
    border-radius: 10px;
    object-fit: cover;
    margin-bottom: 10px;
    margin-right: 16px;
    width: 80px;
    height: 80px;
    position: relative;
}

.blogs-search .search_suggs:empty {
    display: none;
}

.mobile_menu_container {
    display: none;
    position: absolute;
    top: 0px;
    left: -440px;
    background: #fff;
    width: auto;
    z-index: 99;
    opacity: 1;
    transition: 0.4s all;

}

.mobile_menu_container ul {
    /* height: calc(100vh - 72px); */
    /* overflow: scroll; */
}

.mobile_menu_container ul li {
    margin: 0px 16px;
}

.wo_market .market_bottom .product .produc_info {
    padding: 0px 16px 16px;
}

#mobileSubMenuPage {
    display: none;
}

.read-blog .postCategory {
    padding: 6px 10px;
    text-decoration: none;
    font-family: var(--font), sans-serif;
    transition: 0.2s all;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #1F1F1F;
    border: 1px solid #ffffff;
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 50px;
}

.wo_jlist_headimg:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    transition: 0.2s all linear;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 40%);
}

.close-chat {
    display: flex;
}

.wo_group {
    padding-left: 0px;
}

.wo_group .info {
    margin-bottom: 16px;
}

#scrollToTopBtn {
    background-color: black;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 16px;
    line-height: 48px;
    width: 48px;
}

.scrollToTopBtn {
    background-color: var(--text-black);
    border: none;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    font-size: 16px;
    line-height: 48px;
    width: 48px;

    /* place it at the bottom right corner */
    position: fixed;
    bottom: 60px;
    right: 30px;
    /* keep it at the top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all .2s ease
}

.scrollToTopBtn:hover {
    opacity: 1;
}

.scrollToTopBtn>svg {
    fill: #fff;
    width: 20px;
}

.showBtn {
    opacity: 0.6;
    transform: translateY(0)
}

.modal-dialog {
    width: auto;
}

.publisher-box .btn-mat.btn-go-live,
.publisher-box #publisher-button {
    width: 200px;
    margin: 0;
}



.myRooms__container {}

.myRooms__items {}

.myRooms__item {
    background: #FFFFFF;
    box-shadow: 3px 3px 15px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-bottom: 16px;
}

.myRooms__itemHeader {
    background: linear-gradient(144.52deg, #009D94 0%, #00819D 70.81%);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 65% 25% 10%;
    padding: 8px;
}

.myRooms__itemHeader:hover {
    transition: 0.2s all;
    opacity: 0.8;
}

.myRooms__itemHeaderTitle {
    padding: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

a.myRooms__itemHeaderBtn {
    background: #FFFFFF;
    border-radius: 50px;
    text-align: center;
    padding: 9px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    transition: 0.2s all;
    position: relative;
}

a.myRooms__itemHeaderBtn>span {
    width: 30px;
    height: 30px;
    background: #00819D;
    /* padding: 6px 7px; */
    border-radius: 50%;
    display: flex;
    position: absolute;
    right: 4px;
    top: 3px;
    justify-content: center;
    align-items: center;
}

a.myRooms__itemHeaderBtn {
    text-decoration: none;
    color: #00819D;
}

a.myRooms__itemHeaderBtn:hover {
    background: #ffffffd6;
    transition: 0.2s all;
}

a.myRooms__itemHeaderBtn:active {
    box-shadow: inset 1px 1px 3px #a9a4a4;
    transition: 0.1s all;
}

.myRooms__itemHeaderShowBtn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 8px;
}

.myRooms__itemHeaderShowBtn>div {
    transition: 0.1s all;
    cursor: pointer;
    padding: 8px;
    border-radius: 10px;
    transition: 0.2s all;
}

.myRooms__itemHeaderShowBtn>div:hover {
    background: #ffffff1f;
    transition: 0.2s all;
}

.myRooms__itemHeaderShowBtn>div:hover>svg {
    transition: 0.1s all;
}

.myRooms__itemHeaderDeleteBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    display: none;
}

.myRooms__itemHeaderDeleteBtn>div {
    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50px;
    transition: 0.2s all;
    background: #ffffff7d;
}

.myRooms__itemHeaderDeleteBtn>div>svg {
    transition: 0.2s all;
}

.myRooms__itemHeaderDeleteBtn>div.active,
.myRooms__itemHeaderDeleteBtn>div:hover {
    background: #ffffff;
    transition: 0.2s all;
}

.myRooms__itemHeaderDeleteBtn>div.active>svg path,
.myRooms__itemHeaderDeleteBtn>div:hover>svg path {
    fill: #00819D;
    transition: 0.2s all;
}

.myRooms__itemHeaderDeleteBtn>div.active:hover {
    background: #ffffff7d;
    transition: 0.2s all;
}

.myRooms__itemBody {
    display: none;
}

.myRooms__item:nth-child(1) .myRooms__itemBody {
    display: block;
}

.myRooms__settings {
    padding: 16px;
    border-bottom: 1px solid #DFE0E8;
    display: block;
}

.myRooms__settingsBody {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.myRooms__settingsPassword {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.myRooms__settingsPassword>input {
    width: 300px;
    margin-right: 16px;
}

.myRooms__settingsPassword>input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: #C5C5C5;
}

.myRooms__settingsPassword>input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: #C5C5C5;
}

.myRooms__settingsPassword>input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: #C5C5C5;
}

.myRooms__settingsPassword>input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: #C5C5C5;
}

.myRooms__settingsPassword>div {
    width: 40px;
    height: 40px;
    background: linear-gradient(144.52deg, #009D94 0%, #00819D 70.81%);
    border-radius: 50px;
    transition: 0.2s all;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.myRooms__settingsPassword>div:hover {
    transition: 0.2s all;
    background: linear-gradient(144.52deg, #00819D 0%, #009D94 70.81%);
}

.myRooms__settingsPassword>div:hover>svg path {}

.myRooms__settingsDelete {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
}

.myRooms__settingsDelete:hover {
    background: #F3F4F7;
    transition: 0.2s all;
}

.myRooms__settingsDelete>div {}

.myRooms__settingsDeleteTitle {
    color: #D94B4B;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px;
}

.myRooms__itemModerator {
    border-bottom: 1px solid #DFE0E8;
    display: grid;
    grid-template-columns: 5% 20% 65% 10%;
    transition: 1s all;
}

.myRooms__itemVisitor {
    display: grid;
    grid-template-columns: 5% 20% 65% 10%;
    transition: 1s all;
}

.splash {
    background: #d9d9d9;
}

.myRooms__itemModerator.splash,
.myRooms__itemVisitor.splash {
    background: #d9d9d9;
}

.myRooms__linkIcon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.myRooms__linkTitle {
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 14px;
    line-height: 17px;
    color: #1F1F1F;
}

.myRooms__linkName {
    display: flex;
    align-items: center;
    justify-content: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1F1F1F;
}

.copyAlert {
    color: #00819D;
    transition: 0.2s all;
    margin: 16px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.copyAlertPost {
    position: fixed;
    display: block;
    width: 100%;
    top: 80px;
    z-index: 99999;
    color: #00889b;
    background: #9cd5d6e3;
    transition: 0.2s all;
    left: 50%;
    margin-left: -105px;
    margin-top: 8px;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    max-width: 210px;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 10%);
}

.checkPost__container {
    display: flex;
    justify-content: center;
}

.checkPost__active {
    margin: 10px 4px;
    background: #00819D;
    border-radius: 10px;
    font-size: 14px;
    color: #ffffff;
    padding: 12px 12px;
    width: 100%;
    text-align: center;
    max-width: 180px;
    cursor: pointer;
    transition: 0.2s all;
    opacity: 1;
}

.checkPost__disactive {
    margin: 10px 4px;
    background: #D94B4B;
    border-radius: 10px;
    color: #ffffff;
    padding: 12px 12px;
    width: 100%;
    text-align: center;
    max-width: 180px;
    cursor: pointer;
    transition: 0.2s all;
    opacity: 1;
}

.checkPost__active:hover,
.checkPost__disactive:hover {
    opacity: 0.6;
    transition: 0.2s all;
}

.myRooms__linkCopyBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.myRooms__linkCopyBtn>.myRooms__linkCopyBtnIcon {
    background: #F3F4F7;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.myRooms__linkCopyBtn>.myRooms__linkCopyBtnIcon:hover {
    background: #D1D2DC;
    transition: 0.2s all;
}

.myRooms__linkCopyBtn>.myRooms__linkCopyBtnIcon:active {
    box-shadow: inset 1px 1px 3px #a9a4a4;
    transition: 0.1s all;
}

.myRooms__item:nth-child(1) .myRooms__itemBody {
    display: block;
}

.myRooms__item:nth-child(1) .myRooms__itemHeaderShowBtn>div>svg {
    /*transform: rotate(0deg);*/
}

.audio_playlist__buttonsMenu {
    display: none;
}

.myRooms__itemFooter {
    display: none;
}


.selectMbrBox {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.selectedMbrItem {
    display: flex;
    border: 1px solid #E4E4E4;
    background: #E4E4E4;
    border-radius: 10px;
    padding: 4px 8px;
    gap: 4px;
}

.selectedMbrItem_name {}

.removeMbrItem {
    cursor: pointer;
}

.removeMbrItem:hover svg path {
    fill: #fff;
}

.saveEditComment {
    color: #00819d;
    font-size: 12px;
    margin: 4px 0px;
    width: 100%;
    text-align: right;
}

.saveEditComment:hover {
    color: #1F1F1F;
    cursor: pointer
}

.nikahUmma__continer {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 32px 32px 0px;
    background-image: url('../img/nikahUmma_bg.svg');
    background-position: 100% 114%;
    background-repeat: no-repeat;
    height: calc(100vh - 120px);
    background-size: 100%;
}

.nikahUmma__title {
    font-family: var(--font);
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 170%;
    text-align: center;
    color: #01849C;
    margin-bottom: 32px;
}

.nikahUmma__body {}

.nikahUmma__body p {
    font-family: var(--font);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 200%;
    text-align: center;
    color: #1F1F1F;
    margin-bottom: 24px;
}

.nikahUmma__body p a {
    text-decoration: underline;
    color: #3366BB;
}

.nikahUmma__body p a:hover {
    text-decoration: none;
}

.nikahUmma__button {
    border: none;
    width: 100%;
    max-width: 240px;
    height: 40px;
    background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%) !important;
    border-radius: 50px;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all;
    cursor: pointer
}

.nikahUmma__button::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s;
}

.nikahUmma__button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

.nikahUmma__button:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

button.nikahUmma__button {
    border: none;
}

.nikahUmma__button:hover {
    transition: 0.2s all;
    opacity: 0.9;
    background: linear-gradient(167.96deg, #00819D 0%, #009D94 100%);
}

.messagejoint {
    width: 100%;
    height: calc(100vh - 255px);
    display: flex;
    flex-direction: column;
    border-radius: 20px;
}

@media only screen and (min-device-width: 375px) {
    .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration {
        /*
    left: 5px !important;
    bottom: 32px;
    width: fit-content;
*/
    }
}

@media (min-width:400px) {
    .payment_box {
        width: 360px;
    }
}

@media (min-width:768px) {
    .navbar-default .navbar-nav>li>a {
        padding-top: 14px;
        padding-bottom: 14px;
        height: 60px;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        display: flex;
        gap: 9px;
    }

    .navbar-default .navbar-nav>li>a.user-menu-combination {
        margin: 10px 8px;
        padding: 0px;
        height: unset;

    }

    .modal-md {
        width: 500px
    }

    .wo_page_profile .options-buttons {
        align-items: flex-end;
        flex-direction: column;
    }

    .wo_page_profile .page-info-cont .last_row {
        margin: 10px 0;
    }

    .wo_page_profile .options-buttons a,
    .wo_page_profile .options-buttons button {
        margin: 3px 0;
    }

    .wo_create_job_box_flex .sun_input {
        flex: 1;
    }
}

.singlecol {
    padding-left: 0px;
}

@media (min-width:992px) {
    .singlecol {
        width: 81.333333%
    }
}

@media (min-width:991px) {

    /*Scrollbar*/
    ::-webkit-scrollbar {
        width: 4px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #3e3e3e;
    }

    .leftcol {
        width: 18.666667%;
        padding-right: 16px;
    }

    /* .peoplePage .leftcol,
.groupsPage .leftcol{
	width: 19.666667%;} */
    .main_rightcol {
        width: 18.666667%;
        padding-right: 0px;
    }

    .middlecol {
        width: 52.333333%
    }

    .rightcol {
        width: 29%
    }

    .middlecol.sett_page {
        width: 55.333333%
    }

    .rightcol.sett_page {
        width: 23%;
        padding: 0px;
    }

    .singlecol-guest {
        width: 80.933333%
    }

    #wo_nw_msg_page .msg_under_hood {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane {
        position: sticky;
        top: 0;
        z-index: 1020;
        width: 100%;
        -ms-overflow-style: none;
        min-width: 300px;
        max-width: 300px;
    }

    #wo_nw_msg_page .msg_under_hood .mobileleftpane {
        height: calc(100vh - 175px);
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar,
    #wo_nw_msg_page .messages-container::-webkit-scrollbar,
    #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar {
        height: 12px;
        width: 12px
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar-button,
    #wo_nw_msg_page .messages-container::-webkit-scrollbar-button,
    #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar-button {
        height: 0;
        width: 0
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar-thumb,
    #wo_nw_msg_page .messages-container::-webkit-scrollbar-thumb,
    #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: rgba(0, 0, 0, .2);
        border: 4px solid transparent;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        min-height: 20px;
        min-width: 20px;
        height: 5px;
        width: 5px
    }

    header .navbar-default .navbar-nav>.open>a.user-menu-combination {
        background: transparent !important;
    }
}

@media (min-width:1140px) {
    .online-content-toggler {
        max-height: 100%
    }

    .wo_page_profile .page-info-cont .last_row {
        margin: 29px 0;
    }

    .wo_page_profile .options-buttons {
        flex-direction: row;
    }

    .wo_page_profile .options-buttons a,
    .wo_page_profile .options-buttons button {
        margin: 3px 5px;
    }

    .wo_event_profile .profile-container .card.hovercard .cardheader img,
    .wo_group_profile .profile-container .card.hovercard .cardheader img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width:1400px) {
    .wo_com_usr_lbox .slider .slick-prev {
        left: 0;
        right: auto;
    }

    .wo_com_usr_lbox .slider .slick-next {
        right: 0;
        left: auto;
    }

}

@media (max-width:1300px) {
    .chat-container.full {
        min-height: auto !important
    }
}

@media (max-width:1270px) {
    .audio_ovwerview_box {
        grid-template-columns: 100%;
    }

    .footer-wrapper-sidebar .list-inline {
        height: auto !important;
        gap: 10px;
    }

    .footer-wrapper-sidebar {
        margin: 8px 16px 24px;
        bottom: env(safe-area-inset-bottom);
        height: calc(60px - 1px);
        right: 0;
        top: auto;
        /* position: fixed; */
        left: 0;
    }

    .movies-search input {
        width: 290px;
    }

    .publisher-box .publisher-box-footer .pub-footer-bottom {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .container {
        width: 1140px;
    }

    .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)
    }

    .wo_imagecombo_lbox.story_lightbox .story_image_owner {
        margin-left: 350px;
    }

    .search-container .search-input {
        /* width: 200px; */
    }

    #wo_sidebar_users .wo_user_link_name {
        display: block;
        margin-left: 8px;
        text-decoration: none;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
    }

    #filterby-post li.list-group-item svg {
        display: block;
    }

    .left-sidebar ul li a {
        /* font-size: 12px; */
    }

    .leftcol:first-child {
        padding: 0px;
    }

    .profileNews {
        width: 69%;

    }

    .wow_my_groups .avatar {
        /* width: 115px; */
        height: 115px;
    }

    .wow_my_groups_info #wo_useract_btn {
        width: 100%;
    }

    .wo_page_hdng_menu>ul li a {
        font-size: 12px;
    }

    .list-group {
        overflow: visible;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image {
        height: 125px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot button {
        padding: 0 4px;
        font-size: 9px;
    }

    .read-blog-info-user .user-name a,
    .read-blog-info-user .user-name span {
        font-size: 10px;
    }

    .main-blog-sidebar .popular-articles li .article-thumbnail {
        width: 100%;
    }

    .main-blog-sidebar .popular-articles li .article-info,
    .main-blog-sidebar .popular-articles li .article-title {
        margin-left: 0px;
    }

    .right_user_info li.addYourFriends a {
        font-size: 10px;
        padding: 8px 8px;
    }

    .right_user_info {
        /*margin: -15px 0px;*/
    }

    .wow_forum_jump_btn>a {
        font-size: 0px;
    }

    .main_rightcol {
        width: 22.666667%;
    }

}

@media (max-width:1140px) {
    .container {
        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
    }

    .wo_imagecombo_lbox.story_lightbox .story_image_owner {
        margin-left: 320px;
    }

    /*
.navbar-nav{
	width: 100%;
}
*/
}

@media (max-width:991px) {
    .profileActiveButton {
        display: flex;
        justify-content: space-around;
        padding: 0px 15px 15px;
    }

    .profileTrippleBtn .btn-glossy button {
        width: auto !important;
        background: transparent !important;
        margin: 0px !important;
        display: inherit !important;
    }

    .audio_ovwerview_box {
        grid-template-columns: 50% 50%;
    }

    .audio_playlist__itemButtons {
        width: 130px;
    }

    .audio_ovwerview_box .audio_playlist__itemTitle {
        width: 33%;
    }

    .publisher-box .publisher-box-footer .pub-footer-bottom {
        display: block;
    }

    .searchPage,
    .profilePage,
    .savedPostPage,
    .commonPage,
    .peoplePage,
    .memoriesPage,
    .groupsPage,
    .jobsPage,
    .pagesPage,
    .eventsPage,
    .productsPage,
    .blogPage {
        margin: 0px;
    }

    .searchPage .wo_page_hdng_menu>ul li,
    .profilePage .wo_page_hdng_menu>ul li,
    .groupsPage .wo_page_hdng_menu>ul li,
    .jobsPage .wo_page_hdng_menu>ul li,
    .pagesPage .wo_page_hdng_menu>ul li,
    .eventsPage .wo_page_hdng_menu>ul li,
    .blogPage .wo_page_hdng_menu>ul li,
    .forumPage .wo_page_hdng_menu>ul li {
        display: block;
    }

    .searchPage .wo_page_hdng_menu>ul,
    .profilePage .wo_page_hdng_menu>ul,
    .groupsPage .wo_page_hdng_menu>ul,
    .jobsPage .wo_page_hdng_menu>ul,
    .pagesPage .wo_page_hdng_menu>ul,
    .eventsPage .wo_page_hdng_menu>ul,
    .blogPage .wo_page_hdng_menu>ul,
    .forumPage .wo_page_hdng_menu>ul {
        box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
        position: absolute;
        top: 40px;
        z-index: 999;
        background: #fff;
        border-radius: 10px;
        padding: 8px;
        margin: 0px;
        display: none;
        transition: 0.2s all;
    }

    .wo_page_hdng_menu>ul.open {
        transition: 0.2s all;
        display: block;
    }

    #mobileSubMenuPage {
        display: block;
        color: #00819D;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
        text-decoration: none;
        padding: 0px 0px 16px;
    }

    .wo_page_hdng_menu {
        margin: 0px 0px 16px 0px;
    }

    .jobsPage .wo_page_hdng_menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jobsPage .wo_page_hdng_menu .subMunu__fiter {
        padding: 0px 0px 16px;
    }

    .commonPage,
    .peoplePage,
    .memoriesPage,
    .groupsPage,
    .jobsPage,
    .pagesPage,
    .eventsPage,
    .forumPage {
        padding: 0px 8px;
    }

    #page_name {
        margin: 0px;
    }

    .right_user_info {
        margin: 13px 0px;
    }

    .right_user_info li.addYourFriends a {
        font-size: 16px;
        padding: 8px 16px;
    }

    .main-blog-sidebar .popular-articles li .article-info,
    .main-blog-sidebar .popular-articles li .article-title {
        margin-left: 80px;
    }

    .main-blog-sidebar .popular-articles li .article-thumbnail {
        width: 65px;
    }

    .read-blog-info-user .user-name a,
    .read-blog-info-user .user-name span {
        font-size: 14px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot button {
        padding: 0 4px;
        font-size: 12px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image {
        height: 188px;
    }

    .wo_page_hdng_menu>ul li a {
        font-size: 16px;
    }

    #filterby-post .active,
    #filterby-post li.list-group-item {
        font-size: 12px;
    }

    .profileSidebar,
    .profileNews {
        width: 100%;
    }

    .leftcol {
        display: none;
    }

    .main-blog-sidebar {
        margin-top: 40px
    }

    .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;
        color: #000000;
    }

    .user_media_list_section .photo-data,
    .user_media_list_section .video-data {
        flex: 0 0 25%;
        width: 25%;
    }

    .mobileleftpane {
        position: fixed;
        height: 100%;
        z-index: 1;
        padding: 0;
        top: 45px;
        left: 0;
    }

    .text-sender-container .msg_usr_info_top_list .mobilemsgclose {
        display: block;
    }

    .wo_comthing_usr_innr .avatar {
        padding-top: 110%;
    }

    .ads_col_8 {
        padding: 0 15px;
    }

    .wow_forum_sections table .forum-meta-d.small {
        display: none;
    }

    .wow_thread_head .btn-glossy>a {
        float: none !important;
    }

    .wow_main_float_head>.container.wo_go_pro:after {
        display: none;
    }

    .fixed {
        position: fixed
    }

    .mobile_menu_burger {
        padding: 16px;
        margin: 8px;
        width: 29px;
        position: relative;
        z-index: 9999;
        cursor: pointer;
    }

    .mobile_menu_burger span {
        background: #C4C4C4;
        border-radius: 50px;
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 21px;
        height: 3px;
        margin-top: -2px;
        font-size: 0px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

    .mobile_menu_burger span:after {
        background: #00819D;
        border-radius: 50px;
        transform: translateY(-250%);
    }

    .mobile_menu_burger span:before {
        background: #00819D;
        border-radius: 50px;
        transform: translateY(250%);
    }

    .mobile_menu_burger span:after,
    .mobile_menu_burger span:before {
        position: absolute;
        left: 0;
        width: 29px;
        height: 100%;
        content: '';
        -webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
    }

    .mobile_menu_burger:not(.open):hover span:after {
        top: -2px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
    }

    .mobile_menu_burger:not(.open):hover span:before {
        top: 2px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
    }

    .mobile_menu_burger.open span {
        background-color: transparent;
    }

    .mobile_menu_burger.open span:after {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }

    .mobile_menu_burger.open span:before {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
    }

    .mobile_menu_container {
        /* 	display: none; */
        top: 56px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        background: #ffffff;
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        transition: 0.2s all;
        overflow: hidden;
        width: auto;
        max-height: 100%;
        visibility: hidden;
        opacity: 0;
        transform: scale3d(0.2, 0.2, 1);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.2s;
        border-top: 1px solid #f2f2f2;
    }

    .mobile_menu_container:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 15px solid transparent;
        border-top: 14px solid #f2f2f2;
        clear: both;
        transform: rotate(90deg);
        transform: rotate(180deg);
        left: auto;
        right: 14px;
        top: -14px;
    }

    .mobile_menu_container:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #fff;
        clear: both;
        transform: rotate(90deg);
        transform: rotate(180deg);
        left: auto;
        right: 14px;
        top: -13px;
    }

    .mobile_menu_container.open {
        /* 	display: block; */
        left: 0px;
        overflow: unset;
        transition: 0.2s all;
        visibility: visible;
        opacity: 1;
        transform: scale3d(1, 1, 1);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 0.2s;
    }

    .mobile_menu_container ul li {
        margin: 0px 43px;
    }

    .mobile_menu_container ul li.menu-user-avatar {
        /*     margin: 0px 100px;	 */
    }

    /* .mobile_menu_container ul{
	height: 100%;
	overflow: overlay;
} */
    .mobile_menu_container .left-addon input {
        background: #F3F4F7;
        padding-left: 40px;
        border: 0px;
        padding: 12px 12px 12px 40px;
        height: auto;
    }

    .mobile_menu_container .left-addon svg path {
        fill: #BDBDBD;
    }

    .mobile_menu_container .left-addon svg {
        padding: 0px;
        margin: 12px 12px;
    }

    .mobile_menu_container #navbar-searchbox {
        display: block;
        margin-left: 0px;
        margin: 7px 0px 7px 0px;
        border: 0px;
    }

    .subMunu__topline {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 16px;
        border-bottom: 1px solid #DFE0E8;
        margin-bottom: 16px;
    }

    .subMunu__title {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #1F1F1F;
    }

    .subMunu__search {}

    .subMunu__search>a {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #00819D;
    }



    .subMunu__search input {
        width: 100% !important;
    }

    .subMunu__fiter svg circle {
        fill: #00819D;
    }

    .subMenu__underline {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .subMenu__item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid;
        color: #828282;
        padding: 8px;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    .subMenu__item svg {
        margin-right: 8px;
    }

    .subMenu__item.main {
        border-bottom: 1px solid #00819D;
        color: #00819D;
    }

    .subMenu__item.main a {
        color: #00819D;
    }

    .subMenu__item.main svg path {
        fill: #00819D;
    }

    .products {
        padding: 16px;
    }

    .movies-page {
        margin: 0px;
    }

    .movies .movies-film-wrapper figure img {
        height: 242px;
    }

    .modal_filter__movies {
        position: fixed;
        left: 0;
        top: 80px;
        right: 0;
        background: #fff;
        width: 90%;
        margin: 0 auto;
        background: #FFFFFF;
        box-shadow: 4px 0px 10px rgb(0 0 0 / 15%);
        border-radius: 10px;
        display: none;
    }

    .modal_filter__header {
        display: flex;
        justify-content: space-between;
        padding: 16px;
        align-items: center;
    }

    .modal_filter__header .title {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #1F1F1F;
    }

    .modal_filter__header .close {
        opacity: 1;
        box-shadow: 2px 0px 5px rgb(0 0 0 / 11%);
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

    .modal_filter__body {
        padding: 16px;
        overflow: overlay;
        height: 100%;
        max-height: 65vh;
    }

    .modal_filter__body .movies-filter div {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .modal_filter__body .movies-filter .movies-search {
        display: none;
    }

    .modal_filter__body .movies-filter>div>li {
        border: 1px solid #DFE0E8;
        border-radius: 10px;
        margin-bottom: 8px;
        overflow: hidden;
    }

    .movies-filter li a {
        display: block;
    }

    .modal_filter__body .movies-filter>div>li>a {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #1F1F1F;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px;
        border-bottom: 1px solid #DFE0E8;
        overflow: hidden;
    }

    .modal_filter__body .movies-filter li {
        margin-right: 0;
        width: 100%;
    }

    .modal_filter__body .movies-filter li ul {
        position: relative;
        width: 100%;
        top: 0px !important;
        box-shadow: none !important;
    }

    .modal_filter__body .movies-filter li ul li a {
        padding: 8px;
    }

    .blur {
        filter: blur(4px);
    }
}

@media (max-width:991px) {

    .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
    }

    .header-container .logo img {
        width: 30%
    }

    .search-container .search-input {
        width: 218px
    }

    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;
        max-height: calc(100vh - 130px);
        overflow-y: auto;
    }

    /* .footer-wrapper-sidebar {display: none;} */

}

@media (max-width:985px) {

    .container,
    .header-fixed1000,
    .header-fixed1200 {
        width: 800px
    }
}

@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) {

    .header-fixed1000,
    .header-fixed1200 {
        width: 100%;
    }

    .container {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding: 16px;
    }

    .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)
    }

    .wow_search_head {
        flex-wrap: wrap;
    }

    .wow_srch_fields:last-child {
        text-align: center;
    }
}

@media (max-width:800px) {
    .message-contnaier:hover::before {
        opacity: 0
    }

    .message-contnaier.active::before {
        opacity: 1
    }

    .musicPage .audio_playlist__box {
        margin: 10px 8px;
    }

    .musicPage .wow_content {
        margin: 0px 0px;
    }

    .musicPage .audio_control__box {
        margin: 0px;
    }

    .audio_ovwerview_box {
        grid-template-columns: 100%;
    }

    .musicPage .audio_playlist__itemTitle {
        width: 100%;
        max-width: 250px;
    }

    .musicPage .audio_playlist__itemButtons {
        width: 160px;
    }

    .musicPage .audio_playlist__item {
        padding: 0px 0px;
    }

    .musicPage .audio_playlist__itemButtons {
        width: 130px;
        position: absolute;
        background: #fff;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        border-radius: 10px 0px 10px 10px;
        flex-direction: column;
        display: none;
        right: 35px;
        top: 10px;
        z-index: 99;
        padding: 4px;
    }

    .musicPage .audio_playlist__itemButtons.active {
        display: flex;
        transition: 0.2s all;
    }

    .musicPage .audio_playlist__itemBtn {
        font-size: 12px;
        line-height: 15px;
        color: #1F1F1F;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .audio_overview .audio_playlist__itemButtons>div.delete {
        display: none;
    }

    .musicPage .audio_playlist__itemButtons.active>div:not(.audio_playlist__itemMenu, .audio_playlist__itemShare)>svg {
        margin-right: 10px;
    }

    .musicPage .audio_playlist__itemMenu {
        width: 190px;
        left: -200px;
    }

    .audio_playlist__itemShare {
        left: -210px;
        top: 60px;
        width: 215px;
    }

    .audio_playlist__itemShareBody input {
        width: -webkit-fill-available;
    }

    .audio_playlist__itemShareTrackTitle>svg>path {
        fill: #009D94 !important;
    }

    .audio_playlist__buttonsMenu {
        display: block;
        margin: 0px 10px;
    }

    .active_sessions .as_list .log_out_session {
        padding: 10px;
    }

    .search-filter-form .wow_srch_fields>.dropdown>.btn {
        padding: 8px 4px 8px 30px;
    }

    .profileActiveButton {
        display: flex;
        justify-content: space-around;
        padding: 0px 15px 15px;
    }

    .profileTrippleBtn {
        left: unset;
        position: absolute !important;
        margin: 0 !important;
        right: 20px !important;
        top: -20px !important;
    }

    .profileTrippleBtn .dropup .dropdown-menu {
        right: 0px;
    }

    .profileTrippleBtn .btn-glossy button {
        width: auto !important;
        background: transparent !important;
        margin: 0px !important;
        display: inherit !important;
    }

    .mobile_logo {
        margin: 10px 16px 10px 16px;
    }

    .mobile_logo>a,
    .mobile_logo>a:hover,
    .mobile_logo>a:active,
    .mobile_logo>a:focus {
        text-decoration: none;
    }

    .wo_about_page_margin {
        margin-top: 110px;
    }

    .wo_about_wrapper_parent,
    .wo_about_wrapper,
    .wo_about_wrapper .full-width-picture {
        height: 150px;
        min-height: 150px;
    }

    .wo_about_wrapper .hero-overlay {
        padding-top: 10px !important;
    }

    .wo_about_wrapper .hero-overlay h1 .site_desc {
        font-size: 18px;
        line-height: 24px;
        display: block;
        margin-top: 11px;
    }

    .wo_about_wrapper .hero-overlay h1 {
        color: #fff;
        font-weight: 600;
        margin-top: 8px;
        margin-bottom: 12px;
        line-height: 18px;
    }

    .wo_about_wrapper.wo_terms .hero-overlay h1 {
        margin-top: 16px;
    }

    .footer-wrapper-sidebar .list-inline>li {
        margin: 0px !important;
        border: none;
        width: auto;
    }

    .wo_404>svg {
        max-height: 290px;
    }

    .wo_404 h1 {
        font-size: 22px;
    }

    .played-film-details ul li {
        flex-direction: column;
    }

    .options-buttons {
        position: relative;
        left: unset;
        margin: 8px 0px;
    }

    .options-buttons a {
        float: none;
        margin: 0px;
    }

    .page-detail .info {
        flex-direction: column;
    }

    .wo_group {
        padding: 0px !important;
    }

    .right_user_info li a,
    .right_user_info li {
        font-size: 14px !important;
    }

    .right_user_info li.addYourFriends a {
        font-size: 12px !important;
    }

    .profileSidebar .btn-default,
    .profileSidebar #wo_useract_btn {
        width: auto;
        font-size: 13px;
        line-height: 19px;
        margin: 0px;
        padding: 8px 2px;
        height: auto;
        margin: 8px auto;
        display: block;
        width: 132px;
    }

    .wo_view_post_jobs .wo_vew_apld_msg .btn {
        font-size: 10px;
    }

    .wo_view_post_jobs .jinfo_inner ul li.jinfo_item {
        flex-direction: column;
    }

    .btn-mat {
        max-width: fit-content;
    }

    .wow_event_page_btns .btn {
        width: auto;
        margin: 0px;
        line-height: 25px;
    }

    .top-back-menu .wow_event_page_btns {
        display: flex;
        font-size: 12px;
    }

    .top-back-menu .wow_event_page_btns a {
        margin: 0px 6px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot button,
    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot a {
        font-size: 8px;
    }

    .wow_thread_main_message img {
        width: 100%;
        height: auto;
    }

    .audio_playlist__itemTitle {
        width: 45%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .audio_playlist__itemButtons {
        width: 70px;
    }

    .audio_playlist__item {
        padding: 0px 0px;
    }

    #filterby-post li.list-group-item svg {
        margin-right: 0px;
    }

    #charsLeft {
        font-size: 10px;
    }

    .like-btn,
    #wo_post_stat_button .show_post_comm_mobi,
    #wo_post_stat_button .stat-item .like-btn-mobile {
        font-size: 11px;
    }

    .post-container {
        margin: 0px 0px;
    }

    #wo_comment_combo .textarea {
        padding-top: 8px;
        height: 45px !important;
    }

    #wo_comment_combo .avatar {
        margin: 4px;
    }

    .post .post-description {
        padding: 0px 16px 0px;
    }

    .post .post-footer .comments-list .comment {
        margin-left: 16px !important;
    }

    .post .post-heading {
        padding: 16px 16px;
        height: 100%;
    }

    .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% - 220px)
    }

    .sun_img_innr {
        height: calc(100% - 268px)
    }

    .lightbox-content .story-img img {
        max-height: calc(100vh - 268px);
    }

    .wo_imagecombo_lbox .comment-section {
        width: 100%;
        position: relative;
        height: auto;
    }

    .wo_imagecombo_lbox {
        overflow-y: auto;
        height: 100%;
    }

    .wo_imagecombo_lbox .lightbox-post-footer.post-comments .lighbox.comment-textarea {
        height: 40px;
    }

    .user_media_list_section .photo-data,
    .user_media_list_section .video-data {
        flex: 0 0 33.3333333%;
        width: 33.3333333%;
    }

    .wo_imagecombo_lbox.story_lightbox.mobi_stor_box {
        height: 100%;
        overflow-y: auto;
    }

    .wo_imagecombo_lbox.story_lightbox .story_image_owner {
        margin-left: 0;
        height: calc(100% - 200px);
    }

    .mobileleftpane {
        top: 55px;
    }

    .messages-recipients-list,
    .messages-recipients-list.active .online-text {
        color: #fff;
    }

    .text-sender-container .msg_usr_info_top_list {
        border-bottom: 1px solid #DFE0E8 !important;
        background: #f2f4f9;
        z-index: 999;
    }

    .setting-panel {
        display: flex;
        flex-direction: column-reverse;
    }

    .head_title {
        display: flex;
        justify-content: space-between;
        margin: 0px 8px;
    }

    .wow_sett_sidebar .ummaSidebar__navigation {
        display: none;
        transition: 0.2s all;
        height: 0px;
    }

    .wow_sett_sidebar .ummaSidebar__navigation.open {
        transition: 0.2s all;
        display: block;
        height: 100%;
        margin: 0px 8px;
    }

    .head_title>span {
        transform: rotate(0deg);
        transition: 0.2s all;
    }

    .head_title>span.open {
        transform: rotate(180deg);
        transition: 0.2s all;
    }

    .select_radio_btn .sr_btn_lab_innr {
        width: 140px;
        height: 140px;
    }

    .select_radio_btn label {
        width: 150px;
    }

    .wow_sett_sidebar {
        border: none;
    }

    .user-status-home ul.status-list li {
        width: 48px;
        height: 48px;
    }

    .wo_main_jobs {
        flex-direction: column;
    }

    .wo_main_jobs .wo_jobs_search {
        margin: 15px 0 0;
    }

    .user-status-home ul.status-list li a {
        width: 48px;
        height: 48px;
        padding: 0px;
    }

    .fixed {
        position: fixed !important;
    }

    .header-container .user-avatar img {
        margin: 0px;
    }

    .order-by {
        display: none;
    }

    .user-status-home .wo_page_hdng_innr {
        margin: 0px;
    }

    .productContainer {
        flex-direction: column;
        padding: 8px;
        margin-top: 8px;
    }

    .sideImage>img {
        width: auto !important;
        margin: 0;
    }

    .leftSideImage .album-collapse,
    .leftSideImage,
    .leftSideImage img {
        width: auto;
    }

    .leftSideImage img {
        height: 65px;
    }

    .leftSideImage {
        margin-right: 4px;
    }

    .post .post-footer .comments-list .comment-container:nth-child(2) {
        margin-left: 16px !important;
    }


    .wow_lang_select_menu {
        height: auto !important;
        border-radius: 20px !important;
    }

    .wow_lang_select_menu li {
        border-bottom: 0px !important;
    }

    .sideImage {
        max-width: 100%;
        justify-content: space-around;
    }

    .prodDescription {
        padding: 0px 16px;
    }

    .prodDescriptionInfo {
        padding: 0px 16px 16px;
    }

    .commentOpenReplyBox {
        font-size: 12px;
    }

    .comment-reply .wo_commreply_combo .textarea {
        padding-right: 25px;
    }

    .comment-reply .wo_commreply_combo .textarea::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .comment-reply .wo_commreply_combo .textarea::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .comment-reply .wo_commreply_combo .textarea:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .comment-reply .wo_commreply_combo .textarea:-moz-placeholder {
        /* Firefox 18- */
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .change_daynight___box {
        margin: 0px 8px;
    }

    .change_daynight__container {
        margin: 0px 4px;
    }

    .activityContainer {
        /* justify-content: space-around; */
        position: relative;
        flex-flow: nowrap;
        gap: 8px;
    }

    .activityItem {
        margin: 4px 0px;
        background: #FFFFFF;
        border: 1px solid #DDE2ED;
        border-radius: 5px;
        font-size: 18px;
        width: 108px;
    }

    .activityItem span {
        font-weight: 600;
        color: #1f1f1f;
    }

    .activityItem p {
        font-size: 12px;
    }

    .list-group-item:first-child {
        border-bottom: 0px;
        border-radius: 0px;
    }

    .right_user_info {
        text-align: left;
        margin: 0px;
    }

    .page-margin {
        margin-left: 0px;
        margin-right: 0px;
    }

    .profileNews,
    .profileSidebar {
        width: 100%;
    }

    .sidebar-groups-container,
    .sidebar-followers-users-container {
        display: flex;
        flex-direction: row;
        overflow: overlay;
    }

    .sidebar-user-data .sidebar-listed-user-name {
        text-align: center;
    }

    /* .sidebar-user-data a{
	flex-direction: column;
} */
    .messages-load-more-messages {
        top: 70px;
    }

    .messages-container .message-media {
        margin: 0px;
    }

    #wo_msg_right_prt .message p {
        margin: 0px;
    }

    .message-user-image {
        display: none;
    }

    .text-sender-container .message-model .message {
        box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    }

    .text-sender-container .outgoing .message-model .message {
        border-radius: 20px 20px 0px 20px;
        background: #EDF6FE !important;
        background-color: #EDF6FE !important;
    }

    .text-sender-container .incoming .message-model .message {
        border-radius: 20px 20px 20px 0px;
    }

    .text-sender-container .message-model .audioFile .message,
    .text-sender-container .message-model .audioFileOwner .message {
        background: transparent !important;
        box-shadow: none !important;
    }

    .message-media-wave wave {
        height: 44px !important;
    }

    .replyMessage {
        display: block;
    }

    .text-sender-container .chatEditMessage__container,
    .text-sender-container .chatReplyMessage__container {
        background: transparent !important;
    }

    .message-contnaier.active::before {
        left: 5px;
    }

    .text-sender-container .incoming.active .message-model {
        margin-left: 24px;
    }

    .replyMessage_body img {
        width: 32px;
    }

    .chatDeleteMessage__changedMessCnt {
        position: relative;
        text-align: center;
    }

    .text-sender-container .chatDeleteMessage__body {
        justify-content: space-between;
    }

    .text-sender-container .chatDeleteMessage__close {
        position: relative;
        left: 0px;
    }

    .message-contnaier.active {
        background: #ffffff;
    }

    .chatDeleteMessage__changedMessCnt {
        left: 0px;
        text-align: center;
        font-size: 10px;
        position: relative;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
        /* 	height: 68px; */
    }

    .post .post-description p {
        font-size: 16px;
        line-height: 21px;
    }

    #wo_msg_right_prt .msg_write_combo .charsLeft-message {
        right: 50px;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group .input-group-btn {
        margin-left: 5px;
        position: absolute;
        right: 0;
        z-index: 9;
        width: 47px;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .send-button {
        width: 38px;
        height: 38px;
        box-shadow: none;
        border-radius: 50% !important;
        background: none;
        border: none;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .send-button svg>path {
        fill: #00819D !important;
    }

    #wo_msg_right_prt .text-sender-container textarea {
        padding: 8px;
        line-height: 14px;
        height: 44px;
        border-radius: 10px;
        max-height: 275px;
        /* font-size: 10px;*/
    }

    #wo_nw_msg_page .msg_under_hood .mobileleftpane {
        background: #F2F4F9;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
        border: none;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
        padding: 0px 5px;
        /*     margin: 0px 8px 16px; */
        align-items: flex-end;
    }

    form.sendMessages {
        background: #ffffff;
        margin-bottom: 47px;
    }

    .day form.sendMessages {
        background: transparent !important
    }

    .messages-recipients-list,
    .messages-recipients-list.active {
        border-radius: 0px;
        box-shadow: none;
        margin-right: 0px;
        border-bottom: 1px solid #DFE0E8;
    }

    .messages-recipients-list {
        background: transparent;
    }

    .messages-recipients-list .messages-last-seen {
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        color: #D1D2DC;
        margin-bottom: 2px;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a {
        color: #828282;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li a svg path {
        fill: #828282;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a {
        color: #00819D;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li.active a svg path {
        fill: #00819D;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon {
        justify-content: space-evenly;
    }

    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn,
    #wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr {
        width: 160px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        justify-content: space-evenly;
    }

    .messages-load-more-messages.above_header {
        top: 70px;
    }

    .navbar-default {
        height: 60px !important;
    }

    #head_menu_rght .sixteen-font-size {
        margin: 12px 8px;
    }

    .content-container {
        margin-top: 60px !important;
    }

    .wow_home_stories {
        padding: 0px 12px 1px
    }

    .wow_thread_main_message iframe {
        width: 100% !important;
    }

    #wo_post_stat_button .stat-item svg {
        margin-right: 3px;
    }

    .post .post-description .post-actions .stat-item svg,
    #wo_post_stat_button .stat-item svg {
        width: 20px;
        height: 20px
    }

    #active_react .stat-item {
        padding: 0px 7px !important;
        margin-top: 0px !important;
    }

    .post .post-description .post-actions .stat-item {
        margin-top: 0px !important;
    }

    .like-emo>.how_reacted {
        padding: 0px;
        box-shadow: none;
    }

    #wo_post_stat_button .stat-item {
        color: #8e8e8e;
    }

    .share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr {
        width: 88px;
        height: 88px;
    }

    .share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img svg {
        height: 24px;
    }

    .modal.fade.in.share_post_modal_ .modal-dialog textarea {
        height: 48px;
    }

    .wow_pops_head h4 {
        margin: 0 50px;
        font-size: 18px;
    }

    .share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr>span {
        margin: 0px;
        font-size: 12px;
    }

    .publisher-box .publisher-box-footer .pub-footer-bottom {
        display: block;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logout {
        color: #D94B4B !important;
        font-size: 14px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .post .post-file img {
        /* margin-bottom: 4px; */
        /*max-height: 100% !important;*/
    }

    .wo_view_post_jobs .jinfo_inner ul li.jinfo_item>.jinfo_item_value {
        word-break: break-word;
    }

    .infoForum {
        display: flex;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #1F1F1F;
        justify-content: flex-start;
        margin: 16px 0px;
        width: 50%;
        float: left;
        padding: 0px 20px 0px 0px;
        /*     text-transform: capitalize; */
    }

    .wow_thread_main_message video {
        width: 100%;
    }

    .wow_forum_sections .table tr:last-child td {
        border-radius: 0px 0px 10px 10px;
    }

    .wow_forum_sections table .forum-meta-d.titles>svg {
        margin: 8px 8px 8px 0px;
    }

    .wow_forum_sections table .ftitle,
    .sun_ftitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #1F1F1F;
    }

    .wow_forum_sections table .fdesc {
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }

    .infoForum__lable {
        margin-right: 10px;
    }


    .backLinkMob {
        border-bottom: 1px solid #DFE0E8;
        padding-bottom: 16px;
        width: 100%;
        display: block;
        margin-bottom: 16px;
        text-decoration: none;
    }

    .backLinkMob:hover,
    .backLinkMob:active,
    .backLinkMob:focus {
        text-decoration: none;
    }

    .forum_title {
        display: flex;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        width: 71%;
    }

    .thraed-header-content .action_button .btn-glossy {
        margin: 8px 4px;
    }

    .forum_info_data {
        display: flex;
        flex-direction: column;
    }

    .forum_info_data>span {
        margin-bottom: 8px;
    }

    .shareForum {
        position: absolute;
        right: 0;
    }

    .wow_forum_dis_thead th:first-child {
        border-radius: 10px 10px 0px 0px;
    }

    .table tbody tr:last-child td:first-child {
        border-radius: 0px 0px 10px 10px;
    }

    .threads-table tbody tr td:not(:first-child),
    .table>thead:first-child>tr:first-child>th:not(:first-child) {
        display: none;
    }

    .threadcont-inner div>svg {
        margin: 8px 8px 8px 0px;
    }

    #contnet .footer-wrapper {
        display: none;
    }

    .f_topics,
    .wow_forum_sections {
        border-radius: 10px 10px 10px 10px;
    }

    .mce-window-head .mce-title {
        font-size: 16px !important;
    }

    .mce-formitem .mce-textbox {
        max-width: 133px;
    }

    .blog-com-wrapper .blog-com-box textarea,
    .movies-com-wrapper .movies-com-box textarea {
        padding-right: 20px !important;
    }

    .read-blog-container {
        padding: 0px 16px !important;
        border: none;
    }

    .read-blog-container time {
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
        color: #828282;
    }

    .read-blog-container h2 {
        font-weight: 600;
        font-size: 16px;
        line-height: 17px;
        color: #1F1F1F;
    }

    .read-blog-container .read-blog .read-content,
    .read-blog-container .read-blog .read-blog-desc {
        font-size: 14px;
    }

    .wow_read_blog_hdr_img_innr .postMeta--author-avatar img {
        width: 24px;
        height: 24px;
    }

    .wow_main_blogs_bg {
        margin: 0px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-image {
        height: auto;
    }

    .wo_market .market_bottom .product .produc_info {
        padding: 0px 16px;
    }

    .event-l-btns {
        flex-flow: wrap;
    }

    .event-l-btns .btn {
        font-size: 10px;
    }

    .top-back-menu .wow_event_page_btns .btn-default {
        line-height: 25px;
    }

    .event-info-cont-small {
        position: relative;
        background: transparent;
        padding: 2px 20px 2px;
    }

    #group_name {
        margin: 0px;
    }

    .leftcol .footer-wrapper-sidebar {
        display: none;
    }

    .wow_pub_privacy_dropdown {
        display: flex;
        align-items: center;
        background-color: var(--background-main);
        color: #4b4f56;
        border-radius: 2em;
        font-family: var(--font), sans-serif;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        padding: 8px 16px 8px 16px;
        line-height: 1em;
        box-shadow: 0 0 0 1px #e4e4e4;
        background: #FFFFFF;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .wo-reaction {
        padding: 0px;
    }
}

@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) {
    .nikahUmma__title {
        font-size: 24px;
        line-height: 170%;
    }

    .nikahUmma__body p {
        font-size: 13px;
        line-height: 170%;
    }

    .movies-filter li ul.dropdown-menu {
        display: none !important;
    }

    .movies-filter li.open ul.dropdown-menu {
        display: block !important;
    }

    .book__buttonsContainer {
        flex-direction: row;
        gap: 10px;
    }

    .audio_control {
        margin: 0px !important;
    }

    #viewer .epub-container {
        padding: 80px 30px 60px;
    }

    .myRooms__settingsBody {
        justify-content: center;
    }

    .subMenu__item {
        font-size: 14px;
    }

    .myRooms__container {
        margin: 20px 0px;
    }

    a.myRooms__itemHeaderBtn {
        display: none;
    }

    .myRooms__itemHeader {
        grid-template-columns: 85% 15%;
    }

    .navbar-default {
        height: 65px !important;
    }

    .myRooms__itemFooter {
        display: block;
        display: block;
        padding: 24px;
        text-align: center;
    }

    .myRooms__itemFooterBtn {
        background: linear-gradient(144.52deg, #009D94 0%, #00819D 70.81%);
        border-radius: 50px;
        height: 36px;
        color: #fff;
        padding: 9px 37px;
        position: relative;
    }

    a.myRooms__itemFooterBtn>span {
        width: 30px;
        height: 30px;
        background: #ffffff;
        /* padding: 6px 7px; */
        border-radius: 50%;
        display: flex;
        position: absolute;
        right: 4px;
        top: 3px;
        justify-content: center;
        align-items: center;
    }

    a.myRooms__itemFooterBtn>span>svg>path {
        fill: #00819D;
    }

    .sideImage>img {
        width: 180px !important;
        max-height: 215px;
    }

    #filter-by-sidebar {
        display: none
    }

    .filter-by-home {
        display: block
    }


    .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
    }

    .nav-footer-toggle {
        left: 40%
    }

    #load-more-posts {
        margin-bottom: 20px
    }

    .cool-style {
        width: 49.3% !important;
        float: none
    }

    .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_my_pages .row {
        margin-right: 0;
        margin-left: 0
    }

    .cool-style-album {
        margin-bottom: 40px
    }

    .blog-ls-box .article-image {
        max-height: none
    }

    .wo_pro_features h3 {
        margin-top: 20px;
        margin-bottom: 50px
    }

    .modal-dialog {
        max-width: 92%;
        width: 100%
    }

    .wo_page_profile .options-buttons {
        margin: 20px 0 0;
        justify-content: center;
        flex-wrap: wrap;
    }

    .wo_page_profile .options-buttons .btn {
        margin-bottom: 8px;
    }

    .wo_user_profile .pic-info-cont {
        position: relative;
        margin: 0;
        display: block;
        bottom: 0
    }

    .container .wo_user_profile .pic-info-cont .user-avatar {
        display: inline-block;
    }

    .profile-container .card.hovercard .user-avatar img {
        border-radius: 50%;
    }

    .profile-container .card.hovercard .info .title {
        text-shadow: none
    }

    .profile-container .card.hovercard .info .title a {
        color: #4a4a4a
    }

    .container .wo_user_profile .card.hovercard .info .title svg.feather {
        fill: #55acee;
        filter: none
    }

    .wo_user_profile .card.hovercard .title .badge-link {
        color: #fff !important
    }

    .wo_user_profile .btn-glossy button {
        color: #2a2a2a;
        backdrop-filter: blur(4px);
        background: #0000002b !important;
    }

    .wo_user_profile .btn-glossy button svg>ellipse {
        fill: #ffffff !important;
    }

    .footer-wrapper .footer-powered {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .footer-wrapper .footer-powered .list-inline {
        margin: 10px 0;
        text-align: center;
    }

    .head_name_links {
        vertical-align: middle;
    }

    .create_head_menu:before {
        display: none;
    }

    .event_cdown {
        margin-bottom: 15px;
        text-align: center;
    }

}

@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%;
    }

    /*.wow_read_blog_row {padding: 0;margin: 15px -15px 0;}*/
    /* .wow_read_blog_hdr_img_innr {padding: 0 0px 15px;} */
    .wow_read_blog_hdr_img_innr h2 {
        font-size: 35px;
    }
}

@media (max-width:665px) {

    .event-info-cont-small .info {
        display: block;
        width: 100%;
        text-align: center;
    }

    .event-info-cont-small .info h3 {
        color: #282828;
    }

    .short_start_dt {
        display: none;
    }

    .wo_event_profile .event-info-cont {
        flex-direction: column;
    }

    .event_cdown:empty {
        margin: 0
    }

    .event_cdown li:last-child {
        display: inline-block
    }

    .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
    }

    .wo_com_lbox_slide {
        padding: 0 10px;
    }

    .wo_vew_apld_head {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .wo_vew_apld_head .avatar {
        margin: 0 auto 20px;
    }

    .wo_vew_apld_head .jinfo {
        text-align: center;
    }

    .wo_page_profile .options-buttons .btn svg {
        display: none;
    }

    .wow_forum_sections table .forum-meta-d.topics,
    .wow_forum_sections table .forum-meta-d.posts,
    .wow_forum_sections .f_category b {
        display: none;
    }

    .wow_thread_main_reply {
        flex-direction: column;
    }

    .wow_thread_main_reply .t-left_prt {
        float: none;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .wow_thread_replies .thread-replies {
        padding: 3px 3px;
    }

    .wow_thread_replies .thread-replies .t-left_prt .avatar .btn {
        display: none;
    }

    .wow_thread_replies .thread-replies .t-left_prt {
        min-width: 80px;
        width: 80px;
    }

    .wow_thread_replies .thread-replies .t-left_prt .avatar {
        margin-left: 0;
        margin-right: 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 img {
        width: 100px;
    }

    .send-comment {
        display: block !important
    }

    .change-avatar,
    .charsLeft-post,
    .filter-text,
    .like-btn-mobile,
    span[class^=setting-tab-text] {
        display: none
    }

    .panel-one-post {
        margin: 0 auto;
        width: 100%
    }

    .options-buttons {
        right: 10px;
        top: 0px;
    }

    .options-buttons button {
        width: auto;
        margin-left: 5px;
        float: none;
    }

    .post .post-heading .avatar {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
        position: relative;
    }

    .post .post-heading .meta .title {
        font-size: 13px !important;
        margin-top: 0px !important;
        margin-right: 10px;
    }

    .post .post-footer .comments-list .comment .avatar {
        /*width:38px!important;height:38px!important*/
    }

    .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 .btn-mat.btn-go-live,
    .publisher-box #publisher-button {
        font-size: 12px;
        width: 150px;
        margin: 0;
    }

    .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
    }

    .profile-container {
        padding-left: 16px;
        padding-right: 16px
    }

    .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;
        padding: 6px 7px;
    }

    .header-container .logo img {
        width: 100%;
        margin: 0
    }

    #local-media video:nth-child(2) {
        width: 100px;
        height: 150px
    }

    #remote-media video:nth-child(2) {
        width: 95px
    }

    .center-container *:not(i) {
        font-size: 18px;
        max-width: 100%;
        min-width: 80%
    }

    .dropdown-menu>li {
        display: block
    }

    .wowonder-well .profile-style {
        width: 100%
    }

    .admin-panel-well .admin-static {
        width: 100% !important
    }

    .wo_setting_sidebar {
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
        text-align: inherit;
        position: relative;
        margin-bottom: 16px;
    }

    .wo_setting_sidebar ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto
    }

    .wo_setting_sidebar ul .list-group-item {
        display: inline-block;
        margin-right: -4px
    }

    .wo_setting_sidebar ul .list-group-item a {
        padding: 13px 18px
    }

    .wo_settings_page {
        padding: 15px;
    }

    .wo_settings_page .last-sett-btn {
        margin-right: -15px
    }

    .wo_settings_page .setting-panel-mdbtn {
        margin: 2px 7px
    }

    .modal-body .wo_settings_page,
    .wo_about_page_margin .wo_settings_page {
        margin-top: 0
    }

    .navbar-default .dropdown-menu.ani-acc-menu {
        overflow: hidden;
        overflow-y: auto;
        max-height: 400px
    }

    .blog-h-desc .postCategory h5 {
        position: absolute;
        top: 30px
    }

    .wo_send_gift .gift-data {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%;
    }

    .wow_mini_wallets {
        flex-direction: column;
    }

    .wow_mini_wallets_btns {
        margin: 15px auto 0;
    }

    .wow_read_blog_hdr_img_innr .read-blog-info-user .views,
    .wow_read_blog_hdr_img_innr .read-blog-info-user .middot {
        display: none;
    }

    .wow_grpage_setts .wow_sett_content {
        padding: 70px 10px 10px;
    }

    .wow_grpage_setts .setting-well .profile-style {
        width: 100%;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
        padding: 0px 5px;
    }

    #wo_msg_right_prt .text-sender-container .sendMessages .input-group .input-group-btn {
        margin-left: 5px;
        margin-bottom: 3px;
    }

    #wo_msg_right_prt .msg_write_combo .message-option-btns {
        margin: 0;
    }

    .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {
        white-space: nowrap;
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

}

@media (max-width:570px) {
    .wo_post_fetch_blog .post-fetched-url-con {
        /*     max-height: 172px; */
        height: 100%;
    }

    .read-blog-container .read-blog .read-content {
        text-align: left;
    }

    .navbar-default {
        height: 60px !important;
    }

    .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
    }

    .wo_loading_post_child {
        transform: scale(.9);
        height: 320px;
        margin: 0 -25px
    }

    .wo_post_fetch_event .post-fetched-url-con .description p {
        font-size: 14px
    }

    .wow_ads_lists {
        overflow-x: auto;
    }

    .wow_ads_lists>li {
        min-width: 570px;
    }

    .user-status-home ul.status-list {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
    }

    .user-status-home ul.status-list li {}

    .user-status-home ul.status-list li a {
        white-space: normal;
    }
}

@media (max-width:530px) {
    .publisher-box .publisher-box-footer .poster-left-select {
        margin-top: 16px;
    }

    .publisher-box .publisher-box-footer .pub-footer-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .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) {
    .navbar-default li.dropdown.notification-container {
        margin-right: 3px
    }

    .messages-container {
        padding: 50px 10px 0;
    }

    .messages-container.active {
        height: calc(100vh - 205px);
    }

    .text-sender-container .msg_usr_info_top_list {
        padding: 8px 20px;
        height: 60px;
    }


}

@media (max-width:480px) {
    .container .wo_user_profile .card.hovercard .info .title {
        padding-right: 0px;
        flex-direction: column;
        align-items: flex-start;
    }

    .container .wo_user_profile .card.hovercard .info .title>div {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .container .wo_user_profile .card.hovercard .info .title .title_name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* -webkit-line-clamp: 2; */
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .audio_control__controlBox {
        width: 100%;
    }

    .audio_control__playBox {
        margin: 0 auto;
    }

    .myRooms__itemVisitor,
    .myRooms__itemModerator {
        display: flex;
        flex-wrap: wrap;
    }

    .myRooms__linkIcon,
    .myRooms__linkTitle,
    .myRooms__linkName,
    .myRooms__linkCopyBtn {
        padding: 8px;
    }

    .myRooms__linkName {
        flex-basis: 80%;
        word-break: break-word;
    }

    .myRooms__linkCopyBtn {
        margin-top: -40px;
    }

    .myRooms__settingsPassword>input {
        width: 276px;
    }

    .read-blog-container .read-blog h1 {
        font-size: 30px
    }

    .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
    }

    .wo_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: 20px 85px 16px 55px;
        font-size: 13px;
    }

    .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;
        user-select: none;
    }

    .post .post-description .post-actions .stat-item svg,
    #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: inline
    }

    #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;
    }

    .post .post-footer .comments-list .comment .comment-body .reactions-box {
        left: -50px;
    }

    .post .post-footer .comments-list .reply .comment-body .reactions-box {
        left: -100px;
    }

    .reaction {
        overflow: hidden;
        border-radius: 0px;
    }

    .inline_post_emoji {
        width: 24px;
        height: 24px;
        display: inline-block;
        /* margin-right: -8px; */
    }

    .inline_post_emoji .reaction {
        width: 28px;
        height: 28px;
    }

    .who_react_modal>span {
        height: 38px;
        width: 38px;
        margin: 0 0px 0 0px;
    }

    .who_react_modal {
        margin: 0px 0px 0px;
        flex-wrap: wrap;
    }

    .who_react_modal>span .inline_post_emoji .reaction>img {
        width: 28px;
        height: 28px;
        top: -2px;
        padding: 2px;
    }

    .who_react_to_this_user .who_react_to_this_user_info .user-popover p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-width: 116px;
    }

    .select_radio_btn label {
        padding: 0 7px;
        margin-bottom: 14px;
    }

    .wow_thread_replies .thread-replies .t-left_prt .avatar {
        width: 45px;
        height: 45px;
    }

    .wow_thread_replies .thread-replies .t-left_prt .avatar img {
        width: 45px;
        height: 45px;
        margin-top: 12px;
    }

    .wow_thread_replies .thread-replies .t-left_prt {
        min-width: 55px;
        width: 55px;
    }

    .header-brand {
        display: none
    }

    .header-fixed1000>.container-fluid {
        padding: 0 2px;
    }

    .wow_hdr_innr_left .nav {
        margin: 0 !important;
    }

    .wow_hdr_innr_left {
        min-width: 100px;
        justify-content: space-around;
    }

    #head_menu_rght {
        float: none !important;
        justify-content: space-around;
        margin: 0 0px;
        flex: 1;
        display: flex;
    }

    .mobile_menu_container {
        width: 100%;
    }

    .footer-wrapper-sidebar .list-inline {
        display: flex;
    }

    .mobile_menu_container ul li,
    .mobile_menu_container ul li.menu-user-avatar {
        margin: 0px 16px;
        border-bottom: none;
    }

}

@media (max-width:420px) {
    .owl-item .format-standard {
        height: 320px
    }

    .wo_pro_features h2 {
        margin-top: 23px;
        margin-bottom: 40px;
        font-size: 27px
    }

    .navbar-nav>li>a,
    #head_menu_rght .user-menu-combination {
        padding: 10px 8px
    }

    .col-proxs-12 {
        width: 100%
    }

    .wo_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%;
    }

    #wo_nw_msg_page .messages-container .message-media img {
        max-height: 140px;
        max-width: 220px;
    }

    .text-sender-container .message-model {
        max-width: 80%;
    }

    .messagejoint.active .message-contnaier:not(.active)::before {
        content: url('./images/check.svg');
        width: 18px;
        height: 18px;
        display: flex;
        border-radius: 50px;
        background: #b2cde4;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 4px;
        top: 50%;
        margin-top: -14px;
        opacity: 0.5
    }

    .messagejoint.active .incoming .message-model {
        margin-left: 24px;
    }

    #head_menu_rght .sixteen-font-size {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar-default .sixteen-font-size svg {
        width: 18px;
        height: 18px;
        padding: 0px;
    }
}

@media (max-width:360px) {
    .myRooms__linkName {
        flex-basis: 75%;

    }

    .nav.navbar-nav.navbar-right>li>a {
        padding: 10px 5px
    }

    .wo_loading_post_child {
        transform: scale(.6);
        margin: -55px -100px
    }

    .like-btn,
    #wo_post_stat_button .show_post_comm_mobi,
    #wo_post_stat_button .stat-item .like-btn-mobile {
        font-size: 10px;
    }

    #wo_post_stat_button .stat-item svg {
        margin-right: 3px;
    }
}

@media (max-width:345px) {

    .like-btn,
    #wo_post_stat_button .show_post_comm_mobi,
    #wo_post_stat_button .stat-item .like-btn-mobile {
        font-size: 8px;
    }

    #wo_post_stat_button .stat-item svg {
        margin-right: 3px;
    }

    /*.nav.navbar-nav.navbar-right{width:100%;text-align:center}*/
    .nav.navbar-nav.navbar-right>li:first-child {
        display: inline-block
    }

    #wo_nw_msg_page .messages-container .message-media img {
        max-height: 110px;
        max-width: 220px;
    }

    .reactions-box {
        width: 148px;
        top: -100px;
    }

    .post .post-footer .comments-list .comment .comment-body .reactions-box {
        top: -100px;
    }

    .post .post-footer .comments-list .reply .comment-body .reactions-box {
        left: -30px;
    }
}

@media (max-width:320px) {
    .myRooms__itemHeader {
        grid-template-columns: 65% 20% 15%;
    }

    .wo_about_wrapper .hero-overlay h1 {
        font-size: 30px;
    }

    .wo_about_wrapper .hero-overlay h1 .site_desc {
        font-size: 16px;
    }

    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot button,
    .wo_market .market_bottom .product .product_info.wow_main_mkt_prod .wow_main_prod_foot a {
        font-size: 7px;
    }

    .change_daynight__container {
        margin: 0px 0px;
    }

    #head_menu_rght .sixteen-font-size {
        margin: 12px 4px;
    }

    .audio_playlist__itemTitle {
        width: 35%;
    }

    .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
    }

    .wo_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;
}

.group_chat_avatar__ {
    width: 100%;
    max-height: 137px;
    overflow: hidden;
    margin: 0 0 20px
}

.group_chat_avatar__ img {
    max-width: 100%;
    max-height: 100%
}

.image_blur {
    filter: blur(10px);
}

.image_blur_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.blur_multi_images {
    position: absolute;
    z-index: 2;
    height: 100%;
}

.verify_color {
    color: #2b982b;
}

.unverify_color {
    color: #fb483a;
}

.bs-callout {
    padding: 5px 10px;
    margin: 0 0 10px;
    border: 0.5px solid;
    border-radius: 10px;
    overflow: hidden;
}

.bs-callout:hover {
    opacity: 0.8;
    transition: 0.2s all;
    cursor: pointer;
}

.bs-callout:active {
    transform: scale(0.99);
    transition: 0.2s all;

}

.bs-callout .post-heading .title .main-color {
    color: var(--text-black) !important;
    font-weight: 600;
}

.bs-callout .wo_post_fetch_link {
    border: 4px solid var(--white);
    background: var(--white);
    border-radius: 4px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 10px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-color: var(--border);
    background: var(--background-main);
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

.bs-callout .post-heading .title {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0px;
}

.bs-callout .post-heading .avatar {
    width: 40px;
    height: 40px;
}

.pro_packages_icon {
    display: block !important;
    margin: auto !important;
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 13px !important;
}

.pro_packages_icon_inline {
    margin: auto;
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
}

#user-last-seen .online-text {
    color: #B6B6B6 !important;
}

.fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen video {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
}

.fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen {
    top: 0;
    left: 0;
}

.gender_icon {
    display: block !important;
    margin: auto !important;
    width: 20px !important;
    height: 20px !important;
}

.reaction img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    padding: 3px;
    top: -2px;
    position: relative;
}

.vid_analts_stat {
    display: flex;
    align-items: center;
    padding: 17px 17px 15px;
    border-radius: 7px;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.vid_analts_stat>svg {
    margin-right: 17px;
    margin-top: 0px;
    width: 30px;
    height: 30px;
}

.vid_analts_stat h2 {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.011em;
    margin-top: 0;
    margin-bottom: 3px;
}

.vid_analts_stat p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
}

.live_link_style {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 10;
}

.end_video_text {
    margin-bottom: 150px;
    color: #c6c6c6;
}

.post-heading .dropdown .dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {
    top: 100%;
    min-width: 200px;
    right: 0px;
}

.post-heading .dropdown span.pointer {
    padding: 4px 8px;
    border-radius: 50px;
}

.post-heading .dropdown.wo_post_privacy_menu {
    padding: 4px 8px;
}

.lang_selct {
    padding: 4px 8px;
    border-radius: 4px;
}

#dropdownEmo {
    padding: 6px;
    border-radius: 50px;
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.singlecol-guest>a {
    padding: 8px;
    border-radius: 10px;
    text-decoration: none;
}

.audio_playlist__boxTitlePlaylist .delete:hover {
    color: #fff;
    background: #d94b4b;
    transition: 0.2s all linear;
}

#wo_msg_right_prt .message-option-btns .btn[disabled] {
    cursor: not-allowed;
    display: none;
}

/* .disactive{background: transparent !important} */
.disactive .sendMessages {
    display: none;
}

.disactive .messages-container {
    border: 0px !important;
}

.disactive .msg_usr_info_top_list {
    background: transparent !important
}

/*********** HOVER ANIMATION ************/
.audio_control__next:hover svg path,
.audio_control__prev:hover svg path {
    fill: #00879b;
}

.audio_control__play:hover {
    background: linear-gradient(180deg, #019B95 0%, #019B95 100%);
    transition: 0.2s all linear;
}

.post .post-heading .meta .return_original_text:hover,
.post .post-heading .meta .time:hover {
    text-decoration: underline;
}

.messages-load-more-messages a:hover,
.chat-textarea .chat-btns-w .btn-file:hover,
.chat-textarea .chat-btns-w .chat_optns:not(.dropup):hover,
.chat-container .wo_chat_tabs li:hover,
.modal-header .close:hover,
.profile-container .options-buttons button:hover,
.audio_playlist__boxHeader>span:hover,
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover,
.audio_overview__allView a:hover,
.friends_nearby_status_ul li:hover,
#search-nearby-users .nearby-users-gender-collapse ul li:hover,
.thraed-header-content .action_button .btn-glossy:hover,
.backLink:hover,
.sidebar-pages-may-know-container .wow_my_groups:hover,
.wow_read_blog_hdr_img_innr .read-blog-info-user .metaLink:hover,
.sidebar-user-data:hover,
.activityItem:hover,
.audio_container:hover,
.singlecol-guest>a:hover,
.wo_page_hdng_menu>ul li a:hover,
.lang_selct:hover,
.sidebar-group-may-know-container .wow_my_groups:hover,
#wo_sidebar_users:hover {
    background: #ECEFF5 !important;
    transition: 0.2s all linear;
}

.left-sidebar ul li a:hover {
    background: var(--hover-overlay);
}

.blogs-search input:hover,
.search-container .search-input:hover,
.musicPage .search-input-player:hover,
.modal_container_music .search-input-player:hover {
    background: #eaeefd !important;
    transition: 0.2s all linear;
}


.wow_srch_innr_filtr .round_check label:hover,
.movies .movies-film-wrapper span:hover,
.movies .movies-film-wrapper figure span:hover {
    background: #d9d9d9 !important;
    transition: 0.2s all linear;
}

#head_menu_rght .sixteen-font-size:hover {
    background: var(--hover-overlay);
    transition: 0.2s all;
}

#wo_msg_right_prt .text-sender-container textarea:focus {
    background-color: #ffffff !important;
}

.musicPage .search-input-player:focus {
    background: #fff !important;
    transition: 0.2s all linear;
}

.search-container .search-input:focus,
.modal_container_music .search-input-player:focus {
    background: var(--hover-overlay);
    transition: 0.2s all linear;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns>span:hover {
    background: #ffffff;
    transition: 0.2s all linear;
}

.search-container .search-input:focus {
    background: #ffffff;
    transition: 0.2s all linear;
}

.change_daynight___box:hover svg path {
    /*fill: #00819D;*/
    transition: 0.2s all linear;
}

.change_daynight___box:hover {
    background: #3f3f3f;
    transition: 0.2s all linear;
}

#dropdownEmo:hover {
    cursor: pointer;
}

.search-filter-form .wow_srch_fields>.btn-main:hover,
.active_sessions .as_list .log_out_session:hover {
    color: #009e94;
    background: #fff;
    transition: 0.2s all linear;
}

.search-filter-form .wow_srch_fields>input:hover,
.search-filter-form .wow_srch_fields>.dropdown>.btn:hover,
.search-filter-form .wow_srch_fields>select:hover {}

.wow_form_fields:hover input,
.wow_form_fields:hover .input-group-addon {
    border-color: #00899a;
    transition: 0.2s all linear;
}

.wow_form_fields .input-group span {
    padding-right: 0px;
}

.wow_form_fields .input-group input {
    border-left: none;
}

/*
.wow_form_fields input:hover, .wow_form_fields select:hover{
	border-color: #00899a;
	transition: 0.2s all linear;	
}
*/
.wo_following_btn:hover {
    background: var(--hover-overlay);
    color: #D94B4B !important;
    transition: 0.2s all linear;
}

.wo_following_btn:hover svg path {
    fill: #D94B4B !important;
}

.wo_post_fetch_blog:hover,
.audio_playlist__itemShareBody input:hover,
.audio_playlist__itemBtn:hover,
.audio_control__buttons div:not(.audio_playlist__itemShare, .audio_playlist__itemMenu):hover,
.audio_control__next:hover,
.audio_control__prev:hover,
.audio_tabs__item:hover,
.wow_pub_privacy_dropdown:hover,
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover,
.recipient-chat-user:hover,
.read-blog .postCategory:hover,
.comment-container .comment-options #deleteComment:hover,
.commentOpenReplyBox:hover,
.wo_blogcomm_combo button:hover,
#wo_comment_combo .comment_combo_footer .wo_comment_fopt .btn:hover,
.post .post-description .post-actions .stat-item:hover,
#dropdownEmo:hover,
#recordPostAudio:hover,
.post-heading .dropdown .pointer:hover,
#wo_post_stat_button .stat-item:hover,
.messages-recipients-list:not(.active):hover {
    background: #F3F4F7;
    /* transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear; */
}

#wo_msg_right_prt .text-sender-container .sendMessages .send-button:hover {
    background-color: rgba(0, 0, 0, 0.07);
    border: none;
}

.audio_playlist__itemShareButton:hover {
    color: #009e94 !important;
    background: #fff !important;
    transition: 0.2s all linear;
    border: 1px solid #009e94;
}

.chat-status>.btn:hover,
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn:hover {
    color: #EEEFF5;
    background: #00819D;
    transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
}

.chat-status>.btn:hover svg path,
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn:hover svg path {
    fill: #ffffff;
    transition: 0.2s all linear;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li:not(.active):hover a {
    color: #DFE0E8;
    transition: 0.2s all linear;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .wo_msg_tabs li:not(.active):hover a svg path {
    fill: #DFE0E8;
    transition: 0.2s all linear;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input:hover {
    background: #EEEFF5;
    transition: 0.2s all linear;
}

.user-status-home ul.status-list li.create_new a:hover {
    border: 1px solid #009D94;
    transition: 0.2s all linear;
}

.post .post-footer .comments-list .comment .comment-body .like-btn:hover svg path {
    fill: #fbe5e5;
    transition: 0.2s all linear;
}

.text-sender-container .deleteMessage svg.feather:hover {}

#wo_msg_right_prt .text-sender-container .sendMessages .send-button:hover svg path,
.chat-tab .online-toggle-hdr .close-chat>svg:hover path,
.chat-tab .online-toggle-hdr .close-chat a:hover svg path,
.audio_playlist__item.active .audio_playlist__itemControl svg path,
.audio_playlist__itemControl:hover svg path,
.audio_playlist__itemButtons>div:hover svg path,
.user-status-home ul.status-list li.create_new a:hover svg path {
    fill: #009D94 !important;
    transition: 0.2s all linear;
}

.audio_playlist__itemButtons>div.like.active:hover svg path {
    fill: #D94B4B !important;
}

.chat-tab .online-toggle-hdr .close-chat>svg:hover,
.chat-tab .online-toggle-hdr .close-chat a:hover svg,
.user-status-home ul.status-list li.create_new a:hover,
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .msg_srch_innr input:focus {
    background: #ffffff;
    transition: 0.2s all linear;
}

.ui-slider .ui-slider-handle:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition: 0.2s all linear;
    cursor: hand;
}

.post .wo_shared_doc_file>a:hover {
    background: #d8e6de;
    opacity: 0.8;
    transition: 0.2s all linear;
}

.multiPostImg__overlayMore:hover {
    background: #00000099;
    transition: 0.2s all linear;
}

.events-list-cover:hover,
.audio_playlists__itemCover:hover,
.wow_frnd_usr .fndfrnd_user_wrapper:hover,
.wow_my_groups .avatar img:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    transition: 0.2s all linear;
}

/*
 .publisher-box textarea.postText:hover{
	background: #eaeefd !important;
	transition: 0.2s all linear;	
	cursor: pointer;	 
 }
*/
.publisher-box textarea.postText:focus {
    background: #fff;
    cursor: auto;
}

.refresh:hover {
    transform: rotate(45deg);
    transition: 0.2s all linear;
}

.user-status-home ul.status-list li a:hover {
    background: #fff;
    border: 1px solid #009a94;
    transition: 0.2s all linear;
}

.message-user-image img:hover,
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data img:hover,
.chat-messages-wrapper .messages-wrapper .user-avatar-left:hover,
.wow_chat_hdr_usr .avatar img:hover,
.publisher-box .post-avatar:hover,
.user-status-home ul.status-list li a img:hover,
.thraed-header-content .avatar:hover,
.wow_read_blog_hdr_img_innr .postMeta--author-avatar img:hover,
.container .profileSidebar .user-avatar img:hover,
.wow_post_usr_ava img:hover {
    opacity: 0.8;
    transition: 0.2s all linear;
}

.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover,
.chat-tab .online-toggle-hdr a:hover h3,
.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link a:hover,
.wo_market .market_categories ul li a:hover,
.wo_job_main_widget .wjob_categories ul li a:hover,
.wow_forum_jump_btn>a:hover,
.wow_my_groups_info h3 a:hover,
.view-more-replies:hover,
.right_user_info li a:hover {
    text-decoration: underline !important;
}

.wow_forum_sections .f_category svg:hover path {
    fill: #ccc;
    transition: 0.2s all linear;
}

.mce-floatpanel.mce-popover {
    z-index: 999 !important;
}

.nikahUmma__notificationAlertContainer {
    position: fixed;
    right: 20px;
    top: 100px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    z-index: 9;
}

.nikahUmma__notificationItem {
    display: flex;
    background: #FFFFFF;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    max-width: 316px;
    min-width: 316px;
    width: 100%;
    padding: 16px;
    gap: 16px;
    position: relative;
    cursor: pointer;

    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    /* easeOutBack */
    right: -300px;
    opacity: 0;
}

.nikahUmma__notificationItem.active {
    right: 0px;
    opacity: 1;
}

.nikahUmma__notificationItem:hover {
    cursor: pointer;
    right: 10px;
    transition: all 500ms;
}

.nikahUmma__notificationClose {
    position: absolute;
    right: 8px;
    top: 2px;
    cursor: pointer;
}

.nikahUmma__notificationClose:hover {
    transition: all 0.2s;
    transform: scale(1.2);
}

.nikahUmma__notificationAvatar img {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50px;
}

.nikahUmma__notificationTitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
    color: #00819D;
}

.nikahUmma__notificationText {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #1F1F1F;
}

.modal__wrap {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: #00000057;
    backdrop-filter: blur(6px);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__alert {
    border-radius: 10px;
    padding: 32px;
    background: #ffffff;
    max-width: 350px;
    width: 100%;
    width: 100%;
}

.modal__body {
    text-align: center;
    font-size: 17px;
}

.modal__footer {
    padding: 16px 16px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.groupMembersCount {
    cursor: pointer;
}

.groupMembersCount:hover {
    text-decoration: underline;
}

.post-youtube.wo_video_post {
    position: relative;
    margin: 0px -16px;
}

.post-youtube.wo_video_post::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.post-youtube.wo_video_post:hover::after {
    display: none;
}

.fluid_video_wrapper.mobile::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.fluid_video_wrapper.mobile:hover::after {
    display: none;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

#floatingCirclesG {
    position: relative;
    width: 25px;
    height: 25px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: rgb(255, 255, 255);
    height: 5px;
    width: 5px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

svg.feather-loader>line {
    color: rgb(255, 255, 255);
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}



@keyframes f_fadeG {
    0% {
        color: rgb(255, 255, 255);
    }

    100% {
        color: rgb(0, 154, 149);
    }
}

@-o-keyframes f_fadeG {
    0% {
        color: rgb(255, 255, 255);
    }

    100% {
        color: rgb(0, 154, 149);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        color: rgb(255, 255, 255);
    }

    100% {
        color: rgb(0, 154, 149);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        color: rgb(255, 255, 255);
    }

    100% {
        color: rgb(0, 154, 149);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        color: rgb(255, 255, 255);
    }

    100% {
        color: rgb(0, 154, 149);
    }
}