@import "css_reset.css";
@import "style-sazzad.css";

@import "style-latif.css";
.category-grid.home-page-category-grid .item-grid {
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
}
@font-face {
    font-family: 'grandstander-semibold';
    src: url('../fonts/Grandstander-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'grandstander-black';
    src: url('../fonts/Grandstander-Black.ttf') format('truetype');
}
.container.mb-5.bygender .category-item {
    background: #33bcc5;
    border-radius: 10px;
    max-height: 110px;
    min-height: 110px;
}

    .container.mb-5.bygender .category-item img.loading {
        width: 35%;
        display: block;
        margin-top: -9%;
        margin-left: -35%;
    }

    .container.mb-5.bygender .category-item .picture {
    }

        .container.mb-5.bygender .category-item .picture a {
            position: absolute;
        }
.container.mb-5.bygender .item-box:last-child .category-item h2.title a {
    font-size: 26px;
}

.container.mb-5.bygender .item-box:last-child .category-item h2.title {
    bottom: 47%;
}
.category-grid.home-page-category-grid .item-grid h2.title {
    position: absolute;
    display: inline-flex;
    bottom: 45%;
    z-index: 9;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: Grandstander-SemiBold;
}
    .category-grid.home-page-category-grid .item-grid h2.title a {
        white-space: nowrap;
        max-width: 100%;
        text-align: center;
    }
    .category-grid.home-page-category-grid .item-grid .item-box:hover h2.title a {
        color: #fff !important;
    }


 

    .page.category-page .sub-category-item img.loading {
        max-width: 70%;
        margin: auto;
    }

.page.category-page .sub-category-item h2.title {
    bottom: 15px;
    position: relative;
    width: 53%;
    left: unset;
    right: unset;
    transform: unset;
    pointer-events: painted;
    padding: 0;
    margin: auto;
}
.page.category-page .sub-category-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .page.category-page .sub-category-item h2.title a {
        width: 100%;
        display: block;
        padding: 15px;
    }

    .page.category-page .sub-category-item h2.title:hover a {
        color: #eb9120;
        background: #fff;
        border: 1px solid #eb9120;
        border-radius: 35px;
    }
.page.category-page .category-grid.sub-category-grid .owl-stage-outer .item-box {
    border: 1px solid #ddd;
    border-radius: 10px;
}

    .page.category-page .category-grid.sub-category-grid .owl-stage-outer .item-box .sub-category-item {
        border-radius: 11px;
    }
.container.mb-5.byage .item-box {
    background-image: url('../images/Path168.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .container.mb-5.byage .item-box h2.title {
        position: relative;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: break-spaces;
        font-family: Grandstander-SemiBold;
    }


.header-menu .col-lg-10 li.d-inline-block.manufacturer-nav-item ul.submenu {
    min-width: 400px;
    display: flex;
    flex-wrap: wrap;
}

    .header-menu .col-lg-10 li.d-inline-block.manufacturer-nav-item ul.submenu li.mm-nav-item {
        width: 25%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

        .header-menu .col-lg-10 li.d-inline-block.manufacturer-nav-item ul.submenu li.mm-nav-item a {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .header-menu .col-lg-10 li.d-inline-block.manufacturer-nav-item ul.submenu li.mm-nav-item:last-child {
            width: 50%;
        }
.container.mb-5.byage {
    background-image: url('../images/BannerBG-01.png');
    background-size: 100%;
    padding: 3% !important;
}
.container.mb-5.byage .item-box .picture {
    display: none;
}
.container.mb-5.bygender .item-box:hover {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
    border-radius: 10px;
    border: 1px solid #f39119;
}
.block-gradient label {
    color: #333 !important;
}

.block-gradient input {
    color: #333;
    border: 1px solid #ddd;
    border-radius: 35px;
    padding: 0 2%;
    background: #f9f9f9;
}
.page.contact-page .page-title {
    text-align: center;
}

.page.contact-page .topic-block {
    text-align: center;
}
.block.block-gradient.dark.block-account-navigation {
    background: #84b4b0;
    border-radius: 20px 20px 0 0;
}
.block.block-gradient.dark.block-account-navigation {
    background: #84b4b0;
    border-radius: 20px 20px 0 0;
}

    .block.block-gradient.dark.block-account-navigation .d-flex.justify-content-center.align-items-center.block-footer {
        border-radius: 0;
    }
label.forcheckbox::before {
    border: 1px solid #84b4b0;
}

label.forcheckbox::before {
    border: 1px solid #84b4b0;
}

.block-gradient.block-account-navigation .block-footer ul.list {
    padding: 5%;
}

    .block-gradient.block-account-navigation .block-footer ul.list li {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        margin-bottom: 6%;
    }
.block-gradient textarea {
    padding: 1% 2%;
    min-height: 100px;
    margin-top: 2%;
    background: #f9f9f9;
}
.block-gradient .buttons .button-1 {
    width: 30%;
    font-size: 15px;
}
.block-gradient .buttons {
    background: transparent !important;
    padding-bottom: 4%;
}
.block-gradient.block-gradient-checkout .buttons.cart-footer {
    background: #fff !important;
    border-radius: 24px 24px 14px 14px !important;
    border: 1px solid #ddd;
}
.block-gradient.block-gradient-checkout .buttons.cart-footer {
    background: #fff !important;
    border-radius: 24px 24px 14px 14px !important;
    border: 1px solid #ddd;
}

.block-gradient.block-gradient-checkout .input-group-append {
    position: absolute;
    right: 0;
}

    .block-gradient.block-gradient-checkout .input-group-append button {
        border-radius: 35px !important;
        min-height: 40px;
        padding: 5px 15px !important;
    }

.block-gradient.block-gradient-checkout input {
    border-radius: 35px !important;
}
.block-gradient.block-gradient-checkout .buttons.cart-footer button#checkout {
    width: 100%;
    border-radius: 35px;
}
thead {
    background: #84b4b0;
}

    thead th {
        background: transparent !important;
    }
.enter-address .edit-address input {
    padding: 0 2%;
    color: #333;
}

    .enter-address .edit-address input::placeholder {
        color: #333;
    }
.opc .step-title .title{
    color:#fff
}

.order-summary-content .billing-info {
    text-align: left;
}

.order-summary-content .shipping-info-wrap {
    text-align: left;
}

.order-summary-content .payment-method-info {
    text-align: left;
}
.checkout-img {
    background-image: url(../images/Group616.png);
    width: auto;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
}
.page.product-details-page {
    max-width: 90%;
    margin: auto;
}
.product__tab.ui-tabs .ui-tabs-nav li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd;
}
.page.checkout-page {
    max-width: 75%;
    margin: auto;
}
.pt-4.product-essential .pt-3.pt-md-0.overview select {
    min-height: 35px;
    border-radius: 35px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.pt-4.product-essential .pt-3.pt-md-0.overview ul.option-list.option-list-square li label {
    border-radius: 35px;
    padding: 0 15px;
}
.product-essential .add-to-cart .d-flex.align-items-center.add-to-cart-panel {
    display: flex;
}

    .product-essential .add-to-cart .d-flex.align-items-center.add-to-cart-panel .button-1.add-to-cart-button {
        order: 2;
        margin: 0 2%;
    }
.pt-4.product-essential .product-name {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 2%;
}
.product-essential .product-price span.price-value-1 {
    color: #84b4b0;
}
.page.login-page .d-flex.flex-column.justify-content-between.block-gradient.mb-5.new-wrapper.register-block {
    background: #f9f9f9;
    border-radius: 20px;
}

.page.login-page .block-gradient.mb-5.returning-wrapper.fieldset {
    background: #f9f9f9;
    border-radius: 20px;
}

    .page.login-page .block-gradient.mb-5.returning-wrapper.fieldset input {
        background: #fff;
    }
.page-title {
    padding: 25px 0;
    text-align: center;
}
.page.registration-page input::placeholder {
    color: #333;
}

 
    .page.registration-page .page-body {
        border-radius: 15px;
        background: #f9f9f9;
    }

    .page.registration-page input {
        background: #fff;
    }

    .page.registration-page select {
        background: #fff;
    }

.page.account-page.address-edit-page .page-body {
    background: #f9f9f9;
    padding: 2%;
    border-radius: 15px;
}

    .page.account-page.address-edit-page .page-body select {
        padding: 0 3%;
    }

    .page.account-page.address-edit-page .page-body input {
        padding: 0 3%;
    }

::placeholder {
    color: #333 !important;
}

.page.account-page.address-edit-page .page-body {
    background: #f9f9f9;
    padding: 2%;
    border-radius: 15px;
}

    .page.account-page.address-edit-page .page-body select {
        padding: 0 3%;
    }

    .page.account-page.address-edit-page .page-body input {
        padding: 0 3%;
    }

::placeholder {
    color: #333 !important;
}

.page.account-page.address-edit-page .page-body .buttons {
    width: 100%;
    text-align: center;
}

    .page.account-page.address-edit-page .page-body .buttons input.button-1.save-address-button {
        font-size: 15px;
        padding: 9px 20px;
        width: 30%;
        border-radius: 35px;
    }
table.table.data-table th {
    color: #fff;
}
.page.order-details-page .section.block-gradient.dark.totals button.button-1.re-order-button {
    width: 70%;
}
.write-review label {
    width: 100%;
}



.write-review input#AddProductReview_Title {
    width: 100%;
}

.write-review textarea#AddProductReview_ReviewText {
    width: 100%;
}

.write-review .buttons {
    width: 100%;
    text-align: center;
}

.write-review input.button-1.write-product-review-button {
    border-radius: 35px;
    text-transform: capitalize;
}

.write-review .review-rating {
    text-align: center;
}
.py-4.py-lg-2.footer-lower {
    font-size: 13px;
    font-weight: 400;
}

    .py-4.py-lg-2.footer-lower a {
        font-weight: 600;
        color: #f39119;
        font-size: 14px;
    }

        .py-4.py-lg-2.footer-lower a:hover {
            color: #84b4b0;
        }
.slider-wrapper.theme-custom {
    margin: 0;
}

.page.home-page .container.mb-5 {
    padding: 0;
}

.header-menu {
    background: #f9f9f9 !important;
    color: #000 !important;
    border-top: 1px solid #f9f9f9 !important;
    box-shadow: none !important;
}
.close-mobile-menu {
    background: transparent !important;
    color: #4d4d4d !important;
    padding-top: 3% !important;
}


.homapgecategory .container.category-carousel .owl-item {
    min-height: 100px;
    border-radius: 10px;
    margin-top: 2%;
}

    .homapgecategory .container.category-carousel .owl-item img {
        margin-top: -11%;
        position: absolute;
        height: calc(100% + 30%);
        width: auto;
    }

.homapgecategory .container.category-carousel .ocarousel-item .pt-2.text-center.category-name {
    color: #fff;
    right: 17%;
    position: absolute;
    float: right;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 99999999;
    top: 19%;
    max-width: min-content;
}

.homapgecategory .container.category-carousel .owl-item {
    background: #84b4b0;
}
 
.container.manufacturer-carousel img {
    max-width: 60%;
    text-align: center;
    margin: auto;
}

.theme-custom .nivo-controlNav a {
    display: inline-block;
    width: 18px!important;
    height: 7px!important;
    margin: 0 7px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
    font-size: 0;
    border-radius: 4px!important;
    background: #eee!important;
    
}

    .theme-custom .nivo-controlNav a.active {
        background-color: #f39119!important;
        width: 35px!important;
        border-radius: 5px!important;
    }
.theme-custom .nivo-controlNav {
    bottom: -8% !important;
}
ul.mm-navbar-nav li.mm-nav-item.dropdown-menu-list a.d-inline-flex.align-items-center {
    color: #84b4b0;
    font-weight: 600;
}
.header-menu ul#other-links li a {
    font-weight: 600;
    text-transform: capitalize;
}
.ocarousel-background .ocarousel .owl-nav button.owl-prev, .ocarousel-background .ocarousel .owl-nav button.owl-next {
    padding: 5px 5px !important;
    color: #f39119;
    font-size: 29px !important;
    border-color: #f39119;
    border-radius: 35px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 1.5;
}
.ocarousel-background .title-container .title, .ocarousel-background .title-container .title i, .ocarousel-background .title-container .title h2, .ocarousel-background .title-container .subtitle {
    color: #000 !important;
}

