.bs-adv-v1 img {
    height: calc(100% - 8px);
}

.bs-pd-sitemap {
    height: 50px;
}

.bs-user-value {
    display: none !important;
}

.product-name-css {
    white-space: normal !important;
}

@media (min-width:1101px) { /*sadece 1101px ve sonrasi*/
    .bs-b2c-menu {
        position: absolute;
        right: 223px;
        width: 250px;
        top: -25px;
        /*box-shadow: 0 20px 25px -12px rgba(0,0,0,.15);*/
    }

        /*.bs-b2c-menu:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        vertical-align: middle;
        border-top-color: #cbcbcb00;
        border-bottom-color: #cbcbcb00;
        border-right-color: var(--layoutcolor);
        transform: rotate(90deg);
        position: absolute;
        top: -16px;
        right: 24px;
    }*/


        .bs-b2c-menu a {
            width: 100% !important;
            height: 30px !important;
            text-transform: none !important;
            font-size: 14px;
            font-weight: 400 !important;
        }

            .bs-b2c-menu a i {
                display: inline-block;
                float: left;
            }
}

.bs-footer-icons-outer {
    display: none;
}

.bs-footer-outer {
    margin: 0 0 16px 0;
}

.bs-footer-contracts-outer {
    padding: 8px 0 16px;
}


    .bs-footer-contracts-outer a {
        display: block;
        margin-bottom: 8px;
        color: #000;
    }

#divSepetB2BCount {
    position: absolute;
    min-width: 20px;
    width: auto;
    height: 20px;
    background: #000;
    background: var(--layoutcolor);
    border-radius: 10px;
    padding: 0px 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: 2px;
    left: 30px;
    border: 2px solid #fff;
    font-size: 12px;
    font-weight: 600;
}
/*b2c class*/
.bs-b2c-body .tab-content {
    padding: 8px;
}

.bs-b2c-body .bs-footer-inner-title {
    color: #000;
    color: var(--layoutcolor);
    padding-bottom: 8px;
}

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

    .bs-b2c-body .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-b2c-body .bs-footer-icons-outer div:last-child {
        border-right: 0;
    }

    .bs-b2c-body .bs-footer-icons-outer i {
        margin-right: 8px;
        font-size: 50px;
        color: #000;
        color: var(--layoutcolor);
    }

.bs-b2c-body .bs-sm-outer {
    padding: 24px 0;
}

.bs-b2c-body .bs-master-input-search-btn {
    background: transparent;
    border: 0;
    color: #000;
    color: var(--layoutcolor);
    /* right: 6px; */
    top: 0px;
}

.bs-b2c-body #bs-arrowtotop {
    right: calc(5% - 9px);
    background: #000;
    background: var(--layoutcolor);
    color: #fff;
    bottom: 80px;
}

.bs-b2c-body .bs-triple-banner-outer, .bs-b2c-body .bs-triple-banner-outer .bs-banner-text-outer, .bs-b2c-body .bs-bronze-banner-outer {
    display: block !important;
}

.bs-b2c-body .bs-banner-header-text {
    margin-top: 8px;
    font-size: 18px;
    color: #3e4651;
}

.bs-b2c-body .bs-banner-alternate-text {
    color: #000;
    margin-top: 8px;
}

.bs-b2c-body .bs-banner-silver .bs-banner-header-text {
    margin-top: 100px;
}

.bs-b2c-body #bs-category-outer > .bs-parrent-menu {
    position: relative;
    height: 100%;
}

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu.bs-submenu-wide {
        position: unset;
    }

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu > .main-menu-title {
        display: flex;
        align-items: center;
        padding: 0 12px;
        height: 100%;
        font-weight: inherit;
        color: inherit;
    }

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu.bs-menu-left-logo > .main-menu-title,
    .bs-menu-left-logo .bs-logo {
        padding-left: 0;
    }

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu:hover {
        background: #fff;
    }

.bs-b2c-body #bs-category-outer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 50px;
    color: #000;
    color: var(--layoutcolor);
    border-color: var(--layoutcolor);
}

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu > .bs-child-menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        background: #fff;
        z-index: 450;
        height: 0;
        overflow-y: auto;
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 0 0 var(--borderstyle) var(--borderstyle);
    }

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu:hover > .bs-child-menu {
        width: 225px;
        height: 400px;
        opacity: 1;
        transform: translateY(0);
        padding-top: 16px;
        padding-bottom: 16px;
        transition: all .2s ease;
        transition-delay: .2s;
    }

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu.bs-submenu-wide:hover > .bs-child-menu {
        width: 100%;
    }

    .bs-b2c-body #bs-category-outer > .bs-parrent-menu.bs-submenu-wide > .bs-child-menu > .bs-parrent-menu-outer {
        flex: 0 0 25%;
        width: 25%;
    }

        .bs-b2c-body #bs-category-outer > .bs-parrent-menu > .bs-child-menu > .bs-parrent-menu-outer > .bs-parrent-menu {
            margin-bottom: 16px;
        }

            .bs-b2c-body #bs-category-outer > .bs-parrent-menu > .bs-child-menu > .bs-parrent-menu-outer > .bs-parrent-menu > .main-menu-title {
                color: inherit;
                font-weight: 700;
                display: block;
            }

            .bs-b2c-body #bs-category-outer > .bs-parrent-menu > .bs-child-menu > .bs-parrent-menu-outer > .bs-parrent-menu > .bs-child-menu > .bs-parrent-menu > .main-menu-title {
                color: #000;
                padding-left: 6px;
                border-left: 2px solid #ddd;
                display: block;
            }

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

.bs-b2c-body .bs-allcategories-btn {
    height: 40px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #fff;
    padding: 0 8px;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
}

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

.bs-b2c-body .top-menu-title.bs-language-outer:after {
    content: "";
}


.bs-banner-img {
    border-radius: var(--borderstyle);
}

#bs-mp-loadnewprd-mark {
    margin-bottom: 8px;
    order: 100;
}

/*b2c class end*/
.bs-bankaccounts-table img {
    margin: 8px;
    height: 30px;
}

.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 {
    content: "\f099";
}

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

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

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

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

.bs-darkmenu #bs-category-outer {
    color: #fff !important;
}

    .bs-darkmenu #bs-category-outer > .bs-parrent-menu:hover {
        color: #000;
        color: var(--layoutcolor);
    }

.bs-darkmenu {
    background: #000 !important;
    background: var(--layoutcolor) !important;
    border: 0 !important;
}

.bs-payment-cur {
    position: absolute;
    right: 8px;
    width: 50px !important;
    top: 0;
}

.bs-lang-outer {
    position: relative;
}

.bs-dd-p {
    display: flex;
    align-items: center;
}

.bs-lang-outer img {
    height: 15px;
    margin-right: 4px;
}

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

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

    .bs-msg-outer span {
        margin-left: 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-pd-detail-props,
.bs-pd-special-area {
    display: none;
}

#bs-menu {
    z-index: 750;
}

.scrolling-limit {
    clip-path: polygon(0% 100%,12px 0,100% 0,calc(100% - 12px) 100%);
    -webkit-clip-path: polygon(0% 100%,12px 0,100% 0,calc(100% - 12px) 100%);
    background: #f7f7f7;
    height: 30px;
    margin-left: -19px;
    display: inline-block;
    overflow: hidden;
    text-align: initial;
    white-space: nowrap;
}

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

    .bs-dd-dsg:after {
        content: "\f107";
        color: #919191;
        font-family: FontAwesome;
        margin-left: 4px;
    }

    .bs-dd-dsg.bs-dd-arrow-i:after {
        content: "\f106";
    }

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

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

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

.bs-dd-content-dsg-v2:before {
    right: calc(50% - 8px);
}

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

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

.bs-divselect-title.bs-dd:after {
    content: "";
}

.bs-arrow-v1:before {
    right: inherit;
    left: 16px;
}

