/* commons */
html, body {
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana;
    overflow: auto !important;
    font-style: normal;
    outline: none;
}

.dev div {
    border: 0.1px dotted #00ff53;
}

.devr {
    border: 0.1px dotted #dc3545 !important;
}

/*a {
    cursor: pointer;
    color: gold;
}
*/

/* a {
    color: black !important;
    cursor: pointer;
}


[dark-theme="true"] a {
    cursor: pointer;
    color: black;
    outline: none;
}
*/

a {
    color: #333332;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: black;
        text-decoration: none;
    }

.main-container {
    padding: 0;
    text-align: left !important;
}

.date-text {
    color: #4C5357;
}

[dark-theme="true"] .dropdown-menu {
    min-width: unset;
    background-color: black;
    color: white;
    border: 1px solid #555;
}

.dropdown-menu {
    min-width: unset;
    background-color: white;
    color: black;
    border: 1px solid #555;
}

[dark-theme="true"] .b-dropdown {
    color: white;
    background-color: #000000;
}

.dropdown-divider {
    border: 1px solid #555;
}

.b-dropdown {
    background-color: transparent;
}

[dark-theme="true"] .dropdown .btn {
    color: dimgrey;
}

.dropdown .btn {
    color: dimgrey;
}

.dropdown-menu {
    min-width: unset;
}

[dark-theme="true"] .dropdown-menu {
    min-width: unset;
    color: gainsboro;
}

.required {
    color: #dc3545;
}

.col-form-label {
    font-weight: 500;
}

.field-validation-error {
    color: #dc3545;
    font-weight: 500;
}

.message-error ul {
    padding: 0;
    margin-bottom: 5px;
    color: #dc3545;
    font-weight: 500;
}

.custom-control {
    cursor: pointer;
}

.disabled {
    pointer-events: none;
}

.cookie-bar-notification {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
}

body:not(.modal-open) {
    overflow-x: hidden;
}

.modal {
    -webkit-transition: none;
    transition: none;
}

    .modal + .modal-backdrop {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }

    .modal.fade + .modal-backdrop {
        opacity: .5;
    }

[v-cloak] .page-loader-container::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 1040;
}

[v-cloak] .page-loader,
[v-cloak] .page-loader:before,
[v-cloak] .page-loader:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

[v-cloak] .page-loader {
    color: #b6882bff;
    margin: 22.5px auto;
    position: fixed;
    top: calc(50% - 22.5px);
    left: calc(50% - 22.5px);
    width: 53px;
    height: 53px;
    box-shadow: inset 0 0 0 5px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1041;
}

    [v-cloak] .page-loader:before,
    [v-cloak] .page-loader:after {
        position: absolute;
        content: '';
    }

    [v-cloak] .page-loader:before {
        width: 27.5px;
        height: 55px;
        background: #01b7f4;
        background-color: #f1f1f1;
        -webkit-border-radius: 55px 0 0 55px;
        -moz-border-radius: 55px 0 0 55px;
        border-radius: 55px 0 0 55px;
        top: -1px;
        left: -1px;
        -webkit-transform-origin: 27.5px 27.5px;
        transform-origin: 27.5px 27.5px;
        -webkit-animation: load2 2s infinite ease 1.5s;
        animation: load2 2s infinite ease 1.5s;
    }

    [v-cloak] .page-loader:after {
        width: 27.5px;
        height: 55px;
        background: #01b7f4;
        background-color: #f1f1f1;
        -webkit-border-radius: 0 27.5px 27.5px 0;
        -moz-border-radius: 0 27.5px 27.5px 0;
        border-radius: 0 27.5px 27.5px 0;
        top: -1px;
        left: 27.5px;
        -webkit-transform-origin: -1px 27.5px;
        transform-origin: -1px 27.5px;
        -webkit-animation: load2 2s infinite ease;
        animation: load2 2s infinite ease;
    }

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


[dark-theme="true"] .up-btn {
    background: #565656;
}

.up-btn {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    font-size: 24px;
    background: #acacac;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 1039;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

    .up-btn.up-btn__hide {
        width: 0;
        height: 0;
        transform: translateX(calc(100% + 15px));
    }

    .up-btn:not(.up-btn__hide) div {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .up-btn:not(.up-btn__hide) div::before {
            content: "";
            position: absolute;
            left: 20px;
            width: 15px;
            height: 2px;
            background: #fff;
            transform: rotate(45deg);
        }

        .up-btn:not(.up-btn__hide) div::after {
            content: "";
            position: absolute;
            right: 20px;
            width: 15px;
            height: 2px;
            background: #fff;
            transform: rotate(-45deg);
        }

/* sidebar common */


.b-sidebar {
    height: 100%;
    width: 30%;
}

.b-sidebar-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.02);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #F5F5F5;
}

.b-sidebar-body::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.b-sidebar-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    background-color: #ddd;
}

/* Menu */

.Menu {
    display: none;
    position: relative;
}
/* Three basic menu layouts */
/* This also enforces that menu is a ul, and that * layout modifier is specified */
ul.Menu.-vertical {
    display: inline-block;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

ul.Menu.-floating {
    display: block;
    position: absolute;
}
/* Menu and menu-item layout */
.Menu, .Menu li, .Menu li > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .Menu li {
        display: flex;
        align-items: center;
        margin: 5px 10px;
        word-break: break-word;
        cursor: pointer;
    }

        .Menu li.category {
            background-color: #E8E9EA;
        }

            .Menu li.category > div > span, .Menu li.category > a {
                font-weight: 700;
            }

        .Menu li:not(.category) {
            background-color: #f1f1f1;
        }

        .Menu li .badge {
            position: absolute;
            top: 0;
            left: 10px;
        }

        .Menu li.sub-cat-name-container a {
            color: #fff;
            font-weight: 500;
        }

        .Menu li .back {
            background: #f2f2f2;
            display: flex;
            align-items: center;
            padding: 10px;
            font-weight: 500;
        }

            .Menu li .back .b-icon.bi {
                font-size: 16px;
                padding: 0;
            }

        .Menu li > * {
            display: block;
            position: relative;
        }

        .Menu li > ul {
            position: absolute;
            min-width: 100%;
            top: 0;
            bottom: 0;
            left: 100%;
            -webkit-transition: transform .4s cubic-bezier(.19,1,.22,1);
            transition: transform .4s cubic-bezier(.19,1,.22,1);
        }
            /* Menu behaviour */
            .Menu li > ul.-visible, ul.Menu.-floating.-visible {
                display: block;
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                z-index: 2;
            }
        /* Menu animation */
        .Menu li > ul, .Menu.-floating {
            opacity: 1;
            transform: scale(1) translateY(0px);
            transform-origin: left top;
        }

            .Menu.-alignRight li > ul, .Menu.-floating.-alignRight {
                transform-origin: right top;
            }
    /* Menu item icons */
    .Menu *[data-icon]:before {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto 0px;
    }

    .Menu .Icon, .Menu *[data-icon]:before {
        line-height: inherit;
    }

    .Menu .Icon {
        padding: 0px;
    }

    .Menu *:empty[data-icon] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /* Submenu chevrons */
    .Menu li.-hasSubmenu > a:after, .Menu li.-hasSubmenu > div:after {
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        right: 8px;
        bottom: 0px;
        top: 0px;
        margin: auto 0px;
        transform: rotate(45deg);
        border-width: 1px;
        border-color: black;
        border-style: solid solid none none;
        content: "";
    }

    .Menu li.-hasSubmenu.-noChevron > a:after, .Menu li.-hasSubmenu.-noChevron > div:after {
        display: none;
    }

.Menu {
    line-height: 40px;
}

    .Menu *[data-icon]:before, .Menu .Icon {
        width: 40px;
        height: 40px;
    }

    .Menu *[data-icon] {
        min-width: 40px;
        min-height: 40px;
        padding-left: 40px;
    }
/* Default font settings for menu */
.Menu {
    font-size: 16px;
}
    /* Icon font sizes */
    .Menu *[data-icon]:before, .Menu .Icon {
        font-size: 24px;
    }
    /* For submenus */
    .Menu > li ul .Icon, .Menu.-floating .Icon, .Menu > li ul *[data-icon]:before, .Menu.-floating *[data-icon]:before {
        font-size: 18px;
    }
    /* Colouring of menus */
    /* Foreground */
    .Menu, .Menu li.-hasSubmenu > a:after, .Menu li.-hasSubmenu > div:after {
        color: black;
        border-color: black;
        /* chevron colour */
    }
        /* Background */
        .Menu ul, .Menu.-floating {
            background: white;
        }
        /* Padding for each menu item */
        .Menu li > * {
            padding: 0px 12px;
        }
        /* Indent of chevron */
        .Menu li li.-hasSubmenu > a:after, .Menu > li.-hasSubmenu > a:after {
            right: 12px;
        }

        .Menu li li.-hasSubmenu > a {
            padding-right: 28px;
        }
        /* Minimum width of dropdown menus */
        .Menu.-floating {
            min-width: 200px;
        }
        /* Styling of hyperlink text */
        .Menu li > a, .Menu li > div {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 10px;
            font-weight: 500;
            text-decoration: none;
            color: inherit;
        }
            /* Animation speed of :hover shading */
            .Menu li > a:first-child {
                transition: background-color 0.2s;
            }
        /* Colour of :hover shading */
        .Menu li.category:hover {
            background-color: rgba(0,0,0,0.2);
        }


.card {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
/* bootstrap slider */

#ShixCarousel .link {
    cursor: pointer;
}

/* buttons */

.btn {
    font-weight: 500;
    text-align: center;
}

.btn-secondary {
    /* background-color: #333; */
    /* border-color: #333; */
}

#blike a {
    cursor: pointer;
}