.mb-5.HomepageCategories .ocarousel-item a img {
    display: none;
}

.mb-5.HomepageCategories .ocarousel-item .pt-2.text-center.category-name {
    background-image: url('../images/Path168.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.mb-5.HomepageCategories .ocarousel-item {
    text-align: center;
    margin: auto;
}

.mb-5.HomepageCategories .owl-stage {
    margin: auto;
    display: flex;
    justify-content: flex-start;
}

    .mb-5.HomepageCategories .owl-stage .owl-item {
        text-align: center;
        /* margin: auto; */
        display: flex;
        max-width: 150px;
    }

.mb-5.HomepageCategories .ocarousel-grid {
    padding: 4% 0;
}

.mb-5.HomepageCategories .ocarousel-item .pt-2.text-center.category-name a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homapgecategory .owl-stage-outer {
    text-align: center;
    display: flex;
    justify-content: center;
}
.mb-5.HomepageCategories .ocarousel-item .pt-2.text-center.category-name a:hover {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.mb-5.HomepageCategories .ocarousel-item .pt-2.text-center.category-name a:hover {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.homapgecategory .container.category-carousel .ocarousel-item .pt-2.text-center.category-name:hover a {
    color: #fff !important;
    filter: drop-shadow(2px 4px 6px gray);
}
.product-item .offer-content .new-product-label, .product-details-page .offer-content .new-product-label {
    margin-bottom: 6%;
    background-color: #EB4141 !important;
    width: max-content;
    font-family: 'Roboto';
    text-transform: capitalize;
}

.product-item .offer-content .bestseller-label, .product-details-page .offer-content .bestseller-label {
    background-color: #84b4b0 !important;
    border-radius: 51px !important;
    height: 45px;
    width: 45px;
    font-size: 13px;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
}
.title-container .title h2 {
    background-image: url(../images/Rectangle77.png);
    background-size: 100% 51%;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
    padding: 0 1%;
    font-family: Grandstander-SemiBold
}
.page.contact-page .topic-block-body p {
    background-image: url(../images/Rectangle77.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
    padding: 0 1%;
    
    margin-top: 3%;
}
.page.contact-page {
    max-width: 100% !important;
}

    .page.contact-page .page-body {
        max-width: 65%;
        margin: auto;
    }

    .page.contact-page .page-title {
        background-image: url(../images/Image60.png);
        padding: 6%;
        font-family: Grandstander-SemiBold;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

        .page.contact-page .page-title h1 {
            color: #84b4b0;
            font-size: 33px;
        }
div#ph-topic .page-title {
    background-image: url(../images/Image60.png);
    padding: 6%;
    font-family: Grandstander-SemiBold;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

    div#ph-topic .page-title h1 {
        color: #84b4b0;
        font-size: 33px;
    }
.title-container .title i {
    display: none;
}
.header-menu .other-links > li {
     text-transform: uppercase;
    margin: 0 1.5% !important;
}
.header-menu {
    padding: 0 5%;
}
ul.language-list {
    display: block;
}

    ul.language-list li {
        margin: 0 5px;
       
    }
    ul.language-list li {
        display: none;
    }

        ul.language-list li.selected {
            background: #f9f9f9;
            min-height: 40px;
            display: flex;
            align-items: center;
            border: 1px solid #ddd;
            padding: 0 20px;
            border-radius: 35px;
            min-width: 150px;
            background-image: url('../images/toggle-gray.png');
            background-size: 19%;
            background-repeat: no-repeat;
            background-position: right center;
        }

    ul.language-list:hover li {
        background: #fff;
        display: flex;
        align-items: center;
        border-radius: 0;
        height: 40px;
        justify-content: center;
        position: absolute;
        min-width: 150px;
        border-bottom: 1px solid #ddd;
    }
    ul.language-list li.selected a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
        ul.language-list:hover li.selected {
            background: #f9f9f9;
            display: flex;
            border-radius: 35px;
            position: relative;
        }

    ul.language-list li a {
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    ul.language-list:hover li a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ul.language-list li a img {
        width: 27px;
        border-radius: 100%;
        height: 27px;
    }
    ul.language-list li a span {
        margin: 0 9%;
    }
ul.mm-dropdown-list {
    display: flex;
    flex-wrap: wrap;
}
    ul.mm-dropdown-list li.mm-nav-item {
        width: 19%;
        white-space: nowrap;
    }
.mm-nav-item.has-submenu:hover .sublist.first-level, .mm-nav-item.has-submenu:hover > .sublist-toggle::after {
    display:none;
}
.related-products-grid.ocarousel.product-grid .title {
    text-align: center;
    background-image: url(../images/Rectangle77.png);
    background-size: 22% 51%;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
    padding: 0 1%;
    margin-bottom: 2%;
}
div#breadcrumbRight .mt-0.mt-lg-4.pb-1.page-title.product-name {
    display: none;
}

.breadcrumb {
    margin-top: 1%;
}
.product-essential .prices .d-inline-block.product-price span {
    color: #84b4b0;
}
.mb-2.category-banner {
    display: none;
}
.write-review input#AddProductReview_Title {
    padding: 2%;
}

.write-review textarea#AddProductReview_ReviewText {
    padding: 2%;
}
.rating-wrapper {
    direction: rtl;
}

    .rating-wrapper div {
        margin: 0 3px;
    }

tr.order-total td.cart-total-right {
    font-weight: 600 !important;
    color: #84b4b0;
}

tr.order-total td.cart-total-left label {
    font-weight: 600 !important;
    color: #84b4b0 !important;
}
.page.account-page.address-edit-page input {
    background: #fff;
}

.page.account-page.address-edit-page select {
    background-color: #fff;
}
.enter-address .edit-address input {
    background: #fff;
}

.enter-address .edit-address select {
    background-color: #fff;
}
.page.account-page.customer-info-page input {
    background: #fff;
}
.page.account-page.address-edit-page input.button-1.save-address-button {
    background: #f39119;
}

.page.account-page.customer-info-page input.button-1.save-address-button {
    background: #f39119;
}

.enter-address .edit-address input.button-1.save-address-button {
    background: #f39119;
}

.page.account-page.address-edit-page input.button-1.save-address-button {
    background: #f39119;
}


.related-products-grid.ocarousel.product-grid .owl-item {
    max-width: 220px;
    margin: 2px;
}

    .related-products-grid.ocarousel.product-grid .owl-item .item-box img {
        max-width: 70%;
        margin: auto;
    }


.Packaging-and-Gift ul#image-squares-2  {
    display: flex;
    max-width: 100%;
    overflow: auto;
}

    .Packaging-and-Gift ul#image-squares-2 li {
        width: 25%;
        margin: 0 1%;
    }

        .Packaging-and-Gift ul#image-squares-2 li .tooltip-header {
            order: 2;
        }

        .Packaging-and-Gift ul#image-squares-2 li .tooltip-body {
            order: 1;
        }