.bs-product-autocomplete-result {
    overflow-y: auto;
    border: 0;
    position: absolute;
    left: 0;
    right: 8px;
    background: #fff;
    z-index: 500;
    box-shadow: 0 20px 66px 0 rgba(34,48,73,.2);
    padding: 16px;
    height: 436px;
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.bs-customers-title {
    color: #3398dc;
}

.bs-news-title {
    color: #159547;
}

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

.bs-cart-icon:before {
    content: ",";
    font-family: "communication-48-x-48";
    font-style: normal !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.bs-fm-outer,
.bh-addr {
    text-align: left;
}

.bs-footer-texts-outer,
.bs-fm-outer {
    padding: 16px 0;
    color: #7a8aa0;
}

.pv-d-none .price-id,
.pv-d-none .discount-id,
.cookie-policy-msg.pv-d-none {
    display: none !important;
}

.bs-mosttop-menu {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.bs-copyright {
    text-align: left;
    align-self: center;
}

.bs-paymentsystems {
    align-self: center;
}

    .bs-paymentsystems img {
        height: 30px;
    }

.bs-fm-outer {
    padding: 8px 0;
}

.bs-callcenter-inner {
    display: flex;
    align-items: center;
}

.bs-callcenter-outer img {
    width: 130px;
    height: 30px;
    object-fit: contain;
    display:flex;
}

.bs-callcenter-outer label {
    text-align: right;
    margin-right: 8px;
    color: #000;
    display: flex;
}

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

    .bs-price-cookie:before {
        content: "\f058";
        font-family: FontAwesome;
        font-style: normal;
        position: absolute;
        right: 1px;
    }

    .bs-price-cookie.this-pv-d-none:before {
        content: "\f111";
        left: 1px;
        color: #e1e1e1;
    }

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

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

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

.menu-iconic a labelinput, select {
    font-family: inherit;
}

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

::placeholder {
    color: #777;
}

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

.bs-logo-outer {
    align-self: center;
}

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

.bs-mm-i {
    display: none
}

a {
    text-decoration: none;
}

.bs-sm-outer {
    padding: 8px 0;
      background: #fff;
    position: sticky;
    top: -1px;
    z-index: 700;
}

.bs-menu-left {
    order: 1;
}

.bs-menu-left-logo {
    order: 0;
}

.bs-menu-right {
    order: 3;
}

.bs-tm-outer {
    background: #f7f7f7;
}

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

    .bs-tm .bs-parrent-menu {
        display: inline-flex;
        /*margin-right: 8px;*/
        align-items: center;
    }

        .bs-tm .bs-parrent-menu .main-menu-title {
            display: flex;
            color: #2a2a2a;
            font-size: 12px;
            align-items: center;
        }

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

.bs-tm .bs-menu-right {
    margin-left: 16px;
}

.bs-menu-outer {
    z-index: 700;
}

html {
    height: 100% !important
}

body {
    /*background-color: #f1f1f1;*/
    font-size: 13px;
    margin: 0 !important;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
}

.container {
    max-width: 100%;
    width: 100%;
    padding: 0 8px;
    margin: auto !important;
    position: relative;
}

@media (min-width: 1600px) { /* %90 */
    .container {
        max-width: 90%;
    }
}

@media (min-width: 1900px) { /* %80 */
    .container {
        max-width: 80%;
    }
}

@media (min-width: 2200px) { /* %75 */
    .container {
        max-width: 70%;
    }
}

@media (min-width: 2500px) { /* %50 */
    .container {
        max-width: 60%;
    }
}

[class*="col"] {
    padding: 0 8px 0 0;
}


.inner-popover {
    visibility: hidden;
    position: absolute;
    border: 1px dotted #eee;
    z-index: 700;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    white-space: normal;
    max-width: 300px;
    padding: 5px;
    border-radius: 6px;
    /*top: 20px;
    left: 0;*/
    font-size: 12px;
}

/*.outer-popover {
    position: relative
}*/

.outer-popover:hover .inner-popover {
    visibility: visible;
    transition-delay: .4s
}

.bs-title-outer {
    border-bottom: 2px solid #000;
    border-bottom: 2px solid var(--layoutcolor);
    position: relative;
    /*height: 32px;*/
    margin: 8px 0 0 0;
    position: sticky;
    top: 62px;
    background: #fff;
    z-index: 30;
    width: 100%;
}

.bs-title {
    background-color: #000;
    background-color: var(--layoutcolor);
    color: #fff;
    /*position: absolute;*/
    height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    text-transform: uppercase;
    border-radius: var(--borderstyle) var(--borderstyle) 0 0;
}
.bs-title-other {
    float: right;
    background-color: #fff;
    color: var(--layoutcolor);
    font-weight: 700;
    padding-right: 0;
}
.bs-top-menu-right, .bs-top-menu-left {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
}

.top-menu-title {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
}

    .top-menu-title i {
        display: inline-flex;
        align-items: center;
        margin-right: 4px;
        margin-left: 4px;
    }



    .top-menu-title:not(.d-none-v1):not(:last-child):after, .bs-dealermenu-outer:after, .bs-var-price:before {
        content: "/";
        color: #ddd;
        margin: 0 6px
    }

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

.bs-proposalcart-outer {
    font-weight: 700;
    text-transform: uppercase;
    color: #f00f00;
}

.bs-user {
    display: inline-block;
    border: 1px solid #e1e1e1;
    width: calc(50% - 8px);
    height: 45px;
    margin-left: 8px;
    padding: 0 0 0 8px;
    position: relative;
    border-radius: var(--borderstyle);
}

.bs-user-inner {
    height: 100%;
}

.bs-user-i {
    color: #e57d20;
    font-size: 30px;
    float: left;
    font-family: finance;
    display: inline-flex;
    height: 100%;
    margin: 0 4px 0 0;
    align-items: center;
}

.bs-user-title {
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bs-user-value {
    font-size: 12px !important;
    font-weight: 600;
    height: 22px;
    white-space: nowrap;
    padding: 0 8px 0 0;
}

#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: 16px;
    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: 16px;
    right: -9px;
    border: 3px solid #fff;
}

.bs-no-items-in-cart div {
    text-align: center;
}

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

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

.bs-basket-content {
    /* visibility: hidden; */
    position: absolute;
    border: 1px solid #e1e1e1;
    border-top: 2px solid #000;
    border-top: 2px solid var(--layoutcolor);
    top: 45px;
    width: 308px;
    /*left: -1px;*/
    right: -1px;
    z-index: 750;
    font-size: 12px;
    box-shadow: 0 20px 25px -12px rgba(0,0,0,.15);
    border-radius: var(--borderstyle);
}

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

.bs-basket-btns-outer {
    padding: 8px 8px 0 8px;
    background: #fff;
    border-radius: 0 0 var(--borderstyle) var(--borderstyle);
}

.bs-basket-proposal {
    display:none;
}

.bh-addr {
    /* text-align: center; */
    /* padding: 8px 0 10px; */
}

/*.menu-iconic {
    margin: 0;
    padding: 0 0 0 8px
}*/

.menu-iconic a {
    height: 73px;
    width: 88px;
    text-align: center;
    padding: 4px 4px 0;
    font-size: 12px;
    color: #fff;
    margin: 4px 4px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: var(--borderstyle);
    overflow: hidden;
    position: relative;
}

    .menu-iconic a:hover {
        background: #000 !important;
        text-decoration: none
    }

    .menu-iconic a:active {
        transform: translateY(1px)
    }

    .menu-iconic a:hover i {
        background: #000 !important
    }

    .menu-iconic a > i {
        display: block;
        font-size: 19px;
        font-family: communication-48-x-48 !important;
        border-radius: var(--borderstyle);
    }

    .menu-iconic a label {
        display: none
    }

    .menu-iconic a:nth-child(4), .menu-iconic a:nth-child(4) i {
        background: #000B29
    }

    .menu-iconic a:nth-child(5), .menu-iconic a:nth-child(5) i {
        background: #D70026
    }

    .menu-iconic a:nth-child(6), .menu-iconic a:nth-child(6) i {
        background: #A10115
    }
    .menu-iconic a:nth-child(7), .menu-iconic a:nth-child(7) i {
        background: #f68b69;
    }
    .menu-iconic a:nth-child(8), .menu-iconic a:nth-child(8) i {
        background: #D72C16
    }

    .menu-iconic a:nth-child(9), .menu-iconic a:nth-child(9) i {
        background: #00293C
    }

    .menu-iconic a:nth-child(10), .menu-iconic a:nth-child(10) i {
        background: #D09683
    }

    .menu-iconic a:nth-child(11), .menu-iconic a:nth-child(11) i {
        background: #31A9B8
    }

    .menu-iconic a:nth-child(12), .menu-iconic a:nth-child(12) i {
        background: #011A27
    }

    .menu-iconic a:nth-child(13), .menu-iconic a:nth-child(13) i {
        background: #4B7447
    }

    .menu-iconic a:nth-child(14), .menu-iconic a:nth-child(14) i {
        background: #063852
    }

    .menu-iconic a:nth-child(15), .menu-iconic a:nth-child(15) i {
        background: #d32747
    }

    .menu-iconic a:nth-child(16), .menu-iconic a:nth-child(16) i {
        background: #00ceb9
    }

    .menu-iconic a:nth-child(17), .menu-iconic a:nth-child(17) i {
        background: #16235A
    }

    .menu-iconic a:nth-child(18), .menu-iconic a:nth-child(18) i {
        background: #2A3457
    }

    .menu-iconic a:nth-child(19), .menu-iconic a:nth-child(19) i {
        background: #2A3457
    }

    .menu-iconic a:nth-child(20), .menu-iconic a:nth-child(20) i {
        background: #33759b
    }

    .menu-iconic a:nth-child(21), .menu-iconic a:nth-child(21) i {
        background: #ac3911;
    }

    .menu-iconic a:nth-child(22), .menu-iconic a:nth-child(22) i {
        background: #2c5e8f;
    }

    .menu-iconic a:nth-child(23), .menu-iconic a:nth-child(23) i {
        background: #f0810f;
    }

    .menu-iconic a:nth-child(24), .menu-iconic a:nth-child(24) i {
        background: #b40ff0;
    }
.menu-iconic.menu-dark-iconic a i {
    background: #000;
    background: var(--layoutcolor);
    color: #fff;
    color: var(--layoutcolor2);
    height: 33px;
    font-size: 23px;
}

.menu-iconic.menu-dark-iconic a {
    height: 76px;
    background: #000;
    background: var(--layoutcolor);
    border: 2px solid #fd0;
    border: 2px solid var(--layoutcolor2);
    border-radius: 10px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 1px 4px 4px 4px;
}

.menu-normal {
    /* justify-content: flex-end; */
    /* background: #000; */
    /* background: var(--layoutcolor); */
    /* box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.08); */
    margin: 0 -8px;
    padding: 0 8px;
}

    .menu-normal .row {
        justify-content: flex-end;
        /* padding: 8px 0; */
        /*border-bottom: 1px solid #e1e1e1;*/
        /* background: #fafafa; */
        /*box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.08);*/
        /* background: var(--layoutcolor); */
    }

    .menu-normal a {
        color: #000;
        color: var(--layoutcolor);
        /*text-transform: uppercase;*/
        /* height: 45px; */
        padding: 0 8px 0 8px;
        margin: 8px 0;
        /* width: 88px; */
        font-size: 14px;
        text-align: center;
        font-weight: 500;
    }

    .menu-normal span {
        height: 35px;
        display: inline-flex;
        align-items: center;
    }

    .menu-normal a:hover {
        color: #fff;
        background: #000;
        background: var(--layoutcolor);
    }

    .menu-normal i, .menu-normal label {
        display: none
    }

.menu-normal-v2 {
    background: #000;
    background: var(--layoutcolor);
}

    .menu-normal-v2 a {
        color: #fff;
    }

.alert-info, .payment-list-string {
    border-left: 4px solid #f2cc2b;
    padding-left: 6px !important;
    background-color: #f9eaa9 !important;
    font-weight: 600 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 30px !important;
    width: 100%;
    border-radius: var(--borderstyle);
    margin-bottom: 8px;
}

    .alert-info .close, .payment-list-string .close {
        display: none
    }

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

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

.bs-menu-common-outer {
    border: 1px solid #e1e1e1;
    text-transform: capitalize;
    border-radius: var(--borderstyle);
    background: #fff;
}

/*.bs-parrent-menu {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    color: var(--layoutcolor);
    border-radius: var(--borderstyle);
}

.bs-ctg .bs-parrent-menu:hover {
    background: #000;
    background: var(--layoutcolor);
    color: #fff;
    border-radius: var(--borderstyle);
}

.bs-ctg .bs-child-menu {
    visibility: hidden;
    position: absolute;
    background: #fff;
    left: 100%;
    top: 0;
    right: -250%;
    z-index: 6;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: var(--borderstyle);
}

.bs-ctg .bs-parrent-menu:hover .bs-child-menu {
    visibility: visible;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000;
    border-top: 2px solid var(--layoutcolor);

    min-height: 60px;
}

.bs-ctg .bs-parrent-menu .main-menu-title {
    padding: 6px;
    display: block;
    color: inherit;
}

.bs-parrent-menu .main-menu-title:after {
    content: "\f105";
    position: absolute;
    right: 8px;
    color: #000;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 300;
}

.bs-ctg .bs-parrent-menu .menu-title {
    color: #000;
    color: var(--layoutcolor);
}

.bs-ctg .bs-parrent-menu .menu-text {
    color: #000;
    display: block;
    text-transform: capitalize;
    font-weight: 400;
    padding-left: 5px;
    border-left: 2px solid #eee;
    font-size: 12px;
}

.bs-ctg .bs-parrent-menu .menu-parts-outer {
    padding: 4px 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 33.3%;
    width: 33.3%;
}
*/
.bs-cmp-logo {
    align-self: center;
    padding: 9px 0 9px 15px;
    text-align: left
}

.bs-master-input {
    align-self: center
}

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

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

.bs-user-and-basket {
    text-align: right;
    font-size: 14px;
    align-self: center;
    margin-left: auto;
    height: 45px;
}

    .bs-user-and-basket > .row {
        justify-content: flex-end;
        width: 375px;
    }

.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;
    text-align: center
}

    .bs-prd-outer:hover {
        text-decoration: none;
        box-shadow: 0 20px 25px -12px rgba(0,0,0,.15)
    }

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

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

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

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

.bs-stock {
    align-self: center;
    font-size: 12px;
    text-align: right;
    white-space: nowrap
}

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

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

b {
    font-weight: 600;
}

ul {
    padding-left: 0;
    margin: 0;
}

li {
    list-style: none;
}

.bs-pl-0 {
    padding-left: 0;
}

.bs-pr-0 {
    padding-right: 0 !important;
}
.bs-pb-0 {
    padding-bottom: 0 !important;
}
.bs-w-100 {
    width: 100% !important;
}

.bs-mr--8 {
    margin-right: -8px !important;
}

.bs-mr--16 {
    margin-right: -16px !important;
}

.bs-mb-0 {
    margin-bottom: 0 !important;
}

.bs-ml-0 {
    margin-left: 0 !important;
}

.bs-ml-auto {
    margin-left: auto;
}

.bs-mt-8 {
    margin-top: 8px !important;
}

.bs-mt-16 {
    margin-top: 16px !important;
}

.bs-mb-8 {
    margin-bottom: 8px !important;
}

.bs-mb-16 {
    margin-bottom: 16px !important;
}

.bs-tr {
    text-align: right;
}

.bs-jc-center {
    justify-content: center;
}

.bs-pos-fix {
    position: fixed;
}

[onClick], [href], select, [for], .bs-divselect-outer, [data-dismiss], a, button {
    cursor: pointer;
}

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

.bs-rm-outer {
    padding-left: 22px;
    color: #000;
    font-size: inherit;
    position: relative;
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    display: inline-flex;
    width: 100%;
}

.bs-empty-check {
    border: 1px solid #e1e1e1;
    position: absolute;
    left: 0;
    display: inline-block;
    height: 18px;
    width: 18px;
    background: #fafafa;
    border-radius: var(--borderstyle);
}

.bs-empty-radio {
    border-radius: 50%;
}

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

input[type=radio]:checked + i, input[type=radio] + i {
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #000;
    background: var(--layoutcolor);
    border: 0;
}

input[type=radio] + i {
    background: #fff;
    border: 1px solid #ddd;
}

/*.bs-rm-outer input[type=checkbox]:checked + i::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 22px;
    position: absolute;
    top: -9px;
    left: 0;
}*/

input[type=radio]:checked + i::before,
input[type=checkbox]:checked + i::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 11px;
    position: absolute;
    top: 1px;
    left: 3.5px;
}

.bs-radio-input {
    display: none;
}


.bs-custom-checkbox {
    position: absolute;
    left: 0;
    border-radius: var(--borderstyle);
}

.bs-custom-checkbox-v2 {
    color: #000 !important;
    color: var(--layoutcolor) !important;
    background: #fff !important;
}

.bs-btn-v1 {
    padding: 0 8px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    color: #fff;
    background: #000;
    background: var(--layoutcolor);
    text-align: center;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    border-radius: var(--borderstyle);
}

    /*.bs-btn-v1:hover {
        background: #000;
        transition: .3s
    }*/

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

.bs-btn-v2 {
    background: #fafafa;
    color: #919191;
    border: 1px solid #e1e1e1;
}

.bs-btn-v3 {
    height: 60px !important;
    font-size: 17px;
    padding: 0 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bs-btn-v4 {
    height: 50px;
    font-size: 14px;
}

.bs-btn-v1:not([disabled="disabled"]):active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

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

.bs-input-v1 {
    outline: 0;
    border: 1px solid #e1e1e1;
    font-size: inherit;
    padding: 6px;
    height: 30px;
    background: #fafafa;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 600;
    color: #000;
    font-family: inherit;
    border-radius: var(--borderstyle);
    display: inline-flex;
    align-items: center;
}

textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    font-size: inherit;
    padding: 6px !important;
    margin-bottom:8px;
    height: 30px;
    background: #fafafa;
    height: 100px !important;
    display: block;
    border-radius: var(--borderstyle);
    font-family: inherit;
    font-weight: 600;
}

.bs-select-v1 {
    display: flex;
    align-items: center;
    outline: 0;
    font-size: inherit;
    border: 1px solid #e1e1e1;
    padding: 0 25px 0 7px !important;
    height: 30px;
    width: 100%;
    font-weight: 600;
    margin-bottom: 8px;
    background: #fafafa url("/img/arrows.svg") no-repeat right .75rem center;
    background-size: 8px 10px;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: var(--borderstyle);
}

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

.bs-divselect-outer {
    position: relative;
}

.bs-divselect {
    overflow-y: auto;
    max-height: 200px;
    position: absolute;
    margin-top: -8px;
    z-index: 35;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-top: 0;
    box-shadow: 0 23px 23px 0 rgba(85,85,85,.2);
    border-radius: var(--borderstyle);
}

.bs-divselect-outer select {
    display: none;
}

.bs-divselect span, .bs-divselect input, .bs-product-autocomplete-result span {
    padding: 0 8px;
    min-height: 30px;
    display: flex;
    align-items: center;
    overflow-x: hidden;
    border: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.bs-divselect input {
    position: sticky;
    top: 0;
}

.bs-divselect span:last-child {
    border-bottom: 0;
}

.bs-divselect span:nth-child(2n) {
    background: #f7f7f7;
}

.bs-divselect span:hover {
    background: #000;
    background: var(--layoutcolor);
    color: #fff;
}

.bs-product-autocomplete-result span {
    min-height: 33px;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .bs-product-autocomplete-result span:hover {
        background: #f7f7f7;
    }

/*.bs-product-autocomplete-result:before {
    content: attr(data-title);
    font-weight: 600;
    padding: 0 0 8px 0;
    color: #777;
    position:relative;
    top:-4px;
}*/
.bs-select-opened {
    position: absolute;
    z-index: 35;
    height: inherit !important;
    max-height: 333px;
    overflow-y: auto;
    padding: 0 !important;
    background: #fff;
    width: calc(100% - 8px);
    border-radius: var(--borderstyle);
}

    .bs-select-opened option:first-child {
        height: 30px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 0 7px;
        display: flex;
        align-items: center;
        background: #fff url("/img/arrows.svg") no-repeat right 8px center;
        background-size: 8px;
    }

    .bs-select-opened option {
        padding: 0 0 0 7px !important;
    }

        .bs-select-opened option:hover {
            background: #1e90ff;
            color: #fff;
        }

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

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

#footer_value {
    text-align: center;
    text-align: left;
    background: #e0e0e0;
    margin-top: 8px;
}


.bs-footer-main-outer {
    padding: 48px 0;
}

.bs-footer-law {
    margin: 16px 0 8px 0;
}

.bs-footermenu-outer {
    position: relative;
}

    .bs-footermenu-outer > .bs-parrent-menu {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

        .bs-footermenu-outer > .bs-parrent-menu.bs-menu-left {
            padding-right: 8px;
        }

        .bs-footermenu-outer > .bs-parrent-menu.bs-menu-right {
            padding-left: 8px;
        }

    .bs-footermenu-outer .bs-parrent-menu .main-menu-title {
        display: flex;
        height: 32px;
        color: #000;
        display: flex;
        align-items: center;
        text-transform: capitalize;
    }

    .bs-footermenu-outer > .bs-parrent-menu > .main-menu-title {
        font-weight: 600;
        display: flex;
        height: 40px;
    }

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

        .bs-footermenu-outer > .bs-parrent-menu > .main-menu-title.bs-icon-arrow-down:before {
            display: none;
        }

    .bs-footermenu-outer .bs-tm-center-space {
        display: none;
    }

.bs-footer-address {
    padding: 8px 0;
    color:#000;
}

.bs-footer-subtitle i:before {
    font-family: FontAwesome;
    font-style: normal;
    font-size: 23px;
}

[class*="bs-icon"]:before {
    font-family: FontAwesome;
    font-style: normal;
}

.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-twitter:before {
    content: "\f099";
}

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

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

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

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

.bs-icon-menu-bar:before {
    content: "\f0c9";
}

.bs-icon-arrow-down:before {
    content: "\f107";
}

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

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

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

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

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

.bs-whatsapp-support-outer {
    font-size: 40px;
    color: #fff;
    background: #25D366;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1100;
    box-shadow: 3px 4px 15px #0000001a;
}

    .bs-whatsapp-support-outer:before {
        font-family: FontAwesome;
        content: "\f232";
    }

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

.bs-footer-inner-title {
    text-align: left;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 24px;
    font-size: 14px;
}

.bs-footer-inner a {
    display: block;
}

.bs-dynamicfooter-outer #page-title {
    display: none;
}

#bs-arrowtotop {
    display: none;
    position: fixed;
    bottom: 8px;
    background: #fff;
    right: 8px;
    font-size: 15px;
    width: 35px;
    height: 35px;
    z-index: 2000;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    color: #999;
    align-items: center;
    justify-content: center;
}

#btnCompareList {
    position: fixed;
    bottom: 0px;
    left: 8px;
    z-index: 450;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}

