/* MODAL */
.modal-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.75);
}

#gamModal {
  display: none;
  overflow: hidden;
  background: #fff;
  position: fixed;
  width: 640px;
  height: 480px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  z-index: 995;
  box-shadow: 0 5px 30px rgb(0 0 0 / 70%);
}

#gamModal.modal-fullscreen {
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  max-width: 100%;
  max-height: 100%;
}

#gamModal .modal-close {
  cursor: pointer;
  border-radius: 5px;
  transition: 0.1s;
  position: absolute;
  z-index: 99;
  color: #7d8ea0;
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  box-shadow: 0 0px 2px rgb(0 0 0 / 20%);
  top: 10px;
  right: 15px;
  width: 34px;
  height: 34px;
  font-size: 16px;
}

#gamModal .modal-close i {
  line-height: 34px;
  display: inline-block;
}

#gamModal .modal-close:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#gamModal .modal-content {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
}

#gamModal .modal-content .modal-iframe {
  background: #fff url(../images/loader.gif) no-repeat center center;
  background-size: 80px;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gamModal,
#gamModal .modal-content,
#gamModal .modal-content .modal-iframe {
  border-radius: 5px;
}

#gamModal .modal-is-inline .modal-content {
  overflow-y: auto;
}


/* SWIPER SLIDER */
.swiper-button {
  position: absolute;
  top: 50%;
  width: 52px;
  height: 52px;
  text-align: center;
  border-radius: 100px;
  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);
}

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

.swiper-button.swiper-prev {
  left: 12px;
  right: auto;
}


/* MAKE OFFER */
.im-empty.flashmessage {
  z-index: 1;
}

#body-user-custom.body-ua.plugin-make_offer #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#body-user-custom.body-ua.plugin-make_offer .mo-user-head {
  padding: 0;
  width: 100%;
  float: left;
  margin: 0;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111;
}

body .mo-show.mo-account {
  padding: 0;
  background: transparent;
}

body .mo-account .mo-item {
  background: #fff;
  margin-top: 10px;
  margin-bottom: 25px;
}

body .mo-show.mo-account {
  font-size: 14px;
  line-height: 18px;
}

body .mo-account .mo-item-top {
  font-size: 16px;
  line-height: 20px;
}

body .mo-account .mo-title,
body .mo-account .mo-price {
  padding: 12px 10px;
}

body .mo-account a {
  text-decoration: none;
  color: #222;
}

body .mo-account a:hover {
  text-decoration: underline;
  color: #222;
}

body .mo-account .mo-item-offer.mo-offer-head .mo-col,
body .mo-account .mo-col {
  padding: 10px;
}

body .mo-account .mo-item-offer.mo-offer-head {
  font-size: 14px;
  line-height: 18px;
}

body .mo-account .mo-item-offer {
  font-size: 13px;
  line-height: 16px;
}

body .mo-account .mo-comment,
body .mo-account .mo-respond.mo-done {
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}

body .mo-account .mo-comment i.fa {
  display: none;
}

body .mo-account .mo-row.mo-row-empty i {
  margin-left: -56px;
  color: #ccc;
}

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

body .mo-status {
  font-size: 15px;
  line-height: 18px;
  padding-top: 85px;
}

body .mo-button.mo-close {
  font-size: 14px;
}


/* INSTANT MESSENGER */
.im-empty.flashmessage {
  z-index: 1;
}

#body-user-custom.body-ua.plugin-instant_messenger.file-create_thread #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#body-user-custom.body-ua.plugin-instant_messenger.file-create_thread h2.im-head {
  display: block;
  text-align: left;
  width: 70%;
  float: left;
  margin: 5px 3% 20px 0;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  color: #111;
}

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

#body-user-custom.body-ua.plugin-instant_messenger.file-messages #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#body-user-custom.body-ua.plugin-instant_messenger.file-threads #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.im-show-older>span {
  font-size: 15px;
  font-weight: 500;
}

body #osp-limit-box {
  border-radius: 6px;
  margin-bottom: 0;
}

body .osp-dialog.ui-dialog .ui-widget-header .ui-dialog-titlebar-close:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* FAVORITE LISTINGS */
body #fi_message .fi_simple {
  width: auto;
  max-width: 100%;
  margin-bottom: 5px;
  background: #fff;
  border: none;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  border-top-right-radius: 0;
  padding: 10px;
  font-size: 14px;
  opacity: 1;
}

body #fi_message {
  width: 220px;
  top: 55px;
  right: 15px;
}

#body-user-custom.body-ua.plugin-favorite_items #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

body .fi_user_menu_wrap h2.r1 {
  width: 100%;
  float: left;
  margin: 0;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111;
}

body #fi_list_items h2.r3 {
  width: 100%;
  float: left;
  margin: 0 1% 12px 1%;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #111;
  border: none;
}

body #fi_list_items h2.r3 a {
  color: #111;
  text-decoration: none;
  text-transform: none;
}

body #fi_user_new_list {
  font-size: 14px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  border-top: 3px solid #ef404f;
  margin: 20px 0;
}

body #fi_user_new_list .fi_new_name {
  float: left;
  padding: 8px;
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  width: 43%;
  margin-right: 2%;
}

body #fi_user_new_list .fi_check.first,
body #fi_user_new_list .fi_check {
  float: left;
  width: 20%;
  padding-right: 20px;
  margin: 0;
}

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

#fi_user_new_list button {
  font-weight: bold;
  font-size: 15px;
  height: 36px;
  padding: 8px 15px;
  line-height: 20px;
  border-radius: 6px;
  width: 15%;
  text-align: center;
}

body #fi_user_new_list .fi_check label {
  font-size: 13px;
}

body #fi_list_items.fi_user_menu .fi_tool {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: auto;
  z-index: 9;
}

body #fi_list_items.fi_user_menu .fi_tool span {
  color: #666;
  font-size: 15px;
  width: 32px;
  height: 32px;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  transition: 0.1s;
}

body #fi_list_items.fi_user_menu .fi_tool span:hover {
  color: #333;
  background: #eee;
}

body #fi_list_items.fi_user_menu .fi_tool span:before {
  line-height: 16px;
}

body #fi_list_items.fi_user_menu .fi_item {
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  line-height: 16px;
  font-size: 13px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
  padding: 0;
}

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

body #fi_list_items .fi_left img {
  background-size: cover;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  transition: 0.2s;
  overflow: hidden;
  background-position: center center;
}

body #fi_list_items.fi_user_menu .fi_right {
  text-align: left;
  float: left;
  width: 100%;
  padding: 14px 2px;
  margin: 0;
  margin-top: -10px;
  z-index: 3;
  position: relative;
  background: #fff;
  border-radius: 6px;
}

body #fi_list_items .fi_left a,
body #fi_list_items .fi_left a:hover {
  border: none;
}

body #fi_list_items.fi_user_menu .fi_left {
  margin: 0;
}

body #fi_list_items.fi_user_menu .fi_right a {
  float: left;
  text-align: left;
  font-size: 14px;
  clear: both;
  font-weight: normal;
  color: #363433;
  margin: 0px 0 8px 0;
  padding: 0;
  height: 19px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}

body #fi_list_items.fi_user_menu .fi_right a:hover {
  color: #363433;
  text-decoration: underline;
}

body #fi_list_items .fi_right .fi_top,
body #fi_list_items .fi_right .fi_bottom {
  max-width: 100%;
  float: left;
  clear: both;
  font-weight: bolder;
  color: #000;
  margin: 0;
  padding: 0 5px 0 10px;
  position: relative;
  font-size: 17px;
  line-height: 20px;
}

.fi_check>span {
  float: left;
  width: 100%;
  clear: both;
  margin: 3px 0;
}

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

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

.fi_check>span label:hover {
  text-decoration: underline;
}

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

.fi_check>span label:hover:before {
  border-color: #aaa;
}

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

.fi_check>span input[type="checkbox"]:checked+label:after {
  color: #000;
}

body .fi_user_menu_wrap h2.r2 {
  display: none;
}

body #fi_user_lists .fi_list.fi_head {
  border: none;
  background: transparent;
  text-transform: none;
  font-weight: bold;
  color: #666;
  font-size: 12px;
  border: none;
  padding: 0 15px;
  margin: 0 0 8px 0;
  white-space: nowrap;
}

body #fi_user_lists .fi_list.fi_head .fi_count,
body #fi_user_lists .fi_list.fi_head .fi_user_list_remove {
  color: inherit;
}

body #fi_user_lists .fi_name a:hover {
  color: #111;
  text-decoration: underline;
}

body #fi_user_lists .fi_list:not(.fi_head) {
  padding: 15px 15px;
  margin: 0 0 7px 0;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background: #fff;
}

body #fi_user_lists .fi_user_list_remove a {
  color: #666;
}

body #fi_user_lists .fi_user_list_remove a:hover {
  color: #111;
}

body #fi_user_lists {
  margin: 15px 0;
}

body .fi_current a,
body .fi_notification a,
body .fi_user_list_remove a {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 8px;
  margin: -8px 0;
  border-radius: 5px;
  background: #f9f9f9;
  transition: 0.1s;
}

body .fi_current a i,
body .fi_notification a i,
body .fi_user_list_remove a i {
  line-height: 16px;
  transition: 0.1s;
}

body .fi_current a:hover,
body .fi_notification a:hover,
body .fi_user_list_remove a:hover {
  background: #eee;
}

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 {
  color: #888;
  width: auto;
  margin-right: 4px;
}


body .rating.s1 i.i2:before,
body .rating.s1 i.i3:before,
body .rating.s1 i.i4:before,
body .rating.s1 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.s2 i.i3:before,
body .rating.s2 i.i4:before,
body .rating.s2 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.s3 i.i4:before,
body .rating.s3 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.s4 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.h1 i.i2:before,
body .rating.h1 i.i3:before,
body .rating.h1 i.i4:before,
body .rating.h1 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.h2 i.i3:before,
body .rating.h2 i.i4:before,
body .rating.h2 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.h3 i.i4:before,
body .rating.h3 i.i5:before {
  font-weight: 400;
  content: "\f005";
}

body .rating.h4 i.i5:before {
  font-weight: 400;
  content: "\f005";
}


/* CLICK RATING */
body .rating.s1 i.i1:before {
  content: "\f005";
  font-weight: 400;
}

body .rating.s1 i.i2:before,
body .rating.s1 i.i3:before,
body .rating.s1 i.i4:before,
body .rating.s1 i.i5:before {
  content: "\f005";
  font-weight: 400;
}

body .rating.s2 i.i1:before,
body .rating.s2 i.i2:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.s2 i.i3:before,
body .rating.s2 i.i4:before,
body .rating.s2 i.i5:before {
  content: "\f005";
  font-weight: 400;
}

body .rating.s3 i.i1:before,
body .rating.s3 i.i2:before,
body .rating.s3 i.i3:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.s3 i.i4:before,
body .rating.s3 i.i5:before {
  content: "\f005";
  font-weight: 400;
}

