﻿body {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    font-family: Vazir !important;
    background-color: #f5f9fc;
}

header {
    float: right;
    width: 100%;
    background-color: #022380;
    border-bottom: 1px solid #e1e1e1;
     padding: 10px 0px 0 0;
    /*background-image: url(/media/img/head.jpg);*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.transition {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

a {
    color: #30c5f0;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: color 0.3s linear;
}

    a:link {
        color: #30c5f0;
        text-decoration: none;
    }

    a:visited {
        color: #30c5f0;
        text-decoration: none;
    }

    a:hover {
        color: #f7ff00;
        text-decoration: none;
    }

    a:active {
        color: #808080;
        text-decoration: none;
    }

.them-color {
    color: #30c5f0 !important;
}

.them-Background {
    background: #30c5f0 !important;
}

.border-top {
    border-top: solid 1px #ddd;
}

.BG-White {
    background: #fff;
}

.HeaderLink {
    font-size: 1.3em;
    color: #cc3f94;
    text-align: center;
    margin: 0px auto;
    padding: 12px 0;
    background: #efefef;
    font-weight: bold;
    /* border-right: solid 1px #cacaca; */
}

.border-radius-4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.border-radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.Container-BoxShadow {
    /*box-shadow: 0 1px 10px #ccc;
    -moz-box-shadow: 0 1px 10px #ccc;
    -webkit-box-shadow: 0 1px 10px #ccc;*/
}

.Container-Width {
    float: right;
    width: 100%;
}

.MinHeight {
    min-height: 400px;
    margin: 0% 0 !important;
}

#divWrapper {
    width: 100%;
    text-align: center;
    float: right;
}

.content-Show {
    opacity: 1 !important;
    visibility: visible !important;
}

.wrapper {
        width: 100%;
        max-width:1500px;
    margin: 0 auto;
    border: 0px solid red;
    position: relative;
}

#menuLinksCan{
    padding:0 10px 0 0;
}
#userLoginTitle {
    color: #fff;
    font-size: 13px;
    margin: 0px;
    position: absolute;
    top: -18px;
    right: 0px;
}

.div-adv-slide-rand {
    background-image: url('/media/img/layout/Slider Up (2).jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    position: relative;
}

.h3-slide-rand-title {
    text-align: right;
    color: #fff;
    font-size: 30px;
    float: right;
    width: 100%;
}

.h4-slide-rand-title {
    text-align: right;
    color: #fff;
    float: right;
    width: 100%;
    margin: 100px 0 0 0;
}

.div-adv-slide-rand-bar {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px 0px;
    background-color: rgba(0,0,0,0.5);
}

#headPrintPage {
    display:none;
    background-color: rgb(236, 236, 236);
    height: 100px;
    width: 100%;
    /*display: flex;*/
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #464646;

}
#logoPrintCan {
}
#logoPrintCan img {
    max-width:130px;
}

#infoPrintCan {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.Logo {
    float: right;
    margin: 0 0 0 25px;
    /* margin: 0 2%; */
}

    .Logo img {
        display: block;
        margin: auto;
        width: initial;
        max-width: 250px;
        float: right;
        padding: 0 0px 0 0px;
        margin: 0 0 0 0px;
        border-left: 0px solid #cccbcb;
    }

    .Logo h1 {
        color: #434341;
        font-size: 1.4em;
        text-align: center;
        font-weight: bold;
    }

    .Logo h2 {
          color: #d9d9d9;
    text-align: justify;
    font-size: 0.9em;    font-weight: normal;
        /* float: right; */
    }



.a-shop-creator {
    float: right;
    width: 260px;
    text-align: right;
}

    .a-shop-creator h3 {
        color: #fff;
        margin: 15px 0 0 0;
        display: inline-block;
    }

    .a-shop-creator h4 {
        color: #fff;
        display: inline-block;
    }

    .a-shop-creator img {
        height: 90px;
        width: 90px;
        border: 3px solid #eee;
        float: right;
        margin: 0 0px 0 10px;
    }

.div-p-adv-list-can {
    float: left;
}

.p-adv-item {
    display: inline-block;
    margin: 0 5px;
    float: left;
    width: 90px;
    height: 90px;
        border: 2px solid #ddd;

}

    .p-adv-item img {
        width: 90px;
        height: 90px;
        border-radius: 5px;
    }

.p-adv-item-last {
    background-color: #fff;
    border-radius: 5px;
    width: 90px;
    height: 90px;
    border: 2px solid #ddd;
}

    .p-adv-item-last h3 {
        color: #495AD0;
        margin: 12px 0 0 0;
        vertical-align: middle;
        font-size: 22px;
    }

    .p-adv-item-last h4 {
        color: #7B7B7B;
    }

#innerHead {
       float: right;
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
   padding: 5px 0; 
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}



#div-search-place {
    width: 33%;
    float: left;
    padding: 0px 0;}

#div-newsletter-place {
    margin: 8px 0 0 0;
    background-color: #0D0E0D;
    border: none;
    width: 100%;
    border-radius: 15px;
}

    #div-newsletter-place a {
        margin: 4px 5px;
        float: left;
        color: #fff;
        background-color: #1D1C1C;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        vertical-align: middle;
    }

    #div-newsletter-place input {
        border: none;
        background-color: transparent;
        width: 83%;
        color: #fff !important;
        font-size: 13px;
        padding: 6px;
    }


.Nav-User, .nav-headOperation {
    float: right;
    width: 38%;
    margin: 18px 0 0 0;
    text-align: right;
}

    .Nav-User > a, .nav-headOperation > a {
        position: relative;
        vertical-align: middle;
        margin: 0px 5px 0 5px;
        float: right;
        text-align: center;
        color: #494949;
        border-right: 1px solid #494949;
        padding: 3px 10px 0px 0px;
    }

        .nav-headOperation > a .fa-user, .nav-headOperation > a .fa-user-plus {
            float: right;
            margin-left: 5px;
            position: relative;
            top: 5px;
        }


.divColRow1{
    width:25%;height:100%; float:left; background-color:#3499ef;border: 1px solid #e3e3e3;border-radius: 7px;
}
.divColRow2{
        width:74%;height:100%; float:left;padding:0 0.5%;
}
.ShopCart, .Whishlist {
    position: relative;
    /* vertical-align: middle; */
    margin: 0px 5px 0 5px !important;
    float: left;
    font-size: 1.8em;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff  !important;
    /* border-right: 1px solid #494949; */
    padding: 0px;
}

    .ShopCart h4, .Whishlist h4 {
           color: #fff;
    /* padding: 3px 0 0 0; */
    background-color: #dd0b0b;
    border-radius: 5px;
    width: 20px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 21px;
    top: 12px;
    font-size: 0.5em;
    /* padding: 0.1rem 0.4rem; */
    vertical-align: middle;
    }

/*#a-userLogin {
    border-left: 1px solid #fff;
    padding: 0 0 0 10px;
}

#a-userMembership {
    border-left: 1px solid #fff;
    padding: 0 0 0 10px;
}

#a-userCart {
    border-right: 1px solid #fff;
    padding: 0 10px 0 0px;
}*/

.a-createShop {
    background-color: #30c5f0;
    border-radius: 5px;
    padding: 5px 10px !important;
    margin: 0 3px;
    float: right;
    color: #fff !important;
}

.sp-linkTitle {
    font-size: 13px;
    margin: 0 0px 0 5px;
    float: right;
    font-weight: 600;
}

.Nav-User a:hover {
}


#a-home {
    float: right;
    margin: 13px 0 0 15px;
}

.div-row {
    float: right;
    width: 100%;
    border-bottom: 0px solid #e1e1e1;
    margin: 0 0 0px 0;
}

#div-slide-left {
    width: 100%;
    float: left;
    border: 0px solid #e1e1e1;
    min-height: 100px;
}

#div-slide-right {
    width: 26%;
    float: right;
    border: 0px solid #e1e1e1;
    min-height: 100px;
}

    #div-slide-right a {
        display: block;
        background-size: cover;
        height: 160px;
        width: 97%;
        margin: 0% 0% 11px 0;
    }

.Footer-Social {
    clear: both;
    text-align: left;
    /* float: left; */
    display: table;
    position: relative;
    top: 2px;
    margin: 5px auto;
}

    .Footer-Social a {
        float: left;
        margin: 0 5px 0 0;
    }

        .Footer-Social a img {
            max-height: 32px;
        }



.sp-icon-tabProduct {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0 5px;
}

.product-item {
    display: inline-block;
    border: 0px solid gray;
    width: 23.5%;
    margin: 0.5%;
    vertical-align: top;
}

.a-product-pic-item {
    display: block;
    border: 1px solid #e1e1e1;
    height: 300px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.h3-productName {
    color: #000;
}

    .h3-productName a {
        color: #000;
        font-size: 13px;
        font-weight: bold;
    }

.priceInHomePage {
    color: #E11B22;
    font-size: 13px;
    font-weight: bold;
}

.moreInfoProductHover {
    height: 100%;
    padding: 10px 0;
    background-color: #F5F5F5;
    position: absolute;
    bottom: -300px;
    left: 0px;
    width: 100%;
    transition: all 400ms;
}

    .moreInfoProductHover p {
        overflow: hidden;
        max-height: 100px;
        color: #F3F3F3;
        font-size: 12px;
        padding: 3px 10px 17px 10px;
        text-align: justify;
    }

.order-details {
    color: #000;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 13px;
}

.myHeart {
    color: #000;
    background-color: #fff;
    padding: 8px;
    border-radius: 5px;
    vertical-align: middle;
}


#tab-product-can {
    float: right;
    position: absolute;
}

    #tab-product-can a {
        transition: 500ms;
        float: right;
        margin: 0 0px 0 10px;
        padding: 5px;
        color: #bababa;
    }

        #tab-product-can a:hover {
            color: #06BB9F;
            transform: scale(1.1);
        }

.tabProductActive {
    color: #06BB9F !important;
    font-weight: bold !important;
}



footer {
    background-color:#03112b;
    float: right;
    width: 100%;

     background-image:url(/media/img/foot.jpg);
    background-position:top center;
    background-size:cover;
    background-repeat:no-repeat;
}

.div-foot-col {
    width: 38%;
    margin: 40px 0 0 0;
    display: inline-block;
    border: 0px solid #e1e1e1;
    min-height: 300px;
    vertical-align: top;
}

#div-footer-logo {
    padding: 60px 0 0 10px;
}
#div-footer-row{

}

#div-copyRight {
      background-color: #04173b;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
    border-radius: 5px;
    padding: 0 10px;
        float: right;
    width: 100%;
}

#div-footer-about {
    text-align: right;
    width: 20%;
}

    #div-footer-about h3 {
        color: #7B7B7B;
        border-bottom: 1px solid;
        padding: 8px 0;
    }

    #div-footer-about p {
        color: #7B7B7B;
        font-size: 12px;
        padding: 8px 0px;
        border-bottom: 1px dashed #424242;
        margin: 0px 0 10px 0;
    }

#div-footer-menu {
    width: 79%;
}

#div-footer-organInfo {
    color: #656565;
    font-size: 13px;
    text-align: right;
}

#div-footer-lastCol {
    width: 20%;
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: right bottom;
}


#lb-copyRight {
   color: #5a616c;
    font-size: 12px;
  }

#a-raadcom {
    color: #929292;
    font-size: 12px;
  }

#sp-raadcom {
     font-size: 12px;
    color: #013eb0;
 }

#div-user-operation-can {
    opacity: 0;
    visibility: hidden;
    width: 250px;
    position: absolute;
    top: 36px;
    left: 0px;
    background-color: #fcfcfc;
    z-index: 10;
    padding: 1%;
    border-radius: 5px;
    border: 1px solid gray;
}

    #div-user-operation-can a {
        display: block;
        color: gray;
        border-bottom: 1px dashed #EEEEEE;
        font-size: 13px;
        padding: 5px 5px;
        height: inherit;
        width: initial;
        text-align: right;
    }

        #div-user-operation-can a:hover {
            border-radius: 5px;
            color: #FFF;
            background-color: #EB686D;
        }

        #div-user-operation-can a span {
        }

.footer-contact-item {
    float: right;
    width: 100%;    margin: 5px 0;
}

    .footer-contact-item label {
        float: right;
        margin: 0 5px;
    }

        .footer-contact-item label:nth-child(1) {
            margin: 4px 0px 0px 8px;
        }

        .footer-contact-item label:nth-child(2) {
            margin: 0px 0px 0px 0px;
            width: 80%;
            text-align: right;
        }

.a-product-quality {
    display: inline-block;
    width: 22%;
    margin: 1%;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 3%;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background-color: #F9F9F9;
}

    .a-product-quality h3 {
        font-size: 13px;
        text-align: center;
    }

#a-product-quality-return {
    background-image: url('/media/img/productDetails/returnProduct.png');
}

#a-product-quality-pay {
    background-image: url('/media/img/productDetails/payment.png');
}

#a-product-quality-delivery {
    background-image: url('/media/img/productDetails/delivery.png');
}

#a-product-quality-price {
    background-image: url('/media/img/productDetails/quality.png');
}

.fixGoToShopPanel {
    background-color: #30c5f0;
    border-radius: 5px;
    padding: 5px 10px !important;
    margin: 0px;
    float: right;
    color: #fff !important;
}

.smallShopIcon-w {
    background-image: url(/media/img/shop/shop-2-128x128-w.png);
    background-position: center center;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}


.div-tg-item-lev1 {
    display: inline-block;
    border: 0px solid #e1e1e1;
    width: 49.5%;
    height: 300px;
    margin: 0%;
    -webkit-box-shadow: -1px 2px 6px 0px rgb(210, 210, 210);
    -moz-box-shadow: -1px 2px 6px 0px rgb(210, 210, 210);
    box-shadow: -1px 2px 6px 0px rgb(210, 210, 210);
    transition: all 400ms;
}

    .div-tg-item-lev1:hover {
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
    }

.div-tg-pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/media/img/productDetails/returnProduct.png');
    display: inline-block;
    width: 50%;
    border: 1px solid #e1e1e1;
    height: 100%;
    float: right;
}

.a-tg-title {
    display: inline-block;
    width: 50%;
    border: 1px solid #e1e1e1;
    height: 100%;
    float: right;
    background-color: #fff;
}

    .a-tg-title label {
        color: #b0b0b0;
        font-size: 13px;
        margin: 45% 0px 0px 0px;
        display: inline-block;
    }

    .a-tg-title h2 {
        color: #707070;
        font-size: 20px;
        margin: 0px 0px 0px 0px;
    }

    .a-tg-title span {
        color: #BDBDBD;
        font-size: 13px;
        margin: 0px 0px 0px 0px;
    }





.div-tg-item-lev2 {
    display: inline-block;
    border: 0px solid #e1e1e1;
    width: 24.5%;
    height: 260px;
    margin: 0%;
    background-color: #fff;
    -webkit-box-shadow: -1px 2px 6px 0px rgb(210, 210, 210);
    -moz-box-shadow: -1px 2px 6px 0px rgb(210, 210, 210);
    box-shadow: -1px 2px 6px 0px rgb(210, 210, 210);
    transition: all 400ms;
}

    .div-tg-item-lev2:hover {
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
    }