.Packaging-and-Gift input#checkout_attribute_6_6 {
    width: auto;
}
        .Packaging-and-Gift ul#image-squares-2 li .tooltip-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .Packaging-and-Gift ul#image-squares-2 li label {
            display: block;
            position: absolute;
            text-align: center;
            width: 25%;
            height: 100%;
            opacity: 0; 
            padding: 0;
            margin: 0;
        }

            .Packaging-and-Gift ul#image-squares-2 li label span.attribute-square-container {
                width: 100%;
                height: auto;
                display: none;
            }
        .Packaging-and-Gift ul#image-squares-2 li.selected-value .tooltip-body {
            border: 1px solid #f39119 !important;
            box-shadow: 0 0px 7px 0px rgba(0,0,0,0.17);
        }
        .Packaging-and-Gift ul#image-squares-2 li .tooltip-body {
            height: 90px !important;
            width: 85px !important;
            min-width: 85px !important;
            min-height: 90px !important;
        }
            .Packaging-and-Gift ul#image-squares-2 li .tooltip-body img.loaded {
                height: 90px !important;
                width: 85px !important;
                min-width: 85px !important;
                min-height: 90px !important;
                padding: 1px;
            }
        .Packaging-and-Gift ul#image-squares-2 li .tooltip-body {
            display: flex;
            justify-content: center;
            align-items: center;
        }
