/*Basic*/
* {
    outline: none !important;
    word-break: break-word;
}

body {
    background: var(--body-bg);
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    padding: 0;
    font-size: 14px;
    line-height: 1.42857143;
}

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,
a:hover,
a:focus {
    word-wrap: break-word;
    text-decoration: none;
    color: #666;
}

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

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

.wow_content {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-radius: 10px;
    padding: 15px 15px 1px;
}

.wow_content.negg_padd {
    padding: 0;
}

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

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

.tag_content {
    position: relative;
    display: block;
    margin-left: 350px;
    transition: opacity 0.25s linear;
    /*will-change: opacity;*/
}

.tag_content.tag_chat_content {
    margin-right: 90px;
}

.tag_content.opacity_start {
    opacity: 0;
    pointer-events: none;
}

.tag_content_n_margin {
    margin: 0 !important;
}

.main {
    color: var(--main);
}

.valign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

hr {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0))
}

.pointer {
    cursor: pointer;
}

.container {
    width: 100%;
    max-width: 950px;
}

.tag_cont_fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.verified-color {
    color: var(--main);
}

.verified-color svg {
    margin-top: -2px;
}

.verified-color svg path:first-child {
    fill: var(--main);
}

.verified-color svg path:last-child {
    fill: var(--main-color);
}

.full_width {
    width: 100%;
}

.page-margin {
    margin: 30px 0;
}

.truncate {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bold {
    font-weight: 500;
}

.p15 {
    padding: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.pl15 {
    padding-left: 15px;
}

.small {
    font-size: 13px;
}

blockquote {
    font-style: italic;
    font-size: 14px;
    padding: 10px;
    margin: 0;
}

svg {
    vertical-align: middle;
}

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

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

.margin-b30 {
    margin-bottom: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

input[readonly] {
    cursor: text;
}

.tag_side_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    height: 100%;
    z-index: 1045;
    transition: background-color, visibility 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.side_open .tag_side_backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
}

p {
    margin: 0 0 10px;
}

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

.no_scroll {
    overflow: hidden !important;
}

/*Buttons*/
button,
input,
optgroup,
select,
textarea {
    color: inherit;
}

.btn {
    font-size: 14px;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn-default {
    background: #ebeef0;
    border: 0
}

.btn-main,
.btn-main-rev:hover,
.ui-timepicker-div+.ui-datepicker-buttonpane>button:hover,
.ui-timepicker-div+.ui-datepicker-buttonpane>button.ui-priority-primary {
    color: #fff;
    background-color: #435ebe;
}

.btn-main:hover,
.btn-main:focus,
.btn-main-rev:focus {
    color: #fff;
    background-color: #435ebe;
}

.btn-main.focus,
.btn-main:focus,
.btn-main-rev:focus {
    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem var(--main-hover);
}

.btn-main-rev,
.tag_page_nav li.active a,
.ui-timepicker-div+.ui-datepicker-buttonpane>button:not(.ui-priority-primary) {
    background: #435ebe;
    color: #fff;
    transition: all 0.2s ease;
}

.btn-main-rev::before,
.tag_page_nav li.active a::before,
.ui-timepicker-div+.ui-datepicker-buttonpane>button:not(.ui-priority-primary)::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0.2;
    transition: all 0.2s ease;
}

.btn-main-rev:hover::before,
.btn-main-rev:focus::before,
.ui-timepicker-div+.ui-datepicker-buttonpane>button:not(.ui-priority-primary):hover::before,
.ui-timepicker-div+.ui-datepicker-buttonpane>button:not(.ui-priority-primary):focus::before {
    opacity: 0;
}

.btn-mat,
.ui-timepicker-div+.ui-datepicker-buttonpane>button {
    position: relative;
    user-select: none;
    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-size: 14px;
    font-weight: 500;
    overflow: hidden;
    box-shadow: none;
}

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

.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-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: #fff;
    cursor: inherit;
    display: block
}

/*Form Fields*/
.form-control,
output {
    font-size: 14px;
    line-height: 1.42857143;
    display: block;
}

.form-control::placeholder {
    color: currentColor;
    opacity: 0.6;
}

.tag_field {
    position: relative;
    display: block;
    font-size: 16px;
    margin: 0 0 25px;
}

.tag_field:last-child {
    margin: 0 0 15px;
}

.tag_field_full_margin .tag_field {
    margin: 0 0 25px;
}

.tag_field>input,
.tag_field>textarea,
.tag_field>select,
.tag_field>.dropdown.bootstrap-select,
.tag_field>.bootstrap-tagsinput {
    display: block;
    margin: 0;
    border: none;
    border-top: solid 21px transparent;
    border-bottom: solid 1px rgba(0, 0, 0, .42);
    border-radius: 4px 4px 0 0;
    padding: 0 16px 6px;
    width: 100%;
    min-height: 56px;
    color: rgba(0, 0, 0, .87);
    background-color: #f5f5f5;
    box-shadow: none;
    letter-spacing: .009375em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.tag_field>input:-webkit-autofill,
.tag_field>textarea:-webkit-autofill,
.tag_field>select:-webkit-autofill {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

.tag_field>textarea {
    resize: none;
}

.tag_field>input,
.tag_field>select,
.tag_field>.dropdown.bootstrap-select {
    height: 56px;
}

.tag_field>input+span,
.tag_field>textarea+span,
.tag_field>select+span,
.tag_field>.dropdown.bootstrap-select+span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    padding: 6px 16px 0;
    color: rgba(0, 0, 0, .6);
    font-size: 13px;
    pointer-events: none;
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tag_field>input+span::after,
.tag_field>textarea+span::after,
.tag_field>select+span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--main);
    transform-origin: bottom center;
    transform: scaleX(0);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1);
}

.tag_field>input:hover,
.tag_field>textarea:hover,
.tag_field>select:hover,
.tag_field>.dropdown.bootstrap-select:hover,
.tag_field>.bootstrap-tagsinput:hover {
    border-bottom-color: rgba(0, 0, 0, .87);
    background-color: #ECECEC;
}

.tag_field>input:not(:focus):placeholder-shown+span,
.tag_field>textarea:not(:focus):placeholder-shown+span {
    font-size: 16px;
    padding: 16px 16px;
}

.tag_field>input:focus+span,
.tag_field>textarea:focus+span,
.tag_field>select:focus+span {
    color: var(--main);
}

.tag_field>input:focus+span::before,
.tag_field>textarea:focus+span::before,
.tag_field>select:focus+span::before {
    opacity: 0.12;
}

.tag_field>input:focus+span::after,
.tag_field>textarea:focus+span::after,
.tag_field>select:focus+span::after {
    transform: scale(1);
}

.tag_field>input:disabled,
.tag_field>textarea:disabled,
.tag_field>select:disabled {
    border-bottom-color: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, .38);
    background-color: rgba(0, 0, 0, 0.15);
}

.tag_field>input:disabled+span,
.tag_field>textarea:disabled+span,
.tag_field>select:disabled+span {
    color: rgba(0, 0, 0, .38);
}

.tag_field.border_class>input,
.tag_field.border_class>textarea,
.tag_field.border_class>select {
    border-bottom: solid 1px #e81000;
}

.tag_field.border_class>input+span,
.tag_field.border_class>textarea+span,
.tag_field.border_class>select+span {
    color: #e81000;
}

.tag_field.border_class>input+span::after,
.tag_field.border_class>textarea+span::after,
.tag_field.border_class>select+span::after {
    background-color: #e81000;
}

.tag_field+.help-block {
    padding: 0 16px;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    letter-spacing: .0333333333em;
    margin: -20px 0 25px;
    display: block;
}

.tag_field+.help-block:empty {
    padding: 0;
    margin: 0;
}

.tag_alone_label {
    padding: 0 16px;
}

.tag_alone_label label {
    margin: 0;
    display: block;
    color: rgba(0, 0, 0, .6);
}

body .tag_field>.dropdown.bootstrap-select {
    width: 100% !important;
    display: block;
    float: none;
}

body .tag_field>.dropdown.bootstrap-select>.dropdown-toggle {
    float: none;
    padding: 0 16px;
    line-height: 32px;
    margin: 0 -16px;
    width: calc(100% + 32px);
    color: rgba(0, 0, 0, .87);
    font-size: 16px;
    height: 32px;
    background: transparent;
    box-shadow: none !important;
    border: 0;
}

body .tag_field>.dropdown.bootstrap-select>.dropdown-toggle:focus {
    outline: none !important;
}

body .tag_field>.dropdown.bootstrap-select>.dropdown-toggle .filter-option {
    width: auto;
    white-space: nowrap;
    max-width: 95%;
    text-overflow: ellipsis;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .tag_field>input,
        .tag_field>input+span,
        .tag_field>input+span::after,
        .tag_field>textarea,
        .tag_field>textarea+span,
        .tag_field>textarea+span::after,
        .tag_field>select,
        .tag_field>select+span,
        .tag_field>select+span::after {
            transition-duration: 0.1s;
        }
    }
}

/*Dropdown*/
.dropdown-menu:not([role=combobox]),
.search-blog .search_suggs {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    padding: 8px 0;
    border: 0;
}

.dropdown-menu {
    font-size: 14px;
    background-clip: border-box;
}

.dropdown-menu>li>a {
    padding: 0 16px;
    line-height: 32px;
    display: block;
    clear: both;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #16181b;
    background-color: #f8f9fa;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: var(--main-color);
    background-color: var(--main);
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    display: none;
}

/*Tooltip*/
.tooltip {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .3px;
    line-height: 16px;
}

.tooltip.show {
    opacity: 1
}

.tooltip .arrow {
    display: none;
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: 2px 0
}

/*Load More*/
.load-more {
    text-align: center;
    margin: 8px 0;
}

.load-more .btn {
    background: transparent;
    text-align: center;
    box-shadow: none;
    font-weight: 500;
    padding: 0;
    color: var(--main);
}

.load-more .btn span:not(.no_load_more_btn_span) {
    line-height: 30px;
    display: inline-block;
    width: 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 7px;
    transition: all 0.2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.load-more .btn:hover span:not(.no_load_more_btn_span) {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*Progress*/
.tag_progress {
    width: 100%;
    margin: 15px 0;
    display: none;
    position: relative;
}

.tag_progress .progress {
    box-shadow: none;
    height: 5px;
}

.tag_progress .progress-bar {
    background: var(--main);
    box-shadow: none;
}

/*Snackbar*/
.snackbar {
    position: fixed;
    -webkit-font-smoothing: antialiased;
    background: #333;
    padding: 14px 16px;
    border-radius: 4px;
    line-height: 20px;
    letter-spacing: 0.25px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    bottom: 15px;
    left: 15px;
    display: none;
    z-index: 9999;
    min-width: 344px;
    max-width: 672px;
    font-size: 14px;
}

.snackbar-message {
    color: #FFFFFF;
    user-select: none;
}

.snackbar-option {
    color: #EFFC0A;
    padding-left: 25px;
    cursor: pointer;
    user-select: none;
    text-transform: uppercase;
}

/*Video Player*/
.artplayer-app {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body .art-video-player .art-mask {
    background-color: rgba(0, 0, 0, 0.2);
}

body .art-video-player .art-mask .art-state {
    position: relative;
    right: auto;
    bottom: auto;
    opacity: 1;
}

body .art-video-player .art-mask .art-state svg.playback-icons {
    color: var(--main);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: white;
}

body .art-video-player.art-control-show .art-bottom,
body .art-video-player.art-hover .art-bottom {
    opacity: 0;
    visibility: hidden;
}

body .show_control .art-video-player.art-control-show .art-bottom,
body .show_control .art-video-player.art-hover .art-bottom,
body .art-video-player.art-control-show.art-mask-show .art-bottom,
body .art-video-player.art-hover.art-mask-show .art-bottom {
    opacity: 1;
    visibility: visible;
}

.art-video-player.art-control-show .art-bottom,
.art-video-player.art-hover .art-bottom {
    opacity: 1 !important;
    visibility: visible !important;
}

body .hide_control .art-video-player .art-bottom {
    opacity: 0 !important;
    visibility: hidden !important;
}

body .art-video-player .art-bottom .art-progress .art-control-progress {
    height: 4px;
}

.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played,
.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {
    background: #ffffff !important;
}

.art-video-player .art-bottom .art-controls .art-control-time.art-control-onlyText {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 90px;
}

.art-video-player .art-bottom .art-controls .art-controls-left,
.art-video-player .art-bottom .art-controls .art-controls-right {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 2em;
    padding: 0 8px;
}

body .art-video-player .art-bottom {
    height: 120px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

body .art-video-player .art-bottom .art-progress {
    margin: 0 0 10px;
}

body .art-video-player .art-backdrop-filter {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/*Audio Player*/
.tag_ap {
    max-width: 100%;
}

.tag_audio_player {
    position: relative;
    margin: 15px;
    height: 70px;
    max-width: 100%;
}

.tag_audio_play {
    justify-content: center;
    padding: 0 5px 15px;
    transition: all .2s linear;
}

.tag_audio_play.cont_hide {
    visibility: hidden;
    opacity: 0;
}

.tag_audio_play .btn {
    border: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px;
}

.tag_audio_play .btn.play_pause svg,
.tag_audio_play .btn svg.active_svg {
    display: none;
}

.tag_audio_play .btn.play_pause svg.active_svg {
    display: block;
}

.skel_waveform {
    height: 70px;
    width: 8px;
    border-radius: 3px;
    margin: 0 4px;
}

.skel_waveform:nth-child(1),
.skel_waveform:nth-child(9),
.skel_waveform:nth-child(17),
.skel_waveform:nth-child(25),
.skel_waveform:nth-child(33),
.skel_waveform:nth-child(8),
.skel_waveform:nth-child(16),
.skel_waveform:nth-child(24),
.skel_waveform:nth-child(32),
.skel_waveform:nth-child(40) {
    height: 20px;
}

.skel_waveform:nth-child(2),
.skel_waveform:nth-child(10),
.skel_waveform:nth-child(18),
.skel_waveform:nth-child(26),
.skel_waveform:nth-child(34),
.skel_waveform:nth-child(7),
.skel_waveform:nth-child(15),
.skel_waveform:nth-child(23),
.skel_waveform:nth-child(31),
.skel_waveform:nth-child(39) {
    height: 30px;
}

.skel_waveform:nth-child(3),
.skel_waveform:nth-child(11),
.skel_waveform:nth-child(19),
.skel_waveform:nth-child(27),
.skel_waveform:nth-child(35),
.skel_waveform:nth-child(6),
.skel_waveform:nth-child(14),
.skel_waveform:nth-child(22),
.skel_waveform:nth-child(30),
.skel_waveform:nth-child(38) {
    height: 40px;
}

.skel_waveform:nth-child(4),
.skel_waveform:nth-child(12),
.skel_waveform:nth-child(20),
.skel_waveform:nth-child(28),
.skel_waveform:nth-child(36),
.skel_waveform:nth-child(5),
.skel_waveform:nth-child(13),
.skel_waveform:nth-child(21),
.skel_waveform:nth-child(29),
.skel_waveform:nth-child(37) {
    height: 50px;
}

/*Sidebar*/
.tag_sidebar {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: var(--header-background);
    display: block;
    width: 100%;
    max-width: 350px;
    color: inherit;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    padding-top: 140px;
}

.tag_sidebar .sidebar_innr {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overscroll-behavior-y: contain;
}

.tag_sidebar_head {
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 10px;
    margin-bottom: 5px;
    color: #252525;
    position: relative;
}

.tag_sidebar_section_prnt {
    padding: 15px 15px;
}

.tag_sidebar_section {
    display: flex;
    flex-wrap: wrap;
}

.tag_sidebar_section>a {
    display: block;
    width: 33.3333333%;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    padding: 18px 1px;
    line-height: 1;
    color: #252525;
    position: relative;
    font-size: 13.5px;
}

.tag_sidebar_section>a:hover {
    color: #333333;
}

.tag_sidebar_section>a:before,
.tag_sidebar_head:before,
.tag_hdr_droptoggle:before,
.notification-list:before,
.user-request-list:before,
.messages-list:before,
.show-message-link:before,
.search-advanced-container a:before,
.search-dropdown-result a:before,
.hashtag-search-result a:before,
.tag_hdr_user_dropdown>li>a:before,
.tag_hdr_right>.dropdown .dropdown-menu .tag_switch_noti:before,
.turn-off-sound:before,
.tag_sett_sidebar>li>a:before,
.unread:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: currentColor;
    opacity: 0;
    transition: all 0.15s;
    z-index: -1;
}

.tag_sidebar_section>a:hover:before {
    opacity: 0.04;
}

.tag_sidebar_section>a svg,
.tag_sidebar_section>a img {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 auto 10px;
}

.tag_sidebar_head:before {
    border-radius: 5px;
    opacity: 0.06;
}

/*Ajax Loading*/
.loader {
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 3px;
    display: none;
    position: fixed;
    z-index: 5000;
    overflow: hidden;
    background-color: transparent;
}

.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    animation: hdr_loading 1.5s linear infinite;
    background: var(--main);
}

@keyframes hdr_loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

/*Header*/
header {
    margin-bottom: 30px;
}

.navbar {
    padding: 0;
}

.tag_toggle_sidebar {
    display: none;
    border: none;
    background: transparent;
    padding: 5px;
    line-height: 1;
    margin: 0 10px 0 -5px;
    color: var(--header-color);
}

.tag_header>.search-container>form {
    position: relative;
    margin: 0 15px;
}

.tag_header>.search-container>form svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    pointer-events: none;
    transition: all .15s linear;
    color: var(--header-color);
}

.tag_header .search-input {
    background: var(--header-search-color);
    width: 100%;
    border: 0;
    padding: 10px 10px 10px 39px;
    border-radius: 2em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-color);
}

.tag_header .search-input::placeholder {
    opacity: 0.5;
    color: var(--header-color);
}

.tag_header_shadow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOBAMAAAD3WtBsAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAD29va1cB7UAAAAB3RSTlMCCwQHGBAaZf6MKAAAABpJREFUCNdjSGNIY3BhCGUQBEJjIFQCQigAACyJAjLNW4w5AAAAAElFTkSuQmCC);
    position: absolute;
    background-size: 1px 7px;
    height: 7px;
    right: 0;
    left: 0;
    pointer-events: none;
    background-repeat: repeat-x;
    bottom: -6px;
    transition: all .15s linear;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.header-brand img {
    max-width: 110px;
    max-height: 50px;
    pointer-events: none;
}

.tag_hdr_right>.dropdown {
    margin: 0 5px;
}

.tag_hdr_droptoggle {
    border: 0;
    line-height: 1;
    padding: 8px;
    border-radius: 50%;
    color: var(--header-color);
    position: relative;
    background: transparent;
}

.tag_hdr_droptoggle:before {
    border-radius: 50%;
    opacity: 0.1;
}

.show>.tag_hdr_droptoggle {
    background: var(--header-color);
    color: var(--header-background);
}

.tag_hdr_droptoggle svg {
    width: 22px;
    height: 22px;
}

.tag_hdr_user_droptoggle {
    padding: 0px;
}

.tag_hdr_user_droptoggle img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.tag_hdr_user_dropdown>li>a,
.tag_create_menu>li>a {
    font-weight: 500;
    font-size: 14px;
    padding: 8px 12px;
    line-height: 40px;
    border-radius: 8px;
    color: #505050;
    position: relative;
}

.tag_hdr_user_dropdown>li>a,
.tag_hdr_user_dropdown>li>a:hover,
.tag_hdr_user_dropdown>li>a:active,
.tag_hdr_user_dropdown>li>a:focus,
.tag_hdr_user_submenu a {
    color: #252525;
    background: transparent;
}

.tag_hdr_user_dropdown>li>a svg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.08);
    padding: 8px;
    margin-right: 18px;
}

.tag_hdr_user_dropdown>li>a>img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 18px;
}

.tag_hdr_user_submenu {
    padding-left: 66px;
    margin: 2px -3px 6px;
    flex-wrap: wrap;
}

.tag_hdr_user_submenu a {
    background-color: rgba(0, 0, 0, 0.08);
    display: block;
    border-radius: 14px;
    margin: 0 3px 9px;
    text-align: center;
    line-height: 28px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 500;
}

.tag_hdr_user_submenu a svg {
    width: 17px;
    height: 17px;
    margin: -2px 0 0;
}

.tag_hdr_user_dropdown hr {
    margin: 10px 0;
}

.tag_toggle_mode {
    width: 18px;
    height: 18px;
    position: relative;
    display: block;
    float: right;
    margin: 11px 0;
}

.tag_toggle_mode:after,
.tag_toggle_mode:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    position: absolute;
    border: 2px solid #252525;
    border-radius: 4px;
    transition: all 90ms cubic-bezier(0, 0, .2, .1);
}

[data-mode=day] .tag_toggle_mode:after,
.tag_toggle_mode.active:after {
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 1px;
    border: 0;
}

.turn-off-sound {
    display: inline-block;
    padding: 5px;
    font-weight: 500;
    color: #252525;
    position: relative;
}

.turn-off-sound:hover:before {
    opacity: 0.04;
    border-radius: 5px;
}

.new-update-alert,
.recipient-chat-user .new-message-alert,
.messages-recipients-list .new-message-alert {
    padding: 1px;
    color: var(--main-color);
    font-size: 12px;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    background-color: var(--main);
    min-width: 19px;
    height: 19px;
    border-radius: 50%;
    text-align: center;
    top: -5px;
    right: -5px;
}

.new-update-alert {
    padding: 1px 5px;
    border-radius: 2em;
}

/*Create Dropup*/
.tag_create_dropup {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 95;
    transition: all 0.15s ease;
}

.tag_create_dropup.tag_chat_header {
    right: 120px;
}

.tag_create_dropup>.btn {
    min-width: 56px;
    width: 56px;
    line-height: 55px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    padding: 0;
}

.tag_create_dropup>.btn svg {
    margin: 0;
    width: 26px;
    height: 26px;
    transition: all 0.15s linear;
}

.tag_create_dropup.show>.btn svg {
    transform: rotate(45deg);
}

.tag_create_dropup>.dropdown-menu {
    margin-bottom: 5px;
    transform-origin: right bottom;
    transform: scale3d(.8, .8, 1);
    opacity: 0;
    visibility: hidden;
    display: block;
    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;
}

.tag_create_dropup>.dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 18px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 20px 0 3px 0;
    background: #fff;
}

