/* LOGO FOOTER */
html.beta footer .cl .lg img {
    width: 100%;
    max-width: 250px;
}



/* SUBDOMAIN NAVIGATION */
body.subdomain-navigation div.m25 {
    margin: 55px 0 55px 0;
    padding: 0 15px;
}

body.subdomain-navigation header {
    text-align: center;
}

body.subdomain-navigation header #logo {
    float: none;
    display: inline-block;
}

body.subdomain-navigation header #logo img {
    max-height: 75px;
    height: auto;
    margin: 25px 0;
}

body.subdomain-navigation section {
    text-align: center;
    font-size: 18px;
}

body.subdomain-navigation section div {
    display: inline-block;
    width: 100%;
}

body.subdomain-navigation section strong {
    display: inline-block;
    margin-bottom: 15px;
}

body.subdomain-navigation footer .cl,
body.subdomain-navigation .mobile-block {
    display: none;
}

body.subdomain-navigation header .left a.categories,
body.subdomain-navigation header .right {
    display: none;
}

body.subdomain-navigation header .right.isDesktop:not(.isMobile),
body.subdomain-navigation header .right.isTablet:not(.isMobile) {
    display: none !important;
}

body.subdomain-navigation #home-cat,
body.subdomain-navigation #home-search {
    display: none;
}

#subdomains-list {
    max-width: 980px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    margin: 0 auto;
}

#subdomains-list a {
    display: inline-block;
    max-width: 33.33%;
    width: 100%;
    font-size: 16px;
    margin: 0px 0 15px 0px;
    padding: 0 15px 0 0;
    text-align: left;
}

#subdomains-list a em {
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    color: #999
}

body.subdomain-navigation.sd-with-icon #subdomains-list {
    display: flex;
    padding: 5px 30px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    margin-bottom: 50px;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a {
    display: inline-block;
    max-width: 116px;
    padding: 0;
    text-align: center;
    line-height: 16px;
    width: 100%;
    font-size: 14px;
    margin: 0px 1px 20px 1px;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a span {
    display: block;
    margin: 6px 0 0 0;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a img {
    display: inline-block;
    height: 48px;
    width: auto;
    max-width: 76px;
    border: 1px solid #aaa;
}

body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img {
    opacity: 0.4;
}

footer #subdomains-list {
    margin: 15px 0;
    justify-content: flex-start;
}

footer #subdomains-list a {
    max-width: 25%;
    font-size: 14px;
    margin: 0 0 8px 0;
}

/* COMMENT REPLIES */
#comment-replies {
    padding-left: 24px;
}

#comment-replies+.comment-reply-row {
    padding-left: 24px;
}

.comment-reply-row {
    margin: 12px 0 0 0;
}

.btn.comment-reply {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 16px;
    height: auto;
    margin: 0px 0 24px 0;
}

.btn.comment-reply:hover {
    color: #fff;
}

#comment #comment-replies .comment:first-of-type {
    border-top: none;
}

/* COMMENT RATING */
#comment .rating {
    margin: 0 0 6px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    float: left;
    width: 100%;
}

#comment .rating>span {
    font-size: 10px;
    margin-left: 5px;
    line-height: 12px;
    color: #777;
}

#comment .rating i {
    margin: 0 1px 0 0;
    font-size: 16px;
    line-height: 16px;
    color: #bbb;
}

#comment .rating i.fill,
.comment-leave-rating i.is-rating-item.fill {
    color: #ffb900;
}

.comment-leave-rating {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.comment-leave-rating i.is-rating-item {
    cursor: pointer;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #bbb;
    margin: 0 2px 0 0;
}

.comment-leave-rating:hover i.is-rating-item {
    color: #ffb900;
}

.comment-leave-rating:hover i.is-rating-item:hover~i.is-rating-item {
    color: #bbb;
}

.comment-rating-selected {
    float: left;
    margin: 0 0 0 5px;
    line-height: 16px;
    font-size: 13px;
    color: #777;
}

.comment-rating span {
    margin: 0 0 0 4px;
    font-size: 12px;
}

.comment-stars {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0 0 12px 0;
}



/* PLUGIN STYLES */
#pick-color {
    display: none !important;
}

.mail-show .input-box-check label {
    padding-left: 22px !Important;
}

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

.bpr-body .simple-prod .fi_save_favorite {
    right: 6px;
    left: auto;
}

body .vrt-table .vrt-row {
    font-size: 13px;
}

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

body .sms-body .sms-button {
    padding-top: 9px;
    padding-bottom: 9px;
}

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: 13px;
    line-height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    background: #fff;
    font-family: 'Quicksand', sans-serif;
    color: #333;
}

#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 {
    float: left;
    clear: both;
    margin: 5px 0 30px 0;
}

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

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

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


