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

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

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

.wow_content {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 20px 20px 20px;
  border: 1.5px solid #D9D9D9;
}

.wow_content.negg_padd {
  padding: 0;
}

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

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

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

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

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

.tag_content_n_margin {
  margin: 0 !important;
}

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

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

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

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

.pointer {
  cursor: pointer;
}

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

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

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

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

.verified-color svg path:first-child {
  fill: #2196f3;
}

.verified-color svg path:last-child {
  fill: #fff;
}

.full_width {
  width: 100%;
}

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

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

.bold {
  font-weight: 500;
}

.p15 {
  padding: 15px;
}

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

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.pl15 {
  padding-left: 15px;
}

.small {
  font-size: 13px;
}

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

svg {
  vertical-align: middle;
}

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

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

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

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

input[readonly] {
  cursor: text;
}

.tag_side_backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  height: 100%;
  z-index: 1045;
  transition: background-color 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;
}

img.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*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: #F0F0F0;
  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: #0d74ce;
  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: #f4faff;
  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: 100px;
  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: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;
  border-radius: 8px;
}

.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-radius: 8px;
  padding: 0 16px 6px;
  width: 100%;
  min-height: 56px;
  color: rgba(0, 0, 0, .87);
  background-color: #F9F9F9;
  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.form-control {
  background: transparent;
  background-color: #f5f5f5;
  border-top-color: transparent;
}

.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;
  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 {
  background-color: #f1f1f1;
}

.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 {
  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+.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]::-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 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 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 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 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 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__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--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,
.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;
}

body.tag_header_top_p .tag_hdr_top_sett .tag_sett_sidebar {
  border: 1.5px #e5e5e5 solid;
}

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

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

.tag_header .search-input {
  background: #F0F0F0;
  width: 100%;
  border: 0;
  padding: 10px 10px 10px 39px;
  border-radius: 12px;
  height: 40px;
  transition: all .15s linear;
}

.tag_header .search-input::placeholder {
  opacity: 0.5;
  color: #212529;
}

.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: 10px;
  color: #202020;
  position: relative;
}

.tag_hdr_droptoggle:before {
  border-radius: 10px;
  opacity: 0.1;
}

.show>.tag_hdr_droptoggle {
  background: #f0f0f0;
  color: #212529;
}

.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: 36px;
  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: #ff3636;
  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;
  margin: 5px 0px 8px;
  border-radius: 2em;
  position: relative;
  color: var(--main);
}

.wow_htag:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: currentColor;
  opacity: .09;
  border-radius: 2em;
}

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

.wow_htag a {
  transition: .15s ease;
  color: var(--main);
  display: inline-block;
  font-weight: 500;
  padding: 1px;
  margin: 2px 6px 4px;
  position: relative;
}

.wow_htag a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  right: 0;
  background: currentColor;
  opacity: .25;
  transition: .15s ease;
}

.wow_htag a:hover:before {
  opacity: 1;
}

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

.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: 12px;
  opacity: 0.045;
}

.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: #D5EFFF;
  color: #0090FF;
  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(164, 164, 164, 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: 15px;
  font-family: 'Readex Pro', sans-serif;
}

/*Header Search*/
.tag_toggle_search {
  border: none;
  background: #fff;
  padding: 5px;
  line-height: 1;
  color: #252525;
  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: #CE2C31;
  background-color: #FEEBE7;
  line-height: 22px;
  padding: 0 12px;
  font-size: 12px;
  min-width: auto;
  margin-right: 1px;
}

.recent .btn:hover {
  box-shadow: 0px 0px 0px 1px #EB8E90;
}

.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: 15px;
  color: #555;
  text-align: center;
  font-weight: 500;
  font-family: 'Readex Pro', 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 img {
  width: 350px;
}

.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 10px;
  font-family: 'Readex Pro', sans-serif;
  font-size: 28px;
}

.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: 5px 5px 10px;
  font-family: 'Readex Pro', sans-serif;
  font-size: 26px;
  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;
  padding: 0 14px;
  border: 1.5px solid #CECECE;
}

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

.tag_page_nav li.active a {
  border: 1.5px solid #5EB1EF;
}

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

.alert-info {
  background-color: #F4FAFF;
  color: #0D74CE;
  border: 1.5px solid #5EB1EF;
}

.alert-success {
  background-color: #F4FBF6;
  color: #218358;
  border: 1.5px solid #5BB98B;
}

.alert-warning {
  background-color: #FEFCE9;
  color: #9E6C00;
  border: 1.5px solid #D5AE39;
}

.alert-danger {
  background-color: #FFF7F7;
  color: #CE2C31;
  border: 1.5px solid #EB8E90;
}

.alert-info a {
  color: #5EB1EF;
}

.alert-success a {
  color: #30A46C;
}

.alert-warning a {
  color: #D5AE39;
}

.alert-danger a {
  color: #EB8E90;
}

/*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: #636F7E;
  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: 8px;
  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: 8px;
}

.wow_fcov_image .upload_ad_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  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 {
  font-size: 60px;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 300;
}

.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;
  top: -25px;
  margin-right: 5px;
}

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

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

.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: 60px;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 300;
}

.wow_add_money_hid_form .add-amount h5 input,
.wow_snd_money_form .add-amount h5 input {
  border: 0;
  min-width: 50px;
  max-width: 273px !important;
  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 20px;
  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;
}

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

.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: 17px;
  line-height: 1.35;
  display: -webkit-box;
  min-height: 48px;
  max-height: 48px;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: 'Readex Pro', 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: 2px;
  right: calc(100% - 11px);
  color: #000000;
  font-weight: 500;
  font-size: 64px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.5px black;
  line-height: 1;
  pointer-events: none;
  font-family: 'Roboto', sans-serif;
}

.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: 20px;
  font-family: 'Readex Pro', 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: 'Readex Pro', sans-serif;
  font-size: 37px;
  font-weight: 500;
  padding: 10px 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%;
  height: auto;
}

.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: 10px 0 5px;
  color: #000;
  font-size: 46px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  font-family: 'Readex Pro', sans-serif;
}

.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 .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 15px;
  font-size: 26px;
  font-family: 'Readex Pro', sans-serif;
}

.tag_boost_help>ul h3 .pro-badge {
  padding: 0 5px;
  font-size: 11px;
  line-height: 20px;
  font-weight: normal;
}

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

.chat-tab .online-toggle-hdr.white_online {
  animation: mymove 1.5s infinite;
}

@keyframes mymove {
  0% {
    background-color: #fff;
  }

  50% {
    background-color: whitesmoke;
  }

  100% {
    background-color: #fff;
  }
}

.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: #00102d;
  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 .message .green-audio-player {
  min-width: 100%;
  padding: 0 15px;
  border: 2px solid var(--main);
  border-radius: 16px;
}

.chat-messages-wrapper .message .green-audio-player .controls {
  margin: 0 10px;
}

.chat-messages-wrapper .message .green-audio-player .controls span {
  margin: 0 5px;
  font-size: 16px;
}

.chat-messages-wrapper .message .green-audio-player .controls .controls__slider {
  display: none;
}

.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 .messages-wrapper .like-emo>.how_reacted .reaction,
.messages-container .messages-wrapper .like-emo>.how_reacted .reaction {
  width: 16px;
  height: 16px;
  line-height: 1;
}

.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;
  font-size: 16px;
}

.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;
  padding: 1.7px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 21px;
  height: 35px;
  width: 35px;
  text-align: center;
}

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

.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: 70px;
  width: 70px;
  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: 8px;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 7px 12px;
  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.5px 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: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.14;
  color: var(--main);
  font-family: 'Readex Pro', sans-serif;
}

.tag_contact_title {
  font-size: 34px;
  letter-spacing: -0.025em;
  margin: 15px 0 40px 20px;
  font-family: 'Readex Pro', sans-serif;
}

.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 {
  font-size: 27px;
  font-family: 'Readex Pro', sans-serif;
  margin: -6px 0 6px;
}

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

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

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

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

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

.event_info_blocks div a {
  color: black;
}

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

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

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

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

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

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

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

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

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

.sidebar-event-thumbnail im g {
  width: 100%;
  border: 1px solid #f2f2f2
}

.sidebar-event-name {
  width: 70%;
  overflow: hidden;
  display: inline-block;
  padding: 10px
}

.sidebar-event-name p {
  margin-bottom: 0
}

.sidebar-event-name span {
  font-size: .7em;
  color: #aaa
}

.events-going-list-unset {
  margin: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wow_forum_sections {
  padding: 20px 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.wow_forum_dis_head h4 a {
  color: black;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wow_thread_replies .thread-replies .t-right_prt .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-size: 30px;
  letter-spacing: -0.5px;
  font-family: 'Readex Pro', sans-serif;
}

.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;
  border-radius: 12px;
  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 {
  border: 1.5px #e5e5e5 solid;
}

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

.tag_go_pro_usrs .tag_pro_users>div img {
  border-radius: 10px;
  height: 100%;
}

.tag_pro_plans {
  align-items: normal;
  margin: 0 -10px;
}

.tag_pro_plan {
  padding: 0 10px;
  flex: 1 100%;
}

.tag_pro_plan.go_pro_table_background .wow_content {
  box-shadow: inset 0 0 0 2px var(--main) !important;
  position: relative;
}

.tag_pro_plan.go_pro_table_background .wow_content:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255 255 255 / 50%);
  border-radius: 10px;
}

.tag_pro_plan .wow_content {
  padding: 45px 30px 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-size: 23px;
  line-height: 1;
  font-family: 'Readex Pro', sans-serif;
}

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

.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;
  border-radius: 0px 0px 10px 10px;
  border: 1.5px solid #e5e5e5;
  border-top: none;
}

.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 {
  background: #6495ed;
  line-height: 30px;
  padding: 0 10px !important;
  font-size: 13px;
  width: 100%;
  color: white;
}

/*Group*/
.wo_group_profile .cardheader {
  position: relative;
  padding: 0;
  padding-bottom: 33.333333%;
  overflow: hidden;
  border-radius: 0;
}

.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.05);
  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: #ffb469;
}

.featured-users-innr {
  padding: 0 12px 2px;
}