body .rating.s4 i.i1:before,
body .rating.s4 i.i2:before,
body .rating.s4 i.i3:before,
body .rating.s4 i.i4:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.s4 i.i5:before {
  content: "\f005";
  font-weight: 400;
}

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 */
body .rating.h1 i.i1:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.h1 i.i2:before,
body .rating.h1 i.i3:before,
body .rating.h1 i.i4:before,
body .rating.h1 i.i5:before {
  content: "\f005";
}

body .rating.h2 i.i1:before,
body .rating.h2 i.i2:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.h2 i.i3:before,
body .rating.h2 i.i4:before,
body .rating.h2 i.i5:before {
  content: "\f005";
}

body .rating.h3 i.i1:before,
body .rating.h3 i.i2:before,
body .rating.h3 i.i3:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.h3 i.i4:before,
body .rating.h3 i.i5:before {
  content: "\f005";
}

body .rating.h4 i.i1:before,
body .rating.h4 i.i2:before,
body .rating.h4 i.i3:before,
body .rating.h4 i.i4:before {
  content: "\f005";
  font-weight: bold;
}

body .rating.h4 i.i5:before {
  content: "\f005";
}

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





body .pol-input-box label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 9px;
}

/* USER TOP MENU */
.body-ua header {
  box-shadow: 0px 0px 1px rgba(54, 52, 51, 0.25);
}

.user-top-menu {
  float: left;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 1px rgba(54, 52, 51, 0.25);
}

.user-top-menu>.umenu {
  max-width: 1080px;
  display: block;
  margin: 0 auto;
  margin-bottom: -1px;
}

.user-top-menu>.umenu li {
  display: inline-block;
  position: relative;
}

.user-top-menu>.umenu i {
  display: none;
}

.user-top-menu>.umenu a {
  display: inline-block;
  padding: 15px 10px 13px 10px;
  margin: 0 5px;
  font-size: 15px;
  color: #111;
  border-bottom: 2px solid transparent;
  letter-spacing: -0.3px;
}

.user-top-menu>.umenu li.active a {
  font-weight: bold;
}



/* CONTACT PAGE */
.content.contact .inside {
  max-width: 640px;
}

#contact {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 6px;
  padding: 25px 35px 30px 35px;
  margin: 35px 0 60px;
  background: #fff;
}

#contact h1 {
  display: block;
  text-align: center;
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  color: #111;
}

#contact .row {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}

#contact .row.r1 {
  width: 50%;
  padding-right: 15px;
}

#contact .row.r2 {
  width: 50%;
  padding-left: 15px;
}

#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%;
}

#contact button.btn {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  min-width: 160px;
}

#contact form {
  display: inline-block;
  width: 100%;
}




/* TOP SEARCH BAR */
#search-bar {
  float: left;
  clear: both;
  width: 100%;
  height: 56px;
  color: #fff;
  margin: -1px 0 0 0;
  z-index: 9;
  position: relative;
  padding: 8px 0;
}

#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-bar .wb .btn {
  font-weight: bold;
  font-size: 15px;
  width: 100%;
  text-align: center;
  height: 36px;
  margin: 2px 0;
  line-height: 20px;
  padding: 8px 5px;
}

#search-bar .query-picker,
#search-bar #location-picker {
  margin: 0;
}

#search-bar .query-picker .pattern {
  float: left;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: #fff;
  font-size: 15px;
  padding: 11px 10px 9px 36px;
  line-height: 18px;
}

#search-bar .query-picker svg {
  position: absolute;
  width: 21px;
  height: 21px;
  color: #777;
  top: 9px;
  left: 10px;
  z-index: 4
}

#search-bar #location-picker .term {
  transition: 0.2s;
  float: left;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: transparent;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  padding: 10px 30px 10px 36px;
  line-height: 18px;
}

#search-bar #location-picker .term:hover {
  cursor: pointer;
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}

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

#search-bar #location-picker svg.svg-left {
  position: absolute;
  width: 21px;
  height: 21px;
  color: #fff;
  top: 9px;
  left: 10px;
  z-index: 4
}

#search-bar #location-picker svg.svg-right {
  position: absolute;
  width: 16px;
  height: 16px;
  color: #fff;
  top: 11px;
  right: 10px;
  z-index: 4
}

#search-bar #location-picker input::-webkit-input-placeholder {
  color: #fff;
}

#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 CAT BOX */
#cat-box {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  z-index: 2;
  padding: 25px 0 10px 0;
  height: 480px;
  overflow-y: auto;
}

#cat-box a.cat1 {
  float: left;
  clear: both;
}

#cat-box a.cat1>div {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  padding: 8px 8px;
  background: #f6f6f6;
  box-shadow: none;
  margin: 0 12px 0 0;
  float: left;
  overflow: hidden;
  transform: scale(1);
  transition: 0.1s;
}

#cat-box a.cat1>div>img {
  width: auto;
  height: auto;
  margin: auto;
  max-width: 32px;
  max-height: 32px;
}

#cat-box a.cat1>div>i {
  font-size: 18px;
  line-height: 32px;
  width: 100%;
  text-align: center;
}

#cat-box a.cat1:hover>div {
  transform: scale(1.1);
}

#cat-box a.cat1 h3 {
  float: left;
  font-size: 17px;
  color: #111;
  font-weight: bold;
  clear: none;
  width: auto;
  line-height: 20px;
  margin: 14px 0;
}

#cat-box .sub-box {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0 30px 0;
}

#cat-box .sub-box:empty {
  display: none;
}

#cat-box .sub-box .link {
  float: left;
  width: 25%;
  padding: 0 20px 0 0;
}

#cat-box .sub-box .link a {
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 15px;
  padding: 3px 0;
  margin: 0 0 6px 0;
}

#cat-box .sub-box .link a:hover {
  text-decoration: underline;
}


/* HOME PAGE BLOG */
#home-blog .box {
  position: relative;
  float: left;
  width: 102%;
  margin: 0 -1%;
  clear: both;
}

#home-blog .box a {
  float: left;
  width: 31.33%;
  margin: 0 1% 20px 1%;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
  background: #fff;
  text-align: left;
}

#home-blog .box a:last-child {
  margin-right: 0;
}

#home-blog .box a .img {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 66%;
  overflow: hidden;
}

#home-blog .box a .img>div {
  transition: 0.2s;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-clip: border-box;
  background-repeat: no-repeat;
}

#home-blog .box a:hover .img>div {
  transform: scale(1.1);
}

#home-blog .box a .data {
  float: left;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  ;
}

#home-blog .box a h3 {
  text-align: left;
  float: left;
  width: 100%;
  font-size: 16px;
  color: #111;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  line-height: 18px;
  height: 19px;
  margin: 8px 0 5px 0;
  text-overflow: ellipsis;
}

#home-blog .box a .desc {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  color: #333;
  height: 54px;
  overflow: hidden;
  margin: 2px 0 10px 0;
}

.bpr-comp .bpr-icon-wrap .bpr-icon>div {
  transition: 0.2s;
}

.bpr-comp:hover .bpr-icon-wrap .bpr-icon>div {
  transform: scale(1.1);
}

/* PLUGIN STYLES */
body #atr-search .atr-box,
#atr-search select,
#atr-search select input {
  font-size: 14px;
  border-radius: 4px;
}

body #atr-search .atr-input-box label {
  font-size: 14px;
}

#plugin-hook #atr-item .atr-name {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  margin: 0 0 5px 0;
}

#plugin-hook #atr-item li {
  list-style: none;
  width: 100%;
  margin: 0 0 10px 0;
}

#plugin-hook #atr-item .atr-value {
  width: 100%;
}

#plugin-hook #atr-item .atr-value-single {
  width: 33.3%;
  margin-right: 0;
  padding-right: 20px;
}

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

body #atr-form .atr-input-box label {
  font-size: 14px;
}

body .sms-body .sms-row.sms-success,
.sms-body .sms-row.sms-error {
  font-size: 15px;
  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-size: 28px;
  line-height: 32px;
  color: #111;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  text-align: center;
  border: none;
  padding-bottom: 0px;
}

body .sms-box {
  max-width: 440px;
}

body .vrt-menu a:hover {
  text-decoration: none;
}

body .vrt-body.vrt-downloads {
  padding: 0;
  border: none;
}

body .vrt-table .vrt-head-row {
  line-height: 18px;
  font-size: 14px;
}

body .vrt-table .vrt-col {
  padding-top: 11px;
  padding-bottom: 11px;
}

body .vrt-table .vrt-row {
  font-size: 14px;
  height: 40px;
}

body .vrt-table .vrt-head-row {
  font-weight: bold;
  color: #111;
}

body .vrt-table .vrt-row.vrt-row-empty {
  height: auto;
  padding: 35px 15px;
}

body .osp-promote-form label.osp-chk div:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#body-user-custom.body-ua.plugin-osclass_pay #main .inside {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

body .osp-body-pack .osp-pack-bonus:before,
body #osp-aff .osp-h2 i:before,
body #osp-aff .osp-share a i:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

body .osp-body:not(.osp-body-order) .osp-pay-msg {
  width: calc(100% - 50px);
  margin-left: 25px;
}

body .osp-body-itempay .osp-h1 {
  margin-bottom: 12px;
}

body .osp-pay-button li a:not(.osp-disabled):after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#pick-color {
  display: none !important;
}

body i.fa:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

body i.fa-dollar:before {
  content: "\f155";
}

body i.fa-mobile:before {
  content: "\f3cd";
}

body i.fa-star-o:before {
  content: "\f005";
  font-weight: 400;
}

body i.fa-warning:before {
  content: "\f071";
}

body i.fa-handshake-o:before {
  content: "\f2b5";
  font-weight: 400;
}

body i.fa-file-archive-o:before {
  content: "\f1c6";
  font-weight: 400;
}

body i.fa-flag-o:before {
  content: "\f024";
  font-weight: 400;
}

body i.fa-trash-o:before {
  content: "\f1f8";
}

body i.fa-envelope-o:before {
  content: "\f0e0";
  font-weight: 400;
}

body i.fa-sign-in:before {
  content: "\f2f6";
}

body i.fa-pencil-square-o:before {
  content: "\f044";
  font-weight: 400;
}

body i.fa-folder-o:before {
  content: "\f07b";
  font-weight: 400;
}

body i.fa-user-o:before {
  content: "\f007";
  font-weight: 400;
}

body i.fa-sign-out:before {
  content: "\f2f5";
}

body i.fa-newspaper-o:before {
  content: "\f1ea";
  font-weight: 400;
}

body i.fab.fa-share {
  font-family: "Font Awesome 5 Free" !important;
}

body i.fab.fa-share:before {
  content: "\f064";
  font-weight: 900;
}

.mobile-box a i.fa-square:before {
  content: "\f004";
}

body .osp-stat>span.osp-issue:after,
body .osp-stat>span.osp-201:after,
body .osp-stat>span.osp-801:after,
body .osp-stat>span.osp-401:after,
body .osp-stat>span.osp-601:after {
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}

body .bpr-box-check label:after {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900 !Important;
}

body#body-custom .osp-body.osp-body-itempay .osp-pay-button {
  padding: 0;
}