/* 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 #bread {
    font-size: 14px;
    padding: 0px 25px 0px 305px;
    margin: 20px 0 -2px 0;
}

.home-container.stats .bl {
    float: left;
    width: 20%;
    text-align: left;
    position: relative;
    padding: 10px 10px 10px 65px;
}

.home-container.stats .bl .img {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
    padding: 10px;
    text-align: center;
}

.home-container.stats .bl .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    float: none;
    margin: 0 auto;
}

.home-container.stats .bl strong {
    font-size: 16px;
    font-weight: bold;
    float: left;
    clear: both;
    width: 100%;
}

.home-container.stats .bl span {
    font-size: 14px;
    font-weight: 500;
    float: left;
    clear: both;
    width: 100%;
}

.home-container.stats .box {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    margin: 10px 0 20px 0;
}



.home-container.promote .bl {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.home-container.promote .bl.b2 {
    margin-left: 20%;
    margin-right: 20%;
}

.home-container.promote .box {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    margin: 10px 0 20px 0;
}

.home-container.promote .box:after {
    content: "";
    position: absolute;
    width: 80%;
    left: 10%;
    top: 82px;
    height: 1px;
    border-top: 1px dashed #ccc;
    z-index: 1;
}

.home-container.promote .bl>div {
    float: left;
    clear: both;
    width: 100%;
}

.home-container.promote .bl .img {
    padding: 0 10%;
    margin: 0 0 5px 0;
    text-align: center;
}

.home-container.promote .bl .img div {
    float: none;
    display: inline-block;
    padding: 20px;
    border: 1px dashed #ccc;
    background: #fff;
    border-radius: 500px;
    overflow: hidden;
}

.home-container.promote .bl .img span {
    float: none;
    display: inline-block;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 500px;
    overflow: hidden;
}

.home-container.promote .bl .img img {
    width: 80px;
    height: auto;
    max-width: 100%;
    float: none;
    display: inline-block;
    background: #fff;
}

.home-container.promote .bl strong {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
    clear: both;
    float: left;
}

.home-container.promote .bl span {
    font-size: 14px;
    color: #888;
    font-weight: normal;
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
    float: left;
}

.home-container.promote .ar {
    position: absolute;
    top: 82px;
    line-height: 20px;
    margin-top: -10px;
    font-size: 20px;
    z-index: 2;
}

.home-container.promote .ar1 {
    left: 30%;
}

.home-container.promote .ar2 {
    left: 70%;
}



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

@-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: 50px 0 30px 0;
}

footer .cl {
    float: left;
    width: 20%;
    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: 24px 0;
    font-size: 15px;
    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 24px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #333;
}

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

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%;
    margin-top: 25px;
}

#body-home footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#body-user-register {
    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;
}

.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: #333;
    padding: 0;
    margin: 4px 0;
    line-height: 18px;
}

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

a.alert-notify {
    font-size: 14px;
    color: #333;
    padding: 0;
    margin: 4px 0;
    line-height: 18px;
}

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

.alert-box {
    float: left;
    clear: left;
    width: 360px;
    margin: 10px 0;
    display: none;
}

.alert-box #alert_email {
    float: left;
    width: 63%;
    margin-right: 2%;
}

.alert-box .btn {
    float: left;
    width: 35%;
}

.alert-notify i {
    float: left;
    margin-right: 4px;
    line-height: 20px;
}

.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: #333;
    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 #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);
    border-radius: 5px;
    transition: 0.1s;
}

.link-check-box a:after {
    cursor: pointer;
    text-indent: 1px;
    font-family: "FontAwesome";
    content: "\f00c";
    color: transparent;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: 500;
    text-shadow: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    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: #e74c3c;
    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 .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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.query-picker .shower .option:hover {
    background: #eeedee;
    color: #28c2ba;
}

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

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

#home-search .query-picker .shower {
    border-color: #ccc;
    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: 60px;
    left: -1px;
    width: calc(100% + 2px);
}

.shower .button-wrap {
    float: left;
    clear: both;
    width: 100%;
    background: #f4f7fb;
    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: calc(100% + 1px);
    margin-right: -1px;
}

.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: left;
    width: calc(20% + 1px);
    border: 1px solid #ccc;
    margin-left: -1px;
    margin-top: -1px;
    transition: 0.1s;
    padding: 15px 10px;
    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;
    display: block;
    width: auto;
    height: 28px;
    margin: 8px auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.loc-picker .country-tab .elem strong {
    clear: both;
    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: #f4f7fb;
}

.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: 10px;
    right: 10px;
    margin: 0;
    font-family: "FontAwesome";
    content: "";
}

.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-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #999;
    z-index: 3;
    font-family: "FontAwesome";
    content: "\f1ce";
    animation: spinner 1.5s linear infinite;
}

@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;
    text-align: center;
    position: relative;
}

.cat-picker .cat-tab.root .elem .img {
    clear: both;
    display: block;
    width: 32px;
    height: 32px;
    margin: 8px 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 .elem:hover {
    background: #f4f7fb;
}

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

.cat-picker .cat-tab.root .elem strong>span {
    margin: auto;
    text-align: center;
}

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

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 {
    background: #e8f1d5;
    padding: 20px 10px;
    color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}

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

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

.banner-theme.banner-public_profile_bottom {
    width: 96%;
    margin: 0 2% 20px 2%;
}


/* FAVORITE ITEMS */
body .fi_user_menu_wrap h2 {
    margin-bottom: 5px;
}

