/* Flash message layering */
.im-empty.flashmessage {
  z-index: 1;
}

/* Remove padding, background, and shadow from main container
   when Make Offer plugin is active */
#body-user-custom.body-ua.plugin-make_offer #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* User header styling inside Make Offer pages */
#body-user-custom.body-ua.plugin-make_offer .mo-user-head {
  padding: 0;
  width: 100%;
  float: left;
  margin: 0;

  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111;
}

/* Account container – remove padding and background */
body .mo-show.mo-account {
  padding: 0;
  background: transparent;
  font-size: 14px;
  line-height: 18px;
}

/* Individual offer/item box */
body .mo-account .mo-item {
  background: #fff;
  margin-top: 10px;
  margin-bottom: 25px;
}

/* Item top section (title row) */
body .mo-account .mo-item-top {
  font-size: 16px;
  line-height: 20px;
}

/* Title and price padding */
body .mo-account .mo-title,
body .mo-account .mo-price {
  padding: 12px 10px;
}

/* Default link styling */
body .mo-account a {
  text-decoration: none;
  color: #222;
}

/* Link hover effect */
body .mo-account a:hover {
  text-decoration: underline;
  color: #222;
}

/* Column padding for offer header and items */
body .mo-account .mo-item-offer.mo-offer-head .mo-col,
body .mo-account .mo-col {
  padding: 10px;
}

/* Offer header typography */
body .mo-account .mo-item-offer.mo-offer-head {
  font-size: 14px;
  line-height: 18px;
}

/* Offer item typography */
body .mo-account .mo-item-offer {
  font-size: 13px;
  line-height: 16px;
}

/* Divider line for comments and completed responses */
body .mo-account .mo-comment,
body .mo-account .mo-respond.mo-done {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Hide Font Awesome icons inside comments */
body .mo-account .mo-comment i.fa {
  display: none;
}

/* Empty row icon positioning and color */
body .mo-account .mo-row.mo-row-empty i {
  margin-left: -56px;
  color: #ccc;
}

/* Empty row message styling */
body .mo-account .mo-row.mo-row-empty {
  font-size: 14px;
  color: #888;
  margin: 10px 0 25px 0;

  border-radius: 6px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

/* Offer status text */
body .mo-status {
  font-size: 15px;
  line-height: 18px;
  padding-top: 85px;
}

/* Close button typography */
body .mo-button.mo-close {
  font-size: 14px;
}

/* Custom checkbox checkmark using Font Awesome */
body #mo-check.styled .input-box-check label:after {
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: bold;
  top: 0;
  left: 0;
}


/* Flash message layering */
.im-empty.flashmessage {
  z-index: 1;
}

/* =====================================================
   INSTANT MESSENGER – CREATE THREAD / MESSAGES / THREADS
   ===================================================== */

/* Remove padding, background, and shadow from main container */
#body-user-custom.body-ua.plugin-instant_messenger.file-create_thread #main .inside,
#body-user-custom.body-ua.plugin-instant_messenger.file-messages #main .inside,
#body-user-custom.body-ua.plugin-instant_messenger.file-threads #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* Create thread page heading */
#body-user-custom.body-ua.plugin-instant_messenger.file-create_thread h2.im-head {
  display: block;
  width: 70%;
  float: left;
  text-align: left;
  margin: 5px 3% 20px 0;

  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  color: #111;
}

/* Error list positioning on create thread page */
#body-user-custom.body-ua.plugin-instant_messenger.file-create_thread
.im-error-list.error-list {
  float: left;
  clear: left;
  width: 70%;
  margin: 0 3% 0 0;
}

/* Show older messages link */
.im-show-older > span {
  font-size: 15px;
  font-weight: 500;
}

/* OSP limit dialog box */
body #bxp-limit-box {
  border-radius: 6px;
  margin-bottom: 0;
}

/* Close icon for OSP dialog (Font Awesome) */
body .bxp-dialog.ui-dialog
.ui-widget-header
.ui-dialog-titlebar-close:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* =====================
   FAVORITE LISTINGS
   ===================== */

/* Floating favorite message box */
body #fi_message {
  width: 220px;
  top: 15px;
  right: 15px;
}

/* Favorite message styling */
body #fi_message .fi_simple {
  width: auto;
  max-width: 100%;
  margin-bottom: 7px;

  background: #fff;
  border: none;
  border-top-right-radius: 0;
  border-radius: 5px;
  padding: 10px;

  font-size: 13px;
  opacity: 1;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

/* Remove padding/background from favorite items main container */
#body-user-custom.body-ua.plugin-favorite_items #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* Favorite user menu heading */
body #main .fi_user_menu_wrap h2.r1 {
  width: 100%;
  float: left;
  margin: 0;
  border: none;
  padding-bottom: 0;
}

/* Favorite list title */
body #fi_list_items h2.r3 {
  width: 100%;
  float: left;
  margin: 0 1% 12px 1%;

  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #111;

  border: none;
}

/* Favorite list title link */
body #fi_list_items h2.r3 a {
  color: #111;
  text-decoration: none;
  text-transform: none;
}

/* New favorite list form container */
body #fi_user_new_list {
  font-size: 14px;
  padding: 20px;
  margin: 20px 0;

  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 3px solid #ef404f;
}

/* New list name input */
body #fi_user_new_list .fi_new_name {
  float: left;
  width: 43%;
  height: 36px;
  margin-right: 2%;
  padding: 8px;

  font-size: 14px;
  border-radius: 4px;
}

/* Checkbox groups */
body #fi_user_new_list .fi_check.first,
body #fi_user_new_list .fi_check {
  float: left;
  width: 20%;
  padding-right: 20px;
  margin: 0;
}

/* New list title label */
#fi_user_new_list .fi_title {
  display: block !important;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 5px 0;

  font-size: 13px;
  color: #111;
}

/* New list submit button */
#fi_user_new_list button {
  width: 15%;
  height: 36px;
  padding: 8px 15px;

  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;

  border-radius: 6px;
}

/* Checkbox labels */
body #fi_user_new_list .fi_check label {
  font-size: 13px;
}

/* Favorite item tools (icons) */
body #fi_list_items.fi_user_menu .fi_tool {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: auto;
  z-index: 9;
}

/* Tool icons */
body #fi_list_items.fi_user_menu .fi_tool span {
  width: 32px;
  height: 32px;
  padding: 8px;

  font-size: 15px;
  color: #666;
  text-align: center;

  background: transparent;
  border-radius: 4px;
  transition: 0.1s;
}

/* Tool hover effect */
body #fi_list_items.fi_user_menu .fi_tool span:hover {
  color: #333;
  background: #eee;
}

/* Tool icon alignment */
body #fi_list_items.fi_user_menu .fi_tool span:before {
  line-height: 16px;
}

/* Favorite item container */
body #fi_list_items.fi_user_menu .fi_item {
  padding: 0;
  font-size: 13px;
  line-height: 16px;

  background: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/* Favorite item image wrapper */
body #fi_list_items .fi_left a {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  overflow: hidden;

  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #eee;
}

/* Favorite item image */
body #fi_list_items .fi_left img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;

  background-size: cover;
  background-position: center center;
  transition: 0.2s;
  overflow: hidden;
}

/* Right content area */
body #fi_list_items.fi_user_menu .fi_right {
  float: left;
  width: 100%;
  margin: 0;
  padding: 14px 2px;

  text-align: left;
  position: relative;
  z-index: 3;

  background: #fff;
  border-top: 1px solid #ddd;
}

/* Remove link borders */
body #fi_list_items .fi_left a,
body #fi_list_items .fi_left a:hover {
  border: none;
}

/* Left column spacing */
body #fi_list_items.fi_user_menu .fi_left {
  margin: 0;
}

/* Item title link */
body #fi_list_items.fi_user_menu .fi_right a {
  float: left;
  width: 100%;
  height: 19px;
  margin: 0 0 8px 0;
  padding: 0;

  font-size: 14px;
  font-weight: normal;
  color: #363433;
  text-align: left;

  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}

/* Item title hover */
body #fi_list_items.fi_user_menu .fi_right a:hover {
  color: #363433;
  text-decoration: underline;
}

/* Price and meta rows */
body #fi_list_items .fi_right .fi_top,
body #fi_list_items .fi_right .fi_bottom {
  float: left;
  clear: both;
  max-width: 100%;
  margin: 0;
  padding: 0 5px 0 10px;

  font-size: 17px;
  line-height: 20px;
  font-weight: bolder;
  color: #000;

  position: relative;
}

/* =========================
   CUSTOM CHECKBOX STYLING
   ========================= */

/* Checkbox row wrapper */
.fi_check > span {
  float: left;
  width: 100%;
  clear: both;
  margin: 3px 0;
}

/* Hide native checkbox input */
.fi_check > span input[type="checkbox"] {
  opacity: 0.01;
  position: absolute;
  z-index: 1;
  overflow: hidden;

  background: transparent;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Checkbox label */
.fi_check > span label {
  float: left;
  clear: both;
  width: auto;

  cursor: pointer;
  position: relative;
  padding: 2px 0 0 26px !important;

  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
}

/* Label hover effect */
.fi_check > span label:hover {
  text-decoration: underline;
}

/* Custom checkbox box */
.fi_check > span label:before {
  content: "";
  cursor: pointer;

  width: 18px;
  height: 18px;

  position: absolute;
  top: 0;
  left: 0;

  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);

  font-weight: 500;
  text-shadow: none;
  transition: 0.1s;
}

/* Checkbox hover border */
.fi_check > span label:hover:before {
  border-color: #aaa;
}

/* Checkmark icon (Font Awesome) */
.fi_check > span label:after {
  content: "\f00c";
  cursor: pointer;
  text-indent: 1px;

  font-family: "Font Awesome 5 Free";
  font-size: 11px;
  font-weight: 900;
  color: transparent;

  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;

  position: absolute;
  top: 0;
  left: 0;

  border-radius: 5px;
  text-shadow: none;
  transition: 0.1s;
}

/* Checked state */
.fi_check > span input[type="checkbox"]:checked + label:after {
  color: #000;
}

/* =========================
   FAVORITE LIST – USER MENU
   ========================= */

/* Hide secondary heading */
body .fi_user_menu_wrap h2.r2 {
  display: none;
}

/* List header */
body #fi_user_lists .fi_list.fi_head {
  margin: 0 0 8px 0;
  padding: 0 15px;

  background: transparent;
  border: none;

  font-size: 12px;
  font-weight: bold;
  color: #111;
  text-transform: none;
  white-space: nowrap;
}

/* Header counter & remove button inherit color */
body #fi_user_lists .fi_list.fi_head .fi_count,
body #fi_user_lists .fi_list.fi_head .fi_user_list_remove {
  color: inherit;
}

/* List name hover */
body #fi_user_lists .fi_name a:hover {
  color: #111;
  text-decoration: underline;
}

/* User list items */
body #fi_user_lists .fi_list:not(.fi_head) {
  margin: 0 0 7px 0;
  padding: 15px 15px;

  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* Remove list link */
body #fi_user_lists .fi_user_list_remove a {
  color: #666;
}

body #fi_user_lists .fi_user_list_remove a:hover {
  color: #111;
}

/* User lists container spacing */
body #fi_user_lists {
  margin: 15px 0;
}

/* Icon buttons */
body .fi_current a,
body .fi_notification a,
body .fi_user_list_remove a {
  display: inline-block;
  width: 32px;
  height: 32px;

  padding: 8px;
  margin: -8px 0;

  text-align: center;
  border-radius: 5px;
  background: #f9f9f9;
  transition: 0.1s;
}

/* Icon alignment */
body .fi_current a i,
body .fi_notification a i,
body .fi_user_list_remove a i {
  line-height: 16px;
  transition: 0.1s;
}

/* Icon hover effect */
body .fi_current a:hover,
body .fi_notification a:hover,
body .fi_user_list_remove a:hover {
  background: #eee;
}

/* Explanation text */
body #fi_user_lists .fi_explain {
  margin-top: 3px;
  font-size: 12px;
  line-height: 15px;
}

body #fi_user_lists .fi_explain > div {
  margin-bottom: 6px;
}

body #fi_user_lists .fi_explain sup {
  margin-right: 4px;
  color: #888;
  width: auto;
}

/* =========================
   STAR RATING – STATIC
   ========================= */

/* Static rating states */
body .rating.s1 i.i2:before,
body .rating.s1 i.i3:before,
body .rating.s1 i.i4:before,
body .rating.s1 i.i5:before,
body .rating.s2 i.i3:before,
body .rating.s2 i.i4:before,
body .rating.s2 i.i5:before,
body .rating.s3 i.i4:before,
body .rating.s3 i.i5:before,
body .rating.s4 i.i5:before,
body .rating.h1 i.i2:before,
body .rating.h1 i.i3:before,
body .rating.h1 i.i4:before,
body .rating.h1 i.i5:before,
body .rating.h2 i.i3:before,
body .rating.h2 i.i4:before,
body .rating.h2 i.i5:before,
body .rating.h3 i.i4:before,
body .rating.h3 i.i5:before,
body .rating.h4 i.i5:before {
  content: "\f005";
  font-weight: 400;
}

/* =========================
   CLICK RATING STATES
   ========================= */

body .rating.s1 i.i1:before {
  content: "\f005";
  font-weight: 400;
}

body .rating.s2 i.i1:before,
body .rating.s2 i.i2:before,
body .rating.s3 i.i1:before,
body .rating.s3 i.i2:before,
body .rating.s3 i.i3:before,
body .rating.s4 i.i1:before,
body .rating.s4 i.i2:before,
body .rating.s4 i.i3:before,
body .rating.s4 i.i4:before,
body .rating.s5 i.i1:before,
body .rating.s5 i.i2:before,
body .rating.s5 i.i3:before,
body .rating.s5 i.i4:before,
body .rating.s5 i.i5:before {
  content: "\f005";
  font-weight: bold;
}

/* =========================
   HOVER RATING STATES
   ========================= */

body .rating.h1 i.i1:before,
body .rating.h2 i.i1:before,
body .rating.h2 i.i2:before,
body .rating.h3 i.i1:before,
body .rating.h3 i.i2:before,
body .rating.h3 i.i3:before,
body .rating.h4 i.i1:before,
body .rating.h4 i.i2:before,
body .rating.h4 i.i3:before,
body .rating.h4 i.i4:before,
body .rating.h5 i.i1:before,
body .rating.h5 i.i2:before,
body .rating.h5 i.i3:before,
body .rating.h5 i.i4:before,
body .rating.h5 i.i5:before {
  content: "\f005";
  font-weight: bold;
}

/* =========================
   POLICY CHECK ICON
   ========================= */

body .pol-input-box label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 9px;
}


/* =========================
   USER TOP MENU
   ========================= */

/* Header shadow */
.body-ua header {
  box-shadow: 0px 0px 1px rgba(54, 52, 51, 0.25);
}

/* Top user menu container */
.user-top-menu {
  float: left;
  width: 100%;
  padding: 8px 0;
  margin: 0;

  background: #f7f8fb;
  background: linear-gradient(to bottom, #f7f8fb, #ebedf5 100%);
}

/* Menu wrapper */
.user-top-menu > .umenu {
  max-width: 1080px;
  display: block;
  margin: 0 auto;
}

/* Menu items */
.user-top-menu > .umenu li {
  display: inline-block;
  position: relative;
}

/* Hide icons */
.user-top-menu > .umenu i {
  display: none;
}

/* Menu links */
.user-top-menu > .umenu a {
  display: inline-block;
  padding: 8px 10px;
  margin: 0 4px 0 0;

  font-size: 14px;
  color: #111;
  letter-spacing: -0.3px;

  border-radius: 4px;
}

/* Active menu item */
.user-top-menu > .umenu li.active a {
  font-weight: bold;
}

/* Hide scrollbar (WebKit & Firefox) */
.user-top-menu > .umenu::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}

.user-top-menu > .umenu {
  scrollbar-width: none;
}

/* =========================
   CONTACT PAGE
   ========================= */

/* Contact content width */
.content.contact .inside {
  max-width: 600px;
}

/* Contact form container */
#body-contact #contact {
  display: block;
  margin: 35px 0 60px;
  padding: 25px 30px 30px;

  background: #fff;
  background: linear-gradient(to bottom, #fff 75%, #f7f8fb 100%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  box-shadow: 0 10px 25px rgb(0 0 0 / 25%);
}

/* Contact headings */
#contact h1 {
  width: 100%;
  margin: 0 0 10px 0;

  text-align: center;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  color: #000;
}

#contact h2 {
  width: 100%;
  margin: 0 0 35px 0;

  text-align: center;
  font-size: 15px;
  line-height: 18px;
  font-weight: 300;
  color: #333;
}

/* Form rows */
#contact .row {
  float: left;
  width: 100%;
  margin: 0 0 18px 0;
}

#contact .row.r1 {
  width: 50%;
  padding-right: 10px;
}

#contact .row.r2 {
  width: 50%;
  padding-left: 10px;
}

/* Inputs & labels */
#contact .input-box {
  margin: 0;
}

#contact label {
  float: left;
  width: 100%;
  margin: 0 0 3px 0;

  font-size: 14px;
  color: #111;
}

#contact input,
#contact textarea {
  width: 100%;
}

/* Submit button */
#contact button.btn {
  padding: 10px 15px;

  font-size: 14px;
  font-weight: bold;
  text-align: center;
  clear: both;
}

/* Form wrapper */
#contact form {
  display: inline-block;
  width: 100%;
}

/* Attachment box */
#contact .attachment.att-box {
  width: auto;
  margin-bottom: 18px;
}

#contact .attachment.att-box label {
  padding-right: 10px;
}

/* =========================
   TOP SEARCH BAR
   ========================= */

#search-bar {
  float: left;
  clear: both;
  width: 100%;
  height: 56px;
  margin: -1px 0 0 0;
  padding: 8px 0;

  position: relative;
  z-index: 9;
  color: #fff;
}

/* Column widths */
#search-bar .w1 {
  float: left;
  width: 65%;
  padding-right: 20px;
}

#search-bar .w2 {
  float: left;
  width: 20%;
  padding-right: 20px;
}

#search-bar .wb {
  float: left;
  width: 15%;
}

/* Search button */
#search-bar .wb .btn {
  width: 100%;
  height: 36px;
  margin: 2px 0;
  padding: 8px 5px;

  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
}

/* Query & location pickers */
#search-bar .query-picker,
#search-bar #location-picker {
  margin: 0;
}

/* Query input */
#search-bar .query-picker .pattern {
  float: left;
  width: 100%;
  height: 40px;
  padding: 11px 10px 9px 36px;

  font-size: 15px;
  line-height: 18px;

  background: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
}

/* Query icon */
#search-bar .query-picker svg {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: 4;

  width: 21px;
  height: 21px;
  color: #777;
}

/* Location picker input */
#search-bar #location-picker .term {
  float: left;
  width: 100%;
  height: 40px;
  padding: 10px 30px 10px 36px;

  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #fff;

  background: transparent;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: 0.2s;
}

/* Location hover */
#search-bar #location-picker .term:hover {
  cursor: pointer;
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}

/* Location active/open */
#search-bar #location-picker .term:active,
#search-bar #location-picker .term:focus,
#search-bar #location-picker .term.open {
  background: #fff;
  color: #111;
  font-weight: normal;
  cursor: initial;
}

/* Location icons */
#search-bar #location-picker svg.svg-left {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: 4;

  width: 21px;
  height: 21px;
  color: #fff;
}

#search-bar #location-picker svg.svg-right {
  position: absolute;
  top: 11px;
  right: 10px;
  z-index: 4;

  width: 16px;
  height: 16px;
  color: #fff;
}

/* Placeholder color */
#search-bar #location-picker input::-webkit-input-placeholder {
  color: #fff;
}

/* Icon color when active */
#search-bar #location-picker .term:active + svg,
#search-bar #location-picker .term:focus + svg,
#search-bar #location-picker .term.open + svg,
#search-bar #location-picker .term:active + svg + svg,
#search-bar #location-picker .term:focus + svg + svg,
#search-bar #location-picker .term.open + svg + svg {
  color: #777;
}

/* =========================
   HEADER CATEGORY BOX
   ========================= */

#cat-box {
  float: left;
  clear: both;
  width: 100%;
}

/* Sidebar */
#cat-box .side {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 240px;

  background: #f7f8fb;
  padding: 0 0 50px 0;
}

/* Sidebar scroll wrapper */
#cat-box .side .wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 70px;

  padding: 20px 15px;
  overflow-y: auto;
}

/* Main category box */
#cat-box .box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 240px);

  background: #fff;
  padding: 20px;
  overflow-y: auto;
}

/* Category links */
#cat-box a.cat1 {
  float: left;
  clear: both;
}

/* Sidebar category link */
#cat-box .side a.cat1 {
  float: left;
  width: 100%;
  margin: 0 0 4px 0;
  padding: 12px 16px;

  position: relative;
  border-radius: 100px;
}

/* Category icon */
#cat-box a.cat1 > div {
  float: left;
  width: 48px;
  height: 48px;
  margin: 0 12px 0 0;
  padding: 8px;

  background: #eceef5;
  border-radius: 100px;
  overflow: hidden;

  transform: scale(1);
  transition: 0.1s;
}

/* Icon image */
#cat-box a.cat1 > div > img {
  max-width: 32px;
  max-height: 32px;
  margin: auto;
}

/* Icon font */
#cat-box a.cat1 > div > i {
  width: 100%;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
}

/* Icon hover */
#cat-box a.cat1:hover > div {
  transform: scale(1.1);
}

/* Category titles */
#cat-box .box a.cat1 h3 {
  float: left;
  margin: 14px 0;

  font-size: 15px;
  font-weight: bold;
  color: #111;
  line-height: 20px;
}

#cat-box .side a.cat1 h3 {
  float: left;
  margin: 0;

  font-size: 13px;
  font-weight: bold;
  color: #777;
  line-height: 15px;

  position: relative;
  z-index: 3;
}

/* Sidebar active state */
#cat-box .side a.cat1 span {
  display: none;
  position: absolute;
  inset: 0;
  border-radius: 100px;
}

#cat-box .side a.cat1.active h3 {
  color: #fff;
}

#cat-box .side a.cat1.active span {
  display: block;
}

/* Subcategory box */
#cat-box .sub-box {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0 30px 0;
}

#cat-box .sub-box:last-child {
  margin-bottom: 50px;
}

#cat-box .sub-box:empty {
  display: none;
}

/* Subcategory links */
#cat-box .sub-box .link {
  float: left;
  width: 50%;
  padding: 0 20px 0 0;
}

#cat-box .sub-box .link a {
  float: left;
  max-width: 100%;
  margin: 0 0 2px 0;
  padding: 5px 0;

  font-size: 13px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cat-box .sub-box .link a:hover {
  text-decoration: underline;
}

/* All categories button */
#cat-box .side a.allcat {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;

  padding: 8px;
  text-align: center;

  font-size: 13px;
  font-weight: bold;
  color: #444;

  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-decoration: none;
  z-index: 2;
}

#cat-box .side a.allcat:hover {
  border-color: #888;
}

/* =========================
   HOME PAGE BLOG
   ========================= */

/* Blog list layout */
#home-blog .box {
  float: left;
  clear: both;
  width: calc(100% + 16px);
  margin: 0 -8px;

  position: relative;
}

/* Blog list item */
#home-blog .box a {
  float: left;
  width: calc(50% - 16px);
  margin: 0 8px 16px 8px;

  overflow: hidden;
  text-align: left;
}

/* Blog image */
#home-blog .box a .img {
  float: left;
  width: 150px;
  height: 120px;

  position: relative;
  overflow: hidden;
}

/* Blog image background */
#home-blog .box a .img > div {
  position: absolute;
  inset: 0;

  border-radius: 4px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.2s;
}

/* Blog content */
#home-blog .box a .data {
  float: left;
  width: calc(100% - 150px);
  padding: 0 0 0 15px;
}

/* Blog title */
#home-blog .box a h3 {
  float: left;
  width: 100%;
  margin: 5px 0;

  font-family: 'Lora', serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000;

  max-height: 40px;
  overflow: hidden;
}

/* Blog description */
#home-blog .box a .desc {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;

  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #555;

  max-height: 60px;
  overflow: hidden;
}

/* Hover effect */
#home-blog .box a:hover h3 {
  text-decoration: underline;
}

/* =========================
   PLUGIN STYLES
   ========================= */

body #atr-search .atr-box,
#atr-search select,
#atr-search select input {
  font-size: 13px;
  border-radius: 3px;
  margin-bottom: 0;
}

body #atr-search .atr-input-box label {
  font-size: 13px;
}

#plugin-hook #atr-item .atr-name {
  width: 100%;
  margin: 0 0 5px 0;

  font-size: 14px;
  font-weight: bold;
}

#plugin-hook #atr-item li {
  list-style: none;
  width: 100%;
  margin: 0 0 10px 0;
}

#plugin-hook #atr-item .atr-value {
  width: 100%;
  font-weight: normal;
}

#plugin-hook #atr-item .atr-value-single {
  width: 33.3%;
  padding-right: 20px;
  margin-right: 0;
}

#plugin-hook #atr-item .atr-linked-value .atr-value-single {
  width: auto;
}

#plugin-hook #atr-item li.atr-type-textarea .atr-value-single,
#plugin-hook #atr-item li.atr-type-phone .atr-value-single,
#plugin-hook #atr-item li.atr-type-text .atr-value-single {
  width: 100%;
  padding-right: 0;
}

/* =====================================================
   ATTRIBUTE FORM & SMS
===================================================== */
body #atr-form .atr-input-box label {font-size:14px;}

body .sms-body {
  font-size:15px;
}
body .sms-body .sms-row.sms-success,
body .sms-body .sms-row.sms-error {
  line-height:20px;
  padding:14px;
}
body .sms-body .sms-only-text {font-size:15px;}
body .sms-body input[type="text"],
body .sms-body input[type="tel"],
body .sms-body input[type="email"] {
  padding:10px;
  font-size:14px;
}
body .sms-body .sms-button {
  padding:11px;
  font-size:15px;
  font-weight:bold;
}
body .sms-wrap h2 {
  font:600 28px/32px 'Lora', serif;
  color:#111;
  text-align:center;
  border:none;
  padding-bottom:0;
}
body .sms-box {
  max-width:440px;
  margin:20px auto;
}

/* =====================================================
   VRT / DOWNLOADS
===================================================== */
body .vrt-menu a:hover {text-decoration:none;}
body .vrt-body.vrt-downloads {padding:0;border:none;}

body .vrt-table {
  font-size:13px;
}
body .vrt-table .vrt-head-row {
  font-size:14px;
  font-weight:bold;
  line-height:18px;
  color:#111;
}
body .vrt-table .vrt-col {
  padding:11px 0;
}
body .vrt-table .vrt-row {
  height:40px;
}
body .vrt-table .vrt-row.vrt-row-empty {
  height:auto;
  padding:35px 15px;
}

/* =====================================================
   OSP / PAYMENT
===================================================== */
#body-user-custom.body-ua.plugin-osclass_pay #main .inside {
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}

body .bxp-body-pack .bxp-pack-bonus:before,
body #bxp-aff .bxp-h2 i:before,
body #bxp-aff .bxp-share a i:before,
body .bxp-pay-button li a:not(.bxp-disabled):after,
body .bxp-pay-button .paystack-trigger-btn:after,
body .bxp-stat > span:after,
body .bxp-body-itempay .bxp-promote-form .bxp-h1:after {
  font-family:"Font Awesome 5 Free";
  font-weight:900;
}

body .bxp-body:not(.bxp-body-order) .bxp-pay-msg {
  width:calc(100% - 50px);
  margin-left:25px;
}
body .bxp-body-itempay .bxp-h1 {margin-bottom:12px;}
body#body-custom .bxp-body.bxp-body-itempay .bxp-pay-button {padding:0;}

/* =====================================================
   OVERLAYS
===================================================== */
body #ur-fancy-overlay,
body #mo-fancy-overlay {
  background:rgba(0,0,0,0.7);
  opacity:1;
}

/* =====================================================
   FONT AWESOME NORMALIZATION
===================================================== */
#pick-color {display:none!important;}

body i.fa:before {
  font-family:"Font Awesome 5 Free";
  font-weight:900;
}

/* Solid / Regular Overrides */
body i.fa-star-o:before,
body i.fa-handshake-o:before,
body i.fa-file-archive-o:before,
body i.fa-flag-o:before,
body i.fa-envelope-o:before,
body i.fa-pencil-square-o:before,
body i.fa-folder-o:before,
body i.fa-user-o:before,
body i.fa-newspaper-o:before,
body i.fa-comments-o:before {
  font-weight:400;
}

/* Icon Mapping */
body i.fa-dollar:before {content:"\f155";}
body i.fa-mobile:before {content:"\f3cd";}
body i.fa-warning:before {content:"\f071";}
body i.fa-trash-o:before {content:"\f1f8";}
body i.fa-sign-in:before {content:"\f2f6";}
body i.fa-sign-out:before {content:"\f2f5";}
body i.fa-clock-o:before {content:"\f017";}
body i.fa-repeat:before {content:"\f01e";}
body i.fa-gear:before {content:"\f013";}

body i.fab.fa-share,
body i.fa-youtube,
body i.fa-vimeo,
body i.fa-pinterest-p,
body i.fa-facebook,
body i.fa-instagram,
body i.fa-whatsapp,
body i.fa-twitter,
body i.fa-google-plus,
body i.fa-linkedin,
body i.fa-pinterest,
body i.fa-cc-mastercard {
  font-family:"Font Awesome 5 Brands"!important;
}

/* =====================================================
   CHAT / IM
===================================================== */
.oc-chat-box.oc-online .oc-status-offline,
.oc-chat-box.oc-offline .oc-status-online,
.oc-start-chat.oc-online .oc-status-offline,
.oc-start-chat.oc-offline .oc-status-online {
  display:none;
}

.oc-chat-box.oc-online > i {color:#00c944;}

body #im-create-thread-form .im-input,
body #im-create-thread-form .im-select,
body #im-create-thread-form .im-textarea,
.im-textarea,
#im-message {
  padding:8px;
  font-size:14px;
  line-height:18px;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:4px;
  background:#fff;
  font-family:'Poppins', sans-serif;
  color:#363433;
}

