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

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

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

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

#rel-block {
    background: #fff;;
    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%, #fff;
100%);
}

!
#rel-block .fade-left {
    left: -1%;
    background-image: linear-gradient(to left, transparent 0%, #fff;
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: #fff;;
    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: #fff;;
    border: 1px solid #fff;;
    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 {
    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-top: -3px;
}

#location-picker .loader {
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    width: 18px;
    height: 18px;
    background: transparent url(../images/loader.gif) no-repeat center center;
    background-size: 100%;
    opacity: 0;
    transition: 0.2s;
}

#location-picker.searching .loader {
    opacity: 0.4;
}

!
#location-picker .shower .option.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: #fff;;
}

.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 rgb(21 20 20 / 5%);
}


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

.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, .white .simple-prod .label {
    text-decoration: none;
    z-index: 2;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
    position: absolute;
    left: 10px;
    top: -3px;
    padding: 16px 2px 10px 2px;
    text-align: center;
    font-size: 14px;
    width: 30px;
    height: 42px;
    font-weight: normal;
    color: #fff;
    background: #e74c3c;
    border-radius: 4px;
}

.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: #fff;;
    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 {
    border-bottom: 1px solid transparent;
    margin: 0;
    position: fixed;
    background: #fff;
    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 .right-item {
    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 .right-item.actv {
    font-weight: 600;
}

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

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

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

header .right .right-item .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 .right-item.messages .counter {
    right: 14px;
}

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

header .right .right-item.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 .right-item.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: #fff;
    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: #f6f6f6;
    box-shadow: none;
}

#body-search #home-cat2 a > div > img {
    max-width: 32px;
    max-height: 32px;
}

#body-search #home-cat2 a > div > i {
    font-size: 18px;
    line-height: 32px;
}

#body-search #home-cat2 a {
    width: 90px;
}

#body-search #home-cat2 h3 {
    font-size: 14px;
    letter-spacing: -0.1px;
}

.loc-search #home-cat {
    margin: 0 0 25px 0;
}

.loc-search #home-cat h2 {
    display: none;
}

.loc-search #home-cat .inside .box {
    padding: 15px 12px 9px 12px;
    text-align: left;
}

.loc-search #home-cat a {
    margin: 0 2px 8px 2px;
    width: 110px;
}

.home-container {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px 0;

}

.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 {
    position: relative;
    width: auto;
    height: auto;
    height: 40px;
    width: 180px;
    margin: 10px 0;
    float: left;
}

.logo img {
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    top: -50%;
    left: 0;
    bottom: -50%;
}

!
.body-ua .logo img {
    left: -50%;
    right: -50%;
}

header, footer, section {
    float: left;
    clear: both;
    width: 100%;
}

body {
    background: #f9f9f9;
    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
}

@media screen and (min-width: 1081px) {
  .isMobile:not(.isDesktop), .isTablet:not(.isDesktop) {display:none!important;}
  body .osp-pay-button li {width:calc(25% - 20px);}
  #blg-body {padding:0;}
}