.Packaging-and-Gift textarea {
    width: 100%;
}

.Packaging-and-Gift input {
    width: 100%;
}
div#qv-modal {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.d-none.d-md-flex.align-items-center.px-2.header-banner {
    display: none !important;
}
ul.mm-dropdown-list li.mm-nav-item img.img-fluid.d-none.d-lg-block.loading {
    max-width: 30px;
    margin: 0 5%;
}
.mm-nav-item:not(.dropdown-menu-list) > .mm-nav-link, .sublist-close-button > button {
    font-size: 11px !important;
    font-weight: 700 !important;
    font-family: 'grandstander-black';
}
ul.mm-dropdown-list li.mm-nav-item img.img-fluid.d-none.d-lg-block.loading {
    max-width: 30px;
    margin: 0 5%;
}

ul.mm-dropdown-list li.mm-nav-item {
    margin: 1% 3%;
}

li.compare img.loading {
    width: 22px;
}

    li.compare img.loading a span {
        display: flex !important;
    }

li.compare span.d-inline-block.wishlist-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.col-12.with-back {
    background: #fff3e5;
    display: flex;
    align-items: center;
    width: 100% !important;
}

    .col-12.with-back .col-lg-8 ul {
        display: flex !important;
        justify-content: flex-start;
    }

    .col-12.with-back .row {
        width: 100%;
    }

