﻿:root {
  touch-action: pan-x pan-y;
  height: 100% 
}
container {
    width: 100%;
    padding: 0 30px;
}

.box,
.col {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

button, a {
    cursor: pointer;
}

.fade:not(.show) {
    opacity: 0;
}

.CurLang {
    display: flex;
    justify-content: flex-end;
}

.currencySection {
    margin-right: 15px;
}

.CurLang .Title {
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
}

span.langImg img {
    padding: 5px;
    margin-top: 3px;
}

span.langImgList img {
    padding-right: 5px;
    padding-top: 1px;
}

.CurLang .Title + ul {
    display: none;
}

.langSection .Content > .Title:after, .currencySection .Content > .Title:after {
    width: 8px;
    filter: invert(10);
    height: 20px;
    background: url(../Images/arrow.svg) center center no-repeat;
    display: flex;
    content: '';
    margin-left: 5px;
    background-size: 15px;
    color: #453c3c;
}

.langSection, .currencySection {
    position: relative;
}

    .langSection:hover ul li a, .currencySection:hover ul li a {
        color: #000;
        padding: 5px;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        font-size: 12px;
        border-bottom: solid 1px #cfcccc;
    }

    .langSection:hover ul li:last-child a, .currencySection:hover ul li:last-child a {
        border: none;
    }

    .langSection:hover ul li a:hover, .currencySection:hover ul li a:hover {
        background: #676161;
        color: #fff;
        transition: all .4s;
    }

    .langSection:hover ul, .currencySection:hover ul {
        display: flex;
        position: absolute;
        flex-direction: column;
        width: 100px;
        right: 0;
        top: 100%;
        z-index: 99999;
        background: #fff;
        -webkit-box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 30%);
        -moz-box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 30%);
        border: 1px solid #e2e6eb;
        border-radius: 3px;
    }


.loading {
    font-family: Campton, Roboto, Arial;
    font-size: 12pt;
    display: none;
    z-index: 9999;
    position: fixed;
    color: #fff;
    height: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-width: 150px;
    width: 100%
}

img#loadImage {
    width: 40px;
}

#headerTop {
    text-align: center;
    background-color: #000000;
    transition: all .4s;
    height: 35px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}


    #headerTop .row {
        align-items: center;
    }

        #headerTop .row > ul {
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

            #headerTop .row > ul li {
                font-size: 12px;
                padding-right: 10px;
            }

                #headerTop .row > ul li a {
                    color: #fff;
                }

div#userBox {
    width: 150px;
    position: absolute;
    z-index: 999;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 30%);
    border: 1px solid #e2e6eb;
    border-radius: 3px;
    display: none;
}

    div#userBox.active {
        right: 0;
        display: block;
    }

    div#userBox .dropdown-header .title {
        padding: 0 15px;
        color: #212121;
        font-weight: 600;
        border-bottom: 1px solid #e2e6eb;
        width: 100%;
        box-sizing: border-box;
        font-size: 13px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div#userBox .dropdown-menu-contents {
        padding: 10px;
        box-sizing: border-box;
    }

        div#userBox .dropdown-menu-contents a {
            display: flex;
            width: 100%;
            font-size: 13px;
            margin: 5px 0;
            padding: 5px 0;
            border-bottom: 1px solid #e2e6eb;
            color: #000;
            transition: all .4s;
        }

            div#userBox .dropdown-menu-contents a:hover {
                padding-left: 15px;
            }

.divMobile {
    display: none;
    border-bottom: solid 1px #cfcccc;
    padding: 10px;
}

.twobyone, .parallax-bg1 {
    margin-top: calc(2% - 10px);
}

.parallax-bg1 {
    padding: 0 10px
}

.BannerMobile {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .twobyone {
        margin-top: calc(5% - 10px);
    }

    li.viewOne, li.viewTwo, .divMobile {
        display: block !important;
    }

    #headerTop > div > div > ul, #headerTop .CurLang {
        display: none !important;
    }

    #headerTop > div > div > div.col.col-4.bullHorn {
        width: 100% !important;
    }

    div#userBox {
        width: 270px;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 999;
        border-radius: 0;
        display: block;
        right: -100%;
        transition: all .4s;
    }

    .userBoxOverlay.active {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: #00000060;
        z-index: 998;
    }

    #ModalAddToCart .modal-dialog {
        max-width: 100%;
        min-width: unset;
    }

    #ModalAddToCart img.img-fluid {
        display: none;
    }

    .text-center > .form-group.justify-content-center {
        display: none;
    }

    .BannerWindows {
        display: none !important;
    }

    .BannerMobile {
        display: block !important;
    }

    #productLeft .image-wrapper {
        padding-bottom: 150%;
    }

    div#NewAddressModal {
        z-index: 99999;
    }
}
/* Cart Popup*/
#cartPopup, #UserPopup, #MobileMenu {
    right: -105%;
    position: fixed;
    height: 100%;
    max-height: 100%;
    width: 400px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -5px 0px 15px #043c5529;
    opacity: 1;
    border: none;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 0;
    z-index: 9999;
    flex-direction: column;
    top: 0;
    transition: all .4s;
}

#MobileMenu {
    right: auto;
    left: 0;
    max-width: 300px;
}

#cartPopupOverlay, #UserPopupOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0000008c;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
    cursor: pointer;
}
.field-validation-error {
    color: red;
}


#cartPopup.active, #cartPopup.active + #cartPopupOverlay, #UserPopup.active, #UserPopup.active + #UserPopupOverlay, #MobileMenu.active, #MobileMenu.active + #MobileMenuOverlay {
    right: 0;
    display: flex;
}

#cartPopup .closeCartPopup, #UserPopup .closeUserPopup {
    padding: 0 10px;
    box-sizing: border-box;
}

    #cartPopup .closeCartPopup span, #UserPopup .closeUserPopup span {
        background: #000;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 100%;
        cursor: pointer;
    }

#cartPopup .panelPopupTitle {
    text-align: center;
    margin-bottom: 30px;
}

    #cartPopup .panelPopupTitle .MainTitle {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 1;
        color: #202020;
        margin-top: 10px;
    }

    #cartPopup .panelPopupTitle .SubTitle {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1;
        text-align: center;
        color: #202020;
        margin-top: 10px;
    }

#cartPopup .panelPopupButtons {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 65px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    #cartPopup .panelPopupButtons button:last-child {
        text-transform: capitalize;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #149350;
        border-radius: 5px;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        color: #FFFFFF;
        width: 45%;
        text-align: center;
        border: none;
        outline: none;
        text-transform: uppercase;
    }

    #cartPopup .panelPopupButtons button:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        text-transform: uppercase;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        text-decoration-line: underline;
        color: #202020;
        width: 45%;
        box-sizing: border-box;
        border: none;
        height: 55px;
    }

#cartPopup .panelPopupInfo {
    background: white;
    position: absolute;
    bottom: 80px;
    left: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
}