body #fi_user_new_list {
    margin-top: 5px;
}

body #fi_user_lists sup {
    color: rgba(0, 0, 0, 0.4);
}

body #fi_user_new_list button {
    padding: 6px 8px;
    font-size: 13px;
    font-weight: bold;
    float: right;
}

body #fi_user_new_list .fi_check {
    height: 32px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 7px 9px;
}

body #fi_user_new_list .fi_check .fi_checkbox {
    margin-left: 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: #f4f7fb;
    border-radius: 0px;
    padding: 0;
}

.filter-fancy .banner-theme {
    display: none !important;
}

/* USER MOBILE MENU */
.user-button {
    cursor: pointer;
    transition: 0.1s;
    float: left;
    clear: both;
    width: 100%;
    height: 44px;
    padding: 13px 20px;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    background: #2b333e;
    position: relative;
    border-radius: 4px;
    font-weight: 500;
    margin: 0;
}

.user-button.opened {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.user-button i.fa-angle-down {
    position: absolute;
    right: 15px;
    top: 12px;
    line-height: 22px;
    font-size: 22px;
    font-weight: normal;
    display: none;
}

.user-button.opened i.fa-angle-down:before {
    content: "\f106";
}

.user-button .lns {
    float: right;
    width: 20px;
    height: 14px;
    margin: 2px 0px 2px 0;
    position: relative;
}

.user-button .lns .ln {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    transition: 0.3s;
}

.user-button .lns .ln.ln1 {
    top: 0px;
}

.user-button .lns .ln.ln2 {
    top: 6px;
}

.user-button .lns .ln.ln3 {
    top: 12px;
}

.user-button.opened .lns .ln.ln1 {
    top: 6px;
    transform: rotate(45deg);
}

.user-button.opened .lns .ln.ln2 {
    opacity: 0;
}

.user-button.opened .lns .ln.ln3 {
    top: 6px;
    transform: rotate(-45deg);
}


/* MOBILE MENU */
.mobile-box .body {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding: 0;
}

.mobile-box a {
    float: left;
    clear: both;
    width: 100%;
    padding: 20px 40px;
    font-size: 17px;
    line-height: 22px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #fff;
    font-weight: 500;
}

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

.mobile-box a i {
    width: 22px;
    text-align: center;
    margin-right: 22px;
}


/* STATIC PAGE */
section.loc-page .page {
    margin: 0 0 50px 0;
    font-size: 14px;
}

section.loc-page .page>.inside {
    min-height: 480px;
    background: #fff;
    border-radius: 5px;
    padding: 0px;
    max-width: 800px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

section.loc-page .page h1 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 10px 0;
}

section.loc-page .page h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px 0;
}

section.loc-page .page h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 10px 0;
}

section.loc-page .page h4 {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 10px 0;
}

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

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


#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: 13px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #FEEFB3;
}

#piracy:after {
    font-family: "FontAwesome";
    content: "\f05a";
    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: 768px) {
    #piracy {
        display: none !important;
    }

    /* LOGO FOOTER */
    html.beta footer .cl .lg img {
        display: block;
        margin: auto;
        max-width: 250px;
    }

    html.beta footer cl0 {
        display: block;
    }
}


/* 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); */
    background:#f4f7fb;
    border-bottom: .01px solid var(--primary-backg);
    position: relative;
    border-top-left-radius: var(--border-radius-inputs);
    border-top-right-radius: var(--border-radius-inputs);
}

.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: 26%;
    margin: 0 2% 50px 0;
    
}

#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: 72%;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 50px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#public-items h1 {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    font-size: 16px;
    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;
}

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

/*repeat */
#public-items .block-1 {
    float: left;
    width: 102%;
    margin: 0 -1%;
    padding: 15px 15px 0 15px;
}


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

/* .body-ua #main {
    float: left;
    width: 100%;
    padding: 25px 25px 40px 305px;
    background: #fff;
    border-radius: 5px;
    margin: 0;
} */

.body-ua #main h1,
.body-ua #main.profile h3,
.bpr-prof .bpr-inside h2,
body h2.im-head,
html.beta .loc-custom .user_account div#main h1 {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    font-size: 18px;
    line-height: 22px;
    padding: 12px 20px;
    background: #fafafa;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

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

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

