body {
    position: relative;
    font-family: IRANSansX !important;
    direction: ltr;
    text-align: left;
    overflow-x: hidden;
    padding-right: 0 !important;
    font-size: 14px;
    background-color: #f8f8f8;
}

.loading-site {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    filter: blur(10);
}

    .loading-site div {
        width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        padding: 20px 40px;
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 10px #444;
        box-shadow: 0 2px 10px #444;
    }

        .loading-site div > img {
            width: 20%;
        }

input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
    outline: none;
    box-shadow: unset !important;
}

a:hover {
    text-decoration: none;
}

.custom-control-label::before,
.custom-control-label::after {
    box-shadow: unset !important;
    outline: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ef394e;
    background-color: #ef394e;
    box-shadow: unset !important;
    outline: none !important;
}

.bar-notification {
    position: fixed;
    border: 1px solid #bebebe;
    top: 50%;
    box-shadow: 0px 3px 26px -6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 450px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: bold;
    padding: 40px 15px;
    border-radius: 7px;
    color: #666;
    z-index: 10;
    display: none;
}

@media only screen and (max-device-width: 480px) {
    .bar-notification {
        width: 100%;
    }
}

.bar-notification.success {
    background-color: #ffffff;
}

.bar-notification.error {
    background-color: #ffffff;
}

.bar-notification.warning {
    background-color: #ffffff;
}

    .bar-notification.warning p:before {
        content: "\f071";
        color: #ffb400
    }

    .bar-notification.warning p:before {
        content: "\f071";
        color: #ffb400
    }

    .bar-notification.warning p:before,
    .bar-notification.error p:before,
    .bar-notification.success p:before {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        right: 20px;
        top: 32px;
        font-size: 3em;
        padding-left: 20px;
    }

.bar-notification .close {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 1.2rem;
    opacity: .7;
    color: #666;
}

    .bar-notification .close:before {
        content: "\f00d";
        font-family: 'Font Awesome 5 Pro';
    }

    .bar-notification .close:hover {
        color: #888;
    }

.bar-notification a {
    padding: 0 5px;
    border-bottom: 1px dashed #fff;
}

    .bar-notification a:hover {
        color: #025ea5;
    }

.top-header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    background-color: #fff;
    z-index: 10;
}

.logo {
    height: 40px;
    display: block;
}

    .logo img {
        max-height: 100%;
    }

#small-search-box-form {
    position: relative;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    height: 40px;
}

.input-search {
    background-color: transparent;
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border: none;
}

.search-box-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    background-color: #ef394e;
    color: #fff;
    border: none !important;
    font-size: 20px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .search-box-button:hover {
        -webkit-filter: grayscale(30%);
        filter: grayscale(30%);
    }

.ui-autocomplete {
    box-shadow: 0 2px 5px rgb(0 0 0 / 0.1);
    border: none;
    max-height: 300px;
    overflow-y: auto;
    font-family: inherit;
}

    .ui-autocomplete a {
        padding: 15px !important;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f6f6f6;
    }

        .ui-autocomplete a img {
            margin-right: 10px;
        }

.ui-state-active {
    background-color: #f6f6f6 !important;
    border-color: transparent !important;
    color: #777 !important;
    margin: 0 !important;
}

.btn-header {
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    font-size: 14px;
    color: #777;
    height: 40px;
}

    .btn-header i.icon {
        font-size: 16px;
        margin-top: 5px;
    }

    .btn-header:hover {
        border-color: #ef394e;
        color: #ef394e;
    }

.header-links {
    position: absolute;
    min-width: 220px;
    top: 150%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.20);
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s;
}

    .header-links:before {
        content: '';
        display: inline-block;
        position: absolute;
        right: 20px;
        bottom: 100%;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        z-index: 5;
    }

.btn-login:hover .header-links {
    opacity: 1;
    visibility: visible;
    top: 110%;
}

.header-links ul {
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
}

    .header-links ul li a {
        padding: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #555;
        font-size: 13px;
    }

        .header-links ul li a:hover {
            background-color: #ededed
        }

.divider {
    height: 40px;
    width: 1px;
    background-color: #eee;
    margin: 0 10px;
}

.wrapper-shopping-cart .count span {
    position: absolute;
    top: -5px;
    left: -5px;
    color: #fff;
    background-color: #ef394e;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.cart-detail-header {
    position: absolute;
    top: 200%;
    -webkit-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    visibility: hidden;
    right: 0;
    width: 350px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.20);
    z-index: 5;
}

    .cart-detail-header:before {
        content: '';
        display: inline-block;
        position: absolute;
        right: 20px;
        bottom: 100%;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        z-index: 5;
    }

.btn-cart:hover .cart-detail-header {
    opacity: 1;
    visibility: visible;
    top: 130%;
}

.btn-cart:hover .wrapper-shopping-cart .count span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cart-detail-header .top-cart {
    color: #888;
    font-size: 12px;
    padding: 13px 10px;
    border-bottom: 1px solid #ddd;
}

    .cart-detail-header .top-cart a {
        color: #888;
    }

.list-product-cart {
    max-height: 300px;
    overflow-y: auto;
}

    .list-product-cart .item {
        padding: 10px 0;
        border-bottom: 1px solid #ededed;
    }

        .list-product-cart .item .picture a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 60px;
        }

            .list-product-cart .item .picture a img {
                max-height: 100%;
                margin: auto;
            }

        .list-product-cart .item .detail {
            font-size: 11px;
            color: #888;
        }

            .list-product-cart .item .detail .name a {
                color: #444;
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                height: 36px;
                font-size: 13px;
            }

                .cart-detail-header a:hover,
                .list-product-cart .item .detail .name a:hover {
                    color: #ef394e;
                    text-decoration: none;
                }

.bottom-cart {
    background-color: #ef394e;
    padding: 5px;
    color: #fff;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .bottom-cart:hover {
        -webkit-filter: grayscale(30%);
        filter: grayscale(30%);
    }

.bottom-header {
    position: fixed;
    top: 70px;
    background-color: #f9f9f9;
    width: 100%;
    left: 0;
    padding: 0 15px;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.1);
}