.tag_create_dropup.show>.dropdown-menu {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

/*Trending*/
.wow_htag {
    padding: 4px 10px;
    background-color: rgba(33, 150, 243, 0.09);
    margin: 5px 0px 8px;
    border-radius: 2em;
}

.wow_htag:empty {
    padding: 0;
    margin: 0;
}

.wow_htag a {
    transition: .15s ease;
    color: #2674d2;
    border-bottom: 2px solid rgba(38, 116, 210, .25);
    display: inline-block;
    font-weight: 500;
    padding: 1px;
    margin: 2px 6px;
}

.wow_htag a:hover {
    border-color: #2674d2;
}

/*Invite Friends*/
.invite-user-form {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 10px;
    border-radius: 10px;
    margin-left: 66px;
}

.invite-user-form .alert {
    margin-bottom: 10px;
    padding: 6px;
    font-size: 12px;
    font-weight: normal;
}

.invite-user-form .alert i,
.user-request-list .user-info .accept-btns .btn svg {
    display: none;
}

.invite-user-combine input {
    border: 0;
}

.invite-user-combine .btn {
    line-height: 34px;
    min-width: 34px;
    padding: 0 6px;
    height: 34px;
}

.invite-user-combine .btn svg {
    margin: -2px 0 0;
}

/*Notifications*/
.tag_mobi_hdr_not_title {
    display: none;
}

.unread:before {
    border-radius: 8px;
    opacity: 0.1;
}

.notification-list,
.user-request-list,
.messages-list {
    border-radius: 8px;
    font-size: 15px;
}

.notification-list:hover:before,
.user-request-list:hover:before,
.messages-list:hover:before,
.show-message-link:hover:before,
.search-advanced-container a:hover:before,
.search-dropdown-result a:hover:before,
.hashtag-search-result a:hover:before,
.tag_hdr_user_dropdown>li>a:hover:before,
.tag_hdr_user_dropdown>li>a:focus:before {
    border-radius: 8px;
    opacity: 0.06;
}

.notification-list .notification-user-avatar img,
.user-request-list .avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.notification-list .notification-text,
.user-request-list .user-info {
    width: 100%;
    position: relative;
    padding-right: 30px;
}

.notification-list .notification-text>span {
    font-weight: 500;
}

.notification-list .notification-text>span a {
    color: #252525;
}

.notification-list .notification-text>span.sec_text {
    opacity: 0.8;
    font-weight: 400;
}

.notification-list .ajax-time {
    font-size: 11px;
    color: #252525;
    opacity: 0.7;
    margin: 5px 0 0;
}

.notification-list .notification-text>svg,
.notification-list .notification-text .inline_act_emoji {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-radius: 50%;
    background-color: rgba(0, 150, 136, 0.2);
    color: #009688;
    padding: 5px;
}

.notification-list .notification-text .inline_act_emoji {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
}

.notification-list .notification-text .inline_act_emoji .emoji {
    top: -200%;
    right: 200%;
}

/*User Requests*/
.user-request-list .user-info {
    padding: 0;
}

.user-request-list .user-info .user-lastseen {
    color: #252525;
    opacity: 0.7;
}

.user-request-list .user-info>a {
    font-weight: 500;
    color: #252525;
    display: inline-block;
}

.user-request-list .user-info .accept-btns {
    margin: 5px -3px 0;
}

.user-request-list .user-info .accept-btns .btn {
    line-height: 28px;
    font-size: 13px;
    flex: 1;
    margin: 0 3px;
}

/*User Messages*/
.messages-list .notification-text {
    padding: 0;
}

.messages-list .ajax-time {
    margin: 0;
}

.header-message {
    font-size: 12px;
    padding: 2px 0 0;
}

.show-message-link {
    font-size: 13px;
    padding: 7px;
    text-align: center;
    background: rgba(76, 175, 80, 0.12);
    color: #4CAF50;
    display: block;
    border-radius: 10px;
    font-weight: 500;
    margin: 8px 0;
}

/*Header Activities*/
.tag_switch_noti {
    margin: 10px auto 15px;
    border: 0;
    background: #ecf0f5;
    border-radius: 2em;
    padding: 3px;
    white-space: nowrap;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.tag_switch_noti>li {
    float: none;
    margin: 0;
}

.tag_switch_noti>li>a {
    margin: 0;
    line-height: normal;
    height: auto;
    font-weight: 500;
    font-size: 13px;
    border-radius: 2em;
    letter-spacing: 0.3px;
    display: block;
    padding: 3px 12px;
}

.tag_switch_noti>li>a.active {
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.no-activities.text-center {
    font-size: 18px;
    font-weight: 500;
    font-family: "TT Commons", Roboto, sans-serif;
}

/*Header Search*/
.tag_toggle_search {
    border: none;
    background: var(--header-background);
    padding: 5px;
    line-height: 1;
    color: var(--header-color);
    position: fixed;
    left: 10px;
    top: 9px;
    display: none;
}

.search-dropdown-result {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 250px);
    overscroll-behavior-y: contain;
}

.tag_srch_recent {
    margin: 8px 0 0;
    position: relative;
}

.recent {
    justify-content: space-between;
    padding: 0 0 6px;
}

.recent .recent-searches {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    word-spacing: 1px;
}

.recent .btn {
    color: #F44336;
    background-color: rgba(244, 67, 54, 0.2);
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px;
    min-width: auto;
}

.search-dropdown-result a {
    transition: all .1s ease-in-out;
    border-radius: 8px;
}

.search-dropdown-result .search-user-avatar {
    margin-right: 13px;
    position: relative;
}

.search-dropdown-result .search-user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.search-dropdown-result .search-user-name {
    font-size: 15px;
    margin-bottom: 1px;
    font-weight: 500;
}

.search-dropdown-result .search-user-name .verified-color svg {
    width: 14px;
    height: 14px;
}

.search-dropdown-result .search-user-lastseen {
    font-size: 12px;
    opacity: 0.6;
}

.search-dropdown-result .search_result_badge {
    line-height: 1;
    position: absolute;
    background: #fff;
    display: block;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
}

.search-dropdown-result .search_result_badge svg {
    width: 20px;
    height: 20px;
    padding: 3px;
}

.hashtag-search-result a {
    display: block;
}

.search-advanced-container a {
    font-size: 14px;
    padding: 6px;
    margin: 4px 0 -3px;
    transition: all .1s ease-in-out;
    border-radius: 8px;
    color: var(--header-color);
}

.search-advanced-container a svg {
    padding: 11px;
    margin-right: 13px;
}

#wo_repeat_search {
    font-weight: 500;
}

/*Create Menu*/
.tag_create_menu {
    min-width: 255px;
}

.tag_create_menu>li {
    padding: 0 8px;
}

.tag_create_menu>li>a {
    padding: 0 10px;
    margin: 1px 0;
    font-size: 13px;
}

.tag_create_menu>li>a svg {
    width: 21px;
    height: 21px;
    margin-right: 12px;
    opacity: 0.9;
}

.tag_create_menu>li>a svg .hover_path,
.tag_create_menu>li>a:hover svg path {
    display: none;
}

.tag_create_menu>li>a:hover {
    color: var(--main)
}

.tag_create_menu>li>a:hover svg .hover_path {
    display: block;
}

/*Skeleton*/
.skel,
.search-advanced-container a svg {
    background: rgba(0, 0, 0, 0.05);
}

.skel_50,
.search-advanced-container a svg {
    border-radius: 50%;
}

.skel_2 {
    border-radius: 2em;
}

.skel_noti,
.notification-list,
.user-request-list {
    padding: 8px;
    margin: 8px 0;
}

.skel_avatar,
.notification-list .notification-user-avatar,
.user-request-list .avatar {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 13px;
}

.skel_noti_name {
    height: 15px;
    width: 220px;
    margin-bottom: 8px;
}

.skel_noti_time {
    height: 10px;
    width: 90px;
}

.skel_search,
.search-dropdown-result a {
    padding: 6px;
    margin: 4px 0;
}

.skel_search_avatar,
.search-advanced-container a svg,
.search-dropdown-result .search-user-avatar {
    width: 45px;
    min-width: 45px;
    height: 45px;
}

.skel_search .skel_noti_name {
    height: 12px;
    width: 250px;
}

.skel_search .skel_noti_time {
    height: 8px;
}

.skel_comm_img {
    width: 100%;
    height: 120px;
    border-radius: 5px;
}

/*Empty State*/
.empty_state {
    padding: 60px 5px;
    font-size: 18px;
    color: #555;
    text-align: center;
    font-weight: 500;
    font-family: "TT Commons", Roboto, sans-serif;
    width: 100%;
}

.empty_state svg {
    display: block;
    margin: 0 auto 15px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.empty_state .btn {
    font-family: "Roboto", sans-serif;
    margin-top: 40px;
}

.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;
    animation: pace-spinner .7s linear infinite
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

/*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.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;
    z-index: 9;
    background: #fff;
    box-shadow: 0 2px 6px 1px rgba(50, 50, 50, .16);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: #222;
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3)
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

/*Footer*/
.tag_footer_pc {
    margin: auto 10px 15px;
}

.tag_footer {
    font-size: 12px;
    padding: 10px 10px 0;
    color: #252525;
}

.tag_footer .tag_footer_cright {
    flex-wrap: wrap;
    margin-bottom: 3px;
    justify-content: space-between;
}

.tag_footer .tag_footer_cright .dropup .dropdown-toggle,
.tag_mobi_langs,
.tag_mobi_langs_menu>.btn,
.feeling-type>.btn {
    border: 0;
    padding: 0;
    box-shadow: none;
    font-size: 12px;
    background: transparent;
}

.tag_footer .tag_footer_links a {
    color: #252525;
}

.tag_footer .tag_footer_links a:hover {
    opacity: 0.75;
    text-decoration: underline;
}

.tag_footer_mobi {
    display: none;
    padding: 8px 2px 12px;
}

.tag_main_usr_ddmenu.open-lang .tag_hdr_user_dropdown,
.tag_mobi_langs_menu {
    display: none !important;
}

.open-lang .tag_mobi_langs_menu {
    display: block !important;
    padding: 15px !important;
}

.tag_mobi_langs_menu>h3 {
    font-size: 22px;
    margin: 10px 0 15px;
}

.tag_mobi_langs_menu>li>a {
    padding: 0 5px;
    border-bottom: 1px solid rgb(0 0 0 / 0.05);
    font-size: 16px;
    color: #363636;
    line-height: 42px;
}

.tag_mobi_langs_menu>li:last-child>a {
    border: 0;
}

/*404*/
.tag_404 {
    justify-content: center;
    height: calc(100vh - 60px);
}

.tag_404_innr {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.tag_404_innr svg {
    width: 350px;
    height: 220px;
}

.tag_404_innr svg .pao-baixo {
    animation: rotatepao 14s cubic-bezier(.1, .49, .41, .97) infinite;
    transform-origin: center;
}

.tag_404_innr svg .pao-cima {
    animation: rotatepao 7s 1s cubic-bezier(.1, .49, .41, .97) infinite;
    transform-origin: center;
}

.tag_404_innr svg .left-sparks {
    animation: left-sparks 4s alternate infinite;
    transform-origin: 150px 156px;
}

.tag_404_innr svg .right-sparks {
    animation: left-sparks 4s alternate infinite;
    transform-origin: 310px 150px;
}

@keyframes rotatepao {
    0% {
        transform: rotate(0deg)
    }

    50%,
    60% {
        transform: rotate(-20deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@keyframes left-sparks {
    0% {
        opacity: 0;
    }
}

.tag_404_innr h2 {
    margin: 30px 0 0;
    font-family: "TT Commons", Roboto, sans-serif;
    font-weight: 600;
    font-size: 35px;
}

.tag_404_innr p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
}

.tag_404_innr .btn {
    min-width: 150px;
    margin-top: 10px;
}

/*Page Title*/
.tag_page_title {
    margin: 15px 0 10px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 32px;
    letter-spacing: -0.5px;
}

.tag_page_title .badge {
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
    line-height: 21px;
    padding: 0 10px;
    font-size: 12px;
}

.tag_page_nav {
    overflow-x: auto;
    margin: 0 -3px 15px;
    padding: 0 0 3px;
    white-space: nowrap;
    line-height: 1;
}

.tag_page_nav li {
    display: inline-block;
    margin: 0 3px;
}

.tag_page_nav li.separate {
    position: relative;
    margin-right: 12px;
}

.tag_page_nav li.separate:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -9px;
    width: 1px;
    background-color: lightgrey;
}

.tag_page_nav li a {
    position: relative;
    background-color: white;
    display: block;
    border-radius: 2em;
    line-height: 33px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 0 14px;
}

.tag_page_nav li:not(.active) a:hover {
    color: black;
}

.tag_page_nav li.active a {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/*Alerts*/
.alert {
    border: 0;
    font-weight: 500;
}

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

/*Page Heading*/
.wo_page_hdng {
    padding: 12px 0px 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    font-weight: 500;
}

.wo_page_hdng span {
    display: inline-flex;
    width: 24px;
    min-width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--main);
    color: var(--main-color);
}

.wo_page_hdng>a {
    margin-left: auto;
}

/*Create Box*/
.tag_create_box {
    justify-content: center;
    flex-direction: column;
    color: #666;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    border: 2px dashed #d3d3d3;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 30px;
    text-align: center;
}

.tag_create_box svg {
    margin-bottom: 12px;
}

.tag_create_box:hover {
    background: #fff;
    color: var(--main);
}

.tag_create_album {
    margin-bottom: 30px;
    padding-bottom: calc(100% + 50px);
    position: relative;
}

.tag_create_album .tag_create_box {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
}

.tag_create_ads {
    height: 164.49px;
}

.tag_create_blogbox {
    padding-bottom: 80%;
}

.tag_create_events {
    padding-bottom: calc(35% + 123.4px);
}

.tag_create_app {
    height: 160.99px;
}

.tag_create_group {
    padding-bottom: calc(33.333333% + 101.08px);
}

.tag_create_fundings {
    padding-bottom: calc(66.625% + 152.72px);
}

.tag_create_page {
    height: 130px;
    margin: 0 0 5px;
    background-color: rgba(0, 0, 0, 0.02);
}

.tag_create_product {
    padding-bottom: calc(100% + 65px);
    margin-bottom: 20px;
}

.tag_create_product .tag_create_box {
    margin-bottom: 20px;
}

/*Select Image*/
.wow_fcov_image {
    position: relative;
    width: 100%;
    min-height: 350px;
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
    margin-top: 10px;
    border-bottom: solid 1px rgba(0, 0, 0, .42);
}

.wow_fcov_image.hover {
    box-shadow: inset 0 0 0 2px #2196F3;
    border-bottom-color: #2196F3;
}

.wow_fcov_image>div {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.wow_fcov_image img {
    width: 100%;
    height: 100%;
    min-height: 350px;
    max-height: 350px;
    object-fit: cover;
    border-radius: 4px 4px 0 0;
}

.wow_fcov_image .upload_ad_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    padding: 15px;
}

.wow_fcov_image .upload_ad_image .upload_ad_image_content {
    background-color: #dadada;
}

.tag_slide_upload_img {
    flex-wrap: wrap;
    margin: 0 -4px;
}

.tag_slide_upload_img .upload-product-image {
    width: 169.6px;
    height: 169.6px;
    background: #f5f5f5;
    border-bottom: solid 1px rgba(0, 0, 0, .42);
    margin: 4px;
    order: 2;
}

.tag_slide_upload_img .upload-product-image .valign {
    justify-content: center;
    height: 100%;
}

.tag_slide_upload_img .thumb-image {
    display: inline-block;
    object-fit: cover;
    user-select: none;
    width: 169.6px;
    height: 169.6px;
    border-radius: 4px;
    margin: 4px;
    position: relative;
}

/*Ads*/
.wow_mini_wallets h5 {
    margin: 0;
    font-size: 70px;
    font-weight: 100;
    font-family: "TT Commons", Roboto, sans-serif;
}

.wow_mini_wallets h5 sup,
.wow_add_money_hid_form .add-amount h5 sup,
.wow_snd_money_form .add-amount h5 sup {
    font-size: 30px;
    font-weight: 400;
    top: -25px;
    margin-right: 5px;
}

.wow_mini_wallets_btns {
    margin-left: auto;
    margin-top: -15px;
}

.wow_mini_wallets_btns .btn {
    margin-left: 5px;
    padding: 16px;
    line-height: normal;
    background: transparent;
    overflow: visible;
    box-shadow: none;
    min-width: 110px;
}

.wow_mini_wallets_btns .btn:first-child {
    margin-right: 5px;
}

.wow_mini_wallets_btns .btn:first-child::after {
    content: "";
    right: -7px;
    width: 1px;
    background: #e7e8ec;
    position: absolute;
    top: 0;
    height: 100%;
}

.wow_mini_wallets_btns .btn svg {
    display: block;
    margin: 0 auto 15px;
    width: 40px;
    height: 40px;
}

.wow_mini_wallets_btns .btn:hover {
    background: rgba(0, 0, 0, 0.04);
}

.wow_add_money_hid_form {
    display: none;
}

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

.wow_add_money_hid_form .add-amount h5,
.wow_snd_money_form .add-amount h5 {
    margin: 0 auto;
    padding: 4px 0;
    font-size: 70px;
    font-weight: 100;
    font-family: "TT Commons", Roboto, sans-serif;
}

.wow_add_money_hid_form .add-amount h5 input,
.wow_snd_money_form .add-amount h5 input {
    border: 0;
    min-width: 50px;
    background: transparent;
    appearance: textfield;
}

#send-money-form .dropdown {
    width: 100%
}

#send-money-form .dropdown ul.dropdown-menu {
    width: 100%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#send-money-form .dropdown ul.dropdown-menu li {
    width: 100%;
    padding: 5px 10px
}

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

.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_lists .wow_content {
    position: relative;
    padding: 12px;
    margin-bottom: 30px;
}

.wow_ads_lists .aemp,
.tag_albums .dropdown {
    position: absolute;
    right: 12px;
    top: 12px;
}

.wow_ads_lists .aemp .dropdown .dropdown-toggle,
.tag_albums .dropdown .dropdown-toggle {
    opacity: 0;
}

.wow_ads_lists .aemp .tag_create_menu,
.tag_albums .dropdown .tag_create_menu {
    min-width: 200px;
}

.wow_ads_lists .wow_content:hover .aemp .dropdown .dropdown-toggle,
.wow_ads_lists .wow_content .aemp .dropdown .dropdown-toggle.show,
.wow_ads_lists .wow_content .aemp .dropdown.show .dropdown-toggle,
.tag_albums:hover .dropdown .dropdown-toggle,
.tag_albums .dropdown .dropdown-toggle.show,
.tag_albums .dropdown.show .dropdown-toggle {
    opacity: 1;
}

.wow_ads_lists .acomp {
    font-weight: 500;
    font-size: 19px;
}

.wow_ads_lists .acomp a {
    color: #222;
}

.wow_ads_lists .wow_content>.valign {
    margin: 12px 0;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    justify-content: space-around;
    padding: 5px 3px;
    font-size: 13px;
}

.wow_ads_lists .wow_content>.valign svg {
    width: 13px;
    height: 13px;
    margin-top: -1px;
}

.wow_ads_lists .asts .valign {
    justify-content: space-between;
}

.wow_ads_lists .asts .valign span span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

.wow_create_ads_stp {
    padding: 20px;
}

.wow_create_ads_stp .text-center>.btn-mat {
    min-width: 150px;
    margin: 40px 0 20px;
}

.estimated_ad_limit {
    background: #f5e6fe;
    border-radius: 10px;
    padding: 10px 5px;
}

.estimated_ad_limit h4 {
    font-size: 15px;
}

.estimated_ad_limit span {
    font-size: 39px;
}

.edit_ads_image {
    min-height: 130px;
    margin-bottom: 25px;
}

.edit_ads_image img {
    min-height: 130px;
    max-height: 130px;
}

/*Fake Ad Post*/
.tag_fake_ad {
    position: fixed;
    background-color: white;
    width: 100%;
    max-width: 350px;
    z-index: 950;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 120px 15px 10px;
}

.tag_fake_ad>.valign {
    justify-content: space-between;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    padding: 0 15px;
    font-weight: 500;
    font-size: 16px;
}

.fake_ad_post {
    box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

.fake_ad_post .fads_heading {
    padding: 10px;
}

.fake_ad_post .fads_meta {
    overflow: hidden;
}

.fake_ad_post .fads_meta .fads_avatar {
    width: 35px;
    height: 35px;
    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: 45px;
}

.fake_ad_post .fads_meta .fads_m_info .company {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

.fake_ad_post .fads_meta .fads_m_info .location {
    display: block;
    font-size: 12px;
}

.fake_ad_post .fads_headline {
    color: #000;
    overflow: hidden;
    padding: 10px 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: 0 -10px -10px;
}

.fake_ad_post .fads_cover .fcov_title div {
    font-size: 17px;
    padding: 10px;
}

.fake_ad_post .fads_cover .fcov_image {
    position: relative;
    width: 100%;
    height: 180px;
    background: rgba(141, 141, 141, 0.05);
}

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

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

/*Tag Steps*/
.tag_steps {
    margin: 0 0 20px;
}

.tag_steps+hr {
    margin: 20px 0;
}

.tag_steps li {
    display: inline-block;
}

.tag_steps li div {
    background: #eeeeee;
    text-align: center;
    padding: 0px 25px 0px 37px;
    line-height: 34px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 15px;
    font-weight: 500;
}

.tag_steps li:first-child div {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.tag_steps li:last-child div {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tag_steps li div:after {
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #eeeeee;
    position: absolute;
    right: -17px;
    top: 0;
    z-index: 1;
}

.tag_steps li div:before {
    content: "";
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.tag_steps li:first-child div:before,
.tag_steps li:last-child div:after {
    display: none;
}

.tag_steps li.active div {
    background: #607d8b;
    color: #fff;
}

.tag_steps li.active div:after {
    border-left-color: #607d8b;
    color: #fff;
}

/*Datepicker*/
.ui-datepicker.ui-widget-content {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    border-radius: 3px;
    font-family: "Roboto", sans-serif;
    padding: 0;
}

.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: 0;
    font-weight: 500;
    padding: 12px;
}

.ui-datepicker .ui-datepicker-title>select {
    border: 0;
}

.ui-datepicker .ui-datepicker-prev {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    left: auto;
    right: 37px;
}

.ui-datepicker .ui-datepicker-next {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.ui-datepicker-calendar .ui-state-default {
    border: 0;
    font-weight: 500;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    width: 35px;
    line-height: 35px;
    height: 35px;
}

.ui-datepicker-calendar .ui-state-highlight {
    background: transparent;
    box-shadow: inset 0 0 0 1px #969696;
}

.ui-datepicker-calendar .ui-state-hover {
    color: var(--main);
    background-color: rgba(0, 0, 0, 0.07);
}

.ui-datepicker-calendar .ui-state-active {
    color: var(--main-color);
    background: var(--main);
}

/*Timepicker*/
.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: 0;
    background: transparent;
    border: 0;
    font-weight: 500;
    padding: 12px;
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 12px;
    font-weight: normal;
}

.ui-timepicker-div dl dd {
    margin: 0 12px 10px 90px;
}

.ui-timepicker-div dl dd.ui_tpicker_hour,
.ui-timepicker-div dl dd.ui_tpicker_minute {
    margin-top: 20px;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: transparent;
    color: inherit;
    border: none;
    width: 100%;
}

.ui-timepicker-div .ui-slider-horizontal {
    box-shadow: none;
    border-radius: 2em;
    background-color: rgb(0 0 0 / 8%);
    height: 5px;
}

.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
    border: 0;
    background: var(--main);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    top: 0;
    margin: -4px;
    cursor: pointer;
}

.ui-timepicker-div+.ui-datepicker-buttonpane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 12px;
}

.ui-timepicker-div+.ui-datepicker-buttonpane>button {
    float: none;
    margin: 0;
    opacity: 1;
    font-family: "Roboto", sans-serif;
}

.ui-timepicker-div+.ui-datepicker-buttonpane>button:focus,
.ui-timepicker-div+.ui-datepicker-buttonpane>button:hover {
    color: var(--main-hover-color);
    background-color: var(--main-hover);
}

/*Select Picker*/
.select_radio_btn_innr {
    margin: 0 -8px;
}

.select_radio_btn_innr label {
    min-width: 140px;
    margin: 5px 8px 25px;
}

.select_radio_btn_innr label>input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.select_radio_btn_innr .sr_btn_lab_innr {
    width: 100%;
    position: relative;
    text-align: center;
    background-color: #f5f5f5;
    cursor: pointer;
    padding: 25px 5px;
    border-bottom: solid 1px rgba(0, 0, 0, .42);
    border-radius: 4px 4px 0 0;
}

.select_radio_btn_innr .sr_btn_lab_innr svg {
    opacity: 0.3;
    width: 40px;
    height: 40px;
}

.select_radio_btn_innr .sr_btn_lab_innr>span {
    font-weight: 500;
    font-size: 14px;
    margin-top: 25px;
    display: block;
    text-transform: capitalize;
    line-height: normal;
}

.select_radio_btn_innr .sr_btn_lab_innr .price {
    position: absolute;
    top: 6px;
    right: 6px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 12px;
    border-radius: 4px;
    line-height: 18px;
    padding: 0 5px;
}

.select_radio_btn_innr .sr_btn_lab_innr:hover {
    border-bottom-color: rgba(0, 0, 0, .87);
    background-color: #ECECEC;
}

.select_radio_btn_innr label>input:checked~.sr_btn_lab_innr {
    color: var(--main);
    border-bottom-color: var(--main);
}

.select_radio_btn_innr label>input:checked~.sr_btn_lab_innr svg {
    opacity: 1;
}

.select_radio_btn_innr label>input:checked~.sr_btn_lab_innr .price {
    color: var(--main-color);
    background: var(--main);
}

/*Album*/
.tag_albums {
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
}

.tag_albums .avatar>a {
    display: block;
    position: relative;
    padding-bottom: 100%;
}

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

.tag_albums .dropdown {
    right: 20px;
    top: 20px;
}

.tag_albums .dropdown .dropdown-toggle,
.tag_group_membr_opts .dropdown-toggle {
    color: #fff;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
}

.tag_albums .album-name {
    padding: 10px 0 0;
    position: relative;
}

.tag_albums .album-name h4 {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 5px;
}

.tag_albums .album-name h4 a {
    color: #222;
}

.tag_albums .album-name p {
    margin: 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
}

.tag_albums .alb_count {
    position: absolute;
    top: 10px;
    right: 0;
    line-height: 1;
    padding: 11px 0 11px 4px;
    background-color: #ffffff;
    box-shadow: -10px 0px 10px 0px #ffffff;
}

/*Blog*/
.tag_blog_cats_coll {
    padding: 20px;
}

.tag_blog_cats_coll>.wo_page_hdng {
    border: 0;
    margin: -20px 0;
}

.tag_blog_cats_coll>.wo_page_hdng>svg {
    margin-left: auto;
}

.wow_blog_cats {
    padding: 18px 0 0;
}

.wow_blog_cats a {
    padding: 0 12px;
    margin: 8px 1px 0;
    background: rgba(0, 0, 0, 0.08);
    display: inline-block;
    color: #000;
    border-radius: 2em;
    line-height: 28px;
    transition: all 0.15s;
    font-size: 13px;
}

.wow_blog_cats a:hover {
    color: #000;
    background: rgba(0, 0, 0, 0.15);
}

.wow_blog_cats a.active {
    color: var(--main-color);
    background: var(--main);
}

.search-blog {
    margin: -5px 0 20px;
    position: relative;
    z-index: 1;
}

.search-blog input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.02);
}

.search-blog .search_suggs {
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    background-color: white;
    padding: 10px;
}

.search-blog .search_suggs:empty {
    margin: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.tag_main_blog {
    margin: 10px 0 20px;
    position: relative;
}

.tag_main_blog .avatar {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

.tag_main_blog .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tag_main_blog .postCategory,
.wo_post_fetch_blog .postCategory {
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.6);
    line-height: 23px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 7px;
    position: absolute;
    bottom: 90px;
    left: 10px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.tag_main_blog .info {
    width: 100%;
}

.tag_main_blog .info .art-title {
    margin: 5px 0 2px;
    font-size: 20px;
    line-height: 1.2;
    display: -webkit-box;
    min-height: 48px;
    max-height: 48px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: "TT Commons", Roboto, sans-serif;
}

.tag_main_blog .info .art-title a {
    color: #000;
}

.tag_main_blog .info .art-title a:hover {
    text-decoration: underline;
}

.tag_main_blog .info .postMeta--author-text {
    font-size: 13px;
    display: block;
    color: #666;
}

.tag_pop_artis {
    margin: 0;
    counter-reset: Serial;
}

.tag_pop_artis li:not(:last-child),
.search-blog .search_suggs li:not(:last-child) {
    margin-bottom: 20px;
}

.tag_pop_artis li .article-thumbnail,
.search-blog .search_suggs li .article-thumbnail {
    display: block;
    width: 65px;
    min-width: 65px;
    height: 65px;
    position: relative;
    border-radius: 10px;
    background: #aaa;
    margin-right: 15px;
    margin-left: 30px;
}

.tag_pop_artis li .article-thumbnail img,
.search-blog .search_suggs li .article-thumbnail img {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    object-fit: cover;
    z-index: 1;
}

.tag_pop_artis li .article-thumbnail:after {
    counter-increment: Serial;
    content: counter(Serial);
    position: absolute;
    top: 5px;
    right: calc(100% - 8px);
    color: #000000;
    font-weight: 600;
    font-size: 72px;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1.5px black;
    font-family: "TT Commons", Roboto, sans-serif;
    line-height: 1;
    pointer-events: none;
}

.tag_pop_artis li .article-title,
.search-blog .search_suggs li .article-title {
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.tag_pop_artis li .article-info,
.search-blog .search_suggs li .article-info {
    display: block;
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
}

.search-blog .search_suggs li .article-thumbnail {
    margin-left: 5px;
}

.wow_main_blogs {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 30px;
}

.wow_main_blogs .avatar {
    display: block;
    position: relative;
    padding-bottom: 80%;
}

.wow_main_blogs .avatar>img {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.wow_main_blogs_info {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.4) 100%);
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.wow_main_blogs_info>.postCategory {
    display: inline-block;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
}

.wow_main_blogs_info>h2 {
    margin: 10px 0;
    font-size: 24px;
    font-family: "TT Commons", Roboto, sans-serif;
}

.wow_main_blogs_info>h2 a {
    color: white;
}

.wow_main_blogs_info>.postMeta--author-text,
.wow_main_blogs_info>.postMeta--author-text a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.wow_main_blogs_info>.wow_main_blogs_btns {
    margin: auto -5px 0;
}

.wow_main_blogs_info>.wow_main_blogs_btns .btn {
    margin: 0 5px;
    max-width: 160px;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    min-width: 100px;
}

/*Create Blog*/
.tag_create_blog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: white;
    z-index: 1050;
}

.tag_cr_blog_hdr {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #e2e4e7;
    height: 65px;
    background-color: white;
}

.tag_cr_blog_hdr .wo_page_hdng {
    border: 0;
    margin: 0;
    padding: 20px 0;
}

.tag_cr_blog_hdr .btn-main {
    min-width: 140px;
}

.tag_cr_blog_main {
    display: block;
    z-index: 99;
    top: 65px;
    height: calc(100vh - 65px);
    overflow-y: auto;
    margin-right: 380px;
    background-color: rgba(0, 0, 0, 0.04);
    padding: 20px 0;
}

.tag_cr_blog_fields {
    margin-bottom: 5px;
}

.tag_cr_blog_fields textarea {
    border: 0;
    resize: none;
    width: 100%;
    padding: 10px 0px;
    background: transparent;
    overflow: hidden;
}

.tag_cr_blog_fields .blog_title {
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 45px;
    font-weight: 500;
    padding: 16px 0px 4px;
    line-height: 41px;
}

.tag_cr_blog_fields .blog_title::placeholder {
    opacity: 0.9;
}

.tag_cr_blog_fields .blog_title:focus::placeholder {
    opacity: 0.5;
}

.tag_cr_blog_fields .blog_description {
    font-size: 22px;
    margin-bottom: 20px;
}

.tag_cr_blog_fields .blog_description::placeholder {
    opacity: 0.7;
}

.tag_cr_blog_fields .blog_description:focus::placeholder {
    opacity: 0.3;
}

.tag_cr_blog_write {
    font-size: 16px;
    background-color: white;
    padding: 20px 20px 10px;
    margin: 0 -20px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    min-height: calc(100vh - 285px);
}

.tag_cr_blog_write:empty:not(:focus):before {
    content: attr(data-phold);
    pointer-events: none;
    opacity: 0.7;
}

.tag_cr_blog_write img,
.read-blog-container .read-content p img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.tag_cr_blog_write a {
    color: #2196F3;
}

.tag_cr_blog_write hr {
    border-color: #e4e4e4;
    margin: 20px 0;
}

.tag_cr_blog_write ul,
.read-blog-container .read-content ul {
    list-style-type: disc;
}

.tag_cr_blog_write ol,
.read-blog-container .read-content ol {
    list-style-type: decimal;
}

.tag_cr_blog_side {
    display: block;
    z-index: 9;
    position: fixed;
    top: 65px;
    bottom: 0;
    right: 0;
    width: 380px;
    max-height: 100%;
    overflow-y: auto;
    border-left: 1px solid #e2e4e7;
    padding: 20px;
}

.tag_cr_blog_img {
    min-height: 190px;
    margin: 5px 0 25px;
}

.tag_cr_blog_img>div:not(.upload_ad_image) {
    z-index: 9;
    position: relative;
}

.tag_cr_blog_img img {
    min-height: 190px;
    max-height: 190px;
}

.tag_cr_blog_img .upload_ad_image {
    flex-direction: column;
}

.tag_cr_blog_img .upload_ad_image .btn {
    margin-bottom: 10px;
}

/*Read Blog*/
.tag_read_blog {
    position: relative;
    padding: 30px;
}

.tag_read_blog .btn-go-back {
    position: absolute;
    left: 15px;
    top: 15px;
}

.tag_read_blog .btn-go-back .dropdown-toggle {
    font-weight: 500;
    border: 0;
    padding: 0;
    background: transparent;
    opacity: 0.5;
}

.tag_read_blog .btn-go-back .dropdown-toggle:hover {
    opacity: 1;
}

.tag_read_blog .metaLink {
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: 500;
}

.wow_read_blog_hdr_img_innr {
    text-align: center;
}

.wow_read_blog_hdr_img_innr .postCategory {
    color: #009688;
    display: inline-block;
    font-weight: 500;
    text-decoration: underline;
    font-size: 16px;
}

.wow_read_blog_hdr_img_innr h2 {
    margin: 15px 0 5px;
    color: #000;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -0.5px;
}

.wow_read_blog_hdr_img_innr .read-blog-info-user {
    display: table;
    margin: 0 auto 30px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-avatar img,
.tag_forum_main_hdr .postMeta--author-avatar img {
    width: 35px;
    height: 35px;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text,
.tag_forum_main_hdr .postMeta--author-text {
    text-align: initial;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text a,
.tag_forum_main_hdr .postMeta--author-text a {
    font-weight: 500;
    font-size: 15px;
    color: #3d3d3d;
}

.wow_read_blog_hdr_img_innr .postMeta--author-text time,
.wow_read_blog_hdr_img_innr .postMeta--author-text span {
    display: inline-block;
    font-size: 13px;
}

.wow_main_float_head_img {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    margin: 0 -120px;
}

.wow_main_float_head_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
    border-radius: 10px;
}

.read-blog-container .read-blog-desc {
    font-size: 20px;
    text-align: center;
    font-family: Georgia;
    font-style: italic;
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 15px;
    margin: 30px 0;
}

.read-blog-container .read-content {
    font-size: 17px;
}

.read-blog-container .read-content p:first-child::first-letter {
    font-size: calc(60px + 0.75vw);
    font-weight: 500;
    float: left;
    line-height: 1;
    padding: 0px 10px 0 0;
    margin-top: -4px
}

.read-blog-container .read-content strong,
.read-blog-container .read-content b {
    font-weight: 500;
}

.read-blog-container .read-tags {
    padding: 5px 0px 0
}

.read-blog-container .read-tags .postTag {
    display: inline-block;
    font-size: 12px;
    padding: 1px;
    border-bottom: 1px solid #000;
    margin: 5px;
    font-weight: 500;
    color: black;
}

.read-blog-container hr.style-two {
    margin-top: 60px;
}

.author-block {
    padding-top: 60px;
    justify-content: space-between;
}

.author-block .author {
    padding-right: 32px;
}

.author-block .author .img-wrap {
    width: 104px;
    min-width: 104px;
    height: 104px;
    margin-right: 38px;
}

.author-block .author .img-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.author-block .author .text h3 {
    margin: 0;
    font-size: 28px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-weight: 600;
    line-height: 1.14;
}

.author-block .author .text h3 a {
    color: #222;
}

.author-block .author .text p {
    font-size: 17px;
    margin: 0;
}

.read-blog-container .related-post {
    margin: 60px -120px;
    background-color: #333333;
    border-radius: 10px;
    padding: 30px;
}

.read-blog-container .related-post .recommended-articles .tag_main_blog {
    margin: 0;
}

.read-blog-container .related-post .recommended-articles .art-title a {
    color: #fff;
}

.read-blog-container .related-post .recommended-articles .postMeta--author-text {
    font-size: 13px;
    display: block;
    color: #b3b3b3;
}

.wo_blogcomm_combo {
    position: relative;
}

.wo_blogcomm_combo img,
.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 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
}

.wo_blogcomm_combo textarea,
.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 {
    height: 50px;
    resize: none;
    border-radius: 2em;
    border: 1.5px solid transparent;
    padding: 12.5px 100px 12.5px 20px;
    transition: all .15s ease-in-out;
    overflow-y: hidden;
    background: #f5f5f5;
}

.wo_blogcomm_combo textarea:focus,
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea:focus,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea:focus {
    border-color: var(--main);
    background: #fff;
}

.wo_blogcomm_combo button {
    border-radius: 2em;
    position: absolute;
    right: 7px;
    bottom: 7px;
    transition: all 0.15s;
    opacity: 0;
    visibility: hidden;
}

.wo_blogcomm_combo textarea:focus+button {
    opacity: 1;
    visibility: visible;
}

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

.blog-com-wrapper .blog-comlist-container .blog-comment-item,
.movies-com-wrapper .movies-comlist-container .movies-comment-item {
    width: 100%;
    margin-top: 20px;
}

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

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body,
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box,
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-cont,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-cont {
    margin-left: 65px;
}

.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: 0 0 3px;
    font-size: 15px;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5 a {
    color: #222;
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body p {
    margin: 0 0 5px;
}

.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 {
    color: #888;
    position: relative;
}

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

.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 {
    height: 35px;
    font-size: 13px;
    padding: 7px 10px;
    margin-top: 10px;
}

/*Boosted Pages*/
.tag_boost_help {
    justify-content: space-between;
}

.tag_boost_help>ul {
    width: 100%;
    max-width: 450px;
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
}

.tag_boost_help>ul>svg {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 0 10px;
}

.tag_boost_help>ul h3 {
    margin: 0 0 10px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 32px;
}

.tag_boost_help>ul li {
    font-weight: normal;
    font-size: 17px;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    position: relative;
}

.tag_boost_help>ul li:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='%234AC463' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z'/%3e%3c/svg%3e");
    width: 18px;
    height: 18px;
    top: 2px;
    left: 4px;
    position: absolute;
    background-position: center;
    background-size: contain;
}

.tag_boost_page {
    padding: 20px 5px;
}

.tag_boost_page:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
}

.tag_boost_page:first-child {
    padding-top: 5px;
}

.tag_boost_page .author .img-wrap {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-right: 25px;
}

.tag_boost_page .author .text h3 {
    font-size: 26px;
}

.tag_boost_page .author .text p {
    font-size: 15px;
}

.tag_boost_page .btn-mat {
    min-width: 130px;
}

/*Chat*/
.chat-container {
    max-height: 100%;
    bottom: 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 90px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #dcdcdc;
    padding: 0px 20px 80px;
    background: var(--body-bg)
}

.tag_chat_side_btn,
.tag_stories_on_home .view-more-stories {
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    line-height: 50px;
    margin-top: 15px;
    padding: 0;
}

.tag_chat_side_btn svg,
.tag_stories_on_home .view-more-stories svg {
    margin: 0;
    width: 24px;
    height: 24px;
}

.tag_chat_side_btn+.dropdown-menu {
    min-width: 120px;
}

.tag_chat_side_btn+.dropdown-menu a svg {
    margin-right: 10px;
}

.online-content-toggler {
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    flex-grow: 1;
    overflow: hidden;
    margin: 0 -10px;
    padding: 0 10px;
    overscroll-behavior-y: contain;
}

.online-content-toggler:hover {
    overflow-y: overlay;
}

.online-content-toggler hr {
    border-color: #dcdcdc;
    margin: 15px -10px;
}

.chat_skel {
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    width: 50px;
    background: rgba(0, 0, 0, 0.08);
    margin-top: 15px;
}

.chat_skel:nth-child(2),
.skel_search:nth-child(2),
.skel_noti:nth-child(2) {
    opacity: 0.8;
}

.chat_skel:nth-child(3),
.skel_search:nth-child(3),
.skel_noti:nth-child(3) {
    opacity: 0.6;
}

.chat_skel:nth-child(4),
.skel_search:nth-child(4),
.skel_noti:nth-child(4) {
    opacity: 0.4;
}

.chat_skel:nth-child(5),
.skel_search:nth-child(5),
.skel_noti:nth-child(5) {
    opacity: 0.2;
}

.chat-container .wow_chat_search {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.chat-container .wow_chat_search>.btn {
    margin: 0;
}

.chat-container .wow_chat_search .dropdown-menu {
    top: 0;
    margin: 0;
    height: 50px;
    min-width: 200px;
    border-radius: 2em 0 0 2em;
    padding: 0 15px;
    box-shadow: none;
}

.chat-container .wow_chat_search input {
    width: 100%;
    background-color: transparent;
    height: 50px;
    border: 0;
    padding: 0;
    font-size: 14px;
}

.chat-container .wow_chat_search.show {
    width: 250px;
    text-align: end;
    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);
    border-radius: 2em;
}

.chat-container .wow_chat_search.show>.btn {
    border-radius: 0 50% 50% 0;
    box-shadow: none;
}

.recipient-chat-user {
    margin: 15px 0;
}

.recipient-chat-user .user-info {
    position: relative;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
}

.recipient-chat-user:hover .user-info {
    opacity: 0.8;
}

.recipient-chat-user .user-info img {
    width: 100%;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0;
}

.recipient-chat-user .user-info>svg {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: var(--body-bg);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    padding: 2px;
}

.recipient-chat-user .new-message-alert {
    background: #F44336;
}

.recipient-chat-user .chat-loading-icon {
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

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

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

.recipient-chat-user .chat-user-text {
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recipient-chat-user .dropdown-menu {
    top: auto;
    left: auto;
    right: 90px;
    padding: 8px;
    margin: -58px 0 0;
    position: fixed;
    box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
}

.recipient-chat-user.show .dropdown-menu {
    display: none;
}

.recipient-chat-user:hover .dropdown-menu {
    display: block;
}

.recipient-chat-user .dropdown-menu img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 8px;
}

.chat-opacity {
    width: 89px;
    position: fixed;
    height: 100%;
    display: none;
    background: var(--body-bg);
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
}

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

.chat-opacity .empty_state {
    padding: 0 5px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

.chat-opacity .empty_state svg {
    width: 60px;
    height: 60px;
}

.chat-opacity .empty_state .btn {
    margin-top: 30px;
    font-size: 12px;
    min-width: 60px;
    line-height: 30px;
    padding: 0 5px;
}

.chat_main {
    position: fixed;
    bottom: 0;
    width: 300px;
    z-index: 99;
    border-radius: 10px 10px 0 0;
    right: 105px;
    box-shadow: 0 0px 12px -2px rgba(0, 0, 0, 0.3);
    background-color: white;
    overflow: hidden;
}

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

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

.chat-tab .online-toggle-hdr {
    width: 100%;
    padding: 9px;
    border-radius: 10px 10px 0 0;
    position: relative;
    justify-content: space-between;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

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

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

.wow_chat_hdr_usr h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.wow_chat_hdr_usr h3 a {
    color: #212529;
}

.wow_chat_hdr_usr .chat-tab-status.active {
    margin: 2px 0 -2px;
    font-size: 11px;
    display: block;
    color: #4caf50;
}

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

.chat-tab .online-toggle-hdr .close-chat>.dropdown .dropdown-menu {
    min-width: 190px;
    border: 1px solid #f2f2f2;
}

.chat-tab .online-toggle-hdr .close-chat>svg {
    margin: 1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.chat-user-desc {
    padding: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    height: 297px;
    flex-direction: column;
}

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

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

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

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

.chat-messages-wrapper {
    height: 310px;
    overflow: hidden;
    overflow-y: auto;
    width: 300px;
    padding: 8px 0 5px;
    overscroll-behavior-y: contain;
}

.chat-messages-wrapper>.chat-messages>.empty_state {
    padding: 93px 5px;
}

.messages-wrapper {
    width: 100%;
    padding: 5px;
}

.message {
    margin-top: 1px
}

.message-media {
    position: relative
}

.message-media img {
    max-width: 100%
}

.chat-messages-wrapper .messages-wrapper {
    padding: 3px 9px;
    position: relative;
}

.chat-messages-wrapper .messages-wrapper .user-avatar-right {
    float: right;
    width: 30px;
    margin-left: 9px;
    border-radius: 50%;
}

.chat-messages-wrapper .messages-wrapper .user-avatar-left {
    float: left;
    width: 30px;
    margin-right: 9px;
    border-radius: 50%;
}

.chat-messages-wrapper .incoming,
.chat-messages-wrapper .outgoing,
.tag_msg_wrapper {
    max-width: 70%;
    margin: 0;
    position: relative;
    padding: 0;
}

.chat-messages-wrapper .incoming .message-text,
.chat-messages-wrapper .outgoing .message-text,
.chat-messages-wrapper .messages-wrapper .message-media>a:not(.file-sharing-download-btn),
.typing_loader_prnt,
.tag_msg_wrapper .message-text,
.tag_msg_wrapper .message-media>a:not(.file-sharing-download-btn) {
    border-radius: 16px;
    padding: 5px 12px;
    font-size: 14px;
    color: #4b4f56;
    background-color: #eaeaea;
}

.chat-messages-wrapper .message .message-text,
.chat-messages-wrapper .incoming p:empty,
.chat-messages-wrapper .outgoing p:empty {
    margin: 0;
}

.chat-messages-wrapper .incoming p .hash,
.messages-container .incoming p .hash {
    color: #000;
}

.chat-messages-wrapper .outgoing,
.messages-container .outgoing {
    padding-right: 15px;
    max-width: 75%;
}

.chat-messages-wrapper .outgoing p .hash,
.chat-messages-wrapper .outgoing .message-media a,
.messages-container .outgoing p .hash,
.messages-container .outgoing .message-media a {
    color: #fff;
}

.chat-messages-wrapper .deleteMessage,
.messages-container .deleteMessage {
    position: absolute;
    top: 50%;
    left: -20px;
    cursor: pointer;
    color: #888;
    display: none;
    transform: translateY(-50%)
}

.chat-messages-wrapper .deleteMessage.right,
.messages-container .deleteMessage.right {
    left: auto;
    right: -20px;
}

.chat-messages-wrapper .message .message-text i.twa,
.tag_msg_wrapper .message-text i.twa {
    height: 18px;
    width: 18px;
    margin: -2px 1px 0;
    vertical-align: middle;
    background-size: 18px 18px;
}

.chat-messages-wrapper .messages-wrapper .message-media,
.message-contnaier .messages-wrapper .message-media {
    border-radius: 16px;
    overflow: hidden;
    line-height: 1;
    display: flex;
}

.chat-messages-wrapper .messages-wrapper .message-media>a:not(.file-sharing-download-btn),
.message-contnaier .messages-wrapper .message-media>a:not(.file-sharing-download-btn) {
    line-height: 20px;
}

.chat-messages-wrapper .messages-wrapper .incoming .message-media>a:not(.file-sharing-download-btn),
.message-contnaier .messages-wrapper .incoming .message-media>a:not(.file-sharing-download-btn) {
    background-color: #eaeaea;
}

.chat-messages-wrapper .image-file,
.tag_chat_gif_image,
.message-contnaier .image-file {
    border: 0;
    max-height: 150px;
}

.chat-messages-wrapper .messages-wrapper .message-seen span,
.message-contnaier .messages-wrapper .message-seen span {
    position: absolute;
    bottom: 3px;
    right: 7px;
    line-height: 1;
}

.chat-messages-wrapper .messages-wrapper .message-typing {
    margin-top: 6px;
    overflow: hidden;
}

.chat-messages-wrapper .messages-wrapper .message-typing:empty {
    margin: 0;
}

.chat-messages-wrapper .tag_prods_list,
.message-contnaier .tag_prods_list {
    padding: 0;
}

.chat-messages-wrapper .tag_prods_list .product_main,
.message-contnaier .tag_prods_list .product_main {
    margin: 0;
    background-color: #eaeaea;
}

.chat-messages-wrapper .outgoing .tag_prods_list .product_main,
.message-contnaier .outgoing .tag_prods_list .product_main {
    background: transparent;
}

.chat-messages-wrapper .outgoing .tag_prods_list .product_info b,
.message-contnaier .outgoing .tag_prods_list .product_info b {
    color: rgba(255, 255, 255, 0.9);
}

.typing_loader_prnt {
    width: 55px;
    margin-left: 39px;
}

.typing_loader {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -webkit-animation: msg_typing 1s linear infinite alternate;
    -moz-animation: msg_typing 1s linear infinite alternate;
    animation: msg_typing 1s linear infinite alternate;
    margin: 6.5px auto;
    position: relative;
    left: -12px;
}

@keyframes msg_typing {
    0% {
        background-color: #000000;
        box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
    }

    25% {
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: 12px 0px 0px 0px rgb(0, 0, 0), 24px 0px 0px 0px rgba(0, 0, 0, 0.2);
    }

    75% {
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgb(0, 0, 0);
    }
}

.chat-textarea {
    width: 100%;
    padding: 0 9px 9px;
    position: relative;
}

.chat-textarea .msg_progress {
    bottom: auto;
    top: -1px;
}

.chat-textarea .chat-btns-w {
    padding: 4px 0 9px;
    justify-content: space-around;
}

.chat-textarea .chat-btns-w .btn-file {
    padding: 0;
    border: 0;
    box-shadow: none;
}

.chat-textarea .chat-btns-w .record_timei,
.tag_msg_record .messages-rtime,
.tag_cht_rec_time {
    position: absolute;
    top: -20px;
    padding: 4px 7px;
    background-color: #F44336;
    left: 30px;
    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-size: 12px;
    color: white;
}

.chat-textarea .chat-btns-w .chat_optns {
    color: var(--main);
    line-height: 1;
}

.chat-textarea .chat-btns-w .chat_optns i.twa {
    width: 19px;
    height: 19px;
    background-size: 19px 19px;
    margin: 0;
}

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

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu {
    left: 0;
    right: 0;
    height: 311px;
    padding: 0;
    bottom: 79px;
    margin: 0;
    box-shadow: none;
    border-top: 1px solid #ddd;
    border-radius: 0;
}

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state {
    padding: 75px 5px;
}

.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .tag_chat_stickers .empty_state {
    padding: 103px 5px;
}

.tag_chat_GIF {
    height: 100%;
    padding: 7px;
}

.tag_chat_GIF input {
    border: 0;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.tag_chat_GIF_cont,
.tag_chat_stickers {
    overflow: hidden;
    height: 100%;
    max-height: 269px;
    overscroll-behavior-y: contain;
    padding: 6px 0;
    margin: 0 -3px;
}

.tag_chat_GIF_cont:hover,
.tag_chat_stickers:hover {
    overflow-y: overlay;
}

.tag_chat_GIF_cont img,
.tag_chat_GIF_cont video,
.skel_chat_gif {
    height: 100px;
    max-height: 100px;
    width: calc(50% - 6px);
    cursor: pointer;
    float: left;
    margin: 3px;
}

.skel_chat_gif {
    cursor: auto;
}

.skel_chat_gif:nth-child(3),
.skel_chat_gif:nth-child(4) {
    opacity: 0.66666;
}

.skel_chat_gif:nth-child(5),
.skel_chat_gif:nth-child(6) {
    opacity: 0.33333;
}

.tag_chat_stickers {
    padding: 6px;
    max-height: 310px;
}

.tag_chat_stickers img {
    cursor: pointer;
    float: left;
    margin: 5px;
    width: calc(33.3333333% - 10px);
}

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

.wow_choose_chat_clrs .chat-colors-cont a {
    width: 40px;
    height: 40px;
    line-height: 1;
    border-radius: 50%;
    margin: 8px 7px;
    float: left;
}

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

.chat-textarea textarea {
    height: 34px;
    border-radius: 2em;
    padding: 7.5px 34px 7.5px 12px;
    font-size: 13px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.08);
    resize: none;
}

.tag_chat_emoji {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.tag_chat_emoji .dropdown-toggle {
    color: #7d7d7d;
}

.tag_chat_emoji .emo-container,
.tag_pub_box_emoji {
    max-height: 255px;
    overflow: hidden;
    overscroll-behavior-y: contain;
    min-width: 235px;
    padding: 5px;
}

.tag_chat_emoji .emo-container:hover,
.tag_pub_box_emoji:hover {
    overflow-y: overlay;
}

.tag_chat_emoji .emo-container span,
.tag_msg_emojis span,
.tag_pub_box_emoji span {
    display: inline-flex;
    margin: 2px;
    padding: 3px;
    border-radius: 5px;
    cursor: pointer;
}

.tag_chat_emoji .emo-container span:hover,
.tag_msg_emojis span:hover,
.tag_pub_box_emoji span:hover {
    background-color: #efefef;
}

.tag_chat_emoji .emo-container span i,
.tag_pub_box_emoji span i {
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    margin: 0;
}

.tag_chat_grp_avtr_crt {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 20px;
    background-color: #e4e4e4;
    border-radius: 50%;
}

.tag_chat_grp_avtr_crt .btn-file {
    width: 100%;
    height: 100%;
    justify-content: center;
}

.tag_chat_grp_avtr_crt .btn-file img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.group_chat_mbr_list,
.event-people-invition-list {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background: #fff;
    z-index: 9;
    box-shadow: 0 4px 8px -1px 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,
.invitation-users-cont {
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    padding: 10px 27px 10px 10px;
    position: relative;
}

.group_chat_mbr_part:last-child,
.invitation-users-cont:last-child {
    border-bottom: none
}

.group_chat_mbr_part .avatar,
.invitation-users-cont .avatar {
    width: 37px;
    min-width: 37px;
    height: 37px;
    margin-right: 10px;
}

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

.group_chat_mbr_part .user-name,
.invitation-users-cont .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 .status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
}

/*Post Comments*/
.post .post-footer {
    border-top: 1px solid #ececec;
    padding: 15px;
    position: relative;
}

.post .post-footer:empty {
    padding: 0;
    border: 0;
}

.post .post-footer>.msg_progress {
    bottom: auto;
    top: 0;
}

.post .post-footer .comments-list .comment,
.wo_imagecombo_lbox .lightbox-post-footer .comment,
.live_comments {
    width: 100%;
    margin: 0 0 15px;
}

.post .post-footer .comments-list .comment .avatar,
.wo_imagecombo_lbox .lightbox-post-footer .comment .avatar,
.live_comments .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.post .post-footer .comments-list .comment .comment-body,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body,
.live_comments .comment-body {
    margin-left: 45px
}

.post .post-footer .comments-list .comment .comment-body .comment_edele_options {
    visibility: hidden;
    min-width: 42px;
}

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

.post .post-footer .comments-list .comment .comment-heading,
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .reply-heading,
.live_comments .comment-heading {
    display: flex;
}

.post .post-footer .comments-list .comment .tag_comm_body,
.wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body,
.live_comments .tag_comm_body {
    max-width: calc(100% - 10px);
}

.tag_comm_body_top {
    font-size: 0px;
    margin: 0 0 2px;
}

.post .post-footer .comments-list .comment .tag_comm_body .comment-text,
.wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body .comment-text,
.live_comments .tag_comm_body .comment-text {
    border-radius: 18px;
    background-color: rgba(0, 0, 0, 0.06);
    padding: 5px 10px;
    width: max-content;
    margin-right: 7px;
}

.post .post-footer .comments-list .comment .tag_comm_body .comment-text.border_zero,
.wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body .comment-text.border_zero {
    border-radius: 18px 18px 18px 0;
}

.post .post-footer .comments-list .comment .comment-heading .user,
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .user,
.live_comments .comment-heading .user {
    font-size: 14px;
    display: inline-block;
    margin: 0 0 4px;
    color: #222;
}

.post .post-footer .comments-list .comment .comment-heading .user {
    margin: 0;
}

.tag_trim_comm_text {
    overflow: hidden;
    display: block;
}

.comment-image {
    width: 100%;
    max-width: 280px;
}

.comment-image img {
    border-radius: 0 18px 18px 18px;
    width: 100%;
}

.comment-record {
    width: 100%;
    overflow: hidden;
}

.comment-options {
    font-size: 12px;
    position: relative;
    display: block;
    margin-top: 3px;
}

.comment-options .middot {
    margin: 0 3px;
}

.comment-options svg.feather {
    width: 14px;
    height: 14px;
}

.edit-box {
    max-height: 200px;
    margin-top: 10px;
    border-radius: 18px;
    resize: vertical;
}

.view-more-replies {
    font-size: 12px;
    cursor: pointer;
    margin-top: 5px;
    font-weight: 500;
}

.view-more-replies svg {
    width: 18px;
    height: 18px;
    transform: rotate(180deg);
    margin: -1px 0 0;
}

.comment-reply {
    display: none
}

.comment-reply .wo_commreply_combo {
    margin-top: 10px;
    position: relative;
    align-items: normal;
}

.post .post-footer .comment-reply .wo_commreply_combo .avatar {
    width: 30px;
    height: 30px;
}

.comment-reply .wo_commreply_combo>div,
.tag_lbox_comcombo>div {
    border-radius: 18px;
    background-color: rgba(0, 0, 0, 0.08);
    width: 100%;
    margin-left: 8px;
    align-items: flex-end;
}

.comment-reply .wo_commreply_combo .textarea,
.tag_lbox_comcombo .textarea {
    border: 0;
    background: transparent;
    padding: 6.9px 10px;
    height: 32px;
    resize: none;
    font-size: 13px;
    min-height: 32px;
}

.comment-reply .wo_commreply_combo .image-comment,
.tag_lbox_comcombo .image-comment {
    padding: 5.3px;
}

.comment-reply .wo_commreply_combo .image-comment .btn,
.tag_lbox_comcombo .image-comment .btn {
    padding: 0;
    margin: 0 3px;
    background: transparent;
    border: 0;
}

.comment-image-con {
    width: 100%;
    max-width: 150px;
    position: relative;
    margin: 5px 0 0 40px;
}

.comment-image-con img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 5px
}

.comment-image-con .remove-icon {
    position: absolute;
    top: 8px;
    cursor: pointer;
    color: #fff;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}

.comment-reply .wo_commreply_combo+.comment-image-con {
    margin: 5px 0 0 38px;
}

.post .post-footer .comments-list .reply,
.lightbox-post-footer .comments-list .reply {
    width: 100%;
    margin: 15px 0 0;
}

.post .post-footer .comments-list .reply .avatar,
.lightbox-post-footer .comments-list .comment .reply .avatar {
    width: 30px;
    height: 30px;
}

.post .post-footer .comments-list .reply .comment-body,
.lightbox-post-footer .comments-list .comment .reply .comment-body {
    margin-left: 38px;
}

.post .post-footer .comments-list .reply .reply-heading .user,
.lightbox-post-footer .comments-list .reply .reply-heading .user {
    font-size: 13px;
}

.post .post-footer .comments-list .reply .reply-heading .time,
.lightbox-post-footer .comments-list .reply .reply-heading .time {
    font-size: 10px;
    color: #aaa;
    margin-top: 0;
    display: inline
}

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

/*Common Things*/
.wo_com_things_row {
    margin: 0 -12px;
}

.wo_comthing_usr {
    padding: 0 12px;
}

.wo_comthing_usr_innr {
    position: relative;
    margin-bottom: 24px;
    transition: all 0.15s;
    padding: 0;
}

.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) 30%, rgba(0, 0, 0, 0.6) 100%);
}

.wo_comthing_usr_innr .avatar {
    width: 100%;
    padding-top: 110%;
}

.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: 18px;
    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: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 2;
    margin: 0;
    padding: 0 10px;
}

/*Contact Us*/
.tag_contact_sub {
    margin: 20px 0 0 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "TT Commons", Roboto, sans-serif;
    font-weight: 600;
    line-height: 1.14;
    color: var(--main);
}

.tag_contact_title {
    font-family: "TT Commons", Roboto, sans-serif;
    font-weight: 600;
    line-height: 1.14;
    font-size: 40px;
    letter-spacing: -0.025em;
    margin: 15px 0 40px 20px;
}

.tag_contact_svg {
    margin: 0 0 0 20px;
}

/*Cover BG*/
.tag_cover_bg {
    position: relative;
    margin: -30px 0 0;
}

.tag_cover_sec_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0 -30px;
}

.tag_cover_sec_bg img {
    position: absolute;
    top: -25px;
    right: -25px;
    bottom: -25px;
    left: -25px;
    filter: blur(20px);
    width: calc(100% + 50px);
    height: calc(100% + 50px);
}

.tag_cover_bg_grad {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0.1), var(--body-bg) 80%, var(--body-bg) 100%);
}

.tag_cover_bg .cardheader>img,
.tag_usr_prof_covr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/*Go Back button*/
.btn_goback {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 9;
    padding: 0;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
}

.btn_goback:hover {
    color: #fff;
}

.btn_goback svg {
    margin: -2px 0 0;
    width: 20px;
    height: 20px;
}

/*Events List*/
.crt_eve_image {
    min-height: 180px;
    margin-bottom: 25px;
}

.crt_eve_image img {
    min-height: 180px;
    max-height: 180px;
}

.events-list-wrapper {
    margin-bottom: 30px
}

.events-list-cover {
    overflow: hidden;
    position: relative;
    padding: 10px;
}

.events-list-cover>span>.btn,
.wo_event_profile .cardheader>.btn,
.wo_event_profile .cardheader>span>.btn,
.tag_offer_headimg .btn {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 0 2px;
    min-width: 36px;
    border-radius: 50%;
    z-index: 9;
}

.events-list-cover>span>.btn svg,
.wo_event_profile .cardheader>.btn svg,
.wo_event_profile .cardheader>span>.btn svg,
.tag_offer_headimg .btn svg {
    margin: -2px 0 0;
    width: 20px;
    height: 20px;
}

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

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

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

.event-l-info>span,
.fundings_desc time {
    color: #E91E63;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 13px;
}

.events-list-name {
    font-size: 20px;
    margin: 2px 0 5px;
}

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

.event-l-btns {
    margin: 10px -10px 0;
    justify-content: space-between;
    border-top: 1px solid #e0e0e0;
    padding: 10px 10px 0;
}

.event-l-btns>div.truncate {
    padding: 6.236px 0;
    max-width: 200px;
}

.event-l-btns>div.truncate svg {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 4px;
    margin: -1px 2px 0 0;
}

.event-l-btns .btn {
    min-width: 160px;
}

.event-l-btns .btn svg {
    display: none;
}

/*Events*/
.wo_event_profile .cardheader {
    position: relative;
    padding: 0;
    padding-bottom: 35%;
}

.tag_cover_bg .card.hovercard {
    background: transparent;
    border: 0;
}

.short_start_dt {
    background-color: white;
    min-width: 45px;
    text-align: center;
    border-radius: 5px;
    padding: 5px 7px 3px;
    position: absolute;
    display: inline-block;
    left: 15px;
    bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.short_start_dt span {
    display: block;
    color: #E91E63;
    font-weight: 500;
}

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

.tag_event_name_hdr {
    justify-content: space-between;
    border-radius: 0 0 10px 10px;
    position: relative;
}

.event-info-cont-small h3 {
    margin: 0 0 -3px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.wow_event_page_btns {
    padding-left: 15px;
    min-width: fit-content;
}

.invite_event_frnd,
.wow_thread_head .btn.btn-default {
    min-width: 36px;
    padding: 0 5px;
}

.invite_event_frnd svg,
.wow_thread_head .btn.btn-default svg {
    margin: -2px 0 0;
}

.event_info_blocks_prnt {
    justify-content: space-between;
}

.event_info_blocks div {
    display: block;
    width: 100%;
    padding: 7px 5px 7px 36px;
    position: relative;
    color: black;
    font-size: 15px;
}

.event_info_blocks div a {
    color: black;
}

.event_info_blocks div>svg {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.4;
    width: 21px;
    height: 21px;
}

.event_info_blocks div span:not(.online-text) {
    display: block;
    font-size: 14px;
    font-weight: normal;
    opacity: 0.8;
}

.event_info_blocks div span.small-last-seen>span {
    font-size: 15px !important;
    color: black !important;
    opacity: 1;
}

.event_info_blocks_prnt iframe {
    width: 300px;
    height: 208px;
    border-radius: 10px;
}

.event-people-invition-list {
    display: none;
}

.invitation-users-cont {
    padding: 10px;
}

.invitation-users-cont .btn {
    margin-left: auto;
}

.sidebar-event-data {
    padding: 5px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2
}

.sidebar-event-thumbnail {
    width: 27%;
    overflow: hidden;
    display: inline-block
}

.sidebar-event-thumbnail im g {
    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
}

/*Cover Upload*/
.profile-cover-changer {
    position: absolute;
    z-index: 10;
    right: 15px;
    bottom: 15px;
}

.profile-cover-changer .btn-file {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 10px;
    height: 36px;
}

.profile-cover-changer .btn-file:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.profile-cover-changer .btn-file.btn-sm,
.tag_user_notif {
    min-width: 36px;
    padding: 0 5px;
}

.profile-cover-changer .btn-file.btn-sm svg,
.tag_user_notif svg {
    margin: -2px 0 0;
}

.user-cover-uploading-progress {
    width: 100%;
    position: absolute;
    z-index: 10;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.user-cover-uploading-progress .pace-activity-parent,
.user-avatar-uploading-container .pace-activity-parent {
    background: transparent;
    box-shadow: none;
    margin: 0;
}

.user-cover-uploading-progress .pace-activity,
.user-avatar-uploading-container .pace-activity {
    border-top-color: #fff;
    border-left-color: #fff;
}

/*User List*/
.nearby_user_wrapper_innr {
    padding: 15px 5px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 30px;
}

.nearby_user_wrapper .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.nearby_user_wrapper .user_wrapper_link {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
    margin-top: 12px;
}

.nearby_user_wrapper .user-follow-button {
    padding: 15px 0 0;
    min-height: 51px;
}

.nearby_user_wrapper .user-follow-button .btn svg {
    display: none;
}

/*Forum*/
.f_topics {
    margin: -25px 0 -15px
}

.wow_forum_sections {
    padding: 20px 5px;
}

.wow_forum_sections:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

.wow_forum_sections .ftitle,
.sun_ftitle,
.wow_thread_head .forum_title {
    font-weight: 500;
    font-size: 18px;
    color: #272727;
}

.wow_forum_sections .fdesc,
.wow_thread_head .desc {
    font-size: 15px;
    opacity: 0.8;
    margin-top: 3px;
}

.wow_forum_sections .forum-meta-foot {
    margin: 0 -10px;
}

.wow_forum_sections .forum-meta-foot>div {
    padding: 9px 10px 0;
    display: inline-block;
}

.wow_forum_sections .forum-meta-foot>div>svg,
.wow_forum_sections .forum-meta-foot>div>img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 5px;
    margin: -1px 2px 0 0;
}

.wow_forum_sections .forum-meta-foot>div>img {
    padding: 0;
}

.wow_thread_head {
    background-color: rgba(0, 0, 0, 0.09);
    padding: 15px;
    border-radius: 10px;
}

.wow_thread_head .forum_title {
    font-size: 20px;
}

.wow_thread_head .btn {
    margin-top: 15px;
}

.wow_thread_head .btn.btn-default {
    background-color: #ffffff;
}

.wow_forum_dis_head {
    margin-bottom: -15px;
}

.wow_forum_dis_head h4 {
    margin: 0;
    font-size: 22px;
}

.wow_forum_dis_head h4 a {
    color: black;
}

.wow_forum_dis_head p {
    opacity: 0.8;
    margin: 5px 0 0;
}

.tag_forum_main_hdr .ftitle {
    margin: 0 0 10px;
}

.tag_forum_main_hdr>p {
    margin: 12px 0 20px;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.tag_forum_main_hdr+hr {
    margin: 30px 0;
    border-color: #e6e6e6;
}

.tag_forum_main_hdr .postMeta--author-text time {
    display: block;
    font-size: 13px;
}

.tag_forum_main_hdr>p img {
    max-width: 100%;
}

.tag_forum_reply_count {
    margin: 0;
    font-size: 15px;
}

.wow_thread_replies .thread-replies {
    align-items: normal;
    padding: 20px 0 0;
    border-top: 1px solid #eee;
    margin: 20px 0 0;
}

.wow_thread_replies .thread-replies:first-child {
    margin: 0;
    border: 0;
}

.wow_thread_replies .thread-replies .avatar {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-right: 12px;
}

.wow_thread_replies .thread-replies .avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wow_thread_replies .thread-replies .t-right_prt {
    width: 100%;
}

.wow_thread_replies .thread-replies .t-right_prt .user-title-thread {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}

.wow_thread_replies .thread-replies .t-right_prt .user-title-thread a {
    color: #222;
}

.wow_thread_replies .thread-replies .t-right_prt .time {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.wow_thread_replies .thread-replies .t-right_prt .desc {
    line-height: 23px;
    margin: 0 0 10px;
}

.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts {
    margin-top: 2px;
}

.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts .btn {
    line-height: 30px;
    font-size: 13px;
    padding: 0 13px;
}

.tag_forum_memb_abc {
    justify-content: space-between;
    margin: 0 -3px;
    white-space: nowrap;
    overflow-x: auto;
}

.tag_forum_memb_abc a {
    display: block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    line-height: 25px;
    padding: 0 5px;
    min-width: 25px;
    text-align: center;
    border-radius: 5px;
    margin: 1px 3px;
}

.tag_forum_memb_abc a.active {
    color: var(--main-color);
    background-color: var(--main);
}

.tag_forum_memb_main_head {
    font-weight: 500;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.05);
    margin: 20px -20px 0;
}

.tag_forum_memb_main_head li {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.7px;
}

.tag_forum_memb_main_head li.lchk,
.tag_forum_memb_main_content .lchk {
    width: 42px;
}

.tag_forum_memb_main_head li.llnk,
.tag_forum_memb_main_content .llnk {
    width: 60%;
}

.tag_forum_memb_main_head li.lcrt,
.tag_forum_memb_main_content .lcrt {
    width: 20%;
}

.tag_forum_memb_main_head li.lclk,
.tag_forum_memb_main_content .lclk {
    width: 15%;
    text-align: end;
}

.tag_forum_memb_main_head li.myfrmsbj,
.tag_forum_memb_main_content .myfrmsbj {
    width: 50%;
}

.tag_forum_memb_main_head li.myfrmnme,
.tag_forum_memb_main_content .myfrmnme {
    width: 35%;
}

.tag_forum_memb_main_head li.myfrmopt,
.tag_forum_memb_main_content .myfrmopt {
    width: 15%;
    text-align: end;
}

.tag_forum_memb_main_content li {
    border-top: 1px solid #e8e8e8;
    padding-top: 15px;
    margin: 15px -5px 0;
}

.tag_forum_memb_main_content li:first-child {
    margin: 0;
    border: 0;
}

.tag_forum_memb_main_content .lchk img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.tag_forum_memb_main_content .llnk a,
.tag_forum_memb_main_content .myfrmsbj a {
    color: #272727;
    font-weight: 500;
}

/*Onboarding*/
.tag_onboarding_upprnt {
    position: relative;
    height: calc(100vh - 90px);
    width: 100%;
}

.tag_onboarding_prnt {
    position: relative;
    height: calc(100vh - 90px);
    width: 100%;
    overflow-y: auto;
    padding-right: 15px;
}

.tag_onboarding {
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 5;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.tag_onboarding.onbrd_padd {
    padding-bottom: 43px;
}

.tag_onboarding img {
    width: 100%;
    max-width: 370px;
    display: block;
    margin: 0 auto 30px;
}

.tag_onboarding h2 {
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 35px;
    letter-spacing: -0.5px;
    margin: 0;
}

.tag_onboarding>p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.5px;
    width: 100%;
    text-align: center;
    max-width: 390px;
}

.tag_onboarding .btn {
    min-width: 150px;
    margin-top: 50px;
}

.tag_onboarding>div {
    position: absolute;
    bottom: 0;
}

.tag_onboarding>div p {
    width: 100%;
    text-align: center;
    max-width: 300px;
    font-size: 12px;
}

/*Modal*/
.modal-backdrop {
    display: none;
}

.modal.fade {
    padding: 15px !important;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0s 0.2s;
    display: flex !important;
    overscroll-behavior: contain;
}

.modal.fade.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s, visibility 0s;
    background: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
}

.modal.fade .modal-dialog {
    transition: none;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: auto;
    transform: scale(.95);
    will-change: transform;
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
}

.modal.fade.show .modal-dialog {
    transform: scale(1);
}

.modal-header .close {
    opacity: .6;
    padding: 4px 8px;
    margin-right: -8px;
    margin-top: -4px;
}

.modal-header .close svg {
    width: 15px;
    height: 15px;
    stroke-width: 3;
}

.modal-title {
    color: #1d2129;
    font-weight: bold;
    line-height: 19px;
    font-size: 14px;
}

.modal-title svg.feather {
    margin-right: 2px;
    width: 17px;
    height: 17px;
}

.modal .modal-footer {
    background: transparent;
    padding: 9px 0;
    border-top: 1px solid #dddfe2;
    margin: 0 12px;
}

/*Mat Modal*/
.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: 10px;
    border: 0;
}

.wow_mat_mdl .modal-header {
    border: 0;
    background: transparent;
    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;
}

.wow_mat_mdl .modal-footer .btn.main {
    box-shadow: none;
    background: transparent;
}

.wow_mat_mdl .modal-footer .btn.main:before {
    opacity: 0.15;
}

/*Find Friends*/
.wow_frnd_map {
    width: 100%;
    height: calc(100vh - 90px);
    border-radius: 10px;
}

.onboard_done .tag_onboarding {
    display: none;
}

.tag_fndfrnd_srch {
    margin-bottom: 10px;
}

.tag_fndfrnd_srch>form {
    width: 100%;
}

.tag_fndfrnd_srch .search-blog {
    margin: 0;
}

.tag_fndfrnd_srch .search-blog input {
    height: 40px;
    border-radius: 2em;
    border: 0;
    background-color: rgba(0, 0, 0, 0.08);
    padding: 10px 15px;
}

.tag_fndfrnd_srch .dropdown {
    padding-left: 10px;
}

.tag_fndfrnd_srch .dropdown>.btn {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    border-radius: 50%;
}

.tag_fndfrnd_srch .dropdown>.btn svg {
    width: 24px;
    height: 24px;
    margin: 0;
}

.tag_fndfrnd_srch .dropdown .dropdown-menu {
    min-width: 310px;
    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);
    padding: 12px 15px;
}

.tag_fndfrnd_srch .dropdown .dropdown-menu hr {
    margin: 12px 0;
}

.wow_frnd_field h4 {
    margin: 0;
    font-size: 15px;
}

.friends_nearby_status_ul,
#search-nearby-users .nearby-users-gender-collapse ul {
    padding: 0;
    margin: 0 -3.5px;
}

.friends_nearby_status_ul li,
#search-nearby-users .nearby-users-gender-collapse ul li {
    display: inline-block;
    cursor: pointer;
    padding: 0 14px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    background-color: #f0f0f0;
    border-radius: 7px;
    margin: 7px 3.5px 0;
}