#cartPopup .panelPopupItem {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

    #cartPopup .panelPopupItem .Title {
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 0.03em;
        color: #202020;
        height: 30px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    #cartPopup .panelPopupItem .VariantQty {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #cartPopup .panelPopupItem .VariantQty {
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0.03em;
        color: #5A6670;
        text-align: center;
    }


    #cartPopup .panelPopupItem .price .oldPrice {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.03em;
        text-decoration-line: line-through;
        color: #5A6670;
    }

    #cartPopup .panelPopupItem .price .mainPrice {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.03em;
        color: #202020;
    }

    #cartPopup .panelPopupItem button.deleteCartItem {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        outline: none;
        border: none;
        background: transparent;
        color: red;
        justify-content: center;
    }

#cartPopup .panelPopupInfo .Item .text-left {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #202020;
}

#cartPopup .panelPopupInfo .Item {
    margin: 10px 0;
}

    #cartPopup .panelPopupInfo .Item .text-right {
        font-weight: 600;
        font-size: 15px;
        line-height: 16px;
        text-align: right;
        letter-spacing: 0.03em;
        color: #202020;
    }


#cartPopup .Item .text-right.R {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0.03em;
    color: #202020;
}

/*Footer*/

footer#MainFooter {
    padding: 45px 0 0 0;
    border-top: solid .1px #212121;
    background: #212121;
    margin-top: 2%;
}

    footer#MainFooter #Top {
        display: flex;
        align-items: center;
    }

        footer#MainFooter #Top .Title {
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 10px;
        }

        footer#MainFooter #Top div#NewsLetter input {
            width: calc(100% - 55px);
            height: 40px;
            border: 1px solid #ddd;
            margin-right: 5px;
            padding: 5px 10px;
            box-sizing: border-box;
            float: left;
        }

        footer#MainFooter #Top div#NewsLetter button {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            color: #fff;
            justify-content: center;
            /* float: right; */
            background: transparent;
            border: solid 1px #dddddd;
        }

        footer#MainFooter #Top div#NewsLetter {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            padding: 0 40px;
            box-sizing: border-box;
        }

div#Social ul {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}


    div#Social ul li a {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

#Copyright {
    font-size: 12px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-top: solid 1px #dddddd;
    color: #fff;
    padding: 5px;
}

    #Copyright .Second {
        display: flex;
        justify-content: right;
    }

    #Copyright .Third a {
        color: #28a745;
    }

    #Copyright .box img {
        width: 40px;
        height: 40px;
        /* padding: 0px; */
    }

#Link {
    margin: 50px 0;
    float: left;
    width: 100%;
}

    #Link h5 {
        font-size: .86rem;
        color: #fff;
        font-weight: 500;
        font-style: normal;
        border-bottom: solid 1px #dddddd;
        margin: 0px 0 5px 0;
        padding: 10px 0;
        -webkit-appearance: none;
        /* font-family: AktivGrotesk,sans-serif; */
    }

    #Link ul li a {
        display: flex;
        width: 100%;
        margin-bottom: 5px;
        font-size: 12px;
        color: #fff;
        font-weight: 400;
    }

@media screen and (min-width: 769px) {

    .container.Mini {
        width: 800px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {

    .container.Mini {
        float: left;
        width: 100%;
    }
}

#ipazaar-eticaret {
    font-size: 12px;
    color: #3b3734;
    text-align: center;
    display: flex;
    justify-content: center;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 10px 0;
    height: 40px;
    border-top: solid 1px #dad9d9;
    background: #f5f5f5;
}

.eticaretlogo > img {
    margin-top: -5%;
}

.eticaretsys {
    font-weight: 800 !important;
    color: #000;
    margin-left: 5px;
    margin-right: 3px;
}

@media screen and (max-width: 768px) {
    footer#MainFooter #Top {
        flex-wrap: wrap;
        margin: 0;
    }

        footer#MainFooter #Top div#NewsLetter {
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
        }

        footer#MainFooter #Top #Social {
            width: 100%;
        }

    #Link.row {
        display: block;
    }

    #Top > div:nth-child(1) {
        display: flex;
        justify-content: center;
    }

    #Link h5 + ul {
        display: none;
    }

    #Link h5::After {
        width: 20px;
        height: 20px;
        background: url(../Images/arrow.svg) center center no-repeat;
        position: absolute;
        content: '';
        display: flex;
        right: 10px;
        top: calc(50% - 10px);
        background-size: 20px;
        filter: brightness(0) invert(1);
        -webkit-appearance: none;
    }

    #Link h5 {
        position: relative;
        font-size: 12px;
    }

        #Link h5.active::After {
            transform: rotate(180deg);
        }

    #Copyright {
        display: flex;
        border-top: none;
    }

        #Copyright.row {
            flex-wrap: wrap;
        }

        #Copyright .First {
            width: 100%;
            text-align: center;
            order: 2;
        }

        #Copyright .Second {
            width: 100%;
            justify-content: center;
            order: 1;
        }
}
/*---------------------Mobil Menü------------------------*/

.mobile-menu {
    background: #e0e0e0;
    height: 100%;
    width: calc(100% - 125px);
    padding: 20px;
    position: fixed;
    left: -100%;
    transition: all .4s;
    top: 0;
    bottom: 0;
}

    .mobile-menu.show {
        left: 0;
        z-index: 99999;
    }

    .mobile-menu .mobile-menu-close {
        height: 50px;
        width: 50px;
        background: #333;
        position: absolute;
        right: -50px;
        top: 0px;
    }

        .mobile-menu .mobile-menu-close > img {
            width: 50px;
        }

.mobile-menu-slogan {
    height: 150px;
    width: 100%;
    display: flex;
    background: #000;
    margin: 25px 0;
}

.mobile-menu-inner > ul > li, .mobile-menu-wrap-inner > ul > li {
    height: 45px;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mobile-menu-inner > ul > li img, .mobile-menu-wrap-inner > ul > li img {
        height: 30px;
        width: 30px;
    }


.mobile-menu-wrap {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .4s;
    right: -100%;
    background-color: #e0e0e0;
}

.mobile-menu-inner {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.mobile-menu-wrap.show {
    right: 0;
    transition: all .4s;
}

.mobile-menu-other ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    color: #000;
    margin: 10px 0;
    font-size: 12px;
}

    .mobile-menu-other ul li a img {
        max-height: 20px;
        max-width: 20px;
        margin-right: 10px;
    }

.mobile-menu-back-home, .mobile-menu-back-home-2 {
    height: 65px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #0000004f;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

    .mobile-menu-back-home img, .mobile-menu-back-home-2 img {
        height: 25px;
        width: 25px;
        margin-right: 15px;
    }

.mobile-menu-wrap-title {
    font-size: 14px;
    font-weight: 600;
}

.mobile-menu-wrap-inner ul {
    height: 100%;
}

    .mobile-menu-wrap-inner ul li {
        margin: 10px 10px;
    }

        .mobile-menu-wrap-inner ul li a, .mobile-menu-wrap-inner ul li {
            display: flex;
            align-items: center;
            height: 35px;
            text-decoration: none;
            color: #000;
        }

            .mobile-menu-wrap-inner ul li a img {
                height: 60px;
                width: 60px;
                margin-right: 10px;
            }

            .mobile-menu-wrap-inner ul li a span, .mobile-menu-wrap-inner ul li span {
                text-decoration: none;
                font-weight: 500;
                font-size: 14px;
                color: #000;
            }

.mobile-menu-wrap-inner-2 {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .4s;
    right: -100%;
    background-color: #e0e0e0;
}

    .mobile-menu-wrap-inner-2.show {
        right: 0;
        transition: all .4s;
    }

    .mobile-menu-wrap-inner-2 ul li a {
        /* font-weight: 600; */
    }

#FirstMenu > ul > li {
    font-weight: 600;
}
/*-------------- Category --------------*/

div#filterSection {
    position: fixed;
    background: #fff;
    height: 100%;
    width: 280px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 95;
    transform: translateX(-100%);
    opacity: 0;
    transition: all .35s ease-in-out;
    z-index: 9999;
    pading: 20px;
    box-sizing: border-box;
}

    div#filterSection.active {
        transform: translateX(0);
        opacity: 1;
        overflow-y: auto;
        overflow-x: hidden;
    }

        div#filterSection.active::-webkit-scrollbar, #MobileMenu ul.Main::-webkit-scrollbar {
            width: 0px;
        }

        div#filterSection.active::-webkit-scrollbar-track, #MobileMenu ul.Main::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            border-radius: 10px;
        }

        div#filterSection.active::-webkit-scrollbar-thumb, #MobileMenu ul.Main::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        }