body i.fa-youtube:before,
body i.fa-vimeo:before,
body i.fa-pinterest-p:before,
body i.fa-facebook:before,
body i.fa-instagram:before,
body i.fa-whatsapp:before,
body i.fa-twitter:before,
body i.fa-google-plus:before,
body i.fa-linkedin:before,
body i.fa-pinterest:before {
  font-family: "Font Awesome 5 Brands" !important;
}

body i.fa-cc-mastercard:before {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400;
}

body #atr-form .atr-input-box label:after,
.osp-promote-form label.osp-chk div:hover:after,
body .osp-body-itempay .osp-promote-form .osp-h1:after,
body #atr-search .atr-box:after,
body #atr-search .atr-input-box label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

body #mo-list .mo-row.mo-row-empty i {
  margin-left: -60px;
}

body .ytb-video-box,
body #plugin-details>div.ytb-video-box {
  margin: 0 0 20px 0;
}

body .im-user-account-count {
  margin-left: -2px;
}

body .im-user-account-count.im-count-0 {
  display: none;
}

body .bpr-msg-wrap .bpr-msg {
  margin-bottom: 15px;
}

.sr-stats {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
}

body #fmp-button {
  width: 48%;
  margin-right: 4%;
}

body #fmp-button:last-child {
  margin-right: 0;
}

body .osp-promote-form label.osp-chk div:after {
  left: 0;
  top: 0;
}

.oc-chat-box.oc-online .oc-status-offline,
.oc-chat-box.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;
  box-shadow: none;
  outline: none;
  background: #fff;
  font-family: 'Nunito', sans-serif;
  color: #363433;
}

#im-message {
  font-size: 14px;
}

body .mo-button,
body #mo-list .mo-goto-new,
body #mo-list .mo-row.mo-row-empty {
  font-size: 14px;
  line-height: 17px;
}

a.im-contact,
.mo-button.mo-hook-link,
body .oc-chat-button {
  margin: 0 15px 20px 0;
}

 !.content.loc-bpr.sec-profile #main {
  padding-top: 5px;
}

.home-container .inner>div#company {
  text-align: center;
}

.home-container .inner>div a {
  color: #222;
}

body #show-loan {
  font-size: 15px;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 20px 20px 20px 60px;
  ;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: 0.1s;
  font-weight: bold;
  position: relative;
}

body #show-loan:hover {
  background: rgba(0, 0, 0, 0.02);
  text-decoration: none;
}

body #show-loan i {
  margin: 0;
  position: absolute;
  width: 48px;
  height: 100%;
  background: #4182c3;
  color: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 22px;
}

body #show-loan i:before {
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  content: "\f4c0";
  text-align: center;
}

body .sec-topic-new-section .frm-answer .frm-area .frm-text:before {
  display: none;
}

body .frm-answer .frm-area .frm-toptext:before,
body .frm-answer .frm-area .frm-text:before {
  left: -43px;
}

body #frm-body h1 {
  font-size: 22px;
  font-weight: bold;
  margin: 5px 0 20px 0;
}

body .frm-title-right form button {
  height: 36px;
  width: 36px;
}

body .frm-title-right form button i {
  line-height: 34px;
  font-size: 18px;
}

body .frm-title-right form input[type="text"]#frm-keyword {
  height: 36px;
  padding: 8px 10px;
}

body .blg-btn.blg-btn-primary {
  border: none;
}

body .blg-btn {
  padding: 9px 15px;
}

body .blg-about-author {
  background: #fff;
  border: 1px solid #ccc;
}

body .blg-about-author .blg-author-footer {
  border-top: 1px solid #ccc;
  background: #eee;
}

body .blg-about-author .blg-author-img img {
  max-width: 140px;
}

body .blg-about-author,
body .blg-new-comment {
  border-radius: 5px;
}

body .blg-about-author .blg-author-img {
  margin-top: 20px;
}

body .blg-content h1 {
  margin: 0 0 20px 0;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  color: #111;
}

body .blg-new-comment {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

body .blg-new-comment .blg-row input,
body .blg-new-comment .blg-row textarea {
  font-size: 14px;
  border-radius: 4px;
}

body#body-custom section #bread {
  display: none;
}

.search-wrap #atr-search .control-group>label {
  text-align: left;
  line-height: 20px;
  font-size: 13px;
}

.search-wrap #atr-search .control-group {
  margin-bottom: 20px;
}

#atr-form .control-group.atr-type-select select {
  margin-bottom: 8px;
}

#atr-form .control-group.atr-type-select select:last-child {
  margin-bottom: 0;
}

#footer-links {
  width: 100%;
  clear: both;
  float: left;
  padding: 30px 0 0px 0;
  margin: 25px 0 2px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.2);
}

#footer-links a {
  margin: 0 20px 10px 20px;
  font-weight: 500;
  color: #363433;
}

#footer-links a:first-child {
  margin-left: 0;
}

.footer-widgets {
  width: 100%;
  clear: both;
  float: left;
}


/* USER ACCOUNT LAYOUT */
 !body.body-ua {
  background: #fff;
}

 !.body-ua .inside,
.body-ua .inner,
body.body-ua section,
.body-ua #bread ul {
  max-width: 100%;
}

 !.body-ua header {
  border-bottom-color: #ccc !important;
}

 !.body-ua .logo {
  width: 280px;
  margin: 0;
  padding: 5px 10px;
  border-right: 1px solid #ccc;
  height: 60px;
}

 !.body-ua .logo a {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

 !.body-ua header .right {
  padding-right: 25px;
}

 !.body-ua footer {
  display: none !important;
}

 !.body-ua #bread {
  font-size: 14px;
  padding: 0px 25px 0px 305px;
  margin: 20px 0 -2px 0;
}

.body-ua #bread {
  display: none !important;
}


/* PACE - JQUERY LOADER */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #e74c3c;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
  border-radius: 100px;
}

@-webkit-keyframes fadeLoad {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeLoad {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeLoad {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

body {
  opacity: 0;
  -webkit-animation: fadeLoad ease-in 1;
  -moz-animation: fadeLoad ease-in 1;
  animation: fadeLoad ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.28s;
  -moz-animation-duration: 0.28s;
  animation-duration: 0.28s;
}


/* FOOTER */
footer {
  background: #fff;
  padding: 25px 0 40px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

footer .cl {
  float: left;
  width: 25%;
  padding-right: 20px;
}

footer .cl:last-child {
  padding-right: 0;
}

footer .cl .hd {
  float: left;
  clear: both;
  width: 100%;
  font-weight: bold;
  color: #111;
  margin: 15px 0;
  font-size: 17px;
  line-height: 18px;
}

footer .cl .lg {
  float: left;
  clear: both;
  width: 60%;
  margin: 24px 0;
}

footer .cl .lg img {
  width: auto;
  height: auto;
  max-width: 100%;
}

footer .cl .lnk {
  float: left;
  clear: both;
  margin: 0 0 12px 0;
  max-width: 100%;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #363433;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

footer .cl .lnk.show-hidden {
  display: none;
  color: #999;
}

footer .cl .lnk.show-hidden .less {
  display: none;
}

footer .cl .lnk.show-hidden .more {
  display: block;
}

footer .cl .lnk.show-hidden.opened .less {
  display: block;
}

footer .cl .lnk.show-hidden.opened .more {
  display: none;
}

footer .cl .lnk.show-hidden span {
  float: left;
}

footer .cl .lnk.show-hidden svg {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0px 0 1px 4px;
}

footer .cl .lnk.show-hidden.opened svg {
  transform: rotate(180deg);
}

footer .cl .lnk.lang {
  font-weight: normal;
  margin-bottom: 12px;
}

footer .cl .lnk.lang img {
  height: 16px;
  width: 24px;
  float: left;
  margin: 1px 8px 0 0;
}

footer .cl .txt {
  float: left;
  clear: both;
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #363433;
}

footer .line2 {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  padding: 25px 0;
  margin-top: 25px;
  float: left;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

footer .line2 .left {
  float: left;
  max-width: 50%;
  line-height: 18px;
  margin: 4px 0;
  font-weight: 500;
  font-size: 13px;
  color: #777;
}

footer .line2 .right {
  float: right;
  max-width: 50%;
}

footer .share a {
  float: left;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  font-size: 26px;
  color: #777;
  text-align: center;
  margin: 0 0px 0px 15px;
  transition: 0.1s;
}

footer .share a i {
  line-height: 26px;
}

footer .share .facebook a:hover {
  color: #3b5a99;
}

footer .share .twitter a:hover {
  color: #55abe1;
}

footer .share .pinterest a:hover {
  color: #de2d2b;
}

footer .share .linkedin a:hover {
  color: #3770ae;
}

footer .share .whatsapp a:hover {
  color: #62cd64;
}

footer .langs {
  float: left;
  clear: both;
  width: 100%;
}

.footer-hook {
  float: left;
  clear: both;
  width: 100%;
}

#body-user-register,
#body-user-forgot-password {
  padding-top: 0;
}

#body-user-register header,
#body-user-register footer,
#body-user-register #bread,
#body-contact #bread,
#body-user-register #scroll-to-top {
  display: none !important;
}

#body-user-forgot-password header,
#body-user-forgot-password footer,
#body-user-forgot-password #bread,
#body-user-forgot-password #scroll-to-top {
  display: none !important;
}

.user-reg-hook {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 20px 0;
}

.user-reg-hook:empty {
  display: none;
}

.logo-auth {
  display: block;
  margin: 30px 0 0px 0;
  text-align: center;
}

.logo-auth a {
  display: inline-block;
}

.logo-auth a img {
  width: auto;
  height: auto;
  max-width: 240px;
  max-height: 50px;
  transition: 0.1s;
}

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

button.alert-notify {
  background: transparent;
  border: none;
  font-size: 14px;
  box-shadow: none;
  color: #363433;
  padding: 0;
  margin: 4px 0;
  line-height: 18px;
}

button.alert-notify:hover {
  opacity: 1 !important;
  text-decoration: underline !important;
  color: #363433;
}

a.alert-notify {
  font-size: 15px;
  color: #363433;
  padding: 0;
  margin: 5px 0;
  padding: 5px 0;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  float: left;
}

a.alert-notify:hover {
  text-decoration: underline;
}

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

.alert-box .btn {
  float: left;
  width: auto;
  height: 34px;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 12px;
  margin: 0;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 5px;
}

.alert-notify i {
  margin-right: 0px;
  transform: rotate(6deg);
}

.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: 16px;
  top: 16px;
  z-index: 5;
}

#home-search .query-picker .pattern.open,
#home-search .query-picker .shower {
  background: #fff;
}

#home-search .query-picker .shower {
  border-color: #888;
  border-top: none;
}

#home-search .query-picker .shower .option {
  font-size: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.02);
}

#home-search .query-picker .shower-wrap {
  top: 44px;
}

.shower .button-wrap {
  float: left;
  clear: both;
  width: 100%;
  background: #f9f7f6;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.shower .button-wrap a.btn {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  float: right;
}

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 .country-tab.one-row {
  overflow-x: auto;
}