#body-user-custom.body-ua #main .inside {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.ua-items-empty {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 80px 10px;
}

.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: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    font-size: 15px;
    line-height: 18px;
}

.uitem .ua-premium {
    z-index: 2;
    width: auto;
    float: left;
    margin: 2px 7px 0 0;
    padding: 1px 6px;
    font-size: 12px;
    letter-spacing: -0.4px;
    color: #fff;
    background: #e74c3c;
    border-radius: 6px;
}

.uitem>div {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

.uitem .image, html.beta .user_account #main .ad_list tr td.photo a img {
    overflow: hidden;
    border-radius: 5px;
    float: left;
    width: 150px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.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 .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: 0 0 10px 0;
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 24px;
}

.uitem .title a {
    color: #222;
}

.uitem .price {
    font-weight: bold;
    float: right;
    font-size: 22px;
}

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

.uitem .buttons a {
    transition: 0.1s;
    float: right;
    padding: 5px 15px;
    line-height: 19px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 5px 5px;
    border-radius: 100px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    background: #999;
}

.uitem .buttons a:hover {
    background: #555;
}

.uitem .buttons a.delete {
    background: #ff8383;
    color: #fff;
}

.uitem .buttons a.delete:hover {
    background: #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: 48%;
    clear: none;
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 0 2% 25px 0;
}

.body-ua #main .box h1,
.body-ua #main.profile .box h3 {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.body-ua #main.profile .box form {
    padding: 20px;
    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 25px 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: 190px;
    margin: 0 0 10px 0;
}

.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 #main.profile h3 {
    cursor: pointer;
}

#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 .bpr-comp {
    min-width: 0;
    max-width: 100%;
    width: 23% !important;
    margin: 0 1% 20px 1%;
}

.bpr-box-check label {
    font-weight: normal;
}

body.layout-h .home-container.wrap #bpr-seller.bpr-block {
    margin: 0 auto;
    float: none;
    max-width: 1100px;
}


/* 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: 13px;
    font-weight: bold;
    background: #67c8d8;
    position: absolute !important;
    left: 10px;
    top: 10px;
    max-width: 170px;
    width: auto;
    padding: 8px 10px;
    border-radius: 5px;
}

#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 li:hover .qq-upload-delete {
    opacity: 1;
}

#photos .qq-upload-delete:before {
    cursor: pointer;
    display: block;
    border-radius: 100px;
    font-family: "FontAwesome";
    content: "\f00d";
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #333;
}

#photos .qq-upload-delete:hover:before {
    background: #666;
}

#photos .ajax_preview_img {
    display: inline-block;
    width: 100%;
    float: left;
    clear: both;
}

#photos .qq-upload-rotate-img {
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 12px;
    font-weight: bold;
}

#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: "FontAwesome";
    content: "\f102";
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #0d9ecc;
}

#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%;
    font-size: 22px;
    line-height: 26px;
    padding: 0px;
    font-weight: normal;
    margin: 30px 0 15px 0;
}

.post-edit fieldset>h2 {
    display: block;
    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: 385px;/* old 65%;*/
    float: left;
    clear: both;
    transition: 0.1s;
    padding-right:2px;/*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:12%; /* old value 35*/
    float:left;/*old vlue left;*/
    padding-top:10px;
    margin: 0 0 20px 0;
    /*padding:auto;*/
    /*margin:auto;*/

}

@media (min-width: 768px) {
    .post-edit .price-wrap .selection {
        padding-left: 10px;
    }
}

.post-edit .price-wrap .selection a {
    transition: 0.1s;
    //float: right;/*old value left;*/
    text-decoration: none;
    word-break: keep-all;
    white-space: nowrap;
    padding: 10px;
    width:50%;/* 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: 100%;
    padding: 13px;
    font-weight: bold;
    margin: 20px 0 5px 0;
    border-radius: 5px;
}

.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:150px; /*old value 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 textarea,
.post-edit #atr-form input {
    box-shadow: none !important;
    max-width: 150px; /*old value 100%;*/
}

.post-edit #atr-form ul.atr-ul li {
    width: 100%;
    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;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 20px 0;
    background: #fff;
}

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

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

.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: 100%; /* old value 40%*/
    /*padding-right: 20px; old padd*/
    padding: 12px 10px;
}

.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: 6px 8px;
    font-size: 13px;
}

.post-edit .mail-show {
    float: right;
    margin-left: 12px;
}

.post-edit .mail-show .input-box-check {
    margin: 2px 0;
}

.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: 40px;
    background: rgba(0, 0, 0, 0.65);
    height: 70px;
    top: 50%;
    margin-top: -35px;
    color: transparent;
    text-indent: 0;
    transition: 0.1s;
    color: #fff;
    border-radius: 4px;
}

