@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iranyekan/woff/IRANYekanX-Bold.woff') format('woff'), url('../fonts/iranyekan/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iranyekan/woff/IRANYekanX-Regular.woff') format('woff'), url('../fonts/iranyekan/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

:root {
    --primary-color: #2f4fdb;
    --secondary-color: #fecc00;
}
/*>>>>>>>>>>>>>> Global <<<<<<<<<<<<<*/
main {
    /* margin-top: -30px; */
}

a {
    text-decoration: none;
    color: var(--primary-color);
}

body {
    font-family: IRANYekanX;
    background: #fdfdfd;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
   /* padding:10px 0; */
   line-height:40px;
}
section.container.notfound {
    line-height: 50px;
    min-height: 380px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

a.service-box {
    display: flex;
    align-items: center;
    background: #eee;
    padding: 15px;
    border-radius: 15px;
margin:15px 0;
}
a.service-box.red{background-color:#ffc9d3;color:#df0648;}
a.service-box.pink{background-color:#f1d2ff;color:#a555c7;}
a.service-box.orange{background-color:#ffe8d2;color:#bc5800;}
a.service-box img {
    height: 120px;
}

a.service-box >span {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
    line-height: 27px;
}

a.service-box >span strong {
    font-size: 20px;
}
.scoring .stars-icons .overload img{height:30px;opacity:0.7;}
.scoring .stars-icons .overload {
    overflow:hidden;
    background: #ffffffc2;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    top: 0;
}
.empBasket img{height: 90px !important;opacity: 0.76;}
.empBasket {
    border: 4px dashed #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    flex-direction: column;
}
.page-container {
    margin: 100px 0 0 0;
}

.scoring {
    font-size: 11px;
}

    .scoring span.fa {
        cursor: pointer;
        padding: 0 1px;
    }

        .scoring span.fa:nth-child(1) {
            font-size: 12px;
            color: #ffca0f8c;
        }

        .scoring span.fa:nth-child(2) {
            font-size: 12px;
            color: #ffca0f8c;
        }

        .scoring span.fa:nth-child(3) {
            font-size: 12px;
            color: #ffca0fb8;
        }

        .scoring span.fa:nth-child(4) {
            font-size: 13px;
            color: #ffca0fde;
        }

        .scoring span.fa:nth-child(5) {
            font-size: 14px;
            color: #ffca0fe6;
        }

        .scoring span.fa:nth-child(6) {
            font-size: 15px;
            color: #ffca0f;
        }

.scoring {
    font-size: 20px;
    color: #ffca0f;
    position: relative;
}

    .scoring > div > label {
        font-size: 12px;
        color: #888;
        /* display: none; */
    }

a.page-link img {
    width: 100%;
}

.page-image img {
    width: 100%;
    height: auto;
    margin: 15px 0;
    border-radius: 10px;
}

.page-html {
    line-height: 35px;
}

.modal-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

    .modal-menu ul li {
        /* width: 50%; */
        flex-grow: 1;
    }

.modal-menu > ul {
    margin-left: -10px;
}

div#category_modal .btn-close {
    margin: 0 auto;
}

.modal-menu ul li a {
    display: flex;
    background: #f3f3f3;
    margin: 0 0 10px 10px;
    align-items: center;
    padding: 5px 5px;
    border-radius: 10px;
    color: #565656;
    font-size: 12px;
}
.modal-menu ul li a:hover{background-color:#e6e6e6}
    .modal-menu ul li a img {
        height: 42px;
        max-height: 80px;
        margin: 0 0 0px 10px;
    }

    .modal-menu ul li a figure {
        margin: 0;
    }
/*----------- Global ------------*/
/*>>>> Header Style <<<<*/
.header-call a {
    font-size: 21px;
}

.header-call a {
    margin: 0px 15px 0 0;
    color: #fff;
}
header#main_header .header-background {
    background-color: var(--primary-color);
    height: 70px;
    color: #fff;
    padding: 6px 0 0 0;
    font-size: 10px;
}

.site-logo a {
    width: 53px;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    display: flex;
    justify-content: end;
}

header#main_header .over-menu {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 50px;
    margin-top: -30px;
    /* height: 60px; */
    z-index: 99;
    position: relative;
}

header#main_header {position: fixed;top: 0;z-index: 999;left: 0;right: 0;}

    header#main_header .over-menu .site-logo img {
        height: 40px;
        margin: 5px 10px;
    }

    header#main_header .over-menu .main-menu ul {
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0;
        height: 100%;
    }

        header#main_header .over-menu .main-menu ul li {
            display: flex;
        }

.search-form-wrapper input {
    background: #eee;
    border: none;
    border-radius: 50px;
    font-size: 12px;
}

header#main_header .over-menu .main-menu ul li a {
    align-items: center;
    display: flex;
    padding: 14px 0;
    text-decoration: none;
    color: #78828d;
    display: flex;
    margin: 0px 0 0 20px;
    font-size: 12px;
    border-bottom: 2px solid #fff;
}

    header#main_header .over-menu .main-menu ul li a:hover {
        color: var(--primary-color);
        border-bottom: 2px solid;
    }

    header#main_header .over-menu .main-menu ul li a img {
        width: 19px;
        opacity: 0.5;
        margin: 0 0 0 5px;
    }

header#main_header .menu-button button {
    border: none;
    background: transparent;
    white-space: nowrap;
    font-weight: bold;
    font-size: 11px;
}

    header#main_header .menu-button button > div {
        width: 35px;
        height: 45px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        border-radius: 5px;
        padding: 10px 0px 10px 10px;
        margin: 0 0px 0px 0px;
    }

        header#main_header .menu-button button > div span {
            height: 3px;
            width: 100%;
            background-color: #000000;
        }

header#main_header div.login-wrapper {
}

    header#main_header div.login-wrapper a {
        display: flex;
        height: 100%;
        align-items: center;
        font-size: 11px;
        color: #606060;
    }

        header#main_header div.login-wrapper a img {
            height: 30px;
            opacity: 0.6;
            margin: 0 2px 0 0;
        }

header#main_header .shopping-cart-wrapper {
}

    header#main_header .shopping-cart-wrapper a {
        display: flex;
        height: 100%;
        align-items: center;
        margin: 0px 7px;
        margin-left: 0;
    }

        header#main_header .shopping-cart-wrapper a img {
            height: 28px;
            opacity: 0.6;
        }
/*---- Header Style ----*/
/*>>>> Home Page <<<<*/
a.menu-discount-button {
    background-color: #d4f5ff !important;
    border: none;
}
a.menu-discount-button img{width:30px;margin: 0 0 0 10px;}
.special-color-promo {
    background: #d4f5ff;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.special-color-promo .image-wrapper {
    padding: 0 0 20px;
}
.special-color-promo .image-wrapper img {
    width: 70px;
}
.special-color-promo .info-text{flex-grow:1;}
.special-color-promo .info-text h3{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    line-height: 20px;
    text-align: center;
}
.special-color-promo .info-text h4{
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    line-height: 32px;
    text-align: center;
}
.special-color-promo .info-text p{
    margin: 0;
    line-height: 20px;
    text-align: justify;
    margin: 0 0 15px 0;
}

.special-color-promo .link-box{text-align:left;}
.special-color-promo .info-text{padding: 0px 20px;}
.discoun-row-wrapper {
    background: #ef394e;
}

