h1,
h2,
h3,
h4,
h5,
h6 {
    display: unset;
    font-size: unset;
    margin: unset;
    font-weight: unset;
}

.bs-copyright,
.bs-login-card-outer,
.bs-master-input,
.bs-paymentsystems,
.bs-user-and-cart {
    align-self: center
}

.bs-ctg-title,
.bs-filtername,
.bs-news-date,
.bs-news-description,
.bs-news-inner .bs-news-title,
.bs-one-line,
.bs-prd-name,
.bs-responsive-table td,
.bs-user-value-outer,
.bs-welcome,
.view-list .name-id-inner {
    text-overflow: ellipsis
}

.bs-banner-opportunity-inner .bs-title-outer,
p,
ul {
    margin: 0
}

.bs-modal-header>p,
.modal-header>p {
    color: var(--layoutcolor);
    margin-top: 0
}

.bs-adv-v1:hover,
.bs-footer-icon-outer [class*=bs-icon]:hover,
.bs-prd-outer:hover,
.menu-iconic a:hover,
a {
    text-decoration: none
}

.bs-breadcrumb a:hover,
.bs-btn-v6,
.bs-callcenter-outer a,
.bs-cart-outer .bs-oem-list,
.bs-checkbox-outer span,
.bs-desktop-api,
.bs-login-type,
.confirm-btn,
.delete-btn,
.detail-btn,
.other-detail-btn,
a.bs-def-footer-link:hover {
    text-decoration: underline
}

.bs-modal-body,
.modal-body,
.tab-content-v1,
body {
    overflow-x: hidden
}

#OrderDetailFooter span:last-child,
.bs-btn-v6 {
    float: right
}

.bs-prd-name,
.modal-content,
.view-table .name-id-link {
    -webkit-box-orient: vertical
}

.bs-stock-icon,
img {
    vertical-align: middle
}

.view-list .Cell,
[lang=de] .menu-iconic span {
    word-break: break-word
}

*,
::after,
::before {
    box-sizing: border-box
}

:root {
    --hsize: 36px;
    --brdcolor: #e6e6e6;
    --bgcolor: #fff;
    --fontsize: 14px;
    --gap: 8px;
    --zmax: 9999;
    --mainprdcount: 4;
    --stickytop: 68px
}

.bs-categorydescription img,
.bs-content-img,
.bs-home-outer>.row,
.bs-news-outer iframe,
.bs-news-outer img,
.bs-newsdetail-inner iframe,
.bs-newsdetail-inner img,
.bs-pd-outer iframe,
.bs-transform-table *,
.modal-body img,
.view-block .buy-id .bs-addbasket-outer,
.view-detail .view-block .buy-id .bs-addbasket-outer.bs-quantity-not-show,
img,
video.bs-banner-img {
    width: 100%
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    height: 100% !important
}

.bs-banner-container:hover .owl-nav,
.bs-footer-inner a,
.carousel-inner .carousel-item.active,
.carousel-item-next,
.carousel-item-prev,
.d-block,
.tab-content .bs-description-tab-pane.active,
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.5;
    background-color: var(--bgcolor);
    font-size: 14px;
    margin: 0 !important;
    position: relative;
    overflow-y: scroll
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + var(--gap))
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-2h5,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-9h5,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 0;
    padding: 0 var(--gap) 0 0
}

.bs-footermenu-outer .bs-main-menu,
.bs-menu-tab-outer .bs-tab-link,
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-1,
.col-4,
.col-5,
.col-8,
.col-9,
.col-auto {
    -webkit-box-flex: 0
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.bs-home-category-menu-exists .col-bs-home-first,
.bs-home-inner-area-exists .col-bs-home-inner-area-first,
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.bs-banner-opportunity-inner,
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.bs-mp-s,
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.bs-home-category-menu-exists .col-bs-home-second,
.bs-home-inner-area-exists .bs-banner-home,
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.bs-filter-clm-outer .bs-mp-s-clm,
.bs-filter-clm-outer [class*=bs-ds-g],
.bs-headermenu-outer .bs-sub-menu-1,
.col-12,
.col-bs-home-second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.bs-adv-v1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px
}

.bs-def-logo-outer {
    display: block;
    text-align: center;
    margin-top: 24px
}

.bs-logo-corporate {
    height: 24px;
    width: unset;
    margin: 4px 0
}

.bs-def-logo-text {
    font-size: 11px;
    color: #646464;
    margin-top: var(--gap)
}

.add-message,
.cookie-policy-msg {
    display: none;
    position: fixed;
    left: var(--gap);
    bottom: var(--gap);
    z-index: 99999;
    color: #fff;
    padding: 12px var(--gap);
    background-color: rgba(0, 0, 0, .8);
    border-radius: var(--borderstyle) 0 var(--borderstyle) var(--borderstyle);
    text-align: center;
    width: 200px;
    font-weight: 600
}

.cookie-policy-msg {
    display: block;
    font-size: 12px;
    width: 350px;
    font-weight: 400;
    text-align: left
}

.cookie-policy-msg:before {
    content: "\f05a";
    font-family: FontAwesome
}

.cookie-policy-msg span {
    position: absolute;
    right: -30px;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .85);
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0
}

.fade {
    opacity: 0;
    transition: opacity 10ms linear
}

.fade.show {
    opacity: 1
}

.bs-modal,
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    max-width: 500px;
    margin: var(--gap) auto 0
}

.m-medium {
    max-width: 650px
}

.m-pd,
.modal-dialog.m-big {
    max-width: 75%;
    margin: var(--gap) auto 0
}

.modal-dialog.m-large {
    max-width: 94%;
    margin: var(--gap) auto 0
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0;
    box-shadow: 0 23px 23px 0 rgba(85, 85, 85, .2);
    border: 0 !important;
    border-radius: var(--borderstyle)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .35
}

.modal-title {
    margin: 0;
    line-height: 1.5;
    font-size: inherit
}

.modal-body {
    max-height: calc(100vh - 46px);
    overflow-y: auto;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--gap)
}

.modal-header {
    padding: 0 0 0 var(--gap) !important;
    height: 30px;
    text-transform: uppercase;
    background: #f7f7f7;
    border-radius: var(--borderstyle) 0 0 0;
    display: flex;
    align-items: center
}

.bs-modal-close,
.modal-header .bs-modal-close {
    border: 0;
    opacity: 1;
    padding: 0;
    order: 2;
    top: 0;
    color: #fff;
    outline: 0;
    cursor: pointer;
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0
}

.modal-header>p {
    font-size: 14px !important;
    font-weight: 700 !important
}

.modal-header .bs-modal-close {
    position: absolute;
    right: -30px;
    background: #000;
    background: var(--layoutcolor);
    height: 30px;
    width: 30px
}

#list-view-icon,
.bs-mm-i,
.compare-id,
.d-none,
.export-id,
.modal-footer,
.productFilterNew-outer,
.view-block .img-id .inner-popover,
.view-poly .img-id .inner-popover {
    display: none !important
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: #fff;
    display: none;
    margin-top: 0;
    padding-inline-start: 0;
    position: relative;
    top: -8px;
    margin-inline-end: calc(2 * var(--gap));
    left: var(--gap);
    height: 160px;
    overflow-y: auto
}

.easy-autocomplete-container ul li .eac-item {
    background: inherit;
    border-color: #eee;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 30px 12px 15px;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected {
    background: #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li:nth-of-type(odd) {
    background-color: #f7f7f7 !important
}

.menu-iconic a.router-link-active,
.menu-iconic a.router-link-active i,
.menu-iconic a:hover,
.menu-iconic a:hover i {
    background-color: #000
}

.carousel-inner .carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.bs-content-outer,
.bs-def-input-outer,
.carousel {
    position: relative
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

/* .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:first-child:after,
.bs-mp-group-inner.owl-carousel .owl-prev,
.carousel-control-prev,
[lang=ar] .bs-master-input-search-btn {
    left: 0
} */

.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:last-child:after,
.bs-mp-group-inner.owl-carousel .owl-next,
.carousel-control-next,
.customer-represenative-login-inputs .bs-modal-close {
    right: 0
}

.bs-contentplaceholder1 {
    min-height: 800px;
    padding: var(--gap) 0 0 0
}

.bs-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    background-color: rgb(0 0 0 / 50%)
}

.bs-modal-content {
    position: relative;
    width: 400px;
    margin: 60px auto;
    background-color: #fff;
    border-radius: var(--borderstyle) 0 var(--borderstyle) var(--borderstyle);
    height: max-content
}

.bs-modal-content.m-large {
    width: calc(var(--screen) - calc(3 * var(--gap)))
}

.bs-modal-content.m-big {
    width: 75%
}

.bs-modal-content.m-medium {
    width: 650px
}

.bs-modal-content.m-square {
    width: 500px
}

.bs-modal-content.m-square .bs-modal-body {
    aspect-ratio: 1
}

.bs-product-table .bs-pt-img img,
.view-block .img-id,
.view-poly .img-id,
.view-table .bs-img-icon .bs-img,
.view-table .img-id .inner-popover {
    aspect-ratio: var(--aspectratio)
}

.bs-modal-header {
    padding: var(--gap);
    min-height: 40px;
    border-radius: var(--borderstyle) 0 0 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f7f7f7
}

#OrderDetailFooter span,
.bs-checkbox-outer span,
.bs-depot-stock,
.bs-entahsilat-info span,
.bs-filter-value,
.bs-menusilver-outer .bs-sms-link.router-link-active,
.bs-modal-header>p,
.bs-od-info-outer table td:last-child,
.bs-proposalcart-outer,
.bs-stocktext,
.filterlisttop-outer .bs-filtername {
    font-weight: 600
}

.bs-modal-close {
    position: absolute;
    right: -40px;
    background-color: var(--layoutcolor);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px
}

.bs-modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--gap) var(--gap) 0 var(--gap)
}

.bs-news-slider,
.bs-pg-login,
.bs-user-title {
    overflow: hidden
}

.bs-modal-confirm {
    z-index: var(--zmax)
}

.bs-no-overflow .bs-modal-body {
    overflow: visible
}

.bs-modal-transparent .bs-modal-content {
    background-color: transparent;
    color: #fff
}

.bs-footermenu1-outer,
.bs-modal #bs-menu.container,
.bs-modal-p-0 .bs-modal-body,
.bs-modal-transparent .bs-modal-body,
.bs-pg-login footer .container {
    padding: 0
}

.bs-modal-transparent .bs-modal-header {
    min-height: 40px;
    border: 0;
    padding: 0
}

.bs-modal-transparent .bs-modal-header p:not(:has(*))+.bs-modal-close {
    top: 40px
}

.bs-modal-content.m-full {
    width: 100%;
    margin: 0;
    height: 100%
}

.m-full .bs-modal-body {
    height: 100%;
    max-height: 100%
}

.m-full .bs-modal-close {
    right: 0;
    border-radius: 0;
    z-index: 10
}

.m-full img {
    height: 100%;
    background-color: #222
}

.loading {
    display: flex;
    justify-content: center
}

.loading div {
    width: 1rem;
    height: 1rem;
    margin: 2rem .3rem;
    background: #159547;
    border-radius: 50%;
    animation: .9s infinite alternate bounce
}

.loading div:nth-child(2) {
    animation-delay: .3s
}

.loading div:nth-child(3) {
    animation-delay: .6s
}

@keyframes bounce {
    to {
        opacity: .3;
        transform: translate3d(0, -1rem, 0)
    }
}

.bs-footer-outer {
    margin: 0 0 calc(2 * var(--gap))
}

.bs-footer-contracts-outer {
    padding: var(--gap) 0 calc(2 * var(--gap))
}

.bs-footer-contracts-outer a {
    display: block;
    margin-bottom: var(--gap);
    color: #000
}

.bs-cart-count {
    position: absolute;
    min-width: 20px;
    width: auto;
    height: 20px;
    background: #000;
    background: var(--layoutcolor);
    border-radius: 10px;
    padding: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: 2px;
    left: 30px;
    font-size: 12px
}

.bs-tab .tab-pane,
.tab-content {
    padding: var(--gap)
}

.bs-footer-inner-title {
    color: #000;
    color: var(--layoutcolor);
    padding-bottom: var(--gap)
}

.bs-footer-icons-outer {
    display: block;
    border-bottom: 4px solid #edf5fa;
    border-top: 4px solid #edf5fa
}

.bs-footer-icons-outer span {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #3e4651;
    width: 100%;
    font-weight: 600
}

.bs-footer-icons-outer div:last-child,
.bs-responsive-table.bs-table-border td:last-child,
.bs-responsive-table.bs-table-border th:last-child {
    border-right: 0
}

.bs-footer-icons-outer i {
    margin-inline-end: var(--gap);
    font-size: 50px;
    color: #000;
    color: var(--layoutcolor)
}

.bs-bronze-banner-outer,
.bs-ctg-prd,
.bs-menu-active+.bs-sub-menu-outer,
.bs-triple-banner-outer,
.bs-triple-banner-outer .bs-banner-text-outer {
    display: block !important
}

.bs-banner-text-outer {
    width: 100%;
    border-radius: var(--borderstyle);
    margin-top: var(--gap)
}

.bs-banner-header-text {
    margin-bottom: var(--gap);
    line-height: 1.2;
    font-weight: 600
}

.bs-banner-alternate-text p {
    margin-bottom: var(--gap);
    line-height: 1.2;
    font-weight: 600;
    display: inline-flex
}

#productFilterNew .filter:last-child .bs-filters-outer,
.bs-banner-header-text:not(:has(+ .bs-banner-alternate-text)),
.bs-checkbox-outer .bs-rm-outer,
.bs-od-info-outer table,
.bs-productsort {
    margin-bottom: 0
}

.bs-headermenu-outer [class*=bs-icon] {
    margin-inline-end: var(--gap);
    font-size: 20px
}

.bs-allcategories-btn-outer {
    position: absolute !important;
    bottom: -1px;
    z-index: 600 !important;
    width: inherit !important
}

.bs-allcategories-btn {
    height: 40px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #fff;
    padding: 0 var(--gap);
    border: 1px solid var(--brdcolor);
    border-bottom: 0
}

.bs-btn-v1,
.bs-btn-v7,
.bs-menu-common-outer {
    text-transform: capitalize
}

.bs-allcategories-btn:before {
    content: "\f0c9";
    font-family: FontAwesome;
    margin-inline-end: 6px
}

.bs-language-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.bs-barcode-title,
.bs-dd-p,
.bs-depots-btn-outer,
.bs-news-slider,
.bs-or,
.bs-products-view-outer,
.bs-qo-steps span,
.bs-radio-depot-exists,
button label {
    align-items: center;
    display: flex
}

.bs-lang-img {
    height: 18px;
    margin-inline-end: 4px;
    width: unset
}

.bs-languagechange-outer button {
    height: 45px;
    background-color: #f5f5f5;
    padding: 0 var(--gap);
    border-radius: var(--borderstyle);
    width: 100%;
    white-space: nowrap
}

.bs-banner-img {
    border-radius: var(--borderstyle);
    min-height: 1px
}

.bs-bankaccounts-table img {
    height: 22px;
    width: 100px
}

.bs-add-currentaccount-outer {
    width: calc(100% - 0px)
}

.bs-fa-icons {
    font-family: FontAwesome;
    font-size: 21px;
    font-weight: 400
}

.bs-fa-facebook:before {
    content: "\f09a"
}

.bs-fa-twitter:before,
.bs-icon-twitter:before {
    content: "\f099"
}

.bs-fa-instagram:before,
.bs-icon-instagram:before {
    content: "\f16d"
}

.bs-fa-youtube:before,
.bs-icon-youtube:before {
    content: "\f167"
}

.bs-fa-pinterest:before,
.bs-icon-pinterest:before {
    content: "\f0d2"
}

.bs-fa-whatsapp:before,
.bs-icon-whatsapp:before,
.fa-whatsapp:before {
    content: "\f232"
}

.bs-msg-outer {
    color: #595959
}

.bs-msg-outer:before {
    content: "\f003";
    font-family: FontAwesome;
    position: relative
}

.bs-msg-outer span {
    margin-inline-start: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px
}

.bs-dd-bg-opac {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .33;
    z-index: 499
}

#bs-data-table tbody tr:not(:nth-child(-n + 20)),
#bs-data-table_filter,
#bs-mp-tab-outer .bs-title-outer,
#target-products .bs-ctg,
.brand-id img.bs-showbrandname,
.bs-brandname,
.bs-breadcrumb a:last-child:after,
.bs-ctg-pm,
.bs-def-banners-login-outer .top-menu-title::after,
.bs-footermenu-outer .bs-main-menu-title.bs-icon-arrow-down:before,
.bs-footermenu-outer .bs-sub-menu-1,
.bs-footermenu-outer .bs-tm-center-space,
.bs-headermenu-outer .bs-tm-center-space,
.bs-loginfooter-menu .bs-tm-center-space,
.bs-menu-title,
.bs-menu-vertical a span br,
.bs-mm-title:after,
.bs-pd-detail-props,
.bs-pd-special-area,
.bs-pg-login .bs-adv-v1,
.bs-radio-depot-exists-not .depot-radio-id,
.bs-radio-input,
.bs-rm-outer input,
.bs-variationimage-carousel-outer,
.d-flex-m,
.d-none-v1,
.menu-iconic a label,
.menu-normal a label,
.view-block .bs-radio-depot-exists .bs-depot-name,
.view-block .heading-id,
.view-list .Cell.categorygroup-id,
.view-list .bs-prd-icon-outer,
.view-list .bs-radio-depot-exists .bs-depot-name,
.view-list .heading-id,
.view-poly .heading-id,
.view-table .bs-prd-icon-outer,
.view-table .row-id .bs-radio-depot-exists-outer .bs-depot-name
/* [lang=ar] .bs-breadcrumb a:last-child:before */
{
    display: none
}

.bs-news-slider {
    height: 30px;
    text-align: initial;
    white-space: nowrap;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.bs-dd-cc,
.bs-mosttop-menu {
    display: flex;
    align-items: center
}

.bs-dd-dsg {
    position: relative;
    z-index: 750 !important
}

#productFilterNew .filter>a.bs-filter-active:after,
.bs-dd-dsg.bs-dd-arrow-i:after,
.bs-icon-arrow-up:before,
.fa-angle-up:before {
    content: "\f106"
}

.bs-dd-content-dsg {
    position: absolute !important;
    left: 0;
    box-shadow: 0 4px 20px 0 rgba(32, 33, 36, .28);
    z-index: 750;
    background: #fff;
    min-width: 200px
}

.bs-sm-outer,
.inner-popover {
    z-index: 700;
    background: #fff
}

.bs-dd-content-dsg-v2 {
    min-width: unset;
    left: -8px;
    right: -8px
}

.bs-dd-content-dsg:before {
    content: "";
    border: var(--gap) solid transparent;
    border-right-color: #fff;
    transform: rotate(90deg);
    position: absolute;
    top: -16px;
    right: 24px
}

.bs-dd-content-dsg-v2:before {
    right: calc(50% - var(--gap))
}

.bs-dd-cc {
    height: 30px;
    justify-content: center;
    color: #000
}

.bs-dd-cc:hover {
    background: #f4f4f4
}

.bs-arrow-v1:before {
    right: inherit;
    left: calc(2 * var(--gap))
}

.bs-account-icon:before {
    content: "\e052";
    font-style: normal
}

.bs-cart-icon:before,
.view-poly .buy-id .bs-addbasket-btn-outer .bs-addbasket:before {
    font-style: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bs-cart-icon:before {
    content: ",";
    font-family: communication-48-x-48;
    line-height: 1
}

.bh-addr,
.bs-fm-outer,
.view-table [class*=depotaddcart] {
    text-align: left
}

.bs-fm-outer,
.bs-footer-texts-outer {
    padding: calc(2 * var(--gap)) 0;
    color: #7a8aa0
}

.bs-fm-outer,
.bs-sm-outer {
    padding: var(--gap) 0
}

.bs-entahsilat-info {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.bs-entahsilat-info img {
    height: 13px;
    margin-inline-end: var(--gap)
}

.bs-mosttop-menu {
    background: #fff;
    min-height: 30px
}

.bs-back,
.bs-price-cookie:before {
    align-items: center;
    font-family: FontAwesome
}

.bs-copyright {
    text-align: left;
    color: #919191
}

.bs-paymentsystems {
    text-align: right
}

.bs-callcenter-outer,
.bs-no-items-in-cart div,
.bs-prd-outer,
.bs-qo-steps,
.bs-responsive-table td.bs-ta-center,
.bs-t-center,
.bs-tc,
.bs-title-center,
.menu-iconic a,
.view-table .brand-id,
.view-table .buy-id,
.view-table .detail-id,
.view-table .origin-id,
.view-table .season-id,
.view-table .tag-id,
.view-table [class*=iconimg] {
    text-align: center
}

.bs-cart-outer #bs-totalctg-id-outer,
.bs-copyright-img-outer,
.bs-itsp-v1-outer,
.bs-paymentsystems img {
    height: 30px
}

.bs-callcenter-outer img {
    width: 130px;
    margin-bottom: var(--gap)
}

.bs-callcenter-outer a {
    color: #000;
    display: block
}

.bs-callcenter-outer label {
    display: block;
    color: #000;
    margin-bottom: 4px
}

.bs-price-cookie {
    margin-inline-end: 0;
    color: #000;
    color: var(--layoutcolor);
    font-size: 14px;
    background: #fff;
    border: 1px solid var(--brdcolor);
    height: 17px;
    width: 30px;
    border-radius: 15px;
    position: relative
}

.bs-price-cookie:before {
    content: "\f058";
    font-style: normal;
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-flex;
    transition: .2s
}

.bs-price-cookie.this-pv-d-none:before {
    content: "\f111";
    right: inherit;
    transition: .2s;
    transform: translateX(-11px);
    color: var(--brdcolor)
}

.bs-tab .tab-pane {
    background: #fbfbfb;
    border-top: #000;
    border-top: 2px solid var(--layoutcolor);
    height: 175px;
    overflow-y: auto
}

.bs-tab-menu .bs-title {
    background: 0 0;
    color: #000;
    color: var(--layoutcolor)
}

.bs-tab-menu .bs-title.active {
    color: #fff;
    background: #000;
    background: var(--layoutcolor)
}

#detail-ps i,
.bs-btn-v1,
.menu-iconic a labelinput,
button,
select {
    font-family: inherit
}

#frmpayment {
    background: url(/Content/images/loading.gif) center/30px no-repeat
}

::placeholder {
    color: #859cb1;
    font-weight: 400
}

.bs-back {
    margin: 0 auto;
    font-size: 20px;
    color: #000;
    color: var(--layoutcolor);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center
}

.bs-sm-outer .bs-logo-outer {
    height: 100%;
    align-items: center;
    display: flex
}

.bs-installment-table,
.bs-logo-inner,
.bs-support-detail-btn {
    margin-inline-end: var(--gap)
}

.bs-logo {
    height: 44px;
    max-width: 100%;
    object-fit: contain;
    width: unset
}

a {
    color: inherit;
}

.bs-sm-outer {
    position: -webkit-sticky;
    position: sticky;
    top: -1px
}

.bs-border-bottom {
    border-bottom: 1px solid #ebebeb
}

/* .bs-menu-left,
.view-list .depotaddcart-id .bs-depot-line,
[lang=ar] .bs-products-view-outer {
    order: 1
}

.bs-menu-left-logo,
.bs-news-title,
[lang=ar] .bs-productsort-outer {
    order: 0
} */

.bs-menu-right,
.view-block .stock-id,
.view-block .stockcoming-id {
    order: 3
}

.bs-tm {
    height: 30px;
    display: flex
}

.bs-tm .bs-main-menu {
    display: inline-flex;
    align-items: center
}

.bs-tm .bs-main-menu-title {
    display: flex;
    font-size: 11px;
    align-items: center;
    color: #333
}

.bs-tm-center-space {
    order: 2;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.bs-tm .bs-menu-left {
    margin-inline-end: 12px
}

.bs-tm .bs-menu-right {
    margin-inline-start: 12px
}

.bs-pg-login .bs-tl-outer {
    background-color: transparent;
    padding: 0;
    margin-bottom: calc(2 * var(--gap))
}

.bs-pg-login .bs-logo {
    height: 56px
}

.container {
    max-width: var(--screen);
    width: 100%;
    padding: 0 var(--gap);
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
    position: relative
}

.bs-home-screen-normal .col-bs-home-second .container,
.container[class*=index] {
    padding: 0;
    max-width: 100%
}

[class*=col] {
    /* padding: 0 var(--gap) 0 0; */
    padding-block: 0;
    padding-inline: 0 var(--gap);  
}

.clm-p-2x {
    padding: 0 calc(2 * var(--gap)) 0 0
}

.inner-popover {
    visibility: hidden;
    position: absolute;
    border: 1px dotted #eee;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .23);
    min-width: max-content;
    white-space: normal;
    max-width: 300px;
    padding: var(--gap);
    border-radius: var(--borderstyle);
    font-size: 12px
}

.bs-prd-outer:hover,
.bs-user-cart-content {
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, .15)
}

.bs-price,
.bs-stock {
    align-self: center;
    white-space: nowrap
}

.outer-popover:hover .inner-popover,
.view-table .bs-img-icon:hover .inner-popover,
.view-table .bs-no-img-icon:hover .inner-popover {
    visibility: visible;
    transition-delay: 0.4s
}

.bs-title-outer {
    position: relative;
    margin: var(--gap) 0 0;
    z-index: 30;
    width: 100%
}

.bs-title {
    color: var(--layoutcolor);
    font-size: calc(2 * var(--gap));
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    font-weight: 500
}

.bs-top-menu-left,
.bs-top-menu-right,
.top-menu-title,
.top-menu-title i {
    align-items: center;
    display: inline-flex
}

.bs-master-input-inner,
.bs-user-title {
    font-weight: 600;
    text-overflow: ellipsis
}

.bs-top-menu-left,
.bs-top-menu-right {
    font-size: 11px
}

.top-menu-title {
    font-size: 11px;
    order: 1;
    color: #333
}

.top-menu-title i {
    margin-inline-end: 4px;
    margin-inline-start: 4px
}

.bs-user-i,
.bs-user-title {
    align-items: center;
    height: 100%
}

.bs-od-title-text,
.top-menu-title:last-child {
    padding-inline-end: var(--gap)
}

.bs-dealermenu-outer:after,
.bs-var-price:before,
.top-menu-title:not(:last-child):after {
    font-family: FontAwesome;
    content: "\f111";
    color: #ddd;
    font-size: 3.5px;
    margin: 0 var(--gap)
}

.top-menu-title.bs-language-outer {
    height: unset
}

.bs-proposalcart-outer:before {
    font-weight: 500;
    margin-inline-end: 4px
}

.bs-user {
    display: inline-flex;
    border: 1px solid var(--brdcolor);
    order: 1;
    width: 128px;
    height: 44px;
    margin-inline-start: var(--gap);
    padding: 0 0 0 var(--gap);
    position: relative;
    border-radius: var(--borderstyle)
}

.bs-user-i {
    color: #484848;
    font-size: 28px;
    font-family: finance;
    display: inline-flex
}

.bs-user-title {
    width: 100%;
    display: flex;
    justify-content: center
}

#bs-flying-cart {
    margin: 0 !important;
    width: 100%
}

.bs-no-items-in-cart i {
    font-size: 50px;
    position: relative;
    width: max-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: calc(2 * var(--gap));
    color: #919191
}

.bs-no-items-in-cart span {
    position: absolute;
    font-family: initial;
    font-size: 13px;
    font-style: normal;
    background: #919191;
    color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(2 * var(--gap));
    right: -9px;
    border: 3px solid #fff
}

#bs-flying-cart td {
    text-align: left;
    position: relative
}