#img .bx-wrapper .bx-prev:before,
#img .bx-wrapper .bx-next:before {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    transition: 0.1s;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    top: 50%;
    z-index: 9;
    left: 50%;
    margin: -20px;
    font-family: "FontAwesome";
    content: "\f104";
    text-indent: -3px;
    text-align: center;
    font-size: 32px;
}

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

#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: 18px;
    font-weight: lighter;
    color: #aaa;
    padding: 30px 0;
    margin: 15px 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: inline-block;
    width: 100%;
    margin: 0 0 20px 0;
}

#listing .item h2 {
    float: left;
    clear: both;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin: 0 0 10px 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: 22px;
    font-size: 15px;
}

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

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

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

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

.related h3 {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 18px;
}

#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 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    border-radius: 5px;
    background: #fff;
    margin: 0 0 10px 0;
}

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

.main-head {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    padding: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

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

#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 10px 0; 
    padding: 0 1px;
}



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

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

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


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

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

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

#comment .comment:last-of-type {
    border-bottom: none;
}

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

#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% - 32px);
    padding: 0px 0 0 10px;
    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;
}

#comment .info h3 .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: 18px;
}

#comment .button-wrap a.new-comment {
    width: 100%;
    margin: 0;
}

#comment .button-wrap a.new-comment i {
    margin-right: 1px;
    font-size: 15px;
    vertical-align: 1px;
}

.empty-comment {
    float: left;
    width: 100%;
    display: block;
    padding: 15px 15px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    border-radius: 4px;
    margin: 15px 0;
    background: rgba(0, 0, 0, 0.08);
}




/* ITEM - SIDEBAR */
#listing .item .basic {
    display: block;
    width: 100%;
    margin: 0 0 15px 0px;
    text-align: left;
    padding-top: 5px;
}

#listing .item .item-prem-lab {
    float: left;
    margin: 1px 6px -1px 0;
    height: 20px;
    border-radius: 4px;
    line-height: 18px;
    padding: 1px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

#listing .item .basic h1 {
    font-size: 20px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    color: #111;
    font-weight: 500;
}

#listing .item .basic h2 {
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    width: 100%;
    margin: 0;
    font-weight: normal;
}

#listing .item .basic h2>span {
    display: inline-block;
    margin: 0 0 6px 0;
    padding: 0;
    position: relative;
}

#listing .item .basic h2>span.price {
    float: right;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    line-height: 12px;
}

#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#comment {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#listing .side h2 {
    float: left;
    clear: both;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    padding: 13px 15px;
    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;
}

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

#listing .side #comment h2 span.count {
    float: right;
    font-weight: normal;
}

#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:10px 50px 10px 50px; /* old value 10px 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:5px 50px 5px 50px; /* old value 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 0 0px 0;
    padding: 15px 15px 8px 15px;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: #eee;
}

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

#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 .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: #333;
    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) {
    font-family: 'Quicksand', 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: #333;
}

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



/* SEARCH SUBCATEGORIES */
#sub-cat {
    margin: 0 0 25px 0;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 15px;
    text-align: left;
}

#sub-cat .list a {
    float: left;
    display: inline-block;
    font-size: 13px;
    color: #222;
    padding: 5px 8px;
    line-height: 16px;
    margin: 0 6px 6px 0;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

#sub-cat .list a.active {
    font-weight: bolder;
}

#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 20px 0;
    position: relative;
    padding-bottom: 20px;
}

#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 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: #142542;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    padding: 15px 15px 15px 65px !important;
    font-weight: normal;
    width: 100% !important;
    z-index: 999;
    text-align: left;
    width: 100%;
    margin: 0px 0 10px 0;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.flashmessage:before {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    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;
    line-height: 28px;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: lighter;
}

.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: "FontAwesome";
    color: #666;
    display: block;
    padding: 0px;
    margin: 0;
    width: 26px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    background: transparent;
}

.flashmessage .ico-close:hover:before,
.flashmessage .close:hover:before {
    color: #000;
}

.flash-box .flashmessage {
    min-height: 100px;
}


/* FANCY BOX DEFAULT STYLE */
.fancybox-inner .fw-box {
    display: block;
}

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

.fw-box .head {
    padding: 15px 20px;
    float: left;
    width: 100%;
    margin: 0;
    clear: both;
    font-size: 18px;
    line-height: 22px;
    /* background: #fafafa; */
    font-weight: bold;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    margin: 0 0 10px 0;
    overflow: hidden;
    border-top-left-radius: var(--border-radius-inputs);
    border-top-right-radius: var(--border-radius-inputs);
}

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

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

.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-outer>.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 {
    background: rgba(0, 0, 0, 0.3);
}