.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 {
  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 .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.count2 .elem {
  width: calc(50% + 1px);
}

 !.loc-picker .country-tab.count3 .elem {
  width: calc(33.33% + 1px);
}

 !.loc-picker .country-tab.count4 .elem {
  width: calc(25% + 1px);
}

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

.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 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.im-unread:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@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 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: #f9f7f6;
}

.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 .osp-promote-form,
.itemviewer #plugin-hook>a,
.itemviewer #listing .data .labs,
.itemviewer #listing .side {
  display: none !important;
}

 !.itemviewer #listing .item .basic {
  margin: 20px 0 15px 0;
  padding: 0 20px;
}

.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 .bx-wrapper .bx-viewport {
  background: transparent;
}

.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,
.itemviewer #listing .item>div.stats {
  padding: 0 20px;
}

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

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#banner-theme.is-demo {
  padding: 30px 15px;
  color: rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px 0 #ccc inset;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
  background-color: #ccc;
}

.banner-theme#banner-theme.is-demo>div {
  position: absolute;
  left: 10px;
  top: 50%;
  left: 0;
  width: 100%;
  overflow: hidden;
  margin-top: -15px;
  text-align: center;
}

.banner-theme#banner-theme.is-demo>div>div {
  display: inline-block;
  line-height: 20px;
  height: 30px;
  overflow: hidden;
  border-radius: 100px;
  background: #ccc;
  box-shadow: 0 0 10px #ccc;
  padding: 5px 10px;
}


.banner-theme#banner-theme.is-demo.banner-item_top {
  height: 90px;
}

.banner-theme#banner-theme.is-demo.banner-item_sidebar_bottom {
  height: 320px;
}

.banner-theme#banner-theme.is-demo.banner-item_sidebar {
  height: 120px;
}

.banner-theme#banner-theme.is-demo.banner-item_description {
  height: 90px;
}

.banner-theme#banner-theme.is-demo.banner-item_bottom {
  height: 120px;
}

.banner-theme#banner-theme.is-demo.banner-search_top {
  height: 90px;
  margin-top: -5px;
  margin-bottom: 25px;
}

.banner-theme#banner-theme.is-demo.banner-search_middle {
  height: 90px;
}

.banner-theme#banner-theme.is-demo.banner-search_bottom {
  height: 120px;
}

.banner-theme#banner-theme.is-demo.banner-search_sidebar {
  height: 240px;
  margin-top: -10px;
}

.banner-theme#banner-theme.is-demo.banner-home_top {
  height: 120px;
  margin: -15px 0 0 0;
}

.banner-theme#banner-theme.is-demo.banner-home_bottom {
  height: 120px;
  margin-top: 0;
}

.banner-theme#banner-theme.is-demo.banner-public_profile_bottom {
  height: 120px;
  margin-top: 0;
}

.banner-theme#banner-theme.is-demo.banner-search_middle {
  height: 90px;
}

.banner-theme#banner-theme.is-demo.banner-public_profile_sidebar {
  height: 120px;
  margin-top: -10px;
}





.banner-theme.banner-search_middle {
  margin: 0 0 20px 0;
}

.banner-theme.banner-item_top {
  margin: 0 0 20px 0;
}

#listing .item>div.banner-theme.banner-item_description {
  margin: -10px 0 20px 0;
}

.banner-theme.banner-item_bottom {
  margin: 5px 0 30px 0;
}



/* 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 {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 99;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  transition: 0.2s;
  opacity: 0.5;
  -webkit-backface-visibility: hidden;
}

#scroll-to-top img {
  transition: 0.2s;
  width: auto;
  height: auto;
}

#scroll-to-top:hover {
  opacity: 0.85;
}

.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: #fff;
  border-radius: 0px;
  padding: 15px 15px;
}

.filter.filter-fancy .wrap {
  margin: 0;
}

.filter.filter-fancy .search-wrap {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
}

.filter.filter-fancy .search-wrap .box:first-child h2:first-child {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 4px;
}

.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: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 0;
}

.mobile-box a {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 40px 20px 80px;
  font-size: 16px;
  line-height: 20px;
  color: #111;
  font-weight: 500;
  position: relative;
}

.mobile-box a:active,
.mobile-box a:hover,
.mobile-box a:focus {
  color: #000;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.1);
}

.mobile-box a i {
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 14px;
  left: 24px;
  background: #bbb;
  color: #fff;
  border-radius: 100px;
  padding: 6px;
  width: 32px;
  height: 32px;
}

.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: 73%;
  padding-right: 50px;
}

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: 16px;
  padding: 3px 0;
  line-height: 19px;
  margin: 0 0 12px 0;
  font-weight: normal;
}

section.loc-page .page>.inside {
  min-height: 480px;
  padding: 0px;
  max-width: 1080px;
  padding: 20px 0 0 0;
}

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-size: 34px;
  line-height: 38px;
  font-weight: 900;
  letter-spacing: -0.5px;
}

section.loc-page .page .page-body {
  clear: both;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
}

section.loc-page .page .bottom {
  float: left;
  clear: both;
  width: 100%;
  font-size: 16px;
  margin: 40px 0;
  font-weight: bold;
}

#piracy {
  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.user_public_profile .side {
  float: left;
  width: 30%;
  margin: 0 2% 50px 0;
}

.user_public_profile#listing .sold-by {
  padding: 20px 20px 15px 20px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.user_public_profile .sold-by .sleft {
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
  text-align: center;
}

.user_public_profile .sold-by .sright {
  width: 100%;
  padding: 0;
}

.user_public_profile#listing .side>div.data {
  background: transparent;
  padding: 0;
  border: none;
  margin-top: -6px;
}

.user_public_profile .sold-by .sleft .user-img img {
  background: transparent;
  box-shadow: none;
  border: none;
  max-width: 140px;
}

.user_public_profile .about-block .links a {
  clear: both;
}

#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: 68%;
  margin: 0 0 30px 0;
}

#public-items h1 {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  font-size: 24px;
  margin: 0 0 15px 0;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
  color: #111;
  font-family: 'Encode Sans Condensed', sans-serif;
}

#public-items .block {
  float: left;
  width: 102%;
  margin: 0 -1%;
}

#public-items.products.grid .simple-prod {
  width: 31.33%;
  background: #f8f8f8;
}



/* 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: 23%;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin: 30px 2% 30px 0;
}

.usr-menu>a,
.usr-menu>div,
.usr-menu .usr-empty {
  float: left;
  width: 100%;
  clear: both;
  padding: 12px;
  border-left: 2px 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 .del {
  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 .del {
  display: block;
}

.usr-menu .del:hover {
  background: #e0e0e0;
}

.usr-menu .del i {
  line-height: 18px;
}

.usr-menu.alerts-menu strong {
  padding-right: 30px;
}

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 .bpr-prof .bpr-inside h2 {
  display: block;
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #111;
}

body div#bpr-seller *:not(i) {
  font-size: 14px;
}

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: 'Nunito', 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: 30px 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,
.bpr-prof .bpr-inside h2,
body h2.im-head {
  display: block;
  width: 100%;
  float: left;
  clear: both;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  margin: 0 0 15px 0;
}

 !.bpr-prof .bpr-inside h2,
body h2.im-head {
  margin: -21px -21px 20px -21px;
  width: calc(100% + 42px);
}

.body-ua #main .inside {
  float: left;
  display: block;
  width: 100%;
  clear: both;
}

.body-ua #main.items .inside {
  padding-top: 0;
}

.ua-items-empty {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 80px 10px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.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: 15px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  margin: 0 0 3px 0;
  border-radius: 6px;
  position: relative;
  font-size: 15px;
  line-height: 18px;
}

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

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



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

.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: 6px;
  margin: 0 0 15px 0;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  padding: 25px 30px;
  background: #fff;
}

.body-ua #main .box h1,
.body-ua #main.profile .box h3 {
  margin: 0 0 12px 0;
}

.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.second h3,
.body-ua #main.profile .box.third h3 {
  margin-bottom: -1px;
}

.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: 15px;
  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: 8px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  margin: 5px 0 30px 0;
}

.body-ua #main.profile h3 {
  cursor: pointer;
}

#upload_avatar .middle .text {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

#upload_avatar h2 {
  font-size: 24px;
  line-height: 28px;
}

#upload_avatar .ins {
  text-align: center;
}

#upload_avatar img {
  margin: 0 auto 15px auto;
  border-radius: 8px;
  max-width: 128px;
  width: auto;
  height: auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

#upload_avatar .links {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 5px 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;
}

#upload_avatar .HiddenDiv {
  float: left;
  clear: both;
  width: 100%;
}

 !#body-user-custom section.content {
  padding: 20px 0 0 0;
}

#body-user-custom section.content #bread {
  margin-top: 0;
}

#body-user-custom .bpr-prof .bpr-inside {
  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 2% 10px 0;
  border-radius: 6px;
  border: none;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
  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: #f0f0f0;
  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: inline-block;
  width: 100%;
  clear: both;
  position: relative;
  z-index: 3;
}

#photos .qq-upload-button {
  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-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.qq-upload-success {
  background: #fff;
}

#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: -24px;
  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: 60px;
}

.post-edit h1 {
  display: block;
  width: 100%;
  float: left;
  margin: 30px 0 8px 0;
  font-family: 'Encode Sans Condensed', sans-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: 20px 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 .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>.osp-promote-form.osp-is-publish {
  width: 153.7%;
}

.post-edit fieldset {
  float: left;
  clear: both;
  width: 100%;
  padding: 0px;
  border-radius: 5px;
  border: none;
  margin: 0 0 20px 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.post-edit fieldset>.in {
  padding: 20px 30px;
  float: left;
  clear: both;
  width: 100%;
}

.post-edit fieldset>.in.photos {
  padding-bottom: 30px;
}

 !.post-edit fieldset.s1 {
  z-index: 20;
  position: relative;
}

 !.post-edit fieldset.s2 {
  position: relative;
  z-index: 19;
}

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

/* ITEM IMAGE BX-SLIDER */
#img .bx-wrapper {
  overflow: hidden;
  margin-bottom: 0px;
  display: block;
  box-shadow: none;
  border: none;
  background: transparent;
}

#img .bx-wrapper img,
#img img {
  border-radius: 4px;
  margin: 0 auto;
}

#img .bx-wrapper li a {
  float: left;
  display: block;
  width: 100%;
  height: 100%;
}

#img .bx-wrapper .bx-prev,
#img .bx-wrapper .bx-next {
  cursor: pointer;
  width: 50px;
  background: rgba(0, 0, 0, 0.5);
  height: 50px;
  top: 50%;
  margin-top: -25px;
  color: transparent;
  text-indent: 0;
  transition: 0.1s;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
}

#img .bx-wrapper .bx-prev:before,
#img .bx-wrapper .bx-next:before {
  font-weight: 900;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: 0.1s;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  top: 50%;
  z-index: 9;
  left: 50%;
  margin: -25px;
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  text-indent: -2px;
  text-align: center;
  font-size: 19px;
  border-radius: 100px;
}

#img .bx-wrapper .bx-next:before {
  content: "\f105";
  text-indent: 2px;
}