.friends_nearby_status_ul li.active,
#search-nearby-users .nearby-users-gender-collapse ul li.active {
    color: var(--main-color);
    background-color: var(--main);
}

.select-nearby-users-distance {
    padding: 7px 0px 0;
}

input.cusrange[type=range] {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 8px;
    height: 3px;
    background-color: #d0d0d0;
    display: block;
}

input.cusrange[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: var(--main);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

input.cusrange[type=range]::-moz-range-track {
    width: 100%;
    border-radius: 8px;
    height: 3px;
    background-color: #d0d0d0;
    display: block;
}

input.cusrange[type=range]::-moz-range-thumb {
    background-color: var(--main);
    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: 3px;
    background-color: #d0d0d0
}

input.cusrange[type=range]::-ms-thumb {
    background-color: var(--main);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

#cusrange-reader {
    text-align: end;
    border: 0;
    background: #f0f0f0 !important;
    font-weight: 500;
    width: 50px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    border-radius: 4px;
}

.nearby_user_wrapper_prnt {
    border-bottom: 1px solid #eee;
    padding: 25px 5px;
}

.nearby_user_wrapper_prnt:last-child {
    border: 0;
}

.wow_frnd_usr .fndfrnd_user_wrapper .avatar {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-right: 18px;
}

.wow_frnd_usr .fndfrnd_user_wrapper .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
    font-size: 20px;
    margin: 0 0 5px;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link a {
    color: #000;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button .btn {
    line-height: 32px;
}

.wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button .btn svg {
    display: none;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs {
    margin: 10px -8px 0;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li {
    display: inline-flex;
    padding: 0 8px;
}

.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li svg {
    width: 18px;
    height: 18px;
    margin: -2px 3px 0 0;
}

/*Fundings*/
.fundings_prnt {
    margin: 0 -10px;
}

.fundings_prnt .col-lg-4 {
    padding: 0 10px;
}

.fundings {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
}

.fundings .avatar,
.fund_main_img,
.tag_dont_post_img span {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 66.625%;
}

.fundings .avatar img,
.fund_main_img img,
.tag_dont_post_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
}

.fundings_desc {
    padding: 10px;
}

.fundings_desc time {
    color: #1da022;
}

.fundings_desc h3 {
    font-size: 18px;
    margin: 0;
}

.fundings_desc h3 a {
    color: #222;
}

.fundings_desc .desc {
    margin: 10px 0 0;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
}

.fundings_footer {
    padding: 0 10px 10px;
}

.fundings_footer .progress,
.fund_raise_bar .progress {
    background-color: #E0E1EA;
    box-shadow: none;
    height: 6px;
}

.fundings_footer .progress .progress-bar,
.fund_raise_bar .progress .progress-bar {
    background: #1da022;
    box-shadow: none;
}

.fundings_footer p {
    font-size: 13px;
    margin: 8px 0 0;
}

.fundings_footer .btn {
    margin: 0 3px;
    color: black;
    width: calc(50% - 9px);
    padding: 0 6px;
}

.fundings_footer .btn-success {
    background-color: rgba(82, 191, 86, 0.3);
}

.fundings_footer .btn-danger {
    background-color: rgba(255, 95, 84, 0.3);
}

/*Games*/
.tag_games_left_pane {
    flex-direction: column;
    align-items: normal;
    width: 100%;
    height: calc(100vh - 120px);
}

.tag_games_left_pane>svg {
    min-width: 32px;
    min-height: 32px;
}

.tag_pop_games {
    margin-top: auto;
    overflow-y: auto;
}

.wow_pop_game {
    position: relative;
    margin-top: 20px;
    height: 110px;
}

.wow_pop_game>img {
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.wow_pop_gam_list {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}

.wow_pop_gam_list .avatar {
    width: 100px;
    min-width: 100px;
    height: 75px;
    margin-right: 15px;
}

.wow_pop_gam_list .avatar img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
}

.wow_pop_gam_list>div:not(.avatar) {
    max-width: calc(100% - 115px);
}

.wow_pop_gam_list .game-name {
    color: #ffffff;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.wow_pop_gam_list p {
    margin: 3px 0 0;
    color: rgba(255, 255, 255, 0.7);
}

.wow_games {
    margin: 20px -10px 0;
    max-height: calc(100vh - 193px);
    overflow-y: auto;
}

.wow_games>.col-xl-3 {
    padding: 0 10px;
}

.wo_game_style {
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    transition: all 0.2s linear;
}

.wo_game_style:hover {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}

.wo_game_style .avatar {
    width: 100%;
    padding-top: 74%;
    position: relative;
}

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

.wo_game_style .game-name {
    font-size: 16px;
    color: black;
    padding: 10px;
}

.wo_game_style .btn {
    line-height: 28px;
    margin: 0 10px 10px;
    font-size: 13px;
}

.tag_game_play {
    border: 0;
    height: calc(100vh - 95px);
    margin: auto;
    display: block;
}

/*GO Pro*/
.tag_go_pro_hdr {
    background: linear-gradient(#c1e3ff, #e4f2ff 50%, #fff);
}

.pro-badge {
    background: #ff7043;
    color: #ffffff;
    padding: 4px 5px 0;
    border-radius: 3px;
    font-size: 13px;
    vertical-align: middle;
    line-height: 16px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
}

.pro-badge a {
    color: #ffffff;
    display: block;
    padding: 4px 5px 0;
    margin: -4px -5px 0;
}

.tag_go_pro_usrs {
    margin: 20px -12px;
}

.tag_go_pro_usrs .tag_pro_users {
    flex-wrap: nowrap;
    overflow: hidden;
}

.tag_go_pro_usrs .tag_pro_users>div {
    width: 9.09090909091%;
    min-width: 9.09090909091%;
}

.tag_go_pro_usrs .tag_pro_users>div a {
    padding: 0;
    box-shadow: none;
    background: transparent;
    margin: 0;
}

.tag_go_pro_usrs .tag_pro_users>div img {
    border-radius: 25px;
    height: 100%;
}

.tag_pro_plans {
    align-items: normal;
    margin: 0 -10px;
}

.tag_pro_plan {
    padding: 0 10px;
    flex: 1 100%;
}

.tag_pro_plan .wow_content {
    padding: 20px 20px 10px;
    transition: all 0.15s linear;
}

.tag_pro_plan .wow_content:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}

.tag_plan_hdr>div:not(.pricing_p_price) {
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
}

.tag_plan_hdr>div:not(.pricing_p_price) span {
    display: block;
    margin: 0 0 20px;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
}

.tag_plan_hdr>div:not(.pricing_p_price) span:before {
    content: '';
    position: absolute;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    border-radius: 50%;
    opacity: .15;
}

.tag_plan_hdr>div:not(.pricing_p_price) span svg {
    width: 28px;
    height: 28px;
    margin: 11px 0;
}

.tag_plan_hdr>div:not(.pricing_p_price) img {
    display: block;
    margin: 0 0 20px;
    width: 50px;
    height: 50px;
}

.pricing_p_price {
    font-size: 32px;
    color: black;
    margin-top: 10px;
}

.pricing_p_price sup {
    font-size: 19px;
    top: -1px;
    vertical-align: super;
}

.pricing_p_price b {
    /*background-image: linear-gradient(to top, #FFD969 35%, rgba(0, 0, 0, 0) 35.1%);*/
    margin: 0;
}

.pricing_p_price span {
    font-size: 15px;
    display: inline-block;
    margin-left: -5px;
    font-weight: 500;
    opacity: 0.6;
}

.tag_pro_plan .btn {
    width: 100%;
    border-radius: 10px;
    margin: 25px 0 30px;
}

.tag_pro_plan p svg {
    width: 22px;
    height: 22px;
}

/*Pay Using*/
.pay_using {
    width: 100%;
    max-width: 390px;
    margin: auto;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
}

.pay_using .btn {
    background: transparent;
    box-shadow: none;
    height: 55px;
    line-height: 1;
    padding: 0 15px;
    font-size: 15px;
    transition: all .1s;
    border: 0;
    width: 100%;
    color: #565656;
    border-radius: 0;
    border-bottom: 1px solid #e8e8e8;
}

.pay_using .btn:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.pay_using .btn:last-child {
    border: 0;
}

.pay_using .btn svg,
.pay_using .btn img {
    margin-right: 12px;
    width: 22px;
    height: 22px;
}

.pay_using .btn img {
    filter: grayscale(1);
}

.two_check_card {
    padding: 15px 15px 1px;
    border-radius: 5px;
    box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.1);
}

/*Bank transfer*/
.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 .bank_info .bank_info_innr {
    position: relative;
    width: 100%;
    color: #fff;
    z-index: 1;
}

.dt_bank_trans_modal .bank_info .bank_info_innr>svg {
    display: none;
}

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

.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {
    font-size: 22px;
    margin: 0;
}

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

.dt_bank_trans_modal .dt_prof_vrfy {
    margin: 0;
    list-style-type: disc;
    font-size: 14px;
}

.upload_bank_receipts {
    text-align: center;
}

.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_donate_modal.up_rec_active .hide_alert_info_bank_trans {
    display: none;
}

#bank_transfer_modal.up_rec_active .upload_bank_receipts,
#bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {
    display: block;
}

#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img,
#bank_transfer_donate_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,
#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;
}

/*Dev Apps*/
.wow_dev_apps {
    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: 19px 0 0 70px;
    display: block;
    font-size: 17px;
    font-weight: 500;
}

.wow_dev_apps .ap_name a {
    color: rgba(0, 0, 0, .8);
}

.wow_dev_apps>hr {
    margin: 10px 0;
}

.wow_dev_apps>.btn {
    min-width: 82px;
    line-height: 30px;
    font-size: 13px;
}

.tag_app_request {
    min-height: calc(100vh - 60px);
}

.tag_app_request>.form-horizontal {
    width: 100%;
    max-width: 650px;
    margin: auto;
}

.tag_app_request hr {
    margin: 20px 0;
}

.tag_app_request .btn {
    margin-top: 10px;
    border-radius: 10px;
    min-width: 200px;
}

/*My Groups*/
.wow_my_groups {
    padding: 0;
    margin-bottom: 30px;
}

.wow_my_groups .avatar {
    width: 100%;
    padding-top: 33.333333%;
    position: relative;
}

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

.wow_my_groups_info {
    padding: 10px;
}

.wow_my_groups_info h3 {
    margin: 0 0 2px;
    font-size: 16px;
}

.wow_my_groups_info h3 a {
    text-decoration: none;
    color: #1e1e1e;
}

.wow_my_groups_info p {
    color: #7b7b7b;
}

.wow_my_groups_info .btn {
    line-height: 30px;
    padding: 0 10px !important;
    font-size: 13px;
    width: 100%;
}

/*Group*/
.wo_group_profile .cardheader {
    position: relative;
    padding: 0;
    padding-bottom: 33.33333%;
}

.tag_group_name_hdr .event-info-cont-small {
    position: relative;
    padding-left: 65px;
}

.tag_group_name_hdr .event-info-cont-small h3 {
    margin: 0;
}

.tag_group_name_hdr .user-avatar {
    position: absolute;
    height: 52px;
    width: 52px;
    top: 0;
    left: 0;
}

.tag_group_name_hdr .user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.tag_profile_search {
    width: 100%;
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.08);
    border: 0;
    padding: 8px 13px;
    border-radius: 2em;
}

.tag_group_name_hdr .wow_event_page_btns .btn {
    min-width: 120px;
}

.tag_grpage_sett .cardheader {
    position: relative;
    padding: 0;
    padding-bottom: 32%;
    overflow: hidden;
    border-radius: 0;
}

.tag_grpage_sett .tag_group_name_hdr .event-info-cont-small h3 {
    margin: 15px 0 7px;
}

.tag_group_membr_opts {
    opacity: 1;
    position: absolute;
    right: 8px;
    top: 8px;
}

/*Avatar and Cover*/
.wow_cset_cover,
.wow_cset_avtr {
    position: relative;
}

.wow_cset_cover .wow_cset_cover_hdr .btn-file {
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    border-radius: 10px;
    height: 230px;
    overflow: hidden;
    padding: 0;
    border: 0;
}

.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;
    width: 30px;
    height: 30px;
}

.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 {
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    margin: -40px auto 20px;
    padding: 0;
}

/*Checkbox*/
.round-check,
.round-check input+label {
    position: relative;
    display: inline-block
}

.round-check input+label {
    cursor: pointer;
    padding-left: 25px;
    line-height: 20px;
    user-select: none
}

.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 {
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    transition: all 90ms cubic-bezier(0, 0, .2, .1)
}

.round-check input+label:after {
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg) !important;
    width: 10px;
    transition: .2s
}

.round-check input {
    display: none
}

.round-check input:checked+label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
}

.round-check input:checked+label:before {
    background: var(--main);
    border: 0;
}

/*Setting Stats*/
.tag_sett_stat_hdr {
    justify-content: space-between;
    margin-bottom: 30px;
}

.wow_sett_stats {
    color: #6abd46;
    padding: 0 10px;
    font-weight: 500;
    font-size: 15px;
}

.wow_sett_stats svg {
    border-radius: 50%;
    background-color: rgba(106, 189, 70, 0.2);
    padding: 7px;
    width: 30px;
    height: 30px;
    margin-top: -4px;
}

.tag_sett_stat_hdr select {
    border: 0;
    background-color: rgba(0, 0, 0, 0.06);
    padding: 3px 5px;
    border-radius: 5px;
}

/*Pro Users*/
.featured-users .wo_page_hdng {
    margin: 0;
    border: 0;
    padding: 12px;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: normal;
}

.featured-users .wo_page_hdng span {
    background: #ff7043;
}

.featured-users-innr {
    padding: 0 12px 2px;
}

.tag_go_pro_user {
    background-color: #ffd5c8;
    height: 123px;
    margin: 0 0 12px;
    display: block;
    border-radius: 10px;
    padding: 12px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.tag_go_pro_user p {
    font-weight: 500;
    font-size: 16px;
    color: black;
    width: 100%;
    max-width: 170px;
    margin: 0 0 18px;
}

.tag_go_pro_user .btn {
    background-color: #ff7043;
    color: white;
}

.tag_go_pro_user img {
    position: absolute;
    width: 100px;
    right: -10px;
    top: 23px;
    pointer-events: none;
}

.tag_pro_users {
    margin: 0 -5px;
    flex-wrap: wrap;
}

.tag_pro_users>div {
    padding: 0 5px;
    width: 33.3333333333%;
}

.tag_pro_users>div a {
    display: block;
    padding: 4px;
    width: 100%;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 0.1);
    margin: 0 0 10px;
}

.tag_pro_users>div img {
    object-fit: cover;
    border-radius: 7px;
    width: 100%;
    height: 95px;
}

.tag_pro_users>div h4 {
    margin: 7px 0 3px;
    font-size: 13px;
}