.fancybox-opened .fancybox-outer {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

body .fancybox-outer {
    background: #fff;
    border-radius: 8px;
}

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


/* 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;
    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 .option {
    float: left;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #444;
    padding: 10px 10px;
    font-size: 13px;
    cursor: pointer;
    position: relative;
}

#location-picker .shower .option.selected strong {
    font-weight: bold;
    color: #000;
}

#location-picker .shower .option:not(.service):hover {
    background: #eeedee;
    color: #28c2ba;
}

#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 {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    transition: 0.1s;
    height: 28px;
    position: relative;
    z-index: 15;
    margin: 0;
    padding: 5px 10px;
    line-height: 16px;
    float: left;
    width: 100%;
    clear: both;
    border-radius: 4px;
    background: #fff;
    color: #333;
    border: 1px solid #fff;
}

.sort-it .sort-title .title-keep:after {
    content: "\f107";
    font-family: "FontAwesome";
    float: right;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    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: 13px;
    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: 9;
    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: 10px 12px;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    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;
    color: #28c2ba;
}

/* SEARCH - REMOVE FILTER */
.filter-remove {
    float: left;
    clear: both;
    width: 100%;
    margin: 8px 0 15px 0;
}

.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: #333;
    text-decoration: none;
    border-radius: 5px;
}

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

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

/* SIMPLE SELECT */
.simple-select {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    font-size: 13px;
}

.simple-select .text {
    cursor: pointer;
    float: left;
    width: 100%;
    clear: both;
    background: #fff;
    padding: 8px;
    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: 20px 0;
}

.paginate:empty {
    display: none;
}

.paginate ul {
    display: inline-block;
    width: auto;
    font-size: 0;
    overflow: hidden;
    background: #fff;
    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 .wrap .box {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px;
    margin: 0 0 15px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #fff;
}

.filter .wrap .box h2 {
    float: left;
    clear: both;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

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

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

.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: none;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1), 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

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

.search #main {
    float: left;
    width: 73%;
    overflow: visible !important;
    background: #fff;
    padding: 20px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 50px;
}

.search #main .titles-top {
    width: 100%;
    clear: both;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 5px;
}

#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 .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.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: 107%;
    margin: 10px -3.5% 30px -3.5%;
    background:#f4f7fb; 
    padding: 15px 10px;
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

#search-items .premiums-block h3 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0 0 8px 0;
    padding: 0 5px;
}

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

.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: 5px;
    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: calc(100% + 30px);
    margin: 0 -15px 10px -15px;
    background: #dde6f1;
    border-radius: 0px;
    padding: 2px 15px;
}

#search-sort .user-type {
    float: left;
    font-size: 13px;
    letter-spacing: -0.4px;
    margin: 6px 0px 6px 0px;
    border-radius: 5px;
    padding: 0px;
}

#search-sort .user-type a {
    float: left;
    padding: 5px 10px;
    margin: 0 0px 0 0;
    color: #111;
    text-decoration: none;
    border-radius: 0px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

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

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

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

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

#search-sort .list-grid a {
    float: left;
    margin: 0px 0px 0 0;
    color: #888;
    background: #fff;
    width: 34px;
    height: 28px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

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

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

#search-sort .list-grid a.active {
    color: #333;
    background: transparent;
}

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


/* 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 #e7edf2;
    border-radius: 5px;
    background: #fff;
    line-height: 16px;
    font-size: 13px;
}

.products.grid .simple-prod .img-wrap,
.white .simple-prod .img-wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 15px 0;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    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 .price,
.white .simple-prod .price {
    float: left;
    clear: both;
    font-weight: bolder;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0 10px;
    position: relative;
    font-size: 16px;
}

.products.grid .simple-prod .title,
.white .simple-prod .title {
    float: left;
    font-size: 14px;
    clear: both;
    font-weight: 500;
    color: #333;
    ;
    margin: 0px 0 10px 0;
    padding: 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: 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;
}

.simple-prod .category i,
.simple-prod .date i {
    width: 15px;
    text-align: center;
    margin-right: 1px;
}

.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;
    position: absolute;
    left: 6px;
    top: 6px;
    padding: 4px 7px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    background: #e74c3c;
    border-radius: 4px;
    text-transform: capitalize;
}

.products .simple-prod .label.lab-res,
.white .simple-prod .label.lab-res {
    background: #f3e749;
    color: #222;
}

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

.products.grid .simple-prod .fi_save_favorite {
    display: block;
    color: initial;
    background: none;
    border: none;
    padding: 8px;
    margin: 0px;
    position: absolute;
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 16px;
}

.products.grid .simple-prod .fi_save_favorite span {
    display: none;
}

.products.grid .simple-prod .fi_save_favorite i {
    color: #333;
    line-height: 20px;
}

.products.grid .simple-prod .fi_save_favorite.is_favorite i {
    color: #e74c3c;
}

.products.list .simple-prod {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    ;
    border: 1px solid #e7edf2;
    border-radius: 5px;
    background: #fff;
    line-height: 16px;
    font-size: 13px;
}

.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: 20px 15px;
    border-left: 1px solid #eee;
    margin-left: -1px;
}

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

.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: 11px;
    line-height: 14px;
    margin: 0px 0 10px 0;
    padding: 0;
    color: #999;
    width: 100%;
}

.products.list .simple-prod .extra .slash {
    margin: 0 6px;
}

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

.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 {
    background: #f9f674 !important;
    border: none;
}

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

.simple-prod.osp-item-is-highlight .simple-wrap {
    border: none;
}

.simple-prod .fi_save_favorite,
.simple-prod .preview {
    display: none;
    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-bookmark-o:before {
    content: "\f02e";
}

a.fi_save_favorite.fi_save:not(.is_favorite) i.fa-bookmark:before {
    content: "\f097";
}


/* MULTICURRENCY */
.MCtooltip {
    display: none;
    position: absolute;
    top: 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: -5px;
    width: 10px;
    height: 10px;
    background: #e4e4e4;
    transform: rotate(45deg);
    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: 360px;
    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: 5px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2)
}

