/*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);
}
body.no-scroll {
        position: fixed !important;
        overflow: hidden !important;
        width: 100%;
        height: 100%;
        touch-action: none; /* Prevent touch gestures */
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: none;
  }
.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: 4px;
}

.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 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;
    -webkit-appearance: none;
}

.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: var(--main-color);
    background-color: var(--main);
}

.btn-main:hover,
.btn-main:focus,
.btn-main-rev:focus {
    color: var(--main-hover-color);
    background-color: var(--main-hover);
}

.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) {
    color: var(--main);
    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;
}

.dropdown-menu.show {
    display: block !important;
}


/*Tooltip*/

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

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


/*Tables*/

.table-responsive {
    white-space: nowrap;
}

.table>thead>tr>th {
    border-bottom: 0!important;
}

.table td,
.table th {
    border-top: 0!important;
}


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

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

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

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

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    width: 100%;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

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

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

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

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

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

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(10px * .7);
    padding: calc(10px * .7);
    position: relative;
    transition: all .3s ease
}

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

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

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

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

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

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

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(10px / 4);
    margin-left: calc(10px/ 4)
}

.plyr__controls .plyr__controls__item[type=button],
.plyr__controls .plyr__controls__item [data-plyr=mute] {
    border-radius: 50%;
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding: 0 12px;
    margin: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 42px;
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(10px / 2);
    padding: 0 calc(10px/ 2)
}

.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr__controls:empty {
    display: none
}

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

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

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: calc(13px * 2);
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    display: block;
    height: calc((3px * 2) + 13px);
    height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

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

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

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

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

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

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

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

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

.plyr--full-ui input[type=range]:hover::-webkit-slider-thumb {
    opacity: 1;
}

.plyr--full-ui input[type=range]:hover::-moz-range-thumb {
    opacity: 1;
}

.plyr--full-ui input[type=range]:hover::-ms-thumb {
    opacity: 1;
}

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

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

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

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

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

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

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

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

.plyr__tooltip {
    background: rgb(0 0 0 / 90%);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    line-height: 1.2;
    margin-bottom: calc(calc(10px / 2) * 2);
    opacity: 0;
    padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

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

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

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

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: calc((18px / 2) + calc(10px * .7));
    left: calc((18px/ 2) + calc(10px * .7))
}

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

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc((18px / 2) + calc(10px * .7));
    right: calc(18px/ 2) + calc(10px * .7));
    transform: translateX(50%)
}

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

.plyr__progress {
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: calc(13px * -.5);
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    margin-right: calc(13px * -.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

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

.plyr__progress .plyr__tooltip {
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((5px / 2) * -1);
    margin-top: calc((var(--plyr-range-track-height, 5px)/ 2) * -1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

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

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

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

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative;
    margin-right: auto;
}

.plyr__volume input[type=range] {
    margin-left: calc(10px / 2);
    margin-left: calc(10px/ 2);
    margin-right: calc(10px / 2);
    margin-right: calc(10px/ 2);
    position: relative;
    z-index: 2;
    width: 0;
    transition: width .2s cubic-bezier(.4, 0, 1, 1);
    opacity: 0;
}

.plyr__volume:hover input[type=range] {
    width: 100px;
    opacity: 1;
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

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

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

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

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

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(10px / 2);
    padding: calc(10px/ 2);
    padding-top: calc(10px * 2);
    padding-top: calc(10px * 2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

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

.plyr.plyr--stopped .plyr__controls {
    display: none;
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:not(.plyr__control--overlaid):hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: rgb(0 0 0 / 10%);
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    transition: .3s;
    z-index: 2;
    width: 100% !important;
}

.plyr__control--overlaid svg {
    position: relative;
    background: var(--main);
    color: var(--main-color);
    border: 3px solid var(--main-color);
    border-radius: 50%;
    padding: 12px;
    margin: auto;
    width: 48px;
    height: 48px;
}

.plyr__control--overlaid:hover svg {
    background: var(--main-hover);
    color: var(--main-color);
}

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

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

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

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

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

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--video .plyr__progress__buffer {
    color: rgba(255, 255, 255, .25);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}

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

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

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

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

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

.plyr:fullscreen video {
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin: -var(--plyr-range-track-height, 5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

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

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

.plyr [hidden] {
    display: none!important
}

.plyr__menu {
    position: relative;
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgb(0 0 0 / 90%);
    border-radius: 10px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    color: #eeeeee;
    font-size: 13px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    white-space: nowrap;
    z-index: 3;
}

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

.plyr__menu__container:after {
    border: 6px solid transparent;
    border-top: 6px solid rgb(0 0 0 / 90%);
    border-width: 6px;
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    top: 100%;
    width: 0;
}

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

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

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

.plyr__menu__container .plyr__control {
    align-items: center;
    color: rgb(255 255 255 / 75%);
    display: flex;
    font-size: 14px;
    padding: 2px 10.5px;
    user-select: none;
    width: 100%;
}

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

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

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

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: rgb(255 255 255 / 60%);
    right: 6.5px;
}

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

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

.plyr__menu__container .plyr__control--back:after {
    border-right-color: rgb(255 255 255 / 60%);
    left: 6.5px;
}

.plyr__menu__container .plyr__control--back:before {
    background: rgb(255 255 255 / 20%);
    box-shadow: 0 1px 0 rgb(255 255 255 / 20%);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

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

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

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

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgb(255 255 255 / 10%);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    transition: all .3s ease;
    width: 16px;
}

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

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--main);
}

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

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    overflow: hidden;
    padding-left: 24.5px;
    pointer-events: 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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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*/

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

.barloading: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;
    max-width: calc(100% - 73px);
}

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

.header-message {
    font-size: 12px;
    padding: 2px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

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

#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 table th {
    padding: 1px 9px 10px;
}

.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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
    overflow-y: auto;
    margin: 0 -10px;
    padding: 0 10px;
    overscroll-behavior-y: contain;
}

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

.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_main .chat-tab-container {
    flex-direction: column;
    flex-grow: 1;
    height: 388.22px;
    overflow: hidden;
}

.chat_main .chat-tab-container .chat-tab-container-inner {
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
    justify-content: flex-end;
}

.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 {
    max-height: 100%;
    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 {
    padding: 5px;
}

.messages-container .outgoing {
    order: 2;
}

.message {
    margin-top: 1px
}

.message-media {
    position: relative
}

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

.chat-messages-wrapper .messages-wrapper {
    padding: 3px 9px;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
}

.chat-messages-wrapper .messages-wrapper>a,
.messages-container .message-contnaier>a {
    align-self: flex-end;
    margin-bottom: 2px;
}

.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,
.message-contnaier .message-typing .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: calc(100% - 110px);
    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 .incoming p {
    float: left;
}

.chat-messages-wrapper .outgoing p {
    float: right;
}

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

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

.chat-messages-wrapper .outgoing {
    padding-right: 7px;
    max-width: calc(100% - 70px);
    order: 2;
}

.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 .tag_chat_opts {
    position: static;
}

.chat-messages-wrapper .tag_chat_opts,
.messages-container .tag_chat_opts {
    transform: scale(1);
    transition: all 0.1s ease;
    z-index: 1;
}

.chat-messages-wrapper .outgoing+.tag_chat_opts,
.messages-container .message-contnaier .outgoing+.tag_chat_opts {
    margin-left: auto;
}

.chat-messages-wrapper .messages-wrapper:not(:hover) .tag_chat_opts,
.messages-container .message-contnaier:not(:hover) .tag_chat_opts {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
}

.chat-messages-wrapper .messages-wrapper .tag_chat_opts.show,
.messages-container .message-contnaier .tag_chat_opts.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.chat-messages-wrapper .deleteMessage,
.messages-container .deleteMessage {
    margin: 0 2px;
    line-height: 1;
}

.chat-messages-wrapper .deleteMessage:hover svg,
.messages-container .deleteMessage:hover svg {
    opacity: 1;
}

.chat-messages-wrapper .messages-wrapper .like-stat,
.messages-container .messages-wrapper .like-stat {
    top: -5px;
    position: relative;
}

.chat-messages-wrapper .outgoing .like-stat,
.messages-container .outgoing .like-stat {
    float: right;
}

.chat-messages-wrapper .messages-wrapper .like-stat .like-emo {
    margin: 0 0 -6px;
}

.chat-messages-wrapper .messages-wrapper .like-stat .like-emo:empty {
    margin: 0;
}

.chat-messages-wrapper .messages-wrapper .like-emo>.how_reacted,
.messages-container .messages-wrapper .like-emo>.how_reacted {
    padding: 2px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}

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

.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 .message-seen span {
    position: absolute;
    bottom: 3px;
    right: 0;
    line-height: 1;
}

.chat-messages-wrapper .messages-wrapper .message-typing,
.message-contnaier .message-typing {
    margin-top: 6px;
    overflow: hidden;
    width: 100%;
    order: 2;
}

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

.chat-messages-wrapper .tag_prods_list,
.message-contnaier .tag_prods_list {
    padding: 0;
    max-width: 100%;
}

.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 !important;
    overflow-y: auto !important;
    height: 100%;
    max-height: 269px;
    overscroll-behavior-y: contain;
    padding: 6px 0;
    margin: 0 -3px;
}

.tag_chat_GIF_cont:empty,
.tag_chat_stickers:empty {
    padding: 0;
    margin: 0;
}

.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-y: auto;
    overscroll-behavior-y: contain;
    min-width: 235px;
    padding: 5px;
}

.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 .tag_comm_body .comment-text:empty,
.wo_imagecombo_lbox .lightbox-post-footer .comment .tag_comm_body .comment-text:empty,
.live_comments .tag_comm_body .comment-text:empty {
    padding: 0;
    margin: 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;
    line-height: 1;
}

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

.tag_contact_form {
    padding: 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: 8px 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 12px 12px;
    border: 1px solid #eee;
    margin: 20px 0 0;
    border-radius: 15px;
}

.wow_thread_replies .thread-replies:first-child {
    padding: 20px 12px 12px;
    border: 1px solid #eee;
    border-radius: 15px;
    margin: 20px 0 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 .desc iframe {
    max-width: 100%;
}

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

.modal-header .close svg {
    width: 22px;
    height: 22px;
}

.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 24px 48px 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,
.leaflet-control-container .leaflet-bottom.leaflet-right {
    display: none;
}

.wow_frnd_map .leaflet-pane {
    z-index: 90;
}

.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;
    line-height: 20px;
}

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


/*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: -1px 0 0;
    width: 23px;
    height: 23px;
}

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

.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: 15px auto 0;
    width: 39%;
    min-width: 540px;
    height: calc(100vh - 93px);
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.tag_lbox_story_view.more-view {
    height: calc(100vh - 75px);
}

.tag_lbox_story_view.create-story-view {
    height: calc(100vh - 40px);
    margin: auto;
}

.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 - 93px);
    vertical-align: middle;
}

.story_lightbox .story-img .tag_lbox_story_view.more-view .tag_lbox_img_innr img,
.story_lightbox .story-img .tag_lbox_story_view.more-view .tag_lbox_img_innr video {
    max-height: calc(100vh - 75px);
}

.story_lightbox .story-img .tag_lbox_story_view.create-story-view .tag_lbox_img_innr img,
.story_lightbox .story-img .tag_lbox_story_view.create-story-view .tag_lbox_img_innr video {
    max-height: calc(100vh - 40px);
}

.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%;
    flex-wrap: wrap;
}

.message-user-image {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
}

.tag_msg_wrapper {
    max-width: calc(100% - 115px);
}

.tag_msg_wrapper .message-text {
    display: table;
    border-radius: 18px;
    padding: 7.5px 15px;
    font-size: 15px;
    position: relative;
}

.tag_msg_wrapper .message-text,
.tag_msg_wrapper p:empty {
    margin: 0;
}

.tag_msg_wrapper.outgoing .message-text {
    margin-left: auto;
    background: var(--main);
    color: var(--main-color);
}

.tag_msg_wrapper.incoming .message-text {
    margin-right: auto;
}

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

.message-contnaier .message-seen span {
    right: -15px;
}


/*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;
    top: 0;
    background: rgb(0 0 0 / 60%);
    border-radius: 10px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.tag_vdo_call_box>div>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;
    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.fade {
    background: #000;
    padding: 0 !important;
    transition: none;
}

.image-modal.modal.fade .modal-dialog {
    transform: scale(1);
    max-width: none;
}

.image-modal .modal-content {
    padding: 0;
    overflow: hidden;
    background-color: black;
    border: 0;
    border-radius: 0;
}

.image-modal .modal-content img {
    max-width: 100%;
    display: block;
    max-height: 100vh;
    margin: auto;
    user-select: none;
}


/*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: 800px;
    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);
}

.market-tag_prods_slidr_prnt {
    width: 100%;
    margin: auto;
}

.market-tag_prods_slidr {
    white-space: nowrap;
}

.market-tag_prods_slidr .slick-list {
    overflow: visible;
}

.market-tag_prods_slidr .slick-prev,
.market-tag_prods_slidr .slick-next {
    z-index: 4;
    height: 567px;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    color: white;
    transform: none;
    top: 0;
    bottom: 0;
}

.market-tag_prods_slidr .slick-prev svg,
.market-tag_prods_slidr .slick-next svg {
    width: 65px;
    height: 65px;
    /* background-color: rgba(0, 0, 0, 0.6); */
    border-radius: 50%;
    padding: 10px;
}