.div-tg-pic-2 {
    display: inline-block;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 70%;
    float: right;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .div-tg-pic-2 img {
        max-height: 95%;
        max-width: 95%;
        margin: 0 auto;
    }

.a-tg-title-2 {
    display: inline-block;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 30%;
    float: right;
    background-color: #06243f;
    text-align: center;
    padding: 5px;
}

    .a-tg-title-2 span {
        color: #0d6dc4;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
    }

    .a-tg-title-2 h2 {
        color: #868686;
        font-size: 17px;
        margin: 0px 0px 0px 0px;
        text-align: center;
    }

.div-head-section {
    position: relative;
    width: 100%;height:10%;
    margin: 0px 0 0px 0;text-align:right;background-color: #fff;
    border-top: 1px solid #cccccc;
}
.div-head-section h2{
    border-bottom: 2px dotted #bcbcbc;
    padding: 0 15px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sp-head-title {
    
     
    font-size: 1em;
    font-weight: 600;
    color: #4b4a4b;
    padding:0 5px;
}

.sp-head-line {
    /*border-top: 1px solid #30c5f0;
    width: 100%;
    display: inline-block;*/
}


 #topGroupRow1Place {
        float: right;
        width: 100%;
         margin: 5px 0 5px 0;
                     display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;

    }


.a-top-group1 {
    display: inline-block;
    width: 160px;
    border: 0px solid gray;
    height: 250px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px dotted #8b8282;
    border-radius: 5px;
    background-color: #fff;
    margin: 10px 10px;
    text-align: center;
    justify-content: center;

}

        .a-top-group1 img {
 max-height:90%  !important;max-width:90% !important;margin: 0 auto;
        }

        .a-top-group1 h2 {
            color: rgb(103, 103, 103);
            font-weight: bold;
            margin: 20px 0 20px 0;
        }
        .a-top-group1 h3 {
            color: #333;
            margin: 0px auto;
            /* display: flex; */
            text-align: center;
            width: 100%;
            /* float: right; */
            height: 50px;
        }

        .a-top-group1 p {
            color: rgb(81, 81, 81);
            font-size: 13px;
        }




               #topGroupRow2Place {
          float: right;
    width: 100%;
    margin: 15px 0 15px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}


        


       .a-top-group2 {
             display: inline-block;
    width: 140px;
    border: 0px solid gray;
    margin: 0px 0px;
       }

           .a-top-group2 img {
              width: 100%;
    max-height: initial !important;
    border: 2px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(56,56,56,1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(56,56,56,1);
    box-shadow: 0px 0px 4px 0px rgb(26, 25, 25);

           }

        .a-top-group2 h3 {
            color: #fff;
            margin: 5px 0;
            font-size: 13px;
        }


           .a-top-group2 h2 {
               color: rgb(103, 103, 103);
               font-weight: bold;
               margin: 20px 0 20px 0;
           }

           .a-top-group2 p {
               color: rgb(81, 81, 81);
               font-size: 13px;
           }




    .mainSliderCan5 {
        float: left;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        margin: 0px 0 0 0;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    #lastNewsEventsPlace{
float: right;
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin: 0 0 0 0%;
    border: 1px solid #e1e1e1;

    }
    .aLastNewsEvent{
    float: right;
    width: 99%;
    margin: 0.5%;
    border: 1px solid #e5e5e5;
    height: 20.5%;
    overflow: hidden;
    border-radius: 4px;
        display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    }
    .aLastNewsEvent img{
             float: right;
    width: 20%;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    margin: 5px;
    max-height: inherit;
    }
    .aLastNewsEvent h2{
          color: #646464;
    text-align: justify;    font-size: 13px;
    padding: 0px 10px 0 10px;
    }
    .aLastNewsEvent p{
            text-align: justify;
    font-size: 12px;
    color: #8d8d8d;
    padding: 10px;
    }


        .mainSliderCan6 {
        float: left;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        margin: 0px 0 0 0;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }


        .sharingLinksCan{
      display:flex;flex-direction:row;align-items:center;justify-content:space-between;
  }
    .sharingLinksCan a{
        margin:0 2px;display:flex;
   }
  .share-sapp img{
      width:24px;
  }

  .share-eitaa img{
            width:24px;

  }
#adsBoxesPlace {
    float: right;
    width: 100%;
    height: 100%;
    background-color: #3a3a3a;
}
    .aAdsBox{
       background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
    width: 100%;
    height: 100%;
    border: 0px solid #dbdada;
     }
        .aAdsBox h2 {
            padding: 10px;
            color: #fff;
            font-size: 13px;
            position: absolute;
            bottom: 0px;
            left: 0px;
            background-color: rgba(0,0,0,0.6);
            width: 100%;
        }
  .aAdsBox p{
              padding:10px;color:#000; font-size:13px;text-align:justify;

    }


      #featurePlace2{
        float:right;width:100%;height:250px;margin:45px 0 45px 0;
    }
     #featureCol1{
                 float:right;width:50%; background-color:#092b6a;height:100%;

    }

      #featureCol1 h2{
         color:#fff;
    }
        #featureCol1 p{
      padding: 5% 20% 0 12%;
    text-align: justify;
    font-size: 0.9em;
    overflow: hidden;
    height: 74%;
    line-height: 2em;
    color: #d3d3d3;
    }
          #featureCol1 a{
               color:#ffd017;border:1px solid #ffd017;border-radius:5px;padding:5px 10px;margin: 5px;
    display: inline-block;
    }

      #featureCol2{
                  float:right;width:50%;background-color:#fff;height:100%;    padding: 50px 0;

    }
     .a-eshop-feature2 {
       display: inline-block;
    width: 31%;
    margin: 1%;
    float: right;
    border:0px solid gray;
 }

    .a-eshop-feature2 img {
            
    }

    .a-eshop-feature2 h2 {
        color: rgb(103, 103, 103);
        font-weight: bold;
        margin: 20px 0 20px 0;
    }

    .a-eshop-feature2 p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }


     .mainSliderCan {
        float: left;
        width: 100%; height:100%;
         overflow: hidden;
        position: relative;
        margin: 0px 0 0 0;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .a-random-pic{
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
    }
    .slideBoxDescript {
              width:35%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    text-align: center;
    padding: 3%;
    background-color: rgba(4, 22, 110, 1);

        display: flex;
    flex-direction: column;
    justify-content: center;
     }

        .slideBoxDescript img {
            max-width: 20%;
        }

        .slideBoxDescript h2 {
            font-size: 1.5em;
            color: #fff;
        }

        .slideBoxDescript p {
            font-size: 1em;
            color: #fff;
            padding: 10px 0;
        }

        .slideBoxDescript a {
               padding: 5px 10px;
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #eddc07;
    color: #eddc07;max-width: 200px;
    margin: 0 auto;
        }
        /*.square-side{
               border-top: 5px solid #012f7d;
    border-right: 5px solid #012f7d;
    width: 30%;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
        }
          .square-side2{
            border-bottom:5px solid #012f7d; width:30% ; height:70px;position:absolute; bottom:0;left:0; border-left:5px solid #012f7d;
        }*/





    #txt-autofullSearch::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #b1b1b1;
}
#txt-autofullSearch:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #b1b1b1;
    opacity: 1;
}
#txt-autofullSearch::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #b1b1b1;
    opacity: 1;
}
#txt-autofullSearch:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b1b1b1;
}

   

    #div-auto-full-search-place {
           position: relative;
    width: 99%;
    margin-left: 1%;
    float: left;
    border: none;
    border: 1px solid #dedede;
    border-radius: 3px;
    background-color: #ffffff;
    }

    #txt-autofullSearch {
        border: 1px solid #494949;
        width: 95%;
        background-color: transparent;
        border: none;
        font-size: 14px;
        padding: 5px 40px 5px 10px;
        color: #000;
        outline: none;
    }

 

    #btn-autofullsearch {
           position: absolute;
    right: 0;
    width:5%;
    padding: 10px 0 0 0;    border: 1px solid #494949;
    background-color: #C6C9C9;
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #8d8d8d;
    text-align: center;
    }

    .autoSearchSection {
        float: right;
        margin: 1%;
        width: 98%;
        min-height: 100px;
    }

        .autoSearchSection h3 {
            color: #F84949;
            border-bottom: 1px solid #fff;
            padding: 10px 5px;
            font-size: 14px;
        }

    .autoSearchSection-items {
        height: 150px;
        overflow-y: auto;
        overflow-x: no-display;
        overflow-x: hidden;
    }

        .autoSearchSection-items a {
            float: right;
            width: 97%;
            color: #000;
            font-size: 13px;
            padding: 1px;
            border-bottom: 0px dashed #F0F0F0;
            border: 1px solid transparent;
        }

            .autoSearchSection-items a:hover {
                background-color: #fff;
                color: #000;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                border: 1px solid #C5C5C5;
            }


            .autoSearchSection-items a img {
                width: 48px;
                border: 1px solid #000;
                float: right;
            }

            .autoSearchSection-items a span {
                padding: 0 5px;
                float: right;
            }

    #divAutoFullSearchResult {
       width: 100%;
    display: none;
    min-height: 300px;
    position: absolute;
    border-top: 1px solid #cecece;
    z-index: 9999999999;
    top: 55px;
    left: 0px;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    text-align: right;
    background-color: #f8f8f8;
    /* -webkit-box-shadow: -1px 1px 1px 0px rgba(130,130,130,1); */
    -moz-box-shadow: -1px 1px 1px 0px rgba(130,130,130,1);
    /* box-shadow: -1px 1px 1px 0px rgba(130,130,130,1);*/
    }



    .autoSearchSection-items::-webkit-scrollbar {
        width: 5px;
    }

    .autoSearchSection-items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 5px;
    }

    .autoSearchSection-items::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    #BTN-CloseSearchnav {
        display: none;
    }





        #div-footer-menu-can {
        float: right;
        padding: 5px;
        text-align: right;
        direction: rtl;
        width:100%;
    }

    .a-nav-footer-before {
        visibility: hidden;
        display: none;
        float: left;
        width: 17px;
        height: 17px;
         position: relative;
        top: 2px;
        z-index: 100;
    }

    .footer-menu-Relative {
        position: relative;
    }

    .div-footer-menu-1 {
           float: right;
    text-align: left;
    margin: 0 0px 0 1%;
    width: 24%;
    }

     .div-footer-menu-1 .sp-icon {
          color:#808080;
          float: left;
        width: 17px;
        height: 17px;
         position: relative;
        top: 2px;
        z-index: 100;    display: none;
    }

    .div-footer-menu-2 {
        float: right;
        text-align: right;
        clear: both;
    }

    .a-nav-footer-menu-1 {
       color: #d7d7d7 !important;
    font-size: 1em;
    float: right;
    clear: both;
    margin: 5px;
    }

    .a-nav-footer-menu-2 {
        color: #cccccc !important;
        font-size: 13px;
        clear: both;
        float: right;
        margin: 2px;
        margin-right: 10px;
        min-width: 100px;
        transition: all 500ms;
    }

        .a-nav-footer-menu-2:hover {
            color: #30c5f0 !important;
            /*-ms-transform: translate(-3px,0px);
    -webkit-transform: translate(-3px,0px);
    transform: translate(-3px,0px);*/
        }

    .footerClass {
        background: #ffd912;
        color: #fff !important;
        font-weight: normal;
        text-align: center;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 3px;
    }
    .a-nav-footer-menu-2 span:last-child{
       display: inline;
    padding: 0 5px 0 0;
    color: #54b9f2;
    font-size: 8px;
    }

       #lb-cart-item-count{
             color: #fff;
    padding: 3px 0 0 0;
    background-color: #dd0b0b;
    border-radius: 5px;
    width: 18px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 17px;
    top: 3px;
    font-size: 14px;
    /* padding: 0.1rem 0.4rem; */
    vertical-align: middle;
    font-family: 'Vazir';
    }
    #lb-wish-item-count{
         color: #fff;
    /* padding: 3px 0 0 0; */
    background-color: #a6a6a6;
    border-radius: 5px;
    width: 18px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 3px;
    font-size: 14px;
    /* padding: 0.1rem 0.4rem; */
    vertical-align: middle;
    font-family: 'Vazir';

    }

#boxRow50Percent{
    float:right; width:100%; height:350px;margin:6px 0 30px 0;    padding: 5px;
    /*border: 1px solid #e1e1e1;
    background-color: #fff;*/
}
.col50p1{
        float:right; width:50%;height:100%; 

}
.col50p2{
        float:right; width:50%;height:100%;

}

.priceAndPlusCan{
    display:flex;flex-direction:row; justify-content:space-between;padding: 3px;
}
.a-special-item {
    border-radius: 3px;
    display: inline-block;
    width: 18%;
    margin: .5%;
    background-color: #fff;
    text-align: right;
    height: 250px;
    border: 3px solid #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 1px 2px rgb(225, 209, 209);
    transition: all 400ms;
}

    .a-special-item:hover {
        box-shadow: 0px 0px 1px 2px rgb(183, 173, 173);
    }

    .a-special-item span.likeProduct {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 20px;
        color: #929292;
    }

        .a-special-item span.likeProduct:hover {
            color: red;
        }



.div-special-item-pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    /*border-bottom: 1px solid #B1B1B1;*/
    margin: 0 0 5px 0;
}

    .div-special-item-pic img {
        max-height: 95%;
        width: 100%;
        margin: 0 auto;
    }

.a-special-item h2 {
    color: #555;
    font-size: 0.9em;
    font-weight: 600;
    display:none;

}

.a-special-item h3 {
    color: #6b6b6b;
    font-size: 12px;
    display:none;

}

.sp-special-price, .sp-special-offer {
    display: inline-block;
    font-size: 0.84em;
    color: #30c5f0;
    font-weight: bold;
    margin-left: 2px;
    display:none;
}

.sp-special-offer {
    color: #ef3535;
    text-decoration: line-through;
}
/*******************************/


.a-special-shop-item {
    border-radius: 3px;
    display: inline-block;
    width: 20%;
    margin: 1%;
    background-color: #fff;
    text-align: right;
    height: 250px;
    border: 3px solid #fff;
    position: relative;
    -webkit-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 7px 0px rgba(121, 121, 121, 0.75);
}

    .a-special-shop-item:hover .img-special-shop-user {
        top: -45px;
    }


    .a-special-shop-item span.likeProduct {
        position: absolute;
        top: 5px;
        right: 5px;
        color: #747474;
    }

.div-special-shop-item-pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    height: 75%;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 5px 0;
}

    .div-special-shop-item-pic img {
        width: 50%;
        height: 50%;
        float: right;
        border: 1px solid #fff;
    }
    .div-special-shop-item-pic .divImg {
        width: 50%;
        height: 50%;
        float: right;
        border: 1px solid #fff;
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
    }

.a-special-shop-item h2 {
    color: #555;
    font-size: 15px;
    font-weight: bold;
}

.a-special-shop-item h3 {
    color: #6b6b6b;
    font-size: 12px;
}

.img-special-shop-user {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: 22px;
    border: 2px solid #e1e1e1;
    transition: all 400ms;
}



.goto-special-shop {
    position: absolute;
    left: 5px;
    bottom: 15px;
}

#div-headBack-eshop {
    display: block;
    background-image: url('/media/img/layout/Slider Down (2).jpg');
    height: 350px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#div-selection-eshop-can {
    margin: 0 auto;
    width: 70%;
    position: relative;
    min-height: 200px;
}

#img-userpic-selection {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    left: 45%;
    top: -58px;
}

#div-eshop-description {
    margin: 60px 0 30px 0;
    float: right;
    width: 100%;
    color: #6B6B6B;
}

#a-goto-selection-eshop {
    display: block;
}

    #a-goto-selection-eshop span:first-child {
        color: gray;
        font-size: 13px;
        margin: 0 5px;
        display: inline-block;
    }


.a-eshop-feature {
       display: inline-block;
    width: 23%;
    margin: 1%;
    float: right;
    border:0px solid gray;
 }

    .a-eshop-feature img {
            width: 56px;
    }

    .a-eshop-feature h2 {
        color: rgb(103, 103, 103);
        font-weight: bold;
        margin: 20px 0 20px 0;
    }

    .a-eshop-feature p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }




#div-newsletter-can {
    min-height: 200px;
    padding: 30px 0px;
    /*background-image: url(/media/img/layout/Untitled-37.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center center;*/
}

#h2-newsletter-title {
    color: #30c5f0;
    font-weight: bold;
    font-size: 20px;
}

#p-newsletter-descript {
    color: gray;
    margin: 15px auto;
    font-size: 14px;
    width: 36%;
}

#div-newsletterInput-can {
    display: inline-block;
    position: relative;
}

    #div-newsletterInput-can input[type=button] {
        border: none;
        background-color: #30c5f0;
        color: #fff;
        height: 41px;
        border-radius: 5px;
        padding: 5px 10px;
    }

    #div-newsletterInput-can input[type=text] {
        direction: ltr;
        padding: 5px;
    }