.mb-5.HomepageCategories {
}

    .mb-5.HomepageCategories .owl-stage {
        width: 100% !important;
    }

        .mb-5.HomepageCategories .owl-stage .owl-item {
            width: 25% !important;
            max-width: 25%;
        }

            .mb-5.HomepageCategories .owl-stage .owl-item button.button-2.d-inline-flex.align-items-center.product-box-add-to-cart-button {
                width: 100%;
                text-align: center;
                display: flex;
                justify-content: center;
            }
    .mb-5.HomepageCategories .product-tab-container.container {
        max-width: 90%;
    }
.col-12.with-back .row .col-lg-4 {
    display: flex;
    align-items: center;
}

        .mb-5.HomepageCategories .product-tab-container.container .product-tab-item.item-box .product-item {
            border: 1px solid #ddd;
        }

.newprod .owl-item {
    width: 40% !important;
    margin: auto !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}



.newprod .owl-stage {
    width: 100% !important;
    display: flex;
}

.newprod .owl-item.item-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}

.newprod .owl-item img.loading {
    max-width: 37%!important;
    
}
.newprod .owl-stage {
    display: flex!important;
    justify-content: center!important;
}
    .newprod .owl-stage .picture a img {
        margin: auto!important;
        text-align: center!important;
    }

    .newprod .owl-stage .owl-item {
        margin: 1% !important;
    }