.discountview-slider .product-list-item-wrapper {
    background: #fff;
    border-radius: 10px;
}
.discount-view-text > h2 {
    text-align: center;
    font-size: 30px;
    line-height: 51px;
    width: 80%;
    margin: 15px auto 15px;
    font-weight: bold;
}
.discount-view-text {
    text-align: center;
    color: #fff;
}
.timer-text {
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .timer-text strong {
        font-size: 11px;
        padding: 5px 20px;
        color: #fff;
        font-weight: normal;
    }

.timer {
    display: flex;
    background: #ffffff;
    direction: ltr;
    justify-content: center;
    font-weight: bold;
    color: #ef394e;
    padding: 5px 10px 0 10px;
    font-size: 24px;
    margin: 10px 0 0 0;
    border-radius: 22px;
    /* font-family: tahoma; */
    /* min-width: 260px; */
}

    .timer > strong {
        text-align: center;
        width: 55px;
    }
.discount-view-text > p {
    /* height: 90px; */
    text-align: center;
    font-weight: bold;
    padding: 0 20px;
    overflow: hidden;
    font-size: 14px;
    }
.home-category-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.home-category-wrapper ul li a img {
    width:90%;
    margin: 15px;
}
.home-category-wrapper ul li{width:50%;}
.home-category-wrapper ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #888;
}
/*---- Home Page ----*/



/*>>>> Home Slider <<<<*/
.swiper-container.slidercontrol {
    background: #eeeeee;
    overflow: hidden;
}

    .swiper-container.slidercontrol img {
        width: 100%;
        height: initial;
    }

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*---- Home Slider ----*/


/*>>>> Profile Page<<<<*/
ul.client-menu {
    list-style: none;
    padding: 15px 0;
}

    ul.client-menu li a {
        padding: 10px 20px;
        display: block;
        color: #777;
        text-decoration: none;
        position: relative;
        z-index: 3;
    }

    ul.client-menu li.active {
        background: #ffca0f;
        margin-left: -3px;
        margin-right: -3px;
        border-radius: 3px;
    }

        ul.client-menu li.active a {
            color: #000;
        }

            ul.client-menu li.active a img {
                opacity: 1;
            }

    ul.client-menu li a img {
        height: 20px;
        opacity: 0.5;
        margin: 0 0 0 10px;
    }

    ul.client-menu li {
        border-bottom: 1px solid #ddd;
    }

.profilepage {
    border-top: 3px solid #2c549f;
    background: #f9f9f9;
}

.profile-sidebar {
    box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 15px 0;
    background: #fff;
}