/* =====================================================
   LOAN BOX
===================================================== */
body #show-loan {
  position:relative;
  float:left;
  width:100%;
  margin:0 0 20px;
  padding:20px 20px 20px 60px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:5px;
  font-size:15px;
  font-weight:bold;
  transition:0.1s;
}
body #show-loan:hover {
  background:rgba(0,0,0,0.02);
  text-decoration:none;
}
body #show-loan i {
  position:absolute;
  left:0;
  top:0;
  width:48px;
  height:100%;
  background:#4182c3;
  color:rgba(255,255,255,0.9);
  font-size:22px;
}
body #show-loan i:before {
  content:"\f4c0";
  position:absolute;
  top:50%;
  left:50%;
  width:24px;
  height:24px;
  margin:-12px 0 0 -12px;
  text-align:center;
}

/* =====================================================
   BLOG
===================================================== */
body .blg-content h1 {
  font:600 28px/32px 'Lora', serif;
  color:#111;
  margin:0 0 20px;
}
body .blg-new-comment {
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  border-radius:6px;
}
body .blg-new-comment input,
body .blg-new-comment textarea {
  font-size:14px;
  border-radius:4px;
}

/* =====================================================
   FOOTER
===================================================== */
#footer-links {
  width:100%;
  padding:30px 0 0;
  margin:0 0 30px;
  border-top:1px dashed #163a57;
  text-align:center;
}
#footer-links a {
  margin:0 8px 8px;
  font-size:13px;
  font-weight:500;
  color:rgba(255,255,255,0.85);
  display:inline-block;
}

.body-ua #bread {display:none!important;}