#img .bx-wrapper .bx-prev:hover,
#img .bx-wrapper .bx-next:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
}

.item-bx-pager {
  display: block;
  clear: both;
  width: 100%;
  margin: 15px 0 -10px 0;
  float: left;
}

.item-bx-pager a {
  float: left;
  width: 18%;
  margin: 0 2% 10px 0;
  transition: 0.2s;
  opacity: 0.3;
}

.item-bx-pager a.active,
.item-bx-pager a:hover {
  opacity: 1;
}

.item-bx-pager a img {
  border-radius: 5px;
}

.image-empty {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: lighter;
  color: #999;
  padding: 30px 0;
  margin: 30px 0 30px 0;
}

#img .bx-wrapper .bx-controls-direction a {
  z-index: 2;
}

#img .bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}

/* ITEM FORMS */
#body-item-forms header,
#body-item-forms footer,
#body-item-forms .flash-box,
#body-item-forms #bread,
#body-item-forms .mobile-box,
#body-item-post #bread,
#body-item-edit #bread {
  display: none !important;
}

#body-item-forms,
body.fw-supporting {
  background: #fff;
  padding: 0;
}

.mobile-box {
  display: none;
}


/* ITEM - MAIN */
#listing .item>div {
  float: left;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
}

#listing .item h2 {
  float: left;
  clear: both;
  width: 100%;
  font-size: 17px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 0 2px 0;
}

#listing .item .data {}

#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: #444;
  line-height: 26px;
  font-weight: 400;
  font-size: 14px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

#listing .item .data .description .qr-code {
  float: right;
  margin: 0 0 15px 15px;
}

#rel-block {
  background: #f9f7f6;
  padding: 35px 0;
  float: left;
  clear: both;
  width: 100%;
}

#rel-block .simple-prod {
  width: 21%;
  float: none;
  display: inline-block;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 0;
}

#rel-block .wrap {
  float: left;
  clear: both;
  width: 102%;
  margin: 0 -1%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

#rel-block .block {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
}

 !#rel-block .fader {
  position: absolute;
  top: 0;
  height: calc(100% - 6px);
  width: 2%;
  z-index: 3;
}

 !#rel-block .fade-right {
  right: -1%;
  background-image: linear-gradient(to right, transparent 0%, #f9f7f6 100%);
}

 !#rel-block .fade-left {
  left: -1%;
  background-image: linear-gradient(to left, transparent 0%, #f9f7f6 100%);
}

.related {
  padding: 0;
  background: transparent;
  margin-top: 20px;
}

.related .wrap {
  width: 102%;
  margin: 0 -1%;
}

.related.products.grid .simple-prod {
  width: 23%;
}

.related h3 {
  font-size: 18px;
  color: #111;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 20px;
}

#listing .item>div.sold-reserved {
  text-align: center;
  float: left;
  clear: both;
  width: 100%;
  padding: 15px 10px;
  border-radius: 5px;
}

#listing .item>div.sold-reserved.reserved {
  background: #f3e749;
}

#listing .item>div.sold-reserved.sold {
  background: #f34949;
  color: #fff;
}

#listing .item>div.sold-reserved.expired {
  background: #222;
  color: #fff;
}

#listing .item>div.main-data {
  background: #f9f7f6;
  padding: 0;
  border-radius: 6px;
  background: #fff;
  margin: 0 0 10px 0;
}

.main-data>.img,
.main-data>.loc {
  padding: 0px;
  float: left;
  clear: both;
  width: 100%;
}

.main-data>.img {
  background: #f9f7f6;
  border: 1px solid #f9f7f6;
  border-radius: 6px;
  overflow: hidden;
}

.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,
.real-detail,
.custom-fields .list {
  float: left;
  clear: both;
  width: 100%;
  margin: 0px 0 25px 0;
  list-style: disc;
  padding: 0 0 0 18px;
}

.custom-fields .list {
  margin: 0;
  font-size: 15px;
}

#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,
.real-detail table tr,
.car-detail table tr,
.real-detail .detail2,
#atr-item li,
#atr-item li.atr-type-checkbox,
#atr-item li.atr-type-select {
  float: left;
  clear: both;
  width: 50%;
  padding: 6px 0px;
  background: #fff;
  margin: 0;
  list-style-type: disc;
  display: list-item;
}

 !.custom-fields .field:nth-child(even),
.job-detail table tr:nth-child(even),
.real-detail table tr:nth-child(even),
.car-detail table tr:nth-child(even),
.real-detail .detail2:nth-child(even),
#atr-item li:nth-child(even),
#atr-item li.atr-type-checkbox:nth-child(even),
#atr-item li.atr-type-select:nth-child(even) {
  background: rgba(255, 255, 255, 0.4);
}

 !.custom-fields .field:first-child,
.job-detail table tr:first-child,
.real-detail table tr:first-child,
.car-detail table tr:first-child,
#atr-item #atr-title+li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-fields .field .name,
.job-detail table tr td:first-child,
.real-detail table tr td:first-child,
.car-detail table tr td:first-child,
.real-detail .detail2 h4,
#atr-item .atr-name {
  float: left;
  width: auto;
  padding-right: 6px;
}

.custom-fields .field .value,
.job-detail table tr td:last-child,
.real-detail table tr td:last-child,
.car-detail table tr td:last-child,
.real-detail .detail2 ul,
#atr-item .atr-value {
  float: left;
}

.custom-fields .field .value img {
  height: 18px;
  width: auto;
}

.job-detail table,
.real-detail table,
.car-detail table {
  width: 100%;
  border-spacing: 0;
}

.job-detail table tr td,
.real-detail table tr td,
.car-detail table tr td {
  pading: 0;
}

.job-detail table tr td label,
.real-detail table tr td label,
.car-detail table tr td label {
  font-weight: normal;
}

.real-detail .detail1 {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
}

.real-detail ul.list-other-attributes li {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin: 0 0 5px 0;
}

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

.post-edit #plugin-hook .atr-radio input[type="radio"] {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  z-index: 2 !important;
  position: relative;
  top: auto;
  margin: 1px 5px 1px 0 !important;
  left: auto;
}

.post-edit #plugin-hook .atr-radio input[type="radio"]+label {
  padding-left: 0 !important;
}

body #atr-search .atr-radio input[type="radio"] {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  width: 16px !important;
  height: 15px !important;
  z-index: 2 !important;
  position: relative;
  top: auto;
  margin: 1px 5px 1px 0 !important;
  left: auto;
}

body #atr-search .atr-radio input[type="radio"]+label {
  padding-left: 0 !important;
}

/* ITEM - COMMENTS */
#comment .wrap {
  float: left;
  clear: both;
  width: 100%;
  padding: 0 20px;
  max-height: 480px;
  overflow-y: auto;
}

#comment .button-wrap {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px;
  text-align: center;
}

#comment .comment {
  float: left;
  clear: both;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#comment .comment:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#comment .image {
  float: left;
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#comment .image img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 105%;
  max-height: 105%;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  margin: auto;
}

#comment .info {
  float: left;
  width: calc(100% - 36px);
  padding: 0px 0 0 12px;
  position: relative;
}

#comment .info h3 {
  float: left;
  width: 100%;
  display: block;
  margin: 0 0 5px 0;
  color: #222;
}

#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: 14px;
  font-weight: normal;
  color: #999;
}

#comment .info .body {
  float: left;
  width: 100%;
  display: block;
  font-size: 14px;
  color: #444;
  line-height: 20px;
  margin: 0 0 5px 0;
}

#comment .info .remove {
  display: none;
  position: absolute;
  top: -6px;
  right: 0;
  font-size: 14px;
  line-height: 18px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  transition: 0.1s;
  text-align: center;
  z-index: 2;
  color: #666;
}

#comment .info .remove i {
  line-height: 28px;
}

#comment .info .remove:hover {
  background: #eee;
}

#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: 18px 10px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #999;
  border-radius: 5px;
  margin: 5px 0 20px 0;
  background: rgba(0, 0, 0, 0.08);
}




/* ITEM - SIDEBAR */
#listing .item .basic {
  display: block;
  width: 100%;
  margin: 0 0 20px 0px;
  text-align: left;
  padding-top: 5px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#listing .item .basic #mk-offer {
  float: left;
  clear: both;
  margin: 15px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  text-decoration: underline;
}

#listing .item .basic #mk-offer:hover {
  color: #999;
  text-decoration: none;
}

#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 .basic h1 {
  font-size: 40px;
  line-height: 46px;
  display: inline-block;
  width: 100%;
  margin: 0 0 5px 0;
  color: #111;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
}

#listing .item .basic .price {
  float: left;
  clear: both;
  font-size: 28px;
  line-height: 32px;
  color: #49b975;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 700;
}

#listing .item {
  float: left;
  width: 65%;
  margin: 0 0 20px 0;
}

#listing .side {
  float: left;
  width: 33%;
  margin: 0 0 20px 2%;
}

#listing .side>div {
  float: left;
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  margin: 0 0 20px 0;
}

#listing .side>div.loc-hook {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#listing .side>div.loc-hook #itemMap {
  height: 320px !important;
}

#listing .side>div#comment {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 3px solid #ef404f;
}

#listing .side h2 {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 20px 12px 20px;
  font-weight: bold;
  margin: 0 0 12px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#listing .side #comment h2 {
  margin-bottom: 0;
}

#listing .side #comment h2 span {
  float: left;
}

#listing .side #comment h2 span.count {
  font-weight: normal;
  font-size: 13px;
  color: #999;
  margin-left: 7px;
  line-height: 16px;
  margin-top: 4px;
}

#listing .side #comment h2 span.count:after {
  content: "x";
  font-size: 10px;
}

#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.user_public_profile .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 .item>div.pre-basic {
  float: left;
  clear: both;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  position: relative;
  margin: 10px 0 15px 0;
}

.pre-basic .date {
  float: left;
  width: auto;
  clear: both;
  margin-bottom: 8px;
}

.pre-basic .location {
  float: left;
  width: auto;
  clear: both;
  font-weight: normal;
}

.pre-basic .location:hover span {
  text-decoration: underline;
}

.pre-basic svg {
  float: left;
  margin: 0px 5px 1px 0;
  width: 16px;
  height: 16px;
}

.pre-basic span {
  float: left;
}

.pre-basic .fi_save_favorite {
  position: absolute;
  right: 0;
  top: 0;
  padding: 7px 12px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 5px;
}

.pre-basic .fi_save_favorite i {
  margin-right: 7px;
  float: left;
  font-size: 18px;
  line-height: 18px;
}

.pre-basic .fi_save_favorite.is_favorite i {
  color: #d21f2e
}

.pre-basic .fi_save_favorite.is_favorite i:before {
  font-weight: 900;
}

.pre-basic .fi_save_favorite:not(.is_favorite) i:before {
  font-weight: 400;
}

.pre-basic .fi_save_favorite:hover span {
  text-decoration: underline;
}