/*Home*/
.tag_home_filters {
    position: relative;
    padding: 15px 10px;
    margin: -14px -10px 0;
}

.tag_home_filters.home {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 90;
    background: var(--body-bg);
}

.tag_home_post_order {
    margin: 0 14px 0 0;
    padding: 0 0 3px;
}

.tag_home_post_order .btn-mat {
    background-color: white;
    display: block;
    border-radius: 2em;
    line-height: 33px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 0 5px;
    min-width: 33px;
}

.tag_home_post_order .btn-mat svg {
    margin: -2px 0 0;
}

.tag_home_post_order .dropdown-menu {
    left: -10px;
    min-width: 220px;
}

.filterby {
    margin: 0 7px 0 -7px;
}

.filterby li {
    margin: 0 7px;
}

.filterby li a {
    padding: 0 16px;
    transition: none;
}

.filterby li.active a::before {
    transition: none;
}

.tag_home_filters>.btn {
    margin-left: auto;
    min-width: 60px;
    box-shadow: none;
    transition: all 0.2s linear;
    padding: 0;
    background: transparent;
    visibility: hidden;
    opacity: 0;
}

.tag_home_filters>.btn.btn-home-go-up {
    visibility: visible;
    opacity: 1;
}

.promoted-post {
    position: relative
}

.promoted-post .promoted-icon {
    position: absolute;
    top: 15px;
    color: #ff7042;
    left: 15px;
    background-color: #ffedd3;
    border-radius: 7px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 22px;
    padding: 0 10px;
    word-spacing: 1px;
}

.promoted-post .post.boosted .panel {
    padding-top: 37px;
    box-shadow: inset 0 0px 0px 1px #ffcc80, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
}

.posts-count {
    z-index: 99;
    position: fixed;
    transition: all .2s ease;
    top: 90px;
    left: 50%;
    transform: translateX(-50%) translate3d(0, 0, 0);
    border-radius: 2em;
}

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

/*Home Stories*/
.tag_stories_on_home {
    margin-bottom: 30px;
}

.tag_stories_on_home+hr {
    margin-bottom: 29px;
}

.tag_stories_on_home .tag_stories_mobi {
    overflow: visible;
    max-height: none;
    position: relative;
}

.tag_stories_on_home .tag_stories_mobi .status-list {
    flex-wrap: nowrap;
    overflow: hidden;
}

.tag_stories_on_home .tag_stories_mobi .status-list li {
    margin: 0;
    width: 14.2857143%;
    min-width: 14.2857143%;
}

.tag_stories_on_home .tag_stories_mobi .status-list li a {
    padding-bottom: 150%;
    background: rgb(0 0 0 / 0.05);
    border-radius: 10px;
}

.tag_stories_on_home .tag_stories_mobi .status-list li span {
    background-color: var(--body-bg);
}

.tag_stories_on_home .view-more-stories {
    height: 45px;
    min-height: 45px;
    min-width: 45px;
    width: 45px;
    line-height: 45px;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.tag_stories_on_home .tag_stories_mobi .status-list li.story_empty a:after {
    display: none;
}

.tag_stories_on_home .tag_stories_mobi .status-list li.story_empty span b {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgb(0 0 0 / 0.05);
    display: block;
}

.tag_stories_on_home .tag_stories_mobi .status-list li.story_empty p {
    height: 20px;
    background: rgb(0 0 0 / 0.05);
    margin: 20px 20px 0;
    border-radius: 5px;
}

/*Greeting*/
.skel_home_greet {
    height: 25px;
    width: 300px;
    margin: 1.5px 0 35px;
}

.greetalert {
    position: relative;
    padding: 0px;
    margin-bottom: 30px;
}

.greetalert .close {
    right: 0px;
    top: 3px;
    padding: 0;
    position: relative;
}

.greetalert>.btn {
    float: right;
    line-height: 22px;
    padding: 0 1px;
    border: 0;
    border-bottom: 1px dashed;
    border-radius: 0;
    background: transparent;
    color: #333333;
    margin: 3px 15px 3px 0;
}

.greetalert .small-texts {
    font-weight: 500;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 32px;
    letter-spacing: -0.5px;
    line-height: 1;
}

.greetalert p {
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.6);
    display: none;
}

.greetalert.morning .small-texts {
    color: #4CAF50;
}

.greetalert.noon .small-texts {
    color: #FF9800;
}

.greetalert.evening .small-texts {
    color: #3F51B5;
}

/*Weather*/
.tag_weather_box {
    width: 100%;
    max-width: 450px;
}

.tag_weather_box .modal-content {
    padding: 0;
    background: transparent;
}

.tag_weather {
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    font-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    background-color: #607D8B;
}

.tag_weather>.close {
    position: absolute;
    float: none;
    right: 10px;
    top: 10px;
    opacity: 0.4;
    z-index: 2;
    color: inherit;
}

.tag_weather_shadow {
    margin: -20px -20px 0;
    padding: 20px 20px 0;
    border-radius: 10px;
}

.tag_weather_hdr {
    justify-content: center;
    font-family: "TT Commons", Roboto, sans-serif;
}

.tag_weather_hdr>div {
    position: relative;
    padding-left: 50px;
}

.tag_weather_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.tag_weather_icon img {
    width: 34px;
}

.tag_weather_hdr p {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.1;
    margin: 0;
}

.tag_weather_condition {
    line-height: normal;
}

.tag_weather_currentTemp {
    text-align: center;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 110px;
    font-weight: 100;
}

.tag_weather_currentTemp sup {
    font-size: 30px;
    vertical-align: super;
    top: -10px;
    font-weight: 400;
}

.tag_weather_timezone {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    text-align: center;
    margin: -30px 0 30px;
}

.tag_weather_mdl>div {
    width: 33.3333333%;
    text-align: center;
}

.tag_weather_mdl p {
    margin: 3px 0 0;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
}

.tag_weather_mdl2 {
    padding: 30px 0;
}

.tag_weather_mdl2>div {
    width: 50%;
}

.tag_weather_forecast {
    margin: 0px -20px -20px;
    padding: 0px 20px 20px;
}

.tag_weather_forecast .fivedays {
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 7px 0;
}

.tag_weather_forecast .fivedays:last-child {
    padding-bottom: 0;
    border: 0;
}

.tag_weather.black {
    color: black;
}

.tag_weather.black .tag_weather_timezone {
    color: rgba(0, 0, 0, 0.8);
}

.tag_weather.black .tag_weather_forecast .fivedays {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.tag_weather.blur .tag_weather_shadow,
.tag_weather.blur .tag_weather_forecast {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.wet_skel {
    background-color: rgba(255, 255, 255, 0.2);
}

.wet_skel_ico {
    width: 34px;
    height: 34px;
    border-radius: 10px;
}

.wet_skel_condition {
    width: 60px;
    height: 13px;
    margin-bottom: 3px;
}

.wet_skel_currentTemp {
    width: 120px;
    height: 100px;
    border-radius: 15px;
    margin: 30px auto 60px;
}

.wet_skel_timezone {
    width: 150px;
    height: 18px;
    margin: 0 auto;
}

.wet_skel_details {
    width: 50px;
    height: 12px;
    margin: 5px auto 0;
}

.wet_skel_day {
    width: 100px;
    height: 15px;
    margin: 4px 0;
}

.wet_skel_day_temp {
    width: 40px;
    height: 15px;
    margin: 4px 0;
}

.no_weather_loc {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #607D8B;
    border-radius: 10px;
}

.no_weather_loc .empty_state {
    color: white;
    width: 100%;
    max-width: 300px;
    margin: auto;
}

/*Post Loading*/
.tag_post_skel {
    margin-bottom: 20px;
}

.tag_post_skel .skel_avatar {
    width: 48px;
    min-width: 48px;
    height: 48px;
}

.tag_post_skel .skel_noti_name {
    width: 150px;
}

.tag_post_skel .tag_post_skel_foot {
    justify-content: space-between;
    padding-top: 170px;
    margin: 0 -10px;
}

.tag_post_skel .skel_action {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 10px;
}

/*Announcement*/
.tag_announce {
    margin-bottom: 30px;
}

.tag_announce>svg {
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
    opacity: 0.7;
}

.tag_announce b,
.tag_announce strong {
    margin: 0;
    font-weight: 500;
}

.tag_announce .announce_footer {
    text-align: right;
    padding-top: 5px;
}

.tag_announce .announce_footer .btn {
    min-width: 115px;
    line-height: 30px;
}

/*Birthdays*/
.tag_bdays {
    margin-bottom: 20px;
    padding: 5px;
}

.tag_bdays>.btn {
    box-shadow: none;
    width: 100%;
    background: transparent;
    color: #E91E63;
    line-height: 38px;
    text-align: inherit;
    padding: 0 8px;
}

.tag_bdays>.btn:hover {
    background-color: rgba(233, 30, 99, 0.05);
}

.tag_bdays>.btn img {
    position: absolute;
    right: 0;
    bottom: 0px;
    transform: rotate(-25deg);
    width: 40px;
    opacity: 0.7;
}

.tag_bdays>.btn svg {
    margin: -4px 5px 0 0;
    width: 28px;
    height: 28px;
    background-color: #E91E63;
    color: white;
    border-radius: 50%;
    padding: 4px;
}

.tag_bday_box.modal-content {
    padding: 14px 30px 0px;
}

.tag_bday_box>.empty_state {
    padding: 10px 0 20px;
    font-size: 25px;
    color: black;
    margin: -14px -30px 0;
    background: linear-gradient(#f8e4ff, #fff 60%);
    border-radius: 10px;
    width: calc(100% + 60px);
}

.tag_bday_box>.empty_state img {
    user-select: none;
    pointer-events: none;
    display: block;
    margin: 0 auto -10px;
    width: 250px;
}

/*People You may Know*/
.refresh {
    cursor: pointer;
    font-size: 13px;
    color: #2196F3;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.tag_post_people_know {
    margin-bottom: 20px;
}

.sidebar-users-may-know-container {
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 4px 12px;
    line-height: 1;
}

.wow_side_usrs {
    width: calc(100% / 5 + 15px);
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
}

.tag_sidebar_users {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.05);
}

.tag_sidebar_users .avatar {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    display: block;
    margin-bottom: 8px;
}

.tag_sidebar_users .avatar img,
.tag_sidebar_users .avatar .skel {
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.tag_sidebar_users .truncate {
    color: black;
    font-weight: 500;
    padding: 0 8px;
    display: inline-block;
    line-height: normal;
}

.tag_sidebar_users>div:not(.clear) {
    padding: 6px 8px 8px;
    min-height: 42px;
}

.tag_sidebar_users>div.clear {
    padding: 6.7px 0 0;
}

.tag_sidebar_users .btn {
    background-color: #2196F3;
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    color: white;
    padding: 0 5px;
}

.tag_sidebar_users .btn.btn-active {
    background-color: #4CAF50;
}

.tag_sidebar_users .btn svg {
    display: none;
}

.tag_sidebar_users>div.skel_noti_name {
    width: 75%;
    margin: 10px 8px 27.36px;
    padding: 0;
    min-height: 25px;
}

/*Nearby Places*/
.tag_nearby_places {
    background-color: #C8E6C9;
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

.tag_nearby_places img {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 180px;
    pointer-events: none;
    opacity: 0.7;
}

.tag_nearby_places h2 {
    margin: 0 0 5px;
    font-size: 20px;
}

.tag_nearby_places p {
    font-size: 16px;
}

.tag_nearby_places .btn {
    min-width: 100px;
}

/*Jobs*/
.tag_job_jumbo {
    flex-wrap: wrap;
    margin: 20px 20px 25px;
}

.tag_job_jumbo>div.dropdown {
    width: 20%;
}

.tag_job_jumbo>div.search-bar {
    width: 60%;
    position: relative;
}

.tag_job_jumbo>div.dropdown>.btn {
    box-shadow: none;
    width: 100%;
    text-align: inherit;
    border: 2px solid #e8e8e8;
    border-radius: 0;
    border-right: 0;
    height: 50px;
    line-height: 46px;
    color: var(--main);
}

.tag_job_jumbo>div.dropdown:first-child>.btn {
    border-radius: 2em 0 0 2em;
}

.tag_job_jumbo>div.dropdown:first-child .dropdown-menu {
    padding: 8px;
}

.tag_job_jumbo>div.dropdown:nth-child(2) .dropdown-menu {
    max-height: 320px;
    overflow-y: auto;
}

.tag_job_jumbo>div.dropdown:nth-child(2) .dropdown-menu li a {
    line-height: 36px;
}

.tag_job_jumbo>div.search-bar svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0.6;
    width: 17px;
    height: 17px;
}

.tag_job_jumbo>div.search-bar input {
    box-shadow: none;
    width: 100%;
    text-align: inherit;
    border: 2px solid #e8e8e8;
    border-radius: 0 2em 2em 0;
    padding: 10px 40px;
    height: 50px;
    font-weight: 500;
    background: transparent;
}

.tag_job_jumbo_nav {
    margin: 0 -3px;
}

.tag_job_jumbo_nav li a {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.08);
}

.tag_job_jumbo_nav li.active a {
    box-shadow: none;
    background-color: white;
}

.tag_job_list {
    margin-bottom: 30px;
    position: relative;
}

.tag_job_list .job_type {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 30px;
    color: #4CAF50;
    background-color: #E8F5E9;
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 5px;
}

.tag_job_list .avatar {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.tag_job_list .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.tag_job_list h4 a {
    color: black;
}

.tag_job_list p {
    min-height: 60px;
    overflow: hidden;
    max-height: 60px;
}

.tag_job_list p br {
    display: none;
}

.tag_job_list .job_cat {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    color: #3b3b3b;
}

.tag_job_list .job_cat svg {
    margin-top: -2px;
}

.tag_job_list .job_foot {
    justify-content: space-between;
    margin-top: 15px;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
    flex-direction: column;
}

.tag_job_list .job_foot .btn {
    width: 100%;
    border-radius: 2em;
    margin-top: 10px;
}

/*Lightbox*/
.lightbox-backgrond,
.lightbox-content,
.tag_comm_skel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    left: 0
}

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

.lightbox-content {
    transition: all .4s;
    z-index: 1045
}

.lightbox-content .story-img .tag_lbox_img_innr img {
    max-width: 100%;
    display: block;
    max-height: 100vh;
    margin: auto;
    user-select: none;
}

.lightbox-content .comment-section {
    background-color: #fff;
}

.lightbox-content .comment-section .post-info {
    max-height: 130px;
    overflow: auto;
}

.lightbox-content .comment-section .post-info p {
    padding: 0 15px;
    margin: 15px 0 0;
}

.lightbox-content .comment-section .post-info p:empty {
    padding: 0;
    margin: 0;
}

.lightbox-content .tag_post_actions {
    margin: 12px 0 0;
    padding: 0;
}

.lightbox-content .tag_post_foot_stats {
    padding: 0 3px;
}

/*Lighbox Skeleton*/
.tag_comm_skel {
    padding: 40px 60px 0;
    z-index: 1045;
}

.tag_comm_skels {
    width: 33.3333333333%;
    height: calc(100vh - 120px);
    padding: 0 20px;
}

.tag_comm_skels_innr {
    background-color: #424242;
    border-radius: 10px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    padding: 15px;
}

.tag_comm_skels_covr {
    height: 210px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
}

.tag_comm_skels_avtr {
    width: 160px;
    height: 160px;
    margin: -50px auto 0;
    background-color: #4c4c4c;
    border: 5px solid #424242;
    border-radius: 100%;
}

.tag_comm_skels_name {
    width: 200px;
    height: 30px;
    margin: 30px auto 0;
    background-color: #4c4c4c;
    border-radius: 2em;
}

.tag_lboxside_skel {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1045;
}

.tag_lboxside_skel_white {
    position: absolute;
    background: white;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    padding: 15px;
    z-index: 1035;
}

.tag_lboxside_skel_white .skel_avatar {
    min-width: 40px;
    width: 40px;
    height: 40px;
}

.tag_lbox_skel_foot {
    border-top: 1px solid #e7e8ec;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    width: 400px;
    bottom: 0;
}

.tag_lbox_skel_foot .skel_avatar {
    min-width: 32px;
    width: 32px;
    height: 32px;
}

.tag_lbox_skel_tbox {
    width: 100%;
    height: 32px;
}

.tag_lbox_story_skel .status-list li a {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

/*Lightbox 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-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: 10px;
    overflow: hidden;
    background: #0d0d0d;
}

.wo_com_lbox_slide_bg {
    background-color: #424242;
    opacity: 0.4;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    height: calc(100vh - 120px);
    overflow: hidden;
    max-height: calc(100vh - 120px);
    padding: 15px;
    border-radius: 10px;
}

.slick-slide.slick-current .wo_com_lbox_slide_bg {
    opacity: 1;
    overflow-y: auto;
}

.wo_com_lbox_slide_innr .user-cover {
    display: block;
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.wo_com_lbox_slide_innr .upop_mid {
    margin-top: -50px;
}

.wo_com_lbox_slide_innr .upop_mid .avatar {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #424242;
    border: 5px solid #424242;
    border-radius: 100%;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.1);
}

.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 {
    padding: 0 15px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 32px;
    letter-spacing: -0.5px;
    line-height: 1;
}

.wo_com_lbox_slide_innr .upop_mid .user-name a {
    color: #ffffff;
}

.wo_com_lbox_slide_innr .upop_mid_innr {
    padding: 15px;
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information {
    padding: 0;
    color: white;
}

.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;
    background-color: #505050;
}

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

/*Lightbox*/
.wo_imagecombo_lbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
}

.wo_imagecombo_lbox .story-img,
.wo_image_lightbox .story-img {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-right: 400px;
    width: calc(100% - 400px);
    background-color: black;
    overflow: hidden;
}

.tag_lbox_toolbar {
    top: 0;
    z-index: 1035;
    position: absolute;
    left: 0;
    right: 0;
    height: 70px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    justify-content: space-between;
    padding: 0 10px;
}

.tag_lbox_toolbar .btn,
.story_lightbox .wo_story_header .wo_stor_h_opts {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    min-width: 40px;
    line-height: 40px;
    height: 40px;
    padding: 0 4px;
    border-radius: 50%;
    margin: 0 5px;
}

.tag_lbox_toolbar .btn:not(.btn-toggle-lbox-info):not(.close-lightbox):hover,
.story_lightbox .wo_story_header .wo_stor_h_opts:hover {
    background: rgba(255, 255, 255, 0.2);
}

.tag_lbox_toolbar .btn svg,
.story_lightbox .wo_story_header .wo_stor_h_opts svg {
    margin: -2px 0 0;
    width: 21px;
    height: 21px;
}

.tag_lbox_toolbar .close-lightbox {
    background-color: #f2f2f2;
    color: black;
}

.tag_lbox_toolbar .btn-toggle-lbox-info {
    background: #565656;
}

.hide_lbox_info .tag_lbox_toolbar .btn-toggle-lbox-info {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.hide_lbox_info .tag_lbox_toolbar {
    right: 0;
    left: 0;
}

.tag_lbox_blur_img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    overflow: hidden;
}

.tag_lbox_blur_img_innr {
    -moz-filter: blur(150px);
    -webkit-filter: blur(150px);
    -o-filter: blur(150px);
    filter: blur(150px);
    width: 100%;
    height: 100%;
}

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

.tag_lbox_img_innr {
    position: relative;
    display: table;
    height: 100%;
    z-index: 1;
    padding: 0 80px;
    width: 100%;
}

.previous-btn {
    left: 0
}

.next-btn {
    right: 0
}

.wo_imagecombo_lbox .story-img .changer,
.wo_image_lightbox .story-img .changer,
.tag_post_prods .carousel .carousel-control {
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1034;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    margin: 0 15px;
    color: #fff;
    padding: 0 7px;
}

.wo_imagecombo_lbox .story-img .changer svg,
.wo_image_lightbox .story-img .changer svg,
.tag_post_prods .carousel .carousel-control svg {
    width: 32px;
    height: 32px;
    margin: -2px 0 0;
}

.wo_imagecombo_lbox .story-img .dragable,
.wo_image_lightbox .story-img .dragable {
    display: table-cell;
    vertical-align: middle;
}

.wo_imagecombo_lbox .story-img .tag_lbox_img_innr img,
.wo_image_lightbox .story-img .tag_lbox_img_innr img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    transition: all .2s linear;
}

.wo_imagecombo_lbox .story-img .tag_lbox_img_innr img.double_zoom,
.wo_image_lightbox .story-img .tag_lbox_img_innr img.double_zoom {
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
}

.image_blur {
    filter: blur(100px);
}

.image_blur_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: black;
}

.tag_mobi_lbox_foot {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(transparent, rgb(0 0 0 / 0.5));
    z-index: 9;
    padding: 60px 15px 15px;
    color: rgb(255 255 255 / 90%);
}

.tag_mobi_lbox_foot .tag_lbox_hdr h4 a {
    color: white;
}

.tag_mobi_lbox_foot_com_count {
    margin: 20px 15px 0;
}

.wo_imagecombo_lbox .comment-section {
    width: 400px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.tag_lbox_hdr {
    padding: 15px 15px 0;
}

.tag_lbox_hdr .avatar {
    min-width: 40px;
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

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

.tag_lbox_hdr h4 {
    margin: 2px 0 0;
    font-size: 15px;
}

.tag_lbox_hdr h4 a {
    color: black;
}

.tag_lbox_hdr .ajax-time {
    font-size: 12px;
}

.wow_lightbox_right {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
}

.wow_lightbox_right .comment-section-inner {
    position: relative;
}

.wow_lightbox_right .comment-section-inner+hr,
.tag_lbox_skel_hr {
    width: 100%;
    margin: 15px 0;
}

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

.tag_lbox_cooms_count {
    margin: 0 15px 8px;
}

.tag_lbox_cooms_count svg {
    margin-top: -2px;
}

.lbox_coms_navigation {
    display: none;
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wo_imagecombo_lbox .lightbox-post-footer .comment:empty {
    margin: 0;
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment_edele_options {
    display: none;
}

.wo_imagecombo_lbox .lightbox-post-footer.post-comments {
    border-top: 1px solid #e7e8ec;
    padding: 10px 15px;
    z-index: 5;
    flex: 0 0 auto;
    vertical-align: bottom;
}

.tag_lbox_comcombo {
    position: relative;
    align-items: normal;
}

.tag_lbox_comcombo .avatar {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.wo_imagecombo_lbox .lighbox.comment-textarea {
    max-height: 32px;
}

.wow_lightbox_right .lightbox-no-comments {
    margin: auto;
}

.hide_lbox_info.wo_imagecombo_lbox .story-img,
.wo_image_lightbox .story-img {
    margin: 0;
    width: 100%;
}

.hide_lbox_info.wo_imagecombo_lbox .story-img {
    width: 100% !important;
}

.hide_lbox_info.wo_imagecombo_lbox .comment-section {
    transform: translateX(520px);
}

.wo_image_lightbox {
    width: 100%;
}

/*Share Post Modal*/
.tag_share_post_switch {
    margin-top: 0;
}

.shar_modl_chose_pgrp .search_for_form {
    margin: 15px 0 20px;
}

.shar_modl_chose_pgrp input {
    min-height: 45px;
    border: 0;
    background-color: #f5f5f5;
    font-size: 15px;
    padding: 6px 16px;
    border-radius: 4px 4px 0 0;
    width: 100%;
    border-bottom: solid 1px rgba(0, 0, 0, .42);
}

.tag_share_post_tarea {
    margin: 20px 0;
}

.tag_share_post_input[readonly] {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.07);
    border: 0;
    box-shadow: none;
    padding: 10px 5px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.share_modal_social_icos {
    flex-wrap: wrap;
    text-align: center;
}

.share_modal_social_icos>div {
    width: 33.3333333%;
    padding: 15px;
}

.share_modal_social_icos>div a {
    display: inline-block;
    font-size: 17px;
}

.share_modal_social_icos>div a .social-btn {
    width: 65px;
    height: 65px;
    margin: 0 auto 10px;
    line-height: 63px;
    text-align: center;
    position: relative;
}

.share_modal_social_icos>div a .social-btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    border-radius: 50%;
    opacity: 0.15;
}

/*View Story*/
.tag_close_story_altr {
    display: none;
}

.width_ {
    width: 0;
}

.story_lightbox .story-img {
    margin-right: 520px;
    width: calc(100% - 520px);
}

.story_lightbox .tag_lbox_toolbar {
    background: transparent;
}

.tag_lbox_story_view {
    margin: auto;
    width: 39%;
    min-width: 540px;
    height: calc(100vh - 40px);
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.tag_lbox_story_view .tag_lbox_blur_img {
    opacity: .2;
    border-radius: 10px;
}

.story_lightbox .mfp-wrap {
    position: absolute;
    height: 4px;
    top: 0;
    right: 0;
    left: 0;
    padding: 12px 12px 0;
}

.story_lightbox .mfp-wrap .mfp_progress_line_ {
    background-color: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 4px;
    display: block;
    border-radius: 2em;
}

.story_lightbox .mfp-wrap .mfp_progress_line_ .load {
    background-color: #ffffff;
    height: 4px;
    display: block;
    border-radius: 2em;
    transition: all 7s ease;
}

.story_lightbox .wo_story_header {
    overflow: hidden;
    padding: 28px 12px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
    z-index: 1035;
    justify-content: space-between;
    border-radius: 10px 10px 0 0;
}

.story_lightbox .wo_story_header .wo_stor_h_info {
    width: 100%;
}

.story_lightbox .wo_story_header .wo_stor_h_info img {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r {
    max-width: calc(100% - 100px);
}

.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name {
    font-size: 15px;
    line-height: normal;
}

.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r .user-name a {
    color: white;
}

.story_lightbox .wo_story_header .wo_stor_h_info .wo_s_h_i_r span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

.story_lightbox .tag_lbox_img_innr {
    padding: 0;
    width: 100%;
}

.story_lightbox .story-img .changer.previous-btn {
    left: -80px;
    background-color: rgba(255, 255, 255, 0.2);
}

.story_lightbox .story-img .changer.next-btn {
    right: -80px;
    background-color: rgba(255, 255, 255, 0.2);
}

.story_lightbox .dragable {
    border-radius: 10px;
    overflow: hidden;
}

.story_lightbox .story-img .tag_lbox_img_innr img,
.story_lightbox .story-img .tag_lbox_img_innr video {
    max-height: calc(100vh - 40px);
    vertical-align: middle;
}

.story_lightbox .draggableHelper_story_content {
    position: absolute;
    bottom: 15%;
    color: white;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.6);
}

.story_lightbox .draggableHelper_story_content:empty {
    padding: 0;
}

.tag_view_count_story_mobi {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    color: #fff;
    background: rgb(0 0 0 / 0.8);
    border-radius: 2em;
}

.tag_story_side {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 520px;
    background-color: #141414;
    color: white;
    padding: 15px;
}

.tag_story_side .tag_page_title {
    margin: 0;
}

.tag_lbox_story_views {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100% - 30px);
}

.story_lightbox .story_views_ {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.story_lightbox .story_views_:last-child {
    border: 0;
}

.story_lightbox .story_view_list {
    padding: 15px 5px;
}

.story_lightbox .story_view_list img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.story_lightbox .story_view_list .user-name a {
    color: rgba(255, 255, 255, 0.8);
}

/*Lightbox Stories*/
.tag_lbox_stories {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100% - 35px);
}

.tag_lbox_stories .status-list {
    margin: 0 -7.5px;
    flex-wrap: wrap;
}

.tag_lbox_stories .status-list li {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
    padding: 0 7.5px;
    margin: 15px 0 0;
}

.tag_lbox_stories .status-list li a {
    display: block;
    user-select: none;
    position: relative;
    transition: all 0.2s;
    padding-bottom: 130%;
}

.tag_lbox_stories .status-list li a:after {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    border-radius: 0 0 10px 10px;
    bottom: 0;
    content: '';
    height: 40%;
    left: 0;
    position: absolute;
    width: 100%;
}

.tag_lbox_stories .status-list li.create_new a svg {
    background-color: white;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 7px;
    color: #000;
}

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

.tag_lbox_stories .status-list li span {
    position: absolute;
    width: 46px;
    height: 46px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    z-index: 1;
    padding: 3px;
    background-color: #141414;
    border-radius: 50%;
}

.tag_lbox_stories .status-list li span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.tag_lbox_stories .status-list li p {
    margin: 20px 0 0;
    z-index: 1;
    font-weight: 500;
    text-align: center;
}

/*Live*/
.tag_live_sidebar {
    position: fixed;
    left: 0;
    top: 80px;
    bottom: 0;
    width: 350px;
    background-color: white;
    z-index: 950;
    padding: 15px;
    flex-direction: column;
    align-items: normal;
    justify-content: flex-end;
}

.tag_live_sidebar_foot {
    border-top: 1px solid #e2e2e2;
    margin: 15px 0 0;
    padding: 15px 0 0;
}

.wow_liv_comments_feed {
    overflow: hidden;
    max-height: 100%;
    flex-direction: column;
    align-items: normal;
    justify-content: flex-end;
    position: relative;
}

.wow_liv_comments_feed:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 15%;
    background: linear-gradient(white, transparent);
}

.tag_live_no_comment {
    font-size: 15px;
}

.tag_live_no_comment svg {
    display: block;
    margin: 0 auto 15px;
    width: 70px;
    height: 70px;
    filter: grayscale(1);
    opacity: 0.4;
}

.wow_go_live_btn,
.wow_end_live_btn {
    width: 100%;
    min-width: 105px;
    line-height: 45px;
}

.wow_go_live_cont {
    height: 100vh;
    background-color: black;
    margin: -30px 0 0;
    position: relative;
}

.wow_go_live_cont>div,
.wow_go_live_cont .liv_vid_cont {
    height: 100%;
}

.wow_go_live_cont video.videostream {
    max-width: 100%;
    display: block;
    height: 100%;
    max-height: 100vh;
    margin: auto;
    vertical-align: middle;
}

.wow_liv_counter {
    z-index: 9;
    position: absolute;
    left: 25px;
    top: 25px;
    background-color: #F44336;
    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: 26px;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    padding: 0 10px;
    text-transform: uppercase;
}

.wow_go_live_cont .empty_state {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: rgba(255, 255, 255, 0.8);
}

.wow_go_live_cont .empty_state svg {
    padding: 15px;
    background-color: #4a4a4a;
}

.tag_live_skel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 75%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    justify-content: center;
    padding: 10px;
    font-size: 16px;
}

.mic_drop,
.cam_drop {
    margin: 0 10px 0 0px;
}

.mic_drop>.btn,
.cam_drop>.btn {
    line-height: 45px;
    min-width: 45px;
    padding: 0 10px;
}

.mic_drop>.btn svg,
.cam_drop>.btn svg {
    margin: 0;
}

.mic_drop a,
.cam_drop a {
    display: block;
    padding: 5px 12px;
}

/*Maintenance*/
.tag_maint_page {
    height: 100vh;
}

.tag_maint_page img {
    width: 80%;
    pointer-events: none;
}

/*Memories*/
.tag_mem_link {
    text-transform: capitalize;
}

.wow_memories .on_this_day {
    margin: 0;
    padding: 15px 39px 1px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: var(--main);
}

.wow_memories .on_this_duration {
    font-size: 17px;
    margin: 0;
    padding: 2px 15px 15px;
    border-bottom: 1px solid #e9e9e9;
}

.wow_memories .post .panel {
    box-shadow: none;
}

.wow_memories_posts .post .post-footer.post-comments {
    display: none;
}

.wow_memories_friends .wow_content {
    margin-bottom: 20px;
}

.wow_memories_friends .wow_mem_usr {
    align-items: normal;
}

.wow_memories_friends .wow_mem_usr .avatar {
    width: 56px;
    min-width: 56px;
    height: 56px;
    margin-right: 10px;
}

.wow_memories_friends .wow_mem_usr .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.wow_memories_friends .wow_mem_usr .title>div>a {
    color: #272727;
    font-size: 17px;
}

.wow_memories_friends .btn-default {
    margin: 5px 0 0;
    line-height: 29px;
    font-size: 13px;
}

/*Messages*/
.tag_messages {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tag_messages>.wow_content {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.tag_message_innr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tag_msg_user_list {
    min-height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 25%;
    min-width: 25%;
    border-right: 1px solid #e6ecf0;
}

.tag_msg_user_chat {
    min-height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 75%;
    min-width: 75%;
    position: relative;
}

.tag_msg_header {
    min-height: 65px;
    padding: 10px 15px;
    justify-content: space-between;
    border-bottom: 1px solid #e6ecf0;
}

.tag_msg_header>h2 {
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 30px;
    letter-spacing: -0.5px;
    line-height: 1;
    margin: 0 0 -5px;
}

.tag_msg_toolbar {
    margin: 0 -5px;
}

.tag_msg_toolbar>.btn,
.tag_msg_toolbar>span>.btn {
    margin: 0 5px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 0;
    border: 0;
}

.tag_msg_toolbar>.btn img {
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.tag_msg_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: calc(100vh - 65px);
    height: calc(var(--vh, 1vh) * 100 - 65px);
    min-height: auto;
    overflow: hidden;
}

.tag_msg_search {
    padding: 15px 15px 5px;
    position: relative;
}

.tag_msg_search .search_input {
    position: relative;
    overflow: hidden;
    display: flex;
    flex: 1;
}

.tag_msg_search .search_input input {
    background-color: rgba(0, 0, 0, .05);
    border: 0;
    border-radius: 2em;
    padding: 8px 20px 8px 40px;
    color: #222;
    overflow: hidden;
    flex: 1 100%;
    height: 37px;
}

.tag_msg_search .search_input>svg {
    position: absolute;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
    color: #666666;
    left: 10px;
    width: 20px;
    height: 20px;
}

.tag_msg_body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
}

.tag_msg_body_content {
    max-height: 100%;
    min-height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 56px;
}

.messages-recipients-list {
    margin: 0;
    border-radius: 0;
    padding: 10px 15px;
}

.messages-recipients-list.active {
    background-color: rgb(0 0 0 / 0.05);
}

.messages-recipients-list .avatar {
    position: relative;
}

.messages-recipients-list .online_dot {
    position: absolute;
    width: 18px;
    height: 18px;
    bottom: -3px;
    right: 3px;
    border-radius: 50%;
    justify-content: center;
    background: #fff;
    padding: 3px;
}

.messages-recipients-list .online_dot .dot {
    width: 100%;
    height: 100%;
    background-color: #4CAF50;
    border-radius: 50%;
}

.messages-recipients-list .new-message-alert {
    background: #e83e8c;
    left: -5px;
    top: -5px;
    right: auto;
    min-width: 20px;
    height: 20px;
    box-shadow: 0 0 0 3px white;
}

.messages-recipients-list,
.messages-recipients-list .ajax-time {
    color: #2b2b2b;
}

.messages-recipients-list .notification-text {
    max-width: calc(100% - 73px);
}

.messages-recipients-list .notification-text>span {
    color: #2b2b2b;
    display: block;
}

.msg_usr_info_top_list {
    position: relative;
    background-color: white;
    z-index: 15;
}

.chat_navigation {
    margin: 0 5px 0 0;
    background: transparent;
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 0;
    display: none;
    border: 0;
}

.tag_msg_participant {
    width: 100%;
    max-width: calc(100% - 150px);
}

.tag_msg_participant .avatar {
    display: inline-block;
    vertical-align: middle;
}

.tag_msg_participant .avatar img {
    margin-right: 6px;
}

.tag_msg_participant .name {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px);
}

.tag_msg_participant .name>div,
.tag_msg_participant .name>div a {
    color: #212121;
    font-size: 16px;
    display: block;
}

.tag_msg_participant .name>p {
    margin: 0;
}

.tag_msg_switch {
    border: 0;
    background-color: rgb(255 255 255 / 0.65);
    border-top: 1px solid #e6ecf0;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(25% - 1px);
    -webkit-backdrop-filter: brightness(1.5) blur(5px);
    backdrop-filter: brightness(1.5) blur(5px);
}

.tag_msg_switch li {
    float: none;
    margin: 0;
    width: 50%;
}

.tag_msg_switch li a {
    margin: 0;
    text-align: center;
    line-height: normal;
    height: 56px;
    font-weight: 500;
    padding: 8px 12px 12px;
    opacity: 0.8;
    display: block;
}

.tag_msg_switch li a svg {
    display: block;
    margin: auto;
}

.tag_msg_switch li a.active {
    color: var(--main);
    opacity: 1;
}

.msg_progress {
    height: 2px;
    width: 100%;
    background-color: #b3deff;
    background-clip: padding-box;
    overflow: hidden;
    bottom: -1px;
    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;
}

.msg_progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

.messages-load-more-messages {
    transition: transform 230ms ease-out;
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translate(-50%, 10px);
    will-change: transform;
}

.messages-load-more-messages .btn {
    letter-spacing: .3px;
    font-size: 12px;
    line-height: 16px;
    opacity: .9;
    background-color: #3c4043;
    color: #fff;
    padding: 4px 8px;
}

.messages-load-more-messages.above_header {
    transform: translate(-50%, -40px);
}

.tag_msg_main_body {
    justify-content: flex-end;
}

.messages-container {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 15px 25px 2px;
    /*position: relative;*/
}

.messages-container .empty_state {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
}

.messages-container .empty_state img {
    display: block;
    margin: 0 auto;
    height: 250px;
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
}

.btn-message-select {
    display: none;
}

.message-contnaier {
    padding: 5px 0;
    position: relative;
    width: 100%;
}

.message-user-image {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
}

.tag_msg_wrapper {
    width: auto;
}

.tag_msg_wrapper .message-text {
    display: table;
    border-radius: 0 18px 18px;
    padding: 7.5px 15px;
    font-size: 15px;
    position: relative;
}

.tag_msg_wrapper .message-text::before {
    content: '';
    position: absolute;
    left: -7px;
    border-top: 7px solid #eaeaea;
    top: 0;
    border-left: 8px solid transparent;
}

.tag_msg_wrapper .message-text,
.tag_msg_wrapper p:empty {
    margin: 0;
}

.tag_msg_wrapper.outgoing .message-text {
    margin-left: auto;
    border-radius: 18px 0 18px 18px;
    background: var(--main);
    color: var(--main-color);
}

.tag_msg_wrapper.incoming .message-text {
    margin-right: auto;
}

.tag_msg_wrapper.outgoing .message-text::before {
    left: auto;
    right: -7px;
    border-top: 7px solid var(--main);
    border-right: 8px solid transparent;
}

.messages-container .deleteMessage {
    transform: translateY(calc(-50% - 10px));
}

.tag_msg_wrapper .tag_prods_list {
    width: 100%;
    max-width: 220px;
}

.tag_msg_wrapper .tag_prods_list .product_image img {
    max-height: none;
}

.tag_msg_wrapper .time {
    margin-top: 2px;
}

.messages-container .message-media img,
.messages-container .message-media video {
    max-height: calc(100vh - 300px);
    margin: 0;
}

.messages-container .message-media video {
    background-color: black;
}

.tag_msg_write {
    flex-shrink: 0;
    padding: 10px 25px 25px;
    position: relative;
}

.tag_write_msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex: 1 1 auto;
}

.tag_write_msg>.dropup .dropdown-toggle {
    color: #7d7d7d;
}

.tag_write_msg>textarea {
    border: 0;
    resize: none;
    padding: 9.5px 38px;
    min-height: 40px;
    background: rgba(0, 0, 0, 0.06);
    width: 100%;
    border-radius: 20px;
    font-size: 15px;
    max-height: 82px;
}

.charsLeft-message {
    color: #999;
    font-size: 13px;
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    pointer-events: none;
}

.tag_msg_write .message-option-btn {
    color: var(--main);
    padding: 0;
    border: 0;
    box-shadow: none;
    line-height: 1;
    margin-left: 12px;
}

.tag_msg_write .tag_msg_select_clr {
    display: block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    border-radius: 50%;
}

.tag_msg_write .tag_msg_select_clr:before,
.tag_pub_box_bg_camlve:before {
    content: '';
    position: absolute;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}

.tag_msg_record {
    position: relative;
    display: inline-block;
    margin-left: 12px;
}

.tag_msg_record .tag_msg_select_clr {
    margin: 0;
}

.tag_msg_record .messages-rtime,
.tag_cht_rec_time {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: -25px;
}

.tag_msg_write .send-button {
    line-height: 40px;
    height: 40px;
    border-radius: 2em;
    min-width: 80px;
    margin-left: 12px;
}

.tag_msg_write .send-button svg {
    display: none;
    margin: 0;
    width: 24px;
    height: 24px;
}

.tag_msg_emostick {
    position: relative;
}

.tag_msg_emostick .dropdown-toggle {
    color: #7d7d7d;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.tag_msg_emostick .dropdown-menu {
    position: relative;
    margin: 0 0 -25px;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 8px;
}

.tag_msg_emojis {
    height: 100%;
    width: 100%;
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto;
}

.tag_msg_emojis span {
    margin: 6px;
}

.tag_msg_emojis span i {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    margin: 0;
}

.tag_msg_sticks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    width: 100%;
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto;
}