/*Filter*/
.closeAllFilters {
    margin: 0 0 8px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    background-color: #676161;
    border-color: #676161;
    box-shadow: none;
    text-shadow: none;
    outline: none;
    border-image: none;
    border-style: none;
    border-radius: 4px;
    opacity: 1 !important;
    width: 100%;
    position: relative;
    cursor: pointer;
    top: unset;
    right: unset;
    height: 34px;
    display: none;
}

#ajaxfilter-form {
    margin-bottom: 8px;
}

.clearAllfilters {
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 5px;
    margin-bottom: 15px;
    color: #fff;
    background-color: #676161;
    border-color: #676161;
    box-shadow: none;
    outline: none;
    border-image: none;
    border-style: none;
    border-radius: 4px;
    animation-name: filter-anim;
    animation-duration: .3s;
    animation-timing-function: ease;
    height: 34px;
    display: none;
}

#price-filter-section .filter-section, #manufacturers-filter-section .filter-section {
    border-bottom: 0;
}

.filter-section {
    text-align: left;
    margin: auto;
    padding: 0;
}

    .filter-section .title {
        font-size: 16px;
        font-weight: 500;
        color: #000;
        cursor: pointer;
        width: 100%;
        margin-top: 20px;
        display: flex;
        height: 22px;
        align-items: center;
    }

.ajaxfilter-section > ul > li > label > span {
    float: right;
    margin-right: 15px;
}

.ajaxfilter-section > ul > li {
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 5px;
}

.ajaxfilter-section {
    font-size: 13px;
    padding: 0;
    line-height: 18px;
    margin: 0;
    border-color: #000;
    display: grid;
}

.ajaxfilter-price-range-section {
    line-height: 10px;
    padding-top: 5px;
    font-size: 14px;
}

#specification-filter-section .filter-section .title,
#attribute-filter-section .filter-section .title {
    position: relative;
    border-bottom: solid 1px #b6b6b657;
}

    #specification-filter-section .filter-section .title::After,
    #attribute-filter-section .filter-section .title::After {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 10px;
        top: calc(50% - 10px);
        content: '';
        background: url(../Images/arrow.svg) center center no-repeat;
        transition: all .4s;
    }

    #specification-filter-section .filter-section .title + .scrollbar,
    #attribute-filter-section .filter-section .title + .scrollbar {
        display: none;
    }

    #specification-filter-section .filter-section .title.active::After,
    #attribute-filter-section .filter-section .title.active::After {
        transform: rotate(180deg);
    }

.ajaxfilter-title {
    font-size: 14px;
}

.scrollbar ul > li:first-child {
    margin-top: 10px;
}

.scrollbar ul > li:last-child {
    margin-bottom: 10px;
}

#slider-range {
    border: 0;
    top: 0;
    left: 0px;
    cursor: pointer;
    position: relative;
    height: 4px;
    margin: 25px 17px 15px 10px;
    background-color: #2d3a53;
}

    #slider-range .ui-slider-range {
        background: #2d3a53;
        top: 0px;
        height: 4px;
        position: absolute;
    }

    #slider-range .ui-slider-handle {
        border: 0;
        outline: 0;
        cursor: pointer;
        background: #2d3a53;
        border-radius: 100%;
        height: 15px;
        top: -6px;
        width: 15px;
        position: absolute;
    }

#price-current-min {
    width: 60px;
    border: 1px solid #dae2e6;
    text-align: center;
    float: left;
    font-size: 14px;
    height: 24px;
}

#price-current-max {
    width: 60px;
    border: 1px solid #dae2e6;
    text-align: center;
    float: right;
    font-size: 14px;
    height: 24px;
}

.clearHolder {
    width: 100%;
    text-align: center;
    position: relative;
    bottom: 17px;
    font-size: 12px;
    display: none;
}

.ajaxfilter-price-section input {
    padding: 0;
}


.scrollbar {
    top: 20px;
    max-height: 500px;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
    border-bottom: solid 1px #dfdfdf;
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

#style-1::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #4fcbea
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

#style-2::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #4fcbea
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 #2d3a53;
    border-radius: 10px;
    background-color: #f5f5f5
}

#style-3::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

#style-3::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2d3a53
}

.category-page .categoryGrid {
    overflow: initial;
}

.categoryGrid .flex-grid.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
}

.list-title .h6 {
    font-size: 14px;
    margin-top: 2%;
}

    .list-title .h6 a {
        color: #838080;
    }

#filterSection.active + #filterSectionOverlay {
    display: flex;
    width: 100%;
    height: 100%;
    background: #0b0b0ba3;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
}

.result.text-white {
    color: red !important;
}

#Katalog .container {
    padding: 0;
}

#productSection .CategoryTop {
    margin-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(181, 194, 207, 0.5);
    border-radius: 6px;
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    #productSection .CategoryTop .Action {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        #productSection .CategoryTop .Action > ul {
            display: flex;
        }

        #productSection .CategoryTop .Action select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: flex;
            padding: 5px 15px;
            font-size: 14px;
            line-height: 1.75;
            color: #000;
            border: 1px solid #dfdfdf;
            cursor: pointer;
            height: 40px;
            max-width: 200px;
            border-radius: 3px;
            background: url(../Images/arrow.svg) calc(100% - 20px) center no-repeat;
        }

select.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.75;
    color: #000;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    height: 39px;
    /* max-width: 200px; */
    border-radius: 3px;
    background: url(../Images/arrow.svg) calc(100% - 20px) center no-repeat;
}

button#FilterButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.75;
    color: #000;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    height: 40px;
    max-width: 200px;
    border-radius: 3px;
}

select.custom-select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.75;
    color: #000;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    height: 39px;
    border-radius: 3px;
    margin-top: 5px;
}


.zipcode.form-control {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.75;
    color: #000;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    height: 40px;
    border-radius: 3px;
    margin-top: 5px;
}

select#item_ReturnRequestReasonId {
    width: calc(100% - 20px);
    font-size: 12px;
}