.tag_go_pro_user {
  background-color: #FBDCEF;
  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: #D6409F;
  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%;
  margin: 0 0 10px;
}

.tag_pro_users>div img {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 95px;
}

.tag_pro_users>div h4 {
  margin: 7px 0 3px;
  font-size: 13px;
}

/*Home*/
.tag_home_filters {
  position: relative;
  padding: 15px 10px;
  margin: -14px -10px 0;
}

.tag_home_filters.home {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 90;
  background: var(--body-bg);
}

.tag_home_post_order {
  margin: 0 14px 0 0;
  padding: 0 0 3px;
}

.tag_home_post_order .btn-mat {
  background-color: white;
  display: block;
  border-radius: 2em;
  line-height: 33px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 0 5px;
  min-width: 33px;
}

.tag_home_post_order .btn-mat svg {
  margin: -2px 0 0;
}

.tag_home_post_order .dropdown-menu {
  left: -10px;
  min-width: 220px;
}

.filterby {
  margin: 0 7px 0 -7px;
}

.filterby li {
  margin: 0 7px;
}

.filterby li a {
  padding: 0 16px;
  transition: none;
}

.filterby li.active a::before {
  transition: none;
}

.tag_home_filters>.btn {
  margin-left: auto;
  min-width: 60px;
  box-shadow: none;
  transition: all 0.2s linear;
  padding: 0;
  background: transparent;
  visibility: hidden;
  opacity: 0;
}

.tag_home_filters>.btn.btn-home-go-up {
  visibility: visible;
  opacity: 1;
}

.promoted-post {
  position: relative
}

.promoted-post .promoted-icon {
  position: absolute;
  top: 15px;
  color: white;
  left: 15px;
  background-color: #66de3c;
  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: 0 0px 0px 1px #82ff91, 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: 11%;
  min-width: 11%;
}

.tag_stories_on_home .tag_stories_mobi .status-list li a {
  padding-bottom: 100%;
  background: rgb(0 0 0 / 0.05);
  border-radius: 100%;
}

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

.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-size: 25px;
  letter-spacing: -0.5px;
  line-height: 1;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 500;
  margin: 0 0 5px;
}

.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;
  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: var(--main);
  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: 10px;
  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: 10px 10px 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: var(--main);
  width: 100%;
  line-height: 28px;
  font-size: 13px;
  color: var(--main-color);
  padding: 0 5px;
}

.tag_sidebar_users .btn:before {
  display: none;
}

.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: 'Readex Pro', sans-serif;
  font-size: 26px;
  letter-spacing: -0.5px;
  line-height: 1;
  margin-bottom: 5px;
}

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

.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;
  display: block !important
}

.next-btn {
  right: 0;
  display: block !important
}

.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 .dragable .tag_vid_plyr {
  height: 100dvh;
}

.wo_imagecombo_lbox .story-img .dragable .tag_vid_plyr .plyr--video {
  height: 100%;
}

.wo_imagecombo_lbox .story-img .dragable .empty_state {
  color: #bebebe;
}

.wo_imagecombo_lbox .story-img .dragable .empty_state svg {
  border-radius: 0;
  opacity: 0.4;
}

.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: 8px;
  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: 12px;
  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.spons {
  height: calc(100vh - 30px);
}

.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;
  min-height: 300px;
  background: #141414;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .tag_story_side {
    position: relative;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 8px;
    min-height: 300px;
    background: #141414;
  }
}

@media (max-width: 600px) {
  .tag_story_side {
    position: relative;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 4px;
    min-height: 300px;
    background: #141414;
  }
}

.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: rgb(255 255 255 / 90%);
}

.story_lightbox .story_view_list .user-name time {
  color: rgb(255 255 255 / 45%);
  font-weight: normal;
  font-size: 13px;
}

.status-image-media {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

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

.tag_lbox_stories .status-list li a:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
  border-radius: 100%;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  width: 100%;
}

.tag_lbox_stories .status-list li.create_new a svg {
  background-color: #6b92e0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 7px;
  color: #fff;
}

.tag_lbox_stories .status-list li a>img {
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  user-select: none;
  pointer-events: none;
  border-radius: 100%;
}

.tag_lbox_stories .status-list li span {
  position: absolute;
  width: 30px;
  height: 30px;
  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: 17px 0 0;
  z-index: 1;
  font-weight: 400;
  text-align: center;
}

.tag_lbox_stories .status-list li.not_seen_story a {
  box-shadow: inset 0 0 0 2px var(--main);
  border-radius: 100%;
  background: transparent;
}

.tag_lbox_stories .status-list li.not_seen_story a>img {
  padding: 5px;
  border-radius: 100%;
}

/*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 .liv_vid_cont>div>video,
.agora_vdeo_call>div>video {
  object-fit: contain !important;
  transform: none !important;
}

.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-size: 25px;
  letter-spacing: -0.5px;
  line-height: 1;
  margin: 0 0 2px;
  font-family: 'Readex Pro', sans-serif;
}

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

.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: #313131;
  color: #fff;
  padding: 4px 8px;
  height: 35px;
  width: 150px;
}

.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: transparent;
  border: 1.5px solid #8080807a;
}

.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 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 0 5px;
  font-family: 'Readex Pro', sans-serif;
  font-size: 23px;
  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: 'Readex Pro', sans-serif;
  font-size: 21px;
  letter-spacing: -0.5px;
  margin: 0 0 5px;
}

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

.who_react_modal>span {
  display: block;
  padding: 15px 12px;
}

.who_react_modal>span .reaction {
  width: auto;
  height: auto;
}

.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;
  border: 1.5px solid #D9D9D9;
}

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

.tag_page_name_hdr .user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 21px;
}

.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: 20px;
  z-index: 3;
  color: #3c3c3c;
  font-weight: 500;
  font-family: 'Readex Pro', sans-serif;
  padding: 10px 0 0;
}

.user-fetch .user-name a {
  color: #000;
}

.user-fetch .event_info_blocks div {
  font-size: 14px;
  padding: 3px 25px;
}

.user-fetch .user-buttons {
  margin: 10px -4px 0;
}

.user-fetch .user-button {
  padding: 0 4px;
  display: inline-block;
  width: 50%;
}

.user-fetch .user-button button {
  width: 100%;
  padding: 0 5px;
}

.user-fetch .user-button button svg {
  display: none;
}

.user-fetch .user-button:empty {
  margin: 0
}

/*Products*/
.tag_market_title {
  justify-content: space-between;
}

.tag_market_title .search-bar {
  width: 100%;
  max-width: 420px;
  position: relative;
}

.tag_market_title .search-bar input {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  border-radius: 8px;
  color: #202124;
  display: block;
  padding: 0 45px;
  width: 100%;
  border: 0;
  font-size: 15px;
  line-height: 48px;
  transition: all 0.15s;
}

.tag_market_title .search-bar input:focus {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);
}

.tag_market_title .search-bar svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  pointer-events: none;
  color: #737373;
}

.tag_market_title .search-bar input:focus+svg {
  color: var(--main);
}

.tag_products_slider {
  position: relative;
  margin-top: 30px;
  overflow: hidden;
}

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

.tag_prods_slidr {
  white-space: nowrap;
}

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

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

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

.tag_prods_slidr .slick-prev {
  left: calc((-1 * (100vw - 1375.45px))/2 + 10px);
  width: calc((100vw - 1375.45px - 40px)/2);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02) 1%, rgba(0, 0, 0, 0.6) 100%);
}

.tag_prods_slidr .slick-next {
  right: calc((-1 * (100vw - 1375.45px))/2 + 10px);
  width: calc((100vw - 1375.45px - 40px)/2);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02) 1%, rgba(0, 0, 0, 0.6) 100%);
}

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

.tag_randm_plist .product_info {
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
}

.tag_randm_plist .product_info a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  color: currentColor;
  font-family: 'Readex Pro', 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: 70%;
  color: #606060;
}

.tag_prods_list .btn.contact,
.tag_prods_list .btn.edit {
  min-width: 36px;
  position: absolute;
  padding: 0 5px;
  background-color: white;
  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.contact:not(.btn-main) {
  color: #4CAF50;
}

.tag_prods_list .btn.edit {
  color: #2196F3;
}

.tag_prods_list .btn.btn-main {
  color: var(--main);
  right: 36px;
}

/*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-size: 34px;
  font-weight: 600;
  border: 0;
  padding: 0;
  color: black;
  width: auto;
  height: 45px;
  transition: width 0.15s linear;
  background: transparent;
  max-width: 85%;
  font-family: 'Readex Pro', sans-serif;
}

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

.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 {
  border-radius: 8px;
  margin: 6px 0px;
}

.tag_sett_sidebar>li.active>a:before {
  opacity: 0.06;
  border-radius: 8px;
}

.tag_sett_page {
  transition: opacity 0.25s linear;
}

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

/* Settings Page Layout & Responsive View */
.tag-settings-mode #tag_sett_right_prt {
  display: none;
}

.tag-settings-mode .tag_sett_sidebar {
  display: block;
}

/* Reveal right pane for desktop */
@media (min-width: 993px) {
  .tag-settings-mode #tag_sett_right_prt {
    display: block;
  }
}

/* Page Specific Overrides */
body.is-settings-page .tag_navbar_top_side {
  display: none !important;
}

body.is-settings-page .tag_content.opacity_start {
  opacity: 1 !important;
  pointer-events: auto !important;
}


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