.mini-profile {
    padding: 10px 0;
    background: #f1f1f1;
    margin: 0 15px;
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

    .mini-profile .img-pro {
        text-align: center;
    }

    .mini-profile > h4 {
        font-size: 15px;
        text-align: center;
    }

.userprogress {
    font-size: 12px;
    padding: 0 15px;
}

.mini-profile .img-pro img {
    height: 50px;
}

.mini-profile > h4 > span {
    display: block;
    padding: 10px;
}

.mini-profile > h4 > label {
    font-size: 12px;
    padding: 0 5px;
    font-weight: bold;
    margin: 0;
}

.userprogress .progress {
    height: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin: 0 0 6px 0;
}

.mini-profile > h4 > span i {
    font-size: 12px;
    background: #acacac;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin: 5px 0 0 0;
    display: inline-block;
}

.profile-page-content {
    box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 15px 15px;
    height: 100%;
    background: #fff;
}

.profile-title h1 {
    font-size: 25px;
    color: var(--primary-color);
    padding: 0px 0 10px 0;
}

.profile-order-list {
    display: flex;
    flex-direction: column;
    border-collapse: collapse;
}

    .profile-order-list > div.order-table-row {
        display: flex;
        font-size: 13px;
        border: 1px solid #e3e3e3;
        /* border-bottom: none; */
        margin: 10px 0 0px 0;
        padding: 10px 0;
        position: relative;
        flex-direction: column;
    }

        .profile-order-list > div.order-table-row > div {
            /* border-left: 1px solid #e3e3e3; */
            display: flex;
        }

            .profile-order-list > div.order-table-row > div > div {
                padding: 0 10px;
            }

        .profile-order-list > div.order-table-row div.order-info {
            flex-grow: 1;
        }

            .profile-order-list > div.order-table-row div.order-info div.order-paid span.text-success {
                border: 1px solid;
                padding: 0 4px;
                border-radius: 10px;
                font-size: 12px;
                display: none;
            }
/*---- Profile Page ----*/

/*>>>>>>>>>> لینک محصولات <<<<<<<<<<<*/
.content-box .catlist a {
    font-size: 8px;
    padding: 0px 6px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 0 5px;
    display: block;
    font-size: 10px !important;
    color: #232323;
    text-decoration: none;
    text-align: center;
}

.content-box .catlist ul {
    display: flex;
    list-style: none;
    overflow-x: auto;
    padding: 0;
    margin: 0 0px 0 0;
}

.content-box .catlist li {
    min-width: initial;
    margin: 5px 2px;
    flex-grow: 1;
}
/*------------ لینک محصولات ------------*/

/* >>>>>>>>>>>> Product Cart <<<<<<<<<<<<<< */
.product-item ul.proplist {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
    position: relative;
    padding: 0 0 5px 5px;
    flex-direction: column;
    width: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
}

    .product-item ul.proplist li {
        padding: 7px;
        border-radius: 4px;
        background-position: center center;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        margin: 3px 0px;
    }
.discountview-slider .product-item .caption {
    padding: 5px 15px 0 15px;
}
.product-item .caption {
    padding: 5px 0px 0 10px;
}

    .product-item .caption .title {
        font-size: 14px;
        font-weight: bold;
        padding: 4px 0 2px 0;
        text-align: right;
        color: #000;
        height: 50px;
    }

    .product-item .caption > span {
        font-size: 13px;
        color: #888;
        text-align: center;
    }
 .product-item .caption .pricewrapper .price.discount-price{color: #4040407d;font-size:12px;position: relative;}
 .product-item .caption .pricewrapper .price.discount-price:after{content:' ';position:absolute;height:1px;left:0;right:0;top: 50%;background-color: #40404047;}
    .product-item .caption .pricewrapper {
        font-size: 17px;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        color: var(--primary-color);
        padding: 10px 0px 10px 0px;
        align-items: flex-end;
        height: 70px;
    }

        .product-item .caption .pricewrapper .price span {
            font-size: 12px;
        }

.product-item .product-image-wrapper img {
    width: 100%;
    height: auto;
    max-width: 120px;
    border-radius: 10px;
}
.swiper-slide .product-item .product-image-wrapper img{max-width:initial;}
.product-item .product-image-wrapper {
    position: relative;
    margin: 10px;
    z-index: 5;
}

.grid-box .product-list-info {
    flex-grow: 1;
    max-width: 60%;
    padding: 0 10px 0 0px;
}

.product-item:hover .over-img {
    opacity: 1;
    transition: 1s;
}

.product-item .over-img {
    transition: 1s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}

.product-item:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.product-item > .discount >span {
    font-size: 13px;
    display: block;
    line-height: 1;
    margin: 0px 0 2px 0;
    background: #e14444;
    padding: 6px 5px 3px 5px;
}
.swiper-slide .product-item > .discount{right:10px;top:10px;border-top-right-radius:10px;}
.product-item > .discount {
    position: absolute;
    background: #cb3232;
    color: #ffffff;
    padding: 0px 0px 2px 0;
    right: 0px;
    top: 0px;
    z-index: 99;
    border-radius: 0;
    overflow: hidden;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0;
    font-size: 7px;
    text-align: center;
}
.discountview-slider .swiper-slide .product-item {
    margin: 0px 0;
   
}
.swiper-slide .product-item {
    margin: 20px 0;
    position:relative;
    z-index: 8;
}

.product-item {
    overflow: hidden;
    position: relative;
}

.content-box .product-item {
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    margin-left: -1px;
}

.grid-box .product-item > a {
    display: flex;
}
/*------------- Product Cart --------------*/

/*>>>>>>>>>>>>>>> Shopping cart Page <<<<<<<<<<<<<<<*/
.orderStat {
    display: table;
    width: 100%;
    background: #f7f7f7;
    text-align: center;
    padding: 0px 0 0px 0;
    margin: 0px 0 0px 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}

    .orderStat > div {
        display: table-cell;
        width: 25%;
        position: relative;
        padding: 15px 0px;
        background: #eee;
        /* border-left: 1px solid #e1e1e1; */
    }

        .orderStat > div span.number {
            border-radius: 50%;
            color: #2c56a2;
            position: relative;
            z-index: 1;
            font-weight: bold;
            display: inline-block;
            width: 25px;
        }

        .orderStat > div strong {
            padding: 10px 0;
            color: #c1c1c1;
            display: block;
            font-size: 9px;
        }

        .orderStat > div span.lefta, .orderStat > div span.righta {
            background: #dedede;
            position: absolute;
            width: 50%;
            height: 2px;
            top: 19%;
            z-index: 0;
        }

        .orderStat > div span.right {
            background: #dedede;
            right: 0;
        }

        .orderStat > div.active span.number {
            background-color: #ffca0f;
        }

        .orderStat > div.active {
            background-color: #f7f7f7;
        }

            .orderStat > div.active strong {
                color: var(--primary-color);
            }

        .orderStat > div:first-child .right, .orderStat > div:last-child .left {
            background: #f3f3f3;
        }

        .orderStat > div:first-child .right, .orderStat > div:last-child .left {
            background: #f3f3f3;
        }



.orderqueue {
    margin: 0px 0 0px 0;
    background-color: #fdfdfd;
    display: flex;
    overflow: hidden;
    color: #999;
    border-top: 1px solid #e5e5e5;
    justify-content: end;
}

    .orderqueue .icon {
        padding: 0 10px;
    }

        .orderqueue .icon img {
            height: 27px;
            margin: 10px auto;
            display: block;
        }

    .orderqueue .text {
        padding: 15px 0;
        font-size: 11px;
        /* flex-grow: 1; */
    }

    .orderqueue > div.val {
        padding: 0;
        font-size: 20px;
        text-align: center;
        /* height: 100%; */
        font-size: 13px;
    }

        .orderqueue > div.val > strong {
            display: block;
            line-height: 20px;
            margin: 0 10px 0 0;
            color: var(--primary-color);
        }

        .orderqueue > div.val > div {
            font-size: 14px;
            font-weight: bold;
            font-size: 12px;
            line-height: 12px;
        }

    .orderqueue > div.val {
        font-size: 12px;
        display: flex;
        align-items: center;
    }

        .orderqueue > div.val > div {
            font-size: 10px;
            line-height: 28px;
            color: #565656;
            background-color: #eeeeee;
            padding: 0 10px;
            border-radius: 20px;
            margin: 0 10px 0 0;
        }

.shopping-list {
    margin: 0 0 30px 0;
}

    .shopping-list > div:last-child {
        border-bottom: 1px solid #e5e5e5;
    }

    .shopping-list > div {
        display: flex;
        /* overflow: hidden; */
        flex-direction: column;
        background-color: #f7f7f7;
        border-top: 1px solid #e5e5e5;
    }


    .shopping-list .description-column {
        /* flex-grow: 1; */
        padding: 0;
        /* width: 60%; */
        display: flex;
    }

    .shopping-list .item-thumb {
        margin: 0 0 0 15px;
        max-width: 180px;
    }

        .shopping-list .item-thumb img {
            max-width: 100%;
            border-radius: 10px;
            margin: 10px 10px;
            max-height: 60px;
        }

    .shopping-list .description-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.pagecontent img {
    max-width: 100%;
    height: auto !important;
    display: block;
    border-radius: 5px;
    margin: 10px;
    width: 110px;
    margin-right: auto;
    margin-left: auto;
}

.shopping-list .description-text > a {
    font-weight: bold;
    color: #4f4f4f;
}

.shopping-list .description-column .proplist {
    font-size: 10px;
}

ul.orderTranslate {
    list-style: none;
    padding: 0px 0;
    font-size: 12px;
    margin: 0;
}

    ul.orderTranslate li {
        float: right;
        /* width: 50%; */
        padding: 4px 0 0 10px;
    }

        ul.orderTranslate li:before {
            content: ' ';
            border: 4px solid #dbdbdb;
            float: right;
            border-radius: 10px;
            margin: 3px 0px 8px 5px;
        }

        ul.orderTranslate li strong {
            color: #939393;
        }

.shopping-list .description-column {
    flex-grow: 1;
}

form.qtyform input[type=number] {
    border: none;
    direction: rtl;
    padding: 0 2px;
}

.shopping-list .price-column .qty-price {
    flex-grow: 1;
    display: flex;
    direction: ltr;
    justify-content: center;
}

.shopping-list .price-column .qty-price {
    min-width: 200px;
}

form.qtyform:after {
    /* content: 'x'; */
}

.shopping-list .price-column {
    display: flex;
    /* direction: ltr; */
    align-items: center;
    padding: 10px 10px;
    justify-content: center;
}

.shopping-list .price-item-total a {
    height: 30px;
    width: 30px;
    color: #ff3f86;
    font-size: 15px;
    background: #ffedf1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

form.qtyform:after {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    color: #d0d0d0
}

.item-price {
    padding: 0 10px;
}

.shopping-list .price-item-total {
    display: flex;
    font-size: 20px;
    padding: 0 15px;
    position: relative;
    font-weight: bold;
    flex-grow: 1;
    justify-content: space-between;
}

.shopping-list .price-item-total {
    /* min-width: 200px; */
}

.shoptotal {
    background: #f7f7f7;
    overflow: hidden;
    color: #858585;
}

    .shoptotal > div.total {
        border-bottom: 1px solid #ddd;
        border-top-left-radius: 10px;
    }

    .shoptotal > div .btn {
        width: 100%
    }

    .shoptotal > div {
        display: flex;
        overflow: hidden;
        align-items: baseline;
        padding: 20px 15px;
    }

        .shoptotal > div > span {
            font-weight: bold;
            text-align: center;
            font-size: 18px;
            width: 50%;
        }

            .shoptotal > div > span:first-child {
                text-align: left;
                display: block;
                font-size: 13px;
            }

        .shoptotal > div span:last-child i {
            font-size: 12px;
            margin: 0 5px 0 0;
        }

        .shoptotal > div.totalpay {
            background: #efffbf;
            border-bottom: 1px solid #ddd;
            color: #39c300;
        }

.totalpay {
}

.shoptotal > div:last-child span:first-child {
    color: #2c56a2;
}

.shoptotal > div:last-child span:last-child {
    color: #2c56a2;
}

.coupenform .form-group {
    /* float: right; */
    display: flex;
    margin: 0;
    align-items: baseline;
}

.coupenform {
    border: 2px dashed #c0ebb0;
    background: #f5fff1;
    float: right;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 0;
}

.cart-wrapper.user-info {
    display: flex;
    /* overflow: hidden; */
    flex-direction: column;
    background-color: #f7f7f7;
    border-top: 1px solid #e5e5e5;
}

.userinfo.col-md-6 {
    padding: 0px 30px 30px 30px;
}

.user-info-text img {
    width: 220px;
    display: block;
    margin: 0px auto;
}

.user-info-text .imgUser {
    padding: 40px 0 10px 0;
    margin: 0 0 20px 0;
    background: #ebebeb;
    border-bottom-right-radius: 90px;
}

.user-info-text ol {
    list-style: none;
    padding: 0;
    line-height: 33px;
    margin: 0 0 50px 0;
}

.user-info-text {
}

.userinfo span.field-validation-error {
    background: #db9191;
    color: #fff !important;
    padding: 3px 7px;
    border-radius: 5px;
    position: relative;
    /* left: 0; */
    top: -10px;
    font-size: 11px;
}

.sectionTitle h4 {
    font-size: 15px;
    background: #eee;
    padding: 10px 10px;
    border-radius: 10px;
    /* background: #cfcfcf; */
    color: #0d6efd;
    margin: 15px 0 15px 0;
}

.userinfo label {
    margin: 10px 0 5px;
}

.userinfo span.text-info {
    font-size: 12px;
}



table.shipping td {
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    padding: 0px 40px 0px 10px;
    background: #fff;
}

    table.shipping td > div {
        overflow: hidden;
    }

    table.shipping td span.check-sign, table.addresses td span.check-sign, table.pay td span.check-sign {
        position: absolute;
        background: #f1f1f1;
        top: 0;
        right: 0;
        bottom: 0;
        width: 26px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

table.shipping .info {
    float: right;
    width: 100%;
    text-align: justify;
}

    table.shipping .info strong {
        display: block;
        color: #3b65b2;
        font-size: 18px;
        padding: 10px 0px 0px 0;
        margin: 0 0 10px 0;
    }

    table.shipping .info span {
        color: #616161;
        text-align: justify;
        font-size: 11px;
    }

element.style {
}

table.shipping .price {
    float: left;
    font-size: 14px;
    padding: 10px 0 10px 0;
    color: #888;
}

table.shipping td span.check-sign i, table.addresses td span.check-sign i, table.pay td span.check-sign i {
    color: #fff;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

table.addresses td span.check-sign {
    background: #d08299;
}

table.addresses td {
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    padding: 10px 40px 10px 10px;
    background: #fff;
}

    table.addresses td i.icon {
        color: #0000003d;
        margin: 0 0 0 10px;
    }

table.shipping td.active .price strong {
    color: #2c56a2;
    font-size: 15px;
}

table.shipping td.active span.check-sign i, table.addresses tr.active span.check-sign i, table.pay td.active span.check-sign i {
    color: #2c56a2;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.addresslist-wrapper > h5 {
    font-size: 13px;
    font-weight: bold;
    color: #2c56a2;
}

table.shipping td.active span.check-sign {
    background: #2c56a2;
}

table.addresses tr.active td, table.addresses tr.active:hover td {
    background: #ffecf2;
}

table.addresses tr.active span.check-sign i {
    color: #ce4770;
}


td.invoice-row > div {
    display: flex;
    flex-direction: column;
}

    td.invoice-row > div .invoice-quantity span {
        font-size: 10px;
        margin: 0 5px 0 0;
    }

    td.invoice-row > div .invoice-quantity {
        font-weight: bold;
        display: flex;
        align-items: center;
        font-size: 13px;
    }

table.factorTable {
    margin: 0;
}

    table.factorTable tr.footer, table.factorTable tr.bg-success {
        font-size: 17px;
    }

td.invoice-row > div .invoice-row-total {
    font-weight: bold;
    text-align: left;
    color: #58585c;
}

.invoice-desc {
    padding: 15px;
    background: #f3f3f3;
    border-top: 3px solid #e5e5e5;
    margin: 0 0 15px 0;
}

    .invoice-desc label {
        margin: 0 0 10px 0;
        font-size: 12px;
    }

.successOrder {
    text-align: center;
}

    .successOrder > div img {
        height: 50px;
        margin: 20px 0 10px;
    }

.payTitle {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 0;
    color: #000000;
    font-size: 20px;
    float: right;
    border: 1px solid #dddddd;
    flex-direction: column;
    border-bottom: none;
}
.orderprice .btn.btn-danger{margin:15px 0 0 0;font-size: 12px;}
.orderprice {
    padding: 15px 15px 15px 10px;
    flex-grow: 1;
    text-align: center;
}

table.shipping td span.check-sign, table.addresses td span.check-sign, table.pay td span.check-sign {
    position: absolute;
    background: #f1f1f1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

table.pay td span.check-sign {
    background: #e8e8e8;
}

table.pay td {
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 85px;
    padding: 10px 40px 10px 15px;
}

    table.pay td.active span.check-sign {
        background: #beddb0;
    }

        table.pay td.active span.check-sign i {
            color: #379f21;
        }

table.pay .info strong {
    display: block;
    color: #28a745;
    font-size: 18px;
    padding: 0px 0px 10px;
    text-align: right;
}

table.pay .info {
    font-size: 14px;
    text-align: justify;
}

table.pay tr td {
    position: relative;
}

table.pay td.active {
    background: #ecf5eb !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*------------- Shopping cart Page --------------*/

/*>>>>>>>>>>>>>>> Shop Page <<<<<<<<<<<<<<<*/
.shop-portfolio .swiper-slide img {
    max-width: 100%;
    height: auto;
}

ul.product-sort {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: end;
}

    ul.product-sort li {
        margin: 0 5px;
        font-size: 12px;
        cursor: pointer;
    }

        ul.product-sort li.active {
        }

.portfolio-slider {
    overflow: hidden;
}

.content-box > div > div.row {
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}

.category-head {
    margin: 20px 0 20px 0
}

    .category-head h1 {
        font-size: 18px;
    }

.sidebar {
    border: 1px solid #dfdfdf;
    border-radius: 15px;
}

    .sidebar .sidebar-title {
        padding: 15px 15px 15px 15px;
        border-top: 1px solid #ededed;
        font-size: 15px;
        font-weight: 700;
        color: #5e5e5e;
    }

    .sidebar .sidebar-panel:first-child .sidebar-title {
        border: none;
    }

    .sidebar .sidebar-content ul {
        list-style: none;
        padding: 0;
        line-height: 26px;
        margin: 0;
    }

        .sidebar .sidebar-content ul li a {
            color: #555;
        }

    .sidebar .sidebar-content {
        padding: 0 15px 15px 15px;
    }

        .sidebar .sidebar-content ul li span.color-box {
            background: #ebebeb;
            padding: 9px;
            float: right;
            border-radius: 4px;
            display: inline-block;
            margin: 0 0 0 5px;
        }

.content-box .catlist {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0px;
    z-index: 99;
    background: #fff;
    font-size: 12px;
    overflow-x: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

    .content-box .catlist a img {
        width: 60px;
    }

    .content-box .catlist li figure {
        height: 55px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: start;
    }

    .content-box .catlist ul li a {
        padding: 0px 5px;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        display: block;
        font-size: 10px !important;
        color: #232323;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
    }

.empty-products {
    padding: 0 0 20px 0;
}

    .empty-products .img {
        margin: 0 0 20px 0;
    }

    .empty-products * {
        text-align: center;
    }
/*---------------- Shop Page-------------*/
/*>>>>>>>>>> Product <<<<<<<<<<<<<<<*/
.product-item-wrapper {padding-top: 0;}
.thumbslide .swiper-slide {
    border: 1px solid white;
    border-radius: 8px;
    overflow: hidden;
}

.thumbslide .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--primary-color);
}
.property-box ul.propertylist.color li span {
    background-size: auto 100% !important;
    width: 100%;
    height: 125px;
    float: right;
    margin: 0 auto;
    display: block;
    background-repeat: no-repeat !important;
    border-radius: 8px;
}

.property-box ul.propertylist.color li label {
    margin: 9px 0px 10px 0;
    float: right;
    width: 100%;
    text-align: center;
}

.property-box ul.propertylist.color li.active {
    background: #ffca0f;
}

.property-box ul.propertylist.color {
    list-style: none;
    padding: 0px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

    .property-box ul.propertylist.color li {
        width: 25%;
        margin: 0 0 15px 0;
    }

ul.propertylist {
    list-style: none;
    margin: 0;
}

.property-box ul.propertylist.color li {
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    min-width: 100%;
    overflow: hidden;
    flex-grow: 1;
    text-align: center;
    border-radius: 15px;
    display: flex;
    align-items: center;
    background-color: #eee;
}

ul.propertylist.multiselect li {
    /* font-size: 12px; */
    padding: 5px;
    border: 2px solid #ffffff;
    cursor: pointer;
    position: relative;
    color: #767676;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 5px;
    background: #eee;
    border-radius: 8px;
    margin: 0 0 10px 0;
}

    ul.propertylist.multiselect li:before {
        content: ' ';
        background: #ffffff;
        padding: 11px;
        float: right;
        border-radius: 50%;
        margin: 0 0 0 5px;
    }

ul.propertylist.multiselect {
    float: right;
    padding: 0;
}

ul.propertylist {
    list-style: none;
    margin: 0;
}

    ul.propertylist.multiselect li.active:before {
        background: #ffca0f;
    }

    ul.propertylist.multiselect li:after {
        content: ' ';
        padding: 5px 2px;
        float: right;
        margin: 0 0 0 5px;
        position: absolute;
        right: 11px;
        top: 6px;
        border-right: 2px solid #51515100;
        border-bottom: 2px solid #61616100;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        transform: rotate(35deg);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    ul.propertylist.multiselect li.active:after {
        border-right: 2px solid #515151;
        border-bottom: 2px solid #616161;
        right: 13px;
        top: 8px;
    }

.text-box {
    font-size: 12px;
    line-height: 30px;
    background-color: #fff;
}

    .text-box h2 {
        font-size: 20px;
        color: var(--primary-color)
    }

    .text-box h3 {
        font-size: 16px;
    }

    .text-box img {
        display: none;
    }

.product-slide-wrapper {
    overflow: hidden;
}

    .product-slide-wrapper .swiper-slide img, .thumbslide .swiper-slider img {
        width: 100%;
        height: auto;
    }

.product-icons ul {
    display: flex;
    list-style: none;
    font-size: 10px;
    padding: 5px 0;
    margin: 0;
}

    .product-icons ul li {
        flex-grow: 1;
        text-align: center;
    }

.product-icons {
    margin: 10px 0 10px 0;
    background: #f5f5f5;
    border-radius: 6px;
}

    .product-icons ul li figure {
        background: url(/content/img/products-icons.png) no-repeat;
        background-size: auto 50px;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        opacity: 0.4;
    }

    .product-icons ul li span {
        display: inline-block;
        font-size: 8px;
    }

    .product-icons ul li:nth-child(2) figure {
        background-position: -50px 0px;
    }

    .product-icons ul li:nth-child(3) figure {
        background-position: -100px 0px;
    }

    .product-icons ul li:nth-child(4) figure {
        background-position: -150px 0px;
    }

    .product-icons ul li:nth-child(5) figure {
        background-position: -200px 0px;
    }

.product-info-wrapper {
    overflow: hidden;
    border-radius: 15px;
}

.product-info .title {
    margin: 0 0 25px;
}

    .product-info .title h1 {
        font-size: 20px;
        font-weight: bold;
        color: var(--primary-color);
        padding: 15px 0;
    }

.brief-wrapper strong {
    font-size: 12px;
    margin: 0 0 10px;
    display: block;
}

.brief-wrapper .brief {
}

    .brief-wrapper .brief ul {
        padding: 0;
        list-style: none;
        font-size: 12px;
        line-height: 23px;
        margin: 0;
    }

.basket-success-icon img {
    height: 100px;
}

.basket-success-icon {
    text-align: center;
    padding: 0 0 30px 0;
}

.brief-wrapper {
    background: #f5f5f5;
    padding: 10px 10px 10px 10px;
}

button#addprice {
    width: 100%;
    font-size: 10px;
}

.readmore-description {
    max-height: 500px;
    overflow-y: auto;
    padding: 15px;
}

.buttonForm.active {
    /* margin-top: -10px; */
    text-align: center;
    padding: 10px 15px;
}

.price-select .price {
    font-size: 14px;
}
.price-select .price.discount {
   color: #0000005c;
   font-size: 12px;
}
.price-select .price.discount span.discount-tag{font-size: 11px;padding: 0;border-bottom-right-radius: 0 !important;line-height: 1;}
    .price-select .price.discount span.priceValue {
        font-size: 16px;
        color: #0000005c;
    }
    .price-select .price span.priceValue {
        font-size: 20px;
    }
.result.pricebox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);
}

.priceValueForm {
    display: flex;
    background: #fff;
    align-items: center;
    flex-direction: row-reverse;
}
.price-select.has-discount{background-color:#ffe3eb}
.price-select {
    padding: 5px 5px 0px;
    background: #e2edff;
    text-align: center;
    /* border-top-left-radius: 15px; */
    flex-grow: 1;
    /* border-top-right-radius: 15px; */
}
.property-box > button span{font-weight:bold;font-size:14px;color: var(--primary-color);}
.property-box > button {
    width: 100%;
    text-align: right;
    font-size: 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    border-color: var(--primary-color);
}
.property-box > button:hover,.property-box > button:active,.property-box > button:focus{background-color:#ededed;color:inherit}
button#addprice i {
    font-size: 22px;
    margin: 0 0 0 10px;
    display: none;
}
.property-box > button .property-badge >div {
    border-radius: 50%;
    display: flex;
    /* border: 1px solid #898989; */
    margin: 0 0 0 15px;
    background: #e5e5e5;
}

.property-box > button .property-badge >div>span {
    padding: 0px;
    border-radius: 50%;
    font-size: 16px;
}
.property-table .property-item {
    background-color: #f5f5f5;
}

    .property-table .property-item p {
        margin: 0;
        padding: 0;
    }

.property-table .property-item {
    margin: 0 0 5px;
    padding: 10px;
    font-size: 12px;
}

    .property-table .property-item label {
        margin: 0;
        padding: 0;
    }



.cutsom-product img {
    height: 35px;
    margin: 10px 10px;
}
.cutsom-product a {
   
}
.cutsom-product  {color: #303030;font-size: 12px;display: flex;/* flex-direction: column; */align-items: center;border: 2px dashed #cfcfcf;border-radius: 10px;margin: 15px 0 0 0;}
.cutsom-product>div{display:flex;flex-direction:column;flex-grow:1;}
.card-body.product-description {
    line-height: 40px;
    padding: 20px 0 0 0;
}

    .card-body.product-description p {
        margin: 0;
    }



    .card-body.product-description h2, .card-body.product-description h3 {
        font-size: 22px;
        color: #2b55a1;
        margin: 20px 0 10px 0;
    }

    .card-body.product-description h3 {
        font-size: 18px;
    }

.product-tabs {
    margin: 20px 0 20px;
}

.product-frame h4 {
    color: #2b55a1;
    font-weight: bold;
    padding: 10px 0;
    text-align: right;
    direction: rtl;
    background: #eee;
    padding: 15px;
    font-size: 16px;
    margin: 20px 0 20px 0;
    border-radius: 20px;
}

div#cmntform {
    margin: 40px 0 0 0;
    border: 2px dashed #d7d7d7;
    padding: 20px;
    background: #fff;
    border-radius: 7px;
    text-align: right;
}

.securityQuestion input[type=text] {
    margin: 0 0 0 10px;
}

.securityQuestion {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
}

    .securityQuestion label {
        font-weight: bold;
        margin: 0 0 0 10px;
        /* font-size: 9px; */
    }
/*-------------- Product-----------------*/
/*>>> Imos Product <<<*/
form#prdformimos .priceForm .action {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
div#imosWrapper {
    position: relative;
    background: #eee;
    border-radius: 20px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.headtitle {
    background: var(--primary-color);
    color: #fff;
    overflow: hidden;
    direction: rtl;
    padding: 15px 20px;
    font-size: 17px;
}
.imos-warn {
    text-align: right;
    background: #fff6a8;
    /* font-size: 22px; */
    direction: rtl;
    padding: 3px 10px;
    /* border: 1px solid #ccc; */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
}
.imos-warn i{background:red;padding: 2px 5px;border-radius:50%;color:#fff6a8;margin: 0 0 0 8px;font-size: 11px;}
.headtitle strong {
    background: var(--secondary-color);
    font-size: 12px;
    color: #000;
    padding: 2px 4px 2px 4px;
    margin: 0px 7px 0 0;
    border-radius: 10px;
}
.headtitle i {
    margin: 0 0 0 5px;
}
.imosWrapper .innprice .priceValue {
    font-size: 20px;
    font-weight: bold;
    margin: 0 5px;
}
.priceedit {
    position: relative;
    padding: 15px;
    border-top: 1px solid #dddddd;
    background: #f7f7f7;
}
form#prdformimos {
    display: flex;
    direction: rtl;
    flex-direction: column;
}
.imosmsg {
    direction: rtl;
    position: absolute;
    background: #ffffffe6;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b55a1;
    font-weight: bold;
}
/*--- Imos Product ---*/
/*>>>>>>>>>> فوتر <<<<<<<<<<<*/
footer {
    background: #eee;
    padding: 30px 0 0 0;
}
footer.dark {
    background: #0e2ba7;
    padding: 30px 0 0 0;
}
.footer-logo .logo-grey img {
    height: 40px;
    opacity: 0.5;
}
footer.dark .footer-logo {color:#dfdfdf;}
footer.dark .footer-logo a {color:#dfdfdf;}

.footer-logo {
    display: flex;
    font-size: 12px;
    align-items: center;
}

    .footer-logo > div {
        display: flex;
        flex-direction: column;
    }

    .footer-logo .logo-grey {
        margin: 10px 10px 10px 15px;
    }

.footer-top {
    margin: 20px 0 50px 0;
    background: #ffffff94;
    border-radius: 10px;
    padding: 10px 0;
}
footer.dark .footer-top {background: #ffffff1c;}
button.gotop-btn {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px 10px;
    border-radius: 7px;
    float: left;
    margin: 10px 0 0px 10px;
    font-size: 12px;
}

.footermenu nav ul {
    list-style: none;
    padding: 0 10px 0 0;
    line-height: 30px;
    display: none;
}
.footermenu nav ul li{padding:0 20px 0 0}
.footermenu nav ul li:hover:before{background:var(--primary-color)}
.footermenu nav ul li:before{height:3px;width:10px;background:#dbdbdb;float:right;content:'';border-radius:8px;margin: 12px -18px 0 0;}
.footermenu nav ul li.highlight:before{background:#ffca0f}
footer nav.active strong {
    color: #fff;
    background: var(--primary-color);
}
footer nav strong:before {
    content: '+';
    font-size: 24px;
    float: right;
    line-height: 0;
    font-weight: normal;
    margin: 13px 0 0 10px;
}
footer nav > strong, .contactlist > strong, .social-wrapper > strong {
    color: #ffffff;
    display: block;
    padding: 10px 0px;
}
footer nav strong {
    display: block;
    border: 1px solid;
    border-radius: 7px;
    padding: 10px 10px;
    margin: 0 0 10px 0;
}
footer .footermenu nav ul li a {
    color: #898989;
    display: block;
}
footer.dark .footermenu nav ul li.highlight a {color: #ffca0f;}
footer.dark .footermenu nav ul li a {color: #ededed;}
.social-wrapper {
    background: var(--secondary-color);
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 15px 0;
}

    .social-wrapper > strong {
        font-size: 15px;
        /* color: #f7f7f7; */
    }

    .social-wrapper > div {
        font-size: 27px;
        display: flex;
        color: #f7f7f7;
        justify-content: space-between;
        margin: 10px 0 0 0;
    }

        .social-wrapper > div > a {
            color: #f7f7f7;
            line-height: 0;
        }

            .social-wrapper > div > a img {
                height: 26px;
            }

.footer-about > div {
    border-top: 1px solid #ffffff26;
    padding-top: 20px;
}
footer.dark .footer-about > div h2 {
        
        color: #ffffff;
    }
    .footer-about > div h2 {
        font-size: 20px;
        color: #64738d;
    }
 footer.dark .footer-about > div p {
       color:#fff;
    }
    .footer-about > div p {
        line-height: 29px;
        text-align: justify;
        font-size: 12px;
    }

.footer-about .about-text {
    height: 215px;
    overflow-y: hidden;
    padding: 0 0 0 15px;
}
footer.dark .footer-copyright > div{color:#fff;}
.footer-copyright > div {
    border-top: 1px solid #ffffff26;
    text-align: center;
    padding: 50px 0 50px 0;
    font-size: 11px;
}

.footer-copyright p {
    margin: 0
}

section.brand-section img {
    /* filter: grayscale(1); */
    opacity: 0.8;
    max-height: fit-content;
    margin: 0;
    max-width: 100%;
}
section.brand-section>.row{padding-right: 10px;padding-left: 10px;padding-bottom: 50px;}
section.brand-section ul {
    list-style: none;
    padding: 0px 0 20px 0;
    justify-content: center;
    display: flex;
    height: 100%;
    align-items: center;
}

section.brand-section a {
    font-size: 12px;
    color: #595959cc;
    width: 100%;
    padding: 5px 5px;
    display: block;
}
section.brand-section {
    margin: 0 15px;
}
footer.dark section.brand-section > div {background: #fffffff0;}
section.brand-section > div {
    background: #e5e5e5;
    /* padding: 30px 0 20px 0; */
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

section.brand-section ul li {
    border-left: 1px solid #b3b3b3;
}

    section.brand-section ul li:last-child {
        border: none;
    }

section.brand-section .main-brand img {
    height: 58px;
    max-height: initial;
}

section.brand-section .main-brand > div {
    text-align: center;
    padding: 20px;
}
/*------------ فوتر ------------*/

/*>>>>>>>>>>>>>>>>>>>>> Faq <<<<<<<<<<<<<<<<<<<<*/
.faq-item {
    border: 1px solid #eaeaea;
    background: #f5f5f5;
    margin-bottom: 10px;
    border-radius: 7px;
    background: #fff;
}

    .faq-item .faq-answer {
        background: #fff;
        padding: 10px;
        display: none;
        line-height: 30px;
    }

    .faq-item .faq-question {
        padding: 10px;
        font-weight: bold;
        font-size: 15px;
        cursor: pointer;
    }

.category-faq {
    padding: 15px 0;
}

    .portfolio-title > h3, .category-faq h3 {
        color: var(--primary-color);
        margin: 50px 0 20px 0;
        padding: 7px 10px 7px;
        position: relative;
        overflow: hidden;
        text-align: right;
        font-size: 20px;
        border-right: 5px solid #ffca0f;
    }

.faq-item .faq-question:Hover {
    background-color: #e5e5e5;
}

.faq-item .faq-question.open:before {
    transform: rotate(-45deg);
}

.faq-item .faq-question:before {
    content: '';
    border: 2px solid #fecc00;
    float: right;
    margin: 4px 0 10px 13px;
    padding: 6px;
    transform: rotate(45deg);
    border-top: none;
    border-right: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.faq-question {
}

.category-head .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
/*--------------------- Faq ---------------------
*/
/*>>>>>>>>>>>>>> Auth Form <<<<<<<<<<<<<<<<*/
.page-container.auth-login { background: #f1fbff;}
.page-container.auth-register {    background: #edffd678;}

.auth-form .field-validation-error {
    background: #f59e9e;
    color: #fff !important;
    padding: 3px 6px;
    border-radius: 14px;
    position: absolute;
    left: 0;
    font-size: 12px;
    top: 95%;
    z-index: 99;
}
p.reg-butt-user.login{ background: #e4fbff;}
p.reg-butt-user {
    padding: 10px 0;
    background: #ebffe4;
    padding: 15px;
    margin: 20px 0 0 0;
    border-radius: 15px;
    text-align: center;
}

    p.reg-butt-user a {
        margin: 10px 0 0 0;
    }

div.auth-form {
    border: 1px solid #ededed;
    border-radius: 15px;
    margin: 15px 0px 15px 0px;
    background: #fff;
}

    div.auth-form .auth-title {
        text-align: center;
        padding: 20px 0;
    }

        div.auth-form .auth-title h2 {
            font-size: 19px;
            color: var(--primary-color);
            font-weight: bold;
        }

        div.auth-form .auth-title h4 {
            font-size: 14px;
            color: #888;
            margin: 5px 0 0 0;
        }

    div.auth-form.login .auth-title {
        /* border-bottom: 4px solid #2f4fdb; */
    }
div.auth-form .auth-title>div >div a{color:#888;display:block;padding:0px 0 15px 0;font-weight: bold;}
.auth-form .auth-title>div >div.active a{color:var(--primary-color);}
div.auth-form .auth-title>div >div{border-bottom: 4px solid #e3e3e3;}
div.auth-form .auth-title>div >div.active{border-bottom: 4px solid #2f4fdb;}
div.auth-form .auth-title>div >div.active.register-head-button
{border-bottom: 4px solid #00834c;}
.auth-form .auth-title>div >div.active.register-head-button a
{color:#00834c;}


    div.auth-form .auth-title {
        text-align: center;
        padding: 0px 0 15px 0;
        /* border-bottom: 4px solid #00834c; */
        margin: 15px 15px 0px 15px;
    }

    div.auth-form .auth-form-content {
        padding: 0PX 15px 15px 15px;
    }

        div.auth-form .auth-form-content label {
            display: block;
            /* text-align:center; */
            margin: 15px 0 5px 0;
            color: #222222;
        }

        div.auth-form .auth-form-content select {
            direction: ltr;
            font-size: 20px;
            text-align: center;
            margin-bottom: 20px;
        }

        div.auth-form .auth-form-content input[type="text"], div.auth-form .auth-form-content input[type="password"] {
            direction: ltr;
            font-size: 16px;
            text-align: center;
            margin: 25px 0;
            padding: 10px 0;
        }

.user-groups {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px 0 20px;
}

    .user-groups > label span {
        margin: 0 7px 0 0;
        font-size: 12px;
    }

    .user-groups > label {
        white-space: nowrap;
        margin: 0 5px 11px 0 !important;
        background: #f7f7f7;
        padding: 5px 5px;
        border-radius: 10px;
        display: flex !important;
        align-items: center;
    }

.forgot-password-link {
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
}

    .forgot-password-link a {
        border-bottom: 1px dashed;
        font-size: 12px;
    }

div.auth-form .form-submit .btn {
    width: 100%;
}
/*----------------- Auth Form -----------------*/

/*>>>>>>>>> Pages <<<<<<<<<<<<<<<<*/
.page-title {
    padding: 80px 0 50px 0;
    text-align: center;
    margin: 0px 0 20px 0;
    background: #ffc10757;
    color: #0a58ca;
}

    .page-title h1 {
        margin: 0 0 30px 0;
        font-weight: bold;
    }
/*-----------------Pages -----------------*/
/*>>> Post blog <<<*/
ul.pagination a {
    padding: 6px 13px;
    background: #eee;
    border-radius: 4px;
    margin: 0 2px;
    line-height: 0;
    color: #888;
}

ul.pagination {
    display: flex !important;
    justify-content: center;
    overflow-x: auto;
    padding: 6px 0 20px 0;
}

ul.pagination li.active a {
    background: var(--primary-color);
    color: #fff;
}
.page-wrapper .pageTitle h1 {
    font-size: 35px;
    padding: 20px 0 20px 0;
    font-weight: bold;
    text-align: center;
}

.blog-item-wrapper a:hover img {
    opacity: 1;
    filter: grayscale(0);
}

.blog-item-wrapper a img {
    /* min-height: 190px; */
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 15px;
    height: initial;
}

.blog-item-wrapper a {
    min-height: 190px;
    display: block;
    text-decoration: none;
    color: #292929;
    line-height: 24px;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    padding: 0px;
    margin: 0 0 30px 0;
}

.icon-box ul {
    display: flex;
    list-style: none;
    padding: 0px 10px 10px 0;
    font-size: 12px;
    margin: 0;
    color: #888;
}

    .icon-box ul li {
        padding: 0 0 0 10px;
    }

.blog-item-wrapper a strong {
    display: block;
    padding: 10px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.BlogItem .pageTitle h1 {
    color: #505050;
    font-weight: bold;
    position: relative;
    padding: 0px 0 5px 0;
    font-size: 22px;
    line-height: 37px;
}

.blog-info .content-date ul {
    list-style: none;
    font-size: 12px;
    display: flex;
    padding: 0;
    margin: 0 0 10px 0;
    align-items: center;
}

    .blog-info .content-date ul li {
        color: #a7a7a7;
        margin: 0 0 0 10px;
    }

        .blog-info .content-date ul li strong {
            font-weight: normal;
        }

        .blog-info .content-date ul li i {
            /* color: #bdbdbd; */
            margin: 0 0 0 5px;
        }

.inner-content h2 {
    font-size: 22px;
    color: #79cbb0;
    text-align: right !important;
}

.inner-content h3 {
    font-size: 22px;
    color: #4477db;
    font-weight: bold;
}

.sublink {
    background: #ffdf45;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0px rgba(255, 188, 0, 0.71);
    text-align: center;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
    .sublink a.btn:active, .sublink a.btn:focus{
color:#fff;
        background: #6c757d;
        border-color: #000;
    }
    .sublink a.btn {
        display: block;
        /* margin: 5px 20px 0 20px; */
        background: #000;
        border-color: #000;
        color: #fff;
    }

    .sublink p {
        margin: 0;
    }

a.zoomitem {
    display: block;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

    a.zoomitem img {
        width: 100% !important;
        height: auto !important;
    }

.link-list {
    background: #ffffff;
    border: 1px solid #dedede;
    padding: 10px 10px;
    margin: 0 0 20px 0;
    border-radius: 15px;
}

    .link-list > strong {
        display: block;
        /* background: #f5f5f5; */
        padding: 0;
        font-size: 12px;
        margin: 0 10px 10px 0;
    }

    .link-list ul {
        margin: 0;
        list-style: none;
        padding: 0;
        font-size: 14px;
    }

        .link-list ul li:before {
            content: ' ';
            float: right;
            width: 9px;
            height: 9px;
            margin: 10px 8px 0 10px;
            border-radius: 50%;
            border: 1px solid #c3c3c3;
        }

        .link-list ul li:after {
            content: ' ';
            position: absolute;
            width: 1px;
            height: 23px;
            right: 12px;
            top: 19px;
            background: #c3c3c3;
        }

        .link-list ul li:last-child:after {
            display: none;
        }

        .link-list ul li a {
            color: #9f9f9f;
            display: block;
            padding: 5px 5px 4px 5px;
            text-decoration: none;
        }

        .link-list ul li {
            position: relative;
        }

            .link-list ul li.active {
                /* background: var(--secondary-color); */
            }

                .link-list ul li.active a {
                    color: var(--primary-color);
                }

                .link-list ul li.active:before {
                    background: #afafaf;
                }


.sidebar-nav {
}

    .sidebar-nav .sidebar-panel:first-child {
        margin: 0;
    }

    .sidebar-nav .sidebar-panel {
        background: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 15px;
        overflow: hidden;
        margin: 15px 0 0 0;
    }

    .sidebar-nav .sidebar-title {
        padding: 15px 15px;
        color: #9f9f9f;
        border-bottom: 1px solid #eee;
        margin: 0;
        background-color: #fff;
    }

    .sidebar-nav .content {
        padding: 15px 15px;
    }

sidebar-nav .content ul {
    margin: 0;
    padding: 0;
}

.sidebar-nav .sidebar-title h3 {
    font-size: 13px;
    margin: 0;
    font-weight: bold;
}

.sidebar-nav .content ul {
    padding: 0px 0;
    margin-bottom: 0;
    list-style: none;
}

    .sidebar-nav .content ul li {
        clear: both;
        position: relative;
        display: block;
        overflow: hidden;
    }

        .sidebar-nav .content ul li a:hover {
            text-decoration: none;
            background-color: #f3f3f3;
            color: #000000;
        }

        .sidebar-nav .content ul li a img {
            border-radius: 10px;
            margin: 0 0 0 15px;
        }

        .sidebar-nav .content ul li a {
            position: relative;
            display: flex;
            padding: 8px 5px;
            color: #525252;
            font-size: 12px;
            align-items: center;
            overflow: hidden;
            border-radius: 21px;
        }

.blog-info.category-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
    flex-direction: column;
}

ol.breadcrumb {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 10px 15px;
    color: #a1a1a1;
}

    ol.breadcrumb a {
        font-size: 12px;
        color: #9b9b9b;
    }

.inner-content {
    line-height: 30px;
}
/*-- Post blog ---*/
/*>>>>>>>>>>> Callback <<<<<<*/
.sale-frame {
    display: flex;
    border-radius: 5px;
    margin: 10px 0 15px 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e7e9ef;
}

    .sale-frame > h4 {
        font-size: 16px;
        padding: 10px;
        background: #f5f5f5;
        margin: 0;
        color: #525252;
        font-weight: bold;
    }

.orderlist-total-row .sale-frame > div {
    height: 120px;
    padding: 10px;
    flex-direction: column;
}

    .orderlist-total-row .sale-frame > div > div:nth-child(even) {
        background: #f5f5f5;
    }

    .orderlist-total-row .sale-frame > div > div {
        font-size: 14px;
        padding: 2px 5px;
    }

.sale-frame .transaction-info {
    display: flex;
    justify-content: space-evenly;
    padding: 15px;
    font-size: 14px;
    min-height: 100px;
}

.orderlist-total-row .sale-frame > div {
    flex-direction: row;
}

.sale-frame > div.item-list > div {
    border-bottom: 1px solid #e1ecfd;
    padding: 5px 0 5px 0;
}

.sale-frame .data-label {
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    padding: 0 6px;
    margin: 2px 0;
    border-radius: 4px;
}

.sale-frame > div.item-list .data-label {
    background: var(--secondary-color);
}

.sale-frame > div.total-item {
    background: #f5f5f5;
    padding: 5px 10px;
    font-size: 17px;
    font-weight: bold;
}

.sale-frame > div {
    padding: 0px 10px 0px 10px;
}

    .sale-frame > div.item-list {
        height: 80px;
    }

        .sale-frame > div.item-list > div:last-child {
            border: none;
        }
/*-- Callback ---*/
.payTitle .fdiscount {
    font-size: 12px;
    padding: 0px 15px 15px 15px;
}
.payTitle .fdiscount .btn {
    padding: 2px 6px;
    font-size: 12px;
}
section.row-item.suggest-row >div>div {
    /* border-top: 1px solid #efefef; */
    border-bottom: 1px dashed#c9c9c9;
    padding: 0 0 15px 0px;
    margin: 0 0px 15px 0;
}
section.row-item.suggest-row img{margin-top:15px;}
/*>>>>>>>>>>>>>>>>>>>>>>> Responsive <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .special-color-promo .image-wrapper{padding:0;}
.special-color-promo .info-text p{margin:0;}
    .special-color-promo{flex-direction:row;}
    .special-color-promo .info-text h3,.special-color-promo .info-text h4{text-align:right;}
    section.row-item.suggest-row >div>div{
    padding: 20px;
    margin: 0 100px;
}
    .blog-info.category-wrapper {

    flex-direction: row;
}
    .social-wrapper > div {margin: 30px 0 0 0;}
    .user-groups {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px 0 20px;
}
    div.auth-form .auth-form-content input[type="text"],
    div.auth-form .auth-form-content input[type="password"]{
    direction: ltr;
    font-size: 25px;
    text-align: center;
}
    div.auth-form .auth-title h4 {
    margin: 15px 0 0 0;
}
    .forgot-password-link {
    padding: 25px;
}
    div.auth-form .auth-form-content{
    padding: 15PX;
}
    div.auth-form .auth-title {
    margin: 20px 15px;
}
    div.auth-form .auth-title{
    padding: 20px 0 20px 0;
}
div.auth-form {
    margin: 50px 15px 50px 15px;
}
    .price-select .price.discount span.discount-tag{
    font-size: 15px;
}
    .price-select .price.discount{}
    .price-select .price span.priceValue{
    font-size: 25px;
}
    .price-select{padding:20px 20px 20px;}
    .buttonForm.active{margin-top:-15px;padding: 0;}
    button#addprice {
    width: 100%;
    font-size: 15px;
}
    .priceValueForm{display:block;}
    .result.pricebox{position:initial;box-shadow: none;}
    .sublink{
    flex-direction: row;
}
.product-item > .discount{
    font-size: 9px;
}
    .product-item > .discount >span{
    font-size: 18px;
}
    .discount-view-text {width: 25% !important;}
    .discountview-slider {width: 75% !important;}
     .discountview-slider .swiper-slide{width:300px;}
    form#prdformimos {
    flex-direction: row;
}
    .home-category-wrapper ul li a img {
    width: 160px;
    margin: 15px;
}
    .home-category-wrapper ul li{width:initial;flex-grow: 1;}
    .product-item-wrapper {padding-top: 20px;}
    .content-box .catlist ul li a{
    padding: 15px 5px;
}
    .content-box .catlist li figure{height: 68px;}
    .content-box .catlist{position:initial;margin: 0 0 20px 0;box-shadow: none;}
    
    .property-box ul.propertylist.color li{min-width: 30%;width:auto;flex-direction:column;margin-left: 15px;}
    .property-box ul.propertylist.color li span{width:100%;height: 190px;}
    .property-box ul.propertylist.color{flex-direction:row;}
    table.shipping .info span{font-size:14px;}
    .orderqueue > div.val > div{font-size:12px;}
    .orderqueue > div.val{font-size:17px;}
    .orderqueue .text{font-size:14px;}
    .orderStat > div strong {
    font-size: 12px;
}
    
    .modal-menu ul li a img {
        max-height: initial;
        height: 80px;
        max-width: 86px;
    }
    .footermenu nav ul{display:block;}
 footer.dark nav.active strong,footer.dark nav strong{color: #fff;}
    footer nav.active strong,footer nav strong{background:transparent;border:none;color: #5e5e5e;}
    
   
    
    footer nav strong:before{content:'';}
    .page-wrapper.page-container {
    padding-top: 0;
}
    .page-container {
    margin: 110px 0 0 0;
    padding-top: 40px;
}
    header#main_header .header-background{height:110px;padding: 20px 0 0 0;font-size: 12px;}
    section.brand-section>.row{padding-right:0;padding-left:0;}
    section.brand-section img{max-height:40px;}

    section.brand-section ul{margin-bottom:0;padding:0;}
    .footer-logo > div {    flex-direction: row;}
    .site-logo a {
        width: initial;
        justify-content: start;
    }

    header#main_header .over-menu .site-logo img {
        height: 40px;
    }
    /*>>>> CallBack <<<<<*/


    .shopping-list .price-item-total {
        min-width: 200px;
    }

    .shopping-list > div {
        flex-direction: row;
    }
    /*---- CallBack -----*/
    .product-info-wrapper {
        height: 700px;
    }

    .product-icons ul li span {
        font-size: 12px;
    }

    .grid-box .product-item > a {
        display: initial;
        display: block;
        overflow: hidden;
    }

    .product-item .product-image-wrapper img {
        max-width: initial;
    }

    .product-item ul.proplist li {
        padding: 10px;
    }

    .product-item ul.proplist {
        margin: 0px 10px 0 0;
    }

    .grid-box .product-list-info {
        flex-grow: initial;
        max-width: initial;
        padding: 0 10px 0 0px;
    }

    .product-item .caption {
        padding: 5px 15px 0 15px;
    }

        .product-item .caption .pricewrapper {
            font-size: 20px;
        }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}
/*--------------------------------- Responsive ---------------------------------*/