.col-12.with-back .row .col-lg-8 li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    border: none;
}

    .col-12.with-back .row .col-lg-8 li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
        color: #333;
    }

    .col-12.with-back .row .col-lg-8 li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a {
        color: #fff !important;
    }
.sub-category-item .title a, .manufacturer-item .title a {
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}
.header-menu .col-lg-2 ul.mm-dropdown-list li a img {
    max-width: 30px!important;
    margin: 0 4%;
}
.py-2.py-lg-4.header-lower.sticky ul.mm-dropdown-list li a img {
    max-width: 30px !important;
    margin: 0 4%;
}
.product-tab-items .owl-carousel.owl-drag .owl-item.active {
    width: 25% !important;
}

.product-tab-items .owl-stage {
    width: 100% !important;
}
.product-tab-item.item-box .product-box-add-to-cart-button {
    padding: 6px !important;
    /*   font-size: 10px !important;*/
    white-space: nowrap !important;
    /*    font-weight: 600 !important;*/
}

    .product-tab-item.item-box .product-box-add-to-cart-button i {
        /*  font-size: 13px !important;*/
    }
.mb-5.HomepageCategories img.loading {
    min-width: 313px !important;
}

.mb-5.HomepageCategories .item-box .picture {
    min-height: 344px !important;
}
.page.home-page .container.mb-5.homepage-add-3column .col-lg-10 {
    margin: auto;
}

    .page.home-page .container.mb-5.homepage-add-3column .col-lg-10 .slider-picture img.loading {
        border-radius: 10px;
    }