/*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: #7f6b8e;
  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: 15px;
  position: relative;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.active_sessions .as_list .hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.active_sessions .as_list .platform_icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(0 0 0 / 7%);
  border-radius: 50%;
}

.active_sessions .as_list .platform_icon svg {
  width: 28px;
  height: 28px;
}

.active_sessions .as_list .log_out_session {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  margin: 1px 0;
  background: transparent;
  box-shadow: none;
  color: red;
}

.active_sessions .as_list .log_out_session:before {
  opacity: 0.07;
}

.active_sessions .as_list .log_out_session svg {
  margin: 0;
}

.active_sessions .as_list .session_info {
  display: block;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}

.active_sessions .as_list .session_info h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
}

.active_sessions .as_list .session_info p {
  margin: 6px 0 0;
  line-height: 1;
}

.active_sessions .as_list .session_info p svg {
  margin-top: -2px;
}

/*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;
  margin: 0;
  font-family: 'Readex Pro', sans-serif;
  font-size: 30px;
}

.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: #F0F0F0;
  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);
  border: 1.5px solid #ff9800;
  border-radius: 12px;
}

table.wow_pymnt_table .label-success {
  color: #4CAF50;
  background-color: rgba(76, 175, 80, 0.1);
  border: 1.5px solid #4CAF50;
  border-radius: 12px;
}

table.wow_pymnt_table .label-danger {
  color: #F44336;
  background-color: rgba(244, 67, 54, 0.1);
  border: 1.5px solid #F44336;
  border-radius: 12px;
}

/*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;
  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);
  display: flex !important;
}

.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: 45px;
  text-align: center;
  font-family: 'Readex Pro', sans-serif;
  line-height: 1;
}

/*Sidebar*/
.tag_sidebar_widget {
  padding: 0;
  border: 1.5px #D9D9D9 solid;
}

.tag_sidebar_widget_title {
  padding: 18px;
  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,
.sidehashtag .wow_htag:before {
  display: none;
}

.sidehashtag .wow_htag {
  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;
}

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

.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;
  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;
  border: 1.5px #D9D9D9 solid;
}

.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 {
  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: #5b7dff;
}

.tag_pub_box.modal-content {
  padding: 0;
}

.tag_pub_box_bg_camlve.camera {
  color: #5151CD !important;
}

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

.tag_pub_video_title input {
  font-family: 'Readex Pro', sans-serif;
  font-weight: 500;
  border: 0;
  width: 100%;
  background: transparent;
  padding: 5px 5px 15px;
  border-bottom: 1px solid #e6ecf0;
  font-size: 17px;
}

.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: #F9F9F9;
  border-bottom: 1px solid #e6ecf0;
}

.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: 26px;
  font-weight: 600;
  font-family: 'Readex Pro', 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: #fff;
  position: absolute;
  min-width: 180px;
  z-index: 9;
  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;
  display: none;
  bottom: 100%;
  left: 0;
}

.wow_pub_privacy_menu li label {
  margin: 0;
  display: block;
  cursor: pointer;
  margin: 7px;
}

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

.wow_pub_privacy_menu li:hover label span {
  background: #e7e7e7;
  border-radius: 5px;
}

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

.tag_pub_box_btns {
  display: block;
  border: 0;
  width: calc(50% - 15px);
  text-align: inherit;
  background-color: #F0F0F0;
  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;
  gap: 10px;
}

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

.map-form {
  position: relative;
}

.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(59 59 59 / 30%);
  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;
}

.wallet_trans_type .badge {
  font-weight: bold;
  border-radius: 3px;
  height: 20px;
  width: auto;
  font-size: 14px;
}

.wallet_trans_type .badge.success {
  background-color: #E9F6E9;
  color: #2A7E3B;
}

.wallet_trans_type .badge.warning {
  background-color: #FFEFD6;
  color: #CC4E00;
}

.wallet_trans_type .badge.info {
  background-color: #E1F6FD;
  color: #00749E;
}

.wallet_trans_type .badge.danger {
  background-color: #FEE9F5;
  color: #C2298A;
}

/*Posts*/
.fs-14 {
  font-size: 14px;
}

.post .panel,
.user-ad-container .panel-white {
  border: 1.5px #e5e5e5 solid;
  border-radius: 12px;
}

.pin-icon {
  font-size: 11px;
  padding: 10px 15px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FF9800;
  font-family: 'Readex Pro', sans-serif;
}

.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-size: 11px;
  padding: 2px 2px;
  line-height: 1;
  margin: -1px 0 0;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 500;
}

.post .post-heading .meta .title .pro-badge a {
  padding: 4px;
  margin: -2px -2px -2px;
}

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

.post .post-description p:not(.overflow) {
  overflow: hidden;
  border-radius: 10px;
}

.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: #84bcff;
}

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

.tag_post_actions .stat-item .icoo svg.feather.flip {
  transform: scaleY(-1);
}

.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,
.tag_post_foot_acticon svg,
.tag_post_foot_acticon svg.feather,
#like-button>svg {
  padding: 9px;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.06);
  width: 40px;
  height: 40px;
  margin: 0 7px;
}

.tag_post_foot_acticon.share .like-btn-mobile {
  display: none;
}

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

.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 10px;
  font-size: 25px;
  font-family: 'Readex Pro', sans-serif;
}

.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: 5px 0 10px;
  margin: 0 -5px;
  flex-wrap: wrap;
}

.tag_post_prods_btns .save-product {
  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 {
  height: 36px;
  min-width: 160px;
}

.tag_post_prods_btns .btn {
  margin: 10px 5px 0;
}

.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-size: 28px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  font-family: 'Readex Pro', sans-serif;
}

.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;
  font-family: 'Readex Pro', sans-serif;
  font-size: 22px;
  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;
  /*max-height: calc(100vh - 200px);*/
}

.tag_post_full_img img {
  border-radius: 20px;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

.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: 'Readex Pro', sans-serif;
  font-size: 25px;
  letter-spacing: -0.5px;
  margin: 25px 0 20px;
}

.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*/
.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;
  padding: 5px;
}

.post-actions .stat-item .inline_post_count_emoji.reaction {
  width: 16px;
  height: 16px;
  float: none;
  line-height: 1;
}

.post .reactions-box .reaction img {
  padding: 3px;
}

.post .inline_post_emoji>.reaction {
  width: 22px;
  height: 22px;
  float: none;
  line-height: 1;
}

.reaction-1 img {
  animation-fill-mode: both;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-name: bounce;
  transform-origin: center bottom;
}

.reaction-2 img {
  animation-fill-mode: both;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-name: heartBeat;
  animation-timing-function: ease-in-out;
}

.reaction-3 img {
  animation-fill-mode: both;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-name: swing;
  transform-origin: top center;
}

.reaction-4 img {
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}

.reaction-5 img {
  animation-fill-mode: both;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-name: fadeInDown;
}

.reaction-6 img {
  animation-fill-mode: both;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-name: headShake;
  animation-timing-function: ease-in-out;
}


@keyframes bounce {

  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -2px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -1px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -1px, 0) scaleY(1.02);
  }
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.05);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.05);
  }

  70% {
    transform: scale(1);
  }
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 2deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -2deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -2deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 1;
    transform: translate3d(0, -5%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-2px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(1px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-1px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(1px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

/*Shared Posts*/
.bs-callout {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
}

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

.wo_user_profile .user-avatar.unseen_story:after {
  content: '';
  background: var(--main);
  position: absolute;
  right: 2px;
  left: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 23px;
  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;
}

.wo_user_profile .event-info-cont-small h3 .pro-badge {
  padding: 0px 5px;
  line-height: 20px;
  font-weight: 500;
}

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

.wo_profile_banned_user {
  margin-top: 20px;
}


.wo_user_profile .user-follow-nav {
  margin: 10px -15px -15px;
  padding-right: 40px;
}

.wo_user_profile .user-follow-nav ul li {
  display: inline-block;
}

.wo_user_profile .user-follow-nav li a {
  padding: 15px 20px;
  display: block;
  text-align: center;
  position: relative;
  font-weight: 500;
}

.wo_user_profile .user-follow-nav li a span {
  font-weight: normal;
  background: rgb(255 255 255 / 9%);
  line-height: 1;
  padding: 2px 3px;
  min-width: 20px;
  border-radius: 3px;
  font-size: 13px;
  display: inline-block;
}

/*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 .hdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.profile-completion-bar .circle-progress {
  width: 70px;
  height: auto;
}

.profile-completion-bar .circle-progress-value {
  stroke-width: 6px;
  stroke-linecap: round;
  stroke: var(--main);
}

.profile-completion-bar .circle-progress-circle {
  stroke-width: 3px;
}

.profile-completion-bar .circle-progress-text {
  font-weight: 500;
  font-size: 22px;
  fill: var(--main);
}

.profile-completion-bar .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.profile-completion-bar .body .step {
  margin: 0 10px 15px;
  border: 1px solid rgb(0 0 0 / 15%);
  border-radius: 2em;
  padding: 8px 20px;
  font-weight: 500;
  text-decoration: none;
}

.profile-completion-bar .body .step.done {
  opacity: 0.7;
  cursor: default;
  background: rgb(76 175 80 / 18%);
  border-color: rgb(76 175 80 / 18%);
  text-decoration: line-through;
}

.profile-completion-bar .body .step svg {
  width: 20px;
  height: auto;
  margin-top: -2px;
}

/*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: 'Readex Pro', sans-serif;
  font-size: 26px;
  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 .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: #e72745
}

.active-wonder {
  color: #a84849
}

.active-like-1 {
  color: #ff0000
}

.active-like-2 {
  color: #ff712a
}

.active-like-3 {
  color: #000937
}

.active-like-4 {
  color: #ffd647
}

.active-like-5 {
  color: #8f27e7
}

.active-like-6 {
  color: #f7806c
}

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

.online-text {
  color: #4caf50
}

.chart-container {
  border-radius: 10px;
}

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

#remote-media video {
  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;
  border: 1.5px solid #e5e5e5;
  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;
  border: none;
}

.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;
  min-width: 48px;
}

.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;
  margin: 0 0 10px;
  font-family: 'Readex Pro', sans-serif;
}

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

.tag_user_insight .counter p svg {
  margin-top: -3px;
  width: 18px;
  height: 18px;
  opacity: 0.6;
}

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

/*Weather*/
.tag_weather_box {
  width: 100%;
  max-width: 450px;
}

.tag_weather_box .modal-content {
  padding: 0;
  /*background: transparent;*/
}

.tag_weather {
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  font-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*color: white;background-color: #607D8B;*/
}

.tag_weather>.close,
.tag_bday_box>.close {
  position: absolute;
  float: none;
  right: 10px;
  top: 10px;
  opacity: 0.4;
  z-index: 2;
  color: inherit;
}

.tag_weather_shadow {
  margin: -20px -20px 0;
  padding: 20px 20px 0;
  border-radius: 10px;
}

.tag_weather_hdr {
  justify-content: space-between;
  font-family: 'Readex Pro', sans-serif;
  margin-bottom: 40px;
}

.tag_weather_hdr p {
  font-weight: 500;
  font-size: 23px;
  line-height: 1.1;
  margin: 0;
}

.tag_weather_timezone {
  opacity: .8;
  font-size: 17px;
}

.tag_weather_currentTemp {
  text-align: center;
  font-family: 'Readex Pro', sans-serif;
  font-size: 105px;
  line-height: normal;
}

.tag_weather_currentTemp sup {
  font-size: 33px;
  vertical-align: super;
  top: -13px;
}

.tag_weather_condition {
  line-height: normal;
  margin: -25px 0 0;
  font-size: 20px;
}

.tag_weather_condition_sub:first-letter {
  text-transform: capitalize;
}

.tag_weather_icon svg {
  min-width: 130px;
  width: 130px;
  height: 130px;
}

.tag_weather_mdl {
  margin: 0 -10px;
}

.tag_weather_mdl>div {
  width: 33.3333333%;
  text-align: center;
  padding: 0 10px;
}

.tag_weather_mdl>div>div {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 5px;
}

.tag_weather_mdl>div>div:before {
  content: '';
  background: currentColor;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 7px;
  opacity: 0.07;
}

.tag_weather_mdl p {
  margin: 5px 0 0;
  font-size: 15px;
}

.tag_weather_forecast {
  margin: 0px -20px -20px;
  padding: 0px 20px 20px;
}

.tag_weather_forecast .fivedays {
  justify-content: space-between;
  padding: 5px 0;
}

.tag_weather_forecast .fivedays:last-child {
  padding-bottom: 0;
}

/*Add to Family*/
#add_to_family .family_mbr_detail {
  display: flex;
  align-items: center;
}

#add_to_family .family_mbr_avatar {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
}

#add_to_family .family_mbr_avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#add_to_family .family_mbr_name {
  margin: 0;
}