#productSection .CategoryTop span.CateName {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.07em;
    color: #464646;
    border-right: solid 2px #000;
    padding-right: 10px;
    margin-right: 10px;
    box-sizing: border-box;
}

#productSection .CategoryTop span.CateOunt {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.07em;
    color: #8f9fb0;
}

#productSection .CategoryTop .Action > ul li {
    padding: 5px;
    box-sizing: border-box;
    margin-left: 10px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid rgba(181, 194, 207, 0.5);
    cursor: pointer;
    transition: all .4s;
    color: #2e3a53;
}

    #productSection .CategoryTop .Action > ul li.active, #productSection .CategoryTop .Action > ul li:hover {
        background: #000;
        color: #fff;
        border-color: #000;
        transition: all .4s;
    }

select#products-orderby {
    order: 2;
}

.viewGrid {
    order: 3;
}

button#FilterButton {
    order: 1;
    appearance: none;
    display: flex;
    margin-right: 3%;
    padding: 8px 30px;
    font-size: 14px;
    color: #000;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    height: 40px;
    max-width: 200px;
    background: url(../Images/filter.svg) 9% center no-repeat;
    background-size: 20px;
    border-radius: 3px;
}

.countProductSection {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 2%;
    font-size: 14px;
}

.ajax-products {
    position: relative;
}

.productItem {
    margin-bottom: 0px;
}

    .productItem .productItemBottom {
        padding: 10px 0;
    }

        .productItem .productItemBottom .productItemDetail {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

            .productItem .productItemBottom .productItemDetail .productName {
                color: #292929;
                font-size: 12px;
                font-weight: 500;
                width: calc(100% - 20px);
                -webkit-line-clamp: 2;
                /* height: 30px; */
                line-height: 15px;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-box;
                display: box;
            }

            .productItem .productItemBottom .productItemDetail > button {
                height: 30px;
                padding: 0;
                width: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
                border: none;
                outline: none;
                cursor: pointer;
                transition: all .4s;
            }

                .productItem .productItemBottom .productItemDetail > button:hover {
                    background: #2d3a53;
                    color: #fff;
                }

        .productItem .productItemBottom .priceSection {
            display: flex;
            align-items: center;
            min-height: 50px;
            justify-content: center;
        }

            .productItem .productItemBottom .priceSection .productPrice {
                display: flex;
                flex-direction: column;
            }

                .productItem .productItemBottom .priceSection .productPrice .newPrice {
                    font-size: 16px;
                    font-weight: 500;
                    color: #000000;
                    justify-content: center;
                    display: flex;
                }

                    .productItem .productItemBottom .priceSection .productPrice .newPrice.active {
                        justify-content: flex-start;
                    }

                    .productItem .productItemBottom .priceSection .productPrice .newPrice.active {
                        color: #ea8e44;
                        font-weight: 600;
                    }

                .productItem .productItemBottom .priceSection .productPrice .oldPrice {
                    text-decoration: line-through;
                    font-size: 14px;
                    font-weight: 400;
                    color: #898685;
                    text-align: left;
                }

#Katalog .productItem .campaignSection, .alsoProduct .productItem .campaignSection, .relatedProduct .productItem .campaignSection, .crossCellProduct .productItem .campaignSection {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

    #Katalog .productItem .campaignSection > span, .alsoProduct .productItem .campaignSection > span, .relatedProduct .productItem .campaignSection > span, .crossCellProduct .productItem .campaignSection > span {
        width: 120px;
        text-align: center;
        border: solid 1px #ea8e44;
        padding: 5px;
        font-size: 15px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #Katalog .productItem .campaignSection > span.campaignName, .alsoProduct .productItem .campaignSection > span.campaignName, .relatedProduct .productItem .campaignSection > span.campaignName, .crossCellProduct .productItem .campaignSection > span.campaignName {
            font-size: 11px;
            border-radius: 10px 10px 0 0;
            border-bottom: none;
            padding-bottom: 0
        }

        #Katalog .productItem .campaignSection > span.campaignPrice, .alsoProduct .productItem .campaignSection > span.campaignPrice, .relatedProduct .productItem .campaignSection > span.campaignPrice, .crossCellProduct .productItem .campaignSection > span.campaignPrice {
            border-radius: 0 0 10px 10px;
            border-top: none;
            color: #ea8e44;
            padding-top: 0;
            font-weight: 600;
        }

#Katalog .image-wrapper:hover .stImage {
    display: none;
    transition: all 0.4s;
}

#Katalog .image-wrapper:hover .ndImage {
    display: block !important;
    transition: all 0.4s;
}

#Katalog .image-wrapper .stImage {
    transition: all 0.4s;
}

button#fastLook {
    color: #fff;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    position: absolute;
    bottom: -100%;
    transition: all .2s;
    cursor: pointer;
    display: none;
}

    button#fastLook i {
        margin-right: 10px;
    }

.productItem .productInner .productItemTop {
    position: relative;
    overflow: hidden;
}

    .productItem .productInner .productItemTop:hover
    button#fastLook {
        bottom: 0;
    }

.ndImage {
    display: none !important;
}


.image-wrapper {
    padding-bottom: 150%;
    position: relative;
    overflow: hidden;
}

span.imgInner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    transition: all .4s;
}

    span.imgInner > picture {
        width: 100%;
    }

span.productDiscount {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 10px;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    background: #f90000;
    width: 35px;
    height: 35px;
    color: #fff;
    border-radius: 100%;
    box-sizing: border-box;
}

span.out-of-stock {
    background: #0d1b2bbf;
    width: 100% !important;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(60% - 55px);
    /* left: 16%; */
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 5px;
    font-size: 14px;
}
/*ProductBoxOtherColor*/

.boxOtherColor > #otherColor {
    display: flex;
    justify-content: flex-start;
}

    .boxOtherColor > #otherColor img {
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border-radius: 50%;
        object-fit: none;
        border: solid 1px #858282;
    }

    .boxOtherColor > #otherColor > li {
        padding-right: 5px;
    }
/*smugLightBox*/
body.LightBox {
    overflow: hidden;
}

.smugLightBox {
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    flex-direction: column;
    opacity: 0;
    z-index: -9999999999;
}

    .smugLightBox.active {
        opacity: 1;
        z-index: 999;
    }

.smugCloseLightBox {
    position: absolute;
    top: 0;
    right: 0;
}