.menu > ul {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .menu > ul > li > a {
        position: relative;
        padding: 15px 10px;
        display: block;
        color: #444;
    }

.sublist.first-level li > ul > li {
    margin-left: 15px;
}




.footer {
    background-color: #ececec;
    margin-top: 50px;
}

.newsletter {
    padding: 20px 0;
    background-color: #fff;
    margin-top: 50px;
    box-shadow: 0 0 10px #eee;
}

    .newsletter .title {
        color: #444;
    }

.newsletter-subscribe > div {
    position: relative;
}

    .newsletter-subscribe > div .send {
        position: absolute;
        height: 27px;
        line-height: 25px;
        width: 27px;
        padding: 0;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #999;
        background-color: transparent;
        border-radius: 50%;
        border: 2px solid #ef394e;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

        .newsletter-subscribe > div .send:hover {
            background-color: #ef394e;
            color: #fff;
        }

.newsletter-validation > span {
    position: absolute;
    top: -30px;
    right: 50px;
    color: #888;
}

.footer {
    background-color: #ececec;
    margin-top: 50px;
}

.newsletter {
    padding: 20px 0;
    background-color: #fff;
    margin-top: 50px;
    box-shadow: 0 0 10px #eee;
}

    .newsletter .title {
        color: #444;
    }

.newsletter-subscribe > div {
    position: relative;
}

    .newsletter-subscribe > div .send {
        position: absolute;
        height: 27px;
        line-height: 25px;
        width: 27px;
        padding: 0;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #999;
        background-color: transparent;
        border-radius: 50%;
        border: 2px solid #ef394e;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

        .newsletter-subscribe > div .send:hover {
            background-color: #ef394e;
            color: #fff;
        }

.newsletter-validation > span {
    position: absolute;
    top: -30px;
    right: 50px;
    color: #888;
}

.newsletter-result {
    position: fixed;
    display: none;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    width: 400px;
    margin: auto;
    text-align: center;
    padding: 30px 30px;
    background-color: #777;
    box-shadow: 0 0 5px #ddd;
    color: #fff;
    border-radius: 3px;
    z-index: 10;
    opacity: .9;
}

.top-footer .topic-block,
.top-footer .links-footer {
    padding: 30px 0;
}

    .top-footer .topic-block .title {
        font-size: 17px;
    }

    .top-footer .topic-block > div p {
        margin: 0;
        font-size: 13px;
        color: #777;
        line-height: 25px;
    }

.top-footer .contact-us {
    margin: 30px 0;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top: 0;
    text-align: center;
}

    .top-footer .contact-us span {
        color: #888;
        font-size: 12px;
    }

    .top-footer .contact-us a {
        display: block;
        color: #222;
    }

    .top-footer .contact-us .phone i {
        font-size: 23px;
        display: block;
        margin-bottom: 13px;
    }

.top-footer .links-footer ul {
    margin: 0;
    line-height: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

    .top-footer .links-footer ul li::marker {
        color: #bbb;
    }

    .top-footer .links-footer ul li a {
        color: #777;
        font-size: 13px;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }

        .top-footer .links-footer ul li a:hover {
            color: #ef394e;
            margin-right: 7px;
        }

.top-footer .bottom {
    padding: 15px 0;
    border: 1px solid #ccc;
    background-color: #e2e2e2;
    color: #444;
    border-radius: 5px;
}

.socialMedia li,
.socialMedia div {
    margin: 5px;
}

    .socialMedia li a,
    .socialMedia div a {
        width: 27px;
        height: 27px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #888;
        background-color: #fff;
        /*color:#fff;*/
        font-size: 16px;
        border-radius: 50%;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

    .socialMedia li.rss {
        display: none;
    }

.socialMedia .twitter a {
    color: #1c96e8;
}

.socialMedia .facebook a {
    color: #157dc3;
}

.socialMedia .youtube a {
    color: #f70000;
}

.socialMedia .instagram a:before {
    content: "\f16d";
    font-family: 'Font Awesome 5 Brands';
    background: linear-gradient(to bottom right, #5851DB, #E1306C, #FCAF45);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.socialMedia .telegram a:before {
    content: "\f3fe";
    font-family: 'Font Awesome 5 Brands';
    color: #2ca5e0;
}

.socialMedia .linkedin a:before {
    content: "\f0e1";
    font-family: 'Font Awesome 5 Brands';
    color: #0a66c2;
}

.socialMedia .google a:before {
    content: "\f0d5";
    font-family: 'Font Awesome 5 Brands';
    background: linear-gradient(to bottom right, #e34133, #f3b605, #32a350, #4081ec);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.socialMedia .whatsapp a:before {
    content: "\f232";
    font-family: 'Font Awesome 5 Brands';
    color: #43c453;
}

.socialMedia .email a:before {
    content: "\f0e0";
    font-family: 'Font Awesome 5 Pro';
    color: #0054ff;
}

.socialMedia .aparat a img {
    max-width: 100%;
    max-height: 100%;
    padding: 3px;
    /*filter:invert(1);*/
}

.socialMedia .eitaa a:before {
    content: "";
    background-image: url('/images/eitaa-logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 80%;
    height: 80%;
}

.socialMedia a:hover {
    opacity: .5;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.top-footer .bottom .namad {
    text-align: left;
    display: flex;
    justify-content: end;
    align-items: center;
}

    .top-footer .bottom .namad img {
        max-height: 90px;
        width: auto !important;
        margin: 0 10px;
    }

.bottom-footer {
    position: relative;
    margin-top: 40px;
    padding: 10px 15px;
    background-color: #666;
    border-top: 1px solid #888;
    color: #d5d5d5;
    font-size: 11px;
}

    .bottom-footer a {
        color: #fff;
        border-bottom: 1px dashed #d5d5d5;
        font-size: 13px;
        font-weight: bold;
    }

        .bottom-footer a:hover {
            color: #ef394e;
        }

.go-to-top {
    position: absolute;
    top: -36px;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 35px solid #555;
    color: #fff;
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .6s;
    transition: all .6s;
}

    .go-to-top i {
        margin-top: 10px;
    }

    .go-to-top:hover {
        border-bottom-color: #777;
        color: #eee;
    }

main {
    padding-top: 150px;
}

.slide-section {
    margin-bottom: 30px;
}

    .slide-section .theme-custom {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin: 0;
    }

        .slide-section .theme-custom .nivoSlider {
            border-radius: 15px;
            overflow: hidden;
        }

        .slide-section .theme-custom .nivo-controlNav {
            left: 0;
        }

            .slide-section .theme-custom .nivo-controlNav a {
                width: 10px;
                height: 10px;
                border-radius: 50%;
            }

                .slide-section .theme-custom .nivo-controlNav a.active {
                    background-color: #444;
                }

.left-banner p {
    margin: 0;
    height: 50%;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
}

    .left-banner p:first-child {
        padding-bottom: 7px;
    }

    .left-banner p:nth-child(2) {
        padding-top: 7px;
    }

    .left-banner p img {
        height: 100%;
        /*width:100%;*/
        border-radius: inherit;
    }

.offer-section {
    background-color: #ef394e;
    padding: 35px 0;
    margin-bottom: 35px;
}

.owl-carousel.owl-rtl .product-Box {
    direction: ltr;
}

.product-Box {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.product-homePage-carousel .product-Box {
    margin: 5px 0;
}

    .product-homePage-carousel .product-Box:hover {
        box-shadow: 0 0 10px #ddd;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

.product-Box .picture {
    height: 170px;
    margin-bottom: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .product-Box .picture img {
        max-height: 100%;
        width: auto;
        margin: auto;
    }

.product-Box .details .add-info > span {
    position: absolute;
    top: 65px;
    right: 0;
    left: 0;
    background-color: rgb(3 3 3 / 0.65);
    color: #fff;
    padding: 8px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.badge.offer {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ef394e;
    padding: 7px 10px;
    border-radius: 0 0 0 10px;
    color: #fff;
    text-align: left;
}

.product-Box .product-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    color: #444;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
}

.prices {
    padding: 0 10px 10px;
    margin: 0 10px;
    height: 56px;
    border-bottom: 1px solid #eee;
}

    .prices .price {
        display: block;
        font-size: 14px;
    }

    .prices .old-price,
    .non-discounted-price .last-price {
        position: relative;
        text-decoration: line-through;
        color: #888 !important;
        font-size: 12px !important;
        font-weight: normal !important;
    }

    .prices .last-price {
        font-weight: bold;
        font-size: 16px;
        color: #555;
    }

    .prices .comingsoon {
        position: absolute;
        top: 30px;
        left: -30px;
        background-color: rgb(66, 177, 96);
        width: 150px;
        height: 25px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        text-align: center;
        color: #fff;
    }

.product-Box .prices .not-exist,
.product-item .prices .not-exist {
    padding: 3px;
    width: 100px;
    float: left;
    background-color: #bbb;
    color: #fff;
    text-align: center;
    border-radius: 15px;
}

.countDown-timer {
    position: relative;
    width: 100%;
    height: 65px;
}

.offer-carousel .owl-nav,
.products-home-section .owl-nav {
    margin: 0;
}

    .offer-carousel .owl-nav button,
    .products-home-section .owl-nav button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 40px !important;
        color: #444 !important;
        text-shadow: 0 0 1px #000;
        margin: 0 !important;
    }

        .offer-carousel .owl-nav button span,
        .products-home-section .owl-nav button span {
            background-color: #fff;
            padding: 0 10px;
            border: 1px solid #ddd;
        }

    .offer-carousel .owl-nav .owl-prev,
    .products-home-section .owl-nav .owl-prev {
        right: unset;
        left: 0;
    }

        .offer-carousel .owl-nav .owl-prev span,
        .products-home-section .owl-nav .owl-prev span {
            border-radius: 0 5px 5px 0;
        }

    .offer-carousel .owl-nav .owl-next,
    .products-home-section .owl-nav .owl-next {
        left: unset;
        right: 0;
    }

        .offer-carousel .owl-nav .owl-next span,
        .products-home-section .owl-nav .owl-next span {
            border-radius: 5px 0 0 5px;
        }

    .offer-carousel .owl-nav button:hover,
    .products-home-section .owl-nav button:hover {
        background-color: transparent !important;
    }

.all-in-One-carousel .owl-nav {
    position: unset;
}

.pic-offer img {
    max-height: 270px;
    margin: auto;
}

.pic-offer a {
    position: absolute;
    bottom: 10px;
    padding: 5px 20px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
}

.homePageCat-Section {
    margin-top: 35px;
}

    .homePageCat-Section .item-box {
        margin-bottom: 35px;
    }

        .homePageCat-Section .item-box .title {
            position: absolute;
            right: 15px;
            left: 15px;
            bottom: 0;
            border-radius: 0 0 10px 10px;
            margin: 0;
            padding: 7px;
            color: #fff;
            text-shadow: 0 1px 2px #000;
            background-color: rgba(0, 0, 0, 0.4);
        }

    .homePageCat-Section .picture {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
        -webkit-transition: .4s;
        transition: .4s;
    }

        .homePageCat-Section .picture img {
            height: 100%;
            width: 100%;
        }

        .homePageCat-Section .picture:hover {
            box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.35);
        }

.products-home-section,
.banner-section {
    margin-bottom: 35px;
}

    .products-home-section .frame {
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.20);
        padding: 20px 0;
    }

    .products-home-section .title {
        padding-bottom: 10px;
        border-bottom: 2px solid #eee;
        margin: 0 20px 20px;
    }

        .products-home-section .title span {
            padding-bottom: 8px;
            border-bottom: 2px solid #ef394e;
            font-size: 20px;
            font-weight: bold;
        }

.index-carousel .badge.offer {
    position: relative;
    padding: 5px;
    background-color: #fff;
    color: #ef394e;
    border: 1px solid #ef394e;
    border-radius: 2px;
    margin-left: 5px;
}

.index-carousel .prices,
.price-sec .prices {
    border: none;
}

.banner-section .inner {
    padding: 0 15px;
}

    .banner-section .inner p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
    }

        .banner-section .inner p:not(:last-of-type) {
            margin-right: 20px;
        }

    .banner-section .inner img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

.blogSection .title-section {
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    margin: 0 20px 20px;
}

.blogBox {
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
}

    .blogBox img {
        height: 180px;
        width: auto !important;
        margin: 0 auto 15px;
    }

    .blogBox .content {
        padding: 15px
    }

    .blogBox .date {
        color: #bbb;
        font-size: 12px;
        text-align: right;
    }

    .blogBox .title {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 25px;
        height: 50px;
        text-align: justify;
    }

        .blogBox .title a {
            color: #444;
        }

    .blogBox .short-description {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-align: justify;
        height: 57px;
        font-size: 13px;
        color: #777;
        margin-bottom: 15px;
    }

    .blogBox .more {
        color: #666;
        font-weight: bold;
    }

    .blogBox:hover .more,
    .blogBox:hover .title a {
        color: #ef394e;
    }

.blogSection .owl-nav {
    position: absolute;
    top: -70px;
    left: 5px;
    margin: 0;
    color: #888;
    font-size: 30px;
}

    .blogSection .owl-nav button {
        width: 25px;
        height: 25px;
        line-height: 22px !important;
        background-color: #bbb !important;
        border: 2px solid #aaa !important;
    }

        .blogSection .owl-nav button span {
            color: #fff;
        }

        .blogSection .owl-nav button:hover {
            background-color: transparent !important;
        }

            .blogSection .owl-nav button:hover span {
                color: #ef394e;
            }

.btn-red {
    font-size: 13px;
    background-color: #ef394e;
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    height: 40px;
}

    .btn-red:hover {
        -webkit-filter: grayscale(30%);
        filter: grayscale(30%);
        color: #fff;
    }

.btn-red-transparent {
    font-size: 13px;
    background-color: #fff;
    color: #ef394e;
    border: 2px solid #ef394e;
    padding: .3rem .75rem;
    height: 40px;
    line-height: 25px;
    -webkit-transition: .4s;
    transition: .4s;
}

    .btn-red-transparent:hover {
        background-color: #ef394e;
        color: #fff;
    }

.btn.btn-code,
.btn-blue {
    background-color: #07bbd1;
    border: 2px solid #07bbd1;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    -webkit-transition: .4s;
    transition: .4s;
}

    .btn.btn-code:hover,
    .btn.btn-code:focus,
    .btn-blue:hover,
    .btn-blue:focus {
        background-color: #fff;
        color: #07bbd1;
    }

.checkout-as-guest-button {
    font-size: 13px;
    background-color: #fff;
    color: #777;
    border: 2px solid #777;
    padding: .3rem .75rem;
    height: 40px;
    -webkit-transition: .4s;
    transition: .4s;
}

    .checkout-as-guest-button:hover {
        background-color: #777;
        color: #fff;
    }

.login-page,
.register-page,
.recoveryPassword-page {
    margin: 20px 0;
}

.login-section {
    padding: 30px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
}

.rememberMe {
    position: relative;
}

    .rememberMe input {
        opacity: 0;
        z-index: 1;
    }

    .rememberMe .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #f5f5f5;
        border: 1px solid #ddd;
    }

        .rememberMe .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 4px;
            top: 0;
            width: 5px;
            height: 11px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .rememberMe input:checked ~ .checkmark {
        background-color: #ef394e;
        border-color: #ef394e;
    }

        .rememberMe input:checked ~ .checkmark:after {
            display: block;
        }

    .rememberMe label {
        margin: 0 0 0 10px;
    }

.date-of-birth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .date-of-birth select {
        font-size: 13px;
        background-color: #fff;
        border: 1px solid #ced4da;
        color: #666;
        border-radius: .25rem;
        margin-left: 5px;
    }

.message-error {
    color: #ef394e;
}

.form-group {
    position: relative;
}

    .form-group .required {
        position: absolute;
        top: -2px;
        left: -6px;
        color: #ef394e;
    }

    .form-group .form-control,
    .form-control {
        font-size: 13px;
    }

.field-validation-error {
    color: #ef394e;
    font-size: 12px;
    font-weight: bold;
}

.cart-page .page-title .title {
    position: relative;
    height: 50px;
    margin: 0;
}

    .cart-page .page-title .title span {
        position: absolute;
        top: 15px;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #f8f8f8;
        padding-right: 10px;
        z-index: 1;
    }

    .cart-page .page-title .title:after {
        content: "";
        position: absolute;
        top: 15px;
        width: 100%;
        height: 2px;
        background-color: #ddd;
        right: 0;
    }

.list-item-cart {
    padding: 0;
    list-style-type: none;
}

    .list-item-cart .item {
        background-color: #fff;
        border: 1px solid #eee;
        box-shadow: 0 2px 10px #f1f1f1;
        border-radius: 5px;
        padding: 15px 0;
        margin-bottom: 15px;
    }

        .list-item-cart .item > div {
            min-height: 130px;
        }

        .list-item-cart .item .prices-cart p {
            font-size: 12px;
            margin: 0;
        }

        .list-item-cart .item .attributes,
        .list-item-cart .item .availability span {
            font-size: 12px;
            color: #888;
        }

.box-price-total {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
}

    .box-price-total li {
        line-height: 25px;
        font-size: 13px;
        color: #666;
    }

.order-summary-content .no-data > i {
    display: block;
    height: 150px;
    width: 150px;
    text-align: center;
    line-height: 150px;
    background-color: #eee;
    border-radius: 50%;
    border: 2px dashed #d5d5d5;
    box-shadow: -3px 5px 10px #ddd;
    margin: auto;
    font-size: 55px;
    color: #888;
}

.cart-options .time-sec {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
}

.cart-options .checkout-attributes {
    padding: 20px 0;
}

    .cart-options .checkout-attributes > div:first-child {
        margin-bottom: 25px;
    }

.checkout-attributes .required,
.required {
    color: #ef394e;
}

.cart-options .checkout-attributes .option-list {
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .cart-options .checkout-attributes .option-list li {
        position: relative;
        min-width: 32%;
        margin: 15px 0 0 1%;
    }

        .cart-options .checkout-attributes .option-list li.disable {
            opacity: .4;
        }

.selected-checkout-attributes {
    margin: 15px;
    padding: 10px;
    background-color: #f1f1f1;
    line-height: 23px;
    font-size: 13px;
}

.cart-collaterals .deals > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 15px;
}

.msg {
    font-size: 12px;
    font-weight: bold;
    margin-top: 7px;
}

.current-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f5f5f5;
    padding: 5px 10px;
    font-size: 12px;
    margin-top: 10px;
}

.remove-discount-button {
    border: none;
    background-color: transparent;
    color: #ef394e;
}

.ui-dialog {
    position: fixed !important;
    font-family: inherit !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ui-widget-header {
    border: none !important;
    color: #444 !important;
}

.ui-dialog .ui-dialog-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .ui-dialog .ui-dialog-title:before {
        content: "\f0f3";
        font-family: Font Awesome\ 5 Pro;
        font-weight: 100;
        font-size: 30px;
        margin-right: 15px;
        color: #eb5567;
    }

.ui-dialog .ui-dialog-titlebar-close {
    right: 15px !important;
    background-color: transparent;
    border: none;
}

    .ui-dialog .ui-dialog-titlebar-close:before {
        content: "\f00d";
        font-family: Font Awesome\ 5 Pro;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
        color: #888;
    }

.ui-dialog .ui-dialog-content {
    padding: 1rem !important;
}
/*** ESTIMATE SHIPPING POPUP COMMON ***/
.estimate-shipping-popup {
    position: relative;
    background: #FFF;
    padding: 25px 10px;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
}

.estimate-shipping-popup-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.estimate-shipping-popup-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.shipping-options-loading {
    background: url(../images/ajax-loader-small.gif) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    left: 8px;
    margin: 4% 50%;
}

.shipping-address .required {
    margin-right: 0px;
}

.estimate-shipping-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .estimate-shipping-row.shipping-option {
        cursor: pointer;
    }

        .estimate-shipping-row.shipping-option.active {
            font-weight: 700;
        }

.estimate-shipping-row-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

    .estimate-shipping-row-item.shipping-item {
        padding: 8px 0;
        overflow: hidden;
        overflow-wrap: break-word;
    }

    .estimate-shipping-row-item.shipping-header-item {
        padding: 12px 0;
        border-bottom: 1px solid #f2f2f2;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
        padding-left: 15px;
    }

    .estimate-shipping-row-item + .estimate-shipping-row-item {
        padding-left: 10px;
    }

.estimate-shipping-row-item-radio {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
}

.ship-to-title {
    margin-bottom: 20px;
    text-align: left;
}

.choose-shipping-title {
    margin-top: 20px;
    text-align: left;
}

.estimate-shipping-address-control {
    width: 100%;
    height: 36px;
}

.estimate-shipping-radio {
    display: none;
}

    .estimate-shipping-radio + label {
        -webkit-appearance: none;
        background-color: #fafafa;
        border: 1px solid #cacece;
        padding: 9px;
        border-radius: 50px;
        display: inline-block;
        position: relative;
    }

    .estimate-shipping-radio:checked + label:after {
        content: ' ';
        width: 6px;
        height: 6px;
        border-radius: 50px;
        position: absolute;
        top: 6px;
        right: 6px;
        background: #ffffff;
    }

    .estimate-shipping-radio:checked + label {
        background-color: #4ab2f1;
        color: #99a1a7;
        border: 1px solid #adb8c0;
        border-color: #4ab2f1;
    }

.apply-shipping-button-container {
    margin-top: 15px;
    text-align: center;
}

.shipping-options-header {
    top: 0;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
}

.shipping-options {
    position: relative;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    background: #FFF no-repeat;
    background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0));
    background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0));
    background-position: 0 0, 0 100%;
    background-size: 100% 7px;
}

    .shipping-options:before,
    .shipping-options:after {
        content: "";
        position: relative;
        z-index: -1;
        display: block;
        height: 30px;
        margin: 0 0 -30px;
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(30%, #FFF), to(rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
        background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
    }

    .shipping-options:after {
        margin: -30px 0 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #FFF), to(#FFF));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
    }

.no-shipping-options {
    text-align: center;
    margin: 4% 0;
}

.estimate-shipping-popup .message-failure {
    margin: 5px 0 -5px;
    font-size: 12px;
    color: #e4434b;
}

/*** SHOPPING CART ESTIMATE SHIPPING ***/
.shopping-cart-page .common-buttons .estimate-shipping-button {
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    font-size: 15px;
    text-align: center;
    color: #fff;
}

    .shopping-cart-page .common-buttons .estimate-shipping-button:hover,
    .shopping-cart-page .common-buttons .estimate-shipping-button:focus {
        background-color: #999;
    }

.apply-shipping-button {
    border-radius: 5px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.estimate-shipping-radio:checked + label {
    background-color: #edd41b;
    border-color: #edd41b;
}

.choose-shipping-title {
    margin-top: 30px;
    padding: 10px 5px;
    border-bottom: 1px dashed #ddd;
    font-size: 16px;
}

.estimate-shipping-row {
    position: relative;
    text-align: left;
}

.shipping-address .required {
    position: absolute;
    top: -10px;
    left: 1px;
    color: #ef394e;
}

.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
    padding-top: 40px;
    color: #777;
}

.mfp-close-btn-in .mfp-close {
    color: #ef394e;
}

.block-account-navigation,
.account-page {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 10px #f1f1f1;
    border-radius: 10px;
    padding: 20px;
}

    .block-account-navigation ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .block-account-navigation .list a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #888;
        padding: 10px 0;
    }

        .block-account-navigation .list a:hover {
            background-color: #f5f5f5;
            color: #07bbd1;
        }

        .block-account-navigation .list a.active {
            color: #07bbd1;
            font-weight: bold;
        }

            .block-account-navigation .list a.active:before {
                opacity: .7;
            }

        .block-account-navigation .list a:before {
            content: "";
            display: inline-block;
            width: 35px;
            height: 35px !important;
            background-color: transparent;
            background-image: url(/Themes/MobileFirst/Content/images/icon/account-nav-sprite.png);
            background-repeat: no-repeat;
            opacity: .5;
        }

    .block-account-navigation .list .sign-out a:before {
        display: none;
    }

    .block-account-navigation .list .sign-out a i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        font-size: 20px;
    }

    .block-account-navigation .list .sign-out .txt-home {
        display: none;
    }

    .block-account-navigation .customer-info a:before {
        background-position: center -11px;
    }

    .block-account-navigation .customer-addresses a:before {
        background-position: center -62px;
    }

    .block-account-navigation .customer-orders a:before {
        background-position: center -114px;
    }

    .block-account-navigation .return-requests a:before {
        background-position: center -166px;
    }

    .block-account-navigation .downloadable-products a:before {
        background-position: center -218px;
    }

    .block-account-navigation .back-in-stock-subscriptions a:before {
        background-position: center -270px;
    }

    .block-account-navigation .reward-points a:before {
        background-position: center -322px;
    }

    .block-account-navigation .change-password a:before {
        background-position: center -374px;
    }

    .block-account-navigation .customer-avatar a:before {
        background-position: center -426px;
    }

    .block-account-navigation .forum-subscriptions a:before {
        background-position: center -478px;
    }

    .block-account-navigation .customer-reviews a:before {
        background-position: center -530px;
    }

    .block-account-navigation .WarrantyInquiry a:before,
    .block-account-navigation .WarrantyHistory a:before,
    .block-account-navigation .ServiceRequest a:before,
    .block-account-navigation .RegisteryCodeInquiry a:before {
        background-image: unset !important;
        font-weight: bold;
        line-height: 35px;
        text-align: center;
        color: #000;
    }

    .account-page .page-title {
        position: relative;
        height: 50px;
        margin: 0;
    }

        .account-page .page-title span {
            position: absolute;
            top: 15px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: #fff;
            padding-left: 10px;
            z-index: 1;
            font-size: 20px;
        }

        .account-page .page-title:before {
            content: "";
            position: absolute;
            top: 15px;
            width: 100%;
            height: 2px;
            background-color: #ddd;
            right: 0;
        }

    .account-page .page-body .fieldset {
        margin: 20px 0;
        padding: 15px;
        border: 1px solid #eee;
    }

        .account-page .page-body .fieldset .title span {
            border-bottom: 1px dashed #17a2b8;
            color: #666;
            font-weight: bold;
            font-size: 13px;
        }

    .account-page .page-body .address-list,
    .account-page .page-body .order-list {
        padding: 0;
        list-style-type: none;
        margin: 0;
    }

    .account-page .page-body .address-item,
    .account-page .request-item {
        padding: 20px;
        border-bottom: 1px solid #eee;
    }

        .account-page .page-body .address-item:last-child,
        .account-page .request-item:last-child {
            border: 0;
        }

        .account-page .page-body .address-item ul,
        .account-page .page-body .order-item ul,
        .account-page .page-body .request-item ul {
            font-size: 13px;
            list-style-type: none;
            padding: 0;
            color: #777;
            margin: 15px 0 0;
            line-height: 25px;
        }

            .account-page .page-body .request-item ul li {
                display: flex;
                align-items: center;
            }

            .account-page .page-body .request-item ul label {
                margin: 0;
                font-weight: bold;
            }

            .account-page .page-body .request-item ul a {
                color: #ef394e;
            }

    .account-page .page-body .del-edit-btns .btn {
        font-size: 13px;
        font-weight: bold;
        padding: 0 5px;
    }

        .account-page .page-body .del-edit-btns .btn:hover {
            -webkit-filter: grayscale(60%);
            filter: grayscale(60%);
        }

    .account-page .page-body .order-item {
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 20px;
    }

        .account-page .page-body .order-item:last-child {
            margin-bottom: 0;
        }

        .account-page .page-body .order-item ul span {
            color: #777;
            font-weight: bold;
        }

        .account-page .page-body .order-item ul .order-status.pending {
            color: #ffb400;
            padding: 0 5px;
            border: 1px dashed #ffb400;
        }

        .account-page .page-body .order-item ul .order-status.complete {
            color: rgb(66, 177, 96);
            padding: 0 5px;
            border: 1px dashed rgb(66, 177, 96);
        }

        .account-page .page-body .order-item ul .order-status.cancelled {
            color: #ef394e;
            padding: 0 5px;
            border: 1px dashed #ef394e;
        }

.gender .icon {
    background-image: url(/Themes/MobileFirst/Content/images/icon/male-femal-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    opacity: .4;
    cursor: pointer;
}

    .gender .icon:hover {
        opacity: 1;
    }

.gender .male .icon {
    background-position: -50px center;
}

.gender .female .icon {
    background-position: -5px center;
}

.gender input {
    display: none;
}

    .gender input:checked ~ label {
        opacity: 1;
    }

.gender label {
    margin: 0;
}

.btn-addNewAddress {
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 13px;
    border: 3px dashed #07bbd1;
    background-color: #fff;
    color: #888;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

    .btn-addNewAddress:hover {
        border-color: #888;
        color: #888;
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

.new-address-sec {
    display: none;
    padding: 40px;
    border: 1px solid #eee;
    background-color: #fff;
}

    .new-address-sec .title {
        text-align: center;
        margin-bottom: 35px;
    }

        .new-address-sec .title span {
            font-size: 18px;
            border-bottom: 2px solid #ef394e;
        }

.order-item .info span {
    position: relative;
    padding: 0 15px;
    color: #666;
    font-size: 12px;
}

    .order-item .info span:before {
        position: absolute;
        content: "\f111";
        font-family: Font Awesome\ 5 Pro;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #ddd;
        font-size: 5px;
        font-weight: bold;
    }

    .order-item .info span:first-child {
        padding-left: 0;
    }

        .order-item .info span:first-child:before {
            display: none;
        }

.account-page .page-body .detail-return-btns .btn {
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px;
}

    .account-page .page-body .detail-return-btns .btn.order-details-button {
        color: #07bbd1;
    }

    .account-page .page-body .detail-return-btns .btn i {
        font-size: 10px;
        margin-left: 5px;
    }

    .account-page .page-body .detail-return-btns .btn:hover {
        -webkit-filter: grayscale(60%);
        filter: grayscale(60%);
    }

.account-page .subscription-list ul li {
    position: relative;
    line-height: 30px;
    margin-bottom: 5px;
}

    .account-page .subscription-list ul li a {
        color: #666;
    }

.account-page .page-body .product-review-item {
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    border-radius: 5px;
}

    .account-page .page-body .product-review-item:last-child {
        margin-bottom: 0;
    }

    .account-page .page-body .product-review-item .review-info {
        font-size: 11px;
        text-align: left;
    }

.account-page .review-item-img {
    width: 55px;
}

    .account-page .review-item-img a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.text-info-color {
    color: #07bbd1;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .text-info-color:hover {
        opacity: .7;
    }

.order-tabs .nav-item a {
    color: #888;
    border: 0;
}

    .order-tabs .nav-item a span {
        margin-left: 10px;
        width: 23px;
        height: 23px;
        line-height: 25px;
        font-size: 13px;
        display: inline-block;
        text-align: center;
        background-color: #888;
        color: #fff;
        border-radius: 3px;
    }

    .order-tabs .nav-item a.active {
        border: 0;
        border-bottom: 3px solid #ef394e;
        color: #ef394e;
    }

        .order-tabs .nav-item a.active span {
            background-color: #ef394e;
        }

.img-order-item a {
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .img-order-item a img {
        max-height: 100%;
        margin: auto;
    }

.product-reviews-overview {
    padding: 10px 0;
    border: 1px solid #eee;
    border-right: 0;
    border-left: 0;
    margin: 15px 0;
    font-size: 12px;
}

    .product-reviews-overview a {
        color: #888;
    }

        .product-reviews-overview a:hover {
            color: #bbb;
        }

.product-review-box {
    font-size: 12px;
}

    .product-review-box .rating {
        background: url(/Themes/MobileFirst/Content/images/icon/rating-sprite.png) left top repeat-x;
        width: 80px;
        direction: ltr;
    }

        .product-review-box .rating > div {
            height: 13px;
            background: #ffb400 url(/Themes/MobileFirst/Content/images/icon/rating-sprite.png) left bottom repeat-x;
        }

    .product-review-box .qty-comment span:nth-child(2) {
        color: #888;
    }

.account-page.avatar-page .image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #888;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumb {
    background-color: transparent;
    font-size: 12px;
    margin-top: -20px;
}

    .breadcrumb a {
        color: #888;
    }

        .breadcrumb a:hover {
            color: #ef394e;
            font-weight: bold;
        }

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: none;
        padding: 0 .4rem;
    }

.product-info {
    margin-bottom: 30px;
    padding: 30px 15px;
    box-shadow: 0 5px 10px #eee;
    background-color: #fff;
}

.product-name .title {
    font-size: 20px;
    font-weight: bold;
}

.pro-gallery {
    position: relative;
    border: 1px solid #eee;
    height: 350px;
    text-align: center;
    padding: 10px;
}

    .pro-gallery img {
        max-width: 100%;
        max-height: 100%;
        cursor: zoom-in;
    }

.lg-outer {
    direction: ltr;
}

.variant-picture {
    width: 150px;
}

    .variant-picture img {
    }

.picture-thumbs {
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .picture-thumbs .thumb-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 5px 3px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 5px;
        width: 65px;
        height: 65px;
        padding: 5px;
    }

        .picture-thumbs .thumb-item img {
            max-height: 100%;
            margin: auto;
        }

.preview-video {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0.8);
    align-items: center;
    justify-content: center;
    display: none;
}

    .preview-video video {
        max-height: 70vh;
        max-width: 80%;
    }

.close-preview {
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 35px;
    color: #fff;
    text-shadow: 0 0 1px #333;
    cursor: pointer;
}

    .close-preview:hover {
        opacity: .7;
    }

.overview-buttons {
    position: absolute;
    display: block !important;
    top: 5px;
    left: 20px;
    z-index: 1;
}

    .overview-buttons .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

        .overview-buttons .btn i {
            width: 30px;
            height: 30px;
            line-height: 30px;
            z-index: 1;
            border-radius: 3px;
        }

        .overview-buttons .btn span {
            opacity: 0;
            position: relative;
            margin-left: -20px;
            padding: 7px;
            border: 1px solid #888;
            background-color: #888;
            color: #fff;
            border-radius: 2px;
            font-size: 12px;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .overview-buttons .btn i:hover {
            border: 1px solid #ddd;
        }

            .overview-buttons .btn i:hover + span {
                opacity: 1;
                margin-left: 10px;
            }

        .overview-buttons .btn span:before {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: -6px;
            content: "";
            border-top: 7px solid transparent;
            border-right: 6px solid #888;
            border-bottom: 7px solid transparent;
        }

.product-reviews-overview {
    padding: 10px 0;
    border: 1px solid #eee;
    border-right: 0;
    border-left: 0;
    margin: 15px 0;
    font-size: 12px;
}

    .product-reviews-overview a {
        color: #888;
    }

        .product-reviews-overview a:hover {
            color: #bbb;
        }

.product-review-box {
    font-size: 12px;
}

    .product-review-box .rating {
        background: url(/Themes/MobileFirst/Content/images/icon/rating-sprite.png) left top repeat-x;
        width: 80px;
        direction: ltr;
    }

        .product-review-box .rating > div {
            height: 13px;
            background: #ffb400 url(/Themes/MobileFirst/Content/images/icon/rating-sprite.png) left bottom repeat-x;
        }

    .product-review-box .qty-comment span:nth-child(2) {
        color: #888;
    }

.see-comments {
    cursor: pointer;
    color: #888;
    font-weight: bold;
}

.product-info .manufacturers a {
    border-bottom: 1px dashed #888;
    color: #888;
}

.product-info .attributes {
    margin: 20px 0;
}

    .product-info .attributes > dl {
        margin: 10px 0;
    }

    .product-info .attributes dd {
        margin: 0;
    }

    .product-info .attributes .text-prompt {
        font-weight: bold;
    }

    .product-info .attributes select {
        border: 1px solid #bbb;
        color: #444;
        padding: 0 5px;
        font-size: 12px;
    }

    .product-info .attributes ul {
        list-style-type: none;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 13px;
    }

        .product-info .attributes ul li {
            margin-left: 5px;
        }

            .product-info .attributes ul li .color-picker {
                display: inline-block;
                padding: 0;
                height: 20px;
                width: 20px;
                border: 1px solid #ddd;
                margin: 0;
                border-radius: 50%;
            }

            .product-info .attributes ul li .img-square {
                display: inline-block;
                padding: 0;
                height: 30px;
                width: 50px;
                border: 1px solid #ddd;
                margin: 0;
                border-radius: 3px;
            }

            .product-info .attributes ul li.selected-value .color-picker,
            .product-info .attributes ul li.selected-value .img-square {
                border: 2px solid #666;
            }

            .product-info .attributes ul li.selected-value .color-picker {
                border: 2px solid #666;
            }

.product-info .right .short-description {
    font-size: 13px;
    margin-top: 20px;
}

.product-info .left {
    background-color: #f8f8f8;
    border-radius: 10px;
    border: 1px solid #eee;
}

    .product-info .left .delivery,
    .product-info .left .availability,
    .product-info .left .additional-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #444;
        font-size: 13px;
        padding: 20px 0;
        border-bottom: 1px solid #ededed;
    }

        .product-info .left .delivery .label,
        .product-info .left .availability .label,
        .product-info .left .additional-details .label {
            font-weight: bold;
            color: #555;
            margin-right: 5px;
        }

        .product-info .left .delivery .value,
        .product-info .left .availability .value,
        .product-info .left .additional-details .value {
            font-size: 13px;
            color: #777;
        }

        .product-info .left .delivery i,
        .product-info .left .availability i,
        .product-info .left .additional-details i {
            margin-right: 10px;
            color: #eb5567;
            font-size: 18px;
        }

        .product-info .left .delivery a,
        .product-info .left .availability a,
        .product-info .left .additional-details a {
            color: #777;
        }

    .product-info .left .price-sec {
        position: relative;
        padding: 20px 0;
        border: 0;
        margin: 0;
        height: auto;
    }

.price-sec .badge.offer {
    position: absolute;
    padding: 5px;
    background-color: #fff;
    color: #ef394e;
    border: 1px solid #ef394e;
    border-radius: 2px;
    top: 20px;
    left: 0;
    right: unset;
}

.product-info .left .price-sec .not-exist:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #888;
}

.product-info .left .price-sec .not-exist {
    position: relative;
    text-align: center;
}

.product-info .price-sec .not-exist span {
    position: relative;
    color: #888;
    padding: 5px 10px;
    background-color: #f8f8f8;
    font-size: 16px;
    font-weight: bold;
}

.product-info .left .price-sec .comingsoon {
    position: relative;
    text-align: center;
    width: unset;
    left: unset;
    -webkit-transform: none;
    transform: none;
    background-color: transparent;
}

    .product-info .left .price-sec .comingsoon:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: rgb(66, 177, 96);
    }

    .product-info .left .price-sec .comingsoon span {
        position: relative;
        color: rgb(66, 177, 96);
        padding: 5px 10px;
        background-color: #f8f8f8;
        font-size: 16px;
        font-weight: bold;
    }

.product-info .left .price-sec .old-price {
    font-size: 14px;
}

.product-info .left .price-sec .last-price {
    font-size: 18px;
}

.back-in-stock-subscription .btn {
    background-color: #999;
    color: #fff;
    width: 100%;
    margin: 20px 0;
}

    .back-in-stock-subscription .btn:hover {
        -webkit-filter: contrast(.6);
        filter: contrast(.6);
    }

.back-in-stock-subscription-page .page-body > div {
    font-size: 14px;
    color: #444;
}

.back-in-stock-subscription-page .page-body button {
    font-family: inherit !important;
    display: block;
    margin: auto;
}

.product-info .left .add-to-cart-sec {
    /*position:absolute;*/
    bottom: 20px;
    right: 15px;
    left: 15px;
}

.qty-label {
    font-size: 12px;
    color: #888;
    margin: 0;
}

.number-input {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px 0;
    direction: rtl;
}

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

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

    .number-input input[type=number] {
        max-width: 40px;
        padding: 5px;
        background-color: transparent;
        border: 1px solid #ced4da;
        border-radius: 0 !important;
        border-width: 0 1px;
        outline: none;
        height: 25px;
        text-align: center;
    }

.btn-qty {
    width: 22px;
    height: 22px;
    text-align: center;
    color: #444;
    background-color: transparent;
    border: none;
    padding: 0;
}

.btn.add-to-cart {
    position: relative;
    border: 2px solid #ef394e;
    background-color: #ef394e;
    color: #fff;
    font-size: 14px;
    height: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    text-align: center;
    overflow: hidden;
}

    .btn.add-to-cart:before {
        content: "";
        height: 90px;
        width: 60px;
        left: -10px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #fff;
        opacity: 0.21;
        border-radius: 100%;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .btn.add-to-cart:hover:before {
        width: 120%;
    }

    .btn.add-to-cart:disabled:hover:before {
        width: 60px;
    }

    .btn.add-to-cart i {
        float: left;
        padding: 0 7px;
        line-height: 22px;
        font-size: 16px;
    }

.product-info-tab {
    margin-bottom: 35px;
}

    .product-info-tab .frame {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20);
    }

    .product-info-tab .tabList {
        border-bottom: 1px solid #ddd;
        background-color: #f6f6f6;
    }

        .product-info-tab .tabList a {
            position: relative;
            color: #666;
            padding: .7rem 1rem;
            border-left: 1px solid #ddd;
        }

            .product-info-tab .tabList a:before {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100%;
                height: 4px;
                background-color: #888;
                bottom: 70%;
                opacity: 0;
                visibility: visible;
                left: 0;
                -webkit-transition: all 0.3s ease 0.1s;
                transition: all 0.3s ease 0.1s;
            }

            .product-info-tab .tabList a:after {
                content: '';
                position: absolute;
                display: inline-block;
                width: 100%;
                height: 1px;
                background-color: #fff;
                top: 100%;
                opacity: 0;
                visibility: visible;
                left: 0;
            }

    .product-info-tab .frame .tab-pane {
        padding: 15px;
    }

.product-specs-box {
    padding: 20px 10px;
    border-bottom: 1px solid #eee;
}

    .product-specs-box:last-child {
        border: 0;
    }

    .product-specs-box .title {
        cursor: pointer;
    }

        .product-specs-box .title:hover {
            color: #ef394e;
        }

        .product-specs-box .title i {
            color: #888;
            font-size: 13px;
            margin-left: 5px;
        }

    .product-specs-box .list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 8px 0;
    }

        .product-specs-box .list li .list-key {
            width: 100%;
            max-width: 25%;
            color: #999;
            font-weight: bold;
        }

        .product-specs-box .list li .list-value {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 8px;
            background-color: #f5f5f5;
        }

        .product-specs-box .list li span {
            padding: 10px;
            display: block;
            background-color: #f5f5f5;
            font-size: 13px;
        }