#add_to_family .add_as_cont {
  margin-top: 4px
}

.add_as_cont_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.add_as_cont_list label {
  display: block;
  margin: 10px 5px 0;
}

.add_as_cont_list label input {
  display: none;
}

.add_as_cont_list label div {
  cursor: pointer;
  font-weight: 500;
  border-radius: 2em;
  padding: 0 11px;
  line-height: 28px;
  font-size: 13px;
}

.add_as_cont_list label input:checked+div {
  background-color: var(--main);
  color: var(--main-color);
}

#add_to_family .add_to_family_alert div {
  border-radius: 0 !important;
  text-align: center
}

/*Product Review Stars*/
.pr_stars {
  display: flex;
  margin: -2px 0 6px;
}

.pr_stars .star {
  width: 18px;
  height: 18px;
  margin: 0 2px 0 0px;
}

.pr_stars .star path {
  fill: rgb(0 0 0 / 20%);
}

.pr_stars[data-stars] .star path {
  fill: #ff9800;
}

.pr_stars[data-stars="0"] .star path {
  fill: rgb(0 0 0 / 20%);
}

.pr_stars[data-stars="1"] .star:nth-child(1)~.star path {
  fill: rgb(0 0 0 / 20%);
}

.pr_stars[data-stars="2"] .star:nth-child(2)~.star path {
  fill: rgb(0 0 0 / 20%);
}

.pr_stars[data-stars="3"] .star:nth-child(3)~.star path {
  fill: rgb(0 0 0 / 20%);
}

.pr_stars[data-stars="4"] .star:nth-child(4)~.star path {
  fill: rgb(0 0 0 / 20%);
}

.pr_stars[data-stars="5"] .star:nth-child(5)~.star path {
  fill: rgb(0 0 0 / 20%);
}

/*Product Reviews*/
.check_reviews {
  background-color: #ededed;
}

.review_list {
  padding: 15px 15px 7px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 10%) 0px 1px 2px -1px;
}

.review-meta-desc {
  display: flex;
  align-items: center;
  font-size: 14.5px;
  width: auto;
}

.reviewMeta--author-avatar {
  margin-right: 10px;
}

.reviewMeta--author-avatar img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
}

.reviewMeta--author-text {
  overflow: hidden;
}

.reviewMeta--author-text .linkk {
  font-weight: bold;
  font-size: 15px;
  display: block;
  text-decoration: none;
  color: inherit;
}

.prod_review-meta {
  position: relative;
}

.prod_review-meta .Review-rating {
  font-size: 20px;
  font-weight: bold;
  margin-top: 6px;
  position: relative;
}

.prod_review-meta:before {
  content: '★★★★★';
  position: absolute;
  z-index: auto;
  color: rgb(0 0 0 / 20%);
  left: 14px;
  font-size: 20px;
  font-weight: bold;
}

.prod_review-meta .Review-rating:first-letter {
  font-size: 15px;
}

.prod_review-meta .Review-rating.five_star {
  color: #388e3c;
}

.prod_review-meta .Review-rating.four_star {
  color: #4caf50;
}

.prod_review-meta .Review-rating.three_star {
  color: #ff9800;
}

.prod_review-meta .Review-rating.two_star {
  color: #ff7245;
}

.prod_review-meta .Review-rating.one_star {
  color: #ff3f31;
}

.create_prod_images .productimage-holder {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 15px;
}

.create_prod_images .productimage-holder .item {
  padding: 10px 4px;
}

.create_prod_images .productimage-holder .item img {
  max-width: 100%;
  height: auto;
  border-radius: 7px;
  box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 10%) 0px 1px 2px -1px;
}

/*Checkout*/
.ch_checkout_title .badge {
  font-weight: 500;
}

.ch_checkout_title select {
  padding: 3px 10px;
  border: 0;
  background: #38a7ff;
  font-size: 16px;
  vertical-align: middle;
  line-height: 1;
  color: #fff;
  border-radius: 8px;
}

.ch_cart .ch_title {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 45px;
  padding-bottom: 15px;
}

.ch_cart .ch_title h4 {
  margin: 0;
}

.ch_cart .ch_title h4 svg {
  background-color: #2196f3;
  border-radius: 50%;
  padding: 6px;
  width: 30px;
  height: 30px;
  color: white;
  position: absolute;
  left: 0;
}

.ch_cart .ch_title p {
  margin: 5px 0 0;
}

.ch_prod_items_row {
  margin: 0 -5px;
}

.ch_main_items {
  padding: 20px 5px 0;
  position: relative;
}

.ch_main_items .prod_img {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}

.ch_main_items .prod_img img {
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.ch_main_items .prod_img>div {
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 7px;
  right: 7px;
  background-color: rgb(0 0 0 / 80%);
  line-height: 25px;
  text-align: center;
  border-radius: 5px;
  padding: 0 6px;
}

.ch_main_items .prod_img>.btn {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: #f39100;
  line-height: 23px;
  text-align: center;
  border-radius: 5px;
  padding: 0 10px;
  border: 0;
}

.ch_main_items .prod_info {
  width: 100%;
}

.ch_main_items .prod_info h4 {
  margin: 0;
  font-size: 15px;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ch_main_items .prod_info h4 a {
  color: inherit;
}

.ch_main_items .prod_info p {
  display: none;
}

.ch_main_items .prod_info .price-wrap {
  margin-top: 7px;
}

.ch_qty_toggle {
  display: inline-flex;
  align-items: center;
}

.ch_qty_toggle .value-button {
  background-color: rgba(15, 21, 41, 0.1);
  line-height: 1;
  padding: 3px;
  border-radius: 4px;
  cursor: pointer;
}

.ch_qty_toggle input {
  outline: none;
  background-color: transparent !important;
  border: 0;
  margin: 0;
  padding: 2px 4px;
  font-weight: 500;
  font-size: 14.5px;
  border-radius: 5px;
  width: 30px;
  text-align: center;
}

.ch_qty_toggle input[type=number]::-webkit-inner-spin-button,
.ch_qty_toggle input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ch_main_items .closed {
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  color: #fff;
  position: absolute;
  top: 25px;
  right: 10px;
  background-color: rgb(0 0 0 / 80%);
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.ch_total_price {
  text-align: end;
  padding: 25px 0 0;
  position: relative;
}

.ch_total_price h4 {
  font-size: 18px;
  margin: 0;
}

.ch_total_price p {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 35px;
  word-break: break-all;
}

.ch_total_price .divider {
  margin: 25px 0 !important;
}

.ch_total_price .alert {
  text-align: center;
}

.ch_total_price .alert a {
  color: inherit;
}

.ch_summary {
  padding: 10px;
  margin-bottom: 20px;
}

.cart_chos_addrs {
  margin: 0;
}

.cart_chos_addrs input {
  display: none;
}

.cart_chos_addrs label {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 10px 10px 10px 45px;
  position: relative;
  transition: all 0.1s;
  user-select: none;
}

.cart_chos_addrs li:last-child label {
  border: 0;
}

.cart_chos_addrs label:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.cart_chos_addrs label:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  transition: .2s;
  top: 15px;
  left: 10px;
}

.cart_chos_addrs label:after {
  content: '';
  display: block;
  height: 9px;
  width: 9px;
  background: #222;
  border-radius: 50%;
  opacity: 0;
  transition: .2s;
  position: absolute;
  top: 24px;
  left: 19px;
  transform: translate(-50%, -50%);
}

.cart_chos_addrs input:checked+label:before {
  border-color: #222;
}

.cart_chos_addrs input:checked+label:after {
  opacity: 1;
}

.cart_chos_addrs input:checked+label {
  color: #222;
}

.cart_chos_addrs label p {
  margin: 0;
}

.cart_chos_addrs label b {
  font-weight: 500;
}

.ch_summary .btn,
.ch_total_price .btn,
.ch_address .btn {
  min-width: 150px;
}

.ch_address .btn {
  margin-top: 15px;
  display: inline-block;
}

/*Wallet*/
.wallet_transactions>p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tag_pro_plan>.tfp_price>.wow_content {
  background-color: #f4f4fb;
  cursor: pointer;
}

.tag_pro_plan>.tfp_price>.wow_content:hover {
  border: solid 2px var(--main);
}


/*Address Book*/
.wo_address_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wo_address_row>.col-md-6 {
  float: none !important;
}

.address_book {
  padding: 30px 0 0;
}

.address_book_innr {
  height: 100%;
  box-shadow: 0 0 0 1px #eee;
  border-radius: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.add_new_addrs {
  height: 100%;
  border-radius: 10px;
  background-color: rgb(0 0 0 / 5%);
  font-weight: 500;
  color: #323232;
  flex-direction: column;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  width: 100%;
}

.add_new_addrs svg {
  width: 38px;
  height: 38px;
  margin: 0 auto 10px;
}

.address_box {
  padding: 13px;
  border-radius: 6px;
}

.address_box .addrs_name {
  font-weight: 500;
  font-size: 18px;
  color: #222;
}

.address_box p {
  margin-bottom: 8px;
}

.address_box .addrs_phone {
  font-weight: 500;
  font-size: 14px;
}

.address_box .addrs_count {
  margin: 0;
}

.address_book_innr .row {
  margin: 0;
  padding: 0px 5px;
  flex: 0 0 auto;
}

.address_book_innr .row>div {
  padding: 0;
  width: 100%;
  float: none;
}

.address_book_innr .row>div .btn {
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  line-height: 38px;
  display: block;
  margin: 6px;
}

/*Purchased*/
.my_purchased {
  position: relative;
  margin: 0 0 30px;
  padding: 15px;
}

.my_purchased .title {
  font-weight: 500;
  font-size: 19px;
  color: inherit;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}

.my_purchased .price svg,
.my_purchased .foot svg {
  margin-top: -3px;
}

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

/*Order Details*/
.wo_order_detail_widget {
  padding: 15px;
  margin-bottom: 20px;
}

.wo_order_detail_widget>h5 {
  margin: 0 0 2px;
}

.wo_order_detail_widget>p {
  margin: 0;
}

.star_rating {
  display: flex;
  flex-direction: row-reverse;
  font-size: 30px;
  justify-content: flex-end;
  line-height: 1;
}

.star_rating input {
  display: none;
}

.star_rating label {
  color: #dcdcdc;
  cursor: pointer;
  font-size: 32px;
  margin: 0 0 5px;
}

.star_rating :checked~label {
  color: #EF8F12;
}

.star_rating label:hover,
.star_rating label:hover~label {
  color: #fc0;
}

#write_product_review .upload-product-image {
  margin: 0;
}

#write_product_review #productimage-holder {
  padding: 0 6px;
}

#write_product_review #productimage-holder .thumb-image {
  width: 90px;
  height: 90px;
}