.sold-by {
  float: left;
  clear: both;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sold-by .sleft {
  float: left;
  width: 60%;
  padding-right: 15px;
  font-size: 15px;
}

.sold-by .sleft .titl {
  float: left;
  width: 100%;
  margin: 0 0 6px 0;
  font-size: 16px;
  line-height: 20px;
  color: #666;
}

.sold-by .sleft .name {
  color: #111;
  font-weight: 900;
}

.sold-by .sleft .user-img {
  float: left;
  width: 100%;
  margin: 5px 0 12px 0;
}

.sold-by .sleft .user-img img {
  width: auto;
  height: auto;
  max-width: 80px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

.sold-by .sleft>a {
  display: none;
  font-size: 14px;
  float: left;
  margin: 5px 15px 5px 0;
}

.sold-by .sleft>a svg {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 4px 0 0;
}

.sold-by .sright {
  float: left;
  width: 40%;
}

.sold-by .sright .btn {
  float: left;
  width: 100%;
  padding: 11px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 10px 0;
  border-radius: 6px;
  height: 48px;
  line-height: 28px;
  position: relative;
}

.sold-by .sright .btn svg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 3px;
  margin-top: -5px;
}

.sold-by .sright .btn span {
  display: inline-block;
  line-height: 24px;
}

.sold-by .sright .btn.mobile,
.sold-by .sright .btn.email,
.sold-by .sright .btn.oc-start-chat {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #111;
}

.sold-by .sright .btn.mobile:hover span,
.sold-by .sright .btn.email:hover span,
.sold-by .sright .btn.oc-start-chat:hover span {
  text-decoration: underline;
}

.sold-by .sright .btn.mobile svg,
.sold-by .sright .btn.email svg,
.sold-by .sright .btn.oc-start-chat svg {
  color: #333;
}

.sold-by a.oc-online .oc-status-offline,
.sold-by a.oc-offline .oc-status-online {
  display: none;
}

.sold-by .sright .btn.oc-start-chat svg {
  margin-right: 6px;
}

.sold-by .oc-start-chat em {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: #ef404f;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.sold-by .oc-start-chat.oc-online em {
  background: #49b975;
}


.sold-by .ur-fdb {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 8px 0;
}

.sold-by .ur-button.add-new-rating,
.sold-by .ur-button.show-rating {
  transition: 0.1s;
  height: auto;
  width: auto;
  border: none !important;
  font-size: 12px;
  background: #e4e4e4 !important;
  padding: 3px 9px;
  border-radius: 100px;
  margin: -3px 0 -3px 8px;
  font-weight: bold;
  line-height: 18px;
  color: #222 !important;
  font-family: "Nunito";
}

.sold-by .ur-button.add-new-rating:hover,
.sold-by .ur-button.show-rating:hover {
  text-decoration: none;
  background: #e0e0e0 !important;
}

.sold-by .show-rating.show-stars {
  padding: 0;
  height: auto;
  margin: 0;
}

.sold-by .show-rating.show-stars i {
  font-size: 16px;
  margin-right: 2px;
  float: left;
}

 !.sold-by .show-rating.show-stars span {
  font-weight: normal;
  float: left;
  clear: none;
  width: auto;
  line-height: 16px;
  padding-top: 2px;
  font-size: 12px;
}

.sold-by .show-rating.show-stars span {
  display: none;
}

.sold-by .line .user-name.ur-active {
  padding-top: 5px;
}

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 {
  padding: 0px;
  width: 100%;
}

.itm-links a {
  float: left;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 4px;
  background: #eee;
  margin: 0 6px 5px 0;
  font-weight: 600;
  color: #555;
}

.itm-links .item-share {
  float: right;
}

.itm-links .item-share a {
  display: block;
  margin: 0 4px 0 0;
  padding: 0;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 28px;
}

.itm-links .item-share a i {
  line-height: 28px;
  color: #fff;
}

.itm-links .item-share a.facebook {
  background: #3b5a99;
}

.itm-links .item-share a.twitter {
  background: #55abe1;
}

.itm-links .item-share a.google-plus {
  background: #d04028;
}

.itm-links .item-share a.pinterest {
  background: #de2d2b;
}

.itm-links .item-share a.linkedin {
  background: #3770ae;
}

.itm-links .item-share a.whatsapp {
  background: #62cd64;
}

#listing .item>div.safe-block {
  margin-bottom: 10px;
}

.safe-block {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 20px 24px 20px;
  font-size: 15px;
  background: #f0f5fb;
  border-radius: 6px;
  margin: 0 0 20px 0;
  line-height: 26px;
  position: relative;
}

.safe-block strong {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 3px 0;
  font-size: 17px;
}

.safe-block .txt {
  float: left;
  width: 100%;
  padding-right: 50px;
}

.safe-block svg {
  position: absolute;
  top: 20px;
  right: 20px;
}

.about-block {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 20px 20px 20px;
  font-size: 15px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin: 0 0 20px 0;
  line-height: 26px;
  position: relative;
  border-top: 3px solid #49b975;
}

.about-block strong {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 3px 0;
  font-size: 17px;
}

.about-block strong+.posting {
  margin-top: 2px;
}

.about-block .about {
  float: left;
  width: 100%;
}

.about-block .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-block .links svg {
  float: left;
  margin: 0 4px 0 0;
  color: #666;
}

.about-block .links a {
  float: left;
  margin: 0 20px 12px 0;
  font-size: 14px;
  line-height: 16px;
}

.about-block .posting {
  float: left;
  clear: both;
  width: 100%;
  color: #999;
  font-size: 14px;
  line-height: 16px;
  margin: 10px 0 0 0;
}

.ftr-block {
  float: left;
  clear: both;
  width: 100%;
  padding: 12px 0px;
  margin: 12px 0;
  font-size: 13px;
  line-height: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.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:hover .cont-wrap {
  display: block;
}

.ftr-block .cont-wrap {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 2;
  margin-top: 2px;
}

.ftr-block .cont-wrap .cont {
  width: 140px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  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.02);
}

.ftr-block .cont-wrap .cont a:last-child {
  border-bottom: none;
}

#listing .side>div.data {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#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>div.sms-payments {
  padding: 0;
  background: transparent;
}

#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 .show-rating.show-stars {
  height: auto;
  margin: 1px 0 0 0;
  font-size: 13px;
  width: 100%;
  padding: 0;
  line-height: 18px;
}

#listing .side .ur-button.add-new-rating,
#listing .side .ur-button.show-rating {
  font-size: 11px;
  height: auto;
  margin: 0 0 5px 0;
  width: auto;
  border: none !important;
  background: #fff !important;
  color: #444 !important;
  font-weight: normal;
  padding: 0;
  text-align: left;
}

#listing .side .ur-button.add-new-rating:hover,
#listing .side .ur-button.show-rating:hover {
  text-decoration: underline;
}

#listing .side .show-rating.show-stars i {
  font-size: 15px;
  margin-right: 2px;
  float: left;
}

#listing .side .show-rating.show-stars span {
  font-weight: normal;
  float: left;
  clear: none;
  width: auto;
  line-height: 18px;
  font-size: 11px;
}

#listing .side .line .user-name.ur-active {
  padding-top: 5px;
}

body .ur-show,
body #ur-fancy-dialog,
body .mo-show {
  border-radius: 8px;
}

body .make-offer-link:hover {
  background: transparent;
}

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: 'Nunito', 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 {
  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: 0 0 5px 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: 14px;
  background: rgba(0, 0, 0, 0.1);
  color: #363433;
}

.att-box:hover .att-label .att-btn {
  background: rgba(0, 0, 0, 0.05);
}

.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 */
.error404,
.maintenance {
  text-align: center;
  padding: 80px 0;
}

.error404 h1,
.maintenance h1 {
  font-size: 200px;
  line-height: 210px;
  margin: 0 0 30px 0;
}

.maintenance h1 {
  font-size: 100px;
  letter-spacing: -8px;
  line-height: 110px;
  margin-top: 40px;
}

.error404 h2,
.maintenance h2 {
  font-size: 32px;
  color: #363433;
  line-height: 36px;
  margin: 0 0 20px 0;
  font-weight: bold;
}

.maintenance h2 {
  margin-bottom: 45px;
}

.error404 h3,
.maintenance h3 {
  font-size: 16px;
  line-height: 18px;
  color: #999;
  margin: 0 0 50px 0;
}

.error404 a.btn {
  display: inline-block;
  float: none;
  margin: 0 0 20px 0;
  padding: 10px 22px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 500;
}

/* MAINTENANCE */
#maintenance {
  height: auto !important;
  color: #333 !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: 15px;
  line-height: 20px;
  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,
.modal-content .fw-box {
  display: block;
}

.fw-box {
  display: none;
  float: left;
  width: 100%;
  clear: both;
  padding: 0px;
  overflow: hidden;
  background: #fff;
}

.fw-box .head {
  padding: 20px 30px 15px 30px;
  text-align: center;
  float: left;
  width: 100%;
  margin: 0;
  clear: both;
  font-size: 28px;
  line-height: 32px;
  background: #fff;
  font-weight: bold;
  margin: 0;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
}

.fw-box .head .def-but {
  display: none !important;
}

.fw-box .head h1 {
  font-size: 28px;
  line-height: 32px;
  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;
}

.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 10px 0;
  clear: both;
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
}

.fw-box .middle div.row+button {
  margin-top: 0;
}

.fancybox-inner,
.fancybox-inner .fw-box,
body .fancybox-wrap {
  border-radius: 5px;
}

.pict-func .fw-box .middle {
  background: #fff;
}

 !.fancybox-inner {
  background: transparent url('../images/loader.gif') no-repeat center center !important;
  background-size: 80px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

.dvc-ios .fancybox-inner {
  overflow-y: scroll !important;
}

body #fancybox-overlay,
body .fancybox-bg {
  background: rgba(0, 0, 0, 0.6);
}

.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;
  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:after {
  opacity: 0.15;
}

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

#location-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;
}

#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-

}

#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.region strong {
  font-weight: bolder;
}

#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.city,
#location-picker.ctr-more .shower .option.region {
  padding: 5px 10px;
}

#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.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 10px 6px 10px;
  overflow: visible !important;
}

.sort-it .sort-title {
  font-weight: bold;
  color: #fff;
  cursor: default;
  position: relative;
  z-index: 8;
  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: 5px;
  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:hover .sort-title .title-keep {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.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 15px 0;
  display: none !important;
}

.filter-remove:empty {
  display: none;
}

.filter-remove a {
  background: #fff;
  letter-spacing: -0.5px;
  position: relative;
  float: left;
  margin: 0 8px 6px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 13px;
  padding: 6px 30px 6px 8px;
  line-height: 16px;
  color: #363433;
  text-decoration: none;
  border-radius: 5px;
}

.filter-remove a:hover {
  color: #363433;
  text-decoration: none;
  background: #f9f7f6;
}

.filter-remove a:after {
  position: absolute;
  width: 22px;
  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;
  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: 10px 8px;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  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: rgba(0, 0, 0, 0.3);
}

.simple-select.opened {
  z-index: 20;
}

.simple-select.opened .text i:not(.help):before {
  content: "\f106";
}

.simple-select.opened .text {
  background: #fbfbfb;
}

.simple-select .list {
  display: none;
  max-height: 320px;
  overflow-y: auto !important;
  z-index: 3;
  position: absolute;
  width: 100%;
  top: 34px;
  left: 0;
  background: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0.3);
  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: #28c2ba;
}