.Position-Relative {
    position: relative;
    margin-right: 2%;
}

.Nemad {
    width: 100%;
    float: right;
}

.Nemad-box {
    width: 48%;
    float: right;
    margin: 2% 2% 2% 0;
}

    .Nemad-box img {
        display: block;
        margin: auto;
        height: 110px;
    }

#sp-letter-icon {
    position: absolute;
    top: 10px;
    right: 5px;
    color: #30c5f0;
}

#img-logo-footer {
 width: 100px;
    filter: brightness(0.8) invert(1);
    opacity: 0.2;
    border-bottom: 1px solid #fff;
    padding: 0px 20px 0px 0;
}

.bowRow100{
    float:right; width:100%; margin:0px 0 15px 0;    padding: 0px; height:330px;
}
.bowRow100Col1{
     float:right; width:70%;height:100%; 
}
.bowRow100Col2{
     float:right; width:29.5%;height:100%; margin:0 0.5% 0 0;
}

#a-elevator {
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: none;
    background-color:#0b49dd;
    color:#fff;
    width:32px; height:32px; border-radius:50%;
    text-align:center;

}
#a-elevator span {
      display: inline-block;
    margin: 7px 0 0 0;
    font-size: 1.3em;

}
.goto-special-shop {
    color: #e1e1e1;
}

#a-createShop-footer {
    background-color: #30c5f0;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 5px 0;
}

.a-social-foot {
    background-image: url(/media/img/public/socials.png);
    width: 29px;
    height: 30px;
    display: inline-block;
}

.img-center {
    margin: 0 auto;
    text-align: center;
    display: block;
}



/*---------------- Public class -------------*/
.bg-white {
 
        background: #00d2ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}








/*
    -------------------------------------------------------------------------------------------
    ----------- shopcart --------------------------------------------------------------------
    -------------------------------------------------------------------------------------------*/



.cartIsEmpty-h2 {
  display: table;
    margin: auto;
    /* margin-bottom: 2%; */
    padding: 20px 0 10px 0;
    color: #5a5a5a;
    /* border: 1px #ddd solid; */
    font-weight: bold;
    font-size: 1.4em;
    /* background: #f8f8f8; */
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.cart-layout {
    width: 100%;
    float: right;
    background: #fdfdfd;
    border: 1px #ddd solid;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    min-height: 350px;
}

.Cart-Padding {
    padding: 20px;
    float: right;
    width: 100%;
}


  .CartBG-td {
        background: #fbfbfb;
    }


.CartBTN {
    padding: 7px;
    cursor: pointer;
    cursor: hand;
    color: #fff !important;
}

    .CartBTN span {
        display: inline-block;
        overflow: hidden;
        padding: 7px;
    }

        .CartBTN span:nth-child(1) {
            position: relative;
        }

            .CartBTN span:nth-child(1) i {
                vertical-align: middle;
            }

            .CartBTN span:nth-child(1):before, .CartBTN span:nth-child(1):after {
                content: '';
                position: absolute;
                z-index: 1;
                border: 1px solid #fff;
                width: 13px;
                height: 13px;
                background: #fff;
                -webkit-transform: rotate(-135deg);
                -moz-transform: rotate(-135deg);
                -ms-transform: rotate(-135deg);
                -o-transform: rotate(-135deg);
                transform: rotate(-135deg);
            }

            .CartBTN span:nth-child(1):before {
                right: -8px;
                top: -8px;
            }

            .CartBTN span:nth-child(1):after {
                left: -8px;
                bottom: -8px;
            }

        .CartBTN span:nth-child(2) {
            padding: 7px 15px;
            position: relative;
        }

            .CartBTN span:nth-child(2):before, .CartBTN span:nth-child(2):after {
                content: '';
                position: absolute;
                z-index: 1;
                border: 1px solid #fff;
                width: 13px;
                height: 13px;
                background: #fff;
                -webkit-transform: rotate(-135deg);
                -moz-transform: rotate(-135deg);
                -ms-transform: rotate(-135deg);
                -o-transform: rotate(-135deg);
                transform: rotate(-135deg);
            }

            .CartBTN span:nth-child(2):before {
                right: -8px;
                bottom: -8px;
            }

            .CartBTN span:nth-child(2):after {
                left: -8px;
                top: -8px;
            }

.CartBTN-Next span {
    background: #30c5f0;
}

.CartBTN-Back span {
    background: #f74c4c;
}




/*
    --------------------------------------------------------------------------------------------
    ----------- UserView/Login And UserView/Membership -----------------------------------------
    -------------------------------------------------------------------------------------------*/

.Form-Operation {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #fff;
    display: table;
    text-align: right;
}

.FormPublic-Label {
    width: 100%;
    float: right;
    margin-bottom: 3px;
    color: #868484;
    font-weight: bold;
    font-size: 0.9em;
    text-align: right;
}

.FormPublic-Input, .FormPublic-Input2 {
    width: 100%;
    float: right;
    overflow: hidden;
    position: relative;
    margin-bottom: 7px;
}


    .FormPublic-Input input[type=text], .FormPublic-Input2 input[type=text], .FormPublic-Input textarea, .FormPublic-Input input[type=password] {
        width: 100%;
        border: 1px solid #C5C5C5;
        padding: 5px 10px;
        outline: none;
        direction: ltr;
        position: relative;
        overflow: hidden; border-radius:5px;
    }

    .FormPublic-Input textarea {
        height: 150px;
        resize: none;
        display: block;
    }

.FormPublic-Input2 {
    width: 50%;
}

.FormPublic-BTN {
    margin: 10px 0px;
    display: inline-block;
    background-color: #5d1880;
    /* border-radius: 5px; */
    padding: 5px 15px;
    font-size: 0.9em;
    color: rgba(255, 255, 255, 0.81) !important;
    overflow: hidden;
    position: relative;
}

    .FormPublic-BTN:before, .FormPublic-BTN:after {
        content: '';
        position: absolute;
        width: 13px;
        height: 13px;
        background: #fff;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .FormPublic-BTN:before {
        right: -6px;
        bottom: -6px;
    }

    .FormPublic-BTN:after {
        left: -6px;
        top: -6px;
    }



.input-before, .input-after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 1px solid #C5C5C5;
    width: 13px;
    height: 13px;
    background: #fff;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.input-before {
    right: -6px;
    bottom: -6px;
}

.input-after {
    left: -6px;
    top: -6px;
}





#a-login, #a-membership {
          float: left;
    margin: 0;
    background-color: #092b6a;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
}


.UserView-Layout {
    width: 100%;
    float: right;
    min-height: 470px;    margin: 20px 0;
}



.UserView-Box {
    width: 50%;
    max-width: 500px;
    /* float: right; */
    padding: 2%;
    /* min-height: 510px; */
    margin: 0 auto;
}
#UserView-Layout-inner {
    flex-direction: row;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.confirmRules {
    font-size: 0.8em;
    padding: 5px 0 0 0;
    margin-top: 3px;
    color: #407dfa !important;
    display: table;
    float: right;
    font-weight: bold;
}

    .confirmRules input, .confirmRules label {
        float: right;
    }

    .confirmRules input {
        content: url('/media/img/index/ChBox-Signup.png');
        margin: 0px 0 0 5px;
        height: 16px;
        width: 16px;
    }

        .confirmRules input:checked {
            content: url('/media/img/index/CheckBox-Signup.png');
            background-position-x: 16px;
        }



#div-login-can a span {
    margin: 0 5px;
    vertical-align: middle;
}



#div-login-form h2, #div-login-text-section h2, #div-membership-form h2, #div-membership-text-section h2 {
    color: #092b6a;
    font-weight: bold;
    font-size: 1.5em;
    text-align: right;
    width: 80%;
    padding: 0 0 5px 0;
    margin: auto;
    margin-bottom: 30px;
    border-bottom: 1px rgba(134, 0, 200, 0.23) solid;
}

#div-login-text-section h2 {
    color: #fff;
    font-weight: normal;
    border-bottom: 1px rgba(255, 255, 255, 0.23) solid;
}

#div-membership-text-section h2 {
    color: #666;
    font-weight: bold;
    border-bottom: 1px rgba(50, 49, 49, 0.23) solid;
}

.membershiph2-last {
    margin-top: 30px !important;
}

.a-login-op {
    display: block;
    /* float: right; */
    width: 80%;
    margin: auto;
    text-align: right;
    font-size: 0.9em;
    font-weight: 600;
}

    .a-login-op span {
        margin: 0 0 0 5px;
        vertical-align: middle;
    }


#div-login-text-section {
    BACKGROUND: #092b6a;
    COLOR: #FFF;
}

    #div-login-text-section h2 {
        color: #fff;
        /*font-weight: bold;*/
        font-size: 16px;
    }

.lb-login-text, .lb-membership-text {
    display: block;
    color: rgba(255, 255, 255, 0.81);
    text-align: right;
    font-size: 0.9em;
    width: 80%;
    margin: auto;
}

    .lb-login-text span, .lb-membership-text span {
        margin: 0 5px;
        vertical-align: middle;
    }

#a-gotoMembership {
        margin: 30px 0px 0 0;
    display: inline-block;
    /* background-color: #092b6a; */
    border-radius: 5px;
    /* padding: 10px 30px; */
    font-size: 1.3em;
    color: #00a2ec;
    border: 1px solid #fff;
    
}

   

    






#div-membership-text-section {
    background: #ffd017;
    color: #666;
}



/*
    -------------------------------------------------------------------------------------------
    ----------- Contactus/Submit--------------------------------------------------------------------
    -------------------------------------------------------------------------------------------*/


#btnSubmitContant {
    float: right;
    clear: both;
    background-color: #092b6a;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
}



.Contact-Header {
    color: #30c5f0;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    width: 96%;
    padding: 2% 0;
    margin: auto;
    border-bottom: 1px rgba(134, 0, 200, 0.23) solid;
}

#divRandomLinksPlace{
          height: 300px;
    overflow: auto;
    border-top: 2px solid #6b6b6b;
    padding: 10px 0px;

}
.aRandomLink{
    float:right;
    width:31%;
    height:50px;
      text-align: right;
          border-bottom: 1px solid #fff;
}
.aRandomLink:before
{
        margin: 8px 0 0 8px;float:right;
 }
.aRandomLink h3{
       font-size: 0.85em;
    padding: 10px 0px 10px 25px;
     float:right; width:90%;

}

 #addNewFacktor{
        float: right; cursor:hand;cursor:pointer;
    margin: 5px;
    background-color: #092b6a;
    padding: 15px;
    border-radius: 4px;
    color: #fff;
    width: 200px; text-align:center;
    }
      #addNewFacktor span{
 vertical-align:middle; margin:0 5px;display:inline-block;
    }
  

 /*******************************************************************************************************************************************/
#divNewRequestForm{

    float:right; width:100%; 

}
#headTitleRequestProduct{
        float:right; width:100%;


}
.attribBox{

    float:right;margin:5px ;    width: 200px; position:relative;
}
.attribBox h4{

  float: right;
    width: 100%;
        height: 50px;
    overflow: hidden;
    background-color: #e1e1e1;
    border: 1px solid #a4a4a4;
    padding: 5px;
    border-radius: 3px;cursor:hand; cursor:pointer;
}
.attribBox h4 span:first-child{

        color: #5b5b5b;
    margin: 0 0 0 10px;
    font-weight: bold;    font-size: 12px;
}
.selectedAttribsCan{

        float: right;
    width: 100%;
    border: 1px solid#e1e1e1;
    padding: 5px;
    padding: 5px;
    color: #9a9a9e;
    font-size: 12px;
    height: 50px;
    font-weight: bold;
    color: #000;
}
.elemListCan{
        float: right;
    width: 100%; max-height:300px; overflow:auto;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999999999999;
       background-color: #fdff9b;
    border: 2px solid #fae80b;
    border-radius: 3px;
}

.aElementItem{
    float:right; width:100%; clear:both;font-size:12px;    border-bottom: 1px solid #e1e1e1;padding:5px;color:#000;text-align:center;
}

.divExtraElement{
            float:right; width:100%; clear:both;    border-bottom: 1px solid #e1e1e1;padding:5px;color:#000 !important;text-align:center;

}

.txtExtraElement{
        float:right; width:100%; clear:both;font-size:12px;    padding:5px;color:#000;text-align:center;

}



.aElementItemActive{
    background-color: #5a50fa;
    color: #fff !important;}



.aElementItem img{
    width:100%;vertical-align:middle; display:inline-block;margin:0 0 0 10px;
}

.aElementItem span{
      vertical-align:middle; display:inline-block
}

#aSubmitProductRequest{

        background-color: #092b6a;
    padding: 15px 25px;
    border-radius: 3px;
    color: #fff;
    float: right;
    margin: 30px 0;
}
#aCheckRequestPrice{
    background-color:#092ea5; padding:5px 10px;border-radius:3px; color:#fff; float:right;  
     margin:30px 0 0 5px;
}

/************************************************************************************/
.requestInputCan select{
    padding: 4px;
    margin: 0 0 0 15px;
    border-radius: 5px;}
#txt-city{
    width:inherit !important;
}
#divNewRequestPlace{
    float:right; width:100%;    background-color: #f8f8f8;
}

#divNewRequestPlace h5{
       text-align: right;
    padding: 10px;
    color: #092b6a;
    font-size: 1em;
    border-bottom: 0px dashed #b8b8b8;
}

#aAddNewRequest{
    padding:5px; background-color:#3aa221; color:#fff;display:block; width:250px;border-radius:3px;
}
#aAddNewRequest span{
    vertical-align:middle; margin:0 5px;display:inline-block;
}
#requestInputPlace{
    float:right;

}
.requestInputCan{
     float: right;
    /* clear: both; */
    width: 96%; margin:2%;
    text-align: right;
}
.requestInputCan label{
    display: block;
    vertical-align: middle;
    margin: 0 0 0 0px;
    font-size: 12px;}
.requestInputCan input[type=text]{
   vertical-align:middle;padding:5px; width:100%;border-radius:5px; border:1px solid #c9c8c8;

}

.requestInputCan input[type=number]{
   vertical-align:middle;padding:5px; width:100%;border-radius:5px; border:1px solid #c9c8c8;

}

.requestInputCan textarea{
        width:100%;vertical-align:middle;padding:5px;height:100px;
        display:block;border-radius:5px; border:1px solid #c9c8c8;

}
#txtRequestNumber{
     vertical-align: middle;
    padding: 5px;
    color: #161328;
    font-weight: bold;
     direction: ltr;
}
#requestItemLongDescript{
 padding: 5px;
    background-color: #6e6e6e;
    color: #fff;
   
    display: inline-block;
    /* width: 250px; */
    border-radius: 3px;font-size:12px;
}
#requestItemLongDescript span{
        vertical-align:middle; margin:0 5px;display:inline-block;

}