.market-tag_prods_slidr .slick-prev {
    left: calc((-1 * (100vw - 1475.45px))/2 + 10px);
    width: calc((100vw - 1475.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%);
}

.market-tag_prods_slidr .slick-next {
    right: calc((-1 * (100vw - 1535.45px))/2 + 10px);
    width: calc((100vw - 1435.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%);
}


/* Deals **/

.deals-tag_prods_slidr_prnt {
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.deals-tag_prods_slidr {
    white-space: nowrap;
    width: 100% !important;
}

.deals-tag_prods_slidr .slick-list {
    overflow: visible;
}

.deals-tag_prods_slidr .slick-prev,
.deals-tag_prods_slidr .slick-next {
    z-index: 4;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    color: white;
    transform: none;
    top: 0;
    bottom: 0;
}

.deals-tag_prods_slidr .slick-prev svg,
.deals-tag_prods_slidr .slick-next svg {
    width: 65px;
    height: 65px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 10px;
}

.deals-tag_prods_slidr .slick-prev {
    left: calc((-1 * (100vw - 1475.45px))/2 + 10px);
    width: calc((100vw - 1475.45px - 40px)/2);
    top: 90px;
    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%);
}

.deals-tag_prods_slidr .slick-next {
    right: calc((-1 * (100vw - 1535.45px))/2 + 10px);
    width: calc((100vw - 1435.45px - 40px)/2);
    top: 90px;
    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%);
}

.deals-tag_randm_plist {
    padding: 0 10px;
    width: 215px;
    display: inline-block;
}

.deals-tag_randm_plist .product_info_deals {
    /* height: 215px; */
    border-radius: 10px;
    overflow: hidden;
}

.deals-tag_prods_slidr.slick-initialized .slick-slide {
    width: 215px !important;
}

.deals-tag_randm_plist .product_info_deals a {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    color: currentColor;
    font-family: "TT Commons", Roboto, sans-serif;
}

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

.deals-tag_randm_plist .product_info_deals .valign>div {
    padding: 12px 25px 0 0;
    width: 100%;
    /* max-width: 215px; */
}

.deals-tag_randm_plist .product_info_deals h2 {
    margin: 8px;
    font-size: 18px;
    white-space: normal;
    max-height: 87px;
    overflow: hidden;
}

.deals-tag_randm_plist .product_info_deals b {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.deals-tag_randm_plist .product_info_deals b sup {
    font-weight: 500;
    font-size: 18px;
    padding-right: 3px;
    top: 0em;
    padding-left: 10px;
}

.deals-tag_randm_plist .product_info_deals img {
    width: 215px;
    height: 215px;
    min-width: 100%;
    border-radius: 10px;
}


/* Deals END**/

.search-absolute-top {
    position: absolute;
    z-index: 21;
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    vertical-align: middle;
    margin-top: 80px;
    flex-direction: column;
    /* margin-left: 200px; */
}

.carousal-menu-top {
    position: absolute;
    z-index: 24;
    display: inline-flex;
    width: 100%;
    padding: 8px 16px;
    color: white !important;
}

.custom-button {
    color: #ffffff;
    padding: 6px;
    font-size: 0.8rem;
    letter-spacing: 1px;
    font-weight: bold;
    border: none;
    background: #ffc72e;
    border-radius: 5px;
    text-decoration: none;
}

.carousal-menu-top-lables {
    color: white;
}

.carousal-menu-top-lables:hover {
    color: white;
}

.carousal-menu-top .dropdown-toggle {
    /*color: white;*/
}

.market-img-btn {
    position: absolute;
    bottom: 48px;
    text-align: center;
    left: 92px;
}

.market-img-btn button {
    background-color: rgba(226, 223, 223, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 12px 40px;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 5px;
}

.market-tag_randm_plist {
    padding: 0px;
    display: inline-block;
}

.market-tag_randm_plist .product_info_image {
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
}

.market-tag_randm_plist .product_info_image a {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    color: currentColor;
    font-family: "TT Commons", Roboto, sans-serif;
}

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

.market-tag_randm_plist .product_info_image .valign>div {
    padding: 12px 25px 0 0;
    width: 100%;
    max-width: 567px;
}

.market-tag_randm_plist .product_info_image h2 {
    margin: 0;
    font-size: 40px;
    white-space: normal;
    max-height: 87px;
    overflow: hidden;
}

.market-tag_randm_plist .product_info_image b {
    margin: 0;
    font-size: 50px;
    font-weight: 300;
}

.market-tag_randm_plist .product_info_image b sup {
    font-weight: 500;
    font-size: 27px;
    padding-right: 3px;
}

.market-tag_randm_plist .product_info_image .valign img {
    width: 100%;
    min-width: 100%;
    height: 260px;
    border-radius: 10px;
}

.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_cats_no_slide {
    white-space: normal;
}

.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;
    font-weight: 500;
}

.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_steps li svg {
    display: none;
}

.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;
    mix-blend-mode: luminosity;
}

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

.tag_pub_prod_progress {
    position: relative;
    margin: 10px 0 0;
}

.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: 18px;
    height: 18px;
    margin: -2px 10px 0 0;
}

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

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