#bs-flying-cart .ProductRemove {
    padding: 0 4px
}

.bs-user-cart-content {
    position: absolute;
    border: 1px solid var(--brdcolor);
    border-top: 2px solid #000;
    border-top: 2px solid var(--layoutcolor);
    top: 45px;
    width: 308px;
    right: -1px;
    z-index: 750;
    font-size: 12px;
    border-radius: var(--borderstyle)
}

.bs-user-cart-content-inner {
    overflow-y: auto;
    height: 300px;
    background: #fff;
    border-radius: var(--borderstyle) var(--borderstyle) 0 0
}

.bs-user-cart-btns-outer {
    padding: var(--gap) var(--gap) 0;
    background: #fff;
    border-radius: 0 0 var(--borderstyle) var(--borderstyle)
}

.alert-info-v2,
.bs-filter-clm-inner,
.menu-iconic a,
.menu-iconic a>i {
    border-radius: var(--borderstyle)
}

.menu-iconic a {
    height: 73px;
    width: 88px;
    padding: 4px;
    font-size: 12px;
    color: #fff;
    margin: var(--gap) var(--gap) var(--gap) 0;
    cursor: pointer;
    position: relative
}

.bs-banner-home .bs-banner-alternate-text div,
.bs-headermenu-outer.bs-darkmenu .bs-main-menu-title,
.menu-iconic a:hover i {
    color: #fff
}

.menu-iconic a>i {
    display: block;
    font-size: 19px;
    font-family: communication-48-x-48
}

.bs-m-id-productsearch,
.bs-m-id-productsearch i {
    background: #d70026
}

.bs-m-id-productsearchbybarcode,
.bs-m-id-productsearchbybarcode i {
    background: #f02a0f
}

.bs-m-id-addcartbybarcode,
.bs-m-id-addcartbybarcode i {
    background: #4a7980
}

.bs-m-id-campaignproducts,
.bs-m-id-campaignproducts i {
    background: #a10115
}

.bs-m-id-ordertracking,
.bs-m-id-ordertracking i {
    background: #f68b69
}

.bs-m-id-balanceorder,
.bs-m-id-balanceorder i {
    background: #d72c16
}

.bs-m-id-currentaccountactivity,
.bs-m-id-currentaccountactivity i {
    background: #073356
}

.bs-m-id-accountarrears,
.bs-m-id-accountarrears i {
    background: #005598
}

.bs-m-id-lastdateofpayment,
.bs-m-id-lastdateofpayment i {
    background: #021f4c
}

.bs-m-id-accountnumbers,
.bs-m-id-accountnumbers i {
    background: #0699c2
}

.bs-m-id-news,
.bs-m-id-news i {
    background: #4b7447
}

.bs-m-id-quickorder,
.bs-m-id-quickorder i {
    background: #063852
}

.bs-m-id-onlinepayment,
.bs-m-id-onlinepayment i {
    background: #0c529e
}

.bs-m-id-creditcardpaymentinformation,
.bs-m-id-creditcardpaymentinformation i {
    background: #044e88
}

.bs-m-id-subdealer,
.bs-m-id-subdealer i {
    background: #16235a
}

.bs-m-id-comments,
.bs-m-id-comments i,
.bs-m-id-proposal,
.bs-m-id-proposal i {
    background: #ac3911
}

.bs-m-id-proposallist,
.bs-m-id-proposallist i {
    background: #2a3457
}

.bs-m-id-requests,
.bs-m-id-requests i {
    background: #33759b
}

.bs-m-id-barcodeproduct,
.bs-m-id-barcodeproduct i {
    background: #2c5e8f
}

.bs-m-id-companycontent,
.bs-m-id-companycontent i {
    background: #8f2c6d
}

.bs-m-id-promotions,
.bs-m-id-promotions i {
    background: #257071
}

.bs-user-accountarrears .bs-responsive-table tr:nth-child(odd),
.menu-iconic.menu-dark-iconic a>i,
.menu-normal a,
.menu-normal a>i,
button {
    background-color: transparent
}

.buy-id .bs-quickbuy-addbasket-outer .bs-quickbuy-addbasket,
.menu-iconic.menu-dark-iconic a {
    background: var(--layoutcolor2)
}

.menu-iconic.menu-dark-iconic span {
    text-shadow: .4px .4px 1px #333
}

.menu-normal .row {
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

.menu-normal {
    background: var(--layoutcolor)
}

.menu-normal a {
    display: flex;
    align-items: center;
    height: var(--hsize);
    font-size: 13px;
    color: #fff;
    padding: 0 var(--gap);
    line-height: 1;
    text-transform: uppercase
}

.menu-normal a.router-link-active,
.menu-normal a:hover {
    background-color: #333
}

.menu-normal a>i {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    margin-inline-end: 4px
}

.bs-norecord,
.payment-list-string {
    background-color: #f4f4f5 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center;
    min-height: 30px !important;
    width: 100%;
    border-radius: var(--borderstyle);
    text-transform: capitalize
}

.alert-info-v2 {
    background-color: #f7f7f7 !important;
    border-color: var(--brdcolor);
    padding-top: 4px;
    padding-bottom: 4px
}

.bs-area-v2,
.bs-product-autocomplete-result span:hover {
    background: #f7f7f7
}

.bs-area-v2 {
    border-radius: 4px;
    border: 1px solid #eee;
    padding: 10px 15px;
    font-size: 12px
}

.bs-menu-common-outer {
    border-radius: var(--borderstyle);
    font-size: 13px
}

.bs-master-input-inner {
    width: 100%;
    position: relative;
    outline: 0;
    border: 2px solid #000;
    border: 2px solid var(--layoutcolor);
    padding: 4px 40px 4px 12px;
    font-size: inherit;
    font-family: inherit;
    height: 44px;
    border-radius: var(--borderstyle)
}

.bs-master-input-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 2;
    height: 100%;
    color: #000;
    color: var(--layoutcolor);
    padding: 0;
    font-size: 15px !important;
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.bs-user-and-cart {
    margin-inline-start: auto;
    height: 44px
}

.bs-prd-outer {
    display: block;
    background: #fff;
    padding-top: 15px;
    box-shadow: 0 1px 2px 0 rgba(85, 85, 85, .2);
    border-radius: 4px;
    transition: .3s
}

.bs-prd-outer img {
    height: 220px;
    width: 100%
}

.bs-prd-info-outer {
    text-align: left;
    padding: 10px 15px 7px;
    margin-top: 15px
}

.bs-def-footer-link:first-child,
.bs-pl-0,
.bs-radio-depot-exists-not,
ul {
    padding-inline-start: 0
}

.bs-prd-name {
    color: #000;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.bs-price {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-align: left
}

.bs-stock {
    font-size: 12px;
    text-align: right
}

.bs-stock-title {
    color: green;
    margin-inline-end: 0;
    font-weight: 600
}

.bs-stock-value {
    font-weight: 600;
    color: #000
}

.bs-breadcrumb a:last-child,
.bs-responsive-table td.bs-balance,
.view-poly .price-id,
.view-table .row-id .Cell.price-id,
b {
    font-weight: 700
}

li {
    list-style: none
}

.bs-pt-gap {
    padding-top: var(--gap) !important
}

.bs-pr-0 {
    padding-inline-end: 0 !important
}

.bs-pb-0 {
    padding-bottom: 0 !important
}

.bs-pb-gap {
    padding-bottom: var(--gap) !important
}

.bs-w-100 {
    width: 100% !important
}

.bs-mr--16 {
    margin-inline-end: -16px !important
}

.bs-banner-login,
.bs-banner-super,
.bs-banner-super .bs-banner-item,
.bs-content-outer .bs-banner-screen-full:last-child,
.bs-home-outer .bs-banner-screen-full:last-child,
.bs-mb-0 {
    margin-bottom: 0 !important
}

.bs-ml-0 {
    margin-inline-start: 0 !important
}

.bs-btn-icon,
.bs-ml-auto,
.bs-modal .bs-depot-line span:last-child,
.view-list .Cell.categorygroup-id span,
.view-list .bs-prd-alldepots,
.view-list .buy-id .bs-addbasket-outer {
    margin-inline-start: auto
}

.bs-mp-group-title-outer,
.bs-mt-0 {
    margin-top: 0 !important
}

.bs-m-auto {
    margin: auto
}

.bs-mt-gap {
    margin-top: var(--gap) !important
}

.bs-mt-gap2x {
    margin-top: calc(2 * var(--gap)) !important
}

.bs-mb-gap {
    margin-bottom: var(--gap) !important
}

.bs-mb-gap2x {
    margin-bottom: calc(2 * var(--gap)) !important
}

.bs-btn-icon,
.bs-btn-v1,
.bs-pd-breadcrumb,
.bs-rm-outer {
    margin-bottom: var(--gap)
}

.bs-tr {
    white-space: nowrap !important;
    text-align: right !important
}

.bs-jc-center,
.pd-tire-label {
    justify-content: center
}

.bs-pos-fix {
    position: fixed
}

.brand-id,
.code-id,
.detail-id,
.img-id,
.name-id,
[data-dismiss],
[for],
[href],
[onClick],
a,
button,
select {
    cursor: pointer
}

[disabled=disabled] {
    pointer-events: none;
    cursor: no-drop !important;
    opacity: .5
}

.view-table .compare-id,
.view-table .export-id {
    display: table-cell !important
}

.bs-border {
    display: flex;
    border-bottom: 1px dashed var(--brdcolor);
    margin-inline: 0;
    margin-block: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.bs-rm-outer {
    display: flex;
    align-items: center;
    padding-inline-start: 24px;
    color: #000;
    font-size: inherit;
    position: relative;
    cursor: pointer;
    width: 100%;
    min-height: 18px
}

.bs-empty-check,
input+i,
input:checked+i::before {
    position: absolute;
    left: 0
}

.bs-empty-check {
    border: 2px solid var(--brdcolor);
    display: inline-block;
    height: 18px;
    width: 18px;
    background: #fafafa;
    border-radius: var(--borderstyle)
}

.bs-btn-v1,
.bs-btn-v3 {
    background: #000;
    display: flex
}

.bs-btn-v1,
input:checked+i {
    color: #fff;
    background: var(--layoutcolor)
}

.bs-empty-radio,
input[type=radio]+i {
    border-radius: 50%
}

.bs-rm-outer input[type=checkbox]:checked+i {
    background-color: #000;
    background-color: var(--layoutcolor);
    width: 18px;
    height: 18px;
    display: block
}

input+i {
    background: #fff;
    border: 1.5px solid var(--brdcolor);
    border-radius: var(--borderstyle);
    width: 18px;
    height: 18px
}

input:checked+i {
    border: 0
}

input:checked+i::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 13px;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.bs-unchecked-filter i {
    background-color: #fafafa !important;
    background: #fff;
    border: 1px solid #ddd
}

.bs-unchecked-filter i::before,
.view-detail-modal .buy-id:before {
    content: "" !important
}

button {
    font-size: inherit;
    padding: 0;
    border: 0;
    line-height: inherit
}

.bs-btn-v1 {
    padding: 0 var(--gap);
    justify-content: center;
    align-items: center;
    min-height: var(--hsize);
    text-align: center;
    font-weight: 600;
    position: relative;
    border-radius: var(--borderstyle);
    width: 100%;
    border: 0
}

.bs-btn-v1:hover {
    opacity: .85
}

.bs-btn-v1 i {
    margin: 0 3px
}

.bs-btn-v2 {
    background: #fafafa;
    color: #777;
    border: 1px solid var(--brdcolor)
}

.bs-btn-v3 {
    background: var(--layoutcolor);
    color: #fff;
    height: 60px !important;
    font-size: 17px;
    padding: 0 var(--gap) !important;
    align-items: center;
    justify-content: center
}

.bs-btn-icon,
.bs-btn-icon:before {
    align-items: center;
    padding-inline-end: 6px
}

.bs-btn-v4 {
    background: #000;
    background: var(--layoutcolor);
    color: #fff;
    height: 44px;
    font-size: 14px
}

.bs-btn-v1:not([disabled=disabled]):active {
    transform: translateY(1px);
    opacity: .75;
    transition: .3s
}

.bs-btn-v7 {
    background-color: #fff;
    height: 56px !important;
    border-radius: 12px;
    border: 2px solid #ddd;
    color: #000;
    transition: .3s
}

.bs-btn-v7:hover {
    background-color: #f5f5f5;
    transition: .3s;
    color: var(--layoutcolor)
}

.bs-btn-inverse {
    background: #fff;
    color: #000;
    color: var(--layoutcolor);
    border: 1px solid #000;
    border: 1px solid var(--layoutcolor)
}

.bs-btn-icon {
    height: var(--hsize);
    text-transform: uppercase;
    display: flex;
    font-size: 11px;
    padding-inline-start: 0;
    color: #fff;
    border-radius: var(--borderstyle)
}

.bs-btn-icon:before {
    font-family: FontAwesome;
    display: inline-flex;
    background-color: var(--layoutcolor);
    height: 100%;
    justify-content: center;
    font-size: 15px;
    padding-inline-start: 6px;
    margin-inline-end: 6px;
    border-radius: var(--borderstyle) 0 0 var(--borderstyle);
    font-weight: 400
}

.bs-input-v1,
textarea.bs-input-v1 {
    border: 1px solid var(--brdcolor);
    font-family: inherit
}

.bs-btn-wu {
    width: unset
}

.bs-input-v1,
.bs-select-v1,
textarea.bs-input-v1 {
    width: 100%;
    margin-bottom: var(--gap);
    font-weight: 500
}

.bs-input-v1 {
    padding: 0 var(--gap);
    color: #000;
    border-radius: var(--borderstyle);
    display: inline-flex;
    align-items: center
}

.bs-input-v1:focus,
.bs-select-v1:focus {
    border-color: var(--layoutcolor);
    border-width: 2px
}

textarea.bs-input-v1 {
    padding: var(--gap);
    height: calc(2 * var(--hsize));
    display: block;
    border-radius: var(--borderstyle)
}

.bs-select-v1 {
    border: 1px solid var(--brdcolor);
    padding: 0 25px 0 var(--gap);
    background: url(../img/common/arrows.svg) right .75rem center no-repeat #fff;
    background-size: var(--gap) 10px;
    text-transform: capitalize;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: var(--borderstyle)
}

.bs-select-animation {
    background: url(../img/common/selectloading.svg) right/contain no-repeat #fff
}

.bs-select-v6 {
    display: inline-flex;
    width: inherit;
    margin-bottom: 0;
    border-bottom: 0
}

.bs-ds-option:hover,
.bs-input-inverse,
.bs-od-info-outer.bs-od-info-add .bs-od-info-inner,
.bs-select-inverse {
    background-color: #fafafa
}

.bs-input-v1,
.bs-select-v1 {
    font-size: inherit;
    height: var(--hsize);
    outline: 0;
    background-color: #f9f9f9
}

.reportrange-text {
    background-color: #f9f9f9 !important
}

.bs-ds-outer.bs-select-v1 {
    display: flex;
    align-items: center;
    position: relative
}

.bs-form-title {
    margin-bottom: calc(.5 * var(--gap));
    margin-top: var(--gap);
    color: #333;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px
}

.bs-form-title-icon:before {
    font-family: finance;
    font-style: normal;
    margin-inline-end: 6px;
    font-weight: 400
}

.bs-footer-subtitle i:before,
[class*=bs-icon]:before {
    font-family: FontAwesome;
    font-style: normal
}

.bs-form-title-email:before,
.icon-communication-142:before,
.icon-finance-067:before {
    content: "\e052"
}

.bs-form-title-password:before,
.icon-communication-178:before,
.icon-finance-101:before {
    content: "\e043"
}

.bs-product-autocomplete-result span {
    height: 33px;
    border-bottom: 1px solid #f7f7f7
}

.bs-tf-outer {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-radius: var(--borderstyle);
    padding: var(--gap) 0 0 var(--gap);
    margin: 0 0 var(--gap);
    background-color: #fff;
    width: 100%;
    border: 2px solid #fff1e6
}

.bs-link-v1 {
    font-weight: 600;
    text-transform: uppercase
}

.bs-input-v4,
.bs-select-v4 {
    height: 44px
}

footer {
    text-align: left;
    border-top: 1px solid #eee;
    background: #fbfbfb
}

.bs-footer-main-outer:has(.bs-main-menu-outer > *) {
    padding: 48px 0
}

.bs-footer-law {
    margin: calc(2 * var(--gap)) 0 var(--gap)
}

.bs-footer-inner,
.bs-footer-inner-title {
    margin-bottom: 24px;
    text-transform: capitalize
}

.bs-footermenu-outer {
    position: relative;
    width: calc(100% + 40px)
}

.bs-footermenu-outer .bs-main-menu.bs-menu-left,
.bs-footermenu-outer .bs-main-menu.bs-menu-right {
    padding-inline-end: 40px
}

.bs-footermenu-outer .bs-sub-menu-1-title,
.bs-footermenu-outer .bs-sub-menu-title {
    display: flex;
    min-height: 30px;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 12px;
    overflow: hidden;
    text-align: initial;
}

.bs-footermenu-outer .bs-main-menu-title {
    font-weight: 600;
    display: flex;
    align-items: center;
    min-height: 40px
}

.bs-footermenu-outer .bs-main-menu-title i {
    font-weight: 400
}

.bs-footermenu-outer ::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px
}

.bs-footermenu-outer ::-webkit-scrollbar {
    width: 12px
}

.bs-footermenu-outer ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

.bs-footer-subtitle i:before {
    font-size: 23px
}

.bs-icon-home:before {
    content: "\f015"
}

.bs-icon-login:before {
    content: "\f090"
}

.bs-icon-phone:before {
    content: "\f095"
}

.bs-icon-mail:before {
    content: "\f003"
}

.bs-icon-facebook:before {
    content: "\f082"
}

.bs-icon-linkedin:before {
    content: "\f08c"
}

.bs-icon-menu-bar:before,
.fa-bars:before {
    content: "\f0c9"
}

.bs-icon-arrow-down:before,
.fa-angle-down:before {
    content: "\f107"
}

.bs-icon-trash:before,
.fa-trash:before {
    content: "\f1f8"
}

.bs-icon-refresh:before,
.fa-refresh:before {
    content: "\f021"
}

.bs-icon-check:before {
    content: "\f058"
}

.bs-icon-cross:before {
    content: "\f057"
}

.bs-icon-exclamation:before {
    content: "\f071"
}

.bs-icon-globe:before,
.bs-icon-web:before {
    content: "\f0ac"
}

.bs-icon-search:before,
.fa-search:before {
    content: "\f002"
}

.bs-icon-copy:before {
    content: "\f0c5"
}

.bs-icon-tiktok:before {
    font-family: "Font Awesome 6 Brands";
    content: "\e07b"
}

.bs-btn-icon-print:before {
    content: "\f02f";
    background-color: #03b2ec
}

.bs-btn-icon-print {
    background-color: #00bfff
}

.bs-btn-icon-excel:before {
    content: "\f1c3";
    background-color: #1e985f
}

.bs-btn-icon-excel {
    background-color: #21a366
}

.bs-btn-icon-pdf:before {
    content: "\f1c1";
    background-color: #b51f47
}

.bs-btn-icon-pdf {
    background-color: #cf2351
}

.bs-fixed-item-outer {
    z-index: 700;
    position: fixed;
    bottom: 24px;
    right: calc(2 * var(--gap));
    min-width: 40px
}

.bs-fixed-item {
    display: flex;
    background: #fff;
    width: 40px;
    height: 40px;
    z-index: 700;
    border-radius: 100%;
    color: #666;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .075);
    position: relative;
    margin-top: calc(1 / 2 * var(--gap))
}

.loading-btn-css,
.loading-css div {
    border-radius: 50%;
    -webkit-animation: .4s linear infinite spin;
    -o-animation: .4s linear infinite spin;
    position: absolute;
    animation: .4s linear infinite spin
}

.bs-fixed-item span {
    display: none;
    white-space: nowrap;
    font-size: 14px;
    position: absolute;
    right: 50%;
    z-index: -1
}

.bs-fixed-item:hover span {
    background-color: #fff;
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 50% 0 var(--gap);
    border-radius: 30px 0 0 30px
}

.bs-whatsapp-support-outer {
    transition: .3s;
    font-size: 30px;
    color: #fff;
    background: #25d366
}

.bs-whatsapp-support-outer:hover {
    transition: .3s;
    border-radius: 30px;
    justify-content: flex-end;
    padding-inline-end: var(--gap)
}

.bs-whatsapp-order-outer,
.bs-whatsapp-support-outer:hover span {
    background-color: #25d366
}

.bs-footer-inner-title {
    text-align: left;
    font-weight: 600;
    font-size: 14px
}

.bs-support-delete-btn,
.delete-btn {
    color: #e30613
}

.confirm-btn {
    color: #0a69aa
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.loading-btn-css {
    display: none;
    top: 14px;
    right: var(--gap);
    width: 32px;
    height: 32px;
    border: .25rem solid #d4d9dd;
    border-top-color: #333
}

.loading-css {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 105100;
    top: 0;
    left: 0;
    overflow: hidden;
    text-indent: 100%;
    font-size: 0;
    display: none;
    background-color: rgba(0, 0, 0, .35);
    background-size: 250px
}

.bs-btn-v5,
.bs-btn-v5:hover,
.bs-od-info-outer table tbody tr:nth-child(odd),
.bs-responsive-table tbody tr:nth-child(2n),
.bs-transform-table tbody tr:nth-child(odd),
.tab-content {
    background: #fff
}

.loading-css div {
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    border: .3rem solid #d4d9dd;
    border-top-color: #333
}

.loading-prd-css {
    margin: 48px 0;
    height: 24px;
    z-index: 1051;
    display: flex;
    align-items: center;
    position: relative
}

.loading-prd-css div {
    margin: auto;
    left: calc(50% - 12px);
    top: 0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: .25rem solid #d4d9dd;
    border-top-color: #333;
    -webkit-animation: .4s linear infinite spin;
    -o-animation: .4s linear infinite spin;
    animation: .4s linear infinite spin
}

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

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

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

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

.bs-menu-tab-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-inline-start: 0;
    margin: var(--gap) 0 0;
    list-style: none;
    border-bottom: 1px solid #f5f5f5;
    border-radius: var(--borderstyle) var(--borderstyle) 0 0;
    overflow: hidden
}

.bs-menu-tab-outer .bs-tab-link {
    position: relative;
    color: #333;
    min-height: var(--hsize);
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-transform: capitalize;
    width: 20%;
    text-align: center;
    padding: 0 4px
}

.bs-menu-tab-outer .bs-tab-link.active {
    color: #000;
    color: var(--layoutcolor);
    border-bottom: 0;
    font-weight: 700;
    border-bottom: 3px solid var(--layoutcolor)
}

.bs-tab-vertical .bs-tab-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: flex-start;
    padding: 0
}

.bs-od-info-outer table tr:last-child td,
.bs-od-info-outer.bs-od-info-add td,
.bs-tab-vertical,
.bs-tab-vertical.bs-menu-tab-outer .bs-tab-link,
.view-list .row-id:last-child {
    border-bottom: 0
}

.bs-tab-vertical .bs-tab-link.active:after {
    color: #000;
    color: var(--layoutcolor);
    font-weight: 700
}

.bs-tab-fixed .bs-tab-head {
    flex-wrap: nowrap;
    width: 100%
}

.bs-tab-fixed .bs-tab-link {
    flex: 0 1 100%
}

.bs-tab-body {
    padding: var(--gap) 0;
    border-radius: 0 0 var(--borderstyle) var(--borderstyle);
    background-color: #fff
}

.tab-content>.tab-pane {
    display: none;
    width: calc(100% + var(--gap))
}

.bs-banner-opportunity-outer,
.bs-menu-common-outer .bs-main-menu:hover .bs-sub-menu-outer,
.bs-specialdiscounts-inner,
.col-bs-home-first .bs-sub-menu-1:hover .bs-sub-menu-2-outer,
.col-bs-home-first .bs-sub-menu:hover .bs-sub-menu-1-outer,
.tab-content>.active {
    display: flex;
    flex-wrap: wrap
}

.tab-content {
    padding-top: var(--gap)
}

.tab-content-v1 {
    height: 220px;
    overflow-y: auto
}

.tab-content-v2 {
    min-height: 500px
}

.bs-itsp-v1,
.bs-itsp-v1-inner {
    min-height: 30px
}

.tab-content.tab-content-v3:not(#bs-mp-tab-outer) {
    border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle)
}

.tab-content #detail-p span {
    color: #919191;
    margin-inline-end: 4px
}

.icon-communication-070:before,
.icon-finance-195:before,
.tab-content #detail-p span:after {
    content: ":"
}

.bs-whatsapp-ask-outer {
    color: #1ebea5
}

.bs-category-menu-tab,
.bs-dealer-menu-tab {
    display: none;
    margin-top: var(--gap) !important
}

.bs-btn-v5 {
    color: #000;
    border: 0;
    box-shadow: inset 0 0 0 1px var(--brdcolor);
    text-transform: capitalize;
    text-align: left
}

#productFilterNew .filter,
.bs-dd-c,
.bs-ds-option,
.bs-itsp-v1-outer,
.bs-responsive-table:not(:has(th)) tbody {
    border-top: 1px solid var(--brdcolor)
}

.bs-btn-v5 i {
    border-radius: 50%;
    background: #31a9b8;
    width: 20px;
    display: inline-block;
    height: 20px;
    color: #fff;
    margin: 0 3px 0 0;
    text-align: center
}

.bs-btn-v6 {
    height: 40px;
    background-color: transparent;
    color: #333;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-inline-start: var(--gap);
    width: unset;
    font-weight: 500;
    padding: 0
}

.bs-category-menu-tab,
.bs-menu-vertical a {
    width: 100% !important;
    border-left: 0 !important;
    margin: 0;
    border-bottom: 1px solid #eee;
    color: #000 !important;
    text-align: left !important;
    background: #fff;
    position: relative;
    height: 56px !important;
    border-radius: 0
}

.bs-menu-vertical a:hover,
.bs-welcome-customer {
    background: #f7f7f7 !important
}

.bs-menu-vertical a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: var(--gap);
    top: 18px;
    color: #ddd;
    font-size: 14px
}

.bs-menu-vertical a.bs-menu-title {
    background: #f7f7f7 !important;
    display: unset
}