/********************************** New Product **************************************/

 #tj-newproduct-place{
     width:100%; border:1px solid #000; position:relative;
     margin:0px auto;min-height:550px; text-align:center;
      background-color:#fff;  overflow:hidden; float:right;
      padding:0 0 70px 0;

 }
 #tj-newproduct-place input[type=radio]{
   
     vertical-align:middle;width:24px;height:24px;display:inline-block;

 }
  #tj-newproductpics-can{
       float:right;width:100%;
 }
   #tj-newproductLargePic-can{
        float:right;width:100%;
 }

    #tj-newproductThumbs-can{
        float:right;width:100%;overflow:auto;
 }
    #tj-newproductThumbs-innerCan{
         float:right;width:600px; height:90px;
    }

    #tj-newproduct-txtInfo{
         float:right;width:100%;

    }

    .tj-input-can{
        padding:5px;      margin: 5px 0;  float: right;
    width: 100%;

    }
    .tj-input-can label{

        display:block;font-size: 13px;text-align: right;
    }

      .tj-input-can input[type=text]{

        width:100%;
    }
      .tj-input-can textarea{

        width:100%;
    }



    .tj-saveBtn{
           background-color: #429600;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    border: 1px solid #272727;
            
    }

    #tj-addNewPic{
          position: relative;
    margin: 2px;
    float: right;
    width: 80px;
    height: 80px;
    background-color: #0d85c2;
    color: #fff;
    border-radius: 3px;
    background-image: url(/media/img/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    cursor: hand;
    cursor: pointer;
    }
     #tj-addNewPic span{
       font-size: 48px;
    color: #fff;
    }
      #tj-addNewPic i{
        display:block;font-size:12px;    color: #fff;
    }
     #tj-addNewPic input[type=file]{
         opacity:0;position:absolute; top:0; left:0;
         width:100%; height:100%;cursor:hand;cursor:pointer;
        
    }
    .tj-picThumb{
      width: 80px;
    height: 80px;
    float: right;
    border: 1px dashed #888;
    border-radius: 3px;
    margin: 2px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    }

     #customerAttachments-place
     {
         float:right;width:100%; margin:30px 0;
     }
      #customerAttachments-place h5
     {
    float: right;
    width: 100%;
    font-size: 12px;
    color: #6a6a6a;     }
      #customerAttachments-inner
     {

     }
    .tj-picThumb-customer{
           width: 95px;
    height: 95px;
    float: right;
    border: 2px solid #007aff;
    border-radius: 3px;
    margin: 5px;
    display: inline-block;
    position: relative;
    }


    .removeRequestItemImage{
    position: absolute;
    top: 1px;
    left: 1px;
    color: #f2f2f2;
    background-color: #515050;
    padding: 4px 6px; cursor:hand; cursor:pointer;    }
    .fiftyPercent{
        width:50%;float:right;text-align:right;
    }


    #txtRequestNumber{
        background-color:#dbdbdb; direction:rtl; text-align:left; font-weight:bold;border:none; border-radius:5px;
    }
     #txtRequestItemNumber{
                 background-color:#dbdbdb; direction:rtl; text-align:left; font-weight:bold;border:none; border-radius:5px;

    }
     #txtDeliveryDate{
          direction:rtl; text-align:left; font-weight:bold;
     }
     #txtSellerUnitPrice{
          direction:rtl; text-align:left; font-weight:bold; 
     }
     #txtNumInStock{
          direction:rtl; text-align:left; font-weight:bold;font-size:20px;
     }
     #txtRequestNum{
                   direction:rtl; text-align:left; font-weight:bold;font-size:20px;

     }

     .lbRequestHelp{
         display: block;
    width: 100% !important;
    font-size: 12px;
    color: #e8190f;
     }
     .lbDeliveryDate{
          display: block;
    width: 100% !important;
    font-size: 12px;
    color: #e8190f;
     }

     .requestSeaction{

             float: right;
    width: 100%;
    border-top: 0px dashed #959595;
    margin: 48px 0;
    padding: 10px 0;
     }

    .popup-mask{
        display:none;
         position:absolute;width:100%; height:100%; background-color:rgba(0,0,0,0.7);
        top:0px; z-index:99999; left:0px;
    }
    .popup-downtop{
        position:fixed;width:100%; height:200px; background-color:#c7c7c7;
        bottom:-300px; z-index:999999999999; left:0px; transition:all 400ms;
        padding:10px;
    }
    .popup-rightleft{
         position:absolute;width:100%; height:100%; background-color:#c7c7c7;
        top:0px; z-index:999999999999; right:-1000px; transition:all 400ms;
        


    }
    .fixBtnInBottom{
        position:fixed; left:0px; bottom:0px; z-index:99999999999;
    }

    .priority{

        width: 50px;
    text-align: center;
    font-size: 1.5em;
    }


     .mainSliderCan2 {
        float: right;
        width: 100%;
        height: 240px;padding:5px !important;
        position: relative;    background-color: #fff;
       -webkit-box-shadow: 1px 1px 5px 0px rgba(143,143,143,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(143,143,143,1);
box-shadow: 1px 1px 5px 0px rgba(143,143,143,1);
    }

   

    .swiper-pagination-ms {
    }
   .a-special-item22 {
       border-radius: 5px;
    height: 200px;
    margin: 0px 0 0 0;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    border: 1px solid #e3e3e3;
    position: relative;
    overflow: hidden;
 
}

    .a-special-item22:hover {
    }

    .a-special-item22 span.likeProduct {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 20px;
        color: #e1e1e1;
    }

        .a-special-item22 span.likeProduct:hover {
            color: red;
        }



.div-special-item-pic22 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    height: 63%;
    background-color: #fff;
     /*border-bottom: 1px solid #B1B1B1;*/
 }

  .a-special-item22  .div-special-item-pic22 img {
        margin: 5px auto;
    border-radius: 5px;
    object-fit: cover;
    border: 2px solid #ededed;
         -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    }

.a-special-item22 h2 {
    color: #555;
    font-size: 0.8em;
    font-weight: 600;text-align:center;    padding: 10px 0;height:40px;

}

.a-special-item22 h3 {
    color: #6b6b6b;
    font-size: 12px;

}

.a-special-item22 .sp-special-price22, .sp-special-offer22 {
        
       font-size: 1em;
    color: #000;
     text-align: center;
    padding: 0px 0;
    font-weight: 600;
  }

.a-special-item22 .sp-special-offer22 {
   color: #aeaeae;
    text-decoration: line-through;
    font-size: 0.9em;
    margin: 0 5px;
}

.divColRow1 img{
    width:30%; margin:20px 0 0 0;
}
.divColRow1 h2{
 }

.divColRow1 p{
        padding: 10px;
    color: #494747;
 }
.special-offer-place{

    float:right; width:100%; margin:10px 0;
    /*background-color:#fff;     border: 1px solid #d9d7d7;*/

       padding: 10px;
}
.percentTitleCan{
    min-height: 25px;
    text-align: left;
    padding: 3px;

}

.percentTitle{
   font-size: 11px;
    /* border-radius: 10px; */
    color: #fff;
    background-color: #ffbc00;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}
.productPlus{
    background-color: #5798ff;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 6px 0 0 0;
    font-size: 12px;}

.tbl-list {
    float: right;
    width: 100%;
    /* border-right: none; */
    border: none;
    margin-bottom: 15px;
}

    .tbl-list th {
        border: 1px solid gray;
        text-align: center;
        padding: 5px;
        background-color: #48404f;
        color: #fff;
    }

    .tbl-list tr:nth-child(even) {
        background: #ddd;
    }

    .tbl-list td {
        border: 1px solid #e8e8e8;
        border-top: none;
        border-right: none;
        border-left: none;
        font-size: 0.9em;
        vertical-align: middle;
        text-align: center;
        padding: 7px;
        background: #f9f9f9;
    }

    .tbl-list th {
    border: 1px solid #0f0f0f;
    text-align: center;
    padding: 5px;
    background-color: #021b49;
    color: #fff;font-size: 12px;
}


    #div-user-compare-list {
     float: left;
    font-size: 13px;
     color: gray;    position: absolute;
    right: -160px;
}

    #div-user-compare-list a {
        color: gray;
    }
      #div-user-compare-list a span{
       vertical-align:middle;display:inline-block;
    }
#sp-compare-icon {
  width: 32px;
    height: 32px;
     background-size: contain;
    /* background-color: #3B3A3B; */
    border-radius: 50%;
    /* padding: 2px; */
    /* margin: 0 6px 0 1px; */
    color: #141313;
    text-align: center;
    border: 1px solid #858080;padding: 4px 0 0 0;
}

    #sp-compare-icon span {
       font-size: 22px;
    /* margin: 8px 0 0 6px; */
     }

#lb-compare-item-count {
    font-size: 14px;
    font-family: arial;
    background-color: #535151;
    border-radius: 5px;
    width: 20px;
    height: 18px;
    text-align: center;
    color: #fff;
    margin: 0 5px;
 }




#divConractTextPlace{
        text-align:right;height:300px; overflow:auto;
        margin:0 0 50px 0;
    }
    .removeFile{
  color: #fe1963;
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: hand;
    cursor: pointer;
    /* background-color: #f45555; */
    /* width: 24px; */
    /* height: 24px; */
    border-radius: 50%;
    padding: 2px;

    }
#divAttachmentPlace{

    float:right;width:100%;
    }

    #ddlProvince{
            padding:4px;
    border-radius: 5px;
    }
     #city{
            padding: 5px;
    border-radius: 5px;
    }
    #returnToHomePage{
        display:block;
         background-color: #0c46c8;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    width: 250px;
     text-align: center;
     margin:10px auto;
    }
    #selectedPlan{
       background-color: #0c46c8;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    width: 250px;
    display: inline-block;
    text-align: center;
    }
    #userPlansPlace{
        float:right; width:100%; text-align:center;
    }

     #userPlansPlace h1{
             float:right; width:100%;
             font-size:2em;color:#a9a9a9;padding:10px;
    }
     #userPlansCan{
                 float:right; width:100%; text-align:center;

    }
     #userPlansDescript{
                          float:right; width:100%;  
                          padding:20px 0;text-align:initial;color:#000;

     }
    .planItem{
                   float: right;
    width: 25%;
    margin: 0%;
    border-left: 1px solid #bababa;
    background-color: #fff;
    text-align: center;
 
    }
    .planItem img{
        max-height:64px;display:none;
    }
    .planItem h2{
        font-weight: bold;
        font-size: 1.3em;
        padding: 15px 0;
        background-color: #c1d4ff;
    }
    .planItem p{

    }
    .planItem h3{
        font-weight: bold;
        color: #000;
    font-size: 1.3em;
    }
    .planItem h4{
        text-decoration: line-through;
        color: #b8b8b8;
    font-weight: bold;
        font-size: 1.1em;


    }

    .planPriceCan{
        height:60px;
    }

      .planItem a{
        display: block;
        width: 100%;
        background-color: #092b6a;
    color: #fff;
    padding: 10px;
        /* border-radius: 5px; */
        margin: 5px auto;
    }
      .planCurrency{
          color:#939393;font-size:0.9em;
      }

      .planChildItem{
    display: block;
    padding: 5px;
    border-bottom: 1px dashed #9b9797;
    text-align: right;
    font-size: 13px;      }


       .planChildItem span{
        display:inline-block; margin:0 5px;vertical-align:middle;
    }

        .planChildItem span:first-child{
        }

         .planChildItem span:last-child{
             width:85%;
        }
    .planChildItemCan {
        height: 180px;
        overflow: auto;
        margin: 10px 0;
         border-bottom: 1px solid #c7c7c7;
    }

      #tabsPlace{
        float:right; width:100%; background-color:#fff;
    }

     #tabHead{
    float: right;
    width: 100%;
     border-top: 1px solid #d9d9d9;
    }

      #tabBody{
                  float:right; width:100%;background-color:#f8f8f8;

    }

      .tabItem{
       float: right;
    padding: 20px;
    background-color: #f6f6f6;
    color: #898989;
    cursor: hand;
    cursor: pointer;
    border-left: 1px dashed #e1e1e1;
    width: 25%;
      }
       .tabItem span{
        vertical-align:middle; display:inline-block; margin:0 5px;

    }
        .tabItemActive{
                    float: right;
    padding: 20px;
    color: #0705be !important;
    cursor: hand;
    cursor: pointer;
    border-bottom: 4px solid #0705be;

      }


      .tabContent{
                            float:right; width:100%; display:none;min-height:200px; padding:20px;

      }

      .div-item-cando-create
      {
    padding: 1% 0.5%;
        text-align: right;
    width: 32.333%;
    float: right;      }
       .div-item-cando-create label
    {
        display:inline-block;width:150px; vertical-align:top;
    }
         .div-item-cando-create input[type=text]
      {
            width:100%;    padding:5px;border-radius:5px;    border: 1px solid #b8b4b4;
      }
           .div-item-cando-create input[type=button]
      {

      }
              .div-item-cando-create textarea
    {
        width:100%;  height:60px;             padding:5px;border-radius:5px;    border: 1px solid #b8b4b4;

      }
#btnCreateShop{
    background-color: #092b6a;cursor:hand;cursor:pointer;
    color: #fff;
    border: 1px solid #010c20;
    padding: 15px 30px;
    border-radius: 5px;
    width: 300px;           }


           .stepNum{
               text-align:center;display:none;
           }

            .stepNum span{

        display:inline-block;width:50px;height:50px;background-color:#808080;color:#353535; text-align:center;padding:3px 0 0 0;border-radius:50%;
                    border: 5px solid #616161;    font-size: 25px;


           }
             .stepNum span.activeStep{

        display: inline-block;

        background-color: #0f0ddc;
    border: 5px solid #7e7cff;
    color: #fff;
    text-align: center;
        border-radius: 50%;
        font-weight: bold;
        font-size: 25px;


    }

#divRuleCan{
    background-color:#c8e1ff; padding:10px; text-align:right;
             }
              #divRuleCan input[type=checkbox]{
                 width:32px;height:32px; vertical-align:middle;
             }
                #divRuleCan label{
                    color:#000;vertical-align:middle;font-weight:bold;font-size:20px;
              }


                  #div-shop-outM{
 font-weight: bold;
    float: right;
    width: 100%;
    background-color: #f2cc12;
    border: 1px solid #f4b504;
    padding: 10px;
    border-radius: 3px; display:none;

                  }


    #div-shop-outM a{
               color: #fff;
    background-color: #092b6a;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0 5px;
    float: left;
     }

    #topRowRegister
    {
        display:flex;flex-direction:row;justify-content:space-between;padding:30px 0;    width: 96%;
    }
    .col50R
    {
                display:flex;flex-direction:row;justify-content:space-between;padding:30px 0

    }
    .radioUserType,.radioCompanyType{


        width:22px;height:22px;

    }
    #lbUserkind1
    {
        width:90px;
    }
     #lbUserkind2
    {
         text-align:left;        width:90px;

    }

     .radioItemCan{

     }
      .radioItemCan:first-child{
          margin:0 0 0 80px;
     }
      .radioItemCan label{
        vertical-align:middle;display:inline-block;margin:0 0 0 10px;
    }
       .radioItemCan input{
        vertical-align:middle;display:inline-block;

    }

#a-add-attachment-file{
    position:relative;
           float:right;width:80px;height:80px;  background-color:#0d85c2;color:#fff;border-radius:3px;
           background-image:url(/media/img/plus.png);background-position:center center; background-repeat:no-repeat;background-size:50%;
           cursor:hand; cursor:pointer;
       }

         #a-add-attachment-file input[type=file]{
         opacity:0;position:absolute; top:0; left:0;
         width:100% !important; height:100% !important; cursor:hand; cursor:pointer;
        
    }


       .a-attachment-file{
                      float:right;width:80px;height:80px; border:1px dashed #7e7e7e;margin:0 3px;border-radius:3px;position:relative;

       }

      


    #fileUploadInput {
        font-size: 14px !important;
        width: 100% !important;
        border: 0px solid !important;
        margin: 0 5px 0 0;
    }

    .redFailMsg {
        background-color: #ff0000;
        color: #fff;
        display: inline-block;
        padding: 5px 10px;
        font-size: 10px;
    }

    #div-new-uploader-can {
        padding: 15px 0 0 0;
        background-color: #0d8394;
        border: 1px solid gray;
        width: 280px;
        min-height: 120px;
        position: relative;
    }

    #div-fu-progressbar-can {
        width: 100%;
        height: 21px;
        float: right;
        position: relative;
    }

    #div-fu-progress-label {
        width: 100%;
        height: 21px;
        position: absolute;
        text-align: center;
        font-size: small;
    }


    #a-uploadfile {
        background-color: #595D5D;
        padding: 5px;
        width: 100%;
        display: inline-block;
        margin: 3px 0px;
        cursor: hand;
        cursor: pointer;
        text-align: center;
        color: #fff;
        font-size: 16px;
    }

        #a-uploadfile span {
            margin: 5px;
        }


    .a-closeFileUploader {
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
        color: #000;
    }

    #div-upload-results {
        font-size: 13px;
        width: 100%;
        float: right;
        background-color: #FBFBFB;
    }

    .div-upload-item-result {
        float: right;
        width: 100%;
        padding: 5px;
        border-bottom: 1px solid #EFEEEE;
    }

        .div-upload-item-result span {
            float: right;
            margin: 3px;
        }


        #divCol1RI{

            float:right; width:50%;
        }

         #divCol2RI{

                         float:right; width:50%;

        }




           #aGotoSupplierPanel{
             float: left;
    color: #022fa7;
    border: 1px solid #022fa7;
    border-radius: 4px;
    padding: 5px 20px;
    margin:0px 0 0 0;    width: 185px;

    }
    #supplierTitle {
        display: block;
        color: #c40707;
        border-top: 1px dashed;
        font-size: 12px;
    }

    #aUserName {
        color: #000;
    }