.poll-form .answers>span svg {
    position: absolute;
    right: 5px;
    top: -2px;
}

.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-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 -15px 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 5px;
}

.post-actions .stat-item {
    text-transform: lowercase;
    font-size: 13px;
    margin: 0 0 7px;
}

.post-actions .stat-item svg {
    margin: -2px 0 0;
}

.like-emo>.how_reacted {
    background: #fff;
    display: inline-flex;
    margin: 0 0 0 -4px;
    padding: 1.1px;
    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;
}

.post-actions .how_many_reacts {
    margin: 0 2px;
}

.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 .reaction {
    width: 16px;
    height: 16px;
    float: none;
    line-height: 1;
}

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

.tag_post_com_rec>.btn {
    color: var(--main);
}

.comments_disabled {
    font-size: 12px;
    letter-spacing: 0.3px;
}

.btn-reg-comm-mobi {
    display: none;
}

.tag_vid_plyr,
.tag_vid_plyr video {
    width: 100%;
}

.tag_edit_post_images {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

.tag_edit_post_images>div {
    display: inline-block;
    vertical-align: middle;
}


/*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 {
    font-size: 16.5px;
    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;
    min-width: 160px;
}

.prod_full_size .tag_post_prods_btns .btn-success {
    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;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.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;
    height: calc(var(--vh, 1vh) * 100);
    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 {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

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

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

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

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


/*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: var(--main);
    color: var(--main-color);
}


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


/*Popup Notifications*/

.tag_pop_noti {
    position: fixed;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    box-shadow: none;
    bottom: 15px;
    left: 15px;
    z-index: 9999;
    min-width: 350px;
    max-width: 350px;
}

.tag_pop_noti .notifications-popup-list {
    padding: 2px;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%);
    border-radius: 10px;
}

.tag_pop_noti .notifications-popup-list:empty {
    padding: 0;
    box-shadow: none;
}


/*Video Processing*/

.vid_procss_alrt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 6px;
    left: 0;
    z-index: 22;
    margin: 0;
    backdrop-filter: blur(3px);
    background: linear-gradient(transparent, black);
    display: flex;
    align-items: flex-end;
    color: #fff;
}

.vid_procss_alrt>span {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgb(255 255 255 / 30%);
    border-radius: 50%;
    padding: 4.3px 3px;
    line-height: 1;
}


/*Chat Reactions*/

.tag_chat_reacts {
    padding: 0 !important;
    background: transparent;
    box-shadow: none !important;
    margin: 0;
}

.tag_chat_reacts .reactions-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 12px 28px 0 rgb(0 0 0 / 20%), 0 2px 4px 0 rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(255 255 255 / 50%);
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 2em;
    padding: 2px;
    min-width: 244px;
}

.tag_chat_reacts .reactions-box .reaction {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.tag_chat_reacts .reactions-box .reaction::after {
    display: none;
}

.tag_chat_reacts .reactions-box .reaction .emoji {
    transform: scale(0.2667);
}


/*Chat Reply*/

.tag_reply_msg_bg {
    margin: 0 0 -5px;
    flex-direction: column;
}

.chat-messages-wrapper .outgoing .tag_reply_msg_bg .message-text,
.tag_msg_wrapper.outgoing .tag_reply_msg_bg .message-text {
    color: #4b4f56 !important;
    background-color: #eaeaea !important;
    margin-left: auto;
}

.chat-messages-wrapper .incoming .tag_reply_msg_bg .message-text,
.tag_msg_wrapper.incoming .tag_reply_msg_bg .message-text {
    background: transparent !important;
    margin-right: auto;
}

.chat-messages-wrapper .tag_reply_msg_bg .message-text:empty {
    display: none;
}

.chat-messages-wrapper .incoming .tag_reply_msg_bg .message-text::before,
.tag_msg_wrapper.incoming .tag_reply_msg_bg .message-text::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    border-radius: 16px;
    opacity: 0.1;
}

.tag_reply_msg_bg .tag_prods_list .product_info {
    padding: 5px 12px;
    border-radius: 16px;
    border: 1px solid #ddd;
}

.chat-messages-wrapper .tag_reply_msg_bg .tag_prods_list .product_info b,
.message-contnaier .tag_reply_msg_bg .tag_prods_list .product_info b {
    color: rgb(0 0 0 / 90%);
}

.chat_reply_text,
.message_reply_text,
.message_reply_story_text {
    justify-content: space-between;
    padding: 9px 10px 0;
    margin: 0 -9px 5px;
    border-top: 1px solid #ddd;
}

.message_reply_text span,
.chat_reply_text span,
.message_reply_story_text span {
    flex: 1;
    box-shadow: -2px 0 0 0 #607d8b;
    padding: 0 5px;
    max-width: calc(100% - 22px);
}

.message_reply_text p,
.chat_reply_text p,
.message_reply_story_text p {
    margin: 0;
    font-size: 13px;
}

.message_reply_text p.message-user-image,
.chat_reply_text p.message-user-image,
.message_reply_story_text p.message-user-image {
    float: none;
    border-radius: 0;
    display: inline-block;
    margin: 0 5px;
}

.message_reply_text b,
.chat_reply_text b,
.message_reply_story_text b {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    vertical-align: middle;
}

.message_reply_text img,
.chat_reply_text img,
.message_reply_story_text img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.tag_msg_wrapper .message-text:empty {
    padding: 0;
}

.tag_msg_write .message_reply_text,
.tag_msg_write .message_reply_story_text {
    margin: -10px -9px 10px;
}


/*Chat Stories*/

.tag_chat_story {
    max-width: 120px;
    width: 100%;
    min-width: 120px;
    margin: 0 0 -5px;
}

.chat-messages-wrapper .outgoing .tag_chat_story {
    margin-left: auto;
}

.tag_chat_story_innr {
    position: relative;
    cursor: pointer;
    padding-bottom: 150%;
    overflow: hidden;
    border-radius: 16px;
}

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

.tag_chat_story_innr p {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    color: #fff;
    justify-content: center;
    flex-direction: column;
    padding: 7px;
    background: rgb(0 0 0 / 40%);
}

.tag_chat_story_innr p svg {
    margin: 0 0 5px;
}


/*Comment Gif*/

.tag_comm_gifs {
    min-width: 280px;
}

.tag_comm_gifs .tag_chat_GIF {
    padding: 0 8px;
}

.tag_comm_gifs input.form-control {
    margin: 0;
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
}


/*Story Reactions*/

.tag_story_react {
    overflow: hidden;
    overflow-x: auto;
    padding: 15px 0;
}

.tag_story_react .btn-reply-story {
    color: #fff;
    background: rgb(255 255 255 / 20%);
    border-radius: 2em;
    line-height: 39px;
    margin: 0 5px 0 auto;
    min-width: 90px;
}

.tag_story_react .reaction {
    transition: transform .25s ease;
}

.tag_story_react .reaction:last-child {
    margin-right: auto;
}