.mainLightBox .Item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.smugLightBox .thumbLightBox {
    position: absolute;
    z-index: 999;
    width: 200px;
    right: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .smugLightBox .thumbLightBox .slick-list.draggable, .thumbImage .slick-list.draggable {
        display: flex;
        align-items: center;
    }

    .smugLightBox .thumbLightBox .Item {
        cursor: pointer;
    }

.smugCloseLightBox .container {
    display: flex;
    justify-content: flex-end;
    position: relative;
    height: 50px;
}

.smugLightBox .smugCloseLightBox span {
    background: url('../Images/cancel.svg') center center no-repeat;
    background-size: 30px;
    height: 50px;
    width: 50px;
    display: flex;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 999999999;
}
/*SmugLightBox*/





@media screen and (max-width: 768px) {
    span.productDiscount {
        font-size: 11px;
        top: 5px;
        left: 5px;
        width: 30px;
        height: 30px;
    }

    .product-detail {
        margin: 0 !important;
    }

    .productItem .productItemBottom .productItemDetail .productName {
        overflow: hidden;
        /* white-space: nowrap; */
        text-overflow: ellipsis;
        width: calc(100% - 5px);
    }

    #productSection .CategoryTop .Action {
        justify-content: flex-start;
    }

        #productSection .CategoryTop .Action select {
            max-width: 100%;
        }

    .productItem .productItemBottom .priceSection .productPrice .oldPrice {
        font-size: 12px;
    }

    .productItem .productItemBottom .priceSection .productPrice .newPrice {
        font-size: 14px;
    }

    span.out-of-stock {
        font-size: 10px;
        height: 35px;
    }

    .header-sticky .header-wrapper {
        border-bottom: solid 1px #dfdada;
    }

    .productItem .productItemBottom .productItemDetail {
        margin-bottom: 5px;
    }
}



#pdpMain .product-top-sections {
    position: relative;
    margin: 0 auto 90px;
    max-width: 1440px;
    padding: 0 1px;
    min-height: 100vh;
}

/*------Product Detail----*/

#product-content .ProductPrice {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #dee2e6;
}

    #product-content .ProductPrice .priceInner {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-right: 0px;
    }

    #product-content .ProductPrice .oldPrice {
        text-decoration: line-through;
        font-size: 20px;
        font-weight: 500;
        color: #ea8e44;
        min-width: 75px;
    }

    #product-content .ProductPrice .newPrice {
        font-size: 23px;
        font-weight: 600;
        color: #000000;
        justify-content: center;
        /* display: flex; */
        min-width: 75px;
    }

#product-content .campaignInner {
    display: flex;
}

    #product-content .campaignInner > span {
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        width: 90px;
        height: 50px;
    }

        #product-content .campaignInner > span.campaignName {
            font-size: 11px;
            border: solid 1px #ea8e44;
            border-radius: 20px 0 0 20px;
            color: #000000;
        }

        #product-content .campaignInner > span.campaignPrice {
            color: #ffffff;
            font-weight: 600;
            background: #ea8e44;
            border-radius: 0 20px 20px 0;
            font-size: 13px;
        }

#product-content .ProductRelated, .SizeSecion, #CartWrapper {
    padding: 15px 0;
    border-bottom: 1px solid #dee2e6;
}

#product-content .VariantTitle {
    color: #000;
    font-size: 15px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

#product-content .ProductRelated ul#otherColor {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    #product-content .ProductRelated ul#otherColor li {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin-right: 10px;
    }

        #product-content .ProductRelated ul#otherColor li a {
            transform: scale(1);
            transition: all .4s;
        }

/*  #product-content .ProductRelated ul#otherColor li a:hover {
                    transform: scale(1.1);
                }*/

#product-content .VariantTitle a {
    font-style: italic;
    font-size: 12px;
    color: #898685;
}

#product-content .SizeSecion div#sizeList, #divNoSelectSize div#sizeList {
    display: flex;
    align-items: center;
}

    #product-content .SizeSecion div#sizeList div.Item {
        margin-right: 10px;
        border: solid 1px #898685;
        min-width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        box-sizing: border-box;
        color: #616161;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    #divNoSelectSize div#sizeList div.Item {
        margin-right: 10px;
        border: solid 1px #898685;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        box-sizing: border-box;
        color: #616161;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

        #product-content .SizeSecion div#sizeList div.Item.active, #divNoSelectSize div#sizeList div.Item.active {
            background: #000;
            color: #fff;
            border-color: #000;
        }

        #product-content .SizeSecion div#sizeList div.Item.Passive::after, #divNoSelectSize div#sizeList div.Item.Passive::after {
            width: 180%;
            position: absolute;
            left: -20px;
            height: 2px;
            background: #090909;
            content: '';
            transform: rotate(-45deg );
            top: 23px;
        }

span.custom-control-description.aspNetDisabled {
    color: #dddcdc;
    user-select: none;
    cursor: not-allowed !important;
}

#product-content .SizeSecion div#sizeList div.Item.Passive, #divNoSelectSize div#sizeList div.Item.Passive {
    user-select: none;
    cursor: not-allowed !important;
}

.q-slideInDown.q-bottom-sheet-overlay {
    transition: background-color 200ms linear;
}

#divNoSelectSize div#sizeList {
    overflow: hidden;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    margin-bottom: 1rem;
    padding: 10px;
    color: #212529;
}

.q-slideInDown.q-bottom-sheet-enter-done {
    background-color: rgba(0,0,0,.5);
}

.q-bottom-sheet-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.q-slideInDown .q-bottom-sheet-main {
    transition: transform 200ms ease-out;
}

.bottom-sheet {
    border-radius: 10px 10px 0 0;
}

.q-bottom-sheet-main {
    position: fixed;
    background-color: #fff;
    display: block;
    bottom: 0;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    z-index: 1022;
    overflow-y: scroll;
    max-height: 100vh;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.size-product {
    display: flex;
    flex-direction: row;
    padding: 15px;
    background-color: #fff;
    font-size: 14px;
    line-height: 18px;
    flex: none;
    justify-content: space-between;
}

.size-product__image {
    width: 20%;
}

    .size-product__image img {
        border-radius: 3px;
        width: 100%;
        height: auto;
    }

.size-product__info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 65%;
    position: relative;
}

.size-product__info--brand {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.size-product__info--name {
    color: #666;
    font-size: 14px;
    text-align: left;
}

.size-product__info--price {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

size-product__info--price > .prices.d-flex.justify-content-center.align-items-start.row.px-3.flex-column {
    padding-left: 0 !important;
}


.SizeAlert {
    display: none;
}

.size-product__info--warning {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #c71f1e;
    margin-top: 10px;
}

.size-product__close i {
    font-size: 18px;
    color: #999;
}

.size__button {
    margin: 0 15px 20px 15px;
}

.q-button.q-button-medium {
    height: 44px;
    font-size: 16px;
}

.q-button.q-primary {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.q-button.q-fluid {
    width: 100%;
}

.q-button:hover {
    text-decoration: none;
}

#product-content span.productDiscount {
    position: relative;
    float: left;
    top: 0;
    color: #ee0909;
    background: transparent;
    border: 1px solid;
    border-radius: 10px;
    min-width: 100px;
    float: right;
    font-size: 11px;
}

.prDetDigerRenkler span {
    border-radius: 0;
    border: 1px solid #ccc;
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
}

#product-content #otherColor li {
    border-radius: 0;
    border: 1px solid #ccc;
    width: 75px;
    height: 75px;
    display: inline-block;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
}

.cssDigerRenklerP {
    font-weight: bold;
    margin-top: -20px;
    font-size: 10px;
    color: #858282;
    border: 0px solid #ccc;
}

#product-content #otherColor img {
    transform: scale(5.0);
}

.custom-radio .custom-control-label {
    display: none;
}