#userMenuLinks {
    position: absolute;
    border-radius: 5px;
    display: none;
    z-index: 99999999999;
    top: 50px;
    right: 0px;
    background-color: #666;
    padding: 5px;
    max-width: 200px;
}

    .aUserLinks {
        display: block;
        padding: 5px;
        color: #fff !important;
        border-bottom: 1px solid #9d9d9d;
        font-weight: normal;
        float: right;
        width: 100%;
    }
    .header-main-sign{
              float: right;
    /* margin: 0px 40px 0 40px; */
    font-size: 11px;
    text-align: right;
    }
    .header-navTOP-login{
color: #fff  !important;

    }
     .header-navTOP-login img{
        width:24px;display:inline-block;vertical-align:middle;
    }
    #topHeader{
            background-color: #06243f;
    float: right;
    width: 100%;
    border-radius: 10px;
    }

      #topHeader a{
                float: left;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #022f66;
    color: #a1cbff;
    border: 1px solid #022fa7;
    transition:all 400ms;
    }

        #topHeader a:hover{
                 background-color: #025ac6;
    color: #eff0f1;
    }
        #a-userCart{
            
             
        }

        /*#menuLinksCan
        {
            float:right;
        }
         #menuLinksCan a
        {
            float:right;margin:0 0 0 20px;
        }
          #menuLinksCan a img
        {
           display:inline-block;width:24px;vertical-align:middle;
        }
            #menuLinksCan a span
        {
           display:inline-block;vertical-align:middle;
        }*/
#cart-user-can {
    position: absolute;
    top: 6px;
    left: 10px;
    min-width: 185px;
    z-index: 9999999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}



            .swiper-button-next{
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;

background-size: 14px 44px !important;
background-color:#fff;
left:0px !important;
    }

     .swiper-button-prev{
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;

background-size: 14px 44px !important;
background-color:#fff;

right:0px !important;

    }

     #div-companyEconomicNumber-shop
     {
         display:none;
     }
       #div-companyNationalID-shop
     {
                    display:none;

     }
         #div-companyRegistrationNumber-shop
     {
                      display:none;

     }
     
         #englishArabicNote{
                   float: right;
    width: 100%;
    border: 1px solid #aea3a3;
    background-color: #f6eded;
    border-radius: 5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:0 0 20px 0;
         }

       #englishArabicNote  .noteIcon{
                 color: #f41857;
    margin: 0 0px 0 10px;
    font-size: 20px;
         }

           #englishArabicNote label.englishText{
               font-family:Arial;
               display:inline-block;
               margin:0 15px;    font-weight: 600;
    color: #494949;
         }
            #plastjooNumber  {
 display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;      direction:ltr     }
           #plastjooNumber span{
               display:inline-block;vertical-align:middle;margin:0 5px;
           }


           #a-enamad{
     display: inline-block;
    border-radius: 5px;
           }

           #tagsPlace{

               float: right;
    padding: 10px;
    width: 100%;
           }
             #tagsPlace label{
                 float:right;
                     padding: 6px;
           }
               #tagsPlace label span{
                
                   vertical-align:middle;display:inline-block;margin:0 10px;
           }
              #tagsPlace a{

    float: right;
    display: inline-block;
    margin: 3px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    background-color: #dbdbdb;           }

              .hide{
                  display:none !important;
              }
              .overflow-x{
                  overflow-x:auto;
              }
              .divTotalCount{
                  display:none;
              }
               #divTotalCount{
                  display:none;
              }

               #aCloseUserPanelMenu{
    display:none;
}


#headPublicPageCan{
    display:flex; flex-direction:row; align-items:center; justify-content:center;
}






header {
    min-height: 50px;
}

#divProductListPlace {
    border: 0px solid #e1e1e1;
    float: right;
    width: 100%;
    min-height: 500px;
}

#divProductListHead {
    border: 0px solid #e1e1e1;
    float: right;
    width: 100%;
}

#divProductListBody {
    border: 0px solid #e1e1e1;
    float: right;
    width: 100%;
    min-height: 500px;
}

.ProductListRightCol {
    border: 0px solid #e1e1e1;
    float: right;
    width: 24%;
    min-height: 50px;
    margin: 10px 0% 0 1%;
}

.ProductListLeftCol {
    float: right;
    width: 75%;
    min-height: 50px;
    margin: 10px 0% 0 0%;
    background-color: #fff;
}

#divPriceRangePlace {
    float: right;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 7px;
}

.txtPriceRange {
    width: 70px;
    direction: ltr;
    text-align: left;
    padding: 2px;
}
/*****************************************************************************************/

#divSeachHelperContainer {
    display: none;
    top: 0px;
    right: 0px;
    float: right;
    position: absolute;
    border: 0px solid red;
    text-align: right;
    overflow: hidden;
    width: 100%;
}



#div-searchHelperCan {
    width: 99%;
    float: right;
    border: 0px solid red;
    min-height: 300px;
}

#div-searchHelperSwitch {
    float: right;
    position: relative;
    width: 39px;
    height: 185px;
    background-color: #5286ba;
    margin-top: 50px;
    cursor: hand;
    cursor: pointer;
}

.dynSearchHelper {
    float: left;
    clear: both;
    border: 0px solid red;
    width: 100%;
}


#spAdvancedSearchTitle {
    color: #fff;
    float: left;
    width: 100%;
    font-weight: bold;
    margin: 0 0 0 10px;
    -moz-transform: rotate(-270deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin: bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#div-searchHelperSwitch .div-arrow-panelSide {
    width: 21px;
    height: 13px;
    position: absolute;
    top: 145px;
    left: 3px;
}

#div-searchHelperSwitch .div-arrow-panelSide-ltr {
    background: url('../img/arrows/arrowMaster.png') 0 0;
}

#div-searchHelperSwitch .div-arrow-panelSide-rtl {
    background: url('../img/arrows/arrowMaster.png') 0 -13px;
}

.divDynSearchBox {
    border-radius: 5px;
    float: left;
    clear: both;
    width: 100%;
    font-size: 13px;
    border: 0px solid #e1e1e1;
}

    .divDynSearchBox ul {
        width: 100%;
    }

    .divDynSearchBox .divDynSearchBox_u {
        text-align: right;
        color: black;
        width: 100%;
        box-sizing: border-box;
        /* height: 30px; */
        background-color: #ff9000;
        color: #fff;
        float: left;
        border-radius: 5px;
        display: none;
    }

.divDynSearchBox_u span:first-child {
    vertical-align: middle;
    display: inline-block;
    margin: 3px 5px 0 0px;
}


.divDynSearchBox .divDynSearchBox_m {
    padding-right: 0px;
    text-align: right;
}


    .divDynSearchBox .divDynSearchBox_m li {
        float: right;
        width: 100%;
        padding: 0px 0;
    }

    .divDynSearchBox .divDynSearchBox_m .attribName {
        color: #000;
        border-bottom: 1px solid rgb(205, 199, 199);
        display: block;
        font-size: 15px;
        padding: 5px 9px 7px 0;
        font-weight: bold;
    }

.divDynSearchBox .divDynSearchBox_d {
}

.chb-dynSearch {
    float: right;
    margin: 0 3px;
}

.lbDynSearch {
    margin: 0 6px !important;
}
/*****************************************************/
.divDynSearchBox_m .el-SearchElement {
    cursor: hand;
    cursor: pointer;
    color: #6f6f6f;
    padding: 5px !important;
}

    .divDynSearchBox_m .el-SearchElement:hover {
        color: #618f0a;
    }

.divDynSearchBox_m .el-SearchElementActive {
    background-color: #FFFF99;
    color: #7c7c7c;
    background-color: #FFFF99;
    color: #7c7c7c;
    border: 1px solid #E09C09;
    border-radius: 5px;
    padding: 5px;
}

.lbDynSearch {
    color: #686868;
    font-size: 1em;
}

.spClose-dynFilter {
    float: left;
    padding: 2px 9px;
    border: 0px solid gray;
    cursor: hand;
    cursor: pointer;
    font-size: 20px;
}

.sp-attrib-filter-minimize {
    float: left;
    cursor: hand;
    cursor: pointer;
    font-size: 27px;
    margin: 0px 0px 0 5px;
    color: #6eb0ff;
}

#divSaleBuySwitchCan {
    float: right;
    margin: 0px 0px 5px 0;
    width: 100%;
    text-align: center;
}

#forSaleSwitch {
    display: inline-block;
    float: right;
    padding: 5px;
    width: 50%;
    border-top: 1px solid #FFEB3B;
    background-color: #efefef;
    /*-webkit-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
-moz-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);*/
}

#forBuySwitch {
    display: inline-block;
    float: right;
    padding: 5px;
    background-color: #efefef;
    border-top: 1px solid #efefef;
    color: #808080;
    width: 50%;
    border-right: 1px solid #fff;
}

#divProductTypeSwitchCan {
    float: left;
    text-align: center;
}

#allProductTypeSwitch {
    float: left;
    padding: 5px;
    background-color: #FFEB3B;
    border-top: 1px solid #FFEB3B;
    color: #000;
    -webkit-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
    -moz-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
    box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
}

#onlyProductSwitch {
    float: left;
    padding: 5px;
    background-color: #efefef;
    border-top: 2px solid #efefef;
    color: #808080;
    border-right: 1px solid #676363;
    border-left: 1px solid #f9f9f9;
}

#onlyServiceSwitch {
    float: left;
    padding: 5px;
    background-color: #efefef;
    border-top: 2px solid #efefef;
    color: #808080;
    border-left: 1px solid #fff;
}

#divProductStatusSwitchCan {
    float: right;
    width: 100%;
    text-align: center;
}

#allProductStatusSwitch {
    float: right;
    padding: 5px;
    background-color: #FFEB3B;
    border-top: 1px solid #FFEB3B;
    color: #000;
    -webkit-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
    -moz-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
    box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
    width: 33.3%;
}

#onlyNewStatusSwitch {
    float: right;
    padding: 5px;
    background-color: #efefef;
    border-top: 1px solid #efefef;
    color: #808080;
    border-left: 1px solid #fff;
    width: 50%;
}

#onlyUsedStatusSwitch {
    float: right;
    padding: 5px;
    background-color: #efefef;
    border-top: 1px solid #efefef;
    color: #808080;
    border-left: 1px solid #fff;
    width: 50%;
}

#selectedFiltersPlace {
    float: right;
    width: 100%;
}

.selectedFilterItem {
    float: right;
    width: 20%;
    height: 60px;
    border: 1px solid #e1e1e1;
    text-align: center;
    position: relative;
    background-color: #FFEB3B;
    margin: 0 2% 1% 0;
}

.selectedFilterRemove {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    background-color: black;
    color: #fff;
    cursor: hand;
    cursor: pointer;
}

.selectedFilterRemove-priceRange {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    background-color: black;
    color: #fff;
    cursor: hand;
    cursor: pointer;
}

.selectedFilterRemove-cityCode {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    background-color: black;
    color: #fff;
    cursor: hand;
    cursor: pointer;
}

.selectedFilterRemove:hover {
    background-color: red;
    color: #fff;
}

.selectedFilterName {
    display: block;
    height: 30px;
    border-bottom: 1px dashed #fff;
    padding: 3px 0 0 0;
    font-size: 0.9em;
}

.selectedFilterValue {
    display: block;
    height: 30px;
    padding: 3px 0 0 0;
    font-size: 1em;
}


#groupPathCan {
    float: right;
}

    #groupPathCan a {
        padding: 5px;
        display: inline-block;
    }

        #groupPathCan a span {
            vertical-align: middle;
            display: inline-block;
            margin: 10px 5px 0 0;
            font-size: 12px;
        }

#submitPriceRange {
    font-size: 2em;
    vertical-align: middle;
    /* margin: 0 5px 0 0; */
    cursor: hand;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
}

    #submitPriceRange:hover {
        color: #ff9000;
    }

#SortWordCan {
    float: right;
    margin: 0 0 0 0px;
    padding: 0 10px;
}

#productListPageSize {
    float: left;
    text-align: left;
}

#pageSizeSortWordCan {
    float: left;
    clear: left;
    margin: 5px;
    font-size: 0.9em;
    margin: 15px 0px;
    width: 100%;
    text-align: right;
}

#ddlSortProduct {
}

#pl-pagingPlaceCan {
    float: right;
    width: 100%;
    padding: 2%;
    text-align: center;
}

.pl-pageNumber {
    /* width: 30px; */
    /* height: 30px; */
    display: inline-block;
    margin: 1px;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    border: 0px solid #ccc;
}

.pl-pageNumber-active {
    background-color: #5798ff;
    color: #fff !important;
    border-radius: 5px;
    padding: 0px 10px;
}

.pl-pageNumber-disable {
    color: #e8e8e8;
}

.pl-pageNumber span {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0 0 0;
}

    .pl-pageNumber span.fa {
        margin: 0px 0 0 0;
    }

#divDynSearchBox2 {
    float: right;
    width: 100%;
}

.ul2_dynAttribsearch {
    float: right;
    width: 160px;
    margin: 3px;
    position: relative;
}

.ul-ul-attrib2 {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    min-height: 200px;
    width: 100%;
    z-index: 999;
}

    .ul-ul-attrib2 li {
        float: right;
        width: 100%;
        margin: 3px;
    }

.dyn_attribName2 {
    background-color: #fff;
    border: 1px solid #cacaca;
    float: right;
    width: 100%;
    padding: 5px;
    cursor: hand;
    cursor: pointer;
    font-size: 0.9em;
}

.sp-attrib-filter-minimize2 {
    transition: 600ms all;
    float: left;
    font-size: 1.4em;
    margin: 2px 0 0 0;
}

.arrow-attrib-filter-rotate {
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.mainFilterItem {
    cursor: hand;
    cursor: pointer;
}


/******************************/
.product-box {
    transition: all 400ms;
    position: relative;
    width: 19%;
    border: 1px solid #e1e1e1;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    float: right;
    margin: 0.5%;
    background-color: #fff;
}

    .product-box:hover .product-box-hover {
        /*display:block;*/
    }

    .product-box span {
        vertical-align: middle;
        display: inline-block;
        margin: 0 2px;
    }

    .product-box h3 {
        padding: 5px 0px;
    }

    .product-box h4 {
        padding: 5px 0px;
        color: #a7a7a7;
        font-size: 0.9em;
    }

    .product-box h5 {
        padding: 5px 0px;
        color: #b93030;
        font-size: 0.9em;
    }

.product-box-hover {
    transition: all 400ms;
    transform: scale(0);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    padding: 10px;
    background-color: rgba(236, 236, 236, 0.94);
}

.product-box-hover-scale {
    transform: scale(1);
}

.product-box-hover-scaleZ {
    transform: scale(0);
}

.a-p-name {
    display: block;
}

    .a-p-name h2 {
        padding: 10px 0px;
        font-weight: bold;
        font-size: 1em;
        height: 55px;
        overflow: hidden;
    }

.a-p-pic {
    position: relative;
    display: block;
    height: 180px;
    overflow: hidden;
    margin: 26px 0px 0 0;
}

    .a-p-pic img {
        width: 100%;
        height: initial;
    }

.sp-chb-can {
    text-align: center;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    float: right;
    border: 1px solid #adadad;
    margin: 0 0 0 7px;
    color: #d2d2d2;
    transition: 600ms all;
}

    .sp-chb-can span {
        font-size: 1em;
    }

.sp-chb-can-active {
    background-color: #ffbc00;
    border: 1px solid #000;
    color: #000;
}

#divDataNotFound {
    padding: 30px;
    text-align: center;
    font-size: 2em;
    background-color: #fff;
    float: right;
    width: 100%;
}