/*Customer Order*/
.cust_order_prices {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cust_order_prices p {
  font-size: 29px;
}

/*Withdrawal*/
.wallet_holder_name {
  display: inline-flex;
  align-items: center;
  background: rgb(76 175 80 / 0.15);
  color: #4CAF50;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 5px 0 20px;
}

.wallet_holder_name svg {
  background-color: #4CAF50;
  color: white;
  border-radius: 50%;
  padding: 9px;
  width: 42px;
  height: 42px;
}

.wallet_holder_name .infoz b {
  margin: 0;
}

.wallet_holder_name .infoz p {
  margin: 0;
  font-size: 42px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/*Multi Affiliate*/
.multi_ref_sys {
  margin: 0 -5px;
  padding: 0;
}

.multi_ref_sys>li span {
  display: block;
  position: relative;
  padding: 0 20px;
}

.refs_caret {
  cursor: pointer;
  user-select: none;
}

.refs_caret::before {
  content: "\25B6";
  color: #7a7a7a;
  position: absolute;
  left: 0;
  top: 10px;
}

.refs_caret_down::before {
  transform: rotate(90deg);
}

.refs_nested {
  display: none;
}

.refs_active {
  display: block;
}

/*New Header Ads*/
.wo_ad_header_format {
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1 0 0;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}

.wo_ad_header_format .sponsored {
  position: absolute;
  top: 0;
  margin: 10px;
  font-size: 14.5px;
  font-weight: bold;
  color: #fff;
  background-color: #ff9800;
  line-height: 25px;
  text-align: center;
  border-radius: 5px;
  padding: 0 6px;
}

.wo_ad_header_format .imgs {
  width: 35%;
  flex: 0 0 auto;
}

.wo_ad_header_format .imgs img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
}

.wo_ad_header_format .details {
  padding: 20px;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  flex: 1 0 0;
  height: 100%;
}

.wo_ad_header_format .details>p:not(.small) {
  font-size: 28px;
  font-weight: bold;
}

.wo_ad_header_format .details time {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin: 12px -20px -20px;
  padding: 15px 20px;
}

/*Full Product Post page*/
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.wo_post_prod_full {
  padding: 20px;
}

.wo_post_prod_full_img img {
  border: 0;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 7px;
}

.wo_post_prod_full_img_slider {
  text-align: center;
  margin-top: 15px;
  white-space: nowrap;
  overflow-x: auto;
}

.wo_post_prod_full_img_slider img {
  aspect-ratio: 1;
  width: 60px;
  border-radius: 3px;
  margin: 2px;
}

.wo_post_prod_full_img_slider .is-selected img {
  box-shadow: 0 0 0 2px #4a4a4a;
}

.wo_post_prod_full_name {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
}

.wo_post_prod_full_price {
  font-size: 25px;
  color: var(--main);
}

.wo_post_prod_full_stars {
  margin: 10px 0;
}

.wo_post_prod_full_user {
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 7px;
  padding: 10px;
  margin: 25px 0;
}

.wo_post_prod_full_user .avatar {
  margin: 0;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
}

.wo_post_prod_full_user h5 {
  margin: 0;
  font-size: 16px;
}

.wo_post_prod_full_user h5 b {
  display: block;
  margin: 0 0 2px;
  font-weight: normal;
  font-size: 14.5px;
  opacity: 0.8;
}

.wo_post_prod_full_user h5 a {
  color: inherit;
}

.wo_post_prod_full_btns .btn {
  line-height: 46px;
  padding: 0 24px;
}

.wo_post_prod_full_info {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
  margin-top: 25px;
}

.wo_post_prod_full_info li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wo_post_prod_full_info li>span {
  display: inline-flex;
  font-size: 15px;
  padding: 7px 0 0;
  align-items: center;
}

.wo_post_prod_full_info li>span svg {
  width: 14px;
  height: auto;
}

.wo_post_prod_full_info li>span:first-child {
  white-space: nowrap;
  position: relative;
  width: 30%;
  flex: 1 1 auto;
}

.wo_post_prod_full_info li>span:first-child:after {
  content: '';
  height: 1px;
  background: rgb(0 0 0 / 7%);
  flex-grow: 1;
  margin: 0 7px;
}

.wo_post_prod_full_info li>span:last-child {
  flex: 0 0 auto;
}

.wo_post_prod_full hr {
  margin: 20px 0 !important;
}

.wo_post_prod_full>p {
  margin: 0;
  font-size: 15px;
  line-height: 26px;
}

.wo_post_prod_full_related_prnt {
  padding: 20px 20px 1px;
}

.wo_post_prod_full_related {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  transition: all 0.2s;
  overflow: hidden;
  margin-bottom: 30px;
}

.wo_post_prod_full_related .img {
  display: block;
}

.wo_post_prod_full_related .img img {
  aspect-ratio: 1;
  width: 100%;
}

.wo_post_prod_full_related .info {
  padding: 10px;
}

.wo_post_prod_full_related .info .title {
  margin: 0 0 7px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wo_post_prod_full_related .info .title a {
  color: inherit;
}

.wo_post_prod_full_related .info>div {
  margin-top: 3px;
}

.wo_post_prod_full_related .info>div svg {
  margin-top: -3px;
}

/*Error Messages*/
.wo_error_messages {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

.wo_error_messages svg {
  width: 80px;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

/*Apps*/
.wo_side_apps {
  padding: 0px 13px 15px;
}

.wo_side_apps p {
  font-weight: 500;
  margin: 10px 2px 5px;
}

.wo_side_apps a {
  margin: 2px;
  width: calc(50% - 6px);
  display: inline-block;
}

.wo_side_apps a img {
  width: calc(100% + 2px);
  height: 50px;
  border-radius: 8px;
  margin: -1px;
}

/*Yandex Map*/
.yandex_ads_map {
  width: 100%;
  height: 250px;
  padding: 0;
  margin: 0;
}

.yandex_search_user,
.yandex_search_product,
.yandex_search_job,
.yandex_search_publisher {
  position: absolute;
  background-color: #fff;
  max-height: 200px;
  overflow-y: auto;
  left: 0;
  right: 0;
  top: 100%;
  box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
  z-index: 99;
  border-radius: 8px;
  padding: 2px 10px;
  border: 1px solid #e5e5e5;
}

.yandex_search_user:empty,
.yandex_search_product:empty,
.yandex_ads_map:empty,
.yandex_search_job:empty,
.yandex_search_publisher:empty {
  display: none;
}

.yandex_search_user p,
.yandex_search_product p,
.yandex_search_job p,
.yandex_search_publisher p {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding: 7px 0;
}

.yandex_search_user p:last-child,
.yandex_search_product p:last-child,
.yandex_search_job p:first-child,
.yandex_search_publisher p:last-child {
  border: 0;
}

/*Green Audio Player*/
body .green-audio-player {
  box-shadow: none;
}

body .green-audio-player svg,
body .green-audio-player img {
  width: 15px;
  height: 15px;
}

.green-audio-player svg path {
  fill: var(--main);
}

.green-audio-player .slider .gap-progress,
.green-audio-player .slider .gap-progress .pin {
  background-color: var(--main) !important;
}

/*OneSignal*/
body #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher {
  right: 75px !important;
  height: 40px !important;
  width: 40px !important;
}

body #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button {
  width: 100% !important;
  height: 100% !important;
}

/*Banned Profile User*/
.wo_profile_banned_user {
  padding: 20px;
}

.wo_profile_banned_user img {
  max-width: 130px;
}

.wo_profile_banned_user p {
  font-size: 23px;
}

/*Post Options*/
.post .post-privacy-menu {
  max-width: 300px;
  min-width: 300px;
}

.post .post-privacy-menu>li>a {
  line-height: normal;
  padding: 8px 10px !important;
  white-space: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.post .post-privacy-menu>li>a svg {
  flex: 0 0 auto;
}

.post .post-privacy-menu>li>a b {
  margin: 0;
  display: block;
  font-size: 14px;
  word-break: break-word;
  font-weight: 500;
}

.post .post-privacy-menu>li>a p {
  margin: 5px 0 0;
  font-size: 12px;
  word-break: break-word;
  font-weight: normal;
  opacity: 0.9;
}

/*Date Picker*/
body span.flatpickr-weekday {
  font-weight: 500;
}

/*Event Desc*/
.wo_event_desc {
  overflow: hidden;
  margin: 0;
}

/*Auth*/
.wo_google_auth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.wo_google_auth img {
  width: 100%;
  max-width: 230px;
  flex: 0 0 auto;
  border-radius: 10px;
}

.wo_google_auth .tag_field {
  flex: 1 1 auto;
  margin: 20px 0;
}

.wo_google_auth_info {
  margin-top: 25px;
  padding-bottom: 15px;
}

.wo_google_auth_info p {
  margin: 17px 0 0;
  font-size: 15px;
  line-height: normal;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.wo_google_auth_info p svg {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  background: rgb(0 0 0 / 7%);
  padding: 7px;
  border-radius: 5px;
}

/*AI*/
.ai_image_abs {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.ai_alert_balance {
  background-color: rgb(79 205 225 / 20%);
  color: #4FCDE1;
  padding: 25px;
  border-radius: 20px;
}

.ai_alert_balance p {
  margin: 0 0 5px;
}

.ai_alert_balance b {
  margin: 0;
  font-size: 34px;
  font-weight: 500;
}

.ai_alert_balance.buy_cred b {
  font-size: 16px;
}

.ai_alert_balance .btn {
  width: 100%;
  background-color: #4FCDE1;
  color: #ffffff;
  margin-top: 20px;
}

.ai_alert_balance .btn:hover {
  background-color: #3fb9cc;
}

.ai_alert_images#productimage-holder {
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  gap: 5px;
  margin: 0 0 10px;
}

.ai_alert_images .thumb-image-delete {
  width: 102px;
  position: relative;
}

.ai_alert_images .thumb-image-delete>span {
  display: block;
  cursor: pointer;
  border: 2px solid #626262;
  width: 100%;
  aspect-ratio: 1;
}

.ai_alert_images label {
  margin: 0;
  width: 28px;
  position: absolute;
  right: 0;
  top: 0;
}

.ai_alert_images label input {
  display: none;
}

.ai_alert_images label>span.ai_image_abs {
  border: 2px solid #626262;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  transition: all 0.2s;
}

.ai_alert_images#productimage-holder .thumb-image {
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.ai_alert_images label input:checked+span.ai_image_abs {
  border-color: #4fcde1;
}

.ai_alert_images label>span.ai_image_abs:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  top: 8px;
  right: 8px;
  bottom: 0;
  text-align: center;
  position: absolute;
  background: #626262;
  border: 2px solid #fff;
  box-shadow: 0 0 0 10px #626262;
  transition: all 0.2s;
}

.ai_alert_images label input:checked+span.ai_image_abs:before {
  box-shadow: 0 0 0 10px #4fcde1;
  background: #4fcde1;
}

.ai_alert_images label>span.ai_image_abs:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  top: 12px;
  right: 12px;
  opacity: 0;
  transition: all 0.2s;
}

.ai_alert_images label input:checked+span.ai_image_abs:after {
  opacity: 1;
}

/*Directory*/
.tag_directory .row>.wow_content {
  width: 100%;
}

.wo_direct {
  gap: 30px;
  white-space: nowrap;
  overflow-x: auto;
  padding: 5px;
}

.wo_direct a {
  flex: 0 0 auto;
  text-align: center;
  color: #0d1216;
  text-decoration: none;
  gap: 13px;
}

.wo_direct a span {
  transition: all 0.1s ease;
  width: 48px;
  height: 48px;
}

.wo_direct a:hover span {
  transform: scale(1.1);
}

.wo_direct a span svg {
  width: 24px;
  height: auto;
}

.wo_direct a p {
  margin: 0;
  font-weight: 500;
}

.wo_direct a.posts span {
  color: #F44336;
}

.wo_direct a.users span {
  color: #f93275;
}

.wo_direct a.pages span {
  color: #9C27B0;
}

.wo_direct a.groups span {
  color: #673AB7;
}

.wo_direct a.blogs span {
  color: #2196F3;
}

.wo_direct a.market span {
  color: #00BCD4;
}

.wo_direct a.events span {
  color: #009688;
}

.wo_direct a.games span {
  color: #4CAF50;
}

.wo_direct a.forums span {
  color: #FFC107;
}

.wo_direct a.movies span {
  color: #FF9800;
}

.wo_direct a.jobs span {
  color: #FF5722;
}

.wo_direct a.funding span {
  color: #607D8B;
}

.post_prnt .wo_direct a.posts span,
.wo_direct a.posts:hover span {
  background: #F44336;
  color: #fff;
}

.user_prnt .wo_direct a.users span,
.wo_direct a.users:hover span {
  background: #f93275;
  color: #fff;
}

.page_prnt .wo_direct a.pages span,
.wo_direct a.pages:hover span {
  background: #9C27B0;
  color: #fff;
}

.group_prnt .wo_direct a.groups span,
.wo_direct a.groups:hover span {
  background: #673AB7;
  color: #fff;
}

.blog_prnt .wo_direct a.blogs span,
.wo_direct a.blogs:hover span {
  background: #2196F3;
  color: #fff;
}

.market_prnt .wo_direct a.market span,
.wo_direct a.market:hover span {
  background: #00BCD4;
  color: #fff;
}

.event_prnt .wo_direct a.events span,
.wo_direct a.events:hover span {
  background: #009688;
  color: #fff;
}

.game_prnt .wo_direct a.games span,
.wo_direct a.games:hover span {
  background: #4CAF50;
  color: #fff;
}

.forum_prnt .wo_direct a.forums span,
.wo_direct a.forums:hover span {
  background: #FFC107;
  color: #fff;
}

.movie_prnt .wo_direct a.movies span,
.wo_direct a.movies:hover span {
  background: #FF9800;
  color: #fff;
}

.job_prnt .wo_direct a.jobs span,
.wo_direct a.jobs:hover span {
  background: #FF5722;
  color: #fff;
}

.fund_prnt .wo_direct a.funding span,
.wo_direct a.funding:hover span {
  background: #607D8B;
  color: #fff;
}

/*Pagination*/
.wo-admincp-feturepager {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
}

.pagination {
  margin: 0;
  padding: 0;
  gap: 7px;
}

.pagination>li>a,
.pagination>li>span {
  display: block;
  min-width: 32px;
  border-radius: 16px;
  padding: 0px 4px;
  text-align: center;
  height: 32px;
  line-height: 31px;
}

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

/*Blips*/
.wo_blips_cont .story-img {
  user-select: none;
}

.wo_blips_cont .tag_lbox_img_innr {
  width: calc(calc(calc(max(100dvh, 615px) - 0px)/1.77778) + 1px);
  margin: auto;
  padding: 0;
  box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.2);
}

.wo_blips_cont .story-img .previous-btn {
  left: -80px;
  background-color: rgb(255 255 255 / 10%);
}

.wo_blips_cont .story-img .next-btn {
  right: -80px;
  background-color: rgb(255 255 255 / 10%);
}

.wo_blips_cont .tag_vid_plyr,
.wo_blips_cont .plyr--video {
  height: 100%;
}

.video-text-overlay {
  position: absolute;
  bottom: 0;
  right: -60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  padding: 0 5px 10px;
  box-sizing: border-box;
}

.video-post-text-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9;
  color: #fff;
  background: linear-gradient(transparent, rgb(0 0 0 / 50%));
  padding: 50px 15px 10px;
  display: flex;
  align-items: end;
  pointer-events: none;
}