.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #000;
    border-color: #000;
}

.btn-chkbox:hover,
.btn-chkbox.active,
.btn-chkbox:active,
.btn-chkbox:not(:disabled):not(.disabled).active,
.btn-chkbox:not(:disabled):not(.disabled):active,
.show > .btn-chkbox.dropdown-toggle {
    background-color: #000;
    border-color: #000;
}

label.btn-chkbox {
    background-color: #78797a;
    border-color: #000;
}

.btn-outline-secondary {
    color:#333; /* gainsboro;*/
    border-color: #333;
}

.btn-secondary.active {
    background-color: #f86161 !important;
    border-color: #78797a;
}

.btn-outline-secondary:hover {
    background-color: #333;
    border-color: #333;
}

/* headings */

.generalTitle {
    margin: 0 0 15px 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
}

dl, ol, ul {
    list-style-type: none;
}

/* utilities */

.generalMarginSupporter {
    margin: 15px 0;
}

/* modals */

.modal-close {
    position: fixed;
    top: 0;
    right: 30px;
    width: auto;
    border-color: whitesmoke;
    color: #ddd;
    font-size: 28px;
    cursor: pointer;
    z-index: 3;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.modal-close-inside {
    position: absolute;
    right: 0px;
}

.modal-close:hover, .modal-close:focus, .modal-close:not(:disabled):not(.disabled):active {
    color: #ddd;
    background-color: #555;
    border-color: transparent;
    box-shadow: none !important;
}

.modal-place .b-overlay-wrap {
    position: fixed !important;
    width: 100%;
    height: 100%;
    z-index: 1050;
}

#ModalAddToCart img {
    background-color: #F8F9FB;
}

/* color squares */

.color-squares input {
    position: absolute;
    visibility: hidden;
}

input ~ .color-container .color {
    position: relative;
    cursor: pointer;
}

input:checked ~ .color-container .color::before {
    content: '\2713';
    position: absolute;
    top: 0;
    left: 5px;
    color: #efefef;
}

/* search box */

#search-box .modal-dialog.modal-xl {
    max-width: 100%;
    margin: 0;
}

.modal-fs, .modal-fs .modal-dialog {
    max-width: 100vw !important;
    width: 100vw !important;
    max-height: 100vh !important;
    height: 100vh !important;
}


.modal-xl {
    max-width: 80vw !important;
    /*max-height: 850px !important;*/
}


.modal-xh {
    max-width: 55vw !important;
    /*max-height: 850px !important;*/
}

.modal-xl .modal-body {
    /* max-height: 850px !important;*/
}

#search-box .modal-dialog.modal-md {
    max-width: 100%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

#search-box .modal-md {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    max-width: 300px !important;
    right: -220px;
    margin-top: 0.5rem !important;
}


#search-box .modal-content,
#search-box .input-group #small-searchterms,
#search-box .input-group .search-box-select,
#search-box .input-group .search-box-button,
#search-box .input-group .modal-close {
    border: 0;
    border-radius: 0;
}

#search-box .modal-body {
    padding: 0;
}

#search-box .input-group,
#search-box .input-group > .form-control,
#search-box .search-box-select {
    height: 55px;
}

#small-searchterms + .field-validation-error {
    position: absolute;
    top: 34px;
    font-size: 14px;
    display: block;
    z-index: 3;
}

#small-search-box-form {
    position: relative;
}

.search-box-select {
    max-width: 100px;
}