#div-price-range-place {
    height: 45px;
    padding: 5px 10px 0 0;
    float: right;
    width: 100%;
    font-weight: 600;
    margin-bottom: 5px;
}

#h-startPrice, #h-endPrice {
    float: left;
    font-weight: 600;
    color: #6d6d6d;
}

#h-endPrice {
    float: right;
}

#h-startPrice {
    margin: 0 0 0 15px;
}

#div-slider-price-range {
    width: 86%;
    margin: 0 4%;
    float: right;
    margin: 5px 0;
    margin-right: 13px;
}

.ui-slider-handle {
    cursor: hand !important;
    cursor: pointer !important;
}

.productExistStatus {
    float: right;
    width: 100%;
    background-color: #dc3b3b;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

    .productExistStatus span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }

.productExistStatus2 {
    float: right;
    width: 100%;
    background-color: #0f7896;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

    .productExistStatus2 span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }




.Product-List {
    float: right;
    width: 100%;
    margin: 30px 0;
    font-size: 0.9em;
}

.Product-Item {
    float: right;
    width: 23.5%;
    padding: 2px;
    position: relative;
    /*height: 350px;*/
    /* overflow: hidden; */
    margin: 0.5%;
    border: 1px solid #e6e6e6;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: #fff;
}

    .Product-Item:hover .Product-Item-cover {
        opacity: 1;
        visibility: visible;
    }

    .Product-Item:hover .Product-Title {
        color: #000;
    }

.Product-Item-img {
    float: right;
    width: 100%;
    height: 130px;
}

    .Product-Item-img img {
        display: block;
        margin: 0px auto;
    }

.Product-Item-cover {
    float: left;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}


.Product-Special {
    position: absolute;
    float: right;
    right: 0px;
    /* height: 30px; */
    padding: 3px 5px;
    font-size: 12px;
    /* width: 40px; */
    top: 0px;
    z-index: 3;
    color: #f8008c;
    text-align: center;
    border-radius: 0 5px 0 5px;
    -webkit-border-radius: 0 5px 0 5px;
    -moz-border-radius: 0 5px 0 5px;
}

/*.Product-Special:before {
        content: "";
        text-align: center;
        width: 24px;
        height: 24px;
        background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -81px -138px;
        margin: auto;
        display: table;
    }*/

.Product-Title {
    text-align: center;
    color: #575757;
    width: 100%;
    height: 50px;
    float: right;
    display: block;
    overflow: hidden;
    border-bottom: solid 1px #e6e6e6;
    /* margin-bottom: 10px; */
    font-size: 0.9em;
}

.Product-Price {
    font-weight: 600;
    color: #000;
    font-size: 1.2em;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    min-height: 27px;
}

.Product-Offer {
    font-weight: 600;
    color: #8f8f8f;
    text-decoration: line-through;
    font-size: 0.9em;
    float: right;
    text-align: left;
    display: block;
    width: 100%;
    min-height: 21px;
}




.Product-Wishlist, .Product-Compare {
    margin-right: 10px;
    padding: 5px;
    float: left;
    font-size: 1.3em;
    color: #acacac !important;
}





    .Product-Wishlist:before {
        float: left;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
    background-position: -37px -74px;*/
        border-right: 0px solid rgba(87, 87, 87, 0.26);
        padding-right: 0px;
    }

    .Product-Compare:before {
        float: left;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
    background-position: -37px -100px;*/
    }


#filteringBoxInfo {
    float: right;
    width: 98%;
    margin: 1%;
    padding: 10px;
    background-color: #b20a5c;
    position: relative;
    text-align: center;
    display: none;
}

    #filteringBoxInfo span {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        margin: 0 5px;
    }

        #filteringBoxInfo span:last-child {
            position: absolute;
            bottom: -18px;
            left: 45%;
            color: #b20a5c !important;
            font-size: 30px;
        }

.a-sortWord {
    background-color: #dfdfdf;
    padding: 5px 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 3px;
    color: #979797 !important;
    font-size: 12px;
}

.a-sortWord-active {
    background-color: #30c5f0;
    padding: 5px 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 3px;
    color: #fff !important;
    font-size: 12px;
}

.minOrderCountCan {
    float: right;
    width: 100%;
    font-size: 11px;
    color: #7c7c7c;
    text-align: right;
    padding: 5px 2px 10px 0;
}

.supplierInfoCan {
    float: right;
    width: 100%;
    font-size: 10px;
    padding: 5px 0;
    border-top: 1px solid #e1e1e1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .supplierInfoCan a:first-child {
        color: #048e03 !important;
    }

    .supplierInfoCan a img {
        width: 16px;
        vertical-align: middle;
        display: inline-block;
        margin: 0 0 0 2px;
    }

    .supplierInfoCan a:first-child span {
        vertical-align: middle;
        display: inline-block;
        margin: 0px;
    }

    .supplierInfoCan a:last-child {
        color: #048e03 !important;
    }

        .supplierInfoCan a:last-child span {
            vertical-align: middle;
            display: inline-block;
            margin: 0 2px;
        }

.productPlus {
    background-color: #5798ff;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 6px 0 0 0;
    font-size: 12px;
display:none;
 }

.percentTitle {
    font-size: 11px;
    /* border-radius: 10px; */
    color: #fff;
    background-color: #ff3399;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}

.toman {
    font-size: 12px;
    color: #7d7d7d;
}

.toman2 {
    font-size: 10px;
    color: #a5a5a5;
}


.boxInRightCol {
    border: 1px solid #e1e1e1;
    padding: 5px;
    background-color: #fff;
    margin: 0px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .boxInRightCol a {
    }

        .boxInRightCol a span {
            display: inline-block;
            vertical-align: middle;
            margin: 0 3px;
        }

.boxInFilterColm {
    border: 1px solid #e1e1e1;
    background-color: #fff;
    border-radius: 3px;
    margin: 5px 0;
}

.boxInFilterColm-head {
    padding: 7px;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.boxInFilterColm-body {
    padding: 10px 5px;
    display: none;
}

.boxInFilterColm-body2 {
    padding: 10px 5px;
}

#searchBoxInFilters {
    background-color: #e9e9e9;
    border-radius: 3px;
    margin: 5px 0;
}

    #searchBoxInFilters span {
    }

    #searchBoxInFilters input {
        border: none;
        padding: 10px;
        background-color: transparent;
    }


.switchFilterCan {
    margin: 5px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .switchFilterCan h4 {
        display: inline-block;
        font-size: 13px;
    }

.switchBtn {
    border-radius: 30px;
    background-color: rgb(211, 211, 211);
    display: inline-block;
    width: 50px;
    position: relative;
    height: 21px;
    border: 1px solid #b2b1b1;
}

.switchCircle {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 4px;
    transition: all 500ms;
}

.switchBtnActive {
    background-color: rgb(90, 150, 244);
    border: 1px solid #0653cb;
}

.switchCircleActive {
    right: 29px;
}

.filterSellerItemBox {
    text-align: right;
    padding: 5px;
}

    .filterSellerItemBox label {
        color: #8b8b8b;
    }

.filterRangeItemBox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

    .filterRangeItemBox input {
        width: 100px;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #e2e2e2;
        background-color: #efeeee
    }

.a-submitRangeFilter {
    background-color: #81b1fc;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    margin: 10px 5%;
}

.boxInFilterMinimize {
    color: #6eb0ff;
    font-size: 25px;
    cursor: hand;
    cursor: pointer;
}

.sp-unit {
    font-size: 10px;
    color: #868686
}

.attrib_elementBox {
    background-color: #fff;
    float: right;
    margin: 5px 0;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.li-moreattrib {
    padding: 5px !important;
}

.li-hidemoreattrib {
    padding: 5px !important;
}

#a-searchInResult {
    border: 1px solid #838383;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 23px;
}



.div-content-layout {
    background-color: #fff !important;
    font-size: 80%;
}

a {
    text-decoration: none;
    color: gray;
}



.product-header {
    border-bottom: solid 0px #e2e2e2;
    float: right;
    width: 100%;
    padding: 5px;
    padding-right: 0px;
}

.sp-pd-productName {
    display: block;
    color: #676767;
}

.sp-pd-productNameEn {
    display: block;
    color: #929292;
    font-size: 0.8em;
    /*border-top: 1px solid #fff;*/
}

#h-product-code {
    display: none;
}

    #h-product-code span {
        font-weight: bold;
        font-size: 1.2em !important;
        float: right;
        padding: 7px 5px;
        text-align: center;
    }

    #h-product-code label {
        float: right;
        color: #585557;
        background: #eee;
        font-weight: bold;
        /* font-size: 15px; */
        padding: 9px 10px;
        margin: 0 10px;
        text-align: center;
    }

.products-detail-TabShadow {
    position: relative;
    background: #fff;
    color: #676767;
    width: 100%;
    padding: 20px 20px 0 0;
    font-weight: 600;
    text-align: right;
}



.products-detail-TabShadow-white, .products-detail-TabShadow-white2, .products-detail-TabShadow-grey {
    min-width: 100px;
    padding: 10px;
    background: #fff;
    text-align: right;
    color: #575757;
    cursor: pointer;
    position: relative;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.products-detail-TabShadow-white2 {
    width: 100%;
    box-shadow: none;
    color: #575757;
    padding: 10px;
}

.products-detail-TabShadow-grey {
    background: #95848e;
    cursor: default;
    color: #fff;
    font-weight: normal;
}

.products-detail-DetailsShadow {
    padding: 5px;
    float: right;
    background: #fff;
    width: 100%;
}

#div-product-details-wrapper {
    /*direction: rtl;
    text-align: right;
    float: right;
    width: 100%; 
    background-color: #fff;*/
}

.div-product-details-head {
}

#div-product-details-body1 {
    float: right;
    width: 100%;
    padding: 10px 0px;
}

#div-product-details-media {
    box-sizing: border-box;
    display: inline-block;
    border: 0px solid #d4cfcf;
    float: left;
    width: 43%;
    margin-right: 2%;
}


#div-product-details-operation1 {
}

#div-product-details-operation2 {
    width: 100%;
    float: right;
    /* margin: 5px 0; */
    padding: 6px;
    border-bottom: solid #e2e2e2 0px;
}


.div-product-details-operation4 {
    display: table;
    margin: auto;
    position: relative;
}

    .div-product-details-operation4 > a {
        margin-right: 20px;
    }

#div-product-details-operation3 {
    margin: auto;
    display: table;
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}

    #div-product-details-operation3 a {
        padding: 5px;
        border-left: 1px solid #e2e2e2;
    }

        #div-product-details-operation3 a:last-child {
            border-left: none;
        }

#div-product-details-description {
}

    #div-product-details-description h1 {
        width: 100%;
        font-size: 1.5em !important;
        background: #eff0c9;
        padding: 7px 5px;
    }


#div-product-details-pics {
    position: relative;
    float: right;
    width: 100%;
    border: 0px solid #d4cfcf;
    border-radius: 5px;
}



.attrib-name-value {
    float: right;
    clear: both;
    margin: 5px 0px;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #fff;
}

.lb-attrib-name {
    float: right;
    margin: 5px;
    color: #889cfe;
    font-weight: bold;
}

.lb-attrib-value {
    float: right;
    margin: 5px;
}

    .lb-attrib-value span {
        float: right;
        margin: 0px 5px 0 0;
    }

    .lb-attrib-value img {
        float: right;
        margin: 0 3px;
    }




#div-product-details {
    background: #fff;
    padding: 20px;
    overflow: hidden;
    position: relative;
    border: solid 1px #ededed;
    border-radius: 5px;
}


#div-product-details-mainInfo {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    /* border-left: 1px solid gray; */
    /* border-right: 1px solid gray; */
    float: right;
    width: 48%;
    padding: 0px -20px 0 0;
    position: relative;
    min-height: 300px;
}

#div-product-details-mainInfo-inner {
    float: right;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.div-product-details-mainInfo {
    float: right;
    padding: 10px 0;
}



#div-product-details-mainInfo-Deteils {
    width: 100%;
    font-size: 0.9em;
}

#div-product-details-mainInfo-Gift {
    width: 35%;
    margin-right: 5%;
}

#div-product-details-mainInfo-Descript {
    width: 100%;
}

.div-product-details-mainInfo-margin {
    /*margin: 0 0 20px 0;*/
}

#div-product-details-orderStatus {
    float: left;
    width: 75px;
    margin-right: 5%;
    position: relative;
    top: 5px;
    text-align: center;
    /*border-bottom:1px solid #e2e2e2;*/
}

.ProductScore {
    float: left;
    width: 100%;
}

    .ProductScore span {
        font-weight: bold;
    }

#h1-pd-productName {
    float: right;
    font-weight: 600;
    text-align: right;
    color: #000;
    /* margin-right: 61px; */
    font-size: 1.4em;
}

#p-pd-shortDescript, #p-pd-shortDescript2 {
    text-align: justify;
    float: right;
    margin: 20px 0;
    line-height: 2em;
}






#div-product-details-brand {
    float: right;
    border: 0px solid #e1e1e1;
    clear: both;
}

    #div-product-details-brand a {
        display: table;
        text-align: center;
        margin: 0 5px 0 0;
        float: right;
        font-weight: bold;
    }

.sp-brand-name {
    display: block;
    margin-bottom: 10px;
    color: #00bb7b;
}

#div-product-details-gurantee {
    float: right;
    clear: both;
    width: 100%;
    font-size: 1em;
}

#div-product-details-gifts {
    float: right;
    clear: both;
    width: 100%;
}

#div-product-details-accessories {
}

#div-product-details-orderAttribs {
    box-sizing: border-box;
    display: inline-block;
    float: right;
}

.img-brand-logo-Layout {
    float: left;
    width: 100%;
}

    .img-brand-logo-Layout img {
        max-height: 50px;
    }
/*.img-brand-logo {
    max-height: 100%;
    float: right;
}*/



#div-product-sharing-can {
    display: none;
    float: left;
    width: 140%;
    position: absolute;
    z-index: 999;
    top: 29px;
    left: 0px;
    color: #555;
    padding: 10px;
    box-shadow: 0 0 8px #b5b5b5;
    -webkit-box-shadow: 0 0 8px #b5b5b5;
    -moz-box-shadow: 0 0 8px #b5b5b5;
    background: #fff;
}

    #div-product-sharing-can a {
        color: #000 !important;
        width: 46%;
        text-align: center;
        font-size: 1.5rem;
        margin: 0 2% 2% 2%;
        padding: 3px;
        /*background: #5a6e8c;*/
        float: left;
    }

.div-product-sharing {
    font-weight: 600;
    width: 100%;
    background: #e1e1e1;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}



#shareP-facebook {
    background: #3b5998;
}

#shareP-pinterest {
    background: #bd081c;
}

#shareP-linkedin {
    background: #007ab5;
}

#shareP-telegram {
    background: #7aa5da;
}

#shareP-twitter {
    background: #26a6d1;
}

#shareP-google {
    background: #dd4b39;
}


#pd #pd-addToNotifyList {
    background-color: #F8F8F6;
    width: 50%;
    float: right;
}

#pd-addToNotifyList span {
    margin: 5px;
}

#pd-emailToFriends {
    float: right;
    clear: both;
}

#pd-addToWishList {
    /*width: 50%;*/
    float: left;
    cursor: pointer;
}

    #pd-addToWishList:before {
        float: left;
        font-size: 1.8em;
        width: 26px;
        height: 22px;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -160px -105px;*/
    }

#pd-addToCompareList {
    float: left;
}

    #pd-addToCompareList:before {
        float: left;
        font-size: 1.8em;
        width: 25px;
        height: 22px;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -123px -43px;*/
    }

#pd-share {
    /*width: 50%;*/
    float: left;
    cursor: pointer;
    cursor: hand;
}

    #pd-share:before {
        float: left;
        width: 22px;
        height: 22px;
        font-size: 1.8em;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -123px -6px;*/
    }