.video-post-text-overlay>p {
  pointer-events: auto;
  padding: 0 5px;
  max-height: 120px;
  overflow-y: auto;
  flex: 1 1 auto;
}

.wo_blips_cont .plyr__controls {
  display: none;
}

.wo_blips_cont .video-text-overlay .user-avatar {
  padding-bottom: 20px;
}

.wo_blips_cont .video-text-overlay .user-avatar img {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
}

.wo_blips_cont .video-text-overlay .shorts_events>div>div svg {
  background-color: rgb(255 255 255 / 30%);
  border-radius: 50%;
  padding: 7px;
  width: 37px;
  height: 37px;
}

.wo_blips_cont .video-text-overlay .shorts_events>div>div p {
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}

.btn-delete-blip {
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 15px;
  border: 0;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #fff;
  background: rgb(255 255 255 / 30%);
}

.btn-delete-blip:hover {
  background: rgb(255 255 255 / 40%);
  color: #fff;
}

.btn-delete-blip svg {
  width: 22px;
  height: 22px;
}

.wo_blips_cont .story-img .blips-previous-btn,
.wo_blips_cont .story-img .blips-next-btn {
  display: flex !important;
  opacity: 1 !important;
  border-radius: 50%;
  height: 50px;
  background: rgb(255 255 255 / 30%);
  top: auto;
  width: 50px;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
  left: auto;
  right: 100%;
  cursor: pointer;
}

.wo_blips_cont .story-img .blips-previous-btn svg.feather,
.wo_blips_cont .story-img .blips-next-btn svg.feather {
  position: relative;
  transform: none;
  top: auto;
  left: auto;
  right: auto;
  width: 35px;
  height: auto;
}

.wo_blips_cont .story-img .blips-previous-btn {
  bottom: 100px;
}

.wo_blips_cont .story-img .blips-next-btn {
  bottom: 30px;
}

/*Blips Sliding*/
.hidden_blips {
  z-index: 200;
}

.blips_list {
  display: block !important;
  transition: all 0.3s ease;
  z-index: 99;
  transform: translateY(0);
}

.hidden_blips,
.blips_list {
  left: 350px;
  width: calc(100% - 350px);
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  position: fixed;
}

.blips_list.hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}