.g-hidden-lg-up {
    display: none
}

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

.confirm-btn {
    color: #0a69aa;
    text-decoration: underline;
}

.delete-btn {
    color: #e30613;
    text-decoration: underline;
}

.bs-support-detail-btn {
    margin-right: 8px;
}

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

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

.loading-btn-css {
    display: none;
    position: absolute;
    top: 14px;
    right: 8px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: .25rem solid #d4d9dd;
    border-top-color: #333;
    -webkit-animation: spin .4s infinite linear;
    -o-animation: spin .4s infinite linear;
    animation: spin .4s infinite linear;
}

.loading-css {
    position: fixed;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 105100;
    top: 0;
    left: 0;
    overflow: hidden;
    text-indent: 100%;
    font-size: 0;
    /*background: url(/img/loading.gif) center no-repeat;*/
    display: none;
    background-color: rgba(0,0,0,0.35);
    background-size: 250px;
}

    .loading-css div {
        position: absolute;
        left: calc(50% - 24px);
        top: calc(50% - 24px);
        border-radius: 50%;
        width: 48px;
        height: 48px;
        border: .30rem solid #d4d9dd;
        border-top-color: #333;
        -webkit-animation: spin .4s infinite linear;
        -o-animation: spin .4s infinite linear;
        animation: spin .4s infinite linear;
    }