#pd-addComment {
    /*width: 50%;*/
    float: left;
    cursor: pointer;
    cursor: hand;
}

    #pd-addComment:before {
        float: left;
        font-size: 1.8em;
        width: 26px;
        height: 22px;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -120px -81px;*/
    }

#div-product-videos-can {
    border-top: 1px solid #e1e1e1;
    float: right;
    clear: both;
}

    #div-product-videos-can a {
        float: right;
        width: 100%;
    }

        #div-product-videos-can a span {
            float: right;
            margin: 5px;
        }

.div-product-details-Label {
    font-weight: bold;
    float: right;
    margin: 0 0 5px 0;
}

    .div-product-details-Label span {
        float: right;
        color: #676767;
        margin-left: 10px;
    }

#div-product-documents-can {
    border-top: 1px solid #e1e1e1;
    float: right;
    clear: both;
}

    #div-product-documents-can a {
        float: right;
        width: 100%;
    }

        #div-product-documents-can a span {
            float: right;
            margin: 5px;
        }

#pd-view-gallery {
    cursor: pointer;
    cursor: hand;
}

    #pd-view-gallery:before {
        float: left;
        font-size: 1.8em;
        width: 26px;
        height: 22px;
    }

#pd-view-Video {
    float: right;
}

    #pd-view-Video:before {
        content: "";
        float: left;
        width: 26px;
        height: 26px;
        background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -160px -71px;
    }

#pd-view-3d {
    float: right;
    display: none;
}

    #pd-view-3d:before {
        content: "";
        float: left;
        width: 26px;
        height: 26px;
        background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -160px -38px;
    }


#div-product-pic-operation {
    position: absolute;
    top: 0px;
    left: 0px;
    /* bottom: 0px; */
    z-index: 9999;
    width: 100%;
}

.countDownPlace {
    font-size: 15px;
    margin-top: 5px;
    float: right;
    clear: both;
    width: 100%;
    background-color: #575656;
    color: #ffd800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.div-product-rank-star {
    display: inline-block;
    position: relative;
    height: 5px;
    background-color: #767474;
    -webkit-border-radius: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 160px;
}

.div-product-rank-star-opa {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffd800;
    width: 0px;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 900ms;
}

.sp-product-rank-amount {
    color: #000 !important;
    position: absolute;
    top: -9px;
    left: 167px;
}

.sp-product-rank-star {
    color: #ffd800 !important;
    position: absolute;
    top: -5px;
    left: -14px;
}

.div-product-rank-star span {
    color: #ffd800;
}

.div-product-details-row {
    float: right;
    clear: both;
    width: 100%;
    margin: 0 0px 30px 0;
    text-align: right;
}


/************************************/


.headBarCanInContet {
}

.headBarInContet {
}

.headBarIdeaTitle {
}

.headBarTailInContet {
}


.divProductIdeaCan {
    width: 100%;
    float: right;
    margin-bottom: 20px;
}

.divProductIdeaCan-Header {
    width: 100%;
    float: right;
    clear: both;
    /* background: #e0dede; */
    padding: 10px 0;
    margin-bottom: 10px;
}



.lbProductIdea_username {
    float: right;
    /* margin: 0 10px; */
    font-size: 1em;
    font-weight: 600;
    color: #575757;
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.lbProductIdea_registerDate {
    float: right;
    font-size: 1em;
    font-weight: 600;
    color: #575757;
    position: relative;
    top: 5px;
}

.divProductIdea_title {
}

.divProductIdea_idea {
    float: right;
    width: 100%;
    padding: 10px;
    background: #f8f8f8;
    color: #909090;
    font-weight: 600;
}

.divProductIdea_reply {
    float: right;
    width: 100%;
    padding: 10px;
    color: #575757;
    background-color: rgba(0, 187, 123, 0.12);
    font-size: 13px;
}

.LikePDComment {
    float: right;
    margin: 8px;
    color: blue;
    text-align: center;
    padding: 5px 0 10px 0;
}

    .LikePDComment:hover {
        text-decoration: underline;
        color: #F90;
    }

.sLikeCount {
}

.likeProductIdea, .DislikeProductIdea {
    float: left;
    margin-right: 25px;
}

.product-idea-user-pic {
    width: 20px;
    text-align: center;
    float: right;
    margin: 0 10px;
}

    .product-idea-user-pic img {
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto;
        float: right;
    }

.sp-productIdeaLikeCount, .sp-productIdeaDisLikeCount {
    float: right;
    font-size: 1.1em;
    margin: 0 10px 0 0;
    color: #858585;
    font-weight: 600;
    position: relative;
    top: 4px;
}

.product-idea-margin {
    margin-right: 10px;
    float: right;
    font-weight: bold;
}

.sp-addProductLike, .sp-addProductDisLike {
    float: right;
    width: 17px;
    height: 25px;
    cursor: pointer;
    background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
    background-position: -167px -135px;
}

.sp-addProductDisLike {
    background-position: -167px -169px;
}

/*************************************/
#divScorePlace {
    width: 96%;
    margin: 0 2%;
}

.div-score-item {
    width: 100%;
    height: 40px;
    border: 0px solid #e1e1e1;
    margin: 5px;
    float: right;
    clear: both;
}

.divScoreCan {
}

.divScoreBar {
    float: right;
    width: 40%;
    background-color: #F4F4F4;
    margin: 10px 0px 0 10px;
    border: 1px solid rgb(216, 216, 216);
}

.divScoreInput {
    float: right;
}

.divScoreCan {
}

.lb-score-factorName {
    float: right;
    width: 70px;
    margin: 2px 0 0 0;
    font-weight: bold;
}

.sp-score-average {
    float: right;
    background-color: rgb(118, 207, 118);
    width: 1px;
    height: 6px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.div-score-item select {
    /* padding: 3px !important; */
    height: 24px;
    float: right;
    font-size: 12px !important;
    border: 1px solid #ddd;
    outline: auto;
}

.div-score-item input[type="button"], input[type="submit"] {
    float: right;
    width: 60px;
    font-size: 12px !important;
    margin: 0 5px;
    color: #fff;
    outline: none;
    text-align: center;
    background-color: #ddbf7f;
    border-bottom: solid 5px #d2b069;
    cursor: pointer;
    /* padding: 4px 10px !important; */
}

#btnSubmitProductIdea {
    border: none;
    background-color: #30c5f0;
    border: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    float: right;
    clear: both;
    cursor: pointer;
    padding: 5px 20px;
    margin: 0 !important;
    border-radius: 5px;
    min-width: 140px;
}

.txtareaProductIdea {
    margin: 0 !important;
    width: 100%;
    height: 120px;
    float: right;
    resize: none;
    clear: both;
    border-color: #cdc;
    outline: none;
    background-color: #ebebeb;
}

.btnSubmitScore {
    border: none;
}

#divProductAttribLongTextPlace {
    float: right;
    clear: both;
    width: 100%;
    margin: 40px 0px;
}

#divPDTabCan {
    float: right;
    /*clear: both;*/
    width: 100%;
    margin-bottom: 2px;
}

#divPDTabContentCan {
    float: right;
    clear: both;
    width: 100%;
}

.divPDTabContent {
    float: right;
    clear: both;
    text-align: justify;
    line-height: 2em;
    position: relative;
    width: 100%;
    font-size: 1em;
    padding: 10px;
}

.btnTabStyle_a1 {
    cursor: hand;
    cursor: pointer;
    background-color: transparent;
    border: none;
    background-image: url(../../img/master/tabMaster.png);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 147px;
    height: 27px;
    float: right;
    text-align: center;
    padding-top: 10px;
    color: White;
}

.btnTabStyle_a2 {
    cursor: hand;
    cursor: pointer;
    background-color: transparent;
    border: none;
    background-image: url(../../img/master/tabMaster.png);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px -39px;
    width: 147px;
    height: 27px;
    float: right;
    text-align: center;
    padding-top: 10px;
    color: Black;
}

.btnTabStyle_a1:hover {
    background-position: 0px -39px;
    color: Black;
}
/*----------------------------------------------------------------------------------------------------------*/

.btnTabStyle_b1 {
    position: relative;
    background: #fff;
    min-width: 100px;
    height: 50px;
    float: right;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-left: 2px;
    padding: 10px 30px;
    border-bottom: 3px solid #fff;
}

    .btnTabStyle_b1 img {
        vertical-align: middle;
        display: inline-block;
        margin: 0 3px;
        width: 26px;
    }

    .btnTabStyle_b1 span {
        vertical-align: middle;
        display: inline-block;
        margin: 0 3px;
    }

        .btnTabStyle_b1 span.fonticon {
            font-size: 26px;
        }

.btnTabStyle_b1_active {
    border-bottom: 3px solid #3a06d3;
}

.btnTabStyle_b2 {
    background: #fff;
}


/***************************************/
.divPD_attribCan_fail {
    background-color: #fff !important;
    border: 1px solid red !important;
    color: #000 !important;
    border-radius: 3px;
    padding: 5px;
}


#img-rotate360 {
    border-radius: 50%;
    width: 60px;
    border: 4px solid #23A0D5;
    cursor: hand;
    cursor: pointer;
}

#div-picTransfer-toCart {
    position: absolute;
    border: 0px solid red;
    z-index: 9999;
}

    #div-picTransfer-toCart img {
        max-height: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
        border-radius: 10px;
    }

.products-detail-IdeaScore {
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 20px;
}

.products-detail-IdeaForm, .products-detail-ScoreForm {
    width: 70%;
    float: right;
}



.special-offer {
    position: absolute;
    top: 250px;
    right: 2%;
    height: 64px;
    width: 64px;
    background: url('/media/img/public/Special-Offers.png');
}






.ProductIdea-content {
    width: 100%;
    float: right;
    border-bottom: solid 1px #e2e2e2;
    padding-bottom: 10px;
}


.ProductIdea-Count {
    float: right;
    color: #575757;
    font-weight: 600;
}

    .ProductIdea-Count span {
        margin: 0 30px;
    }

.ProductIdea-rating {
    float: right;
    color: #575757;
    font-weight: 600;
    margin: 0 30px 0 0;
}

    .ProductIdea-rating span {
        float: right;
    }

        .ProductIdea-rating span:nth-child(2) {
            cursor: hand;
            cursor: pointer;
            width: 54px;
            float: right;
            height: 14px;
            position: relative;
            background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
            background-position: -81px -230px;
            margin: 0 20px;
            top: 3px;
        }

.ProductIdea-Filter {
    float: left;
    color: #575757;
    font-weight: 600;
}

.product-garanti {
    float: right;
    width: 100%;
}

    .product-garanti .product-garanti-firstA {
        float: right;
        width: 100%;
        background: #f8f8f8;
        color: #4e4848 !important;
        padding: 5px 12px;
        font-weight: 600;
        border: 1px solid #ccc;
        line-height: 30px;
        cursor: pointer;
    }

        .product-garanti .product-garanti-firstA:before {
            content: "";
            float: right;
            width: 28px;
            height: 28px;
            background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
            background-position: -120px -105px;
            margin-left: 5px;
        }

        .product-garanti .product-garanti-firstA:after {
            content: "";
            float: left;
            width: 28px;
            height: 10px;
            background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
            background-position: -9px -82px;
            position: relative;
            top: 10px;
            margin-right: 5px;
        }

.product-garanti-list {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    cursor: pointer;
}



.product-garanti-box {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #f8f8f8;
    z-index: 5;
    border: 1px solid #ccc;
    border-top: none;
}

    .product-garanti-box a {
        display: block;
        padding: 5px 10px;
        font-size: 0.85em;
        font-weight: 600;
        color: #777;
        border-bottom: 1px solid rgba(204, 204, 204, 0.38);
    }

        .product-garanti-box a:last-child {
            border-bottom: none;
        }

.product-garanti-addborder {
    border-bottom: none !important;
}

.product-garanti-Open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center 5px 0;
    -ms-transform-origin: center 5px 0;
    transform-origin: center 5px 0;
}

#price-withGurantee-place {
    display: none;
    float: right;
    clear: both;
    font-weight: bold;
    color: #F44336;
    padding: 5px 0px;
}

#productShortDescript {
    text-align: justify;
    margin-bottom: 10px;
    float: right;
    width: 100%;
    min-height: 100px;
    overflow: auto;
}

.breadCrump {
    width: 100%;
    float: right;
    padding: 0px 5px;
    margin-bottom: 2%;
}

#systemcodePlace {
    float: left;
    background: #8c8b8b;
    color: #fff;
    padding: 4px;
    font-size: .7em;
    /* border-radius: 3px; */
    margin: 6px 0 0 0;
}

#breadCrumpPlace {
    padding: 8px 4px;
    float: right;
    vertical-align: middle;
    display: inline-block;
    font-size: 0.7em;
}

    #breadCrumpPlace a {
        font-weight: 600;
        padding: 0 5px;
        color: #555 !important;
        font-family: IRANSansWeb,VERDANA;
    }



    #breadCrumpPlace span:before {
        position: relative;
        top: 4px;
        font-size: 1.6em;
    }

    #breadCrumpPlace a:last-child {
        color: #999 !important;
    }

        #breadCrumpPlace a:last-child:after {
            content: none;
        }


.Product-Details-Special {
    position: absolute;
    float: right;
    width: 139px;
    height: 133px;
    padding: 3px 20px;
    background: #ff4d66;
    top: -67px;
    left: -79px;
    font-size: 0.8em;
    transform: rotate(44deg);
    z-index: 3;
    text-align: center;
    color: #fff;
}

    .Product-Details-Special span {
        transform: rotate(-91deg);
        position: relative;
        top: 41px;
        left: 95px;
        position: absolute;
    }

.countdown {
    width: 250px;
    padding: 5px;
    border: 0px solid #000;
    margin: 0px 0px 0 15px;
    float: left;
}

#sellerInfoCan {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    float: right;
    width: 100%;
    padding: 15px 5px;
    border-bottom: 1px solid #d7d4d4;
}

    #sellerInfoCan a {
        display: inline-block;
    }

        #sellerInfoCan a img {
            width: 24px;
            display: inline-block;
            vertical-align: middle;
        }

        #sellerInfoCan a span {
            display: inline-block;
            vertical-align: middle;
            margin: 0 3px;
        }

            #sellerInfoCan a span:first-child {
                font-size: 25px;
                color: #19a306;
            }

            #sellerInfoCan a span:last-child {
                font-size: 15px;
                color: #19a306;
            }



        #sellerInfoCan a:first-child {
        }




        #sellerInfoCan a:last-child {
            font-size: 1em;
        }



#shippingInfoCan {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    float: right;
    width: 100%;
    padding: 10px 5px;
}

    #shippingInfoCan a {
        display: inline-block;
    }

        #shippingInfoCan a img {
            width: 28px;
            display: inline-block;
            vertical-align: middle;
        }

        #shippingInfoCan a span {
            display: inline-block;
            vertical-align: middle;
            margin: 0 3px;
        }



        #shippingInfoCan a:first-child {
        }




        #shippingInfoCan a:last-child {
            color: #444;
            font-size: 1.1em;
        }


#existanceInfoCan {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    float: right;
    width: 100%;
    padding: 10px 5px;
}

#productionCapacityCan {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    float: right;
    width: 100%;
    padding: 10px 5px;
}

#existanceInfoCan a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

#productionCapacityCan a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

#existanceInfoCan a:first-child {
}

    #existanceInfoCan a:first-child span:last-child {
        color: #000;
    }

#productionCapacityCan a:first-child {
}

    #productionCapacityCan a:first-child span:last-child {
        color: #000;
    }

#existanceInfoCan a:last-child {
    background-color: #30c5f0;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
}

#productionCapacityCan a:last-child {
    background-color: #30c5f0;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
}

 .divRowItemFinalAmount {
    font-size: 20px;
    color: #939393;
}

.cart-img {
    width: inherit;
    border: 2px solid #f4f0f0;
    border-radius: 5px;
}

.cart-layout-basket {
    display: table;
    margin: 50px auto;
    position: relative;
}

    .cart-layout-basket i:before {
        font-size: 15em;
        color: #888;
        text-align: center;
    }

    .cart-layout-basket i span {
        color: #fff;
        font-family: Verdana;
        font-size: 3em;
        position: absolute;
        top: 60px;
        right: 60px;
    }