.tag_story_react .reaction:hover {
    transform: scale( 1.23077) translate(0, -3px);
}

.tag_story_react .reaction:after {
    display: none;
}

.tag_story_react .reaction.active {
    background: rgb(255 255 255 / 30%);
}

.tag_story_react .like-stat {
    margin: auto;
    color: #fff;
}

.tag_story_react .like-stat .like-emo:empty:before {
    content: ''attr(data-no-react)'';
}

.tag_story_react .like-stat .like-emo>.how_reacted {
    background: #000;
}

.tag_story_react .like-stat .like-emo .how_many_reacts {
    vertical-align: super;
    margin: 0 3px;
}

.tag_story_react .like-stat .inline_post_count_emoji {
    width: 24px;
    height: 24px;
}

.tag_story_react .like-stat .inline_post_count_emoji .emoji {
    transform: scale(0.2);
    top: -200%;
    right: 200%;
}


/*Insights*/

.tag_user_insight {
    margin: 0 0 25px;
    padding: 10px 0 0;
}

.tag_user_insight p.bold {
    font-size: 16px;
    color: var(--main);
}

.tag_user_insight p.bold::after {
    content: '';
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    flex-grow: 1;
    margin-left: 10px;
}

.tag_user_insight canvas {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.tag_user_insight .counter {
    background: rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 12px 15px 7px;
    margin: 0 0 10px;
    font-family: 'TT Commons', sans-serif;
}

.tag_user_insight .counter p {
    margin: 0 0 3px;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.9;
}

.tag_user_insight .counter h2 {
    margin: 0;
    font-size: 26px;
    line-height: 1;
}

.tag_user_insight .tag_go_pro_user {
    margin: 0px 0 -15px;
    height: 138px;
    background: #baedea;
    padding: 19px;
}

.tag_user_insight .tag_go_pro_user .btn {
    background-color: #1bc3bb;
}

.tag_user_insight .tag_go_pro_user img {
    width: 120px;
    mix-blend-mode: overlay;
}

@media (min-width:400px) {
    .payment_box {
        width: 360px;
    }
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: 10px;
        padding-top: calc(10px * 5);
        padding-top: calc(10px * 5)
    }
}

@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);
    }
    .tag_hdr_right>.dropdown .dropdown-menu .tag_switch_noti>li>a.active {
        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,
    .tag_footer .tag_footer_cright .dropup .dropdown-toggle {
        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 - 100px);
        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;
    }
    .video-con,
    .remote-media video {
        height: calc(100vh - 60px);
        height: calc(var(--vh, 1vh) * 100 - 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;
    }
    .create_story_navigation {
        color: #ececec;
    }
}

@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:1160px) {
    .tag_msg_wrapper {
        max-width: calc(100% - 115px);
    }
}

@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: 999;
        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%;
    }
    .wo_create_job_box_img_btns .btn {
        margin-top: 12px;
    }
}

@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,
    .tag_stories_on_home+hr {
        display: none;
    }
    .tag_header {
        padding: 0 !important;
    }
    .tag_header>.search-container>form {
        margin: 0 0 0 15px;
    }
    .tag_content {
        margin: 0 !important;
    }
    .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,
    .profile-avatar-changer .btn svg {
        margin: 0;
    }
    .tag_hdr_droptoggle {
        padding: 10.5px;
        color: #333 !important;
    }
    .show>.tag_hdr_droptoggle {
        background: transparent;
        color: var(--main) !important;
    }
    .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%;
    }
    .dt_bank_trans_modal .bank_info .bank_info_innr .row .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .video-con,
    .remote-media video {
        height: calc(100vh - 105px);
        height: calc(var(--vh, 1vh) * 100 - 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;
    }
    .wo_create_job_box_flex {
        flex-wrap: wrap;
    }
    .wo_create_job_box_flex>div {
        padding: 0;
    }
}

@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: initial;
        top: auto;
        left: auto !important;
        right: auto !important;
        margin: 20px -4px 20px;
    }
    .wo_user_profile .event-info-cont-small .social-links {
        position: absolute;
        right: 0;
        top: 60px;
        padding: 0;
    }
    .wow_user_page_btns .btn-insight-user {
        position: absolute;
        right: 15px;
        top: 25px;
        border-radius: 50%;
        width: 38px;
        min-width: auto;
        padding: 0;
        height: 38px;
    }
    .wow_user_page_btns .btn-insight-user svg {
        margin: 0;
        width: 20px;
        height: 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);
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0;
    }
    .tag_search_user_data_mobi .user-popover {
        width: 100%;
        max-width: calc(100% - 80px);
        text-align: initial;
    }
    .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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .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;
    }
    .wo_user_profile .user-bottom-nav li a {
        padding: 15px 10px;
    }
    .wo_user_profile .user-bottom-nav li .menuactive:after {
        right: 0;
        left: 0;
    }
    .wow_mat_mdl .modal-footer {
        flex-direction: column-reverse;
    }
    .wow_mat_mdl .modal-footer .btn {
        width: 100%;
        display: block;
        margin: .25rem 0;
    }
    .tag_post_full_img {
        max-height: calc(100vh - 150px);
    }
}

@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;
    }
    .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_expand_search .header-brand {
        display: block;
    }
    .tag_expand_search .header-brand img {
        max-height: 36px;
        transform: translateZ(0);
    }
    .tag_expand_search.tag_header>.search-container>form {
        float: right;
        width: 0%;
        min-width: 36px;
        height: 36px;
        overflow: hidden;
        transition: width 0.2s;
        border-radius: 2em;
    }
    .tag_expand_search.tag_header .search-input {
        width: 100%;
        padding: 10px;
        white-space: nowrap;
        font-size: 0px;
    }
    .tag_expand_search.tag_header>.search-container .tag_toggle_search {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
    }
    .tag_expand_search.tag_header>.search-container.show {
        position: fixed;
        left: 0;
        right: 0;
        padding: 0 10px;
        background: var(--header-background);
        margin: 0;
    }
    .tag_expand_search.tag_header>.search-container.show>form {
        width: calc(100% - 40px);
    }
    .tag_expand_search.tag_header>.search-container:not(.show)>form svg {
        left: 6px;
        opacity: 1;
        width: 24px;
        height: 24px;
    }
    .tag_expand_search.tag_header>.search-container.show .tag_toggle_search {
        display: inline-block;
    }
    .tag_expand_search.tag_header>.search-container.show .search-input {
        font-size: 14px;
    }
    .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 16px 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;
    }
    .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_messages {
        position: fixed;
        margin: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .tag_msg_user_list {
        min-height: 100%;
        height: 100%;
    }
    .tag_msg_user_chat {
        min-height: 100%;
    }
    .tag_messages>.wow_content,
    .tag_msg_user_chat .text-sender-container {
        height: 100%;
    }
    .tag_msg_container {
        height: calc(100% - 65px);
        position: fixed;
        width: 100%;
        top: 65px;
        left: 0;
        right: 0;
    }
    .tag_msg_write {
        padding: 10px;
    }
    .tag_msg_write .send-button {
        min-width: 40px;
        padding: 0;
    }
    .tag_msg_write .send-button svg,
    .feeling-type>.btn {
        display: inline-block;
    }
    .tag_market_filters .dropdown:first-child>.dropdown-menu {
        left: 50%;
        transform: translateX(-49%);
    }
    .tag_srch_filters>.dropdown,
    .tag_srch_fltr_country,
    .tag_srch_fltr_country select {
        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;
        flex-grow: 1;
        height: 100%;
    }
    .tag_startup_row .tag_steps+hr {
        margin: 0;
    }
    .wow_usr_steps {
        flex: 1 1 auto;
    }
    .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: 95%;
    }
    .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;
    }
    .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: 10px;
    }
    .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 + 8px);
        min-width: calc(100% / 4 + 8px);
    }
    .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;
    }
    .post .panel,
    .tag_pub_box_bg,
    .tag_page_side_no_m,
    .tag_post_skel {
        border-radius: 0;
        box-shadow: none;
    }
    .tag_page_side_no_m {
        margin: 10px -10px -10px;
    }
    .tag_startup_steps li svg {
        display: inline-block;
    }
    .tag_startup_steps span {
        display: none;
    }
    .tag_post_skel {
        margin: 0 -10px 10px;
    }
}

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

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


/********* Payment.css Code********/

.payment-page .main {
    width: 97% !important;
    margin: 20px auto;
}