.tag_msg_sticks div {
    flex: 0 1 16.6%;
    height: 140px;
    justify-content: center;
    position: relative;
    min-width: 120px;
}

.tag_msg_sticks img {
    cursor: pointer;
    height: 100px;
    width: 100px;
}

/*Modals*/
/*Calling Modal*/
.tag_vdo_call_box_prnt {
    width: 100%;
    max-width: 400px;
}

.tag_vdo_call_box {
    background: transparent;
}

.tag_vdo_call_box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    border-radius: 0 0 10px 10px;
}

.tag_vdo_call_box img {
    width: calc(100% + 48px);
    margin: -24px;
    border-radius: 10px;
    height: 550px;
    object-fit: cover;
}

.tag_vdo_call_box>div>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: white;
    z-index: 5;
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(black, transparent);
    border-radius: 10px 10px 0 0;
    padding: 24px 10px 50px;
}

.tag_vdo_call_box>div>div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 10px;
    color: white;
    z-index: 5;
}

.tag_vdo_call_box h4,
.tag_call_box h4 {
    margin: 0;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 28px;
    letter-spacing: -0.5px;
}

.tag_vdo_call_box .btn,
.tag_call_box .btn,
.tag_call_rec_box .btns_cont .btn {
    padding: 0 5px;
    min-width: 50px;
    line-height: 50px;
    height: 50px;
    border-radius: 50%;
}

.tag_vdo_call_box .btn.call_no_answer,
.tag_call_box .btn.call_no_answer {
    background: #ebeef0;
    color: #313131;
}

.tag_vdo_call_box .btn svg,
.tag_call_box .btn svg,
.tag_call_rec_box .btns_cont .btn svg {
    width: 24px;
    height: 24px;
    margin: -2px 0 0;
}

.tag_call_box>div>span {
    color: var(--main);
    font-weight: 500;
    font-size: 16px;
    padding: 0 0 30px;
    display: block;
}

.tag_call_box img {
    width: 110px;
    height: 110px;
    border-radius: 100%;
}

.tag_call_box h4 {
    margin: 15px 0 0px;
}

.tag_call_box p {
    margin: 0 0 80px;
}

/*Cover Image Modal*/
.image-modal .modal-content {
    padding: 5px;
    overflow: hidden;
}

.image-modal .modal-content img {
    border-radius: 10px;
    max-height: calc(100vh - 85px);
}

.tag_chat_img_lbox {
    width: auto;
}

/*Call Recieve Modal*/
body.tag_call_incoming {
    overflow-y: auto !important;
}

.tag_call_rec_box.modal.fade {
    background: transparent;
}

.tag_call_rec_box.modal.fade .modal-dialog {
    margin: 10px auto;
    transform: scale(1);
    will-change: margin;
    transition: margin 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tag_call_rec_box.modal.fade.show .modal-dialog {
    margin: 50px auto 10px;
}

.tag_call_rec_box .modal-content {
    border-radius: 10px;
    border: 0;
    background: #121212;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    padding: 20px;
}

.tag_call_rec_box p.bold {
    color: #03A9F4;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.tag_call_rec_box .valign {
    position: relative;
    padding-right: 110px;
}

.tag_call_rec_box img {
    width: 55px;
    min-width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 10px;
}

.tag_call_rec_box h4 {
    color: #fff;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 26px;
    letter-spacing: -0.5px;
    margin: 0;
}

.tag_call_rec_box .btns_cont {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.tag_call_rec_box .btns_cont .btn {
    margin: 0 5px;
    min-width: 40px;
    line-height: 40px;
    height: 40px;
}

/*Who Like Dislike React Modal*/
.who_react_modal {
    justify-content: space-between;
    padding: 0 24px;
    border-bottom: 1px solid #e4e4e4;
    margin: -24px -24px 0;
}

.who_react_modal>span {
    display: block;
    padding: 15px 12px;
}

.who_react_modal>span .inline_act_emoji {
    transform: scale(1.1);
}

.who_react_modal>span .inline_post_emoji .reaction>img {
    width: 22px;
    height: 22px;
}

.tag_check_who_how_react.active {
    box-shadow: inset 0px -2px var(--main);
}

.wo_react_ursrs_list {
    max-height: 450px;
    overflow-y: auto;
}

.who_react_to_this_user {
    padding: 10px 5px;
    border-bottom: 1px solid #eaeaea;
    justify-content: space-between;
}

.who_react_to_this_user:last-child {
    border: 0;
}

.who_react_to_this_user .who_react_to_this_user_info .views_info_count_p {
    max-height: 40px;
    overflow: hidden;
    margin: 0;
}

.who_react_to_this_user .avatar {
    width: 40px;
    min-width: 40px;
    margin-right: 10px;
    height: 40px;
}

.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 {
    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 .btn {
    line-height: 31px;
    min-width: 95px;
}

.who_react_to_this_user .user-follow-button .btn svg {
    display: none;
}

/*Nearby Pages*/
.tag_nearby_pages {
    margin-bottom: 15px;
}

.tag_nearby_pages_map {
    height: 200px;
}

/*Offers*/
.tag_offers {
    margin-bottom: 30px;
    padding: 0;
}

.tag_offer_headimg {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.tag_offer_headimg img,
.tag_prods_list .product_image img,
.wo_sidebar_pages .cardheader img,
.wow_side_prods .avatar img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.tag_offer_info {
    position: relative;
    padding: 60px 15px 15px;
}

.tag_offer_type {
    -ms-flex-direction: column;
    flex-direction: column;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, .1));
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    width: fit-content;
}

.tag_offer_type .head {
    border-radius: 5px 5px 0 0;
    background-color: #ffffff;
    color: #000;
    width: 100%;
    padding: 10px 10px 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.5px;
    min-width: 100px;
}

.tag_offer_type .body {
    border-radius: 0 0 5px 5px;
    background-color: #ffffff;
    color: #000;
    width: 100%;
    padding: 5px 10px 10px;
    min-width: 100px;
}

.tag_offer_type .rip {
    background: #ffffff;
    height: 20px;
    margin: 0 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAACCAYAAAB7Xa1eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAaSURBVBhXY5g7f97/2XPn/AcCBmSMQ+I/AwB2eyNBlrqzUQAAAABJRU5ErkJggg==);
    background-size: 4px 2px;
    background-repeat: repeat-x;
    background-position: center;
    position: relative;
    width: calc(100% - 20px);
    min-width: 100px;
}

.tag_offer_type .rip:before,
.tag_offer_type .rip:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border: 5px solid transparent;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-radius: 100%;
    pointer-events: none;
}

.tag_offer_type .rip:before {
    left: -10px;
}

.tag_offer_type .rip:after {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
    right: -40px;
}

.tag_offer_info h2 {
    margin: 0;
    font-size: 17px;
}

.tag_offer_info h2 a {
    color: inherit;
}

/*Page*/
.wo_page_profile .cardheader,
.wo_sidebar_pages .cardheader {
    position: relative;
    padding: 0;
    padding-bottom: 33.33333%;
}

.tag_page_name_hdr {
    border-radius: 0 0 10px 10px;
    position: relative;
}

.tag_page_name_hdr>.tag_event_name_hdr {
    justify-content: space-between;
}

.tag_page_name_hdr .event-info-cont-small {
    position: relative;
    padding-left: 125px;
}

.tag_page_name_hdr .event-info-cont-small h3 {
    margin: 0;
}

.tag_page_name_hdr .user-avatar {
    position: absolute;
    height: 110px;
    width: 110px;
    bottom: -5px;
    left: 0;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
}

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

.tag_page_name_hdr .tag_switch_noti {
    margin: 15px auto 5px;
}

.profile-avatar-changer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.profile-avatar-changer .btn {
    min-width: 36px;
    padding: 0 3px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 50%;
}

.profile-avatar-changer .btn svg {
    margin: -2px 0 0;
}

.profile-avatar-changer .btn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.user-avatar-uploading-container {
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    display: none;
    border-radius: 50%
}

.tag_page_name_hdr .wow_event_page_btns .btn:not(.invite_event_frnd) {
    min-width: 100px;
}

.pinned-post-container {
    position: relative
}

.user-location-frame {
    border: 0;
    margin-top: 10px;
    display: none;
}

.user-social-links {
    margin: 0 -3px;
}

.user-social-links>a {
    display: block;
    margin: 0 3px;
}

.tag_page_rating {
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
}

.page-rating {
    position: relative;
}

.page-rating>fieldset label {
    margin: 0;
}

.page-rating>fieldset:not(:checked)>input {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.page-rating>fieldset:not(:checked)>label:hover,
.page-rating>fieldset:not(:checked)>label:hover~label,
.rated-star {
    color: #FF9800
}

.page-rating>fieldset:not(:checked)>label {
    float: right;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.2);
}

.page-rating>fieldset>label:active {
    position: relative;
    top: 2px
}

/*Create Job*/
.wo_create_job_box_flex {
    margin: 0 -5px;
}

.wo_create_job_box_flex>div {
    padding: 0 5px;
    flex: 1 100%;
}

.wo_create_job_qstn {
    background-color: #f5f5f5;
    border-radius: 4px 4px 0 0;
    border-bottom: solid 1px rgba(0, 0, 0, .42);
}

.wo_create_job_qstn_block {
    background-color: #f2f2f2;
    padding: 15px;
    border-radius: 5px;
    margin: 12px 0 0;
}

.wo_create_job_qstn_block>label {
    margin-top: 0;
}

.wo_create_job_qstn_block textarea {
    resize: none;
}

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

.wo_create_job_box_img_btns .btn {
    background-color: rgba(255, 255, 255, 0.7);
    color: #080808;
}

/*View Applied Jobs*/
.wo_vew_apld_jobs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 10px 5px;
}

.tag_vew_apld__job_side {
    padding: 0 15px;
    min-width: 30%;
    width: 30%;
}

.tag_vew_apld__job_main {
    padding: 0 15px;
    min-width: 70%;
    width: 70%;
}

.tag_vew_apld__job_side_innr .avatar {
    width: 110px;
    height: 110px;
    margin: 0 auto;
}

.tag_vew_apld__job_side_innr .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.tag_vew_apld__job_side_innr .jinfo h4 {
    margin: 15px 0;
    font-size: 26px;
    text-align: center;
}

.tag_vew_apld__job_side_innr .jinfo h4 a {
    color: #000;
}

.tag_vew_apld__job_side_innr .event_info_blocks div {
    font-size: 14px;
    padding: 6px 32px;
}

.tag_vew_apld__job_side_innr .event_info_blocks div>svg,
.user-fetch .event_info_blocks div>svg {
    left: 0px;
    width: 19px;
    height: 19px;
}

.wo_vew_apld_msg {
    margin-top: 15px;
}

.wo_vew_apld_msg .btn {
    min-width: 120px;
}

.wo_vew_apld_blocks {
    background-color: #f2f2f2;
    padding: 20px 20px 5px;
    border-radius: 10px;
    margin: 0 0 20px;
}

.wo_vew_apld_blkmrgn {
    margin-bottom: 20px;
}

.wo_vew_apld_blkmrgn>.bold {
    font-size: 15px;
}

/*Page Reviews*/
.tag_review_list {
    padding: 25px 5px 10px;
}

.tag_review_list:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

.review_list_head {
    margin-bottom: 8px;
}

.review-meta-desc {
    margin-bottom: 7px;
}

.reviewMeta--author-avatar {
    margin-right: 10px;
}

.reviewMeta--author-avatar img {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
}

/*Page Settings*/
.tag_ps_nearby_user_wrapper .user-follow-button .btn svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 0 0;
}

/*Pokes*/
.wo_poke_cont {
    padding: 30px 30px 1px;
}

/*Popover*/
.user-details {
    z-index: 1111;
    padding-top: 6px;
}

.user-details .loading-user,
.user-fetch {
    width: 340px;
    min-height: 241px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    padding: 10px;
}

.tag_pop_skel_cover {
    height: 105px;
    border-radius: 10px;
    width: 100%;
}

.user-details .loading-user .user-avatar,
.user-fetch .user-avatar {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin: -10px 10px 0;
}

.user-details .loading-user .user-avatar .skel {
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
    box-shadow: 0 0 0 4px white;
}

.user-details .loading-user .skel_noti_name {
    height: 25px;
    width: 77%;
    margin: 12px 0;
}

.user-details .loading-user .skel_noti_time {
    height: 14px;
    width: 80px;
    margin: 9px 0 0;
}

.user-fetch .user-cover {
    background-size: cover;
    background-position: center;
    height: 105px;
    border-radius: 10px;
    width: 100%;
}

.tag_profile_popover {
    align-items: normal;
}

.user-fetch .user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white;
}

.user-fetch .user-name {
    font-size: 25px;
    z-index: 3;
    color: #3c3c3c;
    font-weight: 500;
    font-family: "TT Commons", Roboto, sans-serif;
    padding: 10px 0 0;
}

.user-fetch .user-name a {
    color: #000;
}

.user-fetch .event_info_blocks div {
    font-size: 14px;
    padding: 3px 25px;
}

.user-fetch .user-buttons {
    margin: 10px -4px 0;
}

.user-fetch .user-button {
    padding: 0 4px;
    display: inline-block;
    width: 50%;
}

.user-fetch .user-button button {
    width: 100%;
    padding: 0 5px;
}

.user-fetch .user-button button svg {
    display: none;
}

.user-fetch .user-button:empty {
    margin: 0
}

/*Products*/
.tag_market_title {
    justify-content: space-between;
}

.tag_market_title .search-bar {
    width: 100%;
    max-width: 420px;
    position: relative;
}

.tag_market_title .search-bar input {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-radius: 8px;
    color: #202124;
    display: block;
    padding: 0 45px;
    width: 100%;
    border: 0;
    font-size: 15px;
    line-height: 48px;
    transition: all 0.15s;
}

.tag_market_title .search-bar input:focus {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);
}

.tag_market_title .search-bar svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    pointer-events: none;
    color: #737373;
}

.tag_market_title .search-bar input:focus+svg {
    color: var(--main);
}

.tag_products_slider {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
}

.tag_prods_slidr_prnt {
    width: 100%;
    max-width: 940px;
    margin: auto;
}

.tag_prods_slidr {
    white-space: nowrap;
}

.tag_prods_slidr .slick-list {
    overflow: visible;
}

.tag_prods_slidr .slick-prev,
.tag_prods_slidr .slick-next {
    z-index: 4;
    height: 300px;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    color: white;
    transform: none;
    top: 0;
    bottom: 0;
}

.tag_prods_slidr .slick-prev svg,
.tag_prods_slidr .slick-next svg {
    width: 65px;
    height: 65px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 10px;
}

.tag_prods_slidr .slick-prev {
    left: calc((-1 * (100vw - 1375.45px))/2 + 10px);
    width: calc((100vw - 1375.45px - 40px)/2);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02) 1%, rgba(0, 0, 0, 0.6) 100%);
}

.tag_prods_slidr .slick-next {
    right: calc((-1 * (100vw - 1375.45px))/2 + 10px);
    width: calc((100vw - 1375.45px - 40px)/2);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02) 1%, rgba(0, 0, 0, 0.6) 100%);
}

.tag_randm_plist {
    padding: 0 10px;
    display: inline-block;
}

.tag_randm_plist .product_info {
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.tag_randm_plist .product_info a {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    color: currentColor;
    font-family: "TT Commons", Roboto, sans-serif;
}

.tag_randm_plist .product_info .valign {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.15);
}

.tag_randm_plist .product_info .valign>div {
    padding: 12px 25px 0 0;
    width: 100%;
    max-width: 500px;
}

.tag_randm_plist .product_info h2 {
    margin: 0;
    font-size: 40px;
    white-space: normal;
    max-height: 87px;
    overflow: hidden;
}

.tag_randm_plist .product_info b {
    margin: 0;
    font-size: 50px;
    font-weight: 300;
}

.tag_randm_plist .product_info b sup {
    font-weight: 500;
    font-size: 27px;
    padding-right: 3px;
}

.tag_randm_plist .product_info .valign img {
    width: 240px;
    min-width: 240px;
    height: 240px;
    border-radius: 10px;
}

.tag_nearby_shops {
    background-color: #7adae6;
    margin-top: 30px;
}

.tag_nearby_shops .btn {
    background-color: #222;
}

.tag_market_cats {
    overflow: hidden;
}

.tag_market_cats li a {
    margin: 3px 0;
}

.tag_market_cats .slick-arrow {
    box-shadow: none;
    border-radius: 0;
    background: var(--body-bg);
    z-index: 1;
}

.tag_market_cats .slick-arrow svg {
    width: 30px;
    height: 30px;
}

.tag_market_filters {
    justify-content: space-between;
    margin: 27px 0 15px;
}

.tag_market_filters h3 {
    margin: 0;
    font-size: 20px;
}

.tag_market_filters .dropdown {
    display: inline-block;
    margin-left: 15px;
}

.tag_market_filters .dropdown .btn {
    padding: 0;
    box-shadow: none;
    font-weight: normal;
    color: var(--main);
    line-height: 26px;
}

.tag_market_filters .dropdown .btn svg {
    width: 16px;
    height: 16px;
    margin: -2px 0px 0 0;
}

.wo_market>.row,
.tag_post_more_prods>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.tag_prods_list {
    padding-right: 10px;
    padding-left: 10px;
}

.tag_prods_list .product_main {
    padding: 0;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
}

.tag_prods_list .product_image {
    display: block;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
}

.tag_prods_list .product_image img {
    transition: all 0.15s;
}

.tag_prods_list .product_main:hover .product_image img {
    filter: brightness(0.9);
}

.tag_prods_list .product_info {
    padding: 10px;
}

.tag_prods_list .product_info h2 {
    margin: 0;
    font-size: 16px;
}

.tag_prods_list .product_info h2 a {
    color: black;
}

.tag_prods_list .product_info b {
    margin: 8px 0 0;
    font-weight: normal;
    display: block;
    max-width: 80%;
    color: #606060;
}

.tag_prods_list .btn.contact,
.tag_prods_list .btn.edit {
    min-width: 36px;
    position: absolute;
    padding: 0 5px;
    background-color: white;
    color: #4CAF50;
    border-radius: 50%;
    box-shadow: 0 0 0 7px var(--body-bg);
    right: -7px;
    bottom: -7px;
}

.tag_prods_list .btn.contact svg,
.tag_prods_list .btn.edit svg,
.thumb-image-delete-btn svg {
    margin: -2px 0 0;
}

.tag_prods_list .btn.edit {
    color: #2196F3;
}

/*Create Products*/
.tag_crprods_upld_img .upload-product-image,
.tag_crprods_upld_img .thumb-image {
    width: 104px;
    height: 104px;
}

/*Edit Product*/
.thumb-image-delete-btn {
    min-width: 36px;
    position: absolute;
    padding: 0 5px;
    right: 5px;
    top: 5px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 1;
}

.thumb-image-delete-btn:hover {
    color: white;
}

.background_image_product {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
}

/*Refund*/
.tag_refund_req {
    margin-bottom: 25px;
    background-color: #ffeae4;
}

.tag_refund_req img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 10px auto;
}

/*Search*/
.tag_srch_input {
    justify-content: center;
    margin: 13px 0 23px;
}

.tag_srch_input input {
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.1;
    border: 0;
    padding: 0;
    color: black;
    width: auto;
    height: 45px;
    transition: width 0.15s linear;
    background: transparent;
    max-width: 85%;
}

.tag_srch_input input::placeholder {
    opacity: 0.3;
    color: currentColor;
}

.tag_srch_input .btn {
    margin: -4px 0 0 10px;
    border-radius: 50%;
    height: 45px;
    min-width: 45px;
    line-height: 45px;
    padding: 0 3px;
}

.tag_srch_input .btn svg {
    margin: 0;
    width: 22px;
    height: 22px;
}

.tag_srch_filters {
    justify-content: center;
    margin: 15px -7px 0;
    flex-wrap: wrap;
}

.tag_srch_filters>.dropdown,
.tag_srch_fltr_country {
    margin: 12px 7px 0;
}

.tag_srch_filters>.dropdown .dropdown-toggle,
.tag_srch_fltr_country {
    font-weight: 500;
    border-radius: 2em;
    border: 1px solid #e4e4e4;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 0px 9px;
    line-height: 30px;
}

.tag_srch_filters>.dropdown .dropdown-toggle svg,
.tag_srch_fltr_country svg {
    color: var(--main);
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.tag_srch_filters>.dropdown .dropdown-toggle .caret,
.tag_srch_fltr_country .caret {
    margin-left: 10px;
}

.tag_srch_filters>.dropdown .dropdown-menu {
    min-width: 180px;
}

.tag_srch_fltr_country {
    position: relative;
    padding: 0;
}

.tag_srch_fltr_country svg {
    position: absolute;
    margin: 0;
    left: 9px;
    top: 7px;
}

.tag_srch_fltr_country select,
.tag_srch_fltr_country input,
.tag_srch_fltr_country textarea {
    height: 29px;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 125px;
    padding: 0 25px 0 5px;
    border-radius: 2em;
    text-indent: 27px;
    cursor: pointer;
    background: transparent;
}

.tag_srch_fltr_country input,
.tag_srch_fltr_country textarea {
    width: 160px;
}

.tag_srch_fltr_country .caret {
    position: absolute;
    margin: 0;
    right: 9px;
    top: 14px;
}

.tag_srch_filters .round-check {
    display: block;
    padding: 0 12px;
}

.tag_srch_fltr_age {
    position: relative;
}

.tag_srch_fltr_age .age_number {
    width: 60px;
    text-align: center;
    border: 0;
    border-radius: 2em;
    padding: 0 10px;
    font-size: 13px;
    line-height: 25px;
    background-color: #f0f0f0 !important;
    position: absolute;
    top: 4px;
    right: 10px;
}

.tag_srch_filters .ui-slider {
    border-radius: 2em;
    box-shadow: none;
    height: 3px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9;
    margin: 6px 12px 10px;
}

.tag_srch_filters .ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50%;
    top: -4.5px;
}

.tag_srch_filters .ui-slider .ui-slider-range,
.tag_srch_filters .ui-slider .ui-slider-handle {
    background-color: var(--main);
}

.wow_srch_game_tabss {
    margin: 0 -10px;
}

.tag_search_user_data_mobi .cover {
    position: relative;
    padding-bottom: 40%;
    margin: -15px -5px 0;
}

.tag_search_user_data_mobi .cover img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.tag_search_user_data_mobi .avatar {
    margin: -20px 0 0;
    position: relative;
}

/*Settings*/
.tag_sett_sidebar {
    position: fixed;
    left: 0;
    top: 80px;
    bottom: 0;
    width: 350px;
    background-color: #fff;
    z-index: 950;
    box-shadow: none;
    border-radius: 0;
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 2px 0;
    margin: 0;
}

.tag_sett_sidebar>hr {
    margin: 12px 0;
}

.tag_sett_sidebar>p.bold {
    margin: 0;
    padding: 3px 22px 6px;
    font-size: 12px;
    text-transform: uppercase;
    color: #252525;
    letter-spacing: 0.5px;
    opacity: 0.6;
}

.tag_sett_sidebar>li>a {
    font-weight: 500;
    font-size: 14px;
    padding: 2px 22px;
    line-height: 40px;
    position: relative;
    display: block;
    clear: both;
}

.tag_sett_sidebar>li>a:before {
    border-radius: 0;
}

.tag_sett_sidebar>li>a:hover:before,
.tag_sett_sidebar>li>a:focus:before {
    opacity: 0.04;
}

.tag_sett_sidebar>li>a span {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    text-align: center;
}

.tag_sett_sidebar>li>a span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: 0.15;
    border-radius: 50%;
}

.tag_sett_sidebar>li>a span svg {
    width: 18px;
    height: 18px;
}

.tag_sett_sidebar>li.active>a {
    box-shadow: inset 2.5px 0px var(--main);
}

.tag_sett_sidebar>li.active>a:before {
    opacity: 0.06;
}

.tag_sett_page {
    transition: opacity 0.25s linear;
}

.tag_content.opacity_start .tag_sett_page {
    opacity: 0;
    pointer-events: none;
}

.tag_sett_page .tag_page_title {
    margin: 10px 0 30px;
}

.setting_navigation,
.lbox_coms_navigation,
.create_story_navigation {
    margin: -3px 5px 0 0;
    background: transparent;
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 1;
    display: none;
    border: 0;
}

.setting-update-alert:empty {
    margin: 0;
    padding: 0;
}

.wow_sett_content .text-center>.btn-mat.wo_sett_upgrade {
    color: white;
    min-width: 64px;
    line-height: 30px;
    margin: 0 0 5px;
    background-color: #F44336;
    font-size: 13px;
}

.show-upgrades {
    margin: 0 -7px 15px;
}

.show-upgrades>label.tag_field,
.show-upgrades>.btn {
    margin: 0 7px;
}

.show-upgrades>.btn {
    min-width: 130px;
}

/*Points*/
.earn_points {
    margin-bottom: 10px;
    padding: 0 5px;
}

.earn_points .ep_illus {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.earn_points .ep_illus .ep_how_many {
    padding: 10px 0;
}

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

.earn_points .counter {
    background-color: #f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
    height: 140px;
    border: 1px solid #f5f5f5;
    position: relative;
    overflow: hidden;
}

.earn_points .counter svg {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    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;
    padding: 0 20px;
}

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

/*Relationship Setting*/
.tag_set_relation {
    padding: 0;
}

.tag_set_relation .author .img-wrap {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 15px;
}

.tag_set_relation .author .text h3 {
    font-size: 24px;
}

.tag_set_relation .author .text p {
    font-size: 14px;
}

/*Select Media File*/
.tag_media_file>input[type=file] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.tag_media_file .btn-file span {
    margin-right: 10px;
    width: 45px;
    min-width: 45px;
    height: 45px;
    justify-content: center;
    color: var(--main);
    position: relative;
}

.tag_media_file .btn-file span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: currentColor;
    opacity: .2;
}

.tag_media_file .btn-file b {
    font-weight: normal;
}

/*My Information*/
.tag_download_info_title {
    margin: -20px 0 35px;
    letter-spacing: 0.2px;
    word-spacing: 1px;
    font-size: 15px;
    opacity: 0.8;
}

.tag_download_info>.col-lg-4 {
    padding-left: 15px;
}

.tag_select_info_dload {
    margin-bottom: 30px;
}

.tag_select_info_dload>input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.tag_select_info_dload>input:checked~.empty_state {
    background-color: #607D8B;
    color: #ffffff;
}

.ready_to_down_info {
    display: none;
    text-align: center;
    margin: 40px 0;
    padding: 0 20px;
}

.ready_to_down_info svg {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

.ready_to_down_info p {
    font-weight: 500;
    margin-bottom: 35px;
}

/*Password Helper*/
.helper-text {
    display: none;
    padding: 0 16px;
    margin: -20px 0 25px;
    font-size: 12px;
    line-height: 20px;
    color: #5e5e5e;
}

.helper-text li.valid {
    color: #000000;
    text-decoration: line-through;
}

/*Active Sessions*/
.active_sessions .as_list {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    justify-content: space-between;
}

.active_sessions .as_list:last-child {
    border: 0;
    padding-bottom: 2px;
}

.active_sessions .as_list .platform_icon {
    margin-right: 12px;
    width: 34px;
    min-width: 34px;
    height: 34px;
}

.active_sessions .as_list .session_info h4 {
    margin: 1px 0 3px;
    font-size: 16px;
}

.active_sessions .as_list .session_info p {
    margin: 0;
}

.active_sessions .as_list .log_out_session {
    width: 35px;
    height: 35px;
    min-width: 35px;
    padding: 0;
    border-radius: 50%;
}

.active_sessions .as_list .log_out_session svg {
    margin: -2px 0 0;
}

/*Confirm Code*/
.tag_confrm_code {
    max-width: 240px;
    position: relative;
    margin: 30px auto;
}

.tag_confrm_code>input {
    display: none;
}

.tag_confrm_code:before {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    border-bottom: 2px solid #d5d5d5;
    transition: opacity .15s ease;
}

.tag_confrm_code>span {
    font-size: 15px;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    right: 0;
    line-height: 42px;
    display: block;
    color: #ADAFB6;
    transition: all .15s ease;
    cursor: text;
}

.tag_confrm_code .inputs {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
}

.tag_confrm_code .inputs input {
    -webkit-appearance: none;
    opacity: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0;
    min-width: 0;
    margin-right: 8px;
    border: 0;
    border-bottom: 2px solid #d5d5d5;
    background: none;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    border-radius: 0;
    transition: all .15s ease;
}

.tag_confrm_code .inputs input:focus {
    border-color: var(--main);
}

.tag_confrm_code .inputs input:last-child {
    margin: 0;
}

.tag_confrm_code.active:before {
    opacity: 0;
}

.tag_confrm_code.active>span {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    border-color: transparent;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--main);
}

.tag_confrm_code.active .inputs input {
    opacity: 1;
}

/*Affiliates*/
.tag_aff_usr_head {
    position: relative;
    padding: 50px 0;
    margin: 0 0 30px;
}

.tag_aff_usr_head>div {
    width: 100%;
    max-width: 400px;
}

.tag_aff_usr_head>div h1 {
    color: black;
    font-family: "TT Commons", Roboto, sans-serif;
    margin: 0;
}

.tag_aff_usr_head>div h4 {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 17px;
    margin: 15px 0 0;
}

.tag_aff_usr_head>img {
    position: absolute;
    right: 40px;
    height: 170px;
    top: 50%;
    transform: translateY(-50%);
}

.tag_aff_usr_link {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.07);
    border: 0;
    box-shadow: none;
    padding: 10px;
    border-radius: 8px;
    margin: 0 0 20px;
}

.tag_aff_usr_share>div {
    width: 16.6666667%;
    padding: 5px;
}

.tag_aff_usr_share>div a .social-btn {
    margin: 0;
}