.blips_list .wo_blips_cont {
  position: relative;
}

/*Watch Next*/
.watch_videos_next {
  background: rgb(0 0 0 / 5%);
  margin: 16px 16px 8px;
  border-radius: 16px;
}

.wo_watch_up_next {
  margin: 0;
  padding: 16px;
  font-size: 21px;
  font-weight: bold;
}

.wo_watch_next {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0px 16px 16px;
  gap: 8px;
  flex-direction: column;
}

.wo_watch_next .thumb {
  flex: 0 0 auto;
  width: 100%;
  cursor: pointer;
}

.wo_watch_next .thumb .plyr {
  overflow: hidden;
  border-radius: 14px;
  height: 100%;
  aspect-ratio: 4/1.8;
}

.wo_watch_next .thumb .plyr .plyr__control--overlaid,
.wo_watch_next .thumb .plyr .plyr__controls {
  display: none;
}

.wo_watch_next .info h5 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  max-height: 38px;
  margin-bottom: 5px;
  line-height: normal;
  cursor: pointer;
}

.wo_watch_next .info .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wo_watch_next .info h6 {
  font-size: 14px;
  margin: 0;
  color: #666;
}

.wo_watch_next .info h6 img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: none;
}

.wo_watch_next .info p {
  margin: 0;
  color: #b3b3b3;
  font-size: 14px;
}

/*Switch Accounts*/
.dropdown-switch-account .btn-main {
  width: 100%;
  margin: 6px 0 0;
}

.dropdown-switch-account .user-avatar {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  padding: 8px;
  line-height: normal;
  margin: 0 0 6px;
}

.dropdown-switch-account .user-avatar.active {
  color: #4d51c6;
  background: rgb(77 95 198 / 10%);
}

.dropdown-switch-account .user-avatar>img {
  margin: 0;
  box-shadow: none;
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  border-radius: 8px;
}

.dropdown-switch-account .user-avatar .info {
  flex: 1 1 auto;
}

.dropdown-switch-account .user-avatar .info b {
  margin: 0;
  font-weight: 500;
  display: block;
  font-size: 15px;
}

.dropdown-switch-account .user-avatar .info p {
  margin: 0;
}

.dropdown-switch-account .user-avatar>svg {
  margin: 0;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
}

/*Monetize Content*/
.tu_monetize_content {
  display: block;
  background: rgb(169 63 169 / 8%);
  margin: 0 -15px;
  padding: 15px;
}

.tu_monetize_content_innr {
  display: block;
  border: 1px solid rgb(160 0 160 / 10%);
  border-radius: 10px;
  padding: 20px;
  color: #a93fa9;
  text-align: center;
}

.tu_monetize_content_innr>svg,
.tu_media_monetize_innr>svg {
  width: 60px;
  height: auto;
  margin: 0 auto 20px;
  display: block;
  opacity: 0.4;
}

.tu_monetize_content_innr .btn,
.tu_monetize_sub .btn:not(.btn-main) {
  width: 100%;
  background: #E5484D;
  color: #fff;
  line-height: 38px;
}

.tu_monetize_content_innr .btn:hover,
.tu_monetize_sub .btn:not(.btn-main):hover {
  background: #CE2C31;
}

.tu_media_monetize {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(255 255 255 / 20%);
  backdrop-filter: blur(25px);
  padding: 20px;
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: center;
}

.tu_media_monetize_innr {
  width: 100%;
  height: 100%;
  display: flex;
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: 10px;
  padding: 20px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.tu_media_monetize_innr .btn {
  margin-top: 35px;
  line-height: 38px;
  color: #fff;
  background: rgb(255 255 255 / 20%);
  min-width: 210px;
  backdrop-filter: blur(5px);
}

.tu_media_monetize_innr .btn:hover {
  background: rgb(255 255 255 / 30%);
}

.tu_monetize_sub.address {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
}

.tu_monetize_sub .profile {
  gap: 15px;
}

.tu_monetize_sub .profile img {
  flex: 0 0 auto;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.tu_monetize_sub .profile>div {
  min-width: 0;
}

.tu_monetize_sub .profile p {
  margin: 2px 0 0;
  opacity: 0.8;
}

.tu_monetize_sub .head {
  gap: 10px;
}

.tu_monetize_sub .head.nogap {
  gap: 4px;
}

.tu_monetize_sub .head .title {
  font-size: 19px;
}

.tu_monetize_sub .head .price {
  font-size: 36px;
}

.tu_monetize_sub .head .price small {
  font-weight: normal;
  font-size: 15px;
  opacity: 0.8;
}

.tu_monetize_sub .desc {
  margin: 15px 0 0;
}

.tu_monetize_sub .foot {
  margin-top: auto;
  padding: 10px;
  padding-top: 20px;
  gap: 10px;
}

.tu_monetize_sub .foot .btn.flex {
  flex: 1 1 auto;
}

/*Story Ads*/
.wo_imagecombo_lbox .story-img div.spons_prnt {
  height: 100%;
  position: relative;
  display: table;
  width: 100%;
}

.wo_imagecombo_lbox .story-img div.rads-clicks>a.main {
  position: absolute;
  top: 0;
  margin: 80px 12px 0;
  color: #fff !important;
  background: rgb(255 255 255 / 20%);
  backdrop-filter: blur(5px);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 7px;
  transition: all 0.2s;
  z-index: 1;
  text-decoration: none;
}

.wo_imagecombo_lbox .story-img div.rads-clicks>a.main:hover {
  background: rgb(255 255 255 / 30%);
}







@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 (max-width:768px) {
  .header-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}

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

  .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: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_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 {
    opacity: 1;
  }

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

  .tag_content {
    margin-left: 250px;
    margin-top: 24px;
  }

  .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,
  .hidden_blips .wo_blips_cont .dragable .tag_vid_plyr,
  .wo_blips_cont .plyr--video {
    height: calc(100dvh - 60px);
    height: calc(var(--vh, 1dvh) * 100 - 60px);
  }

  .hidden_blips,
  .blips_list {
    left: 250px;
    width: calc(100% - 250px);
    height: calc(100dvh - 60px);
    height: calc(var(--vh, 1dvh) * 100 - 60px);
    top: 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: 11.6666667%;
    min-width: 11.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% !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 8px;
    min-height: 300px;
    background: #141414;
  }

  .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: auto;
    max-width: 725px;
    margin: auto;
  }

  .tag_show_fnd_bottom {
    left: 0;
  }

  .tag_content.tag_chat_content .tag_show_fnd_bottom {
    right: 70px;
  }

  .tag_stories_on_home .tag_stories_mobi .status-list li {
    width: 14.2857143%;
    min-width: 14.2857143%;
  }

  .hidden_blips,
  .blips_list {
    left: 0;
    right: 0;
    width: 100%;
  }
}

@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%) !important;
    transform: translateY(115%) !important;
    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 !important;
    transform: none !important;
    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_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;
    background-color: transparent;
  }

  .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(100dvh - 105px);
    height: calc(var(--vh, 1dvh) * 100 - 105px);
  }

  .hidden_blips,
  .blips_list,
  .hidden_blips .wo_blips_cont .dragable .tag_vid_plyr {
    height: calc(100dvh - 105px);
    height: calc(var(--vh, 1dvh) * 100 - 105px);
  }

  .wo_blips_cont .video-text-overlay .shorts_events>div>div svg {
    width: 40px;
    height: 40px;
  }

  .wo_blips_cont .video-text-overlay .user-avatar img {
    width: 37px;
    height: 37px;
  }
}

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

  .story_lightbox {
    overflow-y: auto !important;
    max-height: 100vh;
    -webkit-overflow-scrolling: touch;
  }

  .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 6px;
    width: calc(100% / 5 + 15px);
    min-width: calc(100% / 5 + 15px);
  }

  .wo_blips_cont .story-img .previous-btn,
  .wo_blips_cont .story-img .next-btn {
    display: none !important;
  }

  .wo_blips_cont .tag_lbox_img_innr {
    width: 100%;
  }

  .video-text-overlay {
    right: 15px;
    z-index: 10;
  }

  .video-post-text-overlay {
    padding-right: 75px;
  }
}

@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 {
    width: 36px;
    min-width: auto;
    padding: 0;
    height: 36px;
  }

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

  .tag_pub_box.modal-content>form.publisher-box {
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }

  .tag_pub_box.modal-content>form.publisher-box #post-textarea {
    height: 100%;
  }

  .wo_pub_txtara_combo {
    line-height: 1;
    max-height: inherit;
    overflow-y: auto;
  }

  .publisher-box textarea.postText {
    min-height: 200px;
  }

  .publisher-box.wo_pub_change_color .wo_pub_txtara_combo {
    min-height: 100%;
    overflow-y: auto;
    padding: 15px 0 0;
  }

  .publisher-box .publisher-box-footer .pub-footer-upper {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
  }

  .tag_pub_box_btns {
    width: 35px;
    min-width: 35px;
    padding: 0;
    text-align: center;
    line-height: 35px;
    height: 35px;
    margin: 0 4px 10px;
    display: inline-block;
  }

  .tag_pub_box_btns svg {
    margin: 0;
  }

  .tag_pubbox_record {
    width: 30px;
    min-width: 30px;
    font-size: 0px;
    margin: 0 4px 10px;
    display: inline-block;
    vertical-align: middle;
  }

  .tag_pub_rectime {
    position: absolute;
    top: -12px;
    padding: 4px 7px;
    background-color: #F44336;
    left: calc(50% + 3px);
    transform: translateX(-50%);
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .19);
    line-height: 1;
    font-size: 12px;
    color: white;
    bottom: auto;
    right: auto;
    white-space: nowrap;
  }

  .wo_user_profile .user-avatar {
    width: 110px;
    height: 110px;
    margin: -50px 0 15px;
  }

  .tag_sett_sidebar {
    border-radius: 0;
    position: fixed;
    top: 52px;
    bottom: 45px;
  }

  .wo_adaptive_media {
    max-height: 400px;
  }

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

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

  .fb_iframe_widget_fluid span,
  .fb_iframe_widget iframe {
    width: 300px !important;
    min-width: auto !important;
  }

  .hidden_blips,
  .blips_list {
    height: calc(100dvh - 97px);
    height: calc(var(--vh, 1dvh) * 100 - 97px);
    top: 52px;
  }

  .hidden_blips .wo_blips_cont .dragable .tag_vid_plyr,
  .wo_blips_cont .plyr--video {
    height: calc(100dvh - 97px);
    height: calc(var(--vh, 1dvh) * 100 - 97px);
  }

  .tag_scroll::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    display: none;
  }
}

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

  .tag_hdr_right>.dropdown .dropdown-menu {
    min-width: auto;
  }

  .tag_hdr_right>.dropdown .dropdown-menu .skel_noti_name {
    width: 100%;
  }
}

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