.bs-category-menu-tab i,
.bs-menu-vertical a i {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    border-radius: 50%
}

.bs-category-menu-tab span,
.bs-menu-vertical a span:nth-child(2) {
    position: absolute;
    left: 56px;
    text-transform: capitalize;
    letter-spacing: .4px;
    top: 8px;
    font-weight: 600;
    color: #333
}

.bs-category-menu-tab label,
.bs-menu-vertical a label {
    bottom: 8px;
    top: unset;
    color: #333;
    left: 56px;
    position: absolute;
    margin: 0;
    text-transform: capitalize;
    cursor: inherit;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    overflow: hidden
}

#productFilterNew::-webkit-scrollbar-track,
.bs-menu-vertical::-webkit-scrollbar-track {
    background-color: #f7f7f7
}

#productFilterNew::-webkit-scrollbar,
.bs-menu-vertical::-webkit-scrollbar {
    width: var(--gap)
}

#productFilterNew::-webkit-scrollbar-thumb,
.bs-menu-vertical::-webkit-scrollbar-thumb {
    background-color: var(--brdcolor);
    border-radius: 10px
}

a.bs-menu-title:after {
    content: "\f00d" !important
}

.bs-welcome-customer {
    color: #919191;
    width: 100%;
    padding-inline-end: calc(2 * var(--gap)) !important;
    border-bottom: 1px solid #eee;
    height: auto !important
}

.bs-welcome {
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px
}

.bs-installment-table th,
.bs-responsive-table.bs-ws-normal td,
.bs-responsive-table.bs-ws-normal th {
    white-space: normal
}

.bs-itsp-v1 {
    display: inline-flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 4px
}

.bs-itsp-v1:first-child,
.bs-responsive-table th:last-child,
.bs-responsive-table.bs-table-border td,
.bs-responsive-table.bs-table-border th,
.bs-transform-table tbody tr:last-child {
    border-right: 1px solid var(--brdcolor)
}

.bs-master-continue-shopping-outer {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bs-master-continue-shopping {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #eee
}

.bs-master-continue-shopping:before {
    content: "\f060";
    color: #484848;
    font-family: FontAwesome;
    font-size: 18px
}

.bs-banner-item:has(img) {
    overflow: hidden
}

.bs-banner-container {
    width: 100%;
    overflow: hidden;
    margin-bottom: calc(2 * var(--gap))
}

.bs-banner-container.bs-banner-screen-full-text-normal {
    margin-bottom: 0;
    padding-bottom: calc(2 * var(--gap))
}

.bs-banner-item {
    display: flex;
    flex-wrap: wrap;
    border-radius: var(--borderstyle);
    position: relative
}

.bs-banner-model-v2 .bs-banner-features {
    display: grid;
    gap: calc(2 *var(--gap))
}


.bs-banner-screen-full .bs-banner-img,
.bs-banner-screen-full .bs-banner-item,
.bs-cart-outer .cartquantity,
.bs-ds-outer input {
    border-radius: 0
}

.bs-banner-contact .bs-contact-outer {
    order: 2;
    width: 40%
}

.bs-banner-contact .bs-banner-text-outer {
    order: 1;
    width: 60%;
    padding-inline-end: calc(2 * var(--gap))
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
    background: var(--layoutcolor) !important
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 4px !important;
    background: #999 !important
}

.owl-dot {
    background-color: hsla(0, 0%, 100%, .7) !important
}

.owl-dot:first-child {
    border-radius: 50% 0 0 50%;
    padding-inline-start: 2px
}

.owl-dot:last-child {
    border-radius: 0 50% 50% 0;
    padding-inline-end: 2px
}

/* .bs-currencylist-outer,
[lang=ar] .view-icon-clr,
[lang=ar] [class*=col] {
    padding: 0 0 0 var(--gap)
} */

.bs-icon-arrow-down:before {
    color: #c9c9c9;
    margin-inline-start: 4px;
    order: 2;
    margin-inline-end: 0
}

.bs-ua-address-outer {
    background: #f5f5f5;
    margin-bottom: var(--gap);
    border-radius: var(--borderstyle)
}

.bs-content-iframe-outer {
    border: 0;
    height: 400px
}

.bs-content-img-outer {
    position: relative;
    margin-top: -8px
}

.bs-login-copyright {
    color: #919191;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 12px
}

.bs-login-paymentsystems {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--gap)
}

.bs-login-outer,
.bs-login-outer>.row,
.bs-login-paymentsystems img,
.bs-new-login-outer .bs-logo-outer .bs-logo-inner,
.bs-new-login-outer .bs-logo-outer .bs-logo-inner .bs-logo,
.bs-order-detail-outer .row,
.bs-user-accountarrears .row,
.bs-user-accountarrears [class*=col],
.view-block .img-id .bs-img,
.view-poly .bs-img {
    height: 100%
}

.bs-login-title-outer {
    position: relative;
    top: 0
}

#check {
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    -webkit-animation: 1s draw;
    animation: 1s draw
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

.validated.is-invalid {
    border-left: 4px solid #fb6f6f
}

.validated.failed::placeholder {
    color: #fb6f6f
}

.validated.failed+.validation-error {
    display: block;
    color: #fb6f6f;
    margin: -4px 0 12px;
    font-size: 12px
}

.bs-validate-error {
    border-left: 4px solid #fb6f6f !important
}

.bs-validate-error::placeholder {
    color: #fb6f6f
}

.bs-validate-error+.bs-validatetext {
    display: block;
    color: #fb6f6f;
    margin: -4px 0 calc(2 * var(--gap));
    font-size: 12px
}

.bs-responsive-table .validated.failed+.validation-error {
    margin: 4px 0;
    white-space: normal
}

.bs-currencylist-outer {
    background-color: #fff;
    border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle);
    display: flex;
    align-items: center;
    height: var(--hsize);
    font-weight: 600;
    margin-bottom: var(--gap)
}

.bs-currencylist {
    margin-inline-end: var(--gap);
    margin-bottom: 0
}

.bs-tf-outer .bs-btn-icon,
.bs-tf-outer .bs-master-input-inner {
    height: var(--hsize)
}

.bs-filter-btn-outer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    min-height: 24px;
    color: #1b1b1b;
    padding-inline-end: 4px
}

.bs-filter-btn-outer i {
    display: inline-flex;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    border: 1.5px solid var(--brdcolor);
    background: #fafafa;
    border-radius: var(--borderstyle);
    margin-inline-end: 4px
}

.bs-checked-filter-btn i {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: var(--layoutcolor);
    position: relative;
    overflow: hidden
}

/* [lang=ar] #productFilterNew .filter>a,
[lang=ar] #target-products,
[lang=ar] .bs-breadcrumb,
[lang=ar] .bs-ds-outer.bs-select-v1,
[lang=ar] .bs-form-title,
[lang=ar] .bs-headermenu-outer .bs-main-menu-outer,
[lang=ar] .bs-menu-tab-outer,
[lang=ar] .bs-menusilver-outer .bs-ms-link,
[lang=ar] .bs-od-title,
[lang=ar] .bs-ord-sm-tbl div,
[lang=ar] .bs-warning,
[lang=ar] .row,
[lang=ar] .view-block .buy-id .bs-addbasket-btn-outer,
[lang=ar] .view-block .buy-id .bs-addbasket-outer,
[lang=ar] .view-block .row-id,
[lang=ar] .view-block .tire-label,
[lang=ar] .view-list .buy-id .bs-addbasket-outer,
[lang=ar] .view-poly .buy-id .bs-addbasket-outer,
[lang=ar] .view-table .buy-id .bs-addbasket-outer {
    flex-direction: row-reverse
} */

.bs-checked-filter-btn i::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

/* [lang=ar] .row {
    margin-inline-start: calc(-0.5 * var(--gap))
}

[lang=ar] .all_found span,
[lang=ar] .bs-ctg-title,
[lang=ar] .bs-logo-outer,
[lang=ar] .bs-main-menu-title,
[lang=ar] .bs-mp-group-inner,
[lang=ar] .bs-previouscategory,
[lang=ar] .bs-rm-outer,
[lang=ar] .bs-tab-vertical .bs-tab-link {
    justify-content: flex-end
} */

.def-footer-right-clm,
.view-table .bs-radio-depot-exists-not .bs-depot-line,
.view-table .discount-id,
.view-table .stock-id,
.view-table .stockcoming-id,
.view-table .tax-id,
.view-table [class*=price-id]
/* [lang=ar] .bs-input-v1,
[lang=ar] .bs-master-input-inner,
[lang=ar] .bs-od-title-text,
[lang=ar] .bs-responsive-table td,
[lang=ar] .bs-responsive-table th,
[lang=ar] .bs-select-v1,
[lang=ar] .bs-title-outer,
[lang=ar] .validated.failed+.validation-error,
[lang=ar] .view-poly .row-id>.Cell  */
{
    text-align: right
}

/* [lang=ar] .bs-select-v1 {
    background-position: left var(--gap) center;
    padding: 0 var(--gap) 0 25px
}

[lang=ar] .bs-master-input-inner {
    padding: 4px 12px 4px 40px
}

[lang=ar] .bs-user {
    margin-inline-end: var(--gap);
    margin-inline-start: 0
}

[lang=ar] .bs-master-continue-shopping {
    float: left
}

[lang=ar] .bs-filter-clm-outer {
    padding-inline-end: var(--gap);
    padding-inline-start: 20px
}

[lang=ar] .bs-responsive-table,
[lang=ar] .view-table {
    direction: rtl
}

[lang=ar] .bs-tr,
[lang=ar] .def-footer-right-clm {
    text-align: left !important
}

[lang=ar] .bs-rm-outer {
    padding-inline-start: 0;
    padding-inline-end: 22px
}

[lang=ar] .bs-custom-checkbox,
[lang=ar] .bs-empty-check {
    left: inherit;
    right: 0
}

[lang=ar] .bs-modal-header {
    justify-content: flex-end;
    padding: 0 var(--gap) 0 0
}

[lang=ar] .bs-btn-v6 {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: var(--gap)
}

[lang=ar] .bs-cart-sum-clm-outer {
    padding-inline-start: var(--gap);
    padding-inline-end: calc(2 * var(--gap))
}

[lang=ar] .bs-products-order-outer {
    margin-inline-end: auto;
    margin-inline-start: 0
} */

.view-block .buy-id .bs-addbasket-outer
/* [lang=ar] .bs-rm-lng-fp .bs-fp,
[lang=ar] .buy-id .bs-addbasket-outer  */
{
    justify-content: flex-start
}

/* [lang=ar] .bs-listedproductcount {
    margin-inline-start: 0;
    margin-inline-end: 4px
}

[lang=ar] .bs-listedproductcount:before {
    content: "";
    margin-inline-start: 0
}

[lang=ar] .bs-listedproductcount:after {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 4px;
    margin-inline-start: 12px;
    color: #ddd
} */

.bs-breadcrumb a:after
/* [lang=ar] .bs-breadcrumb-back:after  */
{
    content: "\f105";
    font-family: FontAwesome
}

/* [lang=ar] .bs-breadcrumb,
[lang=ar] .bs-od-title-text,
[lang=ar] .bs-user-and-cart>.row {
    padding-inline-start: var(--gap);
    padding-inline-end: 0
}

[lang=ar] .bs-breadcrumb-back {
    margin-inline-end: 0;
    margin-inline-start: var(--gap)
}

[lang=ar] .bs-breadcrumb a:before {
    content: "\f104";
    font-family: FontAwesome;
    padding: 0 var(--gap)
}

[lang=ar] .bs-warning-close {
    margin-inline-start: unset !important;
    margin-inline-end: auto !important
}

[lang=ar] .bs-ds-option,
[lang=ar] .view-block .row-id>.Cell {
    flex-direction: row-reverse;
    text-align: right
}

[lang=ar] .bs-form-title-icon:before {
    margin-inline-start: 6px
}

[lang=ar] .view-block .buy-id .bs-quantity-outer,
[lang=ar] .view-list .buy-id .bs-quantity-outer,
[lang=ar] .view-poly .buy-id .bs-quantity-outer,
[lang=ar] .view-table .buy-id .bs-quantity-outer {
    margin-inline-start: var(--gap);
    margin-inline-end: 0
}

[lang=ar] .def-footer-left-clm {
    text-align: right !important
}

[lang=ar] .bs-filter-btn-outer {
    flex-direction: row-reverse;
    padding-inline-start: 4px;
    padding-inline-end: 0
}

[lang=ar] .bs-filter-btn-outer i {
    margin-inline-start: 4px;
    margin-inline-end: 0
}

[lang=ar] #productFilterNew .filter>a:after {
    left: 0;
    right: unset
}

[lang=ar] .view-detail .bs-prd-icon {
    margin-bottom: var(--gap);
    display: flex;
    flex-direction: row-reverse
}

[lang=ar] .bs-od-title-text-other,
[lang=ar] .bs-ord-sm-tbl span:last-child {
    margin-inline-start: unset;
    margin-inline-end: auto
}

[lang=ar] .bs-menusilver-outer i {
    margin-inline-start: calc(1.5 * var(--gap));
    margin-inline-end: 0
}

[lang=ar] .bs-ds-option-selected {
    text-align: right;
    justify-content: flex-end
} */

.bs-promotion-discount,
.view-block .row-id>.Cell.discount-id .bs-discount-outer {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    height: 24px;
    border-radius: var(--borderstyle);
    background-color: #f53f3f;
    color: #fff;
    font-weight: 700
}

.view-block .row-id>.Cell.discount-id .bs-discount-outer.bs-discount-net {
    background-color: #099a82
}

#productFilterNew {
    overflow-y: unset;
    width: 100%;
    top: 0;
    z-index: 1;
    position: unset;
    box-shadow: none;
    border-radius: var(--borderstyle)
}

.bs-empty-check {
    border: 1.5px solid var(--brdcolor)
}

#productsortselectt,
.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link.active:after,
.bs-od-info-outer table tbody tr,
.bs-user-accountarrears .bs-responsive-table tbody,
.bs-user-accountarrears .bs-responsive-table tbody tr,
.bs-user-accountarrears .bs-responsive-table td,
.paginate_button.current,
.view-detail-modal .buy-id {
    border: 0
}

#filterListTop .filterlisttop-outer {
    border: 1px solid var(--brdcolor) !important;
    height: 50px
}

#filterListTop .filterlisttop-outer span:first-child {
    font-size: 14px !important;
    font-weight: 600
}

#filterListTop .filterlisttop-outer span:last-child {
    font-size: 12px !important;
    font-weight: 400
}

.bs-mm-title {
    background: #f7f7f7;
    border-bottom: 1px solid var(--brdcolor);
    min-height: 30px;
    display: flex;
    align-items: center;
    color: #000;
    color: var(--layoutcolor);
    padding-inline-start: var(--gap)
}

.bs-menu-common-outer .bs-main-menu {
    min-height: 16px;
    margin: var(--gap) 0;
    position: relative;
    border-radius: var(--borderstyle)
}

.bs-menu-common-outer .bs-main-menu-title {
    display: flex;
    min-height: 16px;
    align-items: center;
    color: #1b1b1b
}

.bs-menu-common-outer .bs-main-menu.active,
.bs-menu-common-outer .bs-main-menu.active .bs-main-menu-title,
.bs-menu-common-outer .bs-main-menu.active .bs-main-menu-title:before,
.bs-menu-common-outer .bs-main-menu:hover,
.bs-menu-common-outer .bs-main-menu:hover .bs-main-menu-title,
.bs-menu-common-outer .bs-main-menu:hover .bs-main-menu-title:before,
.bs-user-value span {
    color: #999
}

.bs-menu-common-outer .bs-main-menu>.bs-sub-menu-outer {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    width: 250px;
    box-shadow: 0 0 10px 0 #00000012;
    z-index: 2
}

.bs-banner-item img {
    width: 100%;
    object-fit: contain
}

.bs-opportunity-all-prd {
    float: right;
    display: flex;
    height: 100%;
    align-items: center;
    color: #000;
    color: var(--layoutcolor)
}

.bs-breadcrumb {
    height: var(--hsize);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-inline-end: var(--gap)
}

.bs-breadcrumb a {
    color: #333;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 13px
}

.bs-breadcrumb a:after {
    padding: 0 calc(1.25 * var(--gap));
    font-size: 15px;
    color: var(--layoutcolor)
}

.bs-breadcrumb-back {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(3 * var(--gap));
    width: calc(3 * var(--gap));
    border-radius: 50%;
    background-color: #efefef;
    margin-inline-end: var(--gap)
}

.bs-breadcrumb-back:after {
    font-family: FontAwesome;
    content: "\f104"
}

.bs-breadcrumb-back:hover {
    background-color: var(--layoutcolor);
    color: #fff
}

.bs-stock-infos-outer {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    margin-inline-end: calc(2 * var(--gap))
}

.bs-stock-infos-outer label {
    margin-inline-end: 4px;
    margin-inline-start: 4px;
    font-size: 12px
}

.bs-stocktext-exists {
    color: #4caf50
}

.bs-responsive-table td .bs-balance-debt,
.bs-responsive-table td.bs-balancelastmonth,
.bs-stocktext-existsnot {
    color: #f3514b
}

.bs-stocktext-halfexists {
    color: #e69603
}

.bs-dd-dsg:after,
.bs-stocktext-stockdesc {
    color: #919191
}

.bs-stock-icon {
    display: inline-block;
    height: calc(2 * var(--gap));
    width: calc(2 * var(--gap));
    border-radius: 50%
}

.bs-stocktext-exists .bs-stock-icon {
    background-color: #4caf50
}

.bs-stocktext-existsnot .bs-stock-icon {
    background-color: #f3514b
}

.bs-stocktext-halfexists .bs-stock-icon {
    background-color: #4caf50;
    width: var(--gap);
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px
}

.bs-stock-infos-outer .bs-stock-icon,
.view-table .bs-stock-icon {
    vertical-align: sub
}

.stockcoming-id .bs-stocktext-exists .bs-stock-icon {
    background-color: #2b92f1
}

.owl-next,
.owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    outline: 0;
    margin: auto 0 !important;
    background: #fff !important;
    box-shadow: 0 4px 4px #33333329;
    border-radius: 100% !important
}

.owl-next span,
.owl-prev span {
    color: transparent;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.owl-next span:after,
.owl-prev span:after {
    font-family: FontAwesome;
    color: #666;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: var(--gap);
    height: 100%;
    width: 100%
}

.bs-pagination .bs-pagination-prev::before,
.fa-angle-left:before,
.owl-prev span:after {
    content: "\f104"
}

.owl-next span:after {
    content: "\f105";
    right: 6px;
    left: inherit
}

.owl-prev {
    left: calc(2 * var(--gap))
}

.owl-next {
    right: calc(2 * var(--gap))
}

.owl-theme .owl-nav {
    margin-top: 0 !important;
    display: none
}

.owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(3 * var(--gap)) !important;
    height: 18px !important
}

.bs-main-brand-outer,
.bs-main-category-outer {
    margin: var(--gap);
    display: block
}

.bs-main-brand-outer img,
.bs-main-category-outer img {
    display: block;
    border-right: 0;
    width: 100%;
    height: 100px;
    object-fit: contain;
    padding: 20px;
    background: #f4f4f4
}

.bs-main-brand-outer:after,
.bs-main-category-outer:after {
    content: attr(data-title);
    display: block;
    text-align: center;
    margin-top: 4px;
    color: #000
}

.detail-search {
    margin-bottom: calc(2 * var(--gap));
    position: relative
}

#block-view-icon:before {
    content: "\f009";
    font-family: FontAwesome;
    font-style: normal
}

#table-view-icon:before {
    content: "\f0ce";
    font-family: FontAwesome;
    font-style: normal
}

#lg-table-view-icon:before {
    content: "\f00b";
    font-family: FontAwesome;
    font-style: normal
}

#poly-view-icon:before {
    content: "\f00a";
    font-family: FontAwesome;
    font-style: normal
}

#list-view-icon:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-style: normal
}

#btnCompareList:before {
    content: "\f0ec";
    font-family: FontAwesome
}

.bs-table-outer,
.view-table-outer {
    overflow-x: auto
}

.view-table .img-id .inner-popover {
    padding: 0;
    border: 0
}

.view-table .bs-img-icon .bs-img {
    width: 23px
}

.view-table .bs-no-img-icon .bs-img {
    width: 70px;
    aspect-ratio: var(--aspectratio)
}

.view-list .img-id {
    width: 60px
}

.view-list .img-id .bs-img {
    height: 60px
}

.img-id .bs-img {
    object-fit: contain
}

.bs-prd-icon {
    color: #000;
    height: 18px;
    min-width: 18px;
    font-size: 11px;
    display: inline-flex;
    overflow: hidden;
    border-radius: var(--borderstyle)
}

.bs-prd-icon:before {
    font-family: FontAwesome;
    font-style: normal;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400
}

.bs-icon-sale:before {
    background: #f7c24e;
    content: "\f0a1"
}

.bs-icon-mostsaled::before {
    background: #7aacbc;
    content: "\f135"
}

.bs-icon-new::before {
    background: #768ade;
    content: "\f006"
}

.bs-icon-mostviewed::before {
    background: #29d0a2;
    content: "\f245"
}

.bs-icon-day::before {
    background: #fa97b1;
    content: "\f219"
}

:focus {
    outline: 0
}

.bs-pt-5 {
    padding-top: 5px
}

.buy-id .bs-addbasket-outer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 160px;
    justify-content: flex-end
}

.buy-id.bs-no-quantity .bs-addbasket-outer {
    width: unset;
    min-width: 63px
}

.bs-specialdiscounts-outer {
    position: relative;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
    margin-bottom: var(--gap)
}

.bs-specialdiscounts-outer .bs-specialdiscount {
    background-color: #fff;
    height: 24px;
    text-align: center;
    border-width: 1px;
    margin-bottom: 0;
    padding: 0
}

.bs-specialdiscounts-outer .bs-specialdiscount1 {
    border-radius: var(--borderstyle) 0 0 0;
    width: 50%;
    border-width: 1px .5px .5px 1px
}

.bs-specialdiscounts-outer .bs-specialdiscount2 {
    border-radius: 0 var(--borderstyle) 0 0;
    width: 50%;
    border-width: 1px 1px .5px .5px
}

.bs-specialdiscounts-outer .bs-specialdiscountedprice {
    border-radius: 0 0 var(--borderstyle) var(--borderstyle);
    width: 100%;
    border-width: .5px 1px 1px
}

.bs-specialdiscounts-outer .bs-specialdiscount:focus {
    border: 2px solid var(--layoutcolor) !important
}

.bs-specialdiscounts-outer .bs-specialdiscount::placeholder {
    font-size: 11px
}

.bs-specialdiscounts-outer:not(:has(.bs-specialdiscountedprice)) .bs-specialdiscount1 {
    border-bottom-left-radius: var(--borderstyle);
    border-bottom-width: 1px
}

.bs-specialdiscounts-outer:not(:has(.bs-specialdiscountedprice)) .bs-specialdiscount2 {
    border-bottom-right-radius: var(--borderstyle);
    border-bottom-width: 1px
}

.buy-id .bs-quantity-outer {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(80px - var(--gap));
    flex: 0 0 calc(80px - var(--gap));
    max-width: calc(80px - var(--gap));
    height: 30px;
    margin-inline-end: var(--gap)
}

.buy-id .bs-quantity-outer .bs-quantity {
    position: absolute;
    font-size: 12px;
    width: 25%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brdcolor);
    background-color: #fafafa;
    margin-bottom: 0;
    color: #000;
    color: var(--layoutcolor);
    border-radius: 0
}

.buy-id .bs-quantity-outer .bs-dec-btn {
    border-radius: var(--borderstyle) 0 0 var(--borderstyle);
    left: 0
}

.buy-id .bs-quantity-outer .bs-dec-btn::before {
    font-family: FontAwesome;
    content: "\f068"
}

.buy-id .bs-quantity-outer .Quantity {
    background-color: #fff;
    right: 24%;
    left: 24%;
    width: calc(100% - 48%);
    text-align: center;
    padding: 0
}

.buy-id .bs-quantity-outer .bs-inc-btn {
    right: 0;
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0
}

.buy-id .bs-quantity-outer .bs-inc-btn::before {
    font-family: FontAwesome;
    content: "\f067"
}

.buy-id .bs-addbasket-btn-outer {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    background: var(--layoutcolor);
    color: #fff;
    font-size: 11px;
    height: 30px;
    border-radius: var(--borderstyle)
}

.bs-depots-btn,
.view-block .row-id {
    display: flex;
    background-color: #fff
}

.buy-id.bs-no-quantity .bs-addbasket-btn-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
    margin-inline-end: 0
}

.buy-id .bs-addbasket-btn-outer .bs-addbasket {
    height: inherit;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.buy-id .bs-addbasket-btn-outer [class*=bs-addbasket]:before {
    font-size: calc(2 * var(--gap));
    position: absolute;
    left: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 15px
}

.buy-id .bs-addbasket-btn-outer .add-text-class {
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    padding: 0 4px;
    text-align: center
}

.buy-id:has(.bs-addproposal-btn-outer) .bs-addbasket-outer {
    width: calc(160px + 80px)
}

.buy-id .bs-addproposal-btn-outer,
.view-list .Cell.categorygroup-id label {
    margin-inline-start: var(--gap)
}

.buy-id .bs-cart-ok {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.view-block .detail-btn {
    margin-top: 5px
}

.view-block .tbody-id,
.view-poly .tbody-id {
    display: flex;
    flex-wrap: wrap;
    margin-inline-start: calc(-1 * var(--gap));
    margin-inline-end: calc(-1 * var(--gap));
    width: calc(100% + calc(2 * var(--gap)))
}

.view-block .row-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / var(--prdcount) - calc(2 * var(--gap)));
    flex: 0 0 calc(100% / var(--prdcount) - calc(2 * var(--gap)));
    max-width: calc(100% / var(--prdcount) - calc(2 * var(--gap)));
    flex-wrap: wrap;
    margin-bottom: calc(2 * var(--gap));
    margin-inline-end: var(--gap);
    margin-inline-start: var(--gap);
    padding: 0 0 var(--gap);
    position: relative;
    border-radius: var(--borderstyle);
    border: 1px solid var(--brdcolor)
}

.view-block .row-id:hover,
.view-poly .row-id .bs-img:hover {
    box-shadow: rgb(0 0 0 / 8%) 0 2px calc(2 * var(--gap)) 0
}

.view-detail .view-block .row-id:hover {
    box-shadow: none
}

.banner-other-products .view-block .row-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - var(--gap));
    flex: 0 0 calc(25% - var(--gap));
    max-width: calc(25% - var(--gap))
}

.bs-prd-depots-outer {
    padding: 0 0 1px;
    position: relative
}

.view-table .bs-prd-depots-outer.bs-radio-depot-exists-outer {
    display: inline-flex;
    justify-content: center
}

.depot-radio-id {
    width: 30px;
    margin-inline-end: 4px;
    margin-bottom: 0;
    padding: 0 4px
}