.payment-page .content-box {
    background: #ffffff !important;
    box-shadow: 0px 0px 16px 10px rgb(245, 245, 245);
    border-radius: 15px;
    padding: 20px 30px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .payment-page .main {
        width: 100% !important;
    }
    .payment-page .content-box {
        padding: 15px;
    }
}

.payment-page .credit-card {
    position: relative;
}

.payment-page .valid-cards {
    position: absolute;
    top: 0;
    right: 0;
}

.payment-page .description span {
    font-size: 0.75rem;
    color: #c8c8c8;
}

.payment-page .option-description {
    color: #788995;
    font-size: 0.75rem;
    line-height: 20px;
}

.payment-page .custom-button {
    color: #ffffff;
    padding: 10px 20px;
    font-size: 0.8rem;
    letter-spacing: 1px;
    font-weight: bold;
    border: none;
    background: #ffc72e;
    border-radius: 5px;
    text-decoration: none;
}

.custom-button:hover {
    background: #fab906;
}

.payment-page .card-form .form-group label {
    text-transform: uppercase;
    font-size: 0.65rem;
    color: #788995;
}

.payment-page .form-group input.form-control,
textarea.form-control {
    background: #f1f0f0;
    color: #768692;
    font-size: 0.75rem;
    padding: 17px;
    border: 0;
}

.input-with-icon {
    position: relative;
}

.input-with-icon .icon {
    position: absolute;
    right: 15px;
    top: 10px;
}

.payment-page .link-btn {
    border: none;
    background: none;
}

.payment-page .add-button {
    cursor: pointer;
    font-size: 0.75rem;
}

.payment-page .escrow-form .form-group label {
    font-size: 0.82rem;
}

.payment-page .custom-badge {
    background-color: #ffc72e;
    border-radius: 50%;
    padding: 5px 9px;
    font-size: 0.72rem;
    color: #ffffff;
}

.payment-page .cart-item {
    margin: 25px 0;
}

.payment-page .cart-item-name {
    color: #788995;
    font-size: 0.8rem;
}

.payment-page .item-price {
    color: #788995;
    font-size: 0.9rem;
    font-weight: 600;
}

.payment-page .item-quantity {
    padding: 8px 10px;
    font-size: 0.9rem;
    background: #f1f0f0;
    border-radius: 15px;
}

.payment-page .minus,
.plus {
    color: #33a0ff;
    font-weight: bold;
    cursor: pointer;
}

.payment-page .plus {
    padding-left: 15px;
}

.payment-page .minus {
    padding-right: 15px;
}

.payment-page .plus:hover,
.payment-page .minus:hover {
    color: #106ec0;
    font-weight: bold;
}

.payment-page .voucher,
.charges {
    font-size: 0.8rem;
}

.payment-page .charges {
    color: #788995;
}

.payment-page .failed-modal {
    max-width: 35% !important;
    margin: 10% auto;
}

@media (max-width: 900px) {
    .payment-page .failed-modal {
        max-width: 80% !important;
        margin: 25% auto;
    }
}

.payment-page .failed-modal .failed-text {
    color: #788995;
}

.payment-page .continue-btn {
    background: #788995;
    color: #ffffff;
}

body.modal-open .main {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.post-user {
    font-size: 0.8rem;
}

.post-user a {
    color: #000;
}

.post-user>img {
    width: 30px !important;
    height: 30px;
    box-shadow: none !important;
}

.post-user .small {
    font-size: 0.6rem;
}

.new-upload>input {
    display: none;
}

.new-upload img {
    cursor: pointer;
}

.custom-control-input {
    border: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #f1b30b;
    background-color: #f1b30b;
}


/* **** delivery address **** */

.custom-outline-btn {
    border: 1px solid #ffc72e;
    background: #ffffff;
    font-size: 0.85rem;
    padding: 8px;
    border-radius: 8px;
}

.custom-outline-btn:hover {
    background-color: #f8f5ee;
}

.edit-button {
    cursor: pointer;
    font-size: 0.9rem;
    border: none;
}

.address-details>div {
    display: flex;
    margin: 18px 0;
}

.address-details div div:nth-child(1) {
    font-size: 0.9rem;
    display: inline-block;
    width: 35%;
}

.address-details div div:nth-child(2) {
    font-size: 0.9rem;
    color: #707070;
    display: inline-block;
}

.address-modal {
    max-width: 35% !important;
    /* margin: 2% auto; */
}

.address-modal input,
textarea {
    border: 0;
}

@media (max-width: 800px) {
    .address-modal {
        max-width: 90% !important;
        margin: 30px auto;
    }
}


/* ***** seller account ****** */

.nav2-container {
    width: 97% !important;
    margin: 12px auto;
    background: #ffffff !important;
    box-shadow: 0px 0px 16px 10px rgb(245, 245, 245);
    position: relative;
    border-radius: 15px;
    padding: 8px 25px;
}

.nav2-container .nav2 {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
}

.nav2-container .nav2 ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.nav2-container .nav2 ul li {
    list-style: none;
    display: inline-block;
    margin: 0 12px;
}

.nav2-container .nav2 ul li a.nav2-link {
    text-decoration: none;
    padding: 3px 0;
    color: #414040;
}

.nav2-container .nav2 ul li a.nav2-link:hover {
    color: #000000;
}

.nav2-container .nav2 ul li .nav2-link.active {
    text-decoration: none;
    border-bottom: 2px solid #ffc72e;
}

.nav2-container .nav2 button {
    font-size: 0.85rem;
    color: #707070;
    outline: none;
    border: none;
    background: none;
    padding: 5px;
    border-radius: 8px;
    transition: 0.2s;
}

.nav2-container .nav2 .dropdown-toggle:hover {
    background-color: #f8f9fa;
}

.nav2-container .nav2 .dropdown-toggle:focus {
    background-color: #f8f9fa;
    border: none !important;
}

.nav2-container .nav2 .dropdown-item {
    font-size: 0.8rem;
}

.dropdown-item:hover {
    background-color: #fff6dc;
}

.nav2-container .nav2 .dropdown-toggle::after {
    display: none;
}

.seller-account .custom-button {
    padding: 10px 25px;
    font-size: 0.8rem;
    border-radius: 15px;
}

.seller-account label {
    font-size: 0.8rem;
}

.seller-account .paypal-link {
    color: #ffc72e;
    text-decoration: underline;
    font-weight: 600;
    font-size: 0.8rem;
}


/* ***** my orders ***** */

.custom-search-btn {
    border: 1px solid #e4e4eb;
    border-radius: 20px;
    width: 300px;
}

.custom-search-btn input {
    font-size: 0.82rem;
    outline: none !important;
    border: none !important;
    padding-left: 15px;
    width: 230px;
}

.order-table {
    font-size: 0.8rem;
    margin: 10px 0;
}

.order-table .table thead {
    text-transform: none !important;
    background: #fafafa;
    border: none !important;
}

.order-table .table thead>tr>th {
    text-transform: none !important;
    border: none;
}

.order-table thead>tr>th:nth-child(1) {
    padding-left: 1%;
}

.order-table img {
    border: 1px solid #dde3e8;
    width: 100px;
}

.order-table .order-name {
    font-size: 0.6rem;
    color: #788995;
}

.order-table .review-btn {
    background: #f3f3f3;
    font-size: 0.75rem;
    padding: 8px 15px;
    border-radius: 10px;
}

.order-table .product-btn {
    background: #dfdede;
    font-size: 0.75rem;
    padding: 8px 15px;
    border-radius: 10px;
}

.my-orders .delivered-badge {
    background: #70c783;
    font-size: 0.75rem;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 10px;
}

.order-res-card {
    border: 1px solid #dde3e8;
    padding: 8px;
    margin: 15px 0;
}

.order-res-card img {
    border: 1px solid #dde3e8;
    width: 100px;
}

.order-res-card .detail {
    color: #707070;
    font-size: 0.73rem;
}

.order-res-card .delivered-badge {
    padding: 0 5px;
    font-size: 0.67rem;
    margin-left: 5px;
}

.order-res-card .invoice-badge {
    position: absolute;
    right: 0;
    top: 0;
    background: #f1f0f0;
    border-radius: 10px;
    font-size: 0.85rem;
    padding: 0 8px;
}

.order-res-card .links span {
    font-size: 0.8rem;
    padding-right: 10px;
    white-space: nowrap;
}


/* ***** my products ***** */

.sub-link-container .sub-link {
    text-decoration: none;
    color: #414040;
    padding: 4px 0;
}

.sub-link-container .sub-link.active {
    text-decoration: none;
    border-bottom: 2px solid #ffc72e;
}

.my-products .product-single {
    border-radius: 20px;
    line-height: 1.6rem;
}


/* .my-products .product-single .img-container {
  max-height: 290px;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
} */

.my-products .product-single img {
    width: 100%;
    max-height: 280px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.my-products .product-single .p-name {
    font-weight: bold;
    margin: 0;
    margin-top: 10px;
}

.my-products .product-single .type {
    font-size: 0.9rem;
}

.my-products .product-single .type span {
    color: #707070;
}

.my-products .product-single .price {
    font-size: 0.8rem;
    color: #db4b4b;
}

.my-products .product-single .price span {
    color: #969494;
    text-decoration: line-through;
}

.my-products .product-single .discount {
    color: #f1b30b;
    font-size: 0.75rem;
}


/* ******* my-sales ****** */

.my-sales .sales-card {
    box-shadow: 0px 0px 16px 1px #e0dfdf;
    margin-top: 20px;
    font-size: 1.1rem;
}


/* @media (max-width: 800px) {
  .my-sales .sales-card {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
} */

.my-sales .sales-card span {
    white-space: nowrap;
}

.my-sales .sales-card .sales-number {
    font-size: 3rem;
    font-weight: bold;
    color: #d4d9dd;
}

.user-img {
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
}

.gray-badge {
    background-color: #f1f0f0;
    padding: 10px;
    white-space: nowrap;
    font-size: 0.7rem;
    border-radius: 10px;
}

.time-badge {
    background-color: #ffffff;
    padding: 2px 5px;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px #e1e2e4;
}

.time-badge .time-desc {
    color: #707070;
    font-size: 0.5rem;
    text-transform: uppercase;
}


/* ******* cart ******** */

.left-cart-desc>img {
    max-height: 80px;
    max-height: 90px;
    min-width: 80px;
}

.left-cart-desc>a {}

.left-cart .item-quantity {
    width: 85px;
    border-radius: 5px;
}

.left-cart .left-cart-action a {
    font-size: 0.7rem;
}

.related-card {
    box-shadow: 0 0 5px 2px #afbbc5;
    border-radius: 20px;
    overflow: hidden;
    min-height: 300px;
    max-height: 100%;
    cursor: pointer;
}

.related-img {
    width: 100%;
    min-height: 100%;
}

@media (max-width: 500px) {
    .related-img {
        min-height: 300px;
    }
}

.related-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    padding: 10px;
    font-size: 0.8rem;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.related-details .detail {
    font-size: 0.8rem;
    line-height: 1.6rem;
}

.related-details .custom-button {
    background-color: #f1b30b;
    padding: 8px;
    font-size: 0.7rem;
}


/* ***** Market ****** */

#marketCarousel .carousel-indicators li {
    width: 12px;
    border-radius: 10px;
    background-color: #ffffff;
    opacity: 1;
}

#marketCarousel .carousel-indicators .active {
    width: 35px;
    background-color: #fab906;
}