input[type="radio"] {
    appearance: auto;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

input, button {
    outline: none;
}

.custom-radio span.custom-control-description {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

label.custom-control.custom-radio {
    margin: 0;
}


.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#qtyBox {
    justify-content: space-between;
    height: 40px;
    display: flex;
    align-items: center;
    border: .5px solid rgba(60,54,49,0.5);
    border-radius: 2px;
    margin-bottom: 3%;
    margin-top: 3%;
}

    #qtyBox button {
        background: transparent;
        border: none;
        outline: none;
        height: 25px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        color: rgba(60, 54, 49, 0.5);
    }

    #qtyBox input {
        width: calc(100% - 100px);
        height: 40px;
        border: none;
        border-radius: 0;
        text-align: center;
        background: transparent;
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        color: rgba(60, 54, 49, 0.5);
        outline: none;
        line-height: 40px;
    }

    #qtyBox button:nth-child(2) {
        border-right: .5px solid rgba(60,54,49,0.5)
    }

    #qtyBox button:nth-child(4) {
        border-left: .5px solid rgba(60,54,49,0.5)
    }

#CartWrapper button.addToCart {
    border: 1px solid #212121;
    font-size: .93rem;
    background: #212121;
    color: #fafafa;
    padding: 20px 16px;
    margin: 0;
    line-height: 18px;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
}

    #CartWrapper button.addToCart.btnComingSoon {
        border: 1px solid #3C3631;
        border-radius: 1px;
        width: 100%;
        height: 50px;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        cursor: pointer;
        background: #3C3631;
        color: #fff
    }

    #CartWrapper button.addToCart:hover {
        background: #464545;
        color: #fff
    }

#CartWrapperFav {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.favIcon {
    filter: invert(100%) sepia(1%) saturate(15%) hue-rotate(329deg) brightness(95%) contrast(100%);
    width: 35px;
}

.ProductAccordion h2 {
    font-size: .93rem !important;
    padding: 16px 0;
    margin-bottom: -1px;
    font-weight: 700;
    border-bottom: solid 1px #aca5a4;
    cursor: pointer;
    position: relative;
}

.ProductAccordion .cntDescription.acPassive, .ProductAccordion .cntProperties.acPassive {
    display: none;
}

.ProductAccordion .cntDescription.acActive, .ProductAccordion .cntProperties.acActive {
    display: block;
}

.ProductAccordion .cntProperties, .ProductAccordion .cntDescription {
    padding: 5px;
}

.ProductAccordion h2::after {
    width: 24px;
    height: 24px;
    background: url(../Images/arrow.svg) center center no-repeat;
    position: absolute;
    content: '';
    display: flex;
    right: 10px;
    top: calc(50% - 10px);
    background-size: 24px;
    -webkit-appearance: none;
}

.ProductAccordion h2.active::After {
    transform: rotate(180deg);
}

.ProductAccordion .rowItem {
    border-bottom: solid 1px #c4bcbc;
    display: flex;
    align-items: center;
}

    .ProductAccordion .rowItem .L {
        font-weight: 600;
        background: #efefef;
        padding: 10px;
    }

.ProductAccordion p + .rowItem {
    border: none;
    margin-top: 20px;
}

.my-custom-product-list-carousel-item {
    position: relative;
}

.my-custom-product-list-carousel ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 1;
}

.my-custom-product-list-carousel:hover ul.slick-dots {
    opacity: 1;
}

.my-custom-product-list-carousel ul.slick-dots li {
    width: 100%;
    margin: 0;
}

    .my-custom-product-list-carousel ul.slick-dots li button {
        background: #dfdfdf;
        width: 100%;
        height: 3px;
        border-radius: 0;
        transition: all .4s;
    }

    .my-custom-product-list-carousel ul.slick-dots li.slick-active button {
        background: #333;
    }

.my-custom-product-list-carousel-item .imgInner {
    height: auto;
}

#product-details-form > #Navigation {
    margin-bottom: 10px;
}

div#secondary {
    display: block;
    float: left;
}

#cartPopup .panelPopupButtons input[type=button] {
    width: 50%;
    color: #fff;
    background: #000;
    text-transform: uppercase;
    font-size: 14px;
}

    #cartPopup .panelPopupButtons input[type=button]:hover {
        background: #5e5a5a;
    }


#Contentpage .pageTitle {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

#Contentpage .pageContent {
    font-size: 14px;
    line-height: 1.5;
}

.js-header-wrapper {
    border-bottom: solid 1px #e1dfdf;
}

h2.generalTitle {
    font-size: 16px !important;
}

.js-zoom-placeholder.product-zoom_placeholder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.js-zoom-placeholder.product-zoom_placeholder::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5
}

.js-zoom-placeholder.product-zoom_placeholder::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #090909
}

#btz-cookie-popup {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    left: 0;
}

    #btz-cookie-popup .btz-cookie-popup__card {
        background: #e5e5e3;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
        width: 100%;
        line-height: 1.5;
    }

    #btz-cookie-popup .btz-cookie-popup--closed {
        -webkit-animation: btz-cookie-popup--close 0.4s ease-in-out forwards;
        animation: btz-cookie-popup--close 0.4s ease-in-out forwards;
    }

    #btz-cookie-popup .btz-cookie-popup--opened {
        -webkit-animation: btz-cookie-popup--open 0.4s ease-in-out forwards;
        animation: btz-cookie-popup--open 0.4s ease-in-out forwards;
        border-radius: 5px;
    }

    #btz-cookie-popup .btz-cookie-popup__content {
        padding: 10px;
        text-align: center;
    }

    #btz-cookie-popup .btz-cookie-popup__content--text-bold {
        font-weight: 600;
    }

    #btz-cookie-popup h3 {
        color: #000;
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 0.5em;
    }

    #btz-cookie-popup p {
        font-size: 13px;
        color: #000;
        margin: 2px 0;
    }

    #btz-cookie-popup a {
        font-size: 13px;
        color: #000;
        text-decoration: underline;
    }

    #btz-cookie-popup button {
        background: #d6bf9c;
        border: none;
        color: #000;
        font-size: 13px;
        line-height: 3em;
        padding: 0 3em;
        cursor: pointer;
        transition: box-shadow 0.3s ease;
    }

        #btz-cookie-popup button:hover {
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
        }

    #btz-cookie-popup .btz-cookie-popup--close:after {
        color: #000;
        content: "X";
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        position: absolute;
        right: 0.8em;
        top: 0.5em;
        -webkit-transform: scaleX(1.25);
        transform: scaleX(1.25);
        transition: color 0.3s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #btz-cookie-popup .btz-cookie-popup--close:hover:after {
        color: #212121;
    }