.container.mb-5.homepage-add-2column .col-lg-10 {
    margin: auto;
}

    .container.mb-5.homepage-add-2column .col-lg-10 img.loading {
        border-radius: 9px;
    }


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

 ::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
    height:4px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #84b4b0;
}
.page.registration-result-page .page-body {
    text-align: center;
}


.page.password-recovery-page .page-body {
    max-width: 50%;
    margin: auto;
    margin-bottom: 3%;
}

    .page.password-recovery-page .page-body input.button-1.password-recovery-button {
        border-radius: 35px;
        text-transform: capitalize;
    }

    .page.password-recovery-page .page-body .fieldset .inputs {
        text-align: left;
        margin: auto;
        display: grid;
        margin-bottom: 2%;
        margin-top: 2%;
    }

    .page.password-recovery-page .page-body .buttons {
        text-align: center;
    }

    .page.password-recovery-page .page-body p.tooltip {
        text-align: center;
    }
.block-gradient.block-gradient-checkout .deals input {
    color: #333 !important;
}
.page.product-details-page .add-to-cart-panel .qty-wrapper {
    padding: 0 !important;
}

    .page.product-details-page .add-to-cart-panel .qty-wrapper label.qty-label {
        padding: 0 15px;
    }


    .page.product-details-page .add-to-cart-panel .qty-wrapper span.button-container button {
        height: 100% !important;
        max-width: 50px;
        min-height: 34px;
        padding: 0 9px;
        color: #898585;
        text-align: center;
        line-height: 1.5;
        border: 0;
        border-radius: 118px;
        background: �transparent;
    }

.page.product-details-page .add-to-cart-panel .qty-wrapper {
    padding: 0 !important;
}

    .page.product-details-page .add-to-cart-panel .qty-wrapper label.qty-label {
        padding: 0 15px;
    }


    .page.product-details-page .add-to-cart-panel .qty-wrapper span.button-container button {
        height: 100% !important;
        max-width: 50px;
        min-height: 34px;
        padding: 0 9px;
        color: #898585;
        text-align: center;
        line-height: 1.5;
        border: 0;
        border-radius: 118px;
        background: �transparent;
    }