.friends-search-results {
    background: #e8e2d6ff;
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0;
    max-height: calc(50vh - 5px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid #555;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    z-index: 3;
}

[dark-theme="true"] .friends-search-results {
    background: #343a40;
}

    [dark-theme="true"] .friends-search-results a {
        color: white;
    }

.friends-search-results a {
    color: black
}

.friends-search-results .title:first-child {
    margin: 0 0 10px 0;
    line-height: 1;
}

.friends-search-results .title:not(:first-child) {
    margin: 10px 0 10px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ddd;
    line-height: 1;
}

.friends-search-results .list {
    margin: 0 0 10px 0;
}

.advanced-search-results {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0;
    width: 380px;
    max-height: calc(100vh - 5px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px;
    background: #fff;
    border: 1px solid #555;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 3;
}


[dark-theme="true"] .advanced-search-results a {
    color: white;
}

.advanced-search-results a {
    color: black
}

.advanced-search-results .title:first-child {
    margin: 0 0 10px 0;
    line-height: 1;
}

.advanced-search-results .title:not(:first-child) {
    margin: 10px 0 10px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ddd;
    line-height: 1;
}

.advanced-search-results .list {
    margin: 0 0 10px 0;
}

.advanced-search-results .products .list .media:not(:last-child) {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 0px solid #ddd;
}

.advanced-search-results p {
    color: #666;
    font-size: 14px;
}

.advanced-search-results .price {
    width: 100%;
    color: #17a2b8;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.advanced-search-results .b-rating {
    height: 20px;
}

    .advanced-search-results .b-rating .b-rating-star {
        padding: 0 3px 0 0;
    }

.header-nav .advanced-search-results .b-rating .b-rating-star .b-icon.bi {
    font-size: 14px;
}

.navb-login {
    height: 20px;
}
/* rating */
.b-rating {
    background-color: transparent;
}

/* product box */

.product-box {
    border: 0;
    /*  border-radius: 20px;*/
}

    .product-box:hover {
        z-index: 3;
    }

    .product-box *,
    .product-box .card-footer * {
        z-index: 2;
    }

    .product-box::before {
        content: "";
        position: absolute;
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        /*background: #fff;*/
        border: 0px solid transparent;
        border-bottom: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /* border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;*/
    }

[dark-theme="true"] .product-box::before {
    /* background: #000;*/
}

/*
.product-box:hover::before {
    box-shadow: inset 0 0 14px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 14px 0 rgba(0,0,0,.4);
    padding: 0;
}

[dark-theme="true"] .product-box:hover::before {
    box-shadow: inset 0 0 14px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 0 14px 0 rgba(255,255,255,.4);
}

.product-box:hover::before .rounded {
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
}

*/


.video-container > video {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.video-container {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.product-box .picture-container {
    position: relative;
    overflow: hidden;
}

    .product-box .picture-container .img-container {
        display: block;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .product-box .picture-container .img-container::before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .product-box .picture-container .img-container img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            margin: auto;
            background-color: #F8F9FB;
        }

.product-box .hover-img {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.product-box:hover .hover-img {
    opacity: 1;
    visibility: visible;
}

.product-box .hover-img.img-second {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.product-box .card-body {
    padding: 5px 0;
}

.product-box .quick-view-button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: calc(100%);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0px solid #555;
    border-top: 0px solid;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white !important;
}

.product-box:hover .quick-view-button {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}


.product-box .quick-view-b-button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: calc(100%);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0px solid #555;
    border-top: 0px solid;
    border-radius: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    z-index: 20;
    color: white !important;
}

.border-b-30 {
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.border-b-5 {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.product-box:hover .quick-view-b-button {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*
[dark-theme="true"]
 .quick-view-u-button,
 .quick-view-b-button{
    background-color: rgb(100, 100,100, 0.6) ;
}*/

.product-box .quick-view-u-button {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: calc(100%);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0px solid #555;
    border-top: 0px solid;
    border-radius: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.border-u-30 {
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

.border-u-5 {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.product-box:hover .quick-view-u-button {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.product-container .quick-view-t-button {
    color: #ccc;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: calc(100%);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0;
    border-top: 0px solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .1s ease;
    transition: all .9s ease;
    border: none !important;
}

.product-container:hover .quick-view-t-button {
    display: block;
    z-index: 10;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.product-box .card-title {
    line-height: 16px;
}

    .product-box .card-title a {
        color: #212529;
        margin: 0;
        font-size: 16px;
        font-weight: 500;
    }

.product-box .rating {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
}

.product-box .b-rating .b-rating-star {
    padding: 0 2px;
}

.product-box .rating .b-rating + a {
    color: #212529;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

    .product-box .rating .b-rating + a::before {
        content: "/";
        margin: 0 3px;
    }

.product-box .prices {
    display: inline-flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.product-box .actual-price {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.product-box .old-price {
    margin: 0 0 0 5px;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 1;
}

.product-box .card-footer {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    background-color: #f1f1f1;
    border: 0;
    padding: 0;
    z-index: 2;
}

.product-box:hover .card-footer {
    opacity: 1;
    visibility: visible;
}

.product-box .card-footer::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    background-color: #f1f1f1;
    border: 1px solid transparent;
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
    border-top: 0;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    z-index: -1;
}

.product-box:hover .card-footer::before {
    border-color: rgba(0,0,0,.2);
}

.product-box .attr-name {
    font-size: 14px;
    font-weight: 500;
}

.product-box .attr-value {
    margin: 0 0 0 5px;
}

    .product-box .attr-value .btn {
        margin: 0 0 3px 0;
        font-size: 13px;
        font-weight: 400;
    }

.product-box .desc {
    position: relative;
    color: #777;
    font-size: 14px;
    max-height: 85px;
    margin: 0;
    overflow: hidden;
}

.product-box .btn-group {
    width: 100%;
    margin: 10px 0 0 0;
}

.product-box .add-cart-text {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.product-box .catalog-quantity {
    max-width: 60px;
}

.product-box .spec-container {
    margin: 10px 0 0 0;
}

.product-box.grid-box .spec-container table,
.product-box.list-box .spec-container table {
    border-bottom: 0;
}

    .product-box .spec-container table,
    .product-box.grid-box .spec-container table td {
        width: 100%;
    }

        .product-box .spec-container table td {
            padding: 0 0 5px 0;
        }

        .product-box.grid-box .spec-container table td:nth-child(2) {
            display: inline-flex;
            justify-content: flex-end;
        }

.product-box .spec {
    display: inline-flex;
    width: 100%;
    line-height: 1;
}

    .product-box .spec:not(:last-child) {
        border-bottom: 1px dashed #dfdfdf;
    }

.product-box .spec-name {
    color: #292929;
    font-size: 14px;
    font-weight: 500;
    border: 0;
}

.product-box .spec-value {
    position: relative;
    margin: 0 0 0 5px;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    border: 0;
}

    .product-box .spec-value span:not(:first-child):not(:last-child)::after,
    .product-box .spec-value span:not(:last-child)::after {
        content: ",";
        position: relative;
        bottom: 0;
        right: 0;
        margin: 0 2px 0 0;
    }

/* product box list */
.public-box:hover, .public-box img {
}

.product-box {
    padding: 2px;
    /* border: 0 !important; */
}

.public-box .img-containers {
    border: none;
    width: 100%;
    min-height: 150px;
    /*max-height: 75vh;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.picture-containers .img-containers {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.img-containers img {
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.top {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.product-box.list {
    flex-direction: row;
    width: 100%;
}

    .product-box.list .picture-container {
        flex: 1
    }

    .product-box.list .card-body {
        flex: 3;
        padding: 0 0 0 10px;
    }

    .product-box.list::before {
        border-bottom: 1px solid transparent;
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

    .product-box.list:hover::before {
        border-bottom-color: rgba(0,0,0,.2);
    }

    .product-box.list .btn-group {
        width: auto;
    }

.product-box.mobile::before {
    display: none;
}

.product-box.mobile .quick-view-button {
    display: none;
}

.product-container.mobile .quick-view-t-button {
    display: none;
}

.product-box.mobile:hover .card-footer {
    opacity: 0;
    visibility: hidden;
}

.rounded-t-30, .card-header {
    -webkit-border-radius: 20px 20px 0 0 !important;
    -moz-border-radius: 20px 20px 0 0 !important;
    border-radius: 20px 20px 0 0 !important;
}

.rounded-top {
    -webkit-border-radius: 20px 20px 0 0 !important;
    -moz-border-radius: 20px 20px 0 0 !important;
    border-radius: 20px 20px 0 0 !important;
}

.prod-rounded {
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.rounded30 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/* category grid */
.categoryGrid a {
    color: #333;
    text-decoration: none;
}

.categoryGrid .card-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* container wide */

.main-container.container-fluid .product-box.list .card-body {
    flex: 4;
}

.main-container {
    min-height: 200%;
    padding-bottom: 50px
}

/* color container */

.btn.color-container {
    margin: 0 3px 3px 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.color-container .color {
    display: flex;
    width: 25px;
    height: 25px;
    border: 1px solid #efefef;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* autocomplete */

.vbt-autcomplete-list[data-v-48792d67] {
    max-height: 350px;
    overflow-y: auto;
    padding-top: 5px;
    position: absolute;
    z-index: 999
}

/* breadcrumb */

.breadcrumb {
    padding: 15px 0;
    background-color: transparent;
}


/* newsletter */
.newsletter {
    padding: 45px 15px;
}

    .newsletter .newsletter-title {
        color: #fff;
        font-size: 44px;
        font-weight: 700;
    }

    .newsletter .newsletter-desc {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
    }

.newsletter-email {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 12px 16px;
    height: auto;
}

    .newsletter-email::placeholder {
        color: #fff;
    }

.newsletter-email-button {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

.newsletter-result, .newsletter-validation {
    position: relative;
}

    .newsletter-result .alert, .newsletter-validation .please-wait {
        position: absolute;
        top: 10px;
        width: 100%;
    }

    .newsletter-result.success .alert {
        top: -35px;
    }

/* footer */

footer .list-group {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

footer .list-group-item-action {
    width: auto;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 400;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

footer .list-group-item:not(.list-group-item-action) {
    border: 0;
    background-color: #f8f9fa;
}

footer .list-group.social-icons .list-group-item {
    width: auto;
    background-color: transparent;
}

footer .list-group-item span:first-child {
    font-size: 14px;
    font-weight: 500;
}

footer .list-group-item span:last-child {
    font-size: 14px;
    font-weight: 400;
}

/* forum */

.quote {
    margin: 5px 0;
    padding: 10px;
    border: 1px dashed #ddd;
}


.mylinks span {
    font-size: 1.7rem;
}


/* media */


.custom-control {
    font-size: 1rem !important;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.sp5 {
    max-width: 190px;
    min-width: 190px;
    min-height: 100px;
}

.header-bg {
    min-height: 318px;
}

.header-bg-qv {
    min-height: 100px;
    max-height: 100px;
}
/* dark mode */
.contrast-switch.custom-switch.b-custom-control-lg .custom-control-label::before {
    top: 0;
}

.contrast-switch.custom-switch.b-custom-control-lg .custom-control-label::after {
    top: 2px;
}

.contrast-switch.custom-switch.custom-control * {
    cursor: pointer;
}

.contrast-switch .b-icon {
    position: absolute;
    top: 3px;
    left: calc(-2.8125rem + 3px);
    font-size: 14px !important;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    visibility: hidden;
    z-index: 1;
}

.contrast-switch .custom-control-label::before {
    border-width: 2px;
    border-color: #666;
}

.contrast-switch.custom-switch .custom-control-label::after {
    background-color: #f1f1f1;
}

.contrast-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ccc;
    border-color: #ccc;
}

.contrast-switch .b-icon.light {
    visibility: visible;
}

.contrast-switch .b-icon.dark {
    color: rgba(0,0,1) !important;
}

.contrast-switch.custom-switch .custom-control-input:checked ~ .custom-control-label .b-icon.light {
    visibility: hidden;
}

.contrast-switch.custom-switch .custom-control-input:checked ~ .custom-control-label .b-icon.dark {
    visibility: visible;
    -webkit-transform: translateX(.9375rem);
    transform: translateX(.9375rem)
}

/* dark bootstrap */

[dark-theme="true"] input.form-control {
    background-color: rgba(0,0,0,0.2);
    color: gainsboro !important;
}

[dark-theme="true"] .custom-select {
    background-color: rgba(0,0,0,0.2);
    color: gainsboro !important;
}

    [dark-theme="true"] .custom-select option {
        background-color: #333 !important;
        color: gainsboro !important;
    }

[dark-theme="true"] .bg-white {
    background-color: #343a40 !important;
}

[dark-theme="true"] .bg-gray {
    background-color: #000000 !important;
}

.bg-gray {
    background-color: #000000 !important;
}

[dark-theme="true"] .bg-light,
[dark-theme="true"] .jumbotron {
    background-color: rgba(0,0,1) !important;
}

[dark-theme="true"] .bg-buttonlight {
    background-color: #78797a !important;
}

[dark-theme="true"] .list-group-item {
    background-color: rgba(0,0,1);
}

.text-info {
    color: #666 !important;
}

[dark-theme="true"] .text-info {
    color: #666 !important;
}

[dark-theme="true"] a.text-info:focus, [dark-theme="true"] a.text-info:hover, [dark-theme="true"] .list-group-item-action:focus, [dark-theme="true"] .list-group-item-action:hover {
    color: #495057 !important;
}

[dark-theme="true"] .text-dark {
    color: #efefef !important;
}

[dark-theme="true"] .text-muted {
    color: #ccc !important;
}

[dark-theme="true"] .btn-light {
    color: #fff;
    border-color: rgba(0,0,1);
    background-color: #555;
}

[dark-theme="true"] .btn-buttonlight {
    color: #fff;
    border-color: rgba(0,0,1);
    background-color: #555;
}

[dark-theme="true"] .btn-light:hover {
    /*border-color: #555;*/
    background-color: rgba(0,0,1);
}

[dark-theme="true"] .btn-buttonlight:active,
[dark-theme="true"] .btn-buttonlight.active {
    /*border-color: #555;*/
    background-color: #b6882bff;
}

[dark-theme="true"] .btn-buttonlight:hover {
    /*border-color: #555;*/
    background-color: #b6882bff;
}

.btn-buttonlight:active,
.btn-buttonlight.active {
    /*border-color: #555;*/
    background-color: #b6882bff;
}

.btn-buttonlight:hover {
    /*border-color: #555;*/
    background-color: #b6882bff;
}

.btn-buttonlight {
    color: #fff;
    border-color: rgba(0,0,1);
    background-color: #78797a;
}

[dark-theme="true"] .btn-secondary {
    color: #fff;
    background-color: #b6882bff !important;
    /* border-color: #666; */
    border: none !important;
}

    [dark-theme="true"] .btn-secondary:hover {
        background-color: #71717197 !important;
    }

[dark-theme="true"] .text-warning {
    color: #b6882bff !important;
}
  .text-warning {
    color: red !important;
}
[dark-theme="true"] .claire .card-header {
    background-color: #444 !important;
    border-radius: 2px  !important;
    border-color: #666; 
}
 

[dark-theme="true"] .claire .card-body {
    background-color: #222 !important;
    
    border-radius: 2px  !important;
    border-color: #666;
  
}

 .claire {
     border-radius: 2px  !important;
    background-color: transparent !important;
 }
    .claire .card-header { 
    border-radius: 2px  !important;
    border-color: #666; 
}
.card.claire .card-body .row {
    margin: 0 1rem 0 1rem;
}


 .claire .card-body { 
    background-color: transparent !important;
    margin:  0px 0px  10px 0px !important; 
    padding: 0px 0  0px 0 !important;
    border-color: #666;
  
}
  
[dark-theme="true"] .btn-outline-secondary {
    color: #fff;
    border-color: #666;
}

[dark-theme="true"] .btn-danger, [dark-theme="true"] .text-dark, [dark-theme="true"] .btn-outline-info, [dark-theme="true"] .btn-info, [dark-theme="true"] .table-hover tbody tr:hover {
    color: #fff;
}

/* dark common */

[dark-theme="true"] .bi {
    color: #dee2e6;
}


#app[dark-theme="true"],
[dark-theme="true"] .modal-content,
[dark-theme="true"] .Menu li .back, [dark-theme="true"] .Menu li:not(.category) {
    color: #c7c7c7;
    background-color: black;
    /*    padding-bottom: 50px;
    margin-bottom: 100px;*/
}

[dark-theme="true"] .product-box .picture-container .img-container {
    border: 0px solid #555;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

[dark-theme="true"] .modal-close.btn-secondary {
    border-color: #555;
}


[dark-theme="true"] .Menu ul, [dark-theme="true"] .Menu.-floating {
    background: rgba(0,0,1);
}

[dark-theme="true"] a {
    color: #fff;
}

[dark-theme="true"] footer .list-group-item-action:focus, [dark-theme="true"] footer .list-group-item-action:hover {
    color: #42C0D1;
}

[dark-theme="true"] .card,
[dark-theme="true"] .product-box .card-footer, [dark-theme="true"] .product-box .card-footer::before,
[dark-theme="true"] footer, [dark-theme="true"] .product-box:hover::before, [dark-theme="true"] .product-box:not(.mobile):hover,
[dark-theme="true"] .shopping-cart.table td, [dark-theme="true"] .b-rating:focus, [dark-theme="true"] .product-box .picture-container .img-container img, [dark-theme="true"] .Menu li:not(.category):hover {
    /*    background-color: rgba(0,0,1);*/
    background-color: transparent;
}

[dark-theme="true"] #ModalAddToCart img {
    background-color: rgba(0,0,1);
    border: 0px solid #555;
}

[dark-theme="true"] .Menu li.category {
    background-color: #242424;
}

    [dark-theme="true"] .Menu li.category:hover, [dark-theme="true"] .Menu li.sub-cat-name-container:hover a {
        background-color: #000;
    }

[dark-theme="true"] .advanced-search-results {
    background: rgba(0,0,1);
}

    [dark-theme="true"] .categoryGrid a, [dark-theme="true"] .product-box .card-title a, [dark-theme="true"] .product-box .actual-price,
    [dark-theme="true"] .product-box .rating .b-rating + a, [dark-theme="true"] .b-rating .b-rating-value, [dark-theme="true"] .product-box .quick-view-button, [dark-theme="true"] .product-container .quick-view-t-button,
    [dark-theme="true"] .Menu li > a, [dark-theme="true"] .Menu li > div, [dark-theme="true"] .product-box .spec-name, [dark-theme="true"] .breadcrumb-item.active, [dark-theme="true"] .generalLeftSide li a,
    [dark-theme="true"] .generalLeftSide .block-category-navigation li.active > .sublist > li a, [dark-theme="true"] .table, [dark-theme="true"] .sidebar-cart .item .col a, [dark-theme="true"] .advanced-search-results .title, [dark-theme="true"] button.close {
        color: #fff;
    }

 
[dark-theme="true"] .cookie-bar-notification div {
    color: #fff!important;
    background: rgba(0,0,1) !important; 
}
  .cookie-bar-notification div {
 color: #fff!important;
    background: rgba(0,0,1) !important; 

}

[dark-theme="true"] .newsletter-email::placeholder {
    color: rgba(0,0,1);
}

[dark-theme="true"] .product-box .desc, [dark-theme="true"] .advanced-search-results p {
    color: #ccc;
}

[dark-theme="true"] .date-text, [dark-theme="true"] .product-box .spec-value {
    color: #aaa;
}

[dark-theme="true"] footer .list-group-item-action, [dark-theme="true"] .generalLeftSide .btn.color-container,
[dark-theme="true"] footer .list-group-item:not(.list-group-item-action), [dark-theme="true"] .newsletter-email-button, [dark-theme="true"] .product-box::before, [dark-theme="true"] .product-box {
    background-color: transparent;
}

[dark-theme="true"] footer .list-group.social-icons .list-group-item {
    filter: invert(1);
}

[dark-theme="true"] .Menu li.-hasSubmenu > a:after, [dark-theme="true"] .shopping-cart, [dark-theme="true"] .Menu li.-hasSubmenu > div:after, [dark-theme="true"] .newsletter-email-button {
    color: #fff;
    border-color: #fff;
}

[dark-theme="true"] .b-sidebar-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #222;
    border-radius: 6px;
}

[dark-theme="true"] .b-sidebar-body::-webkit-scrollbar {
    width: 8px;
    background-color: #222;
}

[dark-theme="true"] .b-sidebar-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: none;
    background-color: #555;
    border-radius: 6px;
}

.b-sidebar-footer {
    padding: 1px;
    box-shadow: 0 -3px 6px rgba(255,255,255,0.16), 0 -3px 6px rgba(0,0,0,0.23);
}


.fond-plume {
    background: url(/Logo_S2p.png) top no-repeat;
    background-size: contain;
    min-height: 50vh;
}


.fond-reg-fan {
    background: url(/assets/images/official/fan_register.jpg) top no-repeat;
    background-size: contain;
    min-height: 50vh;
}

.fond-reg-creat {
    background: url(/assets/images/official/creat_register.jpg) top no-repeat;
    background-size: contain;
    min-height: 50vh;
    top: 10px;
}

.reg-p {
}

.reg-p1 {
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    font-family: sans-serif;
    top: -35px
}

.reg-p2 {
    color: gold;
    font-size: 1.4em;
    font-weight: 200;
    top: -20px
}

.reg-p3 {
    text-transform: uppercase;
    font-size: 2.4em;
    font-weight: 200;
    margin-bottom: 30px;
    top: -20px
}

.reg-p4 {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 200;
    padding: 5px 0 5px 0;
    margin-bottom: 30px;
    top: -30px
}

.reg-p5 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 200;
    margin-bottom: 50px;
    top: -30px
}

.reg-p6 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 200;
    margin-bottom: 50px;
    top: -30px
}

.reg-p7 {
    color: gold;
    font-size: 1.5em;
    font-weight: 200;
    top: -30px
}

[dark-theme="true"] .login-page, [dark-theme="true"] .mylinks-page {
    color: white !important;
}

.login-page {
    /*background: url(/VeloursShixer.jpeg) top left;*/
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    color: gray;
}

.mylinks-page {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    color: black;
    height: 200%;
}

#app {
    min-height: 110vh !important;
}

.col-login {
    /*background: url(/VeloursShixer.jpeg) top left   ;*/
}

.page-ab, .col-ab {
    /*background: url(/VeloursShixer.jpeg) top left   ;*/
    /*background-size: cover;*/
    height: 77vh;
}

.login-card {
    background-color: transparent !important;
    border: 1px solid rgb(0,0,125, 0.2);
}

[dark-theme="true"] .login-card {
    background-color: transparent !important;
    border: 1px solid #707070;
}


.badge-vs {
    font-size: 0.5rem;
    font-family: Times
}


.modal-sm .modal-content {
    border: 1px solid #707070 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}


.modal-content {
    /*  border: 1px solid #333 !important;*/
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}


.b-Img-act {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    text-align: center;
    overflow: no-display;
    border: hidden;
}

.b-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    max-width: 40px;
    max-height: 40px;
    text-align: center;
    overflow: visible;
    position: initial !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
    /*   border: .5px solid #555;*/
}

    .b-avatar:focus {
        outline: 0
    }

    .b-avatar.btn, .b-avatar[href] {
        padding: 0;
        border: 0
    }

        .b-avatar.btn .b-avatar-img img, .b-avatar[href] .b-avatar-img img {
            transition: transform .15s ease-in-out
        }

        .b-avatar.btn:not(:disabled):not(.disabled), .b-avatar[href]:not(:disabled):not(.disabled) {
            cursor: pointer
        }

            .b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
                transform: scale(1.15)
            }

    .b-avatar.disabled, .b-avatar:disabled, .b-avatar[disabled] {
        opacity: .65;
        pointer-events: none
    }

    .b-avatar .b-avatar-custom, .b-avatar .b-avatar-img, .b-avatar .b-avatar-text {
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-mask-image: radial-gradient(#fff,#000);
        mask-image: radial-gradient(#fff,#000)
    }

    .b-avatar .b-avatar-text {
        text-transform: uppercase;
        white-space: nowrap
    }

    .b-avatar[href] {
        text-decoration: none
    }

    .b-avatar > .b-icon {
        width: 60%;
        height: auto;
        max-width: 100%
    }

    .b-avatar .b-avatar-img img {
        width: 100%;
        height: 100%;
        max-height: auto;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit;
        -o-object-fit: cover;
        object-fit: cover
    }

    .b-avatar .b-avatar-badge {
        position: absolute;
        min-height: 1.5em;
        min-width: 1.5em;
        padding: .25em;
        line-height: 1;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        font-size: 70%;
        font-weight: 700;
        z-index: 1
    }

.b-avatar-sm {
    max-width: 40px !important;
    max-height: 40px !important;
}


    .b-avatar-sm .b-avatar-text {
        font-size: .6rem
    }

    .b-avatar-sm .b-avatar-badge {
        font-size: .42rem
    }

.b-avatar-xl {
    width: 17rem !important;
    height: 17rem !important;
    max-width: 17rem !important;
    max-height: 17rem !important;
}

.b-avatar-gl {
    width: 10rem !important;
    height: 10rem !important;
    max-width: 10rem !important;
    max-height: 10rem !important;
}

.b-bg-gl {
    width: 10rem !important;
    height: 10rem !important;
    max-width: 10rem !important;
    max-height: 10rem !important;
}

.b-avatar-lg {
    width: 3.5rem;
    height: 3.5rem;
    max-width: 3.5rem;
    max-height: 3.5rem;
}

.s-avat-sugg {
    width: 10.5rem !important;
    height: 10.5rem !important;
    max-height: 4.5rem !important;
    max-width: 4.5rem !important;
}

.b-avatar-lg .b-avatar-text {
    font-size: 1.4rem
}

.b-avatar-lg .b-avatar-badge {
    font-size: .98rem
}

.b-avatar-group .b-avatar-group-inner {
    display: flex;
    flex-wrap: wrap
}

.b-avatar-group .b-avatar {
    border: 1px solid #dee2e6
}

.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled), .b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled) {
    z-index: 1
}

.border-5-gold {
    border: 5px solid #eeca15;
}

.border-gold {
    border: 1px solid #eeca15;
}

.border {
    border: 1px solid rgb(255,255,255, 0.5) !important;
}

.border-none, .border-none > button, .border-none > button:focus-visible {
    border: 0px !important
}

.avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /*  border: .5px solid #555;*/
}

.double-border {
    background-color: #ccc;
    border: 2px solid #555;
    padding: 1em;
    width: 16em;
    height: 16em;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    .double-border:before {
        background: none;
        border: 0px solid #000;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        pointer-events: none;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

.double-border-1 {
    /*background-color: #ccc;*/
    /*border: 1px solid #555;*/
    padding: 0em;
    width: 16em;
    height: 16em;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    .double-border-1:before {
        background: none;
        /*border: 1px solid black;*/
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

.v-avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 190px;
    height: 190px;
    position: relative;
    bottom: -5vh;
}


.v-edit {
    width: 190px;
    position: relative;
    bottom: -17vh;
}

.btn-info:hover {
    color: #fff;
    background-color: #eeca15;
    border-color: #b5872b
}

.btn-info {
    color: #fff;
    background-color: #b6882b;
    /* border-color: #eeca15;*/
    border: none !important;
}

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #b1832c9e;
        border-color: #b1832c
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #b1832c;
        /*border-color: #b1832c;*/
        border: none !important;
    }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #b5872b;
        /*  border-color: #dcc722;*/
        box-shadow: 0 0 0 0.2rem rgb(220 199 34 / 50%);
        border: none !important;
    }

    .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(220 199 34 / 50%);
    }

.speech-bubble-right {
    position: relative;
    background: rgb(0 128 255 / 90%);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    min-height: 170px;
}

    .speech-bubble-right:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-left-color: rgb(181, 135, 43, 30%);
        border-right: 0;
        border-bottom: 0;
        margin-top: 10px;
        margin-right: -20px;
    }

.speech-bubble-left {
    color: white;
    position: relative;
    left: 5%;
    background: #0080ff;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    min-height: 50px;
}


    .speech-bubble-left:after {
        content: '';
        position: absolute;
        left: 0;
        top: 60%;
        width: 0;
        height: 0;
        border: 34px solid transparent;
        border-right-color: rgb(181, 135, 43, .4);
        border-left: 0;
        border-bottom: 0;
        margin-top: 10px;
        margin-left: -34px;
    }

.speech-bubble-img {
    background: none !important;
}

.back-chat {
    background-size: auto !important;
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 16 16'%3E%3Cpath d%3D'M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z'%2F%3E%3C%2Fsvg%3E") center no-repeat;
}

.custom-file-label {
}

    .custom-file-label::after,
    .custom-file-label[data-browse] {
        content: "";
        color: transparent;
    }

        .custom-file-label[data-browse]::after {
            background: url(/assets/images/icons/Picture.svg) no-repeat center;
        }

.custom-file-input {
    display: none !important;
}


.shixer-register-block {
    display: inline;
    margin: 0px 5px 5px 5px;
}

.shixer-register-btn {
    display: inline-block;
    background-image: url('../../Shixer-register.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 154px;
    height: 24px;
    margin: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: solid 0.5px #eeca15;
}

.shixer-login-block {
    display: inline;
    margin: 0px 5px 5px 5px;
    padding-top: 5px;
}

.shixer-login-btn {
    display: inline-block;
    background-image: url('../../shiXer-signin.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 154px;
    height: 24px;
    margin: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: solid 0.5px #eeca15;
}

.mylinks span {
    vertical-align: middle;
    /* font-size: 2rem ;*/
    font: bold 900 !important;
}

.mylinks {
    max-width: 480px;
    min-width: 200px;
    vertical-align: middle;
}

    .mylinks li {
        vertical-align: middle;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background-image: none;
        background-repeat: repeat;
        background-size: cover
    }

.login-button {
    /* width: 15vw !important;*/
    min-width: 15vw;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.google-login-block {
    height: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-image: none !important;
    background-color: white;
}



.google-btn {
    height: 40px !important;
    background-image: url(/theme/images/btn_google_signin.svg) !important;
    background-color: white;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    padding: 7px 50px;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

    .google-btn::after {
        content: " Google";
        color: rgba(0,0,0,0.54);
        font-size: 14px;
        font-family: sans-serif;
        left: 10%;
        transform: translate(0,-50%);
        text-align: center;
    }

.facebook-login-block {
    height: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-image: none !important;
}

.facebook-btn {
    height: 40px !important;
    background-image: url(/theme/images/btn_facebook_signin.png) !important;
    background-color: #1877F2;
    background-size: contain;
    background-position: 0px -5px;
    background-repeat: no-repeat;
    padding: 7px 50px;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

    .facebook-btn::after {
        position: relative;
        content: " Facebook";
        color: white;
        font-size: 14px;
        font-family: sans-serif;
        left: 10%;
        transform: translate(0,-50%);
        text-align: center;
    }

    .facebook-btn:hover {
        background-position: 0px -5px !important;
    }

.register-link:visited, .register-link {
    color: gold;
}

.footer-terms:visited, .footer-terms, .footer-disclaimer {
    color: dimgrey;
}

.creator-like {
    min-width: 25%;
}

.no-color:link, .no-color:visited, .no-color {
    text-decoration: none;
    text-decoration-color: unset;
    color: #ccc !important;
}


.custom-cur {
    cursor: pointer;
}

.text-gold {
    color: #555 !important;
}

[dark-theme="true"] .text-gold {
    color: #b6882b !important;
}

.text-goldi {
    color: #b6882b !important;
}

[dark-theme="true"] .text-goldi {
    color: #b6882b !important;
}

.emoji-picker-icon {
    top: auto !important;
    bottom: 10px !important;
    color: gold !important;
}

.scroll {
    max-height: 600px !important;
    overflow-y: auto;
}


.emoji-picker {
    width: 40px;
    height: 40px
}

.f-100 {
    font-size: 2vw !important;
}

.f-l {
    font-weight: lighter !important;
}

.f-200 {
    font-weight: 200 !important;
}

.f-300 {
    font-weight: 300 !important;
}
.f-400 {
    font-weight: 400 !important;
}

.f-500 {
    font-weight: 500 !important;
}
.f-600 {
    font-weight: 600 !important;
}

.f-700 {
    font-weight: 700 !important;
}
.f-900 {
    font-weight: 800 !important;
}

.f-900 {
    font-weight: 900 !important;
}
.carousel.fade .item {
    transition: transform 2s ease, opacity .5s ease-out;
}

.carousel-indicators {
    /*   bottom: -60px !important;*/
}

.carousel-control-next {
    padding-left: 20px;
}

.carousel-control-prev {
    padding-right: 20px;
}


::-webkit-scrollbar {
    width: 10px;
}

[dark-theme="true"] ::-webkit-scrollbar-thumb {
    background-color: #303030;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%
}

[dark-theme="true"] ::-webkit-scrollbar-thumb:hover {
    background-color: #868686;
}
/* Track */
::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: gainsboro;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #5b5454;
    }

.back-transp {
    position: relative;
    height: 40vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .back-transp::before {
        content: "";
        background-image: url('/assets/images/official/noimg/0.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.3;
    }

.modal {
    overflow: auto !important;
}


/* Tooltip */
.tt + .tooltip > .tooltip-inner {
    background-color: #73AD21;
    color: #FFFFFF;
    border: 1px solid green;
    padding: 15px;
    font-size: 20px;
}
/* Tooltip on top */
tt + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
}
/* Tooltip on bottom */
tt + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
}
/* Tooltip on left */
tt + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid red;
}
/* Tooltip on right */
tt + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
}


.h-5 {
    height: 5% !important;
}

.h-10 {
    height: 10% !important;
}



.h-20 {
    height: 20% !important;
}


.h-30 {
    height: 30% !important;
}


.h-40 {
    height: 40% !important;
}


.h-60 {
    height: 60% !important;
}


.h-70 {
    height: 70% !important;
}


.h-80 {
    height: 80% !important;
}


.h-90 {
    height: 90% !important;
}

.cropbg .cropper-modal,
.cropav .cropper-modal {
    opacity: 0.8
}

.cropav .cropper-view-box, .cropav .cropper-face {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

#ModalQuickSubs___BV_modal_content_ {
    width: unset;
    margin: auto;
}

#shixModal {
    width: 100% !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin: 0;
    padding: 0;
    top: -5px;
}

    #shixModal .modal-body, #shixModal .alert-info {
        padding: 0px;
        margin: 0px
        /* color: gainsboro !important;
        background-color: #b6882b !important;
        border-color: #eeca15*/
    }

.m-alert {
}

.modal-close.btn-secondary {
    background-color: rgba(0,0,0,0.5) !important;
    border-color: #555 !important;
}

.s-avat-cloud {
    height: 80px;
    width: 80px;
    max-height: 80px;
    max-width: 80px;
}

[dark-theme="true"] .wlodd {
    background-color: #353535;
}

.wlodd {
    background-color: #dee2e6;
}

.walletlist, .walletlisttitle {
    margin: 0 10px 0 10px;
}

.current-balance {
    font-size: 1.5rem;
}

.current-balance-amount {
    font-size: 2rem;
    font-weight: 700
}

[dark-theme="true"] .a {
    cursor: pointer;
    color: White !important;
}

.a {
    color: black !important;
    cursor: pointer;
}

.c {
    cursor: pointer;
}
/*[dark-theme="false"]*/
/*.popover-body {
    font-weight: 500; color: gainsboro !important;
}*/

.b-popover-white {
    background-color: #212121 !important;
    border: 1px solid rgba(0, 0, 0, 0.9);
}

.b-popover-dark {
    border: 1px solid rgba(0, 0, 0, 0.9);
}


.b-popover-white .arrow:after {
    border-top-color: #212121 !important;
    border-bottom-color: #212121 !important;
}


.b-popover-white .b-popover-body {
    color: red;
}

.b-popover-dark .popover-body {
    color: #212121;
}

.b-popover-white .popover-body {
    color: #cbcbcb;
}


/*



    .b-popover-white  .bs-popover-top .arrow:after {
    border-top-color: #212121 !important;
    border-bottom-color: #212121 !important;
}
    .b-popover-white .bs-popover-right .arrow:after {
        border-right-color: #212121 !important;
        border-left-color: #212121 !important;
    }

    .b-popover-white .bs-popover-left .arrow:after {
        border-right-color: #212121 !important;
        border-left-color: #212121 !important;
    }


.b-popover-white .bs-popover-bottom .arrow:after {
    border-top-color: #212121 !important;
    border-bottom-color: #212121 !important;
}*/

.wallet-price {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border-right: none !important;
}


.nb-picture {
    height: 22px;
    width: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    display: table-cell;
    vertical-align: top;
    background-color: gray !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}






body.modal-open {
    /* // block scroll for mobile;
    // causes underlying page to jump to top;
    // prevents scrolling on all screens */
    /*  overflow: hidden;
    position: fixed;
 */
    overflow: visible;
    position: relative;
    overflow-x: hidden;
}

body.viewport-lg {
    /*  // block scroll for desktop;
    // will not jump to top;
    // will not prevent scroll on mobile */
    position: absolute;
}


.ldup > button {
    padding-top: 0;
    padding-right: 0.75rem !important;
    padding-bottom: 0;
    padding-left: 0.75rem;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0 solid transparent;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

    .ldup > button:focus {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

.titleregister, .logintitle {
    color: none;
    border-bottom: 0px solid gray
}



[dark-theme="true"] .dropdown-item.active, .dropdown-item:active {
    color: gainsboro;
    text-decoration: none;
    background-color: #2f2f2f;
}

.dropdown-item.active, .dropdown-item:active {
    color: #000;
    text-decoration: none;
}


.dropdown-item:focus, .dropdown-item:hover {
    background-color: #a3a3a3 !important;
}

element.style {
}

[dark-theme="true"] .form-control-f {
    color: #ccc;
    background-color: #000;
    border: 1px solid #ced4da;
}

[dark-theme="true"] .form-control {
    box-shadow: none;
}

.form-control-f {
    width: 60%;
    height: calc(1.5em + 0.75rem + 2px );
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


[dark-theme="true"] .form-control-i {
    color: #ccc;
    background-color: #000;
    border: 1px solid #ced4da;
}

[dark-theme="true"] .form-control-i {
    box-shadow: none;
}

.form-control-i {
    width: 100%;
    /*  //  height: calc(1.5em + 0.75rem + 2px );*/
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

[dark-theme="true"] .form-control-cal {
    color: #ccc;
    background-color: #333;
    border: 1px solid #ced4da;
}

[dark-theme="true"] .form-control-cal {
    box-shadow: none;
}

.form-control-cal {
    width: 100%;
    /*  //  height: calc(1.5em + 0.75rem + 2px );*/
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.select-post-dn {
    text-transform: none !important;
    font-size: 1.2em;
    font-weight: 500;
    color: White !important;
}


.select-post-desc, .select-post-loc {
    text-transform: none !important;
    font-size: small;
    font-weight: lighter;
}

[dark-theme="true"] .check-username-availability-button {
    border: 1px solid #706f6f !important;
    border-radius: 5px !important;
    background-color: transparent !important;
}

    [dark-theme="true"] .check-username-availability-button:hover {
        color: gainsboro;
        border-radius: 5px;
        border: 1px solid gainsboro;
        background-color: transparent
    }

.check-username-availability-button {
    color: #212020;
    border-radius: 5px;
    border: 1px solid #ced4da;
    background-color: #d8d8d8;
}

    .check-username-availability-button:hover {
        color: #212020;
        border-radius: 5px;
        border: 1px solid #222;
        background-color: transparent
    }

.card-body {
    text-align: left
}


.form-control:focus {
    color: #495057;
    /* background-color: #fff;*/
    border-color: #cacaca;
    outline: 0;
    box-shadow: none;
    /* -webkit-box-shadow:   0px -9px 29px -30px #CACACA;
    box-shadow:   0px -9px 29px -30px   #CACACA;*/
}

[dark-theme="true"] .form-control:focus {
    color: #495057;
    border-color: #cacaca;
    outline: 0;
    box-shadow: none;
    /* -webkit-box-shadow:   0px -9px 29px -30px #CACACA;
    box-shadow:   0px -9px 29px -30px   #CACACA;*/
}

.form-pop {
    border: none;
    border-bottom: solid 1px #ccc;
    border-radius: 0;
    box-shadow: none;
}

.mm-box {
    padding: 10px
}






.wall {
}

    /* clearfix */
    .wall:after {
        content: '';
        display: block;
        clear: both;
    }

/* ---- grid-item ---- */

.wall-sizer,
.wall-item {
    width: 10%;
}

.wall-item {
    float: left;
}

.wall-item--width15 {
    width: 15%;
}

.wall-item--w1 {
    width: 10%;
}

.wall-item--w2 {
    width: 20%;
}

.wall-item--w3 {
    width: 33%;
}

.wall-item--w5 {
    width: 50%;
}

.wall-item--h1 {
    height: 10%;
}

.wall-item--h2 {
    height: 20%;
}

.wall-item--h3 {
    height: 33%;
}

.wall-item--h5 {
    height: 50%;
}

.wall-sizer-a,
.wall-item-a {
    width: 20%;
}

.wall-item--width {
    width: 70px;
}

.wall-item--width25 {
    width: 25%;
}

.wall-item--width50 {
    width: 50%;
}

.wall-item--width60 {
    width: 60%;
}

.wall-item--height2 {
    height: 200px;
}

.wall-item--height3 {
    height: 260px;
}

.wall-item--height4 {
    height: 360px;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-radius: .25rem !important;
}

[dark-theme="true"] .a-btn {
    color: white;
    text-decoration: underline;
}

.a-btn {
    color: black;
    text-decoration: underline;
}

.alert > .a-btn {
    color: #721c24;
}

.read:hover {
    text-decoration-line: underline;
}

.read {
    color: black;
}

[dark-theme="true"] .read {
    color: white;
}

[dark-theme="true"] .error-upload {
    color: red !important;
}

.error-upload {
    color: red !important;
}

.vjs-big-play-button {
    display: none !important;
}

[dark-theme="true"] .quick-view-button,
[dark-theme="true"] .quick-view-t-button,
[dark-theme="true"] .quick-view-u-button,
[dark-theme="true"] .quick-view-b-button {
    background-color: rgb(0, 0, 0,0.5) !important;
    color: white !important;
}

.quick-view-button,
.quick-view-t-button,
.quick-view-u-button,
.quick-view-b-button {
    background-color: rgb(0, 0,0,0.5) !important;
    /*color: #1b1b1b !important;*/
    color: white !important;
}

.img-p-v {
    height: 500px !important;
    max-height: 500px !important;
}

.vjs-control-bar {
    margin-bottom: 35px;
    z-index: 1000
}

.btn-light.focus, .btn-light:focus {
    box-shadow: none !important;
}

.btn-buttonlight.focus, .btn-buttonlight:focus {
    box-shadow: none !important;
}

.video-js {
    height: 100% !important;
}

.video-js-is {
    width: 100% !important;
}

.video-js .vjs-control-bar {
    background-color: transparent !important;
}

.vjs-control-bar {
    padding: 0 40px 0px 40px;
}


.vjs-poster {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.mhpromo {
    color: white !important;
}

.mdpromo {
    width: 80%;
    color: aliceblue;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: rgb(0, 0, 0, 0.8) !important;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


[dark-theme="true"].mdpromo {
    background-color: rgb(0, 0, 0, 0.8) !important;
    color:aliceblue;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

[dark-theme="true"].mdpromo button {
     
    color:aliceblue !important;
    
}

 .mdpromo button {
     
    color:aliceblue !important;
    
}

.smpromo {
    border-radius: 5px;
    border: 1px solid red;
    background-color: rgb(255, 255,255, 0.8) !important;
    padding: 0 5px 0 5px;
    color: red;
    position: absolute;
    top: 2%;
    right: 2%;
    -ms-transform: translateX(-5%) translateY(-5%);
    -webkit-transform: translate(-5%,-5%);
    transform: translate(-5%,-5%);
}

.promob {
    border-radius: 5px;
    background-color: rgb(0, 0,0, 0.2) !important;
    padding: 0 5px 0 5px;
    color: antiquewhite;
    position: absolute;
    bottom: 2%;
    left: 5%;
    -ms-transform: translateX(-5%) translateY(-5%);
    -webkit-transform: translate(-5%,-5%);
    transform: translate(-5%,-5%);
}


[dark-theme="true"].homebackg {
}

.homebackg {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* opacity: .4;*/
    width: 100%;
    height: 100%;
    min-height: 50vw;
    background-size: cover;
    /*opacity: 0.6;*/
}

.homebg100  {
    height: 100vh;
    /*opacity: 0.1;*/
}

.bgexppage {
    height: 100vh;
    background-color: rgb(255 255 255) !important;
}

.bgexpress {
    border: none;
    /*   background-color: rgb(0, 0, 0,  0.7) !important;*/
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.artcartblured {
    opacity: 0.4;
}

[dark-theme="true"] .opc .card-body {
    border-radius: 20px;
    margin: 0px;
    background-color: rgb(0, 0, 0, 1) !important;
}

.opc .card-body {
    border-radius: 20px;
    margin: 0px;
    background-color: rgb(255, 255, 255, 1) !important;
}

.opbg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0, 0, 0, 0.6) !important;
}

.xgold {
    color: gold;
}

.alert-info .xgold {
    /*color: black; */
}


.messinline {
    text-align: center;
    background-color: rgb(5,5,5,0.1);
    color: black;
    border-radius: 20px;
    padding: 10px;
    margin: 5px 0 5px 0;
}

[dark-theme="true"] .messinline {
    background-color: #2f2f2f;
    color: white;
    /*border:  1px solid rgb(255, 255, 255, 0.5);*/
    border-radius: 20px;
    padding: 10px;
    margin: 5px 0 5px 0;
}

.vendor-page .card-body {
    background-color: white;
}

[dark-theme="true"] .vendor-page .card-body {
    background-color: rgb(0,0,0, 0.94);
}

.nav-link {
    color: black;
}

.card-body .nav-item:hover {
    background-color: rgb(0, 0, 0, 0.1)
}

.qq-upload-button-hover {
    background: #555 !important;
}

.activegold {
    width: 100%;
    height: 3px;
    background-color: #b6882b;
    top: -10px
}

.hr-gold {
    width: 75%;
    border-color: #b6882b;
}

.creator-edit .bi {
    color: #b6882b;
}

[dark-theme="true"] .creator-edit {
    color: #b6882b !important;
}

    [dark-theme="true"] .creator-edit .bi {
        color: #b6882b !important;
    }

.creator-edit:hover {
    color: #757575
}

/*[dark-theme="true"].activegold{width:100%; height:3px; background-color:gold;top: -10px}
*/

.mediakb > img {
    max-height: 200px;
}

[dark-theme="true"] .breadcrumb-item > a {
    color: #fff;
}

[dark-theme="true"] .breadcrumb-item.active {
    color: #000;
}

.breadcrumb-item.active {
    color: #000;
}

.breadcrumb-item > a {
    color: #000;
}

.product .product-name {
    color: black !important;
}

    .product .product-name:hover {
        color: darkgoldenrod !important;
    }

[dark-theme="true"] .product .product-name {
    color: white !important;
}

    [dark-theme="true"] .product .product-name:hover {
        color: goldenrod !important;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: goldenrod !important;
    background-color: goldenrod !important;
}

.btn-danger {
    color: #fff;
    background-color: red;
    border-color: #850039;
}

.smalltext {
    font-size: 11px;
}

.picturexs {
    max-width: 50px
}

#lngbtn button {
    background-color: #969696ff !important;
}

[dark-theme="true"] #lngbtn button {
    background-color: #454545f7 !important;
}

.badge {
    font-weight: 100;
}

.no-pad > .card-body {
    padding: 0 !important;
}

.no-pad > .card-header {
    padding: 0 !important;
}

.btn-primary {
    color: #fff;
    background-color: #656667;
    border-color: #dcdcdc;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #78797a;
        background-position: 0 -15px;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #78797a;
        border-color: #2b669a;
    }

    .btn-primary:disabled,
    .btn-primary[disabled] {
        background-color: #78797a;
        background-image: none;
    }

.titlepromo {
    font-size: 1.5rem;
    font-weight: 500;
}

.textpromo {
    font-size: 1rem
}


.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    min-width: 7% !important;
    min-height: 7% !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: grey !important;
    /*   
    background:no-repeat 100%/200% 100%/200% !important;*/
}

[dark-theme="true"] .carousel-indicators li {
    background-color: #fff
}

.carousel-indicators li {
    background-color: #000
}

.modal-backdrop {
    opacity: 0.5 !important;
    background-color: #343a40 !important;
}


.bg-info {
    background-color: #78797a !important;
}

.btn-outline-info {
    color: #222;
    background-color: #78797a5c !important;
    border-color: #78797a !important;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #78797a !important;
        border-color: #78797a !important;
    }

[dark-theme="true"] .btn-outline-White {
    color: #b6882bff !important;
    background-color: #f1f1f1 !important;
    border-color: #b6882bff !important;
    border-width: 3px;
    background-image: none !important;
}

    [dark-theme="true"] .btn-outline-White:hover {
        color: white !important;
        background-color: #eeca15 !important;
        border-color: #b6882bff !important;
        background-image: none !important;
        cursor: pointer;
    }


.btn-outline-white {
    color: #b6882bff !important;
    background-color: #f1f1f1 !important;
    border-color: ActiveBorder !important;
    background-image: none !important;
}

    .btn-outline-white:hover {
        color: gold !important;
        background-color: white !important;
        border-color: #b6882bff !important;
        background-image: none !important;
        cursor: pointer;
    }


.btn-info {
    cursor: pointer;
}

.dropdown-s > button {
    padding: 0;
    margin: 0;
}

.a-btn:hover {
    color: #b6882bff;
}

.sblist > a, .smallb {
    color: black !important;
}

[dark-theme="true"] .sblist > a {
    color: white !important;
}

[dark-theme="true"] textarea.form-control:focus, [dark-theme="true"] textarea.form-control {
    color: gainsboro;
    border-color: #cacaca;
    outline: 0;
    box-shadow: none;
    background-color: black;
}



.quotes {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

blockquote {
    margin-bottom: 25px;
}

.post {
    position: relative;
    font-size: 20px;
    line-height: 1.7em;
    word-break: break-word;
}

    .post footer {
        font-size: 0.6em;
        font-weight: 700;
        color: #d3d3cf;
        text-align: right;
    }

        .post footer:before {
            content: '\2015';
        }

    .post:after {
        content: '\201D';
        position: absolute;
        top: 0.28em;
        right: 0;
        font-size: 6em;
        font-style: italic;
        color: #e7e6e4;
        z-index: -1;
    }

/* loader */

.loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    opacity: 0;
}


    .loader.show {
        opacity: 1;
    }

    .loader div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 16px;
        background: #f4f4f4;
        animation: loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .loader div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .loader div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
        }

        .loader div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
        }

@keyframes loader {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}


.help-Public {
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 45px;
    border: 1px solid #555;
    background-color: #78797a;
    color: white;
    display: none;
}

.help-Priv {
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 45px;
    border: 1px solid #555;
    background-color: #78797a;
    color: white;
}

.help-Res {
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 45px;
    border: 1px solid #555;
    background-color: #78797a;
    color: white;
    display: none;
}

.help-Price {
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 45px;
    border: 1px solid #555;
    background-color: #78797a;
    color: white;
    display: none;
}

/*.card-videoS {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .card-videoS video {*/
/* Make video to at least 100% wide and tall */
/*min-width: 100%;
        min-height: 100%;*/
/* Setting width & height to auto prevents the browser from stretching or squishing the video */
/*width: auto;
        height: auto;*/
/* Center the video */
/*position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }*/

.m-class > div {
    border: none !important;
}

.m-class-h > .modal-dialog > .modal-content {
    background-color: transparent !important;
    border: none !important;
}

.form-range-vertical {
   /* -webkit-appearance: slider-vertical;*/
    transform: rotate(-180deg);
    writing-mode: vertical-lr;
    direction: rtl;
}
/*
.form-range-vertical {
    appearance: slider-vertical;
    transform: rotate(-180deg);
    transform-origin: left;
}
*/
.bg-i-i {
    background-color: #78797aa1 !important;
    color: white !important;
    font-weight: 600;
    font-size: 1.0em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
}

.bg-i-s {
    vertical-align: middle;
    padding: 0 5px 0 5px;
}






.progress-bar-vertical {
    width: 35px;
    min-height: 286px;
    margin-right: 20px;
    border-radius: 10px !important;
    display: flex;
    flex-direction: column-reverse;
}


    .progress-bar-vertical .progress-bar {
        width: 100%;
        height: 0;
        -webkit-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
        transition: height 0.6s ease;
        display: block;
    }


progress {
    display: none;
}

    progress.visible {
        display: inline;
    }






.containersc {
    width: 100%;
    position: absolute !important;
    z-index: 1;
    /*left: 0;*/
}


.containersa {
    width: 100%;
    position: absolute !important;
    z-index: 1;
    /* top: 100%; 
    left: 0; */
}

.progressbar li {
    float: left;
    width: 20%;
    position: relative;
    text-align: center;
}

.progressbar3 li {
    width: 33% !important;
}

.progressbar4 li {
    width: 25% !important;
}

.progressbar5 li {
    width: 20% !important;
}

.progressbar6 li {
    width: 16% !important;
}
.progressbar7 li {
    width: 10% !important;
}
.progressbar8 li {
    width: 10.5% !important;
}
.progressbar9 li {
    width: 9.5% !important;
}
.progressbar10 li {
    width: 8.5% !important;
}
.progressbar12 li {
    width: 7% !important;
}

.progressbar100 li {
    width: 100% !important;
}

.progressbar {
    counter-reset: step;
}

    .progressbar li:before {
        content: counter(step);
        counter-increment: step;
        width: 30px;
        height: 30px;
        border: 2px solid #bebebe;
        display: block;
        margin: 0 auto 10px auto;
        border-radius: 50%;
        line-height: 27px;
        background: white;
        color: #bebebe;
        text-align: center;
        font-weight: bold;
    }

    .progressbar li:after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 10px;
        background: #b6882b91;
        top: 10px;
        left: -50%;
        z-index: -1;
    }

    .progressbar li:first-child:after {
        content: none;
    }

    .progressbar li.active + li:after {
        background: #b6882bff;
        border-color: red;
    }

    .progressbar li.active + li:before {
        border-color: gold;
        background: #ffc44cff;
        color: black
    }


    .progressbar li.first:before {
        border-color: gold;
        background: #ffc44cff;
        color: black
    }


.title-truncate {
    overflow: hidden;
    white-space: nowrap;
    font-size: 5vw;
}

[dark-theme="true"] .b-cal .form-control {
    background-color: black !important;
    color: white;
}

.service-box {
    margin-bottom: 10px;
    border-color: black !important;
    height: 22vh;
    overflow-x: hidden;
}

.service-box-header {
    padding: 0 !important;
    padding-left: 20px !important;
    margin: 0;
    overflow-x: hidden;
}


[dark-theme="true"]
.service-box {
    border-color: white !important;
    overflow-x: hidden;
}



.service-box:hover {
    border-color: gold !important;
}


.service-box-header {
    text-transform: capitalize;
    font-size: 2.5rem;
    font-weight: 200
}



[dark-theme="true"]
.helpTips {
    border-color: white !important;
    /*border:5px groove white ;*/
    color: white;
}

.helpTips {
    border-color: black !important;
    color: black;
}

.red {
    color: red;
}

.bg-red {
    background: #6f2a23 !important;
    border: 1px solid #870d00 !important;
    color: #fff;
}


[dark-theme="true"] pre {
    display: block;
    font-size: 100%;
    color: #f1f1f1;
}


pre {
    display: block;
    font-size: 100%;
    color: #212529;
}

@media (min-width: 992px) {
    .main-container.container-fluid .product-grid .product-container.col-lg-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .mylinks span {
        font-size: 2rem;
    }

    .border-gold-m {
        border: 1px solid #eeca15;
    }
}

@media (min-width: 1200px) {
    .main-container.container-fluid .categoryGrid .col-md-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .main-container.container-fluid .product-grid .product-container.col-xl-3 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .main-container.container-fluid .featured-product-container.col-xl-6 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}



@media (min-width: 576px) {
    .main-containerCe.container, .main-containerCe.container-sm {
        max-width: 100px !important;
    }
}

@media (min-width: 768px) {
    .main-containerCe.container, .main-containerCe.container-md, .main-containerCe.container-sm {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .main-containerCe.container, .container-lg, .main-containerCe.container-md, .main-containerCe.container-sm {
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .main-containerCe.container, .main-containerCe.container-lg, .main-containerCe.container-md, .main-containerCe.container-sm, .main-containerCe.container-xl {
        max-width: 80% !important;
    }
}





@media (min-width: 2400px) {
    .main-container.container-fluid .categoryGrid .col-xl-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1350px;
    }
}

@media (max-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }

    .b-sidebar {
        height: 100%;
        width: 50%;
    }
}

@media (max-width: 2400px) {
    footer .list-group-item:not(.list-group-item-action) {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        text-align: right;
    }

    .up-btn {
        bottom: 75px;
    }
}



@media (max-width: 575px) {


    [dark-theme="true"] .card,
    [dark-theme="true"] .product-box .card-footer,
    [dark-theme="true"] .product-box .card-footer::before,
    [dark-theme="true"] footer,
    [dark-theme="true"] .product-box:hover::before,
    [dark-theme="true"] .product-box:not(.mobile):hover,
    [dark-theme="true"] .shopping-cart.table td,
    [dark-theme="true"] .b-rating:focus,
    [dark-theme="true"] .product-box .picture-container .img-container img,
    [dark-theme="true"] .Menu li:not(.category):hover {
        border-radius: 5px;
    }

    .product-box {
        padding: 2px;
    }

        .product-box.mobile .quick-view-button {
            display: none;
        }

    .public-box .img-containers {
        min-height: 5px;
    }

    .prod-rounded {
        border-radius: 5px;
    }

    .product-container.mobile .quick-view-t-button {
        display: none;
    }


    .s-avat-cloud {
        height: 40px !important;
        width: 40px !important;
    }

    .modal-xl {
        max-width: 100vw !important;
    }

    .product-box .rating .b-rating-value,
    .product-box .rating output + span {
        display: none;
    }

    .product-box .quick-view-button {
        font-size: 14px;
    }

    .product-container .quick-view-t-button {
        font-size: 14px;
    }

    .b-sidebar > .b-sidebar-header {
        font-size: 16px;
    }

    .b-sidebar-header {
        /* margin-top: 150px !important;*/
    }


    .product-box .rating .b-rating + a {
        display: none;
    }

    .product-box .countdown-box {
        padding: 10px;
    }

        .product-box .countdown-box .col-form-label {
            width: 100%;
            display: flex;
            padding: 0;
            line-height: 1;
        }

    .main-container {
        padding: 0;
    }

    /*

    .header-bg-qv {
        min-height: 100px !important;
    }*/

    .v-avatar {
        bottom: -3vh !important;
        width: 90px !important;
        height: 90px !important;
    }

    .v-edit {
        width: 90px !important;
        bottom: -8vh !important;
    }

    .logo-primary {
        height: 30px;
    }

        .logo-primary > img {
            height: 30px;
        }

    .sp5 {
        min-height: 30px !important;
    }


    .border-gold-m {
        border: 0px;
    }
}

@media (max-width: 400px) {
    .btn {
        font-size: 0.7rem !important;
    }

    .fresp {
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .fresp {
        font-size: 1rem !important;
    }

    .nb-picture {
        height: 22px !important;
        width: 30px !important;
        top: 5px !important;
        left: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
    }


    .custom-control-label {
        font-size: 0.8rem !important;
    }

    .product-box .quick-view-u-button {
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .product-box .quick-view-button, .product-box .quick-view-b-button {
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }


    .video-container > video {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }




    .public-box .img-containers {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }






    .b-avatar-sm {
        max-width: 20px !important;
        max-height: 20px !important;
    }



        .b-avatar-sm .b-avatar-text {
            font-size: .3rem !important;
        }

        .b-avatar-sm .b-avatar-badge {
            font-size: .21rem !important;
        }






    .b-avatar-md {
        max-width: 40px !important;
        max-height: 40px !important;
    }



        .b-avatar-md .b-avatar-text {
            font-size: .3rem !important;
        }

        .b-avatar-md .b-avatar-badge {
            font-size: .21rem !important;
        }











    .product-box.list .picture-container {
        flex: 2;
    }

    .categoryGrid .card .card-body {
        padding: 12px 10px;
    }

        .categoryGrid .card .card-body h5 {
            font-size: 18px;
            margin: 0;
        }


    .b-sidebar {
        height: 100%;
        width: 80%;
    }

    .page {
        min-height: 165vh
    }
}


.bg-goldi {
    background-color: #b6882b !important;
}

a.bg-goldi:hover, a.bg-goldi:focus,
button.bg-goldi:hover,
button.bg-glodi:focus {
    background-color: #ca962f !important;
}

.w-20 {
    width: 20% !important;
}

[dark-theme="true"] .text-dl {
    color: white;
}

.text-dl {
    color: black;
}


.box-rebours {
    height: 0.8vh;
    display: flex;
    align-items: center;
    /*justify-content: center;
    text-align: center;*/
}

.box_jour, .box_heure, .box_minute, .box_seconde {
}

#jour, #heure, #minute, #seconde {
    /*  background: black;    
    color: white;
    font-size: 1rem;*/
    font-weight: bold;
}

#jour_label, #heure_label, #minute_label, #seconde_label {
    font-size: 0.7rem;
}

.image-container img {
    display: none; /* L'image est cachée par défaut */
    position: absolute;
    top: 50px;
    left: 50px;
}

.image-container:hover img {
    display: block; /* L'image apparaît au survol */
}
#hoverImage {
    display: none;
    position: fixed;
    width: 200px;
    z-index:1000;
}

[dark-theme="true"] .note-btn:hover {
    color: #999 !important;
    background-color: #333 !important;
}
[dark-theme="true"] .note-btn {
    color: #666 !important;
}