.wo_referres .ref {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.wo_referres .ref:last-child {
    border: 0;
    padding-bottom: 0;
}

.wo_referres .ref-image {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
}

.wo_referres .ref-image img {
    width: 100%;
    border-radius: 50%;
}

.wo_referres .name p {
    margin: 0;
}

.wo_referres .name p a {
    color: #1e1e1e;
}

.wo_referres .name .joined {
    font-size: 13px;
    opacity: 0.8;
}

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

/*Show Fundings*/
.tag_show_fnd_title {
    font-size: 35px;
}

.show-fund-info-user {
    display: table;
    margin: -5px 0 40px 0;
}

.show-fund-info-user .postMeta--author-text a,
.show-fund-info-user .postMeta--author-text .middot,
.fund div.list .item .caption .middot {
    color: #545454;
}

.tag_sF_bar_mobi {
    display: none;
    margin: -10px 0 40px;
}

.fund_main_img {
    margin-bottom: 20px;
}

.fund_main_img img {
    border-radius: 10px;
    pointer-events: none;
}

.fund div.list {
    max-height: 370px;
    overflow-y: auto;
}

.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 a {
    font-size: 15px;
    color: #414141;
    display: inline-block;
    text-decoration: none;
}

.fund div.list .item .caption p {
    margin: -5px 0 0;
    font-size: 13px;
}

.fund div.list .item .caption time {
    color: #90949c;
    font-size: 12px;
}

.tag_show_fnd_bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 350px;
    padding: 12px 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.tag_content.tag_chat_content .tag_show_fnd_bottom {
    right: 90px;
}

.tag_show_fnd_bottom .valign {
    justify-content: space-between;
}

.fund_raise_bar .progress {
    min-width: 330px;
}

.show_fnd_stats {
    font-weight: 500;
    color: #565656;
    margin: 0 0 5px;
}

.fund_raise_btns {
    margin: 0 -3px;
}

.fund_raise_btns .btn {
    margin: 0 3px;
    min-width: 170px;
}

.fund_raise_btns .dropdown {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

.fund_raise_btns .dropdown>.btn {
    min-width: 130px;
}

.fund_raise_btns .dropdown>.dropdown-menu {
    transform: translateX(-110%);
    margin: 0;
    box-shadow: none;
    background: #ebeef0;
    top: 0;
    display: flex;
    justify-content: space-around;
    width: 130px;
    min-width: 130px;
    bottom: 0;
    padding: 0;
    align-items: center;
    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;
}

.fund_raise_btns .dropdown.show>.dropdown-menu {
    transform: translateX(-3px);
}

.fund_raise_btns .dropdown.show>.dropdown-menu li a {
    color: #333;
    background: transparent;
    padding: 0 2px;
}

.fund_input {
    margin: 50px 0 30px;
}

.fund_input input {
    background-color: transparent;
    border: 0;
    padding: 0px 10px;
    width: 100%;
    margin: auto;
    max-width: 180px;
    box-shadow: none;
    color: #4CAF50;
    font-size: 55px;
    text-align: center;
    font-family: "TT Commons", Roboto, sans-serif;
    line-height: 1;
}

/*Sidebar*/
.tag_sidebar_widget {
    padding: 0;
}

.tag_sidebar_widget_title {
    padding: 12px;
    justify-content: space-between;
}

.tag_sidebar_widget_title b {
    font-weight: 500;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: normal;
}

/*Sidebar Hashtags*/
.sidehashtag {
    display: none;
}

.sidehashtag .wow_htag {
    background: transparent;
    padding: 0 12px 12px;
    margin: 0;
}

/*Sidebar Pages*/
.wo_sidebar_pages {
    padding: 0 12px 12px;
}

.wo_sidebar_pages .cardheader img {
    border-radius: 8px;
}

.wo_sidebar_pages .page_middle {
    align-items: normal;
}

.wo_sidebar_pages .page_middle .avatar {
    width: 75px;
    min-width: 75px;
    height: 75px;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    margin: -10px 10px 0 0;
    position: relative;
}

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

.wo_sidebar_pages .page_middle .full_width {
    max-width: calc(100% - 85px);
}

.wo_sidebar_pages .page_middle .title {
    font-size: 15px;
    max-width: 100%;
    line-height: normal;
    margin: 7px 0;
}

.wo_sidebar_pages .page_middle .title a {
    color: #000;
    display: inline-block;
}

.wo_sidebar_pages .user-follow-button button {
    line-height: 28px;
    font-size: 13px;
    padding: 0 5px;
}

.wo_sidebar_pages .user-follow-button button svg {
    width: 13px;
    height: 13px;
}

.no-more-pages {
    font-size: 14px;
    color: #858585;
    padding: 10px 0 35px;
}

/*Sidebar Groups*/
.sidebar-group-may-know-container {
    padding: 0 12px 1px;
}

.tag_group_main_sugg_grp {
    padding: 0;
    margin: -5px -5px -15px;
}

.sidebar-group-may-know-container .wow_my_groups {
    margin: 0 0 12px;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 0.1);
}

/*Sidebar Admin Ads*/
.sidebar-ad {
    overflow: hidden;
}

.sidebar-ad iframe,
.sidebar-ad img,
.sidebar-ad script {
    width: 100%;
    max-width: 100%;
}

/*Sidebar Products*/
.sidebar-product-slider {
    padding: 0 6px;
}

.wow_side_prods_prnt {
    width: 50%;
    padding: 0 6px;
    display: inline-block;
}

.wow_side_prods {
    margin-bottom: 12px;
}

.wow_side_prods .avatar {
    position: relative;
    padding-top: 100%;
    width: 100%;
}

.wow_side_prods .avatar img {
    border-radius: 10px;
    transition: all 0.15s;
}

.wow_side_prods .avatar:hover img {
    filter: brightness(0.9);
}

.wow_side_prods .produc_info {
    padding: 8px 0 0;
}

.wow_side_prods .produc_info h4 {
    font-size: 14px;
    margin: 0 0 3px;
}

.wow_side_prods .produc_info span {
    font-size: 13px;
    display: block;
}

/*Sidebar User Ads*/
.sidebar-add-wrapper .sidebar-add-body {
    width: 100%;
    position: relative;
    padding-bottom: 51%;
}

.sidebar-add-wrapper .sidebar-add-body img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.sidebar-add-wrapper .sidebar-add-footer {
    width: 100%;
    padding: 12px;
}

.sidebar-add-wrapper .sidebar-add-footer p.add-title {
    width: 100%;
    font-size: 15px;
    margin: 0 0 3px;
}

.sidebar-add-wrapper .sidebar-add-footer p.add-descrition {
    font-size: 14px;
    max-height: 40px;
    overflow: hidden;
    opacity: 0.8;
    margin: 0;
}

.sidebar-add-wrapper .sidebar-add-footer time {
    font-size: 12px;
    width: 100%;
}

/*Steps*/
.tag_startup {
    align-items: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

.tag_startup:before,
.tag_startup:after {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    content: '';
    display: block;
    height: 30px;
}

.tag_startup_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tag_startup_img {
    border-radius: 10px;
    max-width: calc(100% - 5px);
    height: 100%;
    background: #eceff1;
    background: linear-gradient(210deg, #CFD8DC 0%, #eceff1 100%);
    position: relative;
}

.tag_startup_img h2 {
    position: absolute;
    margin: 0;
    width: 100%;
    padding: 20px 15px;
    letter-spacing: normal;
}

.tag_startup_img img {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
    pointer-events: none;
    user-select: none;
    opacity: 0.8;
}

.wow_usr_steps {
    overflow-y: auto;
    padding: 0 15px;
}

.wow_usr_steps>h4 {
    font-weight: normal;
    font-size: 17px;
    margin: 30px 0 15px;
}

.upload-image {
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 50%;
    background-color: #f6f6f6;
}

.upload-image-content {
    border-radius: 50%;
}

.upload-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.wow_usr_steps .upload-image {
    margin: 60px auto;
}

.wow_usr_steps .upload-image .profile-avatar-changer {
    bottom: 10px;
    right: 10px;
}

.wow_usr_steps_cont {
    justify-content: space-between;
    padding: 20px 0 0;
}

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

.wow_usr_steps_cont .btn {
    margin-left: auto;
    min-width: 150px;
}

/*Create Stories*/
.tag_create_story {
    padding: 10px 0 0;
}

.tag_create_story .tag_field>textarea {
    background-color: #2b2b2b;
    border-bottom: solid 1px rgb(255 255 255 / 42%);
    color: rgb(255 255 255 / 87%);
}

.tag_create_story .tag_field>textarea+span {
    color: rgb(255 255 255 / 60%);
}

/*Publisher Box*/
.tag_pub_hide {
    display: none;
}

.tag_pub_box_bg {
    margin-bottom: 20px;
    padding: 12px;
}

.tag_pub_box_avatar {
    display: block;
    margin-right: 12px;
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 50%;
}

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

.tag_pub_box_bg_text {
    border-radius: 10px;
    flex: 1 1 auto;
    line-height: 42px;
    height: 42px;
}

.tag_pub_box_bg_camlve {
    margin-left: 12px;
    border-radius: 50%;
    min-width: 42px;
    line-height: 42px;
    height: 42px;
    padding: 0 2px;
    background: transparent;
}

.tag_pub_box_bg_camlve:before {
    opacity: 0.1;
}

.tag_pub_box_bg_camlve svg,
.tag_pub_box .modal-header .btn-default svg {
    width: 24px;
    height: 24px;
    margin: -2px 0 0;
}

.tag_pub_box_bg_camlve.live {
    color: #F44336;
}

.tag_pub_box_bg_camlve.camera {
    color: #4CAF50;
}

.tag_pub_box.modal-content {
    padding: 0;
}

.tag_pub_box .modal-header {
    justify-content: space-between;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #e6ecf0;
    position: relative;
    min-height: 67px;
}

.tag_pub_box .modal-header .btn-default {
    min-width: 32px;
    line-height: 32px;
    height: 32px;
    padding: 0 2px;
    background: transparent;
}

.tag_pub_box .modal-header .btn-success {
    color: #4CAF50;
    background-color: rgb(76 175 80 / 0.15);
    line-height: 28px;
    font-size: 13px;
    min-width: auto;
    padding: 0 10px;
}

.charsLeft-post {
    opacity: 0.7;
    font-size: 13px;
    margin: 0 6px;
    font-weight: 500;
}

.tag_pub_box .modal-header .btn-main {
    min-width: 110px;
}

.tag_pub_box_progress {
    width: 100%;
    bottom: -1px;
    right: 0px;
    z-index: 19;
    position: absolute;
    display: none;
}

.tag_pub_box_progress .progress {
    height: 3px;
    box-shadow: none;
    border-radius: 0;
    background-color: #e6e6e6;
}

.tag_pub_box_progress .progress-bar {
    background: var(--main);
}

.wo_pub_txtara_combo {
    position: relative;
}

.publisher-box textarea.postText {
    padding: 15px 20px 1px;
    min-height: 130px;
    color: inherit;
    resize: none;
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    max-height: calc(100vh - 220px);
    background: transparent;
}

.publisher-box.wo_pub_change_color .wo_pub_txtara_combo {
    min-height: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.publisher-box.wo_pub_change_color textarea.postText {
    max-height: 370px;
    padding: 20px;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    font-family: "TT Commons", Roboto, sans-serif;
    min-height: 80px;
    line-height: normal;
}

.publisher-box.wo_pub_change_color textarea.postText::placeholder {
    color: currentColor;
    opacity: 0.5;
}

.publisher-box .publisher-box-footer .pub-footer-bottom {
    justify-content: space-between;
    padding: 15px;
    position: relative;
}

.tag_pub_btn_color,
.tag_pub_btn_hasat {
    padding: 0;
    box-shadow: none;
    background: transparent;
    border: 0;
    line-height: 1;
    vertical-align: middle;
    margin-right: 8px;
}

.tag_pub_btn_color svg {
    width: 20px;
    height: 20px;
}

.wow_pub_privacy,
.publisher-box .add-emoticons {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.wow_pub_privacy.showMenu {
    overflow: visible;
}

.wow_pub_privacy_dropdown {
    padding: 0;
    line-height: 20px;
    font-size: 13px;
}

.wow_pub_privacy_dropdown>p {
    margin: 0;
}

.wow_pub_privacy_dropdown>p svg {
    width: 20px;
    height: 20px;
    margin-top: -1px;
    opacity: 0.8;
}

.wow_pub_privacy_menu {
    padding: 6px 0;
    margin: 0;
    background-color: #1e2321;
    position: absolute;
    min-width: 180px;
    z-index: 9;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    display: none;
    bottom: 100%;
    left: 0;
}

.wow_pub_privacy_menu li label {
    margin: 0;
    display: block;
    cursor: pointer;
}

.wow_pub_privacy_menu li label span svg {
    width: 24px;
    height: 24px;
    margin: -2px 10px 0 0;
    background-color: rgb(255 255 255 / 0.2);
    border-radius: 50%;
    padding: 4px;
}

.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: 8px 15px;
    user-select: none;
    transition: all 0.15s;
    color: white;
    font-weight: 500;
}

.wow_pub_privacy_menu li:hover label span {
    background: rgb(255 255 255 / 7%);
}

.wow_pub_privacy.showMenu .wow_pub_privacy_menu {
    display: block;
}

.publisher-box .add-emoticons .dropdown-toggle {
    padding: 0;
    box-shadow: none;
    background: transparent;
    border: 0;
}

.all_colors {
    display: none;
    padding: 10px 15px 15px;
    position: absolute;
    background: white;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.all_colors>svg {
    position: absolute;
    cursor: pointer;
    background-color: white;
    z-index: 1;
    top: 15px;
}

.all_colors>div {
    white-space: nowrap;
    overflow-x: auto;
    padding: 5px 0 0 30px;
}

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

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

.publisher-box .publisher-box-footer .pub-footer-upper {
    position: relative;
    flex-wrap: wrap;
    padding: 15px 7.5px 5px;
    border-top: 1px solid #e6ecf0;
}

.tag_pub_box_btns {
    display: block;
    border: 0;
    width: calc(50% - 15px);
    text-align: inherit;
    background-color: rgb(0 0 0 / 5%);
    border-radius: 10px;
    margin: 0 7.5px 10px;
    padding: 0 12px;
    line-height: 34px;
    font-size: 13px;
    font-weight: 500;
    color: #2d2d2d;
}

.tag_pub_box_btns:active {
    box-shadow: none
}

.tag_pub_box_btns b {
    margin: 0;
    vertical-align: middle;
}

.tag_pub_box_btns svg {
    width: 22px;
    height: 22px;
    color: var(--main);
    margin: -2px 6px 0 0;
}

.tag_pubbox_record {
    position: relative;
    display: block;
    width: calc(50% - 15px);
    margin: 0 7.5px 10px;
}

.tag_pubbox_record .btn,
.tag_pub_btns_smal .tag_pubbox_record .btn,
.tag_pub_btns_col_smal .tag_pubbox_record .btn {
    width: 100%;
    margin: 0;
}

.tag_pub_btns_smal,
.tag_pub_btns_col_smal {
    justify-content: space-around;
}

.tag_pub_btns_smal .tag_pub_box_btns,
.tag_pub_btns_col_smal .tag_pub_box_btns {
    width: 35px;
    min-width: 35px;
    padding: 0;
    text-align: center;
    line-height: 35px;
    height: 35px;
    margin: 0 4px 10px;
}

.tag_pub_btns_smal .tag_pub_box_btns svg,
.tag_pub_btns_col_smal .tag_pub_box_btns svg {
    margin: 0;
}

.tag_pub_btns_smal .tag_pub_box_btns>span,
.tag_pub_btns_col_smal .tag_pub_box_btns>span {
    display: none;
}

.tag_pub_btns_smal .tag_pubbox_record,
.tag_pub_btns_col_smal .tag_pubbox_record {
    width: 30px;
    min-width: 30px;
    font-size: 0px;
    margin: 0 4px 10px;
}

.album-form {
    padding: 3px 15px;
}

.album-form input,
.gif-form>input,
.tag_pub_feels_innr>input,
.poll-form .answers input,
.map-form>input {
    width: 100%;
    border: 0;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 0.06);
    padding: 6px 10px;
}

.tag_pub_imgs {
    padding: 0 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    overflow-y: auto;
    max-height: 480px;
}

.tag_pub_imgs>div {
    width: 100%;
    padding: 5px;
}

.tag_pub_imgs .thumb-image-delete,
.tag_pub_gifs div span,
.extracted_url .extracted_thumb {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    display: block;
    height: 0;
}

.tag_pub_imgs .thumb-image,
.tag_pub_vids video,
.tag_pub_vids .video-poster-image,
.tag_pub_gifs img,
.extracted_url .extracted_thumb img,
.post-fetched-url-con img {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.video-form {
    padding: 10px 15px 0;
}

.tag_pub_vids {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius: 8px;
}

.tag_pub_vids video {
    background-color: black;
    object-fit: contain;
}

.tag_pub_vids .video-custom-thumb {
    position: absolute;
    z-index: 1;
    background-color: rgb(0 0 0 / 65%);
    color: white;
    font-size: 13px;
    min-width: auto;
    padding: 0 8px;
    line-height: 28px;
    right: 8px;
    top: 8px;
}

.tag_pub_vids .video-poster-image {
    background-color: rgb(255 255 255 / 0.8);
    -webkit-backdrop-filter: contrast(2) blur(12px);
    backdrop-filter: contrast(2) blur(12px);
    display: none;
}

.tag_pub_vids .video-poster-image .preview {
    height: 100%;
    width: 100%;
    border-radius: 8px;
    padding: 20px;
}

.tag_pub_vids .video-poster-image .preview .empty_state {
    border-radius: 8px;
    padding: 0;
    height: 100%;
    justify-content: center;
    border: 2px dashed rgb(0 0 0 / 38%);
    color: black;
    flex-direction: column;
    font-size: 17px;
}

.tag_pub_vids .video-poster-image .preview .empty_state svg {
    width: 50px;
    height: 50px;
}

.tag_pub_vids .video-poster-image .image {
    border-radius: 8px;
    width: 100%;
    height: 100%;
}

.tag_pub_vids .video-poster-image .image img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.tag_pub_vids .video-poster-image.hover .preview .empty_state {
    border-style: solid;
    color: var(--main);
}

.gif-form,
.file-form,
.map-form,
.music-form {
    padding: 10px 15px 0;
}

.gif-form>input,
.tag_pub_feels_innr>input,
.poll-form .answers input,
.map-form>input {
    padding: 8px 10px;
}

.tag_pub_gifs {
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
    padding: 6px 0 2px;
    margin: 0 -4px;
    line-height: 1;
}

.tag_pub_gifs div:not(.empty_state) {
    width: 50%;
    padding: 5px;
    display: inline-block;
}

.tag_pub_gifs div span {
    padding-bottom: 70%;
}

.tag_pub_gifs img {
    object-fit: fill;
    border-radius: 0;
    cursor: pointer;
}

.tag_pub_gifs .empty_state {
    padding: 90px 5px;
}

.tag_pub_rectime {
    line-height: 34px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 37px;
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 0 5px;
    pointer-events: none;
}

.tag_pub_btns_smal .tag_pub_rectime,
.tag_pub_btns_col_smal .tag_pub_rectime {
    position: absolute;
    top: -12px;
    padding: 4px 7px;
    background-color: #F44336;
    left: calc(50% + 3px);
    transform: translateX(-50%);
    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-size: 12px;
    color: white;
    bottom: auto;
    right: auto;
    white-space: nowrap;
}

.emo-form {
    position: relative;
    padding: 10px 0 0;
    margin: 0 15px;
}

.tag_pub_feels_innr {
    position: relative;
    flex: 1 1 auto;
}

.feelings-type-to {
    padding: 8px 10px;
    background: #dfecff;
    font-weight: 500;
    border-radius: 5px;
    margin-right: 7px;
}

.feelings-type-to:empty {
    padding: 0;
    margin: 0;
}

.feelings-value {
    background-color: #f0f0f0;
    padding: 8px 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    width: 100%;
}

.feelings-value i.twa {
    margin: -2px 3px 0 0;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-size: 19px;
}

.feelings-value:empty {
    padding: 0;
    display: none;
}

.feeling-type {
    max-height: 230px;
    overflow-y: auto;
    display: none;
    width: 100%;
    margin: 0;
}

.feeling-type>.btn {
    display: none;
    margin: 0 15px 10px;
}

.feeling-type li i.twa {
    width: 21px;
    height: 21px;
    margin: 0;
    margin-right: 12px;
    vertical-align: middle;
    background-size: 21px;
}

.file-form .valign,
.poll-form,
.music-form .valign,
.wo_shared_doc_file {
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: 10px;
}

.file-form svg,
.music-form svg,
.post-map-innr svg,
.wo_shared_doc_file>a>i {
    min-width: 38px;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    border-radius: 50%;
    color: #4CAF50;
    background-color: rgb(76 175 80 / 0.2);
    padding: 8px;
}

.file-form input,
.music-form input,
.extracted_content input {
    padding: 0;
    line-height: normal;
    border: 0;
    font-weight: 500;
    background: transparent;
    width: 100%;
}

.file-form p {
    margin: 0;
    font-size: 13px;
}

.poll-form {
    margin: 10px 15px 0;
}

.poll-form .answers input {
    margin: 0 0 10px;
}

.poll-form .btn {
    line-height: 30px;
    font-size: 13px;
    width: 100%;
}

.pac-container {
    z-index: 1050;
}

.extracted_url {
    margin: 10px 15px 0;
    position: relative;
}

.extracted_url .extracted_thumb {
    padding-bottom: 56.25%;
}

.extracted_url .extracted_thumb img {
    border-radius: 8px 8px 0 0;
}

.extracted_content {
    background: rgb(0 0 0 / 0.06);
    border-radius: 0 0 8px 8px;
    padding: 8px;
    position: relative;
}

.extracted_content input {
    width: 100%;
    font-size: 15px;
    color: var(--main);
    max-height: 19px;
    overflow: hidden;
}

.extracted_content textarea.url-input-textarea {
    width: 100%;
    padding: 0;
    line-height: normal;
    border: 0;
    resize: none;
    background: transparent;
    margin: 3px 0 -4px;
    max-height: 34.5px;
    overflow: hidden;
}

.thumb_select {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 10px;
    color: #fff;
    background-color: rgb(0 0 0 / 0.8);
    border-radius: 4px;
    padding: 2px 4px;
}

.thumb_select .small_text {
    vertical-align: middle;
    margin: 0 4px;
    font-size: 11px;
}

.next_thumb,
.prev_thumb {
    cursor: pointer;
    line-height: 1;
    display: inline-block;
}

/*Posts*/
.fs-14 {
    font-size: 14px;
}

.post .panel,
.user-ad-container .panel-white {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-radius: 10px;
}

.pin-icon {
    font-size: 12px;
    padding: 10px 15px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-weight: 600;
    color: #FF9800;
}

.post .post-heading {
    padding: 15px;
    justify-content: space-between;
    align-items: normal;
}

.post .post-heading>.valign {
    align-items: normal;
}

.post .post-heading .image,
.user-ad-container .post-advertisement .ads-heading .image {
    margin-right: 15px;
    position: relative;
}

.post .post-heading .avatar,
.user-ad-container .post-advertisement .ads-heading .avatar {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
}

.tag_post_status:not(.online) {
    display: none;
}

.tag_post_status.online {
    position: absolute;
    top: 38px;
    right: 1px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background: #4CAF50;
    box-shadow: 0 0 0 2px white;
}

.post .post-heading .meta .title,
.user-ad-container .post-advertisement .meta .title {
    padding: 3px 0 0;
    font-size: 0;
}

.post .post-heading .meta .title .name,
.user-ad-container .post-advertisement .meta .title .name {
    display: inline-block;
    font-weight: 500;
    color: black;
    font-size: 15.5px;
    letter-spacing: 0.2px;
}

.post .post-heading .meta .title .pro-badge {
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 12px;
    padding: 4px 4px 1px;
    line-height: 1;
    margin: -1px 0 0;
}

.post .post-heading .meta .title .pro-badge a {
    padding: 4px 4px 1px;
    margin: -4px -4px -1px;
}

.feeling-text {
    font-size: 14px;
}

.feeling-text i {
    vertical-align: middle;
    margin: -1px 0 0;
    width: 18px;
    height: 18px;
    background-size: 18px;
}

.feeling-text svg {
    margin: -1px 0 0;
}

.post .post-heading .meta .time,
.user-ad-container .post-advertisement .meta .time {
    display: inline-block;
    font-size: 12.2px;
    color: #7f7f7f;
}

.post .post-heading .meta .time a,
.user-ad-container .post-advertisement .meta .time a {
    color: #7f7f7f;
}

.tag_post_hdr_sub {
    flex-wrap: wrap;
}

.tag_post_hdr_sub .middot {
    margin: 0 5px;
    line-height: 1;
}

.tag_post_hdr_sub .tag_create_menu {
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
}

.tag_post_hdr_sub .tag_create_menu>li>a:hover svg path {
    display: block;
}

.tag_post_hdr_menu {
    min-width: 22px;
    height: 22px;
}

.tag_post_hdr_menu .tag_create_menu {
    min-width: 220px;
}

.tag_post_hdr_menu .tag_create_menu>li>a {
    line-height: 34px;
}

.tag_post_men_disable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: rgb(255 255 255 / 0.6);
    z-index: 1;
    display: none;
}

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

.post .post-description p {
    font-size: 15px;
    overflow: hidden;
}

.post .post-description p:empty {
    margin: 0;
}

.post .post-description p a.hash,
.post .post-footer .comments-list .comment .tag_comm_body .comment-text a.hash {
    color: var(--main);
}

.tag_post_actions {
    margin: 15px -17px 0;
    padding: 0 0 10px;
    position: relative;
    justify-content: space-between;
}

.tag_post_actions .stat-item {
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    margin: 0 10px;
}

.tag_post_actions .stat-item>span {
    vertical-align: middle;
}

.tag_post_actions .stat-item .icoo {
    padding: 9px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.06);
    margin: 0 7px;
    width: 40px;
    height: 40px;
}

.tag_post_actions .stat-item .icoo svg.feather {
    margin: 0;
    width: 22px;
    height: 22px;
}

.like-btn {
    position: relative;
    cursor: pointer;
    display: block;
}

.inline_post_count_emoji {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.inline_post_count_emoji .emoji {
    transform: scale(0.1333);
    top: -324%;
    right: 324%;
}

.tag_post_react_btn>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tag_post_react_btn svg,
.tag_post_react_btn .inline_post_emoji,
.tag_post_react_btn .inline_post_count_emoji {
    padding: 9px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.06);
    width: 40px;
    height: 40px;
    margin: 0 7px;
}

.tag_post_react_btn .inline_post_emoji,
.tag_post_react_btn .inline_post_count_emoji {
    margin-right: 0px;
}

.tag_post_react_btn .inline_post_emoji .emoji,
.tag_post_react_btn .inline_post_count_emoji .emoji {
    transform: scale(0.1833);
    top: -224%;
    right: 221%;
}

.tag_post_foot_stats {
    justify-content: space-between;
    padding: 0 0 15px;
}

.post-actions .stat-item {
    text-transform: lowercase;
    font-size: 13px;
}

.post-actions .stat-item .like-emo:empty::after {
    content: '0';
}

.post-actions .stat-item svg {
    margin: -2px 0 0;
}

.like-emo>.how_reacted {
    background: #fff;
    display: inline-flex;
    margin: 0 0 0 -4px;
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
}

.like-emo>.how_reacted:nth-child(1) {
    z-index: 3;
    margin: 0px;
}

.like-emo>.how_reacted:nth-child(2) {
    z-index: 2;
}

.like-emo>.how_reacted:nth-child(3) {
    z-index: 1;
}

.like-emo>.how_reacted:nth-child(4),
.like-emo>.how_reacted:nth-child(5),
.like-emo>.how_reacted:nth-child(6) {
    display: none;
}

.comment-options .wo-reaction-comment,
.comment-options .wo-reaction-replay,
.comment-options .wo-reaction-lightbox-comment,
.blog-com-wrapper .wo-reaction-comment,
.movies-com-wrapper .wo-reaction-comment,
.blog-com-wrapper .wo-reaction-replay,
.movies-com-wrapper .wo-reaction-replay {
    display: inline-block;
}

.tag_post_comm_reacts {
    margin-right: 10px;
}

.tag_post_comm_reacts .like-emo>.how_reacted {
    transform: scale(0.9);
    vertical-align: middle;
}

.tag_post_comm_reacts .like-emo .how_many_reacts {
    font-size: 12px;
    color: #888;
}

.load-more-comments {
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    padding: 0 0 10px;
}

.load-more-comments .tag_create_menu {
    min-width: 190px;
}

.tag_post_load_more_comms {
    padding: 0 45px 15px;
}

.tag_post_load_more_comms:empty {
    padding: 0;
}

.tag_post_load_more_comms .btn {
    line-height: 30px;
    border-radius: 2em;
}

.tag_sticky_coms {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: white;
    z-index: 9;
    margin: -15px;
    padding: 15px;
    border-radius: 10px;
}

.wo_comment_combo {
    position: relative;
    align-items: normal;
    margin: 0 -4.5px;
}

.wo_comment_combo .avatar {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 0 4.5px;
}

.wo_comment_combo>.charsLeft-post {
    margin: 0;
    opacity: 1;
}

.wo_comment_combo>.charsLeft-post>span {
    line-height: 36px;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 0;
    left: 4.5px;
    background: rgb(0 0 0 / 0.5);
    color: #fff;
    text-align: center;
}

.wo_comment_combo>.charsLeft-post>span:empty {
    display: none;
}

.wo_comment_combo>.valign {
    border-radius: 18px;
    background-color: rgba(0, 0, 0, 0.06);
    width: 100%;
    margin: 0 4.5px;
    align-items: flex-end;
}

.wo_comment_combo .textarea {
    height: 36px;
    min-height: 36px;
    padding: 8px 10px;
    width: 100%;
    background: transparent;
    border-radius: 0;
    border: 0;
}

.wo_comment_combo .comment_combo_footer {
    padding: 7.5px 4.5px;
}

.wo_comment_combo .comment_combo_footer>* {
    margin: 0 3px;
}

.wo_comment_combo .comment_combo_footer .btn {
    padding: 0;
    background: transparent;
    line-height: 1;
    box-shadow: none;
    border: 0;
}

.wo_comm_emojis {
    width: 280px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 250px;
}

.wo_comm_emojis .emoji_holder {
    display: inline-flex;
    margin: 4px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
}

.wo_comm_emojis .emoji_holder span {
    font-size: 21px;
}

.tag_post_com_rec {
    position: relative;
}

.comments_disabled {
    font-size: 12px;
    letter-spacing: 0.3px;
}

.btn-reg-comm-mobi {
    display: none;
}

/*Post Ad*/
.user-ad-container .post-advertisement .ads-heading {
    padding: 15px;
}

.user-ad-container .post-advertisement .ads-headline p {
    font-size: 15px;
    padding: 0 15px 2px;
}

.user-ad-container .post-advertisement .ads-cover {
    padding: 0 15px 15px;
}

/*Donation Posts*/
.wow_dontd_posts,
.post-map,
.post-fetched-url,
.wo_post_fetch_offer {
    background: rgb(0 0 0 / 0.04);
    z-index: 1;
    border-radius: 8px;
}

.tag_dont_post_img {
    width: 35%;
    min-width: 35%;
}

.tag_dont_post_img span {
    display: block;
}

.tag_dont_post_img img {
    border-radius: 8px 0 0 8px;
}

.wow_dontd_posts_innr {
    width: 65%;
    min-width: 65%;
}

.wow_dontd_posts_left {
    padding: 10px;
}

.wow_dontd_posts_left b {
    margin: 0;
    font-size: 13px;
    color: #1da022;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.wow_dontd_posts_left h4 {
    margin: 3px 0;
    color: #181818;
    overflow: hidden;
    max-height: 38.18px;
}

.wow_dontd_posts .fund_raise_bar .progress {
    min-width: auto;
    margin: 15px 0 0;
    background-color: rgb(0 0 0 / 0.1);
}

/*Post Product*/
.tag_post_prods {
    flex-direction: column;
}

.prod_full_size_slide {
    width: 100%;
}

.tag_post_prods .carousel {
    width: 100%;
    background-color: rgb(255 255 255 / 70%);
    border-radius: 8px;
    height: 320px;
}

.tag_post_prods .tag_lbox_blur_img {
    border-radius: 8px;
    opacity: .6;
}

.tag_post_prods .tag_lbox_blur_img_innr {
    filter: blur(40px);
}

.tag_post_prods_thumb {
    position: relative;
    z-index: 1;
    border-radius: 8px;
}

.tag_post_prods_thumb img {
    margin: auto;
    display: block;
    max-width: 320px;
    user-select: none;
}

.tag_post_prods .carousel .carousel-control {
    background: rgba(0, 0, 0, 0.7);
    bottom: auto;
    width: 44px;
    min-width: 44px;
    height: 44px;
    line-height: 44px;
    z-index: 9;
    transition: all .15s;
}

.wow_post_prod {
    margin: 15px 0 0;
}

.wow_post_prod_name {
    margin: 0 0 5px;
    font-weight: 500;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 30px;
}

.post p.wow_post_prod_price {
    font-weight: 500;
    margin: 0 0 5px;
    font-size: 17px;
}

.wow_post_prod_shead {
    font-size: 15px;
    color: #7d7d7d;
}

.tag_post_prods_btns {
    padding: 15px 0 10px;
    margin: 0 -5px;
}

.tag_post_prods_btns .save-product {
    margin: 0 5px;
    min-width: 36px;
    padding: 0 3px;
    height: 36px;
    background: transparent;
    box-shadow: inset 0 0 0 1.5px #c9c9c9;
}

.tag_post_prods_btns .save-product svg {
    margin: -2px 0 0;
    width: 19px;
    height: 19px;
}

.tag_post_prods_btns .save-product.active {
    box-shadow: inset 0 0 0 1.5px #FF9800;
}

.tag_post_prods_btns .save-product.active svg {
    color: #FF9800;
    fill: #FF9800;
}

.tag_post_prods_btns .btn-success {
    margin: 0 5px;
    height: 36px;
    flex: 1 1 auto;
}

.wow_post_prod_infos {
    position: relative;
    margin-top: 9px;
}

.post .wow_post_prod_infos p {
    font-size: 14.5px;
    line-height: 1.5;
}

.tag_post_more_prods>h3 {
    margin: 35px 0 15px;
    font-size: 22px;
}

/*Post Colored*/
.wo_actual_colrd_post {
    margin: 0 -15px;
    min-height: 370px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    padding: 20px;
}

.wo_actual_colrd_post span {
    max-height: 370px;
    overflow-y: auto;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.wo_actual_colrd_post span a {
    color: inherit;
    text-decoration: underline;
}

/*Post Embed*/
.post-youtube iframe {
    border-radius: 8px;
    background: #000;
}

/*Post Map*/
.post-map-innr {
    padding: 15px 10px 10px;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
}

.post-map-innr svg {
    color: #e94335;
    background-color: rgb(233 67 53 / 0.2);
    min-width: 35px;
    width: 35px;
    height: 35px;
    margin: -5px 10px 0 0;
}

.post-map img {
    border-radius: 0 0 8px 8px;
}

/*Post Site Links*/
.post-fetched-url-con {
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 56.25%;
}

.post-fetched-url-con img {
    border-radius: 8px 8px 0 0;
}

.post-fetched-url .fetched-url-text {
    padding: 10px;
    position: relative;
}

.post-fetched-url .fetched-url-text .url {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.2px;
}

.post-fetched-url .fetched-url-text .url img {
    min-width: 14px;
    width: 14px;
    height: 14px;
}

.post-fetched-url .fetched-url-text h4 {
    color: #222;
    margin: 6px 0;
    font-size: 17px;
    line-height: normal;
}

.post-fetched-url .fetched-url-text .description {
    overflow: hidden;
    max-height: 39px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

/*Post Events*/
.wo_post_fetch_event .post-fetched-url-con {
    padding-top: 35%;
}

.wo_post_fetch_event .short_start_dt {
    left: 10px;
    bottom: calc(100% + 10px);
}

.wo_post_fetch_event .fetched-url-text {
    padding: 10px 100px 10px 10px;
}

.wo_post_fetch_event .fetched-url-text h4 {
    margin: 0 0 2px;
}

.wo_post_fetch_event .fetched-url-text .btn {
    position: absolute;
    right: 10px;
    top: 15px;
    line-height: 30px;
    font-size: 13px;
    min-width: 75px;
}

.wo_post_fetch_event .fetched-url-text .btn svg {
    display: none;
}

/*Post Blog*/
.wo_post_fetch_blog .postCategory {
    bottom: calc(100% + 10px);
}

/*Post Offer*/
.wo_post_fetch_offer .post-fetched-url-con {
    padding-top: 40%;
}

.wo_post_fetch_offer .fetched-url-text h4 {
    margin: 1px 0 8px;
}

.wo_post_fetch_offer .fetched-url-text b {
    margin: 5px 0 0;
    font-weight: normal;
    display: block;
    line-height: normal;
}

.wo_post_fetch_offer .fetched-url-text b svg {
    margin: -2px 0 0;
}

/*Post Files*/
.wo_shared_doc_file {
    font-size: 15px;
    border: 0;
    padding: 0;
}

.wo_shared_doc_file>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    margin: 0 5px;
}

.wo_shared_doc_file>a>i {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

/*Post Images*/
.tag_post_full_img {
    margin: 0 -15px;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    background: rgb(0 0 0 / 0.04);
    /*max-height: calc(100vh - 200px);*/
}

.tag_post_full_img img {
    border-radius: 0;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.tag_post_full_img>.embed-responsive,
.tag_post_full_img>.tag_ap {
    flex: 1;
}

/*Post Stickers*/
.tag_post_full_stick {
    margin: 0 -15px;
    background-color: black;
}

.tag_post_full_stick img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 480px;
    display: block;
}

/*Post Live*/
.tag_post_liv_count {
    left: 15px;
    top: 15px;
}

.live_link_style {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 10;
}

.tag_hide_liv_comm {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    color: white;
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 0.3));
}

.tag_post_live_comms {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(transparent, rgb(0 0 0 / 0.4));
    padding: 50px 15px 0;
}

.tag_post_live_comms:after {
    display: none;
}

.tag_post_live_comms .live_comments .comment-heading .user {
    color: #fff;
}

.tag_post_live_comms .live_comments .tag_comm_body .comment-text {
    background-color: rgb(255 255 255 / 0.1);
    color: white;
}

.tag_post_liv_ended {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    justify-content: center;
    z-index: 15;
    background-color: black;
}

.tag_post_liv_ended:empty {
    display: none;
}

.tag_post_liv_ended .empty_state {
    color: white;
}

.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.tag_post_full_img>.embed-responsive .embed-responsive-item {
    position: absolute !important;
}

/*Post Multi Images*/
.tag_post_full_albm {
    position: relative;
    max-height: 600px;
    line-height: 1;
    margin: -1px -16px;
    align-items: normal;
}

.tag_post_full_albm:empty {
    margin: 0;
}

.blur_multi_images {
    position: absolute;
    z-index: 2;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background-color: #000000;
}

.blur_multi_images .image_blur {
    width: 100%;
    height: 100%;
}

.album-image {
    position: relative;
    width: 100%;
    padding: 1px;
}

.album-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.wo_adaptive_media,
.wo_adaptive_media_4,
.wo_adaptive_media_5 {
    overflow: hidden;
    position: relative;
    width: 100%;
    line-height: 1;
}

.wo_adaptive_media .album-image,
.wo_adaptive_media_4 .album-image,
.wo_adaptive_media_5 .album-image {
    display: inline-block;
    width: 50%;
}

.wo_adaptive_media .album-image {
    height: 50%;
}

.wo_adaptive_media .album-image:first-child {
    overflow: hidden;
    width: 100%;
    height: calc(50% + 10px);
}

.wo_adaptive_media_5 .album-image:nth-child(3),
.wo_adaptive_media_5 .album-image:nth-child(4),
.wo_adaptive_media_5 .album-image:last-child {
    width: 33.3333333%;
}

.width-2 {
    width: 50%;
}

.width-3 {
    width: 33.3333333%;
}

.album-collapse {
    width: 33.3333333%;
    position: relative;
    display: inline-block;
    padding: 1px;
}

.album-collapse span {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: rgb(0 0 0 / 0.5);
    color: #fff;
    font-size: 30px;
    justify-content: center;
}

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

.wo_votes {
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    border-radius: 2em;
    border: 1px solid #e4e4e4;
}

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

.wo_votes .poll-option {
    padding: 0 10px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 2em;
    z-index: 1;
    position: relative;
    height: 34px;
}

.wo_votes .poll-option>span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7px;
    transition: all 230ms ease-in-out;
    max-width: calc(100% - 70px);
}

.wo_votes .result-bar-parent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wo_votes .result-bar {
    height: 100%;
    transition: width .3s;
    background-color: #686868;
    opacity: 0.1;
}

.wo_votes .answer-vote {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.options .total-votes {
    font-size: 13px;
    opacity: 0.8;
}

.wo_votes.active {
    border-color: #2196f3;
}

.wo_votes.active .poll-option {
    color: #2196f3;
}

.wo_votes.active .poll-option>span,
.wo_votes.active_all .poll-option>span {
    left: 15px;
    transform: none;
}

.wo_votes.active .result-bar {
    background-color: #2196F3;
}

/*Post Twitter*/
.twitter-tweet.twitter-tweet-rendered {
    margin: 10px 0 -15px !important;
}

/*Post Job*/
.wo_view_post_jobs {
    padding: 15px 0;
}

.wo_view_post_jcover {
    overflow: hidden;
    margin: 0 15px 15px;
    padding-bottom: 28%;
    position: relative;
}

.wo_view_post_jcover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
}

.wo_view_post_jcover .dropdown {
    position: absolute;
    right: 15px;
    top: 15px;
}

.wo_view_post_jcover .dropdown-toggle {
    color: white;
    background-color: rgb(0 0 0 / 0.8);
    border-radius: 50%;
}

.wo_view_post_jhead {
    padding: 0px 15px;
}

.wo_view_post_jhead h2 {
    font-weight: 500;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 30px;
    letter-spacing: -0.5px;
    margin: 25px 0 15px;
}

.wo_view_post_jhead>.valign {
    align-items: normal;
}

.wo_view_post_jhead .avatar {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 15px;
}

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

.wo_view_post_jhead h4 {
    margin: 0 0 3px;
    font-size: 15px;
}

.wo_view_post_jobs .jinfo_inner div {
    display: inline-block;
    font-size: 13px;
}

.wo_view_post_jobs .jinfo_inner .middot {
    margin: 0 3px;
}

.wo_view_post_jobs .wo_vew_apld_blocks {
    margin: 20px 15px;
    border-radius: 0;
    background: transparent;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 5px;
    flex-wrap: wrap;
}

.wo_view_post_jobs .wo_vew_apld_blocks>div {
    flex: 1;
}

.wo_view_post_jobs .wo_vew_apld_blocks b {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
}

.wo_view_post_jobs .wo_vew_apld_blocks p {
    margin: 0;
    font-size: 15px;
}

.post .tag_vew_job_desc p {
    font-size: 14px;
    overflow: hidden;
    margin: 20px 0 0;
}

/*Reactions*/
.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: 2px;
    left: calc(50% - 13px);
    top: 35px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background: transparent;
    box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
}

.emoji--haha .emoji__eyes:after {
    left: 0;
    top: 0;
    width: 26px;
    height: 6px;
    border-radius: 2px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    background: transparent;
    box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
}

.emoji--haha .emoji__mouth {
    width: 80px;
    height: 40px;
    left: calc(50% - 40px);
    top: 50%;
    background: #000000;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    z-index: 1;
    -webkit-animation: haha-mouth 2s linear infinite;
    animation: haha-mouth 2s linear infinite;
}

.emoji--haha .emoji__tongue {
    width: 70px;
    height: 30px;
    background: #F55064;
    left: calc(50% - 35px);
    bottom: -10px;
    border-radius: 50%;
}

.emoji--wow .emoji__face {
    -webkit-animation: wow-face 3s linear infinite;
    animation: wow-face 3s linear infinite;
}

.emoji--wow .emoji__eyebrows {
    left: calc(50% - 3px);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: transparent;
    box-shadow: -18px 0 0 0 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000, 33px 0 0 0 #000000;
    -webkit-animation: wow-brow 3s linear infinite;
    animation: wow-brow 3s linear infinite;
}

.emoji--wow .emoji__eyebrows:before,
.emoji--wow .emoji__eyebrows:after {
    width: 24px;
    height: 20px;
    border: 6px solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -3px;
    left: calc(50% - 12px);
}

.emoji--wow .emoji__eyebrows:before {
    margin-left: -25px;
}

.emoji--wow .emoji__eyebrows:after {
    margin-left: 25px;
}

.emoji--wow .emoji__eyes {
    width: 16px;
    height: 24px;
    left: calc(50% - 8px);
    top: 35px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}

.emoji--wow .emoji__mouth {
    width: 30px;
    height: 45px;
    left: calc(50% - 15px);
    top: 50%;
    border-radius: 50%;
    background: #000000;
    -webkit-animation: wow-mouth 3s linear infinite;
    animation: wow-mouth 3s linear infinite;
}

.emoji--sad .emoji__face {
    -webkit-animation: sad-face 2s ease-in infinite;
    animation: sad-face 2s ease-in infinite;
}

.emoji--sad .emoji__eyebrows {
    left: calc(50% - 3px);
    top: 35px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: transparent;
    box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
}

.emoji--sad .emoji__eyebrows:before,
.emoji--sad .emoji__eyebrows:after {
    width: 30px;
    height: 20px;
    border: 6px solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 2px;
    left: calc(50% - 15px);
}

.emoji--sad .emoji__eyebrows:before {
    margin-left: -30px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.emoji--sad .emoji__eyebrows:after {
    margin-left: 30px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.emoji--sad .emoji__eyes {
    width: 14px;
    height: 16px;
    left: calc(50% - 7px);
    top: 50px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}

.emoji--sad .emoji__eyes:after {
    background: #548DFF;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: tear-drop 2s ease-in infinite;
    animation: tear-drop 2s ease-in infinite;
}

.emoji--sad .emoji__mouth {
    width: 60px;
    height: 80px;
    left: calc(50% - 30px);
    top: 80px;
    box-sizing: border-box;
    border: 6px solid #000000;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    background: transparent;
    -webkit-animation: sad-mouth 2s ease-in infinite;
    animation: sad-mouth 2s ease-in infinite;
}

.emoji--sad .emoji__mouth:after {
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 50%;
    top: 4px;
    left: calc(50% - 3px);
    box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
}

.emoji--angry {
    background: linear-gradient(#D5234C -10%, #FFDA6A);
    background-size: 100%;
    -webkit-animation: angry-color 2s ease-in infinite;
    animation: angry-color 2s ease-in infinite;
}

.emoji--angry .emoji__face {
    -webkit-animation: angry-face 2s ease-in infinite;
    animation: angry-face 2s ease-in infinite;
}

.emoji--angry .emoji__eyebrows {
    left: calc(50% - 3px);
    top: 55px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: transparent;
    box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
}

.emoji--angry .emoji__eyebrows:before,
.emoji--angry .emoji__eyebrows:after {
    width: 50px;
    height: 20px;
    border: 6px solid #000000;
    box-sizing: border-box;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 0;
    left: calc(50% - 25px);
}

.emoji--angry .emoji__eyebrows:before {
    margin-left: -25px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

.emoji--angry .emoji__eyebrows:after {
    margin-left: 25px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.emoji--angry .emoji__eyes {
    width: 12px;
    height: 12px;
    left: calc(50% - 6px);
    top: 70px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}

.emoji--angry .emoji__mouth {
    width: 36px;
    height: 18px;
    left: calc(50% - 18px);
    bottom: 15px;
    background: #000000;
    border-radius: 50%;
    -webkit-animation: angry-mouth 2s ease-in infinite;
    animation: angry-mouth 2s ease-in infinite;
}

.inline_post_emoji {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}

.inline_post_emoji .emoji {
    transform: scale(0.15);
    top: -285%;
    right: 285%;
}

.no_anim .emoji--wow .emoji__eyebrows {
    top: 15px;
}

.no_anim .emoji--sad .emoji__eyes:after {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
}

.no_anim .emoji--like .emoji__hand,
.no_anim .emoji--like .emoji__thumb,
.no_anim .emoji--love .emoji__heart,
.no_anim .emoji--haha .emoji__face,
.no_anim .emoji--haha .emoji__mouth,
.no_anim .emoji--wow .emoji__face,
.no_anim .emoji--wow .emoji__eyebrows,
.no_anim .emoji--wow .emoji__mouth,
.no_anim .emoji--sad .emoji__face,
.no_anim .emoji--sad .emoji__mouth,
.no_anim .emoji--sad .emoji__eyes:after,
.no_anim .emoji--angry,
.no_anim .emoji--angry .emoji__face,
.no_anim .emoji--angry .emoji__mouth {
    animation: none;
}

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

.reactions-box {
    background: #ffffff;
    padding: 4px 0;
    position: absolute;
    bottom: 100%;
    z-index: 999;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    cursor: default;
    display: none;
    margin: 0;
}

.reaction {
    list-style-type: none;
    cursor: pointer;
    justify-content: center;
    width: 48px;
    height: 48px;
    float: left;
    transition: all .25s ease;
    position: relative;
    border-radius: 10px;
}

.reaction:hover {
    background-color: rgb(0 0 0 / 0.06);
}

.reaction::after {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: 90%;
    white-space: nowrap;
    color: #ffffff;
    line-height: 20px;
    font-size: 13px;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2em;
    left: 50%;
    opacity: 0;
    transition: all .15s ease;
    transform: translateX(-50%);
}

.reaction:hover::after {
    opacity: 1;
    bottom: 100%;
}

.reaction .emoji {
    min-width: 120px;
    right: auto;
    left: auto;
    top: auto;
}

.reactions-box .reaction img {
    width: 39px;
    height: 39px;
}

.post-actions .stat-item .inline_post_count_emoji.reaction {
    width: 16px;
    height: 16px;
    float: none;
    line-height: 1;
}

/*Shared Posts*/
.bs-callout {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.wow_shared_posts_p {
    margin-bottom: 12px;
}

.wow_shared_posts_p:empty {
    margin: 0;
}

.bs-callout .options .total-votes,
.bs-callout .post-fetched-url {
    margin-bottom: 12px;
}

/*Timeline*/
.wo_user_profile .cardheader {
    position: relative;
    padding: 0;
    padding-bottom: 32.7%;
}

.tag_usr_prof_covr {
    overflow: hidden;
}

.tag_usr_prof_covr img {
    width: 100%;
}

.tag_user_prof_opts {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 11;
}

.tag_user_prof_opts .dropdown-toggle {
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
}

.tag_user_prof_opts .dropdown-toggle svg {
    margin: -2px 0 0;
    width: 20px;
    height: 20px;
}

.user-cover-reposition-container {
    position: relative;
}

.user-cover-reposition-w,
.user-reposition-container {
    position: relative;
    width: 100%;
}

.user-reposition-container {
    padding-bottom: 32.7%;
    overflow: hidden;
    display: none;
}

.user-reposition-container img {
    position: absolute;
    width: 100%;
}

.user-reposition-container .user-reposition-dragable-container {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    font-style: italic;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 0.6);
}

.user-reposition-container .user-reposition-dragable-container svg {
    width: 18px;
    height: 18px;
    margin: -2px 0 0;
    background-color: white;
    color: black;
    border-radius: 50%;
}

.wo_user_profile .tag_page_name_hdr .event-info-cont-small {
    padding: 0;
}

.wo_user_profile .user-avatar {
    width: 130px;
    height: 130px;
    padding: 0;
    position: relative;
    bottom: auto;
    margin: -70px 0 15px;
}

.wo_user_profile .user-avatar img {
    padding: 4px;
    background-color: white;
    position: relative;
    z-index: 5;
}

.wo_user_profile .user-avatar.unseen_story {
    padding: 4px;
}

.wo_user_profile .user-avatar.unseen_story:after {
    content: '';
    background: var(--main);
    position: absolute;
    right: 2px;
    left: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 50%;
    z-index: 1;
}

.wo_user_profile .user-avatar.unseen_story img {
    padding: 2px;
}

.wo_user_profile .user-avatar .dropdown {
    z-index: 9;
}

.wo_user_profile .event-info-cont-small h3,
.wo_user_profile .event-info-cont-small .event_cdown {
    padding: 0 5px;
}

.wow_user_page_btns {
    flex-wrap: wrap;
    position: absolute;
    right: 15px;
    top: 25px;
    margin: 0 -4px;
}

.wow_user_page_btns .btn {
    margin: 0 4px;
    height: 36px;
}

.wo_user_profile .event-info-cont-small .social-links {
    padding: 12px 5px 2px;
}

.wo_user_profile .user-bottom-nav {
    margin: 15px -15px -15px;
    border-top: 1px solid #eee;
}

.wo_user_profile .user-bottom-nav ul {
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.wo_user_profile .user-bottom-nav ul li {
    display: inline-block;
}

.wo_user_profile .user-bottom-nav li a {
    padding: 15px 20px;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 500;
}

.wo_user_profile .user-bottom-nav li a span {
    font-weight: normal;
    background: rgb(0 0 0 / 0.08);
    line-height: 1;
    padding: 2px 3px;
    min-width: 20px;
    border-radius: 3px;
    font-size: 13px;
    display: inline-block;
}

.wo_user_profile .user-bottom-nav li .menuactive {
    color: var(--main);
}

.wo_user_profile .user-bottom-nav li .menuactive:after {
    content: '';
    position: absolute;
    height: 3px;
    background-color: var(--main);
    bottom: 0;
    right: 10px;
    left: 10px;
    border-radius: 3px 3px 0 0;
}

.wo_user_profile .tag_usr_prof_about {
    padding: 0 3px 7px;
}

/*User Profile Media*/
.user_media_list_section {
    display: block;
    margin: 5px -5px -5px;
    overflow: hidden;
}

.user_media_list_section .photo-data,
.user_media_list_section .video-data {
    width: 25%;
    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;
    border-radius: 5px;
}

.user_media_list_section .photo-data a:hover,
.user_media_list_section .video-data a:hover {
    filter: brightness(0.9);
}

.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_side .photo-data {
    width: 33.3333333%;
}

.user_media_list_section_side .photo-data:first-child {
    width: 66%;
}

/*User Activities*/
.tag_prof_activits .notification-list,
.tag_prof_activits .notification-list .notification-text>span,
.tag_prof_activits .notification-list .notification-text>span a,
.tag_prof_activits .notification-list .ajax-time {
    color: #252525;
}

/*Profile Completion*/
.profile-completion-bar {
    margin-bottom: -10px;
}

.profile-completion-bar .percentage-bar h4 {
    font-size: 15px;
    margin: 0 0 15px;
    justify-content: space-between;
}

.profile-completion-bar .percentage-bar h4 b {
    margin: 0;
    font-weight: 500;
}

.profile-completion-bar .completion-bar {
    height: 4px;
    margin: 0 0 5px;
}

.profile-completion-bar .completion-bar .completion-bar-wrapper {
    overflow: hidden;
    height: 100%;
    background: rgb(0 0 0 / 0.1);
    border-radius: 2em;
}

.profile-completion-bar .completion-bar .completion-bar-status {
    overflow: hidden;
    background: var(--main);
    height: inherit;
    transition: width 1s;
    border-radius: 2em;
}

.profile-completion-bar .completion-step {
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 10px 0 0;
}

.profile-completion-bar .completion-step svg {
    margin: -2px 7px 0 0;
}

/*Send Gift*/
.wo_send_gift {
    flex-wrap: wrap;
    margin: 0 -5px;
    max-height: calc(100vh - 180px);
    overflow: hidden;
    overflow-y: auto;
}

.wo_send_gift .gift-data {
    width: 20%;
    position: relative;
    padding: 5px;
    overflow: hidden;
}

.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: 5px;
    transition: all 0.15s ease;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    user-select: none;
}

.wo_send_gift .gift-data label>input:checked+img {
    box-shadow: 0 0 0 1.5px var(--main);
}

.tag_show_usr_gift {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: calc(100vh - 180px);
}

/*Add to Family*/
.tag_add_family>.author {
    padding: 0px;
}

.tag_add_family .author .text p select {
    flex: 1 1 auto;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

/*Crop Image*/
.wo_crop_img_pic {
    text-align: center;
}

.wo_crop_img_pic img {
    max-height: 400px;
    max-width: 100%;
}

/*Upgraded*/
.wow_upgrd_ico svg {
    width: 120px;
    height: 120px;
}

.wow_upgrd_ico .tag_404_innr h2 {
    font-size: 32px;
}

.wow_upgrd_ico .tag_404_innr .btn {
    margin-top: 50px;
}

/*User Activation*/
.activate-code-form {
    display: none;
}

/*Video call*/
.remote-media,
.video-con {
    position: relative;
    height: 100%;
}

.video-con {
    background: #000;
    height: 100vh;
    width: 100%;
    margin-top: -30px;
}

.remote-media h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 0;
    font-family: "TT Commons", Roboto, sans-serif;
    font-size: 32px;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}

.remote-media video:nth-child(2) {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 100vh;
}

.end_vdo_call {
    padding: 0 5px;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
}

.end_vdo_call svg {
    margin: -2px 0 0;
    width: 22px;
    height: 22px;
}

.local-media video {
    width: 250px;
    height: 140px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: #000;
    border-radius: 5px;
    text-align: center;
    border: 1.5px solid rgb(255 255 255 / 0.8);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

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

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

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

iframe {
    border: none;
    border-radius: 3px;
}

.comment-edit input,
.comment-reply input {
    font-size: 13px;
    margin-top: 10px;
    height: 30px;
    border-radius: 3px
}

.post .post_drop_menu_loading {
    text-align: center;
    padding: 4.36px 0 !important
}

.list-group-item.black-list,
.list-group-item.gray-list {
    padding: 10px;
    font-size: 14px;
    transition: all .2s
}

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

.post .post-footer .input-group-addon a {
    color: #444
}

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

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

.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: #f9f9f9;
    color: #444
}

.unsetheight {
    height: unset !important
}

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

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

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

.plus-images {
    position: relative
}

.plus-images .plus-images-num {
    position: absolute;
    top: 30px;
    color: #fff;
    font-size: 20px
}

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

.sidebar-profile-style {
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    background-color: #fff
}

.page-likes {
    color: #999;
    font-size: 12px
}

.page-likes span {
    margin: 10px
}

.panel-group {
    border: 1px solid #ededed
}

.panel-white .panel-footer,
.panel-white .panel-heading {
    background-color: #fff;
    border-color: #ddd
}

.panel-one-post {
    margin: 0 auto;
    width: 80%
}

.panel-white {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}

.panel-white .panel-heading {
    color: #333
}

.gray-1 {
    color: #999 !important
}

.post-share {
    display: none
}

.post-share .social-btn {
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 16px;
    line-height: 20px
}

.active.fa-thumbs-up {
    color: #a84849
}

.active.fa-share-square-o {
    color: #5f764d
}

.active.fa-exclamation-circle {
    color: #fc9b1b
}

.filter-container {
    width: 100%
}

.filter {
    width: 14.4% !important
}

.filter-text {
    width: 20.1%;
    font-size: 13px
}

#select-status-media {
    width: 100%;
    height: 180px;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
    background: #f9f9f9;
    font-size: 18px;
    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;
}

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

.user-lastseen {
    font-size: 11px;
    color: #9197a3
}

.user-lastseen .small-last-seen {
    font-size: 10px
}

.clear {
    clear: both
}

.btns {
    margin-top: 10px
}

#icon {
    font-size: 100px
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777;
    color: #ededed;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 70px;
    padding-top: 2px;
    transition: all .5s ease-in-out;
    border-radius: 10px
}

.scroll-top-wrapper:hover {
    background-color: #888
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1
}

.scroll-top-wrapper i.fa {
    line-height: inherit
}

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

.active-like {
    color: #1da1f2
}

.active-wonder {
    color: #a84849
}

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

.online-text {
    color: #4caf50
}

.hidden {
    display: none
}

.padding-10 {
    padding: 10px
}

.white {
    color: #fff
}

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

.time {
    font-size: 11px;
    color: #9197a3
}

.file-percent {
    color: #fff;
    display: none;
    text-align: center;
    margin: 5px
}

.image-file {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

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

table .setting-avatar {
    width: 20px;
    float: left;
    margin-right: 5px;
    border-radius: 100px
}

table.setting-table .active {
    color: green
}

table.setting-table .pending {
    color: red
}

.hash {
    color: #252525;
}

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

.recipient-chat-user .avatar {
    position: relative
}

.file-sharing-resize-btn {
    right: 35px;
    cursor: pointer
}

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

.wow_group_chat_image,
.wow_group_chat_image img {
    min-height: 180px;
    max-height: 180px;
}

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

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

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

.chat-recording-time {
    color: #333;
    font-size: 13px;
}

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

.filter-by-home {
    display: none
}

.gray {
    color: #666
}

.api-ex-urls,
.app-avatar {
    border-radius: 3px
}

.second-user-color {
    color: #333
}

.sidebar-page-data {
    position: relative
}

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

.app-avatar {
    width: 30px;
    margin-right: 7px
}

.hidden-mobile-image {
    width: 100%
}

.green {
    color: #43a735;
    font-size: 12px
}

.filter-margin {
    margin-bottom: 20px
}

.emo-post-container {
    z-index: 2;
    display: none;
    right: 0;
    left: auto;
    background-color: #fff;
    padding: 5px
}

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

.user-username {
    color: #a84849;
    font-size: 10px
}

.small-text {
    font-size: 12px !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
}

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

.light {
    background: #fcfcdb;
    transition: opacity 500 ease-in-out
}

.pricing {
    transition: all .2s ease-in-out;
    text-align: center
}

.overlay-black {
    background: url(../img/overlay-image.png);
    width: 100%;
    padding: 50%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    opacity: .5;
    left: 0
}

.reply-textarea {
    padding-top: 5px;
    resize: none
}

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

#plans {
    padding: 15px;
    width: 80%
}

#plans ul li {
    font-size: 16px
}

#plans ul li .green {
    font-size: 16px !important
}

.red {
    color: red
}

.padding-right {
    padding-right: 0
}

.events-tab-list {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff
}

.events-tab-list li,
.events-tab-list li:hover {
    width: 16.66666666%;
    font-weight: 600;
    background-color: #a84849
}

.events-tab-list li a {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    padding: 10px;
    color: #fff;
    height: inherit
}

#select-cover {
    width: 100%;
    overflow: hidden;
    max-height: 300px
}

#select-cover img {
    width: 100%
}