.post-user:hover {
    color: black !important;
}

.carousal-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    color: #fff;
    z-index: 2;
}

.carousal-menu a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9rem;
}

.carousal-menu .main-desc {
    font-size: 0.9rem;
    width: 40%;
}

.carousal-search {
    background-color: #fff;
    width: 500px;
    color: #e4e4eb;
    padding: 5px 5px;
    border-radius: 5px;
}

.carousal-search input {
    width: 430px;
    border: none;
    outline: none;
    font-size: .8rem;
}

.carousal-search-sm {
    background-color: #fff;
    border: 1px solid #e4e4eb;
    color: #e4e4eb;
    border-radius: 5px;
    margin: 5px
}

.carousal-search-sm input {
    border: none;
    outline: none;
    font-size: .8rem;
}

.market-img {
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    margin-bottom: 8px;
}

.market-img img {
    height: 500px;
    width: 100%;
}

.market-img-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    top: 0;
}

.market-img-btn {
    position: absolute;
    width: 100%;
    bottom: 15%;
    display: flex;
    left: 0px;
    justify-content: center;
}

.market-img-btn button {
    background-color: rgba(226, 223, 223, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 12px 40px;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 5px;
}

@media (max-width: 600px) {
    .market-img-btn {
        font-size: 0.8rem;
    }
}


/* ****** dropdown ****** */

.carousal-menu-top .dropdown-toggle::after {
    display: none;
}

.carousal-menu-top .dropdown-menu {
    border: none;
}

.carousal-menu-top .dropdown-menu a {
    font-weight: normal;
    color: #000;
}

.category-resp {
    background-color: rgb(233, 230, 230);
    border-radius: 7px;
}

.dropdown-resp {
    text-decoration: none !important;
    color: #666869;
    font-size: 0.9rem;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -7px;
    margin-left: -1px;
    border-left: 1px solid #afbbc5;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.carousal-menu-top .dropdown-menu a::after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* ***** dropdown end***** */

.owl-carousel-market .nav-btn {
    top: -20px !important;
    align-self: center;
}

.owl-carousel-market {
    width: 85%;
}

.owl-carousel-market .nav-btn {
    top: -20px !important;
    align-self: center;
}

.owl-carousel-market .next-slide {
    right: -60px;
}

.owl-carousel-market .prev-slide {
    left: -60px;
}

.owl-carousel-market .owl-dots {
    margin-top: 20px;
}

.owl-carousel-market .owl-dots .owl-dot.active span {
    background-color: #000;
}

.owl-carousel-market .img-text {
    position: absolute;
    bottom: 0;
    padding: 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 0.8rem;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.market-latest .related-card {
    max-height: 400px;
}

.market-latest .related-card .related-details {
    font-size: 1rem;
}

.market-latest .related-card .custom-button {
    font-size: 0.75rem;
    padding: 8px 15px;
    margin-bottom: 5px;
}

.market-latest .related-card .related-details .detail {
    font-size: 1rem;
    margin: 10px 0;
}

.market-latest .related-card .related-details .detail-small {
    font-size: 0.8rem;
}

#sellModal .form-control {
    background-color: #fff;
    color: #707070;
    border: 2px solid #dfdddd;
}

#sellModal label {
    font-size: 0.8rem;
    margin-bottom: 4px;
}

#sellModal .color-input {
    padding: 2px 4px;
    height: 38px;
}

.sell-modal {
    max-width: 60% !important;
}

@media (max-width: 800px) {
    .sell-modal {
        max-width: 100% !important;
        margin: 20px auto;
        margin-left: 10px;
    }
}

.photo-thumb {
    display: inline-block;
    border: 2px dashed #dfdddd;
    padding: 13px 20px;
    color: #d4d9dd;
    font-weight: bold;
    margin-right: 5px;
}

#sellModal button[type="submit"] {
    background-color: #dfdddd;
}

#sellModal .form-check label {
    font-size: 0.7rem;
}

.load-more-btn {
    border: 1px solid #707070;
    color: #707070;
    padding: 8px 15px;
    background-color: #fff;
    transition: 0.3s;
}

.load-more-btn:hover {
    background-color: rgb(235, 232, 232);
}


/* #sellModal select {
  font-size: 0.8rem;
} */


/* ********* new deals ************ */

.filter-box {
    position: sticky !important;
    position: -webkit-sticky;
    top: 20px !important;
}

.slidedown {
    border: none;
}

.slidedown .slide-open {
    transform: rotate(180deg);
}

.sort-menu {
    font-size: 0.8rem;
    left: -44px !important;
}

.product-container a {
    color: black;
}

.product-with-thumb .p-name {
    font-size: 0.9rem;
}

.product-with-thumb .price {
    font-size: 0.8rem;
}

.product-with-thumb a {
    color: #000
}

.product-with-thumb .price span {
    color: #afbbc5;
    text-decoration: line-through;
}

.product-with-thumb .add-to-cart-btn {
    font-size: 0.8rem;
    padding: 2px 10px;
    border: 1px solid #afbbc5
}

.product-with-thumb .p-img {
    overflow: hidden;
    max-height: 300px;
    position: relative;
}

.product-with-thumb .p-img>img {
    width: 100%;
}

.product-thumb {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 5px;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    background-color: #fff;
}

.breadcrumb .breadcrumb-item a {
    color: #969494
}

.breadcrumb .breadcrumb-item.active {
    color: #000;
}

.filter-btn {
    border: 1px solid #e2e1e1;
    border-radius: 50%;
    padding: 10px;
    background-color: #fff;
}


/* ****** single product ****** */


/* .product-images-container {
  position: sticky !important;
  top: 20px;
} */