.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: 16px;
  vertical-align: middle;
  margin: 0 2px 5px 2px;
}

.paginate ul li i {
  line-height: 16px;
}

.paginate ul li a,
.paginate ul li span {
  display: inline-block;
  padding: 11px 5px;
  height: 40px;
  min-width: 40px;
  line-height: 18px;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.paginate ul li a:hover {
  text-decoration: none;
}

.paginate ul li span {
  font-weight: bold;
}

.paginate ul li a:hover {
  background: rgba(0, 0, 0, 0.01);
}

.paginate.comment-pagi {
  margin: 5px 0 0 0;
  padding: 15px 0 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.paginate.comment-pagi ul li {
  font-size: 14px;
}

.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: 25%;
  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: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background: #fff;
  padding: 20px 20px 5px 20px;
}

.filter .wrap .box {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 15px 0;
}

.filter .wrap .box h2 {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 2px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #111;
}

.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:not(.sidehook) label {
  clear: both;
}

.filter .wrap .box .row {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 5px 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 input[type="text"],
.search #sidebar select {
  width: 100%;
}

.filter .input-box {
  margin-bottom: 12px;
}

.filter button {
  width: 100%;
  clear: both;
  display: block;
  margin-top: 12px;
  font-weight: bold;
  font-size: 15px;
}

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

.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: -5px 0 4px 0;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.filter .prem-check {
  margin-bottom: 15px;
}

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

.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: 25px !important;
  line-height: 18px;
  font-weight: normal;
}

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

.sidebar-hooks {
  display: inline-block;
  width: 100%;
  margin: 0 0 5px 0;
  padding-bottom: 10px;
}

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

#n-block {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
}

.search #main {
  float: left;
  width: 73%;
  overflow: visible !important;
  padding: 5px 0 0px 0px;
  margin-bottom: 50px;
}

.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: 'Encode Sans Condensed', sans-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: 102%;
  margin: 0 -1%;
}

#search-items .products.list.standard {
  width: 100%;
  margin: 0;
}

#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: 31.33%;
}

#search-items .products.grid.premiums-block .simple-prod {
  width: 28%;
  float: none;
  display: inline-block;
  margin-right: 1%;
  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 50px;
  background-size: 100px;
}

#search-items.loading .products .simple-prod {
  opacity: 0.2;
}

 !#search-items .premiums-block {
  float: left;
  clear: both;
  width: 100%;
}

#search-items .premiums-block {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  padding: 0 0 12px 0;
  margin-bottom: 30px;
  overflow: hidden;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

#search-items .premiums-block .ins {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

#search-items h3.premium-blck {
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  color: #111;
  margin: 0 0 10px 0;
}

#search-items.no-transition * {
  transition: 0s !important;
}



 !#search-items .fader {
  position: absolute;
  top: 0;
  height: calc(100% - 6px);
  width: 2%;
  z-index: 3;
}

 !#search-items .fade-right {
  right: 8px;
  background-image: linear-gradient(to right, transparent 0%, #fff 100%);
}

 !#search-items .fade-left {
  left: 8px;
  background-image: linear-gradient(to left, transparent 0%, #fff 100%);
}


#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 20px 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 18px 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 12px;
  margin: 0 -1px 0 0;
  color: #111;
  text-decoration: none;
  border-radius: 0px;
  border: 1px solid #aaa;
}

#search-sort .user-type a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#search-sort .user-type a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#search-sort .user-type a:not(.active) {
  background: #fff;
}

#search-sort .user-type a:not(.active):hover {
  text-decoration: underline;
}

#search-sort .user-type a.active {
  font-weight: bolder;
  border-color: rgba(0, 0, 0, 0.1);
}

#search-sort .list-grid {
  float: right;
  margin: 6px 0px 6px 0;
}

#search-sort .list-grid a {
  float: left;
  margin: 0px 0px 0 0;
  color: #666;
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #aaa;
}

#search-sort .list-grid a:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}

#search-sort .list-grid a:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#search-sort .list-grid a i {
  line-height: 34px;
}

#search-sort .list-grid a.active {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

#search-sort .list-grid a:hover {
  color: #111;
}


/* PRODUCT */
.prod-wrap {
  float: left;
  clear: both;
  width: 102%;
  margin: 0 -1% 0 -1%;
}

.simple-prod {
  transition: 0.2s;
}

.products.grid .simple-prod,
.white .simple-prod {
  position: relative;
  float: left;
  width: 23%;
  margin: 0 1% 20px 1%;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  line-height: 16px;
  font-size: 13px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}

.products.grid .simple-prod .data,
.white .simple-prod .data {
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.2);
  float: left;
  width: 100%;
  padding: 14px 2px;
  margin-top: -10px;
  z-index: 3;
  position: relative;
  background: #fff;
  border-radius: 6px;
}

.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: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #eee;
}

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

.products.grid .simple-prod .img-wrap img.lazy,
.white .simple-prod .img-wrap img.lazy {
  transition: 0s;
}

.products.grid .simple-prod .img-wrap:hover img,
.white .simple-prod .img-wrap:hover img {
  transform: scale(1.1);
  max-height: 100%;
  overflow: hidden;
}

.products.grid .simple-prod .one-row,
.white .simple-prod .one-row {
  float: left;
  clear: both;
  width: 100%;
  height: 20px;
}

.products.grid .simple-prod .one-row.fix,
.white .simple-prod .one-row.fix {
  overflow: hidden;
}

.products.grid .simple-prod .price,
.white .simple-prod .price {
  max-width: 62%;
  float: left;
  clear: both;
  font-weight: bolder;
  color: #000;
  margin: 0;
  padding: 0 5px 0 10px;
  position: relative;
  font-size: 17px;
  line-height: 20px;
}

.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: 14px;
  clear: both;
  font-weight: normal;
  color: #363433;
  ;
  margin: 0px 0 8px 0;
  padding: 0 35px 0 10px;
  height: 18px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}

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



.products .simple-prod .label i,
.white .simple-prod .label i {
  line-height: 16px;
  position: relative;
  z-index: 9;
}

.products .simple-prod .label>span.rectangle,
.white .simple-prod .label>span.rectangle {
  position: absolute;
  bottom: -9px;
  left: 2px;
  background: #e74c3c;
  transform: rotate(45deg);
  width: 26px;
  height: 25px;
  border-radius: 7px;
}

.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-res>span.rectangle,
.white .simple-prod .label.lab-res>span.rectangle {
  background: #f3e749;
}

.products .simple-prod .label.lab-sold,
.white .simple-prod .label.lab-sold {
  background: #555;
  color: #fff;
}

.products .simple-prod .label.lab-sold>span.rectangle,
.white .simple-prod .label.lab-sold>span.rectangle {
  background: #555;
}

.products .simple-prod .fi_save_favorite,
.white .simple-prod .fi_save_favorite {
  text-indent: 1px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
  background: rgba(255, 255, 255, 0.4);
  transition: 0.1s;
  transform: rotate(45deg);
  border-radius: 8px;
  display: block;
  color: #111;
  border: none;
  padding: 2px;
  margin: 0px;
  position: absolute;
  left: auto;
  bottom: auto;
  right: 10px;
  top: 10px;
  font-size: 16px;
  line-height: 24px;
  width: 28px;
  height: 28px;
  text-align: center;
}

.products .simple-prod:hover .fi_save_favorite,
.white .simple-prod:hover .fi_save_favorite {
  background: rgba(255, 255, 255, 0.7);
}

.products .simple-prod .fi_save_favorite:hover,
.white .simple-prod .fi_save_favorite:hover {
  background: rgba(255, 255, 255, 0.95);
}

.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: 26px;
  transform: rotate(-45deg);
}

.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: 5px;
  background: #fff;
  line-height: 16px;
  font-size: 13px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}

.products.list .simple-prod .img-wrap {
  float: left;
  width: 200px;
  position: relative;
  margin: 0;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #eee;
}

.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 .img-wrap:hover img {
  transform: scale(1.1);
  max-height: 100%;
  overflow: hidden;
}

.products.list .simple-prod .isGrid {
  display: none !important;
}

.products.list .simple-prod .data {
  float: left;
  width: calc(100% - 200px);
  padding: 15px 18px;
  border-left: 1px solid #eee;
  margin-left: -1px;
}

.products.list .simple-prod .title {
  float: left;
  clear: both;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  margin: 0px 0 6px 0;
  padding: 0;
  color: #222;
  width: 100%;
  padding-right: 15px;
}

.products.list .simple-prod .description {
  float: left;
  max-height: 37px;
  overflow: hidden;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin: 0px 0 10px 0;
  padding: 0;
  color: #555;
  width: 100%;
}

.products.list .simple-prod .extra {
  float: left;
  clear: both;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
  padding: 0;
  color: #999;
  width: 100%;
}

.products.list .simple-prod .extra .location {
  float: left;
}

.products.list .simple-prod .extra .time {
  float: right;
}

.products.list .simple-prod .extra i {
  margin-right: 1px;
}

.products.list .simple-prod .price {
  float: left;
  clear: both;
  width: auto;
  font-weight: bold;
  line-height: 20px;
  font-size: 17px;
  margin: 0px 0 8px 0;
  position: relative;
}

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

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

.simple-prod.st-sold {
  background: rgba(255, 255, 255, 0.6);
}

.simple-prod.osp-item-is-highlight .data,
.simple-prod.osp-item-is-highlight {
  background: #f9f674 !important;
}

 !.simple-prod.osp-item-is-highlight .img-wrap {
  border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}


 !.simple-prod .fi_save_favorite,
.simple-prod .preview {
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  line-height: 17px;
  padding: 3px 8px;
  transition: 0.1s;
  color: #fff;
}

.simple-prod .preview {
  left: auto;
  right: 5px;
}

.simple-prod .fi_save_favorite.is_favorite {
  display: block;
}

 !.simple-prod .fi_save_favorite:hover,
.simple-prod .preview:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
}

 !.simple-prod:hover .fi_save_favorite,
.simple-prod:hover .preview {
  display: block;
}

 !.simple-prod .fi_save_favorite i,
.simple-prod .preview i {
  margin-right: 5px;
  color: #fff;
}

.simple-prod .fi_save_favorite span,
.simple-prod .preview span {
  color: #fff;
}

 !a.fi_save_favorite.fi_save.is_favorite i.fa-heart:before {
  content: "\f004";
}

 !a.fi_save_favorite.fi_save:not(.is_favorite) i.fa-heart:before {
  content: "\f004";
}

.simple-prod .preview {
  transition: 0.1s;
  border-radius: 6px;
  top: 7px;
  right: 6px;
  position: absolute;
  z-index: 5;
  background: transparent;
  font-size: 16px;
  line-height: 20px;
  padding: 4px;
  height: 28px;
  width: 28px;
  text-align: center;
  color: #111;
}

.simple-prod .preview:hover {
  background: #ccc;
}