.view-block .bs-prd-alldepots {
    flex-wrap: wrap
}

.view-block .bs-prd-depots-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex
}

.view-block .bs-radio-depot-exists {
    width: unset;
    flex-direction: row-reverse
}

.view-block .bs-radio-depot-exists .bs-depot-line {
    text-align: left;
    order: 1
}

.view-block .bs-radio-depot-exists .depot-radio-id {
    margin-inline-start: 0;
    order: 2
}

.bs-cart-outer .customername-id,
.bs-cart-outer .update-id,
.bs-cart-outer .useraccountname-id,
.bs-cart-outer .view-table .buy-id,
.bs-product-table th,
.bs-radio-depot-exists-not .bs-depot-line,
.bs-responsive-table.bs-nowrap-table,
.bs-responsive-table.bs-ws-nowrap td,
.bs-responsive-table.bs-ws-nowrap th,
.view-list .row-id>.Cell:before,
[class*=price-id] {
    white-space: nowrap
}

.bs-modal .bs-depot-line {
    display: flex;
    height: 36px;
    align-items: center;
    border-radius: 0;
    border-bottom: 1px solid var(--brdcolor)
}

.bs-depots-btn:before {
    font-family: FontAwesome;
    content: "\f002";
    margin-inline-end: 2px
}

.bs-depots-btn {
    font-size: 11px;
    border: 1px solid var(--brdcolor);
    height: 30px;
    border-radius: var(--borderstyle);
    align-items: center;
    padding: 0 4px;
    font-weight: 600
}

.bs-pd-table .bs-radio-depot-exists {
    width: unset;
    margin: 0 4px
}

.bs-radio-depot-no-stock {
    color: #e23a37;
    padding-inline-end: 41px
}

.view-block .fa-camera-retro:before {
    content: ""
}

.view-block .row-id>.Cell {
    width: 100%;
    padding: 0 var(--gap);
    min-height: 20px;
    color: #000;
    overflow: hidden
}

.view-block .row-id>.Cell:before,
.view-list .row-id>.Cell:before {
    content: attr(data-title);
    color: #837575;
    font-weight: 400;
    overflow: hidden;
    white-space: normal;
    margin-inline-end: var(--gap);
    font-size: var(--fontsize);
    text-align: left
}

.row-id .brand-id:before,
.row-id .buy-id:before,
.row-id .code-id:before,
.row-id .delete-id:before,
.row-id .detail-id:before,
.row-id .img-id:before,
.row-id .name-id:before,
.view-block .row-id>.Cell.freeshipping-id:before,
.view-block .row-id>.Cell.season-id:before {
    content: "" !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    min-width: 0 !important
}

.view-block .buy-id {
    order: 12;
    margin-top: var(--gap)
}

.view-block .delete-id {
    order: 13
}

.view-block .freeshipping-id {
    order: 14
}

.view-block .brand-id,
.view-block .code-id,
.view-block .dot-id,
.view-block .name-id,
.view-block .origin-id,
.view-block .tag-id {
    order: 2
}

.view-block .barcode-id,
.view-block .creditprice-id,
.view-block .fieldfive-id,
.view-block .fieldfour-id,
.view-block .fieldone-id,
.view-block .fieldsix-id,
.view-block .fieldthree-id,
.view-block .fieldtwo-id,
.view-block .package-id,
.view-block .shortcode-id,
.view-block .shortdescription-id,
.view-block .stocktype-id,
.view-block .tax-id,
.view-block [class*=iconimg] {
    order: 10
}

.view-block .packagetype-id {
    order: 6
}

.view-block .img-id {
    order: 0;
    position: relative;
    margin-bottom: var(--gap)
}

.view-block .img-id .inner-popover {
    position: relative;
    visibility: visible !important;
    border: 0;
    box-shadow: none;
    display: block;
    text-align: center;
    top: 0;
    z-index: 1;
    max-width: 100%;
    height: 130px;
    margin-bottom: var(--gap);
    border-radius: var(--borderstyle);
    overflow: hidden
}

.view-block .oem-id,
.view-block .season-id {
    order: 8
}

[class*=iconimg] {
    height: 22px
}

[class*=iconimg] img {
    height: 22px;
    object-fit: contain;
    width: unset
}

.view-block .actualprice-id,
.view-block .discount-id,
.view-block .normalprice-id,
.view-block .purchaseprice-id,
.view-block .retailprice-id,
.view-block .totalprice-id {
    order: 11
}

.view-block .manufacturer-id,
.view-block .transferprice-id {
    order: 9
}

.view-block .price-id {
    order: 11;
    overflow: unset !important;
    font-size: 24px;
    font-weight: 700
}

.view-block .taxprice-id {
    order: 12
}

.tire-label {
    display: inline-flex;
    flex-wrap: nowrap
}

.tire-label-inner {
    text-align: center;
    padding: 0 1px
}

.tag-id img {
    height: 24px;
    width: inherit
}

.brand-id img,
.origin-id img {
    height: 22px;
    width: unset
}

.view-block .detail-id {
    order: 12;
    align-self: flex-end
}

.view-table.table-id {
    display: table;
    width: 100%;
    border-top: 1px solid var(--brdcolor);
    border-left: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle) var(--borderstyle) 0 0
}

.view-table .heading-id,
.view-table .row-id {
    display: table-row
}

.view-table .heading-id .Cell {
    text-align: center;
    font-size: 11px;
    font-weight: 600
}

.heading-id .Cell,
.view-table .Cell {
    display: table-cell
}

.view-table .Cell.buy-id {
    padding: 2px
}

.view-table .buy-id .bs-addbasket-outer {
    margin: auto;
    justify-content: center;
    float: unset;
    background-color: initial
}

.view-table .Cell.name-id {
    min-width: 125px;
    width: unset;
    max-width: 225px
}

.view-table .name-id-inner {
    height: 100%;
    overflow: hidden
}

.view-table .name-id-link {
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    white-space: normal;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    width: 100%
}

.brand-id img,
.bs-showbrandname+.bs-brandname,
.view-list .stock-id .bs-depots-outer {
    display: inline-flex
}

.heading-id .Cell,
.view-table .Cell {
    height: 36px;
    vertical-align: middle;
    border-right: 1px solid var(--brdcolor);
    border-bottom: 1px solid var(--brdcolor);
    white-space: nowrap
}

.brand-id img {
    object-fit: contain;
    max-width: 100px
}

.brand-id span {
    text-transform: uppercase
}

.view-block .brand-id img {
    margin: 4px 0
}

.view-table .tbody-id {
    display: table-row-group
}

.heading-id .Cell {
    font-weight: 700;
    color: #837575;
    background: #fff;
    z-index: 20
}

.heading-id .Cell:last-child {
    border-radius: 0 var(--borderstyle) 0 0
}

.view-table .Cell {
    font-weight: 500;
    color: #000;
    padding: 0 2px;
    width: 1px
}

.bs-od-info-outer.bs-od-info-add input,
.bs-od-info-outer.bs-od-info-add select,
.bs-responsive-table.bs-table-single-bg tbody tr:nth-child(odd),
.view-list .bs-stock-bg .bs-delete-btn,
.view-table .row-id:nth-of-type(2n) {
    background-color: #fff
}

.view-table .row-id:nth-of-type(odd),
.view-table .row-id:nth-of-type(odd) .brand-id img::after {
    background-color: #f7f7f7
}

.bs-responsive-table tbody tr:hover,
.view-table .row-id:hover,
.view-table .row-id:hover .brand-id img::after {
    background: #fefae0 !important
}

.bs-pagination {
    display: flex;
    justify-content: center;
    margin: calc(2 * var(--gap)) 0
}

.bs-pagination li:first-child {
    border-radius: 24px 0 0 24px
}

.bs-pagination li:last-child {
    border-radius: 0 24px 24px 0
}

.bs-pagination li {
    height: 40px;
    width: 40px;
    background-color: #f4f4f5;
    display: flex;
    align-items: center;
    justify-content: center
}

.bs-pagination li>* {
    color: var(--layoutcolor);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

#productFilterNew .filter>a,
.bs-ctg-title {
    align-items: center;
    color: #333;
    font-weight: 600
}

.bs-pagination li>.active {
    color: #fff;
    background-color: var(--layoutcolor)
}

.bs-pagination [class*=bs-pagination] {
    font-family: FontAwesome
}

.bs-pagination .bs-pagination-first::before {
    content: "\f060"
}

.bs-pagination .bs-pagination-last::before {
    content: "\f061"
}

.bs-pagination .bs-pagination-next::before,
.fa-angle-right:before {
    content: "\f105"
}

.view-detail-modal .Cell:before,
.view-list .row-id>.brand-id.Cell:before,
.view-list .row-id>.price-id.Cell:before {
    content: attr(data-title) !important
}

.bs-pagination .bs-pagination-inactive {
    opacity: .5
}

.view-icon-clr {
    color: #ddd;
    font-size: 17px;
    border-radius: var(--borderstyle);
    margin-inline-end: var(--gap)
}

.bs-menusilver-outer .bs-sms-link:hover,
.bs-menusilver-outer .router-link-active,
.bs-menusilver-outer .router-link-active i,
.bs-od-info-outer table.bs-od-summary-table tr:last-child td:last-child,
.view-icon-clr.view-icon-clr-active {
    color: var(--layoutcolor)
}

.bs-ctg {
    z-index: 400;
    position: relative
}

.bs-ctg-t {
    background: #fff;
    color: #000;
    color: var(--layoutcolor);
    font-weight: 400;
    padding: 5px var(--gap);
    border: 1px solid #000;
    border: 1px solid var(--layoutcolor);
    height: 30px;
    cursor: pointer
}

.bs-ctg-t::after {
    content: "\f105";
    float: right;
    color: var(--layoutcolor);
    font-family: FontAwesome;
    font-weight: 300
}

.bs-ctg .inner-popover {
    z-index: 3;
    top: 29px;
    padding: 0;
    border-radius: 0;
    border: 1px solid var(--layoutcolor);
    box-shadow: none;
    width: calc(100% - var(--gap))
}

[src*=errorimg] {
    background: 0 0 !important
}

.bs-ctg-title {
    display: flex;
    font-size: initial;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: var(--bgcolor);
    white-space: nowrap;
    overflow: hidden;
    border-radius: var(--borderstyle)
}

#productFilterNew .filter>a {
    display: flex;
    position: relative;
    height: 50px
}

#productFilterNew .filter>a:hover {
    background-color: #fafafa;
    transition: .3s
}

#productFilterNew .filter>a:after {
    content: "\f107";
    position: absolute;
    right: var(--gap);
    color: #000;
    color: var(--layoutcolor);
    font-family: FontAwesome;
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: center
}

#productFilterNew .filter .bs-filters-search-outer .bs-input-v1 {
    height: 27px;
    border-color: #e2e2e2
}

#productFilterNew .filter .bs-filters-search-outer .bs-input-v1::placeholder {
    font-size: 12px
}

#productFilterNew .filter .bs-filters-outer {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 184px;
    margin-bottom: calc(2 * var(--gap))
}

#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 100px
}

#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 100px
}

#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

#productFilterNew .bs-atoz {
    font-size: 12px;
    float: right;
    margin-inline-start: auto;
    color: #ccc
}

#productFilterNew input[type=checkbox]:checked+label,
.bs-rm-lng-fp .bs-fp {
    font-weight: 600;
    color: var(--layoutcolor)
}

.bs-menu-outer-v1 {
    background: #fff;
    position: absolute;
    width: 200px;
    left: 0;
    text-align: left;
    top: 29px;
    box-shadow: rgba(0, 0, 0, .15) 0 20px 25px -12px
}

#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar,
.bs-filter-clm-outer .bs-menu-common-outer::-webkit-scrollbar {
    background-color: #f1f1f1;
    width: 7px;
    border-radius: 100px
}

#productFilterNew .filter .bs-filters-outer::-webkit-scrollbar-thumb,
.bs-filter-clm-outer .bs-menu-common-outer::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 100px
}

.bs-filter-clm-outer .bs-menu-common-outer {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 240px
}

.season-id img {
    object-fit: contain;
    height: 30px;
    width: unset
}

.bs-responsive-table .bs-detail-btn-outer,
.img-id {
    padding: 0 !important
}

.filterlisttop-outer {
    background: #fff !important;
    border-radius: var(--borderstyle) !important
}

#target-products {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: calc(1 * var(--gap));
    padding: 0
}

.bs-products-order-outer {
    display: flex;
    align-items: center;
    margin-inline-start: auto
}

.bs-mp-group-outer {
    z-index: 30 !important;
    margin-bottom: var(--gap) !important
}

.bs-mp-group-inner {
    display: flex;
    flex-wrap: wrap;
    margin-inline-start: calc(-1 * var(--gap));
    margin-inline-end: calc(-1 * var(--gap))
}

.bs-mp-group-inner.owl-carousel {
    margin-inline-start: 0;
    margin-inline-end: 0;
    z-index: 30;
    padding: var(--gap);
    background: #fff
}

.bs-mp-group-inner.owl-carousel .view-block .row-id {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: var(--gap);
    padding-inline-end: var(--gap);
    margin-bottom: 0
}

.bs-ctgv2-banner-outer .container,
.bs-homecategory-exists .container {
    padding-inline-start: 0;
    padding-inline-end: 0;
    max-width: 100%
}

.bs-modalimage-outer img {
    object-fit: contain;
    height: 100%
}

.bs-modalimage-outer .modal-body {
    height: calc(100vh - 46px)
}

.bs-filter-item {
    border-radius: 6px;
    height: 32px;
    padding-inline-end: var(--gap);
    margin-bottom: var(--gap);
    cursor: pointer;
    position: relative;
    color: #333;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 3%);
    border: 1px solid #ededed;
    line-height: 1.2
}

.bs-filter-item::after {
    content: "\f00d";
    font-family: FontAwesome;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--brdcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    top: 5px;
    right: 4px
}

.bs-filtername {
    padding-inline-start: var(--gap);
    padding-inline-end: calc(2 * var(--gap) + var(--gap)/ 2);
    height: 15px;
    display: flex;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden
}

.bs-filtername1 {
    align-items: flex-end;
    color: #999;
    font-weight: 300
}

.bs-filtername2 {
    align-items: flex-start;
    color: #000;
    font-weight: 600
}

.bs-btn-clear-all-filter {
    color: #333;
    display: flex;
    align-items: center;
    font-weight: 600;
    border-radius: 6px;
    height: 32px;
    margin-bottom: calc(2 * var(--gap));
    position: relative;
    font-size: 12px;
    background-color: var(--brdcolor);
    justify-content: center;
    width: 100%;
    transition: .3s;
    padding: 0 4px
}

.bs-btn-clear-all-filter:hover {
    transition: .3s;
    background-color: #fff1e6
}

.bs-delete-btn {
    background: #f5f5f5;
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.view-list .row-id {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 0 8px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    padding: var(--gap) 0;
    min-height: calc(calc(2 * 30px) + calc(2 * var(--gap)))
}

.view-list .Cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-weight: 500;
    height: 30px;
    line-height: 1.2
}

.view-list nav {
    grid-column-start: 0;
    grid-column-end: 1
}

.view-list aside {
    grid-column-start: 1;
    grid-column-end: 2
}

.view-list article {
    grid-column-start: 2;
    grid-column-end: 3
}

.view-list main {
    grid-column-start: 3;
    grid-column-end: 4
}

.view-list section {
    grid-column-start: 4;
    grid-column-end: 5
}

.view-list .Cell:first-of-type {
    grid-row: 1
}

.view-list .Cell:nth-of-type(2) {
    grid-row: 2
}

.view-list .Cell:nth-of-type(3) {
    grid-row: 3
}

.view-list .Cell:nth-of-type(4) {
    grid-row: 4
}

.view-list .Cell:nth-of-type(5) {
    grid-row: 5
}

.view-list .Cell:nth-of-type(6) {
    grid-row: 6
}

.view-list .Cell:nth-of-type(7) {
    grid-row: 7
}

.view-list .Cell:nth-of-type(8) {
    grid-row: 8
}

.view-list .Cell:nth-of-type(9) {
    grid-row: 9
}

.view-list .Cell:nth-of-type(10) {
    grid-row: 10
}

.view-list:has(article):not(:has(main)):not(:has(section)) .row-id {
    grid-template-columns: repeat(2, 1fr)
}

.view-list:has(article):not(:has(main)):not(:has(section)) article {
    grid-column-start: 2;
    grid-column-end: 3
}

.view-list:has(article):not(:has(main)):not(:has(section)) main {
    grid-column-start: 0;
    grid-column-end: 0
}

.view-list:has(article):not(:has(main)):not(:has(section)) section {
    grid-column-start: 0;
    grid-column-end: 0
}

.view-list:has(article):not(:has(main)):has(section) .row-id {
    grid-template-columns: repeat(3, 1fr)
}

.view-list:has(article):not(:has(main)):has(section) article {
    grid-column-start: 2;
    grid-column-end: 3
}

.view-list:has(article):not(:has(main)):has(section) main {
    grid-column-start: 0;
    grid-column-end: 0
}

.view-list:has(article):not(:has(main)):has(section) section {
    grid-column-start: 3;
    grid-column-end: 4
}

.view-list:not(:has(article)):has(main):has(section) .row-id {
    grid-template-columns: repeat(3, 1fr)
}

.view-list:not(:has(article)):has(main):has(section) article {
    grid-column-start: 0;
    grid-column-end: 0
}

.view-list:not(:has(article)):has(main):has(section) main {
    grid-column-start: 2;
    grid-column-end: 3
}

.view-list:not(:has(article)):has(main):has(section) section {
    grid-column-start: 3;
    grid-column-end: 4
}

.view-list main.Cell,
.view-list section.Cell {
    justify-content: flex-end;
    text-align: right
}

.view-list main.Cell:before {
    margin-inline-end: auto !important
}

.view-list .Cell.img-id,
.view-list .bs-radio-depot-exists {
    align-items: flex-start
}

.view-list .totalprice-id {
    color: var(--layoutcolor) !important
}

.categorygroup-id.Cell:before,
.view-list .row-id>.buy-id.Cell:before,
.view-list .row-id>.code-id.Cell:before,
.view-list .row-id>.delete-id.Cell:before,
.view-list .row-id>.detail-id.Cell:before,
.view-list .row-id>.img-id.Cell:before,
.view-list .row-id>.name-id.Cell:before {
    margin-inline-end: 0 !important
}

.view-list .brand-mobile-id {
    margin-inline-end: 2px
}

.view-list .code-id,
.view-list .price-id,
.view-list .totalprice-id {
    font-weight: 700;
    color: var(--layoutcolor) !important
}

.bs-headermenu-outer .bs-main-menu:hover .bs-sub-menu-outer,
.bs-headermenu-outer .bs-sub-menu-narrow .bs-sub-menu:hover .bs-sub-menu-1-outer,
.bs-ord-sm-tbl div,
.view-list section.Cell[class*=depotaddcart-id] {
    display: flex
}

.view-list .depotaddcart-id .depot-radio-id {
    order: 2;
    margin-inline-end: 0;
    margin-inline-start: 4px;
    height: 26px
}

.view-list .name-id-inner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.view-list .row-id:has(.bs-categorygroup-inner) {
    padding-bottom: 30px
}

.view-list .row-id:has(.bs-categorygroup-inner) .Cell.categorygroup-id {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-inline-start: 0
}

.view-list .Cell.categorygroup-id .bs-categorygroup-inner {
    border-radius: 0 0 10px 10px;
    background-color: #fce8d6;
    padding: 0 var(--gap);
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 600
}

.view-list .Cell.categorygroup-id i {
    transform: scaleY(-1);
    font-size: 12px
}

.view-list .Cell.categorygroup-id i:before {
    content: "\f064";
    font-family: FontAwesome
}

.view-list .stock-id .bs-depots-outer .bs-prd-depots-outer {
    margin-inline-end: 4px
}

.view-list .Cell.buy-id {
    grid-row: 1/span 3;
    height: max-content
}

.bs-multipricetable-outer {
    overflow-x: auto;
    margin-top: calc(2 * var(--gap));
    margin-bottom: 0
}

.bs-filter-clm-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    padding-inline-end: calc(2 * var(--gap))
}

.bs-mp-s-outer:has(*) {
    margin-bottom: var(--gap)
}

.bs-prd-clm-outer {
    overflow-y: hidden;
    overflow-x: auto
}

.bs-listedproductcount {
    align-items: center;
    display: flex;
    font-weight: 600;
    margin-inline-start: 4px;
    height: var(--hsize);
    font-size: 13px
}

.bs-listedproductcount:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 4px;
    margin-inline-end: 12px;
    color: #ddd
}

.view-detail .view-block .row-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0);
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
    margin-inline-start: 0;
    margin-inline-end: 0;
    border: 0;
    box-shadow: none;
    padding-bottom: 0
}

.view-detail .view-block .name-id {
    font-size: 22px;
    white-space: normal
}

.view-detail .bs-prd-icon {
    margin-bottom: var(--gap);
    display: flex
}

.view-detail .bs-prd-icon:before {
    width: 20px
}

.view-detail .bs-prd-icon:not([title=""]):after {
    content: attr(title);
    background-color: #fff;
    color: var(--layoutcolor);
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 1px solid var(--brdcolor);
    overflow: hidden;
    border-radius: 0 var(--borderstyle) var(--borderstyle) 0
}

.view-detail-modal {
    border-top: 1px solid #e1e1e1
}

.view-detail-modal .Cell {
    border: 1px solid #e1e1e1;
    border-top: 0;
    min-height: 30px;
    display: flex;
    align-items: center;
    font-weight: 600
}

.view-detail-modal .Cell:before {
    color: #837575;
    font-weight: 400;
    width: 25%;
    display: flex;
    align-items: center;
    padding-inline-start: var(--gap)
}

.view-detail-modal .buy-id .bs-addbasket-outer {
    margin-inline-start: auto;
    margin-top: var(--gap)
}

.view-detail .view-block .row-id>.Cell {
    display: flex;
    align-items: center;
    white-space: normal;
    padding: 0;
    min-height: 30px
}

.view-detail .view-block .row-id>.Cell:before {
    width: 33.3333%;
    min-width: 33.3333%
}

.bs-paint-searchword {
    background-color: #fef8cf
}

.view-block .row-id>.Cell.season-id {
    position: absolute;
    top: var(--gap);
    right: 0;
    width: unset;
    background-color: transparent
}

.view-detail .view-block .row-id>.Cell.season-id {
    left: -58px;
    top: var(--gap);
    right: inherit;
    z-index: 1
}

.view-detail .season-id img {
    height: 50px
}

.view-block .buy-id .bs-addbasket-btn-outer {
    height: 48px;
    font-size: 14px;
    display: flex;
    overflow: hidden
}

.view-block .buy-id .bs-quantity-outer {
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100px - var(--gap));
    flex: 0 0 calc(100px - var(--gap));
    max-width: calc(100px - var(--gap));
    margin-inline-end: var(--gap)
}

.view-block .buy-id .bs-quantity-outer .bs-quantity {
    width: 27px;
    font-size: 13px;
    background: #bfbfbf;
    color: #000;
    font-weight: 400;
    border-color: #bfbfbf
}

.view-block .buy-id .bs-quantity-outer .Quantity {
    right: 27px;
    left: 27px;
    width: calc(100% - 54px);
    background: #fff;
    color: #000;
    font-weight: 600;
    border-width: 2px 0;
    font-size: 14px
}

.view-block .buy-id .bs-quantity-outer .bs-quantity:hover {
    opacity: .7
}

.view-detail .view-block .buy-id {
    margin: calc(2 * var(--gap)) 0 var(--gap) 0
}

.bs-modal .bs-master-input-inner,
.bs-promotion-outer,
.bs-return-inner,
.bs-rm-lng-fp .bs-pd,
.bs-variation-outer {
    margin-bottom: var(--gap)
}

.view-block .row-id .Cell.name-id {
    height: 44px;
    overflow: hidden
}

.view-block .row-id .Cell.name-id.bs-no-line-limit {
    height: unset;
    -webkit-line-clamp: unset
}

.view-detail .view-block .row-id>.Cell.name-id {
    height: inherit;
    -webkit-line-clamp: unset
}

.detail-btn {
    background-color: transparent;
    margin-bottom: 0;
    color: #000 !important;
    color: var(--layoutcolor) !important;
    font-size: 12px
}

.other-detail-btn {
    color: #35abe3 !important
}

.buttons-excel,
.paginate_button.current {
    background: var(--layoutcolor);
    color: #fff
}

.bs-copyright-img-outer img {
    display: flex;
    align-items: center;
    height: 100%
}

.bs-area-v3 {
    border-radius: var(--borderstyle);
    height: 100%
}

.bs-responsive-table {
    margin-bottom: var(--gap);
    width: 100% !important;
    border-collapse: collapse
}

.bs-responsive-table tbody tr:nth-child(odd),
.bs-transform-table tr td:nth-child(2n) {
    background: #f8f8f8
}

.bs-responsive-table tr {
    border-width: 0 1px;
    border-style: solid;
    border-color: var(--brdcolor)
}

.bs-responsive-table td,
.bs-responsive-table th {
    text-align: left;
    height: var(--hsize);
    border-bottom: 1px solid var(--brdcolor);
    line-height: 1
}

.bs-responsive-table tbody tr.bs-table-row-active {
    background: #fff1e6
}

.bs-responsive-table th {
    color: #837575;
    border-top: 1px solid var(--brdcolor);
    background: #fff;
    padding: 0 var(--gap);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 12px
}

.bs-responsive-table td {
    font-weight: 500;
    color: #000;
    overflow: hidden;
    padding: var(--gap)
}

.bs-cart-outer .bs-oem-list,
.bs-responsive-table td .bs-balance-receivable {
    color: #159547
}

.bs-responsive-table.bs-table-sticky th {
    position: -webkit-sticky;
    position: sticky;
    top: calc(-1 * var(--gap) - 1px);
    z-index: 1
}

.bs-product-table td {
    white-space: nowrap;
    width: 1px
}

.bs-product-table .bs-pt-name {
    min-width: 125px;
    width: unset;
    white-space: normal;
    word-break: break-word
}

.bs-product-table .bs-pt-img img {
    width: 40px;
    object-fit: contain
}

#searchInputText {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 120px;
    height: 100%
}

.buttons-excel {
    border: 0;
    height: 30px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 136px;
    z-index: 100;
    margin-top: -31px;
    cursor: pointer;
    padding: 0 var(--gap);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: var(--borderstyle)
}

.bs-top0 th {
    top: -1px
}

.bs-table-fixed {
    table-layout: fixed
}

.bs-big-table td,
.bs-big-table th {
    height: 50px !important
}

.bs-transform-table {
    width: unset !important
}

.bs-transform-table,
.bs-transform-table * {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.bs-transform-table tr {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    border: 0
}

.bs-transform-table td {
    flex: 0 0 100%;
    max-width: 100%
}

.bs-transform-table tbody tr:first-child {
    border-left: 1px solid var(--brdcolor)
}

.bs-transform-table tr td:first-child {
    color: #837575;
    background: #fff;
    font-size: 12px
}

.bs-one-line {
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px
}

#bs-data-table_info {
    display: inline-block;
    font-size: 10px;
    color: #919191
}