#i-forms .box h1 {
    display: block;
    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;
}

#i-forms .box>.wrap>div:not(.swap) {
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-top: 56px;
}

#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: 15px 20px 20px 20px;
    border-top: 1px solid #eee;
}

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

#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: 25px 0 0px 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: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    color: #fff;
    background: #333;
    text-align: center;
    margin: 0 5px 5px 5px;
    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: 40px;
    color: #fff;
}

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

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


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

#bread ul {
    display: inline-block;
    margin: 0 auto;
    max-width: 1100px;
    text-align: left;
}

#bread ul li {
    display: inline;
    margin-right: 9px;
}

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

#bread ul li a {
    display: inline;
}

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

.fw-supporting #debug-mode {
    display: none !important;
}


/* HEADER */
header {
    border-bottom: 1px solid transparent;
    margin: 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: 0.4s;
}

header .left {
    float: left;
    max-width: 30%;
}

header .right {
    float: right;
    max-width: 70%;
    padding: 10px 1px 10px 0;
    height: 60px;
    overflow: hidden;
}

header .right a,
header .right span.username {
    /* float: right;
    margin-left: 12px;
    line-height: 18px;
    padding: 11px 5px;
    font-size: 14px;
    color: #111;
    font-weight: 500; */
    transition: 0.2s;
}

header .right span.username {
    font-weight: normal;
}

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

header .right a.publish {
    padding: 10px 20px;
    margin-left: 20px;
    border-radius: 100px;
    border: 1px solid #333;
    color: #111;
    font-weight: 500;
    background: #fff;
}

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

header .right .plugins {
    float: right;
}


/* HOME */
#home-search {
    float: left;
    width: 100%;
    padding: 80px 0 100px 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 .box {
    z-index: 5;
}

#home-search h2 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 5px 0;
    position: relative;
    font-weight: bold;
    z-index: 9;
}

#home-search h3 {
    width: 100%;
    text-align: center;
    font-size: 42px;
    line-height: 46px;
    color: #fff;
    margin: 0 0 5px 0;
    position: relative;
    font-weight: bold;
    z-index: 9;
}

#home-search h3 span {
    color: #e0f392;
}

#home-search h4 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 0 0 20px 0;
    position: relative;
    font-weight: normal;
    z-index: 9;
}

#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: 60px;
    border: 1px solid #fff;
    ;
    line-height: 28px;
    padding: 15px 15px;
    font-size: 17px;
    color: #666
}

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

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

#home-search #location-picker .shower {
    border: 1px solid #fff;
    border-top: 1px solid #ccc;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background: #fff;
    max-height: 100%;
}

#home-search #location-picker .shower-wrap {
    top: 56px;
    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-cat {
    float: left;
    clear: both;
    width: 100%;
    display: block;
    margin: 30px 0 30px 0;
    text-align: center;
}

#home-cat h2 {
    position: relative;
    margin: 0 0 25px 0;
    position: relative;
    font-size: 30px;
    line-height: 34px;
    font-weight: bold;
}

#home-cat a {
    padding: 20px 0;
    background: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 180px;
    margin: 0 5px 20px 5px;
    color: #222;
    font-weight: normal;
    border-radius: 5px;
    transition: 0.1s;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#home-cat a:hover {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    background: #f4f7fb;
}

#home-cat a .img {
    display: block;
    width: 72px;
    margin: 5px auto 15px auto;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 72px;
    text-align: center;
}

#home-cat a .img img {
    width: auto;
    height: auto;
    display: inline-block;
    height: 40px;
    margin: 15px 0;
}

