@import "https://fonts.googleapis.com/css?family=Lato:400,700";
@import "https://fonts.googleapis.com/css?family=Hind";

@charset "UTF-8";

/*Basic*/
body,
html {
  margin: 0;
  padding: 0;
}
body {
  background: #f9f9f9;
  overflow-x: hidden;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14.5px;
}
html{
  overflow-x: hidden;
}
body .mfp-wrap .mfp-progress-line span {
  width: 0;
  height: 4px;
  background: #ededed;
  margin-bottom: -40px;
  transition: width 10s ease-in-out;
  display: inline-block;
  background: #ff9900;
}
a {
  word-wrap: break-word;
  text-decoration: none;
}
a.white:focus {
  color: #fff !important;
  text-decoration: none;
}
a.white:hover {
  color: #f3f3f3;
  text-decoration: none;
}
a,
button {
  outline: 0 !important;
}


.flex{
  display:flex;
}

.font-bold{
  font-weight: 500;
}
.font-bolder{
  font-weight: 600;
}

.w-full{
  width:100%;
}
.common-btn{
  margin-top: 4px;
  border-radius: 8px;
  font-weight: 600;
  padding: 8px 5px;
  font-size: 14px;
  font-family: "Poppins";
  font-style: normal;
  display:inline-block;
  text-align: center;
  text-decoration: none;
}
.common-btn:hover{
  text-decoration: none;
}


.container {
  margin-top: 120px;
}
.wow_content {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 15px 15px 1px;
  box-shadow: none;
}
.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;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.dropdown-menu > li > a {
  color: #333;
}

/*Buttons*/
.btn-mat {
  position: relative;
  user-select: none;
  outline: 0;
  border: none;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  text-align: center;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  transform: translate3d(0, 0, 0);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 15px;
  overflow: hidden;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.btn-mat::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.2s;
}
.btn-mat::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 32px;
  height: 32px;
  background-color: currentColor;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 1s, transform 0.5s;
}
.btn-mat:active::after {
  opacity: 0.16;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s;
}
.btn-mat svg {
  width: 17px;
  height: 17px;
  margin: -2px 3px 0 0;
}
.btn-mat-raised {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.btn-mat-raised:active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.btn-loading {
  position: relative;
  box-shadow: none;
}
.btn-loading:before {
  display: none;
}
.btn-loading:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  transform: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23fff' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: none;
}

.next_thumb,
.prev_thumb,
.small_text {
  text-shadow: 0 1px 2px #333;
}
.owl-item,
.slick-slider {
  -webkit-tap-highlight-color: transparent;
}
.blog-com-wrapper,
.movies-com-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 10px;
  background-color: #fff;
}
.blog-com-wrapper .blog-comlist-container,
.movies-com-wrapper .movies-comlist-container {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
  padding-bottom: 30px;
}
.blog-com-wrapper .blog-comlist-container .blog-comment-item,
.movies-com-wrapper .movies-comlist-container .movies-comment-item {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-reply-box
  .form-group,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-reply-box
  .form-group {
  margin: 4px;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-reply-box
  textarea,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-reply-box
  textarea {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  font-size: 14.5px;
  padding: 5px 10px;
  box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  border: 0;
  transition: background-color 240ms, box-shadow 240ms;
}
.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 {
  box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-item-img,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-item-img {
  overflow: hidden;
  padding: 0;
  margin: 0;
  height: 45px;
  width: 45px;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-item-body
  h5
  span,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-item-body
  h5
  span {
  font-size: 14.5px;
  color: #aaa;
  margin-top: 0;
  display: inline;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-item-body
  p,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-item-body
  p {
  overflow: hidden;
  padding-right: 0;
  font-size: 14.5px;
  color: #777;
  font-family: Hind, sans-serif;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-item-body
  > div,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-item-body
  div {
  /*width:100%;*/ /*overflow:hidden;*/
  color: #888;
  position: relative;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.movies-com-wrapper .movies-com-top {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
}
.blog-com-wrapper .blog-com-box,
.movies-com-wrapper .movies-com-box {
  margin-right: 0;
  padding-right: 0;
  display: block;
  overflow: hidden;
}
.blog-com-wrapper .blog-com-box .blog-com-box-act,
.movies-com-wrapper .movies-com-box .movies-com-box-act {
  width: 100%;
  overflow: hidden;
  height: 35px;
  background-color: #fff;
  padding-top: 5px;
}
.blog-com-wrapper .blog-com-box .blog-com-box-act button,
.movies-com-wrapper .movies-com-box .movies-com-box-act button {
  padding: 1px 15px;
  border-radius: 3px;
  margin: 2px 0 2px 5px;
  border-color: #d3d3d3;
  background-color: #f8f8f8;
}
.blog-com-wrapper .blog-com-box .blog-com-box-act button.bg-main,
.movies-com-wrapper .movies-com-box .movies-com-box-act button.bg-main {
  color: #fff;
  border: 1px solid #a84849;
  background-color: #a84849;
}
.blog-com-wrapper .blog-com-box textarea,
.movies-com-wrapper .movies-com-box textarea {
  width: 100%;
  border-radius: 0;
  height: 50px;
  padding: 10px;
}
.blog-com-wrapper .blog-com-head,
.movies-com-wrapper .movies-com-head {
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
  display: inline-block;
}
.blog-comment-item .comment-icons svg.feather,
.blog-comment-item .del-blog-comment svg.feather,
.movies-comment-item .comment-icons svg.feather,
.movies-comment-item .del-movies-comment svg.feather {
  margin-top: 0;
  width: 15px;
  height: 15px;
}
.blog-comment-reply-cont .comment-icons svg.feather,
.blog-comment-reply-cont .del-blog-commreplies svg.feather,
.movies-comment-reply-cont .comment-icons svg.feather,
.movies-comment-reply-cont .del-movies-commreplies svg.feather {
  margin-top: 0;
  width: 13px;
  height: 13px;
}

.movies-com-wrapper .movies-comlist-container {
  margin-top: 10px;
}
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-item-body
  div.comment-heading
  .del-movies-comment {
  margin-left: 10px;
}

.next_thumb,
.prev_thumb {
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
  float: right;
}
.lightbox-post-footer .comments-list .reply,
.post .post-footer .comments-list .reply {
  display: block;
  width: 100%;
  margin: 25px 0;
}
.lightbox-post-footer .comments-list .comment .reply .avatar,
.post .post-footer .comments-list .reply .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.lightbox-post-footer .comments-list .reply .reply-heading .user,
.post .post-footer .comments-list .reply .reply-heading .user {
  font-size: 14.5px;
  font-weight: 700;
  display: inline;
  margin-top: 0;
}
.lightbox-post-footer .comments-list .reply .reply-heading .time,
.post .post-footer .comments-list .reply .reply-heading .time {
  font-size: 10px;
  color: #aaa;
  margin-top: 0;
  display: inline;
}
.post-map img {
  padding: 2px;
}
.fluid_theatre_mode {
  z-index: 99 !important;
}
.post-file video {
  max-height: 600px;
}
.fluid_video_wrapper.fluid_player_layout_default:-webkit-full-screen video {
  max-height: 100%;
}
.active-player {
  max-height: 100% !important;
}
iframe,
.post-map img {
  border: none;
  border-radius: 3px;
}
.post-shared,
.post-likes,
.post-wonders,
.post-reacted {
  display: none;
  overflow: auto;
  max-height: 300px;
}
.comment-text,
.reply-text {
  color: #777;
  overflow: hidden;
  width: 85%;
  word-wrap: break-word;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
.comment-edit input,
.comment-reply input {
  font-size: 14.5px;
  margin-top: 10px;
  height: 30px;
  border-radius: 3px;
}
.options-buttons a,
.options-buttons button {
  margin-left: 10px;
  font-size: 14.5px;
  float: right;
}
.no-messages {
  text-align: center;
  padding: 10px;
  margin-top: 100px;
  color: #666;
  font-size: 20px;
}
.dropdown-menu.post-privacy-menu {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}
.post-privacy-menu li a,
.post-privacy-menu li div {
  color: #777;
  font-size: 13.5px;
  transition: none !important;
}
.post-privacy-menu li div {
  padding: 0 16px !important;
  line-height: 32px;
}
.post .post_drop_menu_loading {
  text-align: center;
  padding: 4.36px 0 !important;
}
.post_drop_menu_loading .ball-pulse {
  display: block;
  float: none;
  margin: 0;
  line-height: 0;
  padding: 0 !important;
}
.post_drop_menu_loading .ball-pulse > div {
  padding: 0 !important;
}
.app-website,
.page-website {
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
  margin-top: 2px;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-item-body
  h5,
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-item-body
  h5 {
  margin-top: 0;
}
.faa-parent.animated-hover:hover > .faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0;
  transform-origin-z: initial;
}
.list-group-item.black-list,
.list-group-item.gray-list {
  padding: 10px;
  font-size: 14.5px;
  transition: all 0.2s;
}
.setting-well input[type="text"],
.setting-well input[type="password"],
.setting-well select {
  height: 30px !important;
  color: #666 !important;
  font-size: 14.5px;
  box-shadow: 0 1px 0 0 #f0f2f5, 0 0 0 1px #f0f2f5;
  border: none;
  border-radius: 0;
}
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-reply-box {
  padding: 0;
  overflow: hidden;
}
.movies-com-wrapper
  .movies-comlist-container
  .movies-comment-item
  .movies-comment-reply-cont {
  width: 100%;
  overflow: hidden;
}
.movies-com-wrapper .movies-com-top h4 {
  width: 100%;
  font-size: 17px;
  font-weight: 700;
}
.movies-com-wrapper .movies-com-box form {
  width: 100%;
  overflow: hidden;
}
.movies-com-wrapper .movies-com-head img {
  height: 100%;
  width: 100%;
}

/*Blog Comments*/
.blog-com-wrapper {
  padding: 20px 20px 1px;
}
.blog-com-wrapper .wo_page_hdng {
  padding: 0 0 10px;
  margin-bottom: 20px;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-reply-box {
  padding: 0;
  overflow: hidden;
}
.blog-com-wrapper
  .blog-comlist-container
  .blog-comment-item
  .blog-comment-reply-cont {
  width: 100%;
  overflow: hidden;
}
.blog-com-wrapper .blog-com-box form {
  width: 100%;
  overflow: hidden;
}
.blog-com-wrapper .blog-comlist-container:empty {
  padding: 0;
}
.wo_blogcomm_combo {
  display: flex;
  padding: 5px 0;
}
.wo_blogcomm_combo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #f4f4f4;
  margin-right: 10px;
}
.wo_blogcomm_combo textarea {
  min-height: 50px;
  padding: 10px 15px 7px !important;
  box-shadow: none;
  border: 0;
  transition: background-color 240ms, box-shadow 240ms;
  font-size: 16px;
  line-height: 28px;
  background: #f2f2f2;
  border-radius: 9px !important;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
}
.wo_blogcomm_combo textarea:focus {
  box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.wo_blogcomm_combo button {
  border-radius: 25px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 0;
  margin-left: 10px;
  display: none;
}
.wo_blogcomm_combo button svg {
  margin: 0;
  width: 24px;
  height: 24px;
}
.wo_blogcomm_combo button {
  display: block;
}
.blog-com-wrapper .blog-com-head img {
  height: 100%;
  width: 100%;
}

.header-fixed1200 {
  max-width: 1100px;
}
.post .panel {
  box-shadow: none;
  border-radius: 16px;
}
.post .post-footer {
  padding: 15px 0;
  border-radius: 16px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0;
}
.post .post-footer.post-reacted {
  position: relative;
}
.post .post-footer.post-reacted .hide_who_reacted_it {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  color: #7e7e7e;
  cursor: pointer;
}
.post .post-footer.post-reacted .hide_who_reacted_it svg {
  width: 20px;
  height: 20px;
}
/* .post .post-footer.post-comments{border-top:0} */
.post .post-footer .comments-list {
  padding: 0;
  list-style-type: none;
}
.post .post-footer .comments-list .reply .reply-heading {
  display: block;
  width: 100%;
}
.post .post-footer .comments-list .reply .comment-body {
  margin-left: 40px;
  margin-top: -3px;
}
.post .post-footer .comments-list .comment {
  display: block;
  width: 100%;
  margin: 20px 0;
  padding: 0 15px;
}
.post .post-footer .comments-list .comment .comment-body,
.post .post-footer .comments-list .comment > .comments-list {
  margin-left: 52px;
}
.post .post-footer .comments-list .comment-container:nth-child(2) {
  margin-top: 5px;
}
.post .post-footer .comments-list .comment .avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.post .post-footer .comments-list .comment .comment-heading {
  /*display:inline-block; background: #f0f2f5; border-radius:8px; padding: 10px; margin-left: 0; max-width: calc(100% - 70px); min-width: 45%;*/
}
.post .post-footer .comments-list .comment .comment-heading .user {
  display: inline;
  margin-top: 0;
  color: #050505;
  font-size: 17px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.post .post-footer .comments-list .comment .comment-heading .time {
  color: #aaa;
  margin-top: 0;
  display: inline;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.post
  .post-footer
  .comments-list
  .comment
  .comment-body
  .comment_edele_options {
  visibility: hidden;
}
.like-btn-comment .active-like {
  display: block !important;
}
.post
  .post-footer
  .comments-list
  .comment
  .comment-body:hover
  .comment_edele_options {
  visibility: visible;
}
.post .post-footer .textarea {
  height: 30px;
  font-size: 13.5px;
  padding-right: 140px;
  background: #f0f2f5;
}
.post .post-footer .btn:not(.social-btn) {
  padding: 3px 11px;
}
.post .post-footer .input-group-addon a {
  color: #444;
}
.post .post-heading {
  padding: 20px 15px 15px;
}
.post .post-heading .avatar {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 6px;
  box-shadow: none;
  margin-right: 15px;
}
.post .post-heading .meta .title {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 16px;
}
.post .post-heading .meta .title a {
  color: #050505;
  margin-right: -7px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
}
.post .post-heading .meta .title a:hover {
  text-decoration: underline !important;
}
.post .post-heading .meta .title a b {
  font-weight: 400;
}
.post .post-heading .meta .title .small-text {
  font-size: 14px !important;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.post .post-heading .meta h6 {
  margin-bottom: 0;
}
.post .post-heading .meta .time {
  margin-top: 8px;
  color: #999;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.post .post-description {
  padding: 8px 15px;
}
.post .post-description p {
  font-size: 16px;
  color: #555;
  overflow: hidden;
  word-wrap: break-word;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.post .post-description .stats .stat-item {
  display: inline-block;
  padding: 3px 7px;
  font-size: 14.5px;
  border: 0;
  color: #555;
}
.post .post-description .stats .stat-item .icon {
  margin-right: 8px;
}
.post .post-file {
  width: 100%;
}
.post .post-file .media-video-file {
  border-radius: 2px;
  background-color: #000;
  padding: 0;
  width: 100%;
  max-height: 380px;
  max-width: 100%;
}
.post .post-file img {
  max-height: 500px;
  max-width: 100%;
  width: 100%;
  border: 0;
  border-radius: 10px;
  object-fit: cover;
}
.post .post-image .image {
  width: 100%;
  height: auto;
}
.post .post-actions .stat-item {
  margin-top: 15px !important;
  font-size: 12px !important;
  color: #999 !important;
}
.comment-reply {
  display: none;
}
.comment-reply .wo_commreply_combo {
  margin-top: 10px;
  display: flex;
  position: relative;
}
.comment-reply .wo_commreply_combo .avatar {
  width: 30px !important;
  height: 30px !important;
}
.comment-reply .wo_commreply_combo .textarea {
  margin-top: 0;
  border-radius: 15px !important;
  padding-right: 120px;
  margin-left: 5px;
}
.comment-reply .wo_commreply_combo .image-comment {
  right: 10px;
}
.comment-reply .wo_commreply_combo .image-comment .btn-file {
  padding: 4px 0 !important;
  font-size: 0;
  margin: 5px 0px;
  background: transparent;
}
.comment-edit {
  display: none;
  margin-bottom: 15px;
}
.options-buttons {
  position: absolute;
  margin-left: 20px;
  margin-top: -40px;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:5px
}
.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: 14.5px !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;
}
.setting-well {
  padding: 10px;
}
.setting-well .btn-main {
  height: 30px !important;
  font-size: 14.5px;
  min-width: 100px !important;
}
.setting-well textarea {
  color: #666 !important;
  font-size: 14.5px;
}
.setting-well .profile-style {
  margin-bottom: 0 !important;
  margin-top: 20px;
}
/*.content-container {overflow-x:hidden;}*/

.header-container {
  background: #fff;
  width: 100%;
}
.header-container .user-avatar img {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}
.message-user-image {
  margin-right: 15px;
  border-radius: 50%;
}
.message-user-image img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.comment-btn-wrapper {
  display: inline-block;
}
.comment-btn-wrapper div {
  display: inline;
  overflow: hidden;
}
.comment-btn-wrapper [data-comment-rtime] {
  font-size: 14.5px;
  padding: 3px 0;
}
.comment-record {
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
}
.comment-record:empty {
  padding: 0;
}
.user-ad-container {
  width: 100%;
  position: relative;
}
.user-ad-container div.post-advertisement .ads-heading {
  overflow: hidden;
  width: 100%;
  padding: 10px 15px;
}
.user-ad-container div.post-advertisement .ads-image {
  width: 46px;
  height: 46px;
  display: block;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 50%;
  margin-top: -3px;
}
.user-ad-container div.post-advertisement .panel {
  padding-top: 15px;
}
.user-ad-container div.post-advertisement .ads-meta {
  color: #555;
}
.user-ad-container div.post-advertisement .ads-meta .title {
  margin-bottom: 0;
  margin-top: 1px;
}
.user-ad-container div.post-advertisement .ads-headline {
  font-size: 14.5px;
  color: #555;
  overflow: hidden;
  word-wrap: break-word;
  padding: 15px 0;
}
.user-ad-container div.post-advertisement .ads-headline p {
  /*text-transform:capitalize;*/
  margin-bottom: 0;
  font-size: 14.5px;
  color: #555;
  line-height: 20px;
  font-weight: 400;
}
.user-ad-container div.post-advertisement .ads-cover {
  width: 100%;
  position: relative;
}
.user-ad-container div.post-advertisement .ads-cover .ads-description {
  font-size: 14.5px;
  position: absolute;
  max-width: 90%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  padding: 5px 8px;
  margin: 16px;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-ad-container div.post-advertisement .ads-cover a {
  display: block;
  max-height: 700px;
}
.user-ad-container div.post-advertisement .ads-footer {
  width: 100%;
  overflow: hidden;
  height: 10px;
}
.user-ad-container div.post-advertisement .ads-footer .stat-item {
  display: inline-block;
  padding: 3px 7px;
  font-size: 14.5px;
  border: 0;
  color: #555;
}
.text-dnone {
  text-decoration: none !important;
}
.ads-cont-wrapper a,
.hashtag-search-result a,
.left-sidebar ul li a:focus,
.left-sidebar ul li a:hover,
.notification-list a:hover {
  text-decoration: none;
}
.unsetheight {
  height: unset !important;
}

/*Ads*/
.ads_col_4 {
  padding-left: 15px;
}
.ads_col_8 {
  padding-left: 0;
}
.ads-navbar-wrapper {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 16px;
}
.ads-navbar-wrapper ul {
  margin: 15px;
}
.ads-navbar-wrapper ul li a {
  text-transform: capitalize;
  display: block;
  transition: all 0.2s;
  padding: 10px 15px;
  /* border-left: 2px solid white; */
  font-size: 14px;
  margin: 10px 0;
  text-decoration: none;
  font-family: "Poppins";
  color: #222;
  font-weight: 600;
  border-radius: 10px;
}
.ads-navbar-wrapper ul li a:hover {
  color: #222;
}
.ads-navbar-wrapper ul li a.active {
  color: #000;
  font-weight: 600;
  background: rgb(0 0 0 / 6%);
}
.ads-navbar-wrapper ul li a svg {
  width: 20px;
  height: 20px;
  margin: -4px 10px 0 0;
}
.ads_mini_wallet {
  padding: 25px;
  display: flex;
  justify-content: space-between;
}
.ads_mini_wallet p {
  font-size: 14px;
  text-transform: capitalize;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  margin: 0 0 8px;
}
.ads_mini_wallet h3 {
  margin: 0;
  font-size: 28px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
}
.ads_mini_wallet img {
  flex: 0 0 auto;
  max-width: 76px;
  display: none;
}
.wow_mini_wallets {
  display: flex;
  align-items: center;
  padding-bottom: 7px;
}
.wow_mini_wallets h5 {
  margin: 0;
  font-size: 50px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wow_mini_wallets_btns {
  margin-left: auto;
}
.wow_mini_wallets_btns .btn {
  margin-left: 5px;
}
.wow_add_money_hid_form {
  display: none;
}
.wow_snd_money_form .add-amount {
  margin: 15px 0 25px;
}
.wow_add_money_hid_form .add-amount h5,
.wow_snd_money_form .add-amount h5 {
  margin: 0 auto;
  font-size: 42px;
  font-family: "Lato", sans-serif;
  width: 130px;
  padding: 4px 0;
  border-bottom: 2px solid #ddd;
}
.wow_add_money_hid_form .add-amount h5 {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.wow_add_money_hid_form .add-amount h5 input,
.wow_snd_money_form .add-amount h5 input {
  width: 105px;
  border: 0;
  outline: none;
  background: transparent !important;
}
.wow_add_money_hid_form form {
  padding: 25px 0 0;
  border-top: 1px solid #ececec;
  margin-top: 25px;
}
.wow_wallet_trans {
  font-family: "Poppins";
  border: 0;
}
.wow_wallet_trans thead {
  border-bottom: 1px solid #ececec;
}
.wow_wallet_trans thead tr th {
  font-weight: bold;
}
.wow_wallet_trans tbody tr {
  border-bottom: 1px solid #ececec;
}
.wow_wallet_trans tbody tr:last-child {
  border: 0;
}
.ads-cont-wrapper {
  width: 100%;
}
.wow_ads_list_head {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
  width: 100%;
  padding: 2px 10px;
  margin-top: 5px;
  overflow: hidden;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wow_ads_list_head li {
  display: inline-block;
  margin: 0 -1.7px;
}
.wow_ads_list_head li.aid,
.wow_ads_lists li .aid {
  width: 9%;
}
.wow_ads_list_head li.acomp,
.wow_ads_lists li .acomp {
  width: 33%;
}
.wow_ads_list_head li.abid,
.wow_ads_lists li .abid {
  width: 13%;
}
.wow_ads_list_head li.aclck,
.wow_ads_lists li .aclck {
  width: 13%;
}
.wow_ads_list_head li.avew,
.wow_ads_lists li .avew {
  width: 13%;
}
.wow_ads_list_head li.asts,
.wow_ads_lists li .asts {
  width: 14%;
}
.wow_ads_list_head li.aemp,
.wow_ads_lists li .aemp {
  width: 4.5%;
  text-align: end;
}
.wow_ads_lists > li {
  background-color: #fff;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  margin: 8px 0;
  padding: 10px;
}
.wow_ads_lists > li > div {
  display: inline-block;
  margin: 0 -1.7px;
  vertical-align: middle;
}
.wow_ads_lists > li > div .dropdown-menu li a {
  font-size: 14.5px;
}
.wow_ads_lists > li > div .dropdown-menu li a svg {
  width: 20px;
  height: 20px;
  margin: -2px 5px 0 0;
}
.wow_ad_sts_actv {
  display: inline-block;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  color: #4caf50;
  background-color: rgba(76, 175, 80, 0.1);
}
.wow_ad_sts_noactv {
  display: inline-block;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  color: #f44336;
  background-color: rgba(244, 67, 54, 0.1);
}
.ads-cont-wrapper .table td {
  vertical-align: middle;
  padding: 13px 8px !important;
}
.wow_creads_minstp {
  padding: 47px 80px 27px;
}
.wow_creads_minstp .line {
  width: 100%;
  height: 2px;
  background: #ddd;
  position: relative;
  border-radius: 8px;
  margin-bottom: 15px;
}
.wow_creads_minstp .line .line_sec {
  height: 2px;
  width: 0;
  background: #2196f3;
  border-radius: 2em;
  position: absolute;
  transition: all 0.3s;
}
.wow_creads_minstp .line .dot {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  background: #dadada;
  border-radius: 50%;
  transition: 0.3s all ease;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 44px;
}
.wow_creads_minstp .line .dot svg {
  width: 18px;
  height: 18px;
  margin: 3px 0;
}
.wow_creads_minstp .line .dot.one {
  left: 0%;
  transform: translate(-50%);
}
.wow_creads_minstp .line .dot.two {
  left: 50%;
}
.wow_creads_minstp .line .dot.three {
  left: calc(100% - 11px);
}
.step-one-active.wow_creads_minstp .dot.one {
  background: #2196f3;
  color: #fff;
  transform: translate(0px, -50%);
}
.step-two-active.wow_creads_minstp .dot.one,
.step-three-active.wow_creads_minstp .dot.one {
  background: #2196f3;
  color: #fff;
  transform: translate(0px, -50%);
}
.step-two-active.wow_creads_minstp .dot.two,
.step-three-active.wow_creads_minstp .dot.two {
  background: #2196f3;
  color: #fff;
}
.step-three-active.wow_creads_minstp .dot.three {
  background: #2196f3;
  color: #fff;
}
.step-one-active.wow_creads_minstp .line .line_sec {
  width: 25%;
}
.step-two-active.wow_creads_minstp .line .line_sec {
  width: 75%;
}
.step-three-active.wow_creads_minstp .line .line_sec {
  width: 100%;
}
.wow_creads_minstp .steps {
  margin: 30px 0 0;
  position: relative;
  height: 20px;
}
.wow_creads_minstp .steps > div {
  position: absolute;
  top: 0;
  transform: translate(-50%);
  height: 20px;
  display: inline-block;
  text-align: center;
  transition: 0.3s all ease;
  font-size: 15px;
  display: block;
  font-family: "Poppins";
}
.step-one-active .steps > .step-one,
.step-two-active .steps > .step-one,
.step-two-active .steps > .step-two,
.step-three-active .steps > .step-one,
.step-three-active .steps > .step-two,
.step-three-active .steps > .step-three {
  color: #2196f3;
}
.wow_creads_minstp .steps > div.step-one {
  left: -15px;
  transform: none;
}
.wow_creads_minstp .steps > div.step-two {
  left: 50%;
}
.wow_creads_minstp .steps > div.step-three {
  left: auto;
  right: -27px;
  transform: none;
}
.wow_create_ads_stp {
  background-color: #fff;
  border-radius: 16px;
  padding: 15px 20px;
}
.wow_create_ads_stp .wo_page_hdng.pag_neg_padd {
  margin-bottom: 15px;
}
.wow_create_ads_stp .modal-footer {
  border: 0;
  padding: 0;
  background: transparent !important;
}
.wow_create_ads_stp .btn-mat {
  min-width: 200px;
  margin: 15px 0 8px;
  line-height: 50px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 18px;
}
.wow_create_ads_stp .wow_fcov_image {
  min-height: 320px;
}
.wow_create_ads_stp .wow_fcov_image img {
  min-height: 320px;
  max-height: 320px;
}
.estimated_ad_limit p {
  margin-bottom: 0px;
}
.estimated_ad_limit svg {
  width: 20px;
  height: 20px;
  margin: -2px 3px 0 0;
  opacity: 0.8;
}
.wow_fcov_image {
  position: relative;
  width: 100%;
  min-height: 250px;
  background: #f5f5f5;
  border-radius: 9px;
  margin-top: 10px;
}
.wow_fcov_image > div {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.wow_fcov_image > div#productimage-holder {
  white-space: normal;
  padding: 0;
  min-height: 250px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}
.wow_fcov_image > div#productimage-holder .thumb-image {
  width: 100%;
  height: auto;
  margin: 0;
  min-height: auto;
}
.wow_fcov_image img {
  width: 100%;
  height: 100%;
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
  border-radius: 9px;
}
.wow_fcov_image .upload_ad_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 9px;
  padding: 15px;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}
.wow_fcov_image .upload_ad_image .upload_ad_image_content {
  font-size: 15px;
  background: rgb(245 245 245 / 70%);
  border-radius: 10px;
  padding: 15px;
}
.wow_fcov_image .upload_ad_image .upload_ad_image_content svg {
  display: block;
  margin: 0 auto 15px;
}
.wow_fcov_image .upload_ad_image .upload_ad_image_content b {
  margin: 0;
  border-bottom: 1px solid;
}

/*Fake Ad Post*/
.fake_ad_post {
  width: 100%;
  position: relative;
  border-radius: 16px;
  background-color: #fff;
  padding: 15px;
}
.fake_ad_post .wo_page_hdng {
  margin: 0 0 13px;
  border: 0;
  padding: 0;
  font-family: "Poppins";
}
.fake_ad_post .wo_page_hdng_innr {
  font-size: 14px;
  font-weight: 500;
}
.fake_ad_post .fads_heading {
  overflow: hidden;
  width: 100%;
}
.fake_ad_post .fads_meta {
  overflow: hidden;
}
.fake_ad_post .fads_meta .fads_avatar {
  width: 45px;
  height: 45px;
  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: 58px;
}
.fake_ad_post .fads_meta .fads_m_info .company {
  display: block;
  width: 90%;
  border: 0;
  outline: none;
  font-size: 15px;
  font-weight: bold;
  font-family: "Poppins";
}
.fake_ad_post .fads_meta .fads_m_info .location {
  display: block;
  width: 50%;
  border: 0;
  outline: none;
  font-family: "Poppins";
}
.fake_ad_post .fcov_title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 17px;
  margin: 12px 0;
  line-height: 28px;
  position: relative;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 8px 5px;
}
.fake_ad_post .fcov_title svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  margin: 0 10px;
}
.fake_ad_post .fcov_title div {
  outline: none;
  font-size: 15px;
  width: 100%;
  display: inline-block;
  padding-left: 30px;
  border: 0;
  font-family: "Poppins";
}
.fake_ad_post .fads_headline {
  font-size: 14.5px;
  color: #555;
  overflow: hidden;
  word-wrap: break-word;
  margin: 15px 0;
}
.fake_ad_post .fads_headline div {
  width: 100%;
  font-size: 14.5px;
  height: 90px;
  overflow-y: auto;
  font-family: "Poppins";
  background: #f5f5f5;
  border-radius: 10px;
  padding: 10px;
}
.fake_ad_post .fads_cover {
  position: relative;
}
.fake_ad_post .fads_cover .fcov_image {
  position: relative;
  width: 100%;
  height: 180px;
  background: #f7f7f7;
  border-radius: 13px;
}
.fake_ad_post .fads_cover .fcov_image > div {
  width: 100%;
  height: 100%;
  border-radius: 13px;
}
.fake_ad_post .fads_cover .fcov_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 13px;
}
.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 {
  user-select: none;
  pointer-events: none;
}

textarea {
  font-size: 14.5px;
}
textarea.form-control {
  resize: none !important;
}
textarea.form-control.url-input {
  padding-top: 3px;
  min-height: 100px;
}
textarea.postText {
  border: none;
  padding-top: 12px;
  padding-left: 50px;
  height: 45px;
  box-shadow: none;
}
.responsive-img {
  width: 100%;
  max-width: 100%;
}

/*Header*/
.side_slide_menu {
  cursor: pointer;
  margin-right: 15px;
  flex: 0 0 auto;
  display: none;
}
.header-fixed1000,
.header-fixed1200 {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0;
}
.header-fixed1000 > .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-fixed1000 > .container-fluid:before,
.header-fixed1000 > .container-fluid:after {
  display: none;
}
.wow_hdr_innr_left {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
.wow_hdr_innr_left .nav {
  margin-left: auto;
}
.header-brand {
  display: block;
}
.header-brand img {
  width: 100%;
  max-width: 180px;
  max-height: 30px;
}
.headtoppoint {
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  top: -10px;
  position: absolute;
  left: 100%;
  margin-left: -35px;
  -webkit-filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, 0.2));
}
.hide_fill_svg {
  display: none;
}
.navbar-default li.dropdown.notification-container {
  margin-right: 10px;
}
.navbar-default .dropdown-menu li a svg {
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin: -3px 15px 0 2px;
}
.navbar-default .user-menu-combination .user-avatar {
  display: inline-block;
}
.navbar-default .user-menu-combination .user-avatar img {
  border-radius: 50%;
}
.navbar-default .user-menu-combination b {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  vertical-align: middle;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  display: inline-block;
  white-space: nowrap;
}
.navbar-default .user-menu-combination:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: middle;
  content: "";
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
}
.navbar-default .dropdown-menu.ani-acc-menu {
  min-width: 270px;
  padding: 15px 20px !important;
}
.navbar-default .dropdown-menu.ani-acc-menu .wo_user_name {
  margin: 0 8px 8px;
  background-color: rgb(0 0 0 / 4%);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  overflow: hidden;
}
.navbar-default
  .dropdown-menu.ani-acc-menu
  .wo_user_name
  > a:not(.wow_hdr_menu_usr_lnk) {
  padding: 4px 15px;
  font-size: 14px;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  padding: 10px 5px;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > a > svg {
  height: 22px;
  width: 22px;
  margin: -3px 12px 0 0;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > a:focus {
  background: transparent !important;
}
.navbar-default .dropdown-menu.ani-acc-menu > li > a:hover {
  margin: 0 -20px;
  padding: 10px 25px;
  background-color: #f9f9f9 !important;
}

.navbar-default .sixteen-font-size svg {
  width: 22px;
  height: 22px;
  margin: -1px 0;
}
.head_name_links {
  margin-left: 8px;
}
.head_name_links .btn-main {
  height: 33px;
  margin: 6px 0;
  padding: 0;
  border-radius: 9px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.head_name_links .sixteen-font-size {
  font-size: 14.5px !important;
  font-weight: bold;
  line-height: 21px;
}
.head_name_links .btn-material {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #fff;
  transform-origin: 50%;
  transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  visibility: hidden;
}
.head_name_links.open .btn-material {
  transform: scale(70);
  z-index: 9;
  visibility: visible;
}

body .dropdown-menu.create_head_menu.fulls:not(.notfi-dropdown) {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transform-origin: center top;
  background: transparent !important;
  max-height: 100%;
  overflow-y: auto;
}
body .open .dropdown-menu.create_head_menu.fulls:not(.notfi-dropdown) {
  transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.dropdown-menu.create_head_menu.fulls > svg {
  position: fixed;
  top: 0;
  right: 0;
  margin: 20px;
  cursor: pointer;
  border-radius: 6px;
  padding: 3px;
  width: 30px;
  height: 30px;
  transition: all 0.2s ease;
}
.dropdown-menu.create_head_menu.fulls > svg:hover {
  background: #f5f5f5;
}
.create_head_menu.fulls li a {
  line-height: normal !important;
  user-select: none;
  display: flex;
  align-items: center;
  padding: 60px 30px !important;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  flex-direction: column;
  background: #f5f5f5;
  border-radius: 12px;
  margin: 15px;
  transition: all 0.2s ease;
  min-width: 200px;
}
.create_head_menu.fulls li a:hover {
  box-shadow: rgb(0 0 0 / 5%) 0px 10px 15px -3px,
    rgb(0 0 0 / 7%) 0px 4px 6px -4px;
  background: #fff;
}
.create_head_menu.fulls li a svg {
  margin: 0 0 20px 0 !important;
  height: 60px !important;
  width: 60px !important;
  padding: 5px;
}
.wow_hdr_menu_usr_lnk img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin: -2px 12px 0 0;
}
.wow_hdr_requests {
  padding: 13px 15px;
}
.wow_hdr_requests .user-request-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.request-list li {
  margin: 0;
}
.user-request-list .user-info {
  max-width: 75%;
  flex: 1 1 auto;
}
.user-request-list .user-info > a {
  font-weight: bold;
  color: #272727;
  font-size: 16px;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 3px;
}
.user-request-list .user-info .avatar {
  display: inline;
}
.user-request-list .user-lastseen {
  /* margin-left: 50px; */
  margin-top: -2px;
}
.user-request-list img {
  width: 46px;
  height: 46px;
  object-fit:cover;
  border-radius: 50%;
  margin-right: 10px;
  float: left;
}
.user-request-list button {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* width: 30px; */
  min-width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  margin:0 2px;
}
.user-request-list:not(:first-child) {
  margin-bottom: 10px;
}

#wo_home_btns > span {
  display: none;
}

.ui-menu-item span {
  font-size: 14.5px;
}
.ui-menu-item img {
  width: 32px;
  margin: 3px;
  border-radius: 3px;
}
.small-mention {
  color: #888 !important;
  font-size: 12px !important;
}
.margin {
  margin: 5px;
}
.font-13 {
  font-size: 14.5px;
}
.no-padding-right {
  padding-right: 0 !important;
}
.recent-searches {
  padding: 6px 10px;
}
/* .content-container {
  margin-top: 78px;
} */
.page-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

/*Sidebar Invite*/
.sidebar .wow_side_invite_prnt {
  box-shadow: 0 1px 3px rgba(129, 92, 0, 0.2);
}
.wow_side_invite {
  padding: 15px;
}
.wow_side_invite_hdr {
  display: flex;
  align-items: center;
}
.wow_side_invite_hdr svg {
  width: 25px;
  height: 25px;
  display: none;
}
.wow_side_invite_hdr p {
  margin: 0;
  font-style: normal;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
}
.invite-user-form .invite-user-combine {
  position: relative;
  margin: 10px 0 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.invite-user-form .invite-user-combine input {
  height: 48px;
  padding: 8px 15px;
  width: 100%;
  flex: 1 1 auto;
  margin: 0 0;
  border: 2px solid #f5f5f5;
  background: transparent;
  font-family: "Poppins";
}
.invite-user-form button {
  line-height: 16px;
  height: 42px;
  border-radius: 9px;
  flex: 0 0 auto;
  padding: 0 16px;
  font-family: "Poppins";
  margin: 10px 0 0;
  min-width: 100px;
}
.invite-user-form button svg {
  height: 18px;
  width: 18px;
}
.order_by ul li.active a b {
  color: #fff;
}

/*Left Sidebar*/
.wo_new_left_side {
  background: #ffffff;
  border-radius: 16px;
  padding: 10px;
}
.left-sidebar > ul {
  padding-left: 0 !important;
}
.side_brand {
  /* display: none; */
  margin: 10px 0 20px;
}
.side_brand a {
  display: inline-block;
}
.side_brand a img {
  /* width: 100%; */
  object-fit:contain;
  max-width: 180px;
  max-height: 30px;
}
.left-sidebar > ul > li > a {
  border-radius: 6px;
  padding: 7px 5px;
  display: block;
  margin: 5px 0;
  transition: all 0.2s ease;
  color: #333;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.left-sidebar > ul > li > a:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #050505;
}
.left-sidebar > ul > li > a > img {
  display: none;
}
.left-sidebar > ul > li > a > svg,
.left-sidebar ul li a img {
  margin-right: 10px;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-top: -3px;
}
.left-sidebar > ul > li > a > svg {
  width: 30px;
  height: 30px;
  /*background: #f6f6f6;*/
  border-radius: 6px;
  padding: 5px;
}
.left-sidebar ul li a img {
  height: 18px;
  width: 18px;
}
.left-sidebar li a .sidebar-icon {
  width: 20px;
  margin-right: 7px;
}
.left-sidebar .trending {
  background: 0 0;
  margin-top: 30px;
  box-shadow: none;
}
.left-sidebar .sidebar .sidebar-title-back {
  padding-left: 0;
  line-height: 30px;
  background: 0 0;
}
.left-sidebar .sidebar .trending .list-group-item {
  padding: 1px 5px;
  background: 0 0;
}
.left-sidebar .sidebar .trending .list-group-item a {
  margin: 0;
  line-height: 18px;
}

/*Dropdown*/
.dropdown-menu:not(.notfi-dropdown):not([role="combobox"]) {
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px,
    rgb(0 0 0 / 10%) 0px 4px 6px -4px;
  padding: 8px 0;
  transform: scale3d(0.8, 0.8, 1);
  transform-origin: right top;
  display: block;
  opacity: 0;
  visibility: hidden;
  border: 0;
}
.dropdown-menu.toleft {
  transform-origin: left top !important;
}
.open > .dropdown-menu:not(.notfi-dropdown):not([role="combobox"]) {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transform: none;
  opacity: 1;
  visibility: visible;
}
.dropdown-menu:not(.notfi-dropdown) > li > a {
  padding: 5px 15px;
  line-height: 30px;
}

/*Header Search*/
.search-container .search-input {
  transition: all 0.3s;
  border-radius: 8px;
  border: 0;
  width: 100%;
  height: 40px;
  color: #777;
  box-shadow: none;
  background: 0 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  padding: 0 15px;
}
.search-container .search-input:focus {
  background: #fff;
  color: #333;
}
.search-container .inner-addon .glyphicon {
  padding: 0 !important;
  color: #666 !important;
  margin: 8px 14px;
  right: 0;
  left: auto;
}
.search-dropdown-container {
  width: 100%;
  transform-origin: center top !important;
}
.search-dropdown-result {
  margin: -8px 0 0;
}
.search-dropdown-result .center-text {
  margin-top: 5px;
}
.search-dropdown-result li {
  margin: 9px;
  padding: 0;
  border: 1px solid rgb(0 0 0 / 11%);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.search-dropdown-result li a {
  display: block;
  padding: 10px;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
}
.search-dropdown-result li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.search-dropdown-result .search-user-name {
  font-size: 14.5px;
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  font-weight: 500;
  color: #222;
}
.search-dropdown-result .search-user-lastseen {
  font-size: 12px;
  color: #999;
}
.search-dropdown-result .user-lastseen .small-last-seen {
  font-size: 12px;
}
.search-dropdown-result .search-user-avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  margin: 2px 10px 0 0;
}
.search-dropdown-result li .search_result_badge {
  border: 1px solid #03a9f4;
  color: #03a9f4;
  padding: 1px 5px 1.5px;
  text-transform: uppercase;
  font-size: 9px;
  margin-left: 5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  border-radius: 3px;
}

.emo-message {
  position: absolute;
  display: none;
  color: #5b5b5b;
  right: 110px;
  z-index: 2;
}
.show-message-link-container {
  padding: 6px 6px 10px;
  text-align: center;
}
.show-message-link-container a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #347ae2;
  text-decoration: none;
}
.hashtag-search-result {
  padding: 0;
  position: relative;
}
.hashtag-search-result a {
  display: block;
  padding: 7px 8px;
}
.hashtag-search-result a:hover {
  background: #ecf0f7;
}
.hdr_notis_title {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 10px 13px;
}
.hdr_notis_title h3 {
  margin: 0;
  font-size: 17px;
  font-family: "Poppins";
  font-style: normal;
}
.notification-list {
  padding: 13px 17px;
}
.notification-list:hover {
  background: #f7f7f7;
}
.notification-user-avatar {
  position: relative;
}
.notification-user-avatar > span {
  position: absolute;
  background-color: white;
  border-radius: 50%;
  bottom: -3px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
}
body .notification-list .notification-user-avatar > span svg {
  width: 14px;
  height: 14px;
  margin: 0;
}
body .notification-list .notification-user-avatar > span .inline_act_emoji {
  line-height: 1;
  transform: scale(0.9);
  margin-bottom: 0;
}
.notification-list .notification-text {
  font-size: 15px;
  color: #666;
  font-family: "Poppins";
  font-style: normal;
  margin-left: 72px;
  margin-top: 6px;
}
.notification-list .notification-time {
  font-size: 13px;
  color: #666;
  margin: 4px 0 0;
}
.notification-list .notification-time svg.feather {
  margin: -1px 3px 0;
  width: 15px;
  height: 15px;
  color: #575757;
}
.notification-list span.main-color {
  color: #050505 !important;
  font-weight: 600;
}
.notification-list .notification-user-avatar > img {
  border-radius: 50%;
  margin-right: 10px;
  width: 54px;
  height: 54px;
  margin-left: 0;
}
.notifications-dropdown {
  width: 390px;
  overflow: auto;
  max-height: 550px;
  padding: 0 !important;
}
.notifications-dropdown .turn-off-sound {
  color: #ff574b;
  padding: 6px;
  display: inline-block;
  background-color: rgb(244 67 54 / 10%);
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  font-size: 0;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  cursor: pointer;
}
.notifications-dropdown .turn-off-sound svg {
  margin-top: -2px;
}
.order-by {
  padding: 15px;
  margin-bottom: 20px;
  font-family: "Poppins";
}
.order-by .dropdown-toggle {
  cursor: pointer;
  font-weight: 600;
  color: inherit;
  padding: 4px;
  border-radius: 5px;
  margin: 0 3px;
}
.order-by .dropdown-menu {
  margin-top: 6px;
}
.plus-images {
  position: relative;
}
.plus-images .plus-images-num {
  position: absolute;
  top: 30px;
  color: #fff;
  font-size: 20px;
}
.messages-dropdown {
  width: 390px;
  overflow: auto;
  max-height: 500px;
  padding: 0;
}
.messages-list {
  cursor: pointer;
}
.messages-list .notification-time {
  color: #777 !important;
  margin: 5px 0 0;
}
.messages-list .notification-user-avatar img {
  margin-right: 10px;
  margin-left: 0;
  width: 48px;
  height: 48px;
}
.messages-list .notification-text {
  margin-left: 62px;
  margin-top: 0px;
}
.messages-list .notification-text .color b {
  margin: 0;
  font-weight: normal;
  font-size: 17px;
}
.messages-list span.main-color {
  color: #272727 !important;
}
.header-message {
  font-size: 14px;
  color: #8c8c8c;
  padding: 3px 0 2px;
}
.header-message svg.feather {
  margin-top: -1px;
  width: 13px;
  height: 13px;
}
.activities-wrapper {
  max-height: 400px;
  overflow-y: auto;
}
.activities-wrapper .notification-list .notification-text {
  font-size: 14.5px;
  color: #666;
  margin-left: 62px;
}
.activities-wrapper .notification-list .notification-time {
  font-size: 12px;
  color: #666;
}
.activities-wrapper * {
  font-size: 14px;
}
.activities-wrapper h2 .text-center {
  font-size: 14.5px;
  color: #777;
}
.header-loading-sppiner {
  font-size: 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #777;
}
.wowonder-well {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 15px 15px 1px;
}
.wowonder-well.one-well {
  padding-top: 0;
}
.familly-list-link {
  font-weight: normal;
  padding: 10px;
  margin-left: auto;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  background: rgba(0, 0, 0, 0.07);
}

.familly-list-link:hover {
  background: rgba(0, 0, 0, 0.09);
}
.familly-list-link a:hover {
  text-decoration: none;
}
.profile-style .avatar img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #ededed;
  object-fit: cover;
  background: #ddd;
  display: block;
}
.profile-style:not(.promoted-style) {
  width: 48%;
  margin-right: 6px;
  display: inline-table;
  margin-bottom: 20px;
}
.profile-style .user-like-button button {
  font-size: 14.5px;
  border: 1px solid #ededed;
  margin: 3px;
}
.profile-style .user-like-button button.btn-active {
  font-size: 14.5px;
  border: 1px solid #fff;
}
.profile-style .user-follow-button button {
  padding: 3px;
  font-size: 14.5px;
  background-color: #fff;
  margin-top: 10px;
  border: 1px solid #ededed;
}
.profile-style .user-follow-button button:hover {
  box-shadow: 0;
  box-shadow: none;
}
.profile-style .user-follow-button button.btn-active {
  padding: 3px;
  font-size: 14.5px;
  border: 1px solid #fff;
  outline: 0;
}
.sidebar-profile-style {
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
  border-radius: 2px;
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
  background-color: #fff;
}
.load-bar {
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
  width: 100%;
  position: fixed;
  z-index: 5000;
  background-color: #fdba2c;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #0095d8;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #eee;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #c54147;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
header .barloading {
  /* background-color: #fff !important; */
}
.barloading {
  height: 4px;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 5000;
  overflow: hidden;
  background-color: #fff;
}
.barloading:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 3px;
  animation: barloading 1.5s linear infinite;
}
.share_modal_social_icos .social-btn-parent {
  transition: all 0.2s;
  padding: 10px;
  border-radius: 10px;
}
.share_modal_social_icos .social-btn-parent:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
@keyframes barloading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}

.animated_20 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.animated_40 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.animated_60 {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.animated_80 {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.page-likes {
  color: #999;
  font-size: 14.5px;
}
.page-likes span {
  margin: 10px;
}
.load-more {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.load-more button {
  text-align: center;
  width: auto;
}
.search-filter-center-text {
  display: block;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}
.search-filter-center-text.no-well {
  margin-bottom: 20px;
}
.sidebar-conatnier #sidebar-sticky.Stick {
  position: fixed;
  top: 64px;
  width: 300px;
}
.sidebar-user-data {
  width: 33.33333%;
  margin: 0;
  display: inline-block;
  padding: 5px;
  position: relative;
  margin-bottom: 10px;
}
.sidebar-user-data a {
  position: relative;
  display: block;
}
.wo_user_profile .list-sidebar-element {
  padding: 5px;
}
.sidebar-user-data a {
  text-decoration: none;
}
.wo_user_profile .list-sidebar-element:empty {
  padding: 0px !important;
}
.sidebar-user-data .sidebar-listed-user-avatar img {
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  display: inline-block;
  transition: all 0.2s;
}

.sidebar-user-data .sidebar-listed-user-avatar a:hover img {
  -webkit-filter: brightness(89%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sidebar-user-data .sidebar-listed-user-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  /* bottom:0; */ /* left:0; */
  color: #050505; /* background:linear-gradient(transparent,rgba(0,0,0,.45)); */ /* padding:5px; */ /* width:100%; */
  font-weight: 600;
  margin-top: 5px; /* position:absolute; */
  font-size: 13px;
  line-height: 16px;
  max-height: 56px;
}
.sidebar-ad iframe,
.sidebar-ad img,
.sidebar-ad script {
  width: 100%;
  max-width: 100%;
}
.publisher-box:focus {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.publisher-box .post-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 9;
}
.publisher-box textarea.postText {
  padding: 16px 55px;
  line-height: 1.628571;
  height: 55px;
  color: inherit !important;
}
.publisher-box .add-emoticons {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0;
}
.publisher-box .add-emoticons .dropdown-toggle {
  display: block;
  text-align: center;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  line-height: 35px;
  box-shadow: none;
}
.publisher-box .add-emoticons .dropdown-toggle svg.feather {
  fill: #5b5b5b;
  margin-top: -1px;
  width: 22px;
  height: 22px;
}
.publisher-box .btn-default {
  padding: 4px 8px;
}

body #progress #percent {
  position: relative;
  left: auto;
  font-weight: 400;
  border-radius: 2em;
  text-align: center;
  min-width: 46px;
  font-size: 14px;
  float: right !important;
  font-family: "Poppins";
  padding: 3px 0;
  margin: -2.5px 0 0;
}
body #progress {
  padding: 4px 10px;
}
body .wow_sett_content #progress {
  padding: 2px 0;
  margin-top: 15px;
}
body #progress .progress,
body #progress .progress .progress-bar {
  height: 10px;
  border-radius: 10px;
  box-shadow: none;
}
body #progress .progress {
  margin: 4.5px 55px 0 0;
  overflow: visible;
  position: relative;
}
body #progress .progress:before,
body #percent:before {
  content: "";
  background: currentColor;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  opacity: 0.2;
}
body #progress .progress .progress-bar {
  box-shadow: none;
  animation: none;
  background-image: none;
}
.publisher-box .publisher-hidden-option select {
  height: 30px;
  padding: 4px 8px;
  font-size: 14.5px;
}
.publisher-box .publisher-hidden-option input {
  border: none;
  box-shadow: none;
  border-radius: 6px !important;
  background: #f5f5f5;
  height: 40px;
}
.publisher-box .publisher-hidden-option textarea {
  border-radius: 0;
  border: none;
  border-top: 1px solid #ededed;
}

.wo_pub_box_foott {
  border-top: 1px solid #f0f2f5;
}
.publisher-box .camera-button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.publisher-box .camera-button .poster-left-buttons {
  margin: 10px 6px;
  flex: 1;
}
.publisher-box .camera-button .poster-left-buttons .btn {
  width: 100%;
  font-weight: 600;
  font-size: 13px;
  border-radius: 2em;
  padding: 6px 8px;
}
.publisher-box .camera-button .btn svg {
  width: 20px;
  height: 20px;
}
.publisher-box .camera-button.hiddencamera {
  display: none;
}

.publisher-box .publisher-box-footer {
  padding: 5px;
  display: none;
}
.publisher-box .publisher-box-footer .pub-footer-upper {
  margin: 0;
  padding: 4px 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.publisher-box .publisher-box-footer .pub-footer-upper > div:not(.all_colors),
.publisher-box .publisher-box-footer .pub-footer-upper > div.pull-left,
.publisher-box .publisher-box-footer .pub-footer-upper > div.pull-right {
  float: none !important;
  flex: 1;
  display: flex;
  justify-content: center;
  margin: 15px 9px;
}
.publisher-box .publisher-box-footer .pub-footer-bottom {
  padding: 0px 8px 7px;
}

.pub_footer_bottom_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pub_footer_bottom_btns .btn {
  border-radius: 6px;
  margin: 0 5px;
  padding: 0 16px;
  line-height: 43px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  min-width: 100px;
  flex: 0 0 auto;
}
.pub_footer_bottom_btns .btn-mat.btn-go-live {
}

.publisher-box .publisher-box-footer .pub-footer-bottom .ball-pulse {
  margin-right: 10px;
}
.publisher-box .publisher-box-footer .poster-left-buttons {
  margin: 0 7.8px; /*width:35px;height:35px;*/
  text-align: center;
  transition: all 0.1s linear;
  position: relative;
}
.publisher-box .publisher-box-footer .poster-left-buttons .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 28px !important;
  border-radius: 2em;
  transition: all 0.15s;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 42px;
  background: #f3f3f3;
  width: 100%;
  border: 0;
  text-transform: lowercase;
}
.publisher-box .publisher-box-footer .poster-left-buttons .btn > span {
  width: 20px;
  height: 20px;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px 0 0;
  padding: 0;
  border-radius: 0;
}
.publisher-box .publisher-box-footer .poster-left-buttons .btn svg {
  width: 100%;
  height: 100%;
}
.publisher-box .publisher-box-footer .poster-left-buttons svg.feather {
  color: #5b5b5b;
  margin-top: -1px;
}
.publisher-box .publisher-box-footer .poster-left-buttons .btn:active {
  box-shadow: none;
}
.publisher-box
  .publisher-box-footer
  .poster-left-buttons
  span#postRecordingTime {
  position: absolute;
  font-weight: 500;
  display: block;
  pointer-events: none;
  bottom: -13px;
  background: #dd2e21;
  font-size: 13px;
  color: #fff;
  border-radius: 5px;
  padding: 0 5px;
  line-height: 22px;
  min-width: 50px;
  margin: 0 11px;
}
.pub_footer_middle {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.publisher-box .publisher-box-footer .poster-left-select {
  margin-right: 5px;
  margin-left: 5px;
}
#post-textarea {
  position: relative;
}
#loading_indicator {
  position: absolute;
  display: none;
  right: 5px;
  top: 5px;
  color: #999;
}
.extracted_url {
  padding: 10px;
  position: relative;
  border-top: 1px solid #f4f4f4;
}
.extracted_url .extracted_thumb {
  max-height: 300px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.extracted_url .extracted_thumb img {
  border-radius: 2px;
  width: 100%;
}
.thumb_sel {
  width: 100px;
}
.thumb_select {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
}
.remove-fetched-url {
  right: 20px;
  z-index: 1;
  top: 15px;
  font-size: 17px;
  color: #fff;
  text-shadow: 0 1px 1px #333;
  position: absolute;
  cursor: pointer;
}
.post-fetched-url {
  border-radius: 3px;
  border: 1px solid #ededed;
  transition: all 0.2s;
  position: relative;
}
.post-fetched-url:hover {
  background: #f0f2f5;
}
.post-fetched-url .fetched-url-text {
  padding: 0;
}
.post-fetched-url .fetched-url-text h4 {
  color: #444;
  margin-bottom: 10px;
  font-size: 18px !important;
}
.post-fetched-url .fetched-url-text .description {
  font-size: 14.5px !important;
  margin-bottom: 10px;
}
.post-fetched-url a:focus,
.post-fetched-url a:hover {
  text-decoration: none !important;
}
.post-fetched-url img {
  width: 100%;
}
.fetched-url-text {
  padding: 10px;
}
.post-fetched-url-con {
  max-height: 300px;
  overflow: hidden;
}
.panel-group {
  border: 1px solid #ededed;
}
.panel-white .panel-footer,
.panel-white .panel-heading {
  background-color: #fff;
  border-color: #ddd;
}
.panel-one-post {
  margin: 0 auto;
  width: 80%;
}
.panel-white {
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
}
.panel-white .panel-heading {
  color: #333;
}
.gray-1 {
  color: #999 !important;
}
.post-share {
  display: none;
}
.post-share .social-btn {
  width: 30px;
  height: 30px;
  padding: 5px;
  font-size: 16px;
  line-height: 20px;
}
.active.fa-thumbs-up {
  color: #a84849;
}
.active.fa-share-square-o {
  color: #5f764d;
}
.active.fa-exclamation-circle {
  color: #fc9b1b;
}
.comment-icons {
  margin-left: 2px;
  margin-right: 2px;
}
.filter-container {
  width: 100%;
}
.filter {
  width: 14.4% !important;
}
.filter-text {
  width: 20.1%;
  font-size: 14.5px;
}
#select-status-media {
  width: 100%;
  height: 180px;
  max-height: 300px;
  overflow: hidden;
  text-align: center;
  background: #f9f9f9;
  font-size: 18px;
  font-family: Hind, sans-serif;
  cursor: pointer;
  border-radius: 0;
  border: 2px dashed #dadada;
}
#select-status-media p {
  width: 100%;
  height: 100%;
  font-size: 14.5px;
  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: 0.7;
}
.opacity {
  opacity: 0.5;
  transition: all 1s;
}
.no-opacity {
  opacity: 1;
  transition: all 1s;
}
.story-container .story-image-wrapper {
  width: 100%;
  cursor: pointer;
  margin-bottom: -15px;
}
.story-container .story-image-wrapper .story-image {
  width: 100%;
  max-height: 100%;
}
.story-container .story-media-cont {
  width: 100%;
}
.story-container .story-video {
  width: 100%;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #f0f2f5, 0 0 0 1px #f0f2f5;
}
.post-edit {
  display: none;
  margin-bottom: 15px;
}
.comment-image {
  width: 40%;
}
.comment-image img {
  border-radius: 2px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.profile-container {
  padding-right: 15px;
  padding-left: 15px;
}
.profile-container .card {
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.profile-container .card.hovercard {
  position: relative;
  padding-top: 0;
  overflow: hidden;
}
.wo_user_profile .profile-container .card.hovercard {
  overflow: visible;
}
.profile-container .card.hovercard .cardheader {
  background: #fff;
  background-size: cover;
  max-height: 365px;
  min-height: 365px;
}

.wo_user_profile .profile-container .card.hovercard .cardheader {
  border-radius: 16px;
  overflow: hidden;
}

.profile-container .card.hovercard .user-avatar {
  position: absolute;
  bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  z-index: 1;
  width: 10%;
  width: 150px;
  height: 150px;
}
.profile-container .card.hovercard .user-avatar img {
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.profile-container .card.hovercard .info {
  position: relative;
}
.profile-container .card.hovercard .info .title {
  left: 180px;
  position: absolute;
  width: 100%;
  z-index: 1;
  text-shadow: 0 1px 3px #111;
  line-height: 1;
  color: #fff;
  vertical-align: middle;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  margin-top: -12px;
}
.profile-container .card.hovercard .info .title a {
  color: #fff;
}
.profile-container .text-shadow {
  background: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.65) 100%
  );
  padding: 30px;
  position: absolute;
  width: 100%;
  margin-top: -50px;
}
.profile-avatar-changer {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  /* display: none; */
}
.profile-cover-changer {
  position: absolute;
  /* display: none; */
  z-index: 10;
  width: 45px;
}

.profile-cover-changer .btn-file {
  width: 40px;
  font-size: 18px;
  float: left;
  background-color: rgba(242, 242, 242, 0.83);
  margin: 12px 12px 0 !important;
  border-radius: 8px !important;
  padding: 5px 6px 8px;
  transition: all 0.2s ease;
  border: 0;
  /* display: none !important; */
}
.profile-cover-changer .btn-file:hover {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.31);
}
.user-avatar-uploading-container {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  border-radius: 50%;
}
.user-avatar-uploading-progress {
  color: #fff;
  font-size: 30px;
  text-align: center;
  width: 100%;
  position: absolute;
  display: none;
}
.user-avatar-uploading-progress .ball-pulse {
  display: block;
  margin: 60px auto;
  float: none;
  line-height: 0;
}
.user-avatar-uploading-progress .ball-pulse > div {
  background-color: #dcdcdc;
}
.user-cover-uploading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}
.user-cover-uploading-progress {
  color: #fff;
  width: 100%;
  position: absolute;
  z-index: 2;
  display: none;
  background-color: rgba(0, 0, 0, 0.23);
  height: 100%;
}
.accept-btns {
  margin-top: 5px;
}
.user-lastseen {
  font-size: 13px;
  color: #666;
}
.user-lastseen .small-last-seen {
  font-size: 10px;
}
.social-btn {
  text-align: center;
  width: 15%;
  font-size: 19px;
  height: 35px;
  position: relative;
  line-height: 24px;
}
.clear {
  clear: both;
}
.btns {
  margin-top: 10px;
}
#icon {
  font-size: 100px;
}
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #777;
  color: #ededed;
  width: 50px;
  height: 48px;
  line-height: 48px;
  right: 30px;
  bottom: 70px;
  padding-top: 2px;
  transition: all 0.5s ease-in-out;
  border-radius: 10px;
}
.scroll-top-wrapper:hover {
  background-color: #888;
}
.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  opacity: 0;
  outline: 0;
  background: #fff;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: #fff !important;
  cursor: text !important;
}
.setting-update-alert {
  margin-bottom: 20px;
  margin-top: 20px;
}
.setting-update-alert:empty {
  margin: 0;
}
.available {
  color: green;
}
.unavailable {
  color: red;
}
.error-message,
.success-message {
  font-size: 15px;
  color: #fff;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
}
.success-message {
  background-color: #89ba73;
}
.error-message {
  background-color: #af5b5b;
}
#bar,
#progress,
.new-update-alert,
.posts-container {
  border-radius: 3px;
}
/* .new-update-alert{
  display:none;
} */
.pointer {
  cursor: pointer;
}
.charsLeft-message {
  color: #999;
  font-size: 14.5px;
  margin: 4px;
  display: none;
}
.charsLeft-post {
  color: #999;
  font-size: 14.5px;
  margin: 7px;
}
.active-like {
  color: #1eb2c4;
}
.active-wonder {
  color: #a84849;
}
.active-like-1 {
  color: #1eb2c4;
}
.active-like-2 {
  color: #f25268;
}
.active-like-3 {
  color: #f3b715;
}
.active-like-4 {
  color: #e86286;
}
.active-like-5 {
  color: #f2b15c;
}
.active-like-6 {
  color: #dd4b4b;
}
#comment-likes,
#comment-wonders {
  color: #666;
}
.comment-options {
  font-size: 12px;
  color: #888;
  position: relative;
  display: block;
  margin-top: 4px;
}
.comment-container .comment-options svg.feather {
  width: 14px;
  height: 14px;
  margin-top: -3px;
}
.refresh {
  cursor: pointer;
  font-size: 14.5px;
}
.online-text {
  color: #4caf50;
}
.hidden {
  display: none;
}
.center-text {
  display: block;
  text-align: center;
  color: #666;
  font-size: 14.5px;
}
.padding-10 {
  padding: 10px;
}
.new-update-alert {
  padding: 0 5.8px;
  color: #fff;
  font-size: 12px;
  z-index: 1;
  pointer-events: none;
  position: absolute;
  background-color: #2196f3;
  border-radius: 2em;
  right: 5px;
  top: 12px;
  text-align: center;
  line-height: 18px;
}
/** Header Qr Scan Button */
#head_menu_rght .qr-code-container {
  padding-block: 18px;
}
#head_menu_rght .qr-code-container:hover {
  background: rgb(234 234 234 / 30%);
}
#head_menu_rght .qr-code-container a {
  background-color: transparent;
  border: 2px solid #0E1204;
  padding: 6px 8px;
  display: flex;
  width: max-content;
  justify-content: space-between;
  align-items: center;
  border-radius: 48px;
  column-gap: 4px;
}
#head_menu_rght .qr-code-container a:hover {
  text-decoration: none;
}
#head_menu_rght .qr-code-container p {
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins";
  margin-bottom: 0;
}
#head_menu_rght .qr-code-container svg {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 430px) and (min-width: 300px) {
  #head_menu_rght .qr-code-container {
    padding-block: 20px;
  }
  #head_menu_rght .qr-code-container p {
    font-size:10px;
  }
  #head_menu_rght .qr-code-container svg {
    width: 16px;
    height: 16px;
  }
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
  opacity: 1;
}
.modal {
  position: fixed;
  z-index: 1050;
  display: none;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal, .modal-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
}
/** Header Qr Scan Button */
#emo-form,
#photo-form,
#progress {
  position: relative;
}
.unread {
  background: #f0f2f5;
}
.view-more-wrapper {
  display: block;
  margin-top: 2px;
}
.view-more-wrapper span {
  cursor: pointer;
}
.view-more-wrapper span:hover {
  text-decoration: none;
}
.order-by .dropdown-toggle:hover {
  text-decoration: none;
}
#progress {
  width: 100%;
  padding: 4px;
  display: none;
}
#percent {
  position: absolute;
  left: 50%;
}
#bar {
  height: 20px;
  width: 0;
}
.white {
  color: #fff;
}
.posts-container {
  margin-bottom: 20px;
}
.time {
  font-size: 12px;
  color: #9197a3;
}
.file-percent {
  color: #fff;
  display: none;
  text-align: center;
  margin: 5px;
}
#focus-overlay {
  background: #000;
  bottom: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s, bottom 0 0.3s;
  z-index: 1031;
}
.pub-focus #focus-overlay {
  bottom: 0;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.pub-focus .post.publisher-box {
  z-index: 1031;
  position: relative;
}
.pub-focus .pac-container {
  z-index: 1031;
}
#video-form {
  display: none;
  border-top: 1px dashed #ededed;
}
#video-form .inner-addon {
  width: 100%;
  overflow: hidden;
}
#video-form .inner-addon span input.form-control {
  width: 350px;
}
#video-form .inner-addon span.video-custom-thumb {
  line-height: 34px;
  font-size: 14.5px;
  color: #666;
  text-transform: capitalize;
  margin-right: 5px;
  user-select: none;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
#video-form div.video-poster-image {
  width: 100%;
  overflow: hidden;
  background: #fff;
  display: none;
  padding: 7px;
}
#video-form div.video-poster-image .thumb-renderer {
  width: 100%;
  display: table;
  min-height: 210px;
  overflow: hidden;
  border: 2px dashed #ccc;
  background: #fff;
  padding: 5px;
  transition: all 0.2s ease-in-out;
}
#map-form,
#map-form input {
  border-radius: 5px;
}
#video-form div.video-poster-image .thumb-renderer:hover {
  border-color: #a84849;
}
#video-form div.video-poster-image .thumb-renderer.hover {
  border-color: #a84849;
  border-style: solid;
}
#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #666;
}
#emo-form,
#map-form,
#music-form,
#photo-form,
#vine-form {
  display: none;
}
#photo-form {
  padding: 0 15px;
}
#video-form
  div.video-poster-image
  .thumb-renderer
  #post_vthumb_droparea
  div.preview
  svg {
  margin-top: 0;
  width: 50px;
  height: 50px;
  color: #cecece;
}
#video-form
  div.video-poster-image
  .thumb-renderer.hover
  #post_vthumb_droparea
  div.preview
  svg {
  color: #a84849;
}
#video-form
  div.video-poster-image
  .thumb-renderer
  #post_vthumb_droparea
  div.preview
  div
  p {
  font-size: 17px;
  margin: 8px 0 0;
  padding: 0;
  text-transform: lowercase;
}
#video-form
  div.video-poster-image
  .thumb-renderer
  #post_vthumb_droparea
  div.preview
  div
  p:first-letter {
  text-transform: uppercase;
}
#video-form
  div.video-poster-image
  .thumb-renderer
  #post_vthumb_droparea
  div.image
  img {
  width: 100%;
  min-height: 100%;
}
#emo-form {
  font-size: 14.5px;
}
#photo-form .create-album,
#poll-form .create-poll {
  transition: all 0.2s ease-in-out;
  font-size: 14.5px;
  color: #fff;
  font-weight: 700;
}
#map-form {
  margin: 10px 15px;
}
#file-form,
#gif-form {
  display: none;
  border-top: 1px dashed #ededed;
}
#image-holder {
  width: 100%;
  padding: 0 8px;
  margin: 5px 0 10px;
  white-space: nowrap;
}
#image-holder .thumb-image {
  width: 100px;
  height: 100px;
  margin: 0 5px 0 0;
  display: inline-block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
#album-form,
#poll-form {
  display: none;
}
#image-holder .thumb-image:last-child {
  margin-right: 0;
}
#photo-form .create-album {
  background: #ebeef0;
  border-radius: 6px;
  padding: 5px 10px;
  margin: -33px 5px 7px;
  z-index: 9;
  color: #333;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 13px;
}
#photo-form .create-album:hover {
  background: #e0e0e0;
}
#photo-form .create-album svg {
  width: 16px;
  height: 16px;
  margin: -2px 0 0;
}
#photo-form #image-holder {
  padding: 0;
}
#album-form {
  position: absolute;
  width: 100%;
  z-index: 9;
  margin-top: 7px;
  padding: 0 20px;
}
#album-form input {
  padding-right: 150px;
  height: 29px;
  line-height: normal;
  padding-top: 0;
}
#poll-form .publisher-hidden-option.answers {
  margin: 1px 15px 10px;
  overflow: hidden;
}
#poll-form .publisher-hidden-option.answers > span {
  position: relative;
  display: block;
}
#poll-form .publisher-hidden-option.answers > span svg {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 5px;
  top: 8px;
  cursor: pointer;
}
#poll-form .create-poll {
  display: inline-block;
  background: #2396f3;
  margin: 0 15px 13px;
  cursor: pointer;
  border-radius: 6px;
  padding: 0 16px;
  line-height: 40px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  min-width: 100px;
}
#poll-form .create-poll:hover {
  background: #2185d6;
}
#file-form .inner-addon svg.feather,
#map-form .inner-addon svg.feather,
#music-form .inner-addon svg.feather,
#photo-form .inner-addon svg.feather,
#video-form .inner-addon span svg.feather {
  position: absolute;
  margin: 11px 7px;
  width: 18px;
  height: 18px;
  color: #575757;
}
.image-file {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #e3e4e8;
}
.message-details {
  color: #444;
  font-size: 12px;
  margin-right: 10px;
  clear: both;
}
.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: 14.5px;
  margin-top: 5px;
}
.announcements-option {
  font-size: 16px;
  margin-left: 5px;
}
.announcements-option:first-child {
  padding-left: 5px;
}

/*Footer*/
.footer-wrapper {
  font-size: 14px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.footer-wrapper hr {
  border-color: #e9e9e9;
  margin-bottom: 15px !important;
}
.footer-wrapper .footer-powered {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #858585;
}
.footer-wrapper .footer-powered .list-inline {
  margin: 0;
}
.footer-wrapper-sidebar {
  font-size: 14.5px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.footer-wrapper-sidebar .footer-powered {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #858585;
  font-size: 13px; /* font-weight: bold; */
}
.footer-wrapper-sidebar .footer-powered p,
.footer-wrapper .footer-powered p {
  margin: 0;
}
.footer-wrapper-sidebar .footer-powered .dropdown-toggle,
.footer-wrapper .footer-powered .dropdown-toggle {
  text-decoration: none;
  line-height: 1;
  display: block;
  color: #858585;
}
.footer-wrapper-sidebar .footer-powered .dropdown-toggle svg,
.footer-wrapper .footer-powered .dropdown-toggle svg {
  width: 13px;
  height: 13px;
  margin-top: -2px;
}
.wow_lang_select_menu {
  min-width: 140px;
}
.wow_lang_select_menu > li > a {
  font-size: 14.5px;
}
.footer-wrapper-sidebar hr {
  border-color: #e9e9e9;
  margin: 10px 0 !important;
}
.footer-wrapper-sidebar .list-inline {
  margin: 0 -5px 0;
  display: flex;
  align-items: center;
  font-size: 13px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-wrapper-sidebar .list-inline > li > a {
  text-decoration: none;
  line-height: 1;
  display: block;
  color: #858585;
}
footer .footer-wrapper {
  display: none;
}

table .setting-avatar {
  width: 20px;
  float: left;
  margin-right: 5px;
  border-radius: 100px;
}
table.setting-table {
  font-size: 14.5px;
}
table.setting-table .active {
  color: green;
}
table.setting-table .pending {
  color: red;
}
.report-not-seen {
  background-color: #ea1e1e;
  padding: 2px;
  color: #fff;
  font-size: 14.5px;
  height: 20px;
  line-height: 1.4;
  border-radius: 3px;
}
.dropdown-search-link {
  display: none;
}
.dropdown-hidden-link {
  display: block;
}
.hash {
  color: #a33e40;
}
.file-sharing-download-btn {
  position: absolute;
  z-index: 1;
  margin-top: 1px;
  right: 10px;
  color: #fff;
  text-shadow: 0 0 2px #333;
  font-size: 20px;
}
.post-file,
.recipient-chat-user .avatar {
  position: relative;
}
.file-sharing-resize-btn {
  right: 35px;
  cursor: pointer;
}
.post-file {
  text-align: center;
}
.profile-top-line {
  width: 100%;
  padding: 2px;
  margin-top: -4px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.editer-emo {
  padding-top: 10px;
}
.list-group {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
/*Chat*/
.recipient-chat-user {
  position: relative;
  padding: 8px;
  cursor: pointer;
  transition: all 0.1s;
}
.recipient-chat-user:hover {
  background-color: #f0f2f5 !important;
}
.recipient-chat-user .new-message-alert {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #e91e63;
  border-radius: 50%;
  padding: 0;
  margin: 0 !important;
  position: absolute;
  right: -5px;
  top: 0px;
}
.recipient-chat-user .user-info {
  display: flex;
  align-items: center;
  position: relative;
  width: 45px;
  margin: auto;
}
.recipient-chat-user .user-info > svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: auto;
}
.recipient-chat-user img {
  width: 45px;
  min-width: 45px;
  height: 45px;
  border-radius: 100%;
  object-fit: cover;
  margin: 0 !important;
  transition: all 0.2s ease;
}
.recipient-chat-user .user-info:hover img {
  transform: scale(1.1);
}
.recipient-chat-user .chat-user-text {
  color: #353535;
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 85px);
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.wow_chat_list-right {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.recipient-chat-user .chat-loading-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.recipient-chat-user .chat-loading-icon svg {
  width: 20px;
  height: 20px;
}
.recipient-chat-user .chat-loading-icon:empty {
  width: 0;
  height: 0;
}
.chat-container {
  max-height: 100%;
  bottom: 0;
  color: #3f3f3f;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 75px;
  padding-top: 70px;
  z-index: 66;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
  display: flex;
  flex-direction: column;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.chat-container.full {
  min-height: 100%;
}
.chat-container .online-toggle {
  padding: 16px;
  display: flex;
  align-items: center;
  display: none;
}
.chat-container .online-toggle h3 {
  margin: 0;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.chat-container .chat-status {
  padding: 0 8px;
}
.chat-container .chat-status .wow_content {
  margin: 16px auto !important;
  cursor: pointer;
}
.chat-container .online-toggle .chat-status .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  margin-left: 8px;
  width: 27px;
  min-width: 27px;
  border-radius: 50%;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.chat-container .online-toggle .chat-status .btn svg {
  width: 19px;
  height: 19px;
}
.chat-container .online-toggle .chat-status .dropdown-menu {
  min-width: 130px;
}
.chat-container .online-toggle .chat-status .dropdown-menu li a {
  font-size: 14.5px;
}
.chat-container .chat-status .dropdown-menu li a svg {
  width: 9px;
  height: 9px;
  margin: -2px 5px 0 0;
}
.chat-container .chat-status .dropdown-menu li.divider {
  margin: 5px 0;
}
.chat-container .wow_chat_search {
  margin: 16px 8px 8px;
  flex: 0 0 auto;
  position: relative;
}
.chat-container .wow_chat_search .dropdown-toggle,
.chat-container .chat-status .wow_content {
  border-radius: 50%;
  padding: 0;
  width: 45px;
  margin: auto;
  height: 45px;
  line-height: 43px;
  text-align: center;
  transition: all 0.2s;
}
.chat-container .wow_chat_search .dropdown-toggle:hover,
.chat-container .chat-status .wow_content:hover,
.chat-container .wo_chat_tabs li a:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}
.chat-container .wow_chat_search .dropdown-toggle svg,
.chat-container .chat-status .wow_content svg {
  width: 20px;
  height: 20px;
}
.chat-container .wow_chat_search .dropdown-menu {
  padding: 7px;
  min-width: 200px;
  top: 0;
  right: 100%;
  bottom: auto;
  margin: 0;
  box-shadow: none;
  border-radius: 2em;
}
.chat-container .wow_chat_search input {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 2em;
  height: 31px;
  border: 0;
  padding: 1px 18px;
  outline: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.chat-container .wo_chat_tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  text-align: center;
  margin: 0px;
  padding: 0 8px;
  flex-direction: column;
}
.chat-container .wo_chat_tabs li {
  float: none;
  margin: 8px 0;
  width: auto;
  flex: 1 1 auto;
}
.chat-container .wo_chat_tabs li a {
  padding: 0 8px;
  height: 45px;
  margin: 0;
  border: 0 !important;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 43px;
  width: 45px;
  text-align: center;
  transition: all 0.2s;
}
.chat-container .wo_chat_tabs li:not(.active) a:hover {
  background-color: #ececec !important;
}
.chat-container .wo_chat_tabs li.active a {
  cursor: pointer !important;
}
.chat-container .wo_chat_tabs li:not(.active) a span {
  display: none;
}
.chat-container .wo_chat_tabs li a svg {
  width: 20px;
  height: 20px;
}
.chat-container .tab-content {
  overflow-y: auto;
  max-height: calc(100% - 190px);
}
.chat-container .tab-content .empty_state {
  font-size: 12px;
}
.chat-container .chat_empty_user .item {
  max-width: 45px;
}
.chat-container .chat_empty_user .item .avatar {
  width: 45px;
  height: 45px;
  margin: 0 !important;
}
.online-content-toggler {
  max-height: 40%;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  flex-grow: 1;
  display: none;
}
.online-content-toggler .empty_state svg {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
}
.chat-opacity {
  width: 75px;
  position: fixed;
  height: 100%;
  display: none;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 2;
  backdrop-filter: blur(6px);
  top: 70px;
  right: 0;
  align-items: center;
  justify-content: center;
}
.chat-opacity.active {
  display: flex;
}
.chat-opacity .empty_state {
  margin: -45px 0 0;
  padding: 0 10px;
  font-size: 16px;
}
.chat-opacity .empty_state.single svg {
  width: 50px;
  height: 50px;
}
.chat-opacity .empty_state .btn {
  margin-top: 30px;
  box-shadow: none;
  background-color: #03a9f4;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  min-width: auto;
  line-height: 32px;
}
.wow_group_chat_image,
.wow_group_chat_image img {
  min-height: 180px;
  max-height: 180px;
}
.group_chat_mbr_list {
  width: 100%;
  max-height: 200px;
  overflow-x: auto;
  position: absolute;
  background: #fff;
  z-index: 9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 4px 4px;
}
.group_chat_mbr_list:empty {
  padding: 0;
  box-shadow: none;
}
.group_chat_mbr_list p.no_participant {
  width: 100%;
  line-height: 90px;
  text-align: center;
  font-size: 15px;
  margin: 0;
}
.group_chat_mbr_part {
  border-bottom: 1px solid #eaeaea;
  width: 100%;
  padding: 10px;
}
.group_chat_mbr_part:last-child {
  border-bottom: none;
}
.group_chat_mbr_part .avatar {
  width: 37px;
  height: 37px;
  margin-right: 10px;
}
.group_chat_mbr_part .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.group_chat_mbr_part .user-name {
  font-weight: bold;
  font-size: 15px;
  text-transform: capitalize;
}
.group_chat_mbr_part .user-lastseen,
.group_chat_mbr_part .user-lastseen .small-last-seen {
  font-size: 13px;
  color: #7b7b7b;
}
.chat_main {
  position: fixed;
  bottom: 0;
  width: 340px;
  color: #333;
  z-index: 10;
  border-radius: 16px 16px 0 0;
  right: 90px;
  box-shadow: 0 12px 28px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 4%);
}
.chat_main:nth-child(2) {
  right: 445px;
}
.chat_main:nth-child(3) {
  right: 800px;
}
.chat-tab .online-toggle-hdr {
  width: 100%;
  min-height: 60px;
  font-size: 14.5px;
  padding: 11px 16px;
  border-radius: 16px 16px 0 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat-tab .online-toggle-hdr:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background: #f0f2f5;
}
.wow_chat_hdr_usr {
  display: inline-flex;
  align-items: center;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  min-width: 0;
}
.wow_chat_hdr_usr .avatar {
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
}
.wow_chat_hdr_usr .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.wow_chat_hdr_usr > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.wow_chat_hdr_usr a {
  text-decoration: none;
}
.wow_chat_hdr_usr h3 {
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: normal;
  font-family: "Poppins";
}
.wow_chat_hdr_usr .chat-tab-status {
  margin: -1px 0 -2px;
  display: none;
  font-size: 11px;
  padding: 0px 5px 0px 5px;
  font-family: "Poppins";
}
.wow_chat_hdr_usr .chat-tab-status.active {
  display: block;
  color: #7dd181;
}
/*.chat-tab .online-toggle-hdr.white_online .chat-tab-status.active {color: #ffffff;}
.chat-tab .online-toggle-hdr.white_online a {color: #ffffff;}
.chat-tab .online-toggle-hdr.white_online svg {color: #ffffff; fill: #ffffff;}*/
.chat-tab .online-toggle-hdr.white_online {
  animation: mymove 1.5s infinite;
}

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

.chat-tab .online-toggle-hdr,
.wow_thread_head {
  background: #fff;
  color: #444;
}
.chat-tab .online-toggle-hdr a {
  color: #444;
}
.post-file .plyr--fullscreen-enabled video {
  max-height: none;
}
.wow_chat_hdr_usr .chat-tab-status svg {
  width: 7px;
  height: 7px;
  margin-top: -1px;
  display: none;
}
.chat-tab .online-toggle-hdr .close-chat {
  flex: 0 0 auto;
}
.chat-tab .online-toggle-hdr .close-chat a {
  display: inline-block;
  line-height: 1;
}
.chat-tab .online-toggle-hdr .close-chat svg {
  width: 24px;
  height: 24px;
  margin: 1px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 3px;
  transition: all 0.1s;
}
.chat-tab .online-toggle-hdr .close-chat svg.disabled {
  opacity: 0.4;
}
.chat-tab .online-toggle-hdr .close-chat svg:hover {
  background: rgba(0, 0, 0, 0.1);
}

.chat-tab .online-toggle-hdr h3 {
  transition: all 0.1s;
  padding: 3px 5px 3px 5px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.chat-tab .online-toggle-hdr h3:hover {
  background: rgba(0, 0, 0, 0.03);
}
.chat-tab .online-toggle-hdr img:hover {
  -webkit-filter: brightness(89%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.chat-user-desc {
  padding: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  height: 274px;
  flex-direction: column;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.chat-user-desc.chat-user-desc-show {
  display: flex;
}
.chat-user-desc img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
}
.chat-user-desc .text {
  text-align: center;
}
.chat-user-desc .head-text {
  font-size: 14.5px;
  color: #000;
  margin-bottom: 5px;
}
.chat-user-desc .desc-text {
  font-size: 14.5px;
  color: #6b6b6b;
}
.chat-user-desc .desc-text svg {
  margin-top: -2px;
  width: 13px;
  height: 13px;
}
.chat-messages-wrapper {
  height: 280px;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  background-color: #fff;
  width: 340px;
  padding-top: 6px;
}
.chat-messages-wrapper .incoming {
  max-width: 65%;
}
.chat-messages-wrapper .incoming p .hash {
  color: #333 !important;
}
.chat-messages-wrapper .outgoing .message-media a {
  color: #fff;
}
.chat-messages-wrapper .messages-wrapper {
  border: none;
  padding: 4px 12px;
  position: relative;
}
.chat-messages-wrapper .incoming,
.chat-messages-wrapper .outgoing {
  max-width: 75%;
  position: relative;
}
.chat-messages-wrapper .message-group_owner {
  font-weight: bold;
  font-size: 13px;
  margin: 3px 1px 2px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.chat-messages-wrapper .message-group_owner a {
  text-decoration: none;
}
.chat-messages-wrapper .incoming .message-text,
.chat-messages-wrapper .outgoing .message-text {
  border-radius: 15px;
  padding: 9px 16px;
  font-size: 14px;
  color: #333;
  background-color: #f0f2f5;
  font-family: "Poppins";
}
.chat-messages-wrapper .incoming .message-text {
  border-radius: 2px 8px 8px 8px;
}
.chat-messages-wrapper .outgoing .message-text {
  border-radius: 8px 2px 8px 8px;
}
.chat-messages-wrapper .incoming .message-text a.hash {
  color: #333 !important;
}
.chat-messages-wrapper .messages-wrapper .message-media {
  border-radius: 15px;
  overflow: hidden;
  line-height: 1;
  display: flex;
}
.chat-messages-wrapper
  .messages-wrapper
  .message-media
  > a:not(.file-sharing-download-btn) {
  text-decoration: none;
  border-radius: 15px;
  padding: 6px 10px;
  font-size: 14.5px;
  line-height: 16px;
}
.chat-messages-wrapper
  .messages-wrapper
  .incoming
  .message-media
  > a:not(.file-sharing-download-btn) {
  background-color: #f0f2f5;
}
.chat-messages-wrapper .messages-wrapper .message-typing {
  margin-top: 10px;
}
.chat-messages-wrapper .messages-wrapper .message-typing:empty {
  margin-top: 0;
}
.chat-messages-wrapper .messages-wrapper .message-typing svg {
  margin-left: 5px;
}
.chat-messages-wrapper .messages-wrapper .name {
  color: #666;
  font-size: 12px;
}
.chat-messages-wrapper .messages-wrapper .user-avatar-right {
  float: right;
  width: 30px;
  margin-left: 10px;
  border-radius: 50%;
}
.chat-messages-wrapper .messages-wrapper .user-avatar-left {
  float: left;
  width: 30px;
  margin-right: 10px;
  border-radius: 50%;
}
.chat-messages-wrapper .media-video-file {
  width: 100%;
  border-radius: 1px;
  padding: 0;
  margin-top: 0;
  border: none;
}
.chat-messages-wrapper .file-sharing-download-btn {
  margin-top: 1px;
}
.chat-messages-wrapper .image-file {
  max-width: 100%;
  border: 0;
  max-height: 150px;
  border-radius: 0;
}
.chat-messages-wrapper .message-details {
  margin-right: 0;
  margin-top: 2px;
  font-size: 12px;
}
.btn-chat {
  width: 50.2%;
  border-radius: 0;
  font-size: 14.5px;
  margin-top: 0;
}
.chat-textarea {
  width: 100%;
  background-color: #fff;
}

.chat-textarea textarea {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  /* padding: 10px 110px 10px 32px; */
  padding: 10px 75px 10px 32px;
  font-size: 12px;
  resize: none;
  /* max-height: 40px; */
  border: 1px solid #ededed;
  margin: 10px 5px 10px;
  flex: 1 1 auto;
  font-family: "Poppins";
}

.chat-textarea textarea.no_size {
  padding: 10px !important;
  width: calc(100% - 20px);
  margin: 10px;
}
.chat-textarea .chat-btns-w {
  padding: 1px 10px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.chat-textarea .chat-btns-w .file_absolute {
  position: absolute;
  left: 19px;
}
.chat-textarea .chat-btns-w .absolute {
  position: absolute;
  right: 45px;
  display: flex;
}
.chat-textarea .chat-btns-w .flex {
  display: flex;
}
.chat-textarea .chat-btns-w .ball-pulse {
  margin: 0;
  line-height: 26px;
  transform: scale(0.7);
  position: absolute;
  background: white;
}
.chat-textarea .chat-btns-w .btn-file {
  padding: 0;
  display: inline-flex;
  border: 0;
  cursor: pointer;
  box-shadow: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
  margin: 0;
}
.chat-textarea .chat-btns-w .btn-file:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.chat-textarea .chat-btns-w .record_timei {
  position: absolute;
  bottom: 100%;
  padding: 5px 7px 4px;
  background-color: #fff;
  left: -11px;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.19);
  line-height: 1;
  font-weight: bold;
  font-size: 12px;
  font-family: "Poppins";
}
.chat-textarea .chat-btns-w .chat_optns {
  color: #5b5b5b;
}
.chat-textarea .chat-btns-w .chat_optns svg {
  width: 20px;
  height: 20px;
}
.chat-textarea .chat-btns-w .chat_optns.dropup {
  position: static;
}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu {
  max-height: 280px;
  padding: 0;
  overflow-y: auto;
  min-width: 230px;
}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state {
  margin: 83px 0;
}
.chat-textarea .chat-btns-w .chat_optns .dropdown-menu .empty_state svg {
  width: 60px;
  height: 60px;
  color: #ffffff;
}
.wow_choose_chat_clrs .chat-colors-cont {
  width: 100%;
  height: 100%;
  padding: 15px 7px;
}
.wow_choose_chat_clrs .chat-colors-cont a {
  width: auto;
  line-height: 1;
  font-size: inherit;
  margin: 5px 3px;
}
.wow_choose_chat_clrs .chat-colors-cont a svg {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  transition: all 0.15s;
}
.wow_choose_chat_clrs .chat-colors-cont a svg:hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
}
.chat-textarea .chat-btns-w .chat_optns .emo-container,
.emo-message-container,
.publisher-box-emooji {
  max-height: 280px;
  overflow-y: auto;
  display: block !important;
}
.publisher-box-emooji {
  min-width: 260px;
}
.chat-textarea .chat-btns-w .chat_optns .emo-container span,
.emo-message-container span,
.publisher-box-emooji span {
  display: inline-flex;
  margin: 1px;
  padding: 2px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  transition: all 0.15s;
  cursor: pointer;
  font-size: 21px;
}
.chat-textarea .chat-btns-w .chat_optns .emo-container span:hover {
  background-color: #efefef;
}
.chat-textarea .chat-btns-w .chat_optns .emo-container span i {
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  margin: 0;
}
#chat-box-stickers {
  height: 280px;
}
#chat-box-stickers input {
  padding-left: 10px;
  border: none;
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid #f0f0f0;
}
#chat-box-stickers #chat-box-stickers-cont img,
#chat-box-stickers #chat-box-stickers-cont video {
  height: 83px;
  max-height: 85px;
}
#chat-box-stickers-cont {
  width: 100%;
  overflow: scroll;
  max-height: 280px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px;
}
#chat-box-stickers input + #chat-box-stickers-cont {
  max-height: 260px;
}
#chat-box-stickers-cont img,
#chat-box-stickers-cont video {
  width: calc(100% / 2 - 2.5px);
  display: inline;
  cursor: pointer;
  aspect-ratio: 1;
  object-fit: cover;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs {
  margin: 0;
  padding: 8px 5px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs:last-child {
  border: 0;
  padding-bottom: 0;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs h3 {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}
.home-sidebar.profile-style.wow_add_groupcht_mmbrs .pointer.status {
  margin-left: auto;
}

.w100 {
  width: 100%;
  overflow: hidden;
}
.record-chat-audio {
  padding: 3px;
  color: #333;
}
.chat-recording-time {
  color: #333;
  font-size: 14.5px;
  font-family: Hind, sans-serif;
}
.hind {
  font-family: Hind, sans-serif !important;
}
.blue-link {
  color: #365899;
}
.ad-placement-header-footer {
  text-align: center;
}
.ad-placement-header-footer iframe,
.ad-placement-header-footer script {
  width: 80%;
}
.ad-placement-header-footer .content {
  margin-top: 30px;
}
.verified-color svg,
svg.verified-color {
  margin-top: -3px !important;
  fill: #55acee;
}
.filter-by-home {
  display: none;
}
.gray {
  color: #666;
}
.tooltip-wide {
  font-size: 95%;
}
.tooltip-wide .tooltip {
  min-width: 500px;
}
.verified-color {
  color: #55acee;
}
.verified-color svg {
  width: 18px !important;
  height: 18px !important;
}
.tooltips {
  min-width: 200px;
}
.pinned-post-container {
  position: relative;
}
.post-options {
  left: auto;
  right: 0;
  border: none;
  color: #ccc;
}
.api-ex-urls,
.app-avatar,
.video-con {
  border-radius: 3px;
}
.activity-container .time {
  font-size: 10px;
}
.activity-container img {
  width: 50px;
}
.activity-container .activity {
  border-bottom: 1px solid #f0f2f5;
}
.activity-container .activity img {
  width: 45px !important;
  height: 45px;
  overflow: hidden;
  border-radius: 50%;
}
.activity-container .activity .inline_post_count_emoji > img {
  width: 16px !important;
  height: 16px;
}
.second-user-color {
  color: #333;
}
.pin-icon,
.sop-icon {
  position: absolute;
  width: auto;
  color: #f9b340;
}
.sop-icon {
  right: 15px;
  top: 15px;
  font-size: 25px;
}
.pin-icon {
  top: -10px;
  font-size: 23px;
}
.pin-icon svg {
  fill: #f9b340;
  width: 23px !important;
  height: 23px !important;
}
.pinned-text {
  color: orange;
}
.promoted-post {
  margin: 20px 0;
  position: relative;
  border: 2px solid #ffa412;
  border-radius: 16px;
}
.promoted-post .promoted-icon {
  background: #ffa412;
  color: #fff;
  font-family: "Poppins";
  font-weight: 500;
  border-radius: 13px 13px 0 0;
  padding: 7px 10px;
}
.promoted-post .promoted-icon svg.feather {
}
.promoted-post .panel {
  margin: 0;
  border-radius: 0 0 16px 16px;
}
#remote-media,
.sidebar-page-data,
.video-con {
  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;
}
.account-activate-icon {
  font-size: 100px;
  color: #a84849;
}
.app-avatar {
  width: 30px;
  margin-right: 7px;
}
#remote-media h3 {
  text-align: center;
  color: #fff;
  padding: 15px;
}
#remote-media video:nth-child(2) {
  width: 80% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hidden-mobile-image,
.video-con {
  width: 100%;
}
.video-con {
  background: #444;
}

.green {
  color: #43a735;
  font-size: 14.5px;
}
.sidebar-page-data .sidebar-listed-page-avatar {
  position: absolute;
  top: 0;
}
.sidebar-page-data .sidebar-listed-page-avatar img {
  width: 70px;
  height: 70px;
  background: #fff;
  padding: 0 1px 1px 0;
  border-bottom-right-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.sidebar-page-data .sidebar-listed-page-name {
  position: absolute;
  left: 8px;
  font-size: 16px;
  top: 75%;
  color: #fff;
}
.sidebar-page-data .sidebar-listed-page-name a {
  color: #fff !important;
}
.sidebar-page-data .sidebar-listed-page-like-btn {
  position: absolute;
  right: 8px;
  top: 70%;
}
.sidebar-page-data .text-shadow {
  background: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.65) 100%
  );
  padding: 20px;
  position: relative;
  margin-top: -40px;
}
.sidebar-page-data .sidebar-listed-page-cover img {
  width: 100%;
}
.no-more-pages {
  font-size: 14.5px;
  color: #777;
}
.user-details {
  z-index: 1111;
  padding-top: 10px;
}
.user-details .loading-user {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  width: 330px;
  border-radius: 3px;
  background-color: #f9f9f9;
  padding: 10px;
}
.user-details .loading-user div.fa {
  text-align: center;
  font-size: 19px;
  display: block;
}
.user-details:not(.not-profile) {
  z-index: 333;
  padding-top: 35px;
}
.user-details.not-profile:before {
  position: absolute;
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f9f9f9;
  left: 10px;
  border-bottom-color: #f9f9f9;
  top: 0;
  filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.35));
}
.user-details.right:before {
  left: auto;
  right: 20px;
  content: "";
}
.user-fetch {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
  width: 340px;
  min-height: 240px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}
.user-fetch .user-cover {
  background-size: cover !important ;
  background-position: 100% !important;
  min-height: 130px;
}
.user-fetch .user-avatar {
  position: relative;
  float: none;
  z-index: 2;
  text-align: center;
  margin-top: -50px;
  margin-bottom: 15px;
}
.user-fetch .user-avatar img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.user-fetch hr {
  margin-bottom: 0 !important;
}
.user-fetch .user-name {
  font-size: 18px;
  z-index: 3;
  position: relative;
  width: 100%;
  line-height: 1;
  color: #3c3c3c;
  text-align: center;
}
.user-fetch .user-name a {
  color: #3c3c3c !important;
}
.user-fetch .user-buttons {
  width: 100%;
  margin-right: 0;
  margin-top: 13px;
  text-align: center;
}
.user-fetch .user-information {
  padding: 4px;
  margin: 10px 0 0;
  font-size: 12px;
  text-align: center;
  color: #666;
  border-top: 1px solid #eee;
}
.user-fetch .user-information li {
  padding: 5px;
  display: inline-block;
  font-size: 14.5px;
}
.user-fetch .user-information li svg.feather {
  margin: -2px 1px 0;
  width: 14px;
  height: 14px;
}
.user-fetch .user-cover img {
  width: 100%;
}
.user-fetch .user-footer .user-button {
  margin: 0 4px;
  display: inline-block;
}
.user-fetch .user-footer .user-button button {
  font-size: 14.5px;
}
.user-fetch .user-footer .user-button:empty {
  margin: 0;
}
.typing {
  width: 33px;
  margin-top: 10px;
}
.filter-margin {
  margin-bottom: 20px;
}
.emo-post-container {
  z-index: 2;
  display: none;
  right: 0;
  left: auto;
  background-color: #fff;
  padding: 5px;
}
#filterby-post {
  display: none !important;
}
ul#filterby-post {
  position: sticky;
  top: 70px;
  z-index: 9;
  box-shadow: 0px -6px 30px rgb(0 0 0 / 6%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.filterby .avtive,
.filterby li:hover {
  background: #f9f9f9;
}

#filterby-post li {
  padding: 10px;
  height: auto;
  border: 0;
  border-radius: 7px;
  line-height: 1;
  cursor: pointer;
  margin: 13px 3px;
  position: relative;
}
/*#filterby-post li:before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    border-radius: 50%;
    opacity: 0.1;
}*/
#filterby-post .avtive:before {
  display: none;
}
#filterby-post li svg {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0;
}
.emo-comment,
.image-comment {
  position: absolute;
  color: #999;
  top: 0;
  z-index: 2;
}
#filterby-post .avtive {
  transition: all 0.1s;
  background: #ededed;
}
.float-right {
  margin-top: 5px;
  float: right;
}
.emo-comment {
  right: 33px;
}
.image-comment {
  right: 25px;
}
.comment-image-con {
  width: 50%;
  position: relative;
  margin-top: 10px;
}
.comment-image-con img {
  max-width: 100%;
  width: 100%;
  border-radius: 3px;
}
.comment-image-con .remove-icon {
  position: absolute;
  top: 8px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 1px 1px #000;
  right: 10px;
}
.send-comment {
  position: absolute;
  color: #999;
  display: none;
  right: 80px;
  top: 0;
  z-index: 2;
}
.post-commet-textarea {
  position: relative;
  padding: 0 15px;
}
.user-username {
  color: #a84849;
  font-size: 10px;
}
.user-story-container .ads-heading {
  overflow: hidden;
  width: 100%;
  padding: 10px 15px;
}
.user-story-container .ads-image {
  width: 46px;
  height: 46px;
  display: block;
  overflow: hidden;
  margin-right: 10px;
}
.user-story-container .panel {
  padding-top: 10px;
}
.user-story-container .ads-meta {
  color: #555;
}
.user-story-container .ads-meta .title {
  margin-bottom: 0;
  margin-top: 1px;
}
.user-story-container .ads-description {
  font-size: 14.5px;
  color: #555;
  overflow: hidden;
  word-wrap: break-word;
  padding: 15px 0;
}
.user-story-container .ads-headline {
  font-size: 14.5px;
  color: #555;
  overflow: hidden;
  word-wrap: break-word;
  padding: 15px 0;
}
.user-story-container .ads-headline p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}
.user-story-container .ads-headline p span {
  font-size: 14.5px;
  color: #333;
  display: block;
}
.user-story-container .ads-headline p span.read-ads-description {
  display: block;
  height: 40px;
  overflow: hidden;
  cursor: pointer;
}
.user-story-container .ads-cover {
  width: 100%;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 1px 0 0 #f0f2f5, 0 0 0 1px #f0f2f5;
}
.user-story-container .ads-cover .ads-description {
  width: 100%;
  overflow: hidden;
  padding: 15px;
}
.user-story-container .ads-cover .ads-description h5 {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.user-story-container .ads-cover .ads-description p {
  font-size: 14.5px;
  color: #555;
  margin-top: 5px;
}
.user-story-container .ads-cover a {
  display: block;
  max-height: 700px;
}
.modal-dialog.profile-picture {
  width: 150px !important;
}
.modal-dialog textarea {
  max-height: 300px;
}
.modal-dialog .form-control:not(textarea) {
  height: 30px;
  font-size: 14.5px;
}
.small-text {
  font-size: 14px !important;
}
.admin-panel .page-margin {
  margin-bottom: 0;
}
.admin-panel .btn-default {
  height: 30px;
  font-size: 14.5px;
}
.lightbox-backgrond,
.lightbox-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  left: 0;
}
.admin-panel .col-md-9 .list-group-item.dashboard {
  color: #444 !important;
  background-color: #f9f9f9 !important;
}
.admin-panel .col-md-9 .list-group-item.users {
  background-color: #4c75a3 !important;
}
.admin-panel .col-md-9 .list-group-item.pages {
  background-color: #ce3d3d !important;
}
.admin-panel .col-md-9 .list-group-item.groups {
  background-color: #f2b92b !important;
}
.admin-panel .col-md-9 .list-group-item.posts {
  background-color: #6abd46 !important;
}
.admin-panel div ul {
  margin: 0 !important;
  border-bottom: 1px solid #f9f9f9;
  border-radius: 0 !important;
}
.admin-panel p i:not(.fa-caret-down) {
  width: 15px;
  font-size: 14.5px;
}
.admin-panel-well .admin-static50 {
  width: 50% !important;
  background-color: #333 !important;
}
.admin-panel-well .admin-static {
  background-color: #4c75a3;
  color: #fff;
  font-size: 20px;
  padding: 5px;
  min-height: 100px;
  text-align: center;
  width: 25%;
}
.admin-panel-well .user-count {
  background-color: #4c75a3;
}
.admin-panel-well .page-count {
  background-color: #ce3d3d;
}
.admin-panel-well .groups-count {
  background-color: #f2b92b;
}
.admin-panel-well .posts-count- {
  background-color: #6abd46;
}
.admin-panel-well .messages-count {
  background-color: #f2b92b;
  cursor: inherit;
}
.admin-panel-well .online-count {
  background-color: #659fcb;
  cursor: inherit;
}
.admin-panel-well .games-count {
  background-color: #e84c4c;
  cursor: inherit;
}
.admin-panel-well .comments-count {
  background-color: #6abd46;
  cursor: inherit;
}
.admin-panel-well .icon {
  font-size: 40px;
}
.admin-panel-well .text {
  font-size: 18px;
}
.admin-panel-well.manage-users .text {
  font-size: 14.5px;
}
.payments {
  font-family: Lato !important;
}
.social-box {
  color: #fff;
  padding: 10px 10px 0;
}
.social-box .social-icon {
  color: #fff;
  font-size: 40px;
  margin-top: 10px;
}
.social-box.facebook {
  background: #43609c;
}
.social-box.google {
  background: #dc493c;
}
.social-box.twitter {
  background: #659fcb;
}
.social-box.linkedin {
  background: #0177b5;
}
.social-box.instagram {
  background: #3f729b;
}
.social-box.vk {
  background: #4c75a3;
}
.last-btn {
  margin-bottom: 0 !important;
}
.btn-upload-image {
  background-color: transparent;
  opacity: 1;
  transition: all 0.2s;
  text-shadow: #555 0 0 1px;
  padding: 5px;
}
.btn-upload-image:hover {
  background: 0 0;
  text-shadow: #444 0 0 3px;
}
.nopadding-left {
  padding-left: 0 !important;
}
.lightbox-backgrond {
  width: 100%;
  z-index: 1030;
  background: rgba(0, 0, 0, 0.8);
  background: rgb(0 0 0 / 45%);
  backdrop-filter: blur(7.5px);
}
.modal-backdrop {
  background: rgb(0 0 0 / 40%);
  backdrop-filter: blur(7.5px);
}
.modal-backdrop.in {
  opacity: 1;
}

.lightbox-content {
  transition: all 0.4s;
  margin-right: auto;
  margin-left: auto;
  width: 1110px;
  margin-top: 50px;
  z-index: 1031;
}
.lightbox-content .story-img {
  border-radius: 3px 0 0 3px;
  display: table-cell;
  vertical-align: middle;
  height: calc(100vh - 100px);
}
.lightbox-content .story-img img {
  max-width: 100%;
  display: block;
  max-height: calc(100vh - 100px);
  margin-left: auto;
  margin-right: auto;
}
.lightbox-content .comment-section {
  background-color: #fff;
  height: calc(100vh - 100px);
  border-radius: 0 3px 3px 0;
  padding-top: 10px;
  display: table-cell;
  width: 35%;
}
.lightbox-content .comment-section .stats {
  padding: 0 16px; /*border-bottom:1px solid #ebebeb*/
}
.lightbox-content .comment-section .stats .stat-item {
  display: inline-block;
  font-size: 14.5px;
  border: 0;
  box-shadow: none;
  width: 49%;
  font-weight: 700;
}
.lightbox-content .comment-section .post-info {
  margin: 0 16px 10px;
  max-height: 100px;
  overflow: auto;
  position: relative;
}
.lightbox-content .comment-section .post-info p {
  word-break: break-word;
  font-size: 16px;
  color: #555;
  overflow: hidden;
  word-wrap: break-word;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.cool-style-album .album-name h4 {
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightbox-content .comment-section .user-name {
  margin-bottom: 0;
  margin-top: 10px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
}
.lightbox-content .comment-section .user-name a {
  color: #222;
}
.lightbox-content .user-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  margin-right: 12px;
}
.lightbox-content .comment-section-inner .comment-inner-header h6 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.lightbox-content .comment-section-inner .comment-inner-header h6 .time {
  font-size: 13px;
}
.close-lightbox,
.create-album {
  margin-right: 5px;
  cursor: pointer;
}
.lightbox-content.multi {
  width: 900px;
}
.close-lightbox {
  padding: 4px;
  color: #666;
  margin-top: -5px;
}
.close-lightbox svg {
  transition: all 0.2s;
}
.close-lightbox svg:hover {
  color: #f4f4f4;
}
span.product-list {
  position: absolute;
  top: 7px;
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  padding: 4px;
  border-radius: 50%;
  right: 17px;
  transition: all 0.2s;
}
span.product-list:hover {
  background: rgba(255, 255, 255, 0.4);
}
.changer {
  cursor: pointer;
  margin-bottom: 10px;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  top: 40%;
  width: 50px;
  display: none;
}
.changer i {
  color: #fff;
  font-size: 30px;
  text-shadow: 0 1px 2px #555;
  padding: 10px;
  position: relative;
}
.previous-btn {
  left: 0;
}
.next-btn {
  right: 30.5%;
}
.next-btn.multi {
  right: 0;
}
.width-2 {
  width: 50% !important;
}
.width-3 {
  width: 33.33% !important;
}
.create-album {
  position: relative;
  margin-top: -25px;
  font-size: 14.5px;
  color: #666;
}
.feeling-text {
  color: #777;
  margin-top: -5px;
}
.feeling-text i {
  font-size: 14.5px;
}
.feeling-type {
  max-height: 200px;
  overflow: auto;
  display: none;
}
.feeling-type ul {
  padding: 5px;
  border-top: 1px solid #ededed;
  margin-bottom: 1px;
}
.feeling-type li {
  color: #666;
  padding: 5px;
}
.feeling-type.feeling-types {
  position: absolute;
  background-color: #fff;
  width: 100%;
  z-index: 9;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0 5px 5px;
  border-top-width: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.feeling-type.feeling-types li {
  display: table;
  margin: 2px 0;
}
.feeling-type.feeling-types li:hover {
  background-color: #f7f7f7;
}
.feeling-type.feeling-types li svg.feather {
  display: table-cell;
  width: 26px;
  height: 26px;
  margin: 0 10px 0 2px;
  padding: 1px;
}
.feeling-type.feeling-types li span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-size: 14.5px;
  font-weight: 700;
}
.feelings-value {
  background-color: #fff;
  color: #555;
  padding: 4px 6px;
  position: absolute;
}
.feeling-type li i.twa,
.feelings-value i.twa {
  margin-top: 2px;
  vertical-align: bottom;
}
.feelings-value:empty {
  padding: 0;
}
#feelings-text {
  width: 80%;
  height: 31px;
}
.feelings-type-to {
  padding: 6px 7px;
  color: #555;
  background: #dfecff;
}
.feelings-type-to:empty {
  padding: 0;
}
.light {
  background: #fcfcdb;
  transition: opacity 500 ease-in-out;
}
.pricing,
.upload-image-content {
  transition: all 0.2s ease-in-out;
  text-align: center;
}
.view-more-replies {
  color: #777;
  font-size: 14px;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 10px;
}
.view-more-replies i {
  font-size: 10px;
}

/*Album*/
.wow_big_heading {
  font-family: "Gilroy-ExtraBold";
  font-size: 116px;
  line-height: 136px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.06;
}
.wow_big_head_link {
  padding: 15px;
  border-radius: 20px;
  box-shadow: none;
}
.wow_big_head_link ul {
  margin: 0;
  white-space: nowrap;
  overflow-x: auto;
}
.wow_big_head_link ul li {
  display: inline-block;
}
.wow_big_head_link ul li a {
  background: #f5f5f5;
  border-radius: 24px;
  padding: 8px 24px;
  display: block;
  text-decoration: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.wow_big_head_link ul li.active a {
}
.wow_big_head_link.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wow_big_head_link .right_part {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.wow_search_head.wow_big_head_link .right_part {
  flex-wrap: wrap;
}
.wow_big_head_link.full .right_part {
  width: 100%;
}
.wow_big_head_link .right_part .search-blog {
  margin-right: 15px;
}
.wow_big_head_link.full .right_part .search-blog {
  flex: 1 1 auto;
}
.wow_big_head_link .right_part .search-blog form,
.popular_posts_hdr.find_frnds .search-blog form {
  position: relative;
}
.wow_big_head_link .right_part .search-blog form input,
.popular_posts_hdr.find_frnds .search-blog form input,
.wow_search_head .right_part .search-blog input,
.wow_search_head .market_widget .m_widget_head > select {
  border: 0;
  background: #f5f5f5;
  border-radius: 8px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  padding: 10px 25px;
  min-width: 280px;
  outline: none;
}
.wow_big_head_link.full .right_part .search-blog form input,
.popular_posts_hdr.find_frnds .search-blog form input {
  width: 100%;
}
.wow_big_head_link .right_part .search-blog form svg,
.popular_posts_hdr.find_frnds .search-blog form svg {
  position: absolute;
  right: 0;
  margin: 9.5px;
  top: 0;
  opacity: 0.5;
  pointer-events: none;
}
.wow_big_head_link.full .right_part .dropdown {
  flex: 0 0 auto;
}
.wow_big_head_link .right_part .dropdown .dropdown-toggle {
  min-width: auto;
  line-height: 40px;
  padding: 0 11px;
  border-radius: 7px;
}
.wow_big_head_link .right_part .dropdown .dropdown-toggle svg {
  margin: -2px 0 0;
  width: 18px;
  height: 18px;
}
.wow_big_head_link .right_part .dropdown .dropdown-menu {
  max-width: 350px;
  padding: 12px;
  min-width: 350px;
}
.wow_big_head_link .right_part .dropdown .dropdown-menu .m_widget_head {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.wow_big_head_link .right_part .dropdown .dropdown-menu .market_categories ul {
  white-space: normal;
  padding: 0;
  margin: 0 -3px 13px;
  display: flex;
  flex-wrap: wrap;
}
.wow_big_head_link
  .right_part
  .dropdown
  .dropdown-menu
  .market_categories
  ul
  li {
  margin: 6px 3px 0;
}
.wow_big_head_link
  .right_part
  .dropdown
  .dropdown-menu
  .market_categories
  ul
  li
  a {
  padding: 2px 13px;
  font-size: 14px;
}
.btn_create_big {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.btn_create_big svg {
  width: 32px;
  height: auto;
  margin: 0;
}
.btn_create_big.album {
  height: 229.23px;
}
.real_album .btn_create_big.album {
  height: 318.44px;
}

.cool-style-album {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .cool-style-album-row:not(.real_album_row) {
    margin: 0 -6px;
  }
  .cool-style-album:not(.real_album) {
    width: 20%;
    padding: 0 6px;
  }
  .cool-style-album-row .common_things_roww {
    padding: 0 6px;
  }
  .cool-style-album.empty {
    width: 80%;
  }
  .cool-style-album-row.profile_groups {
    margin: 0 -15px;
  }
  .cool-style-album-row.profile_groups .cool-style-album {
    width: 33.33333333%;
    padding: 0 15px;
  }
  .cool-style-album-row.wow_frnd_usr {
    margin: 0 -15px;
  }
  .cool-style-album-row.wow_frnd_usr .cool-style-album {
    width: 25%;
    padding: 0 15px;
  }
  .cool-style-album.blog_list {
    width: 25%;
  }
  .cool-style-album.empty.blog {
    width: 75%;
  }
  .cool-style-album.real_boost_page {
    width: 33.33333333%;
  }
  .cool-style-album-row.real_album_row {
    margin: 0 -10px;
  }
  .cool-style-album.real_album {
    padding: 0 10px;
  }
}

.cool-style-album-row.profile_groups .cool-style-album .user-follow-button {
  height: 55px;
}

.cool-style-album:not(.real_album) .album_parent {
  position: relative;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  box-shadow: -20px 15px 50px rgba(0, 0, 0, 0.1);
  padding: 12px;
}

.cool-style-album.profi_groups .album_parent {
  box-shadow: none;
}
.cool-style-album.profi_groups .album_parent .avatar a {
  padding-bottom: 70%;
}
.cool-style-album.profi_groups .album_parent .avatar a img {
  box-shadow: none;
}
.cool-style-album.profi_groups #wo_useract_btn {
  border-radius: 8px;
  border: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  padding: 0 18px;
  line-height: 40px;
  margin-top: 15px;
  min-width: 60%;
}
.cool-style-album.profi_groups #wo_useract_btn svg {
  display: none;
}
.cool-style-album.profi_groups.user_list .album_parent {
  text-align: center;
  min-height: 285.5px;
}
.cool-style-album.profi_groups.user_list .album_parent .avatar a {
  height: 130px;
  width: 130px;
  padding: 0;
  margin: 10px auto 20px;
}
.cool-style-album.profi_groups.user_list .album_parent .avatar a img {
  border-radius: 50%;
}

.cool-style-album .album_parent .avatar {
  position: relative;
}
.cool-style-album .album_parent .avatar a {
  display: block;
  position: relative;
  padding-bottom: 90%;
}
.cool-style-album .album_parent .avatar a img {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.cool-style-album .album_parent .avatar .alb_count {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: 4px 5px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.cool-style-album .album_parent .avatar .alb_count svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.cool-style-album .album-name a {
  text-decoration: none;
}
.cool-style-album .album-name h4 {
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
  display: block;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 12px 0 5px;
}
.cool-style-album .album-name p {
  margin: 0;
  font-size: 13px;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.real_album .album_parent {
  position: relative;
}
.real_album .album_parent .avatar:before,
.real_album .album_parent .avatar:after {
  content: "";
  height: 8px;
  position: absolute;
  top: 100%;
  transition: background-color 0.3s;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  background-position: bottom;
}
.real_album .album_parent .avatar:before {
  left: 10px;
  right: 10px;
  opacity: 0.7;
}
.real_album .album_parent .avatar:after {
  left: 20px;
  right: 20px;
  margin-top: 8px;
  opacity: 0.3;
}
.real_album .album_parent .avatar a {
  padding-bottom: 100%;
}
.real_album .album_parent .avatar a img {
  box-shadow: none;
  border-radius: 10px;
}
.real_album .album_parent .avatar .alb_count {
  top: auto;
  bottom: 10px;
  font-size: 16px;
  padding: 6px 10px;
}
.real_album .album-name {
  padding: 25px 0px 7px;
  font-size: 15px;
  text-align: center;
}
.real_album .album-name h4 {
  margin: 5px 0;
  font-size: 17px;
  text-transform: none;
  font-family: "Poppins";
}
.real_album .album-name .album-count {
  font-size: 14px;
}

.cool-style {
  width: 24.66%;
  margin: 1px;
  position: relative;
  float: left;
}
.cool-style img {
  width: 100%;
}
.cool-style .game-name {
  position: absolute;
  margin: 5px;
  font-size: 15px;
  color: #fff;
  display: none;
}
.cool-style .game-name a {
  color: #fff;
}
.cool-style .last-play {
  font-size: 12px;
  color: #fff;
  margin-top: 3px;
}
.overlay-black {
  background: url(../img/overlay-image.png);
  width: 100%;
  padding: 50%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  opacity: 0.5;
  left: 0;
}
.album-image {
  position: relative;
  color: #fff;
  float: left;
}
.album-image span {
  position: absolute;
  top: 0;
  display: none;
  color: #fff;
  text-shadow: 0 1px 1px #333;
  right: 5px;
}
.user-cover-reposition-w,
.user-reposition-container {
  position: relative;
  width: 100%;
}
.load-more-comments {
  color: #777;
  font-size: 14.5px;
  margin-left: 5px;
}

/*Steps*/
.wow__minstp .steps > div.step-three {
  right: 6.3%;
}
.wow_usr_steps_prnt {
  padding: 30px;
}
.wow_usr_steps {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  text-align: center;
}
.wow_usr_steps > h2 {
  margin: 20px 0 15px;
  font-weight: 400;
}
.wow_usr_steps > h4 {
  font-weight: 100;
  font-size: 16px;
  margin: 0 0 15px;
}
.wow_usr_steps .wow_form_fields label,
.wow_usr_steps .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
  text-align: initial;
}
.wow_usr_steps .wow_frnd_usr {
  margin-top: 50px;
  margin-bottom: 10px;
}
.wow_usr_steps_cont {
  display: flex;
  align-items: center;
  margin-top: 15px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.wow_usr_steps_cont small {
  flex: 0 0 auto;
  text-decoration: none !important;
  margin: 15px 15px 0 !important;
}
.wow_usr_steps_cont small.vis {
  visibility: hidden;
  opacity: 0;
}
.wow_usr_steps_cont .btn {
  box-shadow: none;
  border-radius: 6px;
  text-align: inherit;
  padding: 0 20px;
  line-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0;
  font-family: "Rubik";
}
.wow_usr_steps_cont .btn svg {
  margin: 0 0 0 7px;
  display: none;
}
.wow_usr_steps .wow_fcov_image {
  margin: 0 auto;
  border: 1px dashed rgba(198, 77, 83, 0.6);
  border-radius: 16px;
  min-height: 370px;
  max-width: 370px;
}
.wow_usr_steps .wow_fcov_image > div {
  border-radius: 16px;
}
.wow_usr_steps .wow_fcov_image > div.upload-image-content {
  display: flex;
}
.wow_usr_steps .wow_fcov_image img {
  min-height: 370px;
  max-height: 370px;
  border-radius: 16px;
  margin: auto;
  width: auto;
}
.startup_follow_usrs {
  background: #f5f5f5;
  border-radius: 12px;
}

.upload-image,
.upload-image img {
  width: 250px;
  height: 250px;
  max-width: 100%;
}
.add-photo #progress {
  width: 250px;
  max-width: 100%;
  padding: 0;
  margin: 10px auto 20px;
}
.add-photo #percent {
  left: 46%;
}
.add-photo label {
  font-size: 15px;
}
.skip-step {
  cursor: pointer;
}
.skip-step:hover {
  text-decoration: underline;
}
.upload-image {
  display: table;
  overflow: hidden;
  cursor: pointer;
  border: 3px dashed #a84849;
}
.upload-image-content {
  font-size: 15px;
  color: #555;
  display: table-cell;
  vertical-align: middle;
}
.upload-image-content:hover {
  color: #777;
}
.upload-image-content i {
  font-size: 70px;
}
.textarea {
  padding-right: 40px;
  border-radius: 2px !important;
}
.reply-textarea {
  padding-top: 5px;
  resize: none;
}
.user-cover-reposition-container {
  position: relative;
}
.user-reposition-container {
  height: 365px;
  overflow: hidden;
  display: none;
}
.user-reposition-container img {
  position: absolute;
  width: 100%;
}
.user-reposition-container .user-reposition-dragable-container {
  position: absolute;
  top: 15px;
  left: 50%;
  width: 28%;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  font-weight: 700;
  padding: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  transform: translate(-50%);
}
.user-reposition-container .user-reposition-dragable-container svg.feather {
  width: 16px;
  height: 16px;
  margin: -2px 4px 0 0;
}
.center-container {
  padding: 10px 10px 25px;
}
.center-container * {
  text-align: center;
}
.center-container .icon {
  font-size: 50px;
  margin-bottom: 30px;
}
.center-container .error-container,
.center-container .success-container {
  display: inline-block;
  background: 0 0;
  padding: 5px;
  width: 500px;
  margin-bottom: 10px;
  max-width: 30%;
}
.center-container button,
.center-container input {
  max-width: 30%;
  display: inline-block;
}
.center-container .error-container {
  color: #af5b5b;
  border: 1px solid #af5b5b;
  font-size: 14.5px;
  border-radius: 3px;
}
.center-container .success-container {
  color: #89ba73;
  border: 1px solid #89ba73;
  border-radius: 3px;
}
.center-container hr {
  max-width: 30%;
  margin-bottom: 30px;
}
.announcements img,
.blog-h-list .avatar img,
.home-announcement img,
.read-blog div,
.read-blog iframe,
.read-blog img,
.read-blog p,
.read-blog span,
.small img {
  max-width: 100%;
}
.center-container p {
  margin-bottom: -5px;
  color: #888;
}
.activate-code-form {
  display: none;
}
#plans {
  padding: 15px;
  width: 80%;
}
#plans ul li {
  font-size: 16px;
}
#plans ul li .green {
  font-size: 16px !important;
}
.red {
  color: red;
}
.padding-right {
  padding-right: 0;
}
.events-tab-list {
  width: 100%;
  border-bottom: 1px solid #f0f2f5;
  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: 14.5px;
  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,
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment
  .comment-body
  .comment_edele_options {
  visibility: hidden;
}

/*Events*/
.wo_events_row_main {
  margin-right: -10px;
  margin-left: -10px;
}
.wo_events_row_main .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
}
.btn_create_big.eventz {
  height: 301.95px;
}
.events-list-wrapper {
  margin-bottom: 25px;
}
.events-list-cover {
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 12px;
}
.events-list-cover .event_cover {
  display: block;
  position: relative;
  /* padding-bottom: 56.25%; */
}
.events-list-cover img.events-list-cover-img {
  /* position: absolute; */
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  /* height: 100%; */
  height: 200px;
  object-fit: cover;
  border-radius: 6px;
}
.events-list-cover .event_cover span {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #ffffff;
  line-height: 1;
  padding: 5px 13px;
  border-radius: 2em;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
}
.event-l-info {
  padding: 12px 0 0;
}
.events-list-name {
  font-size: 17px;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
}
.events-list-name a {
  text-decoration: none;
  color: black;
}
.event-location-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: 7px;
}
.event-location-name svg {
  width: 17px;
  height: 17px;
  margin: -4px 0 0;
}
.event-l-btns {
  margin: 15px -7px 0;
  display: flex;
  flex-wrap: wrap;
}
.event-l-btns > span {
  flex: 1 1 auto;
  display: inline-block;
  padding: 0 7px;
}
.event-l-btns .btn {
  width: 100%;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.wo_event_profile .profile-container .card.hovercard {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  margin-bottom: 25px;
}
.wo_event_profile .profile-container .card.hovercard .cardheader {
  position: relative;
  max-height: inherit;
}
.event-info-cont-small {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 80px 25px 25px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  z-index: 9;
  justify-content: space-between;
}
.event-info-cont-small .info {
  display: flex;
  align-items: center;
}
.short_start_dt {
  margin-right: 15px;
  background-color: rgba(0, 0, 0, 0.4);
  min-width: 45px;
  text-align: center;
  border: 2px solid #a5a5a5;
  border-radius: 3px;
  padding: 2px;
}
.short_start_dt p {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 13px;
}
.short_start_dt b {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
.short_start_dt.inverted {
  padding: 5px 2px;
  border: 0;
  background: #f5f5f5;
  border-radius: 10px;
  display: inline-block;
}
.short_start_dt.inverted p {
  font-family: "Vodafone ExB";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  color: #262d34;
  display: block;
  margin-top: -5px;
}
.short_start_dt.inverted b {
  font-family: "Vodafone ExB";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  color: #262d34;
  display: block;
}
.event-info-cont-small .info h3 {
  margin: 0;
  color: #fff;
  font-size: 26px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.wo_event_profile .event-info-cont {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.event_cdown {
  padding: 0;
  margin: 0 -5px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.event_cdown li {
  display: inline-block;
  font-size: 14.5px;
  list-style-type: none;
  padding: 0 5px;
  text-transform: capitalize;
  text-align: center;
}
.event_cdown li span {
  font-size: 19px;
  background: #f0f0f0;
  border-radius: 50%;
  margin: 0 auto 6px;
  position: relative;
  height: 42px;
  width: 42px;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.wow_event_page_btns .btn {
  /*color: #a84849;
    background-color: #f4e2e3;*/
  border-radius: 2em;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 42px;
  padding: 0 20px;
  margin: 0 3px;
}
.event_two_blocks {
  padding: 0 7px;
  display: flex;
}
.event_two_blocks > div {
  display: inline-flex;
  width: 50%;
  padding: 15px 10px;
  position: relative;
  align-items: center;
}
.event_two_blocks > div div {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
}
.event_two_blocks div h6 {
  display: block;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}
.event_invite_frnd {
  position: relative;
}
.events-list-dropup-menu span strong:hover,
.link2:hover {
  text-decoration: underline;
}
.events-list-desc {
  margin: 10px;
  font-size: 14.5px;
  line-height: 20px;
  color: #999;
}
.events-list-time {
  display: inline-block;
  color: #404040;
  margin: 10px;
  font-size: 14.5px;
}
.events-list-avatar {
  left: 15px;
  bottom: 10px;
  width: 80px;
  height: 80px;
}
.events-list-avatar img {
  width: 100%;
}
.events-list-checked {
  left: 45%;
  bottom: 45%;
  width: 10%;
  color: #fff;
  font-size: 40px;
  font-family: inherit;
  text-shadow: 2px 2px 30px rgba(0, 0, 0, 0.92);
}
.events-list-checked img {
  width: 100%;
}
.events-list h5 {
  display: block;
  color: #7b8496;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px !important;
  margin: 1px !important;
  white-space: nowrap;
  font-weight: 700;
}
.events-list p {
  display: block;
  color: #7b8496;
  font-size: 14.5px;
}
.events-list time {
  display: inline-block;
  color: #7b8496;
  font-size: 14.5px;
}
.events-list span {
  display: block;
  font-size: 14.5px;
}
.events-list div.col-md-2 {
  height: 60px;
  padding: 0;
}
.events-list div.col-md-2 img {
  border-radius: 2px;
  border: 1px solid #eaeaea;
  width: 100%;
  height: 100%;
}
.event-posts-column {
  padding-right: 0;
}
.event-posts-column div.event-descripton {
  background: #fff;
  color: #9197a3;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: rgba(99, 114, 144, 0.18);
  border-radius: 3px;
}
.events-list-dropup-menu {
  margin: 10px 15px 10px 10px;
}
.events-list-dropup-menu ul li a:hover {
  background: #a84849;
}
.link2 {
  color: #43516d !important;
  margin: 0 5px;
}
.invitation-users-cont {
  width: 100%;
  overflow: hidden;
  padding: 3px;
  border-bottom: 1px solid #ececec;
  margin: 5px auto;
}
.invitation-users-cont div.invitation-users-avatar {
  width: 20%;
  overflow: hidden;
  display: inline-block;
  padding: 2px;
}
.invitation-users-cont div.invitation-users-name {
  display: inline-block;
  padding: 17px 20px;
  width: 40%;
  color: #52636d;
}
.invitation-users-cont div.invitation-users-btn {
  display: inline-block;
  width: 40%;
}
.invitation-users-cont div.invitation-users-btn button {
  margin: 12px 10px;
  font-size: 14.5px;
}
.event-people-invition-list {
  display: none;
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
  border-top: 1px solid #ddd;
  margin-top: 5px;
}
.event-people-invition-list .invitation-users-cont {
  display: flex;
  align-items: center;
}
.event-people-invition-list .invitation-users-cont:last-child {
  border-bottom: 0;
}
.event-people-invition-list .invitation-users-cont .avatar img {
  width: 40px;
  height: 40px;
}
.event-people-invition-list .invitation-users-cont .user-name {
  font-weight: bold;
}
.event-people-invition-list .invitation-users-cont .user-follow-btn {
  margin: 0 0 0 auto !important;
}
.event-people-invition-list
  .invitation-users-cont
  .user-follow-btn
  svg.feather {
  margin: -2px 0 0;
}
.sidebar-event-data {
  padding: 5px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #f0f2f5;
}
.bold {
  font-weight: 700;
  font-weight: 700 !important;
}
.sidebar-event-thumbnail {
  width: 27%;
  overflow: hidden;
  display: inline-block;
}
.sidebar-event-thumbnail img {
  width: 100%;
  border: 1px solid #f0f2f5;
}
.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: 0.7em;
  color: #aaa;
}
.events-going-list-unset {
  margin: 10px;
}

.featured-users {
  border-radius: 2px;
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
  margin-bottom: 15px;
  background-color: #fbab7e;
}
.featured-users .sidebar-title-back {
  background: transparent !important;
}
.featured-users .pro-me-here {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  margin: 13px 0;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.featured-users .pro-me-here a {
  color: #fff;
}
.featured-users .list-inline {
  margin-bottom: 0;
  margin-left: 0;
}
.featured-users .list-inline .slick-slide {
  position: relative;
}
.featured-users .list-inline .slick-slide a {
  padding: 0 !important;
}
.featured-users img {
  width: 100%;
  background-color: #fff;
  border-radius: 100%;
}
.featured-users .icon {
  position: absolute;
  color: #ccc;
  font-size: 8px;
  right: 3px;
  top: 0;
}
.featured-users .icon.online {
  color: #6abd46;
}
.put-me-here-text {
  padding: 7px;
  font-size: 14.5px;
  margin-bottom: -30px;
}
.put-me-here {
  width: 100%;
  position: absolute;
  left: 65%;
}
.put-me-here img {
  width: 30px;
}
.nav-names {
  margin-left: 115px;
}
.nav-names li {
  transition: background 0.2s;
}
.sixteen-font-size {
  font-size: 16px !important;
}
.delete-icon,
.video-icon {
  cursor: pointer;
  margin-right: 4px;
}
.comment-textarea {
  padding-top: 5px;
  resize: none;
}
.white-loading {
  background: #fff;
  height: 50px;
  width: 100%;
}
.cs-loader {
  height: 100%;
  width: 100%;
}
.cs-loader-inner {
  width: 100%;
  padding-top: 2px;
  text-align: center;
}
.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display: inline-block;
}
.products .product .product-price,
.products .product .product-title {
  display: block;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cs-loader-inner label:nth-child(6) {
  animation: lol 1.5s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(5) {
  animation: lol 1.5s 0.1s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(4) {
  animation: lol 1.5s 0.2s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(3) {
  animation: lol 1.5s 0.3s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(2) {
  animation: lol 1.5s 0.4s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(1) {
  animation: lol 1.5s 0.5s infinite ease-in-out;
}
@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  33%,
  66% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100px);
  }
}
@-webkit-keyframes lol {
  0%,
  100% {
    opacity: 0;
  }
  33%,
  66% {
    opacity: 1;
  }
}
.no-more-posts-to-show {
  padding-top: 13px;
}
#textarea_paypal {
  min-height: 200px;
}
.product-price {
  color: green;
  font-weight: 100;
}
.product-name {
  color: #444;
  font-weight: 600;
}
.product-description {
  color: #555;
  font-weight: bold;
}
.product-status {
  color: #43609c;
  font-weight: 100;
}
.product-status-sold {
  color: #e5493d;
  font-weight: 100;
}
.btn-bitcoin {
  background: #fc9b1b;
  color: #fff;
}
.btn-paypal {
  background: #039ddd;
  color: #fff;
}
.products {
  width: 100%;
}
.products .list-group-item,
.products .procuts-categories {
  width: 100%;
  background-color: #fff;
}
.products .product {
  margin-bottom: 20px;
}
.products .product .product-image {
  overflow: hidden;
  margin: 0 0 0 -3px;
  width: calc(100% + 7px);
  position: relative;
}
.products .product .product-image img {
  width: 100%;
}
.products .product .product-title {
  color: #333;
  font-size: 18px;
  margin-bottom: 5px;
}
.products .product .product-title a {
  color: #222;
}
.products .product .product-by {
  font-size: 14.5px;
  color: #888;
  margin-bottom: 4px;
}
.products .product .product-price {
  font-size: 14.5px;
  color: #4caf50;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin: 7px 0 0;
}
.products .product .product-desc {
  color: #999;
  margin-top: 8px;
  font-size: 14.5px;
}
.posts-count {
  z-index: 99;
  padding: 10px 15px;
  text-align: center;
  position: fixed;
  transition: all 0.2s ease;
  top: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) !important;
}
.posts-count:empty {
  padding: 0;
  border: 0;
  box-shadow: none !important;
}
#members table,
.thread-replies {
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
}
.posts-count:hover {
  background-color: #f0f2f5;
}
#members table thead tr th,
.member_list,
.small {
  font-weight: 400;
}

/*Post Poll*/
.options {
  position: relative;
  margin-bottom: 30px;
}
.wo_votes {
  margin: 9px 0;
  overflow: hidden;
  position: relative;
  border-radius: 9px;
  background-color: #fafbfd;
}
.wo_votes .answer-vote {
  font-size: 14px;
  width: 60px;
  text-align: end;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  padding: 0 11px;
}
.options .poll-option {
  padding: 11px;
  color: #555;
  cursor: pointer;
  border-radius: 2em;
  z-index: 1;
  position: relative;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.options .poll-option > span svg {
  width: 20px;
  height: 20px;
  margin: -2px 6px 0px 0;
  opacity: 0.5;
}
.wo_votes:hover {
  background-color: #f6f7f9;
}
.options .result-bar-parent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.options .result-bar {
  width: 40%;
  height: 100%;
  transition: width 0.3s;
  background-color: #bc3e43 !important;
  opacity: 0.1;
}
.options .total-votes {
  position: absolute;
  bottom: -30px;
  z-index: 1;
  right: 0;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #999;
}
.options .total-votes svg {
  width: 14px;
  height: 14px;
  margin-top: -2px;
}
.wo_votes.active .poll-option {
  color: #bc3e43;
}
.wo_votes.active .poll-option > span svg {
  opacity: 1;
}

#toggle,
.affiliates-link {
  text-align: center;
}
.affiliates-link .affiliates-desc {
  margin-top: 10px;
}
.affiliates-link .affiliates-desc a {
  color: green !important;
}
.affiliates-link .affiliates-image img {
  width: 100px;
  padding: 2px;
  border: 1px solid #ddd;
  border-radius: 100%;
}
.adv-mbr-search,
.f_category,
.member_list {
  width: 100%;
  border-radius: 1px;
  padding: 10px;
  overflow: hidden;
}
.fff {
  color: #fff;
}
.w-100 {
  width: 100%;
  overflow: hidden;
}
.member_list a {
  color: #fff !important;
  text-decoration: none;
}
.member_list a:hover {
  text-decoration: underline;
}
.flink,
.flink:hover,
.small {
  text-decoration: none;
}
.adv-mbr-search i {
  vertical-align: middle;
}
.blocksubhead-forum-header {
  color: #262626;
  font-size: 14.5px;
}
.blocksubhead,
.help {
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14.5px;
}

@media all and (max-width: 724px) {
  .nav-tabs > li > a > span {
    display: none;
  }
}
#mbr-ls-cont {
  background-color: #f6f7f9;
}
.f_topics {
  font-size: 14.5px;
  color: #848484;
}
.topic_icon {
  width: 3%;
  width: 5% !important;
}
.topic_icon svg.feather {
  padding: 0;
  text-align: center;
  margin: 14px 4px 14px 10px;
  width: 25px;
  height: 25px;
}
.topic_icon svg.feather.img-circle {
  padding: 6px;
  margin: 11px 0 12px 5px;
  width: 34px;
  height: 34px;
}
#search-forums {
  background: #fff;
  border-radius: 15px;
  height: 30px;
  margin-top: 1px;
}
#members * {
  overflow: hidden;
}
#members table * {
  vertical-align: middle;
}
.search-cont-inner {
  display: none;
}
.forum-meta-d {
  width: 31%;
  padding: 15px 10px !important;
}
.small {
  font-size: 14.5px;
  color: #615656;
  transition: all 0.3s ease;
}
.flink {
  font-size: 16px;
}
.flink:hover {
  color: #a84849;
}
.thread-info {
  font-size: 14.5px;
}
.threadcont-inner {
  width: 100%;
  overflow: hidden;
}
.threadcont-inner div {
  overflow: hidden;
}
.text-v-middle {
  vertical-align: middle;
  padding: 10px;
}
.margin-b30 {
  margin-bottom: 30px;
}
.thread-replies {
  width: 100%;
  padding: 5px 0;
  margin-bottom: 10px;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: #fff;
}
.thread-replies div img.avatar {
  margin: auto auto 20px;
  border-radius: 3px;
}
.thraed-header-content,
.user-title-thread {
  margin-bottom: 20px;
}
.threadsubject {
  color: #3c3e67;
}
.usr-offline {
  color: #a84849;
}
.usr-online {
  color: green;
}
.topicreview {
  width: 100%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.padd5x10 {
  padding: 5px 10px;
}
.forum_title {
  font-family: Hind, sans-serif;
  font-size: 24px;
  font-weight: 400 !important;
  color: #262626;
  text-align: left;
}
blockquote {
  font-style: italic;
  font-size: 14.5px;
  color: #262626;
  padding: 15px 10px;
  margin-bottom: 10px;
}
.div-control {
  width: 100%;
  padding: 2px 12px;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 3px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.usrthreads {
  width: 100%;
  padding: 0 10px;
}
.usrthreads div {
  margin-bottom: 5px;
}
.font20 {
  font-size: 20px;
}
.mbr-list {
  margin: 10px 0;
}
.referres {
  margin-top: 30px;
}
.referres .ref {
  margin-bottom: 10px;
}
.referres .ref-image {
  width: 42px;
  float: left;
  border-radius: 100%;
  border: 1px solid #ededed;
  margin-right: 10px;
}
.referres .ref-image img {
  width: 100%;
  border-radius: 100%;
  padding: 2px;
}
.referres .name {
  margin-top: 5px;
}
.referres .name .joined {
  margin-top: 3px;
  color: #666;
  font-size: 12px;
}
.referres .name .earned {
  margin-top: 3px;
  color: green;
  font-size: 14.5px;
}
.payment-history h3 {
  padding: 5px;
  margin-top: 20px;
  font-size: 18px;
}
.payment-history .label-status {
  font-size: 14.5px;
  font-weight: 100;
  padding: 2px 5px;
}
.btn-nothing {
  border: 0;
  padding: 0;
  background: 0 0;
}
.edit-box,
.reply-box {
  max-height: 200px;
  margin-top: 10px;
  border-radius: 1px;
}
.btn-nothing:hover {
  text-decoration: underline;
}
.reply-box {
  padding-top: 5px;
}
.blog-dd-menu {
  cursor: pointer;
}
.latest-blogs {
  margin-bottom: 40px;
}
.blog_publ {
  margin-left: 15px;
  margin-bottom: 5px;
}
.blog-category {
  padding: 10px 0;
  overflow: hidden;
}
.blog-list {
  width: 100%;
  overflow: hidden;
}
.blog-style {
  width: 50%;
  overflow: hidden;
  float: left;
}
.blog-style img {
  width: 100%;
  height: 70px;
}
.blog-recom {
  width: 100%;
  overflow: hidden;
}
.blog-recom img {
  width: 100%;
}
.read-blog {
  padding: 20px;
}
.read-blog .read-blog-info p {
  color: #999;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14.5px;
}
.read-blog-container .read-blog .read-blog-head .postCategory h5 {
  margin-bottom: 14px;
}
.read-blog-container .read-blog h1 {
  color: rgba(0, 0, 0, 0.8);
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 15px;
  line-height: 1.2;
}
.read-blog-container .read-blog .read-blog-desc {
  letter-spacing: normal;
  word-wrap: break-word;
  color: #000;
  font-size: 17px;
  font-weight: bold;
  text-align: justify;
  font-family: Georgia;
  font-style: italic;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.read-blog-container .read-blog .read-content {
  color: #333;
  font-size: 16px;
  width: 100%;
  overflow: hidden;
  text-align: justify;
}
.read-blog-container .read-blog .read-content p img {
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); /*width:100%;height:100%*/
}
.read-blog-container .read-blog .read-content ol {
  list-style: decimal;
}
.read-blog-container .read-blog .read-content ul {
  list-style: disc;
}
.read-blog-container .read-blog .blog-share-buttons ul li div {
  border-radius: 0;
}
.read-blog-container .read-blog-thumbnail {
  width: 100%;
  overflow: hidden;
  max-height: 250px;
}
.read-blog-container .read-blog-thumbnail img {
  width: 100%;
  min-height: 100%;
}
.read-blog-container .read-blog-thumbnail:hover > img {
  opacity: 0.9;
}
.read-blog-container .read-tags {
  width: 100%;
  overflow: hidden;
  padding: 5px 0px 0;
}
.read-blog-container .read-tags .postTag {
  display: inline-block;
  font-size: 13px;
  text-decoration: none;
  padding: 1px;
  border-bottom: 1px solid #000;
  margin: 5px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: black;
}
.read-blog-container .related-post .blog-sidebar {
  margin: 0;
  padding: 0 5px;
}
.read-blog-container .related-post .blog-sidebar .wo_page_hdng {
  padding: 0 0 10px;
  margin-bottom: 15px;
}
.read-blog-container .related-post .blog-sidebar .row {
  margin: 0 -9px;
}
.read-blog-container .related-post .recommended-articles {
  margin-bottom: 20px;
  padding: 0 9px;
  overflow: hidden;
}
.read-blog-container .related-post .recommended-articles .article-thumbnail {
  width: 100%;
  overflow: hidden;
  max-height: 135px;
}
.read-blog-container
  .related-post
  .recommended-articles
  .article-thumbnail
  img {
  width: 100%;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  margin-bottom: 5px;
  height: 115px;
}
.read-blog-container .related-post .recommended-articles .article-title h4 {
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  color: #444;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.read-blog-container
  .related-post
  .recommended-articles
  .article-title
  h4:hover {
  color: #000;
}
.read-blog-container .related-post .recommended-articles .article-title a {
  text-decoration: none;
}
.read-blog-container .related-post .recommended-articles .article-info {
  width: 100%;
  font-size: 14.5px;
  color: #999;
}
.setting-well-p {
  padding: 10px;
}
.view-blog {
  color: #666;
  font-size: 14.5px;
  line-height: 17px;
}
.rotate-90d {
  transform: rotate(-180deg);
}
.album-collapse {
  width: 33.33%;
  position: relative;
  background: no-repeat #f9f9f9;
  display: inline;
  float: right;
  background-size: cover;
}
.album-collapse span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 35% 0;
  font-size: 35px;
  font-weight: 400;
}

.no_message {
  text-align: center;
  line-height: 220px;
  font-size: 14.5px;
}
#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;
  border-radius: 2em;
  padding: 0 11px;
  line-height: 30px;
  font-size: 14px;
}
.add_as_cont_list label input:checked + div {
  background-color: brown;
  color: white;
}
#add_to_family .add_to_family_alert div {
  border-radius: 0 !important;
  text-align: center;
}
.wo_prof_side_info_padd.wow_content {
  padding-bottom: 6px;
}
input.cusrange[type="range"] {
  -webkit-appearance: none;
  width: calc(100% - 74px);
  border-radius: 8px;
  height: 7px;
  border: 1px solid #bdc3c7;
  background-color: #ccc;
  display: inline-block;
  outline: 0;
}
input.cusrange[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #3f51b5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}
input.cusrange[type="range"]::-moz-range-track {
  width: calc(100% - 74px);
  border-radius: 8px;
  height: 7px;
  background-color: #ccc;
  display: inline-block;
  outline: 0;
}
input.cusrange[type="range"]::-moz-range-thumb {
  background-color: #3f51b5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}
input.cusrange[type="range"]::-ms-fill-lower,
input.cusrange[type="range"]::-ms-fill-upper {
  background: 0 0;
}
input.cusrange[type="range"]::-ms-track {
  border-radius: 8px;
  height: 7px;
  border: 1px solid #bdc3c7;
  background-color: #ccc;
}
input.cusrange[type="range"]::-ms-thumb {
  background-color: #3f51b5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}
#cusrange-reader {
  text-align: end;
  border: 0;
  background: #f0f0f0 !important;
  position: relative;
  font-weight: bold;
  color: #7a7d7e;
  width: 50px;
  font-size: 14.5px;
  height: 30px;
  line-height: 29px;
  margin-left: 10px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.nearby_user_wrapper {
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  position: relative;
  overflow: hidden;
  min-height: 230px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.colloape-panel-stg,
.sidebar-ad-wrapper,
.wo-content-shadow {
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
}
.nearby_user_wrapper .avatar img {
  width: 104px;
  height: 104px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 0 solid transparent;
  border-radius: 50%;
}
.nearby_user_wrapper .user_wrapper_link {
  display: block;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell,
    Droid Sans, Lucida Grande, Helvetica, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Emoji, Segoe UI Symbol, Hiragino Kaku Gothic Pro,
    Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh,
    Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa,
    Droid Sans Thai, Droid Sans Fallback, ".SFNSDisplay-Regular", Heiti SC,
    Microsoft Yahei;
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
}
.nearby_user_wrapper .user-follow-button {
  padding: 10px 0 7px;
}
.nearby_user_wrapper .user-map-button {
  height: 20px;
  padding: 2px 0;
  margin-top: 3px;
}
.nearby_user_wrapper small {
  font-size: 12px;
  display: block;
  color: #666;
  font-family: OpenSansSemiBold, arial;
  cursor: pointer;
}
.nearby_user_wrapper small:hover {
  color: #676;
}
.nearby_user_wrapper small svg.feather {
  margin-top: -1px;
  width: 12px;
  height: 12px;
}
.nearby_user_wrapper.profile {
  display: flex;
  align-items: center;
  min-height: auto;
  padding: 15px;
}
.nearby_user_wrapper.profile > div:not(.avatar) {
  min-width: 0;
}
.nearby_user_wrapper.profile .avatar img {
  width: 95px;
  height: 95px;
  flex: 0 0 auto;
}
.nearby_user_wrapper.profile .user-lastseen {
  margin-top: 6px;
}
.nearby_user_wrapper.profile .user-lastseen .small-last-seen {
  font-size: 13px;
}
.nearby_user_wrapper.profile .user-follow-button {
  padding: 10px 0 0;
}

.nearby-users-distance {
  background: #fff;
  padding: 10px 15px;
  cursor: pointer;
  font-family: OpenSansBold, arial;
  color: #333;
}
.sidebar-ad-wrapper {
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  color: #444;
  font-size: 14.5px;
  margin-bottom: 20px;
}
.sidebar-ad-wrapper hr {
  padding: 0;
  margin: 0;
}
div.mce-fullscreen {
  z-index: 9999 !important;
}
.mce-menu {
  z-index: 99999 !important;
}
.sidebar-ad-wrapper .sidebar-ad-header {
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.sidebar-ad-wrapper .sidebar-ad-header h4 {
  width: 100%;
  margin: 0;
  display: inline;
  font-family: Arial, sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 25px;
  height: 30px;
}
.sidebar-ad-wrapper .sidebar-ad-header h4 i {
  color: #ebba16;
}
.sidebar-ad-wrapper .sidebar-ad-body {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
}
.colloape-panel-stg,
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition {
  margin: 0;
  color: #666;
}
.sidebar-ad-wrapper .sidebar-ad-body img {
  width: 100%;
}
.sidebar-ad-wrapper .sidebar-ad-footer {
  width: 100%;
  max-height: 150px;
  overflow: hidden;
  padding: 6px;
}
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-title {
  width: 100%;
  font-size: 14.5px;
  padding: 5px 0;
  margin: 0;
  color: #333;
  font-family: OpenSansSemiBold, sans-serif;
}
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition,
.sidebar-ad-wrapper .sidebar-ad-footer time {
  font-size: 14.5px;
  line-height: 17px;
  display: inline-block;
  font-family: OpenSansregular, sans-serif;
  width: 100%;
}
.colloape-panel-stg {
  padding: 15px 10px;
  background: #fff;
  overflow: hidden;
}
.colloape-panel-stg i {
  color: #666;
}
.page-rating > fieldset:not(:checked) > label:hover,
.page-rating > fieldset:not(:checked) > label:hover ~ label,
.rated-star {
  color: #ff9800;
}
.nodisplay {
  display: none;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.page-rating {
  position: relative;
  background: 0 0;
}
.page-rating > fieldset {
  border: none;
  display: inline-block;
  height: 16px;
}
.page-rating > fieldset label {
  margin-top: 1px !important;
  margin-left: 5px;
}
.page-rating > fieldset:not(:checked) > input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.page-rating > fieldset:not(:checked) > label {
  float: right;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  color: #ff9800;
}
.page-rating > fieldset:not(:checked) > label svg.feather {
  margin-top: -3px;
  width: 18px;
  height: 18px;
  fill: #dfdfdf;
  stroke: #dfdfdf;
}
.page-rating > fieldset:not(:checked) > label:hover svg.feather {
  fill: #ff9800;
  stroke: #ff9800;
}
.page-rating > fieldset:not(:checked) > label svg.feather.active {
  fill: #ff9800;
  stroke: #ff9800;
}
.page-rating > fieldset:not(:checked) > label:hover ~ label svg.feather {
  fill: #ff9800;
  stroke: #ff9800;
}
.page-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}
@media screen and (max-width: 990px) {
  .search-nearby-cont {
    padding-left: 15px;
    border-left: none;
  }
}
.group_tab_dropdown {
  color: #666;
}
.group_tab_dropdown span {
  display: block;
  padding: 5px 10px;
  clear: both;
  font-weight: 400;
  font-size: 14.5px;
  color: #555;
  text-shadow: none;
}
.group_tab_dropdown span:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f9f9f9;
}
article,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
  word-wrap: break-word;
}
#publisher-box-stickers-cont {
  width: 100%;
  overflow: auto;
  max-height: 300px;
}
#publisher-box-stickers-cont img,
#publisher-box-stickers-cont video {
  width: 50%;
  height: 150px;
  display: inline;
  cursor: pointer;
}
@media (max-width: 900px) {
  #notification-popup {
    width: 80% !important;
  }
}
.navbar-movies-mobile-header {
  width: 100%;
}
.navbar-movies-mobile-header li {
  cursor: pointer;
  float: left;
}
.navbar-movies-mobile-header li a {
  color: #fff !important;
}
.navbar-movies-mobile-header li.active a {
  background-color: #c45a5b !important;
}
#movies-genre-mobile-dropdown {
  max-height: 200px;
  overflow-y: scroll;
}
.border-top {
  border-top: 1px solid #ddd;
}
.border-bottom {
  border-bottom: 1px solid #ddd;
}
.navbar-movies-mobile-dropdown {
  width: 100%;
}
.navbar-movies-mobile-dropdown ul {
  width: 100%;
  color: #fff;
  border-radius: 0 !important;
  padding: 0;
}
.navbar-movies-mobile-dropdown ul a {
  color: #333;
}
.navbar-movies-mobile-dropdown-cont {
  width: 100%;
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse {
  width: 100%;
  overflow: hidden;
}
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 {
  width: 100%;
  padding: 10px;
  background: #fff;
  cursor: pointer;
  margin: 0;
  color: #666;
  font-size: 14.5px;
  font-family: sans-serif;
}
.navbar-movies-mobile-dropdown-cont
  .navbar-movies-mobile-dropdown-collapse
  h4
  a {
  color: #666;
}
.navbar-movies-mobile-dropdown-cont
  .navbar-movies-mobile-dropdown-collapse
  div {
  width: 100%;
  overflow: hidden;
  background: #fff;
  display: none;
}
.navbar-movies-mobile-dropdown-cont
  .navbar-movies-mobile-dropdown-collapse
  div
  p {
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #f9f9f9;
}
.navbar-movies-mobile-dropdown-cont
  .navbar-movies-mobile-dropdown-collapse
  div
  p:hover {
  background-color: #f6f7f9;
}

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  transform: rotate(30deg);
}
.sk-circle .sk-circle2:before {
  animation-delay: -1.1s;
}
.sk-circle .sk-circle3 {
  transform: rotate(60deg);
}
.sk-circle .sk-circle3:before {
  animation-delay: -1s;
}
.sk-circle .sk-circle4 {
  transform: rotate(90deg);
}
.sk-circle .sk-circle4:before {
  animation-delay: -0.9s;
}
.sk-circle .sk-circle5 {
  transform: rotate(120deg);
}
.sk-circle .sk-circle5:before {
  animation-delay: -0.8s;
}
.sk-circle .sk-circle6 {
  transform: rotate(150deg);
}
.sk-circle .sk-circle6:before {
  animation-delay: -0.7s;
}
.sk-circle .sk-circle7 {
  transform: rotate(180deg);
}
.sk-circle .sk-circle7:before {
  animation-delay: -0.6s;
}
.sk-circle .sk-circle8 {
  transform: rotate(210deg);
}
.sk-circle .sk-circle8:before {
  animation-delay: -0.5s;
}
.sk-circle .sk-circle9 {
  transform: rotate(240deg);
}
.sk-circle .sk-circle9:before {
  animation-delay: -0.4s;
}
.sk-circle .sk-circle10 {
  transform: rotate(270deg);
}
.sk-circle .sk-circle10:before {
  animation-delay: -0.3s;
}
.sk-circle .sk-circle11 {
  transform: rotate(300deg);
}
.sk-circle .sk-circle11:before {
  animation-delay: -0.2s;
}
.sk-circle .sk-circle12 {
  transform: rotate(330deg);
}
.sk-circle .sk-circle12:before {
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  100%,
  80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  100%,
  80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.dropped-down {
  background-color: #e3e4e8 !important;
}
.ads-navbar-mobile-wrapper {
  width: 100%;
  overflow: hidden;
}
.ads-navbar-mobile-wrapper ul {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.bs-padding-left {
  padding-left: 15px !important;
}
.bs-padding-right {
  padding-right: 15px !important;
}
.bs-padding-right-x {
  padding-right: 0 !important;
}
.bs-padding-left-x {
  padding-left: 0 !important;
}
.padding-15 {
  padding: 5px 15px !important;
  font-size: 14.5px !important;
  background-color: #fff !important;
}
hr {
  margin: 5px 0 !important;
}
hr.style-two {
  border: 0;
  height: 1px;
  background-image: linear-gradient(
    to right,
    rgba(101, 101, 101, 0),
    rgba(101, 101, 101, 0.2),
    rgba(101, 101, 101, 0)
  );
}

/*Stories*/
.user-status-home {
  position: relative;
  margin-bottom: 15px;
}
.user-status-home .wo_page_hdng {
  padding: 10px;
  border: 0;
}
.user-status-home .wo_page_hdng_innr {
  justify-content: space-between;
}
.user-status-home ul.status-list {
  display: flex;
  margin: 0 -10px 9px;
  padding: 0;
}
.user-status-home ul.status-list li {
  display: inline-block;
  width: 20%;
  min-width: 20%;
  margin-top: 5px;
  padding: 0 5px;
}
.user-status-home ul.status-list li a {
  display: block;
  user-select: none;
  text-decoration: none;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s;
  padding-bottom: 135%;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
.user-status-home ul.status-list li.create_new a svg {
  background-color: #d9d9d9;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 4px;
  display: block;
  color: #444;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.user-status-home ul.status-list li a.avatar {
  width: 100%;
  margin: auto;
  overflow: visible;
}
.user-status-home ul.status-list li a img {
  transition: transform 0.2s ease;
  object-fit: cover;
  width: 100%;
  user-select: none;
  pointer-events: none;
  border-radius: 15px;
  z-index: 1;
  position: relative;
  padding: 0;
  border: 2px solid #fff;
  aspect-ratio: 0.7;
}
.user-status-home ul.status-list li p {
  overflow: hidden;
  margin: 10px 0 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
.wow_home_stories {
  padding: 20px 15px;
  border-radius: 16px;
  box-shadow: none;
}
.not_seen_story {
  border-radius: 8px;
  position: relative;
}
.not_seen_story .avatar:before,
.user-status-home ul.status-list li.create_new .avatar:before {
  content: "";
  position: absolute;
  right: -1px;
  left: -1px;
  top: -1px;
  bottom: -1px;
  border-radius: 16px;
  background: linear-gradient(
    135.87deg,
    #c64d53 1.25%,
    #3f4354 51.73%,
    rgba(198, 77, 83, 0.11) 77.22%
  );
}
.user-status-home ul.status-list li.create_new .avatar:before {
  background: linear-gradient(
    135.87deg,
    #c64d53 1.25%,
    #3f4354 51.73%,
    rgba(198, 77, 83, 0.17) 77.22%
  );
}
.user-status-home ul.status-list li a:hover img {
  transform: scale(1.02);
}
.wow_home_stories .wo_page_hdng {
  padding: 10px 10px 4px;
}
.wow_home_stories ul.status-list {
  margin: 0;
}
.wow_home_stories ul.status-list li {
  margin: 0;
  text-align: center;
}
.wow_home_stories ul.status-list li a {
  padding: 0;
}
.user-status-home ul.status-list li.view-more-stories a.avatar {
  background-color: #9e9e9e;
  color: #fff;
}
.user-status-home ul.status-list li.view-more-stories a div {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.user-status-home ul.status-list li.view-more-stories a svg {
  width: 40px;
  height: auto;
}

.ui-timepicker-div .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before {
  content: ".";
  display: inline-block;
}
.modal.fade:before,
.slick-track:after,
.slick-track:before,
[tooltip]::before {
  content: "";
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: 0 0;
  color: inherit;
  border: none;
  outline: 0;
  border-bottom: solid 1px #555;
  width: 95%;
}
.create-article-form .prv-img,
.fluid,
.search-artiles-form,
.search-artiles-form input {
  width: 100%;
  overflow: hidden;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}
.ui-tpicker-grid-label {
  background: 0 0;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

/*Float Head*/
.wow_main_float_head {
  background: linear-gradient(-45deg, #764ba2 0%, #667eea 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
}
.wow_main_float_head.com_thing {
  background: linear-gradient(-45deg, #ae41c1 0%, #f06292 100%);
}
.wow_main_float_head.contactus {
  background: linear-gradient(-45deg, #009688 0%, #4caf50 100%);
}
.wow_main_float_head.fundus {
  background: linear-gradient(-45deg, #db3212 0%, #b81764 100%);
}
.wow_main_float_head.findfrnd {
  background: linear-gradient(-45deg, #3f51b5 0%, #2196f3 100%);
}
.wow_main_float_head.gopro {
  background: linear-gradient(-45deg, #cf861b 0%, #eaa530 100%);
}
.wow_main_float_head.jobs {
  background: linear-gradient(-45deg, #21b9f3 0%, #4c7faf 100%);
}
.wow_main_float_head.moviez {
  background: linear-gradient(-45deg, #bd7961 0%, #795548 100%);
}
.wow_main_float_head.markets {
  background: linear-gradient(-45deg, #0fbb8b 0%, #6ba85b 100%);
}
.wow_main_float_head.searchs {
  background: #ffd0d1;
}
.wow_main_float_head.show-fnds {
  /*background: rgb(255, 235, 235);*/
  background: #fff8f8;
}
.wow_main_float_head > .container {
  padding: 40px 15px;
  color: #fff;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wow_main_float_head.show-fnds > .container {
  color: #000;
  z-index: 1;
  position: relative;
}
.wow_main_float_head h1 {
  margin: 0;
  font-family: "Lato", sans-serif;
  text-align: center;
}
.wow_main_float_head h1 svg {
  width: 32px;
  height: 32px;
  margin: -6px 0 0;
}
.wow_main_float_head .my_articles_btn {
  color: #6f64c6;
  background-color: wheat;
  margin: 20px 0 0;
  min-width: 200px;
}
.wow_main_float_head .my_prods_btn {
  color: #b93b42;
}
.wow_main_float_head > .container > h4 {
  font-weight: normal;
  font-size: 18.5px;
  margin: 15px 0 0;
}
.wow_main_float_head .wow_form_fields {
  padding: 0;
  max-width: 500px;
  margin: 40px auto;
}
.wow_main_float_head .wow_form_fields input {
  background-color: rgba(255, 255, 255, 0.5);
}
.wow_main_float_head .wow_form_fields input::placeholder {
  color: #fff;
}
.wow_main_float_head .wow_form_fields input:focus {
  background-color: white;
}
.wow_main_float_head .wow_form_fields .search_suggs,
.wo_job_head_filter .search_suggs {
  position: absolute;
  padding: 10px;
  margin: 0;
  background-color: white;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  width: 100%;
  z-index: 9;
}
.wow_main_float_head .wow_form_fields .search_suggs:empty,
.wo_job_head_filter .search_suggs:empty {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/*Articles*/
.wow_main_blogs_bg {
  margin-bottom: 15px;
}
.wow_main_blogs {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 14px;
  transition: all 0.2s;
}
.wow_main_blogs:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}
.wow_main_blogs .avatar {
  display: block;
  position: relative;
  padding-bottom: 65%;
}
.wow_main_blogs .avatar > a img {
  width: 100%;
  border-radius: 9px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.wow_main_blogs .avatar > .postCategory {
  display: inline-block;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  border-radius: 40px;
  padding: 2px 10px;
  margin: 8px;
  font-size: 13px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.wow_main_blogs_info {
  width: 100%;
  padding: 15px 0 0;
}
.wow_main_blogs_info > div {
  display: flex;
  margin: 0 -7px;
}
.wow_main_blogs_info > div .user_avatar {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  margin: 0 7px;
}
.wow_main_blogs_info > div .user_avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.wow_main_blogs_info > div > div {
  margin: 0 7px;
  min-width: 0;
}
.wow_main_blogs_info > div h2 {
  margin: 0 0 3px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wow_main_blogs_info > div h2 a {
  text-decoration: none;
  color: #262d34;
}
.wow_main_blogs_info > div .postMeta--author-text a {
  text-decoration: none;
  font-family: "Poppins";
  font-style: normal;
  font-size: 15px;
}
.wow_main_blogs_info > div .postMeta--author-text time {
  font-size: 14px;
}
.wow_main_blogs_info > .btn {
  margin-top: 14px;
  border-radius: 8px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 42px;
}
.wow_main_blogs_btns {
  margin: 12px -4px 0;
  display: flex;
}
.wow_main_blogs_btns .btn {
  margin: 0 4px;
  min-width: auto;
  flex: 1 1 auto;
  padding: 0 6px;
  border-radius: 6px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 33px;
}
.wow_read_blog_hdr_img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.wow_read_blog_hdr_img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.wow_read_blog_hdr_img_share {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 2em;
  padding: 7px;
}
.wow_read_blog_hdr_img_share ul {
  margin: 0;
}
.wow_read_blog_hdr_img_share ul li {
  display: inline-block;
}
.wow_read_blog_hdr_img_share .btn-share {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin: 0px 2px;
}
.wow_read_blog_hdr_img_share .btn-share.timeline {
  background-color: #444;
}
.wow_read_blog_hdr_img_share .btn-share.facebook {
  background-color: #337ab7;
}
.wow_read_blog_hdr_img_share .btn-share.twitter {
  background-color: #55acee;
}
.wow_read_blog_hdr_img_share .btn-share.linkedin {
  background-color: #007bb6;
}
.wow_read_blog_hdr_img_share .btn-share.pinterest {
  background-color: #cb2027;
}
.wow_read_blog_hdr_img_share .btn-share svg {
  width: 18px;
  height: 18px;
}
.wow_read_blog_hdr_img_innr {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
  display: flex;
  align-items: flex-end;
  padding: 0 15px 80px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  z-index: 9;
}
.wow_read_blog_hdr_img_innr .postCategory {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  backdrop-filter: blur(10px);
  min-width: auto;
  line-height: 25px;
  padding: 0 10px;
  font-weight: normal;
}
.wow_read_blog_hdr_img_innr h2 {
  margin: 20px 0;
  font-size: 44px;
  color: #fff;
}
.wow_read_blog_hdr_img_innr .read-blog-info-user .metaLink {
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  text-decoration: none;
  margin: 9px 0;
}
.wow_read_blog_hdr_img_innr .read-blog-info-user .views,
.wow_read_blog_hdr_img_innr .read-blog-info-user .middot {
  color: rgba(255, 255, 255, 0.8);
}
.wow_read_blog_hdr_img_innr .postMeta--author-text {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.wow_read_blog_hdr_img_innr .postMeta--author-avatar img {
  width: 35px;
  height: 35px;
}
.wow_read_blog_hdr_img_innr .postMeta--author-text a {
  font-weight: bold;
  font-size: 15px;
  color: white;
  text-decoration: none;
}
.wow_read_blog_hdr_img_innr .postMeta--author-text time {
  display: block;
  font-size: 14.5px;
}
.wow_read_blog_row {
  margin: -50px 0 0;
  padding: 0 15px;
  position: relative;
  z-index: 9;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-both {
  padding: 0 !important;
}
.search-artiles-form {
  padding: 0 10px;
  margin-bottom: 30px;
}
.search-artiles-form .inner-addon .glyphicon {
  padding: 0;
  margin: 7px;
  color: #888;
}
.search-artiles-form input {
  border-radius: 0 !important;
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #c6c6c6;
}
.no-box-shadow {
  box-shadow: none !important;
}
.art-title {
  font-size: 18px;
}
.blog-desc {
  font-size: 15px;
  color: #666;
}
.blog-meta-desc {
  font-size: 14.5px;
  text-transform: capitalize;
}
.blog-meta-desc span small,
.blog-meta-desc time {
  color: #a5a5a5;
  font-size: 14.5px;
}
.blog-ls-img {
  padding: 0;
}
.blog-ls-img img {
  width: 100%;
  border-radius: 3px;
}
.postMeta--author-avatar {
  vertical-align: middle;
  padding-right: 10px;
  display: table-cell;
}
.postMeta--author-avatar img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.postMeta--author-text {
  vertical-align: middle;
  display: table-cell;
  overflow: hidden;
}
.main-blog-sidebar {
  padding: 5px;
}
.main-blog-sidebar .widget {
  margin-top: 30px;
}
.main-blog-sidebar .widget:first-child {
  margin-top: 0;
}
.main-blog-sidebar .widget .wo_page_hdng {
  padding: 0 0 10px;
  margin-bottom: 15px;
}
.main-blog-sidebar .widget .wow_form_fields input {
  box-shadow: none;
  background-color: #eaeff2;
  height: 38px;
  border-radius: 2em;
  font-size: 14.5px;
  padding: 5px 12px;
}
.main-blog-sidebar .widget ul {
  padding: 0;
  list-style: none;
}
.main-blog-sidebar .popular-articles li {
  margin-top: 30px;
  overflow: hidden;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.main-blog-sidebar .popular-articles li:first-child {
  margin-top: 0;
}
.main-blog-sidebar .popular-articles li .article-thumbnail {
  display: block;
  width: 65px;
  height: 65px;
  position: relative;
  border-radius: 10px;
  background: #aaa;
}
.main-blog-sidebar .popular-articles li .article-thumbnail img {
  width: 100%;
  height: 100%;
  position: relative;
  margin-right: 15px;
  border-radius: 10px;
  object-fit: cover;
}
.main-blog-sidebar .popular-articles li .article-title {
  margin-left: 80px;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
}
.main-blog-sidebar .popular-articles li .article-info {
  margin-left: 80px;
  display: block;
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 14.5px;
  font-weight: 400;
}
#wo_repeat_search,
.gray-list.active {
  font-weight: 700;
}
.main-blog-sidebar .popular-categories li,
.wow_blog_cats {
  margin: 0 2px 9px 0;
  display: inline-block;
}
.main-blog-sidebar .popular-categories li a,
.wow_blog_cats a {
  background-color: rgba(63, 81, 181, 0.1);
  color: #3f51b5;
  display: block;
  padding: 6px 10px;
  border-radius: 2em;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  font-family: "Poppins";
  transition: all 0.1s;
}
.main-blog-sidebar .popular-categories li a:hover,
.wow_blog_cats a:hover,
.wow_blog_cats a.active {
  background-color: #3f51b5;
  color: #fff;
}
#category-page .popular-categories li {
  background-color: #d2d2d2;
}
#category-page .popular-categories li a {
  color: #000;
}

.wo_job_head_filter.blogs {
  padding-bottom: 15px;
}
.wo_job_head_filter.blogs .search-blog .main-blog-sidebar {
  padding: 0;
  position: relative;
}
.wo_job_head_filter.blogs > .wo_job_main_widget {
  margin: 14px 7px 0;
}
.wow_blog_cats a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 8px 16px;
  text-align: center;
}

.choose_rel_ship_meta h4,
.choose_rel_ship_meta p {
  color: #666;
  padding-bottom: 3px !important;
}
.choose_rel_ship_meta h4 {
  margin-bottom: 0 !important;
}
.choose_rel_ship_avatar {
  height: 120px;
}
.choose_rel_ship_avatar div {
  width: 100%;
  height: 100%;
  border: 1px dashed #dddddd;
  background: #f9f9f9;
  padding: 1px;
  text-align: center;
  font-size: 25px;
  line-height: 120px;
  border-radius: 10px;
}
.choose_rel_ship_avatar img {
  width: 100%;
  height: 120px;
}
#send-money-form .dropdown {
  width: 100%;
}
#send-money-form .dropdown ul.dropdown-menu {
  width: 100%;
  border-radius: 0;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
#send-money-form .dropdown ul.dropdown-menu li {
  width: 100%;
  padding: 5px 10px;
}
#send-money-form .dropdown ul.dropdown-menu li:hover {
  background: 0 0;
}
#send-money-form .alert h4 {
  margin: 0;
  padding: 0;
}
#send-money-form h5 b {
  color: green;
}
.post-privacy-menu li a:hover,
.post-privacy-menu li div:hover {
  background-color: #f9f9f9;
  color: #262626;
}
#replenish-user-account small {
  margin-bottom: 5px;
  display: inline-block;
}
.search-advanced-container a {
  padding: 7px 15px;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 9px 9px 0;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #347ae2;
}
.search-advanced-container a .feather-svg-parent {
  display: table-cell;
  border-radius: 50%;
  font-size: 18px;
  margin: 5px 13px 0 0;
  padding: 7.5px 11px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  display: none;
}
.search-advanced-container a:hover {
  text-decoration: none;
  color: #000;
  background-color: rgba(0, 0, 0, 0.02);
}
.search-advanced-container a svg.feather {
  margin: -3px 0 0 !important;
  color: #535353 !important;
}
.home.profile-style.main {
  width: auto !important;
  margin-right: 0 !important;
}
.form-control.url-input {
  width: 100% !important;
  border: 1px solid #f3f3f3;
}
.card.hovercard .cardheader img {
  width: 100%;
}
.image-modal .modal-dialog {
  margin: 50px auto;
}
.image-modal .modal-dialog .modal-body {
  padding: 5px;
}
.modal-body {
  padding: 15px;
}
.setting-themes-container .theme {
  border: 1px solid #ededed;
  padding: 10px;
  border-radius: 3px;
}
.setting-themes-container .theme img {
  border-radius: 3px;
  margin-right: 10px;
  float: left;
  width: 65px;
}
.setting-themes-container .theme .themeAuthor,
.setting-themes-container .theme .themeVirsion {
  font-size: 12px;
  color: #555;
}
.setting-themes-container .theme .active {
  color: green;
  font-size: 14.5px;
}
.setting-themes-container .theme #active {
  color: #666;
  font-size: 14.5px;
}
.ads-activation .active {
  color: #46af00;
}
.danger-tab a,
.warning-tab a {
  background-color: #d9534f;
  color: #fff;
}
.theme.active {
  background-color: #f0f2f5;
}

#local-media video {
  width: 250px;
  height: 150px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #000;
  border-radius: 3px;
  text-align: center;
  border: 2px solid #fff;
}
input.search-for-posts {
  margin: 0 !important;
  border: 0 !important;
}
#sidebar-latest-products .cool-style {
  width: 32.4%;
}
.settings-by a {
  display: block;
}
.settings-by a:focus,
.settings-by a:hover {
  text-decoration: none;
}
.home-sidebar.profile-style {
  width: 100%;
  padding: 5px;
  margin-bottom: -3px;
}
.home-sidebar.profile-style:last-child {
  margin-bottom: 5px;
}
.home-sidebar.profile-style img {
  width: 45px;
}
.home-sidebar.profile-style .user-name {
  font-size: 14.5px;
}
.home-sidebar.profile-style .user-follow-btn {
  position: relative;
  margin-top: -20px;
}
.home-sidebar.profile-style .user-follow-btn.group {
  position: relative;
  margin-top: -35px;
}
.gray-list.active a {
  color: #111;
}
.admin-social-login-setting h4 {
  font-size: 16px;
}
.loading-icon.lightbox-content {
  font-size: 70px;
  color: #fff;
  margin-top: 20%;
  text-align: center;
}
.btn-main.MS-File {
  padding: 14px;
  margin-right: -1px;
  border-radius: 0 !important;
}
.profile-lists .setting-well {
  padding-top: 0;
}
.wo_user_profile .profile-lists {
  padding: 12px;
  border-radius: 16px;
  box-shadow: none;
}
.sidebar > .list-group a {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.sidebar .sidebar-title-back {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  line-height: 50px;
  color: #444;
  background: #fff;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
.sidebar .sidebar-title-back svg {
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin: -3px 10px 0 0;
}
.sidebar .sidebar-title-back .refresh svg {
  width: 15px;
  height: 15px;
  margin: -3px 2px 0;
}
.manage-users .admin-static:nth-child(1) {
  border-top-left-radius: 3px;
}
.manage-users .admin-static:nth-child(4) {
  border-top-right-radius: 3px;
}
#event-side-block div.btn-group {
  width: 100%;
  margin-bottom: 20px;
}
.event-options-list li strong {
  width: 10%;
  text-align: center;
  display: inline-block;
}
.title a:focus,
.title a:hover {
  text-decoration: none !important;
}
.btn-cart:disabled {
  color: #fff;
}
.answers input {
  box-shadow: none;
  border-radius: 6px !important;
  background: #f5f5f5;
  margin: 10px 0;
  height: 40px;
}
.nav-tabs > li {
  width: 25%;
  text-align: center;
}
.nav-tabs > li > a {
  height: 30px;
  border-radius: 0;
}
#forum-search div.inner-addon {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.bg-main tr th {
  color: #fff !important;
}
.table > thead > tr > th {
  border-bottom: 0 !important;
}
.threads-table tr td {
  padding: 10px !important;
  background-color: #fff;
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
}
#mbrs div {
  overflow: hidden;
}
#mbrs div img {
  width: 100%;
}
.forum-search-container div {
  overflow: hidden;
  padding-bottom: 5px;
}
.blog-dd-ul li a,
.blog-dd-ul li span {
  padding: 5px 15px;
  display: block;
}
.hover-pointer:hover {
  text-decoration: underline;
}
.load-produts .load-more button {
  width: auto;
}
.blog-dd-ul li span:hover {
  cursor: pointer;
}
.blog-dd-ul li a:hover {
  cursor: pointer;
}
.blog-cat-img img {
  width: 100%;
  height: 120px;
}
.prv-img img {
  width: 40%;
}
#insert-caht-alert div.alert {
  border-radius: 0 !important;
  text-align: center;
}
.pac-item > span:last-child {
  display: none;
}
.post-youtube {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.post-youtube:before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}
.post-youtube iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.navbar-movies-mobile ul {
  width: 100%;
}
.navbar-movies-mobile-search-dropdown ul {
  padding: 10px 5px;
  color: #333;
  border-radius: 0 !important;
}
#replenish-user-account-alert .alert,
.choose_rel_ship_alert div {
  border-radius: 0 !important;
}

/*Profile Completion*/
.profile-completion-bar .hdr {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.profile-completion-bar .circle-progress {
  width: 85px;
  height: auto;
}
.profile-completion-bar .circle-progress-value {
  stroke-width: 6px;
  stroke-linecap: round;
}
.profile-completion-bar .circle-progress-circle {
  stroke-width: 3px;
}
.profile-completion-bar .circle-progress-text {
  font-weight: bold;
  font-size: 22px;
}
.profile-completion-bar .circle-progress-text {
  fill: #df043e;
}
.profile-completion-bar .circle-progress-value {
  stroke: #df043e;
}

.profile-completion-bar.bar-20 .circle-progress-text {
  fill: #f7710b;
}
.profile-completion-bar.bar-20 .circle-progress-value {
  stroke: #f7710b;
}

.profile-completion-bar.bar-40 .circle-progress-text {
  fill: #ffc300;
}
.profile-completion-bar.bar-40 .circle-progress-value {
  stroke: #ffc300;
}

.profile-completion-bar.bar-60 .circle-progress-text {
  fill: #0e9da5;
}
.profile-completion-bar.bar-60 .circle-progress-value {
  stroke: #0e9da5;
}

.profile-completion-bar.bar-80 .circle-progress-text {
  fill: #52aa44;
}
.profile-completion-bar.bar-80 .circle-progress-value {
  stroke: #52aa44;
}

.profile-completion-bar h3 {
  margin: 0 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
}
.profile-completion-bar .body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -7px;
}
.profile-completion-bar .body .step {
  margin: 15px 7px 0;
  border: 1px solid rgb(0 0 0 / 15%);
  border-radius: 10px;
  padding: 8px 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
}
.profile-completion-bar .body .step:not(.done):hover {
  background: rgb(0 0 0 / 6%);
}
.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;
  color: #4caf50;
}
.profile-completion-bar .body .step svg {
  width: 20px;
  height: auto;
  margin-top: -2px;
}

.lb-preloader svg,
.pace-activity-parent {
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.17);
}

svg.feather {
  vertical-align: middle;
  margin-top: -4px;
  width: 19px;
  height: 19px;
}
.btn-default {
  background: #ebeef0;
  border: 0;
}
.btn-default svg.feather {
  margin-top: -3px;
  width: 16px;
  height: 16px;
}
.btn-whatsapp {
  color: #fff;
  background-color: #04aa24;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-whatsapp:hover {
  background-color: #03941f;
}
.pace-activity-parent {
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  padding: 20px;
  border-radius: 5px;
  margin-top: -15px;
}
.pace-activity {
  display: block !important;
  width: 40px;
  height: 40px;
  border: 4px solid transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 30px;
  overflow: visible !important;
  -webkit-animation: pace-spinner 0.7s linear infinite;
  -moz-animation: pace-spinner 0.7s linear infinite;
  -ms-animation: pace-spinner 0.7s linear infinite;
  -o-animation: pace-spinner 0.7s linear infinite;
  animation: pace-spinner 0.7s linear infinite;
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lb-preloader {
  background: rgba(0, 0, 0, 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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  width: 65px;
  height: 65px;
}

/*Sidebar Users*/
.sidebar-users-may-know-container {
  margin: 0 5px 5px;
}
.wow_side_usrs {
  width: 100%;
  display: inline-block;
  padding: 5px;
}
#wo_sidebar_users {
  padding: 6px 5px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#wo_sidebar_users:hover {
  background: rgb(0 0 0 / 3%);
  border-radius: 10px;
}
#wo_sidebar_users > div.info {
  display: inline-flex;
  min-width: 0;
  align-items: center;
}
#wo_sidebar_users .avatar {
  flex: 0 0 auto;
  margin-right: 10px;
}
#wo_sidebar_users .avatar img {
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
#wo_sidebar_users > div.info .user-popover {
  min-width: 0;
}
#wo_sidebar_users .wo_user_link_name {
  display: block;
  margin: 0;
  text-decoration: none;
  max-width: 100%;
}
#wo_sidebar_users .wo_user_link_name .user-name {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
#wo_sidebar_users .wo_user_username_cont {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  margin: -3px 0 10px;
}
#wo_sidebar_users .btn-default,
.sidebar .wo_sidebar_pages .user-follow-button button {
  line-height: 22px;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-weight: bold;
  padding: 1px 8px !important;
  letter-spacing: 0.3px;
}

#wo_sidebar_users .user-follow-button {
  flex: 0 0 auto;
}
#wo_sidebar_users .btn-default {
  font-weight: normal;
  border-radius: 8px !important;
  padding: 2px 16px !important;
  font-size: 14.5px !important;
  line-height: 24px;
  min-width: 70px;
}
#wo_sidebar_users .btn-default {
  min-width: auto;
  width: 30px;
  height: 30px;

  border-radius: 50% !important;
  padding: 2px 8px !important;
}
#wo_sidebar_users .btn-default.wo_follow_btn {
  background: #f2f2f2 !important;
  color: #363853;
}
#wo_sidebar_users .btn-default svg {
  margin: -5px 0 0;
  fill: none;
}
#wo_sidebar_users .btn-default .button-text {
  display: none;
}
#wo_sidebar_users .btn-default.wo_following_btn.btn-active {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: buttonpulse;
}

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

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

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

.wo_sidebar_pages {
  /*border-bottom:1px solid #e7e7e7;*/
  padding: 0 15px 10px !important;
}
.wo_sidebar_pages .card {
  box-shadow: none !important;
}
.wo_sidebar_pages:last-child {
  border-bottom: 0;
}
.wo_sidebar_pages .card.hovercard .cardheader a {
  position: relative;
  display: block;
  max-width: none;
  overflow: visible;
}
.wo_sidebar_pages .card.hovercard .cardheader img {
  border-radius: 6px;
  aspect-ratio: 3;
  object-fit: cover;
}
.wo_sidebar_pages .card.hovercard .cardheader .thumb {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  top: auto;
  bottom: -15px;
  aspect-ratio: auto;
  position: absolute;
}
.wo_sidebar_pages .page_middle_prnt {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 5px;
}
.wo_sidebar_pages .page_middle {
  display: inline-flex;
  flex: 1 1 auto;
  min-width: 0;
}
.wo_sidebar_pages .page_middle .thumb {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  min-width: 45px;
}
.wo_sidebar_pages .page_middle .info {
  min-width: 0;
  flex: 1;
}

.wo_sidebar_pages .page_middle .title {
  top: 0 !important;
  position: relative !important;
  left: 0 !important;
  font-size: 15px;
  overflow: hidden;
  display: block;
  margin: 0;
  font-family: "Poppins";
}
.wo_sidebar_pages .page_middle .title a {
  color: #232323 !important;
  max-width: 100%;
  font-size: 17px;
}
.sidebar .wo_sidebar_pages .page_catg {
  color: #747474;
  margin: -5px 0 0;
  font-size: 13px;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Poppins";
  text-transform: capitalize;
}
.sidebar .wo_sidebar_pages .page_catg b {
  margin: 0;
  color: #222;
}
.sidebar .wo_sidebar_pages .user-follow-button {
  padding: 0 0 0 10px;
}
.sidebar .wo_sidebar_pages .user-follow-button button {
  width: 100%;
  border-radius: 4px !important;
  line-height: 38px;
  margin: 0;
  padding: 1px 16px !important;
  font-family: "Poppins";
  font-weight: 600;
}
.product-navigate {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translate(0, -50%);
}
.product-navigate.scrollRight {
  left: -45px;
}
.product-navigate.scrollLeft {
  right: -45px;
}
.product-navigate a {
  position: relative;
  padding: 13px 10px;
  font-size: 25px;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.98);
  cursor: pointer;
}
.product-navigate a:hover {
  box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.3);
}
.product-navigate.scrollLeft a {
  right: -1px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px 0 0
    4px;
}
.product-navigate a svg {
  width: 19px;
  height: 19px;
  margin-top: -2px;
}

/*Sidebar Groups*/
.sidebar-group-may-know-container {
  margin: 0 5px;
}

/*Sidebar Products*/
.sidebar-product-slider {
  overflow: hidden;
  padding: 5px 10px;
}
.wow_side_prods_prnt {
  width: 33.3333333%;
  padding: 0 3px;
  float: left;
}
.wow_side_prods {
  text-align: center;
  margin-bottom: 10px;
}
.wow_side_prods a {
  text-decoration: none;
  transition: all 0.2s;
  display: block;
  border-radius: 8px;
  padding: 9px 6px 0;
}
.wow_side_prods a:hover {
  background: rgb(0 0 0 / 7%);
}
.wow_side_prods .avatar {
  position: relative;
  width: 100%;
  text-align: center;
}
.wow_side_prods .avatar img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.wow_side_prods .produc_info {
  padding: 8px 2px;
}
.wow_side_prods .produc_info span {
  color: #252525;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
.wow_side_prods .produc_info h4 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 3px 0 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.wo_sidebar_products {
  width: 170px !important;
  margin: 6px 6px 10px;
  display: inline-block;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wo_my_products a:hover,
.wo_sidebar_products a:hover {
  text-decoration: none;
}
.wo_my_products .avatar img,
.wo_sidebar_products .avatar img {
  width: 100%;
}
.wo_my_products .produc_info,
.wo_sidebar_products .produc_info {
  padding: 7px 10px;
}
.wo_my_products .produc_info span,
.wo_sidebar_products .produc_info span {
  font-size: 16px;
  display: block;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wo_my_products .produc_info h4,
.wo_sidebar_products .produc_info h4 {
  font-size: 14.5px;
  color: #4caf50;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin: 7px 0 0;
  display: block;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Sidebar Activity*/
.activity-container .wow_side_acts {
  border: 0;
}
.activity-container .wow_side_acts .notification-list {
  background: transparent;
  padding: 8px 15px;
}
.wow_side_acts .notification-user-avatar {
  position: relative;
}
.wow_side_acts .notification-user-avatar > span {
  bottom: -6px;
  right: 0;
}
.wow_side_acts .notification-user-avatar > span svg {
  width: 14px;
  height: 14px;
  margin: 0;
}
.wow_side_acts .notification-user-avatar > span .inline_act_emoji {
  margin: 0;
}
.wo_sidebar_activity {
  margin-left: 62px;
  display: flex;
}
.wo_sidebar_activity > div {
  display: block;
  width: auto;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
}
.wo_sidebar_activity > div .main-color,
.wo_sidebar_activity > div .second-user-color {
  font-size: 14px !important;
}
.wo_sidebar_activity > div .notification-time span {
  font-size: 12px;
}
.no-activities.center-text {
  padding: 5px 5px 20px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.no-activities.center-text:empty {
  padding: 0;
}
.no-activities.center-text hr {
  margin: 0 0 20px !important;
}
.no-activities.center-text > svg {
  display: block;
  margin: auto;
  display: none;
}

#wo_post_stat_button {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0 -3px;
}
#wo_post_stat_button .stat-item {
  font-weight: 600;
  border-radius: 50%;
  color: #616770;
  font-size: 14.5px;
  line-height: 19px;
  flex: 1;
  width: 100%;
  border: 0;
  box-shadow: none;
  padding: 6px;
  background: #fff;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  margin: 0 2.5px;
}
#wo_post_stat_button .stat-item:not(.wo-reaction),
#wo_post_stat_button .stat-item .like-btn {
  font-size: 0;
}
#wo_post_stat_button .stat-item .like-btn-mobile {
  display: none;
}
#wo_post_stat_button .dropdown.open .stat-item,
#wo_post_stat_button .stat-item:hover {
  background-color: rgba(29, 33, 41, 0.04);
}
#wo_post_stat_button .stat-item:active,
#wo_post_stat_button .stat-item:focus {
  background-color: rgba(29, 33, 41, 0.09);
}
#wo_post_stat_button .stat-item svg {
  width: 22px;
  height: 22px;
  margin: 0;
}
#wo_post_stat_button .wo-reaction-post.stat-item svg {
  width: 20px;
  height: 20px;
  margin: 0 1px 2px;
}
#wo_post_stat_button .stat-item svg.flip,
.comment-container .comment-options svg.flip,
.blog-comment-item .comment-icons svg.flip,
.movies-comment-item .comment-icons svg.flip {
  transform: scale(-1);
}
#wo_post_stat_button .stat-item.wo-reaction .inline_post_emoji {
  margin: 0;
  width: 21px;
  height: 21px;
}
#wo_post_stat_button .stat-item.wo-reaction .inline_post_emoji > .reaction {
  width: 21px;
  height: 21px;
}
#wonder-button svg {
  margin-right: 3px;
}
.show_post_comm_mobi {
  display: none;
}
.post .post-description .post-actions .stat-item {
  margin-top: 0 !important;
  background: #fff;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
}
.post .post-description .post-actions .stat-item.cursor {
  cursor: text;
}
.post .post-description .post-actions .stat-item svg {
  width: 14px;
  height: 14px;
  margin-top: 0;
  margin-right: 2px;
}
.post-description hr {
  margin: 5px -15px !important;
}
@keyframes animatetop {
  from {
    top: -4px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
#wo_comment_combo {
  /*margin-left:-10px;margin-right:-10px;padding:10px 10px 0;margin-top:-10px;*/
  transition: all 0.2s ease;
}
#wo_comment_combo.comment-toggle {
  background-color: #fff;
  border-color: #ededed;
}
#wo_comment_combo .textarea {
  height: 42px;
  float: right;
  padding-top: 11px;
  width: calc(100% - 52px);
  background-color: #f0f2f5;
  padding-right: 10px;
  border-radius: 9px !important;
  margin-left: 10px;
  border: 0;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
#wo_comment_combo.comment-toggle .textarea {
  border-color: #fff;
  max-height: 100%;
}
#wo_comment_combo .avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
#wo_comment_combo .comment_combo_footer {
  position: relative;
  padding: 8px 4px;
  margin-bottom: -10px;
  background-color: #fff;
  display: none;
}
#wo_comment_combo.comment-toggle .comment_combo_footer {
  display: block;
  animation: animatetop 0.2s;
}
#wo_comment_combo .comment_combo_footer .emo-comment,
#wo_comment_combo .comment_combo_footer .image-comment,
#wo_comment_combo .comment_combo_footer .send-comment {
  position: relative;
  display: inline-block;
  right: auto;
}
#wo_comment_combo .comment_combo_footer .wo_comment_fopt {
  text-align: right;
}
#wo_comment_combo .comment_combo_footer .wo_comment_fopt .btn:not(.btn-main) {
  padding: 3px 8px;
  background: transparent;
}
.wo_single_proimg {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.post_foot_actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: 15px;
}
.post_foot_actions .right_stats {
  display: inline-flex;
  align-items: center;
}
.post_foot_actions .right_stats .post-actions {
  line-height: 1;
}

/*Shared Posts*/
.post .wow_shared_posts {
  padding: 0;
}
.post .wow_shared_posts .post-heading {
  padding: 12px;
  height: 65px;
}
.wow_shared_posts_p {
  margin-bottom: 12px !important;
  padding: 0 12px;
}
.wow_shared_posts_p:empty {
  margin: 0 !important;
  padding: 0;
}
.post .wow_shared_posts #fullsizeimg,
.post .wow_shared_posts .post-fetched-url .fetched-url-text {
  margin-bottom: 0;
}
.post .wow_shared_posts .wow_post_prod {
  margin: -5px 10px 10px;
}
.post .wow_shared_posts .wo_post_fetch_event#fullsizeimg,
.post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
  width: 100%;
  margin: 0 0 12px;
}
.post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
  margin: 0 0 5px;
}

/*Post Product*/
.wo_post_prod_img {
  margin: 0 -15px;
}
.wo_post_prod_img .wo_single_proimg {
  border: 0;
}
.wow_post_prod {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  margin-bottom: -5px;
}
.wow_post_prod_name {
  margin: 0 0 5px;
  font-size: 22px;
  font-weight: 400;
}
.wow_post_prod_shead {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  color: #7d7d7d;
}
.wo_post_prod_price {
  font-weight: bold;
  color: #4caf50;
  font-size: 18px;
}
.wow_post_prod_infos {
  position: relative;
  padding-left: 30px;
  color: #525252;
  margin-top: 9px;
}
.wow_post_prod_infos > svg {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  top: 0px;
  opacity: 0.7;
}
.wow_post_prod_infos p {
  font-weight: normal;
}

/*Post Link*/
.wo_post_fetch_link {
  border: 0;
  background: #f9f9f9;
  border-radius: 10px;
}
.wo_post_fetch_link > a {
  display: block;
  padding: 12px;
}
.wo_post_fetch_link .post-fetched-url-con {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 52%;
}
.wo_post_fetch_link .post-fetched-url-con img {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.wo_post_fetch_link .url {
  font-size: 13px;
  position: absolute;
  max-width: 90%;
  bottom: 0;
  left: 0;
  background-color: #f9f9f9;
  border-radius: 6px;
  padding: 10px 20px;
  margin: 0 -7px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  color: #222;
}
.wo_post_fetch_link .fetched-url-text h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  margin: 15px 0 7px;
}
.wo_post_fetch_link .fetched-url-text .description {
  margin-bottom: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px !important;
}

/*Post Event*/
.wo_post_fetch_event {
  border: 0;
}
.wo_post_fetch_event img {
  width: 100%;
  height: 215px;
  object-fit: cover;
  border-radius: 10px;
}
.wo_post_fetch_event .short_start_dt {
  position: absolute;
  margin: 0;
  display: inline-block;
  background-color: white;
  border: 0;
  box-shadow: 0px 6px 6px 2px rgb(71 153 235 / 4%);
  border-radius: 6px;
  top: -50px;
  padding: 10px 13px;
  right: 15px;
}
.wo_post_fetch_event .short_start_dt b {
  color: #347ae2;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 26px;
}
.wo_post_fetch_event .short_start_dt span {
  display: block;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}
.wo_post_fetch_event .fetched-url-text h4 {
  margin: -5px 0 5px;
  display: block;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
}
.wo_post_fetch_event .url {
  margin: 3px 0 5px;
  text-transform: lowercase;
  display: inline-block;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
.wo_post_fetch_event .url svg {
  margin-top: -3px;
}

/*Post Blog*/
.wo_post_fetch_blog {
  border: 0;
}
.wo_post_fetch_blog .post-fetched-url-con {
  max-height: 250px;
  height: 250px;
}
.wo_post_fetch_blog .post-fetched-url-con img {
  object-fit: cover;
  height: 100%;
}
.wo_post_fetch_blog .fetched-url-text,
.wo_post_fetch_event .fetched-url-text {
  position: relative;
  padding: 30px 0 0;
}
.wow_post_blog_ico {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 10px 9px;
  top: -26px;
}

/*Post Images*/
#fullsizeimg {
  max-height: 600px;
  margin-left: -15px;
  width: calc(100% + 30px);
  overflow: hidden;
  margin-bottom: 5px;
}
.fluid_video_wrapper {
  max-height: 600px;
}
#fullsizeimg img {
  max-height: none;
  border: 0;
  padding: 0;
  border-radius: 0;
}
#fullsizeimg img.fund {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.wo_adaptive_media .album-image:first-child .image-file,
.wo_adaptive_media_4 .album-image:first-child .image-file {
  width: 100%;
}
.wo_adaptive_media {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 12px;
}
.wo_adaptive_media .album-image {
  display: inline-block;
  height: 100%;
  height: auto;
  vertical-align: top;
  width: calc(100% / 3 - 1.4px) !important;
}
.wo_adaptive_media .album-image:first-child {
  margin-right: 1px;
  overflow: hidden;
  position: relative;
  width: 66.666666666667% !important;
  padding-right: 1px;
}
.wo_adaptive_media .album-image:last-child .image-file {
  border-top: 2px solid #fff !important;
}
.wo_adaptive_media_4 {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.wo_adaptive_media_4 .album-image {
  display: inline-block;
  height: 100%;
  height: auto;
  vertical-align: top;
  width: calc(100% / 4 - 2.4px) !important;
}
.wo_adaptive_media_4 .album-image:first-child {
  margin-right: 1px;
  overflow: hidden;
  position: relative;
  width: 75% !important;
  padding-right: 2px;
}
.wo_adaptive_media_4 .album-image .image-file {
  border-top: 3px solid #fff !important;
}
.wo_adaptive_media_5 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 476px;
}
.wo_adaptive_media_5 .album-image {
  display: block;
  position: absolute;
  width: 50% !important;
  overflow: hidden;
}
.wo_adaptive_media_5 .album-image:first-child {
  top: 0;
  left: 0;
  height: 236px;
}
.wo_adaptive_media_5 .album-image:nth-child(2) {
  top: 239px;
  left: 0;
  height: 237px;
}
.wo_adaptive_media_5 .album-image:nth-child(3) {
  top: 0;
  left: 50%;
  height: 157px;
  padding-left: 3px;
}
.wo_adaptive_media_5 .album-image:nth-child(4) {
  top: 160px;
  left: 50%;
  height: 155px;
  padding-left: 3px;
}
.wo_adaptive_media_5 .album-image:last-child {
  top: 319px;
  left: 50%;
  height: 157px;
  padding-left: 3px;
}
.wo_post_privacy_menu svg.feather {
  width: 14px;
  height: 14px;
  margin: -1px 2px 0 4px;
}

/*Post Ad*/
.user-ad-container .panel-white {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.wo_post_ad .wo_post_fetch_blog .post-fetched-url-con {
  max-height: 270px;
  height: 270px;
}

/*Post Offer*/
.wo_post_fetch_offer {
  background: transparent;
  border-radius: 12px;
}
.wo_post_fetch_offer .fetched-url-text {
  padding: 12px 20px;
  background: #f5f5f5;
  border-radius: 12px;
  margin: 15px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.wo_post_fetch_offer .fetched-url-text .wo_jlist_info_date {
  flex: 1 1 auto;
}
.wo_post_fetch_offer .fetched-url-text .wo_jlist_info_date p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
}
.wo_post_fetch_offer .fetched-url-text .wo_jlist_info_date b {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  margin: 0;
}
.wo_post_fetch_offer .fetched-url-text .btn {
  border-radius: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  flex: 1 1 auto;
  border: 0;
  line-height: 42px;
  padding: 0 20px;
}

/*Post Video*/
body .plyr--video {
  border-radius: 10px;
}
body .plyr__control--overlaid {
  width: 76px !important;
  height: 76px;
  border-radius: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.42635 12.5993C2.67505 7.27593 6.8316 3.11938 12.155 1.87068C15.9995 0.968887 20.0005 0.968887 23.845 1.87068C29.1684 3.11938 33.325 7.27594 34.5737 12.5993C35.4754 16.4438 35.4754 20.4448 34.5737 24.2893C33.325 29.6127 29.1684 33.7693 23.845 35.018C20.0005 35.9198 15.9995 35.9198 12.155 35.018C6.8316 33.7693 2.67505 29.6127 1.42635 24.2894C0.52455 20.4449 0.52455 16.4438 1.42635 12.5993Z' stroke='white' stroke-width='1.5'/%3e%3cpath d='M22.1434 16.2798C23.6467 17.2418 23.6466 19.6469 22.1434 20.6089L17.0699 23.8557C15.5666 24.8178 13.6875 23.6152 13.6875 21.6912L13.6875 15.1975C13.6875 13.2734 15.5666 12.0709 17.0699 13.0329L22.1434 16.2798Z' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
}
body .plyr__control--overlaid:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='37' viewBox='0 0 36 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.42635 12.5993C2.67505 7.27593 6.8316 3.11938 12.155 1.87068C15.9995 0.968887 20.0005 0.968887 23.845 1.87068C29.1684 3.11938 33.325 7.27594 34.5737 12.5993C35.4754 16.4438 35.4754 20.4448 34.5737 24.2893C33.325 29.6127 29.1684 33.7693 23.845 35.018C20.0005 35.9198 15.9995 35.9198 12.155 35.018C6.8316 33.7693 2.67505 29.6127 1.42635 24.2894C0.52455 20.4449 0.52455 16.4438 1.42635 12.5993Z' stroke='white' stroke-width='1.5'/%3e%3cpath d='M22.1434 16.2798C23.6467 17.2418 23.6466 19.6469 22.1434 20.6089L17.0699 23.8557C15.5666 24.8178 13.6875 23.6152 13.6875 21.6912L13.6875 15.1975C13.6875 13.2734 15.5666 12.0709 17.0699 13.0329L22.1434 16.2798Z' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e ") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
body .plyr__control--overlaid svg {
  display: none;
}

/*Slick Slider*/
.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-next,
.slick-prev {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #5f5f5f;
  border: none;
  outline: 0;
  z-index: 9;
  background: #fff;
  box-shadow: 0 2px 6px 1px rgba(50, 50, 50, 0.16);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
}
.slick-next svg.feather,
.slick-prev svg.feather {
  margin: 0;
  width: 31px;
  height: 31px;
}
.slick-prev svg.feather {
  margin-left: -2px;
}
.slick-next svg.feather {
  margin-left: 2px;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: #222;
  outline: 0;
  box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.3);
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}

/*Sidebar Pro Users*/
.wo_pro_users {
  margin: 0;
  padding: 0 6px;
  overflow: hidden;
}
.wo_pro_users li {
  width: 25%;
  margin: 0;
  display: inline-block;
  padding: 2px 8px 16px;
  position: relative;
  float: left;
}
.wo_pro_users li .user {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
.wo_pro_users li .user svg {
  margin: 0 0 -8px;
  transition: all 0.2s;
}
.wo_pro_users li .user img {
  width: 45px;
  height: 45px;
  aspect-ratio: 1;
  object-fit: cover;
  background-color: #e7e7e7;
  border-radius: 50%;
  margin: auto;
  transition: all 0.2s;
}
.wo_pro_users li .user:hover img {
  transform: scale(1.1);
}
.wo_pro_users li .user:hover svg {
  transform: scale(1.2);
  margin: 0 0 -3px;
}
.wo_pro_users li .user span {
  padding: 8px 2px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
}

.wo_game_list_info .page-website,
.wo_game_list_info h3,
.wo_game_style .game-name {
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*Modal*/
.modal.fade {
  text-align: center;
  padding: 0 !important;
}
.modal.fade:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal.fade .modal-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin: auto;
}
.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.modal-header .close {
  opacity: 0.6;
  padding: 4px 8px;
  margin-right: -8px;
  margin-top: -4px;
}
.modal-header .close svg {
  width: 15px;
  height: 15px;
  stroke-width: 3;
}
.modal-title svg.feather {
  margin-right: 2px;
  width: 17px;
  height: 17px;
}
.modal-footer {
  padding: 5px 10px;
  background-color: #fafbfc;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #e7e8ec;
}

/*Pulse Ball Loading*/
.ball-pulse {
  float: left;
  line-height: 30px;
  margin-left: 10px;
  display: none;
}
.ball-pulse > div {
  background-color: #3a3c3f;
  border-radius: 100%;
  margin: 0 1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale-pulse 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale-pulse 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale-pulse 0.75s -0.15s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale-pulse 0.75s -0.15s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale-pulse 0.75s -0.11s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale-pulse 0.75s -0.11s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
@-webkit-keyframes scale-pulse {
  0%,
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
}
@keyframes scale-pulse {
  0%,
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
}

.no-padding-left-list {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}
.no-activities-profile {
  font-size: 16px;
}

/*Lightbox*/
.wo_image_lightbox {
  width: 100%;
  margin-top: 0;
}
.wo_image_lightbox .wo_lbox_topbar {
  background-color: rgba(0, 0, 0, 0.4);
}
.wo_lbox_topbar {
  top: 0;
  z-index: 1035;
  position: fixed;
  left: 0;
  width: 100%;
  height: 45px;
}
.wo_lbox_topbar .lbox_topbar_child {
  margin: 0 25px;
  user-select: none;
}
.wo_lbox_topbar .lbox_topbar_child span {
  padding: 10px 1px;
  margin: 0 5px;
  height: 45px;
  display: inline-block;
}
.wo_lbox_topbar .lbox_topbar_child svg.feather {
  margin-top: 0;
  width: 25px;
  height: 25px;
  color: #b5b5b5;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.wo_lbox_topbar .lbox_topbar_child svg.feather:hover {
  color: #fff;
}
.wo_image_lightbox .story-img {
  display: table;
  width: 100%;
  min-width: 900px;
  max-width: 900px;
  background: 0 0;
  position: relative;
  margin: 0 auto;
  height: 100%;
}
.wo_image_lightbox .story-img .changer {
  background: 0 0;
  top: 0;
  width: 60px;
  height: 100%;
  display: block !important;
  margin-bottom: 0;
}
.wo_image_lightbox .story-img .changer svg.feather {
  margin-top: 0;
  width: 45px;
  height: 45px;
  color: rgba(255, 255, 255, 0.45);
  transition: all 0.2s ease-in-out;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.wo_image_lightbox .story-img .changer:hover svg.feather {
  color: #fff;
}
.wo_image_lightbox .story-img .changer.next-btn {
  right: -70px;
}
.wo_image_lightbox .story-img .changer.previous-btn {
  left: -70px;
}
.wo_image_lightbox .story-img img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.wo_image_lightbox .story-img img.double_zoom {
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1);
}
.wo_imagecombo_lbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  margin-top: 0;
  margin: auto; /*max-width: 1040px;*/
}
.wo_imagecombo_lbox .story-img {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-right: 380px;
  width: calc(100% - 380px);
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar {
  background-image: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.4)
  );
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  height: 48px;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child {
  margin: 0;
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span {
  padding: 3px 1px;
  height: 33px;
}
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span svg {
  width: 22px;
  height: 22px;
}
.wo_imagecombo_lbox .story-img img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.wo_imagecombo_lbox .story-img img.double_zoom {
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1);
}
.wo_imagecombo_lbox .story-img .changer {
  background: 0 0;
  top: 0;
  width: 60px;
  height: 100%;
  margin-bottom: 0;
  z-index: 1034;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.wo_imagecombo_lbox .story-img .changer svg.feather {
  margin-top: 0;
  width: 65px;
  height: 65px;
  color: rgba(255, 255, 255, 0.55);
  transition: all 0.2s ease-in-out;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.wo_imagecombo_lbox .story-img .changer:hover svg.feather {
  color: #fff;
}
.wo_imagecombo_lbox .story-img .changer.next-btn {
  right: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
}
.wo_imagecombo_lbox .comment-section {
  width: 380px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 0;
  border-radius: 0;
  background: #f8f8f8;
}

@media (min-width: 1300px) {
  .wo_imagecombo_lbox {
    max-width: 1500px;
    max-height: 750px;
    border-radius: 16px;
  }
  .lightbox-content .story-img img {
    max-height: calc(750px - 58px);
    max-height: 750px;
  }
  .sun_img_innr {
    height: 100% !important;
  }
  .wo_imagecombo_lbox .story-img {
    margin-right: 500px;
    width: calc(100% - 500px);
  }
  .wo_imagecombo_lbox .comment-section {
    width: 500px;
  }
}

.comment-section-inner {
  display: block;
}
.comment-section-inner .comment-inner-header {
  padding: 16px 8px 16px 16px;
}
.comment-section-inner .comment-inner-header .close-lightbox {
  padding: 8px;
  margin: 0;
}
.comment-section-inner .comment-inner-header h6 {
  margin-bottom: 3px;
}
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer {
  position: relative;
  height: calc(100% - 126px);
  box-shadow: none;
  padding: 0;
  background-color: #fafafa;
}
.wo_imagecombo_lbox
  .comment-section-inner
  .comment-inner-footer
  .view-more-wrapper {
  margin: 0 16px 7px;
  padding: 5px 0 0;
}
.wo_imagecombo_lbox .lightbox-post-footer.post-comments {
  padding: 4.5px 15px;
  height: 55px;
  z-index: 5;
  flex: 0 0 auto;
  vertical-align: bottom;
  margin-top: 15px;
}
.wo_imagecombo_lbox .lightbox-post-footer .post-commet-textarea {
  display: flex;
  align-items: center;
}
.wo_imagecombo_lbox .lightbox-post-footer .post-commet-textarea img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex: 0 0 auto;
  margin-right: 12px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment-textarea {
  border: none;
  padding: 12px;
  height: 46px;
  border-radius: 9px !important;
}
.wo_imagecombo_lbox .lightbox-post-footer .emo-comment {
  top: 6px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list {
  padding: 0px 15px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment-heading {
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  padding: 12px;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment_edele_options {
  display: none;
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .reply-heading {
  display: block;
  width: 100%;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment
  .comment-body {
  margin-left: 50px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .comment-body {
  margin-left: 40px;
  margin-top: -3px;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment
  .comment-body:hover
  .comment_edele_options {
  visibility: visible;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment
  .comment-body
  .comment-replies
  .wo_commreply_combo
  textarea.form-control {
  height: 32px;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment
  > .comments-list {
  margin-left: 50px;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comments-list
  .comment
  .comment-reply
  input {
  margin: -10px 0 0;
  padding: 12px;
  height: 46px;
  border-radius: 9px !important;
  border: 0;
  font-size: 14px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment-options {
  margin-top: 6px;
  height: 13.5px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment:empty {
  margin: 0;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #f4f4f4;
}
/*.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading{display:flex;}*/
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .user {
  display: inline;
  margin-top: 0;
  color: #050505;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .time {
  color: #aaa;
  margin-top: 0;
  display: inline;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.wo_imagecombo_lbox
  .lightbox-post-footer
  .comment
  .comment-heading
  .comment-text {
  margin-top: 7px;
}
.wo_imagecombo_lbox .lightbox-post-footer .input-group-addon a {
  color: #444;
}
.sun_img_innr {
  position: relative;
  display: table;
  height: calc(100% - 58px);
}
.wow_lightbox_right {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column; /*overflow: hidden;*/
}
.wow_lightbox_right .comment-section-inner {
  position: relative;
}
.wow_lightbox_right
  .comment-section-inner
  .like-emo
  > .how_reacted:nth-child(1) {
  margin-left: 0px;
}
.wow_lightbox_right .comment-section-inner .post_foot_actions {
  margin: 0;
  padding: 0 15px;
}
.wow_lightbox_right .comment-section-inner #wo_post_stat_button {
  width: auto;
  border: 0;
  padding: 0;
}
.wow_lightbox_right .comment-section-inner #wo_post_stat_button .stat-item {
  background: transparent;
}
.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;
}
.wow_lightbox_right .load-more-comments {
  margin: 6px 10px -3px;
}
.wow_lightbox_right .post-info .post-text p:empty {
  margin: 0;
}
.wo_imagecombo_lbox .story-img .sun_light_tool {
  bottom: 0;
  width: 100%;
  top: auto;
  background: transparent;
  display: flex;
  align-items: center;
  height: 58px;
}
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child {
  display: flex;
  align-items: center;
}
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.right {
  margin-left: auto;
}
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span {
  height: auto;
  cursor: pointer;
}
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span,
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span a {
  color: #a5a5a5;
  transition: all 0.2s;
  text-decoration: none;
}
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span:hover,
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child span a:hover {
  color: #fff;
}
.wo_imagecombo_lbox .story-img .sun_light_tool .lbox_topbar_child.white {
  height: 58px;
  background: #f5f5f5;
  border-radius: 0px 16px;
  margin: 0 -8px;
}
.wo_imagecombo_lbox
  .story-img
  .sun_light_tool
  .lbox_topbar_child.white
  span.changer {
  display: block !important;
  position: relative;
  background: transparent;
  width: auto;
  margin: 0;
  padding: 17px;
  line-height: 1;
}
.wo_imagecombo_lbox
  .story-img
  .sun_light_tool
  .lbox_topbar_child.white
  span
  svg {
  color: #444;
  position: relative;
  top: auto;
  transform: none;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
}
.wo_imagecombo_lbox
  .story-img
  .sun_light_tool
  .lbox_topbar_child.white
  span:hover {
}
.wow_lightbox_right .lightbox-no-comments {
  text-align: center;
  margin: 100px 0 20px;
  color: #696969;
  padding: 0 10px;
}
.wow_lightbox_right .lightbox-no-comments svg {
  width: 70px;
  height: 70px;
  filter: grayscale(1);
  opacity: 0.5;
}

/*Settings*/
.wo_setting_showpage {
  padding-right: 45px;
}
.wo_setting_sidebar {
  width: 75px;
  right: 10px;
  top: 0;
  position: absolute;
  padding: 0;
  text-align: center;
  z-index: 1;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.17);
}
.wo_setting_sidebar ul {
  margin: 0;
  border: 0;
  box-shadow: none;
  overflow: visible;
}
.wo_setting_sidebar ul .list-group-item {
  padding: 0;
  height: 100%;
  border: 0;
}
.wo_setting_sidebar ul .list-group-item a {
  padding: 13px 5px;
  position: relative;
}
.wo_setting_sidebar ul .list-group-item.avtive a {
  background-color: rgba(0, 0, 0, 0.1);
}
.wo_setting_sidebar ul .list-group-item a svg.feather {
  opacity: 0.6;
}
.wo_setting_sidebar ul .list-group-item.avtive a svg.feather {
  opacity: 1;
}
.wo_setting_sidebar ul .list-group-item .report-not-seen {
  position: absolute;
  top: 3px;
  right: 5px;
  background-color: #f0f2f5;
  color: #ea1e1e;
  line-height: 1.1;
  height: 16px;
  padding: 2px 3px;
}
.wo_settings_page {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 2px;
  padding: 15px 55px 15px 15px;
  margin-bottom: 20px;
}
.wo_terms_page h3 {
  font-size: 19px;
  color: #787878;
  padding: 20px 20px 20px 15px;
  margin: -15px -15px 7px;
  border-bottom: 1px solid #e7e7e7;
  background-color: #f5f5f5;
}
.wo_settings_page .avatar-holder {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  margin: 5px 0 0;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgb(0 0 0 / 4%);
  border: 2px solid rgb(0 0 0 / 8%);
}
.wo_settings_page .avatar-holder::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z'%3e%3c/path%3e%3c/svg%3e");
  position: absolute;
  top: 74px;
  left: 74px;
  width: 30px;
  height: 30px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #363636;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px,
    rgb(0 0 0 / 10%) 0px 2px 4px -2px;
  border-radius: 50%;
  z-index: 9;
}
.wo_settings_page .avatar-holder.profile {
  color: #00bcd4;
  background-color: rgb(0 188 212 / 4%);
  border-color: rgb(0 188 212 / 8%);
}
.wo_settings_page .avatar-holder.profile::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,8.39C13.57,9.4 15.42,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20C9,20 6.39,18.34 5,15.89L6.75,14V13A1.25,1.25 0 0,1 8,11.75A1.25,1.25 0 0,1 9.25,13V14H12M16,11.75A1.25,1.25 0 0,0 14.75,13A1.25,1.25 0 0,0 16,14.25A1.25,1.25 0 0,0 17.25,13A1.25,1.25 0 0,0 16,11.75Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #00bcd4;
}
.wo_settings_page .avatar-holder.security {
  color: #f9bd54;
  background-color: rgb(249 189 84 / 4%);
  border-color: rgb(249 189 84 / 8%);
}
.wo_settings_page .avatar-holder.security::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,12H19C18.47,16.11 15.72,19.78 12,20.92V12H5V6.3L12,3.19M12,1L3,5V11C3,16.55 6.84,21.73 12,23C17.16,21.73 21,16.55 21,11V5L12,1Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #f9bd54;
}
.wo_settings_page .avatar-holder.social {
  color: #1da1f2;
  background-color: rgb(29 161 242 / 4%);
  border-color: rgb(29 161 242 / 8%);
}
.wo_settings_page .avatar-holder.social::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.94,14.81L11.73,17C11.08,17.67 10.22,18 9.36,18C8.5,18 7.64,17.67 7,17C5.67,15.71 5.67,13.58 7,12.26L8.35,10.9L8.34,11.5C8.33,12 8.41,12.5 8.57,12.94L8.62,13.09L8.22,13.5C7.91,13.8 7.74,14.21 7.74,14.64C7.74,15.07 7.91,15.47 8.22,15.78C8.83,16.4 9.89,16.4 10.5,15.78L12.7,13.59C13,13.28 13.18,12.87 13.18,12.44C13.18,12 13,11.61 12.7,11.3C12.53,11.14 12.44,10.92 12.44,10.68C12.44,10.45 12.53,10.23 12.7,10.06C13.03,9.73 13.61,9.74 13.94,10.06C14.57,10.7 14.92,11.54 14.92,12.44C14.92,13.34 14.57,14.18 13.94,14.81M17,11.74L15.66,13.1V12.5C15.67,12 15.59,11.5 15.43,11.06L15.38,10.92L15.78,10.5C16.09,10.2 16.26,9.79 16.26,9.36C16.26,8.93 16.09,8.53 15.78,8.22C15.17,7.6 14.1,7.61 13.5,8.22L11.3,10.42C11,10.72 10.82,11.13 10.82,11.56C10.82,12 11,12.39 11.3,12.7C11.47,12.86 11.56,13.08 11.56,13.32C11.56,13.56 11.47,13.78 11.3,13.94C11.13,14.11 10.91,14.19 10.68,14.19C10.46,14.19 10.23,14.11 10.06,13.94C8.75,12.63 8.75,10.5 10.06,9.19L12.27,7C13.58,5.67 15.71,5.68 17,7C17.65,7.62 18,8.46 18,9.36C18,10.26 17.65,11.1 17,11.74Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #1da1f2;
}
.wo_settings_page .avatar-holder.invite {
  color: #e91e63;
  background-color: rgb(233 30 99 / 4%);
  border-color: rgb(233 30 99 / 8%);
}
.wo_settings_page .avatar-holder.invite::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M7,7H11V9H7A3,3 0 0,0 4,12A3,3 0 0,0 7,15H11V17H7A5,5 0 0,1 2,12A5,5 0 0,1 7,7M17,7A5,5 0 0,1 22,12H20A3,3 0 0,0 17,9H13V7H17M8,11H16V13H8V11M17,12H19V15H22V17H19V20H17V17H14V15H17V12Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #e91e63;
}
.wo_settings_page .avatar-holder.design {
  color: #8bc34a;
  background-color: rgb(139 195 74 / 4%);
  border-color: rgb(139 195 74 / 8%);
}
.wo_settings_page .avatar-holder.design::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #8bc34a;
}
.wo_settings_page .avatar-holder.blocked {
  color: #e0624b;
  background-color: rgb(224 98 75 / 4%);
  border-color: rgb(224 98 75 / 8%);
}
.wo_settings_page .avatar-holder.blocked::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #e0624b;
}
.wo_settings_page .avatar-holder.notifications {
  color: #673ab7;
  background-color: rgb(103 58 183 / 4%);
  border-color: rgb(103 58 183 / 8%);
}
.wo_settings_page .avatar-holder.notifications::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #673ab7;
}
.wo_settings_page .avatar-holder.addresses {
  color: #607d8b;
  background-color: rgb(96 125 139 / 4%);
  border-color: rgb(96 125 139 / 8%);
}
.wo_settings_page .avatar-holder.addresses::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,2C15.31,2 18,4.66 18,7.95C18,12.41 12,19 12,19C12,19 6,12.41 6,7.95C6,4.66 8.69,2 12,2M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M20,19C20,21.21 16.42,23 12,23C7.58,23 4,21.21 4,19C4,17.71 5.22,16.56 7.11,15.83L7.75,16.74C6.67,17.19 6,17.81 6,18.5C6,19.88 8.69,21 12,21C15.31,21 18,19.88 18,18.5C18,17.81 17.33,17.19 16.25,16.74L16.89,15.83C18.78,16.56 20,17.71 20,19Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #607d8b;
}
.wo_settings_page .avatar-holder.earning {
  color: #ff9800;
  background-color: rgb(255 152 0 / 4%);
  border-color: rgb(255 152 0 / 8%);
}
.wo_settings_page .avatar-holder.earning::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M15,14V11H18V9L22,12.5L18,16V14H15M14,7.7V9H2V7.7L8,4L14,7.7M7,10H9V15H7V10M3,10H5V15H3V10M13,10V12.5L11,14.3V10H13M9.1,16L8.5,16.5L10.2,18H2V16H9.1M17,15V18H14V20L10,16.5L14,13V15H17Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #ff9800;
}
.wo_settings_page .avatar-holder.delete {
  color: #f44336;
  background-color: rgb(244 67 54 / 4%);
  border-color: rgb(244 67 54 / 8%);
}
.wo_settings_page .avatar-holder.delete::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #f44336;
}
.wo_settings_page .avatar-holder.verification {
  color: #2196f3;
  background-color: rgb(33 150 243 / 4%);
  border-color: rgb(33 150 243 / 8%);
}
.wo_settings_page .avatar-holder.verification::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #2196f3;
}
.wo_settings_page .avatar-holder.info::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #607d8b;
}
.wo_settings_page .avatar-holder.avatarr {
  color: #1da1f2;
  background-color: rgb(33 150 243 / 4%);
  border-color: rgb(33 150 243 / 8%);
}
.wo_settings_page .avatar-holder.avatarr::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #1da1f2;
}

.wo_settings_page .avatar-holder.privacy {
  color: #673ab7;
  background-color: rgb(103 58 183 / 4%);
  border-color: rgb(103 58 183 / 8%);
}
.wo_settings_page .avatar-holder.privacy::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M17.13,17C15.92,18.85 14.11,20.24 12,20.92C9.89,20.24 8.08,18.85 6.87,17C6.53,16.5 6.24,16 6,15.47C6,13.82 8.71,12.47 12,12.47C15.29,12.47 18,13.79 18,15.47C17.76,16 17.47,16.5 17.13,17Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #673ab7;
}

.wo_settings_page .avatar-holder.password {
  color: #00bcd4;
  background-color: rgb(0 188 212 / 4%);
  border-color: rgb(0 188 212 / 8%);
}
.wo_settings_page .avatar-holder.password::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: #00bcd4;
}

.wo_settings_page .avatar-holder.sessions {
  color: blueviolet;
  background-color: rgb(138 43 226 / 4%);
  border-color: rgb(138 43 226 / 8%);
}
.wo_settings_page .avatar-holder.sessions::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: blueviolet;
}

.wo_settings_page .avatar-holder.two_factor {
  color: blue;
  background-color: rgb(0 0 255 / 4%);
  border-color: rgb(0 0 255 / 8%);
}
.wo_settings_page .avatar-holder.two_factor::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M2,7V9H6V11H4A2,2 0 0,0 2,13V17H8V15H4V13H6A2,2 0 0,0 8,11V9C8,7.89 7.1,7 6,7H2M9,7V17H11V13H14V11H11V9H15V7H9M18,7A2,2 0 0,0 16,9V17H18V14H20V17H22V9A2,2 0 0,0 20,7H18M18,9H20V12H18V9Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: blue;
}

.wo_settings_page .avatar-holder.my_earnings {
  color: green;
  background-color: rgb(0 128 0 / 4%);
  border-color: rgb(0 128 0 / 8%);
}
.wo_settings_page .avatar-holder.my_earnings::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: green;
}

.wo_settings_page .avatar-holder.affiliates {
  color: chocolate;
  background-color: rgb(210 105 30 / 4%);
  border-color: rgb(210 105 30 / 8%);
}
.wo_settings_page .avatar-holder.affiliates::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: chocolate;
}

.wo_settings_page .avatar-holder.points {
  color: coral;
  background-color: rgb(255 127 80 / 4%);
  border-color: rgb(255 127 80 / 8%);
}
.wo_settings_page .avatar-holder.points::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M15 4A8 8 0 1 1 7 12A8 8 0 0 1 15 4M3 12A6 6 0 0 0 7 17.65V19.74A8 8 0 0 1 7 4.26V6.35A6 6 0 0 0 3 12Z'%3e%3c/path%3e%3c/svg%3e");
  background-color: coral;
}

.wo_settings_page .avatar-holder .avatar {
  border-radius: 50%;
  max-width: 80px;
  height: 80px;
  position: relative;
  z-index: 9;
  min-width: 80px;
}
.wo_settings_page .avatar-holder h5 {
  font-size: 17px;
  margin: 0;
}
.wo_settings_page .avatar-holder h5 a {
  text-decoration: none;
  color: inherit;
}
.wo_settings_page .avatar-holder p {
  font-weight: bold;
  font-size: 28px;
  margin: 0;
}
.wo_settings_page .avatar-holder .btn.btn-danger {
  margin-top: 10px;
  line-height: 31px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 2em;
  background-color: #f44336;
}
.wo_settings_page .avatar-holder .btn-glossy {
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
}
.wo_settings_page .avatar-holder .infoz {
  position: relative;
  z-index: 9;
  padding: 0 20px;
}
.wo_settings_page .avatar-holder + hr {
  display: none;
}
.wo_settings_page .setting-panel .show-upgrades #upgrade-button,
.wo_settings_page .setting-panel .wo_sett_upgrade {
  background-color: #03a9f4;
  color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
.wo_settings_page .setting-panel hr {
  margin-top: 20px !important;
  margin-bottom: 20px !important; /* margin-right: 0px; */ /* display: none; */
  border-top: 1px solid #eee;
}
.wo_settings_page .setting-panel .wo_sett_upgrade {
  padding: 6px 13px;
  margin: 5px 15px 4px;
  display: inline-block;
}
.wo_settings_page .setting-panel .show-upgrades #upgrade-button {
  padding: 11px 13px;
  border: 0;
  width: 110px;
  text-align: center;
}
.wo_settings_page .setting-panel-mdbtn {
  padding: 9px 18px !important;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-weight: 700;
  margin: 2px 55px;
}
.wo_settings_page .setting-panel-mdbtn svg.feather {
  width: 16px;
  height: 16px;
  margin: -2px 5px 0 0;
}
.wo_settings_page .last-sett-btn {
  margin-right: -55px;
  margin-bottom: -15px;
}
.wo_settings_page .wo_delete_account {
  margin-left: auto;
  position: relative;
  display: table;
  line-height: 45px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #151720;
}
.wo_settings_page .wo_design_button {
  width: 180px;
  display: table;
  min-height: 180px;
  overflow: hidden;
  border: 2px dashed #ccc;
  background: #fff;
  padding: 5px;
}
.wo_settings_page .wo_design_button.w-100 {
  width: 100%;
}
.wo_settings_page .wo_design_button span {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #666;
}
.wo_settings_page .wo_design_button svg.feather {
  margin-top: 0;
  width: 45px;
  height: 45px;
  color: #cecece;
}
.wo_settings_page .setting-update-alert {
  margin: 20px 0 10px;
}
.wo_settings_page .setting-update-alert:empty {
  margin: 0;
}
.wo_settings_page .alert {
  margin: 20px 0 10px;
}
.wow_sett_sidebar {
  padding: 0;
  margin-bottom: 20px;
}
.wow_sett_sidebar > ul {
  margin: 0;
  padding: 10px 13px;
}
.wow_sett_sidebar > ul hr {
  border-color: #e8e8e8;
  margin: 12px 0 !important;
}
.wow_sett_sidebar > ul > li > a {
  display: block;
  font-size: 14px;
  padding: 7px 5px;
  min-width: 88px;
  text-decoration: none;
  transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-family: "Poppins";
  font-weight: 500;
  color: #333;
  border-radius: 6px;
  margin: 5px 0;
}
.wow_sett_sidebar > ul > li > a:hover,
.wow_sett_sidebar .wow_sett_submenu > ul li a:hover {
  background-color: rgba(158, 158, 158, 0.05);
}
.wow_sett_sidebar > ul > li.active > a {
  color: #000;
  background-color: #f2f2f2;
}
/*.wow_sett_sidebar > ul > li.profile.active > a {
	color: #00bcd4;
	box-shadow: inset -3px 0px #00bcd4;
}
.wow_sett_sidebar > ul > li.experience.active > a {
	color: #7e84f6;
	box-shadow: inset -3px 0px #7e84f6;
}
.wow_sett_sidebar > ul > li.certifications.active > a {
	color: #f6977e;
	box-shadow: inset -3px 0px #f6977e;
}
.wow_sett_sidebar > ul > li.projects.active > a {
	color: gray;
	box-shadow: inset -3px 0px gray;
}
.wow_sett_sidebar > ul > li.social.active > a {
	color: #1da1f2;
	box-shadow: inset -3px 0px #1da1f2;
}
.wow_sett_sidebar > ul > li.invitation.active > a {
	color: #e91e63;
	box-shadow: inset -3px 0px #e91e63;
}
.wow_sett_sidebar > ul > li.notifications.active > a {
	color: #673ab7;
	box-shadow: inset -3px 0px #673ab7;
}
.wow_sett_sidebar > ul > li.design.active > a {
	color: #5cb85c;
	box-shadow: inset -3px 0px #5cb85c;
}
.wow_sett_sidebar > ul > li.sessions.active > a {
	color: blueviolet;
	box-shadow: inset -3px 0px blueviolet;
}
.wow_sett_sidebar > ul > li.two_factor.active > a {
	color: blue;
	box-shadow: inset -3px 0px blue;
}
.wow_sett_sidebar > ul > li.blocked.active > a {
	color: #e0624b;
	box-shadow: inset -3px 0px #e0624b;
}
.wow_sett_sidebar > ul > li.my_info.active > a {
	color: #607d8b;
	box-shadow: inset -3px 0px #607d8b;
}
.wow_sett_sidebar > ul > li.verification.active > a {
	color: #2196f3;
	box-shadow: inset -3px 0px #2196f3;
}
.wow_sett_sidebar > ul > li.earnings.active > a {
	color: green;
	box-shadow: inset -3px 0px green;
}
.wow_sett_sidebar > ul > li.affiliates.active > a {
	color: chocolate;
	box-shadow: inset -3px 0px chocolate;
}
.wow_sett_sidebar > ul > li.points.active > a {
	color: coral;
	box-shadow: inset -3px 0px coral;
}
.wow_sett_sidebar > ul > li.delete.active > a {
	color: #f44336;
	box-shadow: inset -3px 0px #f44336;
}*/
.wow_sett_sidebar > ul > li > a svg {
  height: 32px;
  width: 32px;
  margin: auto 13px auto 0;
  background-color: rgb(0 0 0 / 5%);
  border-radius: 50%;
  padding: 7px;
}
.wow_sett_sidebar > ul > li > a span {
  position: relative;
  height: 31px;
  width: 31px;
  margin: auto 10px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.wow_sett_sidebar > ul > li > a span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f6f6f6;
  border-radius: 6px;
}
.wow_sett_sidebar > ul > li > a span svg {
  position: relative;
  height: 18px;
  width: 18px;
  padding: 0;
  border-radius: 0;
  margin: auto;
  background: transparent;
}
.wow_sett_sidebar .wow_sett_submenu > a span svg {
  margin: 10px 0;
  height: 17px;
  width: 17px;
}
.wow_sett_sidebar .wow_sett_submenu > ul {
  margin: 0px;
  padding: 0;
}
.wow_sett_sidebar .wow_sett_submenu > ul li {
  padding: 4px 16px;
}
.wow_sett_sidebar .wow_sett_submenu > ul li a {
  display: block;
  text-decoration: none;
  transition: all 0.15s;
  padding: 8px 10px;
  border: 1px solid rgb(0 0 0 / 9%);
  border-radius: 8px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}
.wow_sett_sidebar .wow_sett_submenu > ul li.active a {
  color: #e00c54;
  background-color: rgb(224 12 84 / 10%);
}
.wow_sett_sidebar .wow_sett_submenu > ul#security-sett li.active a {
  color: #f9bd54;
  background-color: rgb(249 189 84 / 10%);
}
.wow_sett_sidebar .wow_sett_submenu > ul#design-sett li.active a {
  color: #8bc34a;
  background-color: rgb(139 195 74 / 10%);
}
.wow_sett_sidebar .wow_sett_submenu > ul#earning-sett li.active a {
  color: #ff9800;
  background-color: rgb(255 152 0 / 10%);
}

.wo_sett_designs {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-family: "Poppins";
}
.wo_sett_designs .change-file-ico {
  margin-right: 15px;
  position: relative;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.wo_sett_designs .change-file-ico:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.15;
}
.wo_sett_designs .mt-1 {
  margin-top: 5px;
}
.wo_sett_designs .change-file-input {
  padding: 3px 13px;
  border: 0;
  line-height: 1;
  background: rgb(0 0 0 / 10%) !important;
  border-radius: 2em;
  font-size: 12px;
  width: 100%;
}

/*Verification*/
.select-user-verification-data {
  width: 100%;
  overflow: hidden;
}
.select-user-verification-data p {
  width: 100%;
  margin: 0;
  font-size: 14.5px;
  color: #333;
}
.select-user-verification-data .select-user-verification-photos {
  width: 100%;
  overflow: hidden;
}
.select-user-verification-data .select-user-verification-photos > div {
  width: 49%;
  height: 190px;
  background: #f9f9f9;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  border: 1px solid #efefef;
  margin-top: 15px;
  color: #333;
  overflow: hidden;
  cursor: pointer;
}
.select-user-verification-data .select-user-verification-photos .empty_state {
  margin: 45.5px 0;
}
.verification-status {
  width: 100%;
  height: 200px;
  text-align: center;
}
.verification-status h4 {
  width: 100%;
  line-height: 200px;
  font-family: arial, sans-serif;
  color: #666;
}

/*Payment History*/
table.wow_pymnt_table {
  font-family: "Poppins";
  font-size: 14.5px;
}
table.wow_pymnt_table thead th {
  font-weight: bold;
  color: #333;
}
table.wow_pymnt_table tbody > tr:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
table.wow_pymnt_table tbody > tr > td {
  vertical-align: middle;
  padding: 9px 5px;
}
table.wow_pymnt_table .label {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: bold;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
table.wow_pymnt_table .label-warning {
  color: #ff9800;
  background-color: rgba(255, 152, 0, 0.1);
}
table.wow_pymnt_table .label-success {
  color: #4caf50;
  background-color: rgba(76, 175, 80, 0.1);
}
table.wow_pymnt_table .label-danger {
  color: #f44336;
  background-color: rgba(244, 67, 54, 0.1);
}
.wow_sett_trans_table {
  margin: 10px -6px -15px;
}

/*Affiliates*/
.wow_affs_main > img {
  display: block;
  width: 280px;
  height: 280px;
  margin: 0 auto 20px;
  pointer-events: none;
}
.wow_affs_main > h4 {
  text-align: center;
}
.wow_affs_main .wow_form_fields {
  margin-top: 0;
}
.wow_affs_main .wow_form_fields input {
  height: 34px;
  font-size: 14.5px;
  border-radius: 2em;
  background: rgba(0, 0, 0, 0.05) !important;
}
.wo_referres:empty {
  border: 0;
  padding: 0;
  margin: 0;
}

/*Create Products*/
.wow_prod_imgs {
  margin: 0 -7px;
  display: flex;
}
#create-product-modal .modal-body {
  padding-top: 0;
}
.wow_prod_imgs .upload-product-image {
  width: 100px;
  min-width: 100px;
  height: 100px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  cursor: pointer;
  display: table;
  margin: 0 6px;
  background-color: #f0f2f5;
}
.wow_prod_imgs .upload-product-image svg.feather {
  width: 24px;
  height: 24px;
  color: #848484dd;
}
.wow_prod_imgs #productimage-holder {
  padding: 0 7px;
  overflow-x: auto;
}
.wow_prod_imgs #productimage-holder .thumb-image {
  pointer-events: auto;
}
#productimage-holder {
  width: 100%;
  padding: 0 8px;
  margin: 0;
  white-space: nowrap;
}
#productimage-holder .thumb-image {
  width: 100px;
  height: 100px;
  margin: 0 5px 0 0;
  display: inline-block;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
#create-product-modal .publisher-hidden-option #percent {
  position: relative;
  left: auto;
  color: #444 !important;
}
#create-product-modal .publisher-hidden-option #progress .progress {
  margin: 8px 40px 0 0;
}
#create-product-modal .publisher-hidden-option #progress .progress,
#create-product-modal
  .publisher-hidden-option
  #progress
  .progress
  .progress-bar {
  height: 4px;
  border-radius: 0;
}

/*Market*/
.wo_market .market_widget {
  margin-bottom: 25px;
}
.wo_market .market_widget .m_widget_head {
  font-weight: 600;
  color: #585858;
  margin-bottom: 8px;
  font-size: 14.5px;
}
.wo_market .market_categories,
.wo_job_main_widget .wjob_categories {
  position: relative;
}
.wo_market .market_categories ul,
.wo_job_main_widget .wjob_categories ul {
  padding: 0;
  margin: 0;
}
.wo_market .market_categories ul li,
.wo_job_main_widget .wjob_categories ul li {
  margin: 6px 0;
  font-family: "Lato", sans-serif;
  font-size: 14.5px;
}
.wo_market .market_categories ul li a,
.wo_job_main_widget .wjob_categories ul li a {
  text-decoration: none;
  position: relative;
  padding-left: 25px;
  display: block;
}
.wo_market .market_categories ul li a:after,
.wo_market .market_categories ul li a:before,
.wo_job_main_widget .wjob_categories ul li a:after,
.wo_job_main_widget .wjob_categories ul li a:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  top: 1px;
  left: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
}
.wo_market .market_categories ul li a:before,
.wo_job_main_widget .wjob_categories ul li a:before {
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.wo_market .market_categories ul li.active a:before {
  border-color: #16b987;
}
.wo_market .market_categories ul li.active a:after {
  background: #16b987;
  border-radius: 50%;
  transform: scale(0.5);
}
.wo_market .market_categories ul li.active a {
  color: #16b987;
}
.wo_market #cusrange-reader {
  width: 43px;
  background: transparent !important;
}
.wo_market .market_bottom #products.row {
  margin-right: -10px;
  margin-left: -10px;
}
.wo_market .market_bottom .product {
  padding-right: 10px;
  padding-left: 10px;
}
.wo_market .market_bottom .product .product_info {
  background-color: #fff;
  padding: 0 3px 5px;
  border: 1px solid #ddd;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  transition: all 0.2s linear;
}
.wo_market .market_bottom .product .product_info:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}
.wo_my_products a {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.wo_market .market_bottom .product .product-links {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 40px;
  z-index: 8;
  opacity: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.41);
  transition: opacity 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
}
.wo_market .market_bottom .product .product_info:hover .product-links {
  opacity: 1;
}
.wo_market .market_bottom .product .product-links .more-info {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.wo_market .market_bottom .product .product-links .more-info:hover {
  background-color: #fff;
  color: #000 !important;
}
.wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
  border: 0;
  transition: all 0.2s;
  padding: 15px;
}
.wo_market .market_bottom .product .product_info.wow_main_mkt_prod:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-image {
  margin: 0;
  width: 100%;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-image
  img {
  object-fit: cover;
  aspect-ratio: 1.5;
  border-radius: 9px;
}
.wo_market .market_bottom .product .product_info.wow_main_mkt_prod .product-by {
  position: absolute;
  z-index: 9;
  top: 8px;
  left: 8px;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-by
  a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 4px 13px;
  background: rgba(242, 242, 242, 0.83);
  border-radius: 8px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-by
  a.product-list {
  padding: 4px 6px;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .wow_main_prod_foot {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 12px 0 0;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .wow_main_prod_foot
  .btn {
  min-width: auto;
  border-radius: 8px;
  line-height: 51px;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .wow_main_prod_foot
  .btn
  svg {
  width: 24px;
  height: 24px;
  margin: -2px 0 0;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .wow_main_prod_foot
  .btn-main {
  flex: 1 1 auto;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .wow_main_prod_foot
  .btn-default {
  flex: 0 0 auto;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  margin: 12px 0 0;
  text-transform: uppercase;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-title
  a {
  text-decoration: none;
}
.wo_market
  .market_bottom
  .product
  .product_info.wow_main_mkt_prod
  .product-price {
  margin: 5px 0 0;
  letter-spacing: normal;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  color: #262d34;
}
.btn_create_big.myproduct {
  height: 301.34px;
}

/*Find Friends*/
.wow_frnd_map {
  width: 100%;
  height: 300px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.wow_frnd_field {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wow_frnd_field h4 {
  margin: 7px 0 7px;
  font-size: 15px;
  font-family: "Poppins";
}
.friends_nearby_status_ul,
#search-nearby-users .nearby-users-gender-collapse ul {
  padding: 0;
}
.friends_nearby_status_ul li,
#search-nearby-users .nearby-users-gender-collapse ul li {
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  padding: 0 20px;
  line-height: 42px;
  background-color: #f5f5f5;
  color: #393939;
  border-radius: 2em;
  margin-right: 5px;
  margin-bottom: 6px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.friends_nearby_status_ul li.active,
#search-nearby-users .nearby-users-gender-collapse ul li.active {
  color: #3f51b5;
  background-color: #c6cfff;
}
.select-nearby-users-distance {
  padding: 7px 1px;
  display: flex;
}
.select-nearby-users-distance > form {
  display: flex;
  width: 100%;
  align-items: center;
}
#nearby-users-distance {
  width: 100%;
  border: 0;
  height: 2.5px;
  background: #d0d0d0;
  outline: none;
  box-shadow: none;
  border-radius: 2em;
}
#nearby-users-distance .ui-slider-handle {
  position: absolute;
  margin: -2px 0 0 -5px;
  border-radius: 100%;
  background: #3f51b5;
  border: 0;
  height: 15px;
  width: 15px;
  outline: none;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#nearby-users-distance .ui-slider-handle:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#nearby-users-distance .ui-slider-range {
  background: #3f51b5;
}
.select-nearby-users-distance .currentVal {
  position: relative;
  font-size: 14.5px;
  font-weight: bold;
  color: #7a7d7e;
  width: 50px;
  text-align: center;
  height: 30px;
  display: block;
  background: #f3f3f8;
  line-height: 29px;
  margin-top: -13px;
  margin-left: 10px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.select-nearby-users-distance .currentVal:before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -6px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left-width: 0;
  border-right-color: #f3f3f8;
}
.wow_frnd_usr .fndfrnd_user_wrapper {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  margin-bottom: 20px;
  transition: all 0.2s;
}
.wow_frnd_usr .fndfrnd_user_wrapper:hover {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.wow_frnd_usr .fndfrnd_user_wrapper .avatar {
  position: relative;
  width: 100%;
  padding-bottom: 130%;
}
.wow_frnd_usr .fndfrnd_user_wrapper .avatar img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.fndfrnd_user_wrapper_bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  padding: 12px;
  font-family: "Robto", sans-serif;
}
.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
  font-size: 22px;
  margin-bottom: 3px;
  text-transform: capitalize;
  margin-top: 0;
  font-weight: bold;
}
.wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link a {
  color: #fff;
  text-decoration: none;
}
.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs {
  margin-bottom: 0;
}
.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  color: white;
}
.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li > span {
  margin-right: 5px;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li > span svg {
  width: 20px;
  height: 20px;
}
.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li p {
  margin: 0;
  line-height: 1;
}
.wow_frnd_usr .fndfrnd_user_wrapper .sun_friends_fetrs li .online-text {
  color: #4caf50;
}
.wow_frnd_usr .fndfrnd_user_wrapper .user-follow-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
}

.wo_my_products a {
  display: block;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/*Pages*/
.btn_create_big.page {
  height: 239.23px;
}
.btn_create_big.blog {
  height: 340.28px;
}
.wo_my_pages .page_list .album_parent,
.wo_my_pages .blog_list .album_parent {
  box-shadow: none;
}
.wo_my_pages .page_list .avatar a img,
.wo_my_pages .blog_list .avatar a img {
  box-shadow: none;
}
.wo_my_pages .page_list .avatar img.thumb {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  top: auto;
  bottom: -15px;
}
.wo_my_pages .page_list .album-name {
  padding-top: 10px;
}

.row.my_products {
  margin-right: -10px;
  margin-left: -10px;
}
.wo_my_products {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}
.wo_my_pages .blog_list .avatar a.postCategory {
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  border-radius: 40px;
  padding: 2px 10px;
  margin: 8px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
}

/*Games*/
.wow_games {
  margin: 0 -10px;
}
.wow_games > .col-md-6 {
  padding: 0 10px;
}
.wow_pop_gam_list {
  overflow: hidden;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 0;
}
.wow_pop_gam_list a {
  text-decoration: none;
}
.wow_pop_gam_list .avatar {
  display: block;
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px 0 0
    4px;
  margin-right: 10px;
}
.wow_pop_gam_list .avatar img {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px 0 0
    4px;
  object-fit: cover;
}
.wow_pop_gam_list .game-name {
  margin-left: 70px;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 7px;
}
.wow_pop_gam_list p {
  margin-left: 70px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wo_game_style {
  margin-bottom: 20px;
  transition: all 0.2s;
  padding: 15px;
}
.wo_game_style:hover {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.wo_game_style .avatar {
  width: 100%;
  padding-top: 60%;
  position: relative;
  margin-bottom: 12px;
}
.wo_game_style .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wo_game_style .avatar .btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
  line-height: 32px;
}
.wo_game_style a {
  text-decoration: none;
}
.wo_game_style .game-name {
  margin: 0;
  overflow: hidden;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 15px;
  color: black;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wo_game_style p {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: "Roboto";
  font-size: 14px;
}
.wo_game_style .btn {
  margin-top: 13px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 46px;
}

.middot {
  margin: 0 6px;
  font-size: 14.5px;
  line-height: 1.1;
  font-weight: 700;
}
.o-overlayLink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  background-color: rgba(0, 0, 0, 0);
}
.problackback {
  display: block;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.45) 100%
  );
  padding: 100px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.wo_user_profile .problackback {
  border-radius: 16px;
}
.wo_user_profile .pic-info-cont {
  position: absolute;
  width: 100%;
  height: 150px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container .wo_user_profile .pic-info-cont .user-avatar {
  position: relative;
  width: 140px;
  height: 140px;
  bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -30px;
}

.container .wo_user_profile .pic-info-cont .user-avatar.unseen_story {
  padding: 6px;
  background-color: white;
  border-radius: 50%;
}
.container .wo_user_profile .pic-info-cont .user-avatar img {
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  object-fit:cover;
}
.container .wo_user_profile .pic-info-cont .user-avatar img.unseen_story {
  padding: 3px;
  background-color: white;
  z-index: 10;
  position: relative;
}
.container .wo_user_profile .pic-info-cont .user-avatar.unseen_story:after {
  content: "";
  position: absolute;
  right: 3px;
  left: 3px;
  top: 3px;
  bottom: 3px;
  border-radius: 50%;
  z-index: 1;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.container .wo_user_profile .card.hovercard .info .title {
  left: 0;
  position: relative;
  margin-top: 0;
  top: 0;
}
.container .wo_user_profile .card.hovercard .info .title svg.feather {
  width: 24px;
  height: 24px;
  fill: #fff;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
.container .wo_user_profile .card.hovercard .info p {
  margin: 6px 0 0;
  color: #fff;
  font-size: 14px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.container .wo_user_profile .card.hovercard .options-buttons {
  position: relative;
  margin: 10px 10px -60px;
  z-index: auto;
  margin-left: auto;
}

.container .wo_user_profile .card.hovercard .options-buttons span {
  margin-bottom:5px;
}

.wo_user_profile .options-buttons .dropup,
.wo_user_profile .options-buttons .dropdown {
  display: inline-block;
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu,
.wo_user_profile .options-buttons .dropup .dropdown-menu {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 6px 0;
  min-width: 190px;
  margin: 0;
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item,
.wo_user_profile .options-buttons .dropdown-menu li .menu-item {
  min-height: 34px;
  display: block;
  line-height: 34px;
  padding: 0 16px;
  font-size: 14.5px;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item a {
  color: rgba(0, 0, 0, 0.87);
  padding: 0 !important;
  display: inline-block;
  min-width: 100px;
  text-decoration: none;
}
.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li svg,
.wo_user_profile .options-buttons .dropdown-menu li svg {
  margin: -2px 10px auto 0;
  width: 18px;
  height: 18px;
  opacity: 0.8;
}
.wo_user_profile .card.hovercard .title .badge-link {
  display: block;
  padding: 8px 5px 9px;
}
.wo_user_profile .card.hovercard .title .badge-pro {
  font-size: 10px;
  line-height: 0;
  padding: 0;
  font-weight: 700;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wo_user_profile .options-buttons a,
.wo_user_profile .options-buttons button {
  margin: 0;
  float: none;
}
.wo_user_profile .btn-glossy > a,
.wo_user_profile .btn-glossy > button,
.wo_user_profile .btn-glossy > span > button,
.wo_group_profile .btn-glossy > a,
.wo_group_profile .btn-glossy > button,
.wo_group_profile .btn-glossy > span > button {
  border-radius: 2em !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  height: 42px;
  margin-right: 3px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.wo_user_profile .btn-glossy > a:not(.btn-main),
.wo_user_profile .btn-glossy > button:not(.btn-main),
.wo_user_profile .btn-glossy > span > button:not(.btn-main),
.wo_group_profile .btn-glossy > a:not(.btn-main),
.wo_group_profile .btn-glossy > button:not(.btn-main),
.wo_group_profile .btn-glossy > span > button:not(.btn-main) {
  background: #fff;
  transition: all 0.2s;
}
.wo_user_profile .btn-glossy > a:not(.btn-main):hover,
.wo_user_profile .btn-glossy > button:not(.btn-main):hover,
.wo_user_profile .btn-glossy > span > button:not(.btn-main):hover,
.wo_group_profile .btn-glossy > a:not(.btn-main):hover,
.wo_group_profile .btn-glossy > button:not(.btn-main):hover,
.wo_group_profile .btn-glossy > span > button:not(.btn-main):hover {
  background: #e7e7e7;
}
.wo_user_profile .btn-glossy > a:not(.btn-main):hover svg .icon_main,
.wo_user_profile .btn-glossy > button:not(.btn-main):hover svg .icon_main,
.wo_user_profile
  .btn-glossy
  > span
  > button:not(.btn-main):hover
  svg
  .icon_main,
.wo_group_profile .btn-glossy > a:not(.btn-main):hover svg .icon_main,
.wo_group_profile .btn-glossy > button:not(.btn-main):hover svg .icon_main,
.wo_group_profile
  .btn-glossy
  > span
  > button:not(.btn-main):hover
  svg
  .icon_main {
  stroke: currentColor;
}
.wo_user_profile .btn-glossy.open button.dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.76);
}
.wo_user_profile .btn-glossy a svg.feather,
.wo_user_profile .btn-glossy button svg.feather,
.wo_group_profile .btn-glossy a svg.feather,
.wo_group_profile .btn-glossy button svg.feather {
  margin: -2px 3px 0 0;
  width: 17px;
  height: 17px;
}
.wo_user_profile .user-bottom-nav {
  background: #fff;
  position: relative;
  padding: 0;
  box-shadow: 0px -6px 30px rgb(0 0 0 / 6%);
  border-radius: 16px;
  margin: 15px 0;
  z-index: 10;
}
.wo_user_profile .user-bottom-nav ul {
  padding: 13px 9px;
  margin: 0;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
}
.wo_user_profile .user-bottom-nav ul li {
  display: inline-block;
  flex: 1;
  padding: 0 4px;
}
.wo_user_profile .user-bottom-nav li a {
  padding: 11px 22px;
  text-decoration: none !important;
  display: block;
  text-align: center;
  border-radius: 2em;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  transition: all 0.2s;
}
.wo_user_profile .user-bottom-nav li a .split-link svg {
  margin: -3px 2px 0 0;
}
.wo_user_profile .user-bottom-nav li a:hover,
.wo_user_profile .user-bottom-nav li .menuactive {
  background: #f5f5f5;
}
.wo_user_profile .wow_form_fields > label {
  font-weight: normal;
}
.featured-users .sidebar-title-back,
.featured-users .pro-me-here a {
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px !important;
}
.right_user_info.wow_content.padd_top {
  padding-top: 10px;
}
.right_user_info .wo_page_hdng {
  margin-bottom: 7px;
}
.right_user_info .flex_stats {
  padding: 20px 15px 8px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.right_user_info .flex_stats li {
  padding: 0;
  background: transparent;
  flex: 1 1 auto;
}
.right_user_info .flex_stats li .badge {
  float: none;
  margin: 0 8px;
  background: #c64d53;
  border-radius: 2px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
}
.right_user_info li {
  padding: 8px 15px;
  color: #1d2129;
  background: transparent;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.right_user_info li a {
  text-decoration: none;
  color: #1d2129;
}
.right_user_info li svg {
  color: #7a7a7a;
  margin: -2px 6px 0 2px;
  width: 28px;
  height: 28px;
  background: #f3f3f3;
  border-radius: 6px;
  padding: 5px;
}
.right_user_info li.website {
  background: #f3f3f3;
  margin: 8px 15px;
  border-radius: 10px;
  padding: 8px;
}
.profile_search.wow_form_fields input {
  height: 40px;
  background: #f3f3f3;
  border-radius: 8px;
  box-shadow: none;
  border: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 0 25px;
}
.profile_search.wow_form_fields > svg {
  position: absolute;
  right: 0;
  margin: 9px;
  opacity: 0.8;
  pointer-events: none;
}
.profile_hdng_side.wo_page_hdng {
  padding: 15px;
  border: 0;
}
.profile_hdng_side.wo_page_hdng .wo_page_hdng_innr {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
.profile_side_albums {
  padding: 0 10px 10px;
  overflow: hidden;
}
.profile_side_albums .album_data {
  width: 33.3333333%;
  padding: 5px;
  display: inline-block;
  float: left;
}
.profile_side_albums .album_data:nth-child(3) {
  height: 261px;
  float: right;
}
.profile_side_albums .album_data a {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.profile_side_albums .album_data:nth-child(3) a {
  padding: 0;
  height: 100%;
}
.profile_side_albums .album_data a img {
  border-radius: 4px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  object-fit: cover;
  border: 1px solid rgba(250, 137, 36, 0.1);
  box-shadow: 0px 2px 6px rgb(250 137 36 / 6%);
}
.profile_side_users {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px 8px;
}
.profile_side_users .sidebar_user_data {
  width: 50px;
  margin: 0 7px 7px;
  flex: 0 0 auto;
}
.profile_side_users .sidebar_user_data a {
  display: block;
  position: relative;
  padding-bottom: 100%;
}
.profile_side_users .sidebar_user_data a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.wo_event_profile .user-social-links {
  padding: 0 13px 10px 40px;
}
.wo_user_profile .user-social-links,
.wo_page_profile .user-social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.wo_user_profile .user-social-links a.social-btn,
.wo_page_profile .user-social-links a.social-btn {
  width: auto;
  height: auto;
  line-height: 1;
  margin: 0 5px;
}
.wo_user_profile .user-social-links a svg,
.wo_page_profile .user-social-links a svg {
  width: 22px;
  height: 22px;
  margin: 0 !important;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
}
.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: 12px;
  margin: 5px 0;
}
.widget-heading h5 {
  color: #90949c;
  display: inline;
  margin: 0 1px;
}
.wo_page_profile .profile-container .card {
  margin-bottom: 0;
  border-radius: 15px;
}
.wo_page_profile .profile-container .card.hovercard .cardheader {
  max-height: 313.3px;
  min-height: 313.3px;
}
.wo_page_profile .page-info-cont {
  position: relative;
  margin: 0;
}
.wo_page_profile .page-info-cont {
  padding: 30px 0;
}
.wo_page_profile .page-info-cont .user-avatar {
  width: 150px;
  height: 150px;
  position: relative;
  margin-top: -75px;
}
.wo_page_profile .page-info-cont .user-avatar-uploading-container {
  border-radius: 3px;
}
.wo_page_profile .page-info-cont .user-avatar-uploading-progress .ball-pulse {
  margin: 43px auto;
}
.wo_page_profile .page-info-cont .user-avatar img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 4px solid #f0f2f5;
}
.wo_page_profile .page-info-cont .first_row {
  display: flex;
  align-items: center;
}
.wo_page_profile .first_row .title {
  margin: 0 20px;
}
.wo_page_profile .first_row .title a {
  font-size: 23px;
  color: #3e3e3e;
  text-transform: capitalize;
  word-break: break-word;
  font-family: "Poppins";
}
.wo_page_profile .first_row .title .page_username {
  color: #444;
  font-size: 13px;
  overflow: hidden;
  margin: 1px 0 7px;
  font-family: "Poppins";
}
.wo_page_profile .last_row .page_info {
  overflow: hidden;
  color: #6f6f6f;
  padding: 1px 0;
}
.wo_page_profile .last_row .page_info svg.feather {
  margin: -2px 2px 0 0;
  width: 14px;
  height: 14px;
}
.wo_page_profile .options-buttons {
  position: relative;
  margin: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.wo_page_profile .options-buttons .btn {
  box-shadow: none !important;
  border: none;
  min-width: 64px;
  line-height: 43px;
  padding: 0 16px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
}
.wo_page_profile .options-buttons .btn svg {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  margin-left: -2px;
}
.wo_page_profile .page-info-cont .last_row {
  margin: 31px 0 34px;
}
.wo_page_profile .page_navbar {
  display: inline-block;
  background: linear-gradient(to right, #fff, #f5f5f5);
  margin: 30px -15px -15px -20px;
  width: calc(100% + 40px);
  padding: 5px 35px;
}
.btn-call-action {
  color: #000;
  background: #d2d2d2;
  min-width: 95px;
  border: 0;
  box-shadow: none;
  margin: 6px 0 -6px;
}
.btn-call-action:focus,
.btn-call-action:hover {
  color: #fff;
  background: #2196f3;
}
.wo_page_profile .page_navbar ul {
  margin: 0;
}

.wo_page_ratingss {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: "Poppins";
  font-size: 15px;
  line-height: 1;
}
.wo_page_ratingss .page-rating {
  width: 70%;
}
.wo_page_ratingss .page-rating > fieldset {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: space-around;
  flex-direction: row-reverse;
  margin: -2px 0 -1px;
}
.wo_page_ratingss .page-rating > fieldset label {
  margin-bottom: 0;
}

.wo_page_profile .wo_sidebar_pages {
  padding: 0 0 10px !important;
}

.wo_group_profile .profile-container .card {
  border-radius: 15px;
  background: #fff;
  border: 1px solid #ececec;
}
.wo_group_profile .profile-cover-changer {
  right: 20px;
}
.wo_group_profile .side_panel {
  position: absolute;
  height: 100%;
  width: 220px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.15);
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.container .wo_group_profile .side_panel .user-avatar {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.container .wo_group_profile .side_panel .user-avatar img {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.23);
}
.container .wo_group_profile .side_panel .box-inner {
  filter: blur(6px);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.container .wo_group_profile .side_panel .box-inner:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  height: 100%;
}
.container .wo_group_profile .side_panel .info {
  color: rgba(255, 255, 255, 0.63);
  text-align: center;
}
.container .wo_group_profile .side_panel .info .title {
  position: relative;
  left: 0;
  margin: 0;
  top: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 23px;
  text-align: center;
  max-height: 61.6px;
  overflow: hidden;
  line-height: 30px;
}
.wo_group_profile .side_panel .options-buttons {
  position: relative;
  margin: 40px 0 0;
  right: auto;
  text-align: center;
}
.wo_group_profile .side_panel .options-buttons a,
.wo_group_profile .side_panel .options-buttons button {
  float: none;
  margin: 0 5px;
  border: 0;
  box-shadow: none;
}

.message-container {
  width: 100%;
  height: 100%;
}

.message-media {
  position: relative;
}
.message-media img {
  max-width: 100%;
}
.message-media audio {
  width: 80%;
  border-radius: 10px;
  background-color: #f1f3f4;
}

.messages-container {
  padding: 20px 20px 0;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  flex: 1 1 auto;
}
.messages-container .empty_state {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*.messages-container .message-contnaier:nth-child(1){margin-top:30px}*/
.messages-container .message-media {
  transition: width 0.5s;
  margin: -16px;
  padding: 10px;
}
.messages-container .message-media:empty {
  margin: -16px;
}
.messages-container .message-media img {
  max-width: 100%;
  border: 0;
  border-radius: 8px;
  margin-bottom: -7px;
  margin-right: 0;
  margin-left: 0;
  max-height: 330px;
}
.messages-container .message-media video {
  max-height: 330px;
  width: auto !important;
  border-radius: 10px;
}
.messages-container .message-media.full-size {
  width: 100%;
}
.messages-load-more-messages {
  transition: all 0.2s ease;
  list-style: none;
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  z-index: 9;
  margin: 0;
  left: 50%;
  transform: translate(-50%);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  top: 115px;
}
.messages-load-more-messages a {
  color: #808080;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages-wrapper {
  width: 100%;
  padding: 5px;
}
.messages-wrapper .name {
  color: #666;
  font-size: 14.5px;
}
.messages-wrapper .user-avatar {
  width: 40px;
  border-radius: 3px;
}
.message {
  margin-top: 1px;
}
.message p {
  color: #555;
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
}
#wo_msg_right_prt .message p {
  margin: 0 0 12px;
  font-family: "Poppins";
  font-style: normal;
}
.message p:empty,
#wo_msg_right_prt .message p:empty {
  padding: 0;
  margin: 0;
}
.wo_about_wrapper_parent {
  position: absolute;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  top: 70px;
  width: 100%;
  left: 0;
  min-height: 370px;
}
.wo_about_page_margin .list-group {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.wo_about_wrapper {
  position: relative;
  min-height: 370px;
}
.wo_about_wrapper,
.wo_about_wrapper .full-width-picture {
  height: 370px;
  background-position: center;
  background-size: cover;
}
.hero-overlay {
  background: #3e396b;
  background-color: rgba(62, 57, 107, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 80px;
}
.wo_about_wrapper .hero-overlay {
  background-image: linear-gradient(
    to right,
    rgba(181, 60, 63, 0.6),
    rgba(202, 97, 98, 0.6)
  );
  position: absolute;
  width: 100%;
  height: 100%;
}
.wo_about_wrapper .hero-overlay h1 {
  color: #fff;
  font-family: opensanslight;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 12px;
  line-height: 48px;
}
.wo_about_wrapper .hero-overlay h1 .site_desc {
  color: #fff;
  font-size: 20px;
  line-height: 23px;
  display: block;
  margin-top: 30px;
}
.wo_about_page_margin {
  margin-top: 330px;
  position: relative;
}
.wo_about_page_margin .list-group {
  padding: 13px 20px;
}
.wo_terms_page {
  padding: 20px;
}
.wo_404 {
  padding: 45px 15px;
  border: 0;
  border-radius: 0px;
  min-height: calc(100vh - 45px);
  background: transparent;
  background-image: url(../img/404.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.wo_404 h4 {
  font-size: 60px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  color: #d9e7f9;
  margin: 80px 0 148px;
  position: relative;
}
.wo_404 h4 svg {
  position: absolute;
  bottom: -150px;
  left: 90px;
  width: 130px;
  transform: rotate(270deg);
}
.wo_404 h1 {
  font-size: 30vh;
  position: relative;
  color: #497ab5;
  font-family: "Dosis", sans-serif;
  font-weight: 800;
}
.wo_404 h1 svg {
  width: 30vh;
}
.wo_404 .btn {
  margin: auto 0 80px;
  border-radius: 9px;
  padding: 12px 33px;
  z-index: 2;
  border: 0;
  box-shadow: 0px 6px 0px 0px #812f30, 0px 0px 20px 0px #bbb;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  letter-spacing: 1.5px;
  transition: all 0.2s;
}
.wo_404 .btn:active {
  box-shadow: 0px 2px 0px 0px #812f30;
}
.wo_404_moon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  bottom: -720px;
  width: calc(100% + 290px);
  height: 1000px;
}
.wo_emoji_post {
  width: 335px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.wo_emoji_tab {
  box-shadow: 0 0 2px #b7b7b7;
  background: #f5f5f5;
  border-radius: 2px 2px 0 0;
}
.wo_emoji_tab span {
  width: 15.7%;
  padding: 8px 1px;
  height: 100%;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.wo_emoji_tab span.active {
  border-bottom: 2px solid;
}
.wo_emoji_tab span svg.feather {
  height: 24px !important;
  width: 24px !important;
  margin: 0;
}
.wo_emoji_p {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  padding: 9px 6px;
  color: #555;
  text-align: initial;
}
.emoji_tab_pane {
  display: none;
  overflow-y: auto;
  height: 250px;
  white-space: normal;
  text-align: center;
}
.emoji_tab_pane .twa-lg {
  height: 34px;
  width: 34px;
  background-size: 27px 27px;
  margin: 0 5.5px;
  border-radius: 3px;
  transition: all 0.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, 0.14));
  filter: drop-shadow(0 -3px 1px rgba(0, 0, 0, 0.14));
}
.publisher-box .add-emoticons .emoboxtoppoint {
  margin-left: -28px;
}
.wo_emoji_chat {
  width: 290px;
}
.wo_emoji_chat span {
  width: 15.55%;
}
.wo_emoji_chat .emoji_tab_pane {
  height: 310px;
}
.wo_emoji_chat .emoboxtoppoint,
.wo_emoji_msg .emoboxtoppoint {
  top: auto;
  border-top: 10px solid #f5f5f5;
  border-bottom: 0;
  bottom: -10px;
  -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.14));
  filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.14));
  margin-left: -30px;
}
.wo_emoji_msg .emoboxtoppoint {
  margin-left: -95px;
}
#wo_useract_btn {
  color: #fff;
  border: 0;
  transition: all 0.2s ease;
  padding: 5px 10px;
  font-size: 14.5px;
  border-radius: 3px;
  box-shadow: none;
}
#wo_useract_btn:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
#wo_useract_btn svg {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin: -3px 3px 0 -1px;
  fill: rgba(255, 255, 255, 0.32);
}
.wo_follow_btn {
  background: linear-gradient(to right, #cc1e47 0, #ce3559 100%) !important;
}
.wo_follow_btn:hover {
  background: linear-gradient(to right, #d82d55 0, #e5375f 100%) !important;
}
.wo_follow_btn .icon_main {
  stroke: currentColor !important;
}

.wo_request_btn {
  background: linear-gradient(to right, #9e9e9e 0, #767372 100%) !important;
}
[tooltip] {
  position: relative;
}
[tooltip]::after,
[tooltip]::before {
  text-transform: none;
  font-size: 0.9em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0.4) scaleX(0.4);
  -moz-transform: scaleY(0.4) scaleX(0.4);
  -ms-transform: scaleY(0.4) scaleX(0.4);
  -o-transform: scaleY(0.4) scaleX(0.4);
  transform: scaleY(0.4) scaleX(0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  -moz-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.round-check,
.round-check input + label {
  position: relative;
  display: inline-block;
}
[tooltip]::before {
  border: 5px solid transparent;
  z-index: 100;
}
[tooltip]::after {
  content: attr(tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 99;
}
[tooltip]:hover::after,
[tooltip]:hover::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1) scaleX(1) translateY(0);
  -moz-transform: scaleY(1) scaleX(1) translateY(0);
  -ms-transform: scaleY(1) scaleX(1) translateY(0);
  -o-transform: scaleY(1) scaleX(1) translateY(0);
  transform: scaleY(1) scaleX(1) translateY(0);
}
[tooltip=""]::after,
[tooltip=""]::before {
  display: none !important;
}
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}
.round-check input + label {
  font-weight: 400;
  cursor: pointer;
  padding-left: 25px;
  line-height: 20px;
  user-select: none;
}
.round-check input + label:after,
.round-check input + label:before {
  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, 0.54);
  border-radius: 50%;
  transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.round-check input + label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 5px;
  left: 4px;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg) !important;
  width: 10px;
  transition: 0.2s;
}
.round-check input[type="checkbox"],
.round-check input[type="radio"] {
  display: none;
}
.round-check input[type="checkbox"]:checked + label:after,
.round-check input[type="radio"]:checked + label:after {
  color: #fff;
}
.round-check input[type="checkbox"]:checked + label:before,
.round-check input[type="radio"]:checked + label:before {
  background: #008aff;
  border-color: transparent;
}
.wo_radio_btn input[type="radio"] {
  visibility: hidden;
}
.wo_radio_btn label {
  cursor: pointer;
  position: relative;
  padding: 0;
  margin-right: 5px;
}
.wo_radio_btn input[type="radio"] + span {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  padding: 8px;
  display: block;
  margin: 0 auto 5px;
  width: 40px;
  height: 40px;
  background-color: #e1e1e1;
  border-radius: 50%;
}
.wo_radio_btn input[type="radio"] + span svg.feather {
  fill: #696969;
  margin: 2px 0 0 2px;
}
.wo_radio_btn input[type="radio"]:checked + span {
  background-color: #4285f4;
}
.wo_radio_btn input[type="radio"]:checked + span svg.feather {
  fill: #d9e7fd;
}

/*Loading Post*/
.wo_loading_post {
  padding: 15px;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  overflow: hidden;
}
.lightui1-shimmer {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #e6e6e6;
  background-image: linear-gradient(
    to right,
    #e6e6e6 0%,
    #d1d1d1 20%,
    #e6e6e6 40%,
    #e6e6e6 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  height: 104px;
  position: relative;
}
.lightui1-shimmer div {
  background: #ffffff;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
}
div._2iwr {
  height: 40px;
  left: 40px;
  right: auto;
  top: 0;
  width: 8px;
}
div._2iws {
  height: 8px;
  left: 48px;
  top: 0;
}
div._2iwt {
  left: 136px;
  top: 8px;
}
div._2iwu {
  height: 12px;
  left: 48px;
  top: 14px;
}
div._2iwv {
  left: 100px;
  top: 26px;
}
div._2iww {
  height: 10px;
  left: 48px;
  top: 32px;
}
div._2iwx {
  height: 20px;
  top: 40px;
}
div._2iwy {
  left: 410px;
  top: 60px;
}
div._2iwz {
  height: 13px;
  top: 66px;
}
div._2iw- {
  left: 440px;
  top: 79px;
}
div._2iw_ {
  height: 13px;
  top: 85px;
}
div._2ix0 {
  left: 178px;
  top: 98px;
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-webkit-keyframes prideShimmer {
  from {
    background-position: top left;
  }
  to {
    background-position: top right;
  }
}

.wo_loading_post .skel {
  background: #e6e6e6;
}
.wo_post_skel_head {
  display: flex;
  align-items: center;
}
.wo_post_skel_head .skel_avatar {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 6px;
  box-shadow: none;
  margin-right: 15px;
}
.wo_post_skel_head .skel_noti_name {
  width: 200px;
  display: block;
  height: 20px;
  border-radius: 6px;
}
.wo_post_skel_head .skel_noti_time {
  width: 50px;
  display: block;
  height: 15px;
  margin-top: 10px;
  border-radius: 6px;
}
.wo_post_skel_body {
  margin-top: 20px;
}
.wo_post_skel_body .skel_desc {
  width: 80%;
  margin: 0 0 8px;
  height: 10px;
  border-radius: 6px;
}
.wo_post_skel_body .skel_desc:nth-child(2) {
  width: 95%;
}
.wo_post_skel_body .skel_desc:nth-child(3) {
  width: 70%;
}
.wo_post_skel_foot {
  display: flex;
  align-items: center;
  margin: 200px -5px 0;
}
.wo_post_skel_foot .skel_action {
  margin: 0 5px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
}

.lighbox.comment-textarea {
  border: none;
}

/*Alerts*/
.alert {
  border: 0;
  font-family: "Poppins";
  border-radius: 16px;
  padding: 20px;
}
.alert-info {
  background-color: rgba(33, 150, 243, 0.1);
  color: #2196f3;
  background-color: rgb(33 150 243 / 70%);
  color: #ffffff;
}
.alert-success {
  background-color: rgba(76, 175, 80, 0.1);
  color: #4caf50;
  background-color: rgb(76 175 80 / 70%);
  color: #ffffff;
}
.alert-warning {
  background-color: rgba(243, 148, 64, 0.1);
  color: #f39440;
  background-color: rgb(243 148 64 / 70%);
  color: #ffffff;
}
.alert-danger {
  background-color: rgba(244, 67, 54, 0.1);
  color: #f44336;
  background-color: rgb(244 67 54 / 70%);
  color: #ffffff;
}

/*Empty State*/
.empty_state {
  margin: 85px 0;
  color: #6d6d6d;
  text-align: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
.empty_state svg {
  display: block;
  margin: 0 auto 15px;
  width: 60px;
  height: 60px;
  padding: 14px;
  background: #f6f6f6;
  border-radius: 6px;
}
.empty_state .empty_state_img {
  display: block;
  margin: 0 auto 15px;
  width: 100px;
  height: 100px;
  float: none;
}
.empty_state.single svg {
  background: transparent;
  padding: 0;
  opacity: 1;
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 0;
}
.chat_empty_user {
  margin-bottom: 30px;
}
.chat_empty_user .item {
  width: 100%;
  max-width: 120px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
}
.chat_empty_user .item .avatar {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background: #e0e0e0;
  border-radius: 50%;
  flex: 0 0 auto;
}
.chat_empty_user .item .line {
  background: #e0e0e0;
  width: 100px;
  height: 8px;
  border-radius: 4px;
}
.chat_empty_user .item:nth-child(2) {
  opacity: 0.7;
}
.chat_empty_user .item:nth-child(3) {
  opacity: 0.4;
}
.chat_empty_user .item:nth-child(2) .line {
  width: 50px;
}

/*Page Heading*/
.wo_page_hdng {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.wo_page_hdng.pag_neg_padd {
  margin: -15px -15px 0;
}
.wo_page_hdng.pag_alone {
  border: 0;
}
.wo_page_hdng_innr {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #050505;
  font-weight: 600;
  line-height: 16px;
  font-family: "Poppins";
}
.wo_page_hdng_innr a,
.wo_page_hdng_innr div {
  color: #050505;
}
.wo_page_hdng_innr.big_size {
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
}
.wo_page_hdng_innr span {
  display: inline-flex;
  width: 24px;
  min-width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  border-radius: 50%;
}
.wo_page_hdng_search {
  margin-left: auto;
}
.wo_page_hdng_search .wow_form_fields {
  margin: -3px 0;
  padding: 0;
}
.wo_page_hdng_search .wow_form_fields input {
  box-shadow: none;
  background-color: #eaeff2;
  height: 30px;
  min-width: 340px;
  border-radius: 2em;
  font-size: 14.5px;
  padding: 2px 12px;
}
.wo_page_hdng_search .wow_form_fields .search_suggs,
.main-blog-sidebar .widget .wow_form_fields .search_suggs {
  position: absolute;
  padding: 10px;
  margin: 0;
  background-color: white;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  z-index: 9;
}
.wo_page_hdng_search .wow_form_fields .search_suggs:empty,
.main-blog-sidebar .widget .wow_form_fields .search_suggs:empty {
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.wo_page_hdng_menu {
  display: flex;
  align-items: center;
  margin: -11px -7px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wo_page_hdng_menu > ul {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow-x: auto;
  margin-right: 10px;
}
.wo_page_hdng_menu > ul li {
  display: inline-block;
}
.wo_page_hdng_menu > ul li a {
  padding: 12px 8px;
  display: block;
  text-decoration: none;
  margin: 0 2px;
}
.wo_page_hdng_menu > ul li.active a {
  box-shadow: inset 0px -2.5px black;
  font-weight: bold;
}
.wo_page_hdng_menu > .btn {
  margin-left: auto;
  line-height: 28px;
  padding: 0 10px;
  font-size: 14.5px;
  letter-spacing: 0.5px;
  min-width: 90px;
}

.small-texts {
  font-weight: 100;
}
.wo-reaction {
  max-width: 100%;
  padding: 0 60px; /*position: relative;*/
}
.like-btn {
  position: relative;
  cursor: pointer;
  display: block;
}
.wo-reaction .like-btn .active-like {
  display: flex;
  align-items: center;
  justify-content: center;
}

.like-btn-default {
  background-image: url("../reaction/wo.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -277px -446px;
}
.like-btn-emo {
  display: inline-block;
  margin: 0 6px -3px 0;
  width: 16px;
  height: 16px;
}
.reactions-box {
  background: #ffffff; /*width: 292px;*/
  padding: 2px;
  position: absolute;
  top: -51px;
  z-index: 999;
  left: -10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2em;
  cursor: default;
  display: none;
}
.reaction {
  list-style-type: none;
  cursor: pointer;
  display: inline-block;
  width: 48px;
  height: 48px;
  float: left;
  opacity: 1;
  border-radius: 50%;
  transform: scale(1);
  transition: transform 0.25s ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
  animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
}
.reactions-box .reaction img {
  padding: 5px;
}

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

/* .like-btn:hover .reactions-box {	display: block; } */

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

.emoji {
  width: 120px;
  height: 120px;
  background: #ffda6a;
  border-radius: 50%;
  position: relative;
  transform: scale(0.325);
  top: -76%;
  right: 76%;
}

.emoji__face,
.emoji__eyebrows,
.emoji__eyes,
.emoji__mouth,
.emoji__tongue,
.emoji__heart,
.emoji__hand,
.emoji__thumb {
  position: absolute;
}
.emoji__face:before,
.emoji__face:after,
.emoji__eyebrows:before,
.emoji__eyebrows:after,
.emoji__eyes:before,
.emoji__eyes:after,
.emoji__mouth:before,
.emoji__mouth:after,
.emoji__tongue:before,
.emoji__tongue:after,
.emoji__heart:before,
.emoji__heart:after,
.emoji__hand:before,
.emoji__hand:after,
.emoji__thumb:before,
.emoji__thumb:after {
  position: absolute;
  content: "";
}

.emoji__face {
  width: inherit;
  height: inherit;
}

.emoji--like {
  background: #548dff;
}
.emoji--like .emoji__hand {
  left: 25px;
  bottom: 30px;
  width: 20px;
  height: 40px;
  background: #ffffff;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  z-index: 0;
  -webkit-animation: hands-up 2s linear infinite;
  animation: hands-up 2s linear infinite;
}
.emoji--like .emoji__hand:before {
  left: 25px;
  bottom: 5px;
  width: 40px;
  background: inherit;
  height: 10px;
  border-radius: 2px 10px 10px 2px;
  box-shadow: 1px -9px 0 1px #ffffff, 2px -19px 0 2px #ffffff,
    3px -29px 0 3px #ffffff;
}
.emoji--like .emoji__thumb {
  border-bottom: 20px solid #ffffff;
  border-left: 20px solid transparent;
  top: -25px;
  right: -25px;
  z-index: 2;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-animation: thumbs-up 2s linear infinite;
  animation: thumbs-up 2s linear infinite;
}
.emoji--like .emoji__thumb:before {
  border-radius: 50% 50% 0 0;
  background: #ffffff;
  width: 10px;
  height: 12px;
  left: -10px;
  top: -8px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  box-shadow: -1px 4px 0 -1px #ffffff;
}

.emoji--love {
  background: #f55064;
}
.emoji--love .emoji__heart {
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  -webkit-animation: heart-beat 1s linear infinite alternate;
  animation: heart-beat 1s linear infinite alternate;
}
.emoji--love .emoji__heart:before,
.emoji--love .emoji__heart:after {
  left: calc(50% - 20px);
  top: calc(50% - 32px);
  width: 40px;
  height: 64px;
  background: #ffffff;
  border-radius: 20px 20px 0 0;
}
.emoji--love .emoji__heart:before {
  -webkit-transform: translate(20px) rotate(-45deg);
  transform: translate(20px) rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.emoji--love .emoji__heart:after {
  -webkit-transform: translate(-20px) rotate(45deg);
  transform: translate(-20px) rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.emoji--haha .emoji__face {
  -webkit-animation: haha-face 2s linear infinite;
  animation: haha-face 2s linear infinite;
}
.emoji--haha .emoji__eyes {
  width: 26px;
  height: 6px;
  border-radius: 2px;
  left: calc(50% - 13px);
  top: 35px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  background: transparent;
  box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
}
.emoji--haha .emoji__eyes:after {
  left: 0;
  top: 0;
  width: 26px;
  height: 6px;
  border-radius: 2px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  background: transparent;
  box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
}
.emoji--haha .emoji__mouth {
  width: 80px;
  height: 40px;
  left: calc(50% - 40px);
  top: 50%;
  background: #000000;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  z-index: 1;
  -webkit-animation: haha-mouth 2s linear infinite;
  animation: haha-mouth 2s linear infinite;
}
.emoji--haha .emoji__tongue {
  width: 70px;
  height: 30px;
  background: #f55064;
  left: calc(50% - 35px);
  bottom: -10px;
  border-radius: 50%;
}

.emoji--wow .emoji__face {
  -webkit-animation: wow-face 3s linear infinite;
  animation: wow-face 3s linear infinite;
}
.emoji--wow .emoji__eyebrows {
  left: calc(50% - 3px);
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -18px 0 0 0 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000,
    33px 0 0 0 #000000;
  -webkit-animation: wow-brow 3s linear infinite;
  animation: wow-brow 3s linear infinite;
}
.emoji--wow .emoji__eyebrows:before,
.emoji--wow .emoji__eyebrows:after {
  width: 24px;
  height: 20px;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: -3px;
  left: calc(50% - 12px);
}
.emoji--wow .emoji__eyebrows:before {
  margin-left: -25px;
}
.emoji--wow .emoji__eyebrows:after {
  margin-left: 25px;
}
.emoji--wow .emoji__eyes {
  width: 16px;
  height: 24px;
  left: calc(50% - 8px);
  top: 35px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--wow .emoji__mouth {
  width: 30px;
  height: 45px;
  left: calc(50% - 15px);
  top: 50%;
  border-radius: 50%;
  background: #000000;
  -webkit-animation: wow-mouth 3s linear infinite;
  animation: wow-mouth 3s linear infinite;
}

.emoji--sad .emoji__face {
  -webkit-animation: sad-face 2s ease-in infinite;
  animation: sad-face 2s ease-in infinite;
}
.emoji--sad .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 35px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000,
    40px 9px 0 0 #000000;
}
.emoji--sad .emoji__eyebrows:before,
.emoji--sad .emoji__eyebrows:after {
  width: 30px;
  height: 20px;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: 2px;
  left: calc(50% - 15px);
}
.emoji--sad .emoji__eyebrows:before {
  margin-left: -30px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.emoji--sad .emoji__eyebrows:after {
  margin-left: 30px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.emoji--sad .emoji__eyes {
  width: 14px;
  height: 16px;
  left: calc(50% - 7px);
  top: 50px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--sad .emoji__eyes:after {
  background: #548dff;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: tear-drop 2s ease-in infinite;
  animation: tear-drop 2s ease-in infinite;
}
.emoji--sad .emoji__mouth {
  width: 60px;
  height: 80px;
  left: calc(50% - 30px);
  top: 80px;
  box-sizing: border-box;
  border: 6px solid #000000;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: transparent;
  -webkit-animation: sad-mouth 2s ease-in infinite;
  animation: sad-mouth 2s ease-in infinite;
}
.emoji--sad .emoji__mouth:after {
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  top: 4px;
  left: calc(50% - 3px);
  box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
}

.emoji--angry {
  background: linear-gradient(#d5234c -10%, #ffda6a);
  background-size: 100%;
  -webkit-animation: angry-color 2s ease-in infinite;
  animation: angry-color 2s ease-in infinite;
}
.emoji--angry .emoji__face {
  -webkit-animation: angry-face 2s ease-in infinite;
  animation: angry-face 2s ease-in infinite;
}
.emoji--angry .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 55px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000,
    44px 5px 0 0 #000000;
}
.emoji--angry .emoji__eyebrows:before,
.emoji--angry .emoji__eyebrows:after {
  width: 50px;
  height: 20px;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-radius: 50%;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: 0;
  left: calc(50% - 25px);
}
.emoji--angry .emoji__eyebrows:before {
  margin-left: -25px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.emoji--angry .emoji__eyebrows:after {
  margin-left: 25px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.emoji--angry .emoji__eyes {
  width: 12px;
  height: 12px;
  left: calc(50% - 6px);
  top: 70px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--angry .emoji__mouth {
  width: 36px;
  height: 18px;
  left: calc(50% - 18px);
  bottom: 15px;
  background: #000000;
  border-radius: 50%;
  -webkit-animation: angry-mouth 2s ease-in infinite;
  animation: angry-mouth 2s ease-in infinite;
}

@-webkit-keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@-webkit-keyframes heart-beat {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@keyframes heart-beat {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

@-webkit-keyframes haha-face {
  10%,
  30%,
  50% {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }
  20%,
  40% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  60%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70%,
  90% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes haha-face {
  10%,
  30%,
  50% {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }
  20%,
  40% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  60%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70%,
  90% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes haha-mouth {
  10%,
  30%,
  50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 45%;
  }
  20%,
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45%;
  }
  60%,
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 50%;
  }
  70% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    top: 50%;
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    top: 50%;
  }
}
@keyframes haha-mouth {
  10%,
  30%,
  50% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 45%;
  }
  20%,
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    top: 45%;
  }
  60%,
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 50%;
  }
  70% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    top: 50%;
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    top: 50%;
  }
}

@-webkit-keyframes wow-face {
  15%,
  25% {
    -webkit-transform: rotate(20deg) translateX(-25px);
    transform: rotate(20deg) translateX(-25px);
  }
  45%,
  65% {
    -webkit-transform: rotate(-20deg) translateX(25px);
    transform: rotate(-20deg) translateX(25px);
  }
  75%,
  100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}
@keyframes wow-face {
  15%,
  25% {
    -webkit-transform: rotate(20deg) translateX(-25px);
    transform: rotate(20deg) translateX(-25px);
  }
  45%,
  65% {
    -webkit-transform: rotate(-20deg) translateX(25px);
    transform: rotate(-20deg) translateX(25px);
  }
  75%,
  100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}
@-webkit-keyframes wow-brow {
  15%,
  65% {
    top: 25px;
  }
  75%,
  100%,
  0% {
    top: 15px;
  }
}
@keyframes wow-brow {
  15%,
  65% {
    top: 25px;
  }
  75%,
  100%,
  0% {
    top: 15px;
  }
}
@-webkit-keyframes wow-mouth {
  10%,
  30% {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  50%,
  70% {
    width: 30px;
    height: 40px;
    left: calc(50% - 15px);
  }
  75%,
  100% {
    height: 50px;
  }
}
@keyframes wow-mouth {
  10%,
  30% {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  50%,
  70% {
    width: 30px;
    height: 40px;
    left: calc(50% - 15px);
  }
  75%,
  100% {
    height: 50px;
  }
}

@-webkit-keyframes sad-face {
  25%,
  35% {
    top: -15px;
  }
  55%,
  95% {
    top: 10px;
  }
  100%,
  0% {
    top: 0;
  }
}
@keyframes sad-face {
  25%,
  35% {
    top: -15px;
  }
  55%,
  95% {
    top: 10px;
  }
  100%,
  0% {
    top: 0;
  }
}
@-webkit-keyframes sad-mouth {
  25%,
  35% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    top: 70px;
  }
  55%,
  100%,
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 80px;
  }
}
@keyframes sad-mouth {
  25%,
  35% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    top: 70px;
  }
  55%,
  100%,
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 80px;
  }
}
@-webkit-keyframes tear-drop {
  0%,
  100% {
    display: block;
    left: 35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  25% {
    display: block;
    left: 35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  49.9% {
    display: block;
    left: 35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  50% {
    display: block;
    left: -35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  75% {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  99.9% {
    display: block;
    left: -35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
}
@keyframes tear-drop {
  0%,
  100% {
    display: block;
    left: 35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  25% {
    display: block;
    left: 35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  49.9% {
    display: block;
    left: 35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  50% {
    display: block;
    left: -35px;
    top: 15px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
  75% {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2);
  }
  99.9% {
    display: block;
    left: -35px;
    top: 65px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
  }
}

@-webkit-keyframes hands-up {
  25% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg) translateY(-10px);
    transform: rotate(-15deg) translateY(-10px);
  }
  75%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes hands-up {
  25% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg) translateY(-10px);
    transform: rotate(-15deg) translateY(-10px);
  }
  75%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes thumbs-up {
  25% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  50%,
  100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes thumbs-up {
  25% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  50%,
  100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@-webkit-keyframes angry-color {
  45%,
  60% {
    background-size: 250%;
  }
  85%,
  100%,
  0% {
    background-size: 100%;
  }
}
@keyframes angry-color {
  45%,
  60% {
    background-size: 250%;
  }
  85%,
  100%,
  0% {
    background-size: 100%;
  }
}
@-webkit-keyframes angry-face {
  35%,
  60% {
    -webkit-transform: translateX(0) translateY(10px) scale(0.9);
    transform: translateX(0) translateY(10px) scale(0.9);
  }
  40%,
  50% {
    -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  45%,
  55% {
    -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
}
@keyframes angry-face {
  35%,
  60% {
    -webkit-transform: translateX(0) translateY(10px) scale(0.9);
    transform: translateX(0) translateY(10px) scale(0.9);
  }
  40%,
  50% {
    -webkit-transform: translateX(-5px) translateY(10px) scale(0.9);
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  45%,
  55% {
    -webkit-transform: translateX(5px) translateY(10px) scale(0.9);
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
}
@-webkit-keyframes angry-mouth {
  25%,
  50% {
    height: 6px;
    bottom: 25px;
  }
}
@keyframes angry-mouth {
  25%,
  50% {
    height: 6px;
    bottom: 25px;
  }
}

.reaction:hover {
  transform: scale(1.23077) translate(0, -3px);
  top: 2px;
}
.reaction::before {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  left: 50%;
  padding: 0 8px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2em;
  position: absolute;
  top: -18px;
  opacity: 0;
  transition: opacity 0.15s ease;
  font-weight: 600;
  transform: translateX(-50%);
  white-space: nowrap;
}
.reaction:hover::before {
  opacity: 1;
}
.reaction-like::before {
  content: "Like";
}
.reaction-love::before {
  content: "Love";
}
.reaction-haha::before {
  content: "Haha";
}
.reaction-wow::before {
  content: "Wow";
}
.reaction-sad::before {
  content: "Sad";
}
.reaction-angry::before {
  content: "Angry";
}

.inline_post_emoji {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
}
.inline_post_emoji > .reaction {
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 1;
}
.inline_post_emoji .emoji {
  transform: scale(0.15);
  top: -285%;
  right: 285%;
}
.no_anim .emoji--wow .emoji__eyebrows {
  top: 15px;
}
.no_anim .emoji--sad .emoji__eyes:after {
  display: block;
  left: -35px;
  -webkit-transform: rotate(45deg) scale(2);
  transform: rotate(45deg) scale(2);
}
.no_anim .emoji--like .emoji__hand,
.no_anim .emoji--like .emoji__thumb,
.no_anim .emoji--love .emoji__heart,
.no_anim .emoji--haha .emoji__face,
.no_anim .emoji--haha .emoji__mouth,
.no_anim .emoji--wow .emoji__face,
.no_anim .emoji--wow .emoji__eyebrows,
.no_anim .emoji--wow .emoji__mouth,
.no_anim .emoji--sad .emoji__face,
.no_anim .emoji--sad .emoji__mouth,
.no_anim .emoji--sad .emoji__eyes:after,
.no_anim .emoji--angry,
.no_anim .emoji--angry .emoji__face,
.no_anim .emoji--angry .emoji__mouth {
  animation: none;
}

.inline_post_count_emoji {
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 1;
}
#wo_post_stat_button .stat-item .inline_post_count_emoji {
  width: 23px;
  height: 23px;
}
.inline_post_count_emoji .emoji {
  transform: scale(0.1333);
  top: -324%;
  right: 324%;
}
.like-btn-text-like {
  color: rgb(88, 144, 255);
}
.like-btn-text-wow,
.like-btn-text-haha,
.like-btn-text-sad {
  color: rgb(240, 186, 21);
}
.like-btn-text-love {
  color: rgb(242, 82, 104);
}
.like-btn-text-angry {
  color: rgb(247, 113, 75);
}
.like-emo > .how_reacted {
  background: #fff;
  display: inline-flex;
  margin: 0 0 0 -6px;
  padding: 3px;
  border-radius: 50%;
}
.like-emo > .how_reacted:nth-child(1) {
  z-index: 3;
  margin-left: -10px;
}
.like-emo > .how_reacted:nth-child(2) {
  z-index: 2;
}
.like-emo > .how_reacted:nth-child(3) {
  z-index: 1;
}
.like-details {
  margin-left: 10px;
  color: #9197a3;
  font-size: 14.5px;
}
.like-emo {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#active_react {
  display: flex;
}
#active_react .stat-item {
  padding: 0px 7px !important;
}
.like-emo .how_many_reacts {
  line-height: 1;
  font-weight: normal;
  color: #999;
  font-size: 14px;
}
.wo_imagecombo_lbox .lightbox-post-footer .comment {
  margin-top: 37px;
}

#comment_reacted {
  margin-right: 10px;
  float: left;
  display: inline-block;
}
#comment_reacted .like-emo > .how_reacted {
  transform: scale(0.9);
  margin: 0 0 0 -8px;
  display: none;
}
#comment_reacted .like-emo > .how_reacted:nth-child(1) {
  z-index: 3;
  margin-left: -2px;
  display: inline-flex;
}
#comment_reacted .like-emo > .how_reacted:nth-child(2) {
  display: inline-flex;
}
#comment_reacted .like-emo > .how_reacted:nth-child(3) {
  display: inline-flex;
}
#comment_reacted .like-emo .how_many_reacts {
  font-size: 13px;
  color: #888;
}
#comment_reactions {
  padding: 0;
  display: inline-block;
}
#comment_reactions .like-btn .rea {
  display: block;
}

.wo_who_react_this {
  display: inline-block;
  margin-left: -3px;
}
.inline_act_emoji {
  overflow: hidden;
  position: relative;
  margin-bottom: -5px;
  transform: scale(0.8);
  margin-right: 0;
}

#inline_emo_react {
  position: relative;
}
#inline_emo_react .wo_who_react_this {
  position: absolute;
  top: 0;
  right: 10px;
  background: #f9f9f9;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#inline_emo_react .wo_who_react_this .inline_act_emoji {
  transform: scale(1);
  margin-bottom: 0px;
}

.post .post-footer .comments-list .comment .comment-body .like-btn {
  z-index: 9;
}
.post .post-footer .comments-list .comment .comment-body .reactions-box {
  z-index: 5;
  top: -55px;
}
.post .post-footer .comments-list .comment .comment-body .reactions-box li {
  animation: none;
}

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

/*Send Gift*/
.send_gift_btn {
  font-family: "Poppins";
  margin-bottom: 20px;
  padding: 15px;
  overflow: hidden; /*background-color: #fce6e6;*/
}
.send_gift_btn img {
  width: 70%;
  height: auto;
  margin-bottom: 15px;
}
.send_gift_btn > div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.send_gift_btn > div svg {
  flex: 0 0 auto;
}
.send_gift_btn .btn {
  font-weight: 500;
  font-family: "Poppins";
  line-height: 42px;
}
.wo_send_gift {
  display: flex;
  flex-wrap: wrap;
  max-height: calc(100vh - 210px);
  overflow: hidden;
  overflow-y: auto;
  gap: 10px;
  padding-bottom: 10px;
}
.wo_send_gift .gift-data {
  flex: 0 0 auto;
  width: calc(100% / 3 - 8px);
  position: relative;
  overflow: hidden;
  display: block;
}
.wo_send_gift .gift-data label {
  margin: 0;
  position: relative;
  padding-bottom: 100%;
  display: block;
}
.wo_send_gift .gift-data label input {
  visibility: hidden;
  position: absolute;
}
.wo_send_gift .gift-data label input + img {
  cursor: pointer;
  border-radius: 10px;
  transition: all 0.15s ease;
  border: 2px solid transparent;
}
.wo_send_gift .gift-data label > input:checked + img {
  border-color: #a52729;
}
.wo_send_gift .gift-data label img {
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  user-select: none;
}

.neg_padd {
  margin-bottom: -15px;
}
.neg_padd table {
  margin-bottom: 0;
}

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

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

/*Earn Points*/
.earn_points {
  margin-bottom: 10px;
  padding: 0 5px;
}
.earn_points .ep_illus {
  margin-bottom: 25px;
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.earn_points .ep_illus .ep_how_many {
  padding: 10px;
  display: flex;
  align-items: center;
}
.earn_points .ep_illus .ep_how_many svg {
  display: block;
  background-color: #7a7a7a;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 12px;
  color: white;
  margin: 0 15px 0 0;
}
.earn_points .ep_illus .ep_how_many.reaction_bg svg {
  background-color: rgba(255, 152, 0, 0.2);
  color: #ff9800;
}
.earn_points .ep_illus .ep_how_many.create_post svg {
  background-color: rgba(33, 150, 243, 0.2);
  color: #2196f3;
}
.earn_points .ep_illus .ep_how_many.comment_post svg {
  background-color: rgba(76, 175, 80, 0.2);
  color: #4caf50;
}
.earn_points .ep_illus .ep_how_many.wonder_post svg {
  background-color: rgba(244, 67, 54, 0.2);
  color: #f44336;
}
.earn_points .ep_illus .ep_how_many.like_post svg {
  background-color: rgba(103, 58, 183, 0.2);
  color: #673ab7;
}
.earn_points .ep_illus .ep_how_many b {
  margin: 0;
  font-weight: bold;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  color: #535353;
}
.earn_points .counter {
  background-color: #f5f5f5;
  padding: 25px 15px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.earn_points .counter svg {
  color: #000000;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 95px;
  height: 95px;
  opacity: 0.1;
}
.earn_points .counter h2 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 37px;
  font-family: "Poppins";
  font-weight: 600;
}
.earn_points .counter .point-text {
  font-size: 18px;
  padding: 0 0 1px;
  font-family: "Poppins";
  font-weight: 600;
}
.earn_points .counter .count-text {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
}
.earn_points .points_tip {
  height: 140px;
  border: 1px dashed #d7d7d7;
  padding: 20px 10px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  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;
}
.wo_points_main {
  padding: 0;
  margin: 15px 0;
}
.wo_points_main .ep_illus {
  margin-top: 8px;
  margin-bottom: 0;
  padding: 0;
  border: 0;
}
.wo_points_main .ep_illus .ep_how_many {
  padding: 17px 10px;
}
.wo_points_main .ep_illus .ep_how_many.comment_post svg {
  background-color: #ffebf6;
}
.wo_points_main .ep_illus .ep_how_many.create_post svg {
  background-color: #fff4f2;
}
.wo_points_main .ep_illus .ep_how_many.reaction_bg svg {
  background-color: #fff8eb;
}
.wo_points_main .ep_illus .ep_how_many.create_blog svg {
  background-color: #e1ddf6;
}
.wo_points_main .ep_illus .ep_how_many svg {
  width: 60px;
  height: 60px;
  border-radius: 25px;
  padding: 15px;
  flex: 0 0 auto;
}
.wo_points_main .ep_illus .ep_how_many b {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

/*Active Sessions*/
.active_sessions .as_list {
  padding: 20px;
  position: relative;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}
.active_sessions .as_list .hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.active_sessions .as_list .hdr h4 {
  font-weight: bold;
  font-family: "Poppins";
  font-size: 22px;
  margin: 0;
}
.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%;
  background: transparent;
  box-shadow: none;
}
.active_sessions .as_list .log_out_session svg {
  margin: 0;
  width: 22px;
  height: 22px;
}
.active_sessions .as_list .session_info {
  display: block;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.active_sessions .as_list .session_info p {
  margin: 8px 0 0;
  line-height: 1;
  color: #656565;
}
.active_sessions .as_list .session_info p svg {
  margin: -2px 3px 0 0;
  width: 17px;
  height: 17px;
  opacity: 0.7;
}
.active_sessions .as_list .platform_icon {
  display: flex;
  justify-content: flex-end;
  opacity: 0.2;
  margin: 5px 0 0;
}
.active_sessions .as_list .platform_icon svg {
  width: 35px;
  height: 35px;
}

#filterby-post .filter_negative_clr,
#filterby-post .filter_negative_clr svg {
  color: #333333;
}

/*Night Toggle*/
#night_mode_toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*Search Filter*/
.wow_search_head .right_part .search-blog input {
  width: 100%;
}
.wow_search_head .right_part .dropdown.count {
  flex: 1 1 auto;
}
.wow_search_head .market_widget .m_widget_head > select {
  width: 100%;
  padding: 11px 10px;
}
.wow_search_head .right_part > .btn {
  line-height: 40px;
  border-radius: 8px;
  font-family: "Poppins";
  min-width: 170px;
  margin: 0 15px;
}

.wow_srch_innr_filtr {
  padding: 0 10px;
  margin-bottom: 20px;
}
.wow_srch_innr_filtr > p {
  font-weight: bold;
  margin-bottom: 5px;
}
.wow_srch_innr_filtr .pp_mat_input {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.wow_srch_innr_filtr .round_check {
  display: inline-block;
  margin: 0 4px;
}
.wow_srch_innr_filtr .round_check input {
  display: none;
}
.wow_srch_innr_filtr .round_check label {
  margin: 0;
  transition: all 0.2s ease-in-out;
  padding: 0 13px;
  font-size: 14px;
  line-height: 28px;
  background-color: #f0f0f0;
  color: #393939;
  border-radius: 2em;
}
.wow_srch_innr_filtr .round_check input:checked + label {
  color: #ffffff;
  background-color: #b59aff;
}
.wow_srch_innr_filtr .pp_mat_input .age_number {
  width: 70px;
  text-align: center;
  border: 0;
  border-radius: 2em;
  padding: 0 14px;
  font-size: 14.5px;
  line-height: 28px;
  background-color: #f0f0f0 !important;
  color: #393939;
  margin-left: auto;
}
.wow_srch_innr_filtr .ui-slider {
  border-radius: 2em;
  box-shadow: none;
  height: 4px;
  margin-top: 15px;
  background: rgba(63, 81, 181, 0.25);
  z-index: 9;
}
.wow_srch_innr_filtr .ui-slider .ui-slider-handle {
  width: 15px;
  height: 15px;
  outline: none;
  border: 0;
  border-radius: 50%;
  top: -5px;
}
.wow_srch_innr_filtr .ui-slider .ui-slider-range,
.wow_srch_innr_filtr .ui-slider .ui-slider-handle {
  background-color: #3f51b5;
}
.wow_srch_tabs {
  box-shadow: 0px -6px 30px rgba(0, 0, 0, 0.06);
}
.wo_search_page .wo_my_pages .page_title {
  margin-top: 10px;
}

/*Keyboard Shortcuts*/
.key_shortcts tr {
  margin: 0 0 17px;
  display: flex;
  align-items: center;
}
.key_shortcts tr:last-child {
  margin: 0;
}
.key_shortcts th .key {
  width: 49px;
  height: 51px;
  border-width: 3px 7px 10px;
  border-style: solid;
  border-radius: 4px;
  background: #e4e4e4;
  border-color: #ece8e4 #e4e4e4 #cccccc;
}
.key_shortcts th span {
  width: 35px;
  height: 38px;
  padding: 5px 0 0 7px;
  font-size: 20px;
  line-height: 1;
  background: #f4f4f4;
  border-radius: 4px;
  position: relative;
  display: block;
}
.key_shortcts td {
  padding: 0 10px 3px;
}

/*Modals*/
.modal-content {
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  box-shadow: none;
}
.modal-header {
  background-color: #f5f6f7;
  border-color: #e5e5e5;
  padding: 10px 12px;
}
.modal-title {
  color: #1d2129;
  font-weight: bold;
  line-height: 19px;
  font-size: 14.5px;
}
.modal .modal-footer {
  background: #fff;
  padding: 9px 0 15px;
  border-top: 1px solid #dddfe2;
  margin: 0 15px;
  border: 0;
}
.modal .modal-footer .btn.btn-mat {
  box-shadow: none !important;
  border-radius: 6px;
  line-height: 44px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
}

/*User Pokes*/
.wo_pokes_cont {
  border-radius: 2px;
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
  background-color: #fff;
  padding: 0 10px;
  margin-bottom: 15px;
}
.wo_poke_users {
  background: #fff;
  overflow: hidden;
  padding: 10px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.wo_poke_users:last-child {
  border: 0;
}
.wo_poke_users .btn {
  margin: 5px 0 0;
}
.wo_poke_users .btn svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.wo_poke_users .poke_info .avatar {
  background: transparent 50% 50% no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-right: 9px;
  overflow: hidden;
}
.wo_poke_users .poke_info .user-name {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  color: #474747;
}

.end_vdo_call,
.start_vdo_call {
  padding: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}

/*Setting Page*/
#wo_main_sett_mid .wo_settings_page {
  box-shadow: none;
  border-radius: 16px;
  padding: 15px 25px;
}
#wo_main_sett_mid .wo_settings_page form {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
#wo_main_sett_mid .wo_settings_page .text-center {
  text-align: end;
}
#wo_main_sett_mid .wo_settings_page .text-center > .btn-mat {
  margin: 17px 0 15px;
  min-width: 200px;
  line-height: 50px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 18px;
  box-shadow: none !important;
}
.sett_tab_noti {
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 5px 0;
}
.sett_tab_noti li {
  width: 50%;
  float: left;
  text-align: center;
}
.sett_tab_noti li a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  text-decoration: none;
  padding: 7px 5px;
}
.sett_tab_noti li a:hover {
  color: black;
}
.sett_tab_noti li.active a {
  background-color: rgba(0, 0, 0, 0.05);
  color: black;
}
.sett_tab_noti li a svg {
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
.wow_sett_privt_labls .wow_form_fields > label {
  font-weight: normal;
}

/*Header*/
#head_menu_rght .sixteen-font-size {
  padding: 25px 15px;
  transition: all 0.1s;
}
#head_menu_rght .sixteen-font-size:hover {
  background: rgb(234 234 234 / 30%);
}
.animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_2 {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.animated_4 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.animated_6 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.animated_8 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.animated_10 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.animated_12 {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*Greeting*/
.greetalert {
  background: #fff;
  padding: 15px 17px;
  border-radius: 16px;
  position: relative;
  border-left: 2.5px solid;
  z-index: 10;
}
.greetalert .close {
  right: 4px;
  top: 0px;
  position: absolute;
}
.greetalert img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  user-select: none;
}
.greetalert .small-texts {
  font-weight: bold;
  font-size: 15.5px;
  padding-right: 50px;
  display: block;
}
.greetalert p {
  font-weight: normal;
  font-size: 13.5px;
  margin-bottom: 0;
  margin-top: 2px;
  padding-right: 50px;
}

/*Image Crop*/
.wo_crop_img_pic {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.wo_crop_img_pic img {
  max-height: 400px;
  max-width: 100%;
  text-align: center;
}
.wo_crop_img_pic .rcrop-preview-wrapper {
  border-radius: 50%;
  overflow: hidden;
  height: 130px;
  width: 130px;
}

/*Story*/
.width_ {
  width: 0;
}
.wo_imagecombo_lbox.story_lightbox {
  max-width: 1500px;
  border-radius: 16px;
  height: calc(100% - 50px);
  overflow: hidden;
  margin: auto;
}
.wo_imagecombo_lbox.story_lightbox.story_width_ {
  max-width: 400px;
}
.wo_imagecombo_lbox.story_lightbox .mfp-wrap {
  position: absolute;
  height: 4px;
  border-radius: 2em;
  top: 0;
  right: 0;
  left: 0;
}
.wo_imagecombo_lbox.story_lightbox .mfp-wrap .mfp_progress_line_ {
  background-color: rgba(230, 231, 232, 0.4);
  width: 100%;
  height: 4px;
  display: block;
  border-radius: 2em;
}
.wo_imagecombo_lbox.story_lightbox .mfp-wrap .mfp_progress_line_ .load {
  background-color: #e9ebee;
  height: 4px;
  display: block;
  border-radius: 2em;
  transition: all 8s;
}
.wo_imagecombo_lbox.story_lightbox .wo_story_header {
  /*overflow: hidden;*/
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-top: 4px;
  height: 61px;
  position: relative;
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.2));
  z-index: 1;
}
.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_info {
  display: flex;
  align-items: center;
}
.wo_imagecombo_lbox.story_lightbox
  .wo_story_header
  .wo_stor_h_info
  .user-avatar,
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 9px;
  background-color: #353535;
}
.wo_imagecombo_lbox.story_lightbox
  .wo_story_header
  .wo_stor_h_info
  .user-avatar
  img,
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-avatar img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.wo_imagecombo_lbox.story_lightbox
  .wo_story_header
  .wo_stor_h_info
  .wo_s_h_i_r
  .user-name {
  margin: 5px 0 0px;
  font-size: 16px;
}
.wo_imagecombo_lbox.story_lightbox
  .wo_story_header
  .wo_stor_h_info
  .wo_s_h_i_r
  .user-name
  a {
  color: white;
}
.wo_imagecombo_lbox.story_lightbox
  .wo_story_header
  .wo_stor_h_info
  .wo_s_h_i_r
  span {
  color: #888888;
  font-size: 13px;
  line-height: 1;
}
.wo_imagecombo_lbox.story_lightbox .wo_story_header .wo_stor_h_opts {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.wo_story_header .wo_stor_h_opts .like-emo {
  margin-top: -5px;
}
.wo_story_header .wo_stor_h_opts .inline_post_count_emoji .emoji {
  transform: scale(0.17);
}
.wo_story_header .wo_stor_h_opts .like-emo .how_many_reacts {
  color: #bebebe;
  font-size: 13px;
  margin: 0 3px;
}
.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer {
  top: 50%;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  color: whitesmoke;
  transition: all 0.15s;
  text-align: center;
}
.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer:hover,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer:hover {
  color: #fff;
  background: #000;
}
.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer svg,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer svg {
  width: 30px;
  height: 30px;
  margin: 7.5px 0px;
}
.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer.previous-btn,
.wo_imagecombo_lbox.story_lightbox
  .story_image_not_owner
  .changer.previous-btn {
  left: 10px;
}
.wo_imagecombo_lbox.story_lightbox .story_image_owner .changer.next-btn,
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner .changer.next-btn {
  right: 10px;
}
.wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story,
.wo_imagecombo_lbox.story_lightbox
  .story_image_not_owner
  .draggableHelper_story {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.wo_imagecombo_lbox.story_lightbox
  .story_image_owner
  .draggableHelper_story:before,
.wo_imagecombo_lbox.story_lightbox
  .story_image_not_owner
  .draggableHelper_story:before {
  content: "";
  position: absolute;
  filter: blur(35px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  margin: -35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.wo_imagecombo_lbox.story_lightbox
  .story_image_owner
  .draggableHelper_story
  img,
.wo_imagecombo_lbox.story_lightbox
  .story_image_not_owner
  .draggableHelper_story
  img {
  max-height: calc(100vh - 115px);
}
.wo_imagecombo_lbox.story_lightbox .story_image_not_owner {
  margin: 0;
  width: 100%;
  height: calc(100% - 65px);
}
.wo_imagecombo_lbox.story_lightbox .draggableHelper_story_content {
  position: absolute;
  bottom: 0;
  color: white;
  left: 0;
  right: 0;
  font-size: 14.5px;
  padding: 10px;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4));
  text-align: center;
}
.wo_imagecombo_lbox.story_lightbox .comment-section {
  background-color: #141414;
}
.wo_imagecombo_lbox.story_lightbox .comment-section .comment-section-inner {
  height: 100%;
  overflow-y: auto;
}
.wo_imagecombo_lbox.story_lightbox .comment-section .wo_story_header {
  background: transparent;
  height: auto;
  padding: 16px;
  margin: 0;
}
.wo_imagecombo_lbox.story_lightbox
  .comment-section
  .wo_story_header
  .user-avatar {
  width: 60px;
  min-width: 60px;
  height: 60px;
}
.wo_imagecombo_lbox.story_lightbox .comment-section .load-more .btn {
  background: transparent;
  color: #eaeaea;
}
.wo_imagecombo_lbox.story_lightbox .views_count {
  color: #fbfbfb;
  border-bottom: 1px solid #252525;
  padding: 10px 15px;
}
.wo_imagecombo_lbox.story_lightbox .story_views_ {
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.wo_imagecombo_lbox.story_lightbox .story_views_:last-child {
  border: 0;
}
.wo_imagecombo_lbox.story_lightbox .story_view_list {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-name {
  margin: 0;
  font-weight: bold;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.5px;
  word-spacing: 1px;
  min-width: 0;
}
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-name a {
  color: #f0f2f5;
}
.wo_imagecombo_lbox.story_lightbox .story_view_list .user-name time {
  color: rgb(255 255 255 / 45%);
  font-weight: normal;
  letter-spacing: 0;
  word-spacing: 0;
}

.comm_mod_img_close {
  opacity: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
}
.comm_mod_img_close svg {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  margin: 0;
  width: 30px;
  height: 30px;
  padding: 5px;
}

/*My Info*/
.select_radio_btn {
  font-family: "Lato", sans-serif;
  padding: 20px 0 0;
}
.select_radio_btn h4 {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin: -15px 0 25px;
}
.select_radio_btn .select_radio_btn_innr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.select_radio_btn label {
  width: 33.3333333%;
  margin: 0;
  padding: 0 12px;
  margin-bottom: 24px;
}
.select_radio_btn label > input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
.select_radio_btn .sr_btn_lab_innr {
  width: 100%;
  margin: 0;
  box-shadow: 0 0 0 1px #e6e6e6;
  border-radius: 6px;
  position: relative;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  display: block;
  padding: 20px 10px;
}
.select_radio_btn.small_rbtn .sr_btn_img {
  margin: auto;
  filter: grayscale(1);
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  opacity: 0.7;
}
.select_radio_btn.small_rbtn .sr_btn_img svg {
  width: 34px;
  height: 34px;
}
.select_radio_btn .sr_btn_lab_innr > span {
  margin: 0;
  font-weight: bold;
  font-size: 14.5px;
  margin-top: 15px;
  display: block;
  text-transform: capitalize;
  color: #6c6c6c;
}
.select_radio_btn .sr_btn_lab_innr:hover {
  box-shadow: 0px 0px 0px 3px rgba(0, 102, 255, 0.5);
}
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr {
  box-shadow: 0px 0px 0px 3px rgba(0, 102, 255, 0.5);
}
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr .sr_btn_img {
  filter: grayscale(0);
  opacity: 1;
}
.ready_to_down_info {
  display: none;
  text-align: center;
  margin: 40px 0;
  padding: 0 20px;
}
.ready_to_down_info svg {
  width: 110px;
  height: 110px;
  margin-bottom: 20px;
}
.ready_to_down_info p {
  font-weight: 600;
  font-family: "Lato", sans-serif;
  margin-bottom: 35px;
}
.ready_to_down_info .btn {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  padding: 6px 20px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  color: #fff;
}
.select_radio_btn.setting_down_info_btns h4 {
  font-family: "Poppins";
  text-align: start;
}
.select_radio_btn.setting_down_info_btns .select_radio_btn_innr {
  margin: 0 -12px;
}
.select_radio_btn.setting_down_info_btns .sr_btn_lab_innr {
  border-radius: 8px;
  box-shadow: none;
  padding: 60px 10px;
}
.select_radio_btn.setting_down_info_btns .sr_btn_img {
  filter: none;
  opacity: 1;
  border-radius: 6px;
  height: 67px;
  width: 67px;
  background: #f5f5f5;
}
.select_radio_btn.setting_down_info_btns .sr_btn_img svg {
  width: auto;
  height: auto;
}
.select_radio_btn.setting_down_info_btns .sr_btn_lab_innr > span {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: #262d34;
}

/*Share Post Modal*/
.share_modal_social_icos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 15px;
}
.share_modal_social_icos > a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  text-decoration: none;
  font-family: "Poppins";
}
.share_modal_social_icos > a .social-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  margin-bottom: 10px;
}
.share_modal_social_icos > a .social-btn svg {
  margin: 0;
  width: 100%;
  height: 100%;
}
.share_modal_social_icos > a > span {
  font-size: 14.5px;
}
.share_modal_opts_icos > h4 {
  text-align: initial;
}
.share_modal_opts_icos.select_radio_btn .select_radio_btn_innr {
  margin: 0 -12px;
}
.share_modal_opts_icos.select_radio_btn label {
  width: 50%;
}
.share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img {
  display: inline-flex;
  vertical-align: middle;
  height: 35px;
  width: 35px;
  border-radius: 10px;
}
.share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img svg {
  width: 24px;
  height: 24px;
}
.share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr > span {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.shar_modl_chose_pgrp input.form-control {
  height: auto;
  border: 2px solid #ebeef0;
  background-color: #ebeef0;
  font-size: 15px;
  padding: 7px 15px;
  border-radius: 2em;
  width: 100%;
  max-width: 350px;
  margin: auto;
  transition: all 0.15s;
}
.shar_modl_chose_pgrp input.form-control:focus {
  background-color: #fff;
}
.share_modl_post_cont .panel {
  background-color: #f4f4f4;
  box-shadow: none;
  margin: 0;
}
.share_modl_post_cont .post-heading {
  padding: 17px 15px;
}
.share_modl_post_cont .post-heading > .image {
  margin-top: -3px;
}
.share_modl_post_cont .post-heading .dropdown-toggle {
  display: block;
  margin: 9px 0;
}

/*Who React Modal*/
.who_react_modal {
  display: flex;
  align-items: center;
  margin: -4px 0;
}
.who_react_modal > span {
  display: flex;
  padding: 5px;
  height: 28px;
  margin: 0 0 0 10px;
}
.who_react_modal > span .inline_act_emoji {
  transform: scale(1.2);
}
.who_react_modal > span .inline_post_emoji .reaction > img {
  width: 22px;
  height: 22px;
}
.who_react_to_this_user {
  display: flex;
  align-items: center;
  padding: 10px 7px;
  border-bottom: 1px solid #eaeaea;
}
.who_react_to_this_user:last-child {
  border: 0;
}
.who_react_to_this_user .who_react_to_this_user_info {
  display: flex;
  align-items: center;
}
.who_react_to_this_user .who_react_to_this_user_info a {
  text-decoration: none;
  color: #1d2129;
}
.who_react_to_this_user .who_react_to_this_user_info .user-popover p {
  max-height: 35px;
  overflow: hidden;
  margin: 0;
}
.who_react_to_this_user .avatar {
  width: 40px;
  min-width: 40px;
  margin-right: 15px;
  height: 40px;
  border-radius: 50%;
}
.who_react_to_this_user .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.who_react_to_this_user .avatar .wo_who_react_this {
  top: auto !important;
  bottom: -4px;
  right: -4px !important;
  background: transparent !important;
  width: 18px !important;
  height: 18px !important;
}
.who_react_to_this_user .user-follow-button {
  margin-left: auto;
}
.who_react_to_this_user .user-follow-button button {
  padding: 3px 9px !important;
}
.wo_react_ursrs_list {
  max-height: 450px;
  overflow-y: auto;
}
.wo_react_ursrs_list_lod_mor .btn {
  font-weight: 600;
  border-radius: 2em;
  line-height: 1;
  padding: 7px 15px;
  box-shadow: inset 0 0 0 1px #c9cfd3;
  font-size: 13px;
}

/*Bank transfer Modal*/
svg {
  vertical-align: middle;
}

.dt_bank_trans_modal .bank_info {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 30px;
}
.dt_bank_trans_modal .bank_info .dt_settings_header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 7px;
  height: auto;
  background-color: #2196f3;
  background: linear-gradient(90deg, #03a9f4 0%, #2196f3 35%, #3f51b5 100%);
  padding: 16px;
  overflow: hidden;
  position: relative;
}
.dt_bank_trans_modal .dt_settings_circle-1 {
  width: 290px;
  height: 290px;
  background-image: radial-gradient(
    circle 800px at 75% -25%,
    #000000 0,
    rgba(255, 255, 255, 0) 100%
  );
  left: -28px;
  top: -28px;
  opacity: 0.05;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.dt_bank_trans_modal .dt_settings_circle-2 {
  opacity: 0.03;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  width: 500px;
  height: 500px;
  background-image: radial-gradient(
    circle 800px at 10% -25%,
    #000000 0,
    rgba(255, 255, 255, 0) 100%
  );
  right: -242px;
  top: 17px;
}
.dt_bank_trans_modal .bank_info .bank_info_innr {
  position: relative;
  width: 100%;
  color: #fff;
  z-index: 1;
  border: 6px solid rgba(255, 255, 255, 0.3);
  padding: 20px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.dt_bank_trans_modal .bank_info .bank_info_innr > svg {
  position: absolute;
  opacity: 0.3;
  left: 16px;
  top: 16px;
  width: 45px;
  z-index: -1;
}
.dt_bank_trans_modal .bank_info .bank_info_innr .row p {
  margin: 0;
  font-size: 18px;
  word-break: break-word;
}
.dt_bank_trans_modal .bank_info .bank_info_innr .row .col {
  margin-top: 18px;
}
.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {
  font-size: 22px;
  padding: 5px 0.75rem 0 55px;
}
.dt_bank_trans_modal .bank_info .bank_info_innr .help-block {
  text-transform: uppercase;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.73);
}

.dt_bank_trans_modal .dt_user_profile {
  background-color: #f8f8f8;
  margin: 0 auto 25px;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  overflow: hidden;
}
.dt_bank_trans_modal .dt_user_profile > span {
  margin-bottom: 5px;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.dt_bank_trans_modal .dt_user_profile > span svg {
  margin-right: 5px;
  color: #6b6b6b;
}
.dt_bank_trans_modal .dt_prof_vrfy {
  margin: 0;
  list-style-type: disc;
}
.dt_bank_trans_upl_rec {
  text-align: center;
}
.dt_bank_trans_upl_rec a {
  display: inline-block;
  border-bottom: 1px dashed;
  color: #3f3f3f;
  padding-bottom: 5px;
  font-size: 14.5px;
  transition: all 0.15s;
  text-decoration: none;
}
.dt_bank_trans_upl_rec a:hover {
  border-bottom-style: solid;
}
.dt_bank_trans_upl_rec a svg {
  width: 20px;
  height: 20px;
  margin-top: -3px;
}
.upload_bank_receipts {
  text-align: center;
  display: none;
}
.upload_bank_receipts > div {
  width: 100%;
  max-width: 200px;
  height: 185px;
  margin: auto;
  background-color: #f0f0f0;
  border: 2px solid #ddd;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}
.upload_bank_receipts svg {
  width: 45px;
  height: 45px;
  color: #4a4a4a;
  background-color: lightgrey;
  padding: 10px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.upload_bank_receipts p {
  margin-bottom: 0px;
}
#bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {
  display: none;
}
#bank_transfer_modal.up_rec_active .upload_bank_receipts {
  display: block;
}
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {
  display: none;
}

#bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_donate_modal.up_rec_active .dt_bank_trans_upl_rec {
  display: none;
}
#bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {
  display: block;
}
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p {
  display: none;
}

/*Verify Setting Modal*/
.verfy_sett_email_phone_ico {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4e4e4;
  border-radius: 50%;
  color: #5e5e5e;
}

/*Msg Page*/
.wo-msg-container {
  width: 100%;
  height: 100%;
  margin: 0;
}
.messages-recipients-list {
  position: relative;
  cursor: pointer;
  padding: 15px 27px;
  transition: all 0.3s;
  border: 0;
}
.messages-recipients-list:hover {
  background-color: #f7f7f7;
}
.messages-recipients-list img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0;
}
.messages-recipients-list .msg_rght_prt {
  margin-left: 55px;
}
.messages-recipients-list .msg_rght_prt > .user_nname {
  margin: 0;
  color: #636366;
  max-height: 44px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.messages-recipients-list > p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  margin: 6px 0 0;
}
.messages-recipients-list > p.new_msg_active_list {
  color: #333338;
}
.messages-recipients-list .messages-last-sent {
  font-size: 12px;
  color: #b3b3b3;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.messages-recipients-list .messages-last-sent.new_msg_lst_lsent {
  font-weight: bold;
  color: #2a2a2f;
}
.messages-recipients-list .messages-user-name {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  display: inline-block;
  max-width: calc(100% - 80px);
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.new-message-alert {
  background-color: #ce3d3d;
  padding: 3px 6px;
  border-radius: 2px;
  color: #fff;
}
.mobilerightpane .new-message-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #e83e8c;
  border-radius: 50%;
  left: -6px;
  top: -5px;
  padding: 0;
}
.text-sender-container {
  background: transparent;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
.text-sender-container .msg_usr_info_top_list {
  height: 80px;
  padding: 18px;
  z-index: 10;
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.text-sender-container .msg_usr_info_top_list .mobilemsgclose {
  display: none;
  cursor: pointer;
  margin: -1px 15px 0 -15px;
  width: 23px;
  height: 23px;
  stroke-width: 2.5px;
}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data {
  display: flex;
  align-items: center;
}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data img {
  border-radius: 50%;
  margin-right: 15px;
  height: 35px;
  min-width: 35px;
  max-width: 35px;
}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {
  text-decoration: none;
  transition: all 0.3s;
  color: #212529;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.text-sender-container
  .msg_usr_info_top_list
  .msg_usr_cht_usr_data
  .msg_usr_lst_sen_main {
  margin: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #262d34;
}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns {
  margin-left: auto;
}
.text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span {
  margin-right: 20px;
  color: #7f7f7f;
  transition: all 0.3s;
}
.text-sender-container
  .msg_usr_info_top_list
  .msg_usr_cht_opts_btns
  > span:last-child {
  margin: 0;
}
.text-sender-container .message-contnaier {
  margin: 0 0px 10px;
  position: relative; /*display: flex;align-items: flex-end;*/
  max-width: 100%;
  width: 100%;
}
.text-sender-container .message-contnaier.outgoing,
.text-sender-container .message-contnaier.outgoing > .cont_innr {
  flex-direction: row-reverse;
}
.text-sender-container .message-contnaier > .cont_innr {
  position: relative;
  display: flex;
  max-width: 100%;
  width: 100%;
}
.text-sender-container .sendMessages .input-group .messages-rtime {
  position: absolute;
  top: -30px;
  padding: 8px 10px !important;
  background-color: #fff !important;
  left: -7px;
  border-radius: 6px !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.35);
}
.text-sender-container .sendMessages .charsLeft-message {
  position: absolute;
  z-index: 9;
  right: 163px;
  top: 12px;
}
.message-option-btns {
  position: absolute;
  z-index: 9;
  right: 55px;
  top: 0;
  display: table;
}
.message-option-btns .btn {
  padding: 15px 6px;
  background-color: transparent;
  color: #7f7f7f;
  border: none;
  margin: 0 4px;
  box-shadow: none;
}
.text-sender-container .deleteMessage {
  position: absolute;
  top: 50%;
  left: -75px;
  cursor: pointer;
  color: #888;
  display: none;
  transform: translate(0, -50%);
}
.text-sender-container .deleteMessage.right {
  left: auto !important;
  right: -75px;
}
.text-sender-container .deleteMessage svg.feather {
  margin-top: -3px;
  width: 17px;
  height: 17px;
}
.chat-messages-wrapper .deleteMessage {
  position: absolute;
  top: 50%;
  left: -18px;
  cursor: pointer;
  color: #888;
  display: none;
  transform: translate(0, -50%);
}
.chat-messages-wrapper .deleteMessage.right {
  left: auto !important;
  right: -18px;
}
.chat-messages-wrapper .deleteMessage svg.feather {
  margin-top: -3px;
  width: 15px;
  height: 15px;
}
.text-sender-container .time {
  margin-top: 4px;
  font-size: 14.5px;
  font-weight: bold;
}
.text-sender-container .message-model {
  width: 85%;
  max-width: 500px;
  font-size: 15px;
  padding: 0;
  position: relative;
  line-height: 1.4;
}
.text-sender-container .message-model .message {
  padding: 10px;
  margin-left: auto;
  display: table;
  line-height: 1.2;
  margin-top: 0;
  position: relative;
  background: #f5f5f5;
  border-radius: 10px;
}
.text-sender-container .message-model .video-js-responsive-container {
  min-width: 300px;
}
.text-sender-container .message-model .message p .twa-lg {
  height: 26px;
  width: 26px;
  background-size: 26px 26px;
}
.text-sender-container .outgoing .message-model {
  border-bottom-right-radius: 2px;
  margin-left: auto;
}
.text-sender-container .incoming .message-model .message {
  margin-right: auto;
  margin-left: 0;
}
.text-sender-container .incoming .message-model .time {
  text-align: left;
}
.text-sender-container .outgoing .message-model .message p,
.text-sender-container .outgoing .message-model .message a {
  color: #fff !important;
}
.text-sender-container
  .outgoing
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product-title
  a {
  color: #222 !important;
}
.text-sender-container
  .outgoing
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product-by
  a {
  color: #444 !important;
}
.text-sender-container .message-contnaier .message-model > time {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  display: block;
  margin-top: 4px;
}
.text-sender-container .message-contnaier.outgoing .message-model > time {
  text-align: end;
}
.msg_date {
  position: relative;
  margin: 20px 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.msg_date:before,
.msg_date:after {
  content: "";
  height: 1px;
  background: rgb(60 57 57 / 13%);
  flex-grow: 1;
}
.msg_date:before {
  margin-right: 15px;
}
.msg_date:after {
  margin-left: 15px;
}

.msg_progress {
  height: 3px;
  width: 100%;
  background-color: #b3deff;
  border-radius: 2px;
  background-clip: padding-box;
  overflow: hidden;
  bottom: -2px;
  right: 0px;
  z-index: 15;
  position: absolute;
  display: none;
}
.msg_progress .indeterminate {
  background-color: #2196f3;
}
.msg_progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
    infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.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%;
  }
}



#wo_nw_msg_page .msg_under_hood {
  overflow: hidden;
  position: relative;
}

#wo_nw_msg_page .msg_under_hood .mobilerightpane {
  overflow: hidden;
  height: calc(100vh - 110px);
}
#wo_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form {
  width: 100%;
  height: 100%;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  .msg_srch_innr {
  position: relative;
  width: 100%;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  .msg_srch_innr
  svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin: 0;
  transform: translateY(-50%);
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  .msg_srch_innr
  input {
  padding: 0 10px 0 52px;
  height: 40px;
  background: #ffffff;
  border-radius: 8px;
  border: none;
  font-size: 15px;
  width: 100%;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #262d34;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  .msg_srch_innr
  input:focus {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  .msg_srch_innr
  input::placeholder {
  color: currentColor;
  opacity: 1;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  .btn_contr {
  background: #a84849;
  color: #fff;
  border-radius: 8px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  margin-left: 15px;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  button.btn {
  min-width: 50%;
  width: 50%;
  height: 40px;
  margin: 0;
  background: transparent;
  transition: all 0.3s;
  box-shadow: none;
  border: none;
  color: #fff;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .inner-addon
  button.btn:hover {
  background: #c45a5b;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .wo_msg_tabs {
  border: 0;
  text-align: center;
  margin: 0 -7px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .wo_msg_tabs
  li {
  float: none;
  margin: 0 7px;
  width: auto;
  flex: 1 1 auto;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .wo_msg_tabs
  li
  a {
  padding: 7px 22px;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  background: white;
  color: #262d34;
}
#wo_nw_msg_page
  .msg_under_hood
  .mobilerightpane
  .messages-search-users-form
  .wo_msg_tabs
  li
  a
  svg {
  width: 20px;
  height: 20px;
  margin-top: -2px;
}
#wo_nw_msg_page .messages-users-list {
  height: 100%;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100% - 117px);
  padding: 10px 0;
}
#wo_nw_msg_page .messages-users-list > h1 {
  font-size: 22px;
  font-weight: 600;
  color: #212529;
  border-bottom: 1px solid #dedede;
  padding-bottom: 13px;
  margin: 0;
  text-align: center;
}
#wo_nw_msg_page .messages-recipients-list .avatar {
  position: relative;
  margin-right: 15px;
}
#wo_nw_msg_page .messages-recipients-list .online_dot {
  position: absolute;
  width: 7px;
  height: 7px;
  bottom: 5px;
  right: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}
#wo_nw_msg_page .messages-recipients-list .online_dot .dot {
  width: 7px;
  min-width: 7px;
  height: 7px;
  background-color: #63c666;
  border-radius: 50%;
}
#wo_nw_msg_page .messages-recipients-list .online_dot.off_usr .dot {
  background-color: lightgray;
}

#wo_nw_msg_page .msg_under_hood .mobileleftpane {
  width: 100%;
}

#wo_msg_right_prt .text-sender-container .sendMessages .input-group {
  display: flex;
  border-collapse: unset;
  align-items: center;
  margin: 20px 20px 20px;
  background: #f5f5f5;
  border-radius: 2em;
}
#wo_msg_right_prt
  .text-sender-container
  .sendMessages
  .input-group
  .input-group-btn {
  margin: 0 7px;
  width: auto;
  flex: 0 0 auto;
}
#wo_msg_right_prt .text-sender-container textarea {
  margin-bottom: 0px;
  box-shadow: none;
  border: 0;
  padding: 13px 20px;
  height: 46px;
  background: transparent;
  font-size: 14px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
#wo_msg_right_prt .text-sender-container .sendMessages .send-button {
  margin: 0;
  padding: 7px;
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
}
#wo_msg_right_prt .text-sender-container .sendMessages .send-button svg {
  width: 21px;
  height: 21px;
  margin: -2px 0 0 -2px;
}
#wo_msg_right_prt .message-option-btns .btn {
  padding: 0 !important;
  width: 30px;
  height: 30px; /* margin-left: 10px; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.1s linear;
  margin: 5px 1px;
}
#wo_msg_right_prt .message-option-btns .btn svg {
  width: 24px;
  height: 24px;
}
#wo_msg_right_prt .message-option-btns .btn#messages-record {
  z-index: 3;
}
#wo_msg_right_prt .message-option-btns .btn.messages-rtime {
  padding: 8px 36px 8px 10px !important;
  left: 0;
  width: 100%;
  right: 0;
  margin: 0;
  top: 0;
  height: 100%;
  bottom: 0;
  z-index: 2;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px,
    rgb(0 0 0 / 10%) 0px 2px 4px -2px;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  line-height: 27px;
  color: #a4a4a4;
}
#wo_msg_right_prt .message-option-btns .btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
#wo_nw_msg_page .messages-container .empty_state {
  width: 100%;
  max-width: 90%;
  font-weight: bold;
  font-size: 19px;
}
#wo_nw_msg_page .messages-container .empty_state svg {
  width: 180px;
  height: 180px;
  border-radius: 26px;
  padding: 20px;
}
#wo_nw_msg_page .messages-container .message-media img {
  max-width: none;
  max-height: 170px;
  margin: 0;
  background: #fff;
  border-radius: 10px;
}
.messages-load-more-messages.above_header {
  top: -25px;
}
#wo_msg_right_prt .msg_write_combo {
  display: flex;
  align-items: center;
  width: 100%;
}
#wo_msg_right_prt .msg_write_combo .message-option-btns {
  position: relative;
  display: flex;
  align-items: center;
  right: auto;
  left: auto;
}
#wo_msg_right_prt .msg_write_combo .charsLeft-message {
  right: auto;
  top: auto;
  margin: -2px 4px 0;
  position: relative;
  left: auto;
}
#wo_msg_right_prt .msg_write_combo .emo-message {
  position: relative;
  right: auto;
}

.wo_kb_msg_page {
  padding: 150px 20px 20px;
  height: 100%;
  width: 100%;
}

/*2.3 Update*/
.text-sender-container .message-model .message.wo_msg_prod_prnt,
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product,
.chat-messages-wrapper .message.wo_msg_prod_prnt,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product {
  padding: 0;
}
.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market,
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product,
.chat-messages-wrapper .message.wo_msg_prod_prnt .wo_market,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product {
  margin: 0;
}
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product {
  max-width: 240px;
  width: 100%;
}
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product_info,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .produc_info {
  border-radius: 20px;
}
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  img,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  img {
  max-height: 200px !important;
  border-radius: 15px 15px 0 0 !important;
  object-fit: cover;
  height: 100%;
}
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product-title
  a,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product-title
  a {
  color: #222;
}
.text-sender-container
  .message-model
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product-by
  a,
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product-by
  a {
  color: #444;
}
.publisher-box .publisher-box-footer .poster-left-buttons {
  margin: 0 5.3px;
}
.publisher-box.wo_pub_change_color .panel {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.publisher-box.wo_pub_change_color textarea.postText {
  height: auto;
  max-height: 370px !important;
  position: absolute;
  background: transparent !important;
  padding: 20px 50px;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
}
.publisher-box.wo_pub_change_color textarea.postText::placeholder {
  color: currentColor;
  opacity: 0.6;
}
.publisher-box.wo_pub_change_color .post-avatar {
  display: none;
}
.publisher-box.wo_pub_change_color .add-emoticons {
  top: auto;
  bottom: 10px;
}
.publisher-box.wo_pub_change_color .add-emoticons .dropdown-toggle {
  background: rgba(0, 0, 0, 0.4);
}
.publisher-box.wo_pub_change_color .add-emoticons .dropdown-toggle svg.feather {
  fill: #f4f4f4;
}
.publisher-box.wo_pub_change_color .wo_pub_txtara_combo {
  min-height: 400px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px 3px 0 0;
}
.publisher-box .publisher-box-footer .pub-footer-upper {
  position: relative;
}
.all_colors {
  display: none;
  padding: 0px 9px 8px;
  position: absolute;
  background: white;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.all_colors > div {
  white-space: nowrap;
  overflow-x: auto;
  margin-right: 20px;
  padding: 7px 3px 0;
}
.all_colors > svg {
  position: absolute;
  right: 0;
  top: 6px;
  cursor: pointer;
}
.all_colors_display {
  display: inline-block;
  margin: 0 2px;
  position: relative;
}
.all_colors_display.selected .all_colors_style,
.all_colors_display.selected .all_colors_style_image {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a84849;
}
.all_colors_display.selected:after {
  content: "";
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  height: 5px;
  left: 6px;
  position: absolute;
  top: 7px;
  transform: rotate(-45deg);
  width: 10px;
}
.all_colors_style {
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.all_colors_style_image {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.post .wo_actual_colrd_post {
  margin: 0 -15px 2px;
  min-height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 25px;
  padding: 15px;
}
.post .wo_actual_colrd_post span {
  max-height: 370px;
  overflow-y: auto;
}
.view-more-wrapper {
  margin-right: 12px;
}
.view-more-wrapper .order-by,
.view-more-comments span {
  margin: 0;
  border: 0;
  background: #f0f2f5;
  padding: 5px 10px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  font-size: 14px;
  margin-left: 12px;
}
.view-more-wrapper .order-by .dropdown-menu {
  min-width: 130px;
}
.twocheckout_modal {
  padding-top: 20px;
}
.twocheckout_modal .sun_input {
  margin-bottom: 15px;
}
.twocheckout_modal .sun_input input,
.twocheckout_modal .sun_input select {
  border: 1px solid #f0f2f5;
  border-radius: 2px;
  height: 38px;
  line-height: 14px;
  transition: all 0.2s ease-in-out;
}
.twocheckout_modal .sun_input input:focus,
.twocheckout_modal .sun_input select:focus {
  border-color: #03a9f4;
}
.two_check_card {
  margin: 20px auto 0;
  max-width: 310px;
  background-color: #019aca;
  padding: 20px 10px 10px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.two_check_card > svg {
  color: white;
  margin: 0 15px 20px;
  display: block;
  width: 35px;
  height: 35px;
}
.two_check_card .sun_input input::placeholder {
  color: #fff;
  opacity: 0.7;
}
.two_check_card .sun_input input,
.two_check_card .sun_input select {
  border: 0;
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: white;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  height: 40px;
}
.two_check_card .sun_input select option {
  color: #222;
  background: white;
}
.post .wo_shared_doc_file {
  font-size: 15px;
  font-family: "Lato", sans-serif;
}
.post .wo_shared_doc_file > a {
  display: flex;
  text-decoration: none;
  padding: 20px;
  border-radius: 9px;
  background: rgb(0 0 0 / 5%);
  align-items: center;
  font-family: "Poppins";
  font-weight: 500;
  position: relative;
}
.post .wo_shared_doc_file > a > i {
  display: block;
  background-color: rgb(0 0 0 / 5%);
  font-size: 28px;
  margin: 0 20px 0 0;
  line-height: 60px;
  color: #4d91ea;
  border-radius: 9px;
  width: 82px;
  height: 63px;
}
.post .wo_shared_doc_file > a:after {
  content: "Download";
  margin-left: auto;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  background: #c64d53;
  box-shadow: 0px 6px 6px rgb(48 84 139 / 10%);
  border-radius: 4px;
  display: block;
  color: #fff;
  line-height: 38px;
  padding: 0 15px;
  flex: 0 0 auto;
}
.thumb-image-delete {
  position: relative;
  display: inline-block;
}
.thumb-image-delete:not(:last-child) {
  margin: 0 5px 0 0;
}
.thumb-image-delete-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  padding: 3px;
}

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

/*Video call*/
.video-con {
  background: #222;
  height: calc(100vh - 50px);
}
#remote-media,
.video-con {
  position: relative;
}
#remote-media .lds-facebook {
  display: block;
  margin: 0 auto;
  padding: 50px 0px;
  top: 20px;
}
#remote-media h3 {
  text-align: center;
  color: #fff;
  padding: 15px;
  font-size: 25px;
  margin: 0px 50px 50px 50px;
}
#remote-media video:nth-child(2) {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: calc(100vh - 51px);
}
.end_vdo_call {
  padding: 0 16px;
  height: 45px;
  border-radius: 2em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  text-transform: none;
  line-height: 35px;
}
.end_vdo_call svg {
  margin-right: 9px;
}
#local-media video {
  width: 120px;
  height: 150px;
  position: absolute;
  top: 20px;
  right: 20px;
  background: #000;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

/*Create Job*/
.wo_create_job_box {
  margin-bottom: 0;
  padding: 5px;
  box-shadow: none;
}
.wo_create_job_box > .setting-update-alert {
  margin: -10px 0 30px;
  padding: 0;
}
.wo_create_job_box > .setting-update-alert:empty {
  margin: 0;
  padding: 0;
}
.wo_create_job_box .setting-panel {
  padding: 0;
  margin: -10px 3px 0px;
}
.wo_create_job_box .setting-panel label {
  font-size: 14.5px;
  font-weight: bold;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wo_create_job_box .setting-panel .sun_input {
  margin-bottom: 18px;
}
.wo_create_job_box .setting-panel .sun_input input,
.wo_create_job_box .setting-panel .sun_input select {
  height: 35px;
  line-height: normal;
  padding: 2px 8px;
  border-color: #dddfe2;
}
.wo_create_job_box .setting-panel .sun_input textarea {
  padding: 2px 8px;
  border-color: #dddfe2;
}
.wo_create_job_box .sun_input .bootstrap-tagsinput input {
  height: 30px;
  border: 0;
  padding: 0 2px;
}
.wo_create_job_box_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.wo_create_job_box_flex .sun_input {
  padding: 0 8px;
}
.wo_create_job_box_flex .sun_input input {
  width: 146px;
}
.wo_create_job_box_flex .sun_input input.edit_job {
  width: 100%;
}
.wo_create_job_box_flex_edit .sun_input input {
  width: 204px;
}
.wo_create_job_qstn {
  text-align: center;
  display: block;
  background-color: #f5f6f7;
  border: 1px solid #ccd0d5;
  color: #4b4f56;
  text-decoration: none !important;
  line-height: 34px;
  padding: 0 16px;
  font-weight: 600;
  font-size: 14.5px;
}
.wo_create_job_qstn svg {
  width: 16px;
  height: 16px;
  margin-top: -3px;
}
.wo_create_job_qstn_block {
  background-color: #f0f2f5;
  padding: 15px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  margin: 12px 0;
}
.wo_create_job_qstn_block > label {
  margin-top: 0;
}
.wo_create_job_qstn_block button.close {
  padding: 0;
  opacity: 1;
  color: #464646;
  background-color: #d5d5d5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-size: 0;
}
.wo_create_job_qstn_block button.close svg {
  margin-top: 1px;
  width: 15px;
  height: 15px;
  stroke-width: 2.5px;
}
.wo_create_job_box_img {
  position: relative;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  overflow: hidden;
}
.wo_create_job_box_img img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.wo_create_job_box_img_btns {
  margin: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 0 15px;
}
.wo_create_job_box_img_btns .btn {
  background-color: rgba(255, 255, 255, 0.7);
  color: black;
  border: 0;
  font-weight: 600;
  height: 33px !important;
}

/*Checkbox*/
.wo_cbox {
  margin-left: 22px;
  position: relative;
  display: inline-block;
}
.wo_cbox input[type="checkbox"] {
  opacity: 0;
  margin: 0 0 6px 4px;
  display: none;
}
.wo_cbox label::after,
.wo_cbox label::before {
  display: inline-block;
  left: 0;
  margin-left: -20px;
}
.wo_cbox label {
  padding-left: 5px;
  min-height: 20px;
  font-weight: 400 !important;
  cursor: pointer;
  user-select: none;
  margin: 1px 0;
}
.wo_cbox label::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 2px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  background-color: #fff;
  transition: all 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.wo_cbox input[type="checkbox"]:checked + label::before {
  background-color: #1e2322;
  border-color: #1e2322;
}
.wo_cbox label::after {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 12px;
  color: #555;
}
.wo_cbox input[type="checkbox"]:checked + label::after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 5px;
  left: 3px;
  position: absolute;
  top: 7px;
  transform: rotate(-45deg);
  width: 10px;
  transition: 0.2s;
  color: #fff;
}

/*View Applied Jobs*/
.wo_vew_apld_jobs {
  padding: 5px;
}
.wo_vew_apld_head {
  display: flex;
}
.wo_vew_apld_head .avatar {
  min-width: 150px;
  width: 150px;
  height: 150px;
  margin-right: 20px;
}
.wo_vew_apld_head .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.wo_vew_apld_head .jinfo {
  width: 100%;
}
.wo_vew_apld_head .jinfo h4 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 27px;
  margin-bottom: 15px;
}
.wo_vew_apld_head .jinfo p {
  margin-bottom: 8px;
  color: #525252;
}
.wo_vew_apld_ico svg {
  width: 18px;
  height: 18px;
  margin-top: -1px;
}
.wo_vew_apld_msg {
  margin-top: 15px;
}
.wo_vew_apld_msg .btn {
  border: 0;
  color: #009688;
  background-color: rgba(0, 150, 136, 0.2);
  background: #fff;
  font-weight: 600;
  padding: 0 10px;
  line-height: 35px;
  min-width: 150px;
  box-shadow: 0 1px 5px -1px rgba(0, 150, 136, 0.25);
}
.wo_vew_apld_blocks {
  background-color: #f0f2f5;
  padding: 20px 60px 5px;
  border-radius: 9px;
  margin: 20px 0;
}
.wo_vew_apld_blkmrgn {
  margin-bottom: 20px;
}
.wo_vew_apld_blkmrgn b {
  font-family: "Poppins";
  font-weight: 500;
}
.wo_vew_apld_blkmrgn p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

/*View Job*/
.wo_view_post_jobs {
  padding: 15px 0 1px;
}
.wo_view_post_jcover {
  height: 220px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 15px;
}
.wo_view_post_jcover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wo_view_post_jhead {
  text-align: center;
  position: relative;
  margin-top: -60px;
  padding: 0px 15px;
}
.wo_view_post_jhead .dropdown {
  position: absolute;
  right: 15px;
  top: 70px;
}
.wo_view_post_jhead .avatar {
  margin: auto;
  width: 110px;
  height: 110px;
  box-shadow: 0 0 0 4px white;
  border-radius: 50%;
  background-color: white;
}
.wo_view_post_jhead .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.wo_view_post_jhead h2 {
  margin: 25px 0 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
}
.wo_view_post_jhead h4 {
  margin: 5px 0 12px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.wo_view_post_jhead h4 a {
  text-decoration: none;
}
.wo_view_post_jobs .jinfo_inner p {
  display: inline-block;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.wo_view_post_jobs .jinfo_inner p svg {
  width: 17px;
  height: 17px;
  margin-top: -3px;
}
.wo_view_post_jobs .jinfo_inner .middot,
.wo_jlist_info_main .middot {
  color: #3d3d3d;
  font-weight: 800;
}
.wo_view_post_jobs .wo_vew_apld_msg .btn {
  background-color: #c64d53;
  color: #fff !important;
  line-height: 38px;
  height: auto;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0px 6px 6px rgb(48 84 139 / 10%);
}
.wo_view_post_jobs .wo_vew_apld_msg .btn[disabled] {
  box-shadow: none;
}
.wo_view_post_jobs .wo_vew_apld_blocks {
  margin: 20px 15px 15px;
}
.wo_view_post_jobs .wo_vew_apld_blocks .post-description {
  padding: 0 0 5px;
  overflow: hidden;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

/*Jobs*/
.wo_job_main_widget {
  margin-bottom: 20px;
}
.wo_job_main_widget .m_widget_head {
  font-weight: 600;
  color: #585858;
  margin-bottom: 8px;
  font-size: 14.5px;
}
.wo_job_main_widget .wjob_categories ul li.active a:before {
  border-color: #03a9f4;
}
.wo_job_main_widget .wjob_categories ul li.active a:after {
  background: #03a9f4;
  border-radius: 50%;
  transform: scale(0.5);
}
.wo_job_main_widget .wjob_categories ul li.active a {
  color: #03a9f4;
}
.wo_select_job_dist {
  padding: 0px 2px 5px 0;
}
.wo_select_job_dist #cusrange-reader {
  display: inline-block;
  width: 40px;
  background: transparent !important;
  margin-right: 0;
  text-align: right;
}
.wo_jobs_list {
  margin-bottom: 30px;
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 25px;
  cursor: pointer;
  transition: all 0.2s;
}
.wo_jobs_list:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wo_jlist_headimg {
  overflow: hidden;
  position: relative;
  margin: 0 11px;
  flex: 0 0 auto;
}
.wo_jlist_headimg img {
  width: 70px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}
.wo_jlist_headimg .btn {
  position: absolute;
  right: 15px;
  top: 15px;
  color: white;
}
.wo_jlist_info {
  display: flex;
  align-items: center;
  margin: 0 -11px;
}
.wo_jlist_info_head {
  margin: 0 11px;
  flex: 1 1 auto;
  min-width: 0;
}
.wo_jlist_info_head h2 {
  margin: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
}
.wo_jlist_info_head h2 a {
  text-decoration: none;
  color: inherit;
}
.wo_jlist_info_head p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  max-height: 41px;
  margin: 6px 0 0;
}
.wo_jlist_info_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.wo_jlist_info_main span {
  display: block;
  margin: 5px 0 0;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.wo_jlist_info_main span.cats a {
  text-decoration: none;
  background: #f5f5f5;
  border-radius: 6px;
  display: block;
  padding: 6px 10px;
}
.wo_jlist_info_main span svg {
  margin-top: -3px;
}
.wo_jlist_info .btn {
  margin-top: 10px;
  line-height: 33px;
}
.wo_jlist_info .btn-warning {
  box-shadow: rgb(255 183 7 / 10%) 0px 10px 15px -3px,
    rgb(255 161 7 / 50%) 0px 4px 6px -4px;
  background-color: #ff9800;
}
.wo_jlist_info .btn-danger {
  box-shadow: rgb(255 7 7 / 10%) 0px 10px 15px -3px,
    rgb(255 7 7 / 50%) 0px 4px 6px -4px;
  background-color: #ff5151;
}

/*Expanded Job*/
.wo_job_expanded {
  border-radius: 10px;
  padding: 30px;
}
.wo_job_expanded_head {
  display: flex;
  align-items: center;
  margin: 0 -11px;
}
.wo_job_expanded_head .avatar {
  overflow: hidden;
  position: relative;
  margin: 0 11px;
  flex: 0 0 auto;
}
.wo_job_expanded_head .avatar img {
  width: 70px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}
.wo_job_expanded_head .info {
  margin: 0 11px;
  flex: 1 1 auto;
  min-width: 0;
}
.wo_job_expanded_head .info h6 {
  margin: 0 0 8px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}
.wo_job_expanded_head .info h2 {
  margin: 0;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
}
.wo_job_expanded_body {
}
.wo_job_expanded_body > h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  margin: 35px 0 12px;
}
.wo_job_expanded_body > p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
  margin: 0;
}
.wo_job_expanded_body .cats a {
  text-decoration: none;
  background: #f5f5f5;
  border-radius: 6px;
  display: inline-block;
  padding: 10px 19px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.wo_job_expanded_details {
  position: relative;
  padding-left: 25px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
}
.wo_job_expanded_details svg {
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
}
.wo_job_expanded_foot {
  margin-top: 35px;
}
.wo_job_expanded_foot .btn {
  border-radius: 12px;
  line-height: 46px;
  min-width: 200px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.modal-dialog .form-control.date1 {
  height: 56px;
}

/*Common Things*/
.wo_com_things_row {
  margin: 0 -12px;
}
.wo_comthing_usr {
  padding: 0 12px;
}
.wo_comthing_usr .album_parent {
  cursor: pointer;
}
.wo_comthing_usr_innr {
  position: relative;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
  margin-bottom: 20px;
  transition: all 0.15s;
}
.wo_comthing_usr_innr:hover {
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.15);
}
.wo_comthing_usr_innr:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.wo_comthing_usr_innr .avatar {
  width: 100%;
  padding-top: 130%;
}
.wo_comthing_usr_innr .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wo_comthing_usr_innr h3 {
  margin: 0;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 33px;
  z-index: 2;
  padding: 0 10px;
}
.wo_comthing_usr_innr p {
  font-size: 14.5px;
  color: #f0f2f5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 2;
  margin: 0;
  padding: 0 10px;
}
.wo_comthing_usr_innr p svg {
  width: 16px;
  height: 16px;
  margin-top: -1px;
}

/*Common Users*/
.wo_com_usr_lbox {
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  margin: 0;
  padding: 80px 0;
}
.wo_com_usr_lbox > svg {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1035;
  color: white;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.wo_com_usr_lbox .slider {
  width: 100%;
  height: 100%;
}
.wo_com_usr_lbox .slider .slick-slide {
  outline: none;
}
.wo_com_usr_lbox .slider .slick-prev {
  left: auto;
  right: calc(50% + 360px);
}
.wo_com_usr_lbox .slider .slick-next {
  right: auto;
  left: calc(50% + 360px);
}
.wo_com_lbox_slide {
  padding: 0 20px;
}
.wo_com_lbox_slide_innr {
  border-radius: 16px;
  overflow: hidden;
  background: #0d0d0d;
}
.wo_com_lbox_slide_bg {
  background-color: #fff;
  opacity: 0.4;
  height: calc(100vh - 160px);
  overflow: hidden;
  max-height: calc(100vh - 160px);
}
.slick-slide.slick-current .wo_com_lbox_slide_bg {
  opacity: 1;
  overflow-y: auto;
}
.wo_com_lbox_slide_innr .user-cover {
  display: block;
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wo_com_lbox_slide_innr .upop_mid {
  margin-top: -70px;
}
.wo_com_lbox_slide_innr .upop_mid .avatar {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 100%;
}
.wo_com_lbox_slide_innr .upop_mid .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.wo_com_lbox_slide_innr .upop_mid .user-name {
  text-align: center;
  padding: 0 15px;
  font-family: "Poppins";
}
.wo_com_lbox_slide_innr .upop_mid .user-name a {
  color: #3f3f3f;
  text-decoration: none;
}
.wo_com_lbox_slide_innr .upop_mid .country {
  text-align: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  margin: -15px 0 20px;
}
.wo_com_lbox_slide_innr .upop_mid .country svg {
  margin: -2px 0 0;
}
.wo_com_lbox_slide_innr .upop_mid .user-button {
  text-align: center;
}
.wo_com_lbox_slide_innr .upop_mid .user-button #wo_useract_btn {
  border-radius: 6px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 0 16px;
  line-height: 38px;
  min-width: 130px;
}
.wo_com_lbox_slide_innr .upop_mid .user-button #wo_useract_btn svg {
  display: none;
}
.wo_com_lbox_slide_innr .upop_mid .user-information:not(.wo_vew_apld_blocks) {
  padding: 0;
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.wo_com_lbox_slide_innr
  .upop_mid
  .user-information:not(.wo_vew_apld_blocks)
  li
  svg {
  margin: -3px 0 0;
  width: 15px;
  height: 15px;
}
.wo_com_lbox_slide_innr .upop_mid_innr {
  padding: 15px 25px;
}
.wo_com_lbox_slide_innr .upop_mid_innr .wo_vew_apld_blocks {
  margin: 10px -5px 5px;
  padding: 15px;
  background: transparent;
  border: 1px solid #e0e0e0;
}
.wo_com_lbox_slide_innr .upop_mid_innr .user-information b {
  margin: 0 0 8px;
  display: block;
  font-family: "Poppins";
}
.wo_com_lbox_slide_innr .upop_mid_innr .user-information li {
  padding: 8px 0;
  background: transparent;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
}
.wo_com_lbox_slide_innr .upop_mid_innr .user-information li svg {
  color: #7a7a7a;
  margin: -2px 6px 0 2px;
  width: 28px;
  height: 28px;
  background: #f3f3f3;
  border-radius: 6px;
  padding: 5px;
}

/*Fundings*/
.fundings {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 15px;
}
.fundings .avatar {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
.fundings .avatar img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
  border-radius: 9px;
}
.fundings .avatar time {
  position: absolute;
  z-index: 9;
  top: 12px;
  left: 12px;
  color: black;
  text-decoration: none;
  display: block;
  padding: 4px 13px;
  background: rgba(242, 242, 242, 0.83);
  border-radius: 8px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.fundings_desc {
  padding: 15px 0;
}
.fundings_desc .postMeta--author-avatar img {
  width: 40px;
  height: 40px;
}
.fundings_desc h3 {
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 28px;
  margin: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
}
.fundings_desc h3 a {
  color: #222;
  text-decoration: none;
}
.fundings_footer {
  padding: 15px;
  background: #f5f5f5;
  border-radius: 10px;
}
.fundings_footer p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
}
.fundings_footer .btn {
  font-weight: 500;
  margin: 2px 8px;
  padding: 9px 16px;
  border: 0;
  display: inline-block;
  font-size: 15px;
  width: calc(50% - 18px);
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.5px;
  border-radius: 8px;
}
.fundings_footer .btn-success {
  background-color: rgb(76 175 80 / 20%);
  color: #4caf50;
}
.fundings_footer .btn-danger {
  background-color: rgb(244 67 54 / 20%);
  color: #f44336;
}
.fundings_footer .progress,
.fund_raise_bar .progress {
  background-color: #e0e1ea;
  box-shadow: none;
  height: 5px;
  margin-bottom: 5px;
}
.fundings_footer .progress {
  margin: 0;
}
.fundings_footer .progress .progress-bar {
  box-shadow: none;
}
.fundings_desc_meta .postMeta--author-avatar {
  display: inline-block;
  padding-right: 5px;
}
.fundings_desc_meta .postMeta--author-text,
.fundings_desc_meta .postMeta--author-text .middot {
  color: #545454;
}
.fundings_desc_meta .postMeta--author-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-width: calc(100% - 60px);
  display: inline-block;
}
.fundings_desc_meta .postMeta--author-text a {
  color: #545454;
  text-decoration: none;
}
.fundings_desc_meta .postMeta--author-text > a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
}
.wow_main_fund_foot {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 12px 0 0;
}
.wow_main_fund_foot .btn {
  min-width: auto;
  border-radius: 8px;
  line-height: 51px;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.wow_main_fund_foot .btn svg {
  width: 24px;
  height: 24px;
  margin: -2px 0 0;
}
.wow_main_fund_foot .btn-main,
.wow_main_fund_foot .btn-success {
  flex: 1 1 auto;
}
.wow_main_fund_foot .btn-default {
  flex: 0 0 auto;
}
.wow_main_fund_foot.no_margin {
  margin: 0;
}
.btn_create_big.fund {
  height: 304.19px;
}

/*Show Fundings*/
.wo_show_fund_top {
  padding: 0;
  overflow: hidden;
}
.wo_show_fund_top .row {
  margin: 0;
}
.wo_show_fund_top .row .col-md-8,
.wo_show_fund_top .row .col-md-4 {
  padding: 0;
}
.fund_raise {
  padding: 30px;
  margin-bottom: 20px;
}
.fund_raise p.mb-0 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.07em;
}
.fund_main_details_prnt {
  position: relative;
}
.fund_main_details h1 {
  overflow: hidden;
  max-height: 47px;
  margin: 0 0 15px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
}
.show-fund-info-user {
  display: table;
  margin: 13px 0 6px;
  font-family: "Poppins";
}
.fund div.list .item .caption .middot {
  color: #545454;
  text-decoration: none;
}
.show-fund-info-user .postMeta--author-text a,
.show-fund-info-user .postMeta--author-text .middot,
.show-fund-info-user .postMeta--author-text time {
  color: #444;
  text-decoration: none;
}
.fund_main_img {
  width: 100%;
  aspect-ratio: 1.7;
  object-fit: cover;
  pointer-events: none;
}
.wo_show_fund_side {
  padding: 30px;
}
.fund_raise_bar.wow_fund_raise_bar {
  margin-top: 35px;
}
.fund_raise_bar .progress {
  margin-bottom: 0px;
}
.fund_raise_bar .progress .progress-bar {
  /*background: linear-gradient(-45deg, #db3212 0%, #b81764 100%);*/
  background: #ff8b00;
}
.show_fnd_stats {
  font-size: 15px;
  font-family: "Poppins";
}
.show_fnd_stats span {
  display: block;
  font-size: 40px;
  font-weight: 500;
  margin-top: 15px;
  color: #444;
}
.show_fnd_stats.white,
.show_fnd_stats.white span {
  color: white;
}
.fund_raise_bar .show_fnd_stats {
  margin: 0 0 20px;
}
.fund_raise_btns {
  display: flex;
  margin: 20px -5px 0;
  position: relative;
  overflow: hidden;
}
.fund_raise_btns .btn {
  border: 0;
  font-size: 17px;
  padding: 0px 16px;
  line-height: 51px;
  margin: 20px 5px 0;
  font-family: "Poppins";
}
.fund_raise_btns > .btn {
  flex: 1 1 auto;
}
.fund_raise_btns .dropdown {
  flex: 0 0 auto;
  position: static;
}
.fund_raise_btns .dropdown > .btn {
  min-width: 51px;
  padding: 0 13px;
}
.fund_raise_btns .dropdown > .btn svg {
  margin: -2px 0 0;
  width: 24px;
  height: 24px;
}
.fund_raise_btns .dropdown > .dropdown-menu {
  transform: scale(1) translateX(-100%);
  margin: 0;
  box-shadow: none;
  background: #fff;
  top: 20px;
  display: flex;
  justify-content: space-around;
  width: 100%;
  bottom: 0;
  padding: 0;
  align-items: center;
}
.fund_raise_btns .dropdown.open > .dropdown-menu {
  transform: translateX(0) scale(1);
}
.fund_raise_btns .dropdown.open > .dropdown-menu li a {
  color: #363636;
  background: transparent;
}
.fund div.list .item .caption .middot {
  color: #545454;
  text-decoration: none;
}
.wo_page_hdng.pag_neg_padd.wow_fnd_hd {
  margin: 0;
  padding: 0 0 15px;
  border: 0;
}
.wo_page_hdng.pag_neg_padd.wow_fnd_hd .wo_page_hdng_innr {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  text-transform: uppercase;
}
.fund_dnt_hd {
  margin-top: 0;
}
.fund_dnt_hd span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  background-color: rgba(76, 175, 80, 0.2);
  color: #4caf50;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.fund_input {
  margin-bottom: 30px;
}
.fund_input .form-control:not(textarea) {
  background-color: transparent !important;
  border: 0;
  border-radius: 0;
  border-bottom: 1.5px solid #eaeaea;
  padding: 0px 10px;
  line-height: 50px;
  width: 100%;
  margin: auto;
  max-width: 180px;
  outline: none;
  box-shadow: none;
  height: 50px;
  font-size: 35px;
  text-align: center;
}
.fund_input input::-webkit-outer-spin-button,
.fund_input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fund_input input[type="number"] {
  -moz-appearance: textfield;
}
.fund_butns {
  text-align: center;
}
.fund_butns .btn {
  border: 0;
  border-radius: 10px;
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  font-size: 15px;
  min-width: 150px;
}
.fund-meta-desc {
  font-size: 13px;
  width: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.4);
}
.fundMeta--author-avatar {
  vertical-align: middle;
  padding-right: 10px;
  display: table-cell;
}
.fundMeta--author-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.fundMeta--author-text {
  vertical-align: middle;
  display: table-cell;
  overflow: hidden;
}
.fundMeta--author-text a {
  font-size: 15px;
  font-weight: bold;
  color: #3f3f3f;
}
.fund-meta-desc time {
  color: #a5a5a5;
  font-size: 14.5px;
}
.fund div.list .item {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  display: table;
  border-bottom: 1px solid #f0f0f0;
}
.fund div.list .item:last-child {
  border: 0;
  padding-bottom: 0;
}
.fund div.list .item .wrapper img {
  width: 47px;
  height: 47px;
}
.fund div.list .item .caption {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  width: 100%;
}
.fund div.list .item .caption p {
  margin: 0 0 2px;
}
.fund div.list .item .caption a {
  font-size: 17px;
  color: #414141;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
}
.fund div.list .item .caption time {
  color: #90949c;
  font-size: 13px;
  font-weight: 400;
}

/*Load More*/
.load-more {
  margin: 15px 0;
}
.load-more .btn {
  background: white;
  height: 44px;
  border-radius: 8px;
  padding: 0 26px !important;
  position: relative;
  transition: all 0.15s;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  line-height: 44px;
}
.load-more .btn:before {
  content: "+";
  margin: -1px 7px 0 0;
  font-size: 19px;
  vertical-align: middle;
  display: inline-block;
}
.load-more .btn:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.load-more .btn .fa {
  display: none;
}

/*Donation Posts*/
.wow_dontd_posts {
  display: flex;
  flex-direction: column;
  padding: 20px;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2c353d;
  border-radius: 0px 0px 10px 10px;
}
.wow_dontd_posts_innr {
  display: flex;
  margin-bottom: 15px;
}
.wow_dontd_posts_left {
  padding-right: 15px;
}
.wow_dontd_posts_left h4 {
  margin: 0;
  text-align: initial;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.wow_dontd_posts_left h4 a {
  color: #ffffff;
  text-decoration: none;
}
.wow_dontd_posts_left p {
  text-align: initial;
  color: #ffffff !important;
  margin: 0;
  font-size: 14.5px !important;
}
.wow_dontd_posts_right {
  margin-left: auto;
  display: inline-flex;
}
.post .wow_dontd_posts_right p {
  color: #f0f0f0;
  margin: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.wow_dontd_posts_right .btn {
  border: 0;
  color: #222;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 14.5px;
  margin-top: auto;
  padding: 4px 12px;
}
.wow_dontd_posts .fund_raise_bar .progress {
  height: 6px;
  background-color: rgb(255 255 255 / 20%);
}

/*Weather*/
.wow_weather {
  background-color: #2d3a4f;
  color: #9ca7ba;
  padding: 15px 0;
}
.wow_weather_date {
  font-size: 31px;
  text-align: center;
  color: #fff;
  margin-bottom: 7px;
}
.wow_weather_timezone {
  color: #9ca7ba;
  font-size: 25px;
  text-align: center;
}
.wow_weather_icon {
  text-align: center;
  color: #fff;
}
.wow_weather_description {
  text-align: center;
  font-size: 16px;
}
.wow_weather_current {
  color: #fff;
  font-size: 23px;
  text-align: center;
}
.wow_weather_forecast {
  overflow: hidden;
  padding: 0 2px;
  margin-top: 10px;
}
.wow_weather_forecast .fivedays {
  text-align: center;
  float: left;
  width: 25%;
  padding: 0;
}
.wow_weather_forecast .fivedays > div {
  font-size: 14.5px;
}

/*Mat Modal*/
.wow_pops_head {
  position: relative;
  padding: 20px 15px 10px;
}
.wow_pops_head > svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  color: #fff;
  display: none;
}
.wow_pops_head > svg path:first-child,
.wow_pops_head > svg path:nth-child(2) {
  display: none;
}
.wow_pops_head .close {
  padding: 0;
  opacity: 0.4;
  text-shadow: none;
}
.wow_pops_head .close:hover {
  opacity: 1;
}
.wow_pops_head h4 {
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  font-family: "Poppins";
}
.wow_pops_head h4 svg,
.wow_mat_mdl .modal-header .modal-title svg {
  margin: -2px 2px 0 0;
  padding: 6px;
  width: 32px;
  height: 32px;
  background: #f2f2f2;
  border-radius: 6px;
}
.wow_mat_mdl .modal-content {
  padding: 20px;
  border: 0;
  border-radius: 16px;
  box-shadow: none;
}
.wow_mat_mdl .modal-header {
  border: 0;
  background: transparent !important;
  padding: 0;
  margin: 0 0 15px;
}
.wow_mat_mdl .modal-header .modal-title {
  line-height: 32px;
  font-weight: bold;
  font-size: 20px;
  font-family: "Poppins";
}
.wow_mat_mdl .modal-header .close {
  padding: 0;
  margin: 0;
  line-height: 1;
  opacity: 0.4;
}
.wow_mat_mdl .modal-header .close svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.6px;
}
.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;
}

/*Form Fields*/
.wow_form_fields {
  position: relative;
  margin: 15px 0;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wow_form_fields > label {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: block;
}
.wow_form_fields input,
.wow_form_fields textarea,
.wow_form_fields select,
.wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {
  background-color: #f5f5f5;
  border-radius: 9px;
  transition: background-color 240ms, box-shadow 240ms;
  color: #393d4a;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding: 8px;
  width: 100%;
  border: 0;
  outline: 0;
  font-family: "Poppins";
  font-style: normal;
}
.wow_form_fields input,
.wow_form_fields select {
  height: 56px;
}
.wow_form_fields textarea {
  resize: vertical;
}
.wow_form_fields input:focus,
.wow_form_fields textarea:focus,
.wow_form_fields select:focus,
.wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle:focus,
.wow_form_fields .bootstrap-tagsinput:focus {
  box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.wow_form_fields input[disabled] {
  background-color: #f0f2f5;
}
.wow_form_fields > .bootstrap-select.btn-group {
  width: 100% !important;
}
.wow_form_fields > .bootstrap-select.btn-group > .dropdown-toggle {
  height: 56px;
  outline: 0 !important;
  padding-right: 40px;
}
.wow_form_fields .bootstrap-tagsinput {
  border: 0;
  padding: 12px 8px 0;
  background-color: #f5f5f5;
  transition: background-color 240ms, box-shadow 240ms;
  border-radius: 9px;
  box-shadow: none;
}

.bootstrap-tagsinput span.tag {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 12px;
  border-radius: 2em;
  margin: -2px 0 7px;
  display: inline-block;
  padding: 8px 13px;
  background: #fff;
  color: #222;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
}
.bootstrap-tagsinput span.tag > [data-role="remove"] {
  background: transparent;
}

.wow_form_fields .bootstrap-tagsinput input {
  box-shadow: none;
  width: auto;
  height: auto;
  padding: 2px 2px 14px;
}
.wow_form_fields .input-group-addon {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  font-family: "Poppins";
  font-style: normal;
  border: 0;
  border-radius: 9px 0 0 9px;
  background-color: #f5f5f5;
}
.wow_form_fields .input-group-addon + input {
  border-radius: 0 9px 9px 0;
}
.wow_form_fields input[readonly] {
  background-color: #f5f5f5 !important;
}

/*Forum*/
.wow_forum_sections {
  margin-bottom: 30px;
  clear: both;
  position: relative;
}
.wow_forum_sections .f_category {
  font-weight: bold;
  color: #404040;
  padding: 9px 0 0;
  font-size: 15px;
  font-family: "Poppins";
  background-color: transparent;
}
.wow_forum_sections .f_category b {
  font-weight: normal;
  text-transform: capitalize;
  margin-right: 26px;
}

.wow_forum_sections .section-list {
  display: flex;
  padding: 20px 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.wow_forum_sections .topic_icon {
  width: 6% !important;
  padding: 0 10px;
}
.wow_forum_sections .forum-meta-d.titles {
  width: 49%;
  word-break: break-word;
  padding: 0 10px !important;
}
.wow_forum_sections .forum-meta-d.posts {
  width: 6%;
  padding-right: 65px !important;
}
.wow_forum_sections .forum-meta-d.topics {
  width: 20%;
  padding: 0 10px !important;
}
.wow_forum_sections .forum-meta-d.topics > div {
  background: #f5f5f5;
  border-radius: 9px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px 0;
}
.wow_forum_sections .forum-meta-d.topics > div span {
  font-family: "Poppins";
  font-size: 14px;
  text-transform: capitalize;
  color: #262d34;
  width: 50%;
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom: 0;
  border-left-width: 0;
  border-right-width: 1px;
}
.wow_forum_sections .forum-meta-d.topics > div span:last-child {
  border: 0;
}
.wow_forum_sections .forum-meta-d.topics > div span b {
  display: block;
  margin: 0;
  font-weight: 400;
}
.wow_forum_sections .forum-meta-d.small {
  width: 25%;
  padding: 0 10px !important;
}
.wow_forum_sections .forum-meta-d.small .avatar img {
  display: inline-block;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.wow_forum_sections .forum-meta-d.small .reply_title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  max-width: 170px;
  font-family: "Poppins";
  font-size: 15px;
}
.wow_forum_sections .forum-meta-d.small .reply_user {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  vertical-align: bottom;
}
.wow_forum_sections .forum-meta-d.small time {
  color: #979797;
  font-size: 13px;
}
.wow_forum_sections .ftitle,
.sun_ftitle {
  font-weight: bold;
  font-size: 17px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  color: #515151;
}
.wow_forum_sections .ftitle {
  font-family: "Poppins";
  font-size: 20px;
  color: #2c353d;
  font-weight: 500;
}
.wow_forum_sections .fdesc {
  color: #2c353d;
  display: inline-block;
  background: #f5f5f5;
  border-radius: 20px;
  font-family: "Poppins";
  padding: 5px 10px;
  margin-top: 5px;
}
.topic_icon svg {
  width: 60px;
  height: 60px;
  background: rgb(182 182 182 / 20%);
  color: #2e2e2e;
  padding: 14px;
  margin: 0;
  filter: drop-shadow(0px 2px 6px rgba(43, 0, 212, 0.06));
  border-radius: 16px;
}
.wow_forum_dis_head {
  padding-bottom: 5px;
  margin-bottom: 30px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wow_forum_dis_head h4 {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
}
.wow_forum_dis_head .btn {
  margin: 12px 0 0;
}
.wow_forum_dis_head p {
  color: #7c7c7c;
}
.wow_forum_dis_thead {
  font-size: 15.5px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif !important;
  background-color: #607d8b;
}
.wow_forum_dis_thead th {
  color: #ffffff !important;
  font-weight: normal;
  text-transform: capitalize;
  padding: 9px !important;
}
.wow_forum_dis_thead th:first-child {
  font-weight: bold;
}
.wow_thread_head {
  background-color: rgb(69, 90, 100);
  color: #dfdfdf;
  padding: 20px 15px;
  margin-top: -5px;
  border-radius: 2px;
}
.wow_thread_head .forum_title {
  margin-top: 0;
  color: white;
  font-size: 23px;
  margin-bottom: 5px;
}
.wow_thread_head .btn-glossy > a {
  color: #fff;
  margin: 8px 0;
}
.wow_thread_main_reply {
  overflow: hidden;
  margin-bottom: 25px;
  border: 0;
  box-shadow: none;
  border-radius: 16px;
  padding: 0;
  display: flex;
}
.wow_thread_main_reply .t-left_prt {
  float: left;
  width: 180px;
  min-width: 180px;
  border-right: 1px solid #e5e5e5;
  padding: 20px 15px;
  margin-right: 7px;
}
.wow_thread_main_reply .t-left_prt .avatar {
  border-radius: 50%;
  margin-bottom: 7px;
  width: 85px;
  height: 85px;
  object-fit: cover;
}
.wow_thread_main_reply .t-left_prt .user-title-thread {
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 16px;
}
.wow_thread_main_reply .t-left_prt p {
  font-size: 13px;
}
.wow_thread_main_reply .t-left_prt p svg {
  width: 13px;
  height: 13px;
  margin-top: -1px;
}
.wow_thread_main_reply .t-right_prt {
  padding: 20px 15px;
  width: 100%;
  min-width: 0;
}
.wow_thread_main_reply .t-right_prt h5.time,
.wow_thread_replies .thread-replies .t-right_prt h5.time {
  margin-top: 0;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 15px;
  font-size: 13px;
}
.wow_thread_replies {
  margin: 0 -3px;
}
.wow_thread_replies .thread-replies {
  margin-bottom: 20px;
  border: 0;
  box-shadow: none !important;
  padding: 3px 3px 3px 62px;
  overflow: hidden;
  background: transparent !important;
  display: flex;
}
.wow_thread_replies .thread-replies .t-left_prt {
  min-width: 110px;
  width: 110px;
  float: left;
  margin-right: 10px;
}
.wow_thread_replies .thread-replies .t-left_prt .avatar {
  width: 65px;
  height: 65px;
  position: relative;
  margin-left: auto;
  margin-right: 15px;
}
.wow_thread_replies .thread-replies .t-left_prt .avatar .btn {
  box-shadow: none;
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -60px;
  background-color: #e9e9e9;
}
.wow_thread_replies .thread-replies .t-left_prt .avatar img {
  border-radius: 50%;
  width: 65px;
  height: 65px;
  object-fit: cover;
}
.wow_thread_replies .thread-replies .t-right_prt {
  width: 100%;
  padding: 20px 15px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  position: relative;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  min-width: 0;
}
.wow_thread_replies .thread-replies .t-right_prt:before {
  content: "";
  display: block;
  position: absolute;
  left: -13px;
  top: 23px;
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-left-width: 0;
  border-right-color: #ffffff;
  filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.07));
  cursor: default;
  z-index: 1;
}
.wow_thread_replies .thread-replies .t-right_prt .user-title-thread {
  margin-top: 0;
  margin-bottom: 10px;
}
.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts {
  margin-top: 2px;
}
.wow_thread_replies .thread-replies .t-right_prt .sun_forum_opts .btn {
  width: 35px;
  height: 35px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.wow_forum_jump_btn {
  margin-left: auto;
}

/*GO Pro*/
.pick_plan_main {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 38px;
  margin: 30px 0 15px;
}
.pick_plan_main_text {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 30px;
}
.wow_price_plans {
  position: relative;
  z-index: 9;
  border-radius: 26px;
  padding: 40px 25px 1px;
}
.wow_price_plan_row {
  display: flex;
  flex-wrap: wrap;
}
.wow_price_plan_row .col-lg-3 {
  padding: 0 15px;
  float: none;
  margin-bottom: 40px;
}
.wow_price_plan {
  width: 100%;
  margin: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  position: relative;
}
.go_pro_table_background:before {
  content: "";
  position: absolute;
  top: -20px;
  right: -5px;
  bottom: -20px;
  left: -5px;
  background-color: bisque;
  z-index: -1;
  box-shadow: 0px 21px 34px rgb(0 0 0 / 10%);
  border-radius: 26px;
}
.wow_price_plan .plan_head {
  margin-bottom: 15px;
}
.wow_price_plan .plan_head b {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  margin: 0 0 15px;
  display: block;
}
.wow_price_plan .plan_head b span {
  font-weight: 700;
  font-size: 36px;
}
.wow_price_plan .plan_head h5 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
}
.wow_price_plan .plan_head h5 div,
.wow_price_plan .plan_head h5 span {
  display: none;
}
.wow_price_plan .plan_head p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.wow_price_plan .plan_body {
  margin-bottom: 25px;
}
.wow_price_plan .plan_body p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  margin: 0 0 13px;
}
.wow_price_plan .plan_body p svg {
  margin: -2px 4px 0 0;
}
.wow_price_plan .plan_foot {
  margin-top: auto;
}
.wow_price_plan .plan_foot .btn {
  border-radius: 2em;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 45px;
}
.go_pro_table_background .plan_foot .btn {
  background: #fff;
  color: #a52729;
}
.wo_pro_features .col-md-4 {
  padding: 0 15px;
}
.wo_pro_features .innr_feat {
  border-radius: 12px;
  padding: 40px 20px;
  margin-bottom: 30px;
}
.wo_pro_features .innr_feat img {
  max-height: 65px;
}
.wo_pro_features .innr_feat svg {
  height: 55px;
  width: 55px;
}
.wo_pro_features .innr_feat p {
  margin: 15px 0 0;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  max-width: 130px;
}
.wo_pro_features .innr_feat_flex {
  display: flex;
  align-items: center;
  padding: 20px;
}
.wo_pro_features .innr_feat_flex img,
.wo_pro_features .innr_feat_flex svg {
  max-height: 50px;
  width: auto;
}
.wo_pro_features .innr_feat_flex p {
  margin: 0 15px;
  font-size: 16px;
  max-width: none;
}

/*Dev Apps*/
.wow_dev_apps {
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  padding: 15px;
  margin-bottom: 30px;
}
.wow_dev_apps .ap_hdr {
  overflow: hidden;
  font-family: "Poppins";
}
.wow_dev_apps .ap_hdr .avatar {
  display: block;
  width: 83px;
  height: 83px;
  position: relative;
  margin-right: 15px;
}
.wow_dev_apps .ap_hdr .avatar img {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  object-fit: cover;
}
.wow_dev_apps .info {
  margin: 0 0 0 98px;
}
.wow_dev_apps .ap_name {
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wow_dev_apps .ap_name a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
.wow_dev_apps p {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wow_dev_apps .info .btn {
  line-height: 30px;
  font-weight: bold;
  font-size: 13px;
}

/*Dev*/
.developer_get_req.table thead tr th {
  padding: 15px 8px;
  border-bottom: 1px solid #ededed !important;
}
.developer_get_req thead span {
  padding: 5px 16px 7px;
  border-radius: 2em;
  font-size: 13px;
}

/*My Groups*/
.wow_my_groups {
  padding: 1px 10px 13px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wow_my_groups > div.info {
  display: inline-flex;
  min-width: 0;
  align-items: center;
}
.wow_my_groups .avatar {
  flex: 0 0 auto;
  margin-right: 10px;
  line-height: 1;
}
.wow_my_groups .avatar img {
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0px 3px 4px rgb(198 77 83 / 7%);
  border: 1px solid rgba(198, 77, 83, 0.1);
}
.wow_my_groups_info {
}
.wow_my_groups_info h3 {
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.wow_my_groups_info h3 a {
  text-decoration: none;
  color: #1e1e1e;
}
.wow_my_groups_info p {
  color: #7b7b7b;
  margin: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
.wow_my_groups_info .btn {
  line-height: 30px;
  padding: 0 10px !important;
  font-size: 14.5px;
  width: 100%;
}
.sidebar-group-may-know-container .wow_my_groups .btn-default {
  min-width: auto;
  width: 30px;
  height: 30px;
  border-radius: 6px !important;
  padding: 2px 5px !important;
}
.sidebar-group-may-know-container .wow_my_groups #wo_useract_btn.wo_follow_btn {
  background: #f2f2f2 !important;
  color: #363853;
}
.sidebar-group-may-know-container .wow_my_groups #wo_useract_btn svg {
  margin: -3px 0 0;
  fill: none;
}
.sidebar-group-may-know-container .wow_my_groups .btn-default .button-text {
  display: none;
}

/*Oops*/
.oops_empty_state {
  margin: 85px 0;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 21px;
  color: #6d6d6d;
  text-align: center;
  font-weight: bold;
}
.oops_empty_state svg {
  display: block;
  margin: 0 auto 15px;
  width: 200px;
  height: 200px;
  opacity: 0.7;
}

/*Sidebar Main User*/
.wow_side_loggd_usr {
  margin-bottom: 15px;
  padding: 13px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  box-shadow: none;
  border-radius: 16px;
}
.wow_side_loggd_usr_cvr {
  margin: -13px -13px 13px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.wow_side_loggd_usr_cvr img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.wow_side_loggd_usr_hdr {
  position: relative;
  margin-bottom: 15px;
}
.wow_side_loggd_usr_hdr .avatar {
  width: 110px;
  height: 110px;
  margin: -60px auto 13px;
}
.wow_side_loggd_usr_hdr .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
}
.wow_side_loggd_usr_hdr .title {
  text-align: center;
}
.wow_side_loggd_usr_hdr .title a {
  color: #050505;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 38px;
}
.wow_side_loggd_usr_hdr .title p {
  margin: 0;
  font-family: "Poppins";
  font-size: 14px;
  opacity: 0.8;
}
.wow_side_loggd_usr hr {
  margin: 15px 0 !important;
}
.wo_user_side_info {
  padding: 0;
  white-space: nowrap;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.wo_user_side_info li {
  display: inline-block;
  margin: 0;
  text-align: center;
}
.wo_user_side_info .menu_list {
  display: block;
  padding: 7px 5px;
  transition: all 0.15s ease-in-out;
  text-transform: capitalize;
  text-decoration: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
}
.wo_user_side_info li span b {
  margin: 0 !important;
  font-weight: normal;
}
.wo_side_users {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding: 0 6px 4px;
}
.wo_side_users .user {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 5px;
}
.wo_side_users .user img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/*Sidebar Hashtags*/
.sidebar .list-group,
.featured-users {
  box-shadow: none;
  border-radius: 16px;
  border: 0;
}
.sidebar .wow_htag a {
  text-decoration: none;
  display: inline-flex;
  max-width: none;
  white-space: normal;
}
.sidebar .wow_htag {
  padding: 2px 15px 12px;
}
.wow_htag a svg {
  width: 34px;
  height: 34px;
  background: rgba(198, 77, 83, 0.1);
  border-radius: 4px;
  padding: 7px;
  color: #c64d53;
  margin-right: 10px;
  transition: all 0.2s;
}
.sidebar .wow_htag a:hover svg {
  background: rgb(198 77 83 / 30%);
}
.wow_htag .htag_top {
  display: block;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.wow_htag .htag_bottom {
  color: #6c6c6c;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

/*Sidebar Birthdays*/
.wow_side_bdays {
  border-top: 1px solid #e6e6e6;
  margin-top: 15px;
  padding-top: 15px;
}
.wow_side_bdays > p {
  font-size: 14.5px;
  color: #444;
  font-weight: 600;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wow_side_bday_usr {
  position: relative;
  padding-left: 30px;
  display: flex;
  margin-bottom: 13px;
}
.wow_side_bday_usr:last-child {
  margin: 0;
}
.wow_side_bday_usr > svg {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 19px;
  height: 19px;
}
.wow_side_bday_usr > .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 6px;
}
.wow_side_bday_usr > .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.wow_side_bday_usr .user-name {
  margin-top: 4px;
}
.wow_side_bday_usr .user-name a {
  text-decoration: none;
  color: #2f2f2f;
  font-weight: bold;
  text-transform: capitalize;
}

/*User Story*/
.wow_story_mores {
  padding: 3px 15px 1px;
}
.wow_story_mores ul.status-list {
  flex-wrap: wrap;
}
.wow_story_mores ul.status-list li {
  margin-top: 8px;
}
.wow_stroy_media,
.wow_stroy_media img {
  min-height: 230px;
  max-height: 230px;
}
.wow_stroy_media_count {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
}
.wow_stroy_media_count input {
  border: 0;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.7) !important;
  border-radius: 2em;
  height: auto;
  color: white;
  width: auto;
  text-align: center;
  padding: 0 5px;
  font-size: 14.5px;
}

/*Punlisher Box*/
.wow_pub_privacy {
  margin: 3px 0px;
  position: relative;
}
.wow_pub_privacy_dropdown {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  color: #4b4f56;
  border-radius: 2em;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14.5px;
  font-weight: bold;
  cursor: pointer;
  padding: 0px 6px 0px 10px;
  line-height: 27px;
  box-shadow: 0 0 0 1px #e4e4e4;
}
.wow_pub_privacy_dropdown > svg {
  width: 15px;
  height: 15px;
  margin-left: 3px;
}
.wow_pub_privacy_dropdown > p {
  margin: 0;
}
.wow_pub_privacy_dropdown > p svg {
  width: 17px;
  height: 17px;
  margin-top: -2px;
}
.wow_pub_privacy_menu {
  padding: 5px 0;
  margin: 0;
  background-color: white;
  position: absolute;
  min-width: 180px;
  z-index: 10;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
  transform: scale3d(0.8, 0.8, 1);
  transform-origin: left top;
  display: block;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
}
.wow_pub_privacy_menu li label {
  margin: 0;
  display: block;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.wow_pub_privacy_menu li label span svg {
  display: none;
}
.wow_pub_privacy_menu li label input[type="radio"]:not(:checked),
.wow_pub_privacy_menu li label input[type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wow_pub_privacy_menu li label input[type="radio"] + span {
  position: relative;
  display: block;
  padding: 7px 25px;
  user-select: none;
  transition: all 0.15s;
}
.wow_pub_privacy_menu li:hover label span {
  background: #eee;
}
.wow_pub_privacy.showMenu .wow_pub_privacy_menu {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transform: scale3d(1, 1, 1);
  opacity: 1;
  visibility: visible;
}

/*Post*/
.wow_post_usr_ava {
  position: relative;
}
.wow_post_usr_ava_active {
  box-shadow: 0 0 0 2.5px #55acee;
}
.wow_post_usr_ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  position: relative;
}
.wow_post_usr_ava img.blur_img {
  position: absolute;
  width: 75%;
  height: 75%;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  filter: blur(8px);
  opacity: 0.7;
}
.wow_post_usr_ava span {
  position: absolute;
  bottom: -4px;
  right: -4px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wow_post_usr_ava span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.wow_post_usr_ava span svg {
  margin: 0 !important;
  position: relative;
  z-index: 1;
  width: 20px !important;
  height: 20px !important;
}

/*Left Sidebar Filter*/
.wow_side_post_fltr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wow_side_post_fltr > a {
  flex: auto;
  margin: 0 !important;
}

/*Avatar and Cover*/
.wow_cset_cover {
  margin-top: 10px;
}
.wow_cset_cover,
.wow_cset_avtr {
  position: relative;
}
.wow_cset_cover .wow_cset_cover_hdr .btn-file {
  display: flex;
  justify-content: center;
  box-shadow: none;
  background-color: #f3f3f3;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  height: 200px;
  overflow: hidden;
  padding: 0;
  align-items: center;
}
.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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.wow_cset_cover .avatar-read p:empty {
  padding: 0;
}
.wow_cset_avtr .wow_cset_avtr_hdr {
  flex: 0 0 auto;
  margin: 0 30px;
}
.wow_cset_avtr .wow_cset_avtr_hdr .btn-file {
  display: flex;
  justify-content: center;
  box-shadow: none;
  background-color: #f3f3f3;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: -40px auto 20px;
  padding: 0;
  align-items: center;
  border: 0;
}
.wow_cset_avtr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wow_cset_avtr > div:not(.text-center) {
  display: flex;
}
.wow_cset_avtr > div:not(.text-center) h5 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  margin: 15px 0 5px;
}
.wow_cset_avtr > div:not(.text-center) p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
}
.wow_cset_avtr > .text-center {
  flex: 0 0 auto;
}

/*Upgraded*/
.wow_upgrd_ico {
  font-size: 30px;
  font-weight: 600;
  margin-top: 30px;
  color: forestgreen;
}
.wow_upgrd_ico svg {
  background: transparent;
  opacity: 1;
  padding: 0;
  border-radius: 0;
  width: 220px;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 0 2px rgba(55, 73, 87, 0.15))
    drop-shadow(0 2px 5px rgba(55, 73, 87, 0.2));
}
.wow_upgrd_ico i {
  background: #2a2a2a;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 1;
  vertical-align: bottom;
  padding: 8px 0 0;
  font-size: 22px;
  text-align: center;
  color: #fff;
}

/*Memories*/
.wow_memories {
  padding: 15px 15px 0.1px;
}
.wow_memories_cover {
  padding: 45px 5px;
  position: relative;
  margin: 0 0 15px;
  font-size: 23px;
  border-radius: 6px;
  padding-left: 230px;
  overflow: hidden;
  text-transform: capitalize;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  margin-top: 0;
  background: url(../img/friends.svg);
  background-position: 20px center;
  background-color: #f2f1ff;
  background-size: 125px;
  background-repeat: no-repeat;
}
.wow_memories_cover > div {
  position: relative;
  z-index: 1;
}
.wow_memories_friends {
  padding: 0;
}
.wow_memories_friends .wow_memories_cover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wow_memories_friends .panel {
  border: 1px solid #e9e9e9;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  position: relative;
}
.wow_memories_friends .wow_side_loggd_usr {
  margin: 0;
}
.wow_memories_friends .wow_side_loggd_usr_cvr {
  margin: -13px 0 0;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.wow_memories_friends .wow_side_loggd_usr_cvr img {
  height: 160px;
}
.wow_memories_friends .wow_side_loggd_usr_hdr {
  margin: 0;
  padding: 0;
}
.wow_memories_friends .wow_side_loggd_usr_hdr .title {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wow_memories_friends .btn-default {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  line-height: 33px;
  padding: 0 10px;
  font-size: 14.5px;
  min-width: 110px;
  text-align: center;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  background-color: #6c63ff;
  color: white;
  margin: 15px 0 10px;
}
.wow_memories_friends .btn-default svg {
  display: none;
}
.wow_memories_friends h3 {
  margin: 0;
  font-size: 14.5px;
  padding: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  padding-left: 75px;
  position: relative;
}
.wow_memories_friends h3 svg {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.wow_memories:not(.wow_memories_friends) h3 {
  font-weight: 600;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #e9e9e9;
}
.wow_memories .post .panel {
  box-shadow: none;
}
.wow_memories_posts {
  padding-bottom: 0.1px;
}
.wow_memories_posts .wow_memories_cover {
  background: url(../img/posts.svg);
  background-position: 20px center;
  background-color: #f2f1ff;
  background-size: 125px;
  background-repeat: no-repeat;
}
.wow_memories_posts .post .post-footer.post-comments {
  display: none;
}

/*Live*/
.embed-responsive-1by1 {
  padding-bottom: 100%;
}
.wow_go_live_cont {
  height: calc(100vh - 70px);
  background-image: url(../img/pattern.png);
  margin-top: -8px;
  border-radius: 0;
  background: #000;
}
.wow_go_live_cont > .container {
  background: #000;
  height: 100%;
  color: white;
}
.wow_go_live_cont > .container > div {
  height: 100%;
}
.wow_go_live_cont .liv_vid_cont {
  height: 100%;
}
.wow_go_live_cont .empty_state {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100vh - 70px);
  color: rgba(255, 255, 255, 0.8);
}
.wow_go_live_cont .empty_state svg {
  opacity: 1;
  background-color: #4a4a4a;
}
.wow_liv_counter {
  z-index: 9;
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  min-width: 60px;
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
  color: #03a9f4;
  font-family: "Roboto", sans-serif;
  text-align: center;
  padding: 0 10px;
}
.wow_liv_comments_feed {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), black);
  padding: 120px 15px 10px;
}
.wow_go_live_btn,
.wow_end_live_btn {
  width: auto;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  min-width: 140px;
  line-height: 45px;
  height: auto;
  bottom: auto;
  right: 50px;
  left: auto;
  top: 20px;
  transform: none;
  font-family: "Poppins";
  font-weight: 500;
}
.live_comments {
  padding: 10px 0;
  text-align: initial;
}
.live_comments .live_avatar {
  width: 40px !important;
  height: 40px;
  border-radius: 50% !important;
  margin-right: 10px;
}
.live_comments .live_user_h {
  font-size: 14.5px;
  font-weight: 700;
  display: inline;
  margin-top: 0;
  color: #fff;
}
.live_comments .comment-text,
.live_comments .reply-text {
  color: #eaeaea; /*width: 100%;*/
}
.live_mic_cam_switch {
  position: absolute;
  right: 50px;
  top: 75px;
  height: auto !important;
}
.mic_drop,
.cam_drop {
  margin-top: 10px;
}
.mic_drop > .btn,
.cam_drop > .btn {
  background-color: rgb(255 255 255 / 40%);
  min-width: auto;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
}
.mic_drop > .btn:hover,
.cam_drop > .btn:hover {
  background-color: rgb(255 255 255 / 60%);
}
.mic_drop > .btn svg,
.cam_drop > .btn svg {
  margin: 0;
}
.mic_drop a,
.cam_drop a {
  display: block;
  text-decoration: none;
  padding: 5px 12px;
}

/*Setting Stats*/
.wow_sett_stats {
  color: #6abd46;
  padding: 0 10px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 15px;
}
.wow_sett_stats svg {
  border-radius: 50%;
  background-color: rgba(106, 189, 70, 0.2);
  padding: 7px;
  width: 30px;
  height: 30px;
}

/*Offers*/
.wow_main_offer_list {
  margin-bottom: 10px;
}
.wow_main_offer_list .panel {
  box-shadow: none;
  border-radius: 20px;
  padding: 20px;
}
.wow_main_offer_list .wo_jlist_headimg {
  margin: 0;
}
.wow_main_offer_list .wo_jlist_headimg img {
  aspect-ratio: 1.4;
  border-radius: 12px;
  width: 100%;
}
.wow_main_offer_list .wo_jlist_info_date {
  text-align: center;
  padding: 15px 0;
}
.wow_main_offer_list .wo_jlist_info_date p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
}
.wow_main_offer_list .wo_jlist_info_date b {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  margin: 0;
}
.wow_main_offer_list .wo_jlist_info {
  position: relative;
  background: transparent;
  padding: 0;
}
.wow_main_offer_list .wo_jlist_info_head {
  margin: 0 11px;
}
.wow_main_offer_list .wo_jlist_info_head .btn {
  margin: 0;
  border-radius: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  padding: 0 20px;
  border: 0;
  line-height: 42px;
}

/*Video Processing*/
.vid_procss_alrt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 6px;
  left: 0;
  z-index: 9;
  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;
}

/*Reply Message*/
.text-sender-container .messagejoint {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 210px);
  background: white;
  border-radius: 10px;
}
.text-sender-container .sendMessages {
  flex-shrink: 0;
}
.wo_reply_msg_bg {
  padding: 5px 7px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  margin-top: 7px;
}
.text-sender-container .message-contnaier.margin-active {
  margin-bottom: 25px;
}
.text-sender-container .incoming .message-model .message .wo_reply_msg_bg {
  background: #ddd;
}
.text-sender-container .outgoing .message-model .message .wo_reply_msg_bg,
.chat-messages-wrapper .outgoing .message-text .wo_reply_msg_bg {
  background: rgb(0 0 0 / 40%);
}
.text-sender-container .message-contnaier .reactions-box {
  top: -30px;
}
.text-sender-container .message-contnaier:first-child .reactions-box {
  top: -10px;
}
.message_reply_text,
.message_reply_story_text,
.chat_reply_text {
  display: flex;
  align-items: center;
  margin: 5px 30px -5px;
  background: #f8f8f8;
  padding: 8px;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
}
.message_reply_text span,
.chat_reply_text span {
  flex: 1;
}
.message_reply_text p,
.chat_reply_text p {
  margin: 0;
}
.message_reply_text svg,
.message_reply_story_text svg,
.chat_reply_text svg {
  margin-left: auto;
}
.chat_reply_text,
.chat-textarea .message_reply_story_text {
  margin: 10px 10px 3px;
  padding: 5px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.chat-messages-wrapper .messages-wrapper:first-child .reactions-box {
  top: -10px;
}
.chat-messages-wrapper .messages-wrapper .reactions-box {
  top: -30px;
  transform: scale(0.8);
  width: 292px;
}
.chat-messages-wrapper .wo_reply_msg_bg .message-text {
  padding: 0;
  background: transparent !important;
}
.chat-messages-wrapper .incoming .message-text .wo_reply_msg_bg {
  background: #cdcdcd;
}
.text-sender-container .message-contnaier .message-seen.message-details {
  text-align: end;
  margin: 3px 0 0;
}
.text-sender-container .message-contnaier .message-seen.message-details:empty {
  margin: 0;
}
.text-sender-container .message-contnaier .message-typing.message-details {
  margin-top: 4px;
}
.text-sender-container
  .message-contnaier
  .message-typing.message-details:empty {
  margin-top: 0;
}
/*Story Reactions*/
.story_reacts_box {
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  white-space: nowrap;
  line-height: 1;
}
.story_reacts_box .reaction {
  float: none;
}
.wo_imagecombo_lbox.story_lightbox
  .wo_story_header
  .wo_stor_h_opts
  .like-emo
  > .how_reacted {
  background: #000;
}

/*Post Gif Sticker*/
.gif_post_comment_innr,
.sticker_post_comment_innr {
  margin-bottom: -10px;
  padding: 10px 0;
}
.gif_post_comment_innr > .form-control {
  border: 0;
  background: rgb(0 0 0 / 8%);
  border-radius: 2em;
}
.gif_post_comment_innr .gif_post_comment_gif,
.sticker_post_comment_innr .chat-box-stickers-cont,
.gif_post_reply_innr .gif_post_comment_gif,
.sticker_post_reply_innr .chat-box-stickers-cont {
  max-height: 250px;
  overflow-y: auto;
  text-align: center;
}
.gif_post_comment_innr .gif_post_comment_gif img,
.gif_post_reply_innr .gif_post_comment_gif img {
  width: 33.3333333%;
  padding: 2px;
  height: 150px;
  cursor: pointer;
}
.sticker_post_comment_innr .chat-box-stickers-cont p {
  margin: 0;
}

/*Chat Stories*/
.wo_chat_story {
  max-width: 120px;
  width: 100%;
  min-width: 120px;
}
.chat-messages-wrapper .outgoing .wo_chat_story {
  margin-left: auto;
}
.wo_chat_story_innr {
  position: relative;
  cursor: pointer;
  padding-bottom: 125%;
  overflow: hidden;
  border-radius: 8px;
}
.wo_chat_story_innr img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: none !important;
}
body .wo_chat_story_innr p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  color: #fff !important;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 7px;
  background: linear-gradient(transparent, rgb(0 0 0 / 50%));
  font-weight: bold;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.messages-container .wo_chat_story {
  max-width: none;
  width: 100%;
  min-width: 160px;
}

/*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 {
  font-size: 18px;
  border-bottom: 1px solid #eaecee;
  padding-bottom: 10px;
  position: relative;
  margin: 0 0 30px;
  font-weight: bold;
}
.ch_checkout_title::after {
  content: "";
  background: currentColor;
  height: 3px;
  width: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ch_checkout_title .badge {
  padding: 5px 11px;
}
.ch_checkout_title select {
  padding: 0;
  border-right: 0;
  border-left: 0;
  border-top: 0;
  background: transparent;
  font-size: 16px;
}
.ch_card {
  box-shadow: none;
  border-radius: 16px;
  padding: 25px;
}
.ch_h4 {
  margin-top: 0;
  font-family: "Poppins";
  padding: 0 20px;
}
.ch_cart .ch_title {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 45px;
  padding-bottom: 15px;
  font-family: "Poppins";
}
.ch_cart .ch_title h4 {
  margin: 0;
  font-weight: bold;
}
.ch_cart .ch_title h4 svg {
  background-color: #f6f6f6;
  border-radius: 6px;
  padding: 6px;
  width: 30px;
  height: 30px;
  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;
  width: 33.3333333333%;
}
.ch_main_items .prod_img {
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
  position: relative;
}
.ch_main_items .prod_img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.ch_main_items .prod_img > div {
  font-size: 14.5px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 7px;
  right: 7px;
  background-color: rgb(0 0 0 / 80%);
  line-height: 25px;
  text-align: center;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 0 6px;
}
.ch_main_items .prod_img > .btn {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: #f39100;
  line-height: 23px;
  text-align: center;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 0 10px;
}
.ch_main_items .prod_info {
  width: 100%;
  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";
}
.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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  cursor: pointer;
}
.ch_qty_toggle input {
  outline: none;
  background-color: transparent !important;
  border: 0;
  margin: 0;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 14.5px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  cursor: pointer;
}
.ch_total_price {
  text-align: end;
  padding: 25px 0 0;
  position: relative;
  font-family: "Poppins";
}
.ch_total_price h4 {
  font-size: 18px;
  margin: 0;
}
.ch_total_price p {
  margin: 0;
  word-break: break-all;
  font-size: 30px;
  font-weight: 600;
}
.ch_total_price .divider {
  margin: 25px 0 !important;
}
.ch_total_price .alert {
  text-align: center;
}
.ch_total_price .alert a {
  color: inherit;
}
.ch_total_price > svg {
  position: absolute;
  bottom: -25px;
  left: -25px;
  transform: scale(-1);
  opacity: 0.3;
  border-radius: 8px;
  pointer-events: none;
}
.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;
  border-radius: 10px;
  font-family: "Poppins";
}
.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: 0.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: 0.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: bold;
}
.ch_summary .btn,
.ch_total_price .btn,
.ch_address .btn {
  border: 0;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  position: relative;
  z-index: 1;
  min-width: 200px;
  line-height: 46px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
}
.ch_address .btn {
  margin-top: 10px;
  display: inline-block;
}
.ch_payment_box.modal.fade .modal-dialog,
.ch_payment_box.modal.fade .modal-footer {
  text-align: center;
}
.ch_payment_head {
  padding: 25px 10px 0;
}
.ch_payment_head svg {
  background-color: rgb(76 175 80 / 15%);
  color: #4caf50;
  padding: 17px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.ch_payment_head h4 {
  font-weight: bold;
  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: 24px;
}
.ch_payment_box.modal.fade .modal-footer {
  padding: 20px 0;
}
.ch_payment_box.modal.fade .modal-footer .btn {
  border: 0;
  width: 45%;
  border-radius: 2em;
  line-height: 43px;
  margin: 0 5px;
  padding: 0 16px;
  font-family: "Roboto", sans-serif;
  font-size: 14.5px;
  font-weight: bold;
}

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

/*Address Book*/
.wo_address_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wo_address_row > .col-lg-4 {
  float: none !important;
}
.address_book {
  padding: 0 0 30px;
  height: 100%;
}
.address_book_innr {
  height: 100%;
  width: 100%;
}
.address_book_innr.wow_content {
  padding: 20px;
}
.add_new_addrs {
  height: 100%;
  border-radius: 10px;
  background-color: rgb(0 0 0 / 5%);
  font-weight: 600;
  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: 0 0 15px;
}
/*.address_box .addrs_name { font-weight: bold; font-size: 19px; color: #222; }*/
.address_box p {
  margin-bottom: 15px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 15px;
}
.address_box p svg {
  width: 25px;
  height: 25px;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 5px;
  margin: 0 6px 0 0;
}
/*.address_box .addrs_phone { font-weight: bold; font-size: 15px; }
.address_box .addrs_street, .address_box .addrs_count { font-size: 15px; }*/
.address_box .addrs_count {
  margin: 0;
}
.address_book_innr .row {
  display: flex;
  margin: 5px -6px 0;
  padding: 0px;
}
.address_book_innr .row .btn {
  border: 0;
  border-radius: 8px;
  padding: 0;
  line-height: 42px;
  margin: 0 6px;
  flex: 1 1 auto;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.address_book_innr .row .btn svg {
  margin: 0;
  width: 22px;
  height: 22px;
}
.address_book_innr .row .btn.btn-default {
  flex: 0 0 auto;
  padding: 0 10px;
  min-width: auto;
}

/*Purchased*/
.my_purchased_content {
}
.my_purchased {
  position: relative;
  margin: 0 0 30px;
  padding: 15px;
  font-family: "Poppins";
}
.my_purchased .title {
  font-weight: bold;
  font-size: 19px;
  color: inherit;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.my_purchased .price {
  margin-bottom: 3px;
}
.my_purchased .price svg {
  margin-top: -4px;
  width: 16px;
  height: 16px;
}
.my_purchased .foot {
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my_purchased .foot .btn {
  border: 0;
  width: 100%;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
}

/*Order Details*/
.wo_order_detail_widget {
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px,
    rgb(0 0 0 / 10%) 0px 2px 4px -2px;
  border-radius: 8px;
  padding: 15px;
}
.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;
}

/*Banned User*/
.wo_banned_user {
  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";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  min-height: calc(100vh - 101px);
  width: 100%;
  max-width: 900px;
  margin: auto;
}
.wo_banned_user img {
  max-width: 300px;
  margin: 0 auto;
  pointer-events: none;
}
.wo_banned_user p {
  margin: 10px 0 0;
  font-size: 16px;
}

/*Withdrawal*/
.wallet_trans_type .badge {
  font-weight: bold;
  border-radius: 3px;
}
.wallet_trans_type .badge.success {
  background-color: rgba(76, 175, 80, 0.1);
  color: #4caf50;
}
.wallet_trans_type .badge.warning {
  background-color: rgba(243, 148, 64, 0.1);
  color: #f39440;
}
.wallet_trans_type .badge.info {
  background-color: rgba(33, 150, 243, 0.1);
  color: #2196f3;
}
.wallet_trans_type .badge.danger {
  background-color: rgba(244, 67, 54, 0.1);
  color: #f44336;
}
.withdraw_hdr_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.withdraw_hdr_title .btn {
  box-shadow: none;
  padding: 0;
}
.withdraw_hdr_title .btn svg {
  margin-top: -2px;
}
.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;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  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;
}

/*StorePost Buttons*/
.wo_store_post_btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 15px 0;
}
.wo_store_post_btns .btn {
  flex: 0 0 auto;
  border-radius: 2em;
  font-size: 14.5px;
  padding: 0 20px;
  margin: 5px 0;
}
.wo_store_post_btns .btn-main {
  flex: 1 1 auto;
}
.wo_store_post_btns p {
  margin: 0;
}

/*Market*/
.new_market.wow_main_float_head:not(.searchs):not(.blogs) {
  background-image: url(../img/market.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.new_market.wow_main_float_head:after {
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 60"><path fill="%23f0f2f5" d="M1920,60H0V0S387,59,960,59,1920,0,1920,0Z"/></svg>')
    no-repeat center/100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 3.125%;
}
.new_market.wow_main_float_head .container {
  padding: 50px 15px 75px;
}
.wo_market_head_filter,
.wo_job_head_filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -85px 0 30px;
  padding: 0 7px;
  border-radius: 8px;
  font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
}
.wo_market_head_filter > .market_widget,
.wo_job_head_filter > .wo_job_main_widget {
  margin: 14px 7px;
  flex: 1 1 auto;
}
.wo_market_head_filter > .market_widget .m_widget_head,
.wo_job_head_filter > .wo_job_main_widget .m_widget_head {
  margin: 0;
  font-weight: bold;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0 16px;
  line-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wo_market_head_filter > .market_widget .dropdown-menu,
.wo_job_head_filter > .wo_job_main_widget .dropdown-menu {
  padding: 10px;
  min-width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background-clip: border-box;
}
.wo_market_head_filter > .btn,
.wo_job_head_filter > .btn {
  flex: 1 1 auto;
  margin: 14px 7px;
  line-height: 40px;
}
.wo_market_head_filter > .btn-danger {
  background-color: #ab4548;
}
.wo_market_head_filter input.cusrange[type="range"]::-webkit-slider-thumb {
  background-color: #ab4548;
}
.wo_market_head_filter input.cusrange[type="range"]::-moz-range-thumb {
  background-color: #ab4548;
}
.wo_market_head_filter input.cusrange[type="range"]::-ms-thumb {
  background-color: #ab4548;
}

/*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: 0 10px 10px;
}
.wo_post_prod_full > .wow_content {
  margin-top: 30px;
}
.wo_post_prod_full_img img {
  border: 0;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 10px;
}
.wo_post_prod_full_img_prnt {
  position: relative;
}
.type_market_full {
  position: absolute;
  z-index: 1;
  margin: 13px;
  border-radius: 10px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  padding: 0 11px;
}
.type_market_full svg {
  margin-top: -2px;
}
.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-nav-selected img {
  /*box-shadow: 0 0 0 2px #4a4a4a;*/
}
.wo_post_prod_full_name {
  word-wrap: break-word;
  line-height: 35px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
}
.wo_post_prod_full_price {
  font-size: 32px;
  word-wrap: break-word;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.wo_post_prod_full_stars {
  margin: 10px 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.wo_post_prod_full_stars .pr_stars {
  line-height: 1;
  display: inline-flex;
  vertical-align: middle;
  margin: -3px 0 0;
  background: rgb(0 0 0 / 7%);
  border-radius: 2em;
  padding: 4px 8px 5px;
}
.wo_post_prod_full_stars .pr_stars .star {
  margin: 0 1px;
}
.wo_post_prod_full_user {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.wo_post_prod_full_user .avatar {
  margin: 0;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
.wo_post_prod_full_user .avatar img {
  border-radius: 50%;
}
.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;
  display: none;
}
.wo_post_prod_full_user h5 a {
  color: inherit;
  display: inline-block;
  line-height: 24px;
}
.wo_post_prod_full_btns {
  margin: 30px 0 15px;
}
.wo_post_prod_full_btns .btn {
  border-radius: 8px;
  line-height: 51px;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.wo_post_prod_full_btns .btn.btn-default {
  background: #fff;
  padding: 0 13.5px;
  min-width: auto;
}
.wo_post_prod_full_btns .btn svg {
  width: 24px;
  height: 24px;
  margin: -2px 0 0;
}
.wo_post_prod_full_info {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
}
.wo_post_prod_full_info li {
  margin: 10px 0 0;
}
.wo_post_prod_full_info li > span {
  display: inline-flex;
  font-size: 15px;
  align-items: center;
  vertical-align: middle;
}
.wo_post_prod_full_info li > span svg {
  width: 20px;
  height: auto;
}
.wo_post_prod_full_info li > span:first-child {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.wo_post_prod_full_info li > span:last-child {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.wo_post_prod_full hr {
  margin: 20px 0 !important;
}
.wo_post_prod_full > p {
  margin: 0;
  font-size: 15px;
  line-height: 26px;
}

.full_market_info {
  margin-top: 5px;
}
.full_market_info .wo_page_hdng_innr.big_size,
.wo_post_prod_full_related_prnt .wo_page_hdng_innr.big_size {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
}
.full_market_info p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.wo_post_prod_full_related_prnt {
  padding: 20px 0 1px;
}
.wo_post_prod_full_related_prnt .wo_page_hdng {
  margin: -15px 0 15px;
}
.wo_post_prod_full_related_prnt .wo_page_hdng_innr.big_size {
  justify-content: center;
  font-weight: 600;
}
.wo_post_prod_full_related {
  transition: all 0.2s;
  overflow: hidden;
}
.wo_post_prod_full_related .img {
  display: block;
}
.wo_post_prod_full_related .img img {
  aspect-ratio: 0.8;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.wo_post_prod_full_related .info {
  padding: 10px 0 0;
  text-align: center;
}
.wo_post_prod_full_related .info .title {
  margin: 0 0 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
}
.wo_post_prod_full_related .info .title a {
  color: inherit;
}
.wo_post_prod_full_related .info > div {
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wo_post_prod_full_related .info > div svg {
  margin-top: -3px;
}
.wo_post_prod_full_related .info > div.product-price {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}
.wo_post_prod_full_related .info > div.product-price svg,
.wo_post_prod_full_related .info > div.product-by {
  display: none;
}

.market_related_slide {
  padding: 0 40px;
}
.market_related_slide .flickity-prev-next-button {
  width: 32px;
  height: 32px;
  background: #262d34;
  color: #fff;
  line-height: 1;
}
.market_related_slide .flickity-prev-next-button svg {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: -1px 0 0;
}
.market_related_slide .flickity-prev-next-button.previous {
  left: 0;
}
.market_related_slide .flickity-prev-next-button.next {
  right: 0;
}

@media (min-width: 992px) {
  .market_prod_images {
    display: flex;
  }
  .wo_post_prod_full_img_slider_prnt,
  .wo_post_prod_full_img_prnt {
    position: relative;
    width: 100%;
    min-height: 1px;
  }
  .wo_post_prod_full_img_slider_prnt {
    flex: 0 0 125px;
    max-width: 125px;
    margin: -8px 0;
  }
  .wo_post_prod_full_img_slider {
    transform: rotate(90deg) translate(0px, -100%);
    transform-origin: left top;
    width: 460px;
    margin: 0;
  }
  .wo_post_prod_full_img_slider img {
    width: 135px;
    border-radius: 8px;
    margin: 0 8px;
    height: 105px;
    object-fit: cover;
  }
  .wo_post_prod_full_img img {
    height: 442px;
  }
  .wo_post_prod_full_related_prnt .col-md-3 {
    width: 20%;
  }
}

/*Jobs*/
.new_jobs.wow_main_float_head {
  background-image: url(../img/job.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.new_jobs.wow_main_float_head:after {
  content: "";
  display: block;
  position: absolute;
  left: -40px;
  right: -40px;
  height: 190px;
  background-color: #f0f2f5;
  transform: rotate(-1.2deg);
  bottom: -160px;
}
.new_jobs.wow_main_float_head .container,
.new_market.wow_main_float_head .container {
  padding: 50px 15px 105px;
}
.new_jobs.wow_main_float_head svg,
.new_market.wow_main_float_head svg {
  display: none;
  margin: 0 0 5px;
  background-color: #fff;
  border-radius: 50%;
  color: #4fb1ea;
  padding: 10px;
  height: auto;
  width: 50px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
.new_jobs.wow_main_float_head h1,
.new_market.wow_main_float_head h1 {
  text-align: inherit;
  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: 40px;
}
.new_jobs.wow_main_float_head p,
.new_market.wow_main_float_head p {
  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: 21px;
}
.wo_job_head_filter {
  margin: -100px 0 30px;
  position: relative;
  z-index: 1;
}
.wo_job_head_filter .search-blog {
  width: 100%;
  padding: 14px 7px 0;
}
.wo_job_head_filter .search-blog input {
  border: 0;
  border-radius: 8px;
  padding: 0 16px;
  line-height: 38px;
  background-color: #ededed;
  width: 100%;
  outline: 0;
}
.wo_job_head_filter .btn-info {
  background-color: #32ace7;
}

.wo_job_head_filter.business {
  flex-direction: column;
  align-items: normal;
  padding: 0 15px;
}
.wo_job_head_filter.business .search-blog {
  padding: 15px 0;
}

/*Movies*/
.new_movies.wow_main_float_head {
  background-image: url(../img/movies.png);
}
.new_movies.wow_main_float_head .container {
  padding-bottom: 120px;
}

/*Comment footer*/
.wo_feed_post_comments {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wo_feed_post_comments > div,
.wo_feed_post_comments .comment-btn-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
}
#wo_comment_combo .comment_combo_footer .emo-comment,
#wo_comment_combo .comment_combo_footer .image-comment {
  color: inherit;
  display: flex;
}
#wo_comment_combo
  .comment_combo_footer
  .wo_feed_post_comments
  .btn:not(.btn-main) {
  border: 0;
  padding: 0;
  box-shadow: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 0 2px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wo_comment_combo
  .comment_combo_footer
  .wo_feed_post_comments
  .btn:not(.btn-main)
  svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: 0.7;
}
#wo_comment_combo
  .comment_combo_footer
  .wo_feed_post_comments
  .btn:not(.btn-main)
  svg:hover {
  opacity: 0.5;
}
#wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn.sendbtn {
  background-color: antiquewhite;
  color: #a84849;
}
#wo_comment_combo
  .comment_combo_footer
  .wo_feed_post_comments
  .btn.sendbtn
  svg {
  opacity: 1 !important;
  margin: 0 0 0 -2px;
}
.post .comment_combo_footer .wo_feed_post_comments .btn-main {
  padding: 2px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  background-color: darkorchid;
  border: 0;
}
.post .comment_combo_footer .wo_feed_post_comments .btn-main svg {
  margin: -1px 0 0;
  width: 16px;
  height: 16px;
}
.wo_feed_post_comments .charsLeft-post {
  margin: 0 !important;
  font-weight: normal;
}

/*Wallet Header*/
.wo_new_wallet {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 40px 10px;
}
.wo_new_wallet > svg {
  position: absolute;
  width: 100%;
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
}
.wo_new_wallet .wow_mini_wallets {
  align-items: center;
  padding-bottom: 7px;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.wo_new_wallet .wow_mini_wallets p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.wo_new_wallet .wow_mini_wallets h5 {
  font-size: 30px;
  margin-bottom: 20px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
}
.wo_new_wallet .wow_mini_wallets_btns {
  margin: 0 !important;
}
.wo_new_wallet .wow_mini_wallets_btns .btn {
  line-height: 42px;
  border-radius: 10px;
  font-family: "Poppins";
  transition: all 0.2s;
}
.wo_new_wallet .wow_mini_wallets_btns .btn:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
}

/*Online Users*/
.wow_side_online {
  padding: 18px;
  display: flex;
  align-items: center;
  background: #fdf4ea;
  border-radius: 10px;
  margin: 15px 15px 0;
  color: #222;
}
.wow_side_online p {
  margin: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}

/*Page Button*/
.wo_page_profile .options-buttons .btn.btn-default {
  background: #ebeef0;
}
.wo_page_profile .options-buttons .btn.btn-info {
  background: rgb(33 150 243 / 15%);
  color: #2196f3;
  background: #fff;
}
.wo_page_profile .options-buttons .btn.btn-success {
  background: rgb(76 175 80 / 20%);
  color: #4caf50;
  background: #fff;
}

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

/*Publisher Box*/
.wo_pub_txtara_combo {
  padding: 20px 20px 15px;
}
.publisher-box textarea.postText {
  padding: 9px;
  line-height: 1.628571;
  height: 42px;
  min-height: 42px;
  background: #f5f5f5;
  border-radius: 6px;
  color: inherit !important;
  margin: 0 20px;
}
body:not(.pub-focus) .publisher-box textarea.postText {
  height: 42px !important;
}
body.pub-focus .publisher-box textarea.postText {
  margin: 0 0 0 20px;
  padding: 9px 40px 9px 9px;
}
.wo_pub_txtara_combo .btn {
  display: none;
  border-radius: 6px;
  line-height: 42px;
  font-family: "Roboto";
  font-weight: 500;
  padding: 0 20px;
  text-transform: capitalize;
}
.wo_pub_txtara_combo {
  display: flex;
}
body:not(.pub-focus) .wo_pub_txtara_combo {
  align-items: center;
}
.wo_pub_txtara_combo .post-avatar {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}
body:not(.pub-focus) .wo_pub_txtara_combo .btn {
  display: inline-block;
}
body:not(.pub-focus) .wo_pub_txtara_combo .dropdown {
  display: none;
}
.sun_pub_box {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  border: 0;
}
.sun_pub_box.panel {
  box-shadow: none;
  border-radius: 16px;
  z-index: 10;
  position: relative;
}
.sun_pub_box #image-holder .wow_prod_imgs {
  margin: 0;
  display: inline-flex;
  vertical-align: middle;
}
.sun_pub_name {
  margin: 0 0 10px 50px;
  padding-top: 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.pub-focus .sun_pub_name {
  display: none;
}
.sun_pub_name span {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  color: #444;
}
.sun_pub_mid_foot {
  margin: 0 7px;
  padding: 8px 3px 20px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
}
.sun_pub_mid_foot .poster-left-buttons {
  margin-right: 7px;
  display: flex; /*max-width: calc((493.5px - 75px) / 3);*/
  flex: 1 auto;
  position: relative;
}
body.pub-focus .sun_pub_mid_foot .poster-left-buttons {
  flex: 0 0 auto;
}
.sun_pub_mid_foot .poster-left-buttons:last-child {
  margin: 0;
}
.sun_pub_mid_foot .poster-left-buttons .btn {
  padding: 0 6px;
  border-radius: 2em;
  transition: all 0.15s;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 42px;
  background: #f3f3f3;
  width: 100%;
  border: 0;
  text-transform: lowercase;
}
body.pub-focus .sun_pub_mid_foot .poster-left-buttons .btn {
  padding: 0 28px;
}
.sun_pub_mid_foot .poster-left-buttons .btn:hover {
  color: #222;
}
.sun_pub_mid_foot .poster-left-buttons .btn svg {
  width: 20px;
  height: 20px;
  margin-right: 1px;
  margin-top: -1px;
}
.sun_pub_mid_foot .poster-left-buttons .btn img {
  width: 20px;
  height: 20px;
  margin-right: 1px;
  margin-top: -1px;
  border-radius: 3px;
  object-fit: cover;
}

.sun_pub_mid_foot .poster-left-buttons .btn,
.publisher-box .publisher-box-footer .poster-left-buttons .btn {
  background: transparent;
}
.sun_pub_mid_foot .poster-left-buttons .btn:hover,
.publisher-box .publisher-box-footer .poster-left-buttons .btn:hover {
  background: #f5f5f5;
}

.pub-focus .sun_pub_mid_foot .poster-left-buttons {
  margin: 0;
}
.pub-focus .sun_pub_mid_foot .poster-left-buttons .btn {
  width: 100%;
  margin: 0 5px;
}
.pub-focus .sun_pub_mid_foot .poster-left-buttons .btn.mor {
  display: none;
}
.sun_pub_more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 5px 17px;
  margin: -17px 0 0;
  justify-content: center;
}
.sun_pub_more_items {
  margin: 8px 0;
}
.sun_pub_more_items .btn > span {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3 !important;
}
.sun_pub_more_items .btn > span img {
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
}
.sun_pub_more_items .btn svg {
  width: 22px;
  height: 22px;
}
.sun_pub_more_items .btn.gif span svg {
  width: 26px;
  height: 26px;
}
.sun_pub_more_items .btn.gif span {
  background-color: rgba(157, 135, 210, 0.15);
}
.sun_pub_more_items .btn.rec span {
  background-color: rgba(255, 58, 85, 0.15);
}
.sun_pub_more_items .btn.fel span {
  background-color: rgba(255, 202, 43, 0.15);
}
.sun_pub_more_items .btn.fil span {
  background-color: rgba(77, 179, 246, 0.15);
}
.sun_pub_more_items .btn.sel span {
  background-color: rgba(240, 119, 41, 0.15);
}
.sun_pub_more_items .btn.loc span {
  background-color: rgba(76, 175, 80, 0.15);
}
.sun_pub_more_items .btn.aud span {
  background-color: rgba(63, 81, 181, 0.15);
}
.sun_pub_privacy {
  margin: 4px 0px;
  position: relative;
}
.sun_pub_privacy_dropdown {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  color: #4b4f56;
  border-radius: 6px;
  cursor: pointer;
  padding: 14px 15px;
  line-height: 1;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.sun_pub_privacy_dropdown > svg {
  width: 15px;
  height: 15px;
  margin-left: 3px;
}
.sun_pub_privacy_dropdown > p {
  margin: 0;
}
.sun_pub_privacy_dropdown > p svg {
  width: 17px;
  height: 17px;
  margin-top: -2px;
}
.sun_pub_privacy_menu {
  padding: 20px;
  margin: 0;
  background-color: white;
  position: absolute;
  min-width: 200px;
  z-index: 9;
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
  transform: scale3d(0.8, 0.8, 1);
  transform-origin: left top;
  display: block;
  opacity: 0;
  visibility: hidden;
  top: 0;
}
.sun_pub_privacy_menu > p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  margin: 0 0 8px;
}
.sun_pub_privacy_menu li label {
  margin: 0;
  display: block;
  font-family: "Poppins";
  font-size: 14px;
  cursor: pointer;
}
.sun_pub_privacy_menu li label span svg {
  display: none;
}
.sun_pub_privacy_menu li label input[type="radio"]:not(:checked),
.sun_pub_privacy_menu li label input[type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sun_pub_privacy_menu li label input[type="radio"] + span {
  position: relative;
  display: block;
  padding: 6px 10px;
  user-select: none;
  transition: all 0.15s;
  border-radius: 6px;
}
.sun_pub_privacy_menu li:hover label span {
  background: #eee;
}
.sun_pub_privacy_menu li label input[type="radio"]:checked + span {
  background: #4d91ea;
  color: #fff;
}
.sun_pub_privacy.showMenu .sun_pub_privacy_menu {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transform: scale3d(1, 1, 1);
  opacity: 1;
  visibility: visible;
}

/*Apps*/
.wo_side_apps {
  padding: 0px 9px 5px;
}
.wo_side_apps p {
  font-weight: bold;
  margin: 10px 2px 5px;
}
.wo_side_apps a {
  margin: 0 2px;
  width: calc(50% - 6px);
}
.wo_side_apps a img {
  width: calc(100% + 2px);
  height: 38px;
  border-radius: 8px;
  margin: -1px;
}

/*Forum Post*/
.wo_post_fetch_forum a {
  display: flex;
  padding: 10px;
}
.wo_post_fetch_forum a.center {
  align-items: center;
}
.wo_post_fetch_forum a > svg {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
}
.wo_post_fetch_forum .fetched-url-text {
  margin: 0;
  padding: 0;
}
.wo_post_fetch_forum .fetched-url-text h4 {
  margin: 0;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.wo_post_fetch_forum .fetched-url-text .description {
  margin: 0;
}

/*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;
}
.yandex_search_product {
  left: 15px;
  right: 15px;
  top: calc(100% - 15px);
}

/*Calling Modal*/
.wow_mat_mdl .modal-content.wo_calling_modals {
  border-radius: 10px;
}
.wo_calling_modals,
.wo_calling_modals .modal-header .modal-title {
  color: #fff;
}
.wo_calling_modals > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  pointer-events: none;
}
.wo_calling_modals:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  pointer-events: none;
  background-color: rgb(0 0 0 / 40%);
  backdrop-filter: blur(10px);
}
.wo_calling_modals.video:after {
  background-color: rgb(0 0 0 / 60%);
}
.wo_calling_modals .modal-header,
.wo_calling_modals .modal-body,
.wo_calling_modals .modal-footer {
  position: relative;
  z-index: 1;
}
.wo_calling_modals .avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 30px;
}
.wo_calling_modals .avatar svg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #4caf50;
  color: white;
  padding: 6px;
  margin: 0 -10px;
  z-index: 1;
  border: 4px solid;
}
.wo_calling_modals .avatar img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.wo_calling_modals .modal-footer {
  text-align: center;
  padding: 40px 0 0;
  background: transparent !important;
  border: 0;
}
.wo_calling_modals .modal-footer .btn {
  background-color: rgb(255 255 255 / 30%);
  color: white;
}

/*Affiliates*/
.wow_affs_main .user_affs {
  display: block;
  width: 280px;
  height: 280px;
  margin: 0 auto 20px;
  pointer-events: none;
}
.wow_affs_main h3.user_affs_title {
  font-weight: bold;
  line-height: normal;
}
.wo_affiliate_bottom .wow_form_fields {
  margin-bottom: 10px;
}
.wo_affiliate_bottom .wow_form_fields label {
  font-size: 17px;
  font-weight: normal;
  margin: 0;
  line-height: normal;
}
.wo_affiliate_bottom .wow_form_fields.aff_link {
  border-radius: 10px;
  background: #f5f5f5;
  padding: 0 18px;
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  margin: 0;
}
.wo_affiliate_bottom .wow_form_fields.aff_link svg {
  margin-right: 5px;
}
.wo_affiliate_bottom .wow_form_fields.aff_link input {
  padding: 0;
  border-radius: 0;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  height: 49px;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 14px;
}
.wo_affiliate_bottom .wow_form_fields.social {
  border-radius: 10px;
  background: #f5f5f5;
  padding: 9px 18px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0;
}
.wo_affiliate_bottom .wow_form_fields.social a {
  margin: 5px;
  color: #222;
}
.wo_affiliate_bottom .wow_form_fields.social a svg {
  width: 20px;
  height: 20px;
  margin: -2px 0 0;
}

/*Chat Products*/
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product,
.message-contnaier .wo_msg_prod_prnt .wo_market .market_bottom .product {
  height: auto;
  max-width: 170px;
  min-width: 170px;
}
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product_info,
.message-contnaier
  .wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  .product_info {
  border-radius: 15px;
  padding: 0;
}
.chat-messages-wrapper .message.wo_msg_prod_prnt .product-image,
.message-contnaier .wo_msg_prod_prnt .product-image {
  width: 100%;
  margin: 0;
}
.chat-messages-wrapper
  .message.wo_msg_prod_prnt
  .wo_market
  .market_bottom
  .product
  img,
.message-contnaier .wo_msg_prod_prnt .wo_market .market_bottom .product img {
  max-height: 170px !important;
}
.chat-messages-wrapper .message.wo_msg_prod_prnt .produc_info,
.message-contnaier .wo_msg_prod_prnt .produc_info {
  padding: 10px;
  font-family: "Poppins";
}
.chat-messages-wrapper .message.wo_msg_prod_prnt .product-title,
.message-contnaier .wo_msg_prod_prnt .product-title {
  font-weight: 500;
  font-size: 16px;
}
.chat-messages-wrapper .message.wo_msg_prod_prnt .product-by,
.message-contnaier .wo_msg_prod_prnt .product-by {
  font-size: 13px;
}
.chat-messages-wrapper .message.wo_msg_prod_prnt .product-price,
.message-contnaier .wo_msg_prod_prnt .product-price {
  letter-spacing: 0;
  margin: 10px 0 0;
  font-size: 14px;
}

/*Audio Player*/
body .green-audio-player {
  box-shadow: none;
  border-radius: 15px;
  background: #fff8f9;
  height: 60px;
  border: 1px solid #ffeaed;
}
body .comments-list .green-audio-player {
  min-width: auto;
}
body .message .green-audio-player {
  margin: -4px;
  border-radius: 8px;
  width: calc(100% + 8px);
}
body .chat-messages-wrapper .message .green-audio-player {
  margin: 0;
  border-radius: 12px;
  border: 0;
  min-width: auto;
  width: 100%;
}
.green-audio-player .slider {
  background: #fcdbe0 !important;
}
.green-audio-player .controls span {
  color: #999;
  font-size: 15px;
}
body .green-audio-player svg,
body .green-audio-player img {
  width: 15px;
  height: 15px;
  outline: 0;
}
body .green-audio-player .holder .play-pause-btn {
  background: #a52729;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .green-audio-player .holder .play-pause-btn svg path {
  fill: currentColor;
}

/*User Not Activated*/
.user_not_active {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  margin: 30px 0;
  padding: 15px;
}
.user_not_active svg {
  width: 150px;
  height: 150px;
  margin: 40px auto 0;
  display: block;
}
.user_not_active h2 {
  font-size: 27px;
  margin: 30px 10px;
  text-align: center;
}
.user_not_active .btn {
  margin-bottom: 50px;
  margin-top: 40px;
}
.user_not_active .wow_form_fields input {
  text-align: initial;
}

/*Banned Profile User*/
.wo_profile_banned_user {
  display: flex;
  align-items: center;
  padding: 20px;
}
.wo_profile_banned_user img {
  max-width: 130px;
}
.wo_profile_banned_user p {
  font-size: 23px;
}

/*Popular Posts Header*/
.popular_posts_hdr {
  padding: 35px 25px;
  position: relative;
  overflow: hidden;
}
.popular_posts_hdr.empty {
  padding-top: 15px;
  padding-bottom: 15px;
}
.popular_posts_hdr.empty.sides {
  padding-left: 0;
  padding-right: 0;
}
.popular_posts_hdr.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.popular_posts_hdr > .bg_trail {
  position: absolute;
  width: 75px;
  top: 50%;
  pointer-events: none;
  right: 0;
  margin: 0 13px;
  transform: translateY(-50%);
  display: none;
}
.popular_posts_hdr.movie > .bg_trail {
  width: 65px;
}
.popular_posts_hdr > .icon {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 10px;
  position: relative;
}
.popular_posts_hdr > h2 {
  color: #111111;
  margin: 0;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 25px;
  flex: 0 0 auto;
}
.popular_posts_hdr > h2 svg {
  width: 45px;
  height: 45px;
  background: #f6f6f6;
  border-radius: 6px;
  padding: 9px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 20px;
}
.popular_posts_hdr > h2.flex {
  display: flex;
  align-items: center;
}
.popular_posts_hdr > h2.flex svg {
  /*flex: 0 0 auto;margin: 0;*/
}
.popular_posts_hdr > h2.flex p {
  margin: 0;
}
.popular_posts_hdr > h2.flex b {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin: 2px 0 0;
  display: block;
}
.popular_posts_hdr .btnss {
  flex: 0 0 auto;
}
.popular_posts_hdr .btnss .btn {
  border-radius: 6px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 43px;
  margin-left: 10px;
}

/*Page Admin List*/
.page_admin_list {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 15px;
  margin-top: 75px !important;
  font-family: "Roboto", sans-serif;
}
.page_admin_list .avatar {
  margin: -60px auto 0;
  width: 100px;
  height: 100px;
}
.page_admin_list .avatar img {
  border: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.page_admin_list h6 {
  text-align: center;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  margin: 12px 0 5px;
}
.page_admin_list h6 a {
  color: inherit;
}
.page_admin_list .page-website {
  text-align: center;
  font-size: 13px;
}
.page_admin_list .foot {
  margin: 15px -3px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_admin_list .foot .btn {
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin: 0 3px;
  height: auto !important;
  min-width: calc(50% - 6px) !important;
}

/*Memories Head*/
.memories_hdr {
  font-family: "Roboto", sans-serif;
  padding: 15px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.memories_hdr .grad {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(rgb(255 94 39 / 30%), transparent);
  height: 120px;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}
.memories_hdr .grad svg {
  width: 50px;
  height: auto;
  opacity: 0.5;
}
.memories_hdr img {
  width: 100%;
  max-width: 150px;
  position: relative;
  z-index: 1;
  mix-blend-mode: multiply;
}
.memories_hdr p {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  margin: 40px 0 10px;
}
.memories_hdr h2 {
  margin: 0;
  font-weight: 100;
  font-size: 26px;
  line-height: normal;
}

/*Affiliate*/
.wo_aff_sett {
  background-color: #fdd25b;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 25px;
  margin-top: 20px;
}
.wo_aff_sett h4 {
  margin: 5px 0 25px;
  font-weight: 600;
  font-size: 25px;
  line-height: normal;
  width: 100%;
  max-width: 350px;
}
.wo_aff_sett img {
  width: 100%;
  max-height: 180px;
  opacity: 0.8;
}
.wo_aff_sett .wo_affiliate_bottom .wow_form_fields {
  margin: 0 0 5px;
}
.wo_aff_sett .wo_affiliate_bottom .wow_form_fields.aff_link {
  margin: 0;
  padding: 0 12px;
  background: rgb(0 0 0 / 10%);
}
.wow_aff_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wow_aff_main h4 {
  margin: 25px 0;
  line-height: normal;
  width: 100%;
  max-width: 350px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
}
.wow_aff_main img {
  max-height: 220px;
}

/*Post Options*/
.post .post-privacy-menu {
  max-width: 300px;
  min-width: 300px;
  padding: 8px !important;
}
.wo_user_profile .options-buttons .dropdown .detail,
.post_order_feed {
  max-width: 280px;
  min-width: 280px;
  padding: 8px !important;
}
.post .post-privacy-menu.priv {
  min-width: 250px;
  right: auto;
  left: auto;
}
.post .post-privacy-menu > li > div,
.post .post-privacy-menu > li > a,
.wo_user_profile .options-buttons .dropdown .detail > li > div,
.wo_user_profile .options-buttons .dropdown .detail > li > a,
.post_order_feed > li > a {
  display: flex;
  align-items: center;
  line-height: normal;
  padding: 8px 14px !important;
  white-space: normal;
  border-radius: 8px;
}
.post .post-privacy-menu > li > div > div,
.post .post-privacy-menu > li > a > div,
.wo_user_profile .options-buttons .dropdown .detail > li > div > div,
.wo_user_profile .options-buttons .dropdown .detail > li > a > div,
.post_order_feed > li > a > div {
  padding: 0 !important;
  line-height: normal;
}
.post .post-privacy-menu > li > div svg,
.post .post-privacy-menu > li > a svg,
.post .post-privacy-menu > li > div svg.feather,
.post .post-privacy-menu > li > a svg.feather,
.wo_user_profile .options-buttons .dropdown .detail > li > div svg,
.wo_user_profile .options-buttons .dropdown .detail > li > a svg,
.post_order_feed > li > a svg {
  margin: 0 0 0 0;
  height: 30px !important;
  width: 30px !important;
  /*background: #f6f6f6;*/
  border-radius: 6px;
  padding: 5px;
  flex: 0 0 auto;
  color: #262626;
}
.post .post-privacy-menu > li > div b,
.post .post-privacy-menu > li > a b,
.wo_user_profile .options-buttons .dropdown .detail > li > div b,
.wo_user_profile .options-buttons .dropdown .detail > li > a b,
.post_order_feed > li > a b {
  margin: 0;
  color: initial;
  display: block;
  font-size: 15px;
  word-break: break-word;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
}
.post .post-privacy-menu > li > div p,
.post .post-privacy-menu > li > a p,
.wo_user_profile .options-buttons .dropdown .detail > li > div p,
.wo_user_profile .options-buttons .dropdown .detail > li > a p,
.post_order_feed > li > a p {
  margin: 2px 0 0;
  font-size: 12px;
  word-break: break-word;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
.post_order_feed > li.active > a svg {
  color: currentColor;
}

/*Notification Settings*/
.wo_nots_hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 30px;
}
.wo_nots_hdr h5 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  margin: 15px 0;
}
.wo_nots_hdr .text-center > .btn-mat {
  margin: 0 !important;
}
.wo_sett_noti .round-check input + label {
  font-weight: 500;
  font-family: "Poppins";
  width: 100%;
  display: block;
  margin: 0 -6px;
  padding: 0;
  opacity: 0.6;
}
.wo_sett_noti .round-check input:checked + label {
  opacity: 1;
}
.wo_sett_noti .round-check input + label svg {
  width: 32px;
  background-color: rgb(0 0 0 / 10%);
  padding: 7px;
  border-radius: 8px;
  margin: -1px 5px 0 0;
  display: none;
}
.wo_sett_noti .round-check input + label:after,
.wo_sett_noti .round-check input + label:before {
  left: auto;
  right: 0;
  top: 1px;
  width: 20px;
  height: 20px;
}
.wo_sett_noti .round-check input + label:before {
  border: 0;
  border-radius: 50%;
  background: #bababa;
}
.wo_sett_noti .round-check input + label:after {
  right: 5px;
  top: 7px;
  height: 5px;
  width: 10px;
}

/*Refund Button*/
.btn-refund {
  color: #fff !important;
  background: rgb(255 255 255 / 29%);
}

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

/*Post Pro icon*/
.wo_post_pro_ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2em;
  font-size: 12px;
  min-width: 18px;
  min-height: 18px;
  color: #fff;
  font-weight: 500;
  font-family: "Poppins";
  padding: 1px 7px;
  gap: 3px;
  vertical-align: middle;
  margin-top: -4px;
}
.wo_post_pro_ico i {
  color: #fff;
}

@media (min-width: 1364px) {
  .post .post-heading .meta .title {
    /* display: inline-flex; */
    display: inline !important;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }
  .wo_post_pro_ico {
    margin-top: 0;
  }
}

/*Tooltip*/
.tooltip-arrow {
  display: none;
}
.tooltip-inner {
  border: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px,
    rgb(0 0 0 / 10%) 0px 4px 6px -4px;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  padding: 6px 14px;
  white-space: nowrap;
}

/*Jelly Loading*/
.wo_loading_jelly,
.wo_loading_jelly > div {
  position: relative;
}
.wo_loading_jelly {
  display: block;
  font-size: 0;
  color: #777;
  width: 60px;
  height: 60px;
  margin: 120px auto;
}
.wo_loading_jelly > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.wo_loading_jelly > div:nth-child(1),
.wo_loading_jelly > div:nth-child(2) {
  position: absolute;
  left: 0;
  width: 100%;
}
.wo_loading_jelly > div:nth-child(1) {
  top: -25%;
  z-index: 1;
  height: 100%;
  border-radius: 10%;
  animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
}
.wo_loading_jelly > div:nth-child(2) {
  bottom: -9%;
  height: 10%;
  background: #000;
  border-radius: 50%;
  opacity: 0.2;
  animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
}
@keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    transform: translateY(50%) scale(1, 0.9) rotate(45deg);
  }
  75% {
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes square-jelly-box-shadow {
  50% {
    transform: scale(1.25, 1);
  }
}

/*Startup*/
.wow_creads_minstp.start_up {
  padding: 22px 15px 0px;
  flex: 0 0 auto;
  min-width: 370px;
}
.step-one-active.wow_creads_minstp.start_up .line .line_sec {
  width: 0;
}
.wow_creads_minstp.start_up .line .dot.one {
  left: 0;
}
.wow_creads_minstp.start_up .line .dot.three {
  right: 0;
  transform: translate(0, -50%);
  left: auto;
}
.wow_creads_minstp.start_up .line .dot {
  border-radius: 7px;
  background: #f2f2f2;
}
.wow_creads_minstp.start_up .line .dot svg {
  margin: 6px 0;
  width: 20px;
  height: 20px;
}
.wow_creads_minstp.start_up .steps {
  margin-top: 25px;
}
.wow_creads_minstp.start_up .steps > div.step-one {
  left: 0;
}
.wow_creads_minstp.start_up .steps > div.step-three {
  right: 0;
}

/*Profile Pic Hover*/
.wo_profile_pic_hover {
  top: 0;
  border-radius: 50%;
}
.wo_profile_pic_hover .profile_avatar {
  background: rgb(0 0 0 / 20%);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: self-end;
  justify-content: space-around;
  padding: 0 5px;
}
.wo_profile_pic_hover .profile_avatar .btn-file {
  border: 0;
  background: rgba(242, 242, 242, 0.83);
  border-radius: 8px;
  line-height: 1;
  padding: 5px;
  margin-top: 40px;
  /* display: none !important; */
}
 .wo_profile_pic_hover .profile_avatar .btn-file:hover {
  background: #fff;
}
.wo_profile_pic_hover .profile_avatar .btn-file svg {
  margin: 0;
  width: 20px;
  height: 20px;
} 

/*Language Select*/
.lang_select_modal .modal-content {
  padding: 0;
  overflow: hidden;
}
.lang_select_modal .modal-body {
  margin: 0;
  padding: 0 15px;
  overflow: hidden;
  overflow-y: auto;
}
.lang_select_modal .row {
  display: flex;
  flex-wrap: wrap;
}
.lang_select_modal .row .col-md-4,
.lang_select_modal .row .col-md-8 {
  float: none;
}
.lang_select_modal .language_info {
  height: 100%;
  position: relative;
  padding: 30px;
  background: linear-gradient(90deg, #4caf50, transparent 90%);
  overflow: hidden;
  min-height: 200px;
  width: 100%;
}
.lang_select_modal .language_info h3 {
  margin: 0 0 20px;
  color: #fff;
}
.lang_select_modal .language_info svg {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: -15px;
  height: auto;
  width: 140px;
}
.lang_select_modal ul {
  padding: 20px 20px 20px 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  background: transparent !important;
}
.lang_select_modal .language_select {
  flex: 1 1 160px;
  background: transparent !important;
  margin: 10px;
  border-radius: 7px;
}
.lang_select_modal .language_select a {
  display: block;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 39px;
  padding: 0 15px;
  transition: background-color 0.1s;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 7px;
}
.lang_select_modal .language_select:hover {
  background-color: rgb(0 0 0 / 3%) !important;
}

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

/*Sticker*/
.chat-box-stickers-cont {
  display: flex;
  flex-wrap: wrap;
}
.chat-box-stickers-cont img {
  cursor: pointer;
  flex: 1 1 25%;
  width: 25%;
  padding: 5px;
}

/*Flip Icon*/
.flip_icon {
  transform: scale(-1);
}

/*Night Toggle*/
.night_day_switch {
  width: 60px;
  height: 30px;
  background: #f7f7f7;
  border-radius: 15px;
  text-decoration: none !important;
  padding: 3px;
  padding:3px;
  padding-top: 7px;
}
.night_day_switch svg {
  height: 24px !important;
  width: 24px !important;
  margin: -7px 0 0 !important;
  border-radius: 50%;
}
.night_day_switch.night {
  background: #334452;
}
.night_day_switch.night .sun {
  color: #c0c0c0;
}
.night_day_switch.night .moon {
  color: #ffffff;
  background: rgb(255 255 255 / 20%);
}
.night_day_switch.day .sun {
  color: #ff6934;
  background: white;
}
.night_day_switch.day .moon {
  color: #c5d0e6;
}

.btn_fam_members {
  line-height: 28px;
  padding: 0 12px;
  font-size: 12px;
  background: antiquewhite;
  margin: 0 12px;
  font-weight: 500;
  font-family: "Poppins";
}

/*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 .wow_form_fields {
  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;
}
.authy_auth {
  text-align: center;
}

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

@media (min-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .modal-md {
    width: 500px;
  }
  .wo_page_profile .page-info-cont .last_row {
    margin: 10px 0;
    text-align: end;
  }
  .wo_page_profile .options-buttons a,
  .wo_page_profile .options-buttons button {
    margin: 3px;
  }
  .wo_create_job_box_flex .sun_input {
    flex: 1;
  }
  .wo_page_profile .page_navbar {
    display: block;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.45) 100%
    ) !important;
    width: 100%;
    padding: 15px 10px;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 !important;
    border-radius: 0 0 15px 15px;
  }
  .wo_page_profile .page_navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .wo_page_profile .page_navbar ul li {
    margin: 0 7px;
  }
  .wo_page_profile .page_navbar ul li a {
    text-decoration: none;
    padding: 10px 18px;
    display: block;
    background: #fff;
    border-radius: 2em;
    font-size: 14px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    height: 42px;
  }
  .wo_page_profile .page_navbar ul li a svg {
    margin: -2px 3px 0 0;
    width: 17px;
    height: 17px;
  }
  .wo_page_profile .page_navbar ul li a svg path {
    fill: currentColor;
  }
  .wo_page_profile .page-info-cont .user-avatar {
    z-index: 1;
  }
}

@media (min-width: 992px) {
  /*Scrollbar*/
  ::-webkit-scrollbar {
    width: 8px;
    height: 4px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #808080;
  }
  .leftcol {
    width: 18.666667%;
  }
  .middlecol {
    width: 53.333333%;
  }
  .rightcol {
    width: 28%;
  }
  .middlecol.sett_page {
    width: 55.333333%;
  }
  .rightcol.sett_page {
    width: 26%;
  }
  .singlecol {
    width: 81.333333%;
  }
  .singlecol-guest {
    width: 70.933333%;
  }
  #wo_nw_msg_page .msg_under_hood {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
  }
  #wo_nw_msg_page .msg_under_hood .mobilerightpane {
    position: sticky;
    top: 0;
    z-index: 1020;
    width: 100%;
    -ms-overflow-style: none;
    min-width: 350px;
    max-width: 350px;
  }
  #wo_nw_msg_page .msg_under_hood .mobileleftpane {
    height: calc(100vh - 110px);
  }
  #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar,
  #wo_nw_msg_page .messages-container::-webkit-scrollbar,
  #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar {
    height: 12px;
    width: 12px;
  }
  #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar-button,
  #wo_nw_msg_page .messages-container::-webkit-scrollbar-button,
  #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar-button {
    height: 0;
    width: 0;
  }
  #wo_nw_msg_page .msg_under_hood .mobilerightpane::-webkit-scrollbar-thumb,
  #wo_nw_msg_page .messages-container::-webkit-scrollbar-thumb,
  #wo_msg_right_prt .text-sender-container textarea::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.2);
    border: 4px solid transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 20px;
    min-width: 20px;
    height: 5px;
    width: 5px;
  }
  /*header .navbar-default .navbar-nav>.open>a.user-menu-combination {background: transparent !important;}*/

  .wo_new_wallet {
    padding: 30px 10px;
    text-align: inherit;
  }
  .wo_new_wallet > p {
    display: none;
  }
  .wo_new_wallet .wow_mini_wallets {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
  }
  .wo_new_wallet .wow_mini_wallets h5 {
    margin-bottom: 0;
  }
  .nearby_user_wrapper.profile {
    margin: 10px;
    width: calc(50% - 20px);
  }
  .wo_new_sett_sidee {
    padding-left: 15px;
    width: 26%;
  }
  .wo_new_sett_pagee {
    padding-left: 0;
    width: 74%;
  }
}

@media (min-width: 1140px) {
  .online-content-toggler {
    display: block !important;
    max-height: calc(100% - 140px);
  }
  .wo_page_profile .page-info-cont .last_row {
    margin: 10px 0;
    text-align: end;
  }
  .wo_page_profile .page-info-cont .info {
    max-width: calc(100% - 95px);
  }
  .wo_page_profile .options-buttons {
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 -15px;
    width: auto;
  }
  .wo_page_profile .options-buttons a,
  .wo_page_profile .options-buttons button {
    margin: 3px 5px;
  }
  .wo_event_profile .profile-container .card.hovercard .cardheader img,
  .wo_group_profile .profile-container .card.hovercard .cardheader img {
    height: -webkit-fill-available;
  }
}

@media (min-width: 1350px) {
  .container {
    width: 1280px;
  }
  .header-fixed1000,
  .header-fixed1200 {
    max-width: 1280px;
  }
}

#wo_home_btns {
  border-radius: 7px;
  margin: 8px 2px;
  padding: 0 10.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  transition: all 0.2s;
  font-size: 13px !important;
  line-height: normal;
  width: auto;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
}
#wo_home_btns:not(.btn-main) {
  background-color: #f5f5f5;
}
#wo_home_btns:not(.btn-main):hover {
  background-color: rgb(0 0 0 / 25%);
}
#wo_home_btns > svg {
  width: 19px;
  height: 19px;
}
#wo_home_search {
  margin-right: 20px;
  margin-left: 20px;
  width: 100%;
  max-width: 310px;
}
#wo_home_search .search-container,
#wo_home_search .search-container .navbar-form,
#wo_home_search .search-container .navbar-form .form-group {
  width: 100%;
}
#wo_home_search .search-container .navbar-form {
  padding: 0;
}

@media (min-width: 1350px) {
  #wo_home_btns > span {
    display: inline;
  }
  #wo_home_search {
    max-width: 475px;
  }
  .search-container .inner-addon .glyphicon {
    color: #787878 !important;
  }
  .wow_srch_game_tabss .col-md-6 {
    width: 25%;
  }
  .wow_big_head_link .right_part .dropdown .dropdown-menu.jobss {
    min-width: 600px;
    left: -448px;
  }
  .wow_big_head_link .right_part .dropdown .dropdown-menu.jobss .btn-block {
    max-width: 220px;
  }
}

@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;
  }
  .container {
    width: 100%;
  }
  .wo_user_side_info li {
    border: 0 !important;
  }
}

@media (max-width: 1300px) {
  .chat-container.full {
    min-height: auto !important;
  }
  .show_fnd_stats.white,
  .show_fnd_stats.white span {
    color: inherit;
  }
}

@media (max-width: 1270px) {
  .container,
  .header-fixed1000,
  .header-fixed1200 {
    width: 890px;
  }
  .profile-container .card.hovercard .cardheader,
  .wo_page_profile .profile-container .card.hovercard .cardheader {
    min-height: auto;
  }
  /*.middlecol{width:60%}*/
  .wo_imagecombo_lbox .comment-section {
    width: 350px;
  }
  .wo_imagecombo_lbox .story-img {
    margin-right: 350px;
    width: calc(100% - 350px);
  }
  .wo_imagecombo_lbox.story_lightbox .story_image_owner {
    margin-left: 350px;
  }
  .fund_raise_bar.wow_fund_raise_bar {
    margin-top: 30px;
  }
  .navbar-default .user-menu-combination b,
  .search-container .inner-addon .glyphicon {
    display: none;
  }
  #wo_home_search {
    max-width: 290px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-default li.dropdown.notification-container {
    margin: 0 !important;
  }
  .wo_pub_txtara_combo .btn {
    display: none !important;
  }
  .publisher-box textarea.postText {
    margin: 0 0 0 20px;
  }
  .user-status-home ul.status-list li {
    width: 25%;
    min-width: 25%;
  }
  .wow_forum_sections .topic_icon {
    width: auto !important;
  }
  .wow_forum_sections .forum-meta-d.titles {
    width: auto;
  }
  .wow_forum_sections .ftitle {
    display: block;
  }
  .wow_forum_sections .forum-meta-d.small,
  .wow_forum_sections .forum-meta-d.topics {
    width: 50%;
  }
  .wow_big_head_link.full .right_part .search-blog form input {
    min-width: auto;
  }
}

@media (max-width: 1200px) {
  .btn_create_big.album,
  .btn_create_big.page,
  .btn_create_big.myproduct,
  .btn_create_big.fund,
  .btn_create_big.eventz,
  .btn_create_big.blog,
  .real_album .btn_create_big.album {
    height: auto;
    padding: 30px 10px;
  }
  .wo_job_expanded {
    display: none;
  }
}

@media (max-width: 1140px) {
  .navbar-default,
  body {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .chat-container {
    height: auto;
    top: auto;
    padding-top: 0;
  }
  .chat-opacity .text-center .empty_state {
    vertical-align: inherit;
    padding-top: 20px;
  }
  .wo_imagecombo_lbox .comment-section {
    width: 320px;
  }
  .wo_imagecombo_lbox .story-img {
    margin-right: 320px;
    width: calc(100% - 320px);
  }
  .wo_image_lightbox .story-img .changer.previous-btn {
    left: -40px;
  }
  .wo_image_lightbox .story-img .changer.next-btn {
    right: -40px;
  }
  .wo_imagecombo_lbox.story_lightbox .story_image_owner {
    margin-left: 320px;
  }
}

@media (max-width: 992px) {
  .main-blog-sidebar {
    margin-top: 40px;
  }
  .wo_image_lightbox .story-img .changer.previous-btn {
    left: -10px;
  }
  .wo_image_lightbox .story-img .changer.next-btn {
    right: -10px;
  }
  .load-more {
    margin-bottom: 35px;
  }
  .wo_market .market_search_header > span .btn {
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.23);
    background-color: #fff;
    color: #000000;
  }
  .user_media_list_section .photo-data,
  .user_media_list_section .video-data {
    flex: 0 0 25%;
    width: 25%;
  }
  .mobileleftpane {
    position: fixed;
    height: 100%;
    z-index: 1;
    padding: 0;
    top: 70px;
    left: 0;
  }

  .text-sender-container .msg_usr_info_top_list .mobilemsgclose {
    display: block;
  }
  .wo_comthing_usr_innr .avatar {
    padding-top: 110%;
  }
  .ads_col_8 {
    padding: 0 15px;
  }
  .wow_forum_sections table .forum-meta-d.small {
    display: none;
  }
  .wow_thread_head .btn-glossy > a {
    float: none !important;
  }
  .wow_main_float_head > .container.wo_go_pro:after {
    display: none;
  }
  .text-sender-container .messagejoint {
    height: calc(100vh - 110px);
  }
  .lang_select_modal .row .col-md-4,
  .lang_select_modal .row .col-md-8 {
    width: 100%;
    padding: 0;
  }
  .lang_select_modal ul {
    padding: 15px !important;
  }
  .user-status-home ul.status-list li {
    width: 20%;
    min-width: 20%;
  }
  .profile_side_albums .album_data:nth-child(3) {
    height: auto;
  }
  .profile_side_albums .album_data:nth-child(3) a {
    padding-bottom: 100%;
    height: auto;
  }
  .wo_sett_noti .col-md-12.round-check {
    width: 100%;
  }
  .wo_new_left_side {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    border-radius: 0;
    width: 100%;
    max-width: 300px;
    overflow-y: auto;
    max-height: 100%;
    transition: all 0.25s ease-in-out;
    transform: translateX(-100%);
  }
  .side_open .wo_new_left_side {
    transform: translateX(0);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
      rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
  }
  .slide_menu_backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9995;
    background: rgb(0 0 0 / 45%);
    backdrop-filter: blur(7.5px);
  }
  .side_open .slide_menu_backdrop {
    display: block;
  }
  body.side_open {
    overflow: hidden;
  }
  .side_brand {
    display: block;
  }
  .side_slide_menu {
    display: block;
  }
}

@media (max-width: 990px) {
  .tab-container,
  .wowonder-well {
    margin-bottom: 20px;
  }
  .hidden-mobile-image,
  .second-footer {
    display: none;
  }
  .middlecol {
    width: 100%;
  }
  .continue-button {
    margin-top: 20px;
  }
  .sidebar-profile-style {
    display: none !important;
  }
  .left-sidebar {
    display: none;
  }
  .dropdown-search-link {
    display: block !important;
  }
  .dropdown-search-link.hidden {
    display: none !important;
  }
  .dropdown-hidden-link {
    display: none !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 10px 1px 20px;
  }
  .header-container .logo img {
    width: 30%;
  }
  #wo_home_search {
    max-width: 200px;
  }
  footer .footer-wrapper {
    display: block;
  }
  .footer-wrapper.sidebar {
    display: none;
  }
  .navbar-default .dropdown-menu.ani-acc-menu {
    top: auto;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
  }
  .navbar-default .dropdown-menu.ani-acc-menu li a {
    transition: none;
  }
  .navbar-default .open > .dropdown-menu.ani-acc-menu {
    display: block;
    top: auto;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
  }
  .footer-wrapper-sidebar {
    display: none;
  }
  .wo_new_left_side {
    display: block;
  }
  .footer-wrapper .footer-powered .lang_selct {
    padding: 0 !important;
  }
}

@media (max-width: 985px) {
  .container,
  .header-fixed1000,
  .header-fixed1200 {
    width: 800px;
  }
  .navbar-default .user-menu-combination:after {
    display: none;
  }
  #head_menu_rght .sixteen-font-size {
    padding: 25px 10px;
  }
}

@media (max-width: 900px) {
  .lightbox-content.multi {
    width: 100%;
  }
  .wo_image_lightbox .story-img {
    min-width: 100%;
    max-width: 100%;
  }
  .wo_image_lightbox .story-img .changer.previous-btn {
    left: 10px;
    z-index: 1;
  }
  .wo_image_lightbox .story-img .changer.next-btn {
    right: 10px;
    z-index: 1;
  }
}

@media (max-width: 840px) {
  .container,
  .header-fixed1000,
  .header-fixed1200 {
    width: 97%;
  }
  .messages-container .message-media video {
    width: 100% !important;
  }
  .wo_market .market_categories .product-navigate {
    opacity: 1;
    position: relative;
    top: 5px;
    right: 0;
    transform: none;
    margin-left: auto;
    left: 0;
  }
  .wo_market .market_categories .product-navigate a {
    padding: 1px 6px;
    margin-right: 7px;
  }
  .wo_group_profile .side_panel {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-top: 0;
    height: auto;
  }
  .container .wo_group_profile .side_panel .box-inner {
    display: none;
  }
  .container .wo_group_profile .side_panel .user-avatar {
    margin-top: 30px;
  }
  .container .wo_group_profile .side_panel .info,
  .wo_group_profile .profile-container .card.hovercard .info .title a {
    color: #4a4a4a;
  }
  .container .wo_group_profile .side_panel .info .title {
    text-shadow: none;
  }
  .wo_group_profile .side_panel .options-buttons {
    margin: 20px 0;
  }
  .wo_group_profile .side_panel .options-buttons a {
    color: #2a2a2a;
    background: rgba(0, 0, 0, 0.23);
  }
  .wow_srch_fields:last-child {
    text-align: center;
  }
  .header-brand img {
    max-width: 150px;
  }
}

@media (max-width: 800px) {
  .blog-cat-img img,
  .blog-ls-img img {
    margin-bottom: 15px;
  }
  .wo_imagecombo_lbox .story-img {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    height: calc(100% - 220px);
  }
  .sun_img_innr {
    height: calc(100% - 268px);
  }
  .lightbox-content .story-img img {
    max-height: calc(100vh - 268px);
  }
  .wo_imagecombo_lbox .comment-section {
    width: 100%;
    position: relative;
  }
  .wo_imagecombo_lbox {
    overflow-y: auto;
    height: 100%;
  }
  .wo_imagecombo_lbox
    .lightbox-post-footer.post-comments
    .lighbox.comment-textarea {
    height: 40px;
  }
  .user_media_list_section .photo-data,
  .user_media_list_section .video-data {
    flex: 0 0 33.3333333%;
    width: 33.3333333%;
  }
  .wo_imagecombo_lbox.story_lightbox.mobi_stor_box {
    height: 100%;
    overflow-y: auto;
  }
  .wo_imagecombo_lbox.story_lightbox .story_image_owner {
    margin-left: 0;
    height: calc(100% - 70px);
  }
}

@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}

@media (max-width: 780px) {
  .nav-names {
    display: none;
  }
}

@media (max-width: 768px) {
  .wo_page_profile .page-info-cont .user-avatar {
    width: 100px;
    height: 100px;
    margin-top: 0;
  }
  .wo_page_profile .page-info-cont .user-avatar img {
    width: 100px;
    height: 100px;
  }
  .wo_page_profile .page-info-cont .first_row {
    float: none;
  }
  .wow_hdr_innr_left .nav {
    display: flex;
  }
  #wo_home_search {
    display: none;
  }
  .popular_posts_hdr > h2 svg {
    display: none;
  }
  .wow_forum_sections .topic_icon,
  .wow_forum_sections .forum-meta-d.topics {
    display: none;
  }
}

@media (max-width: 767px) {
  #filter-by-sidebar {
    display: none;
  }
  .filter-by-home {
    display: block;
  }
  #navbar-searchbox,
  .chat-all-container,
  .nav > .navbar-home,
  .navbar-home,
  .problackback {
    display: none;
  }
  .header-container .logo img {
    width: 30%;
  }
  .profile-style,
  .setting-form {
    width: 100%;
  }
  .sidebar-page-data .sidebar-listed-page-name {
    top: 80% !important;
  }
  .sidebar-page-data .sidebar-listed-page-like-btn {
    top: 75% !important;
  }
  .nav-footer-toggle {
    left: 40%;
  }
  #load-more-posts {
    margin-bottom: 20px;
  }
  .cool-style {
    width: 49.3% !important;
    float: none;
  }
  .no-padding-right,
  .no-padding-right-mobile {
    padding-right: 15px !important;
  }
  #sidebar-latest-products .cool-style {
    float: left !important;
  }
  .profile-userpic img {
    width: 70%;
    height: 70%;
  }
  .search-users-result .profile-style {
    width: 100% !important;
    margin-left: -30px !important;
  }
  #local-media video:nth-child(2) {
    width: 200px;
    height: 100px;
  }
  .cool-style-album {
    margin-bottom: 40px;
  }
  .blog-ls-box .article-image {
    max-height: none;
  }
  .wo_pro_features h3 {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .modal-dialog {
    max-width: 92%;
    width: 100%;
  }
  .wo_page_profile .options-buttons {
    margin: 20px 0 0;
  }
  .wo_page_profile .options-buttons .btn {
    margin-bottom: 8px;
    margin-top: 0;
  }
  .wo_user_profile .pic-info-cont {
    position: relative;
    margin: 0;
    display: block;
    text-align: center;
    bottom: 0;
    height: auto;
  }
  .container .wo_user_profile .pic-info-cont .user-avatar {
    margin: -65px auto 0;
    display: inline-block;
    top: -15px;
  }
  .profile-container .card.hovercard .user-avatar img {
    box-shadow: 0 1px 2px rgba(68, 68, 68, 0.42);
    border: 3px solid #fff;
  }
  .profile-container .card.hovercard .info .title {
    text-shadow: none;
  }
  .profile-container .card.hovercard .info .title a {
    color: #4a4a4a;
  }
  .container .wo_user_profile .card.hovercard .info .title svg.feather {
    fill: #4a4a4a;
    filter: none;
  }
  .wo_user_profile .card.hovercard .title .badge-link {
    color: #fff !important;
  }
  .wo_user_profile .btn-glossy a:not(.btn-main),
  .wo_user_profile .btn-glossy button:not(.btn-main) {
    color: #2a2a2a;
  }
  .footer-wrapper .footer-powered {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .footer-wrapper .footer-powered .list-inline {
    margin: 10px 0;
    text-align: center;
  }
  .head_name_links {
    vertical-align: middle;
  }
  .create_head_menu:before {
    display: none;
  }
  .container .wo_user_profile .card.hovercard .info p {
    color: #3b3b3b;
  }
  .container .wo_user_profile .card.hovercard .options-buttons {
    margin: 10px 0 40px !important;
  }
}

@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;
  }
  .wow_read_blog_row {
    padding: 0;
    margin: 15px -15px 0;
  }
  .wow_read_blog_hdr_img_innr {
    padding: 0 0px 15px;
  }
  .wow_read_blog_hdr_img_innr h2 {
    font-size: 35px;
  }
}

@media (max-width: 665px) {
  .event-info-cont-small {
    position: relative;
    background: transparent;
    padding: 20px;
    flex-direction: column;
  }
  .event-info-cont-small .info {
    display: block;
    width: 100%;
    text-align: center;
  }
  .event-info-cont-small .short_start_dt.inverted {
    margin: 0 !important;
  }
  .event-info-cont-small .info h3 {
    color: #282828;
    margin: 20px 0;
  }
  .short_start_dt {
    display: none;
  }
  .wo_event_profile .event-info-cont {
    flex-direction: column;
  }
  .event_cdown {
    margin-bottom: 15px;
  }
  .event_cdown:empty {
    margin: 0;
  }
  .event_cdown li:last-child {
    display: inline-block;
  }
  .wo_page_profile .page-info-cont .page_navbar {
    padding: 5px 10px;
  }
  .wo_page_profile .page_navbar ul {
    padding: 0;
    width: 100%;
    float: none !important;
    white-space: nowrap;
    overflow-x: auto;
  }
  .wo_com_lbox_slide {
    padding: 0 10px;
  }
  .wo_vew_apld_head {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .wo_vew_apld_head .avatar {
    margin: 0 auto 20px;
  }
  .wo_vew_apld_head .jinfo {
    text-align: center;
  }
  /*.wo_page_profile .options-buttons .btn svg {display: none;}*/
  .wow_forum_sections table .forum-meta-d.topics,
  .wow_forum_sections table .forum-meta-d.posts,
  .wow_forum_sections .f_category b {
    display: none;
  }
  .wow_thread_main_reply {
    flex-direction: column;
  }
  .wow_thread_main_reply .t-left_prt {
    float: none;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .wow_thread_replies .thread-replies {
    padding: 3px 3px;
  }
  .wow_thread_replies .thread-replies .t-left_prt .avatar .btn {
    display: none;
  }
  .wow_thread_replies .thread-replies .t-left_prt {
    min-width: 80px;
    width: 80px;
  }
  .wow_thread_replies .thread-replies .t-left_prt .avatar {
    margin-left: 0;
    margin-right: auto;
  }
  .publisher-box .publisher-box-footer {
    padding: 30px 5px 5px;
    border-top: 1px solid #eee;
  }
  .sun_pub_more {
    justify-content: normal;
  }
  .publisher-box .publisher-box-footer .poster-left-buttons .btn {
    background: #f3f3f3;
    padding: 0 16px !important;
  }
  .sun_pub_mid_foot .poster-left-buttons .btn {
    font-size: 0;
  }
  .wow_big_head_link.flex,
  .popular_posts_hdr.flex {
    justify-content: center;
    gap: 15px;
  }
}

@media (max-width: 600px) {
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  #postbutton {
    display: none;
  }
  .header-brand img {
    width: 100px;
  }
  .send-comment {
    display: block !important;
  }
  .change-avatar,
  .charsLeft-post,
  .filter-text,
  .like-btn-mobile,
  .options-buttons span[class^="button-text"],
  span[class^="setting-tab-text"] {
    display: none;
  }
  .options-buttons span[class^="button-text"]{
    display:inline-block
  }
  .panel-one-post {
    margin: 0 auto;
    width: 100%;
  }
  .options-buttons {
    right: 10px;
    margin-top: -35px;
  }
  .options-buttons button {
    width: auto;
    margin-left: 5px;
  }
  .post .post-heading .avatar {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
  }
  .post .post-heading .meta .title {
    font-size: 14.5px !important;
    margin-top: 5px !important;
  }
  .post .post-footer .comments-list .comment .avatar {
    width: 38px !important;
    height: 38px !important;
  }
  .post .post-footer .comments-list .comment .comment-heading .user {
    font-size: 14.5px;
  }
  .post .post-footer .comments-list .reply .avatar {
    width: 30px !important;
    height: 30px !important;
  }
  .post .post-footer .comment-body .comment-text {
    font-size: 14.5px !important;
  }
  .post .post-comments input {
    padding: 5px 40px 5px 5px;
    height: 30px;
    font-size: 14.5px;
  }
  .publisher-box .publisher-hidden-option select {
    width: 100%;
  }
  .post-fetched-url .fetched-url-text .description {
    font-size: 14.5px !important;
  }
  .post-fetched-url .fetched-url-text h4 {
    font-size: 14.5px !important;
  }
  .nav.navbar-nav.navbar-right {
    font-size: 14.5px;
  }
  .nav > li.dropdown.open .dropdown-menu {
    width: 96%;
    left: 0;
    right: 0;
    position: fixed;
    top: 70.4px;
    z-index:1031;
    left: 2%
  }
  .profile-container {
    padding-left: 4px;
    padding-right: 4px;
  }
  .profile-container .card.hovercard .user-avatar {
    width: 115px;
    height: 115px;
  }
  .ad-placement-header-footer iframe,
  .ad-placement-header-footer img,
  .ad-placement-header-footer script {
    width: 100%;
  }
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
  }
  #bar_loading {
    top: 0;
  }
  .btn-file {
    font-size: 14.5px;
  }
  .header-container .logo img {
    width: 100%;
    margin: 0;
  }
  #local-media video:nth-child(2) {
    width: 100px;
    height: 150px;
  }
  #remote-media video:nth-child(2) {
    width: 95px;
  }
  .center-container *:not(i) {
    font-size: 18px;
    max-width: 100%;
    min-width: 80%;
  }
  .dropdown-menu > li {
    display: block;
  }
  .dropdown-menu > li > a {
    color: #333;
  }
  .wowonder-well .profile-style {
    width: 100%;
  }
  .admin-panel-well .admin-static {
    width: 100% !important;
  }
  .wo_setting_sidebar {
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    text-align: inherit;
  }
  .wo_setting_sidebar ul {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  .wo_setting_sidebar ul .list-group-item {
    display: inline-block;
    margin-right: -4px;
  }
  .wo_setting_sidebar ul .list-group-item a {
    padding: 13px 18px;
  }
  .wo_settings_page .last-sett-btn {
    margin-right: -15px;
  }
  .wo_settings_page .setting-panel-mdbtn {
    margin: 2px 7px;
  }
  .modal-body .wo_settings_page,
  .wo_about_page_margin .wo_settings_page {
    margin-top: 0;
  }
  .navbar-default .dropdown-menu.ani-acc-menu {
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
  }
  .blog-h-desc .postCategory h5 {
    position: absolute;
    top: 30px;
  }
  .wow_mini_wallets {
    flex-direction: column;
  }
  .wow_mini_wallets_btns {
    margin: 15px auto 0;
  }
  .wow_read_blog_hdr_img img {
    height: 450px;
  }
  .wow_read_blog_hdr_img_innr .read-blog-info-user .views,
  .wow_read_blog_hdr_img_innr .read-blog-info-user .middot {
    display: none;
  }
  .wow_grpage_setts .wow_sett_content {
    padding: 70px 10px 10px;
  }
  .wow_grpage_setts .setting-well .profile-style {
    width: 100%;
  }
  #wo_msg_right_prt .text-sender-container .sendMessages .input-group {
    padding: 0px 5px;
  }
  #wo_msg_right_prt
    .text-sender-container
    .sendMessages
    .input-group
    .input-group-btn {
    margin-left: 5px;
  }
  #wo_msg_right_prt .msg_write_combo .message-option-btns {
    margin: 0;
    width: 80px;
  }
  .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a {
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span {
    margin-right: 4px;
  }
  #wo_msg_right_prt .message-option-btns .btn {
    width: 30px;
  }
  .wow_price_plan_row .col-lg-3 {
    width: 100%;
  }
  .wow_search_head.wow_big_head_link .right_part {
    justify-content: center;
  }
  .wow_search_head.wow_big_head_link .right_part .search-blog,
  .wow_search_head.wow_big_head_link .right_part .dropdown.count {
    margin: 0 0 15px !important;
  }
  .cool-style-album-row,
  .row#recent-blogs {
    margin-right: -10px;
    margin-left: -10px;
  }
  .wo_market .market_bottom .product {
    width: 100%;
  }
}

@media (max-width: 570px) {
  .hero-overlay {
    padding-top: 40px;
  }
  .wo_page_profile .page-info-cont .user-avatar,
  .wo_page_profile .page-info-cont .user-avatar img {
    width: 80px;
    height: 80px;
  }
  .wo_loading_post_child {
    transform: scale(0.9);
    height: 320px;
    margin: 0 -25px;
  }
  .wo_post_fetch_event .post-fetched-url-con .description p {
    font-size: 14.5px;
  }
  .wow_ads_lists {
    overflow-x: auto;
  }
  .wow_ads_lists > li {
    min-width: 570px;
  }
  .user-status-home ul.status-list {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    padding-top: 2px;
  }
  .user-status-home ul.status-list li {
    width: 130px;
  }
  .user-status-home ul.status-list li a {
    white-space: normal;
  }
  .wo_imagecombo_lbox .story-img {
    height: auto;
    max-height: calc(100% - 220px);
  }
  .wow_big_heading {
    font-size: 21vw;
    line-height: normal;
  }
  .wow_creads_minstp.start_up {
    margin-top: 20px;
    min-width: 300px;
  }
  .wo_new_wallet .wow_mini_wallets_btns {
    width: 100%;
    padding: 0 30px;
  }
  .wo_new_wallet .wow_mini_wallets_btns .btn {
    display: block;
    width: 100%;
    margin: 10px 0 0 !important;
  }
}

@media (max-width: 530px) {
  .wo_adaptive_media_5 {
    height: 446px;
  }
  .wo_adaptive_media_5 .album-image:first-child {
    height: 221px;
  }
  .wo_adaptive_media_5 .album-image:nth-child(2) {
    height: 222px;
    top: 225px;
  }
  .wo_adaptive_media_5 .album-image:nth-child(3) {
    height: 147px;
  }
  .wo_adaptive_media_5 .album-image:nth-child(4) {
    height: 145px;
    top: 150px;
  }
  .wo_adaptive_media_5 .album-image:last-child {
    height: 147px;
    top: 299px;
  }
  .wo_adaptive_media_5 .album-image img {
    width: 100%;
    height: 100%;
  }
  .user_media_list_section .photo-data,
  .user_media_list_section .video-data {
    flex: 0 0 50%;
    width: 50%;
  }
}

@media (max-width: 520px) {
  .navbar-default li.dropdown.notification-container {
    margin-right: 3px;
  }
  .messages-container {
    padding: 80px 10px 0;
  }
  .text-sender-container .msg_usr_info_top_list {
    padding: 8px 20px;
    height: 60px;
  }
  .fb_iframe_widget_fluid span,
  .fb_iframe_widget iframe {
    width: 300px !important;
    min-width: auto !important;
  }
  .wow_big_head_link .right_part .search-blog form input,
  .popular_posts_hdr.find_frnds .search-blog form input,
  .wow_search_head .right_part .search-blog input,
  .wow_search_head .market_widget .m_widget_head > select {
    min-width: 200px;
  }
  .header-brand {
    display: none;
  }
  .wow_hdr_innr_left .nav {
    margin: 0 !important;
  }
}

@media (max-width: 480px) {
  .read-blog-container .read-blog h1 {
    font-size: 30px;
  }
  .read-blog-container .read-blog .read-blog-desc {
    font-size: 16px;
  }
  .read-blog-container .read-blog .blog-share-buttons ul li.bold {
    display: block;
  }
  .read-blog .blog-author-info .media-body .user-follow-button,
  .wo_blogcomm_combo img {
    display: none;
  }
  .read-blog .blog-author-info .media-body h4 {
    padding-right: 0;
  }
  .wo_loading_post_child {
    transform: scale(0.8);
    margin: -15px -45px;
  }
  .wo_post_fetch_event .post-fetched-url-con .description p {
    font-size: 3vw;
  }
  .profile-container .card.hovercard .user-avatar {
    width: 95px;
    height: 95px;
  }
  #wo_post_stat_button .stat-item {
    font-size: 13px;
    font-weight: 400;
    background: #fff !important;
    user-select: none;
    padding-left: 2px;
    padding-right: 2px;
  }
  #wo_post_stat_button .stat-item svg {
    /*width:16px;height:16px*/
  }
  #wo_post_stat_button .show_post_comm_mobi,
  #wo_post_stat_button .stat-item .like-btn-mobile {
    display: inline;
  }
  #wo_post_stat_button .hide_post_comm_mobi {
    display: none;
  }
  .show_post_comm_mobi {
    display: block;
  }
  .api_posts #wo_post_stat_button .stat-item {
    font-weight: 700;
  }
  .earn_points .ep_illus {
    flex-direction: column;
  }
  .post .post-footer .comments-list .comment .comment-body .reactions-box {
    left: -50px;
  }
  .post .post-footer .comments-list .reply .comment-body .reactions-box {
    left: -100px;
  }
  .reaction {
    overflow: hidden;
  }
  .select_radio_btn label {
    width: 100%;
    padding: 0 7px;
    margin-bottom: 14px;
  }
  .wow_thread_replies .thread-replies .t-left_prt .avatar {
    width: 45px;
    height: 45px;
  }
  .wow_thread_replies .thread-replies .t-left_prt .avatar img {
    width: 45px;
    height: 45px;
    margin-top: 12px;
  }
  .wow_thread_replies .thread-replies .t-left_prt {
    min-width: 55px;
    width: 55px;
  }

  .header-fixed1000 > .container-fluid {
    padding: 0 2px;
  }

  #head_menu_rght {
    float: none !important;
    justify-content: space-around;
    margin: 0 -10px;
    flex: 1;
    display: flex;
  }
  .user-status-home ul.status-list li {
    width: 110px;
  }
  .wo_main_jobs {
    flex-direction: column;
  }
  .wo_main_jobs .wo_jobs_search {
    margin: 15px 0 0;
  }
}

@media (max-width: 420px) {
  .owl-item .format-standard {
    height: 320px;
  }
  .wo_pro_features h2 {
    margin-top: 23px;
    margin-bottom: 40px;
    font-size: 27px;
  }
  .col-proxs-12 {
    width: 100%;
  }
  .wo_loading_post_child {
    transform: scale(0.7);
    margin: -35px -75px;
  }
  .wo_adaptive_media_5 {
    height: 366px;
  }
  .wo_adaptive_media_5 .album-image:first-child {
    height: 181px;
  }
  .wo_adaptive_media_5 .album-image:nth-child(2) {
    height: 182px;
    top: 185px;
  }
  .wo_adaptive_media_5 .album-image:nth-child(3) {
    height: 119px;
  }
  .wo_adaptive_media_5 .album-image:nth-child(4) {
    height: 120px;
    top: 123px;
  }
  .wo_adaptive_media_5 .album-image:last-child {
    height: 120px;
    top: 247px;
  }
  .wo_emoji_post {
    width: 100%;
  }
  .wo_emoji_tab span {
    width: 15.6%;
  }
  .wo_emoji_msg {
    position: fixed;
    bottom: 70px !important;
  }
  .publisher-box .add-emoticons .wo_emoji_post {
    min-width: calc(100vw - 65px);
  }
  .wo_send_gift .gift-data {
    width: calc(100% / 2 - 8px);
  }
  #wo_nw_msg_page .messages-container .message-media img {
    max-height: 140px;
  }
}

@media (max-width: 360px) {
  .nav.navbar-nav.navbar-right > li > a {
    padding: 10px 5px;
  }
  .wo_loading_post_child {
    transform: scale(0.6);
    margin: -55px -100px;
  }
}

@media (max-width: 345px) {
  /*.nav.navbar-nav.navbar-right{width:100%;text-align:center}*/
  .nav.navbar-nav.navbar-right > li:first-child {
    display: inline-block;
  }
  #wo_nw_msg_page .messages-container .message-media img {
    max-height: 110px;
  }
  .reactions-box {
    width: 148px;
    top: -100px;
  }
  .post .post-footer .comments-list .comment .comment-body .reactions-box {
    top: -100px;
  }
  .post .post-footer .comments-list .reply .comment-body .reactions-box {
    left: -30px;
  }
}

@media (max-width: 320px) {
  .publisher-box .publisher-hidden-option select {
    font-size: 12px;
    height: 30px;
    margin-right: 0;
    padding: 0 2px;
  }
  .dropdown {
    padding-left: 10px;
  }
  .navbar-nav > li > a {
    line-height: 24px !important;
    padding: 10px 5px;
  }
  .wo_loading_post_child {
    transform: scale(0.5);
    margin: -75px -130px;
  }
  .wo_send_gift .gift-data,
  .user_media_list_section .photo-data,
  .user_media_list_section .video-data {
    flex: 0 0 100%;
    width: 100%;
  }
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.group_chat_avatar__ {
  width: 100%;
  max-height: 137px;
  overflow: hidden;
  margin: 0 0 20px;
}
.group_chat_avatar__ img {
  max-width: 100%;
  max-height: 100%;
}
.image_blur {
  filter: blur(10px);
}
.image_blur_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.blur_multi_images {
  position: absolute;
  z-index: 2;
  height: 100%;
}
.verify_color {
  color: #2b982b;
}
.unverify_color {
  color: #fb483a;
}

.bs-callout {
  padding: 5px 10px;
  margin: 0 0 10px;
  border: 1px solid;
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}
.bs-callout .post-heading .title .main-color {
  color: #565656 !important;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-color: #f2f2f2;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
.pro_packages_icon {
  display: block !important;
  margin: auto !important;
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 13px !important;
}
.pro_packages_icon_inline {
  margin: auto;
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}
#user-last-seen .online-text {
  color: #b6b6b6 !important;
}
.fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen video {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen {
  top: 0;
  left: 0;
}
.gender_icon {
  display: block !important;
  margin: auto !important;
  width: 20px !important;
  height: 20px !important;
}
.reaction img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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.2);
}
.vid_analts_stat > svg {
  margin-right: 17px;
  margin-top: 0px;
  width: 30px;
  height: 30px;
}
.vid_analts_stat h2 {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.011em;
  margin-top: 0;
  margin-bottom: 3px;
}
.vid_analts_stat p {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
.live_link_style {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 10;
}
.end_video_text {
  margin-bottom: 150px;
  color: #c6c6c6;
}
.background_image_product {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.header-message {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 260px;
  height: 24px;
  white-space: nowrap;
}
.like-story-lightbox.active svg {
  color: #1da1f2;
}

.w-check-handler {
  display: flex;
  margin-left: 0.5em;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: #ce464a;
  border-radius: 50%;
  transition: all 0.2s ease;
  box-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
.w-check-handler:before {
  content: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â  span[class^="setting-tab-text"] {‚¬Å¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Â";
  color: white;
  font-size: 1em;
  font-weight: bold;
}
.w-check-trail {
  display: flex;
  align-items: center;
  width: 40px;
  height: 25px;
  background: #be3e44;
  border-radius: 2.5em;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-top: 9px;
}
.w-switcher input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.w-switcher {
  position: relative;
}
.w-float-left {
  float: left !important;
}
body.dark .w-main-label {
  background: #323338;
}

.w-main-label {
  padding: 6px;
  border-radius: 10px;
}
input[type="checkbox"]:checked + .w-check-trail {
  background: #16a085;
}
input[type="checkbox"]:checked + .w-check-trail .w-check-handler {
  margin-left: 50%;
  background: #1abc9c;
}
input[type="checkbox"]:checked + .w-check-trail .w-check-handler::before {
  content: "✔";
}

.HEAiT {
  -webkit-box-align: center;
  align-items: center;
  place-content: flex-start space-around;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 100%;
  padding: 0rem;
  margin: 0rem;
}
.iylycj {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0rem;
  margin: 0rem;
}
.gOFcxw {
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0rem;
  margin: 0rem 0rem 0.5rem;
}
.dIPYOR {
  opacity: 0.8;
}
.ejVMUJ {
  align-self: center;
  -webkit-box-align: center;
  align-items: center;
  display: inline-flex;
  filter: none;
  cursor: unset;
  vertical-align: unset;
  height: unset;
  width: unset;
}
.jBzsQN,
.jBzsQN svg {
  height: 2rem;
  width: 2rem;
}
.jBzsQN {
  display: flex;
}
.jBzsQN svg {
  align-self: center;
  fill: transparent;
  stroke-width: 1.2px;
}
.jBzsQN,
.jBzsQN svg {
  height: 2rem;
  width: 2rem;
}
.RrcPe {
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  padding: 0rem;
  margin: 0rem 0rem 1rem;
}
.jcfRER {
  color: rgb(36, 30, 18);
  font-family: aktiv-grotesk, sans-serif;
  margin: 0px;
  position: relative;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  text-align: center;
  font-weight: 700 !important;
  font-size: 2rem !important;
  line-height: 1.5 !important;
}
.cXbAib {
  -webkit-box-align: center;
  align-items: center;
  backface-visibility: hidden;
  background-color: rgb(250, 231, 232);
  border-radius: 9999px;
  border: 1px solid rgb(250, 231, 232);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-weight: bold;
  height: unset;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0.46875rem 1rem;
  position: relative;
  pointer-events: unset;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  user-select: none;
  white-space: unset;
  width: unset;
  color: rgb(255, 66, 77) !important;
}
.jLYHuC {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2000;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  display: none;
}
.cEwkgS {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  visibility: visible;
}
.tJRfY.tJRfY.tJRfY {
  overflow: visible;
}
.tJRfY {
  margin-left: auto;
  margin-right: auto;
  animation: 1.116s linear 0s infinite normal none running cJiLXh;
  display: block;
  padding: 1.5px;
  height: 1rem;
  width: 1rem;
}

.new-feature {
  position: absolute;
  color: #ff9800;
  z-index: 1;
  right: 0;
  top: 0;
  background: rgb(255 152 0 / 20%);
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 5px;
  padding: 3px 6px;
}

/*AI*/
.ai_alert_img {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.07;
  width: 50%;
}
.ai_alert_info {
  font-family: "Poppins";
  line-height: 1.8;
  margin: 20px 0;
  font-weight: 500;
}
.ai_alert_info svg {
  width: 80px;
  height: auto;
  display: block;
  margin: 0 0 10px;
}
.ai_alert_info_al {
  margin: 20px 0 20px;
  line-height: normal;
}
.ai_alert_balance {
  background-color: rgb(79 205 225 / 20%);
  color: #4fcde1;
  padding: 25px;
  border-radius: 20px;
  /*display: inline-block;*/
  margin-top: 35px;
  font-family: "Poppins";
}
.ai_alert_balance.less_margin {
  margin-top: 19px;
}
.ai_alert_balance.buy_cred {
  margin-bottom: 15px;
}
.ai_alert_balance p {
  margin: 0 0 5px;
}
.ai_alert_balance b {
  margin: 0;
  font-size: 34px;
  font-weight: 600;
}
.ai_alert_balance.buy_cred b {
  font-size: 22px;
}
.ai_alert_balance .btn {
  width: 100%;
  background-color: #4fcde1;
  color: #ffffff;
  font-family: "Poppins";
  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: 114px;
}
.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;
}
.btn#ai-selected-button,
.btn#ai-selected-post-button,
.btn#ai-selected-user-button {
  background-color: #4fcde1;
}
.ai_blog_check_thumb {
  font-size: 18px;
}
.round-check input + label.ai_blog_check_thumb:after,
.round-check input + label.ai_blog_check_thumb:before {
  width: 20px;
  height: 20px;
}
.round-check input + label.ai_blog_check_thumb:after {
  top: 7px;
  width: 11px;
  height: 5px;
}

div#modal_light_box {
  background: rgb(0 0 0 / 30%);
  backdrop-filter: blur(7.5px);
}
@media (min-width: 1024px) {
  .wo_market .market_bottom .product .product_info.wow_main_mkt_prod {
    height: 450px;
  }
}

.post-container.sun_post.job_apply {
  margin-bottom: 20px;
}

.forum-mbr-list a {
  text-decoration: none;
}
.forum-mbr-list a img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.col-lg-7.jobDetails {
  position: sticky;
  top: 70px;
}

/*Cookie*/
.cc-window {
  position: fixed;
  overflow: hidden;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  z-index: 9999;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  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: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
  background: #04abf2;
  color: #fff;
}

/*Notification Window*/
#notification-popup {
  position: fixed;
  left: 20px;
  width: 300px;
  bottom: 20px;
  z-index: 10000;
}
#notification-popup .notifications-popup-list:empty {
  padding: 0;
}
#notification-popup .notifications-popup-list {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  width: 100%;
  margin-bottom: 10px;
  z-index: 10000;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
#notification-popup .notifications-popup-list .notification-list {
  border-radius: 10px;
}
#notification-popup .notifications-popup-list .notification-list:hover {
  background: rgb(0 0 0 / 5%);
}


@media (max-width:767px){
  .mobileleftpane{
    top:100px
  }
}
@media (max-width:540px){
  .mobileleftpane{
    top:110px
  }

  .profile-style:not(.promoted-style) {
    width: 100%;
  }

  .profile-style .avatar img{
    width: 60px;
    height: 60px;
  }
}

/* Scan table  */
.scanned-users-table-mobile{
  display:block
}
.scanned-users-table{
  display:none
}
@media (min-width:767px){
  .scanned-users-table{
    display:table
  }
  .scanned-users-table-mobile{
    display:none
  }
}
.scanned-users-list button{
  background:none;
  transition-duration:.3s;
  font-size:16px
}
.scanned-users-list .text-danger{
  color:red;
}
.scanned-users-list .text-danger:focus{
  background:red;
  color:white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}