#bs-data-table_paginate {
    display: inline-block;
    float: right
}

.paginate_button {
    background: #fff;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brdcolor);
    cursor: pointer;
    outline: 0;
    font-weight: 500
}

.bs-news-date,
.bs-news-description,
.bs-news-inner .bs-news-title,
.view-poly .row-id>.Cell.name-id {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.bs-news-inner .bs-news-title {
    height: 18px;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #000;
    color: var(--layoutcolor);
    font-weight: 600
}

.bs-news-inner {
    background: #fff;
    margin-bottom: var(--gap);
    border-radius: var(--borderstyle);
    padding-bottom: .1px
}

.bs-news-outer img {
    height: 251px;
    object-fit: contain;
    padding: var(--gap) 0
}

.bs-news-outer .row {
    margin-inline-end: -8px !important
}

.bs-news-outer a.bs-btn-v1 {
    margin: 0 0 var(--gap) !important
}

.bs-news-description {
    padding: 4px var(--gap);
    height: 50px;
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #eee;
    margin: var(--gap) 0;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.bs-news-date {
    padding: 0 0 var(--gap);
    height: 26px;
    color: #919191;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.bs-newsdetail-outer {
    margin-bottom: var(--gap);
    min-height: 400px
}

.bs-newsdetail-title {
    padding: var(--gap);
    color: #000;
    color: var(--layoutcolor);
    font-size: 14px;
    font-weight: 600
}

.bs-newsdetail-description {
    padding: 0 var(--gap) 4px
}

.bs-newsdetail-img-outer {
    background: #f7f7f7;
    border-right: 1px solid #eee;
    padding-inline-end: 0 !important;
    border-radius: 0 0 0 var(--borderstyle)
}

.bs-newsdetail-img-outer img {
    padding: var(--gap);
    width: 100%;
    border-radius: var(--borderstyle)
}

.bs-newsdetail-inner {
    background: #fff;
    border-radius: 0 0 var(--borderstyle) 0
}

.bs-cart-outer .bs-oem-list .inner-popover {
    z-index: 3
}

.bs-cart-outer .bs-cart-p-name {
    max-width: 300px
}

.bs-cart-outer .view-block .check-id,
.bs-return-inner:first-child {
    margin-top: var(--gap)
}

.bs-cart-outer .bs-refresh-btn {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff
}

.bs-cart-outer .customername-id {
    background: #fff3e9;
    text-align: left !important
}

.bs-cart-outer .customername-id i:before {
    font-family: FontAwesome;
    content: "\f2c0";
    font-style: normal;
    margin-inline-end: 4px
}

.bs-cart-outer .useraccountname-id i:before {
    font-family: FontAwesome;
    content: "\f2bd";
    font-style: normal;
    margin-inline-end: 4px
}

.bs-cart-outer .useraccountname-id {
    background: #f5f0fc;
    text-align: left !important
}

.bs-cart-outer #bs-totalctg-id-outer .bs-totalctg-id {
    text-align: right;
    position: absolute;
    right: var(--gap);
    display: flex;
    align-items: center;
    border: 0;
    height: 30px
}

.bs-cart-outer #bs-totalctg-id-outer .bs-totalctg-id span {
    font-weight: 600;
    margin-inline-start: 4px
}

.bs-cart-outer #bs-totalctg-id-outer .bs-totalctg-id span:first-child {
    margin-inline-end: 6px
}

.bs-cart-outer .view-block#bs-totalctg-id-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 calc(100% - var(--gap));
    max-width: calc(100% - var(--gap))
}

.bs-cart-outer .view-block#bs-totalctg-id-outer .bs-totalctg-id {
    right: inherit;
    left: 0;
    border: 0
}

.bs-cart-outer .bs-cart-ctg-name-outer {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 10
}

.bs-cart-outer .table-id .bs-cart-ctg-name-outer {
    display: table-row;
    position: relative
}

.bs-cart-outer .bs-cart-ctg-name {
    position: absolute;
    height: inherit;
    right: var(--gap);
    left: 0;
    border-top: var(--gap) solid #fff
}

.bs-cart-outer .bs-cart-ctg-name-inner {
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--brdcolor);
    border-right: 1px solid var(--brdcolor);
    border-top: 0;
    color: #666
}

.bs-cart-outer .bs-cart-ctg-name-inner:first-child {
    height: 30px;
    font-weight: 600;
    background: #eee;
    border-top: 1px solid var(--brdcolor);
    border-left: 1px solid var(--brdcolor)
}

.bs-cart-outer .prod-note {
    display: inline-block;
    padding-inline-start: 4px
}

.bs-cart-outer .bs-no-stock:after {
    color: red !important;
    content: "●";
    font-size: 25px
}

.bs-cart-outer .bs-yes-stock:after {
    color: green !important;
    content: "●";
    font-size: 25px
}

.bs-cart-outer .bs-crt-pay-title {
    font-size: 12px;
    color: #000;
    margin-bottom: 3px
}

.bs-stock-bg {
    background-color: #fad6c9 !important
}

.bs-ord-sm-tbl {
    width: 100%;
    color: #333
}

.bs-ord-sm-tbl span:first-child {
    font-size: 13px
}

.bs-ord-sm-tbl span {
    display: inline-flex;
    height: 30px;
    align-items: center
}

.bs-ord-sm-tbl span:last-child {
    margin-inline-start: auto;
    white-space: nowrap
}

.bs-ord-sm-tbl div:last-child span {
    font-weight: 700;
    color: var(--layoutcolor)
}

.bs-cart-outer .bs-area-v1 {
    background: #fff;
    margin-bottom: var(--gap);
    padding: var(--gap);
    border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle)
}

.bs-transferbank-outer {
    border: 2px solid #fff6ee;
    min-height: 64px;
    padding-inline-start: calc(18px + calc(2 * var(--gap)))
}

.bs-transferbank-inner {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 12px
}

.bs-transferbank-inner .bs-transferbank-img {
    height: 56px;
    background-color: #fff;
    padding: var(--gap)
}

.bs-filter-title,
.bs-transferbank-inner .bs-transferbank-title {
    font-weight: 300
}

.bs-transferbank-outer input+i {
    left: var(--gap)
}

.bs-transferbank-outer:has(input:checked) {
    border-color: var(--layoutcolor)
}

.bs-dd-cc,
.bs-ds-option {
    border-left: 1px solid var(--brdcolor);
    border-right: 1px solid var(--brdcolor)
}

.buy-id .bs-addbasket-btn-outer:has(.bs-refresh-btn) {
    background: var(--layoutcolor);
    border-radius: 50%;
    flex: 0 0 calc(30px - 0px);
    max-width: calc(30px - 0px);
    height: 30px
}

.bs-cart-sum-clm-outer {
    padding-inline-start: calc(2 * var(--gap))
}

.bs-cart-sum-outer {
    position: -webkit-sticky;
    position: sticky;
    top: 77px;
    margin-bottom: var(--gap);
    border-radius: var(--borderstyle)
}

.bs-discount-clr {
    color: #f3514b !important
}

.bs-row {
    margin: 0 !important;
    height: 100vh;
    width: 100%
}

#divsozlesme {
    margin: var(--gap) 0 !important
}

#divsozlesme .bs-link-v1 {
    padding-inline-end: 0 !important;
    text-align: right
}

.bs-rm-lng-fp {
    margin-top: var(--gap);
    margin-bottom: calc(1 * var(--gap));
    color: #333;
    font-size: 12px
}

.bs-rm-lng-fp .bs-rm-outer {
    margin-bottom: 0;
    color: #333;
    font-size: 12px
}

.bs-desktop-api,
.bs-login-type,
.bs-new-login-outer .bs-logo-outer {
    display: block;
    margin-bottom: calc(2 * var(--gap));
    text-align: center
}

.bs-desktop-api,
.bs-login-type {
    color: #000
}

.customer-represenative-login-inputs {
    z-index: 800;
    width: 100%
}

.bs-new-login-outer .bs-logo-outer {
    height: 60px;
    margin-inline-start: auto;
    margin-inline-end: auto
}

.bs-dd-dsg:after,
.bs-user-cr .bs-user-value i::before {
    font-family: FontAwesome;
    content: "\f107";
    margin-inline-start: 4px
}

.customer-represenative-login-inputs .modal-header {
    border-top-right-radius: var(--borderstyle)
}

.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:last-child,
.customer-represenative-login-inputs .modal-header .bs-modal-close {
    border-bottom-right-radius: 0
}

.bs-dd-p {
    display: flex;
    align-items: center;
    height: 45px
}

.bs-dd-c {
    margin-bottom: 2px;
    font-weight: 400;
    box-shadow: 0 4px 20px 0 rgba(32, 33, 36, .28)
}

.bs-dd-cc {
    padding: 1px 3px;
    text-align: center
}

.bs-new-login-outer {
    position: relative;
    width: 100%
}

.bs-new-login-outer .bs-language-outer {
    margin: 0 auto
}

.bs-loginregister-outer {
    width: 400px;
    margin: auto
}

.bs-loginregister-outer .bs-tab-body {
    padding: 16px 40px;
    border: 1px solid var(--brdcolor);
    border-top: 0
}

.bs-loginregister-outer .bs-menu-tab-outer {
    border-bottom: 0;
    width: calc(100% + 4px)
}

.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link {
    background-color: #f2f2f2;
    height: 48px;
    margin-inline-end: 4px;
    border-radius: var(--borderstyle) var(--borderstyle) 0 0;
    color: #000;
    font-weight: 500
}

.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link.active {
    background-color: #fff;
    border: 1px solid var(--brdcolor);
    border-bottom: 0;
    color: var(--layoutcolor)
}

.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:after {
    content: "";
    border: 0;
    border-bottom: 1px solid var(--brdcolor);
    position: absolute;
    top: inherit;
    bottom: 0;
    left: -4px;
    right: -4px
}

.bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:first-child {
    border-bottom-left-radius: 0
}

.bs-footer-icon-outer [class*=bs-icon] {
    font-size: 17px;
    margin-inline-end: 4px;
    width: 36px;
    height: 36px;
    background-color: #7d7d7d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 400
}

.freeshipping-id {
    margin-top: 24px
}

.bs-icon-freeshipping:before {
    content: "\f0d1";
    color: var(--layoutcolor);
    margin-inline-end: 4px;
    font-size: 22px
}

.bs-process {
    background-color: #fff;
    border: 1px solid var(--brdcolor);
    padding: calc(var(--gap)/ 2) var(--gap);
    border-radius: calc(2 * var(--gap));
    color: #333;
    white-space: nowrap
}

.bs-select-v1.bs-payment-cur {
    position: absolute;
    right: var(--gap);
    width: 50px;
    top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fff
}

.bs-ds-option:last-child,
.bs-headermenu-outer {
    border-bottom: 1px solid var(--brdcolor)
}

.bs-headermenu-outer .bs-main-menu-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--hsize);
    position: relative
}

.bs-headermenu-outer .bs-main-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative
}

.bs-headermenu-outer .bs-main-menu-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #333
}

.bs-headermenu-outer .bs-main-menu:hover {
    color: var(--layoutcolor);
    box-shadow: inset 0 -2px 0 var(--layoutcolor)
}

.bs-headermenu-outer .bs-sub-menu-outer {
    display: none;
    position: absolute;
    top: var(--hsize);
    background-color: #fff;
    z-index: 450;
    box-shadow: 0 5px 10px 0 #00000012;
    inset-inline-start: 0;
    width: 225px;
    flex-wrap: wrap
}

.bs-headermenu-outer .bs-sub-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative
}

.bs-headermenu-outer .bs-sub-menu-title {
    display: flex;
    align-items: center;
    min-height: var(--hsize);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 12px;
    color: #333
}

.bs-headermenu-outer .bs-sub-menu-1-title {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 12px;
    color: #333
}

.bs-headermenu-outer .bs-sub-menu-desc,
.bs-headermenu-outer .bs-sub-menu-1-desc {
    font-size: 12px;
    color: #333;
    font-weight: 300
}

.bs-headermenu-outer .bs-sub-menu-wide .bs-sub-menu-outer {
    right: 0;
    width: 100%;
    height: 350px;
    overflow-y: scroll;
    padding: 24px 12px
}

.bs-headermenu-outer .bs-sub-menu-wide .bs-sub-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 24px
}

.bs-headermenu-outer .bs-sub-menu-wide {
    position: unset
}

.bs-headermenu-outer .bs-sub-menu-wide .bs-sub-menu-1-title {
    min-height: calc(.5 * var(--hsize))
}

.bs-headermenu-outer .bs-sub-menu-narrow .bs-sub-menu-1-title {
    min-height: calc(1 * var(--hsize))
}

.bs-headermenu-outer .bs-sub-menu-narrow .bs-sub-menu-1-outer {
    display: none;
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 450;
    box-shadow: 0 0 10px 0 #00000012;
    left: 225px;
    width: 225px;
    flex-wrap: wrap
}

.bs-headermenu-outer .bs-sub-menu:has(.bs-sub-menu-1-outer):after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: calc(1.5 * var(--gap));
    top: 0;
    bottom: 0;
    color: #333;
    display: flex;
    align-items: center;
    z-index: -1
}

.bs-headermenu-outer .bs-logo-inner {
    height: 100%;
    padding-inline-end: 12px;
}

.bs-headermenu-outer .bs-logo {
    height: 100%;
    padding: var(--gap) 0;
    min-width: 100px
}

.bs-main-menu-title:hover,
.bs-sub-menu-1-title:hover,
.bs-sub-menu-title:hover {
    text-decoration: underline;
    color: var(--layoutcolor)
}

.bs-main-menu-img,
.bs-sub-menu-1-img,
.bs-sub-menu-img {
    width: unset;
    height: 16px;
    margin-inline-end: 8px;
    object-fit: contain
}

.bs-headermenu-outer.bs-darkmenu {
    background: var(--layoutcolor);
    border: 0
}

.bs-headermenu-outer.bs-darkmenu .bs-main-menu:hover .bs-main-menu-title {
    background-color: #fff;
    color: var(--layoutcolor)
}

.col-bs-home-first {
    z-index: 35
}

.col-bs-home-first .bs-menu-common-outer .bs-main-menu,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2 {
    margin: 0;
    border-radius: 0;
    position: relative
}

.col-bs-home-first .bs-menu-common-outer .bs-main-menu:hover,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1:hover,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2:hover,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu:hover {
    background-color: #f5f5f5
}

.col-bs-home-first .bs-menu-common-outer .bs-main-menu-title,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1-title,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2-title,
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-title {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: var(--gap) 0;
    font-weight: 500
}

.col-bs-home-first .bs-menu-common-outer .bs-main-menu-title:has(+ .bs-sub-menu-outer),
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-1-title:has(+ .bs-sub-menu-2-outer),
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-2-title:has(+ .bs-sub-menu-3-outer),
.col-bs-home-first .bs-menu-common-outer .bs-sub-menu-title:has(+ .bs-sub-menu-1-outer) {
    padding-inline-end: calc(4 * var(--gap))
}

.col-bs-home-first .bs-main-menu:has(.bs-sub-menu-outer):after,
.col-bs-home-first .bs-sub-menu-1:has(.bs-sub-menu-2-outer):after,
.col-bs-home-first .bs-sub-menu-2:has(.bs-sub-menu-3-outer):after,
.col-bs-home-first .bs-sub-menu:has(.bs-sub-menu-1-outer):after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    font-size: 18px;
    color: #999;
    font-weight: 300;
    font-style: normal;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0
}

.col-bs-home-first .bs-sub-menu-img {
    height: 28px;
    width: 28px;
    object-fit: contain;
    padding: 0;
    background-color: #fff;
    margin-inline-end: var(--gap)
}

.col-bs-home-first .bs-sub-menu,
.col-bs-home-first .bs-sub-menu-1,
.col-bs-home-first .bs-sub-menu-2 {
    width: 100%;
    padding-inline-start: var(--gap)
}

.col-bs-home-first .bs-sub-menu-1-outer,
.col-bs-home-first .bs-sub-menu-2-outer {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    width: 250px;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .1);
    z-index: 2;
    border-radius: 0 var(--borderstyle) var(--borderstyle) var(--borderstyle)
}

.bs-ds-option-outer {
    position: absolute;
    top: calc(36px + 2px);
    left: -1px;
    right: -1px;
    z-index: 9999;
    overflow-y: auto;
    max-height: 270px;
    box-shadow: rgba(0, 0, 0, .07) 0 1px 1px, rgba(0, 0, 0, .07) 0 2px 2px, rgba(0, 0, 0, .07) 0 4px 4px, rgba(0, 0, 0, .07) 0 var(--gap) var(--gap), rgba(0, 0, 0, .07) 0 calc(2 * var(--gap)) calc(2 * var(--gap))
}

.bs-od-info-outer,
.bs-order-detail-outer {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .05);
    margin-bottom: var(--gap)
}

.bs-ds-option {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
    min-height: 36px;
    background-color: #fff;
    padding: 4px var(--gap);
    width: 100%
}

.bs-ds-option-selected {
    height: 100%;
    overflow: hidden;
    text-align: left;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.bs-ds-search {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.bs-pg-login .bs-contentplaceholder1 {
    min-height: inherit;
    padding: 0
}

.bs-pg-login footer {
    background-color: transparent;
    border-top: 0;
    text-align: center
}

.bs-pg-login #__layout,
.bs-pg-login .bs-banner-login .bs-banner-item {
    height: 100vh
}

.bs-pg-login .bs-banner-login .bs-banner-img {
    object-fit: cover;
    height: 100%
}

.bs-pg-login .bs-register-outer .bs-tab-body {
    height: calc(100vh - 213px);
    overflow-y: auto
}

.bs-responsive-table input {
    background-color: #fff;
    height: calc(var(--hsize) - 12px)
}

.bs-responsive-table .Quantity {
    margin-top: 0
}

.bs-radio-depot-exists .depot-radio-id:focus {
    width: 64px;
    z-index: 1
}

.bs-responsive-table .bs-specialdiscount1,
.bs-responsive-table .bs-specialdiscount2,
.bs-responsive-table .bs-specialdiscountedprice {
    border-width: 1px;
    margin-inline-end: 0;
    margin-bottom: 0
}

.bs-cursor-pointer {
    cursor: pointer;
    white-space: nowrap
}

.bs-cursor-pointer.bs-sort-icon-ascdesc:after {
    content: "\f0dc"
}

.bs-cursor-pointer.bs-sort-icon-asc:after {
    content: "\f0d8"
}

.bs-cursor-pointer.bs-sort-icon-desc:after {
    content: "\f0d7"
}

[class*=bs-sort-icon]:after {
    font-family: FontAwesome;
    font-style: normal;
    color: #333;
    margin-inline-start: calc(1 / 2 * var(--gap))
}

.bs-order-detail-outer {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 64px;
    border-radius: var(--borderstyle);
    border: 1px solid var(--brdcolor);
    justify-content: space-between;
    padding: 12px calc(2 * var(--gap));
    align-items: center;
    box-sizing: border-box;
    background-color: #fff
}

.bs-order-detail-title {
    color: #333;
    font-weight: 600;
    height: 50%
}

.bs-order-detail-text {
    color: #666
}

.bs-order-detail-first-title {
    font-weight: 700;
    height: 100%;
    display: flex;
    align-items: center
}

.bs-od-info-outer {
    height: max-content;
    border-radius: var(--borderstyle);
    border: 1px solid var(--brdcolor);
    background-color: #fff;
    overflow: hidden
}

.bs-od-info-inner {
    padding: calc(2 * var(--gap))
}

.bs-od-title {
    border-radius: var(--borderstyle) var(--borderstyle) 0 0;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background-color: #fafafa;
    font-weight: 600;
    height: 42px;
    border-bottom: 1px solid var(--brdcolor)
}

.bs-od-title-text-other {
    white-space: nowrap;
    margin-inline-start: auto
}

.bs-od-info-outer table td {
    height: 32px;
    color: #333;
    font-weight: 400;
    border-right: 0
}

.bs-od-info-outer table tbody,
.bs-od-info-outer tr:first-child {
    border-top: 0
}

.bs-user-accountarrears.bs-user,
.bs-user.bs-user-cr {
    border-color: var(--brdcolor);
    width: min-content
}

.bs-od-info-outer table.bs-od-summary-table tr:last-child td {
    font-weight: 700;
    font-size: var(--fontsize)
}

.bs-od-info-outer.bs-od-info-add .bs-od-title {
    color: var(--layoutcolor);
    font-weight: 700
}

.bs-responsive-table a,
.bs-responsive-table button,
.bs-responsive-table input,
.bs-responsive-table select,
.bs-responsive-table textarea {
    margin-top: 0;
    height: calc(var(--hsize) - calc(1 * var(--gap)));
    margin-bottom: 0
}

.bs-return-table input,
.bs-return-table select {
    width: 200px
}

.bs-myreturns-o,
.bs-page-design-text {
    margin-bottom: calc(2 * var(--gap))
}

.bs-myreturns-o .bs-order-detail-outer {
    background-color: #fafafa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
    box-shadow: none
}

.bs-change-host {
    padding: var(--gap);
    text-align: center;
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 11px;
    position: fixed;
    left: 0;
    bottom: 56px;
    z-index: var(--zmax);
    border-radius: 0 15px 15px 0;
    box-shadow: 0 0 4px #bdbdbd;
    background: linear-gradient(90deg, #833ab4 0, #fd1d1d 50%, #fcb045 100%);
    color: #fff;
    font-weight: 600
}

.bs-close-back {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 99
}

.bs-zindex-100 {
    position: relative;
    z-index: 100
}

.bs-footermenu-outer .bs-main-menu-title .bs-main-menu-img {
    height: calc(5 * var(--gap));
    object-fit: contain;
    padding: 0;
    margin-bottom: calc(2 * var(--gap))
}

.bs-dataarray-title {
    background-color: #eee;
    margin-bottom: var(--gap)
}

.bs-user-accountarrears.bs-user {
    overflow: hidden;
    font-size: 11px
}

.bs-user-accountarrears.bs-user:not(:has(.bs-accountarrears-table)) {
    border: 0;
    margin: 0;
    padding: 0
}

.bs-user-accountarrears .bs-responsive-table {
    margin-bottom: 0;
    height: 100%;
    table-layout: unset
}

.bs-user-accountarrears .bs-responsive-table td {
    height: unset;
    font-weight: 700
}

.bs-user-accountarrears .bs-responsive-table td:first-child {
    padding: 0;
    white-space: nowrap
}

.bs-user-accountarrears .bs-responsive-table td:last-child {
    padding-top: 0;
    padding-inline-end: 0;
    padding-bottom: 0
}

.bs-user-value-outer {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 var(--gap);
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden
}

.bs-user-value {
    display: flex;
    align-items: center;
    width: 100%
}

.view-poly .row-id {
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 8 - calc(2 * var(--gap)));
    flex: 0 0 calc(100% / 8 - calc(2 * var(--gap)));
    max-width: calc(100% / 8 - calc(2 * var(--gap)));
    margin-bottom: calc(2 * var(--gap));
    margin-inline-end: var(--gap);
    margin-inline-start: var(--gap);
    border-radius: var(--borderstyle);
    position: relative;
    border: 1px solid var(--brdcolor);
    padding: 0 0 var(--gap);
    flex-direction: column
}

.bs-fullscreen-site .view-poly .row-id {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 10 - calc(2 * var(--gap)));
    flex: 0 0 calc(100% / 10 - calc(2 * var(--gap)));
    max-width: calc(100% / 10 - calc(2 * var(--gap)))
}

.view-poly .row-id>.Cell {
    padding: 0 var(--gap);
    font-size: 12px;
    color: #484848;
    margin-bottom: calc(.5 * var(--gap));
    min-height: calc(2 * var(--gap));
    overflow: hidden
}

.view-poly .row-id>.Cell.name-id {
    height: 32px;
    background: 0 0;
    font-weight: 600;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow: hidden;
    line-height: 1.25
}

.view-poly .buy-id .bs-addbasket-btn-outer .bs-addbasket:before {
    content: ",";
    font-family: communication-48-x-48;
    line-height: 1;
    color: #fff;
    width: 100%;
    justify-content: center;
    left: 0
}

.view-poly .bs-prd-icon {
    height: 14px;
    min-width: 14px;
    font-size: 8px
}

.view-poly .img-id .bs-img {
    border-radius: var(--borderstyle) var(--borderstyle) 0 0
}

.bs-qo-steps span {
    border: 1px solid var(--brdcolor);
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: var(--gap);
    background-color: #fafafa;
    font-weight: 600
}

.bs-or,
button label {
    justify-content: center
}

.bs-qo-steps:after {
    content: "";
    border: 1px solid #eee;
    position: absolute;
    top: 20px;
    left: 0;
    right: var(--gap);
    display: flex;
    width: 75%;
    z-index: -1;
    margin: auto
}

.bs-qo-steps-desc {
    margin-bottom: calc(3 * var(--gap))
}

button label {
    position: absolute;
    width: 100%;
    height: 100%
}

.bs-previouscategory {
    display: flex;
    align-items: center;
    height: 30px;
    font-weight: 600;
    margin-top: calc(2 * var(--gap));
    min-height: 20px;
    color: #837575;
    position: -webkit-sticky;
    position: sticky;
    bottom: -1px;
    background-color: var(--bgcolor);
    text-transform: uppercase;
    font-size: 12px;
    width: 100%
}

.bs-menusilver-outer {
    margin-bottom: var(--gap);
    border: 1px solid #e6e6e6;
    border-radius: var(--borderstyle)
}

.bs-menusilver-outer .bs-ms-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 30px;
    font-weight: 600;
    padding: calc(1.5 * var(--gap)) calc(2 * var(--gap));
    font-size: 13px
}

.bs-menusilver-outer:has(.bs-menusilver-inner) .bs-ms-link {
    border-bottom: 1px solid #e6e6e6
}

.bs-menusilver-outer i {
    margin-inline-end: calc(1.5 * var(--gap));
    display: flex;
    font-size: 14px
}

.bs-menusilver-outer .bs-sms-link {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: calc(1 * var(--gap));
    font-weight: 400;
    border-radius: var(--borderstyle);
    transition: .3s;
    color: #333;
    font-size: 12px
}

.bs-barcodeaddcart-icon:before,
.bs-barcodeproductsearch-icon:before {
    font-size: 22px;
    font-style: normal !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bs-menusilver-outer .bs-sms-link.router-link-active,
.bs-menusilver-outer .bs-sms-link:hover {
    background-color: #fef4eb;
    color: var(--layoutcolor)
}

.bs-menusilver-outer .bs-menusilver-inner {
    width: 100%;
    padding: calc(1 * var(--gap))
}

.bs-content-outer .bs-banner-screen-full-text-normal:first-child,
.bs-content-outer .bs-banner-screen-full:first-child,
.bs-home-outer .bs-banner-home.bs-banner-screen-full {
    margin-top: calc(-1 * var(--gap))
}

.bs-table-outer::-webkit-scrollbar {
    background-color: #f1f1f1;
    height: 12px;
    border-radius: var(--gap)
}

.bs-table-outer::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: var(--gap)
}