#productCarousel .carousel-indicators li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #c0bdbd;
}

#productCarousel .carousel-indicators li.active {
    background-color: #f1b30b;
}

.price-cut {
    color: #b6b3b3;
    text-decoration: line-through;
}

.product-buttons .add-to-cart-btn {
    color: #788995;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 5px 25px;
    box-shadow: 0 2px 10px 1px #e2e3e4;
}

.product-buttons .custom-button {
    font-size: 1.2rem;
    padding-left: 30px;
    padding-right: 30px;
}

.tab-container {
    background-color: #FAFAFB;
    padding: 10px;
}

.tab-container .nav-link {
    color: #000;
    padding: 20px;
}

@media (max-width: 800px) {
    .tab-container .nav-link {
        padding: 10px 5px;
        font-size: 0.9rem;
    }
}

.tab-container .review-number {
    color: #707070
}

.tab-container .tab-content {
    font-size: 0.8rem;
}

.tab-container .nav-link.active {
    background-color: transparent;
    border: none;
    color: #2E90E5;
    font-weight: bold;
    border-bottom: 2px solid #2E90E5;
}

.product-desc .sub-head {
    display: inline-block;
    font-weight: bold;
    width: 150px;
    margin: 8px;
}

.color-op {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.color-op.selected {
    border: 1px solid black;
    background-image: url("../images/tick.svg");
    background-size: 100% 100%;
}

.product-desc .item-quantity {
    border-radius: 2px;
    width: 100px
}

.single-review {
    margin: 10px 0;
    box-shadow: 0px 0px 10px 2px rgb(218, 216, 216);
    padding: 10px;
}

.single-review .comment {
    font-size: 0.7rem;
    color: #7b7f81;
    margin-top: 8px;
    margin-left: 30px;
}

.single-review .review-stars img {
    width: 15px;
    height: 15px;
}


/* ******* settings ********* */

.sidebar .nav-item {
    position: relative;
    margin: 10px 0;
    box-shadow: 0 2px 8px 1px #e4e4eb;
}

.sidebar .nav-item .nav-link {
    color: #969696;
    font-weight: bold;
    font-size: 0.9rem;
    width: 100%;
}

.sidebar .nav-item .nav-link:hover {
    color: #777777;
}

.sidebar .nav-item .nav-link.active:hover {
    color: #000;
}

.sidebar .nav-link.active {
    border-top: none;
    border: none;
    border-left: 3px solid #ffc72e;
    box-shadow: 0 2px 5px 4px #e4e4eb;
    color: #000;
}

.setting-heading {
    font-size: 1.05rem;
    margin-bottom: 20px;
}

.setting-label {
    font-size: 0.8rem;
    margin: 10px 0;
    width: 55%;
}

.share-icon {
    width: 15px;
    cursor: pointer;
    margin-right: 15px;
}

.blocked-users {
    max-height: 500px;
    overflow-y: scroll;
    width: 75%;
    box-shadow: 0 0 5px 2px #e4e4eb;
}

.blocked-users .single-user {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 25px;
}

.blocked-users .single-user a {
    color: #000;
    margin-left: 15px;
}

.blocked-users .single-user img {
    width: 60px;
}

@media (max-width: 900px) {
    .setting-label {
        width: 100%;
    }
    .blocked-users {
        width: 100%;
    }
    .blocked-users img {
        width: 50px;
    }
}


/* Scrollbar */

.blocked-users::-webkit-scrollbar {
    width: 8px;
}


/* Track */

.blocked-users::-webkit-scrollbar-track {
    box-shadow: inset 0 0 8px #ffc72e;
    border-radius: 10px;
}


/* Handle */

.blocked-users::-webkit-scrollbar-thumb {
    background: #ffc72e;
    border-radius: 10px;
}


/* Handle on hover */

.blocked-users::-webkit-scrollbar-thumb:hover {
    background: #fab906;
}

.report-user {
    width: 70%;
    font-size: 0.85rem;
}

.report-user textarea {
    background-color: #f1f0f0;
    width: 100%;
    outline: none;
    border: none;
    padding: 10px;
    color: #707070;
}

.report-user img {
    cursor: pointer;
}

@media (max-width: 900px) {
    .report-user {
        width: 100%;
    }
}

.deactivate-modal .modal-footer button {
    width: 120px;
}

.deactivate-modal .modal-footer button:hover {
    background-color: #e0dfdf;
}

.deactivate-modal .modal-footer .deactivate-btn {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}


/* ********* forums ******** */

.forum-tab .nav-item {
    border: none;
}

.forum-tab .nav-item .nav-link {
    border: none;
    color: #707070;
    width: 100%;
    padding: 2px 5px;
}

.forum-tab .nav-item .nav-link:hover {
    color: #000;
}

.forum-tab .nav-item .nav-link.active {
    background-color: #fde8ba91;
    color: #dfa508;
    border-radius: 5px;
}

.text-light-gray {
    color: #97999b
}

.forum-search {
    box-shadow: 0 0 2px 2px rgb(240, 238, 238);
    border-radius: 5px;
    background-color: #fff;
}

.forum-search input {
    font-size: 0.82rem;
    outline: none !important;
    border: none !important;
    padding-left: 15px;
    width: 80%;
    color: #777777
}

.forum-list li {
    list-style-type: none;
    margin: 8px 0;
    display: flex;
}

.forum-list li a {
    color: #768692;
    font-size: 0.85rem;
    margin-left: 15px;
}


/* ***** forums2 ****** */

.comment-container {
    margin: 10px 0;
    font-size: 0.9rem;
    border-bottom: 1px solid #dde3e8;
    padding-bottom: 12px;
}

.comment-container .comment-user img {
    width: 50px;
}

.comment-container .comment-user .desc {
    color: #000;
}

.comment-container .comment-user .sub-desc {
    font-size: 0.8rem;
    color: #707070
}

.comment-container .helpful-question {
    color: #707070
}

.comment-container .helpful-question button {
    border: 1px solid #c8c8c8;
    color: #707070;
    background-color: #fff;
    font-size: 0.8rem;
    border-radius: 4px;
    padding: 3px 5px;
}

.comment-container .helpful-question .yes.active {
    background-color: rgb(76, 148, 76);
    color: #fff;
}

.comment-container .helpful-question .no.active {
    background-color: rgb(235, 64, 64);
    color: #fff;
}

.comment-container .comment-text {
    color: #707070;
    font-size: 0.8rem;
    margin: 12px 0;
}

.comment-container .comment-input {
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    font-size: 0.8rem;
    padding: 8px;
    margin: 10px 0;
}

.comment-container .comment-submit-btn {
    border: none;
    background-color: #e4dede;
    color: #646363
}

.comment-container .comment-submit-btn:hover {
    color: #000;
}

.fill-red {
    fill: rgb(235, 64, 64);
}

.comment-container .action-btn {
    margin-right: 25px;
    font-size: 0.8rem;
    cursor: pointer;
    padding: 3px;
}

.comment-container .action-btn:hover {
    background-color: #f3f0f0;
    border-radius: 4px;
}

.comment-container .action-btn.active {
    background-color: #fde8ba91;
    color: #dfa508;
    border-radius: 5px;
}

.comment-container .action-btn img {
    width: 15px;
}

.comment-container .reply-content {
    display: none;
}

@media (max-width: 800px) {
    .comment-container .action-buttons {
        justify-content: space-between;
    }
}

.view-all {
    position: absolute;
    font-size: 0.7rem;
    color: #000;
    top: -10px;
    right: -10px;
}

.nearby-users {
    overflow: hidden;
    /* margin-top: 50px; */
}

.nearby-users .list {
    width: 100px;
}

.nearby-users .list ul {
    list-style: none;
    padding: 0;
}

.nearby-users .list ul li {
    padding: 10px;
    pointer-events: none;
    opacity: 0.6;
}

.nearby-users .list ul li:first-child {
    pointer-events: all;
    opacity: 1;
}

.nearby-users .list ul li img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--main);
}

.nearby-users .selected-detail {
    width: calc(100% - 100px);
    padding: 0 10px 0 20px;
}

.nearby-users .selected-detail .nearby_user_innr {
    border-radius: 30px;
    border: 0 solid;
    overflow: hidden;
    background-color: #fff;
    /* display: none; */
}

.nearby-users .selected-detail .nearby_user_innr:first-child {
    /* display: flex; */
}

.nearby-users .selected-detail .nearby_user_innr .user-gallery {
    width: 100%;
    position: relative;
}