.attribute-squares {
    display: inline-block !important;
    padding-left: 0 !important;
}

    .attribute-squares span {
        padding: 0 !important;
    }

.attribute-square.color {
    width: 20px;
}

.attribute-squares {
    display: block !important;
}

.attributes .color-squares li,
.attributes .image-squares li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color-squares li .tooltip-container,
.image-squares li .tooltip-container {
    margin: 0 5px;
    font-size: 12px;
}

.color-squares li .tooltip-body,
.image-squares li .tooltip-body {
    display: none;
}

.color-squares input,
.image-squares input {
    display: none;
}

.attributes .color-squares .attribute-square,
.color-squares .attribute-square {
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
}

.color-squares .selected-value .attribute-square,
.image-squares .selected-value .attribute-square {
    border-color: #fff;
    box-shadow: 0 0 5px #000;
}

.attributes .image-squares .attribute-square,
.image-squares .attribute-square {
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    border-radius: 3px;
    display: block;
    margin-left: 15px;
}

.option-list.color-squares {
    display: flex !important;
    flex-wrap: wrap;
}

.not-available-text {
    display: none;
}

.progressBarInfo .review-item {
    margin-top: 15px;
}

    .progressBarInfo .review-item p {
        margin-bottom: .5rem;
    }

    .progressBarInfo .review-item .product-review-box .rating {
        background: transparent;
        border-radius: 5px;
        overflow: hidden;
        width: 100%;
        height: 10px;
        border: 1px solid #eee;
        direction: rtl;
    }

        .progressBarInfo .review-item .product-review-box .rating > div {
            background: transparent;
            background-color: #eb5567;
            height: 8px;
        }