/* loading products animation */
.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: spin .4s infinite linear;
        -o-animation: spin .4s infinite linear;
        animation: spin .4s infinite linear;
    }

@-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)
    }
}

/* loading products animation end */

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

    .bs-menu-tab-outer .bs-tab-link {
        position: relative;
        color: #000;
        color: var(--layoutcolor);
        height: 40px;
        padding: 0 8px;
        align-items: center;
        display: inline-flex;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 600;
        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%;
        border-bottom: 1px solid #e1e1e1;
    }

        .bs-menu-tab-outer .bs-tab-link.active {
            background: #fff;
            color: #000;
            color: var(--layoutcolor);
            border-top: 2px solid #000;
            border-top: 2px solid var(--layoutcolor);
            border-bottom: 0;
        }

.bs-tab-vertical .bs-tab-link:after {
    content: "\f105";
    right: 8px;
    position: absolute;
    font-family: FontAwesome;
    font-weight: 300;
}

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

    .bs-tab-vertical .bs-tab-link:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

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

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

.tab-content > .active {
    display: flex;
    flex-wrap: wrap;
}
/* açıklama tabında <br> kullanılabildiği için burayı block olarak ayırdık, çünkü <br> flex'te çalışmıyor */
.tab-content .bs-description-tab-pane.active {
    display: block;
}