.active-e-tab {
    background-color: #a84849 !important
}

.events-tab-content {
    width: 100%;
    background: #fff;
    padding: 15px
}

.events-content-wrapper {
    overflow: visible
}

.events-content-wrapper:last-child {
    margin-bottom: 20px
}

.cover-container {
    width: 100%;
    overflow: hidden;
    padding-top: 0;
    background: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 3px
}

.icon-no {
    width: 18px
}

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

.slick-loading .slick-slide,
.slick-loading .slick-track,
.sound-controls {
    visibility: hidden
}

.put-me-here-text {
    padding: 7px;
    font-size: 12px;
    margin-bottom: -30px
}

.nav-names {
    margin-left: 115px
}

.nav-names li {
    transition: background .2s
}

.comment-textarea {
    padding-top: 5px;
    resize: none
}

#textarea_paypal {
    min-height: 200px
}

.btn-bitcoin {
    background: #fc9b1b;
    color: #fff
}

.btn-paypal {
    background: #039ddd;
    color: #fff
}

#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 {
    width: 100%;
    border-radius: 1px;
    padding: 10px;
    overflow: hidden
}

.fff {
    color: #fff
}

.w-100 {
    width: 100%;
    overflow: hidden
}

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

#mbr-ls-cont {
    background-color: #f6f7f9
}

#search-forums {
    background: #fff;
    border-radius: 15px;
    height: 30px;
    margin-top: 1px
}

.search-cont-inner {
    display: none
}

.text-v-middle {
    vertical-align: middle;
    padding: 10px
}

.usr-offline {
    color: #a84849
}

.usr-online {
    color: green
}

.padd5x10 {
    padding: 5px 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
}

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

.btn-nothing:hover {
    text-decoration: underline
}

.reply-box {
    padding-top: 5px
}

.blog-dd-menu {
    cursor: pointer
}

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

.setting-well-p {
    padding: 10px
}

.view-blog {
    color: #666;
    font-size: 14px;
    line-height: 17px
}

.rotate-90d {
    transform: rotate(-180deg)
}

.no_message {
    text-align: center;
    line-height: 220px;
    font-size: 13px
}

.colloape-panel-stg,
.wo-content-shadow {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}

.colloape-panel-stg {
    margin: 0;
    color: #666
}

.nearby-users-distance {
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    color: #333
}

div.mce-fullscreen {
    z-index: 9999 !important;
}

.mce-menu {
    z-index: 99999 !important;
}

.colloape-panel-stg {
    padding: 15px 10px;
    background: #fff;
    overflow: hidden
}

.colloape-panel-stg i {
    color: #666
}

.nodisplay {
    display: none
}

.disabled {
    cursor: not-allowed;
    opacity: .7
}

@media screen and (max-width:990px) {
    .search-nearby-cont {
        padding-left: 15px;
        border-left: none
    }
}

.group_tab_dropdown {
    color: #666
}

.group_tab_dropdown span {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    color: #555;
    text-shadow: none
}

.group_tab_dropdown span:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f9f9f9
}

article,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
    word-wrap: break-word
}

.border-top {
    border-top: 1px solid #ddd
}

.border-bottom {
    border-bottom: 1px solid #ddd
}

.dropped-down {
    background-color: #e3e4e8 !important
}

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

.modal.fade:before,
.slick-track:after,
.slick-track:before {
    content: ''
}

.create-article-form .prv-img,
.fluid,
.search-artiles-form,
.search-artiles-form input {
    width: 100%;
    overflow: hidden
}

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

.blog-desc {
    font-size: 15px;
    color: #666
}

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

.gray-list.active {
    font-weight: 700
}

.form-control.url-input {
    width: 100% !important;
    border: 1px solid #f3f3f3
}

.modal-body {
    padding: 15px;
}

.ads-activation .active {
    color: #46af00
}

.danger-tab a,
.warning-tab a {
    background-color: #d9534f;
    color: #fff
}

.theme.active {
    background-color: #f5f5f4
}

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

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

.title a:focus,
.title a:hover {
    text-decoration: none !important
}

.btn-cart:disabled {
    color: #fff
}

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

.blog-dd-ul li a,
.blog-dd-ul li span {
    padding: 5px 15px;
    display: block
}

.hover-pointer:hover {
    text-decoration: underline
}

.blog-dd-ul li span:hover {
    cursor: pointer
}

.blog-dd-ul li a:hover {
    cursor: pointer
}

.blog-cat-img img {
    width: 100%;
    height: 120px
}

#insert-caht-alert div.alert {
    border-radius: 0 !important;
    text-align: center
}

.pac-item>span:last-child {
    display: none
}

.navbar-movies-mobile ul {
    width: 100%
}

.navbar-movies-mobile-search-dropdown ul {
    padding: 10px 5px;
    color: #333;
    border-radius: 0 !important
}

.lb-preloader svg,
.pace-activity-parent {
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .17)
}

svg.feather {
    vertical-align: middle;
    margin-top: -4px;
    width: 19px;
    height: 19px;
}

.list-group {
    border-radius: 2px
}

.btn-whatsapp {
    color: #fff;
    background-color: #04aa24;
    border-color: rgba(0, 0, 0, .2)
}

.btn-whatsapp:hover {
    background-color: #03941f
}

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

.show_post_comm_mobi {
    display: none
}

.fluid_video_wrapper {
    max-height: 600px;
}

.wo_game_list_info .page-website,
.wo_game_list_info h3 {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

.no-padding-left-list {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}

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

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

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

.small-texts {
    font-weight: 100;
}

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

.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-details {
    margin-left: 10px;
    color: #9197a3;
    font-size: 12px;
}

.wo_who_react_this {
    display: inline-block;
    margin-left: -3px;
}

.inline_act_emoji {
    overflow: hidden;
    position: relative;
    margin-bottom: -5px;
    transform: scale(0.8);
    margin-right: 0;
}

#inline_emo_react {
    position: relative;
}

#inline_emo_react .wo_who_react_this {
    position: absolute;
    top: 0;
    right: 10px;
    background: #f9f9f9;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#inline_emo_react .wo_who_react_this .inline_act_emoji {
    transform: scale(1);
    margin-bottom: 0px;
}

.neg_padd {
    margin-bottom: -15px;
}

.neg_padd table {
    margin-bottom: 0;
}

/*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% - 190px) !important;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-container-body .mce-combobox input {
    width: 100% !important;
}

/*Cookie*/
.cc-window {
    position: fixed;
    overflow: hidden;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    z-index: 9999;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border-radius: 5px;
    padding: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    width: 100%;
    max-width: 900px;
    justify-content: space-between;
    background-color: white;
}

.cc-window.cc-invisible {
    display: none !important;
}

.cc-btn.cc-dismiss {
    cursor: pointer;
    transition: all 0.15s;
    padding: 0 15px;
    line-height: 34px;
    display: block;
    border-radius: 5px;
    background: #000;
    color: #fff;
}

/*Secondary Toolbar*/
.tag_sec_toolbar {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 45px;
    width: 100%;
    z-index: 1040;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .0975);
}

.tag_sec_toolbar>div {
    justify-content: space-around;
    width: 120px;
}

.tag_sec_toolbar a {
    padding: 10.5px;
    display: block;
    line-height: 1;
    color: #333;
}

.tag_sec_toolbar .active a {
    color: var(--main);
}








@media (min-width:400px) {
    .payment_box {
        width: 360px;
    }
}

@media (min-width:769px) {
    .modal-md {
        width: 500px
    }

    .tag_sec_toolbar,
    .tag_logo_mobi,
    .post-actions .stat-item svg {
        display: none;
    }
}

@media (min-width:834px) {
    .middlecol {
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%;
    }

    .rightcol {
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        max-width: 36%;
    }

    .col-lg-3.sidebar {
        padding-left: 0;
    }

    .wo_user_profile .col-lg-3.sidebar {
        padding-left: 15px;
        padding-right: 0;
    }

    .prod_full_size .tag_post_prods {
        flex-direction: row;
        margin: 0 -15px;
        align-items: normal;
    }

    .prod_full_size .prod_full_size_slide {
        width: 50%;
        padding: 0 15px;
    }

    .prod_full_size .wow_post_prod {
        width: 50%;
        margin: 0;
        padding: 0 15px;
    }

    .prod_full_size .wow_post_prod>hr {
        margin: 25px 0;
    }

    .prod_full_size .wow_post_prod_name {
        font-size: 40px;
    }

    .prod_full_size .post p.wow_post_prod_price {
        font-size: 20px;
        color: var(--main);
    }

    .prod_full_size .post .wow_post_prod_infos p {
        font-size: 16px;
        line-height: 1.6;
    }

    .tag_blog_cats_coll>.wo_page_hdng>svg {
        display: none;
    }

    .tag_blog_cats_coll>.collapse {
        display: block !important;
        height: 100% !important;
    }
}

@media (min-width:992px) {
    .tag_scroll::-webkit-scrollbar {
        width: 11px;
        height: 11px;
    }

    .tag_scroll::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 12px;
        border: 3px solid #fff;
    }

    .tag_scroll::-webkit-scrollbar-button {
        display: none;
    }

    .tag_ads_left_col {
        width: 77%;
        border-right: 1px solid #ececec;
    }

    .tag_ads_right_col {
        width: 23%;
    }

    .tag_srch_rslt_usr_row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .tag_srch_rslt_usr_row>.col-12 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .tag_search_user_data_mobi {
        margin-bottom: 20px;
    }
}

@media (min-width:1351px) {
    .header-brand {
        display: block;
        position: fixed;
        top: 15px;
        left: 15px;
        z-index: 1000;
    }

    .tag_header>.search-container {
        position: fixed;
        left: 0;
        top: 85px;
        z-index: 900;
        width: 350px;
    }

    .tag_header>.search-container.show>form svg {
        transform: translateY(-50%) translateX(-10px);
        opacity: 0;
    }

    .tag_header>.search-container.show .search-input {
        padding: 10px;
    }

    .tag_header>.search-container .dropdown-menu {
        width: 100%;
        max-width: 350px;
        margin: 0;
        box-shadow: none;
        position: fixed;
        padding: 10px 15px 2px;
        left: 0;
        top: 125px;
        bottom: 0;
        background: var(--header-background);
    }

    .notification-list,
    .user-request-list,
    .messages-list,
    .show-message-link,
    .search-advanced-container a,
    .search-dropdown-result a,
    .hashtag-search-result a {
        position: relative;
        color: var(--header-color);
    }

    .tag_hdr_right {
        position: fixed;
        top: 15px;
        left: 0;
        z-index: 999;
        width: 350px;
        justify-content: flex-end;
        padding: 6.5px 10px;
    }

    .tag_hdr_right>.dropdown .dropdown-menu {
        margin: 0;
        width: 100%;
        max-width: 350px;
        position: fixed;
        top: 80px;
        left: 0;
        bottom: 0;
        border-radius: 0;
        box-shadow: none;
        max-height: 100%;
        overflow-y: auto;
        padding: 2px 10px;
        background: var(--header-background);
        overscroll-behavior-y: contain;
    }

    .tag_hdr_right>.dropdown .dropdown-menu .tag_switch_noti {
        background: transparent;
        position: relative;
        color: var(--header-color);
    }

    .tag_hdr_right>.dropdown .dropdown-menu .tag_switch_noti:before {
        opacity: 0.15;
        border-radius: 2em;
    }

    .tag_hdr_right>.dropdown .dropdown-menu .tag_switch_noti>li>a {
        color: var(--header-color);
        opacity: 0.8;
    }

    .tag_hdr_right>.dropdown .dropdown-menu .tag_switch_noti>li.active>a {
        color: #000;
    }

    .tag_srch_recent,
    .tag_hdr_right>.dropdown .dropdown-menu .empty_state,
    .notification-list .notification-text>span,
    .tag_hdr_user_dropdown>li>a,
    .tag_hdr_user_dropdown>li>a:hover,
    .tag_hdr_user_dropdown>li>a:active,
    .tag_hdr_user_dropdown>li>a:focus,
    .turn-off-sound,
    .notification-list .notification-text>span a,
    .notification-list .ajax-time,
    .user-request-list .user-info .user-lastseen,
    .user-request-list .user-info>a,
    .tag_footer,
    .tag_footer .tag_footer_links a,
    .tag_sidebar_head,
    .tag_sidebar_section>a,
    .tag_hdr_user_submenu a,
    .tag_sett_sidebar>p.bold {
        color: var(--header-color);
    }

    .tag_sidebar_section>a:hover,
    .tag_sett_sidebar>li>a,
    .tag_sett_sidebar>li>a:hover,
    .tag_sett_sidebar>li>a:active,
    .tag_sett_sidebar>li>a:focus {
        color: var(--header-color);
        opacity: 1;
    }

    .tag_toggle_mode:after,
    .tag_toggle_mode:before,
    .tag_sett_sidebar>hr {
        border-color: var(--header-color);
    }

    .tag_sett_sidebar {
        background-color: var(--header-background);
    }

    .tag_sidebar .sidebar_innr::-webkit-scrollbar-thumb,
    .tag_hdr_right>.dropdown .dropdown-menu::-webkit-scrollbar-thumb,
    .tag_sett_sidebar::-webkit-scrollbar-thumb {
        border-color: var(--header-background);
    }

    .messages-recipients-list,
    .messages-recipients-list .ajax-time,
    .messages-recipients-list .notification-text>span {
        color: #2b2b2b;
    }

    .tag_stories_on_home .view-more-stories {
        right: -20px;
    }

    .tag_sett_sidebar>hr {
        opacity: 0.1;
    }
}

@media (max-width:1680px) {
    .read-blog-container .related-post {
        margin: 60px -60px;
    }

    .wow_main_float_head_img {
        margin: 0;
    }
}

@media (max-width:1580px) {
    .read-blog-container .related-post {
        margin: 60px -30px;
    }

    .tag_prods_slidr .slick-prev,
    .tag_prods_slidr .slick-next {
        background: transparent !important;
        width: auto;
        height: auto;
    }

    .tag_prods_slidr .slick-next {
        right: 20px;
    }

    .tag_prods_slidr .slick-prev {
        left: 20px;
    }
}

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

    .tag_comm_skels {
        width: 50%;
    }

    .tag_comm_skel .tag_comm_skels:last-child {
        display: none;
    }
}

@media (max-width:1350px) {
    body {
        padding-top: 60px !important;
    }

    header {
        margin: 0;
    }

    header>.container {
        position: relative;
    }

    .tag_sidebar {
        top: 60px;
        padding: 0;
        max-width: 250px;
        border-right: 1px solid #dcdcdc;
        box-shadow: none;
        background: var(--body-bg);
    }

    nav.navbar.navbar-default {
        position: fixed;
        z-index: 1045;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: var(--header-background);
        padding: 8px 0;
    }

    .tag_header_shadow {
        visibility: visible;
        opacity: 1;
    }

    .tag_header {
        padding-right: 192px;
    }

    .tag_hdr_right {
        position: fixed;
        top: 0;
        z-index: 1045;
        justify-content: flex-end;
        padding: 11px 15px;
        left: calc(100vw - 430px);
    }

    .tag_sidebar_section>a {
        width: 50%;
    }

    .tag_content {
        margin-left: 250px;
    }

    .chat-container {
        top: 60px;
        height: calc(100% - 60px);
    }

    .header-brand img {
        max-height: 44px;
    }

    .tag_header>.search-container {
        width: 100%;
    }

    .tag_header>.search-container .dropdown-menu {
        left: 15px;
        right: 15px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        padding: 10px 15px 15px;
    }

    .notification-list,
    .user-request-list,
    .messages-list,
    .show-message-link,
    .search-advanced-container a,
    .search-dropdown-result a,
    .hashtag-search-result a,
    .notification-list .notification-text>span {
        position: relative;
        color: #252525;
    }

    .tag_hdr_right>.dropdown .dropdown-menu {
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        width: 100%;
        min-width: 350px;
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        padding: 2px 10px;
    }

    .tag_home_filters.home {
        top: 60px;
    }

    .tag_page_title:not(.m5) {
        margin: 30px 0 10px;
    }

    .tag_fake_ad,
    .tag_footer_pc {
        display: none;
    }

    .tag_cr_blog_main>.container {
        max-width: 95%;
    }

    .tag_app_request {
        min-height: calc(100vh - 120px);
    }

    .wow_go_live_cont {
        height: calc(100vh - 60px);
        margin: 0;
    }

    .tag_live_sidebar,
    .tag_sett_sidebar {
        top: 60px;
        width: 250px;
    }

    .tag_maint_page {
        height: calc(100vh - 60px);
    }

    .tag_messages,
    .tag_startup {
        margin: -60px 0 0;
    }

    .tag_msg_user_list,
    .tag_msg_switch {
        width: 30%;
        min-width: 30%;
    }

    .tag_msg_user_chat {
        width: 70%;
        min-width: 70%;
    }

    .tag_show_fnd_bottom {
        left: 250px;
    }

    .tag_footer_mobi {
        display: block;
    }

    .video-con {
        margin: 0;
        height: calc(100vh - 60px);
    }

    .remote-media video:nth-child(2) {
        height: calc(100vh - 60px);
    }
}

@media (max-width:1330px) {
    .tag_hdr_right {
        left: calc(100vw - 420px);
    }
}

@media (max-width:1310px) {
    .tag_hdr_right {
        left: calc(100vw - 410px);
    }
}

@media (max-width:1290px) {
    .tag_hdr_right {
        left: calc(100vw - 400px);
    }
}

@media (max-width:1270px) {
    .tag_hdr_right {
        left: calc(100vw - 390px);
    }

    .wo_imagecombo_lbox .comment-section,
    .tag_lboxside_skel_white,
    .tag_lbox_skel_foot {
        width: 350px
    }

    .wo_imagecombo_lbox .story-img:not(.user_story_) {
        margin-right: 350px;
        width: calc(100% - 350px)
    }

    .pricing_p_price span {
        display: block;
        margin: -3px 0 0 !important;
    }

    .tag_pro_users>div {
        width: 50%;
    }

    .tag_pro_users>div img {
        height: 130px;
    }
}