@-webkit-keyframes btz-cookie-popup--close {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes btz-cookie-popup--close {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes btz-cookie-popup--open {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    80% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes btz-cookie-popup__open {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    80% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.btz-cookie-popup_c-p-card.btz-cookie-popup_card.btz-cookie-popup--opened {
    background: rgb(254 254 254 / 90%);
    width: 100%;
    line-height: 1.5;
    box-shadow: 0 0 50px rgb(0 0 0 / 20%);
}

#btz-cookie-popup button#cookie-ok {
    background: #d6bf9c;
    border: none;
    color: #000;
    font-size: 13px;
    line-height: 3em;
    padding: 0 3em;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    text-decoration: none;
}

    #btz-cookie-popup button#cookie-ok:focus {
        outline: 0;
    }

#loginBox {
    max-width: 500px;
    float: left;
    margin: 70px calc(50% - 250px);
    text-align: center;
}

    #loginBox .Content {
        background: #ffffff;
        padding: 20px;
        box-sizing: border-box;
        border: solid 1px #9292923d;
    }

        #loginBox .Content .Title {
            border-bottom: 1px solid rgba(0,0,0,.15);
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-weight: 700;
            font-size: 20px;
        }

        #loginBox .Content .form-group {
            margin: 7px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #loginBox .Content .form-group label {
                width: 100px;
                margin-bottom: 5px;
            }

    #loginBox .accept-privacy-policy label, #loginBox .RememberMeChb label {
        width: 100% !important;
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: left;
    }

span.read {
    font-weight: 600;
}

#loginBox .Content .form-group input, .page.password-recovery-page input[type="email"], .page.password-recovery-page input[type="password"] {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-sizing: border-box;
}



#loginBox .registerSection {
    margin: 20px 0;
}

    #loginBox .registerSection a {
        font-weight: 600;
        color: #000;
    }

#loginBox ul#socialLogin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 17px 0;
}

    #loginBox ul#socialLogin li a.fbLogin {
        background-color: #5277bf;
        height: 40px;
        border-radius: 3px;
        width: 240px;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #fff;
        overflow: hidden;
    }

        #loginBox ul#socialLogin li a.fbLogin span {
            height: 40px;
            width: 40px;
            background: #4062a4;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
        }

    #loginBox ul#socialLogin li a.ggLogin {
        background-color: #d43d2d;
        height: 40px;
        border-radius: 3px;
        width: 240px;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #fff;
        overflow: hidden;
    }

        #loginBox ul#socialLogin li a.ggLogin span {
            height: 40px;
            width: 40px;
            background: #c3392a;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
        }

button#LoginBtn, .password-recovery-button {
    background-color: #000000;
    border-color: #000000;
    font-size: 14px;
    font-weight: 400;
    border: none;
    outline: none;
    color: #fff;
    height: 40px;
    width: 200px;
    border-radius: 6px;
    cursor: pointer;
}

button#register-button {
    background-color: #000000;
    border-color: #000000;
    font-size: 14px;
    font-weight: 400;
    border: none;
    outline: none;
    color: #fff;
    height: 40px;
    width: 200px;
    border-radius: 6px;
}

#loginBox.Register .Content .form-group {
    flex-direction: column;
}

    #loginBox.Register .Content .form-group.col-12 {
        align-items: flex-start;
    }

        #loginBox.Register .Content .form-group.col-12 label {
            text-align: left;
        }

    #loginBox.Register .Content .form-group.Register {
        justify-content: center;
        align-items: center;
    }

.page.password-recovery-page {
    margin: 70px calc(50% - 250px);
}

.password-recovery-page h1.generalTitle {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.row.text-xs-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5%;
}

div#cartWrapper.cswishlist {
    min-height: 350px;
}

#Contentpage {
    min-height: 365px;
}

#ModalAddToCart.show {
    display: flex !important;
    justify-content: center;
}

#ModalAddToCart {
    transition: unset;
    z-index: 999999999;
}



    #ModalAddToCart.show {
        display: flex !important;
        justify-content: center;
    }

#ModalAddToCart {
    transition: unset;
    z-index: 999999999;
}

    #ModalAddToCart .modal-dialog {
        min-width: 580px;
    }



    #ModalAddToCart .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    #ModalAddToCart .bg-info {
        background-color: #ee8c3d !important;
    }

.modal-header h5.text-center.text-white.w-100.mb-0, .modal-border .mb-02 {
    font-size: 15px;
}

.text-white {
    color: #fff !important;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close {
    float: right;
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
}

.modal-content {
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

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

.modal-body a.text-center {
    color: #000;
}

#ModalAddToCart .btn {
    font-weight: 500;
    cursor: pointer;
    font-size: 13px;
}

button.btn.ContinueCart.justify-content-center {
    float: left;
    background: #000000;
    padding: 0 21px;
    line-height: 31px;
    color: #fff !important;
    border-radius: 3px;
    outline: none;
    border: none;
    width: 150px;
}

    button.btn.ContinueCart.justify-content-center:hover {
        background: #49494a;
        color: #fff !important;
    }

button.btn.GoToCart.justify-content-center {
    float: left;
    background: #f27a1a;
    padding: 0 21px;
    line-height: 31px;
    color: #fff !important;
    border-radius: 3px;
    outline: none;
    border: none;
    width: 150px;
}

    button.btn.GoToCart.justify-content-center:hover {
        background: #ea6f0d;
    }

#ModalAddToCart .modal-body {
    padding: 0.5rem;
    font-size: 13px;
}

#ModalAddToCart .modal-border .row {
    display: block;
}

.w-100 {
    font-weight: 600;
}

#customerAccount .customerNavigation ul li {
    display: flex;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    #customerAccount .customerNavigation ul li a {
        background-color: #fff;
        color: #000000;
        border: 2px solid #efefef;
        border-radius: .25rem;
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        padding: 0 15px 0 15px;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 400;
    }

        #customerAccount .customerNavigation ul li a.active, #customerAccount .customerNavigation ul li a:hover {
            color: #000000;
            border-color: #000000;
            font-weight: 600;
        }

            #customerAccount .customerNavigation ul li a.active i {
                font-size: 30px;
            }

#customerAccount .customerNavigation ul li {
    display: flex;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

    #customerAccount .customerNavigation ul li a {
        background-color: #fff;
        color: #000000;
        border: 2px solid #efefef;
        border-radius: .25rem;
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        padding: 0 15px 0 15px;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 400;
        transition: all .4s;
    }

        #customerAccount .customerNavigation ul li a.active, #customerAccount .customerNavigation ul li a:hover {
            color: #000000;
            border-color: #000000;
            font-weight: 600;
        }

        #customerAccount .customerNavigation ul li a i,
        #customerAccount .customerNavigation ul li a i {
            transition: all .4s;
        }

        #customerAccount .customerNavigation ul li a.active i,
        #customerAccount .customerNavigation ul li a:hover i {
            font-size: 30px;
            transition: all .4s;
        }

#customerAccount {
    margin: 0px 0;
}

    #customerAccount h5 {
        font-size: 20px;
        border-bottom: solid 1px #dddddd;
        margin: 20px 0;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        min-height: 60px;
        align-items: center;
        color: #000000;
    }

    #customerAccount .customerNavigation {
        padding-right: 30px;
    }

    #customerAccount .customerContent input {
        height: 35px;
        padding: 5px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        margin-top: 5px;
        border-radius: 3px;
        border: solid 1px #ddd;
        box-sizing: border-box;
    }

    #customerAccount .customerContent textarea, #FormPage form textarea {
        height: 60px;
        padding: 5px;
        padding-left: 10px;
        display: flex;
        align-items: center;
        margin-top: 5px;
        border-radius: 3px;
        border: solid 1px #ddd;
        box-sizing: border-box;
    }

    #customerAccount .customerContent label, .SearchList .Content label, #FormPage form label {
        font-size: 15px;
        color: #000;
        margin-top: 10px;
        font-weight: 600;
        margin-right: 10px;
    }

        #customerAccount .customerContent label span {
            color: red;
            font-size: 11px;
        }