#home-cat a .name {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    height: 19px;
    overflow: hidden;
    letter-spacing: -0.4px;
    padding: 0 5px;
    margin: 0px 0 5px 0;
    font-weight: bold;
}

#home-cat a .count {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    padding: 0 5px;
    margin: 0px 0 5px 0;
    color: #444;
}

#home-cat a i {
    font-size: 32px;
    line-height: 40px;
    padding: 15px 0;
}


.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: 50px 0;
    background: #f4f7fb;
}

.home-container.banner-box {
    padding: 20px 0;
}

.home-container:nth-child(even) {
    background: #fff;
}

.home-container h2,
.home-container .h2 {
    position: relative;
    margin: 0 0 25px 0;
    position: relative;
    font-size: 30px;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
}

.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-seller.bpr-block {
    margin: 0;
}

.home-container #bpr-seller.bpr-block .bpr-inside-all {
    margin: 0 -1%;
    width: 102%;
}

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

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


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



/* 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: 0 0 0 26px !important;
    line-height: 18px;
    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 #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);
    border-radius: 5px;
    transition: 0.1s;
}

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

.input-box-check label:after {
    cursor: pointer;
    text-indent: 1px;
    font-family: "FontAwesome";
    content: "\f00c";
    color: transparent;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: 500;
    text-shadow: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    transition: 0.1s;
}

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

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


/* CUSTOM INPUT */
.input-box {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 25px 0;
    position: relative;
}


/* DEFAULT */
input,
select,
textarea {
    padding: 8px;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    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:not(.title) {
    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.8;
}

label {
    font-weight: bolder;
}

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.inside,
.inner,
body#body-custom section {
    display: block;
    margin: 0 auto;
    max-width: 1100px;
    float: none;
}

body#body-custom section {
    padding-top: 20px;
    padding-bottom: 50px;
}

.logo {
    position: relative;
    width: auto;
    height: auto;
    height: 50px;
    width: 240px;
    margin: 5px 0;
}

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

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

body {
    background: #f4f7fb;
    padding-top: 61px;
}

.content {
    display: block;
    float: left;
    width: 100%;
    clear: both;
}

.req {
    font-weight: normal;
    margin-left: 3px;
}

#error_list,
#error_list li {
    display: block;
    width: 100%;
    clear: both;
}

#error_list li label,
.problem {
    display: inline-block !important;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    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: 'Quicksand', 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
}


/*............Pedro 2026..........*/
/* Estilo do container */
#listining-top-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* Efeito de escrever a palavra */
#negociavel-text {
    /*font-size: 24px;*/
    font-weight: bold;
    color: #ff9800; /* Cor vibrante */
   display: inline-block;
    border-right: 3px solid #ff9800; /* Simula o cursor de digitação */
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    animation: typing 2s steps(15) 1s 1 normal both, blink 0.75s step-end infinite;
}

/* Animação para o efeito de digitação */
@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* Efeito de "cursor piscando" */
@keyframes blink {
    50% {
        border-color: transparent;
    }
    100% {
        border-color: #ff9800;
    }
}

/* Estilo do container */
.negociavel-info {
    text-align: right;
    padding-right:0;
   /* position: relative;   posicionamento absoluto */
}

/* Quando o texto está completamente visível, desliga o cursor */
#negociavel-text.finished {
    border-right: none; /* Remove o cursor */
}


/* Desabilitando o hover nos banners na tela de listagem em pesquisa */

#search-items > div.products.list > div > div > div > div.items-block > div.loop-single-join:hover {transform: none;}

#search-items > div.products.list > div > div > div > div.premiums-block.odd > div.loop-single-join.simple-prod:hover {transform: none;}

#search-items > div.products.list > div > div > div > div.premiums-block.even > div.loop-single-join.simple-prod.o1.is-premium.premium-loop:hover { transform: none; }

#search-items > div.products.list > div > div > div > div>div:hover {transform: none;}

/* Alterando o fundo para branco nos block de anúncios em Pesquisar items*/

#search-items > div.products.list > div > div > div > div.items-block > div.loop-single-join.simple-prod,#search-items > div.products.grid > div > div > div > div.items-block > div.loop-single-join.simple-prod{
  background-color:white;
}

/*#search-items > div.products.list > div > div > div > div.premiums-block.odd > div.loop-single-join.simple-prod{
   background-color:white;
}*/

/* #search-items > div.products.list > div > div > div > div.premiums-block.even > div.loop-single-join.simple-prod.o1.is-premium.premium-loop*/
#search-items > div.products.list > div > div > div > div.premiums-block > div.loop-single-join.simple-prod,#search-items > div.products.grid > div > div > div > div.premiums-block > div.loop-single-join.simple-prod{
   background-color:white;
}