@media (max-width:1250px) {
    .tag_hdr_right {
        left: calc(100vw - 380px);
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li {
        width: 16.6666667%;
        min-width: 16.6666667%;
    }
}

@media (max-width:1230px) {
    .tag_hdr_right {
        left: calc(100vw - 370px);
    }
}

@media (max-width:1210px) {
    .tag_hdr_right {
        left: calc(100vw - 360px);
    }
}

@media (max-width:1200px) {
    .tag_ads_left_col {
        border: 0 !important;
        width: 100%;
    }

    .tag_ads_right_col {
        width: 100%;
        margin-top: 25px;
    }

    .wow_frnd_map:not(.tag_nearby_pages_map) {
        height: 300px;
    }

    .tag_onboarding_prnt {
        padding: 0 5px !important;
    }

    .tag_games_left_pane {
        height: 100%;
    }

    .tag_pop_games,
    .story_lightbox .story-img:not(.tag_view_story_only_main),
    .tag_vw_story_skel {
        display: none;
    }

    .wow_games {
        max-height: none;
    }

    .tag_story_side {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .tag_lbox_stories .status-list li {
        width: 20%;
        min-width: 20%;
    }

    .story_lightbox .story-img.tag_view_story_only_main {
        margin: 0 !important;
        width: 100%;
    }

    .create_story_navigation,
    .tag_view_story_only_side .tag_page_title .lbox_coms_navigation {
        display: inline-block;
    }

    .tag_view_count_story_mobi {
        display: block;
    }

    .tag_view_story_only_side {
        width: 100%;
        position: fixed;
        right: 0;
        left: 0;
        height: 100%;
        z-index: 1045;
        -webkit-transform: translateY(115%);
        transform: translateY(115%);
        transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        padding: 1px 15px 15px;
    }

    .wo_imagecombo_lbox.stor_view_active .tag_view_story_only_side {
        -webkit-transform: none;
        transform: none;
        transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .tag_view_story_only_side .tag_page_title {
        font-size: 28px;
        margin: 15px 0 10px;
        border-bottom: 1px solid rgb(255 255 255 / 0.15);
        padding: 0 0 16px;
    }
}

@media (max-width:1190px) {
    .tag_hdr_right {
        left: calc(100vw - 350px);
    }
}

@media (max-width:1170px) {
    .tag_hdr_right {
        left: calc(100vw - 340px);
    }
}

@media (max-width:1150px) {
    body.side_open {
        overflow: hidden !important;
    }

    .tag_toggle_sidebar {
        display: inline-block;
    }

    .tag_sidebar {
        top: 0;
        border: 0 !important;
        max-width: 310px;
        width: calc(100% - 56px);
        -webkit-transform: translateX(-115%);
        transform: translateX(-115%);
        transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        background: #fff;
        box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
        z-index: 1050;
    }

    .side_open .tag_sidebar {
        -webkit-transform: none;
        transform: none;
        transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .tag_hdr_right {
        left: calc(100vw - 330px);
    }

    .tag_content {
        margin-left: 0;
    }

    .tag_sidebar_mobi>.tag_sidebar_section_prnt {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        padding: 8px 0;
    }

    .tag_sidebar_mobi .tag_sidebar_section>a {
        width: 100%;
        height: calc(48px - 2 * 4px);
        margin: 8px 8px;
        padding: 0 8px;
        text-align: inherit;
        display: block;
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 40px;
    }

    .tag_sidebar_mobi .tag_sidebar_section>a svg,
    .tag_sidebar_mobi .tag_sidebar_section>a img {
        display: inline-block;
        height: 24px;
        width: 24px;
        margin: 0 30px 0 8px;
    }

    /* .tag_sidebar_mobi .tag_sidebar_head,
    .tag_hide_prof_sett_hdr,
    .wow_liv_comments_feed:after {
        display: none;
    }

    .tag_sidebar_mobi .collapse {
        display: block;
    } */

    .chat-container {
        width: 70px;
        padding: 0px 10px 80px;
    }

    .chat-opacity {
        width: 69px;
    }

    .tag_content.tag_chat_content {
        margin-right: 70px;
    }

    .chat-container .wow_chat_search {
        right: 10px;
    }

    .tag_cr_blog_side {
        width: 330px;
    }

    .tag_cr_blog_main {
        margin-right: 330px;
    }

    .wo_imagecombo_lbox .comment-section,
    .tag_lboxside_skel_white,
    .tag_lbox_skel_foot {
        width: 320px
    }

    .wo_imagecombo_lbox .story-img:not(.user_story_) {
        margin-right: 320px;
        width: calc(100% - 320px)
    }

    .tag_live_sidebar {
        width: 100%;
        top: auto;
        background: linear-gradient(transparent, black) !important;
        color: white !important;
        padding: 100px 15px 15px;
    }

    .tag_live_sidebar_foot {
        border-top-color: #3d3d3d;
    }

    .tag_live_sidebar .live_comments .comment-heading .user {
        color: #fff;
    }

    .tag_live_sidebar .live_comments .tag_comm_body .comment-text {
        background-color: rgb(255 255 255 / 0.15);
    }

    .tag_msg_user_list,
    .tag_msg_switch {
        width: 35%;
        min-width: 35%;
    }

    .tag_msg_user_chat {
        width: 65%;
        min-width: 65%;
    }

    .tag_sett_sidebar {
        top: auto;
        width: 100%;
        position: relative;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
        border-radius: 10px;
        padding: 10px 0;
        z-index: auto;
        max-width: 725px;
        margin: auto;
    }

    .tag_show_fnd_bottom {
        left: 0;
    }

    .tag_content.tag_chat_content .tag_show_fnd_bottom {
        right: 70px;
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li {
        width: 14.2857143%;
        min-width: 14.2857143%;
    }
}

@media (max-width:1130px) {
    .tag_hdr_right {
        left: calc(100vw - 320px);
    }
}

@media (max-width:1110px) {
    .tag_hdr_right {
        left: calc(100vw - 310px);
    }
}

@media (max-width:1090px) {
    .tag_hdr_right {
        left: calc(100vw - 300px);
    }
}

@media (max-width:1070px) {
    .tag_hdr_right {
        left: calc(100vw - 290px);
    }
}

@media (max-width:1050px) {
    .tag_hdr_right {
        left: calc(100vw - 280px);
    }
}

@media (max-width:1030px) {
    .tag_hdr_right {
        left: calc(100vw - 270px);
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li {
        width: 16.6666667%;
        min-width: 16.6666667%;
    }
}

@media (max-width:1010px) {
    .tag_hdr_right {
        left: calc(100vw - 260px);
    }
}

@media (max-width:992px) {

    .tag_home_filters>.btn,
    .tag_comm_skel .tag_comm_skels:nth-child(2),
    .tag_startup_row>div.col-xl-4 {
        display: none;
    }

    .main-blog-sidebar {
        margin-top: 40px
    }

    .user_media_list_section .photo-data,
    .user_media_list_section .video-data {
        width: 25%;
    }

    .wo_comthing_usr_innr .avatar {
        padding-top: 110%;
    }

    .wow_ads_lists .aemp .dropdown .dropdown-toggle,
    .tag_albums .dropdown .dropdown-toggle {
        opacity: 1;
    }

    .tag_comm_skels,
    .tag_startup_row>div {
        width: 100%;
    }

    .setting_navigation {
        display: inline-block;
    }

    .tag_sett_sidebar {
        max-width: 100%;
        display: none;
    }

    .tag_mobi_sett_page .tag_page_title {
        margin: 0 0 25px;
    }

    .user_media_list_section_side .photo-data {
        width: 33.3333333%;
    }
}

@media (max-width:990px) {
    .tag_hdr_right {
        left: calc(100vw - 250px);
    }

    .tab-container,
    .wowonder-well {
        margin-bottom: 20px
    }

    .hidden-mobile-image {
        display: none
    }

    .sidebar-profile-style {
        display: none !important
    }
}

@media (max-width:970px) {
    .tag_hdr_right {
        left: calc(100vw - 237px);
    }

    .tag_go_pro_usrs .tag_pro_users {
        overflow-x: auto;
    }

    .tag_go_pro_usrs .tag_pro_users>div {
        width: calc(12.5% + 15px);
        min-width: calc(12.5% + 15px);
    }
}

@media (max-width:900px) {

    .tag_slide_upload_img .upload-product-image,
    .tag_slide_upload_img .thumb-image {
        width: 145px;
        height: 145px;
    }

    .wo_image_lightbox .story-img {
        min-width: 100%;
        max-width: 100%
    }

    .tag_create_blog {
        height: 100%;
        overflow-y: auto;
    }

    .tag_cr_blog_main {
        margin: 0 !important;
        height: 100%;
    }

    .tag_cr_blog_write {
        min-height: calc(100vh - 330px);
    }

    .tag_cr_blog_side {
        width: 100%;
        position: relative;
        height: 100%;
        top: auto;
        border: 0 !important;
    }

    .tag_pro_plans {
        flex-wrap: wrap;
    }

    .tag_pro_plan {
        flex: 1 50%;
        margin-top: 20px;
    }

    .tag_nearby_places img {
        display: none;
    }

    .tag_msg_user_list,
    .tag_msg_switch {
        width: 38%;
        min-width: 38%;
    }

    .tag_msg_user_chat {
        width: 62%;
        min-width: 62%;
    }

    .tag_lbox_stories .status-list li {
        width: 25%;
        min-width: 25%;
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li {
        width: 20%;
        min-width: 20%;
    }
}

@media (max-width:840px) {
    .messages-container .message-media video {
        width: 100% !important
    }

    .tag_job_jumbo {
        flex-direction: column;
    }

    .tag_job_jumbo>div.dropdown,
    .tag_job_jumbo>div.search-bar {
        width: 100%;
    }

    .tag_job_jumbo>div.dropdown>.btn {
        border: 2px solid #e8e8e8 !important;
        border-bottom: 0 !important;
    }

    .tag_job_jumbo>div.dropdown:first-child>.btn {
        border-radius: 2em 2em 0 0;
    }

    .tag_job_jumbo>div.search-bar input {
        border-radius: 0 0 2em 2em;
    }

    .tag_lbox_img_innr {
        padding: 0;
    }
}

@media (max-width:832px) {

    .tag_main_right_side,
    .tag_profile_widget_hide {
        display: none;
    }

    .tag_profile_row {
        flex-direction: column;
    }

    .tag_profile_row>.middlecol {
        order: 3;
    }

    .tag_profile_row>.rightcol {
        order: 2;
    }

    .wo_vew_apld_jobs {
        flex-direction: column;
    }

    .tag_vew_apld__job_side,
    .tag_vew_apld__job_main {
        min-width: 100%;
        width: 100%;
        padding: 19px 5px 0;
    }

    .tag_page_side_no_m {
        margin-bottom: 0px;
    }

    .user_media_list_section_side .photo-data {
        width: 33.3333333% !important;
    }
}

@media (max-width:800px) {

    .blog-cat-img img,
    .blog-ls-img img {
        margin-bottom: 15px
    }

    .wo_imagecombo_lbox .story-img:not(.user_story_) {
        margin: 0 !important;
        width: 100%;
    }

    .wo_imagecombo_lbox .comment-section {
        width: 100%;
        position: fixed;
        right: 0;
        left: 0;
        height: 100%;
        z-index: 1045;
        -webkit-transform: translateY(115%);
        transform: translateY(115%);
        transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        padding: 15px 0 0;
    }

    .tag_lboxside_skel_white,
    .tag_lbox_skel_foot {
        width: 100%;
        display: none;
    }

    .user_media_list_section .photo-data,
    .user_media_list_section .video-data {
        width: 33.3333333%;
    }

    .tag_evnt_map,
    .tag_mobi_lbox_comment-section,
    .tag_mobi_lbox_comment-section+hr,
    .tag_lbox_cooms_count>svg,
    .tag_lbox_toolbar .btn-toggle-lbox-info {
        display: none;
    }

    .wo_imagecombo_lbox.active .tag_lbox_toolbar,
    .wo_imagecombo_lbox.active .story-img .changer,
    .wo_imagecombo_lbox.active .tag_mobi_lbox_foot {
        opacity: 0;
        transition: all 0.2s;
        visibility: hidden;
    }

    .tag_mobi_lbox_foot {
        display: block;
    }

    .wo_imagecombo_lbox.com_active .comment-section {
        -webkit-transform: none;
        transform: none;
        transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .tag_lbox_cooms_count {
        margin: 0 0 15px;
        padding: 0 15px 15px;
        border-bottom: 1px solid #e7e8ec;
    }

    .lbox_coms_navigation {
        display: inline-block;
    }
}

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

    .tag_msg_user_list,
    .tag_msg_user_chat {
        width: 100%;
        min-width: 100%;
        border: 0 !important;
    }

    .btn-message-select,
    .chat_navigation {
        display: inline-block;
    }

    .tag_msg_user_chat {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white;
        z-index: 5;
    }

    .tag_msg_switch {
        width: 100%;
        min-width: 100%;
    }

    .tag_msg_participant .name {
        max-width: calc(100% - 100px);
    }

    .messages-recipients-list.active {
        background: transparent !important;
    }
}

@media (max-width:768px) {

    .tag_logo_pc,
    .tag_post_more_prods,
    .tag_create_dropup,
    .chat-all-container,
    .tag_hdr_droptoggle:before,
    .tag_my_reply_hd,
    .my-thread-reply-list>div.myfrmnme,
    .tag_sF_bar_pc,
    .post-actions .stat-item .hide-word-stat {
        display: none;
    }

    .tag_header {
        padding: 0 !important;
    }

    .tag_header>.search-container>form {
        margin: 0 0 0 15px;
    }

    .tag_content {
        margin: 0 !important;
    }

    .tag_stories_on_home+hr,
    .tag_sF_bar_mobi {
        display: block;
    }

    body {
        padding-bottom: 45px !important;
    }

    .tag_hdr_right {
        margin: 0;
        top: auto;
        bottom: 0;
        right: 0;
        left: 120px;
        justify-content: space-around;
        padding: 0;
    }

    .tag_hdr_right.flex-end {
        justify-content: flex-end;
        padding: 0 40px;
    }

    .tag_hdr_right>.dropdown {
        margin: 0;
    }

    .tag_hdr_droptoggle {
        padding: 10.5px;
        color: #333;
    }

    .show>.tag_hdr_droptoggle {
        background: transparent;
        color: var(--main);
    }

    .tag_hdr_droptoggle svg,
    .tag_hdr_user_droptoggle img {
        width: 24px;
        height: 24px;
    }

    .tag_hdr_right .new-update-alert {
        top: 4px;
        right: 0px;
    }

    .tag_hdr_right>.dropdown .dropdown-menu {
        position: fixed;
        top: 0;
        bottom: 45px;
        left: 0;
        right: 0;
        margin: 0;
        border-radius: 0;
        height: calc(100vh - 45px);
        height: calc(var(--vh, 1vh) * 100 - 45px);
        max-height: calc(100% - 45px);
        box-shadow: none;
        padding: 6px 10px;
    }

    .tag_home_filters.home {
        position: relative;
        top: auto;
    }

    .no-padding-right,
    .no-padding-right-mobile {
        padding-right: 15px !important
    }

    .profile-userpic img {
        width: 70%;
        height: 70%
    }

    .blog-ls-box .article-image {
        max-height: none
    }

    .tag_404 {
        height: calc(100vh - 105px);
    }

    .tag_forum_memb_main_content li.my-thread-reply-list {
        flex-direction: column;
        align-items: normal;
        margin: 15px 0 0;
    }

    .tag_forum_memb_main_content li.my-thread-reply-list:first-child {
        margin: -15px 0 0;
    }

    .tag_forum_memb_main_content li.my-thread-reply-list>div {
        width: 100%;
    }

    .my-thread-reply-list>div.myfrmopt {
        text-align: inherit;
        margin: 0 -10px;
    }

    .tag_app_request {
        min-height: calc(100vh - 165px);
    }

    .wow_go_live_cont {
        height: calc(100vh - 105px);
    }

    .tag_live_sidebar {
        bottom: 45px;
    }

    .tag_messages,
    .tag_startup {
        margin: -60px 0 -45px;
    }

    .tag_market_title {
        flex-direction: column;
    }

    .tag_randm_plist {
        padding: 0 5px;
    }

    .tag_randm_plist .product_info {
        height: 255px;
    }

    .tag_randm_plist .product_info .valign {
        padding: 15px;
        flex-direction: column-reverse;
        text-align: center;
    }

    .tag_randm_plist .product_info .valign>div {
        padding: 12px 0 0 !important;
        position: relative;
    }

    .tag_randm_plist .product_info h2 {
        font-size: 28px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tag_randm_plist .product_info b {
        font-size: 18px;
        font-weight: 400;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: rgb(0 0 0 / 0.8);
        line-height: 34px;
        padding: 0 16px;
        border-radius: 2em;
        color: #fff;
    }

    .tag_randm_plist .product_info b sup {
        font-weight: inherit;
        font-size: inherit;
        top: auto;
    }

    .tag_randm_plist .product_info .valign img {
        width: 160px;
        min-width: 160px;
        height: 160px;
    }

    .tag_show_fnd_bottom {
        z-index: 1045;
        left: 0 !important;
        right: 0 !important;
    }

    .fund_raise_btns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

    .fund_raise_btns>* {
        width: 100%;
    }

    .fund_raise_btns .dropdown>.btn {
        width: calc(100% - 6px);
    }

    .fund_raise_btns .dropdown>.dropdown-menu {
        width: 100%;
    }

    .tag_sticky_coms {
        bottom: 45px;
    }

    .tag_mobi_hdr_not_title {
        display: block;
        font-size: 28px;
        margin: 15px 0;
    }

    .read-blog-container .read-content iframe {
        width: 100%;
    }

    .video-con,
    .remote-media video:nth-child(2) {
        height: calc(100vh - 105px);
    }
}

@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 {
        width: 25%;
    }

    .wow_read_blog_hdr_img_innr h2 {
        font-size: 46px;
    }

    .tag_cont_fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .tag_cover_sec_bg {
        margin: 0 -15px;
    }

    .tag_aff_usr_head>img,
    .story_lightbox .story-img.tag_view_story_only_main .tag_lbox_toolbar {
        display: none;
    }

    .tag_lbox_stories .status-list li {
        width: 33.3333333333%;
        min-width: 33.3333333333%;
    }

    .tag_close_story_altr {
        display: inline-block;
    }

    .story_lightbox .story-img.tag_view_story_only_main .tag_lbox_story_view {
        width: 100%;
        min-width: auto;
        height: 100%;
    }

    .story_lightbox .story-img.tag_view_story_only_main .changer.next-btn {
        right: 0px;
    }

    .story_lightbox .story-img.tag_view_story_only_main .changer.previous-btn {
        left: 0px;
    }

    .tag_stories_on_home .tag_stories_mobi {
        margin: 0 -12px;
    }

    .tag_stories_on_home .tag_stories_mobi .status-list {
        margin: 0 -3px;
        overflow-x: auto;
        padding: 0 6px;
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li {
        padding: 0 3px;
        width: calc(100% / 5 + 15px);
        min-width: calc(100% / 5 + 15px);
    }
}

@media (max-width:665px) {
    .wo_com_lbox_slide {
        padding: 0 10px;
    }
}

@media (max-width:600px) {

    #postbutton,
    .change-avatar,
    .filter-text,
    span[class^=setting-tab-text],
    .tag_market_filters .dropdown .btn span.sort_latst_lang {
        display: none
    }

    .panel-one-post {
        margin: 0 auto;
        width: 100%
    }

    .ad-placement-header-footer iframe,
    .ad-placement-header-footer img,
    .ad-placement-header-footer script {
        width: 100%
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .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-lg-auto,
    .col-md,
    .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-md-auto,
    .col-sm,
    .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-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px
    }

    .form.form-horizontal .col-md-6 {
        padding-right: 15px;
        padding-left: 15px
    }

    #bar_loading {
        top: 0
    }

    .dropdown-menu>li {
        display: block
    }

    .blog-h-desc .postCategory h5 {
        position: absolute;
        top: 30px
    }

    .wo_send_gift .gift-data {
        width: 33.3333333333%;
    }

    .wow_mini_wallets {
        flex-direction: column;
    }

    .wow_mini_wallets_btns {
        margin: 15px auto 0;
    }

    .tag_event_name_hdr {
        flex-direction: column;
        align-items: normal;
    }

    .wow_event_page_btns {
        padding: 15px 0 0 !important;
        text-align: center;
    }

    .wow_user_page_btns {
        position: relative;
        top: auto;
        left: auto !important;
        right: auto !important;
        margin: 20px -4px 20px;
    }
}

@media (max-width:575px) {
    .tag_search_user_data_mobi {
        margin-bottom: 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
    }

    .tag_search_user_data_mobi>div:not(.user-follow-button) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: calc(100% - 56px);
    }

    .tag_search_user_data_mobi .user-popover {
        max-width: calc(100% - 80px);
    }

    .tag_search_user_data_mobi .cover {
        display: none;
    }

    .tag_search_user_data_mobi .avatar {
        margin: 0;
        padding: 0 10px;
    }

    .tag_search_user_data_mobi .avatar img {
        width: 60px;
        height: 60px;
    }

    .tag_search_user_data_mobi .user_wrapper_link {
        margin: 0;
    }

    .tag_search_user_data_mobi .user-follow-button {
        padding: 0 10px;
        min-height: auto;
        min-width: 36px;
    }

    .tag_search_user_data_mobi .user-follow-button .btn {
        min-width: 36px;
        height: 36px;
        padding: 0 5px;
    }

    .tag_search_user_data_mobi .user-follow-button .btn svg {
        display: block;
        margin: 0 auto;
        width: 22px;
        height: 22px;
    }

    .tag_search_user_data_mobi .user-follow-button .btn .button-text {
        display: none;
    }
}

@media (max-width:570px) {

    .tag_read_blg_auth_blk>div:not(.author),
    .tag_boost_help svg {
        display: none;
    }

    .tag_read_blg_auth_blk>.author {
        padding: 0 !important;
    }

    .tag_read_blg_auth_blk .author .img-wrap {
        width: 80px;
        min-width: 80px;
        height: 80px;
        margin-right: 15px;
    }

    .tag_boost_page .author .img-wrap {
        width: 70px;
        min-width: 70px;
        height: 70px;
        margin-right: 15px;
    }

    .tag_go_pro_usrs .tag_pro_users>div {
        width: calc(14.2857142857% + 15px);
        min-width: calc(14.2857142857% + 15px);
    }

    .tag_go_pro_hdr {
        padding: 10px;
    }
}

@media (max-width:540px) {

    .tag_slide_upload_img .upload-product-image,
    .tag_slide_upload_img .thumb-image {
        width: 100px;
        height: 100px;
    }

    .greetalert>.btn {
        display: none;
    }

    .wow_side_usrs {
        width: calc(100% / 4 + 15px);
    }

    .modal.fade {
        padding: 0px !important;
    }

    .modal-dialog {
        width: 100%;
    }

    .wow_mat_mdl .modal-content {
        border-radius: 0;
    }
}

@media (max-width:530px) {

    .user_media_list_section .photo-data,
    .user_media_list_section .video-data {
        width: 50%;
    }

    .wo_comment_combo>.valign {
        flex-wrap: wrap;
    }

    .wo_comment_combo>.valign .comment_combo_footer {
        width: 100%;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .wo_comment_combo>.valign:not(.comment-toggle) .comment_combo_footer,
    .art-video-player .art-bottom .art-controls .art-control.art-control-pip {
        display: none;
    }

    .art-video-player .art-bottom .art-controls .art-control-time.art-control-onlyText {
        right: 50px;
    }

    .btn-reg-comm-mobi {
        display: inline-block;
    }
}

@media (max-width:520px) {
    body {
        padding-top: 52px !important;
    }

    .header-brand,
    .btn_goback:not(.moviz),
    .tag_msg_write .send-button span,
    .tag_pub_box_btns>span,
    .tag_prof_repos_hide,
    .tag_post_actions .stat-item .like-btn-mobile,
    .tag_stories_on_home .view-more-stories {
        display: none;
    }

    .tag_header>.search-container>form {
        margin: 0 !important;
    }

    .tag_header .search-input {
        height: 36px;
    }

    .tag_header>.search-container.show>form svg {
        transform: translateY(-50%) translateX(-10px);
        opacity: 0;
    }

    .tag_header>.search-container.show .search-input {
        padding: 10px;
    }

    .tag_header>.search-container .dropdown-menu {
        margin: 0;
        box-shadow: none;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 47px;
        border-radius: 0;
    }

    .tag_header>.search-container.show .tag_toggle_search {
        display: block;
    }

    .tag_sec_toolbar>div {
        width: 100px;
    }

    .tag_hdr_right {
        left: 100px;
    }

    .tag_hdr_right.low,
    .tag_show_fnd_bottom.low {
        z-index: auto;
    }

    .tag_hdr_right.flex-end {
        padding: 0 10px;
    }

    .messages-container {
        padding: 40px 10px 0;
    }

    .wo_jlist_headimg,
    .wo_view_post_jcover {
        height: 200px;
    }

    .tag_404 {
        height: calc(100vh - 97px);
    }

    .wow_read_blog_hdr_img_innr h2 {
        font-size: 38px;
    }

    .tag_read_blog {
        padding: 30px 5px;
    }

    .read-blog-container .related-post {
        margin: 60px -10px;
        padding: 20px;
    }

    .tag_cr_blog_hdr .wo_page_hdng {
        font-size: 0;
    }

    .tag_cr_blog_write {
        min-height: calc(100vh - 450px);
    }

    .tag_cr_blog_fields .blog_title {
        font-size: 30px;
        line-height: 35px;
    }

    .tag_cr_blog_fields .blog_description {
        font-size: 18px;
    }

    .tag_cr_blog_main>.container {
        max-width: none;
    }

    .tag_boost_page {
        flex-direction: column;
        align-items: normal;
    }

    .tag_boost_page>div.author {
        padding: 0 !important;
    }

    .tag_boost_page>div:not(.author) {
        padding: 5px 0 0 85px;
    }

    .post:not(.wo_imagecombo_lbox),
    .tag_pub_box_bg {
        margin-left: -10px;
        margin-right: -10px;
    }

    .post .panel,
    .tag_pub_box_bg {
        border-radius: 0;
    }

    .tag_post_hdr_sub .tag_create_menu {
        left: auto;
        transform: none;
        right: -20px;
    }

    .wow_fcov_image {
        min-height: 250px;
    }

    .tag_cont_fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .tag_cover_bg .card.hovercard,
    .tag_event_name_hdr {
        margin: 0px -10px;
        border-radius: 0;
    }

    .tag_cover_bg .card.hovercard .wow_content {
        box-shadow: none;
    }

    .wow_frnd_map:not(.tag_nearby_pages_map) {
        width: calc(100% + 20px);
        height: 200px;
        border-radius: 0;
        margin: -45px -10px 0;
    }

    .tag_onboarding_upprnt,
    .tag_onboarding_prnt {
        height: 100%;
    }

    .tag_onboarding {
        position: fixed;
        top: 52px;
        z-index: 1000;
        left: 0;
        right: 0;
        height: auto;
        bottom: 45px;
    }

    .tag_play_game_page {
        margin: 0;
    }

    .tag_game_play {
        height: calc(100vh - 127px);
    }

    .tag_pro_plan {
        flex: 1 100%;
    }

    .wo_group_profile .tag_cover_bg .card.hovercard,
    .wo_group_profile .tag_event_name_hdr,
    .wo_page_profile .tag_cover_bg .card.hovercard,
    .wo_page_profile .tag_page_name_hdr,
    .wo_user_profile .tag_cover_bg .card.hovercard,
    .wo_user_profile .tag_page_name_hdr {
        margin: 0px -15px;
        border-radius: 0;
    }

    .tag_cover_sec_bg {
        margin: 0;
    }

    .greetalert .small-texts {
        font-size: 28px;
    }

    .greetalert .close {
        top: 2px;
    }

    .skel_home_greet {
        height: 23px;
        width: 100%;
        max-width: 250px;
        margin: 1.5px 0 33px;
    }

    .tag_job_jumbo {
        margin: 20px 0px 25px;
    }

    .tag_post_actions {
        margin: 15px -13px 0;
    }

    .tag_post_actions .stat-item {
        margin: 0 6px;
        font-size: 14px;
    }

    .wow_go_live_cont {
        height: calc(100vh - 97px);
    }

    .tag_msg_write {
        padding: 10px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
    }

    .tag_msg_write .send-button {
        min-width: 40px;
        padding: 0;
    }

    .tag_msg_write .send-button svg,
    .feeling-type>.btn {
        display: inline-block;
    }

    .tag_messages {
        margin: -52px 0 -45px;
    }

    .tag_market_filters .dropdown:first-child>.dropdown-menu {
        left: 50%;
        transform: translateX(-49%);
    }

    .tag_srch_filters>.dropdown,
    .tag_srch_fltr_country {
        width: 100%;
    }

    .tag_srch_filters>.dropdown .dropdown-toggle .caret,
    .tag_srch_fltr_country .caret {
        margin-left: auto;
    }

    .tag_sett_myinfo_row_main {
        margin: 0 -10px;
    }

    .tag_download_info {
        margin: 0;
    }

    .tag_download_info>.col-lg-4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .tag_select_info_dload {
        margin-bottom: 20px;
    }

    .tag_select_info_dload .empty_state {
        padding: 30px 5px;
    }

    .tag_aff_usr_share>div {
        width: 33.3333333%;
    }

    .tag_startup {
        position: fixed;
        height: 100%;
        width: 100%;
        margin: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-height: 100%;
    }

    .tag_startup:before,
    .tag_startup:after {
        height: 0;
    }

    .tag_startup>.wow_content {
        height: 100%;
        border-radius: 0;
    }

    .tag_startup_row {
        height: 100%;
    }

    .tag_startup_row>div.col-xl-8 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    .tag_startup_row .tag_steps+hr {
        margin: 0;
    }

    .wow_usr_steps {
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        flex-grow: 1;
    }

    .wow_usr_steps_cont {
        margin-top: auto;
        min-height: 56px;
        z-index: 9;
    }

    .tag_steps li div {
        padding: 0px 15px 0px 27px;
    }

    .post .post-description p,
    .post .post-heading .meta .title .name,
    .user-ad-container .post-advertisement .meta .title .name {
        font-size: 14px;
    }

    .tag_post_prods .carousel {
        height: 250px;
    }

    .tag_post_prods_thumb img {
        max-width: 250px;
    }

    .wow_post_prod_name {
        margin: 0;
        font-size: 27px;
    }

    .post-fetched-url .fetched-url-text h4 {
        font-size: 16px;
    }

    .wow_dontd_posts>.valign {
        flex-direction: column;
    }

    .tag_dont_post_img,
    .wow_dontd_posts_innr {
        width: 100%;
        min-width: 100%;
    }

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

    .tag_post_full_albm {
        margin: -1px -15px;
    }

    .tag_main_pub_box>.modal-dialog,
    .tag_pub_box.modal-content,
    .tag_pub_box.modal-content>form.publisher-box {
        height: 100%;
    }

    .tag_pub_box.modal-content>form.publisher-box {
        overflow-y: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    .tag_pub_box.modal-content>form.publisher-box #post-textarea {
        height: 100%;
    }

    .wo_pub_txtara_combo {
        line-height: 1;
        max-height: inherit;
        overflow-y: auto;
    }

    .publisher-box textarea.postText {
        min-height: 200px;
    }

    .publisher-box.wo_pub_change_color .wo_pub_txtara_combo {
        min-height: 100%;
        overflow-y: auto;
        padding: 15px 0 0;
    }

    .publisher-box .publisher-box-footer .pub-footer-upper {
        display: block;
        text-align: center;
        white-space: nowrap;
        overflow-x: auto;
    }

    .tag_pub_box_btns {
        width: 35px;
        min-width: 35px;
        padding: 0;
        text-align: center;
        line-height: 35px;
        height: 35px;
        margin: 0 4px 10px;
        display: inline-block;
    }

    .tag_pub_box_btns svg {
        margin: 0;
    }

    .tag_pubbox_record {
        width: 30px;
        min-width: 30px;
        font-size: 0px;
        margin: 0 4px 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .tag_pub_rectime {
        position: absolute;
        top: -12px;
        padding: 4px 7px;
        background-color: #F44336;
        left: calc(50% + 3px);
        transform: translateX(-50%);
        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-size: 12px;
        color: white;
        bottom: auto;
        right: auto;
        white-space: nowrap;
    }

    .wo_user_profile .user-avatar {
        width: 110px;
        height: 110px;
        margin: -50px 0 15px;
    }

    .tag_sett_sidebar {
        border-radius: 0;
        position: fixed;
        top: 52px;
        bottom: 45px;
    }

    .wo_adaptive_media {
        max-height: 400px;
    }

    .tag_msg_main_body {
        padding-bottom: 60px;
    }

    .comment-reply .wo_commreply_combo {
        margin-left: -40px;
    }

    .tag_home_filters.home .tag_page_nav {
        margin: 0 -15px 0 -7px;
    }

    .tag_home_filters.home .tag_page_nav li:last-child {
        padding: 0 15px 0 0;
    }

    .modal.fade,
    .modal.fade.show,
    .modal.fade .modal-dialog {
        transition: none !important;
    }

    .tag_msg_participant .name>p {
        font-size: 13px;
    }

    .tag_msg_toolbar>span>.btn {
        width: 30px;
        height: 30px;
    }

    .tag_msg_toolbar>span>.btn svg {
        width: 22px;
        height: 22px;
    }

    .tag_msg_participant {
        max-width: calc(100% - 120px);
    }

    .post .post-footer .comments-list .comment .comment-body .comment-options {
        margin: 3px -15px 0 -60px;
        padding: 0 15px 0 60px;
    }

    .post .post-footer .comments-list .reply .comment-body .comment-options {
        margin: 3px -15px 0 -98px;
        padding: 0 15px 0 98px;
    }

    .search-dropdown-result {
        max-height: calc(100vh - 170px);
        max-height: calc(var(--vh, 1vh) * 100 - 170px);
    }

    .cc-window {
        border-radius: 0;
        bottom: 0;
    }

    .cc-window .cc-compliance {
        width: 100%;
        padding: 10px 0 0;
    }

    .cc-btn.cc-dismiss {
        width: 100%;
        text-align: center;
    }

    .share_modal_social_icos>div a {
        font-size: 15px;
    }

    .tag_post_react_btn>span {
        font-size: 0;
    }

    .post .panel {
        margin-bottom: 15px;
    }

    .tag_stories_on_home .tag_stories_mobi .status-list {
        padding: 0 3px;
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li {
        width: calc(100% / 4 + 15px);
        min-width: calc(100% / 4 + 15px);
    }

    .tag_stories_on_home .tag_stories_mobi .status-list li p {
        font-size: 13px;
    }

    .feeling-type {
        max-height: 100%;
        position: fixed;
        top: 0;
        height: 100%;
        border-radius: 0 !important;
    }

    .tag_post_people_know {
        margin: 0 -10px 15px;
        border-radius: 0;
    }

    .post .post-heading .avatar,
    .user-ad-container .post-advertisement .ads-heading .avatar {
        width: 42px;
        min-width: 42px;
        height: 42px;
    }

    .tag_post_status.online {
        top: 33px;
    }

    .tag_go_pro_usrs .tag_pro_users>div {
        width: calc(16.6666666667% + 15px);
        min-width: calc(16.6666666667% + 15px);
    }

    .video-con {
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }

    .remote-media *,
    .remote-media video:nth-child(2) {
        height: 100%;
    }

    .local-media video {
        width: 160px;
    }

    .post-deepsound iframe {
        height: 155px;
    }

    .tag_grpage_sett .wow_sett_content {
        padding: 10px 3px;
    }
}

@media (max-width:480px) {
    .tag_sec_toolbar>div {
        width: 80px;
    }

    .tag_hdr_right {
        left: 80px;
    }

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

    .show_post_comm_mobi {
        display: block
    }
}

@media (max-width:420px) {
    .owl-item .format-standard {
        height: 320px
    }

    .wo_pro_features h2 {
        margin-top: 23px;
        margin-bottom: 40px;
        font-size: 27px
    }

    .wo_emoji_tab span {
        width: 15.6%
    }

    .wo_emoji_msg {
        position: fixed;
        bottom: 70px !important
    }

    .wo_send_gift .gift-data {
        width: 50%;
    }

    .wow_side_usrs {
        width: calc(100% / 3 + 15px);
    }

    .tag_lbox_stories .status-list li {
        width: 50%;
        min-width: 50%;
    }

    .tag_market_filters {
        flex-direction: column;
        align-items: normal;
    }

    .tag_market_filters>div {
        margin: 8px -5px 0;
        position: relative;
    }

    .tag_market_filters .dropdown {
        margin: 0 5px !important;
        position: static;
    }

    .tag_market_filters .dropdown .dropdown-menu {
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
    }
}

@media (max-width:380px) {
    .tag_sec_toolbar>div {
        width: 70px;
    }

    .tag_hdr_right {
        left: 70px;
    }
}

@media (max-width:345px) {
    .post .post-footer .comments-list .reply .comment-body .reactions-box {
        left: -30px;
    }
}

@media (max-width:320px) {

    .wo_send_gift .gift-data,
    .user_media_list_section .photo-data,
    .user_media_list_section .video-data {
        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%
}

.verify_color {
    color: #2b982b;
}

.unverify_color {
    color: #fb483a;
}

.pro_packages_icon {
    display: block !important;
    margin: auto !important;
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 13px !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;
}

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