button.button-1.mr-1.checkout-as-guest-button {
    width: auto;
    white-space: nowrap;
}
.attributes .option-list li label:first-child {
    display: flex;
    width: 100px;
    height: 100px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.attributes .option-list li .tooltip-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .attributes .option-list li .tooltip-container .tooltip-header {
        order: 2;
    }
.wishlist-content tbody td.add-to-cart .checkbox.no-label input {
    opacity: 0;
}
.row.AddressAttributes {
    display: flex;
    flex-wrap: wrap;
}

    .row.AddressAttributes .inputs.custom-attributes {
        width: 46%;
        display: flex;
        flex-direction: column;
        margin-right: 2%;
        margin-left: 2%;
    }
.attributes .option-list li label:first-child span.attribute-square {
    background-size: cover !important;
}

.page.product-details-page .attributes .option-list {
    display: flex;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-start;
    align-items: center;
}

.attributes .option-list li .tooltip-container .tooltip-body {
    display: none;
}
.page.product-details-page .attributes .option-list li.selected-value {
    border: 2px solid #f39119;
    border-radius: 6px;
}
.ui-tabs .ui-tabs-panel thead {
    color: #fff;
    text-align: left;
}

.ui-tabs .ui-tabs-panel th {
    padding: 6px;
}

.ui-tabs .ui-tabs-panel td {
    padding: 6px !important;
}

/*newpopup*/

.box-popup {
    width: 100%;
    margin: auto;
    background: rgba(255, 255, 255, 0.2);
    padding: 2%;
    text-align: center;
}

    .box-popup .button {
        font-size: 1em;
        display: block;
        padding: 10px;
        width: 90%;
        color: #fff;
        border: none;
        border-radius: 35px;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s ease-out;
        background: #f39119;
        margin:auto;
    }

        .box-popup .button:hover {
            background: #84b4b0;
        }

.overlay-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

    .overlay-popup:target {
        visibility: visible;
        opacity: 1;
    }

.popupnew {
    margin: 10% auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 500px;
    overflow: hidden;
}
.overlay-popup:target {
    z-index: 9;
}
    .popupnew h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma, Arial, sans-serif;
    }

    .popupnew .close {
        position: absolute;
        top: 20px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

        .popupnew .close:hover {
            color: red;
        }
.popupnew .content label.text-prompt {
    margin-top: 3%;
    padding-bottom: 1%;
}
.popupnew .content ng-form {
    max-height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    margin: 4% 1%;
    padding: 2% 0%;
}
    .popupnew .content ng-form .col-lg-6 {
        display: grid;
    }
@media screen and (max-width: 700px) {
    .box-popup {
        width: 70%;
    }

    .popupnew {
        width: 70%;
    }
}
.popupnew .content a.button {
    text-align: center;
    background: #f39119;
    color: #fff;
    width: 50%;
    margin: auto;
    margin-top: 5%;
    padding: 2%;
    border-radius: 35px;
}
/*newpopup*/


div#checkout-step-confirm-order .block-gradient.block-gradient-checkout {
    padding-top: 0;
    border-radius: 25px;
}

    div#checkout-step-confirm-order .block-gradient.block-gradient-checkout .row.no-gutters .col-12.col-md-6.col-xl-12:first-child {
        display: none;
    }

    div#checkout-step-confirm-order .block-gradient.block-gradient-checkout .row.no-gutters .buttons.cart-footer {
        margin-top: 0;
        padding: 0px;
        padding-top: 5%;
    }

.page.shopping-cart-page .order-summary-content .popupnew a.close {
    left: unset;
    right: 3%;
}


div#estimate-shipping-popup input.button-2.apply-shipping-button {
    border-radius: 35px;
    width: 30%;
    background: #e76a30;
    color: #fff;
}

    div#estimate-shipping-popup input.button-2.apply-shipping-button:hover {
        background: #84b4b0;
    }

div#estimate-shipping-popup select {
    border-radius: 35px;
    border: 1px solid #ddd !important;
    height: 40px;
}

div#estimate-shipping-popup input {
    border-radius: 35px;
    border: 1px solid #ddd !important;
    height: 40px;
}
.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim .ship-to-title {
    text-align: left;
}
.opc .section.ship-to-same-address input#ShipToSameAddress {
    position: relative;
}
.checkout-data .enter-address .edit-address label.d-none {
    display: block !important;
}