@media screen and (max-width: 1080px) {
  #bread {text-align:left;}
  .user-top-menu > .umenu {overflow:hidden;overflow-x:auto;white-space:nowrap;margin:0 -10px;padding:5px 0;}
  .home-container.stats .bl {float:none;width:auto;display:inline-block;margin:4px 5px 5px 5px;background:#f8f8f8;box-shadow:0 0 0 1px rgba(0,0,0,0.1);border-radius:4px;}
  .home-container.stats .box {text-align:center;}
  #pick-color {display:none!important;}
  .body-ua .profile .btn {width:100%;}
  .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 {max-width:100%;}

  #photos .qq-upload-delete {right:0px;opacity:1;}
  #photos .primary_image {right:30px;opacity:1;}
  #photos .qq-upload-rotate {width: 24px; height: 24px; font-size: 13px; line-height: 24px; padding: 0; left: 0px; top: -10px; margin: 0;opacity:1;}

}


@media screen and (min-width: 768px) and (max-width: 1080px) {
  .isDesktop:not(.isTablet), .isMobile:not(.isTablet) {display:none!important;}
  #cat-box .sub-box .link {width:33.3%;}
  #cat-box {max-height:480px;}
}

@media screen and (min-width: 768px) {
  .search-wrap #location-picker .shower-wrap {width:480px;margin-top:16px;}
  .search-wrap #location-picker .shower {border-radius:4px;}
  .search-wrap #location-picker .shower:before {content:"";position:absolute;left:24px;width:10px;height:10px;top:-5px;border-left:1px solid #ccc;border-top:1px solid #ccc;background:#fff;transform:rotate(45deg);}
}


@media screen and (min-width: 1025px) and (max-width: 1080px) {
  #listing.inside, header, footer, #home-search, #rel-block, .inside.user_account, #home-cat2, .home-container, #search-bar, #body-search .loc-search > .content, #body-item #bread ul, #body-user-public-profile #bread ul, .user-top-menu > .umenu,
  #body-contact section.content, #body-user-register section.content, #body-page section.content, #body-item-post section.content, .inside.user_public_profile, #cat-box {padding-left:25px!important;padding-right:25px!important;}
  body.body-ua, .body-ua > section.content:not(.dummy) {padding-left:0!important;padding-right:0!important;}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  body #fi_list_items.fi_user_menu .fi_item {width:31.33%;}

  #public-items {width:67%;}
  #listing.user_public_profile .side {width:31%;}

  header, footer, #home-search, #listing.inside, .inside.user_account,#home-cat2, #rel-block,.home-container, #search-bar, #body-search .loc-search > .content, #body-item #bread ul, #body-user-public-profile #bread ul,.user-top-menu > .umenu,
  #body-contact section.content, #body-user-register section.content, #body-page section.content, #body-item-post section.content, .inside.user_public_profile, #cat-box {padding-left:20px!important;padding-right:20px!important;}
  body.body-ua, .body-ua > section.content:not(.dummy) {padding-left:0!important;padding-right:0!important;}

  .loc-home #home-cat {padding:0 12%;}
  .search #filter {width:30%;}
  .search #main {width:68%;}
  .products.grid .simple-prod, .white .simple-prod {width:31.33%;}
  #bpr-seller.bpr-block .bpr-comp {width:31.33%!important;}
  #public-items.products.grid .simple-prod {width:48%;}
  #search-items .products.grid .simple-prod {width:48%;}
  .related.products.grid .simple-prod {width:48%;}
  footer .line1 .col2 {width:47%;}
  footer .line1 .col1 {width:28%;}
  footer .line1 .col3 {width:25%;}
  .products.list .simple-prod .img-wrap {width:150px;}
  .products.list .simple-prod .data {width:calc(100% - 150px);}
}


@media screen and (max-width: 1024px) {
  #sub-cat .list .link {width:33.3%}
  #rel-block .simple-prod {width:31%;}
  #search-items .products.grid.premiums-block .simple-prod {width:40%;display:inline-block!important;}
  #home-blog .box a {width:48%;}

  .premiums-block.odd .simple-prod:last-child {display:none!important;}
  .home-container.promote .bl {width:30%;}
  .home-container.promote .bl.b2 {margin-left:5%;margin-right:5%;}
  .home-container.promote .ar {display:none;}

  .products.list .simple-prod .data {padding:15px;}
  .products.list .simple-prod .description {display:none;}
  .products.list .simple-prod .title, .products.list .simple-prod .extra {margin:8px 0 8px 0;}
  .products.list .simple-prod .price {margin:0;}
  .products.list .simple-prod, .white .simple-prod {margin-bottom:10px;}
  .real-detail ul.list-other-attributes li {width:100%;padding-right:0;}
}


@media screen and (max-width: 767px) {
  body .tox .tox-toolbar--scrolling, body .tox .tox-toolbar--scrolling .tox-toolbar__group {white-space:normal;flex-wrap:wrap;}
  body .mo-account .mo-comment, body .mo-account .mo-respond.mo-done {width:100%;}
  body .mo-account .mo-item {overflow-x:auto;}
  body .mo-account .mo-item-offer.mo-offer-head, body .mo-account .mo-item-offer {min-width:660px;}
  #plugin-hook #atr-item .atr-value-single {width: 100%;padding-right:0;}
  footer .cl:nth-child(2n+1) {clear: both;}
  #search-items {padding-top:8px;}
  .search #main .titles-top {margin:0;}
  #sub-cat .navi {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  #sub-cat .navi a {display:inline;}
  ul.breadcrumb {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  #bread ul li {margin-right: 5px; float: none; display: inline;}
  #bread ul li a, #bread ul li span {display:inline;}


  #body-search #home-cat2 h3, #home-cat2 h3 {font-size:13px;}
  #home-search .inside > .box {width:440px;}
  header .right .right-item .svg svg {display:inline-block;width:20px;height:20px;margin:0 -10px;}

  #search-items h3.premium-blck {margin-top:15px;}
  .search #main .titles-top span {clear: both; margin: 6px 0 8px 0;font-size:14px;}
  footer .cl .lnk.go-hide {display:none;}
  footer .cl .lnk.show-hidden {display:block;}
  #home-search #location-picker input {padding-right: 40px; text-overflow: ellipsis; white-space: nowrap;}
  #home-search input {text-overflow: ellipsis; white-space: nowrap;}
  #home-search .box2 > strong {display:none;}
  #home-search .box2 {margin-bottom:10px;}
  #home-search .box2.bot {width:66%;margin-bottom:10px;}
  #home-search .box2.but {width:34%;margin-bottom:10px;padding-left:10px;clear:none;}
  #home-search .box2.but .btn {margin-top:0;padding:14px 4px;font-size:15px;height:48px;white-space:nowrap;letter-spacing:-0.2px;border-radius:6px;}

  #body-user-custom.body-ua.plugin-instant_messenger.file-create_thread h2.im-head, #body-user-custom.body-ua.plugin-instant_messenger.file-create_thread .im-error-list.error-list, body form#im-create-thread-form {width:100%;margin-right:0;}
  .vrt-table .vrt-col.version {display:none;}
  .vrt-table .vrt-col.download {text-align:center;}
  .vrt-table .vrt-col.product {width:70%;}

  body #fi_user_new_list .fi_check.first {clear:left;}
  body #fi_user_new_list .fi_check.first, body #fi_user_new_list .fi_check {padding-left:0;padding-right:25px;width:auto;}
  body #fi_user_new_list .fi_new_name {width:100%;margin-right:0;height:40px;margin-bottom:10px;}
  #fi_user_new_list button {float:right;width:35%;}

  body #fi_list_items.fi_user_menu .fi_item {width:31.33%;}
  body .blg-content .blg-primary-img img {margin-right:15px;}
  #contact {margin-top:20px;}
  #blog .wrap {float:left;width:100%;clear:both;overflow:hidden;overflow-x:auto;white-space:nowrap;}
  #blog .wrap a {display:inline-block;width:60%;float:none;max-width:320px;margin-right:2%;margin-bottom:5px;}
  #blog .wrap a:last-child {margin-right:0;}

  section.loc-page .page .left {width:100%;padding-right:0;}
  section.loc-page .page .right {display:none;}

  .sold-by .sleft {width:50%;}
  .sold-by .sright {width:50%;}
  #rel-block .simple-prod {width:40%;}
  #bpr-seller.bpr-block .bpr-comp {width:40%!important;}

  #sub-cat .list {white-space:nowrap;overflow:hidden;overflow-x:auto;}
  #sub-cat .list .link {width:auto;background: #eee; margin: 0 8px 4px 0; padding: 6px 10px; border-radius: 8px;display:inline-block;float:none;}
  #sub-cat .list .link.hidden {display:inline-block;}
  #sub-cat .list .link.show-all {display:none;}
  #sub-cat .list .link a {margin:0;}

  #search-bar .w2 {display:none;}
  #search-bar .wb {width:25%;}
  #search-bar .w1 {width:75%;}

  #home-search {text-align:center;padding-top:15px;padding-bottom:15px;}
  #home-search .inside > .box {display:inline-block;float:none;}

  .item-detail-wrap {float:left;clear:both;width:100%;text-align:center;margin:5px 0 30px 0;}
  a.item-detail-btn {display:block;padding:12px 35px;font-size:14px;font-weight:bold;border-radius:100px;float:none;display:inline-block;}
  .bpr-prof .bpr-inside h2, body h2.im-head {margin:-16px -16px 20px -16px;width:calc(100% + 32px);}

  #listing.user_public_profile .side {width:100%;margin:0 0 20px 0;}
  #user-menu .wrap {padding-bottom:7px;}
  #user-menu a {font-size:16px;padding:18px 25px;}
  .body-ua #bread {padding:0;margin:15px 0;}
  .body-ua .logo {width:240px;border-right:none;margin:5px 0;padding:0;height:50px;}

  .header-search-mobile {position: fixed; top: 60px; left: 0; width: 100%; z-index: 98; padding: 15px 15px; background: #fff; border-bottom: 1px solid #ccc; box-shadow: 0 2px 3px rgba(0,0,0,0.15);}
  .header-search-mobile input[name="sPattern"] {float:left;width:62%;margin:0 3% 0 0;height:42px;font-size:15px;}
  .header-search-mobile button {float:left;width:35%;margin:0;font-size:15px;font-weight:bold;line-height:24px;height:42px;letter-spacing:-0.3px;padding-left:2px;padding-right:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #home-search .col4 .btn {font-size:16px;}
  .mobile-item-data, .mobile-user-data {position:fixed;bottom:65px;right:15px;z-index:9;}
  .mobile-item-data a, .mobile-user-data a {float:right;clear:both;width:auto;padding:10px 14px;border-radius:12px;border-bottom-right-radius:0;background:#fff;box-shadow:0px 1px 5px rgba(0,0,0,0.2);font-size:16px;font-weight:500;color:#111;margin:0 0 15px 0;}
  .mobile-item-data a:hover, .mobile-item-data a:focus, .mobile-user-data a:hover, .mobile-user-data a:focus {text-decoration:none;}

  #listing .item > div.banner-theme.banner-item_description {margin-top:-8px;}
  .main-head > a {border-radius:0;}
  #listing .item .data {margin-bottom:0;}
  #listing .item > div.main-data, .main-head > a:last-child, .main-head > a:first-child {border-radius:0;}
  #listing .item > div.main-data {width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;}
  #listing .item > div #img {padding:0;margin:0 15px;width:calc(100% - 30px);}
  .item-bx-pager {padding:0 15px;margin-bottom:5px;}
  .main-data > .loc {padding-left:0;padding-right:0;}
  .main-data > .loc .hook {border-radius:0;}
  .main-data > .loc a.direction {margin-left:15px;}
  .main-data > .loc > strong {padding:0 15px;}
  #listing .item .stats span.right {float:left;}

  .mobile-filter, .mobile-item {transition:0.2s;cursor:pointer;position:fixed;bottom:15px;right:15px;cursor:pointer;display:inline-block;height:50px;width: 50px; z-index: 9; border-radius: 100px;padding:10px 10px; box-shadow: 0px 3px 3px rgba(0,0,0,0.1); text-align: center;}
  .mobile-filter svg, .mobile-item svg {display:inline-block;width:24px;height:24px;margin:3px;}
  .mobile-item.item-contact {background: #fff; border: 1px solid rgba(0,0,0,0.15);}
  .mobile-item.item-contact svg, .mobile-item.item-user svg {color: #666;margin:2px 4px 4px 2px;}
  .mobile-item.item-phone + .mobile-item.item-contact {right:78px;}
  .mobile-item.item-user {background:#fff;border: 1px solid rgba(0,0,0,0.15);}
  .mobile-item.item-user img {position:absolute;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;top:-50%;left:-50%;bottom:-50%;right:-50%;}
  .mobile-item.item-contact + .mobile-item.item-user {right:78px;}
  .mobile-item.item-phone + .mobile-item.item-contact + .mobile-item.item-user {right:141px;}

  .fancybox-wrap.search-mobile-filter-box, .fancybox-wrap.fancy-form, .fancybox-wrap.imgviewer {position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border-radius:0;}
  .fancybox-wrap.search-mobile-filter-box .fancybox-outer, .fancybox-wrap.fancy-form .fancybox-outer, .fancybox-wrap.imgviewer .fancybox-outer {top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border-radius:0;position:absolute;}
  .fancybox-wrap.search-mobile-filter-box .fancybox-inner, .fancybox-wrap.fancy-form .fancybox-inner, .fancybox-wrap.imgviewer .fancybox-inner {top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border-radius:0;position:absolute;}
  .fancybox-wrap.search-mobile-filter-box .fancybox-close, .fancybox-wrap.imgviewer .fancybox-close {top:7px;right:15px;}
  .fancybox-wrap.fancy-form .fancybox-close {top:10px;right:15px;background-color: transparent!important; filter: invert(1);}
  .fancybox-wrap.search-mobile-filter-box .filter-fancy {padding:15px;}

  #search-sort {margin-bottom: 8px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
  .sort-it .sort-title .title-keep {padding:10px 12px;height:38px;}
  #search-sort .list-grid a {width: 40px; height: 38px; padding: 5px 0;}
  .sort-it .sort-title .title-keep > span, #search-sort .user-type {font-size:15px;}
  #search-sort .list-grid a {font-size:18px;}
  #search-sort .list-grid a i {line-height:26px;}
  #search-sort .user-type a {padding:10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  a.alert-notify {font-size:15px;}
  .alert-notify i {line-height:18px;}
  .sub-line .img-check .link-check-box a {font-size:15px;}
  .filter-remove a {padding:9px 40px 9px 10px;line-height:17px;font-size:14px;}
  .filter-remove a:after {height:36px;width:30px;text-align:center;line-height:36px;font-size:15px;}
  .sort-it #sort-wrap {top:36px;}
  .sort-it .sort-content a {font-size:14px;}

   #body-search #bread {padding:0 15px;}
  .search #main {border-left:none;border-right:none;border-radius:0;margin-bottom:10px;padding-top:0;}
  header {border-bottom-color:transparent!important;}
  .home-container.promote .bl {width:33.33%;}
  .home-container.promote .bl.b2 {margin-left:0%;margin-right:0%;}
  .home-container.banner-box {padding:10px 0;}
  body#body-home footer {padding-bottom:60px;}

  footer .cl {width:50%;margin-bottom:10px;}
  footer .line2 .right, footer .line2 .left {max-width:100%;float:left;clear:both;width:100%;text-align:center;}
  footer .line2 .left {margin-bottom:15px;}
  footer .line2 .right a {float:none;margin:0 8px 8px 8px;display:inline-block;}

  .post-edit .price-wrap .enter {width:100%;padding-right:0;}
  .post-edit .price-wrap .enter .or {display:none;}
  .post-edit .price-wrap .selection {width:100%;clear:both;}
  .post-edit .price-wrap .enter > .input-box {margin-bottom:6px;}
  .post-edit .price-wrap .selection:last-child {margin-right:0;}
  .post-edit .price-wrap .selection a {padding:7px 8px;margin:0 8px 0 0;border-radius:4px!important;background:rgba(0,0,0,0.15);border:none;color:rgba(0,0,0,0.7);width:auto;font-weight:normal;}
  .post-edit .price-wrap .selection a.active {font-weight:bold;}
  .post-edit .seller .user-email {width:100%;}
  .post-edit .seller .phone {padding-right:0;width:45%;}
  .post-edit .seller .name {width:55%;}

  .btn.cat-confirm, .btn.loc-confirm {position:fixed;bottom:20px;right:20px;z-index:99;width:60px;height:60px;line-height:60px;padding:0;margin:0;font-size:22px;color:#fff;text-align:center;border-radius:100px;box-shadow:0 1px 2px rgba(0,0,0,0.1);}
  .btn.cat-confirm i, .btn.loc-confirm i {line-height:60px;}
  #body-item-edit #scroll-to-top, #body-item-post #scroll-to-top {display:none;}
  #category-picker.picker-v2 .shower {position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;}
  #location-picker.picker-v2 .shower {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;max-height:initial;}
  #category-picker.picker-v2 .shower-wrap {z-index:102;}
  #location-picker.picker-v2 .shower-wrap {z-index:101;}

  .add_item #location-picker.picker-v2 .shower {max-height:initial;}
  .add_item .loc-picker .region-tab {height:calc(100% - 48px); }
  .add_item .loc-picker .city-tab {height:calc(100% - 48px); }

  .filter-fancy #category-picker.picker-v2 .shower-wrap, .filter-fancy #location-picker.picker-v2 .shower-wrap {z-index:999;}
  .cat-picker .cat-tab.sub {position:absolute;left:0;top:0;width:100%!important;height:100%;}
  #category-picker .shower .wrapper {margin-top:-1px;}
  .cat-picker .cat-tab.root .elem strong {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  .cat-picker .cat-tab.sub[data-level="2"] {z-index:2;}
  .cat-picker .cat-tab.sub[data-level="3"] {z-index:3;}
  .cat-picker .cat-tab.sub[data-level="4"] {z-index:4;}
  .cat-picker .cat-tab.sub[data-level="5"] {z-index:5;}

  .isDesktop:not(.isMobile), .isTablet:not(.isMobile) {display:none!important;}
  header, footer, #home-search, #rel-block, .inside.user_account,#listing.inside, #home-cat2, .home-container, #search-bar, #body-search .loc-search > .content, #body-item #bread ul, #body-user-public-profile #bread ul,.user-top-menu > .umenu,
  #body-contact section.content, #body-user-register section.content, #body-page section.content, #body-item-post section.content, .inside.user_public_profile {padding-left:15px!important;padding-right:15px!important;}

  body.fw-supporting > section.content, body > section.content.sec-send_friend {padding-left:0!important;padding-right:0!important;}
  .simple-prod .fi_save_favorite, .simple-prod .preview {display:block;}
  .simple-prod .fi_save_favorite span, .simple-prod .preview span {letter-spacing: -0.5px;}
  .loc-home #home-cat {padding:0 5%;}
  #home-cat .inside .box {padding: 20px 0px 10px 0px;}
  #home-cat a {margin:0 2px 10px 2px;width:135px;}
  #home-search .col2, #home-search .col3 {display:none;}
  #home-search .col4 {width:35%;}
  #home-search .col1 {width:65%;}
  .products.grid .simple-prod, .white .simple-prod {width:48%;}
  #public-items.products.grid .simple-prod {width:48%;}
  #search-items .products.grid .simple-prod {width:48%;}
  .related.products.grid .simple-prod {width:48%;}
  footer .line1 .col1, footer .line1 .col2, footer .line1 .col3 {width:100%;text-align:center;padding:0;clear:both;margin:0 0 10px 0;}
  footer .line1 strong {display:none;}
  footer .share a {display:inline-block;float:none;margin:0 4px 8px 4px;}
  footer .col3 a {margin:8px 0 0 0;padding:10px 5px;}
  footer .line1 .locale {text-align:center;}
  footer .line1 .locale a {float: none; display: inline-block; margin: 0 3px 5px 3px;}
  #scroll-to-top {display:none;}
  .mobile-post-wrap {position: fixed; left:0; bottom: 15px; width: 100%; z-index: 9;text-align: center;display:none;}
  .mobile-post {display:inline-block;height:42px;width: auto; z-index: 9; line-height: 16px; border-radius: 100px; font-size: 15px;font-weight:bold;padding:13px 22px; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); text-align: center;}
  .mobile-post svg {margin:-1px 8px -1px 0;float:left;width:18px;height:18px;}
  .search #filter {display:none;}
  .search #main {width:100%;}
  .loc-search #home-cat .inside .box {padding:15px 5px 9px 5px;text-align:center;}
  .loc-search #home-cat a {width:100px;margin-left:1px;margin-right:1px;}
  .basic {margin-top:10px;margin-bottom:12px;}
  #listing .item {width:100%;margin:0 0 10px 0;}
  #listing .side {width:100%;margin:0 0 20px 0;}
  #body-item #listing .side > div.data {border-radius: 0; border-left: none; border-right: none;margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);}
  .item-bx-pager a {width:23%;}
  #comment .info h3 .date {clear: both; float: none; margin-bottom: 4px; display: inline-block; width: 100%;}
  .btn.new-comment {width:100%;}
  #comment .comment {padding:15px 0;}
  #photos .qq-upload-button {max-width:calc(100% - 20px);}
  .user-menu-wrap {position:relative;z-index:97;width:100%;margin-left:0;margin-right:0;float:left;clear:both;margin:0 0 15px 0;}
  #user-menu {display:none;width:100%;margin:0 0 0 0;float:left;clear:both;position:relative;top:auto;left:auto;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;}
  .body-ua #main {width:100%;padding:0;margin-top:0;}
  .body-ua#body-user-custom #main {margin-top:20px;}
  .body-ua .usr-menu {width:100%;margin:20px 0 20px 0;}
  #pp-side {width:100%;margin:0 0 15px 0;}
  #public-items {width:100%;margin:0 0 30px 0;min-height:200px;}
  .logo img {left:0;right:auto;width:auto;max-width:100%;}
  .mobile-block {float:right;height:50px;margin:5px 0 5px 0;font-size:0;}
  .mobile-block a {display:inline-block;width:46px;height:50px;margin:0;text-align:center;float:right;position:relative;}
  .mobile-block a .inr {width:30px;height:30px;float:left;margin:10px 8px;position:relative;display:inline-block;}
  .mobile-block a .ln {opacity:1;position:absolute;left:0;height: 3px; margin: 0;border-radius: 3px;width:100%;background:#333;display:block;transition:0.2s;}
  .mobile-block a .ln.ln1 {top:4px;}
  .mobile-block a .ln.ln2 {top:14px;}
  .mobile-block a .ln.ln3 {top:24px;}
  .mobile-block a.opened .ln.ln1 {top:14px;transform:rotate(45deg);}
  .mobile-block a.opened .ln.ln2 {opacity:0;}
  .mobile-block a.opened .ln.ln3 {top:14px;transform:rotate(-45deg);}
  .mobile-block a#m-search .ln.ln1 {opacity:0;}
  .mobile-block a#m-search .ln.ln3 {opacity:0;}
  .mobile-block a#m-search.opened .ln.ln1 {opacity:1;}
  .mobile-block a#m-search.opened .ln.ln3 {opacity:1;}
  .mobile-block a .rd {opacity:1;position:absolute;left:1px;top:1px;height:28px;width:28px; margin: 0;border-radius: 30px;box-shadow:0 0 0 2.5px #333 inset;display:block;transition:0.2s;}
  .mobile-block a .cd {transform: rotate(45deg); opacity: 1; position: absolute; right: 1px; bottom: 2px; height: 3px; margin: 0; border-radius: 3px; width: 6px; background: #333; display: block; transition: 0.2s;}
  .mobile-block a.opened .rd {opacity:0;width:0;height:0;top:50%;left:50%;}
  .mobile-block a.opened .cd {opacity:0;height:0;}
  .mobile-block a#m-options {margin:0 0 0 2px;}

  header .left {width:40%;}
  header .mobile-block {display:none!important;}
  header .right.isDesktop:not(.isMobile), header .right.isTablet:not(.isMobile) {display:block!important;width:60%;white-space:nowrap;overflow:hidden;height:40px;margin:10px 0;padding-top:0;padding-bottom:0;}
  header .right .right-item.publish {display:none;}

  .logo {width:100%;}
  .home-container.tabs {margin-top:25px;}
  .products.list .simple-prod .user {right:10px;bottom:10px;}
  #public-items .block {padding-bottom:10px;}
  #menu-cover {position:fixed;top:61px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;}
  #menu-user, #menu-options {position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:999;width:100%;border-top:1px solid rgba(0,0,0,0.1);}
  #user-menu .update-avatar {display:none;}
  #user-menu .img {padding:15px 22px;}
  #user-menu .img .box {float: left; width: 30px; height: 30px; margin: 0 4px 0 0;}
  #user-menu .img strong {float: left; width: auto; margin: 6px 0; font-size: 16px; max-width: calc(100% - 50px); overflow: hidden; white-space: normal; text-overflow: ellipsis;}
  #user-menu .wrap > div.img {background:rgba(0,0,0,0.3);}
  #user-menu li.active a {background:transparent;}
  #home-search .col1 {border-right:none;}
  body#body-item #scroll-to-top, body#body-search #scroll-to-top {display:none;}
  body#body-item .mobile-post, body#body-search .mobile-post {display:none;}

  .flash-box {left:13px;bottom:8px;max-width:calc(100% - 26px);}
  .flash-box .flashmessage {min-height:40px;padding:10px 10px 10px 40px!important;margin-bottom:6px;}
  .flashmessage:after {width:32px;font-size:16px;}
  .flashmessage:before {width:32px;}

  #home-search .line1.open {border-bottom-left-radius:0;border-bottom-right-radius:0;}
  #home-search .query-picker .shower-wrap {width:calc(153.8% + 2px);}

  .maintenance h1 { font-size: 60px; letter-spacing: -4px; line-height: 70px; }
  @keyframes breath { from { transform: scale(1); } to { transform: scale(2.5); } }

}


@media screen and (max-width: 540px) {
  #i-forms.content {padding-bottom:20px;}
  .logo-auth {margin:20px 0;}
  body #fi_user_lists .fi_list .fi_count {display:none;}
  #fi_user_lists .fi_current, #fi_user_lists .fi_notification, #fi_user_lists .fi_user_list_remove {width:16%;}
  #fi_user_lists .fi_name {width:52%;}

  body #fi_list_items.fi_user_menu .fi_item {width:48%;}
  .sold-by .sleft .titl {text-align:center;margin:5px 0 15px 0;}
  .sold-by .sleft {width:100%;padding-right:0;text-align:center;}
  .sold-by .sright {width:100%;float:left;clear:both;}
  .sold-by .sleft .user-img {display:none;}

  #search-sort .user-type a {padding:10px 5px;}
  #search-bar .wb {width:35%;}
  #search-bar .w1 {width:65%;}

  .uitem {width:calc(100% + 10px);margin:0 -5px;}
  .uitem .body {width:100%;padding:0;}
  .uitem .image {display:none;}
  .uitem .buttons a {float:left;margin:0 5px 5px 0;}
  .uitem .price {clear: both; float: left; margin: 10px 0; width: 100%; }
  .uitem .dates {margin-bottom:15px;}

  #search-sort .user-type {display:none;}
  #search-sort .list-grid {margin:0;position:absolute;right:15px;top:18px;}
  .search #main > .relative2 {margin: -25px -15px 0 -15px; background: #fff; padding: 15px 15px 0 15px; width: calc(100% + 30px);}
  #search-sort {border:none;padding:0;margin:0;}
  #search-sort .list-grid a {height:28px;padding:0;background:transparent!important;border:none;}
  #search-sort .list-grid a.active {color:#000!important;background:transparent!important;}
  #search-sort .list-grid a:first-child {border-right:1px solid rgba(0,0,0,0.1);}
  .sort-it {margin: 0px -15px 0 -15px; background: #fff; padding: 4px 10px 4px 10px; width: calc(100% + 30px);border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
  .sort-it .sort-title .title-keep {height:auto;padding:3px 5px;border:none;}
  .sort-it .sort-title {float:right;}
  .search #main .titles-top {padding-right:80px;margin-bottom:10px;}
  .sort-it .sort-title .title-keep > span, #search-sort .user-type {font-size:14px;}
  .sort-it #sort-wrap {top:20px;}
  .sort-it .sort-title .title-keep > span .lab {display:inline-block!important;}
  .sort-it .sort-title .title-keep > span .kind {color:#4182c3;}
  .sort-it .sort-title .title-keep > span svg {display:inline-block!important;margin:1px 0 -1px 0;}
  .sort-it .sort-title .title-keep:after {display:none;}

  .home-container.promote .bl strong {font-size:16px;letter-spacing:-0.2px;padding:0 5px;}
  .home-container.promote .bl .img div {padding:0;}
  .home-container.promote .bl .img span {padding:20%;}
  .home-container.promote .box {width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;}
  .home-container.promote .box:after {display:none;}
  .home-container.promote .bl span {font-size:13px;padding:0 5px;}

  .post-edit .simple-cat, .post-edit .row.category.multi select {width:100%;margin-right:0;}
  .post-edit .location, .post-edit .seller {width:100%;clear:both;padding:0;}
  .post-edit .status-wrap .transaction, .post-edit .location {margin-bottom:20px;}
  #photos .qq-upload-list {margin-top:10px;}
  #photos .qq-upload-list li {width:48%;}
  #error_list li:last-child label {margin-bottom:15px;}
  .mail-show .label {display:none;}
  .mail-show .input-box-check {margin-bottom:25px;}
  .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 {width:100%;}
  .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 {width:100%;clear:both;font-weight:bold;}
  .job-detail table tr td:last-child label, .real-detail table tr td:last-child label, .car-detail table tr td:last-child label {font-weight:bold;}
  .real-detail .detail2 ul {font-weight:normal;margin-top:4px;}
  .post-edit #plugin-hook {width:100%;}
  .post-edit #plugin-hook > .osp-promote-form.osp-is-publish {width:100%;}
  #home-search .col1 input {letter-spacing: -0.8px;padding-left: 20px; padding-right: 10px;}
  #pick-color {display:none;}
  #i-forms.content {padding-top:0;}

  #listing .item .data .description .qr-code {display:none;}
  #listing .item .data .description .text {text-align:justify;}
}


@media screen and (max-width: 490px) {
  .products.grid .simple-prod .price, .white .simple-prod .price {max-width:100%;}
  .products.grid .simple-prod .date, .white .simple-prod .date, .products.list .simple-prod .extra .time {display:none;}
  #search-items {padding-top:12px;}

  #home-search .inside > .box {padding:25px 20px 20px 20px}

  .pre-basic .fi_save_favorite {position:relative;left:auto;right:auto;top:auto;float:left;margin:-5px 0 16px 0;}
  #contact {padding-left:25px;padding-right:25px;}
  #contact .row.r1 {width:100%;padding-right:0;}
  #contact .row.r2 {width:100%;padding-left:0;}

  #rel-block .simple-prod {width:60%;}
  #bpr-seller.bpr-block .bpr-comp {width:60%!important;}
  #search-items .products.grid.premiums-block .simple-prod {width:60%;}

  .post-edit .loc-more .city-area {padding-right:0;width:100%;}
  .post-edit .loc-more .address {width:70%;}
  .post-edit .loc-more .zip {width:30%;}
  .post-edit .loc-more .input-box {margin-bottom:10px;}

  .logo img {max-height:40px;}
  .home-container.tabs a {width:23%;margin-left:1%;margin-right:1%;text-align:center;padding-left:1px;padding-right:1px;white-space:nowrap;letter-spacing:-0.4px;}
  .home-container.tabs a:nth-child(5), .home-container.tabs a:nth-child(6), .home-container.tabs a:nth-child(7) { display:none;}
  .products.grid .simple-prod, .white .simple-prod {margin-bottom:10px;}
  .basic h2 > span {margin-right:5px;padding-right:12px;}
  .item-bx-pager a {width:31.33%;}
  .error404 h1 { font-size: 120px; letter-spacing: -10px; line-height: 120px; margin: 0 0 20px 0; }

  .maintenance h1 { font-size: 40px; letter-spacing: -3px; line-height: 50px;margin:0 0 20px 0; }
  .maintenance h2 { font-size: 24px; line-height: 26px;margin:0 0 20px 0; }

}


@media screen and (max-width: 420px) {
  .itemviewer #listing.inside {padding-left:15px!important;padding-right:15px!important;margin-top:15px;}
  .itemviewer #listing .item > div #img {margin:0;}

  header .right .right-item.search {display:none;}
  #fi_user_lists .fi_current, #fi_user_lists .fi_notification {display:none;}
  #fi_user_lists .fi_user_list_remove {width:20%;}
  #fi_user_lists .fi_name {width:80%;}

  #i-forms .social a {font-weight:600;letter-spacing:-0.3px;}
  #i-forms .box > .wrap {padding-left:20px;padding-right:20px;}
  .alert-box {width:100%;}
  .alert-box .btn {white-space:nowrap;}
  .alert-box #alert_email {width:58%;}
  .cat-picker .cat-tab.root .elem {width:calc(33.33% + 1px);}
  .loc-picker .country-tab.count3 .elem {width:calc(50% + 1px);}

  .products.list .simple-prod .user {display:none;}
  .products.list .simple-prod .img-wrap {width:35%;}
  .products.list .simple-prod .data {width:65%;}
  .products.list .simple-prod .extra {display:none;}
  .products.list .simple-prod .title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight:normal;margin-top:0;margin-bottom:6px;}
  .products.list .simple-prod .preview {top:9px;}
  .body-ua .profile .btn.btn-remove-account {width:100%;}
  #home-search .col1 {width:60%;}
  #home-search .col4 {width:40%;}
  #home-search .col4 .btn {letter-spacing: -0.5px;}
  #home-search .col4 .btn i {display:none;}
  .home-container.tabs a {font-size:14px;letter-spacing:-0.6px;width:31.33%;}
  .home-container.tabs a:nth-child(4) { display:none;}
  div[id^="anr_captcha_field_"], div.g-recaptcha {max-width:280px;}
  div[id^="anr_captcha_field_"] > div, div.g-recaptcha > div {transform:scale(0.85);transform-origin:0 0;}
  #home-search .query-picker .shower-wrap {width:calc(166.66% + 2px);}
}

@media screen and (max-width: 360px) {
  div[id^="anr_captcha_field_"], div.g-recaptcha {max-width:250px;}
  div[id^="anr_captcha_field_"] > div, div.g-recaptcha > div {transform:scale(0.75);transform-origin:0 0;}
  .fw-supporting div[id^="anr_captcha_field_"] {max-width:227px;}
}

/*! jQuery UI - v1.11.2 - 2014-10-16
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.html") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.html") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.html") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.html") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.html") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.html") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.html")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.html")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.html")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.html")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.html")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.html")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.html")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.html") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("images/ui-bg_flat_0_aaaaaa_40x100.html") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}

.img-local {
    object-fit: cover;
    width: 100%;
    height: 180px;
    display: block;
    border-radius: 15px;
}

@media (max-width: 768px) {
    .img-local {
        height: 160px;
    }
}

.mbCl,
footer .cl .lnk:hover {
    color: orangered;
}

.mbCl2 {
    color: #49b975;
}

.mbCl3,
header .right .right-item.actv,
header .right .right-item.actv svg {
    color: #ef404f;
}

.mbBg,
.pace .pace-progress,
body #show-loan i,
.im-body #uniform-undefined.frm-category,
.frm-answer .frm-area .frm-buttons button,
#search-sort .user-type a.active,
#search-sort .list-grid a.active,
.paginate ul li span,
#listing .data .connect-after a:hover,
.paginate ul li a:hover,
.blg-btn.blg-btn-primary,
.bpr-prof .bpr-btn,
.post-edit .price-wrap .selection a.active {
    background: orangered !important;
    color: #fff !important;
}

.mbBg2,
.im-button-green {
    background: #49b975 !important;
    color: #fff !important;
}

.mbBg3,
.mobile-box a i,
#photos .qq-upload-button,
.tabbernav li.tabberactive a,
.frm-title-right a.frm-new-topic,
.im-user-account-count {
    background: #7ed321 !important;
    color: #fff !important;
}

.mbBg4,
.mobile-box a i,
#photos .qq-upload-button,
.tabbernav li.tabberactive a,
.frm-title-right a.frm-new-topic,
.im-user-account-count {
    background: royalblue !important;
    color: #fff !important;
}


.mbBgAf:after {
    background: orangered !important;
}

.mbBgActive.active {
    background: orangered !important;
}

.mbBg2Active.active {
    background: #49b975 !important;
}

.mbBg3Active.active {
    background: #ef404f !important;
}

.mbBr,
header .right .right-item.publish:hover {
    border-color: orangered !important;
}

header .dropdown-menu {
    border: none !important;
}

header .product-add {
    background: #52bd7a !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 600;
}

.mbBr2 {
    border-color: #49b975 !important;
}

.mbBr3,
.user-top-menu > .umenu li.active a {
    border-color: #ef404f !important;
}

.content .breadcrumb {
    background: rgba(244, 244, 244, 0.8) !important;
}

#atr-search .atr-input-box input[type="checkbox"]:checked + label:before,
#atr-search .atr-input-box input[type="radio"]:checked + label:before,
#atr-form .atr-input-box input[type="checkbox"]:checked + label:before,
#atr-form .atr-input-box input[type="radio"]:checked + label:before,
.bpr-box-check input[type="checkbox"]:checked + label:before,
#gdpr-check.styled
.input-box-check
input[type="checkbox"]:checked
+ label:before,
.pol-input-box input[type="checkbox"]:checked + label:before,
.pol-values:not(.pol-nm-star)
.pol-input-box
input[type="radio"]:checked
+ label:before {
    border-color: orangered !important;
    background-color: orangered !important;
}

.mbBr2Top {
    border-top-color: #49b975 !important;
}

.mbBr3Top,
body #fi_user_new_list {
    border-top-color: #ef404f !important;
}

.vp {
    position: absolute;
    padding: 2.5px;
    border-radius: 4px;
    background: #fff;
    bottom: 15px;
    right: 10px;
    z-index: 1;
}

.vip_icon {
    background-image: url("https://cdn-icons-png.flaticon.com/24/6900/6900055.png");
    width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.premium_icon {
    background-image: url("https://cdn-icons-png.flaticon.com/24/10947/10947975.png");
    width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.top_right_alert {
    position: absolute;
    margin-top: 60px;
    margin-right: 15px;
    top: 0;
    right: 0;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 5px 8px 10px gray;
    background: #fff;
    color: black;
    border: 0.5px solid #dddddd;
}

.fa_icon_success {
    color: seagreen;
}

.fa_icon_delete {
    color: tomato;
}


.loc-picker .region-tab:empty:after {
    content: "Select country first to get list of regions";
}

.loc-picker .city-tab:empty:after {
    content: "Select region first to get list of regions";
}

.cat-picker .wrapper:after {
    content: "Select main category first to get list of subcategories";
}


.fa-pen-to-square {

    font-size: 18px;
    margin-right: 5px;
    color: rgb(246, 141, 43);
}

.fa-trash-alt {

    font-size: 18px;
    color: #e21d1d;
}


#preview-images {
    display: inline-flex;
    flex-wrap: wrap;
}

#preview-images img {
    width: 120px !important;
    height: 100px !important;
}

#preview-images .image {
    position: relative;
}

#preview-images .image span {
    position: absolute;
    top: 10px;
    left: 15px
}

.fa-square-xmark {

    font-size: 20px;
    color: rgba(231, 231, 231, 0.863);
}


#add_mob {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 2px;
    border-radius: 60px;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 11px;
    background: #49B975 !important;
    color: #fff !important;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .add_ads {
        display: block;
    }

    .w-200 {
        width: 100%;
        max-height: 250px;
        position: relative;
    }


}


@media only screen and (min-width: 769px) {
    .add_ads {

        display: none;

    }

    .w-200 {
        width: 100%;
        max-height: 400px;
        position: relative;
    }


}

@media only screen and (max-width: 375px) {
    .favorite-box {
        margin-right: -6px !important;
    }
}


.image-wrapper:hover img {
    transform: scale(1.1);
}

.image-wrapper:hover .overlay {
    opacity: 1;
}

.basic h1 {
    font-size: 28px;
}

@media (max-width: 768px) {
    .basic h1 {
        font-size: 20px;
    }
}


.categories-outer-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.categories-section {
    margin: 40px 0;
}

.categories-section h2 {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    color: #333;
    font-weight: 500;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 12px;
    padding: 0 10px 20px;
}

@media (max-width: 768px) {
    .categories-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 0 10px 20px;
        gap: 12px;
    }

    .categories-grid::-webkit-scrollbar {
        height: 6px;
    }

    .categories-grid::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 3px;
    }
}

.category-card {
    text-align: center;
    text-decoration: none !important;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.category-card .icon-wrapper {
    background: rgb(235 236 240);
    border-radius: 16px;
    padding: 14px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    margin-bottom: 8px;
}

.category-card:hover .icon-wrapper {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.category-card img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.category-title {
    font-size: 11px;
    line-height: 1.3;
    color: #333;
    font-weight: 400;
}

@media (max-width: 768px) {
    .category-card {
        flex: 0 0 85px;
        scroll-snap-align: center;
    }

    .category-card .icon-wrapper {
        width: 60px;
        height: 60px;
        padding: 12px;
    }

    .category-card img {
        width: 38px;
        height: 38px;
    }

    .category-title {
        font-size: 12px;
    }
}

.products.grid .simple-prod .data,
.white .simple-prod .data {
    float: left;
    width: 100%;
    padding: 7px 0;
    margin-top: -10px;
    z-index: 3;
    position: relative;
    background: #fff;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
}

.price {
    font-size: 16px;
    font-weight: bold;
    color: #212C3A;
    margin-bottom: 6px;
    min-height: 20px;
    text-align: left;
    padding: 0 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.product-title-fixed {
    font-size: 14px;
    font-weight: normal;
    color: #212C3A;
    margin: 0;
    padding: 3px 10px;
    line-height: 1.2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    height: 2.8em;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

@media (min-width: 769px) {
    .product-title-fixed {
        -webkit-line-clamp: 2;
        height: 2.8em;
    }
}

.latest {
    padding-bottom: 60px !important;
}

.sec-default {
    padding-bottom: 60px !important;
}

.tab-bar-container {
    display: none;
}

.tab-bar__link-icon {
    position: relative;
    display: inline-block;
}

.favorite-counter {
    position: absolute;
    top: -4px;
    right: -17px;
    color: #ffffff;
    background-color: #7ED321;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    line-height: 14px;
    padding: 1px 3px;
    height: 15px;
    min-width: 16px;
    width: auto;
    text-align: center;
    border-radius: 50px;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}


@media (max-width: 768px) {

    .pc-footer {
        display: none;
    }

    .tab-bar-container {
        display: block;
    }

    .tab-bar__link.is-active {
        color: #ff4f08;
    }

    .tab-bar__link.is-active svg path {
        fill: #ff4f08 !important;
    }

    .tab-bar__link-text {
        text-transform: uppercase;
    }

    .icon-plus {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='s685kxuuta' x1='-107.787%25' x2='103.635%25' y1='-137.718%25' y2='143.955%25'%3E%3Cstop offset='0%25' stop-color='%23ff4f08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg transform='translate%28-340 -213%29 translate%280 192%29 translate%28340 21%29'%3E%3Ccircle cx='10' cy='10' r='10' fill='url%28%23s685kxuuta%29'/%3E%3Cpath fill='white' stroke='white' stroke-width='.714' d='M14.497 9.46H10.36V5.503c0-.2-.161-.36-.36-.36-.199 0-.36.16-.36.36V9.46H5.503c-.199 0-.36.161-.36.36 0 .2.161.36.36.36H9.64v4.317c0 .2.161.36.36.36.199 0 .36-.16.36-.36V10.18h4.137c.199 0 .36-.16.36-.36 0-.199-.161-.36-.36-.36z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff !important;
        border-radius: 50%
    }

    .icon-reset {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #b1b5c7;
        background-position: center;
        background-size: 7px;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19px' height='18px' viewBox='0 0 19 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'%3E%3Ctitle%3Eicon-close%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='index' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='filter-future' sketch:type='MSArtboardGroup' transform='translate%28-337.000000%2C -125.000000%29' fill='%23FFFFFF'%3E%3Cpath d='M345.181981%2C133.838835 L337.757359%2C141.263456 L339.171573%2C142.67767 L346.596194%2C135.253048 L354.020815%2C142.67767 L355.435029%2C141.263456 L348.010408%2C133.838835 L355.435029%2C126.414214 L354.020815%2C125 L346.596194%2C132.424621 L339.171573%2C125 L337.757359%2C126.414214 L345.181981%2C133.838835 L345.181981%2C133.838835 Z' id='icon-close' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }


    .tab-bar {
        position: fixed;
        z-index: 10;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        transition: 0.3s ease-in-out;
        justify-content: center;
        align-items: center;
        height: 52px;
        border-top: 1px solid rgb(241, 243, 247);
        background-color: rgb(255, 255, 255);
        transform: translateY(0px);
    }


    .tab-bar ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-around
    }

    .tab-bar ul li {
        position: relative;
        width: 20%;
        text-align: center
    }

    .tab-bar__link {
        display: block;
        text-decoration: none !important;
        font-size: 8px;
        color: #8d94ad;
    }

    .tab-bar ul li a {
        color: #8d94ad;
    }

    .tab-bar__link-icon {
        display: inline-block;
        width: 20px;
        height: 20px
    }

    .tab-bar__link-icon--rounded {
        border-radius: 50%;
        overflow: hidden
    }

    .tab-bar__link svg {
        fill: #8d94ad
    }

    .tab-bar__link--active {
        color: #ff4f08
    }

    .tab-bar__link--active svg {
        fill: #ff4f08
    }

    .tab-bar__link--centered {
        position: absolute;
        display: block;
        left: 50%;
        top: -44px;
        transform: translate(-50%)
    }

    .tab-bar__link--centered i {
        width: 45px;
        height: 45px
    }

    .tab-bar__link--centered i::before,
    .tab-bar__link--centered i::after {
        width: 22px;
        height: 2px
    }

    .tab-bar__link-text {
        display: block;
        margin-top: 2px;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
    }

    .is-hidden-bar {
        transform: translateY(145%)
    }

    .wrap_ebd0 {
        margin-bottom: 55px;
    }

}

.bpr-body,
.bpr-body * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    line-height: 18px;
}

.shop_status {
    position: absolute;
    padding: 3px;
    border-radius: 3px;
    background: rgb(95, 97, 213);
    color: #fff;
    bottom: 15px;
    left: 15px;
    z-index: 1;
}

.count_shop_ads {
    position: absolute;
    padding: 3px;
    border-radius: 3px;
    background: rgb(216, 52, 52);
    color: #fff;
    bottom: 15px;
    right: 15px;
    z-index: 1;
}

.bpr-is-premium {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    margin: 0 0 20px 0;
    background: rgba(0, 0, 0, 0.025);
}

.bpr-is-premium .bpr-grp {
    float: left;
    width: auto;
    margin: 0 15px 15px 0;
    padding: 10px 14px 10px 42px;
    border-radius: 4px;
    line-height: 18px;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    text-decoration: none;
}

.bpr-is-premium .bpr-grp:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.bpr-is-premium .bpr-grp-i {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    border-radius: 4px;
}

.bpr-is-premium .bpr-grp-t {
    float: left;
    clear: both;
    width: 100%;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    z-index: 2;
    position: relative;
}

.bpr-is-premium .bpr-grp-d {
    float: left;
    clear: both;
    width: 100%;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    z-index: 2;
    position: relative;
}

.bpr-is-premium .bpr-grp-fa {
    position: absolute;
    width: 30px;
    z-index: 3;
    left: 0;
    top: 50%;
    line-height: 20px;
    font-size: 14px;
    margin-top: -10px;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
}

.bpr-grp:hover .bpr-grp-fa {
    color: #fff;
}

.bpr-grp:hover .bpr-grp-t {
    text-decoration: underline;
}

.bpr-is-premium .bpr-p-title {
    float: left;
    clear: both;
    width: 100%;
    margin: 0px 0 15px 0;
    color: #333;
    width: 100%;
}

.bpr-is-premium .bpr-p-note {
    float: right;
    font-size: 11px;
    color: #999;
}

.bpr-is-premium .bpr-prem-more {
    float: left;
    text-decoration: none;
    clear: both;
}

.bpr-is-premium .bpr-prem-more:hover {
    text-decoration: underline;
}

.bpr-is-premium .bpr-grp-wrap {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
}

#bpr-seller .bpr-is-premium {
    margin-bottom: 0;
    border-radius: 3px;
}

.bpr-msg-wrap {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
}

.bpr-msg-wrap + .bpr-msg-wrap {
    margin-top: -10px;
}

.bpr-msg-wrap .bpr-msg {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    background: #d8ecf7;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
}

.bpr-prof {
    display: block;
    clear: both;
    width: 100%;
    margin: 0;
}

.bpr-prof .bpr-inside h2 {
    font-size: 20px;
    margin: 0 0 5px 0;
}

.bpr-prof .bpr-inside {
    float: left;
    display: block;
    clear: both;
    width: 100%;
    margin: 0px 0 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    padding: 20px;
    background: #fff;
}

.bpr-prof .bpr-utitle {
    float: left;
    clear: both;
    width: 100%;
    margin: 25px 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    color: #111;
}

.bpr-prof form {
    display: block;
    clear: both;
    width: 100%;
    margin: 0;
}

.bpr-prof .bpr-row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 2px 0;
}

.bpr-prof .bpr-line {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 5px 0;
}

.bpr-prof .bpr-inputs {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
}

.bpr-prof .bpr-line > span {
    float: left;
    width: 110px;
    line-height: 20px;
    margin: 7px 5px 0 0;
}

.bpr-prof input[type="text"] {
    padding: 6px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 34px !important;
}

.bpr-prof .bpr-row-oh .bpr-line input[type="text"] {
    width: 120px;
    max-width: 100%;
}

.bpr-prof .bpr-row-sc .bpr-line input[type="text"] {
    width: 420px;
    max-width: 100%;
}

.bpr-prof .bpr-row-wrap {
    float: left;
    width: 100%;
    clear: both;
    background: #eee;
}

.bpr-prof .bpr-row-inf {
    float: left;
    clear: none;
    width: 33.33%;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #fff;
}

.bpr-prof .bpr-row-inf label {
    float: left;
    clear: both;
}

.bpr-prof .bpr-row-inf label > span {
    float: left;
}

.bpr-prof .bpr-row-inf strong {
    float: left;
    clear: both;
}

.bpr-prof .bpr-row-inf label > i {
    color: #999;
    cursor: help;
    float: left;
    margin-left: 6px;
    font-size: 11px;
    line-height: 11px;
}

.bpr-prof .bpr-btn {
    margin: 20px 0 10px 0;
    float: left;
    clear: both;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #03a9f4;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
}

.bpr-prof .bpr-btn:not(.bpr-disabled):hover {
    background: #0695d6;
    color: #fff;
    text-decoration: none;
}

.bpr-prof .bpr-btn.bpr-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.bpr-prof #bpr-category_multiple {
    float: left;
    width: 230px;
    height: 200px;
    clear: both;
}

.bpr-row-select-multiple select {
    height: auto;
    -webkit-appearance: initial !important;
    min-width: 240px;
    min-height: 160px;
    width: 240px;
    height: 160px;
    overflow-y: scroll;
}

.bpr-prof .bpr-row-icon .bpr-preview {
    float: left;
    width: 100px;
}

.bpr-prof .bpr-row-cover .bpr-preview {
    float: left;
    width: 80%;
}

.bpr-prof .bpr-preview img {
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
}

.bpr-prof .bpr-show-profile {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    text-decoration: none;
}

.bpr-prof .bpr-show-profile:hover {
    text-decoration: underline;
}


.bpr-attachment {
    float: left;
    width: auto;
    clear: both;
    margin: 5px 0 10px 0;
}

.bpr-attachment .bpr-att-box {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
    position: relative;
}

.bpr-attachment .bpr-att-box input {
    cursor: pointer;
    opacity: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: transparent;
}

.bpr-attachment .bpr-att-box .bpr-status {
    float: left;
    width: auto;
    cursor: pointer;
    padding: 0;
    color: #00BCD4;
    position: relative;
    z-index: 2;
}

.bpr-attachment .bpr-att-box:hover .bpr-status .bpr-wrap span {
    text-decoration: underline;
}

.bpr-attachment .bpr-att-box .bpr-wrap {
    float: left;
    width: auto;
    cursor: pointer;
    padding: 5px 0 5px 2px;
    position: relative;
    z-index: 2;
}

.bpr-attachment .bpr-att-box .bpr-status i {
    float: left;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    width: 18px;
    text-align: left;
}

.bpr-attachment .bpr-att-box .bpr-status .bpr-wrap span {
    font-size: 13px;
    cursor: pointer;
    line-height: 16px;
    font-weight: 500;
}

.bpr-attachment .bpr-text {
    float: left;
    width: 100%;
    clear: both;
    margin: 1px 0;
    font-size: 12px;
    color: #999;
    line-height: 13px;
}


.bpr-comp {
    float: left;
    width: 23%;
    margin: 0 1% 20px 1%;
    padding: 0 0 20px 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background: #fff;
    text-align: center;
}

.bpr-comp:hover {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
}

.bpr-comp .bpr-cover .bpr-wrap {
    padding-top: 66%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.bpr-comp .bpr-cover .bpr-elip {
    display: block;
    position: absolute;
    bottom: -45px;
    left: -10%;
    width: 120%;
    height: 60px;
    background: #fff;
    z-index: 2;
    border-radius: 100%;
}

.bpr-comp .bpr-icon-wrap {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    z-index: 4;
    margin-bottom: 17%;
}

.bpr-comp .bpr-icon-wrap .bpr-icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin: -30% 0 0 -20%;
    width: 40%;
    border-radius: 200px;
}

.bpr-comp .bpr-icon-wrap .bpr-icon > div {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: calc(100% - 2px);
    border-radius: 200px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    background-position: center center;
    background-size: cover;
    background-clip: border-box;
    background-repeat: no-repeat;
}

.bpr-comp .bpr-info {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 15px;
}

.bpr-comp .bpr-title {
    display: inline-block;
    clear: both;
    font-size: 18px;
    color: #111;
    text-decoration: none;
    font-weight: bold;
    margin: 0 0 8px 0;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}

.bpr-comp:hover .bpr-title {
    color: #111;
    text-decoration: underline;
}

.bpr-comp .bpr-loc {
    display: inline-block;
    clear: both;
    font-size: 13px;
    color: #777;
    width: 100%;
    margin: 0 0 12px 0;
    white-space: nowrap;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
}

.bpr-comp .bpr-labels {
    display: inline-block;
    clear: both;
    width: auto;
    margin: 0 auto;
}

.bpr-comp .bpr-count {
    float: left;
    width: auto;
    clear: none;
    font-size: 12px;
    margin: 0;
    background: #eee;
    color: #777;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 20px;
}

.bpr-comp .bpr-user-type {
    float: left;
    clear: none;
    width: auto;
    font-size: 12px;
    margin: 0 6px 0 0;
    background: #333;
    color: #fff;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 20px;
}


.bpr-filters {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 20px;
    border-top: 1px solid #eee;
}

.bpr-filters > strong {
    float: left;
    font-size: 16px;
    padding: 15px 12px;
    line-height: 18px;
    border-bottom: 3px solid #0aad6a;
    color: #0aad6a;
}

.bpr-filters .bpr-select {
    float: right;
    margin: 8px 0 0 8px;
    width: auto;
    max-width: 40%;
}

.bpr-filters .bpr-select select {
    float: left;
    width: auto;
    max-width: 100%;
    line-height: 18px;
    color: #333;
    height: 34px;
    position: relative;
    overflow: hidden;
    padding: 7px 6px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.bpr-filters .bpr-select .select-box {
    height: 34px;
}

.bpr-filters .bpr-select .select-box-icon {
    top: 0;
    text-align: center;
    line-height: 28px;
}

.bpr-filters .bpr-select .select-box .select-box-label {
    line-height: 32px;
}

.bpr-filters .bpr-show-all {
    float: right;
    margin: 16px 15px 0 0;
    font-size: 13px;
    text-decoration: none;
    line-height: 18px;
    color: #2965be;
    font-weight: normal;
}

.bpr-filters .bpr-show-all:hover {
    text-decoration: underline;
}

#sellerMap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 3;
}

#sellerContact {
    position: absolute;
    width: 300px;
    max-width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 4;
    background: rgba(0, 0, 0, 0.45);
    padding: 20px;
}

#sellerContact fieldset {
    float: left;
    width: 100%;
    height: auto;
    overflow-y: auto;
    max-height: 100%;
}

#sellerContact .bpr-title {
    float: left;
    clear: both;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px 0;
}

#sellerContact input {
    border: none;
    background: rgba(255, 255, 255, 0.8);
    width: 80%;
    color: #000;
    float: left;
    clear: both;
    font-size: 13px;
    line-height: 16px;
    height: auto !important;
    padding: 8px 8px;
    margin: 0 0 12px 0;
}

#sellerContact textarea {
    border: none;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    float: left;
    width: 100%;
    clear: both;
    font-size: 13px;
    line-height: 16px;
    height: 64px;
    padding: 8px;
    margin: 0 0 12px 0;
}

#sellerContact .bpr-btn {
    float: left;
    clear: both;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #03a9f4;
    padding: 8px 12px;
    border: none;
    border-radius: 3px;
}

#sellerContact .bpr-btn:hover {
    background: #0695d6;
    color: #fff;
    text-decoration: none;
}

#sellerContact .bpr-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.6;
}

#sellerContact .bpr-close:hover {
    opacity: 0.85;
}

#sellerContact .bpr-close img {
    float: left;
    width: 100%;
    height: 100%;
}

#bpr-pagination {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
}

#bpr-pagination a {
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 8px 0 0;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
}

#bpr-pagination a:hover,
#bpr-pagination a.bpr-active {
    background: #03a9f4;
    color: #fff;
    text-decoration: none;
    border-color: #03a9f4;
}

.bpr-list #bpr-pagination {
    width: 98%;
    margin: 0 1% 10px 1%;
}

.bpr-items {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
}

.bpr-empty {
    float: left;
    clear: both;
    width: 100%;
    padding: 25px 10px;
    background: rgba(0, 0, 0, 0.05);
    margin: 10px 0;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    border-radius: 3px;
}

#bpr-seller {
    display: block;
    clear: both;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#bpr-seller .bpr-inside {
    float: left;
    display: block;
    clear: both;
    width: 100%;
    margin: 20px 0 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    padding: 3px 3px 0 3px;
    background: #fff;
}

#bpr-seller .bpr-inside-trans {
    float: left;
    display: block;
    clear: both;
    width: 100%;
    margin: 0px 0 40px 0;
}

#bpr-seller .bpr-inside-all {
    float: left;
    display: block;
    clear: both;
    width: 100%;
    margin: 20px 0 40px 0;
}

#bpr-seller .bpr-msg-wrap + .bpr-inside {
    margin-top: 0;
}

#bpr-seller .bpr-msg-wrap {
    margin-top: 20px;
}

.bpr-cover {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

.bpr-cover .bpr-wrap {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 25%;
    overflow: hidden;
    position: relative;
}

.bpr-cover .bpr-wrap .bpr-wrap-img {
    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;
}

.bpr-cover .bpr-socials {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.bpr-cover .bpr-socials a {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    margin: 0 0 0 8px;
    background: rgba(0, 0, 0, 0.35);
    color: rgba(255, 255, 255, 0.9);
}

.bpr-cover .bpr-socials a:hover {
    background: rgba(0, 0, 0, 0.45);
}

.bpr-cover .bpr-socials a i {
    line-height: 40px;
}

.bpr-cover .bpr-contact-us {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.shop-delete {
    background: rgba(237, 14, 14, 0.811) !important;
    color: #fff !important;
}

.shop-edit {
    background: rgba(255, 119, 21, 0.811) !important;
    color: #fff !important;

}

.bpr-cover .bpr-contact-us a {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0;
    background: rgba(0, 0, 0, 0.35);
    color: rgba(255, 255, 255, 0.9);
}

.bpr-cover .bpr-contact-us a.bpr-disabled {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.8);
}

.bpr-cover .bpr-contact-us a.bpr-go:hover {
    background: rgba(0, 0, 0, 0.45);
}


.bpr-profile {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0;
}

.bpr-profile h1 {
    float: left;
    clear: both;
    width: auto;
    font-size: 22px;
    color: #111;
    margin: 0 0 10px 0;
    line-height: 24px;
}

.bpr-profile .bpr-left {
    float: left;
    width: 70%;
    padding: 20px;
    border-right: 1px solid #eee;
    margin: 0;
    position: relative;
}

.bpr-profile .bpr-left .bpr-icon {
    float: left;
    width: 80px;
    margin: 0 10px;
    overflow: hidden;
}

.bpr-profile .bpr-left .bpr-icon img {
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
}

.bpr-profile .bpr-left .bpr-box {
    float: left;
    width: calc(100% - 100px);
    padding: 0 100px 0 20px;
    position: relative;
}

.bpr-profile .bpr-verified {
    position: absolute;
    right: 12px;
    width: 80px;
}

.bpr-profile .bpr-verified img {
    float: left;
    width: 100%;
    height: auto;
}

.bpr-profile .bpr-type-wrap {
    float: left;
    clear: both;
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
}

.bpr-profile .bpr-user-type {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 2px 5px;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #333;
    border-radius: 3px;
}

.bpr-profile .bpr-user-type.bpr-type-1,
.bpr-comp .bpr-user-type.bpr-type-1 {
    background: #e6b112;
}

.bpr-profile .bpr-user-type.bpr-type-2,
.bpr-comp .bpr-user-type.bpr-type-2 {
    background: #75bdda;
}

.bpr-profile .bpr-user-type.bpr-type-3,
.bpr-comp .bpr-user-type.bpr-type-3 {
    background: #a85cca;
}

.bpr-profile .bpr-category {
    float: left;
    clear: both;
    width: auto;
    margin: 0 0 10px 0;
    font-size: 12px;
}

.bpr-profile .bpr-category a {
    float: left;
    color: #2965be;
    font-weight: bold;
    text-decoration: none;
}

.bpr-profile .bpr-category a:hover {
    text-decoration: underline;
}

.bpr-profile .bpr-category span {
    float: left;
    margin: 0 3px 0 0;
}

.bpr-profile .bpr-reg {
    float: left;
    width: auto;
    margin: 0 0 8px 0px;
    font-size: 16px;
    color: rgb(124, 124, 124);
    line-height: 20px;
    clear: both;
}

.bpr-profile .bpr-reg > span {
    float: left;
    margin: 0 10px;
}

.bpr-profile .bpr-about {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    color: #666;
}

.bpr-profile .bpr-features {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0 10px 0;
}

.bpr-profile .bpr-features .bpr-feat {
    float: left;
    width: 33%;
    padding: 0;
    margin: 5px 0;
}

.bpr-profile .bpr-features .bpr-ic {
    float: left;
    margin: 0 6px 0 0;
}

.bpr-profile .bpr-features .bpr-ic img {
    float: left;
    width: 14px;
    margin: 2px 0;
    height: auto;
}

.bpr-profile .bpr-features .bpr-feat-name {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.bpr-profile .bpr-right {
    float: left;
    width: 30%;
    padding: 20px 25px;
    border-left: 1px solid #eee;
    margin: 0 0 0 -1px;
}

.bpr-profile .bpr-right > div {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    position: relative;
}

.bpr-profile .bpr-right > div > i {
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #999;
    border-radius: 100px;
}

.bpr-profile .bpr-right-box {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 0 0 35px;
    min-height: 30px;
}

.bpr-profile .bpr-hours .bpr-right-box > div {
    float: left;
    clear: both;
    width: 100%;
}

.bpr-profile .bpr-hours .bpr-right-box > div span {
    min-width: 25px;
    display: inline-block;
}

.bpr-profile .bpr-payments {
    font-weight: bold;
    text-transform: uppercase;
}

.bpr-profile .bpr-phone a {
    clear: both;
    display: block;
    float: left;
    width: auto;
    color: #333;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px dashed #bbb;
}

.bpr-profile .bpr-phone a:hover {
    border-bottom: 1px solid #bbb;
}

.bpr-profile .bpr-location a {
    display: block;
    clear: both;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    color: #2965be;
    margin: 2px 0 5px 0;
}

.bpr-profile .bpr-location a:hover {
    text-decoration: none;
}

.bpr-profile .bpr-location a.hidden {
    display: none;
}

.bpr-profile .bpr-links a {
    float: left;
    clear: both;
    width: auto;
    text-decoration: none;
    font-weight: 500;
    color: #2965be;
    margin: 0 0 5px 0;
}

.bpr-profile .bpr-links a:hover {
    text-decoration: underline;
    color: #2965be;
}


/* CUSTOM CHECKBOX */
.bpr-box-check {
    float: left;
    width: 25%;
    clear: none;
    margin: 5px 0px 8px 0;
}

.bpr-box-check input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.bpr-box-check label {
    cursor: pointer;
    position: relative;
    float: left;
    padding: 0 0 0 30px !important;
    line-height: 20px;
    font-size: 13px;
    width: auto;
    clear: both;
}

.bpr-box-check label:hover {
    text-decoration: underline;
}

.bpr-box-check label:before {
    cursor: pointer;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    font-weight: 500;
    text-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.bpr-box-check label:hover:before {
    border-color: #aaa;
}

.bpr-box-check label:after {
    cursor: pointer;
    text-indent: 1px;
    font-family: "FontAwesome";
    content: "\f00c";
    color: transparent;
    font-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: 500;
    text-shadow: none;
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.bpr-box-check input[type="checkbox"]:checked + label:before {
    border-color: #03a9f4;
    color: #fff;
    background-color: #03a9f4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.bpr-box-check input[type="checkbox"]:checked + label:after {
    color: #fff;
}


@media screen and (max-width: 1200px) {
    .bpr-profile .bpr-features .bpr-feat {
        width: 50%;
    }

    .bpr-profile .bpr-left {
        width: 60%;
    }

    .bpr-profile .bpr-right {
        width: 40%;
    }

    #bpr-pagination,
    .bpr-items {
        padding: 0 10px;
    }

    .bpr-cover .bpr-wrap {
        padding-top: 30%;
    }

    .bpr-profile .bpr-left .bpr-box {
        padding-right: 60px;
    }

    .bpr-profile .bpr-verified {
        width: 60px;
        right: 0;
    }

    .bpr-profile .bpr-left .bpr-box {
        width: calc(100% - 80px);
    }

    .bpr-profile .bpr-left .bpr-icon {
        width: 70px;
        margin: 0 5px;
    }

    #sellerContact .bpr-title {
        margin-bottom: 5px;
    }

    #sellerContact input,
    #sellerContact textarea {
        margin-bottom: 7px;
    }

    #sellerContact textarea {
        height: 46px;
    }

    .bpr-comp {
        width: 31.33%;
    }

    .bpr-prof .bpr-row-inf {
        width: 50%;
    }

    .bpr-box-check {
        width: 33.33%;
    }

    .bpr-prof .bpr-row-cover .bpr-preview {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .bpr-profile .bpr-left {
        width: 100%;
        border: none;
        padding: 10px;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
    }

    .bpr-profile .bpr-right {
        width: 100%;
        clear: both;
        margin: 0;
        border: none;
        padding: 10px;
    }

    .bpr-filters {
        padding: 0 10px;
    }

    .bpr-show-all {
        display: none;
    }

    .bpr-cover .bpr-wrap {
        padding-top: 45%;
    }

    #sellerContact .bpr-btn {
        padding: 4px 10px;
    }

    #sellerContact input {
        padding: 5px 8px;
    }

    #sellerContact textarea {
        padding: 5px 8px;
        height: 40px;
    }

    .bpr-comp {
        width: 48%;
    }

    .bpr-cover .bpr-socials {
        width: 100px;
    }

    .bpr-cover .bpr-socials a {
        float: right;
        margin: 8px 0 0 8px;
    }

    .bpr-box-check {
        width: 50%;
    }

    .bpr-is-premium .bpr-p-note {
        float: left;
        clear: both;
        margin-top: 4px;
    }
}

@media screen and (max-width: 490px) {
    .bpr-cover .bpr-wrap {
        padding-top: 60%;
    }

    #sellerContact .bpr-title {
        display: none;
    }

    .bpr-profile .bpr-left .bpr-icon,
    .bpr-profile .bpr-verified {
        display: none;
    }

    .bpr-profile .bpr-left .bpr-box {
        width: 100%;
        padding: 0;
    }

    .bpr-filters > strong {
        display: none;
    }

    .bpr-filters .bpr-select {
        float: left;
        margin: 10px 8px 10px 0;
    }

    .bpr-profile .bpr-reg {
        clear: both;
    }

    .bpr-profile .bpr-reg > span {
        display: none;
    }

    .bpr-comp .bpr-loc {
        white-space: normal;
        height: 36px;
    }

    .bpr-cover .bpr-socials a:nth-child(n+5) {
        display: none;
    }

    .bpr-prof .bpr-row-inf {
        width: 100%;
    }

    .bpr-box-check {
        width: 100%;
    }

    .bpr-prof .bpr-line > span {
        width: 105px;
    }

    .bpr-prof .bpr-row-oh .bpr-line input[type="text"] {
        width: 110px;
    }
}

@import "alertify.min.css";.ajs-message{color:#fff}.ajs-top{top:50px!important;z-index:999999999}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;-webkit-box-shadow:0 0 10px #29d,0 0 5px #29d;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#nprogress .bar{z-index:999999}#nprogress .spinner{z-index:999999}
/*# sourceMappingURL=custom.css.map */