/* FOOTER */
footer {background:#0d9ecc;background:linear-gradient(to bottom,#075993,#0f1620 95%);padding:50px 0 0 0;margin:100px 0 0 0;color:#ebeef2;font-size:16px;line-height:20px;}
footer a {color:#ebeef2;}
footer a:hover {color:#fff;}
footer .line1 {display:inline-block;text-align:center;width:100%;padding:0 0 30px 0;margin:0 0 40px 0;border-bottom:1px solid #ffffff;font-size:19px;line-height:24px;}
footer .line1 .one {display:inline-block;}
footer .line1 .one > span {margin-right:5px;}
footer .line1 .one.bab {margin:0 15px;}
footer .line2 {display:inline-block;text-align:center;width:100%;padding:0 0 20px 0;margin:0 0 40px 0;border-bottom:1px solid #ffffff;}
footer .line2 .box {float:left;width:calc(33.33% - 30px);padding:5px 10px 5px 0;margin:0 30px 0 0;}
footer .line2 .box.b1, footer .line2 .box.b2 {border-right:1px solid #ffffff;}
footer .line2 .box h4 {display:inline-block;width:100%;margin:0 0 30px 0;font-size:16px;line-height:22px;font-weight:500;text-align:left;}
footer .line2 .box.b3 h4 {text-transform:uppercase;}
footer .line2 .box ul {display:inline-block;width:100%;}
footer .line2 .box ul li {float:left;width:50%;margin:0 0 10px 0;padding:0 8px 0 0;text-align:left;}
footer .line2 .box ul li a {font-size:14px;display:inline-block;}
footer .line2 .box.lang ul li {margin-bottom:14px;}
footer .line2 .box.address ul li {width:100%;margin-bottom:12px;font-size:14px;}
footer .line2 .box.address ul li:last-child {margin-bottom:0px;}
footer .line2 .box.share ul li {width:auto;padding:0;margin:0 8px 7px 0;}
footer .line2 .box.share ul li a {margin:0;}
footer .line3 {display:inline-block;text-align:center;width:100%;padding:0 0 30px 0;margin:0 0 30px 0;}
footer .line3 ul {display:inline-block;width:100%;}
footer .line3 ul li {display:inline-block;padding:3px 16px 3px 12px;border-right:1px dashed #163a57;}
footer .line3 ul li:last-child {border-right:none;}
footer .line3 ul li a {margin:0;font-size:14px;color:#fff;font-weight:bold;}
footer .footer-hook, footer .footer-widgets {float:left;clear:both;width:100%;}
footer .inside.copyright {color:#8d9ca4;font-size:13px;font-weight:500;text-align:center;background:#05375a;max-width:100%;width:100%;padding:15px 0;margin:0;float: none; display: inline-block;}
footer .inside.copyright a {color:#8d9ca4;}
footer .share a {float:left;width:32px;height:32px;border-radius:100px;color:#fff;text-align:center;margin:0;transition:0.2s;}
footer .share a i {line-height:32px;font-size:18px;}
footer .share a svg {height:32px;width:32px;padding:7px;fill:#fff;}
footer .share a:hover {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
footer .share .facebook a {background:#3b5a99;}
footer .share .twitter a {background:#55abe1;}
footer .share .pinterest a {background:#de2d2b;}
footer .share .linkedin a {background:#3770ae;}
footer .share .instagram a {background: #833ab4; background: linear-gradient(-50deg, #833ab4, #fd1d1d, #fcb045);}
footer .share .whatsapp a {background:#62cd64;}
footer .lang a img {transition:0.2s;height: 16px; width: 24px; float: left; margin: 0px 8px 0 0;box-shadow: 0 0 0px 1px rgb(255 255 255 / 80%);}
footer .lang a span {float:left;line-height:16px;}
footer .lang a:hover img {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
footer #footer-links:empty {display:none;}
footer .pub-box-line {position:relative;display:inline-block;width:100%;margin:-130px 0 40px 0;}
footer .pub-box {position: relative;z-index: 3;color:#000;width: 100%; display: block; background: linear-gradient(to bottom,#ffea32,#ffbe5f 100%); padding: 45px 50px; border-radius: 8px; box-shadow: 0px 5px 18px -8px rgb(0 0 0 / 80%);}
footer .pub-box .wrap {display:inline-block;width:100%;padding-right:260px;position:relative;}
footer .pub-box .info {display:inline-block;width:100%;line-height:20px;font-size:14px;font-weight:500;}
footer .pub-box .button {position:absolute;right:0;top:0;width:220px;padding:5px 0;}
footer .pub-box .button a {display: inline-block; text-align: center;width:100%;background:#040c14;color:#fff;font-size:16px;line-height:24px;padding:14px 6px;border-radius:100px;font-weight:500;text-decoration:none;transition:0.2s;}
footer .pub-box .button a:hover {background:#000;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
footer .pub-box h3 {font-size:30px;line-height:32px;font-weight:bold;color:#000;margin:0 0 15px 0;font-family: 'Lora', serif;}
body#body-custom footer {margin-top:20px;}
body#body-custom footer .pub-box {display:none;}

.user-reg-hook {float:left;clear:both;width:100%;margin:0 0 8px 0;}
.user-reg-hook:empty {display:none;}
.sub-line {float:left;clear:both;width:100%;margin:0 0 15px 0;font-size:13px;}
.sub-line .img-check {float:right;width:auto;}
.sub-line .img-check .link-check-box a {margin:0;line-height:18px;padding-right:0;}
.sub-line .img-check .link-check-box a:not(.active):hover:before {background:transparent;border-color:#ccc;}

.alert-box {float:left;clear:left;width:100%;margin:0;display:none;position:relative;padding-bottom:3px;}
.alert-box #alert_email {float:left;width:100%;height:40px;border-radius:3px;font-size:13px;}
.alert-box .btn {float:left;width:auto;height:34px;font-size:13px;font-weight:bold;line-height:16px;padding:8px 12px;margin:0;position:absolute;top:3px;right:3px;border-radius:3px;}

.cats.title_block {margin:0;}
.cats.title_block a.level-up {float: right; font-size: 11px; color: #999; text-decoration: none;transition-duration: 0.1s;-moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s;}
.cats.title_block a.level-up:hover {color:#444;}

#sidebar-search .side-cat h3 {padding:2px 0 5px 0;margin:0 0 2px;}
.side-cat .inside {float:left;clear:both;width:100%;max-height:320px;overflow-y:auto;padding:0;}
.side-cat .inside:not(.root) a.child {margin-left:5px;max-width:calc(100% - 5px);}
.side-cat a em {color:#999;font-weight:normal;font-style:normal;position:absolute;right:4px;top:3px;font-size:12px;}

.side-cat .gotop {float:right;}
.side-cat .inside:not(.root) a.parent {font-weight:bold;font-size:14px;color:#363433;position:relative;width:100%;}
.side-cat a.active:not(.parent) {text-decoration:underline;}
.side-cat h3 span {float:left;margin-right:10px;}
.side-cat h3 a {float:left;font-size:12px;font-weight:500;clear:none;margin:0;line-height: 14px; margin-top: 5px;color:#1d9eef;}
.side-cat h3 a.gotop {float:right;font-weight:normal;margin:-1px 0;color:#fff;border-radius:3px;background:#619f00;border-bottom:2px solid rgba(0,0,0,0.1);padding:3px 8px;}
.side-cat h3 a.gotop:hover {background:#5a9202;color:#fff;text-decoration:none;}
.side-cat h3 a:hover {color:#1d9eef;text-decoration:underline;}



.link-check-box {float:left;clear:both;width:100%;}
.link-check-box a {position:relative;float:left;clear:both;width:100%;max-width:100%;position:relative;font-size:13px;font-weight:normal;text-decoration:none;color:#435269;line-height:16px;padding:1px 20px 1px 26px;margin:6px 0;}
.link-check-box a:before {cursor: pointer; content: ""; width: 18px; height: 18px; border: 1px solid rgba(0,0,0,0.2); font-weight: 500; text-shadow: none; position: absolute; top: 0; left: 0; text-shadow: none; box-shadow: 0px 1px 1px rgba(0,0,0,0.05); border-radius: 100px; transition: 0.1s;}
.link-check-box a:after {cursor: pointer;content:""; color: transparent; width:8px; height: 8px;background:#fff;position: absolute; top: 5px; left: 5px; border-radius: 100px; transition: 0.1s;}
.link-check-box a.active:after, .link-check-box a:hover:after {opacity:1;color:#fff;}
.link-check-box a.active:before, .link-check-box a:hover:before {background:#4182c3;border-color:rgba(0,0,0,0.05);}



/* QUERY PICKER */
.query-picker {position:relative;float:left;width:100%;z-index:10;margin:0 0 12px 0;z-index:20;}
.query-picker .pattern {float:left;clear:both;width:100%;position:relative;transition:0.2s;}
.query-picker .pattern.open {background:#fbfbfb;}
.query-picker .shower-wrap {position:absolute;width:100%;height:auto;top:34px;left:0px;}
.query-picker .shower {overflow-y:auto!important;display:none;float:left;width:100%;clear:both;max-height:320px;overflow-y:auto;border:1px solid rgba(0, 0, 0, 0.3);border-top:none;background:#fbfbfb;z-index:1;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.query-picker .shower:empty { display: none!important; }
.query-picker .shower .option {float:left;display:block;width:100%;border-top:1px solid rgba(0,0,0,0.02);color:#111;padding:10px 10px;font-size:14px;cursor:pointer;position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.query-picker .shower .option:hover {background: rgba(0,0,0,0.05);}
.query-picker .loader {position:absolute;right:8px;top:8px;display:block;width:18px;height:18px;background:transparent url(../images/loader.gif) no-repeat center center;background-size:100%;opacity:0;transition:0.2s;}
.query-picker.searching .loader {opacity:0.4;}
#home-search .line1.open {border-bottom-left-radius:0;}
#home-search .query-picker {margin:0;outline:none;}
#home-search .query-picker > svg {position:absolute;left:11px;top:11px;z-index:5;}
#home-search .query-picker .pattern.open, #home-search .query-picker .shower {background:#fff;}
#home-search .query-picker .shower {border-color:#ddd;border-top:none;}
#home-search .query-picker .shower .option {font-size: 13px; border-top: 1px solid rgba(0,0,0,0.02);}
#home-search .query-picker .shower-wrap {top:38px;}

.shower .button-wrap {float: left; clear: both; width: 100%; background: #f7f8fb; border-top: 1px solid rgba(0,0,0,0.1); padding: 10px;}
.shower .button-wrap a.btn {font-size: 13px;line-height:19px; font-weight: bold; padding: 5px 10px;float:right;}
.shower .button-wrap a.btn i {line-height: 19px; float: left; margin: 0 5px 0 0; font-size: 14px;}
input.term2, input.term3 {cursor:pointer;}
.loc-picker .loc-tab {font-size:14px;position:relative;}
.loc-picker .loc-tab .elem {cursor:pointer;}
.loc-picker .country-tab {float:left;clear:both;width:100%;overflow:hidden;overflow-x:auto;white-space:nowrap;}
.loc-picker .country-tab .loc-in {float:left;clear:both;width:100%;}
.loc-picker .region-tab:not(:empty) + .city-tab:empty {display:block;} 
.loc-picker .region-tab:empty:after, .loc-picker .city-tab:empty:after {padding:10px;color:#999;font-size:14px;line-height:18px;display:inline-block;}
.loc-picker .region-tab > .filter:after, .loc-picker .city-tab > .filter:after {display:none;}
.loc-picker .region-tab > .filter:first-child:last-child:after, .loc-picker .city-tab > .filter:first-child:last-child:after {padding:6px;margin-top:8px;color:#999;font-size:14px;line-height:18px;display:inline-block;}
.loc-picker .region-tab {float:left;clear:both;width:50%;height:300px;overflow-y:auto;border-right:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px}
.loc-picker .city-tab {float:left;width:50%;height:300px;overflow-y:auto;position:relative;border-top:1px solid #ccc;margin-top:-1px}
.loc-picker .region-tab .filter, .loc-picker .city-tab .filter {float:left;width:100%;padding:6px;margin:0 0 2px 0;}
.loc-picker .region-tab .filter input[type="text"], .loc-picker .city-tab .filter input[type="text"] {float:left;width:100%;}
.loc-picker .country-tab .elem {float:none;display:inline-block;width:auto;border-right:1px solid #ccc;transition:0.1s;padding:15px 15px;text-align:center;position:relative;}
.loc-picker .country-tab .elem img {clear: both; float:left;display: block; width: auto; height: 18px; margin: 0 6px 0 0;border:1px solid rgba(0,0,0,0.1);border-radius:3px;}
.loc-picker .country-tab .elem strong {float:left;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.loc-picker .country-tab .elem:hover, .loc-picker .region-tab .elem:hover, .loc-picker .city-tab .elem:hover {background:#f7f8fb;}
.loc-picker .region-tab .elem, .loc-picker .city-tab .elem {float: left; display: block; width: 100%; border-bottom:1px solid #f0f0f0;color: #444; padding: 10px 10px; font-size: 14px; cursor: pointer; position: relative;}
.loc-picker .region-tab .elem.hide, .loc-picker .city-tab .elem.hide {display:none;}
.loc-picker .region-tab .elem i, .loc-picker .city-tab .elem i, .loc-picker .country-tab .elem:after {position:absolute;right:10px;top:50%;width:24px;margin-top:-10px;line-height:20px;text-align:center;font-size:16px;color:#999;}
.loc-picker .country-tab .elem:after  {top:1px;right:-1px;margin:0;font-family:"Font Awesome 5 Free";content:"";font-weight:900;}
.loc-picker .city-tab .elem i:before {content:"";}
.loc-picker .region-tab .elem.active i, .loc-picker .city-tab .elem.active i, .loc-picker .country-tab .elem.active:after {color:#5cb74c;}
.loc-picker .region-tab .elem.active i:before, .loc-picker .city-tab .elem.active i:before, .loc-picker .country-tab .elem.active:after {content:"\f058";}
.loc-picker .region-tab .elem.loading i:before, .loc-picker .country-tab .elem.loading:after {content:"\f1ce";}
.loc-picker .region-tab .elem.loading i, .loc-picker .country-tab .elem.loading:after {animation: spinner 1.5s linear infinite;}
.loc-picker .loc-tab.loading:after {content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background:rgba(255,255,255,0.8);}
.loc-picker .loc-tab.loading:before {position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;font-weight:800;font-size:20px;line-height:20px;text-align:center;color:#999;z-index:3;font-family:"Font Awesome 5 Free";content:"\f1ce";animation: spinner 1.5s linear infinite;}

body .im-threads .im-table-row {border-radius:3px;}
body .im-threads .im-table-row.im-unread {border-left-width:3px;}
body .im-threads .im-table-row.im-unread:before {font-family:"Font Awesome 5 Free";font-weight:900;}
.im-threads .im-table-row.im-unread:after {display:none;}

@keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


.cat-picker .shower {border-top:1px solid #ccc;}
.cat-picker .term3 {cursor:pointer;}
.cat-picker .cat-tab {font-size:14px;position:relative;background:#fff;}
.cat-picker .cat-tab.one-row {overflow-x:auto;}
.cat-picker .cat-tab .cat-in {float:left;clear:both;width:100%;}
.cat-picker .wrapper:after {padding:10px;color:#999;font-size:14px;line-height:18px;display:inline-block;}
.cat-picker .cat-tab:not(.root):not(.active) {display:none;}
.cat-picker .cat-tab .elem {cursor:pointer;}
.cat-picker .cat-tab.root {float:left;clear:both;width:calc(100% + 1px);margin-right:-1px;position:relative;}
.cat-picker .cat-tab.sub {max-height:280px;overflow-x:hidden;float:left;width:50%;height:320px;overflow-y:auto;border-right:1px solid #ccc;}
.cat-picker .wrapper[data-columns="1"] .cat-tab.sub {width:100%;}
.cat-picker .wrapper[data-columns="2"] .cat-tab.sub {width:50%;}
.cat-picker .wrapper[data-columns="3"] .cat-tab.sub {width:33.33%;}
.cat-picker .wrapper[data-columns="4"] .cat-tab.sub {width:25%;}
.cat-picker .wrapper[data-columns="5"] .cat-tab.sub {width:20%;}
.cat-picker .wrapper[data-columns="6"] .cat-tab.sub {width:16.66%;}
.cat-picker .cat-tab.root .elem {float:left;width:calc(20% + 1px);border:1px solid #ccc;margin-left:-1px;margin-top:-1px;transition:0.1s;padding:15px 10px 12px 10px;text-align:center;position:relative;}
.cat-picker .cat-tab.root .elem .img {clear: both; display: block; width: 32px; height: 32px; margin: 8px auto 4px auto;border-radius:3px;}
.cat-picker .cat-tab.root .elem .img img {width:auto;height:28px;}
.cat-picker .cat-tab.root .elem .img i {width:auto;display:inline-block;height:28px;line-height:28px;text-align:center;font-size:24px;}
.cat-picker .cat-tab.root .elem strong {clear: both; display:flex;height:36px;overflow:hidden;}
.cat-picker .cat-tab.root .elem strong > span {margin:auto;text-align:center;}
.cat-picker .cat-tab .elem:hover {background:#f7f8fb;}
.cat-picker .cat-tab.sub .elem {float: left; white-space:normal; display:block; width: 100%; border-bottom:1px solid #f0f0f0;color: #444; padding: 10px 22px 10px 10px; font-size: 14px; cursor: pointer; position: relative;line-height:18px;}
.cat-picker .cat-tab .elem > i {position:absolute;right:3px;top:50%;width:24px;margin-top:-10px;line-height:20px;text-align:center;font-size:16px;color:#999;}
.cat-picker .cat-tab.root .elem:after {top:10px;right:10px;margin:0;font-family:"Font Awesome 5 Free";content:"";position:absolute;}
.cat-picker .cat-tab .elem.active > i, .cat-picker .cat-tab.root .elem.active:after {color:#5cb74c;}
.cat-picker .cat-tab .elem.active > i:before, .cat-picker .cat-tab.root .elem.active:after {content:"\f058";}
.cat-picker .cat-tab.sub .elem.blank:not(.active) > i:before {content:""}




/* ITEM PREVIEW */
body.itemviewer {padding-top:0;}
.itemviewer header, .itemviewer footer, .itemviewer #bread, .itemviewer .flash-box, .itemviewer .mobile-navi, .itemviewer #listing .item > div#comment, .itemviewer #listing .related, .itemviewer .mobile-item,  
.itemviewer #listing .data .like, .itemviewer .bxp-promote-form, .itemviewer #plugin-hook > a, .itemviewer #listing .data .labs, .itemviewer #listing .side {display:none!important;}
.itemviewer .inside, .itemviewer .inner, body.itemviewer section {max-width:100%;}
.itemviewer #listing .item {padding:0;margin:0;width:100%;}
.itemviewer > section.content.sec-send_friend {padding:0!important;}
.itemviewer .image-empty {background: #fff; margin: 0 15px; width: calc(100% - 30px); border-radius: 8px; font-size: 14px; padding: 25px 15px;}
.itemviewer .banner-theme {display:none!important;}
.itemviewer .main-head > a {border-radius:0;}
.itemviewer #listing .item .data {margin-bottom:0;}
body#body-item.itemviewer {padding:0;overflow-x:hidden;}
.itemviewer #listing .item > div.main-data, .itemviewer .main-head > a:last-child, .itemviewer .main-head > a:first-child {border-radius:0;}
.itemviewer #listing .item > div.main-data {width:calc(100% + 2px);margin-left:-1px;margin-right:-1px;}
.itemviewer #listing .item > div.sold-reserved {width:calc(100% - 40px);margin-left:20px;}
.itemviewer #listing.inside {padding-left:25px!important;padding-right:25px!important;width:100%;margin:25px 0 0 0;}
.itemviewer #listing .item > div #img {width:100%;margin:0;}
.itemviewer #rel-block {display:none;}

body#body-item .mobile-post {display:none;}
.fw-supporting .mobile-navi {display:none;}

.im-table.im-block {margin-bottom:20px;}
.banner-theme { display: block; margin: 20px 0; float: left; text-align: center;width:100%;border:none; }
.banner-theme .myad {display:inline-block;max-width:100%;margin:0 auto;overflow:hidden;}
.banner-theme#banner-theme .myad {text-align:center;display:flex;}
.banner-theme#banner-theme .myad .text {margin:auto;text-align:center;line-height: 18px; font-size: 16px;}
.banner-theme#banner-theme.opt-adsense .myad .text {margin:0;display:inline-block;width:100%;height:auto;}
.banner-theme#banner-theme.is-demo, .home-container.banner-box.is-demo {display:none;}
.banner-theme#banner-theme.is-demo .myad {border:1px solid #333;}
.banner-theme#banner-theme.is-demo .myad .text span {display:block;}
.banner-theme#banner-theme.is-demo .myad .text strong {display:block;font-size:11px;line-height:15px;color:#444;}

.banner-home_top {margin:0 0 10px 0;}
.banner-search_top, .banner-search_sidebar, .banner-item_top, .banner-item_sidebar, .banner-search_middle, .banner-home_middle {margin:0 0 20px 0;}
.banner-item_bottom {margin:-10px 0 15px 0;}
.banner-item_description {margin:20px 0 0 0;}
.banner-item_sidebar_bottom {margin:10px 0 0 0;}
.banner-public_profile_sidebar_middle, .banner-public_profile_sidebar_bottom {margin:0px 0 20px 0;}
.banner-public_profile_top {margin:0 0 20px 0;}

.banner-search_top .myad, .banner-search_middle .myad, .banner-search_bottom .myad, .banner-item_description .myad {width:728px;height:90px;}
.banner-home_top .myad, .banner-home_bottom .myad, .banner-item_top .myad, .banner-item_bottom .myad, .banner-home_middle .myad {width:970px;height:90px;}
.banner-item_sidebar .myad {width:300px;height:250px;}
.banner-public_profile_sidebar_middle .myad, .banner-public_profile_sidebar_bottom .myad {width:300px;height:250px;}
.banner-public_profile_bottom .myad, .banner-public_profile_top .myad {height:90px;}
.banner-item_sidebar_bottom .myad {width:300px;height:600px;}
.banner-body_left .myad, .banner-body_right .myad {width:160px;height:600px;background:#fff;}
.banner-search_sidebar .myad {width:200px;height:200px;}
.banner-theme#banner-theme.opt-adsense .myad {width:100%;height:auto;}

#body-banner {position:fixed;top:0px;bottom:0px;left:0;width:calc((100% - 1120px)/2);overflow:hidden;z-index:96;}
#body-banner.bright {left:auto;right:0;}

#showcase-box {position:fixed;bottom:12px;right:64px;z-index:97;}
#showcase-box a {line-height:18px;box-shadow:0 1px 5px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.4);font-size:14px;font-weight:bold;float:right;transition:0.2s;padding:8px 10px;border-radius:5px;background:#cacdd6;color:#111;font-weight:bold;margin:8px 0 0 10px;}
#showcase-box a:hover {background:#dddfe7;transform:scale(1.06);text-decoration:none;}
#showcase-box a strong {line-height:18px;}
#showcase-box a em {font-style:normal;font-size:10px;line-height:18px;font-weight:normal;}

/* PRINT AD ON ITEM PAGE */
#print-ad-body, #print-ad-body * {box-sizing:border-box;}
#print-ad-body {font-size:14px;line-height:18px;padding:20px;background:#fafafa;}
#print-ad-body #pics { clear:both; display: block; float:left; width: 100%; padding:2px;}
#print-ad-body #pics li { list-style:none; display:inline-table; position:relative; float: left; width: 100px; height: 80px; padding:4px; margin:4px 8px 4px 0; border: 1px solid #eee; background-color: white;border-radius: 3px;}
#print-ad-body .box { border: 1px dotted #ccc; padding:5px; }
#print-ad-body .price { background: white; margin-left:15px; font-size:1.5em; font-weight:bold; border: 1px solid #ccc; padding: 5px;padding-bottom:8px;}
#print-ad-body #print {float:right; }
#print-ad-body #showhide {float:right; }
#print-ad-body #title { float:left; width:700px; padding:10px; border-bottom: 1px solid #ddd;background-color:#f0f0f0; font-weight:500;font-size:16px;margin:0 0 15px 0;}
#print-ad-body #pictures { float:left; width:700px; padding:10px 0 0 0; border-top: 1px dashed #ddd;margin-top:20px;}
#print-ad-body #displayText {font-size:10px; text-decoration:none; color: gray;}
#print-ad-body #info {float:left; width:240px; padding:10px;clear:both;}
#print-ad-body #desc {float:left; width:440px; border-left: 1px dashed #ddd; padding:10px 10px 10px 20px; clear:none}
#print-ad-body #footer {float:left; width:700px; border-top: 1px dashed #ddd;padding:20px 10px;margin-top:20px;text-align:center;}
.ui-widget.ui-tooltip {text-align:center;border-width: 0px; padding: 4px 6px; font-size: 11px; background: #222; background: rgba(0, 0, 0, 0.75); color: #fff;line-height:14px;}
.ui-widget.ui-tooltip:after {position:absolute;bottom:-8px;left:50%;margin-left:-4px;border:4px solid;border-color:rgba(0, 0, 0, 0.75) transparent transparent transparent;display:block;content:"";}
.pol-input-box input[type="radio"]:checked + label:after {top:3px;left:3px;}
.pol-input-box label:after {left:0;top:0;font-size:12px;}


/* SCROLL TO TOP */
#scroll-to-top {display:none;position:fixed;right:15px;bottom:15px;background:#fff;box-shadow:0 0px 1px 1px #fff;z-index:99;width:32px;height:32px;border-radius:100px;transition:0.2s;-webkit-backface-visibility: hidden;}
#scroll-to-top img {transition:0.2s;width:auto;height:auto;}
#scroll-to-top:hover {transform:scale(1.3);}
.fw-supporting #scroll-to-top, .fancybox-outer #scroll-to-top, .fw-supporting #pick-color, .fancybox-outer #pick-color {display:none;}


/* FILTER MOBILE */
.filter-fancy {float: left; width: 100%; display: block; background:#f7f8fb; border-radius: 0px; padding: 0;}
.filter-fancy .banner-theme {display:none!important;}

/* USER MOBILE MENU */
.user-button {cursor:pointer;transition:0.1s;float:left;clear:both;width:100%;height:44px;padding:13px 20px;font-size:16px;color:#fff;line-height:18px;background:#2b333e;position:relative;border-radius:4px;font-weight:500;margin:0;}
.user-button.opened {border-bottom-left-radius:0;border-bottom-right-radius:0;}
.user-button i.fa-angle-down {position:absolute;right:15px;top:12px;line-height:22px;font-size:22px;font-weight:normal;display:none;}
.user-button.opened i.fa-angle-down:before {content:"\f106";}

.user-button .lns {float:right;width:20px;height:14px;margin:2px 0px 2px 0;position:relative;}
.user-button .lns .ln {width:100%;opacity:1;position:absolute;top:0;height:2px;border-radius:3px;background:#fff;transition:0.3s;}
.user-button .lns .ln.ln1 {top:0px;}
.user-button .lns .ln.ln2 {top:6px;}
.user-button .lns .ln.ln3 {top:12px;}

.user-button.opened .lns .ln.ln1 {top:6px;transform:rotate(45deg);}
.user-button.opened .lns .ln.ln2 {opacity:0;}
.user-button.opened .lns .ln.ln3 {top:6px;transform:rotate(-45deg);}


/* MOBILE MENU */
.mobile-box .body {position:absolute;top:80px;left:0;right:0;bottom:120px;overflow-y:auto;padding: 0;}
.mobile-box .foot {position:absolute;bottom:0px;left:0;right:0;height:120px;padding: 20px 20px 10px 20px;text-align:center;}
.mobile-box .head {display:flex;position:absolute;top:0px;left:0;right:0;height:80px;padding: 22px 20px 22px 70px;text-align:left;color:#1a2238;font-size:18px;line-height:20px;}
.mobile-box .head .image {width:36px;height:36px;left:23px;top:22px;position:absolute;}
.mobile-box .head .image img {border-radius:3px;}
.mobile-box .head strong {max-height:36px;line-height:18px;overflow:hidden;margin:auto 0;}
.mobile-box .head a.close {position:absolute;right:2px;top:2px;width:50px;height:50px;z-index:9;text-align:center;padding:12px;}
.mobile-box .head a.close svg {display:inline-block;color:#afbcc9;width:26px;height:26px;}
.mobile-box .body a {float:left;clear:both;width:100%;padding:15px 20px 15px 70px;margin:0 0 10px 0;font-size:15px;line-height:18px;color:#3c4868;font-weight:bold;position:relative;}
.mobile-box .body a:last-child {margin-bottom:0;}
.mobile-box .body a:active, .mobile-box .body a:hover, .mobile-box .body a:focus {text-decoration:none;}
.mobile-box .body a i {text-align:center;line-height:18px;font-size:18px;position:absolute;top:15px;left:25px;width:30px;text-align:center; color: #afbcc9; }
.mobile-box .foot a.btn {width:100%;font-size:14px;font-weight:bold;margin-bottom:10px;}
.mobile-box .foot a.btn.logout {margin-top:20px;}
.mobile-box .foot .row {display:inline-block;width:100%;font-size:13px;color:#afbcc9;line-height:18px;}
.mobile-box .foot .row a {font-weight:bold;color:#3c4868;}
.mobile-box li {list-style-type:none;list-style:none;}


/* STATIC PAGE */
section.loc-page .page {margin:0px 0 50px 0;font-size:14px;}
section.loc-page .page .left {float:left;width:100%;padding-right:0px;}
section.loc-page .page .right {float:left;width:27%;}
section.loc-page .page .right h3 {font-size:18px;font-weight:900;line-height:20px;margin:0 0 15px 0;}
section.loc-page .page .right a {float:left;clear:both;font-size:14px;padding:3px 0;line-height:16px;margin:0 0 4px 0;font-weight:normal;}
section.loc-page .page > .inside {min-height:480px;padding:0px;max-width:1080px;padding:0 25px;}
section.loc-page .page h1 {font-size:28px;line-height:32px;margin:0 0 10px 0;font-weight:900;letter-spacing:-0.5px;}
section.loc-page .page h2 {font-size:22px;line-height:24px;margin:0 0 10px 0;font-weight:bold;letter-spacing:-0.4px;}
section.loc-page .page h3 {font-size:16px;line-height:18px;margin:0 0 10px 0;font-weight:bold;letter-spacing:-0.3px;}
section.loc-page .page h4 {font-size:14px;line-height:16px;margin:0 0 10px 0;font-weight:bold;letter-spacing:-0.2px;}
section.loc-page .page h5 {font-size:13px;line-height:15px;margin:0 0 10px 0;font-weight:bold;}
section.loc-page .page h1.main-hdr {display: block; width: 100%; font-family: 'Lora', serif;font-size: 36px; line-height: 36px; font-weight:900;}
section.loc-page .page .page-body {clear:both;width:100%;font-size: 15px; line-height: 22px;display:inline-block;}

section.loc-page .page .bottom {float: left; clear: both; width: 100%; font-size: 16px; margin:20px 0 40px 0;padding:12px 0 0 0;border-top:1px solid rgba(0,0,0,0.15);font-weight: bold;}

#piracy {display:none!Important;text-align:left;border: 1px solid rgba(0,0,0,0.1);padding:12px 12px 12px 50px;position:fixed;-webkit-backface-visibility: hidden;bottom:5px;left:5px;z-index:98;width:360px;letter-spacing:-0.2px;height:auto;font-size:14px;font-weight:500;line-height:20px;color:rgba(0,0,0,0.5); background-color: #FEEFB3;}
#piracy:after {font-family:"Font Awesome 5 Free";content:"\f06a";font-weight:900;position: absolute; font-size: 40px; width: 40px; line-height: 30px; text-align: center; left: 5px; top: 26px;}
#piracy a {color:rgba(0,0,0,0.7);text-decoration:underline;margin:0;float:none;}
#piracy a:hover {color:rgba(0,0,0,0.7);text-decoration:none;}
@media screen and (max-width: 767px) { #piracy {display:none!important;}}


/* USER ALERTS */
.body-ua #main.alerts {min-height:500px;}
.alert {float:left;clear:both;width:100%;margin:0 0 10px 0;border-radius:5px;border-radius:5px;overflow:hidden;}
.alert .top {float:left;clear:both;width:100%;padding:0;background:rgba(0,0,0,0.1);position:relative;border-top-left-radius:5px;border-top-right-radius:5px;}
.alert .top .btn {position: absolute; right: 12px; top: 12px; padding: 4px 5px; font-size: 12px; border-radius: 5px;}
.alert .top .menu {cursor:pointer;line-height:15px;font-size:14px;float:left;width:80%;padding:12px 15px;}
.alert .top .menu strong {font-weight:bold;display:block;width:100%;}
.alert .top .menu span {font-weight:normal;color:#999;display:block;width:100%;font-size:12px;line-height:13px;}
.alert .param {display:none;float:left;clear:both;width:100%;padding:15px;background:#fff;border:1px solid rgba(0,0,0,0.1);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.alert .param .elem {display:block;clear:both;font-size:13px;color:#222;letter-spacing:-0.2px;}
.alert .param .elem .left {display:inline;}
.alert .param .elem .left:after {content:":";margin-left:0px;}
.alert .param .elem .right {display:inline;}
.alert .param .elem.no-entry {display:none;}
.alert .param .elem.warn {display:inline-block;clear:both;width:100%;font-style:italic;color:#888;padding:15px 0 5px 0;}
.alert #alert-items {display:none;float:left;clear:both;width:100%;background:#fff;padding:15px 0 15px 0;}
.ua-alert-items-empty {width: 100%; display: inline-block; position: relative; text-align: center; padding: 20px 10px;border-radius:5px;background:rgba(0,0,0,0.03);}




/* PUBLIC PROFILE PICTURE UPLOAD */
.avatar-new .img {display:block;width:120px;height:120px;margin:0 auto 20px auto;position:relative;overflow:hidden;border-radius:200px;}
.avatar-new .img img {position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%;margin:auto;max-width:105%;max-height:105%;width:auto;height:auto;}
.avatar-new .attachment.att-box {margin-bottom:15px;}
.avatar-new input[type="submit"] {width:100%;text-align:center;}
.avatar-new form {float:left;clear:both;width:100%;margin:0 0 8px 0;}
.avatar-new.middle .ins .text {float:left;clear:both;width:100%;margin:10px 0 0 0;font-size:13px;line-height:18px;border-radius:4px;background:#fff;text-align:center;font-style:italic;color:#bbb;padding:0 8px;}
.avatar-new a.rem {float: left; clear: both; width: 100%; text-align: center; margin: -2px 0 10px 0;}
.avatar-new a.rem + .text {display:none;}


/* PUBLIC PROFILE */
#listing.userpb .side {float:left;width:35%;margin:0 0 20px 0;padding:0 20px 0 0;}
#rel-user-pb-block .inside {float: left; clear: both; width:calc(100% + 40px);margin:0;padding:0;position:relative;padding: 20px 20px 12px 20px; margin:0 -20px 20px -20px;overflow:hidden;background:#e5e8f1;}
#rel-user-pb-block .inside .block {position:relative;}
#rel-user-pb-block .inside .nice-scroll {float: left; clear: both; width:100%;margin:0 0 5px 0;overflow-y:hidden;overflow-x:auto;white-space:nowrap;padding:0 1px 8px 1px;}
#rel-user-pb-block .inside .nice-scroll-left {background-image:linear-gradient(to left, transparent 0%, #e5e8f1 100%);}
#rel-user-pb-block .inside .nice-scroll-right {background-image:linear-gradient(to right, transparent 0%, #e5e8f1 100%);}
#rel-user-pb-block h3 {font-weight: bold; font-size: 18px;line-height:18px; padding: 0;color:#111;margin:0 0 13px 0;font-family: 'Lora', serif;}
#rel-user-pb-block .simple-prod { width: 212px; float: none; display: inline-block; margin-right: 8px; margin-left: 0; margin-bottom: 0; }
#rel-user-pb-block .simple-prod:last-child {margin-right:0;}
.userpb .side > div:not(.wbox):not(.banner-theme) {display:none!important;}

#listing #contact.upb .lb {padding-right:140px;position:relative;width:100%;}
#listing #contact.upb .rb {padding-left:0;width:100%;}
#listing #contact.upb form .row {padding:0;}
#listing #contact.upb textarea {margin-top:3px;height:150px;}
#listing #contact.upb .info {margin-bottom:10px;}
#contact.upb #item-card {display:block;position: absolute; right: 0; top: 21px; width: 125px; height: 167px; text-align: center;overflow:hidden;}
#contact.upb #item-card .img {display:inline-block;width:100%;margin:5px 0 10px 0;}
#contact.upb #item-card .img img {max-height:64px;width:auto;height:auto;}
#contact.upb #item-card .dsc {width:100%;padding:0;}
#contact.upb #item-card .dsc > strong {font-size:15px;line-height:17px;max-height:34px;margin:0 0 6px 0;overflow:hidden;}
#contact.upb #item-card .dsc > div {font-size:11px;line-height:11px;height:23px;overflow:hidden;color:#999;}

#pp-side {float:left;width:26%;margin:0 2% 50px 0;background:#fff;border-radius:5px;text-align:center;color:#222;border:1px solid rgba(0,0,0,0.1);}
#pp-side > div {display: inline-block; width: 100%;padding:0 15px;margin:0 0 15px 0;}
#pp-side .loc-wrap div, #pp-side .loc-wrap div {display: inline-block; width: 100%;}
#pp-side .img {padding:25px 10px 0px 10px;text-align:center;}
#pp-side .img .box {display:block;width:120px;height:120px;margin:0 auto;position:relative;overflow:hidden;border-radius:200px;}
#pp-side .img .box img {position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%;margin:auto;max-width:105%;max-height:105%;width:auto;height:auto;}
#pp-side strong {display:inline-block;width:100%;font-size:18px;line-height:18px;color:#111;margin:20px 0 0px 0;}
#pp-side .buttons {margin:10px 0 20px 0;}
#pp-side .buttons .btn {width:100%;}
#pp-side .desc {font-size:13px;line-height:16px;color:#999;}


#public-items {min-height:500px;float:left;width:65%;margin:0 0 20px 0;padding: 20px; box-shadow: 0 0 0 1px rgb(0 0 0 / 15%); border-radius: 3px; background: #fff;}
#public-items h1 {font-size:24px;font-weight:700;color:#111;line-height:28px;float:left;width:100%;font-family: 'Lora', serif;margin: 0 0 20px 0;padding:0 0 15px 0;border-bottom: 1px solid #ddd;}

#public-items .block {float:left;width:100%;margin:0;}
#public-items .simple-prod:last-child {margin-bottom:0;padding-bottom:0;}
#listing .data.upb .item-share {margin:5px 0 15px 0;padding:0 20px;}
#listing .data.upb .item-share a {width: auto; height: auto; padding: 8px 12px;line-height:16px;font-size:13px;font-weight:500;float:left;margin:0 5px 5px 0;}
#listing .data.upb .item-share a i {line-height:16px;margin:0 4px 0 0;float:left;font-size:16px;}

/* USER ACCOUNT */
#user-menu {float:left;width:280px;margin:0 20px 0 0;position:fixed;left:0;top:61px;bottom:0;background:#2b333e;z-index:99;border-right:1px solid #2b333e;max-height:calc(100% - 61px);overflow-y:auto;}
#user-menu .wrap {display:inline-block;width:100%;}
#user-menu .wrap > div {display:inline-block;width:100%;}
#user-menu .img {padding:35px 10px 30px 10px;text-align:center;position:relative;}
#user-menu .img .box {display:block;width:100px;height:100px;margin:0 auto;position:relative;overflow:hidden;border-radius:200px;background:#fff;}
#user-menu .img .box img {position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%;margin:auto;max-width:105%;max-height:105%;width:auto;height:auto;}
#user-menu .img strong {display:inline-block;width:100%;font-size:16px;line-height:20px;color:#aeb7c2;margin:12px 0 15px 0;padding:0 10px;font-weight:500;}
#user-menu .update-avatar {transition:0.1s;position:absolute;right:10px;top:10px;font-size:11px;padding:5px 10px;border-radius:100px;line-height:14px;background:#000;color:#aeb7c2;}
#user-menu .update-avatar i {float:left;margin:0 2px 0 0;line-height:14px;font-size:11px;}
#user-menu .update-avatar:hover {color:#fff;}
#user-menu .user-menu-header {display:none;}
#user-menu a {display:block;width:auto;padding:15px 35px;border-top:1px solid rgba(0,0,0,0.05);color:#aeb7c2;font-size:15px;text-decoration:none;font-weight:500;}
#user-menu a i {width:20px;font-weight:normal;text-align:center;margin:0 20px 0 0;}
#user-menu a:hover {color:#fff;background:#3d434b;}
#user-menu li.active a {font-weight:bold;color:#fff;background:#3d434b;}

.usr-menu {float:left;width:calc(25% - 20px);background:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.15);margin:20px 20px 30px 0;}
.usr-menu > a, .usr-menu > div, .usr-menu .usr-empty {float:left;width:calc(100% + 1px);margin-left:-1px;clear:both;padding:12px;border-left:3px solid transparent;transition:0.1s;cursor:pointer;position:relative;}
.usr-menu .usr-empty {border-color:#888;color:#666;}
.usr-menu > a.active, .usr-menu > div.active {border-color:#4182c3;background:#f0f5fb;}
.usr-menu > a:hover, .usr-menu > div:hover {border-color:#4182c3;}
.usr-menu strong {float:left;clear:both;width:100%;font-size:15px;line-height:18px;margin:0 0 2px 0;color:#111;font-weight:normal;}
.usr-menu .active strong {font-weight:bold;}
.usr-menu span {float:left;clear:both;width:100%;font-size:11px;line-height:16px;color:#666;}
.usr-menu .bab {display:none;position:absolute;right:10px;top:8px;line-height:18px;font-size:13px;color:#777;width:28px;height:28px;text-align:center;padding:5px 3px;border-radius:4px;transition:0.1s;}
.usr-menu :hover .bab {display:block;}
.usr-menu .bab:hover {background:#e0e0e0;}
.usr-menu .bab i {line-height:18px;}
.usr-menu.alerts-menu strong {padding-right:30px;}
.usr-menu > a:first-child, .usr-menu > div:first-child {border-top-left-radius:3px;border-top-right-radius:3px;}
.usr-menu > a:last-child, .usr-menu > div:last-child {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}


body .bpr-prof .bpr-utitle {font-size:14px;}
body .bpr-prof .bpr-line {font-size:14px;}
body .bpr-prof input[type="text"] {border-radius:5px;font-size:14px;height:38px;padding:8px;}
body .bpr-attachment .bpr-att-box .bpr-status .bpr-wrap span {font-size:14px;}
body .bpr-prof .bpr-btn {font-size:15px;font-weight:bold;text-align:center;padding:10px;width:180px;}
body .bpr-prof .bpr-show-profile {font-size:14px;}
body .bpr-prof .bpr-row-inf strong {font-weight:normal;}
body #fi_list_items .fi_tool span:before {font-weight: 900; font-family: "Font Awesome 5 Free";content:"\f1f8";}
body #fi_user_lists, body #fi_user_new_list, body #fi_list_items h2, body .frm-answer .frm-area .frm-toptext input[type="text"]#frm-title,
body .im-body {font-family:'Poppins', sans-serif;font-size:14px;}
body #fi_user_lists i.fa-trash-o:before {font-weight: 900; font-family: "Font Awesome 5 Free";content:"\f1f8";}
body .bpr-prof .bpr-row-wrap {border-radius:5px;}
body #frm-body {margin:0;}
body .frm-title-right a.frm-new-topic {font-size:15px;padding:12px 15px;}
body .frm-answer .frm-area .frm-toptext input[type="text"]#frm-title {font-size:14px;}
body .frm-topic-manage a.frm-remove {background:#666;}

.body-ua #main {float:left;width:75%;margin:20px 0;}
#body-user-custom.body-ua #main {width:100%;}
.body-ua #main > .inner-box {float:left;clear:both;width:100%;}
.body-ua #main h1, .body-ua #main.profile h3, body h2.im-head, body #main .fi_user_menu_wrap h2.r1, body #main .bpr-prof .bpr-inside h2 {color:#000;display: block; width: 100%;float:left;clear:both; font-size: 26px; line-height: 26px; font-weight: bold; font-family: 'Lora', serif;margin:0 0 5px 0;}
.body-ua #main h2 {margin: 0 0 20px 0; font-size: 15px; color: #666; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.body-ua #main .inside {float:left;display:block;width:100%;clear:both;}
.body-ua #main.items .inside, .body-ua #main.alerts .inside {padding:20px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.15);background:#fff;}
#body-user-custom.body-ua #main .inside {border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.15);padding:25px 25px;background:#fff;}
.ua-items-empty {width:100%;display:inline-block;position:relative;text-align:center;padding:20px 10px;background: #fff;}
.ua-items-empty img {width:auto;height:auto;max-width:100%;margin:0 auto 30px auto;display:block;}
.ua-items-empty span {display:block;clear:both;width:100%;font-size: 16px; color: #999;}
.uitem {float:left;width:100%;margin:0;padding:0 0 15px 0;background:#fff;border-bottom:1px solid #ddd;margin:0 0 15px 0;position:relative;font-size:14px;line-height:18px;}
.uitem:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.uitem .ua-premium {float:right;font-size:11px;font-weight:normal;border-radius:100px;padding:3px 8px;color:#fff;margin:-3px 0;}
.uitem .ua-premium.inactive, .uitem .ua-premium.expired {background:#666;color:#fff;}
.uitem > div {float:left;clear:both;width:100%;position:relative;}
.uitem .image {overflow:hidden;border-radius:2px;float:left;width:150px;box-shadow:0 0 0 1px rgba(0,0,0,0.08);}
.uitem .image a {position:relative;float:left;width:100%;height:auto;}
.uitem .image img {transition:0.2s;border-radius:2px;}
.uitem .image:hover img {transform: scale(1.1); max-height: 100%; overflow: hidden;}
.uitem .body {float:left;width:calc(100% - 150px);padding:2px 15px;clear:none;}
.uitem .category {float:left;width:auto;margin:0 0 5px 0;color:#666;font-size:13px;}
.uitem .pub {float:right;width:auto;margin:0 0 5px 0;color:#666;font-size:13px;}
body #main .bpr-prof .bpr-inside h2 {display: block; width: 100%; float: left; margin: 0 0 15px 0;}
.uitem .status-box {position: absolute; z-index: 9; width: 100%; height: 100%; top: 0; left: 0; background: #eee; opacity: 0.8; text-align: center; font-size: 24px; line-height: 20px; letter-spacing: -1.5px; font-weight: normal; color: #000;}
.uitem .status-box.inactive {background:#eae7ff;color:#020069;}
.uitem .status-box.expired {background:#ffc1c1;color:#8c0000;}
.uitem .status-box span {transform: rotate(-10deg); transform-origin: top; position: absolute; top: 50%; left: 0; margin: -10px auto; width: 100%;}
.uitem .title {margin:4px 0 10px 0;font-size:16px;font-weight:bold;color:#111;line-height:18px;float:left;clear:both;width:100%;}
.uitem .title a {color:#111;float:left;}
.uitem .price {font-weight:900;float:left;clear:both;font-size:14px;margin:0 0 10px 0;}
.uitem .dates {font-size:14px;color:#777;margin:0px 0 10px 0;}
.uitem .location {float:left;clear:both;width:100%;margin:0px 0 10px 0;}
.uitem .buttons {font-size:14px;margin:5px 0 -10px 0;float:left;clear:both;}
.uitem:hover .buttons {display:block;}
.uitem .buttons a {float:left;margin:0;color:#666;}
.uitem .buttons span.delim {float:left;margin:0 10px;color:#666;}
.uitem .buttons a:hover {text-decoration:underline;}
.uitem .buttons a.delete {color:#ff8383;}
.uitem .buttons a.delete:hover {color:#f37676;}
.uitem .stats {position:absolute;right:6px;bottom:6px;width:auto;line-height:14px;padding:3px 7px;font-size:12px;color:#fff;border-radius:30px;}
.body-ua #main.profile .inside {padding:0;border:none;border-radius:0;}
.body-ua #main.profile .box {float:left;display:block;width:100%;clear:none;padding:0px;border-radius:3px;margin:0 0 15px 0;box-shadow:0 0 0 1px rgb(0 0 0 / 15%);padding:20px;background:#fff;}
.body-ua #main.profile .box form {display:inline-block;width:100%;float:left;clear:both;}
.body-ua #main.profile .box.second, .body-ua #main.profile .box.third {overflow:hidden;}
.body-ua #main.profile .box .update-avatar {margin:-15px 0 5px 0;float:left;clear:both;}
.body-ua .profile label {width:100%;display:block;margin:0 0 5px 0;float:left;clear:both;}
.body-ua .profile input[type="text"], .body-ua .profile input[type="password"], .body-ua .profile input[type="email"], .body-ua .profile input[type="tel"], .body-ua .profile select, .body-ua .profile #location-picker {width:100%;max-width:280px;}
.body-ua .profile textarea {float:left;clear:both;width:90%;max-width:600px;height:120px;min-height:90px;max-height:240px;}
.body-ua .profile label + textarea {margin:0 0 25px 0;}
.body-ua .profile .btn {width:180px;margin:0 0 10px 0;font-weight:bold;font-size:14px;padding:10px 10px;}
.body-ua .profile .btn.btn-remove-account {float:right;clear:both;background:#e43838;transition:0.1s;color:#fff;}
.body-ua .profile .btn.btn-remove-account:hover {background:#f95d5d;color:#fff;}
.body-ua .profile #location-picker {margin-bottom:25px;}
.body-ua .profile .current_email {float:left;clear:both;width:100%;margin:0 0 25px 0;}
.body-ua .profile #profile_picture_img {float: left;clear:both; width: 120px; height: auto; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,0.15); margin: 5px 0 30px 0;}
.body-ua .profile .row, .body-ua .profile .control-group, .body-ua .profile .controls {float:left;clear:both;width:100%;}
.body-ua .profile .user-img, .body-ua .profile .user-img-button {float:left;clear:both;width:100%;}
.body-ua .profile .user-img-button {margin:0 0 20px 0;}
.body-ua .profile .user-img-button .btn, .body-ua .profile .row.img-buttons .btn {padding:8px 12px;font-size:12px;line-height:14px;margin:0 6px 0 0;width:auto;}
.body-ua .profile .user-img-button .btn.remove-profile-picture {background:#ddd;color:#333;margin-right:0;}
.body-ua .profile .row.img-buttons .btn.cancel {background:#fff;color:#333;margin-right:0;}
.body-ua #main.profile h3  {cursor:pointer;}

#upload_avatar .middle .text{font-size:13px;line-height:18px;color:#444;text-align:left;}
#upload_avatar .ins {text-align:center;}
#upload_avatar img {margin:0 auto 15px auto;border-radius:4px;max-width:128px;width:auto;height:auto;box-shadow:0 0 0 1px rgba(0,0,0,0.15);}
#upload_avatar .links {float: left; clear: both; width: 100%; margin: 0 0 15px 0;}
#upload_avatar .btn {float:none;display:inline-block;width:34px;font-size:14px;font-weight:bold;padding:7px 10px;line-height:20px;width:auto;border-radius:6px;margin:5px 4px 10px 4px;}
#upload_avatar .HiddenDiv {float:left;clear:both;width:100%;}

#body-user-custom section.content #bread {margin-top:0;}
#body-user-custom .bpr-prof .bpr-inside {background:transparent;padding:0;border:none;box-shadow:none;}
.bpr-box-check label:after {left:0;top:0;font-size:12px;}
#bpr-seller.bpr-block {white-space:nowrap;}
#bpr-seller.bpr-block .bpr-comp {min-width:0;max-width:100%;width:26%!important;margin:0 16px 10px 0;border-radius:3px;border:none; box-shadow: 0 0 0 1px rgb(0 0 0 / 15%);float:none;display:inline-block;}
#bpr-seller.bpr-block .bpr-comp:last-child {margin-right:0;}
.bpr-box-check label {font-weight:normal;}
body.layout-h .home-container.wrap #bpr-seller.bpr-block { margin: 0 auto; float: none; max-width: 1080px; }


/* TABBERLIVE TABS */
.post-edit .tabberlive { margin:0px;float:left;width:100%;clear:both;display:block;}
.post-edit .tabberlive .tabbertabhide {display:none;}
.post-edit .tabberlive ul.tabbernav {display:none!important;}
.post-edit .tabberlive .tabbertab {margin:0;float:left;clear:both;width:100%;position:relative;}
.post-edit .tabberlive .tabbertab h2, .post-edit .tabberlive .tabbertab h3 {font-size: 13px;padding-right:3px;font-weight: normal; text-transform: uppercase; line-height: 16px; margin: 0; color: #bbb; font-style: italic; letter-spacing: -0.8px; position: absolute; width: auto; display: block; right: 0;}
.post-edit .tabberlive .tabbertab p {float:left;width:100%;clear:both;margin:0 0 10px 0;}

.tabberlive, .tabbernav, .tabbertab {float:left;clear:both;width:100%;}
.tabbernav {margin:0;}
.tabbernav li {float:left;margin:0 5px 5px 0;}
.tabbernav a {transition:0.1s;float:left;margin: 0; padding: 5px 7px; font-size: 13px; border-radius: 4px; background: rgba(0,0,0,0.15); color: rgba(0,0,0,0.7);text-decoration:none;}
.tabbernav a:hover {background:rgba(0,0,0,0.2);color: rgba(0,0,0,0.7);text-decoration:none;}
.tabbernav li.tabberactive a {font-weight:bold;color:#fff;}
.tabbertab {margin:0 0 25px 0;}
.tabbertab h2 {display:none;}
.tabbertab.tabbertabhide {display:none;}


/* IMAGE UPLOADER */
#photos .sub-label {display:inline-block;width:100%;margin:0 0 10px 0;}
#photos .qq-uploader {width:100%;min-height:240px;padding:80px 10px 10px 10px;}
#photos .qq-upload-drop-area, #photos .qq-upload-extra-drop-area {transition:0.1s;display:block!important;background:#e8eaf1;border-radius:5px;color:rgba(0,0,0,0.25);z-index:1;}
#photos .qq-upload-drop-area.qq-upload-drop-area-active {background:#c8e8e4;}
#photos .qq-upload-list {display: grid;grid-template-columns: 1fr 1fr 1fr; column-gap: 15px; row-gap: 15px;width:100%;clear:both;position:relative;z-index:3;}
#photos .qq-upload-button {cursor:pointer;opacity:1;outline:none;border:none;z-index:3;color:#fff;font-size:14px;font-weight:bold;background:#67c8d8;position:absolute!important;left:10px;top:10px;max-width:170px;width:auto;padding:10px 10px;border-radius:6px;}
#photos .qq-upload-button:hover {opacity:0.8;}
#photos .qq-upload-button input[type="file"] {font-size:14px!Important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; min-width: 0; max-width: 100%; min-height: 0; max-height: 100%; }
#photos .qq-upload-button input[type="file"]::-webkit-file-upload-button {cursor:pointer;}
#photos .qq-upload-drop-area span {margin-top:0;}
!#photos .qq-upload-list li {font-size:13px;position:relative;float: left; width: 31.33%; margin:0 2% 15px 0; border-radius: 5px; background: #fff;padding:5px 0 0 0;min-height:120px;}
#photos .qq-upload-list li {*overflow:hidden;text-overflow:ellipsis;font-size:13px;position:relative;float: left; width:100%; margin:0; border-radius: 5px; background: #fff;padding:5px 0 0 0;min-height:120px;min-width:0;}
#photos .qq-upload-list li.qq-upload-success {background: #fff;}
#photos .qq-upload-list li .qq-upload-move {margin-top:20px;}
#photos .qq-upload-file {color:#444;display:inline-block;width:100%;font-size:12px;line-height:14px;padding:0 6px;margin:5px 0 0px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#photos .qq-upload-delete {opacity:0;transition:0.1s;position:absolute;right:-10px;top:-10px;margin:0;color:transparent;width:24px;height:24px;overflow:hidden;}
#photos .qq-upload-rotate {opacity:0;transition:0.1s;position:absolute;top:50%;left:50%;width:48px;height:48px;margin-top:-44px;margin-left:-24px;font-size:21px;line-height:24px;padding:12px 0;text-align:center;border-radius:100px;}
#photos .qq-upload-rotate i {text-align:center;line-height:24px;display:inline-block;color:#fff;}
#photos .qq-upload-rotate:hover, #photos li:hover .qq-upload-rotate:hover {opacity:0.85;}
#photos .qq-upload-rotate-img {display:none!important;}
#photos li:hover .qq-upload-delete, #photos li:hover .qq-upload-rotate {opacity:1;}
#photos .qq-upload-delete:before {cursor:pointer;display:block;border-radius:100px;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00d";width:24px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#fff;background:#363433;}
#photos .qq-upload-delete:hover:before {background:#666;}
#photos .ajax_preview_img {display:inline-block;width:100%;float:left;clear:both;overflow:hidden;}
#photos .ajax_preview_img img {display: block; margin-left: auto; margin-right: auto; max-width: -webkit-fill-available; max-height: 200px;border-radius:1px}
#photos .qq-upload-size {display:inline-block!important;width:100%;padding:0 6px;margin:0 0 6px 0;font-size:11px;color:#999;line-height:13px;}
#photos .qq-upload-spinner {position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;display:block;background:transparent url('../images/loader.gif') no-repeat center center;background-size:32px;}
#photos .qq-upload-cancel, #photos .qq-upload-retry {margin:3px 0;padding:0 6px;text-align:center;}
#photos .qq-progress-bar {margin:5px 6px;width:calc(100% - 12px);}
#photos .qq-upload-status-text {margin:0;padding:0 6px;font-size:13px;font-weight:bold;display:inline-block;width:100%;}
#photos .qq-upload-status-text:empty {display:none;}
#photos div[id*='p-'] {display:none!important;}
#photos .primary_image {opacity:0;transition:0.1s;position:absolute;right:20px;top:-10px;margin:0;color:transparent;width:24px;height:24px;overflow:hidden;}
#photos li:first-child .primary_image {display:none;}
#photos li:hover .primary_image {opacity:1;}
#photos .primary_image:before {cursor:pointer;display:block;border-radius:100px;font-family:"Font Awesome 5 Free";content:"\f102";width:24px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#fff;background:#0d9ecc;font-weight:900;}
#photos .primary_image:hover:before {background:#2dbdea;}
#photos .flashmessage {min-height: 50px; margin: 20px 0 0 0; box-shadow: none;}
#photos h3 {display: inline-block; margin: 20px 0 10px 0; font-size: 16px; line-height: 18px;}
#photos > .qq-upload-list {padding: 15px 15px 0px 15px; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px;background:#fff;}
#photos > .qq-upload-list li { background: #eaeaea; font-size: 0; border: 1px solid rgba(0,0,0,0.1); box-shadow: 1px 1px 5px rgba(0,0,0,0.05); }



/* PUBLISH - EDIT */
.inside.post-edit {max-width:720px;margin-bottom:20px;}
.post-edit h1 {display: block; width: 100%; float: left; margin: 10px 0 8px 0;font-family: 'Lora', serif; font-weight: 600; font-size: 28px; line-height: 32px; color: #111;}
.post-edit fieldset > h2 {display:none!important;width:100%;font-size:18px;line-height:22px;padding:12px 20px;background:#fafafa;font-weight:bold;border-bottom:1px solid rgba(0,0,0,0.1);margin:0 0 10px 0;border-top-left-radius:5px;border-top-right-radius:5px;}
.post-edit #error_list {display:block;width:100%;padding:0 0px;margin:0 0 10px 0;}
.post-edit form {display:inline-block;width:100%;padding:00px;}
.post-edit label, .post-edit .label {display:inline-block;width:100%;margin:0 0 5px 0;}
.post-edit .simple-cat {width:48%;margin:0 2% 10px 0;}
.post-edit input[type="text"], .post-edit input[type="password"], .post-edit input[type="email"], .post-edit input[type="tel"], .post-edit textarea {width:100%;}
.post-edit .description textarea {min-width:100%;max-width:100%;min-height:140px;max-height:480px;height:180px;}
.post-edit .title-desc-box .title, .post-edit .title-desc-box .description {display:inline-block;width:100%;margin:0 0 25px 0;}
.post-edit .title-desc-box .description {margin-bottom:10px;}
.post-edit .location {float:left;clear:both;width:50%;padding-right:15px;}
.post-edit .status-wrap {display:inline-block;width:100%;margin:15px 0 10px 0;padding:0px;}
.post-edit .status-wrap .transaction {float:left;width:50%;padding-right:15px;clear:both;}
.post-edit .status-wrap .condition {float:left;width:50%;padding-left:15px;}
.post-edit .row {display:inline-block;width:100%;}
.post-edit .row.category.simple {margin:0 0 25px 0;}
.post-edit .input-box, .post-edit #location-picker{display:inline-block;float:none;margin:0 0 20px 0;}
.post-edit #location-picker {z-index:initial;}
.post-edit #category-picker {z-index:initial;}
.post-edit .price-wrap {display:inline-block;width:100%;}
.post-edit .price-wrap .enter {width:65%;float:left;clear:both;transition:0.1s;padding-right:80px;position:relative;}
.post-edit .price-wrap .enter > .input-box {display:block!important;}
.post-edit .price-wrap .enter.disable {opacity:0.4;}
.post-edit .price-wrap .enter.disable #price {color:transparent;}
.post-edit .price-wrap .enter .or {position:absolute;height:36px;line-height:36px;width:50px;text-align:center;font-size:13px;color:#999;right:15px;top:0;white-space:nowrap;}
.post-edit .price-wrap .enter #price {padding-left:105px;}
.post-edit .price-wrap .enter .simple-select {position:absolute;left:0px;top:0px;width:90px;}
.post-edit .price-wrap .enter .simple-select .text {border-top-right-radius:0;border-bottom-right-radius:0;z-index:2;border:1px solid #ccc;}
.post-edit .price-wrap .enter .simple-select:not(.opened) .text {background:#e0e0e0;}
.post-edit .price-wrap .selection {width:35%;float:left;}
.post-edit .price-wrap .selection a {transition:0.1s;float:left;text-decoration:none;padding:10px;width:50%;text-align:center;font-weight:bold;background:rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.1);font-size:13px;line-height:14px;color:#888;margin:0 0 0 -1px;}
.post-edit .price-wrap .selection a:first-child {border-top-left-radius:50px;border-bottom-left-radius:50px;}
.post-edit .price-wrap .selection a:last-child {border-top-right-radius:50px;border-bottom-right-radius:50px;}
.post-edit .price-wrap .selection a:hover {background:rgba(0,0,0,0.13);}
.post-edit .price-wrap .selection a.active {color:#fff;}
.post-edit .buttons-block button {width:auto;padding:12px;font-weight:bold;margin:10px 0 5px 0;border-radius:5px;text-align:center;font-size:15px;min-width:180px;}
.post-edit .row.category.multi {width:102%;margin:0 -2% 15px 0;}
.post-edit .row.category.multi select {float:left;width:48%;margin:0 2% 10px 0;}
.post-edit .row.td-wrap {position:relative;}
.post-edit .row.td-wrap.t1 {margin-bottom:15px;}
.post-edit .row.td-wrap.d1 {margin-bottom:5px;}
.post-edit .locale-links {clear:both;display:inline-block;width:100%;padding:0px;margin:0px 0 20px 0;}
.post-edit .locale-links a {transition:0.1s;text-decoration:none;display:inline-block;margin:0 5px 5px 0;padding:5px 7px;font-size:13px;border-radius:4px;background:rgba(0,0,0,0.15);color:rgba(0,0,0,0.7);}
.post-edit .locale-links a.active {color:#fff;font-weight:bold;}
.post-edit .locale-links a:hover {background:rgba(0,0,0,0.2);}
.post-edit #plugin-hook {float:left;clear:both;width:65%;margin:0px;}
.post-edit #plugin-hook:empty {display:none;}
.post-edit #plugin-hook .row, .post-edit #plugin-hook .meta {margin:0 0 18px 0;width:100%;display:block;float:left;clear:both;}
.post-edit #plugin-hook .row .meta:last-child {margin:0;}
.post-edit #plugin-hook textarea {height:100px;min-height:80px;max-height:320px;width:100%;}
.post-edit #plugin-hook input[type="text"], .post-edit #plugin-hook select {width:100%;max-width:100%;}
.post-edit #plugin-hook input[type="radio"], .post-edit #plugin-hook input[type="checkbox"] {width:14px!important;height:14px;float:left;margin:2px 6px 0 0;}
.post-edit #plugin-hook input[type="radio"] + label, .post-edit #plugin-hook input[type="checkbox"] + label {font-weight:normal;display:inline-block;margin:0;width:auto;}
.post-edit #plugin-hook h2 {margin:20px 0 5px 0;}
.post-edit #plugin-hook .meta ul li {margin-bottom:3px;}
.post-edit #plugin-hook #power {width:63%;margin-right:2%;float:left;}
.post-edit #plugin-hook #power_unit {width:35%;float:left;}
.post-edit #plugin-hook .checkbox-list li {margin-bottom:3px;}
.post-edit #plugin-hook .jobs-attributes .row._20 {margin-bottom:3px;}
.post-edit #plugin-hook .jobs-attributes .row._20 + ._20 {margin-bottom:18px;}
.post-edit #plugin-hook .jobs-attributes .row:not(._20) + ._20 {margin-top:-18px;}
.post-edit #plugin-hook .jobs-attributes .row._20 label {font-weight:normal;width:auto;margin:0;}
.post-edit #plugin-hook .cf_date_interval[class*="_from"] {margin-bottom:7px;}
.post-edit #plugin-hook .tabberlive {margin:0;}
.post-edit #plugin-hook .tabbertab h2 {margin:1px 0 0 0;}
.post-edit #plugin-hook > *:last-child {margin-bottom: 15px;width: 100%;}
.post-edit #plugin-hook .control-group {margin-bottom:20px;}
.post-edit #atr-form .control-group > label {width: 100%; max-width: 100%; text-align: left; line-height: 18px; margin: 0 0 4px 0;padding-right:0;}
.post-edit #atr-form .control-group > .controls {width:100%;clear:both;max-width:100%;}
.post-edit #atr-form select, .post-edit #atr-form input {box-shadow:none!important;max-width:100%;font-size:14px;height:40px;border-radius:5px;}
.post-edit #atr-form textarea {box-shadow:none!important;max-width:100%;font-size:14px;border-radius:5px;padding:10px 8px;line-height:20px;}
.post-edit #atr-form ul.atr-ul li {width:50%;max-width:100%;margin-right:0;clear:both;}
.post-edit #atr-form .atr-input-box {margin-right:0;}
.post-edit #plugin-hook #bo_mgr_table label {width:100%;margin:0 0 4px 0;}
.post-edit #plugin-hook #bo_mgr_table input, .post-edit #plugin-hook .selector, .post-edit #plugin-hook select {width:100%;margin:0}
.post-edit .bo_info {font-size:11px;display:inline-block;margin:1px 0;line-height:14px;}
.post-edit #plugin-hook > .bxp-promote-form.bxp-is-publish {width:153.7%;}
.post-edit fieldset {float:left;clear:both;width:100%;padding:0px;border-radius:3px;border:none;margin:0 0 20px 0;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 15%);}
.post-edit fieldset > .in {padding:20px 25px;float:left;clear:both;width:100%;}
.post-edit fieldset > .in.photos {padding-bottom:30px;}
.post-edit input.term2, .post-edit input.term3 {padding:12px 10px;font-size:14px;}
.post-edit .loc-more {float:left;clear:both;width:100%;}
.post-edit .loc-more .row {clear:none;float:left;}
.post-edit .loc-more .city-area {width:40%;padding-right:20px;}
.post-edit .loc-more .address {width:40%;padding-right:20px;}
.post-edit .loc-more .zip {width:20%;}
.post-edit .loc-more label, .post-edit .status-wrap label, .post-edit .status-wrap label {font-size:11px;color:#999;margin-bottom:3px;}
.post-edit .loc-more input[type="text"] {padding:6px 8px;font-size:13px;}
.post-edit .status-wrap .simple-select .text {padding:7px 8px;font-size:14px;}
.post-edit .mail-show {float:left;}
.post-edit .mail-show .input-box-check {margin:-13px 0 15px 0;}
.post-edit .mail-show .input-box-check label {line-height:14px;padding:2px 0 0 19px!important}
.post-edit .mail-show .input-box-check label:before {width:15px;height:15px;}
.post-edit .mail-show .input-box-check label:after {width:15px;height:15px;line-height:15px;text-indent:1px;}
.post-edit .status-wrap .simple-select .list {top:30px;}
.post-edit .seller .row {clear:none;float:left;}
.post-edit .seller .name {width:25%;padding-right:20px;}
.post-edit .seller .phone {width:30%;padding-right:20px;}
.post-edit .seller .user-email {width:45%;}
.post-edit #location-picker .fa-angle-down, .post-edit #category-picker .fa-angle-down {z-index:initial;}
.post-edit .user-link {color:#777;margin-bottom:5px;}
.post-edit .buttons-block {float:left;clear:both;width:100%;}

/* SWIPER SLIDER */
.swiper-container { width: 100%; height: 100%; position:relative; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.image-empty {display:block;width:100%;text-align:center;font-size:15px;font-weight:normal;color:#777;padding:60px 0;margin:0;background:#eee;border-radius:3px;}

/* ITEM FORMS */
#body-item-forms header, #body-item-forms footer, #body-item-forms .flash-box, #body-item-forms #bread, #body-item-forms .mobile-box {display:none!important;}
#body-item-forms, body.fw-supporting {background:#fff;padding:0;}
body.fw-supporting #mmenu {display:none;}
.mobile-box {display:none;}


/* ITEM - MAIN */
#listing .item h2 { float: left; clear: both; width: 100%; font-size: 18px;line-height:24px;font-weight: bold;margin:0 0 10px 0; }
#listing .item .wbox > .data {float: left; clear: both; width: 100%;position:relative;}

#listing .item .data .description {float: left; clear: both; width: 100%;margin:0 0 20px 0;}
#listing .item .data .description .text {float: left; clear: both; width: 100%;margin:0;color:#333;line-height:22px;font-size:15px;}
#listing .item .main-data {float: left; clear: both; width: 100%;margin:0 0 30px 0;position:relative;}

#rel-block {background:#f7f8fb;background:linear-gradient(to bottom,#e8eaf1,#f7f8fb 20%);padding:35px 0;margin:0;float: left; clear: both; width: 100%;}
#rel-block .simple-prod, #rel-user-block .simple-prod {width:200px;float:none;display:inline-block;margin:0 8px 0 0;}
#rel-block .simple-prod:last-child, #rel-user-block .simple-prod:last-child {margin-right:0;}
#rel-block .wrap, #rel-user-block .wrap {float: left; clear: both; width:100%;margin:0;overflow-y:hidden;overflow-x:auto;white-space:nowrap;padding-bottom:8px;padding:0 1px 4px 1px;}
#rel-block .block, #rel-user-block .block {position: relative; float: left; width: 100%; display: block;overflow:hidden;}
#rel-user-block {float:left;clear:both;width:100%;margin:0;}
#rel-user-block h3 {display:none;}
.related h3 {font-size: 18px; color: #111;font-weight:bold;margin:0 0 15px 0;line-height:20px;}

#so-re { padding: 7px 15px 7px 25px; position: relative;border-radius:3px; margin: 0 0 20px 0; background: #f34949; float: left; color: #fff; font-weight: bold; overflow: hidden; }
#so-re:after { content: ""; position: absolute; width: 31px; height: 31px; transform: rotate( 45deg ); background: rgba(0,0,0,0.25); left: -18px; top: 0; border-radius: 6px; }
#so-re.reserved {background:#f3e749;color:#333;}
#so-re.sold {background: #f34949;color: #fff;}
#so-re.expired {background: #666; color: #fff;}

#listing .item > div.main-data {background:#f7f8fb;padding:0;border-radius:6px;background:#fff;margin:0 0 10px 0;}
.main-data > .img {float:left;clear:both;width:calc(100% - 120px);}
.main-data > .img.noimg {width:100%;}
.main-data > .thumbs {position:absolute;top:0;right:0;overflow:hidden;height:100%;width:108px;padding:0;}
.main-data > .thumbs .scroll {display:none;box-shadow:0 0px 8px 6px rgba(255,255,255,0.8);position:absolute;top:0px;left:0px;width:100%;z-index:2;padding:3px 5px;cursor:pointer;transition:0.15s;text-align:center;border-radius:3px;background:#333;color:#fff;}
.main-data > .thumbs .scroll:hover {background:#000;}
.main-data > .thumbs .scroll i {line-height:16px;font-size:16px;display:inline-block;}
.main-data > .thumbs .scroll.down {bottom:0px;top:auto;}
.main-data > .thumbs ul {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;scrollbar-width: none; -ms-overflow-style: none;}
.main-data > .thumbs ul::-webkit-scrollbar {width: 0; height: 0;}
.main-data > .thumbs li {transition:0.15s;float:left;padding:3px;clear:both;width:100%;margin:0 0 5px 0;border-radius:3px;position:relative;cursor:pointer;}
.main-data > .thumbs li:last-child {margin-bottom:1px;}
.main-data > .thumbs li img {transition:0.15s;width:100%;float:left;height:auto;border-radius:3px;border:1px solid #fff;}
.main-head {display: block; width: 100%; font-size: 16px; line-height: 18px; padding:0; border-top-left-radius:6px; border-top-right-radius:6px;}
.main-head > a {padding: 14px 20px;float:left;width:50%;text-align:center;font-weight:500;background: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1);color:#666;text-decoration:none; }
.main-head > a:hover {text-decoration:none;}
.main-head > a.active:hover {color:#222;cursor:default;}
.main-head > a.active:hover {color:#222!important;cursor:default;}
.main-head > a i {margin-right:1px;}
.main-head > a:first-child:last-child {width:100%;}
.main-head > a:first-child {border-top-left-radius:5px;}
.main-head > a:last-child {border-top-right-radius:5px;border-right:none;}
.main-head > a.active {background:#fff;border-bottom-color:#fff;}
.main-data > .loc > strong {margin:0 0 15px 0;display: inline-block; width: 100%;}
.main-data > .loc a.direction {margin:15px 0 5px 0;display: inline-block; width: 100%;}
.main-data > .loc .hook {display: inline-block; width: 100%;border-radius:5px;overflow:hidden;}
.main-data > .loc #itemMap {height:360px!important;}

/* CUSTOM FIELDS */
.custom-fields {float: left; clear: both; width: 100%;margin:10px 0 25px 0;}
.job-detail, .car-detail, .realestate-details, .custom-fields .list {float: left; clear: both; width: 100%;margin:0px 0 25px 0;list-style: disc;padding:0;}
.custom-fields .list {margin:0;font-size:15px;padding-left:21px;}
body .realestate-details h4 {margin:15px 0 5px 0;font-weight:bold;font-size:14px;}
body .realestate-details .table-attributes {margin-left:0;}
body .realestate-details table tr {display:inline-block;}
#listing .item .custom-fields h2, #listing .item #plugin-hook h2, #listing .item #plugin-hook h3 {font-size:16px;font-weight:bold;color:#222;margin:0 0 5px 0;padding:0 1px;}
.custom-fields .field, .job-detail table tr, .realestate-details table tr, .car-detail table tr, .realestate-details .detail2, #atr-item li, #atr-item li.atr-type-checkbox, #atr-item li.atr-type-select {float:left;clear:both;width:100%;padding:6px 0px;background:#fff;margin:0;list-style-type: disc; display: list-item;}
.custom-fields .field .name, .job-detail table tr td:first-child, .realestate-details table tr td:first-child, .car-detail table tr td:first-child, .realestate-details .detail2 h4, #atr-item .atr-name {float:left;width:190px;padding-right:6px;}
.custom-fields .field .value, .job-detail table tr td:last-child, .realestate-details table tr td:last-child, .car-detail table tr td:last-child, .realestate-details .detail2 ul, #atr-item .atr-value {float:left;font-weight:bold;}
.custom-fields .field .value img {height:18px;width:auto;}
.job-detail table, .realestate-details table, .car-detail table {width:100%;border-spacing:0;}
.job-detail table tr td, .realestate-details table tr td, .car-detail table tr td {padding:0;}
.job-detail table tr td label, .realestate-details table tr td label, .car-detail table tr td label {font-weight:normal;}
.realestate-details .detail1 {float:left;clear:both;width:100%;margin:0;}
.realestate-details ul.list-other-attributes li {float:left;width:50%;padding-right:10px;margin:0 0 5px 0;}
.realestate-details ul.list-other-attributes li img {float:left;height:14px;width:auto;margin:2px 6px 0 0;}
#plugin-hook {float:left;clear:both;width:100%;font-size:15px;}
#plugin-hook #add-new-rating, #plugin-hook #show-rating, #plugin-hook #make-offer {display:none;}


/* ITEM - COMMENTS */
#comment .wrap {float:left;clear:both;width:100%;padding:0;}
#comment .button-wrap {float:left;clear:both;width:100%;padding:20px;text-align:center;}
#comment .comment {float:left;clear:both;width:100%;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ddd;}
#comment .image {float:left;width:64px;height:64px;position:relative;border-radius:4px;overflow:hidden;display:flex;text-align:center;}
#comment .image img {margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;}
#comment .info {float:left;width:calc(100% - 64px);padding:0px 0 0 12px;position:relative;}
#comment .info h3 {float:left;width:100%;display:block;margin:0 0 5px 0;color:#000;font-size:16px;font-weight:bold;}
#comment .info h3 span {float:left;clear:both;width:100%;}
#comment .info h3 .title {font-size:14px;line-height:16px;font-weight:bold;letter-spacing:-0.3px;padding-right:30px;}
#comment .info .date {font-size:11px;line-height:18px;font-weight:normal;color:#999;float:right;margin:0 0 0 6px;clear:none;width:auto;}
#comment .info .body {float:left;width:100%;display:block;font-size:13px;line-height:18px;color:#555;margin:0;}
#comment .info .rating {float:left;width:100%;display:block;font-size:14px;margin:0 0 5px 0;}
#comment .info .remove {display:none;position:absolute;bottom:0;right:0;font-size:13px;line-height:18px;width:auto;padding:3px 6px;border-radius:4px;transition:0.1s;text-align:center;z-index:2;color:#444;background:#ddd;}
#comment .info .remove i {line-height:18px;float:left;margin:0 4px 0 0;}
#comment .info .remove:hover {background:#ccc;text-decoration:none;}
#comment .comment:hover .info .remove {display:block;}
#comment .button-wrap a.new-comment {width:auto;margin:0 auto;font-weight:bold;font-size:15px;padding:10px 12px;display:inline-block;float:none;}
.empty-comment {float:left;width:100%;display:block;padding:30px 25%;text-align:center;font-size:13px;line-height:18px;color:#888;border-radius:3px;margin:5px 0 20px 0;background:rgba(0,0,0,0.06);}
#comment .rating {margin:0 0 5px 0;}
#comment .rating > span {font-size: 10px; margin-left: 4px; line-height: 12px;}
#comment .rating i {margin:0 -3px 0 0;font-size:16px;line-height:16px;color:#ccc;}
#comment .rating i.fill, .comment-leave-rating i.is-rating-item.fill {color:#ffb900;}
.comment-leave-rating {margin:0 0 15px 0;float:left;}
.comment-leave-rating i.is-rating-item {cursor:pointer;float:left;width:26px;text-align:center;height:26px;line-height:26px;font-size:22px;color:#ccc;margin:0;display:block;}
.comment-leave-rating:hover i.is-rating-item {color:#ffb900;} 
.comment-leave-rating:hover i.is-rating-item:hover ~ i.is-rating-item {color:#ccc;}
.comment-rating-selected {float:left;margin:8px 0 0 5px;line-height:16px;font-size:13px;}
.comment-rating span {margin: 0 0 0 4px; font-size: 12px;}
#comment a.new-comment {float:right;font-weight:bold;}
#comment a.new-comment i {margin-right:5px;}


/* ITEM - SIDEBAR */

#listing .item .item-prem-lab {float:left;margin:1px 6px -1px 0;height:20px;border-radius:4px;line-height:18px;padding:1px 6px;color:#fff;font-size:12px;font-weight:500;}
#listing .item h1 {font-size:30px;line-height:34px;display:inline-block;width:100%;margin:0 0 15px 0;color:#111;font-family: 'Lora', serif;font-weight:600;}
#listing .item {float:left;width:65%;margin:0 0 20px 0;}
#listing .basic {float:left;clear:both;width:100%;}
#listing .side {float:left;width:calc(35% - 20px);margin:0 0 20px 20px;}
#listing .side .loc-hook, #listing .side .row {float:left;clear:both;width:100%;}
#listing .side .row {padding:0 20px;margin:0 0 10px 0;}
#listing .side .row.unknw {margin:5px 0 20px 0;color:#777;font-style:italic;}
#listing .side .wbox.location {position:relative;z-index:1;}
#listing .side .wbox.location #itemMap {height:280px!important;border-radius: 0 0 3px 3px;}
#listing .side .wbox {padding:0;}
#listing .side a.dir {margin-bottom:10px;float:left;font-size:13px;font-weight:bold;}
#listing .side a.dir i {float: left; font-size: 15px; margin: 0 5px 0 0; color: #aaa;}
#listing .side .latlong {margin-top:-8px;margin-bottom:15px;font-size:12px;color:#999;}
#listing .side h2 {float:left;text-align:left;clear:both;display: block; width: 100%; font-size: 16px; line-height: 18px; padding: 15px 20px 15px 20px;font-weight: bold; margin: 0 0 15px 0; border-top-left-radius: 3px; border-top-right-radius: 3px;box-shadow: 0 1px 5px rgb(0 0 0 / 15%);border-bottom: 1px solid rgba(0,0,0,0.2);}
#listing .side h2 .hbtn {float: right; margin: -5px -10px -5px 6px; font-size: 12px; height: 26px; line-height: 14px; padding: 5px 8px; border-radius: 4px; border: 1px solid; font-weight: bold; }
#listing .side .data .price {float:left;clear:both;width:100%;position:relative;margin:20px 0 5px 0;padding:0px 15px 0px 15px;}
#listing .side .data .price > span {float:left;clear:both;font-size:24px;line-height:28px;font-weight:bold;color:#111;line-height:20px;letter-spacing:-0.5px;}
#listing .data .map {float:left;clear:both;width:100%;position:relative;margin:15px 0 10px 0;padding:0px;}
#listing .data .map h4 {float:left;clear:both;width:100%;padding:0 15px;color:#999;font-size:12px;text-transform:uppercase;}
#listing .data .map .hook {float:left;clear:both;width:100%;margin:0;position:relative;z-index:1;}
#listing .data .map #itemMap {height:200px!important;margin:15px 0;}
#listing .data .misc {float:left;clear:both;width:100%;position:relative;padding:5px 15px;}
#listing .data .connect {float:left;clear:both;width:100%;position:relative;padding:5px 15px;border-bottom:1px solid rgba(0,0,0,0.1);text-align:center;}
#listing .data .connect > a {float:left;clear:both;width:100%;text-align:center;margin:0 0 15px 0;}
#listing .data .connect > a.vrt-download {font-weight: bold; color: #222;background: #ddd; padding: 10px; border-radius: 4px;}
#listing .data .connect > a.vrt-download em {float: right; font-style: normal; font-size: 13px; color: #888; font-weight: normal;margin-left:-20px;}
#listing .data .connect > div.ln {float:left;clear:both;width:100%;margin:0 0 10px 0;}
#listing .data .connect > div.ln.loc {font-weight:500;}
#listing .data .connect > div.ln.loc i {margin-right:2px;}
#listing.userpb .data .connect {border-bottom:none;}

#listing .data .connect-after {float:left;clear:both;width:100%;margin:0px;padding:15px 15px;}
#listing .data .connect-after a {float:left;width:48.5%;padding:8px 4px;letter-spacing:-0.2px;font-size:14px;font-weight:normal;color:#000;border:1px solid rgba(0,0,0,0.3);text-align:center;line-height:18px;border-radius:4px;margin-right:1.5%;}
#listing .data .connect-after a i {margin-right:5px;}
#listing .data .connect-after a:last-child {margin-right:0;margin-left:1.5%;}
#listing .data .connect-after a:first-child:last-child {margin-right:0;margin-left:0;width:100%;}
#listing .data .connect-after a:hover {text-decoration:none;border-color:rgba(0,0,0,0.1);}

#listing .data .connect-pre {float:left;clear:both;width:100%;margin:0px 0 15px 0;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,0.1);}
#listing .data .connect-pre .row.mob {float:left;clear:both;width:100%;margin:0px 0 15px 0;}
#listing .data .connect-pre .row.mob i {font-size: 18px; line-height: 20px;float:left;margin:0 6px 0 0;width:20px;text-align:center;}
#listing .data .connect-pre .row.mob.oc-chat-box i {line-height:18px;}
#listing .data .connect-pre a {float:left;clear:both;width:100%;text-align:center;margin:0 0 10px 0;}
#listing .data .connect-pre .mob a {width:auto;clear:none;float:left;font-size: 15px; line-height: 18px;margin:0;font-weight:500;}
#listing .data .connect-pre .mob a:hover {text-decoration:underline;}
#listing .data .connect-pre a.contact i, #listing .data .connect-pre a.contact_public i {margin-right: 1px; font-size: 15px;}
#listing .data .labs {float:left;clear:both;width:100%;position:relative;padding:0 15px;margin:0 0 10px 0;}
#listing .data .labs:empty {display:none;}
#listing .data .labs .lab {color:#444;position:relative;float:left;margin:0 6px 6px 0;border:1px solid rgba(0,0,0,0.08);padding:5px 10px;font-weight:bold;font-size: 11px; line-height: 14px;border-radius: 4px; text-decoration: none; transition: 0.1s;}
#listing .data .item-share {float:left;clear:both;width:100%;position:relative;margin:0px;padding:0;text-align:center;border:none;background:transparent;}
#listing .data .item-share a {display:inline-block;margin:0 2px 7px 1px;width:32px;height:32px;border-radius:4px;font-size:14px;color:#fff;text-align:center;background:#363433;}
#listing .data .item-share a i {line-height:32px;color:#fff;}
#listing .data .item-share a.facebook {background:#3b5a99;}
#listing .data .item-share a.twitter {background:#55abe1;}
#listing .data .item-share a.google-plus {background:#d04028;}
#listing .data .item-share a.pinterest {background:#de2d2b;}
#listing .data .item-share a.linkedin {background:#3770ae;}
#listing .data .item-share a.whatsapp {background:#62cd64;}
#listing .data .lab.box-user {float:left;margin-right:5px;}
#listing .data .box-user img {content: ''; display: block; width: 18px; height: 18px;}
#listing .side .line {float:left;clear:both;width:100%;padding:0 15px;margin:20px 0;}
#listing .side .line.line1 {border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;margin-bottom:10px;}
#listing .side .line .user-img {float:left;width:60px;height:60px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0px 1px 4px rgba(0,0,0,0.1);}
#listing .side .line .user-img img {position:absolute;width:auto;height:auto;max-width:105%;max-height:105%;top:-50%;left:-50%;right:-50%;bottom:-50%;margin:auto;}
#listing .side .line .user-name {float:left;width:calc(100% - 60px);padding:3px 0 0 12px;}
#listing .side .line .user-name > strong {float:left;width:100%;display:block;font-size:18px;line-height:20px;font-weight:500;margin:0 0 1px 0;letter-spacing:-0.4px;}
#listing .side .line .user-name > strong span {float:left;}

#listing .side .line .user-name > span {float:left;width:100%;display:block;font-size:13px;color:#666;line-height:15px;margin:0 0 2px 0;}
#listing .side .line .user-name > span.bo-fdb {margin:1px 0 4px 0;}
#listing .side .line .user-name > span.bo-fdb:empty {display:none;}
#listing .side .line .user-name > span.bo-fdb div.star-rating-readonly a {cursor:pointer;}
#listing .side .line2 {margin-top:0;}
#listing .side .line2 a {float:left;clear:both;width:100%;text-align:center;padding:10px;margin:0 0 8px 0;border:1px solid rgba(0,0,0,0.1);border-radius:5px;font-size:13px;line-height:16px;transition:0.1s;}
#listing .side .line2 a:hover {border-color:rgba(0,0,0,0.15);}
#listing .item > div.stats {margin:0 0 20px 0;}
#listing .wbox h1 .price {float:right;margin-left:15px;}

#listing #contact h2, #listing #comment h2, #listing #about h2, #listing #user-items h2 {text-align:left;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #ddd;}
#listing #contact label {font-size:13px;margin:0 0 3px 0;}
#listing #contact .lb {float:left;width:40%;}
#listing #contact .rb {float:left;width:60%;padding-left:20px;}
#listing #contact .info {float:left;width:100%;color:#999;margin:0;}
#item-card {float:left;width:100%;padding:8px;margin:0 0 15px 0;border-radius:3px;background:#f0f2f7;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);position:relative;}
#item-card .img {float:left;width:80px;height:60px;}
#item-card .img img {display:inline-block;width:auto;max-width:80px;height:60px;border-radius:4px;}
#item-card .dsc {float:left;width:calc(100% - 80px);font-size:13px;padding:3px 0 0 10px;}
#item-card .dsc > strong {float:left;clear:both;width:100%;margin:0 0 2px 0;font-size:15px;line-height:18px;max-height:36px;overflow:hidden;}
#item-card .dsc > div {float:left;clear:both;width:auto;margin:0;font-size:14px;}
.middle #item-card {margin-bottom:25px;background: #eee; box-shadow: 0 2px 5px rgb(0 0 0 / 15%); border: 1px solid rgba(0,0,0,0.1);}
#listing #contact textarea {background:#f8f8f8;height:242px;min-width:100%;max-width:100%;width:100%;min-height:80px;max-height:340px;}
#listing #contact #send-message {width:100%;font-weight:bold;}
#listing #contact #send-message i {margin-right: 3px; font-size: 16px; vertical-align: -1px;}
#listing #contact #error_list {margin-bottom:15px;}
#listing #contact #error_list li label {padding:10px;font-weight:bold;}
#listing #contact #error_list:empty {display:none;}
#listing #contact.has-recaptcha .row {margin-bottom:20px;}
#listing #contact.has-recaptcha textarea {height:178px;}
#listing #contact.has-recaptcha div[id^="anr_captcha_field_"], #listing #contact.has-recaptcha div.g-recaptcha {float:left;margin:-10px 0 10px 0;height:66px;}
#listing #contact.has-recaptcha div[id^="anr_captcha_field_"] > div, #listing #contact.has-recaptcha div.g-recaptcha > div {transform:scale(0.85);transform-origin:0 0;}

#listing .item .pre-basic {float:left;clear:both;width:100%;padding-right:40px;font-size:13px;line-height:10px;color:#666;position:relative;margin:0px 0 5px 0;}
.pre-basic > div:not(.qr-code) {float:left;margin:0 15px 8px 0;padding:0px 15px 0px 0;border-right:1px solid #ccc;}
.pre-basic > div:last-child {border-right:none;padding-right:0;margin-right:0;}
.pre-basic > .qr-code {position:absolute;top:-8px;right:0;cursor:pointer;z-index:3;}
.pre-basic > .qr-code img {position:absolute;width:32px;height:32px;top:0;right:0;max-width:initial;transition:0.15s;}
.pre-basic > .qr-code:hover img {width: 94px; height: 94px; padding: 10px; background: #fff; box-shadow: 0 3px 10px rgb(0 0 0 / 30%); border-radius: 5px;}
.body-ua .pp-uploader {float:left;width:100%;}
.body-ua .img-preview {direction:ltr;}
#listing .item .data .svi-save-btn {position:absolute;right:0;top:-6px;}
#listing .item .data .fi_save_favorite {position:absolute;right:0;top:-6px;padding:7px 10px;font-size:14px;line-height:18px;font-weight:600;color:#333;border:1px solid rgba(0,0,0,0.3);background:#fff;border-radius:5px;}
#listing .item .data .fi_save_favorite i {margin-right: 7px; float: left; font-size: 18px;line-height:18px;}
#listing .item .data .fi_save_favorite.is_favorite i {color:#d21f2e}
#listing .item .data .fi_save_favorite.is_favorite i:before {font-weight:900;}
#listing .item .data .fi_save_favorite:not(.is_favorite) i:before {font-weight:400;}
#listing .item .data .fi_save_favorite:hover span {text-decoration:underline;}



body .ur-show, body #ur-fancy-dialog, body .mo-show {border-radius:8px;}

.item-views {float: right; padding: 4px 5px;margin-left:5px;font-size: 13px; line-height: 16px; border-radius: 4px; background: #eee;font-weight: normal; color: #555;}

.itm-links {float:left;clear:both;width:100%;padding:0px;width:100%;margin:-8px 0 20px 0;}
.itm-links a {float:left;padding:6px 14px;transition:0.15s;font-size:13px;line-height:16px;border-radius:100px;background:#dfdfdf;margin:0 6px 5px 0;font-weight:bold;color:#111;}
.itm-links a:hover {color: #000; background: #cacaca;text-decoration:none;}
.itm-links a i {margin-right:3px;}
.itm-links .item-share {float:right;}
.itm-links .item-share a {display:block;margin:0 0 0 6px;padding:0;width:28px;height:28px;border-radius:100px;font-size:15px;color:#fff;text-align:center;line-height:28px;}
.itm-links .item-share a:hover {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.itm-links .item-share a i {line-height:28px;color:#fff;margin:0;}
.itm-links .item-share a.facebook, .share-item-data a.facebook i {background:#3b5a99;}
.itm-links .item-share a.twitter, .share-item-data a.twitter i {background:#55abe1;}
.itm-links .item-share a.pinterest, .share-item-data a.pinterest i {background:#de2d2b;}
.itm-links .item-share a.linkedin, .share-item-data a.linkedin i {background:#3770ae;}
.itm-links .item-share a.whatsapp, .share-item-data a.whatsapp i {background:#62cd64;}
.itm-links .item-share a.friend, .share-item-data a.friend i {background:#00dbbd;}

#listing .item > div.safe-block {margin-bottom:10px;}
#listing .side .safe-block {float:left;clear:both;width:100%;box-shadow: 0 0 0 1px rgb(0 0 0 / 15%);padding:0;font-size:14px;background:#fcdcdc;border-radius:3px;margin:0 0 20px 0;line-height:22px;position:relative;}
.safe-block .txt {padding:0px 20px 18px 20px;float:left;clear:both;}
.safe-block svg {float:right;width:64px;height:64px;opacity:0.8;margin:0 0 12px 12px;}

#listing .wbox#about {padding-bottom:10px;}
#about .lb {float:left;width:40%;text-align:center;font-size:13px;line-height:16px;padding-right:30px;}
#about .lb .user-card {border-radius: 3px; background: #f0f2f7; box-shadow: 0 1px 3px rgb(0 0 0 / 30%);display:inline-block;width:100%;padding:25px 20px;}
#about .rb {float:left;width:60%;padding:6px 0 0 0;}
#about .image {float:left;clear:both;width:100%;margin:0 0 15px 0;}
#about .image img {width:auto;height:auto;max-width:128px;max-height:128px;display:inline-block;margin:0;border-radius:5px;}
#about .name {float:left;clear:both;width:100%;margin:0 0 10px 0;font-size:18px;line-height:22px;}
#about strong + .posting {margin-top:2px;}
#about .about-head {float:left;width:100%;font-weight:bold;line-height:20px;font-size:16px;color:#777;text-transform:uppercase;margin:0 0 10px 0;}
#about .about {float:left;width:100%;font-size:15px;line-height:22px;margin:0 0 15px 0;}
#about .extra {float:left;width:100%;font-size:14px;line-height:18px;margin:0 0 2px 0;color:#999;}
#about .extra a {color:#999;}
#about .address {float:left;width:100%;font-size:14px;line-height:18px;margin:15px 0 0 0;color:#333;}
#about .links {float:left;width:100%;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid rgba(0,0,0,0.1);}
#about .links svg {float:left;margin:0 4px 0 0;color:#666;}
#about .links a {float:left;margin:0 20px 12px 0;font-size:14px;line-height:16px;}
#about .posting {float:left;clear:both;width:100%;color:#999;font-size:12px;line-height:14px;margin:0 0 3px 0;;}
#about .lastonline {float:left;clear:both;width:100%;color:#999;font-size:12px;line-height:14px;margin:0;}
#about .ur-fdb {float:left;clear:both;width:100%;margin:0 0 10px 0;}
#about .show-rating.show-stars {height:auto;margin:1px 0 0 0;font-size:13px;width:100%;padding:0;line-height:18px;}
#about .ur-button.add-new-rating, #about .ur-button.show-rating {float:none;font-size:11px;height:auto;margin:0 0 5px 0;width:auto;border:none!important;background:transparent!important;color:#444!important;font-weight:normal;padding:0;text-align:left;}
#about .ur-button.add-new-rating:hover, #about .ur-button.show-rating:hover {text-decoration:underline;}
#about .show-rating.show-stars i {font-size:15px;margin-right:2px;float:none;}
#about .show-rating.show-stars span {font-weight: normal; float:none; clear: none; width: auto; line-height: 18px;font-size:11px;}




.ftr-block {float:left;clear:both;width:100%;padding:0;margin:0 0 20px 0;font-size:13px;line-height:15px;}
.ftr-block a {color:#999;}
.ftr-block .manage a {margin-right:10px;}
.ftr-block .manage a:hover {text-decoration:underline;}
.ftr-block .manage {float:left;}
.ftr-block #report {float:right;position:relative;}
.ftr-block #report a {text-decoration:none;}
.ftr-block #report > a:hover, .ftr-block #report:hover > a {color:#000;}
.ftr-block #report:hover .cont-wrap {display:block;}
.ftr-block .cont-wrap {display:none;position:absolute;right:0;top:100%;z-index:99;padding-top:6px;}
.ftr-block .cont-wrap .cont {width:140px;border:1px solid rgba(0,0,0,0.1);border-radius:6px;border-top-right-radius:0;overflow:hidden;background:#fff;}
.ftr-block .cont-wrap .cont a {color:#999;padding:7px;border-bottom:1px solid rgba(0,0,0,0.05);float:left;width:100%;clear:both;font-size:13px;}
.ftr-block .cont-wrap .cont a:hover {background:rgba(0,0,0,0.05);}
.ftr-block .cont-wrap .cont a:last-child {border-bottom:none;}

#listing .wbox {float:left;width:100%;padding:20px;background:#fff;margin:0 0 20px 0;border-radius:3px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.15);}
#listing .side > div.data {position:relative;border:1px solid rgba(0,0,0,0.1);}
#listing.userpb .side > div.data {border:none;}
#listing .item .stats span {float:left;margin:0 6px 5px 0;padding: 6px 10px; border-radius: 5px; font-size: 12px;font-weight:bold;border: 1px solid rgba(0,0,0,0.1); color: #444;background: rgba(0,0,0,0.02);}
#listing .item .stats span.right {float:right;margin-right:0;}
#listing .side > div.qr-code {background:transparent;border-radius:0;}
#listing .side > div.manage {border:1px solid rgba(0,0,0,0.1);}
#listing .manage .tools {display:inline-block;width:100%;padding:12px 15px 10px 15px;}
#listing .manage .tools a {margin:0 6px 6px 0;width:auto;float:left;display:block;padding:6px 12px;line-height:17px;border-radius:4px;font-size:13px;font-weight:bold;color:#fff;background:#363433;transition:0.1s;}
#listing .manage .tools a:hover {text-decoration:none;background:#555;color:#fff;}
#listing .side .btn.contact, #listing .side .btn.other, #listing .side .btn.oc-start-chat {font-weight:bold;padding:6px 10px;margin:5px 6px 0 0;float:left;}
#listing .side .btn.contact i {margin-right:3px;}
#listing .side .btn.other {margin-right:0;}
#listing .side > div.sms-payments {padding:0;background:transparent;margin: 0 0 20px 0; float: left; width: 100%;}
#listing .side > div.sms-payments a.sp-promote-button, #listing .side > div.sms-payments a.sp-movetop-button {margin-top:0;margin-bottom:0;}
#listing .side .line .user-name.ur-active {padding-top:5px;}
#seller .bottom-menu {margin:20px 0 0 0;background:#f0f2f7;color:#0a1331;float:left;clear:both;width:100%;font-size:14px;font-weight:500;line-height:18px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
#seller .bottom-menu .elem {float:left;clear:both;width:100%;padding:18px 20px;border-top:1px solid #d9dde7;}
#seller .bottom-menu .elem i {color:#737d9b;float:left;line-height:18px;font-size:20px;width:22px;text-align:center;margin:0 10px 0 0;}
#seller .bottom-menu .elem i.fa-phone {transform:scaleX(-1);}
#seller .bottom-menu a {color:#0a1331;text-decoration:none;}
#seller .bottom-menu a:hover {color:#000;text-decoration:underline;}

#seller .user-box {float:left;clear:both;width:100%;padding:5px 20px;margin:0;min-height:64px;}
#seller .user-box .wrap {display:inline-block;width:100%;padding:3px 0 3px 60px;position:relative;}
#seller .user-box .user-img {position:absolute;left:0;top:0;width:auto;height:auto;max-width:48px;max-height:48px;}
#seller .user-box .user-img img {border-radius:4px;}
#seller .user-box .name {font-size:16px;line-height:19px;margin:0 0 2px 0;float:left;clear:both;width:100%;}
#seller .user-box .counts {float:left;clear:both;width:100%;font-size:12px;line-height:15px;font-weight:bold;margin:0 0 2px 0;color:#333;}
#seller .user-box .times {float:left;clear:both;width:100%;font-size:11px;line-height:12px;color:#999;margin:0 0 8px 0;}
#seller .user-box .company {float:left;clear:both;width:100%;font-size:13px;line-height:15px;margin:6px 0 1px 0;}
#seller .user-box .oc-start-chat {font-weight:bold;padding: 6px 10px;}
!#seller .user-box .oc-start-chat.oc-disabled, #seller .user-box .oc-start-chat.oc-offline {background:#333!important;color:rgba(255,255,255,0.9)!important;opacity:0.5;cursor:not-allowed;}
#seller .user-box .oc-start-chat.oc-disabled {background:#333!important;color:rgba(255,255,255,0.9)!important;opacity:0.5;cursor:not-allowed;}
#seller .user-box .oc-start-chat i {margin-right: 6px; float: left; line-height: 18px;}

body .ur-show, body #ur-fancy-dialog, body .mo-show {border-radius:8px;}
body .make-offer-link {background: #cce5e1; position: relative; float: left; margin: -8px 0 10px 0; font-size: 13px; padding: 7px 13px; line-height: 15px; color: #333;transition:0.15s; text-decoration: none; border-radius: 7px; font-weight: bold;}
body .make-offer-link:hover {background:#bcdfd9;color:#111;text-decoration:none;}
body .mo-show label {text-align:left;}
.mo-box, .mo-box *:not(i), .mo-show, .mo-show *:not(i), .mo-status, .mo-status *:not(i), .make-offer-link, .make-offer-link *:not(i),
body .richText .richText-editor  {font-family:'Poppins', sans-serif;}
#listing .data .like {position:absolute;right:0;top:-24px;}
#listing .data .like a {padding:3px;}
#listing .data .like .fi_save_favorite i {margin-right:5px;}

/* CAPTCHA */
div[id^="anr_captcha_field_"], div.g-recaptcha {clear:both;display:block;margin:0 0 20px 0;position:relative;width:100%;max-width:320px;margin-right:-60px;overflow:hidden;}
.buttons-block div[id^="anr_captcha_field_"], .buttons-block div.g-recaptcha {margin:-4px 0 5px 0;}
div.g-recaptcha {margin-bottom:0;}

/* ATTACHMENTS */
.attachment.att-box {float:left;width:100%;clear:both;margin:0 0 25px 0;position:relative;height:36px;}
.att-box .att-wrap {float:left;width:100%;clear:both;}
.att-box .att-label {float:left;width:100%;height:36px;background:#fff;border:1px solid #ccc;border-radius:3px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.att-box .att-label .att-btn {letter-spacing:-0.4px;cursor:default;font-weight:normal;display:inline-block;margin:-1px 5px -1px -1px;border-right:1px solid #ccc;border-top-left-radius:3px;border-bottom-left-radius:3px;width:auto;height:36px;padding:10px;line-height:16px;font-size:13px;background:rgba(0,0,0,0.1);color:#363433;}
.att-box:hover .att-label .att-btn {background:rgba(0,0,0,0.15);}
.att-box .att-label .att-text {cursor:default;font-weight:normal;display:inline-block;margin:0;width:auto;padding:9px 0;line-height:16px;font-size:13px;color:#999;letter-spacing:-0.3px;}
.att-box input[type="file"] {cursor:default; opacity: 0;padding: 5px; position: absolute;width:100%;height:100%; top: 0; left: 0; z-index: 0; background: transparent;box-shadow:none;}


/* ERROR 404 */
body#body-404 {background:#fff;}
#body-404 header {background: #f7f8fb; background: linear-gradient(to bottom,#f7f8fb 85%,#f0f2f7 100%);}
#body-404 header .relative2 {border-bottom:none;}
#body-404 footer {margin-top:0;}
#body-404 footer .pub-box {display:none;}
#body-404 .errbox {width:500px;margin:0 auto 30px auto;}
.error404, .maintenance {text-align:center;padding:50px 0;}
.maintenance h1 {font-size: 50px; line-height:50px;margin:20px 0 30px 0;font-family: 'Lora', serif; font-weight: 600;}
.error404 h1 {font-size:32px;color:#363433;line-height:36px;margin:0 0 20px 0;font-weight:bold;}
.maintenance h2 {font-size:22px;color:#555;line-height:24px;margin:0 0 20px 0;font-weight:500;}
.maintenance h2 {margin-bottom:45px;}
.error404 h2, .maintenance h3 {font-size:16px;line-height:18px;color:#999;margin:0 0 30px 0;}
.error404 a.btn {display: inline-block; float: none; margin: 0 0 20px 0; padding: 10px 18px; border-radius: 4px; font-size: 14px; font-weight: 500;}

@keyframes eye {0% {height:0.8rem;} 50% {height:0.8rem;} 52% {height:0.1rem;} 54% {height:0.8rem;} 100% {height:0.8rem;}}

.error.errbox {display:flex;flex-direction:row;justify-content:space-between;align-content:center;}
.errbox .number {font-weight:900;font-size:15rem;line-height:1;}
.errbox .illustration {position:relative;width:12.2rem;margin:0 2.1rem;}
.errbox .circle {position:absolute;bottom:0;left:0;width:12.2rem;height:11.4rem;border-radius:50%;background-color:#293b49;}
.errbox .clip {position:absolute;bottom:0.3rem;left:50%;transform:translateX(-50%);overflow:hidden;width:12.5rem;height:13rem;border-radius:0 0 50% 50%;}
.errbox .paper {position:absolute;bottom:-0.3rem;left:50%;transform:translateX(-50%);width:9.2rem;height:12.4rem;border:0.3rem solid #293b49;background-color:#fff;border-radius:0.8rem;}
.errbox .paper:before {content:"";position:absolute;top:-0.5rem;right:-0.65rem;width:1.4rem;height:1rem;background-color:#fff;border-bottom:0.3rem solid #293b49;transform:rotate(45deg);}
.errbox .face {position:relative;margin-top:2.3rem;}
.errbox .eyes {position:absolute;top:0;left:2.4rem;width:4.6rem;height:0.8rem;}
.errbox .eye {position:absolute;bottom:0;width:0.8rem;height:0.8rem;border-radius:50%;background-color:#293b49;animation-name:eye;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;left:0;}
.errbox .eye-right {right:0;left:auto;}
.errbox .rosyCheeks {position:absolute;top:1.6rem;width:1rem;height:0.2rem;border-radius:50%;background-color:#fdabaf;left:1.4rem;}
.errbox .rosyCheeks-right {right:1.4rem;left:auto;}
.errbox .mouth {position:absolute;top:3.1rem;left:50%;width:1.6rem;height:0.2rem;border-radius:0.1rem;transform:translateX(-50%);background-color:#293b49;}
.errbox .text {margin-top:5rem;font-weight:300;color:#293b49;}
.errbox .button {margin-top:4rem;padding:1.2rem 3rem;color:#fff;background-color:#04cba0;}
.errbox .button:hover {background-color:#04cba0-dark;}
.errbox .by {position:absolute;bottom:0.5rem;left:0.5rem;text-transform:uppercase;color:#293b49;}
.errbox .byLink {color:#04cba0;}

/* MAINTENANCE */
!#maintenance {height:auto!important;color:#fff!important;}



/* SEARCH SUBCATEGORIES */
#sub-cat {margin:0 0 25px 0;display:block;width:100%;float:left;position: relative; z-index: 3; display: block; width: 100%; background: #fff; padding: 15px 15px; text-align: left;border-bottom:1px solid rgba(0,0,0,0.1)}
#sub-cat .list .link {float:left;width:25%;padding-right:20px;}
#sub-cat .list .link.hidden {display:none;}
#sub-cat .list .link.show-all {float:right;}
#sub-cat .list .link.show-all a {color:#666;}
#sub-cat .list .link.show-all a > span {font-weight:normal}
#sub-cat .list .link.show-all a svg {display: inline-block; width: 15px; height: 15px; margin-top: 0px; margin-left: 4px;}
#sub-cat .list .link.show-all a.opened svg {transform:rotate(180deg);}
#sub-cat .list a {float:left;display:inline-block;font-size:14px;padding:3px 0px;line-height:18px;margin:0 0 6px 0;}
#sub-cat .list a:hover {color:#111;}
#sub-cat .list a > span {font-weight:bolder;float:left;}
#sub-cat .list a > em {font-size:12px;font-weight:lighter;color:#999;margin-left:4px;font-style:normal;float:left;}
#sub-cat .list a.active span {text-decoration:underline;}
#sub-cat .list {display:block;width:100%;clear:both;float:left;}
#sub-cat .navi {display:block;width:100%;clear:both;float:left;margin:0 0 10px 0;position:relative;padding-bottom:10px;color:#666;font-size:15px;line-height:18px;border-bottom:1px solid rgba(0,0,0,0.08);}
#sub-cat .navi:after {position:absolute;bottom:0;left:0;width:40px;height:2px;content:"";}
#sub-cat .navi a {display:inline-block;}
#sub-cat .navi svg {display:inline-block;width:10px;height:10px;margin:0 4px;}
#sub-cat .navi > a {color:#111;}
#sub-cat .navi i {display:inline-block;margin:0 6px;}



/* FLASH MESSAGES */
.flash-box {position:fixed;left:20px;bottom:20px;width:320px;max-width:calc(100% - 40px);z-index:999;-webkit-backface-visibility: hidden;}
.flashmessage {position:relative;color:#111;background:#fff;font-size: 14px;line-height:18px;padding: 15px 15px 15px 65px!important;font-weight:normal;width:100%!important;z-index: 999;text-align: left;width:100%;margin:0px 0 10px 0;border-radius: 6px;box-shadow: 0px 1px 5px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.1);}
.flashmessage:before {border:1px solid rgba(0,0,0,0.1);border-right:none;border-top-left-radius:6px;border-bottom-left-radius:6px;position:absolute;left:-1px;top:-1px;width:50px;height:calc(100% + 2px);content:"";}
.flashmessage:after {position:absolute;left:0;top:50%;margin-top:-15px;color:rgba(255,255,255,0.7);width:50px;height:30px;font-weight:900;line-height:28px;text-align:center;font-family:"Font Awesome 5 Free";font-size:20px;}
.flashmessage-warning:before {background:#eccc52;}
.flashmessage-error:before {background:#dc3633;}
.flashmessage-info:before {background:#7fb0f6;}
.flashmessage-ok:before {background:#8bc72a;}
.flashmessage-warning:after {content:"\f06a";}
.flashmessage-error:after {content:"\f057";}
.flashmessage-info:after {content:"\f05a";}
.flashmessage-ok:after {content:"\f058";}
.flashmessage .ico-close, .flashmessage .close {text-align:center;position:absolute;right:1px;top:1px;width:26px;height:24px;border:none;text-decoration:none; cursor: pointer; float: right; color:transparent; font-size: 1px; font-weight: bold; line-height: 14px; background: none; padding: 0; margin:0 }
.flashmessage .ico-close:before, .flashmessage .close:before {content: "\f00d"; font-size: 14px; font-family: "Font Awesome 5 Free"; color: #666; display: block; padding: 0px; margin: 0; width: 26px; height: 24px; line-height: 24px;background:transparent;}
.flashmessage .ico-close:hover:before, .flashmessage .close:hover:before {color:#000;}
.flash-box .flashmessage {min-height:100px;}


/* FANCY BOX DEFAULT STYLE */
.fancybox-inner .fw-box {display:block;}
.fw-box {display:none;float: left; width: 100%; clear: both; padding: 0px;border-radius:8px;overflow:hidden; background:#fff;}
.fw-box .head {padding: 22px 30px; z-index:3;position:relative;text-align:center;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);float: left; width: 100%; margin: 0; clear: both; font-size: 23px; line-height: 25px;background: #fff;font-weight: bold; margin: 0;overflow:hidden;border-radius:8px 8px 0 0;font-family: 'Lora', serif; font-weight: 600;}
.fw-box .head .def-but {display:none!important;}
.fw-box .head h1, .fw-box .head h2 {font-size: 23px; line-height: 25px;color: #111; width: auto;display: inline-block;font-weight:bold;}
.fw-box .middle {float: left; width: 100%; background:#fff;padding: 20px; overflow: hidden;overflow-y:auto;border-radius:0 0 8px 8px;}
.fw-box .middle .text {font-size:13px;line-height:14px;color:#888;float:left;clear:both;width:100%;}
.fw-box .middle .input-box {float:left;clear:both;width:100%;margin:0 0 20px 0;}
.fw-box .middle input[type="text"], .fw-box .middle input[type="email"], .fw-box .middle select, .fw-box .middle textarea {width:100%;}
.fw-box .middle textarea {min-width:100%;max-width:100%;height:120px;min-height:100px;max-height:240px;margin:0 0 20px 0;}
.fw-box .middle .input-box textarea {margin:0;}
.fw-box .middle div[id^="anr_captcha_field_"], .fw-box .middle div.g-recaptcha {margin:0;}
.fw-box .middle label {display: block; width: 100%; margin: 0 0 5px 0;}
.fw-box .middle button {margin:20px 0 0px 0;clear:both;width:auto;float:left;font-size:14px;font-weight:bold;padding:10px 15px;}
.fw-box .middle div.row + button {margin-top:0;}
.fw-box .middle .row {float:left;clear:both;width:100%;}
.fancybox-inner, .fancybox-inner .fw-box, body .fancybox-wrap {border-radius: 5px;}
.pict-func .fw-box .middle {background:#fff;}
.dvc-ios .fancybox-inner {overflow-y:scroll!important;}
body #fancybox-overlay, body .fancybox-bg {background:rgba(0,0,0,0.85);}
.fancybox-opened .fancybox-outer, body .fancybox-content {box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3);}
body .fancybox-outer, body .fancybox-content {background:#fff;border-radius:8px;}
body .fancybox-content {overflow:hidden!important;}
body .fancybox-close {right: -12px; top: -12px;transition:0.15s;z-index:98; background: #333 url('../images/fancy-cross.png') no-repeat center center; background-size: 14px; transition: 0.1s; border-radius: 100px; width: 32px; height: 32px;}
body .fancybox-close:after {position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;transition:0.1s;background:#fff;border-radius:100px;opacity:0;}
body .fancybox-close:hover {transform:scale(1.1);}
.fw-box .head {text-align:left;position:absolute;top:0;border-radius:0;left:0;right:0;width:auto;background:#f7f8fb;padding:18px 60px 18px 18px;line-height:20px;height:56px;}
.fw-box .head h1, .fw-box .head h2 {font-size:20px;line-height:20px;font-weight:bold;}
.fw-box .middle {position:absolute;top:56px;bottom:0;left:0;right:0;width:auto;height:auto;padding:20px 18px;}
.fw-box .middle #comment_error_list {margin:0 0 15px 0;}
.fw-box .middle #comment_error_list:empty {display:none;}
.fw-box .middle button {padding:8px 12px;}
  
.fancy-form .fancybox-close {top: 0; right: 5px; background: #fff; width: 40px; height: 40px;border-radius:3px;text-align:center;padding:10px 5px;font-size:18px;}
.fancy-form .fancybox-close:after {font-family: "Font Awesome 5 Free";font-weight:900;content:"\f00d";background:transparent;position:relative;display:inline-block;line-height:20px;color:#afbcc9;opacity:1;}
.fancy-form .fancybox-close { background: transparent;background:rgba(0,0,0,0.03); box-shadow: 0 0px 2px rgb(0 0 0 / 20%); top: 10px; right: 15px; width: 34px; height: 34px; font-size: 16px; }
.fancy-form .fancybox-close:after {line-height:14px;color:#7d8ea0;}


.dvc-ios #home-cat2 .scroll-right, .dvc-ios #home-cat2 .scroll-left, #body-search.dvc-ios #home-cat2 .scroll-right, #body-search.dvc-ios #home-cat2 .scroll-left {background:transparent;}
.dvc-ios .nice-scroll-right.ns-white, .dvc-ios .nice-scroll-left.ns-white {background:transparent;}
.fancybox-container.imgviewer .fancybox-slide {padding:20px;}
.filter.filter-fancy.fancybox-content {padding:15px;border-radius:0;}
.filter.filter-fancy.fancybox-content .fancybox-close-small {display:none;}
.filter.filter-fancy.fancybox-content .wrap {margin:0;}
.fancybox-container.search-mobile-filter-box .fancybox-slide.fancybox-slide--html {padding:0;}

/* LOCATION PICKER */
#location-picker {position:relative;float:left;width:100%;z-index:10;margin:0 0 12px 0;}
#location-picker .fa-angle-down {position:absolute;right:8px;top:50%;margin-top:-9px;font-size: 16px; color: #444;line-height: 18px; width: auto;z-index:3;cursor:pointer;}
#location-picker .term {float:left;clear:both;width:100%;position:relative;}
#location-picker .term.open {background:#fbfbfb;}
#location-picker .term.open + .fa-angle-down:before {content:"\f106";}
#location-picker .shower-wrap {position:absolute;width:100%;height:auto;top:calc(100% - 4px);left:0px;z-index:2;}
#location-picker .shower {overflow-y:auto!important;display:none;float:left;width:100%;clear:both;max-height:360px;overflow-y:auto;border:1px solid #ccc;background:#fff;z-index:1;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#location-picker .shower.multi-country {max-height:410px;}
#location-picker .shower .option {float:left;display:block;width:100%;border-top:1px solid rgba(0,0,0,0.02);color:#111;padding:8px 10px;font-size:14px;cursor:pointer;position:relative;}
#location-picker .shower .option.selected strong {font-weight:bold;color:#000;}
#location-picker .shower .option:not(.service):hover {background: rgba(0,0,0,0.05);}
#location-picker .shower .option > span {display: block; clear: both; margin: 0; padding: 0; background: transparent; color: #999; font-size: 11px; margin-top: -3px;}
#location-picker .loader {position:absolute;right:8px;top:8px;display:block;width:18px;height:18px;background:transparent url(../images/loader.gif) no-repeat center center;background-size:100%;opacity:0;transition:0.2s;}
#location-picker.searching .loader {opacity:0.4;}
#location-picker .shower .option strong {font-weight:normal;}
#location-picker.ctr-one .shower .option.region span {display:none;}
#location-picker .shower .option.region.init strong {font-weight:normal;}
#location-picker.ctr-more .shower .option.country strong {font-weight:bold;text-transform:uppercase;}
#location-picker.ctr-one .shower .option.country {display:none!important;}
#location-picker .shower .option.service:not(.empty-pick) {display:none!important;}
#location-picker .shower .option.empty-pick {cursor:default;}
#location-picker.classic .shower {max-height:320px;background:#fbfbfb;border: 1px solid rgba(0,0,0,0.1); border-top: none; width: calc(100% + 2px); margin-left: -1px; margin-right: -1px;}

/* CATEGORY PICKER */
#category-picker {position:relative;float:left;width:100%;z-index:10;margin:0 0 12px 0;}
#category-picker .fa-angle-down {position:absolute;right:8px;top:50%;margin-top:-9px;font-size: 16px; color: #444;line-height: 18px; width: auto;z-index:3;cursor:pointer;}
#category-picker .term-cat {float:left;clear:both;width:100%;position:relative;}
#category-picker .term-cat.open {background:#fbfbfb;}
#category-picker .term-cat.open + .fa-angle-down:before {content:"\f106";}
#category-picker .shower-wrap {position:absolute;width:100%;height:auto;top:calc(100% - 4px);left:0px;z-index:2;}
#category-picker .shower {overflow-y:auto!important;display:none;float:left;width:100%;clear:both;overflow-y:auto;border:1px solid #ccc;border-top:1px solid #ccc;background:#fff;z-index:1;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#category-picker .shower .wrapper {margin-top:-1px;float:left;clear:both;width:100%;overflow-x:hidden;overflow-y:hidden;height:280px;position:relative;border-top:1px solid #ccc;}
#category-picker .shower .option {float:left;display:block;width:100%;border-top:1px solid rgba(0,0,0,0.02);color:#444;padding:10px 10px;font-size:13px;cursor:pointer;position:relative;}
#category-picker .shower .option.selected strong {font-weight:bold;color:#000;}
#category-picker .shower .option:not(.service):hover {background: #eeedee; color: #28c2ba;}
#category-picker .shower .option > span {display: block; clear: both; margin: 0; padding: 0; background: transparent; color: #999; font-size: 11px; margin-top: -3px;}
#category-picker .loader {position:absolute;right:8px;top:8px;display:block;width:18px;height:18px;background:transparent url(../images/loader.gif) no-repeat center center;background-size:100%;opacity:0;transition:0.2s;}
#category-picker.searching .loader {opacity:0.4;}
#category-picker .shower .option.region strong {font-weight:bolder;}
#category-picker .shower .option strong {font-weight:normal;}
#category-picker.ctr-one .shower .option.region span {display:none;}
#category-picker .shower .option.region.init strong {font-weight:normal;}
#category-picker.ctr-more .shower .option.city, #category-picker.ctr-more .shower .option.region {padding:5px 10px;}
#category-picker.ctr-more .shower .option.country strong {font-weight:bold;text-transform:uppercase;}
#category-picker.ctr-one .shower .option.country {display:none!important;}
#category-picker .shower .option.service:not(.empty-pick) {display:none!important;}
.search-wrap #category-picker {z-index:initial;}


/* SEARCH SORT BOX */
.sort-it {float:right;width:auto;margin:6px 0px 6px 12px;overflow:visible!important;}
.sort-it .sort-title {font-weight: bold;color:#fff;cursor:default;position:relative;z-index:10;cursor:pointer;font-size:14px;line-height:20px;position:relative;margin:0;}
.sort-it .sort-title .title-keep {transition:0.1s;font-size:14px;height:36px;position:relative;z-index:15;margin:0;padding:8px 10px;line-height:18px;float:left;width:100%;clear:both;border-radius:3px;background:#fff;color:#111;border:1px solid #aaa;}
.sort-it .sort-title .title-keep:after {content: "\f107"; font-family: "Font Awesome 5 Free";font-weight:900; float: right; font-size: 16px; position: relative; line-height: 16px; width: auto; margin-left: 5px;}
.sort-it .sort-title .title-keep > span {font-weight:normal;font-size:14px;letter-spacing:-0.2px;}
.sort-it:hover .sort-title .title-keep + #sort-wrap {display:block;}
.sort-it #sort-wrap {width:auto;position:absolute;display:none;z-index:15;right:0px;top:28px;width:180px;padding-top:10px;}
.sort-it .sort-content {position:relative;float:left;display:block;width:100%;background:#fff;box-shadow: 0 1px 4px rgba(0,0,0,0.28);z-index: 1;padding:0;border-radius: 5px; }
.sort-it .sort-content:before {content: ""; display: block; position: absolute; top: -5px; width: 8px; height: 8px; right: 15px; border:1px solid rgba(0,0,0,0.12); border-bottom: none; border-left: none; transform: rotate(-45deg); background: #fff;}
.sort-it .sort-content .info {display:none;float: left;cursor:default; clear: both; width: 100%; padding: 8px; line-height: 14px; color: #aaa; background: #f0f0f0; margin: 0 0 5px 0; font-style: italic;}
.sort-it .sort-content a {width:100%;float:left;clear:both;color:#1b1f23;padding:12px 12px;text-decoration: none;font-weight:normal;font-size:14px;line-height:16px;margin:0;position:relative;z-index:3;}
.sort-it .sort-content a:first-child {border-top-left-radius:5px;border-top-right-radius:5px;}
.sort-it .sort-content a:last-child {border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.sort-it .sort-content a span {float:left;}
.sort-it .sort-content a:hover {background: #eeedee;}

/* SEARCH - REMOVE FILTER */
.filter-remove {float: left; clear: both; width: 100%; margin: 8px 0;}
.filter-remove:empty {display:none;}
.filter-remove a {background:#dfdfdf;position:relative;float:left;margin:0 6px 6px 0;font-size:13px;padding:6px 32px 6px 10px;line-height:16px;color:#111;text-decoration:none;border-radius:100px;font-weight:500;}
.filter-remove a:hover {color:#000;text-decoration:line-through;background:#d0d0d0;}
.filter-remove a:after {position:absolute;width:28px;height:28px;right:0;border-left:1px solid rgba(0,0,0,0.1);text-align:center;top:0px;line-height:28px;font-size:12px;text-indent: -2px;content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:900;}

/* SIMPLE SELECT */
.simple-select {float:left;width:100%;clear:both;position:relative;font-size:13px;}
.simple-select .text {cursor:pointer;float:left;width:100%;clear:both;background:#fff;padding: 8px 8px; font-size: 13px; line-height: 18px; border: 1px solid #ddd; border-radius: 3px; box-shadow: none; outline: none;}
.simple-select .text i:not(.help) {float:right;font-size:16px;color:#444;position:relative;top:auto;left:auto;line-height:18px;width:auto;}
.simple-select:hover .text, .simple-select.opened .text {border-color:#ccc;}
.simple-select.opened {z-index:20;}
.simple-select.opened .text i:not(.help):before {content:"\f106";}
.simple-select .list {display:none;max-height:320px;overflow-y:auto!important;z-index:3;position:absolute;width:100%;top:32px;left:0;background:#fff;border:1px solid #ccc;border-top:none;padding:0px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.simple-select .option {cursor:pointer;position:relative;float:left;width:100%;clear:both;padding:10px 10px;line-height:14px;color:#444;}
.simple-select .option.sub1 {padding-left:15px;}
.simple-select .option.sub2 {padding-left:20px;font-size:12px;line-height:13px;}
.simple-select .option.sub3 {padding-left:25px;font-size:12px;line-height:13px;}
.simple-select:not(.level0) .option.root {font-weight:bold;}
.simple-select .option.nonclickable {background: rgba(0,0,0,0.05);cursor:default;}

.simple-select .option:not(.info):not(.nonclickable):hover {background: #eeedee; color: #000;}
.simple-select .option.info {display:none!important;}
.simple-select:not(.simple-cat) .option.selected {font-weight:bold;color:#111;}
.simple-select.simple-cat .option.selected {text-decoration:underline;color:#000;}


/* DEFAULT PAGINATION */
.paginate {float:left;display:block;clear:both;width:100%;text-align:center;margin:15px 0;}
.paginate:empty {display:none;}
.paginate ul {display:inline-block;width:auto;font-size:0;overflow:hidden;padding:0;}
.paginate ul li {display:inline-block;font-size:13px;vertical-align:middle;margin:0 2px 5px 2px;}
.paginate ul li i {line-height:16px;font-size:12px;}
.paginate ul li a, .paginate ul li span {display:inline-block;padding:8px 3px;height:34px;min-width:34px;line-height:18px;background:#fff;text-align:center;border-radius:3px;border:1px solid rgba(0,0,0,0.1);}
.paginate ul li span {font-weight:bold;}
.paginate ul li a:hover {text-decoration:none;background:rgba(0,0,0,0.01);}
.paginate ul li a.searchPaginationFirst, .paginate ul li a.searchPaginationLast {letter-spacing:-2px;text-indent:-1px;}
.paginate.comment-pagi {margin: 0; padding:2px 0; float:left;width:auto;}
.paginate.comment-pagi ul li {margin-bottom:0;}
.paginate.comment-pagi ul li a, .paginate.comment-pagi ul li span {padding: 8px 1px; height: 32px; min-width: 32px; line-height: 14px;}


/* SEARCH */
.show-hooks.opened + .sidebar-hooks {overflow:visible!important;}
.search .filter {float:left;width:20%;margin:0 2% 50px 0;}
.filter .wrap {float:left;width:100%;clear:both;margin:0 0 20px 0;}
.filter .search-wrap {float:left;width:100%;border-radius:3px;background:#fff;padding:18px 15px 5px 15px;box-shadow: 0 0 0 1px rgb(0 0 0 / 15%);}
.filter .wrap .box {float:left;clear:both;width:100%;margin:0 0 15px 0;}
.filter .wrap .box.tran {border-bottom:1px solid #ddd;padding-bottom:15px;}
.filter .wrap .box h2 {float:left;clear:both;width:100%;margin:0 0 2px 0;font-size:13px;font-weight:bold;line-height:18px;color:#111;}
.filter .wrap .box h2.split { font-size: 14px; padding: 10px 15px; background: #e0e2e9; margin: 0 -15px 10px -15px; width: calc(100% + 30px); }
.filter .wrap .box.sidehook {margin-top:15px;}
.filter .wrap .box.sidebar-hook h2 {margin-bottom:0;}
.filter .wrap .box label {margin:0 0 5px 0;float:left;}
.filter .wrap .box .row.checkbox > label { max-width: calc(100% - 20px);line-height:16px; }
.filter .wrap .box .row.radio label {width:100%;line-height:16px;}
.filter .wrap .box .row.radio input[type="radio"] {margin-top:0;width:16px!important;height:16px;float:left;}
.filter .wrap .box .row.checkbox input[type="checkbox"] {margin-top:0;width:16px!important;height:16px;float:left;}
.filter .wrap .box:not(.sidehook) label {clear:both;}
.filter .wrap .box .row {float:left;clear:both;width:100%;margin:0;}
.filter .wrap .box .row.price {margin:0;}
.filter .wrap .box.loading {opacity:0.5;cursor:wait;}
.filter .wrap .box .row.one_input > input {clear:both;float:left;margin:3px 4px 0 0}
.filter .wrap .box .sidebar-hooks h3 {margin-top:10px;}
.filter .wrap .box .sidebar-hooks .row {margin:0 0 10px 0;}
.filter .wrap .box .sidebar-hooks .row:last-child {margin-bottom:0;}
.filter .wrap .box .sidebar-hooks tr td {padding:0 0 10px 0;}
.filter .wrap .box .sidebar-hooks tr:last-child td {padding-bottom:0;}

.filter input[type="text"], .search #sidebar select {width:100%;}
.filter .input-box {margin-bottom:12px;}
.filter button {width:auto;clear:both;display:block;margin:5px 0 10px 0;width:auto;font-weight:bold;font-size:14px;padding:9px 15px;}
.filter button svg {float:left;margin:1px 5px 1px 0;}
.filter button.alert-notify {width:100%;text-align:center;margin-top:5px;padding:5px;float:left;clear:both;}

.filter .row.price .input-box, .filter-fancy .row.price .input-box {width:45%;float:left;position:relative;clear:none;margin-bottom:0;}
.filter .row.price .input-box:last-child, .filter-fancy .row.price .input-box:last-child {float:right;}
.filter .row.price .input-box input, .filter-fancy .row.price .input-box input {float:left;width:100%;text-align:left;padding:8px 10px;}
.filter .row.price .input-box span, .filter-fancy .row.price .input-box span {position: absolute; line-height: 30px; top: 3px; right: 3px; padding-right: 2px; min-width: 20px; width: auto; text-align: center; white-space: nowrap; letter-spacing: -1.5px; color: #111; font-weight: bold; font-size: 14px; background: #fff; border-radius: 3px; z-index: 2;}
.filter .img-check {margin:0 0 4px 0;padding-top:20px;border-top:1px solid #ddd;}
.filter .prem-check {margin-bottom:10px;}
.filter-fancy .img-check {margin:0 0 12px 0;}
.filter .img-check .input-box-check, .filter-fancy .img-check .input-box-check {margin:0;}
.filter .show-hooks, .filter-fancy .show-hooks {float:left;clear:both;width:100%;margin: 0 0 10px 0; padding: 3px 0;line-height:18px;}
.filter-fancy .show-hooks {padding:3px 15px;margin:5px 0;}
.filter .show-hooks i, .filter-fancy .show-hooks i {float:left;line-height:18px;margin:0 6px 0 0;font-size:12px;}
.filter h6, .filter-fancy h6 {clear: both; width: 100%; display: inline-block; line-height: 18px; font-size: 12px; margin: 5px 0 2px 0;color:#222;font-weight:bold;}
.filter .radio label, .filter .checkbox label, .filter input[type="radio"] + label, .filter-fancy .radio label, .filter-fancy .checkbox label, .filter-fancy input[type="radio"] + label {font-weight:normal;}
.filter .two_input, .filter-fancy .two_input {font-size:11px;color:#999;}
.filter select, .filter-fancy select {width:100%;max-width:100%;padding:6px 8px;}
.filter .sidebar-hooks h3, .filter-fancy .sidebar-hooks h3 {display: inline-block; width: 100%; color: #222; font-weight: bold; font-size: 13px; line-height: 19px; margin: 5px 0 5px 0;}
body #atr-search .atr-input-box label:after, body #atr-form .atr-input-box label:after {top:0;left:0;font-size:12px;}
body #atr-search .atr-input-box label, body #atr-form .atr-input-box label {padding-left:23px!important;line-height:19px;font-weight:normal;}
body #atr-search .atr-input-box {margin-top:0;margin-bottom:0;}
body #atr-search {margin:0;}
.search-wrap input[type="text"], .search-wrap input[type="number"], .search-wrap select, .search-wrap .simple-select .text {border:1px solid #ccc;color:#666;border-radius:3px;}

.filter .sbox, .filter #search-pub {float: left; width: 100%; border-radius: 3px; background: #fff; padding: 15px 15px 10px 15px;margin:0 0 20px 0; box-shadow: 0 0 0 1px rgb(0 0 0 / 15%);}
.filter .sbox h3, .filter #search-pub.pos-side .info h3 {text-align: left; line-height: 20px; font-size: 15px;color:#000;font-weight:bold;margin:0 0 10px 0;float:left;width:100%;font-family: 'Poppins', sans-serif;}
.filter .sbox.cat h3 {margin-bottom:14px;}
.filter .sbox .wrap {float:left;clear:both;width:100%;margin:0;}
.filter .sbox.words a {float:left;padding:5px 7px;border-radius:3px;font-size:13px;line-height:16px;font-weight:500;background:#e5e8f1;color:#000;transition:0.1s;margin:0 5px 5px 0;}
.filter .sbox.words a:hover {text-decoration:none;background:#d6dae9;}
.sbox.cat a {float:left;clear:both;margin:0 0 16px 0;font-size:13px;text-decoration:none;line-height:16px;}
.sbox.cat a.parent {margin: 0 -15px 12px -15px; background: #e0e2e9; width: calc(100% + 30px); float: left; padding: 13px 15px; font-weight: bold; color: #000; font-size: 14px;}
.sbox.cat a.parent .icon {background:#fff;}
.sbox.cat a.parent span {max-width:calc(100% - 36px);}
.sbox.cat a.parent em {display:none;}
.sbox.cat a:hover, .sbox.cat a:hover span {text-decoration:underline;}
.sbox.cat a .icon {float:left;margin:-6px 6px -6px 0;text-align:center;padding:4px;width:28px;height:28px;border-radius:100px;background:#e5e8f1;}
.sbox.cat a .icon img {width:auto;height:20px;}
.sbox.cat a .icon i {display:inline-block;text-align:center;line-height:20px;font-size:15px;}
.sbox.cat a span {float:left;margin:0;}
.sbox.cat a em {float: left; color: #999; font-size: 10px; font-weight: 100; font-style: normal; line-height: 14px; margin-top: 2px; margin-left: 3px;}
.sbox.cat .notroot a.child {margin:0 0 6px 0;font-size:12px;line-height:14px;}
.sbox.cat .notroot a.child.active {color:#000;font-weight:bold;}
.sbox.cat .notroot a.child span {float:none;}
.sbox.cat .notroot a.child em {float:none;}
.sbox.cat a.gotop {margin-top:10px;margin-bottom:3px;font-weight:bold;color:#111;}
.sbox.cat a.gotop i {float:left;margin-right:4px;}

.sidebar-hooks {display:inline-block;width:100%;margin:0;padding-bottom:0px;font-size:13px;line-height:16px;}
.sidebar-hooks .row {display:inline-block;width:100%;margin:0 0 12px 0;}
.sidebar-hooks input.cf_date_interval[class*="_from"] {margin-bottom:5px;}
.sidebar-hooks .row.one_input input[type="radio"], .sidebar-hooks .row.radio input[type="radio"], .sidebar-hooks .row.checkbox input[type="checkbox"] {width: 14px!important; margin: 2px 3px 0 0; float: left;}
.sidebar-hooks .rad_search_box {margin:0 0 12px 0;}
.sidebar-hooks .rad_search_box label.radius_text {width:100%;line-height:18px;font-size:14px;color:#222;margin:0 0 4px 0;}
.rad_search_box .selector, .rad_search_box input, .rad_search_box > select {width:65%!important;clear:both;padding:8px;font-size:13px;line-height:18px;height:auto;text-align:left;}
.rad_search_box span.radius_desc {line-height:36px;}
.sidebar-hooks td {vertical-align:top;}

.search #main {float:left;width:78%;overflow:visible!important;padding: 5px 0 0px 0px;margin-bottom:10px;padding: 20px; box-shadow: 0 0 0 1px rgb(0 0 0 / 15%); border-radius: 3px;background:#fff;}
.search #main .titles-top {width:100%;clear:both;float:left;margin:0 0 10px 0;padding:0 5px;}
.search #main .titles-top h1 {font-size:24px;font-weight:700;color:#111;line-height:28px;float:left;width:auto;font-family: 'Lora', serif;margin-right:9px;}
.search #main .titles-top span {color:#666;font-size:14px;line-height: 15px; margin-top: 10px; float: left;}
#search-items {width:100%;clear:both;float:left;overflow:visible!important;}
#search-items .products {width:100%;clear:both;float:left;margin:0 ;position:relative;}
#search-items .products.standard {width:calc(100% + 16px);margin:0 -8px;}
#search-items .products.list.standard {width:100%;margin:0;background: #fff;}
#search-items .products .search-items-wrap, #search-items .products .search-items-wrap .block, #search-items .products .search-items-wrap .wrap {float:left;clear:both;width:100%;} 
#search-items .products.grid .simple-prod {width:calc(33.33% - 16px);}
#search-items .products.grid.premiums-block .simple-prod {width:28%;float:none;display:inline-block;margin-right:8px;margin-left:0;margin-bottom:0;}
#search-items .products.grid.premiums-block .simple-prod:last-child {margin-right:0;}
#search-items.loading .products:before {transition: 0.1s; position: absolute; left: 0; top: 0px; opacity: 1; z-index: 9; width: 100%; height: 100%; content: ""; display: block; background: transparent url(../images/loader.gif) no-repeat center 120px; background-size: 80px;}
#search-items.loading .products .simple-prod {opacity:0.2;}
#search-items .premiums-block {float: left; clear: both; width:calc(100% + 40px);margin:0;padding:0;position:relative;padding: 20px 20px 12px 20px; margin:0 -20px 20px -20px;overflow:hidden;background:#e5e8f1;}
#search-items .premiums-block .ins {float: left; clear: both; width:100%;margin:0 0 5px 0;overflow-y:hidden;overflow-x:auto;white-space:nowrap;padding:0 1px 8px 1px;}
#search-items .premiums-block .nice-scroll-left {background-image:linear-gradient(to left, transparent 0%, #e5e8f1 100%);}
#search-items .premiums-block .nice-scroll-right {background-image:linear-gradient(to right, transparent 0%, #e5e8f1 100%);}
#search-items .premiums-block .nice-scroll-left, #search-items .premiums-block .nice-scroll-right {overflow: visible!important;}
#search-items h3.premium-blck {font-weight: bold; font-size: 18px;line-height:18px; padding: 0;color:#111;margin:0 0 13px 0;font-family: 'Lora', serif;}
#search-items.no-transition * {transition:0s!important;}
#search-items .products.grid .premiums-block .simple-prod .title {margin-bottom:2px;}
#search-items .products.grid .premiums-block .simple-prod .data {position: absolute; bottom: 4px; left: 5px; width: calc(100% - 10px); background: rgba(255,255,255,0.9); padding: 10px 2px;}
#search-items .products.grid .premiums-block .simple-prod .img-wrap {border-radius: 6px; margin-bottom: -2px;}
#search-items .products .premiums-block .simple-prod .label {display:none;}

.premiums-block:empty {display:none!important;}

.list-empty {float:left;width:100%;clear:both;margin:20px 0 15px 0;padding:0;color:#142542;font-size:14px;}
.list-empty .titles {display:block;font-size:20px;font-weight:bolder;}
.list-empty .tips {float:left;clear:both;width:100%;margin:20px 0 0px 0;background-color: #e9f7df;border-radius:8px; padding: 15px 15px 10px 15px; color: #377800;font-size:14px;line-height:18px;}
.list-empty .tips .row {float:left;width:100%;clear:both;margin:0 0 5px 0;}
.list-empty .tips .row.last {margin-top:5px;text-align:right;}
.list-empty .tips i {float:left;margin:0 8px;font-size:6px;opacity:0.7;line-height:20px;}

#search-sort {float:left;clear:both;width:100%;margin:0 0 12px 0;}
#search-sort .user-type {float:left;font-size:14px;margin:6px 0px 6px 0px; border-radius: 5px;padding:0px;}
#search-sort .user-type a {float:left;padding:8px 8px 6px 8px;font-size:14px;margin:0 3px 0 0;color:#111;text-decoration:none;border-radius:0px;border-bottom:2px solid transparent;}
#search-sort .user-type a.active {cursor:default;font-weight:bold;}
#search-sort .list-grid {float:right;margin:6px 0px;}
#search-sort .list-grid a {float:left;margin:0px;color:#666;background:#fff;width:32px;height:36px;padding:7px 0;font-size:16px;text-align:center;}
#search-sort .list-grid a > div {width:22px;height:22px;position:relative;display:inline-block;}
#search-sort .list-grid a.grid > div {width:24px;}
#search-sort .list-grid a > div > span {display: inline-block;width:22px;margin: 0 0 2px 0; border: 2px solid #666; border-radius: 2px; vertical-align: top;height:6px;}
#search-sort .list-grid a.grid > div > span {width:11px;float:left;height:10px;margin:0 1px 2px 0;}
#search-sort .list-grid a.grid > div > span:nth-child(2n) {margin-right:0;}
#search-sort .list-grid a:not(.active):hover > div > span {border-color:#000;}


/* PRODUCT */
.prod-wrap {float:left;clear:both;width:calc(100% + 16px);margin:0 -8px 0 -8px;}
.simple-prod {transition:0.2s;}
.simple-prod:hover {z-index:2;}
.products.grid .simple-prod, .white .simple-prod {position:relative;float:left;width:calc(25% - 16px);margin:0 8px 16px 8px;border:none;border-radius: 3px;background:transparent;line-height:16px;font-size:13px;box-shadow: 0 0 0 1px rgba(0,0,0,0.15);}
.products.grid .simple-prod .data, .white .simple-prod .data {overflow:hidden;float: left; width: 100%; padding: 14px 2px 8px 2px; z-index: 3; position: relative; background: #fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.products.grid .simple-prod .img-wrap, .white .simple-prod .img-wrap {float:left;width:100%;position:relative;margin:0;overflow:hidden;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom: 1px solid rgba(0,0,0,0.15);}
.products.grid .simple-prod .img-wrap img, .white .simple-prod .img-wrap img {background-size: cover; width: 100%; max-height: 100%;max-width: 100%;transition:0.2s;overflow: hidden;background-position: center center;border-top-left-radius:3px;border-top-right-radius:3px;}
.products.grid .simple-prod .img-wrap img.lazy, .white .simple-prod .img-wrap img.lazy {transition:0s;}
.products.grid .simple-prod .price, .white .simple-prod .price {width:100%;float:left;clear:both;margin:0 0 6px 0;font-weight:bold;color:#000;padding:0 10px;position:relative;font-size:22px;line-height:22px;font-family: 'Lora', serif; }
.products.grid .simple-prod .price > span, .white .simple-prod .price > span {white-space: nowrap; max-width: 100%; display: inline-block; overflow: hidden;text-overflow:ellipsis;}
.products.grid .simple-prod .title, .white .simple-prod .title {float:left;font-size:13px;clear:both;font-weight:500;color:#555;margin:0px 0 5px 0;padding:0 10px;height:16px;white-space: nowrap;width:100%;overflow:hidden; word-break: break-all; text-overflow: ellipsis;}
.products.grid .simple-prod.compact .data, .white .simple-prod.compact .data {height:70px;}
.products.grid .simple-prod.compact .title:first-child, .white .simple-prod.compact .title:first-child {margin:14px 0 18px 0;}
.products.grid .simple-prod .category, .white .simple-prod .category {font-size:12px;float:left;clear:both;font-weight:normal;margin:0px 0 3px 0;padding:0 10px;height:16px;white-space: nowrap;width:100%;overflow:hidden; word-break: break-all; text-overflow: ellipsis;}
.products.grid .simple-prod .date, .white .simple-prod .date{font-size:11px;letter-spacing:-0.25px;float:right;font-weight:normal;margin:0px;padding:0 10px 0 5px;height:20px;line-height:16px;padding-top:3px;color:#999;}
.simple-prod .category i, .simple-prod .date i {text-align:center;margin-right:2px;}
.products.grid .simple-prod .location, .white .simple-prod .location {float:left;position:relative;border-top:1px solid rgba(0,0,0,0.05);clear:both;font-weight:normal;margin:10px 0 2px 0;padding:10px 30px 10px 10px;letter-spacing:-0.2px;font-size:14px;width:100%;overflow:hidden;white-space: nowrap; word-break: break-all; text-overflow: ellipsis;}
.products.grid .simple-prod .publish, .white .simple-prod .publish {color: #f3f3f3;text-shadow:1px 1px 2px rgba(0,0,0,0.5);position: absolute; right: 10px;bottom: 10px;font-size:13px;letter-spacing:-0.3px;}
.products.grid .simple-prod .publish, .white .simple-prod .publish {display:none!important;}
.products.grid .simple-prod .isList, .white .simple-prod .isList {display:none!important;}
.simple-prod.st-sold, .simple-prod.st-reserved {overflow:hidden;}
.products .simple-prod .label.lab-res, .white .simple-prod .label.lab-res, .products .simple-prod .label.lab-sold, .white .simple-prod .label.lab-sold {width: 200px; box-shadow: 0 2px 5px rgb(0 0 0 / 25%);padding: 5px; font-size: 13px; font-weight: bold; line-height: 18px; background: #000; transform: rotate( -45deg ); transform-origin: bottom; top: 35px; left: -35px;}
.products .simple-prod .label.lab-res, .white .simple-prod .label.lab-res {background:#f3e749;color:rgba(0,0,0,0.65);}
.products .simple-prod .label.lab-sold, .white .simple-prod .label.lab-sold {background:#333;color:#fff;}
.products .simple-prod .label, .white .simple-prod .label {text-decoration:none;z-index:2;box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.15);position:absolute;left:5px;top:5px;padding:2px 5px;font-weight:400;text-align:center;font-size:11px;line-height:14px;width:auto;color:#fff;background:#e74c3c;border-radius:2px;}

.products .simple-prod .fi_save_favorite, .white .simple-prod .fi_save_favorite, .products .simple-prod .svi-save-btn, .white .simple-prod .svi-save-btn {text-indent:1px;background:rgba(255,255,255,0.25);transition:0.15s;border-radius:100px;display:block;color:#111;border:none;padding:2px;margin:0px;position:absolute;left:auto;bottom:auto;right:10px;top:10px;font-size:18px;width:32px;height:32px;text-align:center;z-index:9;}
.products .simple-prod:hover .fi_save_favorite, .white .simple-prod:hover .fi_save_favorite {background:rgba(255,255,255,0.9);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.35);}
.products .simple-prod .fi_save_favorite:hover, .white .simple-prod .fi_save_favorite:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.products .simple-prod .fi_save_favorite span, .white .simple-prod .fi_save_favorite span {display:none;}
.products .simple-prod .fi_save_favorite i, .white .simple-prod .fi_save_favorite i {line-height:28px;text-indent: -1px;}
.products .simple-prod .fi_save_favorite.is_favorite i, .white .simple-prod .fi_save_favorite.is_favorite i {color:#d21f2e;}
.products .simple-prod .fi_save_favorite.is_favorite i:before, .white .simple-prod .fi_save_favorite.is_favorite i:before {font-weight:900;}
.products .simple-prod .fi_save_favorite:not(.is_favorite) i:before, .white .simple-prod .fi_save_favorite:not(.is_favorite) i:before {font-weight:400;}

.products.list .simple-prod {position:relative;float:left;width:100%;margin:0 0 20px 0;border-radius: 0px;background:#fff;line-height:16px;font-size:13px;border-bottom:1px solid #ddd;padding-bottom:20px;}
.products.list .simple-prod:last-child {border-bottom:none;}
.products.list .simple-prod .img-wrap {float:left;width:180px;position:relative;margin:0;overflow:hidden;}
.products.list .simple-prod .img-wrap img {background-size: cover; width: 100%; max-height: 100%;max-width: 100%;transition:0.2s;overflow: hidden;background-position: center center;}
.products.list .simple-prod .isGrid {display:none!important;}
.products.list .simple-prod .data {position:relative;float:left;width:calc(100% - 180px);padding:5px 190px 5px 20px;}
.products.list .simple-prod .title {float:left;clear:both;font-weight:bold;font-size:17px;line-height:18px;margin:0px 0 10px 0;padding:0;width:100%;padding-right:15px;}
.products.list .simple-prod .description {float:left;height:54px;overflow:hidden;clear:both;font-weight:300;font-size:13px;line-height:18px;margin:0px 0 10px 0;padding:0;color:#999;width:100%;}
.products.list .simple-prod .extra {float:left;clear:both;font-weight:normal;font-size:12px;line-height:16px;margin:0 0 10px 0;padding:0;color:#555;width:100%;}
.products.list .simple-prod .extra > span {float:left;width:100%;margin:0 0 1px 0;}
.products.list .simple-prod .extra .time {float:left;width:100%;}
.products.list .simple-prod .extra i {margin-right:4px;width:15px;text-align:left;}
.products.list .simple-prod .price {float:left;clear:both;width:auto;font-weight:bold;line-height:22px;font-family: 'Lora', serif;font-size:24px;color:#000;margin:0px 0 15px 0;position:relative;}
.products.list .simple-prod .price.isstring {line-height:18px;font-size:18px;}
.products.list .simple-prod .user {position:absolute;right:15px;bottom:15px;padding:5px 24px 5px 10px;font-weight:bold;font-size:11px;line-height:14px;color:#777;border-radius:4px;text-decoration:none;border:1px solid rgba(13, 158, 204, 0.4);transition:0.1s;}
.products.list .simple-prod .user:hover {border-color:#0d9ecc;}
.products.list .simple-prod .user:after {content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 2px; right: 4px; background: url(../images/shop-small.png) no-repeat center; background-size: contain;}
.products.list .simple-prod .action {position:absolute;right:15px;top:5px;width:140px;}
.products.list .simple-prod .action .bt {float:left;clear:both;width:100%;margin:0 0 15px 0;}
.products.list .simple-prod .action .hit, .products.list .simple-prod .action .time {float:left;clear:both;width:100%;margin:0 0 3px 0;font-size:12px;font-style:italic;line-height:15px;}
.products.list .simple-prod .action .bt a {display:inline-block;width:100%;text-align:center;font-size:13px;padding:8px;font-weight:bold;}
.products.list .simple-prod .action .bt a i {font-size: 17px; margin: 0 4px 0 0; vertical-align: -2px;}
  
.simple-prod.is-premium.premium-loop { box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25); }
.simple-prod.st-sold .img-wrap, .simple-prod.st-sold .data {opacity:0.4;}
.simple-prod.st-sold {background: rgba(255,255,255,0.6);}
.simple-prod.bxp-item-is-highlight .data, .simple-prod.bxp-item-is-highlight {background:#f9f674!important;}
.price .bitcoin_price {clear:both;display:block;font-size:13px;line-height: 14px;}
.simple-prod .fi_save_favorite.is_favorite {display:block;}
.simple-prod .fi_save_favorite span {color:#fff;}
.simple-prod .switch-bars {position:absolute;top:0px;left:4px;bottom:0px;right:4px;z-index:2;display:none;}
.simple-prod .img-wrap:hover .switch-bars {display:block;}
.simple-prod .switch-bars .bar {position:absolute;top:0;bottom:0;}
.simple-prod .switch-bars .bar:after {border-radius:10px;content:"";position:absolute;bottom:4px;left:1px;right:1px;height:4px;background:rgba(180,180,180,0.7);}
.simple-prod .switch-bars:not([data-count="1"]) .bar:hover:after {background:#444;}
.simple-prod .img-wrap .more-img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.25); color: #fff;}
.simple-prod .img-wrap .more-img svg {width: 60px; height: 60px; fill: #fff; display: block; margin: 0 auto 8px auto; margin-top: calc(50% - 80px);}
.products.list .simple-prod .img-wrap .more-img svg {margin-top: calc(50% - 70px);}
.simple-prod .img-wrap .more-img span {display: block; margin: 0 auto; text-align: center; font-size: 14px; line-height: 18px;}
.simple-prod .details {float:left;width:100%;clear:both;padding:0 10px;margin:3px 0 1px 0;}
.simple-prod .details > div {float:left;width:32%;padding:5px 8px;display: flex; height: 36px; overflow: hidden;}
.simple-prod .details > div:first-child {padding-left:0;border-right:1px solid #ddd;}
.simple-prod .details > div:last-child {padding-right:0;padding-left:10px;width:36%;}
.simple-prod .details > div > span {white-space:normal;margin: auto 0;width:100%; text-align: left;height:auto;max-height:26px;overflow:hidden;line-height: 13px;font-size:11px;color:#777;}
.simple-prod .details > div.bt {padding:2px 0;}
.simple-prod .details > div.bt a.btn {font-weight:bold;width:100%;text-align:center;font-size:12px;padding:8px 3px;line-height:16px;border:none;height:32px;}

.simple-prod.compact .details {display:none;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;background:#fff;padding-top: 17px;margin:0;}
.simple-prod.compact:hover .details {display:block;}

simple-prod.tiny {overflow:hidden;}
.products.grid .simple-prod.tiny .data, .white .simple-prod.tiny .data {padding: 6px 0px 1px 0;position:absolute;bottom:0;background:rgba(0,0,0,0.6);background:linear-gradient(to top,rgba(0,0,0,0.95),rgba(0,0,0,0.35) 60%);}
.products.grid .simple-prod.tiny .price, .white .simple-prod.tiny .price {font-size:18px;margin-bottom:3px;line-height:20px;color:#fff;}
.products.grid .simple-prod.tiny .title, .white .simple-prod.tiny .title {color:#eee;}
.products.grid .simple-prod.tiny .img-wrap, .white .simple-prod.tiny .img-wrap {border-bottom:none;border-radius:3px;}
.simple-prod.tiny .img-wrap .more-img svg {margin-top: calc(50% - 100px);}
.simple-prod.tiny .details {display:none;}


/* MULTICURRENCY */
.MCtooltip {display:none;position: absolute; top:auto;bottom: 24px; left: 10px; border-radius: 5px; padding: 8px 10px; background: #e4e4e4;z-index:9;width:auto;font-weight:normal;white-space:nowrap;font-size:13px;line-height:16px;}
.MCtooltip .fa {display:none;}
.MCtooltip:before {content:"";position:absolute;left:15px;top:auto;bottom:-5px;width:10px;height:10px;background:#e4e4e4;transform:rotate(-135deg);border-bottom-right-radius:10px;}
*:hover > .MCtooltip {display:block;}
#listing .data .price .MCtooltip {font-size:13px;top:30px;}

/* FORMS - LOGIN, REGISTER, FORGOT PASS */
body.lrf {background:#fff;}
.lrf #bread {display:none;}
.lrf header {background: #f7f8fb; background: linear-gradient(to bottom,#f7f8fb 85%,#f0f2f7 100%);z-index:2;}
.lrf footer .pub-box-line {display:none;}
.lrf footer {margin-top:50px;}

.lrf header, #body-contact header {padding-bottom:130px;}
.lrf #i-forms.content, #body-contact .content {padding:0;}
.lrf #i-forms .inside {min-height:200px;border-bottom:none;padding:0;}
#body-contact .inside {border-bottom:none;padding:0;}
.lrf #i-forms .box, #body-contact #contact {position:relative;top:auto;right:auto;margin:-100px auto 0 auto;}

a.toggle-pass { position: absolute; right: 5px; top: 4px; width: 26px; height: 26px; font-size: 13px; color: #555; transition: 0.2s; text-align: center; }
a.toggle-pass i {line-height:26px;}

#i-forms.content {padding:0;}
#i-forms.content.contact {padding-top:40px;}
#i-forms .inside {position:relative;border-bottom:1px solid #ccc;min-height:100px;padding:50px 25px;}
#i-forms .img-cover {overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:100%;display:block;background: transparent url('../images/acc-bg2.jpg') no-repeat left bottom;max-width: 600px;max-height:560px;background-size:cover;box-shadow: -60px 60px 60px 60px #fff inset;}
#i-forms .box {z-index:4;width:100%;max-width:380px;overflow:visible!important;position: absolute; right: 25px; top: -40px;}
#i-forms.contact .box {max-width:420px;}
#i-forms .box > .wrap {display:block;width:100%;margin:0;background:#fff;background: linear-gradient(to bottom,#fff 75%,#f7f8fb 100%);border:1px solid rgba(0,0,0,0.1);border-radius:6px;box-shadow:0 10px 25px rgb(0 0 0 / 25%);padding:25px 30px 30px 30px;position:relative;}
#i-forms .box h1 {text-align:center;margin:0px 0 10px 0;display: block; width: 100%;font-weight:bold;font-size: 24px; line-height: 28px; color: #000;}
#i-forms .box h2 {text-align:center;margin:0px 0 35px 0;display: block; width: 100%;font-weight:300;font-size: 15px; line-height: 18px; color: #333;}
#i-forms .box > .wrap > div {display:inline-block;width:100%;}
#i-forms .box .row {float:left;clear:both;width:100%;}
#i-forms .box .row.p1 {width:50%;padding-right:8px;}
#i-forms .box .row.p2 {clear:none;width:50%;padding-left:8px;}
#i-forms .box .row.bo {margin-top:8px;}
#i-forms .box .row.bo a {font-weight:bold;}
#i-forms.register .box {max-width:560px;}
#i-forms button.complete-registration {width:auto;}
#i-forms label {display:block;width:100%;margin:0 0 5px 0;}
#i-forms label span, #i-forms label div {display:inline-block;}
#i-forms label .req {font-weight:normal;}
#i-forms input[type="text"], #i-forms input[type="password"], #i-forms input[type="email"], #i-forms textarea, #i-forms select {width:100%;}
#i-forms textarea {height:160px;min-height:120px;max-height:420px;min-width:100%;max-width:100%;}
#i-forms button {padding:10px 15px;margin:0 0 10px 0;width:100%;font-weight:bold;font-size:15px;line-height:18px;}
#i-forms .input-box {margin:0 0 25px 0;}
#i-forms fieldset > input, #i-forms fieldset > select {margin-bottom:25px;}
#i-forms #bxp_referral_info {margin-bottom:6px;}
#i-forms .login-line {display:block;float:left;width:100%;margin:-15px 0 10px 0;}
#i-forms .social {margin:0 0 20px 0;display:inline-block;width:100%;text-align:center;}
#i-forms .social h4 {font-size:13px;font-weight:normal;position:relative;text-align:center;display:inline-block;width:100%;color:#777;margin:0 0 20px 0;}
#i-forms .social h4 span {display:inline-block;padding:0 15px;background:#fff;position:relative;z-index:2;}
#i-forms .social h4:after {content:"";display:block;position:absolute;width:100%;height:1px;z-index:1;background:#eee;top:50%;left:0;}
#i-forms .social a {display:inline-block;width: 100%; height: 44px;padding:12px 0;position:relative;line-height:20px; border-radius: 5px; font-size: 15px;font-weight:bold; color: #fff; background: #363433; text-align: center; margin: 0 0 10px 0; transition: 0.1s;}
#i-forms .social a:hover {opacity:0.8;}
#i-forms .social a.facebook {background:#3b5a99;}
#i-forms .social a.google {background:#d04028;}
#i-forms .social a i {line-height:20px;font-size:20px;color:#fff;position:absolute;left:15px;top:12px;}
#i-forms #error_list {margin-bottom:15px;}
#i-forms #error_list:empty {display:none;}
#i-forms #error_list li, #i-forms #error_list li label {font-weight:bold;}
#i-forms .box .row.fr {margin:0 0 15px 0;}
#i-forms .box .row.fr a {font-size:13px;font-weight:300;}

body #gdpr-check {padding:0;}
body form[name="register"] #gdpr-check {padding:0;margin:0 0 17px 0;}
body #gdpr-check.styled .input-box-check label {line-height:20px;padding-left:25px!important;margin:0;}
body #gdpr-check.styled .input-box-check label:after {left:-1px;top:0;font-size:10px;font-family: "Font Awesome 5 Free";font-weight:900;}
body #gdpr-check .input-box-check {margin:0 0 8px 0;}

/* BREADCRUMBS */
#bread {display:block;margin:20px 0;font-size:13px;text-align:center;}
#bread .wrap {display:inline-block;width:100%;padding: 0 25px;}
#bread .goback {transition:0.1s;float: left; padding: 6px 9px; font-size: 14px; line-height: 18px; font-weight: bold; border: 1px solid rgba(0,0,0,0.3); background: #fff; border-radius: 5px; margin: -8px 10px -8px 0;}
#bread .goback:hover {text-decoration:none;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
#bread .goback i {float: left; line-height: 18px; font-size: 13px; margin: 0 4px 0 0;}
#bread .navlinks {float:right;margin:-6px 0;}
#bread .navlinks a {transition:0.2s;float: left; padding: 4px 6px; font-size: 13px;background:#f7f8fb; line-height: 18px; color:#333;font-weight: 500; border: 1px solid rgba(0,0,0,0.3);border-radius: 5px; margin: 0 0 0 4px;}
#bread .navlinks a:hover {text-decoration:none;background:rgba(0,0,0,0.05);}
#bread .navlinks a i {float: left; line-height: 17px; font-size: 13px; margin: 0 4px 0 0;}
#bread .navlinks a.next i {float: right; margin: 0 0 0 4px;}

body#body-item #bread, body#body-page #bread, body#body-item-post #bread, body#body-item-edit #bread, body#body-user-public-profile #bread { padding: 20px 0; margin: 0 0 30px 0; background: #f7f8fb; background: linear-gradient(to bottom,#f7f8fb 50%,#ebeef7 100%); }
body#body-user-public-profile #bread {margin-bottom:22px;}
body#body-item #bread .bread-text {float:left;width:calc(100% - 260px);overflow:hidden;display:flex;height:32px;margin:-8px 0;}
body#body-item #bread .bread-text ul {margin:auto 0;float:none;}
body#body-item-post footer {margin-top:20px;}
body#body-item-post footer .pub-box {display:none;}

#bread ul {display:inline-block;margin:0;font-size:13px;line-height:16px;color:#444;float:left;width:auto;text-align:left;}
#bread ul li {display:inline;margin-right:4px;}
#bread ul li span {margin-left:4px;display:inline;}
#bread ul li a {display:inline;color:#444;}
#bread ul li a:hover span {text-decoration:underline;}
#bread ul li.first-child span {margin-left:0;font-weight:bold;color:#000;}
#debug-mode {opacity:1;position: fixed;-webkit-backface-visibility: hidden; bottom: 0; left: 0; text-align: center; padding: 6px 20px;font-size:13px;line-height:16px; width: 100%; background:rgba(0,0,0,0.8); z-index: 999; color: #fff; font-weight: normal; }
.fw-supporting #debug-mode {display:none!important;}

/* HEADER */
header {border-bottom:1px solid transparent;margin:0;background:#f7f8fb;width:100%;z-index:99;transition:0.4s;}
header .relative1 {padding:12px 25px;border-bottom:1px solid #dfe3ed;}
header .relative1 a {float:right;color:#555;font-weight:400;font-size:13px;line-height:15px;padding:0px 12px;border-right:1px solid #dfe3ed;}
header .relative1 a:first-child {border-right:none;padding-right:0;}
header .relative1 a > span {float:left;}
header .relative1 a .counter {margin: -5px 0 0 2px; font-size: 9px; font-weight: 400; padding: 1px 3px; line-height: 12px; border-radius: 100px; border-bottom-left-radius: 0; min-width: 14px; text-align: center;}
header .relative2 {border-bottom:1px solid #dfe3ed;padding:10px 25px;}
header .left {float:left;max-width:40%;}
header .right {float:right;max-width:60%;padding:10px 1px 10px 0;height:60px;position:relative;}
header .right .link-box {position:relative;float:right;margin:0;}
header .right a {position:relative;float:right;margin:0;line-height:18px;padding:11px 0px 11px 25px;font-size:15px;color:#333;font-weight:400;}
header .right a.login, header .right a.my-account {font-weight:bold;}


header .right a:hover {text-decoration:none;}
header .right a.publish, #home-pub a.publish, #search-pub .subscribe {padding:0;margin-left:30px;border-radius:4px;height:40px;border:none;}
header .right a.publish, #home-pub a.publish, #search-pub .subscribe:hover {opacity:1;}
header .right a.publish > span, #home-pub a.publish > span, #search-pub .subscribe > span {transition:0.2s;float:left;padding:9px 20px;background:rgba(255,255,255,0.1);border:1px solid transparent;font-weight:bold;line-height:20px;border-radius:4px;height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;color: #ffffff;}
header .right a.publish svg, #home-pub a.publish svg, #search-pub .subscribe svg {float: left; margin: 1px 7px 1px 0;}
header .right a.publish:hover > span, #home-pub a.publish:hover > span, #search-pub .subscribe:hover > span {background:rgba(255,255,255,0.1);}
header .right a.my-account {position:relative;}

header .user-menu {display:none;width:200px;position:absolute;right:1px;top:calc(100% - 1px);border-radius: 3px;border: 1px solid #ccc;box-shadow: 0 5px 15px 0 rgb(0 0 0 / 30%);z-index:999;font-size:14px;line-height:16px;}
header .user-menu:after {content:"";position:absolute;top:-6px;right:30px;background:#fff;width:14px;height:14px;border-radius:0 3px 0 0;border-top:1px solid #bbb;border-right:1px solid #bbb;transform:rotate(-45deg);}
header .user-menu .ins {position:relative;z-index:2;padding: 15px 18px; background: #fff; border-radius: 3px;  display: inline-block; width: 100%; }
header .user-menu .ins a {float:left;clear:both;font-size:13px;}
header .user-menu .ins div, header .user-menu .ins strong {float:left;clear:both;font-size:14px;}
header .user-menu .ins strong, header .user-menu .ins a {padding:3px 0;margin:1px 0;}
header .user-menu .ins strong {color:#363433;}
header .user-menu .ins .line {width:100%;height:1px;margin:8px 0;background:#ddd;}
header .user-menu strong.ld {display:flex;text-align:left;padding:2px 0 2px 38px;position:relative;width:100%;height:32px;overflow:hidden;}
header .user-menu strong.ld .image {position:absolute;width:32px;height:32px;top:0;left:0;}
header .user-menu strong.ld .image img {border-radius:3px;}
header .user-menu strong.ld > span {margin:auto 0;max-height:28px;overflow:hidden;line-height:14px;}

#overlay {position:fixed;top:0;left:0;bottom:0;right:0;z-index:98;display:none;}
#overlay.white {background:rgba(255,255,255,0.9);}
#overlay.black {background:rgba(0,0,0,0.75);}


/* HOME */
#home-pub {float:left;width:100%;padding:35px 35px 35px 190px;border-radius:4px;border:1px solid #ddd;margin:0 0 30px 0;background: url('../images/home-pub.png') no-repeat -30px calc(100% + 40px); background-size: 180px;}
#home-pub .info {float:left;width:calc(100% - 240px);padding:0 20px 0 0;}
#home-pub .info h3 {text-align:left;font-family: 'Lora', serif;font-size:22px;font-weight:bold;line-height:24px;margin:0 0 10px 0;}
#home-pub .info div {font-size:15px;color:#666;font-weight:300;line-height:20px;}
#home-pub .buttons {float:right;width:240px;}
#home-pub .buttons a.publish {float:right;}

#search-pub {float:left;width:calc(100% + 40px);padding:32px 40px 38px 40px;margin:10px -20px 20px -20px;background: #f0f2f7;}
#search-pub .info {float:left;width:calc(100% - 240px);padding:0 20px 0 0;}
#search-pub .info h3 {text-align:left;font-family: 'Lora', serif;font-size:22px;font-weight:bold;line-height:24px;margin:0 0 10px 0;}
#search-pub .info div {font-size:15px;color:#666;font-weight:300;line-height:20px;}
#search-pub .buttons {float:right;width:240px;}
#search-pub .buttons .subscribe {float:right;}
#search-pub.pos-side .info {width:100%;padding:0;}
#search-pub.pos-side .info > div {font-size:13px;line-height:16px;margin:-4px 0 12px 0;font-weight:normal;float:left;width:100%;}
#search-pub.pos-side .buttons .subscribe {float:left;clear:both;margin:0;height:36px;}
#search-pub.pos-side .buttons {float:left;clear:both;margin:0;height:36px;width:100%;margin-bottom:5px;}
#search-pub.pos-side .subscribe > span {height:36px;padding:7px 10px;}
#search-pub.pos-side .alert-box #alert_email {height:36px;}
#search-pub.pos-side .alert-box .btn {height:30px;padding:6px 8px;}

#home-search {z-index:11;float:left;width:100%;padding:30px 0 0 0;position:relative;margin:0 0 70px 0;background:#f7f8fb;background: linear-gradient(to bottom,#f7f8fb,#f0f2f7 100%);}
body#body-search #home-search {padding:0;}
#home-search .col {
  float: left;
  width: 25%;
  margin: 0;
  text-align: left;
  padding: 0 15px 0 0;
}

/* second column */
#home-search .col.c3 {
  width: calc(75% - 64px); /* subtract button width */
}

/* button column */
#home-search .col.c4 {
  width: 64px;
  padding: 0;
}

#home-search .col > strong {
  float: left;
  clear: both;
  margin: 0 0 6px 0;
  font-size: 13px;
  font-weight: bold;
}

#home-search .col > strong h1 {
  float: left;
  clear: both;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: inherit;
}

#home-search .col .btn {
  padding: 10px 4px;
  height: 40px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  margin: 0;
}

#home-search .inside > .box {
  z-index: 5;
  width: 100%;
  padding: 25px;
  margin-bottom: -44px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  float: left;
}

body#body-search #home-search .inside > .box {box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);}
#home-search input {width:100%;height:40px;border:1px solid #ddd;line-height:20px;padding:9px 28px 9px 34px;font-size:13px;color:#111;border-radius:3px;font-weight:400;}
#home-search input:not(.open):hover {border-color:#999;}
#home-search input.pattern {padding-right:10px;}
#home-search #location-picker, #home-search #category-picker {margin:0;position:relative;}
#home-search svg.svg-left {position:absolute;left:11px;top:11px;z-index:5;}
#home-search svg.svg-right {position:absolute;right:12px;top:14px;z-index:5;}
#home-search .term.category {cursor:pointer;}
#home-search #location-picker .term.open {background:#fff;}
#home-search #location-picker .shower {border:1px solid #ddd;border-top:none;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);background:#fff;max-height:240px;}
#home-search #location-picker .shower-wrap {top:38px;left:0px;width:100%;z-index:99;}
#home-search .simple-select .text {background:#fff;border-radius:0;height: 60px; border: 1px solid #fff; line-height: 28px; padding: 15px 15px; font-size: 17px; color: #666;}
#home-search .simple-select .list {background:#fff;top:60px;left:-1px;width:calc(100% + 2px);border:1px solid #ccc;border-top:none;}
#home-search .simple-select .text i:not(.help), #home-search #location-picker .fa.fa-angle-down {margin:0;font-weight: normal; color: #888; font-size: 20px; line-height: 20px; text-align: center; top: 20px; position: absolute; right: 15px;}
#home-search .simple-select .option, #home-search #location-picker .shower .option {font-size:13px;border-top:1px solid rgba(0,0,0,0.02)}
#home-search .simple-select .option.bold {display:none;}
#home-search #location-picker .shower .option.service.empty-pick.default, #location-picker .shower .option.service.empty-pick.default {font-size: 13px; color: #aaa; letter-spacing: -0.3px; font-weight: lighter;cursor:default;}

.mini-box {position:relative;width:100%;}


#home-cat2 {float:left;clear:both;width:100%;display:block;margin:0px 0 10px 0;text-align:center;}
#home-cat2 h2 {display:none;margin:0 0 14px 0;position:relative;font-size:22px;line-height:24px;font-weight:700;color:#111;text-align:left;font-family: 'Lora', serif;}
!#home-cat2 .box {float:left;clear:both;width:100%;position:relative;text-align:center;overflow:hidden;background:#f0f2f7;background:linear-gradient(to bottom,#f3f4f8 ,#f0f2f7 100%);border-radius:5px;padding:22px 10px 20px 20px;}
#home-cat2 .box {float:left;clear:both;width:100%;position:relative;text-align:center;padding:0;margin:0px 0 30px 0;}
#home-cat2 .wrap {float:left;clear:both;width:100%;position:relative;padding:0;}
#home-cat2 a {margin:0 1px 5px 1px;display:inline-block;float:none;text-align:center;color:#333;width:110px;transition:0.2s;padding:5px;}
!#home-cat2 a:first-child {margin-left:0;}
!#home-cat2 a:last-child {margin-right:0;}
#home-cat2 a > div {width:36px;height:36px;padding:0;margin:20px auto 15px auto;overflow:hidden;transform: scale(1);transition:0.2s;}
#home-cat2 a:hover { transform: translateY(-4px);background: #f7f8fb; border-radius: 10px; box-shadow: 0 4px 5px rgb(0 0 0 / 20%);}
#home-cat2 a:hover > div {transform: scale(1.2);}
#home-cat2 a > div > img {width:auto;height:auto;margin:auto;max-width:36px;max-height:36px;}
#home-cat2 a > div > i {font-size:22px;line-height:36px;width:100%;}
#home-cat2 a span {font-weight:normal;font-size:14px;letter-spacing:-0.1px;line-height:16px;}
#home-cat2 h3 {float:left;width:100%;text-align:center;font-size:14px;line-height:16px;color:#000;display: flex; height: 32px; overflow: hidden;margin:0 0 3px 0;}
#home-cat2 h3 > span {margin: auto; text-align: center;max-height:32px;overflow:hidden;font-weight:500;}
#home-cat2 .scroll {z-index:4;cursor:pointer;position:absolute;top:0;width:50px;height:calc(100% - 6px);text-align:center;display:none;}
#home-cat2 .scroll svg {position:absolute;width:28px;height:28px;text-align:center;color:#555;top:50%;left:50%;margin:-16px 0 0 -10px;border-radius:100px;background:#fff;padding:5px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1);}
#home-cat2 .scroll-left {left:0;background-image: linear-gradient(to left, transparent 0%, rgba(249, 247, 246,0.8) 40%, rgba(249, 247, 246,1) 100%);}
#home-cat2 .scroll-right {right:0;background-image: linear-gradient(to right, transparent 0%, rgba(249, 247, 246,0.8) 40%, rgba(249, 247, 246,1) 100%);}


#body-search #home-cat2 .scroll-left {background-image: linear-gradient(to left, transparent 0%, rgba(255, 255, 255,1) 40%, rgba(255, 255, 255,1) 100%);}
#body-search #home-cat2 .scroll-right {background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255,0.8) 40%, rgba(255, 255, 255,1) 100%);}
#body-search #home-cat2 {background:#fff;margin:0 0 20px 0;padding:14px 0 20px 0;border-bottom:1px solid rgba(0,0,0,0.1);}
#body-search #home-cat2 h2 {display:none;}
#body-search #home-cat2 a > div {width:64px;height:64px;padding:16px 16px;background:#f6f6f6;box-shadow:none;}
#body-search #home-cat2 a > div > img {max-width:32px;max-height:32px;}
#body-search #home-cat2 a > div > i {font-size:18px;line-height:32px;}
#body-search #home-cat2 a {width:90px;}
#body-search #home-cat2 h3 {font-size:14px;letter-spacing:-0.1px;}

.loc-search #home-cat {margin:0 0 25px 0;}
.loc-search #home-cat h2 {display:none;}
.loc-search #home-cat .inside .box {padding: 15px 12px 9px 12px;text-align:left;}
.loc-search #home-cat a {margin:0 2px 8px 2px;width:110px;}

.home-container {float:left;clear:both;width:100%;padding:15px 0;background:#fff;}
.home-container.bg-gray {background:#f7f8fb;background:linear-gradient(to bottom, #f0f2f7, #f7f8fb 25%);}
.home-container.favorite {background: linear-gradient(to top,#fff 90%,#f7f8fb 100%); padding: 30px 0;}
.home-container#home-blog {padding:30px 0;margin:0 0 20px 0;}
.home-container.banner-box {padding:20px 0;}
.home-container h2, .home-container .h2 {float:left;width:100%;clear:both;position: relative; margin: 0 0 20px 0;font-size: 32px; line-height: 34px; font-weight: 700;text-align:left;color:#111;font-family: 'Lora', serif;}
.home-container h3, .home-container .h3 {position: relative; margin: -10px 0 25px 0; position: relative; font-size: 18px; line-height: 22px; font-weight: normal;text-align:center;}
.home-container .blg-widget-inner {margin:0;}
.home-container .blg-widget-inner a.h2 {display:none;}
.home-container .blg-tp-grid .blg-widget .blg-wg-in {top:0;height:100%;}
.home-container #bpr-seller.bpr-block > .bpr-title {display:none;}
.home-container .bpr-outer-box {float:left;width:100%;clear:both;overflow-y: hidden; overflow-x: auto; white-space: nowrap;}
.home-container #bpr-seller.bpr-block {margin:0;max-width:initial;text-align:left;}
.home-container #bpr-seller.bpr-block .bpr-inside-all {margin:0;width:100%;padding:0 1px;}
#bpr-seller .bpr-comp .bpr-loc, #bpr-seller .bpr-comp .bpr-labels {float:left;}
#bpr-seller .bpr-comp .bpr-labels {width:100%;text-align:center;}
#bpr-seller .bpr-comp .bpr-labels > div {float:none;display:inline-block;margin:0 2px;}

.bpr-items .search-items-wrap {margin:15px -1%;width:102%;}
.home-empty {padding:30px 20px;display:inline-block;width:100%;text-align:center;}
.home-empty img {display:inline-block;max-width:180px;margin:0 0 30px 0;}
.home-empty strong {display:block;width:100%;font-size:18px;line-height:20px;color:#00103a;margin:0px 0 20px 0;}

.home-container .inner {max-width:1080px;}
.home-container .inner > div {display:block!important;float:left;width:100%;background:transparent;}
.home-container .inner > div > div {margin:0 auto;float:none;max-width:1080px;}


/* CHROME SCROLL BARS */
::-webkit-scrollbar {box-shadow: none;width: 10px;}
::-webkit-scrollbar-thumb {-moz-transition: background-color 218ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: background-color 218ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition: background-color 218ms cubic-bezier(0.4, 0, 0.2, 1);transition: background-color 218ms cubic-bezier(0.4, 0, 0.2, 1);background-color: rgba(0,0,0,0.12);background-clip: initial;box-shadow: none;}
::-webkit-scrollbar-thumb:hover {background-color: #9e9e9e;}
::-webkit-scrollbar-corner {background: #9e9e9e;}

.relative {position:relative;float:left;width:100%;clear:both;overflow:hidden;}
.relative1, .relative2 {position:relative;float:left;width:100%;clear:both;}
.nice-scroll-left {overflow:visible!important;display:none;content:"";position:absolute;left:0;top:0;height:100%;width:8px;z-index:9;background-image: linear-gradient(to left, transparent 0%, rgba(249,247,246,1) 100%);}
.nice-scroll-right {overflow:visible!important;display:none;content:"";position:absolute;right:0;top:0;height:100%;width:8px;z-index:9;background-image: linear-gradient(to right, transparent 0%, rgba(249,247,246,1) 100%);}
.nice-scroll-left .mover, .nice-scroll-right .mover {box-shadow:0 1px 4px rgba(0,0,0,0.2);text-indent:1px;font-weight:900;font-size:20px;color:#111;transition:0.15s;opacity:0.9;cursor:pointer;width:44px;height:44px;background:#fff;z-index:2;color:#333;border-radius:100px;position:absolute;right:4px;top:50%;margin-top:-40px;text-align:center;}
.nice-scroll-left .mover i, .nice-scroll-right .mover i {display:inline-block;line-height:44px;}
.nice-scroll-left .mover {left:4px;right:auto;text-indent:-1px;}
.nice-scroll-left .mover:hover, .nice-scroll-right .mover:hover {opacity:1;-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}

.nice-scroll-left.ns-white {background-image: linear-gradient(to left, transparent 0%, rgba(255,255,255,1) 100%);}
.nice-scroll-right.ns-white {background-image: linear-gradient(to right, transparent 0%, rgba(255,255,255,1) 100%);}
.nice-scroll-left.wh {background-image: linear-gradient(to left, transparent 20%, #fff 70%);width:50px;left:0;}
.nice-scroll-right.wh {background-image: linear-gradient(to right, transparent 20%, #fff 70%);width:50px;right:0;}
.nice-scroll-left.wh .mover2, .nice-scroll-right.wh .mover2 {font-weight:900;font-size:15px;color:#666;opacity:0.9;cursor:pointer;width:100%;padding:15px 10px;text-align:center;height:50px;z-index:2;position:absolute;left:0px;top:50%;margin-top:-25px;text-align:left;}
.nice-scroll-right.wh .mover2 {text-align:right;}
.nice-scroll-left.wh .mover2 i, .nice-scroll-right.wh .mover2 i {display:inline-block;line-height:20px;}

.nice-scroll {scrollbar-width:thin;scrollbar-color: #9e9e9e rgba(0,0,0,0.05);}

.nice-scroll::-webkit-scrollbar {box-shadow: none;height: 5px;background:rgba(0,0,0,0.05);}
.nice-scroll::-webkit-scrollbar-thumb {border-radius:100px;background-color: rgba(0,0,0,0.3);background-clip: initial;box-shadow: none;}
.nice-scroll::-webkit-scrollbar-thumb:hover {background-color: rgba(0,0,0,0.6);}


@media screen and (min-width: 1201px) {
  .nice-scroll::-webkit-scrollbar {height:8px;}
}


/* CUSTOM CHECKBOX */
.input-box-check {float:left;width:100%;clear:both;margin:5px 0;}
.input-box-check input[type="checkbox"] {opacity:0.01;position:absolute;z-index:1;overflow:hidden;background:transparent;padding:0!important;width:1px!important;height:1px!important;margin:0!important;box-shadow:none!important;}
.input-box-check label {cursor:pointer;position:relative;float:left;padding:2px 0 0 26px!important;line-height:16px;font-size:13px;width:auto;clear:both;font-weight:normal;}
.input-box-check label:hover {text-decoration:underline;}
.input-box-check label:before {cursor:pointer;content: ""; width: 18px; height: 18px; border: 1px solid rgba(0,0,0,0.3);font-weight:500; text-shadow: none; position: absolute; top: 0; left: 0;text-shadow:none;box-shadow: 0px 1px 1px rgba(0,0,0,0.06);border-radius: 3px;transition:0.1s;}
.input-box-check label:hover:before {border-color:#aaa;}
.input-box-check label:after {cursor: pointer; text-indent: 1px; font-family: "Font Awesome 5 Free"; content: "\f00c"; color: transparent; font-size: 11px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-weight: 900; text-shadow: none; position: absolute; top: 0px; left: 0px;border-radius: 5px;transition:0.1s;}
.input-box-check input[type="checkbox"]:checked + label:after {color:#000;}


/* CUSTOM INPUT */
.input-box {float: left; width: 100%; clear: both; margin: 0 0 25px 0; position: relative;}


/* DEFAULT */
input, select, textarea {padding:8px;font-size:14px;line-height:18px;border:1px solid rgba(0,0,0,0.2);border-radius:5px;box-shadow:none;outline:none;background:#fff;}
input:hover, select:hover, textarea:hover {border-color:rgba(0,0,0,0.3);}
input[type="text"] {}
a {text-decoration:none;color:#0d9ecc;cursor:pointer;transition:0.2s;}
a:hover {text-decoration:underline;color:#0d9ecc;}
button, .btn {position:relative;text-align:center;float:left;background:#0d9ecc;color:#fff;padding:8px 12px;font-size:14px;line-height:18px;border:1px solid rgba(0,0,0,0.05);border-bottom-color:rgba(0,0,0,0.1);border-radius:3px;box-shadow:none;outline:none;cursor:pointer;transition:0.1s;}
button:hover, a.btn:hover {color:#fff;}
.btn-loading, button.btn-loading, .btn.btn-loading {opacity:0.5;cursor:wait;color:transparent!important;}
.btn-loading:before {transition: 0.1s; position: absolute; left: 0; top: 0px; opacity: 1; z-index: 9; width: 100%; height: 100%; content: ""; display: block; background: transparent url(../images/loader.gif) no-repeat center center; background-size: 30px;}

button:not(.btn-loading):hover, .btn:not(.btn-loading):hover {text-decoration:none;opacity:0.9;}
label {font-weight:bolder;}
.disabled {opacity:0.5;cursor:not-allowed;}
.inside, .inner, body#body-custom section {display:block;margin:0 auto;max-width:1080px;float:none;}
body#body-custom section {padding:20px 25px;}
body#body-custom header {background: #f7f8fb; background: linear-gradient(to bottom,#f7f8fb 80%,#ebedf5 100%);}
body#body-custom header .relative2 {border-bottom:none;}

.logo {position:relative;width:auto;height:auto;height:46px;width:220px;margin:7px 0;float:left;}
.logo img {position: absolute; width: auto; height: auto; display: block; max-width: 100%; max-height: 100%; margin: auto; top: -50%; left: 0; bottom:-50%; }
header, footer, section {float:left;clear:both;width:100%;}
body {background:#f7f8fb;}
body#body-home {background:#fff;}
.content {display:block;float:left;width:100%;clear:both;}
.req {font-weight:normal;margin-left:3px;}
#comment_error_list {margin:-5px 0 15px 0;}
#error_list, #error_list li, #comment_error_list, #comment_error_list li {display:block;width:100%;clear:both;float:left;}
#error_list li label, .problem, #comment_error_list li label {display: inline-block!important; width: 100%; padding: 10px 10px; font-size: 14px; font-weight: normal; background: #e68383; color: #fff; border-radius: 3px; margin: 0 0 5px 0;}
.middle .problem {text-align:center;} 
#contact_form .problem {padding: 12px; font-weight: bold; margin: 0 0 15px 0;}

/* RESET */
fieldset{border:none;display:inline-block;padding:0;margin:0;width:100%;}html,input,select,textarea,button{font-family:'Poppins', sans-serif;}div{margin:0;padding:0;}html{color:#222;box-sizing:border-box;font-size:14px;line-height:18px;cursor:default;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word;}*,*:before,*:after{box-sizing:inherit}body{display:inline-block;margin:0;font-weight:normal;width:100%;}h1,h2,h3,h4,h5,h6,p,ol,ul{display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}ol,ul{list-style:none}img{max-width:100%;width:auto;height:auto}

/* Make location area flexible */
.loc-full {
  width: 100%;
}

/* Put region + city on one row */
.loc-full .loc-region,
.loc-full .loc-city {
  width: 50% !important;
  float: left !important;
  box-sizing: border-box;
}

/* Space between them */
.loc-full .loc-region { padding-right: 10px; }
.loc-full .loc-city   { padding-left: 10px; }

/* Selects full width inside */
.loc-full .loc-region select,
.loc-full .loc-city select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Clear floats so next fields don't break */
.loc-full:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 767px) {
  .loc-full .loc-region,
  .loc-full .loc-city {
    width: 100% !important;
    padding: 0 !important;
  }
}

/* start Hide name & email ONLY for logged-in users in item-post page*/
.seller.logged .row.name,
.seller.logged .row.user-email {
  display: none !important;
}
/* end Hide name & email ONLY for logged-in users in item-post page*/

/* Start Row for Price & Condition */
.pc-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0; /* remove gap, handle spacing in inner elements */
}

/* Each field 50% width on desktop */
.pc-row .pc-field {
  width: 50% !important;
  box-sizing: border-box;
  padding-right: 10px; /* optional spacing between fields */
  display: flex;
  flex-direction: column;
}

/* Last field remove right padding */
.pc-row .pc-field:last-child {
  padding-right: 0;
}

/* Ensure input boxes take full width */
.pc-row .pc-field .input-box {
  width: 100% !important;
  box-sizing: border-box;
}

/* Mobile: stack fields full width */
@media screen and (max-width: 768px) {
  .pc-row .pc-field {
    width: 100% !important;
    padding-right: 0;
    margin-bottom: 15px; /* spacing between stacked fields */
  }
}
/* End Row for Price & Condition */


/* Popup overlay */
.report-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
  animation: fadeIn 0.3s ease-in;
}

/* Popup content */
.report-popup-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 30px 20px;
  border-radius: 12px;
  width: 90%;
  max-width: 360px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  transform: translateY(-50px);
  animation: slideDown 0.4s forwards;
}

/* Close button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover {
  color: #000;
}

/* Header */
.report-popup-content h3 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #333;
}

/* Options */
.report-options a {
  display: block;
  margin: 10px 0;
  padding: 12px 15px;
  border-radius: 8px;
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.report-options a:hover {
  background-color: #0073e6;
  color: #fff;
  transform: translateY(-2px);
}

/* Animations */
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes slideDown {
  from {transform: translateY(-50px);}
  to {transform: translateY(0);}
}

/* Mobile responsiveness */
@media (max-width: 480px) {
  .report-popup-content {
    margin: 20% auto;
    padding: 20px 15px;
  }

  .report-popup-content h3 {
    font-size: 18px;
  }

  .report-options a {
    font-size: 16px;
    padding: 10px 12px;
  }
}

/* ITEM PAGE TITLE LEFT AND PRICE RIGHT  */
.item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* ITEM PAGE TITLE LEFT AND PRICE RIGHT  */

/* START ITEM PAGE VIEWS COUNTER  */
.views-right {
    display: flex;
    justify-content: flex-end; /* pushes content to the right */
    align-items: center;       /* vertically centers if container has height */
}

.views-right .views {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
}
/* ENDS ITEM PAGE VIEWS COUNTER  */

/* This is contact seller popup css */
/* Compact Fancybox popup */
#contact-seller-popup {
  max-height: 95vh;       /* fit inside viewport */
  width: 100%;
  max-width: 500px;       /* smaller width */
  box-sizing: border-box;
  padding: 5px;
  overflow: visible;      /* prevent scroll */
}

/* Contact box styling */
.contact-popup-box {
  padding: 15px;
  background: #fff;
}

/* Title */
#contact-seller-popup h2 {
  font-size: 16px;
  margin-bottom: 10px;
}

/* Reduce spacing between rows */
#contact-seller-popup .row {
  margin-bottom: 5px;
}

/* Inputs & textarea */
#contact-seller-popup input,
#contact-seller-popup textarea {
  font-size: 14px;
  padding: 6px 8px;
}

/* Send button */
#contact-seller-popup .item-form-submit {
  font-size: 14px;
  padding: 8px 8px;
  width: 100%;
}

/* Close button */
.fancybox__button--close {
  top: 10px;
  right: 10px;
  background: #f2f2f2;
  border-radius: 50%;
}

/* Mobile */
@media (max-width: 600px) {
  #contact-seller-popup {
    max-width: 95%;
    padding: 10px;
  }
}

/* START ITEM PAGE VIEWS COUNTER  */
.editads-left {
    display: flex;
    justify-content: flex-start; /* pushes content to the right */
    align-items: center;       /* vertically centers if container has height */
}

.editads-left .editads {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
}
/* ENDS ITEM PAGE VIEWS COUNTER  */

/* FANCY PHONE BOX */
.fancy-phone-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color:LightGray;
  padding: 10px 14px;
  border-radius: 1px;
  margin-top: 8px;
  font-size: 1.1rem;
}

/* ICON */
.fancy-phone-box i {
  font-size: 20px;
  color: #16a34a;
}

/* LOGIN REQUIRED STATE */
.fancy-phone-btn.login-required {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.fancy-phone-btn.login-required:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

/* =========================
   MODAL OVERLAY (BACKGROUND)
   Covers full screen behind modal
   ========================= */
.modal-cover {
  display:none;                  /* Hidden by default */
  position:fixed;                /* Fixed to viewport */
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:98;                    /* Below modal window */
  background:rgba(0,0,0,0.75);   /* Dark semi-transparent overlay */
}

/* =========================
   MAIN MODAL CONTAINER
   Centered popup modal
   ========================= */
#HeadModal {
  display:none;                  /* Hidden until triggered */
  overflow:hidden;               /* Prevent content overflow */
  background:#fff;               /* White modal background */
  position:fixed;                /* Fixed position on screen */
  width:640px;                   /* Default modal width */
  height:480px;                  /* Default modal height */
  top:50%;                       /* Vertical center */
  left:50%;                      /* Horizontal center */
  transform:translate(-50%, -50%); /* Perfect centering */
  max-width: calc(100% - 20px);  /* Responsive width limit */
  max-height: calc(100% - 20px); /* Responsive height limit */
  z-index:995;                   /* Above overlay */
  box-shadow: 0 5px 30px rgb(0 0 0 / 70%); /* Deep shadow */
}

/* =========================
   FULLSCREEN MODAL MODE
   Removes centering and fills screen
   ========================= */
#HeadModal.modal-fullscreen {
  width:auto;
  height:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  border-radius:0;               /* Square edges */
  box-shadow:none;               /* No shadow */
  transform:none;                /* Disable centering */
  max-width:100%;
  max-height:100%;
}

/* =========================
   MODAL CLOSE BUTTON
   Top-right corner button
   ========================= */
#HeadModal .modal-close {
  cursor:pointer;                /* Pointer cursor */
  border-radius:5px;             /* Rounded button */
  transition:0.1s;               /* Hover animation */
  position:absolute;
  z-index:99;                    /* Above modal content */
  color:#7d8ea0;                 /* Icon color */
  background: rgba(0,0,0,0.05);  /* Light background */
  text-align:center;
  box-shadow: 0 0px 2px rgb(0 0 0 / 20%);
  top: 10px;
  right: 15px;
  width: 34px;
  height: 34px;
  font-size: 16px;
}

/* Icon alignment inside close button */
#HeadModal .modal-close i {
  line-height:34px;              /* Vertical centering */
  display:inline-block;
}

/* Hover scale effect on close button */
#HeadModal .modal-close:hover {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}

/* =========================
   MODAL CONTENT WRAPPER
   Fills entire modal area
   ========================= */
#HeadModal .modal-content {
  position:absolute;
  right:0;
  bottom:0;
  top:0;
  left:0;
}

/* =========================
   IFRAME CONTENT AREA
   Shows loader while loading
   ========================= */
#HeadModal .modal-content .modal-iframe {
  background: #fff url(../images/loader.gif) no-repeat center center;
  background-size: 80px;         /* Loader size */
  border:none;
  padding:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* =========================
   BORDER RADIUS CONSISTENCY
   Applies rounded corners
   ========================= */
#HeadModal,
#HeadModal .modal-content,
#HeadModal .modal-content .modal-iframe {
  border-radius:5px;
}

/* =========================
   INLINE MODAL MODE
   Enables vertical scrolling
   ========================= */
#HeadModal .modal-is-inline .modal-content {
  overflow-y:auto;               /* Scroll when content is long */
}

/* ALERTS FREQUENCY */
.alert-frequency {display:flex;float: left; align-items: center; flex-wrap: nowrap;margin:6px 0 12px 0;}
.alerts-box .head-row .data div.alert-frequency {margin-top:10px;}
.alert-frequency > a {padding:5px 10px;font-size:14px;line-height:16px;margin:0 -1px 0 0;border:1px solid #ccc;background:#fff;}
.alert-frequency > a:first-child {border-radius:4px 0 0 4px;}
.alert-frequency > a:last-child {border-radius:0 4px 4px 0;}
.alert-frequency > a.active {background:#f0f0f0;font-weight:600;}
.alert-frequency > a:hover {text-decoration:none;background:#f0f0f0;}


/* USER ITEMS SEARCH */
form[name="user-items-search"] {display:flex;flex-direction: row; align-items: flex-end;margin:0 0 16px 0;width:100%;}
form[name="user-items-search"] .control-group {width:fit-content;padding:0 12px 6px 0;}
form[name="user-items-search"] .control-group label {float:left;width:100%;text-align:left;margin:0 0 2px 0;}
form[name="user-items-search"] .control-group .controls {float:left;width:100%;margin:0;}
form[name="user-items-search"] .control-group .controls input, form[name="user-items-search"] .control-group .controls select {float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-items-search"] .actions {width:fit-content;padding:0 0 6px 0;}
form[name="user-items-search"] .actions button {white-space:nowrap;height:38px;font-weight:600;}

@media screen and (max-width: 540px) {
  form[name="user-items-search"] {flex-wrap: wrap;}
  form[name="user-items-search"] .control-group {width:50%;}
}


/* USER PUBLIC PROFILE SEARCH */
form[name="user-public-profile-search"] {display:flex;flex-direction: row; align-items: flex-end;margin:0 0 12px 0;width:100%;}
form[name="user-public-profile-search"] .control-group {width:fit-content;padding:0 12px 6px 0;}
form[name="user-public-profile-search"] .control-group label {float:left;width:100%;text-align:left;margin:0 0 2px 0;}
form[name="user-public-profile-search"] .control-group .controls {float:left;width:100%;margin:0;}
form[name="user-public-profile-search"] .control-group .controls input, form[name="user-public-profile-search"] .control-group .controls select {float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-public-profile-search"] .actions {width:fit-content;padding:0 0 6px 0;}
form[name="user-public-profile-search"] .actions button {white-space:nowrap;height:38px;font-weight:600;}

@media screen and (max-width: 540px) {
  form[name="user-public-profile-search"] {flex-wrap: wrap;}
  form[name="user-public-profile-search"] .control-group {width:50%;}
}


/* SUBDOMAIN NAVIGATION */
body.subdomain-navigation div.m25 {margin:55px 0 55px 0;}
body.subdomain-navigation header {text-align:center;}
body.subdomain-navigation header #logo {float:none;display:inline-block;}
body.subdomain-navigation header #logo img {max-height:75px;height:auto;margin:25px 0;}
body.subdomain-navigation section {text-align:center;font-size:18px;min-height: calc(100vh - 204px);}
body.subdomain-navigation section div {display:inline-block;width:100%;}
body.subdomain-navigation section strong {display:inline-block;margin-bottom:15px;}
body.subdomain-navigation footer {background:transparent;text-align:center;padding:20px;margin:30px 0 0 0;color:#888;font-size:14px;}
body.subdomain-navigation header .relative1, body.subdomain-navigation header .right, body.subdomain-navigation #home-search, body.subdomain-navigation #home-cat2 {display:none;}
body.subdomain-navigation footer .pub-box, body.subdomain-navigation footer .inside:not(.copyright) {display:none;}
body.subdomain-navigation header .menu.btn, body.subdomain-navigation #navi-bar {display:none;} 
#subdomains-list {max-width:980px;display: flex;flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: row;margin:0 auto;}
#subdomains-list a { display: inline-block; max-width: 33.33%; width: 100%; font-size: 16px; margin: 0px 0 15px 0px;padding:0 15px 0 0;text-align:left; }
#subdomains-list a em {font-size:12px;font-style:normal;line-height:1;color:#999}
body.subdomain-navigation.sd-with-icon #subdomains-list { display: flex; padding: 5px 30px; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: row; }
body.subdomain-navigation.sd-with-icon #subdomains-list a { display: inline-block; max-width: 116px; padding:0;text-align:center;line-height:16px;width: 100%; font-size: 14px; margin: 0px 1px 20px 1px; }
body.subdomain-navigation.sd-with-icon #subdomains-list a span { display: block; margin: 6px 0 0 0; }
body.subdomain-navigation.sd-with-icon #subdomains-list a img { display: inline-block; height: 48px; width: auto; max-width: 76px; border: 1px solid #aaa; }
body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {opacity:0.4;}
footer #subdomains-list {margin:15px 0;justify-content: flex-start;}
footer #subdomains-list a {max-width:25%;font-size:14px;margin:0 0 8px 0;}

/* COMMENT REPLIES */
#comment-replies {padding-left:24px;float:left;clear:both;width:100%;margin-top:16px;}
#comment-replies + .comment-reply-row {padding-left:24px;float:left;clear:both;width:100%;margin-top:0px;}
.comment-reply-row {margin-top:16px;}
.btn.comment-reply {padding:8px 16px;font-size:14px;line-height:16px;height:auto;margin:0px 0 24px 0;}

/* ITEM SUMMARY */
#item-summary {display:none;z-index:20;position:fixed;bottom:8px;left:8px;right:8px;background:#fff;border-radius:3px;padding:10px;box-shadow:0 1px 10px rgba(0,0,0,0.25); }
#item-summary .img {float:left;width:70px;height:60px;position:relative;overflow:hidden;}
#item-summary .img img {max-width:120px;max-height:70px;position:absolute;top:-50%;right:-50%;left:-50%;bottom:-50%;width:auto;height:auto;margin:auto;}
#item-summary .data {float:left;width:calc(100% - 140px);font-size:13px;line-height:16px;}
#item-summary .img + .data {padding-left:10px;width:calc(100% - 210px);padding-top:5px;}
#item-summary .data > strong, #item-summary .data > span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break: break-all;}
#item-summary .data strong {font-size:14px;float:left;width:100%;}
#item-summary .data strong.pr {font-size:13px;float:left;width:100%;font-weight:bold;}
#item-summary .data span {font-size:13px;float:left;width:100%;color:#666;}
#item-summary .data span a {color:#666;text-decoration:underline;}
#item-summary .cnt {position:absolute;right:10px;top:10px;width:140px;padding-top:5px;} 
#item-summary .cnt > a {float:right;width:40px;height:40px;font-size:18px;padding:10px 5px;border-radius:8px;color:#fff;margin-left:6px;text-align:center;}
#item-summary .cnt > a:last-child {margin-left:0;}
#item-summary .cnt > a i {line-height:20px;display:inline-block;}
#item-summary .cnt > a svg {display:inline-block;}
#item-summary .cnt > a.shr svg {margin-left:-1px;}
#item-summary.c2 .data {width:calc(100% - 100px);}
#item-summary.c2 .img + .data {padding-left:10px;width:calc(100% - 170px);}

.mobile-item-data {position:absolute;bottom:80px;left:0;z-index:9;right:0;}
.mobile-item-data a {white-space: nowrap;float:right;clear:none;width:auto;padding:6px 9px;border-radius:100px;background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,0.2);font-size:13px;font-weight:500;color:#111;margin:0 7px 7px 0;}
.mobile-item-data a:first-child {margin-right:0;}
.mobile-item-data a:hover, .mobile-item-data a:focus {text-decoration:none;}

.share-item-data {display: block; position: absolute; left: 0; bottom: 78px; background: #fff; box-shadow: 0 -2px 6px rgb(0 0 0 / 15%); border-radius: 3px 3px 0 0; padding: 20px 15px 5px 15px; border-bottom: 1px solid #ddd; width: 100%; font-size: 14px;}
.share-item-data a { float: left; clear: both; margin: 0 0 20px 0; }
.share-item-data a i { float: left; padding: 6px; background: #ccc; border-radius: 100px; margin: -4px 6px -4px 0; color: #fff; }


/* MOBILE MENU */
#mmenu {position:fixed;top:0;height:50px;left:0;right:0;background:#fff;z-index:95;border-bottom:1px solid #ddd;padding:0 5px;}
#mmenu a {position:relative;float:left;width:20%;height:50px;padding:8px 3px 4px 3px;text-align:center;}
#mmenu a > span {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:12px;line-height:11px;text-transform: capitalize;font-size: 9px;color: #aeb9c6;font-weight:bold;}
#mmenu a > i {position:relative;display:inline-block;width:24px;height:24px;line-height:24px;color:#aeb9c6;}
#mmenu a > svg {display:inline-block;width:24px;height:24px;fill:#aeb9c6;}
#mmenu a.active > span, #mmenu a.active > i {color:#3c4858;}
#mmenu a.active > svg {fill:#3c4858;}
#mmenu a .circle {position:absolute;top:3px;right:2px;z-index:2;width:7px;height:7px;border-radius:100px;box-shadow:0 0 1px 1px #fff;}
#mmenu.c4 a {width:25%;}
#mmenu.c6 a {width:16.66%;}

/* SWIPER SLIDER */
.swiper-button {position:absolute;top:50%;width:52px;height:52px;z-index:2;font-size:20px;cursor:pointer;transition:0.15s;background:rgba(0,0,0,0.6);color:#fff;text-align:center;margin:-24px 0 0 0;}
.swiper-button:not(.swiper-button-disabled):hover {background:rgba(0,0,0,0.8);width:60px;}
.swiper-button.swiper-button-disabled {opacity:0.35;cursor:default;}
.swiper-button i {display:inline-block;line-height:52px;width:52px;text-align:center;}
.swiper-button.swiper-next {left:auto;right:0;border-radius:5px 0 0 5px;text-align:left;}
.swiper-button.swiper-prev {left:0;right:auto;border-radius:0 5px 5px 0;text-align:right;}
.swiper-container .swiper-pg {position: absolute; top: 10px; text-align:center;left: 50%;min-width:48px;z-index: 2; width: auto; height: auto; bottom: auto; padding: 2px 4px; border-radius: 4px; background: rgba(0,0,0,0.6); color: #fff; font-size: 12px; font-weight: bold; margin-left: -24px;}

/* MODAL - CATEGORIES */
div.xmodal {overflow:hidden;background:#fff;position:fixed;width:800px;height:480px;top:50%;left:50%;transform: translate(-50%, -50%); max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:995;border-radius:5px;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
div.xmodal .xclose {position:absolute;right:10px;top:10px;width:36px;height:36px;z-index:5;transition:0.2s;cursor:pointer;border-radius:6px;padding:10px;}
div.xmodal .xclose svg {fill:#999;width:16px;height:16px;transition:0.2s;}
div.xmodal .xclose:hover {background:#eceef5;}
div.xmodal .xclose:hover svg {fill:#555;}
div.xmodal.category .xclose {right:22px;}