.bs-table-outer::-webkit-scrollbar-thumb:hover {
    background-color: #888
}

.view-block .img-id:has(.bs-variationimage-carousel-outer) .bs-img {
    display: none
}

.view-block .img-id:has(.bs-variationimage-carousel-outer) {
    height: unset
}

.view-block .img-id:has(.bs-variationimage-carousel-outer) .bs-variationimage-carousel-outer {
    display: block
}

.view-block .bs-variationimage-carousel-outer .big .move {
    width: 30px;
    height: 30px;
    font-size: 18px
}

.view-block .bs-variationimage-carousel-outer .big .prev {
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.view-block .bs-variationimage-carousel-outer .big .next {
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.bs-exit-outer {
    order: 33
}

.bs-copyright-outer .bs-def-footer-outer {
    position: relative;
    bottom: 0
}

.bs-def-footer-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    color: #000;
    padding: 0 0 0 var(--gap);
    font-size: 11px
}

.def-footer-left-clm {
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.def-footer-right-clm img {
    height: 45px;
    padding: var(--gap) 0;
    width: unset
}

.vue-daterange-picker {
    padding: 0;
    background-color: transparent;
    height: var(--hsize);
    margin-bottom: var(--gap);
    width: 100%
}

.vue-daterange-picker .reportrange-text {
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--borderstyle);
    border-color: var(--brdcolor) !important;
    font-weight: 600;
    color: #484848;
    padding: 0 var(--gap) 0 0 !important
}

.bs-banner-brand .bs-banner-item:hover .bs-banner-text-outer,
.bs-seo-tag:hover {
    color: var(--layoutcolor);
    transition: .3s
}

.daterangepicker.opensright {
    left: 0 !important
}

.vue-daterange-picker i:before {
    font-family: finance;
    content: "[";
    font-size: 20px
}

.vue-daterange-picker i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: var(--gap)
}

.namewhoaddcart-id span {
    color: #837575;
    margin-inline-end: calc(.5 * var(--gap))
}

.view-table .row-id:has(.bs-icon-sale) {
    background-color: #fff176
}

.view-table .row-id:has(.bs-icon-mostviewed) {
    background-color: #29d0a230
}

.view-table .row-id:has(.bs-icon-mostsaled) {
    background-color: #7aacbc30
}

.view-table .row-id:has(.bs-icon-new) {
    background-color: #768ade30
}

.view-table .row-id:has(.bs-icon-day) {
    background-color: #fa97b130
}

.bs-print-logo,
.view-table .brand-mobile-id,
.view-table .bs-prd-icon {
    display: none
}

.view-detail .view-block .bs-specialdiscounts-inner {
    width: 184px
}

.active-id {
    position: absolute;
    left: 0;
    width: unset;
    margin-bottom: 0
}

.view-poly .row-id:hover {
    box-shadow: rgb(0 0 0 / 8%) 0 2px 16px 0
}

.bs-checkbox-outer {
    margin-bottom: var(--gap);
    align-items: center
}

.bs-checkbox-outer button {
    text-align: left;
    font-size: 12px
}

body:has(.bs-modal) {
    overflow: hidden
}

.bs-pd-img-outer {
    position: sticky;
    top: 80px;
    margin-bottom: var(--gap)
}

.bs-pd-img-outer:has(.bs-modal) {
    position: relative
}

.bs-or {
    position: relative;
    margin: var(--gap) 0
}

.bs-or-text {
    background-color: #fff;
    padding: 0 var(--gap)
}

.bs-or:after {
    content: "";
    border: 1px solid var(--brdcolor);
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1
}

.bs-barcode-addcart-inner,
.bs-barcode-content-outer,
.view-table .img-id {
    position: relative
}

.bs-barcode-title {
    color: #fff;
    position: absolute;
    top: calc(2 * var(--gap));
    z-index: 1;
    justify-content: center;
    width: 100%
}

.bs-barcodeproductsearch-icon:before {
    content: "?";
    font-family: communication-48-x-48
}

.bs-barcodeaddcart-icon:before {
    content: "U";
    font-family: finance !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none
}

.bs-notification-btn:before {
    display: flex;
    font-size: 18px;
    font-family: FontAwesome;
    content: "\f0f3";
    transform: rotate(45deg)
}

.bs-notification-btn div {
    position: absolute;
    font-size: 12px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    border-radius: 50%;
    font-style: normal;
    font-weight: 600;
    color: #e1dbdb;
    background-color: #666
}

.bs-barcode-clear-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    font-weight: 200;
    font-size: 26px;
    margin-bottom: var(--gap);
    color: #333
}

.view-table .row-id:has(.bs-prd-icon) .img-id .bs-hat {
    display: flex
}

.view-table .row-id .img-id .bs-hat {
    display: none;
    position: absolute;
    top: -4px;
    left: -16px;
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 24px solid #333;
    transform: rotate(-45deg);
    justify-content: center;
    box-shadow: 0 2px 0 0 #555
}

.bs-filter-outer,
.bs-promotion-title {
    display: flex;
    align-items: center;
    border-radius: var(--borderstyle)
}

.view-table .row-id:has(.bs-icon-sale) .img-id .bs-hat {
    border-bottom-color: #f3514b
}

.view-table .row-id:has(.bs-icon-mostsaled) .img-id .bs-hat {
    border-bottom-color: #7aacbc
}

.view-table .row-id:has(.bs-icon-new) .img-id .bs-hat {
    border-bottom-color: #768ade
}

.view-table .row-id:has(.bs-icon-mostviewed) .img-id .bs-hat {
    border-bottom-color: #29d0a2
}

.view-table .row-id:has(.bs-icon-day) .img-id .bs-hat {
    border-bottom-color: #fa97b1
}

.view-table .row-id .img-id .bs-hat:before {
    content: attr(data-title);
    color: #fff;
    position: absolute;
    top: 11px;
    font-weight: 800;
    font-size: 9px;
    text-transform: uppercase
}

.bs-filter-outer {
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: var(--gap) calc(1.5 * var(--gap));
    margin-bottom: var(--gap);
    min-height: var(--hsize)
}

.bs-pd-desc:has(*) {
    margin-bottom: var(--gap)
}

.view-table .bs-img-icon:has(.bs-hat) .bs-img {
    margin-inline-start: 35px
}

.bs-exceldata .bs-btn-icon {
    width: 100%;
    height: 40px;
    justify-content: center;
    font-size: inherit
}

.creditprice-id span,
.transferprice-id span {
    color: #f3514b;
    margin-inline-start: calc(.5 * var(--gap))
}

.bs-headermenu-outer .bs-language-outer [class*=bs-icon] {
    margin-inline-end: 0
}

.bs-promotion-title {
    font-weight: 600;
    background-color: #fff1e6;
    padding: var(--gap)
}

.bs-promotion-description {
    border: 2px solid #fff1e6;
    border-top: 0;
    padding: var(--gap);
    border-radius: 0 0 var(--borderstyle) var(--borderstyle)
}

.bs-promotion-icon {
    color: #f27a1a;
    display: inline-flex;
    align-items: center;
    margin-inline-end: var(--gap)
}

.bs-promotion-text-outer,
.bs-seo-tag {
    color: #333;
    margin-bottom: calc(1 * var(--gap))
}

.bs-last-p,
.bs-seo-tag {
    font-size: 11px;
    display: flex
}

.bs-promotion-text-outer:has(.bs-promotion-description) .bs-promotion-title {
    border-radius: var(--borderstyle) var(--borderstyle) 0 0
}

.bs-seo-tag-outer {
    margin-top: calc(2 * var(--gap))
}

.bs-seo-tag {
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brdcolor);
    border-radius: var(--borderstyle);
    height: 32px;
    font-weight: 500;
    padding: 0 var(--gap);
    transition: .3s
}

.bs-seo-tag:hover {
    border-color: var(--layoutcolor)
}

.bs-last-p {
    position: absolute;
    background-color: var(--layoutcolor);
    padding: 0 4px;
    color: #fff;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.row-id:has(.bs-last-p) {
    border: 1px solid var(--layoutcolor) !important
}

.row-id .bs-last-p:before {
    content: "\e04a";
    font-family: communication-48-x-48;
    margin-inline-end: 4px;
    font-weight: 400
}

.view-table .row-id:has(.bs-last-p) .Cell {
    border-bottom: 1px solid var(--layoutcolor);
    border-top: 1px solid var(--layoutcolor)
}

.view-table .row-id:has(.bs-last-p) .Cell:first-child {
    border-left: 1px solid var(--layoutcolor)
}

.view-table .row-id:has(.bs-last-p) .Cell:last-child {
    border-right: 1px solid var(--layoutcolor)
}

.view-block .row-id:has(.bs-last-p) .bs-last-p {
    width: 100%
}

.view-list .row-id:has(.bs-last-p) {
    padding-bottom: 20px
}

.view-poly .row-id:has(.bs-last-p) {
    border-color: var(--layoutcolor)
}

.view-poly .row-id:has(.bs-last-p) .bs-last-p {
    width: 100%
}

.view-poly .row-id:has(.bs-last-p) .img-id {
    position: relative
}

.bs-banner-brand .bs-banner-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.bs-banner-brand .bs-banner-text-outer {
    font-weight: 700;
    text-align: center;
    color: #333
}

.bs-banner-brand .bs-banner-img {
    border: 2px solid #fdd9c8;
    aspect-ratio: 1
}

.bs-banner-brand .bs-banner-item:hover .bs-banner-img {
    border-color: var(--layoutcolor);
    transition: .3s
}

.bs-payment-note {
    margin-bottom: var(--gap)
}
.bs-leftmobilemenu img {
    margin-right: unset !important;
    margin-inline-end: 12px !important;
  }

.bs-modal-content.m-popup {
    margin: auto;
}
.m-popup .bs-modal-body {
    max-height: 100vh;
}
.bs-banner-popup {
    margin-bottom: 0;
}

/* @media (min-width:576px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
} */