.simple-prod .preview i {
  line-height: 20px;
}


/* 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 - REG, LOGIN */
#i-forms.content {
  padding: 20px 0 80px 0;
}

#i-forms.content.contact {
  padding-top: 40px;
}

#i-forms .box {
  max-width: 420px;
  margin: 0 auto 0 auto;
  overflow: visible !important;
}

#i-forms.contact .box {
  max-width: 420px;
}

#i-forms .box>.wrap {
  display: block;
  width: 100%;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
  padding: 25px 30px 70px 30px;
  position: relative;
}

#i-forms .box h1 {
  text-align: center;
  margin: 0px 0 20px 0;
  display: block;
  width: 100%;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  color: #111;
}

#i-forms .box>.wrap>div:not(.swap) {
  display: inline-block;
  width: 100%;
}

#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 .swap {
  clear: both;
  width: 100%;
  display: inline-block;
  padding: 12px 35px 18px 35px;
  border-top: 1px solid #eee;
  position: absolute;
  bottom: 0;
  left: 0;
}

#i-forms .swap a {
  float: left;
}

#i-forms .swap a:last-child {
  float: right;
}

#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 .login-line {
  display: block;
  float: left;
  width: 100%;
  margin: -15px 0 20px 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;
}

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: 18px;
  padding-left: 25px !important;
  margin: 0;
}

body #gdpr-check.styled .input-box-check label:after {
  left: 0;
  top: 0;
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

body #gdpr-check .input-box-check {
  margin: 0 0 8px 0;
}

#body-page {
  background: #fff;
}

#body-page header {
  background: #f9f7f6;
  border-bottom: none;
}

/* BREADCRUMBS */
#bread {
  display: block;
  margin: 20px 0;
  font-size: 13px;
  text-align: center;
}

#bread ul {
  display: inline-block;
  margin: 0 auto;
  max-width: 1080px;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

#bread ul li {
  float: left;
  margin-right: 9px;
}

#bread ul li span {
  margin-left: 4px;
  display: inline-block;
}

#bread ul li a {
  display: inline-block;
  color: #666;
}

#bread ul li a:hover span {
  text-decoration: underline;
}

#bread ul li:first-child span {
  margin-left: 0;
}

#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: #363433;
  z-index: 999;
  color: #fff;
  font-weight: normal;
}

#body-search #bread {
  display: none !important;
}

/* HEADER */
header {
  margin: 0;
  background: #e97546;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0.4s;
  box-shadow: 0px 0px 2px rgba(54, 52, 51, 0.25);
}

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 a {
  position: relative;
  float: right;
  margin: 0;
  line-height: 18px;
  padding: 4px 0px 0px 0px;
  font-size: 14px;
  color: #696766;
  font-weight: 500;
  text-align: center;
  transform: scale(1);
  transition: all 0.1s ease 0s;
}

header .right a.actv {
  font-weight: 600;
}

header .right a:not(.publish):active {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

header .right a .svg {
  display: block;
  width: 100%;
  float: left;
  margin: 0 0 4px 0;
}

header .right a .txt {
  display: block;
  width: 100%;
  float: left;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
}

header .right a .counter {
  color: #fff;
  position: absolute;
  top: 0px;
  right: 10px;
  padding: 1px 3px;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  width: auto;
  min-width: 16px;
  height: 16px;
  border-radius: 50px;
}

header .right a.messages .counter {
  right: 14px;
}

header .right a:hover {
  text-decoration: none;
}

header .right a.publish {
  padding: 6px 15px;
  font-weight: bolder;
  margin-right: 10px;
  line-height: 21px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 5px;
  border: none;
  height: 32px;
  color: #fff;
}

header .right a.publish svg {
  float: left;
  margin: 2px 6px 2px 0;
}

header .right .header-user {
  display: inline-block;
  margin-left: 10px;
  float: right;
}

header .right .plugins {
  float: right;
}

header .left a.categories {
  color: #363433;
  float: left;
  padding: 6px 5px 4px 5px;
  line-height: 20px;
  margin: 15px 0px 15px 8px;
  font-size: 15px;
}

header .left a.categories span {
  float: left;
}

header .left a.categories span.svg {
  margin: 1px 0 1px 5px;
}

header .left a.categories.opened svg {
  transform: rotate(180deg);
}

header .user-menu {
  display: none;
  position: absolute;
  right: 1px;
  top: calc(100% - 3px);
  width: 240px;
  z-index: 999;
  font-size: 15px;
  line-height: 20px;
}

header .user-menu .ins {
  box-shadow: 0px 4px 6px 0px rgba(54, 52, 51, 0.15);
  padding: 15px 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #999;
  display: inline-block;
  width: 100%;
}

header .user-menu .ins a,
header .user-menu .ins div,
header .user-menu .ins strong {
  float: left;
  clear: both;
}

header .user-menu .ins strong,
header .user-menu .ins a {
  padding: 5px 0;
  margin: 2px 0;
}

header .user-menu .ins strong {
  color: #363433;
}

header .user-menu .ins .line {
  width: 100%;
  height: 1px;
  margin: 6px 0;
  background: #ccc;
}

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


/* HOME */
#home-search {
  float: left;
  width: 100%;
  padding: 25px 0;
  background: #fff;
  position: relative;
}

#home-search .slide-wrap {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#home-search .slide {
  animation: breath 45s linear alternate infinite;
  background: #999 url('../images/slide/slide.jpg') no-repeat center center;
  background-size: cover;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@keyframes breath {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.3);
  }
}

#home-search .cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.25);
  z-index: 2;
}

#home-search .box2 {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 10px 0;
  text-align: left;
}

#home-search .box2>strong {
  float: left;
  clear: both;
  margin: 0 0 3px 0;
}

#home-search .box2 .btn {
  padding: 12px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  margin: 5px 0 0 0;
}

#home-search .inside>.box {
  z-index: 5;
  width: 360px;
  max-width: 100%;
  padding: 30px 35px 25px 35px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
}

#home-search h1 {
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  color: #111;
  margin: 0 0 18px 0;
  position: relative;
  font-weight: 700;
  z-index: 9;
  font-family: 'Encode Sans Condensed', sans-serif;
}

#home-search .wrap {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0;
}

#home-search .line1 {
  display: block;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  border: none;
  background: #fff;
  height: 60px;
  transition: 0.2s;
  max-width: 720px;
  position: relative;
  z-index: 5;
}

#home-search .col1 {
  float: left;
  width: 48%;
  border-right: 1px solid #ccc;
}

#home-search .col2 {
  float: left;
  width: 34%;
}

#home-search .col4 {
  float: left;
  width: 18%;
  padding: 0;
  height: 60px;
}

#home-search .col4 .btn {
  height: 60px;
  width: 100%;
  font-size: 14px;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  font-weight: bold;
  padding: 15px 5px;
  line-height: 18px;
}

#home-search .col1 input {
  border-radius: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding-left: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#home-search .col2 input {
  border-radius: 0;
  cursor: pointer;
}

#home-search input {
  width: 100%;
  height: 48px;
  border: 1px solid #888;
  ;
  line-height: 20px;
  padding: 12px 12px 12px 40px;
  font-size: 16px;
  color: #666;
  border-radius: 5px;
}

#home-search #location-picker {
  margin: 0;
  position: relative;
}

#home-search #location-picker svg.svg-left {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 5;
}

#home-search #location-picker svg.svg-right {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 5;
}

#home-search #location-picker .term.open {
  background: #fff;
  cursor: pointer;
}

#home-search #location-picker .shower {
  border: 1px solid #888;
  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: 44px;
  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: 15px;
  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: 40px 0 20px 0;
  text-align: center;
}

#home-cat2 h2 {
  margin: 0 0 14px 0;
  position: relative;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #111;
  text-align: left;
  font-family: 'Encode Sans Condensed', sans-serif;
}

#home-cat2 .box {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}

#home-cat2 .wrap {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  padding-top: 6px;
  padding-bottom: 15px;
}

#home-cat2 a {
  margin: 0 2px 0 2px;
  display: block;
  float: left;
  text-align: center;
  color: #333;
  width: 96px;
}

#home-cat2 a:first-child {
  margin-left: 0;
}

#home-cat2 a:last-child {
  margin-right: 0;
}

#home-cat2 a>div {
  width: 76px;
  height: 76px;
  border-radius: 100px;
  padding: 20px 20px;
  background: #e8b9a2d9;
  margin: 0 auto 8px auto;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transform: scale(1);
  transition: 0.1s;
}

#home-cat2 a>div:hover {
  transform: scale(1.1);
}

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

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

.premium-container {
 background: #fbfbd3 !important;
}

.home-container.banner-box {
  padding: 20px 0;
}

 !.home-container:nth-child(even) {
  background: #fff;
}

.home-container h2,
.home-container .h2 {
  float: left;
  width: 100%;
  clear: both;
  position: relative;
  margin: 0 0 20px 0;
  position: relative;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
  color: #111;
  font-family: 'Encode Sans Condensed', sans-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%;
}

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

.relative2 {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
}

.nice-scroll-left {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 24px;
  z-index: 9;
  background-image: linear-gradient(to left, transparent 0%, rgba(249, 247, 246, 1) 100%);
}

.nice-scroll-right {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 24px;
  z-index: 9;
  background-image: linear-gradient(to right, transparent 0%, rgba(249, 247, 246, 1) 100%);
}

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

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

.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-top: 20px;
  padding-bottom: 50px;
}


.logo img {
  position: absolute;
  width: auto;
  height: auto;
  display: block;
  max-width: 100%;
  margin: auto;
  top: -50%;
  left: 0;
  bottom: -50%;
}

 !.body-ua .logo img {
  left: -50%;
  right: -50%;
}

header,
footer,
section {
  float: left;
  clear: both;
  width: 100%;
}

body {
  background: #f9f7f6;
  padding-top: 61px;
}

.content {
  display: block;
  float: left;
  width: 100%;
  clear: both;
}

.req {
  font-weight: normal;
  margin-left: 3px;
}

#comment_error_list {
  margin: -15px 0 15px 0;
}

#error_list,
#error_list li,
#comment_error_list,
#comment_error_list li {
  display: block;
  width: 100%;
  clear: both;
}

#error_list li label,
.problem,
#comment_error_list li label {
  display: inline-block !important;
  width: 100%;
  padding: 15px 10px;
  font-size: 14px;
  font-weight: normal;
  background: #e68383;
  color: #fff;
  border-radius: 3px;
  margin: 0 0 5px 0;
}

.middle .problem {
  text-align: center;
}

/* RESET */
fieldset {
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
}

html,
input,
select,
textarea,
button {
  font-family: 'Nunito', 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
}

.products .simple-prod .label,
.white .simple-prod .label {
  text-decoration: none;
  z-index: 2;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  padding: 8px 14px 8px 14px;
  text-align: center;
  font-size: 14px;
  width: auto;
  max-width: 100%;
  height: auto;
  font-weight: 18px;
  color: #fff;
  background: #e74c3c;
  border-radius: 0 10px 10px 0;
  text-align: center;
}