.tab-content {
    padding-top: 8px;
    background: #fff;
}

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

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

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

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

    .tab-content #detail-p span:after {
        content: ":";
    }


.d-none {
    display: none !important;
}

.d-none-v1 {
    display: none;
}

.d-block {
    display: block
}

.ask-us-class {
    color: #1ebea5;
}

    .ask-us-class i {
        margin-right: 3px
    }

.bs-category-menu-tab,
.bs-dealer-menu-tab {
    display: none;
    margin-top: 8px !important;
}
.bs-header-menu-tab {
    display: none;
}
.bs-btn-v5 {
    background: #fff;
    color: #000;
    border: 0;
    box-shadow: inset 0px 0px 0px 1px #e6e6e6;
    text-transform: capitalize;
    text-align: left;
}

    .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-v5:hover {
        background: #fff;
    }

.bs-btn-v6 {
    height: 100%;
    background: #f5f5f5;
    color: #000;
    color: var(--layoutcolor);
    display: inline-flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}

.bs-b2c-menu {
    padding: 0;
    background: #fff;
    width: 320px;
    top: 0;
    position: fixed;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    box-shadow: -20px 0 25px -12px rgba(0,0,0,.15);
}

    .bs-b2c-menu 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-b2c-menu a:hover {
            background: #f7f7f7 !important
        }

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

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



        .bs-b2c-menu 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-b2c-menu a span:nth-child(2) {
            position: absolute;
            left: 56px;
            text-transform: capitalize;
            letter-spacing: .4px;
            top: 6px;
            font-size: 15px;
        }

        .bs-b2c-menu a label {
            bottom: 7px;
            top: unset;
            font-weight: 500;
            letter-spacing: .4px;
            color: #aaa;
            display: block !important;
            left: 56px;
            position: absolute;
            margin: 0;
            text-transform: capitalize;
            cursor: inherit;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 236px;
        }

        .bs-b2c-menu a span br {
            display: none
        }

        .bs-b2c-menu a:nth-child(1) i {
            background: #003e67
        }
        .bs-b2c-menu a:nth-child(2) i {
            background: #000B29
        }
        .bs-b2c-menu a:nth-child(3) i {
            background: #D70026
        }
        .bs-b2c-menu a:nth-child(4) i {
            background: #000B29
        }
        .bs-b2c-menu a:nth-child(5) i {
            background: #D70026
        }



        .bs-b2c-menu a:nth-child(6) i {
            background: #A10115
        }
        .bs-b2c-menu a:nth-child(7) i {
            background: #f68b69
        }
        .bs-b2c-menu a:nth-child(8) i {
            background: #D72C16
        }

        .bs-b2c-menu a:nth-child(9) i {
            background: #00293C
        }

        .bs-b2c-menu a:nth-child(10) i {
            background: #D09683
        }

        .bs-b2c-menu a:nth-child(11) i {
            background: #31A9B8
        }

        .bs-b2c-menu a:nth-child(12) i {
            background: #011A27
        }

        .bs-b2c-menu a:nth-child(13) i {
            background: #4B7447
        }

        .bs-b2c-menu a:nth-child(14) i {
            background: #063852
        }

        .bs-b2c-menu a:nth-child(15) i {
            background: #d32747
        }

        .bs-b2c-menu a:nth-child(16) i {
            background: #00ceb9
        }

        .bs-b2c-menu a:nth-child(17) i {
            background: #16235A
        }

        .bs-b2c-menu a:nth-child(18) i {
            background: #2A3457
        }

        .bs-b2c-menu a:nth-child(19) i {
            background: #2A3457
        }

        .bs-b2c-menu a:nth-child(20) i {
            background: #33759b
        }

        .bs-b2c-menu a:nth-child(21) i {
            background: #ac3911;
        }

        .bs-b2c-menu a:nth-child(22) i {
            background: #2c5e8f;
        }

        .bs-b2c-menu a:nth-child(23) i {
            background: #f0810f;
        }

        .bs-b2c-menu a:nth-child(24) i {
            background: #b40ff0;
        }

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

    .bs-b2c-menu::-webkit-scrollbar,
    #productFilterNew::-webkit-scrollbar {
        width: 8px;
    }

    .bs-b2c-menu::-webkit-scrollbar-thumb,
    #productFilterNew::-webkit-scrollbar-thumb {
        background-color: #e1e1e1;
        border-radius: 10px;
    }

.bs-filter-title {
    display: none;
}

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

.bs-welcome-customer {
    color: #919191;
    width: 100%;
    padding: 4px 8px 6px 8px;
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
}

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

.bs-menu-title {
    display: none;
}




.bs-installment-table {
    margin-right: 8px;
}

    .bs-installment-table th {
        white-space: normal;
    }

.bs-itsp-v1-outer {
    border-top: 1px solid #e1e1e1;
    height: 30px;
}

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

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

    .bs-itsp-v1:first-child {
        border-right: 1px solid #e1e1e1;
    }

.bs-extra-month {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin-left: auto;
    background: #fff;
    font-size: 12px;
    height: 18px;
    display: flex;
    padding: 0 4px;
    align-items: center;
    justify-content: center;
}

.bs-master-continue-shopping {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 600;
    font-size: 15px;
    height: 100%;
    float: right;
    color: #000;
}

    .bs-master-continue-shopping:before {
        content: "\f104";
        color: #000;
        font-family: FontAwesome;
        font-size: 14px;
        margin-right: 8px;
        display: inline-flex;
        width: 25px;
        height: 25px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: #eee;
    }

/*ortak banner css*/
.bs-banner-outer {
    overflow: hidden;
}

.bs-banner-container {
    width: 100%;
    margin-bottom: 8px !important;
}

.bs-banner-home-outer {
    padding-right: 0;
}

.bs-banner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--borderstyle);
}