.address-edit-page input.save-address-button, #save-info-button {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    width: 100px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    outline: none;
    border: none;
    cursor: pointer;
}

.write-product-review-button, .submit-return-request-button, input.contact-us-button {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    width: 130px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    outline: none;
    border: none;
    cursor: pointer;
}

#customerAccount h5 a.addAddress, #customerAccount h5 button.add-address-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    color: #fff;
    border: none;
    outline: none;
    width: 125px;
    border-radius: 3px;
    font-size: 12px;
}

    #customerAccount h5 a.addAddress i {
        margin-right: 10px;
    }

#customerAccount .Panel .addressRow {
    margin: 0 0 15px 0;
    padding: 15px;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    min-height: 350PX;
}

    #customerAccount .Panel .addressRow .Title {
        text-align: center;
        padding: .75rem 0;
        border-bottom: 1px solid rgba(0,0,0,.15);
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #000000;
    }

    #customerAccount .Panel .addressRow .addressButton {
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

        #customerAccount .Panel .addressRow .addressButton button {
            height: 40px;
            color: #fff;
        }

            #customerAccount .Panel .addressRow .addressButton button.Edit, .addressButton input.Edit, .saveThis.change-password-button, write-product-review-button {
                color: #fff;
                background-color: #000000;
                border-color: #000000;
                border: none;
                outline: none;
                border-radius: 6px 0 0 6px;
                cursor: pointer;
            }

            #customerAccount .Panel .addressRow .addressButton button.Delete {
                border: none;
                outline: none;
                border-radius: 0 6px 6px 0;
                color: #fff;
                background-color: #dc3545;
                border-color: #dc3545;
            }

    #customerAccount .Panel .addressRow .addressRowItem {
        margin-bottom: 6px;
        line-height: 2;
        font-size: 13px;
    }

.fl.col-12.addressRowItem.addressRows {
    min-height: 120px;
}

#customerAccount h5 i {
    display: none;
}

div#category-navigation .h5 {
    font-size: 1.25rem !important;
}

#productSection .flex-grid.form-row {
    margin-top: 10px;
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}

#SearchBar {
    height: 200px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    background: #eeeeee;
    display: none;
}

    #SearchBar .container {
        display: flex;
        padding: 25px 0;
        justify-content: center;
        align-items: flex-start;
    }

    #SearchBar .searchLogo {
        height: 35px;
        width: 200px;
    }

    #SearchBar .searchClose {
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        background: #fff;
        cursor: pointer;
    }

    #SearchBar .searchWrap {
        width: calc(100% - 300px);
        max-width: 600px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        #SearchBar .searchWrap input#search-input {
            width: calc(100% - 60px);
            height: 50px;
            margin: 0;
            padding: 0 15px;
            border: none;
            background: transparent;
            border-bottom: solid 3px #0000009e;
        }

        #SearchBar .searchWrap button#search-btn {
            width: 50px;
            height: 50px;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            background: transparent;
        }

#SearchBarOverlay {
    height: 100%;
    width: 100%;
    background: #33251ba8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}


#SearchBar.active,
#SearchBar.active + #SearchBarOverlay {
    display: flex;
}

.advanced-search-results {
    display: none;
}

.search-page #FilterButton {
    display: none
}

#generalModal .modal-dialog {
    min-width: 580px;
}
#generalModal.show {
    display: flex !important;
    justify-content: center;
}
@media screen and (max-width: 768px) {
	  #loginBox {
        width: 100%;
        margin: 20px 0;
    }
    #customerAccount h5 i {
        display: contents;
    }

    #ModalAddToCart .modal-dialog {
        max-width: 100%;
        min-width: unset;
    }

    #ModalAddToCart img.img-fluid {
        display: none;
    }

    .text-center > .form-group.justify-content-center {
        display: none;
    }

    #pdpMain .product-top-sections {
        padding: 0 1px;
    }

    div#secondary {
        width: 100%;
    }

    .product-image-container {
        width: 100%;
    }

    .my-custom-product-list-carousel ul.slick-dots {
        opacity: 0;
    }

    .size-product__info--price {
        display: none !important;
    }



    #secondary .ProductPrice .priceInner {
        margin: 0;
        width: 50%;
    }

    #secondary .ProductPrice {
        padding: 0 5px 0 0;
        border: none;
        width: 55%;
        justify-content: flex-start;
        align-items: center;
    }

        #secondary .ProductPrice .oldPrice {
            font-size: 14px;
        }

        #secondary .ProductPrice .newPrice {
            font-size: 16px;
            justify-content: flex-start;
        }

    #secondary .campaignInner > span.campaignPrice {
        font-size: 15px;
        border-radius: 0 0 10px 10px;
        padding: 5px 5px;
    }

    #secondary .campaignInner > span.campaignName {
        font-size: 10px;
        border-radius: 3px 3px 0 0;
        padding: 5px 2px;
        color: #000;
    }

    #CartWrapper .addCartBtn button {
        width: 45%;
    }

    #secondary .campaignInner {
        flex-direction: column;
        width: 50%;
    }

    #CartWrapper .addCartBtn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 10px;
        z-index: 333;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
        border-bottom: 1px solid #dee2e6;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    #CartWrapper .productDiscount {
        display: none;
    }

    #pdpMain .zoom-container {
        min-height: calc(100% - var(--header-height));
        position: fixed;
        z-index: 1000;
        top: 0 !important;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 60px;
        background: #d7d7d7;
    }

    #userBox .user-nav li > a {
        margin-top: 5px;
        margin-left: 10px;
        display: inline-block;
    }

    #customerAccount {
        padding: 5px;
        box-sizing: border-box;
    }

    #customerAccount {
        margin: 0px 0;
    }

        #customerAccount h5 {
            margin-top: 0;
            color: #000000;
        }

            #customerAccount h5 + ul {
                display: none;
            }

    #SearchBar .container {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20px;
    }

    #SearchBar .searchLogo {
        order: 1;
        width: 80%;
        height: 28px;
    }

    #SearchBar .searchWrap {
        order: 3;
        width: 100%;
    }

    #SearchBar .searchClose {
        order: 2;
    }

    #SearchBar {
        height: 200px;
    }
    .SearchList .text-right {
        font-size: 12px !important;
    }
	.my-custom-product-list-carousel ul.slick-dots li button{display:none;}
}
.product-grid .form-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}
.ordDetail .detailTitle {
    justify-content: end !important;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    float: right;
}

a.re-order-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2842b;
    color: #fff;
    border: none;
    outline: none;
    width: 125px;
    border-radius: 3px;
    font-size: 12px;
}
.message-error.validation-summary-errors {
    text-align: center;
    color: red;
    font-size: 16px;
}
.fa-check.checkoutLogo {
    background: #41ca0f;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    margin-bottom: 10px;
    color: #fff;
    font-size: 40px;
}
.registration-result-page > h2.generalTitle,.registration-result-page > .result {
    margin-bottom: 10px;
}