.show {
    display: block !important;
}

.hide {
    display: none;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.maxw-130 {
    max-width: 130px;
}

textarea.form-control {
    font-size: 1.5rem;
}

.media2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.media2 img {
    width: 50%;
}

.media.first-img img {
    margin: auto;
}

.infor-profile .tags {
    height: 24px;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
}

.form-inner input[type="password"],
.form-inner input[type="password"]:autofill,
.form-inner input[type="password"]:-webkit-autofill {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
}

.span-occabricks {
    color: var(--primary-color2);
    font-size: 14px;
    border: 1px solid rgba(138, 138, 160, 0.3);
    border-radius: 8px;
    padding: 9px 20px;
    box-shadow: none;
    outline: 0;
    line-height: 28px;
    width: 100%;
    background: transparent;
    display: block;
    margin-bottom: 24px;
    overflow: hidden;
}

.a-btn-occabricks {
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    border: none;
    background: var(--primary-color3);
    color: white !important;
    border-radius: 10px;
    padding: 15px 39px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.a-btn-occabricks i {
    
    color: white;
    margin-right:0.5rem;
}

.a-btn-occabricks svg path {
    fill: var(--primary-color3);
}

.a-btn-occabricks:hover {
    opacity: 0.8;;
    color: #fff;
    outline: 0;
}

.a-btn-occabricks:hover svg path {
    fill: #fff;
}

.a-btn-occabricks-success {
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    border: none;
    background: var(--primary-color13);
    color: white;
    border-radius: 10px;
    padding: 15px 39px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.a-btn-occabricks-success:hover {
    border: none;
    opacity: 0.8;
    color: #fff;
    outline: 0;
}

.a-btn-occabricks-warning {
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    border: none;
    background: var(--primary-color10);
    color: white;
    border-radius: 10px;
    padding: 15px 39px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.a-btn-occabricks-warning:hover {
    border: none;
    opacity: 0.8;
    color: #fff;
    outline: 0;
}

.a-btn-occabricks-danger {
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    border: none;
    background: var(--primary-color11);
    color: #fff;
    opacity: 1;
    border-radius: 10px;
    padding: 15px 39px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.a-btn-occabricks-danger:hover {
    border: none;
    opacity: 0.8;
    color: #fff;
    outline: 0;
}

.btn-small {
    font-size: 1.5rem;
    line-height: 26px;
    padding: 3px 10px !important;
    font-weight: 600;
    margin-left: 2px;
}

@media(max-width: 992px) {
    .btn-small {
        font-size: 1.2rem;
        line-height: 22px;
        padding: 3px 6px !important;
        margin-top: 0.25rem;
    }
    .update-collections {
        flex-direction: column;
    }
    .update-collections input[type="text"] {
        min-width: 100%;
    }
}

.btn-md {
    font-size: 15px;    
    height: 40px;
    line-height: 38px !important;
    padding: 0 12px;
    box-sizing: border-box;
}
.min-vh-register {
    min-height: 48vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.my-collections-list {
    display: block;
    /*gap:1rem;*/
}

.update-collections {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.flex-3 {
    flex:3 !important;
}
.info-collection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 2rem;
}
.info-collection h6, .info-collection p{    
    font-size: 2rem !important;
}
.info-collection h6 span{    
    color:var(--primary-color13);
}
.update-collections input{
    max-width: 55%;
}

.update-collections .dropdown{
    flex-grow:2;
}

.update-collections button {
    flex-grow:1;
    height: 40px;
}
.form-inner .btn-occabricks {
    display: inline-block;
    width: auto;
}

form label.uploadFileAds {
    width: 100%;
}

form label.uploadFileAds input {
    opacity: 1;
    left: unset;
}

label.uploadFile.uploadFileAds {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    text-align: center;
    border: none;
    padding: 0;
}

label.uploadFile.uploadFileAds span {
    width: 100%;
    line-height: 2rem;
    display: block;
    margin-top: 1rem;
}

label.uploadFile.uploadFileAds input {
    margin-top: 1rem;
    width: 100%;
    transform: none;
    position: unset;
}

label.uploadFile.uploadFileAds input::before {
    width: 100%;
}

.tf-section-update-ad .sc-card-product .card-media,
.tf-section-depot .sc-card-product .card-media {
    margin-bottom: 0;
    height: auto;
}

.tf-section .sc-card-product h4, .tf-section-update-ad .sc-card-product h4, .tf-section-depot .sc-card-product h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}


.card-variation-price {
    border: none;
}

.card-variation-price table {
    color: var(--primary-color2);
    font-size: 15px;
    border: none;
    padding: 5px;
    margin: 0;
}

.card-variation-price table tr {
    line-height: 25px;
}

.card-variation-price table tr td {
    border: none;
    font-weight: 700;
}

.title-estimate-value {
    display: inline-block;
}

.sc-card-activity .content .infor .price {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color3);
    margin: 0 2px;
}

.sc-card-activity .button-active.icon {
    cursor: pointer;
}

.sc-card-activity .content span.tags {
    width: 49px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: var(--primary-color3);
    border-radius: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 5px 10px;
}

.sc-card-activity .content span.tags.label-success {
    background: var(--primary-color12);
}

.sc-card-activity .content span.tags.label-draft,
.sc-card-activity .content span.tags.label-on-pause {
    background: var(--primary-color9);
}

.sc-card-activity .content span.tags.label-sold {
    background: var(--primary-color10);
}

.sc-card-activity .content span.tags.label-danger {
    background: var(--primary-color11);
}

.widget-filter ul.box-menu-user {
    flex-direction: column;
}

span.message-price-ad {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color3);
    margin: 0 2px;
    margin-bottom: 15px;
}

.sc-message-activity {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 500px;
    overflow: auto;
}

.sc-message-activity .content.content-message {
    max-width: 90%;
    align-items: flex-start;
}

.sc-message-activity .content .infor {
    background: var(--primary-color5);
    padding: 10px 12px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 0px;
}

.sc-message-activity .date:first-of-type {
    margin-top:0 !important;
}

.sc-message-activity .date {
    font-size: 1.85rem;
    margin: auto;
    font-weight: 700;
    margin-top:2rem;
}

.sc-message-activity .content .infor>span {
    font-size: 1.6rem;
    line-height: 1.8rem;
}

.sc-message-activity .content .infor .time span {
    font-size: 12px;
    text-align: right;
    display: block;
    line-height: 12px;
    margin-top: 5px;
}

.sc-message-activity .avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
}

.sc-message-activity .content-message.receiver .time span {
    text-align: left;
}

.sc-message-activity .content-message.sender {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}

.sc-message-activity .content-message.sender .infor {
    text-align: left;
    background-color: rgba(81, 66, 252, 0.1);
}

.sc-message-activity .message-receiver {
    background: var(--primary-color4);
    margin-right: 10px;
}

.sc-message-activity .message-sender {
    background: var(--primary-color3);
    margin-left: 10px;
}

.dropdown.dropdown-occabricks ul li {
    background: #fff;
}

.dropdown.dropdown-occabricks ul li:hover,
.dropdown.dropdown-occabricks ul li.active {
    background: var(--primary-color3);
}

.dropdown.dropdown-occabricks {
    position: relative;
}

.dropdown.dropdown-occabricks select {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    min-width: 142px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 15px;
    line-height: 16px;
    color: var(--primary-color2);
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 40px;
    line-height: 38px !important;
    padding: 0 12px;
}

.dropdown.dropdown-occabricks:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: 600;
    content: "\f078";
    position: absolute;
    color: var(--primary-color2);
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-search-occabricks form {
    display: flex;
    width: 100%;
    justify-content: center;
}

.form-search-occabricks form .seclect-box.style-1 {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.form-search-occabricks form .seclect-box.style-1 .btn-md {

    height: 40px;
    min-width: 40px;
    padding: 0;
    text-align: center;
}
@media(max-width: 992px) {
    .form-search-occabricks form .seclect-box.style-1 .btn-md {
        width: 100% !important;
        margin: auto;
    }
}
.form-search-occabricks input[type=text] {
    margin-bottom: 0;
}

.form-search-occabricks .dropdown-occabricks select {
    line-height: 28px;
}

.pagination-occabricks a,
.pagination-occabricks span {
    width: auto;
    background: rgb(89 135 234 / 10%);
    border: none;
    color: var(--primary-color3);
    font-weight: 700;
    font-size: 15px;
    line-height: 0px;
    border-radius: 10px;
    padding: 15px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-left: 5px;
}

.pagination-occabricks a:hover,
.pagination-occabricks span.current_page {
    border: none;
    background: var(--primary-color3);
    color: #fff;
}

.div-collection-occabricks,
.div-favorites-occabricks,
.div-myads-occabricks {
    display: flex;
    flex-wrap: wrap;
}

.div-collection-occabricks .fl-item2:hover .delete-collection {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 12px;
    font-size: 13px;
}

.div-collection-occabricks .collection-occabricks .card-bottom {
    position: relative;
}

.div-collection-occabricks .collection-occabricks .author {
    max-width: 75%;
}

.div-collection-occabricks .collection-occabricks .author .content {
    overflow: hidden;
}

.div-collection-occabricks .collection-occabricks .author .content h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    line-height: 25px;
}

.div-collection-occabricks .collection-occabricks .col-menu {
    display: flex;
    justify-content: space-between;
}

.div-mycollection-occabricks .col-menu {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.delete-collection,
.user-collection {
    display: none;
}

.actions-checked {
    display: none;
}

.delete-collection:hover,
.user-collection:hover {
    color: #fff;
}

.fl-item2:hover .user-collection {
    display: block;
    padding: 10px 12px;
    font-size: 13px;
}

.tf-item-details.collection-occabricks .content-inner.tab-content {
    height: 60vh;
}

.tf-item-details.collection-occabricks .sc-author-box {
    position: relative;
}

.tf-item-details.collection-occabricks .checkbox-occabricks.checkbox-set {
    /*width: 0;
    height: 0;*/
}

.tf-item-details.collection-occabricks .div-accepted-offers label {
    position: unset;
}

.tf-item-details.collection-occabricks .div-accepted-offers span {
    bottom: 0;
    top: 0;
    margin: auto;
}

.tf-item-details.collection-occabricks .div-offers {
    display: none;
}

.tf-item-details.collection-occabricks .div-offers label {
    position: relative;
}

.tf-item-details .content-right .meta-item .wishlist-button.heart.number-like {
    padding: 9px 15px;
}

.tf-item-details .content-right .wishlist-ad.heart {
    position: unset;
    padding: 8px 15px;
    color: var(--primary-color2);
    margin-left:0.5rem;
}

.span-name-collection {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.tab-authors .menu-tab .tablinks.active a {
    color: var(--primary-color3);
    position: relative;
}

.form-inner .div-occabricks-checkbox label,
.form-inner label span.btn-checkbox {
    font-weight: 700;
    font-size: 16px;
}

.form-inner .div-occabricks-checkbox .btn-checkbox::after,
.form-inner label span.btn-checkbox::after {
    content: "\e921";
    font-family: 'nfts';
    left: 1px;
    top: -5px;
    color: #fff;
}

.content-boost p,
.content-boost ul,
.content-estimation p,
.content-estimation ul {
    margin: 1.5rem 0;
}

.content-boost,
.content-estimation {
    font-size: 1.6rem;
}

.content-estimation .info, .div-myestimates-occabricks .estimation-item + .info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    display: block;
    font-size: 1.6rem;
}

.estimation-item {
    font-size: 2.2rem;
    font-weight: 600;
    width: 100%;
    margin-bottom: 2rem;
}
.estimation-item + .info {
    margin-bottom: 2rem !important;
}
.estimation-item span {
    color: var(--primary-color13)
}

.end-page-choices>* {
    margin: 0 1rem;
}

.info-form {
    color: #7A798A;
    text-align: center;
    margin-top: 1.5rem;
}


.sell-set a.a-btn-occabricks {
    padding: 5px 10px;
}

.sell-set a.button-active.icon {
    font-size: 18px;
    color: var(--primary-color3);
    margin-right: 25px;
}

.btn-valid-additional_ads {
    width: 100%;
}

.sc-card-collection .author,
.sc-card-collection .author .content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sc-card-collection .sc-author-box.style-2 {
    min-width: 75px;
}

.sc-card-collection .card-bottom .author .content h4 {
    margin-top: 0;
}

.sc-credit-souscription .price {
    font-size: 4.5rem;
    font-weight: 600;
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.sc-credit-souscription {
    position: relative;
    padding: 0;
    text-align: center;
}

.sc-credit-souscription.saving {
    border: 1px solid var(--primary-color3);
}

.sc-credit-souscription.saving:before {
    content: "Économisez " attr(data-saving) "%";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    background-color: var(--primary-color3);
    color: white;
    border-radius: 3px;
    text-align: center;
    margin: auto;
    width: 10.6rem;
    box-sizing: border-box;
    padding: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.sc-credit-souscription div.bronze {
    background-image: linear-gradient(355deg, #CAB28C 0, #eddbbf 25%, #ebead9 50%, #eddbbf 75%, #CAB28C 100%);
}

.sc-credit-souscription div.silver {
    background-image: linear-gradient(355deg, #7E8083 0, #c8c9cb 25%, #e5e5e5 50%, #c8c9cb 75%, #7E8083 100%);
}

.sc-credit-souscription div.gold {
    background-image: linear-gradient(355deg, #cb9b51 0, #f6e27a 25%, #f6f2c0 50%, #f6e27a 75%, #cb9b51 100%);
}

.sc-credit-souscription div.platine {
    background-image: linear-gradient(355deg, #E3E3E1 0, #f5f4f4 25%, #ffffff 50%, #f5f4f4 75%, #E3E3E1 100%);
}

.sc-credit-souscription .text-article p {
    font-size: 16px;
}

.sc-credit-souscription .meta-info {
    display: block;
    text-align: center;
    padding: 4rem;
    color: #3e3e41;
    border-radius: 0 0 50% 50%;
}

.sc-credit-souscription .meta-info .author {
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    text-transform: none;
    font-size: 1.8rem;
    margin-top: 2.5rem;
    gap: 1rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.sc-credit-souscription .meta-info .author span {
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: var(--primary-color4);
    font-weight: 400;
    vertical-align: middle;
}

.sc-credit-souscription h5 {
    color: #3e3e41;
}

.sc-credit-souscription .price h5 {
    font-size: 35px;
}

.sc-credit-souscription a.sc-button.fl-button.pri-3 {
    margin: auto;
    margin-bottom: 20px;
}

#preview-container .image-preview {
    position: relative;
    margin: 0.5rem 0;
    border-radius: 16px;
    overflow: hidden;
}

#preview-container .remove-image,
#preview-container .remove-image-temp {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    padding: 0;
    font-size: 1rem;
    line-height: 1rem;
}


.nav-account {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 4rem;
    white-space: nowrap;
    overflow: auto;
}

.nav-account::-webkit-scrollbar {
    display: none;
}

.nav-account ul {
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.nav-account a {
    margin-right: 1rem;
    font-weight: 600;
}

.nav-account a.active {
    color: var(--primary-color3);
}

.nav-account li:after {
    content: '•';
    font-size: 3rem;
    vertical-align: middle;
    line-height: 1.5rem;
    height: 1.9rem;
    display: inline-block;
}

.nav-account li:last-of-type:after {
    content: '';
}

.desktop-menu-item .notification:hover {
    color: var(--primary-color3);
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.desktop-menu-item a,
.desktop-menu-item .notification {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 1.3rem;
    margin: 0 0.55rem;
    cursor: pointer;
    font-weight: 600;
    transition:none;
}

.desktop-menu-item a i,
.desktop-menu-item .notification i {
    margin-bottom: 0.5rem;
    font-size: 2rem;
}

.desktop-menu-item {
    /*display: none;*/
}
.mobile-menu-item {
    display: block;
}
@media (min-width: 600px) {
    .desktop-menu-item {
        display: block;
    }
    .mobile-menu-item {
        display: none;
    }
}
@media (max-width: 1200px) {
    .header_1 {
        opacity: 0;
    }
    
}


.showEstimButton {

    display: none;
}

@media (max-width: 600px) {
    .mobile-text-hide {
     /*   display: none;*/
    }
    .mobile-text-fav {

        display: none;
    }
}

@media (min-width: 1200px) {
    .showEstimButton {

        display: none;
    }
    
}

.sc-card-myads .info-myads {
    display: flex;
    position: absolute;
    top: 13px;
    right: 11px;
    gap: 2px;
}

.sc-card-myads .viewed.eye,
.sc-card-myads .wishlist-ad {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding: 2px 11px;
    border-radius: 8px;
    color: #fff;
    background-color: var(--primary-color2);
    border: none;
}

.sc-card-myads .viewed.eye {
    right: 65px;
}

.wishlist-nt.heart {
    position: absolute;
    top: 13px;
    right: 11px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding: 2px 11px;
    border-radius: 8px;
    color: #fff;
    background-color: var(--primary-color2);
    /* color: var(--primary-color2);
    background-color: var(--primary-color5); */
    border: none;
}

.wishlist.heart {
    position: absolute;
    top: 13px;
    right: 11px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding: 2px 11px;
    border-radius: 8px;
    background-color: #f8f8f8c9;
    border: none;
    cursor: pointer;
}

.wishlist.heart:before,
.wishlist-nt.heart:before,
.sc-card-myads .heart:before {
    content: '\f004';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    margin-right: 6px;
}

.wishlist.active.heart::before {
    color: #ff0000;
}


.sc-card-myads .viewed.eye:before {
    font-family: 'nfts';
    content: '\e92a';
    font-weight: 500;
    padding-right: 6px;
    vertical-align: bottom;
    font-size: 16px;
}

.info-myads-mea {
    display: flex;
    position: absolute;
    top: 13px;
    left: 11px;
    gap: 2px;
}

span.mea-fire {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    padding: 2px 11px;
    border-radius: 8px;
    background-color: #f7c51eba;
    border: none;
}

.card-media .mea-fire:before {
    content: '\f06d';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

.card-credits-user {
    margin: 25px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    border: none;
    border-bottom: 1px solid #7a798a36;
    border-radius: 0px;
}

.card-menu-user {
    margin: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    border: none;
}

.eye-view {
    position: unset;
    padding: 8px 15px;
    color: var(--primary-color2);
    margin-right: 0;
}

.tf-item-details .content-right .meta-item .eye-view::before {
    margin-right: 6px;
}

.brow {
    position: absolute;
    bottom: 0.625em;
    left: 50%;
    width: 1.75em;
    height: 1em;
    transform-origin: 0 0;
    transform: translateX(-50%);
    color: #000;
    border: 0.25em solid transparent;
    border-top-color: currentColor;
    border-bottom: none;
    border-radius: 50% 50% 0 0;
}

.right .brow {
    border-left: none;
}

.left .brow {
    border-right: none;
}

.mouth {
    position: absolute;
    top: 3.125em;
    left: 50%;
    width: 2.5em;
    height: 1.5em;
    transform: translateX(-50%);
    color: #000;
    border: 0.25em solid transparent;
    border-bottom-color: currentColor;
    border-radius: 50%;
}

.mouth::before,
.mouth::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.mouth::before,
.mouth::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.table-ranking .th-estimates .column1 {
    width: 34%;
}

.table-ranking .th-estimates .column {
    width: 16.5%;
}

.table-ranking .fl-estimates .column1 {
    width: 34%;
    padding: 20px;
}

.table-ranking .fl-estimates .column {
    width: 16.5%;
    padding: 0;
}

.table-ranking .fl-estimates .item {
    padding: 0;
}

.title-collection-user {
    margin-top: 50px;
    text-align: center;
}

.title-collections {
    border-bottom: 1px solid #7a798a36;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}

.title-collections i {
    font-size: 18px;
    color: var(--primary-color3);
    cursor: pointer;
}

.box-collections-user li {
    padding: 10px;
    font-weight: 600;
    font-size: 18px;
}

.box-collections-user li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 21px;
    display: block;
}

.div-new-collection,
.div-update-collection {
    display: none;
}

.box-menu-user {
    width: 100%;
}

.box-menu-user li {
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
}

.box-menu-user i {
    margin-right: 14%;
    margin-left: 8%;
    color: var(--primary-color3);
}

.div-favorites-occabricks .tags,
.div-myads-occabricks .tags {
    padding: 0 10px;
    margin-right: 2px;
    width: auto;
}

.div-myads-occabricks .dropdown-occabricks select {
    width: 200px;
}

.row-messages {
    align-items: flex-start;
}
.mentions-legales-msg {
    margin-top:2rem;
}
.mentions-legales-msg p {
    font-size:0.9rem;
    line-height: 1.3;
    margin:0.5rem 0;
}
#reported-discussion {
    font-size:1.8rem;
}
.mentions-legales-msg li {
    list-style: circle;
    margin-left:2rem;
}
.confirm-sell-set,
.confirm-buy-set {
    display: none;
}

.dropdown-actions-sets {
    display: none;
    z-index: auto;
    width: 250px;
}

.div-mycollection-occabricks .content .client,
.div-myestimates-occabricks .content .client,
.div-mydiscussions-occabricks .content .client {
    flex: 3;
}

.div-mycollection-occabricks .content .state {
    text-align: center;
}

.div-mycollection-occabricks .content .state h5 {
    font-size: 14px;
    line-height: 22px;
}

.div-mycollection-occabricks .content .state,
.div-mycollection-occabricks .content .price {
    flex: 1;
}

.div-mycollection-occabricks .content .sell-set {
    flex: 1;
    text-align: right;
    margin-right: 20px;
}

.div-mydiscussions-occabricks .column {
    position: relative;
}

.div-myestimates-occabricks .content-title,
.div-mydiscussions-occabricks .content-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.div-myestimates-occabricks .content-right .content .name,
.div-mydiscussions-occabricks .content-right .content .name {
    color: var(--primary-color2) !important;
}

.div-myestimates-occabricks .content .column,
.div-myestimates-occabricks .content-title .column-title,
.div-mydiscussions-occabricks .content .column,
.div-mydiscussions-occabricks .content-title .column-title {
    flex: 1;
    text-align: center;
}

/*.div-myestimates-occabricks .content .column:nth-child(3),
.div-myestimates-occabricks .content-title .column-title:nth-child(3) {
    text-align: left;
}*/

.action-list-menu {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    float: right;
    top: 50%;
    right: 15px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.action-list-menu:before,
.action-list-menu:after,
.action-list-menu span {
    background-color: #9d9ca9;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 5px;
}

.action-list-menu:before,
.action-list-menu:after {
    content: '';
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.action-list-menu span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 50%;
    overflow: hidden;
    text-indent: 200%;
}

.action-list-menu:before {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.action-list-menu:after {
    -webkit-transform: translate3d(0, 7px, 0);
    -moz-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
}

.action-list-menu.active span {
    opacity: 0;
}

.action-list-menu.active:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.action-list-menu.active:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.view-list-action {
    display: none;
}

span.set-sold {
    text-align: center;
    line-height: 22px;
    border: none;
    background: #CCFFC7;
    color: #2b9720;
    border-radius: 10px;
    padding: 15px 39px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

span.set-waiting-to-sell {
    text-align: center;
    line-height: 22px;
    border: none;
    background: #FFF3CD;
    color: #664D03;
    border-radius: 10px;
    padding: 15px 39px;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.popup-notification .avatar_popup2 .content .infor:hover span,
.popup-notification .avatar_popup2 .content .infor:hover p {
    color: var(--primary-color3) !important;
}

.rating .rate {
    font-size: 0;
    display: flex;
    justify-content: center;
}

.rating .rate label {
    font-size: 26px;
    display: inline-block;
    color: #369;
    padding: 10px 10px;
}

.rating .rate label:hover~label {
    color: lightgray;
}

.rating input[type=radio] {
    position: absolute;
    height: 1px;
    width: 0;
    opacity: 0.1;
}

.rating:not(:hover) input:checked+label~label {
    color: lightgray;
}

.rating-star .rate label {
    color: goldenrod;
}

.rating-star .rate input:checked+label {
    transform: scale(1.2);
}

.noafter::after {
    content: none !important;
}

.tf-section-ad .content-inner.tab-content {
    font-size: 14px;
    line-height: 22px;
    color: #7A798A;
}

.tf-section-ad .content-inner.tab-content .ul_info_ad {
    margin-bottom: 20px;
}

span.span-checkbox {
    background-color: transparent;
    border: 1px solid var(--primary-color4);
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}

span.span-checkbox.active {
    background-color: var(--primary-color3);
    border: 2px solid var(--primary-color3);
}

span.span-checkbox.active::after {
    content: "\e921";
    font-family: 'nfts';
    left: 0px;
    top: -3px;
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.div-states-ad {
    display: flex;
    flex-wrap: wrap;
}

.div-states-ad div {
    width: 50%;
    padding-right: 5px;
}

.box-title-password {
    position: relative;
    margin-bottom: 30px;
}

.box-title-password h5 {
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    color: #7A798A;
}

.box-title-password::before,
.box-title-password::after {
    content: '';
    height: 1px;
    position: absolute;
    width: 27%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #EBEBEB;
}

.box-title-password2::before,
.box-title-password2::after {
    width: 30%;
}

.box-title-password.box-small::before,
.box-title-password.box-small::after {
    width: 15%;
}

.box-title-password::before {
    left: 0;
}

.box-title-password::after {
    right: 0;
}

.div-modify-password div {
    margin-right: 0;
}

.upload-background {
    width: 32%;
    margin-right: 17px;
}

span.after {
    position: relative;
    padding-right: 15px;
}

span.after::after {
    content: "";
    position: absolute;
    background-color: #8A8AA0;
    width: 1px;
    height: 14px;
    bottom: 4px;
    right: 0;
    transform: rotate(13deg);
}

.header_1 .header_avatar .avatar_popup {
    padding-top: 20px;
}

.user-menu-medal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.quiz-medal {
    position: relative;
    margin-bottom: 16px;
}

.quiz-medal-subscription {
    position: absolute;
    right: 2rem;
    top: 6rem;
}

.quiz-medal.quiz-medal-small {
    transform: scale(0.7);
}

.quiz-medal__circle {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 500;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    color: white;
    text-align: center;
    line-height: 46px;
    vertical-align: middle;
    position: relative;
    border-width: 0.2em;
    border-style: solid;
    z-index: 1;
    box-shadow: inset 0 0 0 rgba(223, 126, 8, 0.15), 2px 2px 0 rgba(0, 0, 0, 0.08);
    border-color: #ab9573;
    text-shadow: 0 0 4px rgba(223, 126, 8, 0.2);
    background: linear-gradient(to bottom right, #CAB28C 50%, rgba(255 255 255) 100%);
}

.quiz-medal__circle--platine {
    box-shadow: inset 0 0 0 rgba(209, 215, 218, 0.15), 2px 2px 0 rgba(0, 0, 0, 0.08);
    border-color: #c2cbd1;
    text-shadow: 0px 0px 4px rgba(209, 215, 218, 0.2);
    background: linear-gradient(to bottom right, #d1d7da 50%, rgba(255, 255, 255) 100%);
}

.quiz-medal__circle--gold {
    box-shadow: inset 0 0 0 rgba(249, 173, 14, 0.15), 2px 2px 0 rgba(0, 0, 0, 0.08);
    border-color: #e9c942;
    text-shadow: 0 0 4px rgba(249, 173, 14, 0.2);
    background: linear-gradient(to bottom right, #f6e27a 50%, rgba(255 255 255) 100%);
}

.quiz-medal__circle--silver {
    box-shadow: inset 0 0 0 rgba(209, 215, 218, 0.15), 2px 2px 0 rgba(0, 0, 0, 0.08);
    border-color: #9ea1a5;
    text-shadow: 0px 0px 4px rgba(209, 215, 218, 0.2);
    background: linear-gradient(to bottom right, #c8c9cb 50%, rgba(255, 255, 255) 100%);
}

.quiz-medal__circle--bronze {
    box-shadow: inset 0 0 0 rgba(223, 126, 8, 0.15), 2px 2px 0 rgba(0, 0, 0, 0.08);
    border-color: #ab9573;
    text-shadow: 0 0 4px rgba(223, 126, 8, 0.2);
    background: linear-gradient(to bottom right, #CAB28C 50%, rgba(255 255 255) 100%);
}

.quiz-medal__ribbon {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 6px 10px;
    width: 0;
    height: 20px;
    top: 50px;
}

.quiz-medal__ribbon--left {
    border-color: #fc402d #fc402d transparent #fc402d;
    left: 8px;
    transform: rotate(20deg) translateZ(-32px);
}

.quiz-medal__ribbon--right {
    left: 28px;
    border-color: rgba(204, 28, 17, 0.9) rgba(204, 28, 17, 0.9) transparent rgba(204, 28, 17, 0.9);
    transform: rotate(-20deg) translateZ(-48px);
}

.info-message {
    text-align: center;
}

.font-12 {
    font-size: 12px !important;
}

.tab-authors .author-profile .widget-social {
    padding-left: 0;
}

.infor-description p {
    color: #fff;
}

@media (max-width: 992px) {

    .form-search-occabricks form {
        flex-direction: column;
    }

    .form-search-occabricks form .seclect-box.style-1 {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .form-search-occabricks form .seclect-box.style-1 input[name="search"] {
        width: 100%;
    }

    .form-search-occabricks form .seclect-box.style-1 input[name="cp"] {
        max-width: none;
        width: 33.33%;
    }

    .form-search-occabricks form .seclect-box.style-1 #type,
    .form-search-occabricks form .seclect-box.style-1 #rayon {
        width: calc(33.33% - 10px);
    }

    .form-search-occabricks form .seclect-box.style-2 {
        margin-top: 10px;
        width: 100%;
    }

    .form-search-occabricks form .seclect-box.style-2 button {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .form-search-occabricks form .seclect-box.style-1 input[name="cp"] {
        width: 100%;
    }

    .form-search-occabricks form .seclect-box.style-1 #type,
    .form-search-occabricks form .seclect-box.style-1 #rayon {
        width: calc(50% - 5px);
    }
}

#main-nav>ul>li>a:not(.button-style) {
    color: #1F1F2C !important;
    line-height: 34px;
}

#main-nav>ul>li>a.button-style {
    font-size: 1.5rem;
}



#main-nav>ul>li>a.button-style i {
    margin-right: 0.5rem;
    font-size: 1.25rem
}

@media (max-width: 768px) {
    #logo_header {
        /*height: 60px !important;*/
        width: 75px !important;
        margin-top: -15px !important;
    }
  }