.sp-productDiscountPercent {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(49, 205, 49);
    color: #fff;
    padding: 3px 3px;
    -webkit-border-radius: 20px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 20px;
    -moz-border-radius-topleft: 0;
    border-radius: 20px;
    border-top-left-radius: 0;
}

.div-payment-summery-can {
    width: 50%;
    text-align: right;
    float: left;
    margin: 10px 0;
}

.div-payment-summeryItem {
    font-size: 13px;
    margin-bottom: 3px;
    background-color: #f7f7f7;
}

    .div-payment-summeryItem:last-child {
        border: 0px solid #fb5b64;
        /*background-color: #ffedee;*/
    }

        .div-payment-summeryItem:last-child label {
            background-color: #ffedee;
            position: relative;
            top: -3px;
        }

    .div-payment-summeryItem label {
        font-weight: bold;
        margin: 0 0 0 10px;
        font-size: 0.9em;
        background-color: #eee;
        width: 150px;
        padding: 7px;
        display: inline-block;
        color: #424242;
    }

    .div-payment-summeryItem span {
        padding: 7px 0;
        color: #666;
        font-weight: 600;
    }



#tbl-orderP-cart {
    width: 100%;
    overflow: hidden;
}

    #tbl-orderP-cart thead {
        background-color: #092b6a;
        color: #fff;
    }

    #tbl-orderP-cart td {
        text-align: center;
        font-size: 13px;
        padding: 5px;
        vertical-align: middle;
        border-bottom: 1px solid #e1e1e1;
    }

    #tbl-orderP-cart tr {
    }

    #tbl-orderP-cart td:first-child {
        border-right: none;
    }

.product-in-cart {
    text-align: right;
    font-weight: 600;
    color: #777;
}



    .product-in-cart .h3-isAshantyvn-caption {
        color: #f78484;
    }

        .product-in-cart .h3-isAshantyvn-caption span:nth-child(2) {
            font-size: 1.5em;
            margin-left: 5px;
        }

    .product-in-cart img {
        float: right;
        width: 35px;
        height: 35px;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 2px;
        margin-left: 10px;
    }


.txt-requstNum-order {
    width: 50px;
    float: right;
    text-align: center;
    border: none;
    padding: 5px;
}

.quanitySniper {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    float: right;
}

quanitySniper:hover {
    border-right: 1px solid #00bb7b;
}

.submitChangeRequstNum {
    width: 30px;
    float: left;
    font-weight: 600;
    color: #777;
    padding: 5px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
}

#a-cart-continue {
    color: #fff;
    clear: both;
    float: left;
    background-color: #215bc6;
    padding: 10px 20px;
    width: 200px;
    border-radius: 4px;
}


#h2-cart-title {
    float: right;
    width: 100%;
    text-align: right;
    padding: 10px 0;
}

#div-cart-place {
    width: 100%;
    overflow-x: auto;
}

.remove-order-item i {
    font-size: 1.4em;
    color: #f78484 !important;
    vertical-align: middle;
}

.remove-order-item span {
    font-size: 1em;
    color: #f78484 !important;
    vertical-align: middle;
}

.remove-order-item i:hover {
    color: #f24949 !important;
}


.number-row {
    background-color: rgb(248, 235, 255);
}

.product-delete {
    background-color: #ffedee;
}

.reserveItem {
    display: inline-block;
    padding: 2px 20px;
    background-color: #ffc800;
    border-radius: 5px;
    color: #000;
    border: 1px solid #aea324;
}

.prePaymentTitle {
    display: inline-block;
    padding: 2px 5px;
    background-color: #fb5b64;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
}

.reserveDeliveryTime {
    display: inline-block;
    margin: 0 5px;
    color: #000;
}

 .removeGurantee {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(/Areas/Admin/Media/image/remove/del1.png);
    cursor: hand;
    cursor: pointer;
}

.cart-PriceOrder {
    font-weight: bold;
    color: #d50e6a !important;
    font-size: 1.4em;
}





 #orderStepBarPlace {
    float: right;
    width: 100%;
    padding: 49px 0px;
    background-color: #f8fff0;
    border-bottom: 1px solid #ddd;
}

.stepBarTitle {
    display: block;
    margin: 20px 0 0 0;
    font-weight: 600;
}

.stepBar {
    display: inline-block;
    width: 33.33%;
    height: 2px;
    background-color: #ddd;
    position: relative;
    float: right;
    text-align: center;
}

.stepBarActive {
    background-color: #01c92b;
}

.stepCircle {
    background-image: url(/media/img/public/orderStepCheck.png);
    background-position: 0 32px;
    width: 36px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    top: -15px;
    right: 43%;
    font-size: 30px;
    color: #c3c3c3;
}

.stepCircleActive {
    background-image: url(/media/img/public/orderStepCheck.png);
    background-position: -36px 32px;
    width: 36px;
    height: 34px;
}

.cart-img {
    height: 54px;
    float: right;
    margin: 5px;
    border: 2px solid #b3b3b3;
}


.a-orderProcess-back {
    border: none;
    float: right;
    cursor: pointer;
    cursor: hand;
}



#div-orderProcess-place {
    text-align: right;
    width: 100%;
    float: right;
}

.div-orderProcess-step {
    float: right;
    width: 100%;
    margin: 2px 0;
}

.div-orderProcess-step-head {
    float: right;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 1px 0px rgb(113, 113, 113);
    -moz-box-shadow: 0px 1px 1px 0px rgb(113, 113, 113);
    box-shadow: 0px 1px 1px 0px rgb(113, 113, 113);
}

    .div-orderProcess-step-head h2 {
        background-color: #E0E0E0;
        border: 1px solid #BBBBBB;
        color: #A2A2A2;
        padding: 10px 5px;
    }

.div-orderProcess-step-head-active {
    background-color: rgba(51, 51, 51, 0.75) !important;
    color: #fff !important;
}




.div-orderProcess-step-content {
    float: right;
    width: 100%;
    display: none;
}

.sp-orderProcess-angle {
    float: left;
    font-size: 26px;
}

/*#div-orderProcess-step-content-1
    {
        display:none;
    }
    #div-orderProcess-step-content-2
    {
        display:none;
    }
     #div-orderProcess-step-content-3
    {
        display:none;
    }*/


 #orderStepForgottenPassword {
    display: inline-block;
    margin: 0px 0px 0 px;
    color: #2196F3;
    font-weight: bold;
}

.redStar {
    color: red;
}

#div-account-place {
    text-align: right;
    width: 50%;
    display: inline-block;
    padding: 2%;
    vertical-align: top;
    font-size: 13px;
}

    #div-account-place h3 {
        font-weight: bold;
        border-bottom: 1px solid #fff;
        padding: 0 0 10px 0;
    }

.div-account-row {
    margin: 8px 0;
}

.div-account-item {
    display: inline-block;
    width: 49%;
}



#btnMembershipOrderProcess {
    border: none;
    background-color: #2e2e2e;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
}
/**************************************************************************************************/
#div-login-place {
    width: 35%;
    margin: 30px auto;
    padding: 2% 2%;
    vertical-align: top;
    font-size: 13px;
    background-color: #f2f2f2;
    border: 1px solid #e1e1e1;
}

    #div-login-place h3 {
        font-weight: bold;
        border-bottom: 1px solid #fff;
        padding: 0 0 10px 0;
        color: #232323;
        font-size: 1.3em;
        text-align: center;
    }

.div-login-row {
    margin: 8px 0;
}



#btnLoginOrderProcess {
    cursor: pointer;
    cursor: hand;
    margin: 15px 0;
    background: #092b6a;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    font-size: 1.5em;
}



#btnMembershipOrderProcess {
    border: none;
    background-color: #7b7b7b;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
}


#btnContinueAsGuestOrderProcess {
    color: #fff;
    clear: both;
    float: left;
    cursor: pointer;
    cursor: hand;
}



#a-forgottenPassOrderProcess {
    margin: 0 40px 0 0;
}

#ordreProcess-membership-place {
    float: left;
    width: 50%;
    padding: 2% 8% 0 0;
}

    #ordreProcess-membership-place h3 {
        color: #00bb7b;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        padding-bottom: 10px;
    }

#membership-benefits-place {
}

.membership-benefit {
    color: #828181;
    font-weight: 600;
    margin-bottom: 5px;
    display: table;
    border-bottom: 1px solid #ddd;
}

#membershipInOrderProcess {
    border: 1px solid #00bb7b;
    padding: 5px 28px;
    border-radius: 3px;
    margin: 5px 0px;
    outline: none;
    display: inline-block;
    color: #00bb7b;
}

    #membershipInOrderProcess:hover {
        border: 1px solid #118917;
        color: #118917;
    }

.foot-orderStep {
    width: 100%;
    float: right;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.a-orderProcess-back {
    color: #000 !important;
    margin: 20px 0;
    float: none;
    display: inline-block;
}

#MememberOrderProcess {
    width: 100%;
    margin: 20px 0;
    text-align: center;
    /* background: #858585; */
    color: #047ef8;
    font-size: 1.3em;
}

#div-login-place input {
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #e1e1e1;
}

#orderMembershipCan {
    text-align: center;
    background-color: #e1e1e1;
    padding: 10px 0;
    margin: 10px 0;
}





 #notificationInfoCan {
    display: flex;
    align-items: flex-start;
    color: #555;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    vertical-align: middle;
}

#notificationInfoCan div {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

#notificationInfoCan span {
    margin: 0 0 0 10px;
    font-size: 25px;
}

#warningInfoCan {
    padding: 12px 5px;
    border: 1px solid #fc24b0;
    border-radius: 5px;
    color: #fc24b0;
    display: flex;
    align-items: center;
}

    #warningInfoCan span {
        margin: 0 0 0 10px;
        font-size: 25px;
    }

.addressSelectIcon {
    font-size: 23px;
    margin: 0 0 0 10px;
}

.addressSelectIconActive {
    color: #0eb012;
}

#membershipRow1 {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px;
    background-color: #e1e1e1;
    border-radius: 3px;
    margin: 10px 0;
}

    #membershipRow1 select {
        border-radius: 5px;
    }

    #membershipRow1 * {
        display: inline-block;
        vertical-align: middle;
    }

#userAddressListPlace {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 90%;
    margin: 0 5%;
}

.userAddressItem {
    margin: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    cursor: hand;
    cursor: pointer;
}


    .userAddressItem h3 {
        background-color: rgba(197, 197, 197, 0.39);
        padding: 10px 10px;
        align-items: center;
        display: flex;
    }

    .userAddressItem h4 {
        padding: 5px 10px;
    }

    .userAddressItem p {
        padding: 5px 10px;
    }



textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 5px;
    resize: none;
    outline: none;
}

select {
    width: 100%;
    border: 1px solid #C5C5C5;
    vertical-align: top;
    padding: 4px;
    border-radius: 5px;
    outline: none;
}

#FormOrdership {
    width: 90%;
    padding: 2%;
    display: table;
    margin: 0 auto;
    padding-bottom: 2%;
    border-bottom: 1px solid rgba(197, 197, 197, 0.39);
    margin-bottom: 2%;
    /* display: inline-block; */
}

.FormOrdership-Reletive {
    position: relative;
    margin-right: -2%;
}

#div-orderProcess3-colLeft {
    width: 90%;
    padding: 2%;
    padding-top: 0;
    margin: auto;
}

#div-marketerCode-place {
    width: 98%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    border: 0px solid #ee4213;
}

#div-discountCode-place {
     
    display: inline-block;
    vertical-align: top;
    border: 0px solid #434bdd;
}

#div-userCredit-place {
    width: 98%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    border: 0px solid #808080;
}

#div-faktor-place {
    display: inline-block;
    vertical-align: top;
}

    #div-faktor-place span {
    }

#div-colorPaper-place {
    width: 98%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    border: 0px solid #ffd800;
    background-color: #dff0d8;
    padding: 5px;
}

.div-oshipI-item, .div-oshipI-itemTXTarea {
    float: right;
    width: 31.33%;
    margin-right: 2%;
}



.div-oshipI-itemTXTarea {
    width: 48%;
}

#btnSubmitOrderShip {
    float: left;
    color: #fff;
    clear: both;
    float: left;
    background-color: #092b6a;
    padding: 15px 20px;
    width: 300px;
    border-radius: 4px;
    text-align: center;
}



.validiationMsgFail, .div-validation-msg-can span.validiationMsg {
    color: #f74040;
    font-size: 0.8em;
}


.FormPublic-Input textarea {
    height: 120px;
}



 .lbStep3-title {
    font-weight: bold;
    color: gray;
    margin: 0 0px 0 10px;
}

.shipping-detail h3 {
    font-weight: bold;
    margin: 0px 0 12px 0;
}

.orderProcess-finalInfo h3 {
    font-weight: bold;
    margin: 0px 0 12px 0;
}

.spOrderInfoView {
    color: rgb(47, 47, 47);
}

.spOrderInfoView-title {
    font-weight: bold;
    margin: 0 0 0 10px;
    width: 170px;
    padding: 7px 0;
    border-left: 1px solid #e1e1e1;
    display: inline-block;
    color: #424242;
}


.div-bankGate-item {
    border: 1px solid #EDEDED;
    border-bottom: none;
    padding: 5px;
    width: 100%;
}

    .div-bankGate-item:last-child {
        border-bottom: none;
    }

.border-bottom {
    border-bottom: solid 1px #ddd !important;
}

#div-bank-gate-can {
}

    #div-bank-gate-can h3 {
        margin-top: 20px;
    }

#div-bank-gate-can-inner {
    margin-bottom: 20px;
    border-bottom: 1px solid #EDEDED;
}


.div-bankGate-item img {
    margin: 0 0px 0 20px;
    max-height: 100%;
    vertical-align: middle;
}

.div-bankGate-item input[type='radio'] {
    width: 20px;
    height: 20px;
    margin: 0 0px 0 20px;
    vertical-align: middle;
}

.orderProcess-finalInfo {
    width: 45%;
    margin-left: 5%;
    font-size: 13px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.shipping-detail {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.div-payment-summery-can {
}

#tbl-orderP-step3 {
    width: 100%;
    overflow: hidden;
}

    #tbl-orderP-step3 thead {
        background-color: #092b6a;
        color: #fff;
    }

    #tbl-orderP-step3 td {
        text-align: center;
        font-size: 13px;
        padding: 5px;
        vertical-align: middle;
    }

/*#tbl-orderP-step3 td :first-child {
                border-right: none;
            }*/
.div-User-summeryItem {
    font-size: 13px;
    /* margin: 5px 0; */
    background-color: rgba(76, 175, 80, 0.07);
    padding: 0 7px;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}


.div-payment-summery-can {
    width: 50%;
    text-align: right;
    float: left;
    margin: 10px 0;
}





.summeryItem-red {
    border-bottom: 1px solid #e1e1e1;
    background-color: #ffedee;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

.div-payment-summeryItem {
    font-size: 13px;
    margin-bottom: 3px;
    background-color: #f7f7f7;
}

    .div-payment-summeryItem:last-child {
        border: 1px solid #fb5b64;
        background-color: #ffedee;
        margin-top: 10px;
    }

        .div-payment-summeryItem:last-child label {
            background-color: #ffedee;
            position: relative;
        }

    .div-payment-summeryItem label {
        font-weight: bold;
        margin: 0 0 0 10px;
        font-size: 0.9em;
        background-color: #eee;
        width: 160px;
        padding: 7px;
        display: inline-block;
        color: #424242;
    }

    .div-payment-summeryItem span {
        padding: 7px 0;
        color: #666;
        font-weight: 600;
    }

#btnFinalizingOrder {
    float: left;
    color: #fff;
    clear: both;
    float: left;
    background-color: #092b6a;
    padding: 15px 20px;
    width: 300px;
    border-radius: 4px;
    text-align: center;
}



.pro-detail {
    text-align: right;
    font-weight: 600;
    color: #777;
}

 
 .cart-PriceOrder {
    font-weight: bold;
    color: #008658 !important;
    font-size: 1.4em;
}

 