.nearby-users .selected-detail .nearby_user_innr .user-gallery .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.nearby-users .selected-detail .nearby_user_innr .user-gallery .item img {
    width: 100%;
    opacity: 0;
}

.nearby_user_innr .user-gallery .owl-carousel .owl-nav button.disabled {
    display: none;
}

.nearby_user_innr .user-gallery .owl-carousel .owl-nav button {
    height: 46px;
    font-size: 40px;
    font-weight: 100;
    background-color: rgba(0, 0, 0, 0.1);
    line-height: 42px;
    width: 46px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: calc(50% - 23px);
}

.nearby_user_innr .user-gallery .owl-carousel .owl-nav button.owl-next {
    right: 20px;
}

.nearby_user_innr .user-gallery .owl-carousel .owl-nav button.owl-prev {
    left: 20px;
}

.nearby_user_innr .user-gallery .owl-carousel .owl-dots {
    position: absolute;
    top: 15px;
    z-index: 9990;
    width: 100%;
    text-align: center;
}

.nearby_user_innr .user-gallery .owl-carousel button.owl-dot {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: rgba(190, 190, 190, 0.5);
    margin: 0 3px;
    border-radius: 10px;
}

.nearby_user_innr .user-gallery .owl-carousel button.owl-dot.active {
    width: 30px;
    background: #fff;
}

.name-cancel-like-button {
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 999;
    width: 100%;
}

.nearby_user_innr .user-gallery .user-follow-button {
    width: 100%;
    display: flex;
}

.nearby_user_innr .user-gallery .user-follow-button>div {
    width: 50%;
    text-align: center;
}

.nearby_user_innr .user-gallery .user-follow-button button {
    /* background: #fff; */
    opacity: 1;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 40px;
    font-weight: 100;
    line-height: 41px;
    padding: 0;
    text-align: center;
    min-width: auto;
}

.nearby_user_innr .user-gallery .user-follow-button .remove button {
    transform: rotate( 45deg);
    color: #000;
    font-weight: bold;
}

.nearby_user_innr .user-gallery .user-follow-button .follow button * {
    display: none!important;
}

.nearby_user_innr .user-gallery .user-follow-button .follow button::before {
    display: none!important;
}

.nearby_user_innr .user-gallery .user-follow-button .follow button::after {
    content: "";
    background-image: url(../images/heart.png);
    height: 25px;
    width: 25px;
    position: absolute;
    left: 13px;
    background-size: 100%;
    top: 16px;
    background-repeat: no-repeat;
}

.nearby_user_innr .text-info {
    width: 50%;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nearby_user_innr h2,
.nearby_user_innr h2 a {
    color: #151515;
    font-size: 30px;
    margin: 0;
}

.nearby_user_innr .text-info p {
    color: #666;
    margin-bottom: 2px;
}

.nearby_user_innr .text-info a.more {
    font-size: 18px;
    color: #444;
    position: relative;
}

.nearby_user_innr .text-info a.more:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    width: 17px;
    bottom: 1px;
    left: 0px;
}

.nearby_user_innr .mobile-name-block {
    display: block;
    padding-bottom: 12px;
    /* opacity: 0.3;
    background-color: #000000; */
}

.dropdown.user-filters {
    text-align: right;
}

.dropdown.user-filters .dropdown-toggle {
    background: #fff;
    width: 60px;
    padding: 5px 0px;
    text-align: center;
    display: inline-block;
}

.dropdown.user-filters .dropdown-menu.show {
    margin-top: 15px;
    border-radius: 2px;
}

.filters {
    max-width: 320px;
    padding: 5px 10px;
    overflow: hidden;
}

.filters label {
    display: block;
    text-transform: uppercase;
}

.filters select,
.filters input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
}

.filters input {
    width: 50px;
    text-align: center;
}

.filters input:last-child {
    margin-left: 30px;
}

.filters .row {
    margin-bottom: 15px;
}

.filters .row:last-child {
    margin-bottom: 0;
}

.filters button.btn-main {
    color: #fff;
    border: none;
    padding: 5px 30px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 27px;
}

img.foot-icon,
body .valign.tag_hdr_right .icon {
    width: 22px;
}

.to-search,
body .valign.tag_hdr_right.footer,
.sidebar_innr.tag_scroll.tag_sidebar_mobi span.close {
    display: none;
}

.nearby_user_innr .mobile-name-block {
    display: block;
}

.nearby_user_innr .mobile-name-block {
    /* display: block;
    z-index: 99;
    width: 100%; */
    text-align: center;
}

.nearby_user_innr .mobile-name-block h2 a,
.nearby_user_innr .mobile-name-block p {
    color: #fff;
    text-shadow: 1px 1px 10px #888;
}

.nearby_user_innr .mobile-name-block h2 {
    font-size: 18px;
}

.nearby_user_innr .mobile-name-block p {
    font-size: 12px;
}

@media(max-width:767px) {
    /* // #DatingProfilePic */
   
    .discover-dating-profile .owl-stage-outer .owl-stage .owl-item .item {
        height: 640px !important;
        background: #272626;
    }
    .double-tapping-profile .owl-stage-outer .owl-stage .owl-item .item {
        height: 640px !important;
        background: #272626;
    }
    .nearby-dating-profile .owl-stage-outer .owl-stage .owl-item .item {
        height: 470px !important;
        background: #272626;
    }
    .nearby-users .selected-detail .nearby_user_innr:first-child {
        display: block;
    }
    .nearby-users .selected-detail,
    .nearby-users .selected-detail .nearby_user_innr .user-gallery,
    .nearby-users .selected-detail .nearby_user_innr .user-gallery .item img {
        width: 100%;
        min-height: auto;
    }
    .nearby-users .selected-detail .nearby_user_innr {
        border-radius: 30px 30px 0 0;
    }
    .nearby-users .list,
    .nearby_user_innr .text-info {
        display: none;
    }
    .nearby-users .selected-detail .nearby_user_innr .user-gallery .item {
        background-size: cover;
    }
    .nearby-users .selected-detail .nearby_user_innr .user-gallery .item img,
    .nearby-users .selected-detail .nearby_user_innr .user-gallery,
    .nearby-users {
        height: auto;
        max-height: 100%;
    }
    .nearby-users {
        margin-top: 10px;
    }
    .nearby-users .selected-detail {
        padding: 0 10px;
    }
    .dropdown.search-container {
        position: fixed;
        width: 100%;
        left: 0;
        padding: 5px;
        top: 45px;
        background: #fff;
        display: none;
    }
    .dropdown.search-container.show-search {
        display: block;
    }
    body .valign.tag_hdr_right {
        top: 0px;
        bottom: auto;
    }
    body .tag_hdr_right>.dropdown .dropdown-menu {
        top: 45px;
        bottom: 0;
        /* width: 200px; */
        z-index: 9999999 !important;
        position: fixed !important;
    }
    body nav.navbar.navbar-default {
        /* background-color: #f9f9f9; */
        box-shadow: none;
        border: none;
        padding: 5.5px 0;
    }
    body nav.navbar.navbar-default .tag_header_shadow {
        display: none;
    }
    .sidebar_innr.tag_scroll.tag_sidebar_mobi {
        position: relative;
        padding-top: 30px;
    }
    .sidebar_innr.tag_scroll.tag_sidebar_mobi span.close {
        position: absolute;
        display: block;
        right: 10px;
        top: 7px;
        z-index: 999;
        font-size: 28px;
        transform: rotate(45deg);
        background: #c30f0f;
        line-height: 30px;
        height: 30px;
        width: 30px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        opacity: 0.7;
        font-family: "Roboto", sans-serif;
        font-weight: normal;
    }
    .tag_sec_toolbar .icon,
    body .valign.tag_hdr_right .icon {
        width: 18px;
    }
    body .valign.tag_hdr_right.footer {
        top: auto;
        bottom: 10px;
        display: flex;
    }
    img.foot-icon {
        width: 18px;
    }
    .to-search {
        display: block;
    }
    .tag_hdr_right>.dropdown .dropdown-menu {
        height: calc(100vh - 90px);
        height: calc(var(--vh, 1vh) * 100 - 90px);
        max-height: calc(100% - 90px);
    }
    .tag_header>.search-container .dropdown-menu {
        top: 90px;
    }
}

@media(max-width:520px) {
    .nearby-users .selected-detail .nearby_user_innr .user-gallery .item img,
    .nearby-users .selected-detail .nearby_user_innr .user-gallery,
    .nearby-users {
        height: auto;
    }
}