/* masaüstü */
@media (min-width:1101px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-2h5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-9h5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .bs-energetic-login .bs-login-card-outer {
        z-index: 1;
        position: absolute;
        right: 0;
        left: 0;
        padding: 0;
        animation: 1.5s ease-in-out alternate leaves
    }

    @keyframes leaves {
        0% {
            transform: scale(.2)
        }

        100% {
            transform: scale(1)
        }
    }

    .bs-energetic-login .bs-sm-outer {
        background-color: #2b3139eb;
        border-radius: var(--borderstyle);
        border: 1px solid #757880
    }

    .bs-energetic-login .bs-loginregister-outer .bs-tab-body {
        background-color: #2b3139eb;
        border-color: #757880
    }

    .bs-energetic-login .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link {
        background-color: #363e48;
        color: #fff;
        border-color: #757880
    }

    .bs-energetic-login .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:after {
        border-color: #757880
    }

    .bs-energetic-login .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link.active {
        background-color: #2b3139eb
    }

    .bs-energetic-login .bs-checkbox-outer button,
    .bs-energetic-login .bs-def-footer-link,
    .bs-energetic-login .bs-def-logo-text,
    .bs-energetic-login .bs-desktop-api,
    .bs-energetic-login .bs-form-title,
    .bs-energetic-login .bs-language-outer,
    .bs-energetic-login .bs-master-continue-shopping,
    .bs-energetic-login .bs-modal-body *,
    .bs-energetic-login .bs-rm-lng-fp .bs-fp,
    .bs-energetic-login .bs-rm-lng-fp .bs-rm-outer {
        color: #fff !important
    }

    .bs-energetic-login .bs-master-continue-shopping:before {
        background-color: #fff
    }

    .bs-energetic-login .bs-loginregister-outer .bs-input-v1,
    .bs-energetic-login .bs-loginregister-outer .bs-select-v1 {
        background-color: #363e48;
        border: 0;
        color: #fff
    }

    .bs-energetic-login .bs-modal-header {
        background-color: #363e48
    }

    .bs-energetic-login .bs-modal-close,
    .bs-energetic-login .bs-modal-header p {
        color: #fff
    }

    .bs-energetic-login .bs-modal-content {
        background-color: #2b3139
    }

    .bs-energetic-login .bs-languagechange-outer button {
        background-color: #363e48;
        border: 0
    }

    .bs-energetic-login .all_found span {
        background-color: #363e48 !important
    }

    .bs-energetic-login .all_found span:nth-child(2n) {
        background-color: #2b3139 !important
    }

    .bs-energetic-login .all_found span:hover {
        background-color: #000 !important
    }

    .view-poly .buy-id,
    .view-poly .buy-id .bs-addbasket-btn-outer .add-text-class,
    .view-poly .buy-id .bs-quantity-outer .bs-dec-btn,
    .view-poly .buy-id .bs-quantity-outer .bs-inc-btn {
        display: none
    }

    .view-poly .buy-id .bs-addbasket-outer {
        width: 100%
    }

    .view-poly .buy-id .bs-quantity-outer .Quantity {
        left: 0;
        right: 0;
        width: 100%;
        border-width: 2px;
        border-radius: var(--borderstyle) 0 0 var(--borderstyle)
    }

    .view-poly .buy-id .bs-addbasket-btn-outer {
        border-radius: 0 var(--borderstyle) var(--borderstyle) 0
    }

    .view-poly .bs-quantity-not-show .bs-addbasket-btn-outer {
        border-radius: var(--borderstyle)
    }

    .view-poly .buy-id .bs-quantity-outer {
        -webkit-box-flex: 0;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        margin-inline-end: 0
    }

    .view-poly .row-id:hover .buy-id {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        margin-bottom: 0;
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .bs-modal-right .bs-modal-content {
        width: 320px;
        margin: 0 0 0 auto;
        border-radius: 0;
        height: 100%
    }

    .bs-modal-right .bs-modal-close {
        right: 0;
        border-radius: 0
    }

    .bs-modal-right .bs-modal-body {
        height: calc(100% - 40px);
        max-height: unset
    }

    .bs-responsive-table .table-buy-id {
        width: 1px
    }

    .bs-multiple-table-variation-outer:has(.bs-table-sticky) {
        overflow: unset
    }

    .bs-modal-content.m-auto {
        width: auto;
        max-width: unset;
        min-width: 650px
    }

    .bs-product-table .bs-pt-img {
        padding: 0
    }

    .bs-promotionmenu-clm {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13.5%;
        flex: 0 0 13.5%;
        max-width: 13.5%;
        padding-inline-end: calc(2 * var(--gap))
    }

    .bs-banner-homeleft {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23.01%;
        flex: 0 0 23.01%;
        max-width: 23.01%;
        padding-inline-end: 16px !important
    }

    .bs-home-inner-area-exists .bs-banner-home {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 76.99%;
        flex: 0 0 76.99%;
        max-width: 76.99%
    }

    .bs-filter-clm-outer {
        position: -webkit-sticky;
        position: sticky;
        top: var(--stickytop);
        height: calc(100vh - var(--stickytop))
    }

    .bs-filter-clm-inner {
        overflow: hidden auto;
        height: 100%;
        scrollbar-width: none
    }

    .bs-filter-clm-inner:hover {
        scrollbar-width: thin
    }
    
    .bs-banner-model-v2.bs-banner-quantity-1 .bs-banner-features {
        grid-template-columns: repeat(1, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-2 .bs-banner-features {
        grid-template-columns: repeat(2, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-3 .bs-banner-features {
        grid-template-columns: repeat(3, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-4 .bs-banner-features,
    .view-list .row-id {
        grid-template-columns: repeat(4, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-5 .bs-banner-features {
        grid-template-columns: repeat(5, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-6 .bs-banner-features {
        grid-template-columns: repeat(6, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-7 .bs-banner-features {
        grid-template-columns: repeat(7, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-8 .bs-banner-features {
        grid-template-columns: repeat(8, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-9 .bs-banner-features {
        grid-template-columns: repeat(9, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-10 .bs-banner-features {
        grid-template-columns: repeat(10, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-11 .bs-banner-features {
        grid-template-columns: repeat(11, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-12 .bs-banner-features {
        grid-template-columns: repeat(12, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-13 .bs-banner-features {
        grid-template-columns: repeat(13, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-14 .bs-banner-features {
        grid-template-columns: repeat(14, 1fr)
    }

    .bs-banner-model-v2.bs-banner-quantity-15 .bs-banner-features {
        grid-template-columns: repeat(15, 1fr)
    }
}

/* tablet */
@media (min-width:577px) and (max-width:1100px){
    .bs-banner-model-v2.bs-banner-tablet-quantity-1 .bs-banner-features {
        grid-template-columns: repeat(1, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-2 .bs-banner-features {
        grid-template-columns: repeat(2, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-3 .bs-banner-features {
        grid-template-columns: repeat(3, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-4 .bs-banner-features {
        grid-template-columns: repeat(4, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-5 .bs-banner-features {
        grid-template-columns: repeat(5, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-6 .bs-banner-features {
        grid-template-columns: repeat(6, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-7 .bs-banner-features {
        grid-template-columns: repeat(7, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-8 .bs-banner-features {
        grid-template-columns: repeat(8, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-9 .bs-banner-features {
        grid-template-columns: repeat(9, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-10 .bs-banner-features {
        grid-template-columns: repeat(10, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-11 .bs-banner-features {
        grid-template-columns: repeat(11, 1fr)
    }

    .bs-banner-model-v2.bs-banner-tablet-quantity-12 .bs-banner-features {
        grid-template-columns: repeat(12, 1fr)
    }
}

/* mobil */
@media (max-width:576px) {

    .bs-banner-model-v2.bs-banner-mobile-quantity-1 .bs-banner-features {
        grid-template-columns: repeat(1, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-2 .bs-banner-features {
        grid-template-columns: repeat(2, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-3 .bs-banner-features {
        grid-template-columns: repeat(3, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-4 .bs-banner-features {
        grid-template-columns: repeat(4, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-5 .bs-banner-features {
        grid-template-columns: repeat(5, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-6 .bs-banner-features {
        grid-template-columns: repeat(6, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-7 .bs-banner-features {
        grid-template-columns: repeat(7, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-8 .bs-banner-features {
        grid-template-columns: repeat(8, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-9 .bs-banner-features {
        grid-template-columns: repeat(9, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-10 .bs-banner-features {
        grid-template-columns: repeat(10, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-11 .bs-banner-features {
        grid-template-columns: repeat(11, 1fr)
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-12 .bs-banner-features {
        grid-template-columns: repeat(12, 1fr)
    }
}

/* mobil+tablet */
@media (max-width:1100px) {

    #bs-menu a:after,
    .bs-adv-v1,
    body {
        font-size: 14px
    }

    #productFilterNew .filter:first-child,
    .bs-footermenu-outer .bs-main-menu:first-child .bs-main-menu-title,
    footer {
        border-top: 0
    }

    #productFilterNew .filter .li-f,
    #productFilterNew .filter>a {
        padding-inline-start: calc(2 * var(--gap))
    }

    :root {
        --hsize: 40px
    }

    .bs-adv-v1 {
        position: relative;
        flex-wrap: wrap;
        height: unset;
        background-color: #cfcfcf;
        padding: var(--gap)
    }

    .m-pd,
    .modal-dialog,
    .modal-dialog.m-big,
    .modal-dialog.m-large {
        margin: var(--gap);
        max-width: 100%
    }

    .modal-header {
        height: 40px;
        border-radius: var(--borderstyle) var(--borderstyle) 0 0
    }

    .modal-header .bs-modal-close {
        right: 0;
        height: 40px;
        width: 40px;
        border-radius: 0 var(--borderstyle) 0 0
    }

    .cookie-policy-msg {
        right: var(--gap);
        width: inherit
    }

    .cookie-policy-msg span {
        left: 0;
        top: -29px;
        border-radius: 0 var(--borderstyle) var(--borderstyle) 0
    }

    .bs-price-cookie {
        height: 30px;
        width: 56px;
        margin-top: 6px
    }

    .bs-price-cookie:before {
        font-size: 27px;
        right: 3px
    }

    .bs-price-cookie.this-pv-d-none:before {
        transform: translateX(-31px)
    }

    .bs-category-b2cmenu,
    .bs-detailsearch-btn,
    .view-block .brand-id,
    .view-detail .brand-id,
    .view-poly .brand-id {
        display: none !important
    }

    #bs-menu .row,
    #triple-banner .bs-banner-item,
    .bs-category-menu-tab .row,
    .bs-loginregister-outer,
    .bs-products-order-outer,
    .bs-w-100-m,
    .def-footer-right-clm img,
    .view-block .buy-id .bs-addbasket-outer,
    .view-detail .view-block .bs-specialdiscounts-inner,
    .view-detail .view-block .buy-id .bs-addbasket-outer,
    .view-poly .buy-id .bs-addbasket-outer {
        width: 100%
    }

    .bs-footer-icons-outer span,
    .bs-loginregister-outer .bs-menu-tab-outer .bs-tab-link:after,
    .bs-menu-tab-outer .bs-tab-link.active,
    .menu-iconic.menu-dark-iconic a {
        border: 0
    }

    .bs-menu-vertical {
        position: unset;
        width: unset;
        box-shadow: none
    }

    #bs-menu .bs-menu-title,
    #bs-menu a span br,
    .bs-dealermenu-outer:after,
    .bs-footermenu-outer .bs-sub-menu-title:after,
    .bs-user-title,
    .top-menu-title:not(.d-none-v1):not(:last-child):after {
        display: none
    }

    .bs-mobile-menu-btn {
        position: relative;
        width: 26px;
        height: 36px;
        display: block;
        margin: var(--gap) calc(2 * var(--gap)) var(--gap) 0
    }

    .bs-mobile-menu-btn::before,
    .bs-mobile-menu-btn:after,
    .bs-mobile-menu-line {
        position: absolute;
        left: 0;
        border-top: 2px solid #333
    }

    .bs-mobile-menu-btn::before {
        content: "";
        right: 0;
        top: 6px
    }

    .bs-mobile-menu-line {
        right: calc(.5 * var(--gap));
        top: 13px
    }

    .bs-mobile-menu-btn:after {
        content: "menu";
        right: 0;
        bottom: 0;
        font-size: 9px;
        letter-spacing: 1px
    }

    .bs-banner-v2 {
        margin-inline-end: 0
    }

    .bs-menu-title {
        display: unset
    }

    .bs-cart-count {
        height: 20px;
        left: inherit;
        right: 0;
        top: 0
    }

    .container {
        max-width: 100% !important
    }

    .bs-price-cookie-m:before {
        content: "\f058";
        font-family: FontAwesome;
        color: #fff;
        font-style: normal;
        display: flex;
        justify-content: center
    }

    .this-pv-d-none .bs-price-cookie-m:before {
        content: "\f111";
        color: #ccc
    }

    .price-id .inner-popover {
        left: var(--gap);
        white-space: normal
    }

    .bs-pos-unset {
        position: unset !important
    }

    .bs-main-menu-title:after {
        font-size: 18px
    }

    .hm-dsp-status {
        position: unset;
        visibility: visible !important;
        box-shadow: none
    }

    #bs-category-body {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100vh
    }

    .bs-arrow-position::after {
        transform: rotate(90deg);
        color: #000 !important
    }

    .bs-main-menu {
        height: 50px
    }

    .bs-logo {
        height: 36px;
        margin: var(--gap) 0;
        object-fit: contain
    }

    .bs-pg-login .bs-logo {
        margin: 0;
        height: 40px
    }

    .bs-mm-i {
        display: block !important
    }

    .bs-mm-i i {
        background-color: #ddd !important;
        color: #484848 !important
    }

    .bs-master-input {
        order: 4;
        margin-bottom: var(--gap);
        padding-inline-start: 0
    }

    .bs-user-and-cart {
        order: 3;
        max-width: fit-content
    }

    #bs-menu a,
    .bs-category-menu-tab {
        width: 100% !important;
        border-left: 0 !important;
        margin: 0;
        border-bottom: 1px solid #eee;
        color: #000 !important;
        text-align: left !important;
        background: #fff;
        position: relative;
        height: 56px;
        border-radius: 0
    }

    #bs-menu a:hover {
        background: #f7f7f7 !important
    }

    #bs-menu a:after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        right: var(--gap);
        top: calc(50% - 9px);
        color: #374957
    }

    #bs-menu a>i,
    .bs-category-menu-tab>i {
        position: absolute;
        left: 0;
        top: var(--gap);
        width: 40px;
        height: 40px;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 50%
    }

    #bs-menu a span:nth-child(2),
    .bs-category-menu-tab span {
        position: absolute;
        left: 48px;
        text-transform: capitalize;
        top: 6px;
        font-size: calc(2 * var(--gap))
    }

    #bs-menu a label,
    .bs-category-menu-tab label {
        bottom: 5px;
        top: unset;
        color: #aaa;
        display: block !important;
        left: 48px;
        position: absolute;
        margin: 0;
        font-size: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: calc(100% - 48px - 24px)
    }

    .bs-category-menu-tab,
    .bs-dealer-menu-tab {
        display: block;
        margin-top: 0 !important;
        background: #f7f7f7
    }

    .bs-category-menu-tab i {
        border-radius: 50%;
        background: #31a9b8 !important
    }

    .bs-category-close {
        height: 56px;
        width: 56px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #000;
        font-weight: 600;
        z-index: 51
    }

    .bs-category-close:hover {
        background: #f2f2f2 !important
    }

    .bs-sm-outer {
        border-bottom: 1px solid var(--brdcolor);
        padding: 0 !important
    }

    body:has(.bs-products-outer) .bs-sm-outer {
        position: unset
    }

    .bs-user {
        border: 0;
        width: auto;
        margin-inline-start: 0
    }

    #productFilterNew .filter>a:after,
    .bs-footermenu-outer .bs-main-menu.bs-menu-left,
    .bs-user-cart {
        padding-inline-end: var(--gap)
    }

    .bs-pr-0-m {
        padding-inline-end: 0 !important
    }

    .bs-mt-gap-m {
        margin-top: var(--gap) !important
    }

    #bs-category-menu {
        position: fixed;
        z-index: 700;
        width: 90%;
        top: 0;
        height: 100vh;
        background-color: #fff;
        border-right: 1px solid #eee;
        box-shadow: 2000px 0 0 2000px #0009;
        font-size: 14px;
        overflow-y: auto
    }

    .bs-main-menu-title {
        padding: 0 var(--gap);
        height: 50px;
        display: flex;
        align-items: center;
        background: #fff;
        position: relative
    }

    .bs-main-menu-title img {
        margin-inline-end: 4px
    }

    .bs-transform-mobile-bdy {
        overflow: hidden
    }

    .bs-banner-container.bs-banner-screen-full-text-normal {
        padding-bottom: calc(1* var(--gap))
    }

    .bs-banner-model-v2 .bs-banner-features {
        gap: calc(2* var(--gap))
    }
    
    footer {
        background: #222
    }

    .bs-footer-main-outer:has(.bs-main-menu-outer > *) {
        padding: calc(2 * var(--gap))
    }

    .bs-footermenu-outer .bs-sub-menu-outer {
        visibility: visible
    }

    .bs-footermenu-outer .bs-main-menu-title,
    .bs-footermenu-outer .bs-sub-menu-title {
        background: 0 0;
        border-bottom: 0;
        padding: 0;
        font-size: inherit;
        color: #999;
        min-height: 40px;
        font-weight: 400
    }

    .bs-footermenu-outer .bs-main-menu-title {
        text-transform: uppercase;
        height: 48px;
        font-weight: 500;
        border-top: 1px solid #666
    }

    .bs-footermenu-outer .bs-main-menu-title:before {
        font-family: FontAwesome;
        content: "\f078";
        position: absolute;
        inset-inline-end: 0;
        font-size: 16px
    }

    .bs-footermenu-outer .bs-main-menu .bs-main-menu-title.bs-menu-active:before {
        content: "\f077"
    }

    .bs-footermenu-outer .bs-main-menu-title:active {
        background-color: #666
    }

    .bs-footermenu-outer .bs-main-menu:last-child .bs-main-menu-title {
        border-bottom: 1px solid #666
    }

    .bs-footermenu-outer .bs-main-menu {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 27px;
        height: unset
    }

    .active-id.bs-rm-outer,
    .bs-title-outer {
        min-height: 40px
    }

    .bs-modal-body {
        padding: calc(2 * var(--gap)) calc(2 * var(--gap)) calc(1 * var(--gap)) calc(2 * var(--gap));
        max-height: calc(100% - 40px)
    }

    .bs-modal-content {
        margin: 0;
        width: 100% !important;
        bottom: 0;
        position: absolute;
        height: 75%;
        border-radius: var(--borderstyle) var(--borderstyle) 0 0
    }

    .bs-modal-header {
        padding: var(--gap) calc(40px + var(--gap)) var(--gap) calc(2 * var(--gap))
    }

    .bs-breadcrumb-outer,
    .bs-footermenu-outer .bs-main-menu.bs-menu-right {
        padding-inline-start: var(--gap)
    }

    .bs-modal-close {
        right: 0;
        border-radius: 0;
        z-index: 10;
        top: -40px;
    }

    .bs-master-input-inner {
        border-width: 1px;
        height: 40px;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);
        border-color: var(--brdcolor);
        background-color: #f9f9f9
    }

    .bs-menu-outer,
    .bs-pd-outer,
    .bs-qo-steps span {
        background-color: #fff
    }

    #productFilterNew .filter>a:hover,
    .bs-tab-body {
        background-color: transparent
    }

    .bs-headermenu-outer {
        background-color: #fff;
        overflow-x: auto
    }

    .bs-headermenu-outer::-webkit-scrollbar {
        display: none
    }

    .bs-content-iframe-outer {
        height: 200px
    }

    .bs-content-img-outer,
    .bs-content-outer .bs-banner-screen-full:first-child,
    .bs-home-outer .bs-banner-home.bs-banner-screen-full {
        margin-top: 0
    }

    .bs-footermenu-outer {
        width: calc(100% + var(--gap))
    }

    .bs-footermenu-outer .bs-language-outer {
        color: #999;
        margin: 0;
        height: 100%;
        width: 100%;
        justify-content: flex-start;
        text-transform: uppercase;
        font-weight: 500
    }

    .bs-ctg-t,
    .bs-filter-clm-outer,
    .bs-footermenu-outer .bs-main-menu-title i,
    .bs-listedproductcount:before,
    .bs-seperate-category .bs-menu-common-outer .bs-main-menu:hover .bs-sub-menu-outer,
    .bs-seperate-category img,
    .view-poly .buy-id .bs-addbasket-btn-outer .add-text-class {
        display: none
    }

    .view-block .row-id .Cell.name-id {
        height: 42px;
        white-space: normal;
        overflow: hidden
    }

    .bs-breadcrumb-back {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 0;
        height: 48px;
        width: 40px;
        font-size: 26px;
        background-color: #fff
    }

    .bs-home-category-menu-exists .col-bs-home-first,
    .bs-home-category-menu-exists .col-bs-home-second,
    .bs-home-inner-area-exists .bs-banner-home,
    .bs-home-inner-area-exists .col-bs-home-inner-area-first,
    .bs-tab-vertical.bs-menu-tab-outer .bs-tab-link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .view-block .img-id .inner-popover {
        height: 180px
    }

    .bs-breadcrumb-outer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden
    }

    .bs-breadcrumb {
        flex-wrap: nowrap;
        white-space: nowrap;
        height: 48px;
        padding-inline-start: calc(32px + var(--gap))
    }

    .view-block .tbody-id,
    .view-poly .tbody-id {
        display: flex;
        flex-wrap: wrap;
        margin-inline-start: calc(-1 / 2 * var(--gap));
        margin-inline-end: calc(-1 / 2 * var(--gap));
        width: calc(100% + calc(1 * var(--gap)))
    }

    .view-block .row-id {
        white-space: nowrap;
        margin: 0 calc(1 / 2 * var(--gap)) var(--gap);
        border: 1px solid var(--brdcolor);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / var(--prdcount) - calc(1 * var(--gap)));
        flex: 0 0 calc(100% / var(--prdcount) - calc(1 * var(--gap)));
        max-width: calc(100% / var(--prdcount) - calc(1 * var(--gap)));
        margin-bottom: var(--gap);
        margin-inline-end: calc(1 / 2 * var(--gap));
        margin-inline-start: calc(1 / 2 * var(--gap));
        flex-direction: column
    }

    .bs-mp-group-inner {
        margin-inline-start: -4px;
        margin-inline-end: -4px;
        width: calc(100% + var(--gap))
    }

    .owl-carousel .row-id {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 calc(100% - var(--gap)) !important;
        max-width: calc(100% - var(--gap)) !important;
        white-space: nowrap
    }

    .productFilterNew-outer {
        width: 70%;
        position: fixed !important;
        top: 0;
        right: 0;
        z-index: 1;
        font-size: 14px
    }

    .view-block .buy-id {
        margin-top: auto
    }

    .view-block .buy-id .bs-addbasket-btn-outer,
    .view-block .buy-id .bs-quantity-outer,
    .view-poly .buy-id .bs-addbasket-btn-outer,
    .view-poly .buy-id .bs-quantity-outer {
        height: 40px;
        width: 100%
    }

    .view-block .buy-id .bs-quantity-outer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0px);
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        margin-bottom: var(--gap)
    }

    .view-block .buy-id .bs-quantity-outer .bs-quantity,
    .view-poly .buy-id .bs-quantity-outer .bs-quantity {
        width: 37px;
        background-color: #fff;
        font-size: calc(2 * var(--gap))
    }

    .view-block .buy-id .bs-quantity-outer .bs-dec-btn,
    .view-poly .buy-id .bs-quantity-outer .bs-dec-btn {
        border-right: 0
    }

    .view-block .buy-id .bs-quantity-outer .bs-inc-btn,
    .view-poly .buy-id .bs-quantity-outer .bs-inc-btn {
        border-left: 0
    }

    .view-block .buy-id .bs-quantity-outer .Quantity,
    .view-poly .buy-id .bs-quantity-outer .Quantity {
        border-left: 0;
        border-right: 0;
        right: 36px;
        left: 36px;
        width: calc(100% - 72px);
        border-width: 1px
    }

    .view-block .buy-id .bs-addbasket-btn-outer [class*=bs-addbasket]:before,
    .view-poly .buy-id .bs-addbasket-btn-outer [class*=bs-addbasket]:before {
        font-size: 28px;
        left: var(--gap)
    }

    .view-poly .buy-id .bs-quantity-outer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0x);
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        margin-bottom: var(--gap)
    }

    .view-poly .buy-id .bs-addbasket-btn-outer [class*=bs-addbasket]:before {
        font-size: 19px;
        left: 0
    }

    .view-poly .buy-id .bs-quantity-outer .bs-quantity {
        width: 31px
    }

    .view-poly .buy-id .bs-quantity-outer .Quantity {
        right: 30px;
        left: 30px;
        width: calc(100% - 60px)
    }

    .view-poly .buy-id .bs-addbasket-outer {
        justify-content: flex-start
    }

    .bs-banner-text-outer {
        position: relative;
        color: initial;
        display: block;
        margin-top: var(--gap)
    }

    .view-block .price-id {
        font-size: 18px;
        margin-inline-start: 0
    }

    #target-products {
        width: calc(100% + calc(2 * var(--gap)));
        margin: 0 0 0 calc(-1 * var(--gap))
    }

    .bs-detailsearch-m-outer,
    .bs-productfilter-m-outer,
    .bs-productsort-outer {
        flex: 0 1 100%
    }

    .bs-detailsearch-m,
    .bs-productfilter-m,
    .bs-productsort {
        margin-bottom: 0;
        background-color: #fff;
        text-transform: capitalize;
        text-align: center;
        color: #000;
        border-left: 0;
        border-radius: 0;
        border: 1px solid var(--brdcolor);
        border-right: 0;
        font-size: 13px;
        font-weight: 500;
        height: 40px
    }

    .bs-productsort {
        border-left: 1px solid var(--brdcolor);
        border-right: 0
    }

    .bs-detailsearch-m {
        border: 1px solid var(--brdcolor);
        border-left: 0
    }

    .bs-productfilter-m:before {
        font-family: FontAwesome;
        content: "\f0b0";
        color: #333;
        color: var(--layoutcolor);
        margin-inline-end: var(--gap);
        font-size: 19px
    }

    .bs-listedproductcount {
        color: #919191;
        font-size: 12px;
        margin: -28px auto 0;
        font-weight: 300;
        height: unset
    }

    .bs-btn-complete-order,
    .bs-filter-item::after {
        font-size: calc(2 * var(--gap))
    }

    .bs-products-view-outer {
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        height: 48px;
        padding-inline-start: var(--gap)
    }

    .bs-fullscreen-site .view-poly .row-id,
    .view-poly .row-id {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 3 - calc(1 * var(--gap)));
        flex: 0 0 calc(100% / 3 - calc(1 * var(--gap)));
        max-width: calc(100% / 3 - calc(1 * var(--gap)));
        margin-bottom: var(--gap);
        margin-inline-end: calc(1 / 2 * var(--gap));
        margin-inline-start: calc(1 / 2 * var(--gap))
    }

    .view-poly .row-id>.Cell.name-id {
        font-weight: 400
    }

    .view-poly .row-id>.Cell.buy-id {
        margin-bottom: 0;
        position: unset;
        display: block;
        margin-top: auto
    }

    .bs-seperate-category {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: calc(100% + var(--gap));
        z-index: 1;
        background-color: #fff;
        margin-inline-start: calc(-1 * calc(var(--gap)))
    }

    .bs-seperate-category .bs-menu-common-outer:not(:first-child):has(*) {
        padding-bottom: var(--gap);
        border-bottom: 1px solid #f3f0fe
    }

    .bs-seperate-category .bs-menu-common-outer {
        display: flex;
        overflow-x: auto;
        border-radius: 0
    }

    .bs-seperate-category .bs-menu-common-outer:first-child {
        background-color: var(--layoutcolor);
        border-radius: 0
    }

    .bs-seperate-category .bs-menu-common-outer:first-child .bs-main-menu {
        margin: 0;
        white-space: nowrap;
        padding: 0;
        height: 40px
    }

    .bs-seperate-category .bs-menu-common-outer:first-child .bs-main-menu-title {
        background-color: transparent;
        color: #fff;
        height: 40px
    }

    .bs-seperate-category .bs-menu-common-outer:first-child .bs-main-menu-title.active {
        box-shadow: inset 0 -3px 0 #fff
    }

    .bs-seperate-category .bs-menu-common-outer:not(:first-child) .bs-main-menu {
        margin-bottom: 0;
        height: 28px;
        padding: 0 var(--gap) 0 0
    }

    .bs-seperate-category .bs-menu-common-outer:not(:first-child) .bs-main-menu-title {
        white-space: nowrap;
        border: 1px solid var(--brdcolor);
        height: 28px;
        border-radius: var(--borderstyle)
    }

    .bs-seperate-category .bs-menu-common-outer:not(:first-child) .bs-main-menu-title.active {
        border: 1px solid var(--layoutcolor);
        background-color: var(--layoutcolor);
        color: #fff
    }

    #productFilterNew .filter .li-f,
    .bs-filterlist-outer,
    .bs-menu-tab-outer .bs-tab-link,
    .bs-menu-tab-outer .bs-tab-link.active,
    .bs-pd-breadcrumb.bs-breadcrumb-outer,
    .bs-pd-images-outer .bs-area-v3 {
        border-bottom: 1px solid var(--brdcolor)
    }

    .bs-seperate-category .bs-menu-common-outer:not(:first-child) .bs-main-menu:first-child {
        margin-inline-start: var(--gap)
    }

    #productFilterNew .filter,
    .bs-pg-login .bs-tl-outer {
        margin-bottom: 0
    }

    .bs-prd-clm-outer,
    .col-bs-home-first .bs-dynamicsearch-outer {
        margin-top: var(--gap)
    }

    #target-products .bs-breadcrumb {
        justify-content: center;
        padding: 0;
        position: relative
    }

    #target-products .bs-breadcrumb a {
        display: none;
        align-items: flex-start;
        padding-top: 4px
    }

    #target-products .bs-breadcrumb a:last-child {
        display: flex;
        font-weight: 400
    }

    .bs-breadcrumb-outer,
    .bs-cart-sum-clm-outer {
        padding-inline-start: 0
    }

    .bs-breadcrumb-outer::-webkit-scrollbar {
        display: none
    }

    .bs-pd-breadcrumb.bs-breadcrumb-outer {
        margin-bottom: 0
    }

    .bs-btn-complete-order-outer,
    .view-detail .view-block .row-id.bs-standardprice-prd>.buy-id {
        position: fixed;
        z-index: 800;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        padding: 40px var(--gap) 0 !important;
        border-top: 1px solid var(--brdcolor)
    }

    .view-detail .view-block .buy-id {
        margin: 0
    }

    .view-detail .buy-id .bs-addbasket-btn-outer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 4px);
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        margin-inline-start: 4px
    }

    .view-detail .buy-id .bs-quickbuy-addbasket-outer .bs-addbasket-btn-outer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(67% - 4px);
        flex: 0 0 calc(67% - 4px);
        max-width: calc(67% - 4px);
        margin-inline-start: 4px
    }

    .view-detail .buy-id .bs-quantity-outer {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 4px);
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        margin-inline-end: 4px
    }

    .view-block .buy-id .bs-quickbuy-addbasket-outer .bs-quantity-outer {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 4px);
        flex: 0 0 calc(33% - 4px);
        max-width: calc(33% - 4px);
        margin-inline-end: 4px
    }

    .view-detail .view-block .row-id>.Cell {
        font-size: calc(2 * var(--gap));
        height: unset
    }

    .view-detail .view-block .row-id.bs-standardprice-prd>.Cell.price-id {
        position: fixed;
        z-index: 801;
        left: 0;
        bottom: 52px;
        font-size: 20px;
        color: var(--layoutcolor) !important;
        justify-content: flex-end;
        padding-inline-end: var(--gap);
        background-color: #fff
    }

    .view-detail .view-block .row-id.bs-standardprice-prd:has(.bs-specialdiscounts-outer)>.Cell.price-id {
        bottom: 104px
    }

    .view-detail .view-block .row-id.bs-standardprice-prd>.Cell.price-id:before {
        content: attr(data-title) !important;
        display: flex;
        width: unset !important;
        margin-inline-end: auto !important;
        padding-inline-start: var(--gap)
    }

    .bs-radio-variation-addcart-outer {
        position: fixed;
        bottom: var(--gap);
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0 var(--gap);
        z-index: 800
    }

    .bs-pd-images-outer .bs-area-v3 {
        margin-inline-start: -8px;
        width: calc(100% + calc(2 * var(--gap)));
        background-color: #fafafa;
        border-radius: 0
    }

    .view-block .row-id>.Cell.discount-id .bs-discount-outer {
        margin: 6px 0
    }

    .view-detail .view-block .row-id {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .bs-pd-outer .bs-banner-img,
    .bs-pd-outer .bs-banner-item {
        margin-bottom: 0;
        border-radius: 0
    }

    .bs-banner-container.bs-banner-super,
    .bs-pd-outer .bs-banner-container {
        margin-bottom: 0 !important;
        padding-bottom: 0
    }

    .bs-ds-search-clm {
        margin-inline-start: auto
    }

    .bs-mp-group-outer {
        margin-bottom: 0 !important;
        margin-top: calc(.5 * var(--gap))
    }

    .bs-btn-clear-all-filter,
    .bs-filter-item {
        margin: calc(2 * var(--gap)) 0
    }

    .bs-ord-sm-tbl div:last-child {
        position: fixed;
        z-index: 801;
        bottom: 73px;
        color: var(--layoutcolor);
        font-size: 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        left: 0;
        right: 0;
        padding: 0 var(--gap)
    }

    .bs-ord-sm-tbl div:last-child span:first-child {
        color: #333;
        font-weight: 400;
        margin-inline-end: var(--gap);
        margin-inline-end: auto
    }

    .bs-cart-sum-outer {
        position: relative !important;
        top: 0 !important
    }

    .view-detail .skeleton .s-line.first {
        height: 32px !important
    }

    .view-detail .skeleton .s-line.second,
    .view-detail .skeleton .s-line.third {
        top: 40px !important
    }

    #productFilterNew .filter .bs-filter-btn-outer {
        min-height: calc(7 * var(--gap));
        border-radius: 0;
        margin: 0
    }

    #productFilterNew .filter .li-f:last-child,
    .bs-menu-tab-outer .bs-tab-link:last-child {
        border-bottom: 0
    }

    #productFilterNew .filter .bs-filters-search-outer .bs-input-v1 {
        background-color: #fafafa;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        height: 36px;
        padding: 0 calc(2 * var(--gap));
        margin-bottom: 0
    }

    #productFilterNew .filter .bs-filters-outer {
        margin-bottom: 0;
        max-height: unset;
        overflow-y: unset
    }

    .bs-filterlist-outer {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 calc(2 * var(--gap));
        padding-bottom: 0
    }

    .bs-filter-item {
        background-color: var(--layoutcolor);
        border-radius: calc(2 * var(--gap));
        border-color: var(--layoutcolor)
    }

    .bs-cart-outer .view-block .row-id:first-child,
    .bs-confirm-btn-outer {
        border-top: 1px solid var(--brdcolor)
    }

    .bs-filtername {
        color: #fff !important
    }

    .bs-filter-item::after {
        color: #fff;
        background-color: transparent
    }

    .bs-confirm-btn-outer {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: var(--gap);
        padding-bottom: 0;
        z-index: 1;
        right: 0;
        background-color: #fff
    }

    .bs-multiple-table-variation-outer {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important
    }

    #bs-carttable .buy-id .bs-quantity-outer {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    #bs-carttable .buy-id .bs-addbasket-btn-outer {
        height: 40px;
        flex: 0 0 calc(40px - 0px);
        max-width: calc(40px - 0px)
    }

    #bs-carttable .bs-refresh-btn,
    .bs-delete-btn {
        width: 40px;
        height: 40px
    }

    .bs-new-login-outer .bs-logo-outer img {
        width: 100%;
        object-fit: contain
    }

    .bs-rm-lng-fp {
        height: 27px
    }

    .bs-rm-lng-fp li:last-child {
        height: 45px;
        display: flex;
        align-items: center
    }

    #bs-captcha {
        margin-bottom: var(--gap) !important
    }

    .bs-dd-cc {
        height: 45px
    }

    .bs-login-outer {
        padding: calc(2 * var(--gap)) calc(2 * var(--gap))
    }

    #bs-tab-id-login-tab .bs-menu-tab-outer {
        border: 0;
        border-radius: 0;
        margin-top: calc(2 * var(--gap));
        border-bottom: 1px solid var(--brdcolor);
        width: 100%
    }

    #bs-tab-id-login-tab .bs-menu-tab-outer .bs-tab-link {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        color: #919191;
        border: 0;
        font-weight: 400;
        background-color: transparent;
        line-height: 1.1;
        justify-content: center;
        margin-inline-end: 0;
        font-size: 16px
    }

    #bs-tab-id-login-tab .bs-menu-tab-outer .bs-tab-link.active {
        color: #000;
        border-bottom: 3px solid var(--layoutcolor);
        font-weight: 500
    }

    .bs-pg-login .bs-loginregister-outer .bs-tab-body {
        border: 0;
        padding: calc(1 * var(--gap)) 0;
        height: 100vh;
        overflow: unset
    }

    .bs-login-card-outer {
        align-self: flex-start
    }

    .bs-cart-outer .view-block .row-id {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - var(--gap));
        flex: 0 0 calc(100% - var(--gap));
        max-width: calc(100% - var(--gap));
        padding-top: var(--gap);
        padding-bottom: 0;
        border-radius: 0;
        margin-bottom: 0;
        border-top: 0
    }

    .bs-cart-outer .view-block .row-id:first-child,
    .bs-cart-outer .view-block .row-id:first-child .categorygroup-id,
    .view-block .img-id .bs-img {
        border-radius: var(--borderstyle) var(--borderstyle) 0 0
    }

    .bs-cart-outer .view-block .row-id:last-child {
        border-radius: 0 0 var(--borderstyle) var(--borderstyle)
    }

    .bs-cart-outer .view-block .row-id>.Cell {
        padding-inline-start: 50%
    }

    .bs-cart-outer .view-block .img-id {
        position: absolute;
        width: calc(50% - var(--gap));
        height: calc(100% - var(--gap))
    }

    .bs-cart-outer .view-block .img-id .bs-img {
        height: 100%;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-inline-end: 0
    }

    .bs-cart-outer .view-block .delete-id {
        position: absolute;
        bottom: var(--gap);
        left: calc(50% - 40px - var(--gap));
        z-index: 1;
        padding: 0 !important;
        width: 40px
    }

    .bs-cart-outer .view-block .categorygroup-id {
        padding-inline-start: var(--gap) !important;
        background-color: #f5f5f5;
        white-space: normal;
        z-index: 1;
        margin-top: -8px
    }

    .bs-cart-outer .view-block .categorygroup-id label,
    .bs-cart-outer .view-block .categorygroup-id span {
        display: block
    }

    .active-id {
        left: var(--gap);
        bottom: var(--gap)
    }

    .active-id.bs-rm-outer input+i {
        border-radius: 100%;
        width: 40px;
        height: 40px
    }

    .active-id.bs-rm-outer input[type=checkbox]:checked+i {
        width: 40px;
        height: 40px;
        border-radius: 100%
    }

    .active-id.bs-rm-outer input:checked+i::before {
        font-size: 16px
    }

    .bs-headermenu-outer .bs-main-menu-outer {
        height: 50px;
        justify-content: flex-start;
        margin-inline-start: calc(-1 * var(--gap))
    }

    .bs-headermenu-outer .bs-main-menu-title {
        padding: 0 calc(2 * var(--gap));
        font-weight: 400;
        text-transform: capitalize;
        font-size: 15px;
        white-space: nowrap
    }

    .bs-menu-tab-outer {
        margin-top: 0;
        border: 1px solid var(--brdcolor);
        border-radius: var(--borderstyle)
    }

    .bs-menu-tab-outer .bs-tab-link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: flex-start;
        background-color: #fff;
        padding-inline-start: var(--gap)
    }

    .bs-payment-method-outer .bs-menu-tab-outer .bs-tab-link::before {
        content: "\f10c";
        font-family: FontAwesome;
        margin-inline-end: var(--gap)
    }

    .bs-payment-method-outer .bs-menu-tab-outer .bs-tab-link.active::before {
        content: "\f192"
    }

    .bs-headermenu-outer .bs-logo {
        margin: 0 0 0 var(--gap)
    }

    .bs-contact-outer {
        order: 1;
        margin-top: 24px;
        padding: var(--gap)
    }

    .bs-banner-text-outer button {
        display: flex;
        background-color: var(--layoutcolor);
        height: 40px;
        color: #fff;
        align-items: center;
        justify-content: center;
        border-radius: var(--borderstyle);
        padding: 0 calc(2 * var(--gap));
        margin-top: var(--gap)
    }

    .bs-login-banner-outer,
    .bs-order-detail-first-title,
    .def-footer-right-clm,
    .owl-dots {
        display: none
    }

    .bs-def-footer-link {
        color: #999 !important;
        padding: var(--gap) 0
    }

    .bs-title-outer {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .bs-title {
        color: #333;
        font-weight: 600;
        font-size: 18px
    }

    .bs-btn-v6 {
        float: unset;
        margin-inline-start: auto
    }

    .bs-qo-steps:after {
        content: none
    }

    .bs-def-footer-outer {
        text-align: center
    }

    .def-footer-left-clm,
    .def-footer-right-clm {
        text-align: inherit
    }

    .bs-pg-login {
        overflow: auto
    }

    .inner-popover {
        left: var(--gap);
        right: var(--gap)
    }

    .bs-warning {
        background-color: #fff;
        margin-inline-start: 0 !important;
        width: 100% !important
    }

    .clm-p-2x {
        padding: 0 var(--gap) 0 0
    }

    .bs-menusilver-clm,
    .bs-promotionmenu-clm {
        order: 1
    }

    .bs-banner-img,
    .bs-banner-item {
        border-radius: 0
    }

    .bs-modal-confirm .bs-modal-content {
        margin: auto 16px;
        border-radius: 3px;
        position: relative;
        height: unset !important
    }

    .bs-order-detail-title {
        font-weight: 500;
        height: unset;
        width: 50%
    }

    .bs-order-detail-outer {
        padding: calc(2 * var(--gap))
    }

    .bs-footermenu-outer ::-webkit-scrollbar-track {
        background-color: #000
    }

    .bs-footermenu-outer ::-webkit-scrollbar-thumb {
        background-color: #999
    }

    .bs-contentplaceholder1 {
        padding-top: 0
    }

    .bs-fixed-item-outer {
        right: var(--gap);
        bottom: var(--gap)
    }

    .view-detail .view-block .buy-id .bs-addbasket-outer.bs-quantity-not-show .bs-addbasket-btn-outer {
        margin-bottom: var(--gap);
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-inline-start: 0
    }

    .bs-pd-desc img {
        object-fit: contain !important;
        width: 100% !important;
        height: unset !important
    }

    .col-bs-home-first {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-inline-start: var(--gap)
    }

    .bs-footermenu-outer .bs-main-menu-title .bs-main-menu-img {
        margin-bottom: 0;
        height: calc(3 * var(--gap))
    }

    .bs-footermenu-outer .bs-main-menu.bs-menu-right {
        padding-inline-start: 0;
        padding-inline-end: var(--gap)
    }

    .bs-footermenu-outer:not(:has(.bs-sub-menu-outer)) .bs-main-menu-title:before {
        content: ""
    }

    body:has(.bs-cart-outer):has(.bs-btn-complete-order-outer) {
        padding-bottom: 109px
    }

    body:has(.bs-cart-outer):has(.bs-btn-complete-order-outer) .bs-fixed-item-outer {
        bottom: calc(109px + var(--gap))
    }

    body:has(.bs-pd-outer):has(.row-id .buy-id) {
        padding-bottom: 89px
    }

    body:has(.bs-pd-outer):has(.row-id .buy-id) .bs-fixed-item-outer {
        bottom: calc(89px + var(--gap))
    }

    body:has(.bs-pd-outer):has(.row-id .buy-id):has(.bs-specialdiscounts-outer) {
        padding-bottom: 137px
    }

    body:has(.bs-pd-outer):has(.row-id .buy-id):has(.bs-specialdiscounts-outer) .bs-fixed-item-outer {
        bottom: calc(137px + var(--gap))
    }

    .bs-pg-login .bs-btn-v1 {
        font-size: 16px;
        height: 48px
    }

    .bs-pg-login .bs-input-v1,
    .bs-pg-login .bs-select-v1 {
        height: 48px;
        background-color: #eee;
        border-width: 0;
        font-weight: 400;
        padding: 0 calc(2 * var(--gap));
        font-size: 16px
    }

    .bs-pg-login .bs-input-v1:focus {
        border-width: 2px
    }

    .bs-pg-login textarea.bs-input-v1 {
        height: calc(2 * var(--hsize))
    }

    .bs-pd-img-outer {
        position: relative;
        top: 0;
        margin-bottom: 0
    }

    .view-detail .bs-specialdiscounts-outer .bs-specialdiscount {
        width: calc(100% / 3);
        height: 40px
    }

    .view-detail .bs-specialdiscounts-outer .bs-specialdiscount1 {
        border-width: 1px .5px 1px 1px;
        border-radius: var(--borderstyle) 0 0 var(--borderstyle)
    }

    .view-detail .bs-specialdiscounts-outer .bs-specialdiscount2 {
        border-width: 1px .5px;
        border-radius: 0
    }

    .view-detail .bs-specialdiscounts-outer .bs-specialdiscountedprice {
        border-width: 1px 1px 1px .5px;
        border-radius: 0 var(--borderstyle) var(--borderstyle) 0
    }

    [dir=rtl] .bs-leftmobilemenu-back:before {
        content: "\f061" !important;
      }
      [dir=rtl] .bs-leftmobilemenu i:after {
        content: "\f104" !important;
    }
    .bs-sm-outer {
        display: block !important;
    }
    .bs-headermenu-outer {
        display: none;
    }
}

[class*=" icon-communication"]:before,
[class^=icon-communication]:before,
[data-icon-communication]:before {
    font-family: communication-48-x-48 !important
}


@media (min-width:1376px) {
    :root .bs-narrowscreen-site {
        --prdcount: var(--mainprdcount)
    }
}

@media (min-width:4001px) {
    :root .bs-fullscreen-site {
        --prdcount: calc(var(--mainprdcount) + 6)
    }
}

@media (min-width:3501px) and (max-width:4000px) {
    :root .bs-fullscreen-site {
        --prdcount: calc(var(--mainprdcount) + 2)
    }
}

@media (min-width:3001px) and (max-width:3500px) {
    :root .bs-fullscreen-site {
        --prdcount: calc(var(--mainprdcount) + 2)
    }
}

@media (min-width:2001px) and (max-width:3000px) {
    :root .bs-fullscreen-site {
        --prdcount: calc(var(--mainprdcount) + 1)
    }
}

@media (min-width:1701px) and (max-width:2000px) {
    :root .bs-fullscreen-site {
        --prdcount: calc(var(--mainprdcount) + 1)
    }
}

@media (min-width:1376px) and (max-width:1700px) {
    :root {
        --prdcount: var(--mainprdcount)
    }
}

@media (min-width:1101px) and (max-width:1375px) {
    :root {
        --prdcount: calc(var(--mainprdcount) - 1)
    }
}

@media (min-width:769px) and (max-width:1100px) {
    :root {
        --prdcount: calc(var(--mainprdcount) - 1)
    }
}

@media only screen and (max-width:768px) {
    :root {
        --prdcount: 2
    }
}

@media only screen and (max-width:800px) {

    .bs-responsive-table table,
    .bs-responsive-table tbody,
    .bs-responsive-table th,
    .bs-responsive-table thead,
    .bs-responsive-table tr {
        display: block
    }

    .bs-responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .bs-responsive-table tr {
        margin-bottom: var(--gap);
        border-top: 1px solid var(--brdcolor);
        border-radius: var(--gap)
    }

    .bs-responsive-table tr:last-child {
        margin-bottom: 0
    }

    .bs-responsive-table td {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border-bottom: 1px solid var(--brdcolor);
        position: relative;
        padding-inline-start: calc(50% + var(--gap));
        text-align: left;
        width: 100%;
        height: unset;
        min-height: var(--hsize);
        font-size: 14px
    }

    .bs-responsive-table td:before {
        color: #333;
        position: absolute;
        left: 0;
        white-space: nowrap;
        font-weight: 400;
        content: attr(data-title);
        height: 100%;
        display: flex;
        align-items: center;
        width: 50%;
        padding-inline-start: var(--gap)
    }

    .bs-no-responsive-table-m td:before,
    .bs-responsive-table td.buy-id:before {
        display: none
    }

    .bs-no-responsive-table-m {
        display: table
    }

    .bs-no-responsive-table-m thead tr {
        position: unset
    }

    .bs-no-responsive-table-m thead {
        display: table-header-group
    }

    .bs-no-responsive-table-m tbody {
        display: table-row-group
    }

    .bs-no-responsive-table-m tr {
        display: table-row
    }

    .bs-no-responsive-table-m td,
    .bs-no-responsive-table-m th {
        display: table-cell;
        padding-inline-start: var(--gap)
    }

    .bs-responsive-table td .detail-btn,
    .bs-responsive-table td .other-detail-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px
    }

    .bs-no-w50-m td {
        width: inherit
    }

    .bs-responsive-table td.bs-ta-center {
        text-align: left
    }

    .bs-responsive-table td.buy-id {
        padding: var(--gap) 6px 0 !important;
        margin: 0;
        height: unset
    }

    .bs-no-responsive-table-m td:first-child {
        font-weight: 400
    }

    .bs-detail-btn-outer .detail-btn,
    .bs-responsive-table tbody tr:nth-child(2n),
    .bs-responsive-table tbody tr:nth-child(odd),
    .bs-responsive-table td:before {
        background-color: #fff
    }

    .bs-responsive-table:not(.bs-no-responsive-table-m) td {
        background-color: #f9f9f9
    }

    .bs-responsive-table:not(.bs-no-responsive-table-m) .bs-stock-bg td {
        background-color: #fad6c9
    }

    .bs-responsive-table td:first-child {
        border-radius: var(--gap) var(--gap) 0 0
    }

    .bs-responsive-table td:last-child {
        border-radius: 0 0 var(--gap) var(--gap)
    }
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff")
}

.fa {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-communication"]:before,
[class*=" icon-finance"]:before,
[class^=icon-communication]:before,
[class^=icon-finance]:before,
[data-icon-communication]:before,
[data-icon-finance]:before {
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-check:before {
    content: "\f00c"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-th:before {
    content: "\f00a"
}

.fa-pause::before {
    content: "\f04c"
}

.fa-list:before {
    content: "\f03a"
}

.fa-plus:before {
    content: "\f067"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-external-link:before {
    content: "\f08e"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2")
}

@font-face {
    font-family: communication-48-x-48;
    src: url("../fonts/communication-48-x-48.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

[data-icon-communication]:before {
    content: attr(data-icon-communication)
}

[class*=" icon-finance"]:before,
[class^=icon-finance]:before,
[data-icon-finance]:before {
    font-family: finance !important
}

.icon-communication-001:before,
.icon-finance-260:before {
    content: "a"
}

.icon-communication-002:before,
.icon-finance-259:before {
    content: "b"
}

.icon-communication-003:before,
.icon-finance-246:before {
    content: "c"
}

.icon-communication-004:before,
.icon-finance-247:before {
    content: "d"
}

.icon-communication-005:before,
.icon-finance-234:before {
    content: "e"
}

.icon-communication-006:before,
.icon-finance-233:before {
    content: "f"
}

.icon-communication-008:before,
.icon-finance-232:before {
    content: "g"
}

.icon-communication-007:before,
.icon-finance-245:before {
    content: "h"
}

.icon-communication-009:before,
.icon-finance-258:before {
    content: "i"
}

.icon-communication-010:before,
.icon-finance-257:before {
    content: "j"
}

.icon-communication-011:before,
.icon-finance-256:before {
    content: "k"
}

.icon-communication-012:before,
.icon-finance-243:before {
    content: "l"
}

.icon-communication-013:before,
.icon-finance-244:before {
    content: "m"
}

.icon-communication-026:before,
.icon-finance-231:before {
    content: "n"
}

.icon-communication-025:before,
.icon-finance-230:before {
    content: "o"
}

.icon-communication-024:before,
.icon-finance-229:before {
    content: "p"
}

.icon-communication-023:before,
.icon-finance-242:before {
    content: "q"
}

.icon-communication-022:before,
.icon-finance-255:before {
    content: "r"
}

.icon-communication-020:before,
.icon-finance-254:before {
    content: "s"
}

.icon-communication-019:before,
.icon-finance-241:before {
    content: "t"
}

.icon-communication-018:before,
.icon-finance-228:before {
    content: "u"
}

.icon-communication-016:before,
.icon-finance-227:before {
    content: "v"
}

.icon-communication-015:before,
.icon-finance-240:before {
    content: "w"
}

.icon-communication-014:before,
.icon-finance-253:before {
    content: "x"
}

.icon-communication-021:before,
.icon-finance-252:before {
    content: "y"
}

.icon-communication-017:before,
.icon-finance-239:before {
    content: "z"
}

.icon-communication-027:before,
.icon-finance-226:before {
    content: "A"
}

.icon-communication-040:before,
.icon-finance-225:before {
    content: "B"
}

.icon-communication-053:before,
.icon-finance-238:before {
    content: "C"
}

.icon-communication-054:before,
.icon-finance-251:before {
    content: "D"
}

.icon-communication-041:before,
.icon-finance-250:before {
    content: "E"
}

.icon-communication-028:before,
.icon-finance-237:before {
    content: "F"
}

.icon-communication-029:before,
.icon-finance-224:before {
    content: "G"
}

.icon-communication-042:before,
.icon-finance-223:before {
    content: "H"
}

.icon-communication-055:before,
.icon-finance-236:before {
    content: "I"
}

.icon-communication-056:before,
.icon-finance-249:before {
    content: "J"
}

.icon-communication-043:before,
.icon-finance-235:before {
    content: "K"
}

.icon-communication-030:before,
.icon-finance-222:before {
    content: "L"
}

.icon-communication-031:before,
.icon-finance-248:before {
    content: "M"
}

.icon-communication-044:before,
.icon-finance-209:before {
    content: "N"
}

.icon-communication-057:before,
.icon-finance-196:before {
    content: "O"
}

.icon-communication-058:before,
.icon-finance-183:before {
    content: "P"
}

.icon-communication-045:before,
.icon-finance-184:before {
    content: "Q"
}

.icon-communication-032:before,
.icon-finance-197:before {
    content: "R"
}

.icon-communication-033:before,
.icon-finance-210:before {
    content: "S"
}

.icon-communication-046:before,
.icon-finance-211:before {
    content: "T"
}

.icon-communication-059:before,
.icon-finance-198:before {
    content: "U"
}

.icon-communication-060:before,
.icon-finance-185:before {
    content: "V"
}

.icon-communication-047:before,
.icon-finance-186:before {
    content: "W"
}

.icon-communication-034:before,
.icon-finance-199:before {
    content: "X"
}

.icon-communication-035:before,
.icon-finance-212:before {
    content: "Y"
}

.icon-communication-048:before,
.icon-finance-213:before {
    content: "Z"
}

.icon-communication-061:before,
.icon-finance-200:before {
    content: "0"
}

.icon-communication-062:before,
.icon-finance-187:before {
    content: "1"
}

.icon-communication-049:before,
.icon-finance-188:before {
    content: "2"
}

.icon-communication-036:before,
.icon-finance-189:before {
    content: "3"
}

.icon-communication-037:before,
.icon-finance-201:before {
    content: "4"
}

.icon-communication-050:before,
.icon-finance-214:before {
    content: "5"
}

.icon-communication-063:before,
.icon-finance-215:before {
    content: "6"
}

.icon-communication-064:before,
.icon-finance-202:before {
    content: "7"
}

.icon-communication-051:before,
.icon-finance-216:before {
    content: "8"
}

.icon-communication-038:before,
.icon-finance-203:before {
    content: "9"
}

.icon-communication-039:before,
.icon-finance-204:before {
    content: "!"
}

.icon-communication-052:before,
.icon-finance-217:before {
    content: "\""
}

.icon-communication-065:before,
.icon-finance-191:before {
    content: "#"
}

.icon-communication-066:before,
.icon-finance-190:before {
    content: "$"
}

.icon-communication-079:before,
.icon-finance-192:before {
    content: "%"
}

.icon-communication-092:before,
.icon-finance-205:before {
    content: "&"
}

.icon-communication-105:before,
.icon-finance-218:before {
    content: "'"
}

.icon-communication-106:before,
.icon-finance-219:before {
    content: "("
}

.icon-communication-093:before,
.icon-finance-206:before {
    content: ")"
}

.icon-communication-080:before,
.icon-finance-193:before {
    content: "*"
}

.icon-communication-067:before,
.icon-finance-194:before {
    content: "+"
}

.icon-communication-068:before,
.icon-finance-207:before {
    content: ","
}

.icon-communication-081:before,
.icon-finance-220:before {
    content: "-"
}

.icon-communication-082:before,
.icon-finance-221:before {
    content: "."
}

.icon-communication-069:before,
.icon-finance-208:before {
    content: "/"
}

.icon-communication-083:before,
.icon-finance-182:before {
    content: ";"
}

.icon-communication-084:before,
.icon-finance-181:before {
    content: "<"
}

.icon-communication-071:before,
.icon-finance-180:before {
    content: "="
}

.icon-communication-072:before,
.icon-finance-167:before {
    content: ">"
}

.icon-communication-085:before,
.icon-finance-168:before {
    content: "?"
}

.icon-communication-086:before,
.icon-finance-169:before {
    content: "@"
}

.icon-communication-073:before,
.icon-finance-156:before {
    content: "["
}

.icon-communication-074:before,
.icon-finance-155:before {
    content: "]"
}

.icon-communication-087:before,
.icon-finance-154:before {
    content: "^"
}

.icon-communication-088:before,
.icon-finance-141:before {
    content: "_"
}

.icon-communication-075:before,
.icon-finance-142:before {
    content: "`"
}

.icon-communication-076:before,
.icon-finance-143:before {
    content:"{"
}

.icon-communication-089:before,
.icon-finance-130:before {
    content: "|"
}

.icon-communication-090:before,
.icon-finance-129:before {
    content: "}"
}

.icon-communication-077:before,
.icon-finance-128:before {
    content: "~"
}

.icon-communication-078:before,
.icon-finance-127:before {
    content: "\\"
}

.icon-communication-091:before,
.icon-finance-140:before {
    content: "\e000"
}

.icon-communication-104:before,
.icon-finance-139:before {
    content: "\e001"
}

.icon-communication-117:before,
.icon-finance-126:before {
    content: "\e002"
}

.icon-communication-116:before,
.icon-finance-125:before {
    content: "\e003"
}

.icon-communication-103:before,
.icon-finance-138:before {
    content: "\e004"
}

.icon-communication-102:before,
.icon-finance-151:before {
    content: "\e005"
}

.icon-communication-115:before,
.icon-finance-152:before {
    content: "\e006"
}

.icon-communication-114:before,
.icon-finance-153:before {
    content: "\e007"
}

.icon-communication-101:before,
.icon-finance-166:before {
    content: "\e008"
}

.icon-communication-100:before,
.icon-finance-179:before {
    content: "\e009"
}

.icon-communication-113:before,
.icon-finance-178:before {
    content: "\e00a"
}

.icon-communication-112:before,
.icon-finance-165:before {
    content: "\e00b"
}

.icon-communication-099:before,
.icon-finance-164:before {
    content: "\e00c"
}

.icon-communication-098:before,
.icon-finance-177:before {
    content: "\e00d"
}

.icon-communication-111:before,
.icon-finance-176:before {
    content: "\e00e"
}

.icon-communication-110:before,
.icon-finance-163:before {
    content: "\e00f"
}

.icon-communication-097:before,
.icon-finance-150:before {
    content: "\e010"
}

.icon-communication-096:before,
.icon-finance-137:before {
    content: "\e011"
}

.icon-communication-109:before,
.icon-finance-124:before {
    content: "\e012"
}

.icon-communication-108:before,
.icon-finance-123:before {
    content: "\e013"
}

.icon-communication-095:before,
.icon-finance-136:before {
    content: "\e014"
}

.icon-communication-094:before,
.icon-finance-149:before {
    content: "\e015"
}

.icon-communication-107:before,
.icon-finance-162:before {
    content: "\e016"
}

.icon-communication-118:before,
.icon-finance-175:before {
    content: "\e017"
}

.icon-communication-131:before,
.icon-finance-174:before {
    content: "\e018"
}

.icon-communication-144:before,
.icon-finance-161:before {
    content: "\e019"
}

.icon-communication-157:before,
.icon-finance-148:before {
    content: "\e01a"
}

.icon-communication-170:before,
.icon-finance-135:before {
    content: "\e01b"
}

.icon-communication-171:before,
.icon-finance-122:before {
    content: "\e01c"
}

.icon-communication-158:before,
.icon-finance-121:before {
    content: "\e01d"
}

.icon-communication-145:before,
.icon-finance-134:before {
    content: "\e01e"
}

.icon-communication-132:before,
.icon-finance-147:before {
    content: "\e01f"
}

.icon-communication-119:before,
.icon-finance-160:before {
    content: "\e020"
}

.icon-communication-120:before,
.icon-finance-173:before {
    content: "\e021"
}

.icon-communication-133:before,
.icon-finance-172:before {
    content: "\e022"
}

.icon-communication-146:before,
.icon-finance-146:before {
    content: "\e023"
}

.icon-communication-159:before,
.icon-finance-133:before {
    content: "\e024"
}

.icon-communication-172:before,
.icon-finance-120:before {
    content: "\e025"
}

.icon-communication-173:before,
.icon-finance-159:before {
    content: "\e026"
}

.icon-communication-160:before,
.icon-finance-158:before {
    content: "\e027"
}

.icon-communication-147:before,
.icon-finance-171:before {
    content: "\e028"
}

.icon-communication-134:before,
.icon-finance-170:before {
    content: "\e029"
}

.icon-communication-121:before,
.icon-finance-157:before {
    content: "\e02a"
}

.icon-communication-122:before,
.icon-finance-144:before {
    content: "\e02b"
}

.icon-communication-135:before,
.icon-finance-145:before {
    content: "\e02c"
}

.icon-communication-148:before,
.icon-finance-132:before {
    content: "\e02d"
}

.icon-communication-161:before,
.icon-finance-131:before {
    content: "\e02e"
}

.icon-communication-174:before,
.icon-finance-118:before {
    content: "\e02f"
}

.icon-communication-175:before,
.icon-finance-119:before {
    content: "\e030"
}

.icon-communication-162:before,
.icon-finance-106:before {
    content: "\e031"
}

.icon-communication-149:before,
.icon-finance-105:before {
    content: "\e032"
}

.icon-communication-136:before,
.icon-finance-092:before {
    content: "\e033"
}

.icon-communication-123:before,
.icon-finance-093:before {
    content: "\e034"
}

.icon-communication-124:before,
.icon-finance-107:before {
    content: "\e035"
}

.icon-communication-137:before,
.icon-finance-094:before {
    content: "\e036"
}

.icon-communication-150:before,
.icon-finance-095:before {
    content: "\e037"
}

.icon-communication-163:before,
.icon-finance-108:before {
    content: "\e038"
}

.icon-communication-176:before,
.icon-finance-109:before {
    content: "\e039"
}

.icon-communication-177:before,
.icon-finance-096:before {
    content: "\e03a"
}

.icon-communication-164:before,
.icon-finance-097:before {
    content: "\e03b"
}

.icon-communication-151:before,
.icon-finance-110:before {
    content: "\e03c"
}

.icon-communication-138:before,
.icon-finance-111:before {
    content: "\e03d"
}

.icon-communication-125:before,
.icon-finance-098:before {
    content: "\e03e"
}

.icon-communication-126:before,
.icon-finance-099:before {
    content: "\e03f"
}

.icon-communication-139:before,
.icon-finance-112:before {
    content: "\e040"
}

.icon-communication-152:before,
.icon-finance-113:before {
    content: "\e041"
}

.icon-communication-165:before,
.icon-finance-100:before {
    content: "\e042"
}

.icon-communication-179:before,
.icon-finance-114:before {
    content: "\e044"
}

.icon-communication-166:before,
.icon-finance-115:before {
    content: "\e045"
}

.icon-communication-153:before,
.icon-finance-102:before {
    content: "\e046"
}

.icon-communication-140:before,
.icon-finance-104:before {
    content: "\e047"
}

.icon-communication-127:before,
.icon-finance-116:before {
    content: "\e048"
}

.icon-communication-128:before,
.icon-finance-117:before {
    content: "\e049"
}

.icon-communication-141:before,
.icon-finance-103:before {
    content: "\e04a"
}

.icon-communication-154:before,
.icon-finance-014:before {
    content: "\e04b"
}

.icon-communication-167:before,
.icon-finance-027:before {
    content: "\e04c"
}

.icon-communication-180:before,
.icon-finance-040:before {
    content: "\e04d"
}

.icon-communication-168:before,
.icon-finance-053:before {
    content: "\e04e"
}

.icon-communication-169:before,
.icon-finance-066:before {
    content: "\e04f"
}

.icon-communication-156:before,
.icon-finance-079:before {
    content: "\e050"
}

.icon-communication-155:before,
.icon-finance-080:before {
    content: "\e051"
}

.icon-communication-143:before,
.icon-finance-068:before {
    content: "\e053"
}

.icon-communication-130:before,
.icon-finance-081:before {
    content: "\e054"
}

.icon-communication-129:before,
.icon-finance-070:before {
    content: "\e055"
}

@font-face {
    font-family: finance;
    src: url("../fonts/finance.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

[data-icon-finance]:before {
    content: attr(data-icon-finance)
}

.icon-finance-083:before {
    content: "\e056"
}

.icon-finance-082:before {
    content: "\e057"
}

.icon-finance-069:before {
    content: "\e058"
}

.icon-finance-071:before {
    content: "\e059"
}

.icon-finance-084:before {
    content: "\e05a"
}

.icon-finance-085:before {
    content: "\e05b"
}

.icon-finance-072:before {
    content: "\e05c"
}

.icon-finance-073:before {
    content: "\e05d"
}

.icon-finance-086:before {
    content: "\e05e"
}

.icon-finance-087:before {
    content: "\e05f"
}

.icon-finance-074:before {
    content: "\e060"
}

.icon-finance-075:before {
    content: "\e061"
}

.icon-finance-088:before {
    content: "\e062"
}

.icon-finance-089:before {
    content: "\e063"
}

.icon-finance-076:before {
    content: "\e064"
}

.icon-finance-077:before {
    content: "\e065"
}

.icon-finance-090:before {
    content: "\e066"
}

.icon-finance-091:before {
    content: "\e067"
}

.icon-finance-078:before {
    content: "\e068"
}

.icon-finance-065:before {
    content: "\e069"
}

.icon-finance-052:before {
    content: "\e06a"
}

.icon-finance-039:before {
    content: "\e06b"
}

.icon-finance-026:before {
    content: "\e06c"
}

.icon-finance-025:before {
    content: "\e06d"
}

.icon-finance-038:before {
    content: "\e06e"
}

.icon-finance-051:before {
    content: "\e06f"
}

.icon-finance-064:before {
    content: "\e070"
}

.icon-finance-063:before {
    content: "\e071"
}

.icon-finance-050:before {
    content: "\e072"
}

.icon-finance-037:before {
    content: "\e073"
}

.icon-finance-024:before {
    content: "\e074"
}

.icon-finance-023:before {
    content: "\e075"
}

.icon-finance-036:before {
    content: "\e076"
}

.icon-finance-049:before {
    content: "\e077"
}

.icon-finance-062:before {
    content: "\e078"
}

.icon-finance-061:before {
    content: "\e079"
}

.icon-finance-048:before {
    content: "\e07a"
}

.icon-finance-035:before {
    content: "\e07b"
}

.icon-finance-022:before {
    content: "\e07c"
}

.icon-finance-021:before {
    content: "\e07d"
}

.icon-finance-034:before {
    content: "\e07e"
}

.icon-finance-047:before {
    content: "\e07f"
}

.icon-finance-060:before {
    content: "\e080"
}

.icon-finance-059:before {
    content: "\e081"
}

.icon-finance-046:before {
    content: "\e082"
}

.icon-finance-033:before {
    content: "\e083"
}

.icon-finance-020:before {
    content: "\e084"
}

.icon-finance-019:before {
    content: "\e085"
}

.icon-finance-032:before {
    content: "\e086"
}

.icon-finance-045:before {
    content: "\e087"
}

.icon-finance-058:before {
    content: "\e088"
}

.icon-finance-057:before {
    content: "\e089"
}

.icon-finance-044:before {
    content: "\e08a"
}

.icon-finance-031:before {
    content: "\e08b"
}

.icon-finance-018:before {
    content: "\e08c"
}

.icon-finance-017:before {
    content: "\e08d"
}

.icon-finance-030:before {
    content: "\e08e"
}

.icon-finance-043:before {
    content: "\e08f"
}

.icon-finance-056:before {
    content: "\e090"
}

.icon-finance-055:before {
    content: "\e091"
}

.icon-finance-042:before {
    content: "\e092"
}

.icon-finance-029:before {
    content: "\e093"
}

.icon-finance-016:before {
    content: "\e094"
}

.icon-finance-015:before {
    content: "\e095"
}

.icon-finance-028:before {
    content: "\e096"
}

.icon-finance-041:before {
    content: "\e097"
}

.icon-finance-054:before {
    content: "\e098"
}

.icon-finance-001:before {
    content: "\e099"
}

.icon-finance-002:before {
    content: "\e09a"
}

.icon-finance-003:before {
    content: "\e09b"
}

.icon-finance-004:before {
    content: "\e09c"
}

.icon-finance-005:before {
    content: "\e09d"
}

.icon-finance-006:before {
    content: "\e09e"
}

.icon-finance-007:before {
    content: "\e09f"
}

.icon-finance-008:before {
    content: "\e0a0"
}

.icon-finance-009:before {
    content: "\e0a1"
}

.icon-finance-010:before {
    content: "\e0a2"
}

.icon-finance-011:before {
    content: "\e0a3"
}

.icon-finance-012:before {
    content: "\e0a4"
}

.icon-finance-013:before {
    content: "\e0a5"
}