.addComment-div .btn {
    color: #ef394e;
    border: 2px solid #ef394e;
    background-color: #fff;
    font-weight: bold;
}

    .addComment-div .btn:hover {
        background-color: #ef394e;
        color: #fff;
    }

.list-comment .item {
    border-bottom: 1px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
}

    .list-comment .item .info {
        font-size: 11px;
        color: #888;
        margin-bottom: 10px;
    }

    .list-comment .item .txt {
        text-align: justify;
        line-height: 25px;
        word-break: break-word;
    }

.vote-options span {
    cursor: pointer;
}

    .vote-options span:hover {
        color: #ef394e;
    }

#comments .product-reviews-overview {
    display: none;
}

.product-info .addComment-div {
    display: none;
}

.product-tags-list ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.product-tags-list .tag a {
    padding: 5px 8px;
    background-color: #eee;
    color: #555;
    margin-left: 7px;
}

.opc li {
    margin: 0 0 10px;
}

.opc .step-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd;
    background-color: #fff;
}

    .opc .step-title .number {
        width: 40px;
        height: 40px;
        text-align: center;
        background-color: #ddd;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .opc .step-title .title {
        margin: 0;
        padding: 0 15px;
        color: #666;
    }

        .opc .step-title .title i {
            margin-left: 10px;
            font-size: 20px;
        }

.opc .allow .step-title .number {
    background-color: #666;
    color: #fff;
}

.opc .allow .step-title {
    background-color: #999;
    cursor: pointer;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .opc .allow .step-title:hover {
        opacity: .9;
        -webkit-transform: scale(.99) translateY(-2px);
        transform: scale(.99) translateY(-2px);
    }

    .opc .allow .step-title .title {
        color: #fff;
    }

.opc .allow.active .step-title .number {
    background-color: #999;
    color: #fff;
}

.opc .allow.active .step-title {
    background-color: #ddd;
}

    .opc .allow.active .step-title .title {
        color: #555;
    }

.opc .step {
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    text-align: center;
}

    .opc .step .payment-info {
        text-align: right;
    }

.section.new-billing-address,
.section.new-shipping-address {
    width: 70%;
    margin: 60px auto 30px;
    padding: 20px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align: right;
}

.order-progress-section {
    margin: 30px auto 70px;
}

.order-progress ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style-type: none;
    padding: 0;
}

    .order-progress ul li {
        position: relative;
        width: 100%;
        text-align: center;
    }

        .order-progress ul li a:before {
            content: "";
            position: absolute;
            height: 10px;
            width: 100%;
            top: 30px;
            right: 0;
            background-color: #d5d5d5;
        }

        .order-progress ul li:first-child a:before {
            border-radius: 7px 0 0 7px;
        }

        .order-progress ul li:last-child a:before {
            border-radius: 0 7px 7px 0;
        }

        .order-progress ul li a:after {
            content: "";
            position: absolute;
            top: 26px;
            right: 0;
            left: 0;
            margin: auto;
            width: 18px;
            height: 18px;
            background-color: #d5d5d5;
            border-radius: 50%;
        }

        .order-progress ul li a {
            position: absolute;
            right: 0;
            left: 0;
            margin: auto;
            margin-top: -30px;
            color: #444;
        }

        .order-progress ul li.active a,
        .order-progress ul li.done a {
            color: #07bbd1;
            font-weight: bold;
            transition-duration: .3s;
        }

            .order-progress ul li.active a:hover,
            .order-progress ul li.done a:hover {
                color: #ef394e;
            }

            .order-progress ul li.active a:before,
            .order-progress ul li.active a:after,
            .order-progress ul li.done a:before,
            .order-progress ul li.done a:after {
                background-color: #07bbd1;
                transition-duration: .3s;
            }

            .order-progress ul li.active a:hover:before,
            .order-progress ul li.active a:hover:after,
            .order-progress ul li.done a:hover:before,
            .order-progress ul li.done a:hover:after {
                background-color: #ef394e;
            }

.order-summary-section .list-item-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    margin-bottom: 1rem;
}

    .order-summary-section .list-item-cart .item {
        width: 14%;
        border: none;
        border-radius: 0;
        box-shadow: unset;
        margin: 10px 0;
    }

        .order-summary-section .list-item-cart .item > div {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            min-height: unset;
        }

            .order-summary-section .list-item-cart .item > div > div {
                width: 100%;
                max-width: unset !important;
            }

                .order-summary-section .list-item-cart .item > div > div a {
                    height: 70px;
                    display: -webkit-box !important;
                    display: -ms-flexbox !important;
                    display: flex !important;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

                    .order-summary-section .list-item-cart .item > div > div a img {
                        max-height: 100%;
                    }

.method-list li {
    position: relative;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    width: 31.33%;
    margin: 0 1% 20px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .method-list li label {
        cursor: pointer;
        margin: 0;
        padding: 15px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .method-list li.checked {
        border: 1px solid #07bbd1;
    }

    .method-list li:hover {
        box-shadow: 0 0 10px #aaa;
    }

    .method-list li .icon i {
        font-size: 25px;
        color: #07bbd1;
        border: 2px solid #ccc;
        background-color: #fff;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        line-height: 55px;
        text-align: center;
        margin-right: 20px;
    }

    .method-list li p {
        font-size: 12px;
        margin: 0;
    }

    .method-list li input {
        opacity: 0;
        position: absolute;
    }

.selectMark:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 70%;
    left: 0;
    top: 15%;
    background: #07bbd1;
    border-radius: 0 15px 15px 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: .4s;
    transition: .4s;
}

.selectMark:after {
    opacity: 0;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%) translateX(60%) scale(0);
    transform: translateY(-50%) translateX(60%) scale(0);
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 15px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    color: #07bbd1;
    border: 1px solid #07bbd1;
    text-align: center;
    border-radius: 50%;
}

.method-list li input:checked ~ .selectMark:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.method-list li input:checked ~ .selectMark:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(60%) scale(1);
    transform: translateY(-50%) translateX(60%) scale(1);
}

.method-list li label > div:nth-child(2) {
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    margin-right: 15px;
}