.bs-banner-features {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.bs-banner-model-v2,
.bs-banner-model-v1 {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px;
}

.bs-banner-item {
    -webkit-box-flex: 0;
    margin-right: 8px;
    margin-left: 8px;
    margin-bottom: 16px;
    position: relative;
}

.bs-banner-model-v2.bs-banner-quantity-1 .bs-banner-item {
    margin-bottom: 8px;
}

.bs-banner-model-v1 .bs-banner-item {
    margin-bottom: 0;
}

.bs-banner-model-v2.bs-banner-quantity-1 .bs-banner-item {
    -ms-flex: 0 0 calc(100% - 16px);
    flex: 0 0 calc(100% - 16px);
    max-width: calc(100% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-2 .bs-banner-item {
    -ms-flex: 0 0 calc(50% - 16px);
    flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-3 .bs-banner-item {
    -ms-flex: 0 0 calc(33.333333% - 16px);
    flex: 0 0 calc(33.333333% - 16px);
    max-width: calc(33.333333% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-4 .bs-banner-item {
    -ms-flex: 0 0 calc(25% - 16px);
    flex: 0 0 calc(25% - 16px);
    max-width: calc(25% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-5 .bs-banner-item {
    -ms-flex: 0 0 calc(20% - 16px);
    flex: 0 0 calc(20% - 16px);
    max-width: calc(20% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-6 .bs-banner-item {
    -ms-flex: 0 0 calc(16.666667% - 16px);
    flex: 0 0 calc(16.666667% - 16px);
    max-width: calc(16.666667% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-7 .bs-banner-item {
    -ms-flex: 0 0 calc(14.285714% - 16px);
    flex: 0 0 calc(14.285714% - 16px);
    max-width: calc(14.285714% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-8 .bs-banner-item {
    -ms-flex: 0 0 calc(12.5% - 16px);
    flex: 0 0 calc(12.5% - 16px);
    max-width: calc(12.5% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-9 .bs-banner-item {
    -ms-flex: 0 0 calc(11.111111% - 16px);
    flex: 0 0 calc(11.111111% - 16px);
    max-width: calc(11.111111% - 16px);
}

.bs-banner-model-v2.bs-banner-quantity-10 .bs-banner-item {
    -ms-flex: 0 0 calc(10% - 16px);
    flex: 0 0 calc(10% - 16px);
    max-width: calc(10% - 16px);
}

.bs-banner-model-v2 .bs-banner-outer .bs-banner-img {
    transition: all 0.4s ease 0s;
}

.bs-banner-model-v2 .bs-banner-outer:hover .bs-banner-img {
    transform: scale(1.01);
    transition: all 0.4s ease 0s;
}

.bs-banner-screen-full {
    margin: auto;
    max-width: 100% !important;
    width: 100%;
    display: block;
}

    .bs-banner-screen-full .bs-banner-item {
        margin-left: 0;
        margin-right: 0;
        -ms-flex: 0 0 calc(100% - 0px) !important;
        flex: 0 0 calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
    }

    .bs-banner-screen-full .bs-banner-item,
    .bs-banner-screen-full .bs-banner-img {
        border-radius: 0;
    }

    .bs-banner-screen-full .owl-prev {
        left: 0;
    }

    .bs-banner-screen-full .owl-next {
        right: 0;
    }

.bs-banner-title {
    width: calc(100% - 16px) !important;
    margin-top: 0;
}
/*ortak banner css*/


.bs-icon-menu-bar {
    display: none;
}

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

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

.bs-ua-address-title {
    background: #fff;
}

.bs-ua-address-table.bs-responsive-table tbody tr:nth-child(2n),
.bs-ua-address-table.bs-responsive-table tbody tr:nth-child(2n+1) {
    background: transparent;
}

.bs-ua-address-table td:last-child {
    font-weight: 400;
    text-align: left;
    padding-right: 8px;
}

.bs-ua-address-table tr:first-child td:first-child {
    border-top-left-radius: var(--borderstyle);
}

.bs-ua-address-table tr:first-child td:last-child {
    border-top-right-radius: var(--borderstyle);
}

.bs-ua-address-table tr:last-child td:first-child {
    border-bottom-left-radius: var(--borderstyle);
}

.bs-ua-address-table tr:last-child td:last-child {
    border-bottom-right-radius: var(--borderstyle);
}

.bs-ua-address-title {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: flex-end;
}

    .bs-ua-address-title .bs-icon-trash:before,
    .bs-ua-address-title .bs-icon-refresh:before {
        float: right;
        background: #f5f5f5;
        display: inline-flex;
        width: 30px;
        height: 30px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin-left: 4px;
        margin-right: 0;
    }

.bs-ua-address-title-text {
    margin-right: auto;
    font-weight: 600;
    color: var(--layoutcolor);
}

.bs-content-row {
    margin-top: 8px;
}

.bs-content-img-outer {
    position: relative;
}

.bs-content-img {
    width: 100%;
}

.bs-content-outer {
    position: relative;
}

.bs-footer-basehomedef {
    padding-bottom: 60px;
}

.bs-loginfooter-menu .bs-tm-center-space {
    display: none;
}

.bs-loginheader-menu-outer .bs-tm-center-space {
    order: 0;
}

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

.bs-loginregister-outer {
    margin-top: 16px;
}

.bs-accountbalance-table:not(:first-child) {
    margin-top: 16px;
    position: relative;
}

    .bs-accountbalance-table:not(:first-child):before {
        content: "";
        border-top: 1px dotted #919191;
        display: block;
        position: absolute;
        top: -8px;
        left: -8px;
        right: -8px;
    }

@media (max-width:1100px) {
    /*b2c class*/
    .bs-category-b2cmenu {
        display: none !important;
    }

    .bs-b2c-body #triple-banner .bs-banner-item {
        width: 100%;
        /*border-bottom: 1px solid #f4f8fb;*/
    }

    .bs-b2c-body .bs-footer-icons-outer span {
        border: 0;
    }

    .bs-b2c-menu {
        position: unset;
        width: unset;
        box-shadow: none;
    }
    /*b2c class end*/

    .bs-basket-proposal {
        display: flex;
    }
    #bs-menu .bs-menu-title {
        display: none;
    }

    .bs-tm-outer {
        display: none;
    }

    .bs-icon-menu-bar {
        content: "\f0c9";
        font-size: 22px;
        color: #2a2a2a;
        display: flex;
        align-items: center;
        /* width: 100%; */
        margin: 8px 4px 8px 0;
        width: 41px;
        height: 41px;
        background: #f5f5f5;
        justify-content: center;
        border-radius: var(--borderstyle);
    }

        .bs-icon-menu-bar:before {
            margin-right: 0;
        }

        .bs-icon-menu-bar:active {
            background: #eee;
            -webkit-transform: translateY(1px);
            transform: translateY(1px)
        }

    .bs-detailsearch-btn {
        display: none !important;
    }

    .bs-title-outer {
        top: 0;
    }

    .bs-banner-v2 {
        margin-right: 0;
    }

    .bs-menu-title {
        display: unset;
    }

    .bs-w-100-m {
        width: 100%;
    }

    .bs-divselect span {
        height: 45px;
    }

    .bs-user-i {
        font-size: 35px;
    }

    #divSepetB2BCount {
        height: 20px;
        left: inherit;
        right: -2px;
        top: -3px;
        font-size: 10px;
    }

    .top-menu-title:not(.d-none-v1):not(:last-child):after, .bs-dealermenu-outer:after {
        display: none;
    }

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

    .img-id.bs-img-icon .inner-popover {
        visibility: hidden !important;
    }

    .price-id .inner-popover {
        left: 8px;
        white-space: normal;
    }
    #bs-category-menu a.bs-icon-arrow-down:before {
        content: "";
    }
    .bs-opened-menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh !important;
        z-index: 50;
        background: #fff;
        overflow-y: auto;
    }


        .bs-opened-menu > .bs-child-menu {
            left: 0;
            visibility: visible !important;
        }

        .bs-opened-menu > .main-menu-title-all {
            display: flex !important;
        }

        .bs-opened-menu > .main-menu-title {
            background: #f7f7f7 !important;
            padding-left: 56px !important;
            border-bottom: 1px solid #eee;
            height: 56px !important;
        }

            .bs-opened-menu > .main-menu-title:after {
                left: 8px;
                right: inherit;
                display: inline-flex;
                width: 40px;
                height: 40px;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                background: #31A9B8;
                color: #fff !important;
                transform: rotate(180deg);
            }

    .bs-pos-unset {
        position: unset !important;
    }

    .bs-child-menu {
        visibility: hidden;
    }

    .bs-parrent-menu .main-menu-title:after,
    .bs-parrent-menu .menu-title::after {
        font-size: 18px;
    }

    .bs-empty-check {
        height: 27px;
        width: 27px;
    }

    .bs-rm-outer {
        padding-left: 34px;
        font-size: 14px;
        height: 45px;
        align-items: center;
    }

        .bs-rm-outer input[type=checkbox]:checked + i, .bs-rm-outer input[type=radio]:checked + i {
            width: 27px;
            height: 27px;
        }

            .bs-rm-outer input[type=checkbox]:checked + i::before, .bs-rm-outer input[type=radio]:checked + i::before {
                font-size: 20px;
                height: 27px;
                display: flex;
                align-items: center;
            }


    input[type=radio]:checked + i::before {
        font-size: 14px;
        top: 0px;
        left: 4px;
    }

    input[type=radio]:checked + i, input[type=radio] + i {
        width: 27px;
        height: 27px;
    }

    .hm-dsp-status {
        position: unset;
        visibility: visible !important;
        box-shadow: none;
        /*background: #fbfbfb;*/
    }


    #bs-category-body {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100vh;
    }

    .bs-arrow-position::after {
        transform: rotate(90deg);
        /*transition: .3s;*/
        color: #000 !important;
    }

    .bs-arrow-position + .main-menu-title-all {
        display: block !important;
    }

    .main-menu-title-all {
        text-transform: capitalize;
        /*text-decoration: underline;*/
        color: #31A9B8;
        font-weight: 600;
        padding: 0 8px;
        align-items: center;
        background: #fff;
        height: 50px;
        border-bottom: 1px solid #eee;
    }

        .main-menu-title-all:before {
            content: "\f148";
            font-family: FontAwesome;
            transform: rotate(90deg);
            display: inline-block;
            margin-right: 8px;
            font-size: 12px;
            color: #ddd;
        }

    .bs-parrent-menu .menu-parts-outer {
        padding: 0;
        flex: 0 0 100%;
        width: 100%;
    }

        .bs-parrent-menu .menu-parts-outer:last-child .menu-title {
            border-bottom: 0;
        }

    .bs-parrent-menu .menu-title {
        padding: 0 8px 0 16px;
        display: flex;
        align-items: center;
        height: 45px;
        border-bottom: 1px dashed #eee;
    }

        .bs-parrent-menu .menu-title::after {
            content: "\f105";
            position: absolute;
            right: 8px;
            color: #000;
            font-size: 18px;
            font-family: FontAwesome;
            font-weight: 300;
            /*transition: .3s;*/
        }

    .bs-parrent-menu {
        /*transition: 0s;*/
        /*border-bottom: 1px solid #eee;*/
        /*width:100%;*/
        height: 50px;
    }

        .bs-parrent-menu .menu-text {
            font-style: normal;
            font-size: inherit;
            font-weight: 600;
            padding: 9px 8px 9px 24px;
            border-bottom: 1px dashed #eee;
            background: #f7f7f7;
        }

            .bs-parrent-menu .menu-text:last-child {
                border: 0;
            }

    .bs-menu-tab-outer .bs-tab-link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bs-input-v1, .bs-select-v1, .bs-title, .bs-btn-v1, .bs-menu-tab-outer .bs-tab-link {
        height: 45px;
        font-size: 14px;
    }

    #bs-arrowtotop {
        width: 45px;
        height: 45px;
    }


    body {
        font-size: 14px !important;
        /*transition:.3s;*/
    }
    /*.bs-transform-mobile-bdy {
        transform: translate(260px, 0);
        transition: .3s;
    }*/

    .bs-logo {
        height: 45px;
        padding: 4px 0 4px 8px;
        margin: 6px 0;
        object-fit: contain;
    }

    .bs-mm-i {
        display: block
    }

    .g-hidden-md-down {
        display: none !important
    }

    .g-hidden-lg-up {
        display: flex !important
    }

    .bs-cmp-logo {
        order: 2;
        text-align: center;
        padding: 9px 0
    }

    .bs-master-input {
        order: 4;
        margin-bottom: 8px
    }

    .bs-user-and-basket {
        order: 3
    }

        .bs-user-and-basket > .row {
            width: inherit !important;
        }

    #bs-menu.bs-mobile-menu {
        display: none;
        padding: 0;
    }

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

    #bs-category-menu .bs-opened-menu > a:first-child {
        z-index: 1000;
        position: sticky;
        top: 0;
    }
            #bs-menu.bs-mobile-menu a:hover {
                background: #f7f7f7 !important
            }

            #bs-menu.bs-mobile-menu a:after {
                content: "\f105";
                font-family: FontAwesome;
                position: absolute;
                right: 16px;
                top: 18px;
                color: #374957;
                font-size: 14px;
            }

            #bs-menu.bs-mobile-menu a > i,
            #bs-category-menu 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-menu.bs-mobile-menu a span:nth-child(2),
            #bs-category-menu a span:nth-child(2) {
                position: absolute;
                left: 56px;
                text-transform: capitalize;
                letter-spacing: .4px;
                top: 3px;
                font-size: 19px;
            }

            #bs-menu.bs-mobile-menu a label,
            #bs-category-menu a label {
                bottom: 4px;
                top: unset;
                font-weight: 500;
                letter-spacing: .4px;
                color: #aaa;
                display: block !important;
                left: 56px;
                position: absolute;
                margin: 0;
                text-transform: capitalize;
                font-size: 14px;
            }

            #bs-category-menu a i {
                background: #31A9B8;
            }

            #bs-menu.bs-mobile-menu a span br {
                display: none
            }

            #bs-menu.bs-mobile-menu a:nth-child(1) i {
            background: #003e67
        }
        #bs-menu.bs-mobile-menu a:nth-child(2) i {
            background: #000B29
        }
        #bs-menu.bs-mobile-menu a:nth-child(3) i {
            background: #D70026
        }
        #bs-menu.bs-mobile-menu a:nth-child(4) i {
            background: #000B29
        }
        #bs-menu.bs-mobile-menu a:nth-child(5) i {
            background: #D70026
        }



        #bs-menu.bs-mobile-menu a:nth-child(6) i {
            background: #A10115
        }
        #bs-menu.bs-mobile-menu a:nth-child(7) i {
            background: #f68b69
        }
        #bs-menu.bs-mobile-menu a:nth-child(8) i {
            background: #D72C16
        }

        #bs-menu.bs-mobile-menu a:nth-child(9) i {
            background: #00293C
        }

        #bs-menu.bs-mobile-menu a:nth-child(10) i {
            background: #D09683
        }

        #bs-menu.bs-mobile-menu a:nth-child(11) i {
            background: #31A9B8
        }

        #bs-menu.bs-mobile-menu a:nth-child(12) i {
            background: #011A27
        }

        #bs-menu.bs-mobile-menu a:nth-child(13) i {
            background: #4B7447
        }

        #bs-menu.bs-mobile-menu a:nth-child(14) i {
            background: #063852
        }

        #bs-menu.bs-mobile-menu a:nth-child(15) i {
            background: #d32747
        }

        #bs-menu.bs-mobile-menu a:nth-child(16) i {
            background: #00ceb9
        }

        #bs-menu.bs-mobile-menu a:nth-child(17) i {
            background: #16235A
        }

        #bs-menu.bs-mobile-menu a:nth-child(18) i {
            background: #2A3457
        }

        #bs-menu.bs-mobile-menu a:nth-child(19) i {
            background: #2A3457
        }

        #bs-menu.bs-mobile-menu a:nth-child(20) i {
            background: #33759b
        }

        #bs-menu.bs-mobile-menu a:nth-child(21) i {
            background: #ac3911;
        }

        #bs-menu.bs-mobile-menu a:nth-child(22) i {
            background: #2c5e8f;
        }

        #bs-menu.bs-mobile-menu a:nth-child(23) i {
            background: #f0810f;
        }

        #bs-menu.bs-mobile-menu a:nth-child(24) i {
            background: #b40ff0;
        }

            #bs-menu.bs-mobile-menu a.bs-mm-i i {
                background: #ddd
            }


    .bs-dealer-menu-tab,
    .bs-category-menu-tab {
        display: block;
        margin-top: 0 !important;
        background: #f7f7f7;
    }
    .bs-header-menu-tab {
        display: block;
    }

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

    .opened .main-menu-title {
        background: #f7f7f7;
        border-bottom: 1px solid #eee;
        padding-left: 46px !important;
    }

        .opened .main-menu-title:after {
            left: 8px;
            right: inherit;
            display: inline-flex;
            width: 30px;
            height: 30px;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background: #31A9B8;
            color: #fff !important;
            transform: rotate(180deg);
        }

    .bs-category-close:hover {
        background: #f2f2f2 !important;
    }

    .bs-sm-outer {
        padding: 0 !important;
        position: unset;
    }

    .bs-user-title, .bs-user-value {
        display: none
    }

    .bs-user {
        border: 0;
        width: auto;
        margin-left: 0px;
    }

    .bs-pr-0-m {
        padding-right: 0 !important
    }

    .bs-mt-8-m {
        margin-top: 8px !important
    }

    /*#detail-search {
        display: none
    }*/


    #bs-category-menu {
        position: absolute;
        z-index: 700;
        width: 75%;
        top: 0;
        height: 100%;
        background: #eee;
        border-right: 1px solid #eee;
        box-shadow: 2000px 0px 0px 2000px #0009;
        font-size: 14px;
        overflow: hidden;
    }

    .menu-iconic.menu-dark-iconic a {
        border: 0;
    }

    .bs-parrent-menu .main-menu-title {
        padding: 0 8px;
        height: 50px;
        display: flex;
        align-items: center;
        color: var(--layoutcolor);
        background: #fff;
        border-bottom: 1px solid #eee;
        position: relative;
        font-weight: 600;
    }

        .bs-parrent-menu .main-menu-title:after {
            content: "\f105";
            position: absolute;
            right: 16px;
            color: #000;
            color: var(--layoutcolor);
            font-family: FontAwesome;
            font-size: 14px;
            font-weight: 300;
        }

        .bs-parrent-menu .main-menu-title img {
            margin-right: 4px;
        }

    .bs-filter-title {
        display: unset;
    }

    .bs-transform-mobile-bdy {
        overflow: hidden;
    }

    /*ortak mobile banner*/
    .bs-banner-model-v2.bs-banner-mobile-quantity-1 .bs-banner-item {
        -ms-flex: 0 0 calc(100% - 16px) !important;
        flex: 0 0 calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-2 .bs-banner-item {
        -ms-flex: 0 0 calc(50% - 16px) !important;
        flex: 0 0 calc(50% - 16px) !important;
        max-width: calc(50% - 16px) !important;
    }

    .bs-banner-model-v2.bs-banner-mobile-quantity-3 .bs-banner-item {
        -ms-flex: 0 0 calc(33.333333% - 16px) !important;
        flex: 0 0 calc(33.333333% - 16px) !important;
        max-width: calc(33.333333% - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-4 .bs-banner-item {
        -ms-flex: 0 0 calc(25% - 16px) !important;
        flex: 0 0 calc(25% - 16px) !important;
        max-width: calc(25% - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-5 .bs-banner-item {
        -ms-flex: 0 0 calc(20% - 16px) !important;
        flex: 0 0 calc(20% - 16px) !important;
        max-width: calc(20% - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-6 .bs-banner-item {
        -ms-flex: 0 0 calc(calc(100%/6) - 16px) !important;
        flex: 0 0 calc(calc(100%/6) - 16px) !important;
        max-width: calc(calc(100%/6) - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-7 .bs-banner-item {
        -ms-flex: 0 0 calc(calc(100%/7) - 16px) !important;
        flex: 0 0 calc(calc(100%/7) - 16px) !important;
        max-width: calc(calc(100%/7) - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-8 .bs-banner-item {
        -ms-flex: 0 0 calc(calc(100%/8) - 16px) !important;
        flex: 0 0 calc(calc(100%/8) - 16px) !important;
        max-width: calc(calc(100%/8) - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-9 .bs-banner-item {
        -ms-flex: 0 0 calc(calc(100%/9) - 16px) !important;
        flex: 0 0 calc(calc(100%/9) - 16px) !important;
        max-width: calc(calc(100%/9) - 16px) !important;
    }
    .bs-banner-model-v2.bs-banner-mobile-quantity-10 .bs-banner-item {
        -ms-flex: 0 0 calc(calc(100%/10) - 16px) !important;
        flex: 0 0 calc(calc(100%/10) - 16px) !important;
        max-width: calc(calc(100%/10) - 16px) !important;
    }
    /*ortak mobile banner end*/

    .bs-footermenu-outer > .bs-parrent-menu {
        height: unset;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 24px;
    }

    .bs-footermenu-outer .bs-parrent-menu .bs-child-menu {
        visibility: visible;
    }

    .bs-footermenu-outer .bs-parrent-menu .main-menu-title {
        background: transparent;
        border-bottom: 0;
        padding: 0;
        font-weight: 400;
    }

        .bs-footermenu-outer .bs-parrent-menu .main-menu-title:after {
            display: none;
        }

    .bs-footermenu-outer > .bs-parrent-menu > .main-menu-title {
        font-weight: 600 !important;
    }
    .bs-loginheader-menu-outer {
        display:none;
    }
    .bs-callcenter-outer img {
        order:1;
    }
    .bs-callcenter-outer label {
        order:2;
    }
    #footer_value .bs-logo {
        padding-left: 0;
    }

    .bs-copyright-img-outer {
        height: 40px;
        margin-bottom: 8px;
    }
    .bs-paymentsystems {
        margin: 8px 0;
    }
    .bs-mobiledesktop-menu a {
        background-color: var(--layoutcolor);
        color: #fff;
    }
    .bs-mobiledesktop-menu .row {
        justify-content: center;
    }
    .bs-mobiledesktop-menu .bs-welcome-customer {
        margin-top: 4px;
    }
}

.detail-btn {
    color: #000 !important;
    color: var(--layoutcolor) !important;
    text-decoration: underline;
}

.other-detail-btn {
    color: #35abe3 !important;
    text-decoration: underline;
}

.btnPrint {
    position: sticky;
    justify-content: center;
    display: flex;
    /* width: 100%; */
    bottom: 0px;
    background: #fff;
    /*border-top: 1px dashed #ddd;*/
    height: 45px;
    text-transform: uppercase;
    font-size: 14px;
}

    .btnPrint span {
        display: inline-flex;
        align-items: center;
        font-weight: 500;
        border: 1px solid #e1e1e1;
        border-radius: 20px;
        /*background: #fbfbfb;*/
        /*margin: 8px 0 0 0;*/
        width: 100%;
        justify-content: center;
        color: #31A9B8;
    }

        .btnPrint span:before {
            content: "\f02f";
            font-family: FontAwesome;
            font-size: 20px;
            margin-right: 7px;
        }


#detail-ps i {
    font-family: inherit
}

/*.bs-copyright-outer {
    border-top: 1px solid #eee;
    padding: 8px 0;
}*/

.bs-copyright-img-outer {
    height: 30px;
}

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

#list-view-icon {
    display: none !important;
}