.video-container {
  position: relative;
}

.text-overlay h1 {
  font-size: 24px;
  margin-bottom: 10px;
}

.text-overlay p {
  font-size: 16px;
  margin-bottom: 0;
}

#mobile-app-modal .modal-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px;
}

#mobile-app-modal .modal-footer .btn {
  width: 100%;
  margin: 0;
  border-radius: 999px;
  font-weight: 500;
  font-size: 1em;
}

.stream-alerts-dashboard {
  max-width: 100%;
}

.stream-alerts-dashboard .setting-general-alert {
  margin-bottom: 15px;
}

.stream-alerts-dashboard .sa-section {
  margin-bottom: 20px;
}

.stream-alerts-dashboard .sa-section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--wo-border-clr, rgba(0, 0, 0, 0.06));
}

.stream-alerts-dashboard .sa-section-header svg {
  width: 20px;
  height: 20px;
  opacity: 0.7;
}

.stream-alerts-dashboard .sa-section-header h5 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.stream-alerts-dashboard .url-input-group {
  display: flex;
  align-items: stretch;
  gap: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #D9D9D9;
  background: var(--wo-bg-clr, #f5f5f5);
}

.stream-alerts-dashboard .url-input-group .url-field-wrapper {
  flex: 1;
  position: relative;
}

.stream-alerts-dashboard .url-input-group input {
  width: 100%;
  padding: 14px 16px;
  border: none;
  background: #F9F9F9;
  font-size: 13px;
  color: var(--wo-txt-clr, #333);
  cursor: pointer;
  outline: none;
}

.stream-alerts-dashboard .url-input-group input:hover {
  background: rgba(0, 0, 0, 0.02);
}

.stream-alerts-dashboard .url-input-group .btn-copy {
  padding: 12px 16px;
  border: none;
  border-left: 1px solid var(--wo-border-clr, #ddd);
  color: var(--main);
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.stream-alerts-dashboard .url-input-group .btn-copy svg {
  width: 16px;
  height: 16px;
}

.stream-alerts-dashboard .btn-regenerate {
  padding: 12px 20px;
  background-color: #E5484D !important;
  border: none !important;
  color: #fff !important;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  border-radius: 0 !important;
}

.stream-alerts-dashboard .btn-regenerate:hover {
  background-color: #d13438 !important;
}

.stream-alerts-dashboard .btn-regenerate svg {
  width: 16px;
  height: 16px;
}

.stream-alerts-dashboard .url-help-text {
  margin-top: 10px;
  font-size: 13px;
  color: #646464;
  display: flex;
  align-items: center;
  gap: 6px;
}

.stream-alerts-dashboard .url-help-text svg {
  width: 14px;
  height: 14px;
  opacity: 0.6;
}

.stream-alerts-dashboard .tts-input-wrapper {
  max-width: 300px;
}

.stream-alerts-dashboard .tts-input-wrapper .tag_field {
  margin-bottom: 8px;
}

.stream-alerts-dashboard .test-lab-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #F8F8FF;
  border: 1px dashed #9B9EF0;
  border-radius: 12px;
  padding: 20px;
}

.stream-alerts-dashboard .test-lab-info {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
}

.stream-alerts-dashboard .test-lab-icon-wrapper {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #5151CD 0%, #6B6BD9 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.stream-alerts-dashboard .test-lab-icon-wrapper svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}

.stream-alerts-dashboard .test-lab-text h6 {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 500;
  color: #5151CD;
}

.stream-alerts-dashboard .test-lab-text p {
  margin: 0;
  font-size: 13px;
  color: var(--wo-sec-txt-clr, #666);
}

.stream-alerts-dashboard .btn-test-lab {
  background: linear-gradient(135deg, #5151CD 0%, #6B6BD9 100%) !important;
  border: none !important;
  color: #fff !important;
  padding: 12px 24px;
  border-radius: 8px !important;
  font-weight: 500;
  white-space: nowrap;
}

.stream-alerts-dashboard .btn-test-lab:hover {
  background: linear-gradient(0deg, #5151CD 0%, #6B6BD9 100%) !important;
}

.stream-alerts-dashboard .save-btn-wrapper {
  margin-top: 25px;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .stream-alerts-dashboard .sa-section {
    margin-bottom: 15px;
  }

  .stream-alerts-dashboard .url-input-group {
    flex-direction: column;
    border-radius: 8px;
  }

  .stream-alerts-dashboard .url-input-group input {
    border-bottom: 1px solid var(--wo-border-clr, #ddd);
    font-size: 11px;
    padding: 12px;
  }

  .stream-alerts-dashboard .url-input-group .btn-copy,
  .stream-alerts-dashboard .btn-regenerate {
    border-left: none !important;
    justify-content: center;
    padding: 10px 16px;
  }

  .stream-alerts-dashboard .url-input-group .btn-copy {
    border-bottom: 1px solid var(--wo-border-clr, #ddd);
  }

  .stream-alerts-dashboard .test-lab-card {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .stream-alerts-dashboard .test-lab-info {
    flex-direction: column;
  }

  .stream-alerts-dashboard .btn-test-lab {
    width: 100%;
  }

  .stream-alerts-dashboard .tts-input-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .stream-alerts-dashboard .sa-section-header h5 {
    font-size: 14px;
  }

  .stream-alerts-dashboard #save_conf_btn {
    width: 100%;
  }
}

.stream-alerts-dashboard .widget-preview-container {
  display: block;
  position: relative;
  height: 160px;
  background-color: #FCFCFC;
  background-image: radial-gradient(#E0E0E0 1px, transparent 1px);
  background-size: 20px 20px;
  border-radius: 8px;
  overflow: hidden;
}

.stream-alerts-dashboard .widget-draggable {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
  user-select: none;
}

.stream-alerts-dashboard .widget-preview-iframe {
  width: 320px;
  height: 100px;
  border: none;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.stream-alerts-dashboard .stream-tab-content {
  display: none;
}

.stream-alerts-dashboard .stream-tab-content.active,
.stream-alerts-dashboard #stream_main {
  display: block;
}

.stream-alerts-dashboard #tts_verification_alert {
  display: none;
}

.stream-alerts-dashboard #test_message {
  resize: none;
}

.stream-alerts-dashboard .char-counter {
  color: #666;
  font-size: 12px;
  margin-top: 4px;
}

.stream-alerts-dashboard .custom-range-row {
  display: none;
}

.stream-alerts-dashboard .custom-range-row.show {
  display: flex;
}
.payment-security-notice {
  color: #646464;
}

.custom-select-react {
  position: relative;
  width: 100%;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  margin-bottom: 20px;
}

.select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 48px;
}

.select-trigger:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}

.trigger-text {
  font-size: 14px;
  color: #202020;
  /* Darker text */
  font-weight: 600;
  /* Bolder text */
}

.chevron-icon {
  width: 20px;
  height: 20px;
  color: #202020;
  /* Darker Icon */
  transition: transform 0.2s ease;
  stroke-width: 2.5;
  /* Bolder icon stroke */
}

.custom-select-react.open .chevron-icon {
  transform: rotate(180deg);
}

.select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  /* Stronger shadow */
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 6px;
}

.custom-select-react.open .select-options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.option-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 8px;
  color: #202020;
  /* Darker option text */
  transition: background-color 0.15s ease;
}

.option-item:hover {
  background-color: #f3f4f6;
}

.option-item.selected {
  background-color: #f3f4f6;
  font-weight: 600;
  /* Bolder selected text */
  color: #202020;
}

.icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.type-icon {
  color: #202020;
  display: block;
}

.check-icon {
  display: none;
  width: 16px;
  height: 16px;
  color: #29A383;
  /* Green checkmark */
  stroke-width: 3;
}

.check-icon svg {
  width: 100%;
  height: 100%;
}

/* Selection Logic */
.option-item.selected .type-icon {
  display: none;
}

.option-item.selected .check-icon {
  display: block;
}

.option-text {
  font-size: 14px;
  font-weight: 600;
  /* Bolder option text */
}

/* Animation Keyframes */
@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.fade-in-scale {
  animation: fadeInScale 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.voice-recorder-wrapper {
  text-align: center;
  padding: 24px;
  background: #fff;
  border: 2px dashed #e5e7eb;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.recording-timer {
  font-family: 'Roboto Mono', monospace;
  /* Monospace for steady numbers */
  font-size: 32px;
  font-weight: 700;
  color: #202020;
  letter-spacing: 1px;
}

.voice-controls {
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
}

.voice-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 50px;
  /* Pillow shape for modern look */
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  min-width: 140px;
}

.btn-record {
  background-color: #E5484D;
  /* Red-500 */
  color: white;
}

.btn-record:hover {
  background-color: #DC3E42;
  /* Red-600 */
  box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.3);
}

.btn-stop {
  background-color: #222222;
  /* Dark */
  color: white;
}

.btn-stop:hover {
  background-color: #191919;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
}

.recording-preview {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  animation: fadeInScale 0.3s ease;
}

.custom-audio {
  width: 100%;
  max-width: 320px;
  border-radius: 8px;
  height: 40px;
}

.btn-delete-recording {
  background: none;
  border: none;
  color: #CE2C31;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 6px;
}

.btn-delete-recording:hover {
  background-color: #FFF7F7;
  /* Light red bg */
}

.help-text {
  color: #646464;
  font-size: 12px;
  margin: 0;
}

/* Pulse animation for recording state if we wanted to add a class later */
@keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

.btn-record.recording {
  animation: pulse-red 1.5s infinite;
}