.payment-logo.icon > div {
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.address-grid .address-item {
    background-color: #fff;
    text-align: right;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

.order-review-data .side-list-wrap {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.shipping-options label {
    font-size: 13px;
    margin: 0;
}

.order-completed {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 30px 15px;
    text-align: center;
}

    .order-completed .details .link {
        border: none;
        border-bottom: 1px dashed #17a2b8;
        color: #07bbd1;
        font-weight: bold;
        background-color: transparent;
    }

        .order-completed .details .link:hover {
            color: #999;
        }

.del-edit-btns .btn:hover {
    opacity: .6;
}

.section.pickup-in-store {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 2px 10px #f1f1f1;
    margin-bottom: 15px;
}

.section.pickup-points {
    background-color: #fff;
    box-shadow: 0 2px 10px #f1f1f1;
}

.section.payment-info .info {
    background-color: #fff;
    text-align: left;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

    .section.payment-info .info label,
    .payment-info .info label {
        font-weight: bold;
        color: #888;
    }

.checkout-button {
    min-width: 120px;
}

.two-columns-page .side-2 .block {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 10px #f1f1f1;
    border-radius: 5px !important;
    margin-bottom: 10px;
}

    .two-columns-page .side-2 .block .title {
        padding: 10px;
        border-bottom: 1px solid #eee;
        margin: 0;
    }

        .two-columns-page .side-2 .block .title:after {
            content: "\f078";
            font-family: Font Awesome\ 5 Pro;
            font-size: 12px;
            font-weight: bold;
            float: right;
            margin-top: 3px;
        }

        .two-columns-page .side-2 .block .title + div {
            display: none;
        }

    .two-columns-page .side-2 .block .listbox {
        padding: 10px 0;
    }

        .two-columns-page .side-2 .block .listbox ul {
            list-style-type: none;
            margin: 0;
            padding-left: 20px;
        }

        .two-columns-page .side-2 .block .listbox li a {
            display: block;
            padding: 3px;
            color: #666;
            font-size: 13px;
        }

            .two-columns-page .side-2 .block .listbox li a:before {
                content: "";
                content: "\f054";
                font-family: Font Awesome\ 5 Pro;
                font-size: 8px;
                margin-right: 7px;
            }

            .two-columns-page .side-2 .block .listbox li a:hover {
                color: #999;
            }

        .two-columns-page .side-2 .block .listbox li.active.last > a {
            color: #07bbd1;
            font-weight: bold;
        }

.product-filters .filter-content {
    padding: 15px 25px;
}

.selected-price-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    direction: ltr;
    margin: 10px 0 20px;
}

    .selected-price-range span {
        padding: 1px 3px;
        min-width: 70px;
        font-size: 12px;
        background-color: #07bbd1;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        direction: rtl;
    }

.ui-slider-horizontal {
    height: .6em;
    margin-bottom: 10px;
}

    .ui-slider-horizontal .ui-slider-range {
        background-color: #ef394e;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-radius: 50%;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.4em;
    background-color: #ddd;
}

    .ui-slider-horizontal .ui-slider-handle:hover {
        background-color: #bbb;
    }

    .ui-slider-horizontal .ui-slider-handle:focus {
        box-shadow: unset;
        outline: unset;
    }

.two-columns-page .side-2 .block .view-all {
    text-align: right;
    padding: 0 10px;
}

    .two-columns-page .side-2 .block .view-all a {
        font-size: 12px;
        color: #ef394e;
    }

.two-columns-page .side-2 .block .listbox.none-before li a:before {
    display: none;
}

.product-spec-color .item.color-item {
    padding: 0;
    margin: 5px 0;
}

    .product-spec-color .item.color-item input {
        display: none;
    }

    .product-spec-color .item.color-item label {
        display: flex !important
    }

        .product-spec-color .item.color-item label span {
            margin: 0 8px;
        }

    .product-spec-color .item.color-item input:checked ~ label span {
        border: 1px solid #fff !important;
        box-shadow: 0 0 5px #000;
    }

.block-recently-viewed-products ul {
    padding: 0 5px !important;
}

.block-recently-viewed-products .product-picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 55px;
    height: 55px;
}

    .block-recently-viewed-products .product-picture img {
        max-height: 100%;
    }

.two-columns-page .center-2 .page-title h1 {
    position: absolute;
    z-index: -1;
    opacity: 0;
    font-size: 12px;
}

.two-columns-page .center-2 .title h1 {
    font-size: 25px;
}

.sub-category-item {
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px #eee;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .sub-category-item:hover {
        box-shadow: 2px 0px 10px #ccc;
    }

        .sub-category-item:hover > .title {
            background-color: #ef394e;
        }

            .sub-category-item:hover > .title a {
                color: #fff;
            }

    .sub-category-item a {
        display: block;
        color: #666;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

    .sub-category-item .title {
        font-size: 14px;
        background-color: #ddd;
        color: #888;
        text-align: center;
        margin: 0;
        padding: 10px 5px;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

    .sub-category-item .picture {
        height: 120px;
        text-align: center;
        background-color: #fff;
    }

        .sub-category-item .picture a {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .sub-category-item .picture img {
            max-height: 100%;
        }

.two-columns-page .center-2 .list-product-section {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
}

.product-selectors {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
}

.product-sorting select,
.product-page-size select {
    border-color: #eee;
}

.product-viewmode a {
    width: 25px;
    height: 25px;
    line-height: 27px;
    text-align: center;
    margin: 0 0 0 5px;
    border: 1px solid #ddd;
    color: #ccc;
    border-radius: 3px;
}

    .product-viewmode a.selected {
        color: #888;
        border-color: #aaa;
    }

    .product-viewmode a:hover {
        color: #ef394e;
    }

.product-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #f8f8f8;
}

.product-grid .product-item {
    width: 25%;
}

.product-list .product-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-item .picture {
    height: 170px;
    margin-bottom: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-list .product-item .picture {
    margin: 10px 40px;
    width: 170px;
}

.product-item .picture img {
    max-height: 100%;
    width: auto;
    margin: auto;
}

.product-item .product-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    color: #444;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
}

.product-item .prices .not-exist {
    display: block;
    margin: auto;
    float: none;
}

.product-item .prices .comingsoon {
    position: unset;
    -webkit-transform: unset;
    transform: unset;
    width: 100px;
    border-radius: 15px;
    display: block;
    margin: auto;
}

.compare-fav-buttons {
    position: absolute;
    top: 10px;
    left: -80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .6s;
    transition: .6s;
}

    .compare-fav-buttons .btn {
        font-size: 11px;
        color: #fff;
        padding: 2px 5px;
        width: 75px;
        text-align: left;
        background-color: #07bbd1;
        margin-top: 10px;
    }

        .compare-fav-buttons .btn:hover {
            -webkit-filter: grayscale(30%);
            filter: grayscale(30%);
        }

        .compare-fav-buttons .btn i {
            font-size: 13px;
        }

.product-item:hover .compare-fav-buttons {
    left: 5px;
}

.product-list .product-item .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .product-list .product-item .details .inner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 20px;
        border-right: 1px solid #eee;
        margin-right: 20px;
    }

.product-list .product-item .product-title {
    text-align: left;
}

.product-list .product-review-box {
    margin-bottom: 0 !important;
    justify-content: start !important;
}

.product-list .prices {
    height: auto;
    padding: 0 40px 0 0;
}

.pager {
    position: relative;
    text-align: center;
    padding: 20px 5px;
    margin-top: 20px;
}

    .pager ul {
        list-style-type: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0;
        margin: 0;
        border: 1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
    }

    .pager .total-summary {
        position: absolute;
        top: -7px;
        right: 0;
        left: 0;
        font-size: 13px;
    }

    .pager ul li {
        border-left: 1px solid #eee;
    }

        .pager ul li:last-child {
            border: 0;
        }

        .pager ul li a,
        .pager ul li span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 30px;
            height: 30px;
            padding: 0 5px;
            color: #999;
            font-size: 13px;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .pager ul li.current-page span {
            background-color: #07bbd1;
            color: #fff;
            font-weight: bold;
        }

        .pager ul li:hover a {
            background-color: #888;
            color: #fff;
        }

.wishlist-page,
.comparelist-page,
.user-agreement-page {
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 2px 10px #f1f1f1;
}

    .wishlist-page .page-title,
    .comparelist-page .page-title,
    .user-agreement-page .page-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .wishlist-page .inner {
        padding: 15px;
        margin-bottom: 30px;
        border: 1px solid #eee;
        box-shadow: 0 2px 10px #f1f1f1;
        border-radius: 5px;
    }

    .wishlist-page .product-picture {
        height: 90px;
        width: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

        .wishlist-page .product-picture img {
            max-height: 100%;
            margin: auto;
        }

    .wishlist-page .product-name {
        height: 43px;
        overflow: hidden;
        color: #666;
        font-weight: bold;
    }

    .wishlist-page .info {
        width: calc(100% - 110px);
    }

    .wishlist-page .del-view {
        font-size: 12px;
        font-weight: bold;
    }

        .wishlist-page .del-view i {
            font-size: 10px;
        }

        .wishlist-page .del-view label {
            position: relative;
            margin: 0;
            cursor: pointer;
        }

            .wishlist-page .del-view label:hover,
            .wishlist-page .del-view .remove-btn:hover {
                opacity: .5;
            }

        .wishlist-page .del-view input {
            opacity: 0;
            position: absolute;
        }

        .wishlist-page .del-view .remove-btn {
            border: none;
            background-color: transparent;
        }

        .wishlist-page .del-view .add-to-cart i,
        .wishlist-page .del-view .remove-from-cart i {
            font-size: 14px;
        }

    .wishlist-page .no-data i,
    .comparelist-page .no-data i {
        display: block;
        height: 150px;
        width: 150px;
        text-align: center;
        line-height: 150px;
        border-radius: 50%;
        box-shadow: -3px 5px 10px #ddd;
        margin: auto;
        font-size: 70px;
        color: #bbb;
    }

    .comparelist-page .table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .comparelist-page .table tr td {
            width: 25%;
            white-space: normal;
        }

    .comparelist-page .product-picture a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100px;
        margin: auto;
    }

        .comparelist-page .product-picture a img {
            max-height: 100%;
        }

    .comparelist-page .remove-product td {
        border-top: 1px solid #eee;
    }

    .comparelist-page .product-price td {
        border-bottom: 1px solid #eee;
    }

    .comparelist-page .remove-product td,
    .comparelist-page .product-picture td,
    .comparelist-page .product-name td,
    .comparelist-page .product-price td {
        border-right: 1px solid #eee;
    }

        .comparelist-page .remove-product td:last-child,
        .comparelist-page .product-picture td:last-child,
        .comparelist-page .product-name td:last-child,
        .comparelist-page .product-price td:last-child {
            border-left: 1px solid #eee;
        }

    .comparelist-page .product-price {
        border-bottom: 2px solid #07bbd1;
    }

        .comparelist-page .product-price td:after {
            content: "";
            position: absolute;
            bottom: -2px;
            right: 48%;
            border-bottom: 8px solid #07bbd1;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
        }

    .comparelist-page .specification h6 i {
        color: #07bbd1;
        font-size: 11px;
    }

    .comparelist-page .specification .label,
    .comparelist-page .full-description .label,
    .comparelist-page .short-description .label {
        background-color: #f1f1f1;
        color: #777;
        font-size: 13px;
        font-weight: bold;
    }

    .comparelist-page .specification .content {
        border-left: 1px solid #eee;
        margin: 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: justify;
        font-size: 12px;
    }

    .comparelist-page .full-description .content,
    .comparelist-page .short-description .content {
        border-left: 1px solid #eee;
        margin: 15px 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
        overflow: hidden;
        padding-bottom: 0;
        font-size: 12px;
    }

        .comparelist-page .full-description .content p,
        .comparelist-page .short-description .content p {
            margin-bottom: 0;
            text-align: justify !important;
        }

            .comparelist-page .full-description .content p span,
            .comparelist-page .short-description .content p span {
                font-size: 12px !important;
                text-align: justify !important;
            }

    .comparelist-page .clear-list {
        position: absolute;
        top: 30px;
        right: 30px;
        text-align: center;
        color: #ef394e;
        font-size: 13px;
        border: 1px solid #ef394e;
        border-radius: 3px;
        padding: 3px 10px;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

        .comparelist-page .clear-list:hover {
            background-color: #ef394e;
            color: #fff;
        }

.manufacturer-list-page {
    padding: 30px 20px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
}

    .manufacturer-list-page h1.title {
        position: relative !important;
        z-index: unset !important;
        opacity: 1 !important;
        font-size: 2rem !important
    }

    .manufacturer-list-page .manufacturer-item {
        display: block;
        background-color: #fff;
        box-shadow: 0 0 7px #ddd;
        border-radius: 5px;
        overflow: hidden;
        margin: 15px 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }

        .manufacturer-list-page .manufacturer-item .picture {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 150px;
        }

            .manufacturer-list-page .manufacturer-item .picture img {
                max-height: 100%;
                margin: auto;
                padding: 10px 0;
            }

        .manufacturer-list-page .manufacturer-item .title {
            background-color: #ccc;
            color: #fff;
            margin: 0;
            padding: 10px;
            font-size: 14px;
            text-align: center;
            -webkit-transition-duration: .4s;
            transition-duration: .4s;
        }

        .manufacturer-list-page .manufacturer-item:hover {
            box-shadow: -4px 5px 10px #ccc;
        }

            .manufacturer-list-page .manufacturer-item:hover .title {
                background-color: #ef394e;
            }

.contact-vendor-page {
    padding: 30px 20px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
}

.oneColumn-page {
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 2px 10px #f1f1f1;
}

    .oneColumn-page .page-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

.sitemap-page .entity {
    text-align: center;
    margin-bottom: 20px;
}

.sitemap-page .entity-title h2 {
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 10px 5px;
    background-color: #777;
    color: #fff;
    width: 92%;
    margin: 0 auto;
}

.sitemap-page .entity-body {
    margin-top: -15px;
    padding: 30px 10px 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

    .sitemap-page .entity-body a {
        color: #666;
    }

        .sitemap-page .entity-body a:hover {
            color: #bbb;
        }

.search-input-box {
    background-color: #f1f1f1;
    border: 1px solid #ededed;
    box-shadow: 0 2px 10px #eee;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
}

    .search-input-box .switch {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 35px;
        margin: 0;
    }

        .search-input-box .switch input {
            opacity: 0;
        }

        .search-input-box .switch span {
            position: absolute;
            content: "";
            background-color: #ddd;
            border: 1px solid #ccc;
            border-radius: 34px;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-transition: .4s;
            transition: .4s;
        }

            .search-input-box .switch span:before {
                position: absolute;
                content: "";
                height: 14px;
                width: 14px;
                left: 3px;
                bottom: 2px;
                background-color: #fff;
                border: 1px solid #ccc;
                -webkit-transition: .4s;
                transition: .4s;
            }

        .search-input-box .switch input[type="checkbox"]:checked ~ span {
            background-color: #07bbd1;
        }

            .search-input-box .switch input[type="checkbox"]:checked ~ span:before {
                -webkit-transform: translateX(14px);
                transform: translateX(14px);
            }

        .search-input-box .switch span:before {
            border-radius: 50%;
        }

.advanced-search {
    width: 45%;
    margin: auto;
}

.blog-page .page-title .title,
.news-page .page-title .title {
    position: relative !important;
    z-index: auto !important;
    font-size: 30px !important;
    opacity: 1 !important;
    height: 35px;
}

    .blog-page .page-title .title span,
    .news-page .page-title .title span {
        position: absolute;
        top: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #f8f8f8;
        padding-left: 10px;
        z-index: 1;
    }

    .blog-page .page-title .title:before,
    .news-page .page-title .title:before {
        content: "";
        position: absolute;
        top: 15px;
        width: 100%;
        height: 2px;
        background-color: #ddd;
        right: 0;
    }

.blog-posts-list .post {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    margin: 0 2% 30px 0;
    width: 32%;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .blog-posts-list .post:nth-child(3n+1) {
        margin-right: 0;
    }

.blog-posts-list .post-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .blog-posts-list .post-body > div {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .blog-posts-list .post-body .img-posts {
        height: 200px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

        .blog-posts-list .post-body .img-posts img {
            max-height: 100%;
            margin: auto;
        }

.blog-posts-list .post-title {
    font-size: 17px;
}

.blog-posts-list .description,
.news-page .news-item .description {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    color: #666;
    height: 57px;
    font-size: 13px;
}

.blog-posts-list .post:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 5px 10px #ddd;
}

    .blog-posts-list .post:hover .post-title a {
        color: #ef394e !important;
    }

.blog-post-page,
.news-post-page {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 15px;
}

    .blog-post-page .post-body img, .news-post-page img {
        max-width: 95%;
        height: auto;
        margin: 20px auto;
        display: block;
    }

    .blog-post-page .page-title .title,
    .news-post-page .page-title .title {
        position: relative !important;
        z-index: auto !important;
        font-size: 25px !important;
        opacity: 1 !important;
    }

.comment-item {
    border: 1px solid #eee;
    margin-bottom: 20px;
}

    .comment-item:last-child {
        margin: 0;
    }

    .comment-item img {
        width: 30px;
        border-radius: 50%;
    }

    .comment-item .comment-info {
        padding: 5px 10px;
        border-bottom: 1px solid #eee;
    }

    .comment-item .date {
        font-size: 12px;
        color: #999;
        font-weight: bold;
    }

    .comment-item .comment-content {
        text-align: justify;
        padding: 20px 10px;
        font-size: 13px;
    }

.news-page .news-item {
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    margin: 0 2% 30px 0;
    width: 32%;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

    .news-page .news-item:nth-child(3n+1) {
        margin-right: 0;
    }

    .news-page .news-item .img-news {
        height: 170px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

        .news-page .news-item .img-news img {
            max-height: 100%;
            margin: auto;
        }

    .news-page .news-item .news-title {
        font-size: 17px;
    }

    .news-page .news-item:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 5px 10px #ddd;
    }

        .news-page .news-item:hover .news-title a {
            color: #ef394e !important;
        }

.order-details-page {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 10px #f1f1f1;
    border-radius: 10px;
    padding: 20px;
}

    .order-details-page .title,
    .return-request-page .page-title h1,
    .shipment-details-page .title {
        font-size: 20px;
        margin: 0;
    }

.box-order-details,
.shipment-details-area > div {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.order-details-area {
    font-size: 13px;
}

.table thead {
    white-space: nowrap;
}

.table td, .table th {
    vertical-align: middle;
}

.table td {
    vertical-align: middle;
    white-space: nowrap;
}

    .table td.product > div {
        font-size: 11px;
        color: #888;
    }

    .table td.product .img-pro {
        width: 50px;
    }

.page-title-oneCol span {
    border-bottom: 2px solid #ef394e;
    font-size: 2rem;
}

.oneColumn-page .title a.product {
    color: #444;
}

    .oneColumn-page .title a.product:hover {
        color: #ef394e;
    }

.comment-page .message-error {
    margin: 30px auto;
}

    .comment-page .message-error ul {
        margin: 0;
    }

.review-rating {
    padding-top: 10px;
}

    .review-rating:first-child {
        border-top: 1px solid #eee;
    }

    .review-rating .item {
        margin-bottom: 20px;
    }

        .review-rating .item .label {
            font-size: 12px;
            font-weight: bold;
            margin: 0 15px;
            color: #777;
        }

        .review-rating .item .tooltip {
            position: static;
            opacity: 1;
        }

    .review-rating .rating-options {
        position: relative;
        height: 15px;
    }

.rating-options > div {
    position: relative;
    width: 15px;
    margin: 0 15px;
    z-index: 1;
}

    .rating-options > div:hover input ~ .checkmark {
        background-color: #ccc;
    }

.rating-options input {
    opacity: 0;
    z-index: 2;
}

.rating-options .checkmark {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 30px 0 -15px;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
    z-index: 1;
}

    .rating-options .checkmark:last-child {
        margin-right: 0;
    }

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.rating-options input:checked + .checkmark:after {
    display: block;
}

.rating-options .checkmark:after {
    top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
}

.rating-options input:checked + .checkmark {
    background-color: #ef394e;
}

.rating-options > div:first-child {
    margin-right: 0;
}

.rating-options > div:last-child {
    margin-left: 0;
}

.rating-options:after {
    content: "";
    position: absolute;
    top: 6px;
    height: 2px;
    width: 100%;
    background-color: #ddd;
}

.not-found-page .page-title .title,
.store-closed-page .page-title .title {
    font-size: 2rem;
    text-align: center;
}

.not-found-page .img-notFind {
    height: 180px;
    margin: auto;
    text-align: center;
}

    .not-found-page .img-notFind img {
        max-height: 100%;
    }

.store-closed-icon {
    width: 180px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 75px;
    background-color: #eee;
    border: 2px dashed #d5d5d5;
    color: #888;
    border-radius: 50%;
    margin: 0 auto 35px;
}

.tier-prices {
    margin: 20px 0;
}

    .tier-prices .title {
        margin-bottom: 20px;
    }

    .tier-prices .table-wrapper {
        overflow-x: auto;
    }

    .tier-prices table {
        width: 100%;
        text-align: center;
    }

        .tier-prices table td {
            border: 1px solid #eee;
            padding: 5px;
        }

    .tier-prices .field-header {
        min-width: 70px;
    }

    .tier-prices .item-price {
        background-color: #f9f9f9;
        font-size: 13px;
        color: #1589e5;
    }

.ribbon {
    position: absolute;
    right: 0;
    background-color: #ef394e;
    color: #fff;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 10px 0;
    top: 10px;
}

.product-info .ribbon {
    position: relative;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

.product-list .ribbon {
    right: 20px;
}

.vendors-manufactures-carousel .item .title {
    background-color: #ef394e;
}

.AllInOneImage-section .row {
    margin: 0 15px;
}

.AllInOneImage-section .carousel .item-box {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.quick-checkout > .container-fluid > .row {
    margin: 0;
}

.quick-section {
    background-color: #fff;
    text-align: left;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #f1f1f1;
    border-radius: 5px;
    padding: 15px;
}

    .quick-section .section-title {
        position: relative;
    }

        .quick-section .section-title .title {
            margin-bottom: 15px;
            padding: 0 0 0 10px;
            background-color: #fff;
            font-size: 17px;
            font-weight: bold;
            display: inline-block;
            position: relative;
            z-index: 1;
        }

        .quick-section .section-title:after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 2px;
            top: 10px;
            background-color: #ddd;
            z-index: 0;
        }

    .quick-section #change-BillingAddress-btn {
        color: #ef394e;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px dashed #ef394e;
        border-radius: 0;
        padding: 0 0 5px;
        margin-top: 10px;
        -webkit-transition-duration: .4s;
        -o-transition-duration: .4s;
        transition-duration: .4s;
    }

        .quick-section #change-BillingAddress-btn:hover {
            opacity: .7;
        }

    .quick-section .address-list .items {
        position: relative;
        top: unset;
        margin: 2% 0 0 2%;
        width: 32%;
        border: 2px solid #eee;
        border-radius: 5px;
        padding: 15px;
        font-size: 12px;
        text-align: left;
        transition: all .4s;
    }

        .quick-section .address-list .items.selected {
            border-color: #ef394e;
        }

    .quick-section .address-list .checkBox {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e9e9e9;
        cursor: pointer;
    }

        .quick-section .address-list .checkBox label {
            cursor: pointer;
        }

    .quick-section .address-list .items .create {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #777;
        cursor: pointer;
    }

    .quick-section .address-list .items .del-edit-btns button {
        border: none;
        font-size: 0;
        padding: 0;
        width: 30px;
        height: 30px;
    }

        .quick-section .address-list .items .del-edit-btns button:hover {
            opacity: .7;
        }

    .quick-section .address-list .del-edit-btns .delete-address-button:before {
        content: "\f2ed";
        font-family: 'Font Awesome 5 Pro';
        font-size: 15px;
        font-weight: 100;
        color: #ef394e;
    }

    .quick-section .address-list .del-edit-btns .edit-address-button:before {
        content: "\f304";
        font-family: 'Font Awesome 5 Pro';
        font-size: 15px;
        font-weight: 100;
        color: #777;
    }

    .quick-section .address-list .items:hover {
        box-shadow: 0px 15px 20px -20px #888;
    }

    .quick-section .method-list > div {
        position: relative;
        width: 47%;
        padding: 15px 20px;
        border: 1px solid #e9e9e9;
        margin: 1.5%;
        border-radius: 10px;
        cursor: pointer;
        transition-duration: .3s;
    }

        .quick-section .method-list > div:hover {
            box-shadow: 0 0 10px #aaa;
        }

    .quick-section .custom-control-label::before, .quick-section .custom-control-label::after {
        display: none;
    }

    .quick-section .method-list > div.checked:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 74%;
        left: 0;
        top: 13%;
        background: #07bbd1;
        border-radius: 0 15px 15px 0;
        transform: scale(1);
        -webkit-transition: .4s;
        transition: .4s;
    }

    .quick-section .method-list > div.checked:after {
        content: "\f00c";
        font-family: Font Awesome\ 5 Pro;
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translateY(-50%) translateX(60%) scale(1);
        -webkit-transition: .4s;
        transition: .4s;
        font-size: 15px;
        width: 25px;
        height: 25px;
        background-color: #fff;
        color: #07bbd1;
        border: 1px solid #07bbd1;
        text-align: center;
        border-radius: 50%;
    }

    .quick-section .method-list .method-name {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .quick-section .order-summary-content form .row > div:nth-child(2),
    .quick-section .order-summary-content form .row > div > div {
        display: none;
    }

    .quick-section .list-item-cart {
        border: none;
        box-shadow: unset;
    }

    .quick-section.gift-discount > div {
        flex: 1;
        text-align: left;
    }

    .quick-section.gift-discount {
        background-color: transparent;
        display: flex;
        flex-wrap: wrap;
        border: none;
        padding: 0;
    }

        .quick-section.gift-discount > div:nth-child(2) {
            margin-left: 20px;
        }

.quick-total {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
}

    .quick-total .btn.add-to-cart {
        margin-right: 0;
    }

        .quick-total .btn.add-to-cart:before {
            line-height: 90px;
            content: "\f054";
            font-family: Font Awesome\ 5 Pro;
            color: #fff;
            background-color: rgb(255 255 255 / 0.20);
            opacity: 1;
        }

        .quick-total .btn.add-to-cart:hover:before {
            text-indent: -80%;
        }

#share-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #share-buttons .btn {
        padding: 3px 5px !important;
    }

.detail-product-reviews .product-review-item {
    padding: 15px;
    border: 1px solid #ddd;
}

    .detail-product-reviews .product-review-item:not(:first-child) {
        margin-top: 20px;
    }

.price, .product-unit-price, .product-price,
.product-subtotal,
.box-price-total li,
.cart-detail-header .total,
.wrapper-shopping-cart .count span,
.list-product-cart .item .detail,
.number-input input[type=number],
.method-list li label > div:nth-child(2),
.cart-total,
.blogBox .date, .news-date, .date, .post-date, .read-comments,
.order-summary-section .list-item-cart .item > div > div,
.list-comment .item .info,
.qty-comment,
.sku, .sku-number,
.order-item .info span,
.order-tabs .nav-item a span,
.order-overview-content,
.pager, .product-page-size, .header-links,
.account-page, .discount,
.price-sec .badge.offer, .top-footer, .product-info .attributes, .list-item-cart .item .attributes, .product-info .left .delivery .value,
.attributes, .quantity, .unit-price, .info-content li:not(.email) {
    font-family: IRANSansXFaNum !important;
}

.ui-tabs, .ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font: inherit;
}

.private-messages .ui-tabs .ui-tabs-panel {
    padding: 15px 5px;
}

.private-messages .ui-tabs .ui-tabs-nav {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .private-messages .ui-tabs .ui-tabs-nav li {
        border-radius: 3px;
        border: 1px solid #999;
        margin: 0 3px !important;
        font-size: 15px;
    }

.private-messages .ui-state-active {
    background-color: #888 !important;
}

.private-messages .form-fields {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 45px 13%;
}

.login-section .topic-block {
    margin-bottom: 40px;
}

    .login-section .topic-block .title {
        font-size: 20px;
        margin-bottom: 10px !important;
    }

.full-description img {
    display: block;
    max-width: 100%;
    margin: 20px auto;
}

.forums-table-section .image div {
    background: url('../../../../images/topic-type1.png') center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

    .forums-table-section .image div.sticky {
        background: url('../../../../images/topic-type2.png') center no-repeat;
    }

    .forums-table-section .image div.announcement {
        background: url('../../../../images/topic-type3.png') center no-repeat;
    }

.forum-search-box .search-box-text {
    height: 40px;
}

.forum-search-box .basic button {
    border-radius: 5px 0 0 5px;
}

.topic-actions .actions a,
.forum-actions .actions a {
    display: inline-flex;
    align-items: center;
    padding: 7px 15px;
    background-color: #dedede;
    color: #444;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid transparent;
    transition-duration: .4s;
}

    .topic-actions .actions a:hover,
    .forum-actions .actions a:hover {
        border-color: #888;
        background-color: #f1f1f1;
        color: #07bbd1;
    }

.topic-post {
    display: flex;
    padding: 10px;
    margin: 10px 0;
    background-color: #f1f1f1;
    border: 1px solid #eee;
}

.avatar {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

    .avatar img {
        max-height: 100%;
    }

.manufacturer-description *,
.category-description * {
    font-size: 13px;
}

.manufacturer-description img,
.category-description img {
    display: block;
    max-width: 100%;
    margin: 20px auto;
}

.header-menu .sublist a.hasChild:after {
    position: absolute;
    content: "\f053";
    font-family: 'Font Awesome 5 Pro';
    font-size: 10px;
    left: 5px;
}

.header-menu .sublist li a:before {
    content: "" !important;
}

.header-menu .sublist li:hover > a,
.header-menu .sublist li:focus > a {
    background-color: #f6f6f6;
    color: #444 !important;
}

.full-description h1,
.news-body h1,
.post-body h1,
.manufacturer-description h1,
.category-description h1 {
    font-size: 25px;
}

.full-description h2,
.news-body h2,
.post-body h2,
.manufacturer-description h2,
.category-description h2 {
    font-size: 23px;
}

.full-description h3,
.news-body h3,
.post-body h3,
.manufacturer-description h3,
.category-description h3 {
    font-size: 19px;
}

.full-description h4,
.news-body h4,
.post-body h4,
.manufacturer-description h4,
.category-description h4 {
    font-size: 17px;
}

p img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

@media (min-width:768px) {
    .quick-section .address-list .items:nth-child(3n+1) {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-right: 8.333333%;
        margin-left: unset;
    }
}

@media (min-width:992px) {
    .sublist.first-level > li > a:hover,
    .sub-megaMenu a:hover {
        color: #ef394e;
    }

    .menu > ul > li:hover > .first-level,
    .megaMenu > li:hover .sub-megaMenu {
        opacity: 1;
        visibility: visible;
    }

    .sublist.first-level > li:hover > .sublist,
    .sub-megaMenu > div:hover > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .sublist.first-level li > ul a:hover {
        color: #ef394e;
    }

    .top-menu > li > a.hasChild:before {
        position: absolute;
        content: "\f078";
        font-family: 'Font Awesome 5 Pro';
        font-size: 10px;
        left: 5px;
    }

    .header-menu ul li:hover > .sublist,
    .header-menu ul li:focus > .sublist {
        display: block;
    }

    .header-menu .sublist {
        display: none;
        position: absolute;
        width: 200px;
        box-shadow: 0 0 2px rgba(0,0,0,0.2);
        background-color: #fff;
        padding: 10px 0;
        text-align: right;
    }

    .header-menu .sublist {
        top: 100%;
        min-width: 200px;
        width: unset;
    }

        .header-menu .sublist .sublist {
            top: -10px;
            right: 100% !important;
        }

    .block-account-navigation ul .administration {
        display: none;
    }

    .menu > ul > li > a:after {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        content: "";
        width: 0;
        height: 2px;
        background-color: #ef394e;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .menu > ul > li:hover > a:after {
        width: 75%;
    }

    .megaMenu-link:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 0;
        height: 2px;
        background-color: #ef394e;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .megaMenu-link:hover:after {
        width: 75%;
    }

    .mobile-tablet-view {
        display: none;
    }

    .cat-drop-down > div {
        width: 33.33%;
    }

    .mobile-tablet-view {
        display: none;
    }

    .slide-section .theme-custom {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .slide-section .left-banner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 15px;
    }

    .box-price-total {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
    }

    .two-columns-page .side-2 .inner,
    .two-columns-page .center-2 .page,
    .block-account-navigation {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
    }

    .account-page {
        height: 100%;
    }

    .sub-megaMenu > ul {
        padding: 10px 0;
        margin: 0;
        list-style-type: none;
        width: 300px;
        min-height: auto;
        max-height: 400px;
        overflow: auto;
    }

    .cat-drop-down > div {
        width: 25%;
        padding: 10px;
    }

    .quick-total {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
        margin-bottom: 1.5rem;
    }

    .sublist.first-level > li > ul > li > a:before,
    .sub-megaMenu > div > ul > li > a:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f054";
        margin-right: 5px;
        color: #ef394e;
        font-size: 10px;
    }
}

@media (max-width:1199px) {
    .pro-gallery {
        height: 220px;
    }
}

@media (max-width:991.98px) {
    .top-header {
        box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.05);
    }

    .overlay {
        position: fixed;
        top: 0;
        height: 100%;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.65);
        z-index: 10;
    }

    .bottom-header {
        left: -350px;
        width: 300px;
        height: 100%;
        top: 0;
        padding: 0;
        background-color: #fff;
        z-index: 11;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
    }

        .bottom-header.open {
            left: 0;
        }

        .bottom-header .close {
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            height: 40px;
            line-height: 40px;
            text-align: right;
            padding: 0 10px;
            color: #ef394e;
            border-bottom: 1px solid #ddd;
        }

    .menu {
        padding: 0;
        margin-top: 41px;
        height: 100%;
    }

        .menu > ul > li > a, .sublist.first-level li a,
        .sub-megaMenu a {
            font-size: 13px;
            padding: 10px;
        }

        .menu > ul {
            display: block;
            height: calc(100% - 42px);
            overflow-y: auto;
        }

    .sublist, .sublist.first-level,
    .sublist.first-level li > ul,
    .sub-megaMenu, .sub-megaMenu ul {
        position: relative;
        box-shadow: unset;
        background-color: #eee;
    }

        .sublist.nav,
        .sub-megaMenu, .sub-megaMenu ul {
            position: relative;
            box-shadow: unset;
            display: none;
            opacity: unset;
            visibility: unset;
            -webkit-transition: unset;
            transition: unset;
            background-color: #f5f5f5;
        }

            .sublist.first-level li > ul ul,
            .sub-megaMenu > div > ul > li > ul {
                display: none;
            }

    .menu a.nolink:after,
    .megaMenu-link:after {
        content: "\f105";
        font-family: Font Awesome\ 5 Pro;
        color: #666;
        float: right;
        margin: 0 10px;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
    }

    .menu a.nolink.open:after,
    .megaMenu-link.open:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sublist.first-level > li > ul > li > a:before {
        display: none;
    }

    .sublist.first-level > li > ul > li > a:before {
        display: none;
    }

    .sub-megaMenu,
    .cat-drop-down {
        position: relative;
        box-shadow: unset;
        background-color: #f5f5f5;
        opacity: unset !important;
        -webkit-transform: unset;
        transform: unset;
        -webkit-transition: unset;
        transition: unset;
        width: unset;
        overflow: hidden;
        right: unset;
        left: unset;
        top: unset;
        pointer-events: auto;
        display: none;
    }

        .sub-megaMenu > ul {
            padding: 0;
            font-size: 13px;
        }

        .cat-drop-down .cat-title,
        .cat-drop-down .cat-title span {
            margin: 0;
        }

            .cat-drop-down .cat-title img {
                display: none;
            }

        .cat-drop-down ul a {
            padding-right: 20px;
        }

    .header-menu > ul > li {
        display: block !important;
    }

    .header-menu .sublist.first-level {
        padding: 0 15px;
    }

    main {
        padding-top: 110px;
    }

    .mobile-tablet-view {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 0 5px #ededed;
        border-top: 1px solid #eee;
        padding: 10px;
        z-index: 9;
    }

        .mobile-tablet-view .item a {
            color: #444;
            font-size: 11px;
            display: block;
            position: relative;
        }

            .mobile-tablet-view .item a i {
                font-size: 18px;
                display: block;
            }

        .mobile-tablet-view .item .qty {
            position: absolute;
            right: 32%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            top: 7px;
            background-color: #ef394e;
            color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 2px;
            text-align: center;
            line-height: 16px;
        }

        .mobile-tablet-view .item a.active i {
            font-weight: bold;
            color: #777;
        }

    .footer {
        margin-bottom: 55px;
    }

    .slide-section .theme-custom {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: none;
    }

        .slide-section .theme-custom .nivoSlider {
            border-radius: 10px;
        }

    .left-banner {
        width: 100%;
        margin-top: 15px;
        padding: 0 15px;
    }

        .left-banner p {
            width: 50%;
            /*height:unset;*/
            border-radius: 10px;
        }

            .left-banner p:first-child {
                padding-bottom: 0;
                padding-left: 10px;
            }

            .left-banner p:nth-child(2) {
                padding-top: 0;
                padding-right: 10px;
            }

    .homePageCat-Section .item-box .title {
        font-size: 13px;
    }

    .mobile-view-basket {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        height: 55px;
        background-color: #fff;
        box-shadow: 0 0 5px #ededed;
        border-top: 1px solid #eee;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .mobile-view-basket .checkout-buttons {
            width: 96%;
            margin: auto;
        }

            .mobile-view-basket .checkout-buttons button {
                width: 100%;
                margin: 0;
            }

    .block-account-navigation {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        height: 55px;
        border-radius: 0;
        padding: 5px 10px;
        background-color: #fff;
        box-shadow: 0 0 10px #ededed;
        border-top: 1px solid #eee;
        z-index: 9;
    }

        .block-account-navigation ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: space-around;
            white-space: nowrap;
        }

        .block-account-navigation .list a {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 12px;
            padding: 0 7px;
        }

            .block-account-navigation .list a.active {
                color: #ef394e;
                font-size: 13px;
                margin-top: -10px;
            }

                .block-account-navigation .list a.active:before {
                    background-color: #aaa;
                    opacity: 1;
                    border-radius: 50%;
                }

        .block-account-navigation .list .home-link a:before,
        .block-account-navigation .list .more-links > a:before,
        .block-account-navigation .list .administration > a:before {
            display: none;
        }

        .block-account-navigation .list a:before {
            width: 28px;
            height: 28px !important;
        }

        .block-account-navigation .WarrantyInquiry a:before,
        .block-account-navigation .WarrantyHistory a:before,
        .block-account-navigation .ServiceRequest a:before,
        .block-account-navigation .RegisteryCodeInquiry a:before {
            line-height: 30px;
        }

        .block-account-navigation .list .administration i,
        .block-account-navigation .list .sign-out a i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 30px;
            font-size: 16px;
        }

        .block-account-navigation .list .home-link a i,
        .block-account-navigation .list .more-links > a i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 25px !important;
            font-size: 15px;
        }

        .block-account-navigation .list .more-links > a {
            background-color: #eee;
            border-radius: 3px;
        }

    .more-links .more {
        display: none;
        position: fixed;
        bottom: 65px;
        right: 10px;
        height: auto;
        background-color: #fff;
        box-shadow: 0 1px 15px #ddd;
        border-radius: 5px;
        padding: 7px;
    }

        .more-links .more ul {
            display: block;
        }

        .more-links .more a {
            flex-direction: row;
        }

            .more-links .more a.active {
                margin-top: 0;
            }

                .more-links .more a.active:before {
                    margin-left: 5px;
                }

    .profile-item {
        display: none;
    }

        .profile-item .block-account-navigation {
            bottom: 65px;
            right: 5px;
            left: 5px;
            height: auto;
            border-radius: 7px;
            box-shadow: 0 3px 5px #bbb;
            padding: 10px;
        }

            .profile-item .block-account-navigation ul {
                flex-wrap: wrap;
                justify-content: start;
                white-space: normal;
                overflow: unset;
            }

            .profile-item .block-account-navigation .list li {
                width: 25%;
            }

            .profile-item .block-account-navigation .list a,
            .profile-item .block-account-navigation .list a.active {
                margin-top: 7px;
                padding: 0 2px;
            }

                .profile-item .block-account-navigation .list a.active:before {
                    background-color: transparent;
                    opacity: 1;
                }

                .profile-item .block-account-navigation .list a span {
                    display: block;
                    font-size: 13px;
                }

    .pro-gallery {
        height: 180px;
    }

    .mobile-view-basket {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        height: 55px;
        background-color: #fff;
        box-shadow: 0 0 10px #ededed;
        border-top: 1px solid #eee;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .mobile-view-basket .checkout-buttons {
            width: 96%;
            margin: auto;
        }

            .mobile-view-basket .checkout-buttons button {
                width: 100%;
                margin: 0;
            }

    .product-info .left .price-sec {
        padding: 8px 10px;
        width: 100%;
    }

    .non-discounted-price {
        display: flex;
        justify-content: end;
    }

    .price-sec .badge.offer {
        /*right:58%;
        top:15px;*/
        position: relative;
        right: unset;
        top: unset;
        margin: 0 7px;
    }

    .product-info .left .add-to-cart-sec {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 55%;
        padding: 9px 6px;
    }

    .min-qty-notification {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 55px;
        background-color: #f8f8f8;
        color: #888;
        font-size: 11px;
        padding: 5px;
        box-shadow: 0 -5px 10px #ddd;
    }

    .btn.add-to-cart {
        height: 37px;
    }

    .qty-label {
        display: none;
    }

    .product-info .left .price-sec .not-exist {
        margin-top: -8px;
    }

    .product-info .price-sec .not-exist span,
    .product-info .left .price-sec .comingsoon span {
        padding: 0 10px;
        background-color: #fff;
        font-size: 12px;
    }

    .product-info .left .price-sec .comingsoon {
        top: unset;
        margin-top: -8px;
    }

    .back-in-stock-subscription .btn {
        margin: 4px 0;
        padding: 3px 5px;
        font-size: 13px;
    }

    .method-list li {
        width: 100%;
        margin: 0 auto 15px;
    }

    .two-columns-page .side-2 {
        position: fixed;
        top: 0;
        right: -100%;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        padding: 70px 20px 15px;
        z-index: 10;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .two-columns-page .side-2.open {
            right: 0;
        }

    .btn-filter-xs {
        background-color: #ddd;
        border: 1px solid #ccc;
        color: #444;
        padding: 2px 10px;
        border-radius: 5px;
        font-weight: bold;
    }

    .filter-block-xs {
        position: fixed;
        background-color: #eee;
        width: 100%;
        top: 0;
        right: -100%;
        padding: 10px 20px;
        z-index: 10;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .filter-block-xs.open {
            right: 0;
        }

    .do-filter-xs {
        background-color: #ef394e;
        border: 2px solid #ef394e;
        color: #fff;
        padding: 5px 15px;
        font-weight: bold;
    }

    .sub-category-item .picture {
        height: 90px;
    }

    .manufacturer-list-page .manufacturer-item .picture {
        height: 130px;
    }

    .cat-drop-down .cat-title span {
        font-size: 13px;
    }

    .compare-fav-buttons {
        left: 5px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .product-info .left {
        padding: 0 10px;
    }

        .product-info .left .delivery, .product-info .left .availability, .product-info .left .additional-details {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    .menu > ul > li > a,
    .megaMenu-link {
        padding: 12px 7px;
    }
}

@media (max-width:767.98px) {
    .top-header {
        padding: 10px 0;
    }

        .top-header > div.col-3 {
            padding-right: 0;
        }

    .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .slide-section .theme-custom .nivo-controlNav {
        padding: 7px 0;
    }

        .slide-section .theme-custom .nivo-controlNav a {
            width: 5px;
            height: 5px;
            margin: 3px;
        }

    .banner-section .inner {
        padding: 0;
    }

    .mobile-view-basket .checkout-buttons {
        width: 96%;
        margin: auto;
    }

        .mobile-view-basket .checkout-buttons button {
            width: 100%;
            margin: 0;
        }

    .list-item-cart .item .btn-remove {
        opacity: 0;
        position: absolute;
        right: 0;
    }

    .btn.btn-code {
        margin-top: 10px;
    }

    .account-page .page-body .order-item {
        padding: 20px 10px;
    }

    .order-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .account-page .page-body .detail-return-btns {
        margin-top: 10px;
    }

    .order-item .info span {
        padding: 0 10px;
    }

    .overview-buttons {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

        .overview-buttons .btn span {
            display: none;
        }

    .product-info .left {
        border: 0;
        background-color: transparent;
    }

        .product-info .left .delivery, .product-info .left .availability, .product-info .left .additional-details {
            border: 0;
            padding: 10px 0;
        }

        .product-info .left .price-sec .last-price {
            font-size: 15px;
            left: 10px;
        }

        .product-info .left .price-sec .non-discounted-price .last-price {
            left: unset;
        }

        .product-info .left .price-sec .old-price {
            font-size: 13px;
        }

    .product-info-tab .frame .tab-pane {
        display: none;
    }

        .product-info-tab .frame .tab-pane.active {
            display: block;
        }

    .product-info-tab .tabList .nav-item {
        position: relative;
    }

        .product-info-tab .tabList .nav-item:after {
            position: absolute;
            top: 10px;
            right: 15px;
            content: "\f105";
            font-family: Font Awesome\ 5 Pro;
            color: #888;
        }

    .product-info-tab .tabList a {
        border: 0;
    }

        .product-info-tab .tabList a.active {
            color: #bbb;
            background-color: #eee;
        }

    .order-summary-section .list-item-cart .item {
        width: 20%;
    }

    .opc .step {
        padding: 30px 15px
    }

    .section.new-billing-address, .section.new-shipping-address {
        width: 97%;
        padding: 10px;
        margin: 30px auto;
    }

    .product-grid .product-item {
        width: 33.33%;
    }

    .product-list .prices {
        padding: 0;
        margin-bottom: 5px;
    }

    .product-item .picture {
        height: 140px;
    }

    .product-list .product-item .picture {
        height: 100px;
        width: 100px;
    }

    .manufacturer-list-page .manufacturer-item .picture {
        height: 100px;
    }

    .advanced-search {
        width: 85%;
    }

    .blog-posts-list .post,
    .news-page .news-item {
        width: 48%;
        margin: 30px 4% 0 0;
    }

        .blog-posts-list .post:nth-child(3n+1),
        .news-page .news-item:nth-child(3n+1) {
            margin: 30px 4% 0 0;
        }

        .blog-posts-list .post:nth-child(2n+1),
        .news-page .news-item:nth-child(2n+1) {
            margin-right: 0;
        }

    .AllInOneImage-section .row {
        margin: 0;
    }

    .quick-section .address-list .items {
        width: 49%;
    }

        .quick-section .address-list .items:nth-child(2n+1) {
            margin-left: 0;
        }

    .quick-section .method-list > div {
        width: 100%;
    }

    .quick-section .method-list .payment-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        width: 70px;
        margin: 0 0 10px;
    }

    .quick-section.gift-discount > div {
        flex: auto;
        width: 100%;
        margin: 20px 0 0 !important;
    }

    .crossSellProduct-section .title span {
        font-size: 15px;
    }

    .compare-fav-buttons .btn {
        font-size: 0;
        width: auto;
    }

        .compare-fav-buttons .btn i {
            margin: 0 !important;
        }
}

@media (max-width:575.98px) {
    .padding-none {
        padding: 0;
    }

    main {
        padding-top: 90px;
    }

    .search-box-button {
        width: 35px;
        font-size: 16px;
    }

    .ui-autocomplete {
        left: unset !important;
        right: 15px;
    }

    .mobile-tablet-view .row > div {
        padding: 0 3px;
    }

    .newsletter-result {
        width: 95%;
    }

    .top-footer .contact-us {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: 0;
        border-left: 0;
    }

    .bottom-footer span {
        display: block;
        margin: 7px 0;
    }

    .homePageCat-Section .item-box {
        margin-bottom: 15px;
    }

        .homePageCat-Section .item-box:nth-child(2n+1) {
            padding: 0 10px;
        }

        .homePageCat-Section .item-box:nth-child(2n) {
            padding: 0 0 0 10px;
        }

        .homePageCat-Section .item-box .title {
            padding: 5px;
            font-size: 12px;
        }

        .homePageCat-Section .item-box:nth-child(2n+1) .title {
            right: 10px;
            left: 10px;
        }

        .homePageCat-Section .item-box:nth-child(2n) .title {
            right: 0;
            left: 10px;
        }

    .products-home-section .title span {
        font-size: 15px;
    }

    .products-home-section .col-12 {
        padding: 0 10px;
    }

    .product-Box .picture,
    .AllInOneImage-section .carousel .item-box .picture {
        height: 90px;
        padding: 5px;
        margin-bottom: 5px;
    }

    .prices .old-price,
    .non-discounted-price .last-price {
        font-size: 12px !important;
    }

    .prices .last-price {
        font-size: 14px
    }

    .banner-section .inner p:not(:last-of-type) {
        margin: 0 auto 20px;
    }

    .login-section .buttons .btn {
        margin: 0 0 5px;
    }

    .date-of-birth {
        display: block;
    }
    /*.block-account-navigation .list a{
        margin-top:6px;
    }
    .block-account-navigation .list a span{
        display:none;
    }*/
    .block-account-navigation .list a.active {
        margin-top: -5px;
    }

        .block-account-navigation .list a.active span {
            display: block;
        }

    .account-page .page-body .address-item {
        padding: 10px;
    }

    .account-page .subscription-list ul {
        padding: 0;
    }

    .order-item .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-specs-box .list li .list-key {
        max-width: unset;
    }

    .product-specs-box .list li .list-value {
        background-color: transparent;
    }

        .product-specs-box .list li .list-value span {
            background-color: transparent;
        }

    .product-info .left .add-to-cart-sec {
        width: 58%;
        padding: 11px 3px 11px 0;
    }

    .number-input input[type=number] {
        max-width: 32px;
        font-size: 14px;
        padding: 5px 2px;
    }

    .btn-qty {
        width: 18px;
        font-size: 12px;
        line-height: 22px;
    }

    .btn.add-to-cart {
        padding: 0;
        font-size: 13px;
        margin-left: 5px;
    }

        .btn.add-to-cart i {
            display: none;
        }

        .btn.add-to-cart:before {
            background-color: transparent;
        }

    .cart-options .checkout-attributes .option-list li {
        min-width: 49%;
        font-size: 12px;
    }

    .order-summary-section .list-item-cart .item {
        width: 33%;
        padding: 5px 0;
    }

    .method-list li label {
        padding: 15px;
        display: block;
    }

    .method-list li .icon i {
        width: 50px;
        height: 50px;
        line-height: 45px;
        font-size: 20px;
        margin: 0 5px 0 10px;
    }

    .method-list:not(.payment-list) li label > div:nth-child(2) {
        text-align: left;
        margin: 15px 0 0;
        padding-top: 5px;
        border-top: 1px solid #eee;
    }

    .method-list.payment-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .new-address-sec {
        padding: 15px;
    }

    .sub-category-grid {
        margin: 0;
    }

    .sub-category-item .picture {
        height: 70px;
    }

    .product-selectors {
        font-size: 10px;
        padding: 10px 5px;
    }

    .btn-filter-xs {
        padding: 2px 5px;
    }

    .product-grid .product-item {
        width: 100%;
        padding: 15px 0;
    }

    .product-list .product-item .picture {
        margin: 0 10px;
        padding: 5px;
    }

    .product-list .product-item .ribbon {
        left: 20px;
        right: unset;
    }

    .product-list .product-item .details {
        display: block;
    }

        .product-list .product-item .details .inner {
            border: none;
            margin: 0 0 10px;
            padding-right: 5px;
        }

    .product-list .product-item .product-title {
        height: auto;
    }

    .wishlist-page, .comparelist-page, .oneColumn-page, .user-agreement-page {
        padding: 30px 20px;
    }

        .oneColumn-page .page-title h1 {
            font-size: 18px;
        }

        .wishlist-page .product-picture {
            width: 60px;
            height: 60px;
        }

        .wishlist-page .info {
            width: calc(100% - 65px);
        }

        .wishlist-page .no-data i, .comparelist-page .no-data i {
            font-size: 50px;
            width: 120px;
            height: 120px;
            line-height: 120px;
        }

        .comparelist-page .clear-list {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
            display: block;
            width: 120px;
            margin: 0 auto 20px;
        }

        .comparelist-page .remove-product,
        .comparelist-page .product-picture,
        .comparelist-page .product-name,
        .comparelist-page .product-price {
            -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
        }

            .comparelist-page .remove-product td,
            .comparelist-page .product-picture td,
            .comparelist-page .product-name td,
            .comparelist-page .product-price td,
            .comparelist-page .specification .content,
            .comparelist-page .full-description .content,
            .comparelist-page .short-description .content {
                width: 140px !important;
            }

    .manufacturer-list-page {
        padding: 20px 10px;
    }

        .manufacturer-list-page h1.title {
            font-size: 23px !important;
        }

    .blog-page,
    .news-page {
        margin: 20px;
    }

        .blog-posts-list .post,
        .news-page .news-item {
            width: 100%;
            margin: 15px 0 0 !important;
        }

    .post-body .img-posts {
        height: 120px !important;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

        .post-body .img-posts img {
            max-height: 100%;
            margin: auto;
        }

    .news-page .news-item .img-news {
        height: 110px;
    }

    .oneColumn-page.comment-page > div {
        padding: 0;
    }

    .oneColumn-page.comment-page form > div:nth-child(2) > div {
        padding: 0;
    }

    .list-comment .item {
        padding: 10px 0;
    }

    .not-found-page .page-title .title,
    .store-closed-page .page-title .title {
        font-size: 18px;
    }

    .not-found-page .img-notFind {
        height: 90px;
    }

    .ui-dialog {
        max-width: 300px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .offer-section {
        margin: 0 0 30px;
    }

    .quick-checkout > .container-fluid > .row {
        margin: 0 -15px;
    }

    .quick-section .address-list .items {
        width: 100%;
        margin: 20px 0 0;
    }

    .top-footer .bottom .namad {
        justify-content: center;
        margin-top: 15px;
    }

    .product-info-tab .frame .tab-pane .col-lg-4 {
        padding: 5px;
    }

    .detail-product-reviews {
        padding: 10px 0;
    }

    .account-page .page-body .product-review-item {
        padding: 20px 10px;
    }

    .account-page .product-review-box ~ div {
        width: 100%;
        margin: 15px 0;
        justify-content: center;
    }

    .account-page .review-item-img {
        width: 50px;
    }

    .pager ul li a, .pager ul li span {
        min-width: 22px;
        height: 22px;
        padding: 0 3px;
        font-size: 12px;
    }

    .private-messages .ui-tabs .ui-tabs-nav {
        justify-content: center;
    }

        .private-messages .ui-tabs .ui-tabs-nav li {
            margin: 3px !important;
            font-size: 14px;
        }

    .private-messages .form-fields {
        padding: 40px 15px;
    }

    .payment-info .info label {
        font-size: 13px;
        min-width: 100px;
    }

    .payment-info select[name="CreditCardType"] {
        width: 100%;
    }

    .block-account-navigation .list a:before {
        height: 23px !important;
    }

    .profile-item .block-account-navigation .list a span {
        font-size: 11px;
    }

    .login-section .topic-block .title {
        font-size: 15px;
    }

    .crossSellProduct-section .title span {
        display: block;
        text-align: center;
        border-bottom: 0;
        padding: 0;
    }

    .compare-fav-buttons {
        left: unset;
        right: 5px;
    }

    .topic-post {
        display: block;
    }

        .topic-post .post-info {
            padding-bottom: 5px;
            border: 0 !important;
            text-align: center;
        }
}



.header-menu > ul > li {
    padding: 0;
    border: 0;
}

    .header-menu > ul > li > a {
        color: #fff;
        padding: 13px 20px;
        line-height: 30px;
    }

        .header-menu > ul > li > a:hover {
            color: #f3eac2;
        }

        .header-menu > ul > li > a > img {
            height: 28px;
        }

.header-menu .sublist .sublist {
    top: 0;
}

.header-menu .sublist li a:before {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f111";
    font-weight: 500;
    background-color: transparent;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    font-size: 6px;
    color: #999;
}

.header-menu .sublist li a:hover:before {
    padding-left: 5px;
    color: #0e3e6e;
}

.header-menu .sublist li.hasChild > a:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f054";
    font-weight: 300;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
}