body {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    font-family: Vazir !important;
    background-color: #e9e9e9;
}

header {
    float: right;
    width: 100%; /*background-color: #E11B22;*/
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 0px 0px 0 0;
 }

.transition {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
strong{
    font-weight:bolder;
}
a {
    color: #808080;
    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: #040404;
        text-decoration: none;
    }

    a:visited {
        color: #808080;
        text-decoration: none;
    }

    a:hover {
        color: #30c5f0;
        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;
}

.pageArea {
    background-color: #fff;
    padding: 10px;
    margin: 20px 0;
    border-radius: 5px;
}
.rowFlex{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between

}
.colFlex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}
.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;
}

#closeTelBox {
    position: absolute;
    top: 20px;
    left: 7px;
    font-size: 2em;
}

#divWrapper {
    width: 100%;
    text-align: center;
    float: right;
}

.content-Show {
    opacity: 1 !important;
    visibility: visible !important;
}

.wrapper {
        width: 90%;
        max-width:1500px;
    margin: 0 auto;
    border: 0px solid red;
    position: relative;
}


#divHeaderCan_{
    position:relative;
}

#headerLinksPlace {
    border-top: 0px solid red;
    padding: 10px 0 0 0;
    position: absolute;
    left: 0px;
    top: -5px;
}

#userLoginTitle {
    color: #fff;
    font-size: 13px;
    margin: 0px;
    position: absolute;
    top: -18px;
    right: 0px;
}


#aOnlineRegister {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e30018;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 5px auto;
    /* max-width: 50%; */
    text-align: center;
    color: #fff;
}

#aOnlineRegister span:first-child {
    font-size:20px;
   
}
    #aOnlineRegister span:last-child {
    }

.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);
}

.Logo {
   float: right;
    margin: 0 0 0 25px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    /* margin: 0 2%; */
}

    .Logo img {
         display: block;
    margin: auto;
    height: initial;
    width:150px;
    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; */
    }

.logoInfoCan {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 10px 0 0;
}
.logoInfoCan h1{
    font-size:20px; text-align:right;
}
    .logoInfoCan h4 {
        font-size: 11px;
        text-align: right;
    }




#divGalleryPlace{
    display:flex; flex-wrap:wrap;
    float:right;width:100%;
    margin:10px 0;
}

.divGalleryBox {
    display: flex;
    margin: 1%;
    border: 1px solid #000;
    width: 18%;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}




#div-header-menu-can {
    display: flex;
    align-items: center;
    direction: ltr;
}

.div-header-menu-1 {
    padding: 10px 10px 10px 0px;
    position: relative;
}

.div-header-menu-2 {
    display: none;
    position: absolute;
    z-index: 9;
    width: 200px;
    top: 30px;
    right: 0px;
    background-color: #2b2b2b;
    border-radius: 5px;
}

.a-nav-header-menu-1 {
    color: #020202 !important;
    float: left;
    clear: both;
    margin: 5px;
    font-size: 13px;
    font-weight: bold;
    transition: all 400ms;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .a-nav-header-menu-1:hover {
        color: #b12626;
    }

.a-nav-header-menu-2 {
    color: #fff !important;
    font-size: 12px;
    clear: both;
    float: left;
    text-align: right;
    padding: 5px;
    margin-right: 20px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
}

.imgLev1Icon {
    width: 28px;
}

.fontIconLev1 {
    font-size: 20px;
    padding: 0 0 0 5px;
}

 









#slideCol1 {
    display: flex;
    width: 100%;
    min-height: 480px;
    float: right;
    margin: 0.5%;
    height: 100%;
}

#slideCol2 {
    display:none;
  /*display: flex;*/
    width: 34%;
     min-height: 480px;
    height:100%;
    float: right;
    margin: 0.5%;
}

.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;
    display: flex;
    align-items: center;
    padding: 10px 0;
    justify-content: space-between;
}

#innerHeadCol1 {
    width:45%;
    display:flex;
    align-items:center;

}
#innerHeadCol2 {
    width:55%;
}
#divLanguageCan{
    display:flex;
    
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin:0 30px;

}
    #divLanguageCan a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
    }

        #divLanguageCan a span {
            margin: 0 5px;
            font-size: 20px;
            display: flex;
            width: 32px;
        }

        #divLanguageCan a img {
            width: 24px;
            margin: 0 5px;
        }


#contactUsHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
     
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 5px 10px;
}

    #contactUsHead span:first-child {
        font-size: 27px;
        /* line-height: 0; */
        margin: 0 10px;
        /* padding: 0; */
        display: flex;
        /* display: none; */
        align-items: center;
        justify-content: center;
    }
    
#div-search-place {
    width: 25%;
    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;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.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: #151515  !important;
    /* border-right: 1px solid #494949; */
    padding: 0px 10px 0px 10px;
}

    .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;
    max-width:2000px;
 }

#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;
}



.a-random-pic{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.div-row-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: right;
    width: 100%;
    border-bottom: 0px solid #e1e1e1;
    margin: 0 0 0px 0;
    max-width: 2000px;
    overflow: hidden;
}


#sliderPlace2{
    width:100%;
}

.a_smallSlide {
}
    .a_smallSlide img {
        float: right;
        width: 100%;
        border-radius: 10px
    }

footer {
    float: right;
    width: 100%;
    background-color: #333;
    padding: 80px 0 50px 0;
    position:relative;
}

.div-foot-col {
    
    
    display: inline-block;
    border: 0px solid #e1e1e1;
     
    vertical-align: top;
}

#div-footer-logo {
    padding: 60px 0 0 10px;
}
#div-footer-row{

}

#div-copyRight {
    background-color: #322e2d;
    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 {
    width: 26%;
    margin: 2%;
}

    #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: 66%;
    margin: 2%;
}

#div-footer-organInfo {
    color: #656565;
    font-size: 13px;
    text-align: right;
}

#div-footer-lastCol {
    
    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 {
    
    width: 100%;
    margin: 5px 0;
    color: #fff;
    
    display: flex;
    align-items: center;
}

    .footer-contact-item label {
        float: right;
        margin: 0 5px;
    }

        .footer-contact-item label:nth-child(1) {
            font-size: 24px;
            margin: 0 10px;
        }

        .footer-contact-item label:nth-child(2) {
            margin: 0px 0px 0px 0px;
           
            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%;
    margin: 15px 0 5px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div-head-section img{
    width:42px; margin:0 0 0 10px;
}

.sp-head-title {
    
     
    font-size: 1.2em;
    font-weight: 600;
    color: #4b4a4b;
}

.sp-head-line {
    /*border-top: 1px solid #30c5f0;
    width: 100%;
    display: inline-block;*/
}

.divBoxLeft_ {
    width: 59%;
    margin: 0.5%;
    border: 1px solid #d1d1d1;
    min-height: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    background-color: #d3d3d3;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 10px solid #e30018;
    padding:20px;
}

.divBoxRight_ {
    width: 39%;
    height: 100%;
    margin: 0.5%;
    border: 1px solid #d1d1d1;
    display: flex;
    min-height: 300px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    background-color: #fff;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 10px solid #e30018;
}

.divBoxLeft {
    width: 49%;
    margin: 0.5%;
    border: 1px solid #d1d1d1;
    min-height: 300px;
    border-top: 10px solid #e30018;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    background-color: #fdfdfd;
}
.divBoxLeft > h2{
    font-size:16px;
    color:#000;
    padding:5px 0;

}
    .divBoxLeft p {
        font-size: 13px;
        color: #000;
        padding: 5px 0;
        max-width: 80%;
        text-align: right;
    }



.divBoxRight {
    width: 49%;
    margin: 0.5%;
    border: 1px solid #d1d1d1;
    border-top: 7px solid #161616;
    display: flex;
    min-height: 300px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #423f3f;
}

#topGroupRow1Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
}
.topGroupRow1PlaceInner {
     display:flex; align-content:initial;

}

    .a-top-group1 {
        display: inline-block;
        width: 48%;
        margin: 1%;
        float: right;
        border: 0px solid gray;
    }

        .a-top-group1 img {
            width: 100%;
            max-height: initial !important;
            border-radius: 5px;
        }

        .a-top-group1 h2 {
            color: rgb(103, 103, 103);
            font-weight: bold;
            margin: 20px 0 20px 0;
        }

        .a-top-group1 p {
            color: rgb(81, 81, 81);
            font-size: 13px;
        }




               #topGroupRow2Place {
           float: right;
           width: 100%;
            margin:10px 0 10px 0;
            display:flex;
       }

.divEventBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
.a-top-group2_title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff !important;
    width: 100%;
    padding: 10px 0;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}
    .a-top-group2_title h2 {
        padding: 10px 0;
    }
.a-top-group2_pic {
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
    width:100%;
     display:flex;
    
}

    .a-top-group2_pic img {
        width: 100%;
        max-height: initial !important;
        border-radius: 5px;
    }

    .a-top-group2_pic h2 {
        color: rgb(103, 103, 103);
        font-weight: bold;
        margin: 20px 0 20px 0;
    }

    .a-top-group2_pic p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }

/*//////////////////////////////////////////////*/

#topGroupRow3Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
}


.a-top-group3 {
    display: flex;
    border: 0px solid #dfdfdf;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    border-radius: 5px;
}

    .a-top-group3 img {
        width: 50%;
        max-height: initial !important;
        border-radius: 5px;
    }

    .a-top-group3 h2 {
        color:#000;
        font-weight: bold;
        margin: 20px 0 20px 0;
        font-size: 15px;
    }

    .a-top-group3 p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }
/*//////////////////////////////////////////////*/
#topGroupRow4Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
}


.a-top-group4 {
    border: 0px solid #dfdede;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
   
    overflow: hidden;
}

    .a-top-group4 img {
        width: 70%;
        max-height: initial !important;
        border-radius: 5px;
    }

    .a-top-group4 h2 {
        color: rgb(103, 103, 103);
        font-weight: bold;
        margin: 20px 0 20px 0;
    }

    .a-top-group4 p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }

/*//////////////////////////////////////////////*/
#topGroupRow5Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
}

.backgroundImage{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.a-top-group5 {
    display: flex;
    border: 0px solid gray;
    background-color: #fff;
    min-height: 300px;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    border-top: 10px solid #e30018;
}

    .a-top-group5 img {
        width: 100%;
        max-height: initial !important;
        border-radius: 5px;
    }

    .a-top-group5 h2 {
        font-weight: bold;
        margin: 0px;
        
        width: 100%;
       
        text-align: center;
        color: #fff;
        padding: 10px;
        background-color:red;

       
    }
.a-top-group5-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(227, 0, 24);
}

.a-top-group5-title .arrowIcon {
    color: #fff !important;
    font-size: 25px;
}

    .a-top-group5-title h2 {
        font-weight: bold;
        margin: 0px;
        
        text-align: center;
        color: #fff;
        padding: 10px;
        
    }
.a-top-group5 p {
    color: rgb(81, 81, 81);
    font-size: 13px;
}
/*//////////////////////////////////////////////*/
#topGroupRow6Place {
    
    
    
    display: flex;
    align-items: center;
    justify-content: center;
}


.a-top-group6 {
    display: flex;
    border: 0px solid gray;
    background-color: #fff;
    width: 70px;
    height: 70px;
    align-items: center;
    justify-content: space-around;
    /* min-height: 150px; */
    border-radius: 50%;
    margin: 0 5px;
}

    .a-top-group6 img {
        width: 32px;
        max-height: initial !important;
        
    }

    .a-top-group6 h2 {
        color: rgb(103, 103, 103);
        font-weight: bold;
        font-size:17px;
        
    }

    .a-top-group6 p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }


/*//////////////////////////////////////////////*/
#topGroupRow7Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
}


.a-top-group7 {
    
   
    border: 0px solid gray;
    display: flex;
    overflow: hidden;
    border-radius: 5px;
}

    .a-top-group7 img {
        width: 100%;
        max-height: initial !important;
        border-radius: 5px;
    }

    .a-top-group7 h2 {
        color: rgb(103, 103, 103);
        font-weight: bold;
        margin: 20px 0 20px 0;
    }

    .a-top-group7 p {
        color: rgb(81, 81, 81);
        font-size: 13px;
    }


.a-top-group7-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(227, 0, 24);
}


.a-top-group7-title .arrowIcon {
    color: #fff !important;
    font-size: 25px;
}

.a-top-group7-title h2 {
    font-weight: bold;
    margin: 0px;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.aMoreBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(227, 0, 24);
    padding: 0 10px;
    border-radius: 5px;
    margin: 5px auto;
    max-width:50%;

}
    .aMoreBtn .arrowIcon {
        color: #fff !important;
        font-size: 25px;
    }

    .aMoreBtn > h2 {
        font-weight: bold;
        margin: 0px;
        text-align: center;
        color: #fff !important;
        padding: 10px;
    }



.aDownloadBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    margin: 5px auto;
    max-width: 50%;
}

    .aDownloadBtn img {
        width:32px;
    }
    .aDownloadBtn > span {
        font-size: 20px !important;
    }

    .aDownloadBtn > h2 {
        font-weight: bold;
        margin: 0px;
        text-align: center;
        color: #000 !important;
        padding: 10px;
        font-size: 20px !important;
    }

.divBackImage{

    background-position:center center;
    background-size: cover;
    background-repeat:no-repeat;
}

.h2_box {
    font-size: 25px;
    color: #000;
    padding: 20px 0;
}
.p_box {
    text-align: right;
    padding: 20px 0;
}
.img_box {
    
    margin:0 0px;
}
.boxShadow {
    -webkit-box-shadow: 1px 1px 3px 0px rgba(115,115,115,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(115,115,115,1);
    box-shadow: 1px 1px 3px 0px rgba(115,115,115,1);
}


.headBoxTile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}

    .headBoxTile h2 {
        font-size: 17px;
        padding: 0 10px;
        /* background: #fff; */
        display: flex;
    }

    .headBoxTile span.lineBar {
        height: 3px;
        background-color: #f10505;
        display: flex;
        width: 40%;
    }
#divArticleListPlace {
}
#divArticleListPlace h1 {
    color: #e50505 !important;
    font-size: 20px !important;
    vertical-align: top;
    text-align: center;
    border-bottom: 2px solid;
    padding: 15px 0;
}
#divArticleListPlaceInner{
    display:flex;
    flex-wrap:wrap;


}
/*//////////////////////////////////////////////*/
#topGroupRow8Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
}

.topGroupRow8PlaceInner {
   display:flex;
   align-items:inherit;
}
.a-top-group8 {
    display: flex;
    width: 100%;
    border: 0px solid gray;
    background-color: #fff;
    border-top: 10px solid #e30018;
    align-items: flex-start;
}

    .a-top-group8 img {
        width: 100%;
        max-height: initial !important;
        
    }

    .a-top-group8 >h2 {
        color: #000;
        font-weight: bold;
        padding: 5px ;
        font-size: 15px;

    }

    .a-top-group8 > p {
        color: rgb(81, 81, 81);
        font-size: 12px;
        padding: 10px;
        text-align: right;
        
    }

.a-top-group8-title {
    background-color: #e30018;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 40px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 12px;
    margin: 20px 10px;
}


/*//////////////////////////////////////////////*/
#topGroupRow9Place {
    float: right;
    width: 100%;
    margin: 10px 0 10px 0;
    display: flex;
}

.topGroupRow9PlaceInner {
    display: flex;
    align-items: inherit;
}

.a-top-group9 {
    display: flex;
    
    border: 0px solid gray;
   
    flex-direction: column;
    border-top: 10px solid #e30018;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
    position:relative;
}
.a-top-group9-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(254,254,254,0);
    background: -moz-linear-gradient(top, rgba(254,254,254,0) 16%, rgba(143,143,143,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(16%, rgba(254,254,254,0)), color-stop(100%, rgba(143,143,143,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,0) 16%, rgba(143,143,143,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,0) 16%, rgba(143,143,143,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,0) 16%, rgba(143,143,143,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,0) 16%, rgba(143,143,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#8f8f8f', GradientType=0 );
}

.a-top-group9 img {
    width: 100%;
    max-height: initial !important;
}

.a-top-group9-inner h2 {
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    font-size: 30px;
    margin-bottom: 30px;
}
.a-top-group9-inner h3 {
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    background-color: #e30018;
    padding: 10px;
    width: 80%;
    border-radius: 5px;
    font-size: 17px;
    margin-bottom: 20px;
}

.a-top-group9-inner p {
    color: rgb(81, 81, 81);
    font-size: 13px;
}

/*//////////////////////////////////////////////*/
#topGroupRow10Place {
     width: 100%;
    margin: 10px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:space-around;
}
.a-top-group10 img {
    height:128px;
    
}
.a-top-group10 h2 {
    padding:10px;
}

/*//////////////////////////////////////////////*/
#topGroupRow11Place {
    width: 100%;
    margin: 10px 0 10px 0;
    display: flex;
    
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction:column;
 }

#topGroupRow11Place img {
     
}

    #topGroupRow11Place h2 {
        padding: 10px;
        color: #fff;
        font-size: 25px;
    }
    #topGroupRow11Place p {
        padding: 10px;
        color: #fff;
        text-align: right;
    }
/*//////////////////////////////////////////////*/
/*//////////////////////////////////////////////*/
#topGroupRow12Place {
    
    
    width:100%;
    display: flex;
    height:300px;
    
}

.topGroupRow12PlaceInner {
    display: flex;
    width: 100%;
}




    .mainSliderCan5 {
        float: left;
        width: 99%;
        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: 98%;
    height: 100%;
    background-color: #fff;
    margin: 0 0 0 2%;
    border: 1px solid #e1e1e1;

    }
    .aLastNewsEvent{
    float: right;
    width: 49%;
    margin: 0.5%;
    border: 1px solid #e5e5e5;
    height: 45%;
     border-radius: 4px;
    position:relative;
    overflow:hidden;


    }
    .aLastNewsEvent img{
               float: right;
    width: 100%;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
     }
        .aLastNewsEvent h2 {
            color: #ffffff;
            text-align: justify;
            padding: 5px;
            position: absolute;
            background-color: rgba(0,0,0,0.7);
            width: 100%;
            height: 45px;
            bottom: 0;
            font-size: 12px;
        }
    .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;
    }

      #adsBoxesPlace{
        float:right; width:100%; height:100%;
    }
.aAdsBox {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: right;
    width: 100%;
    height: 100%;
    border: 0px solid #dbdada;
    background-color: #eaeaea;
}
    .aAdsBox h2{
        padding:10px;    color: #fff;font-size:16px;
    }
  .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: #ff4200;*/
    height: 100%;
    background: #fe8c00; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

      #featureCol1 h2{
         color:#fff;
    }
    #featureCol1 p {
        padding: 5% 5% 0 10%;
        text-align: justify;
        font-size: 0.9em;
        overflow: hidden;
        height: 74%;
        line-height: 2em;
        color: #fff;
    }
          #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;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
     .a-eshop-feature2 {
       display: inline-block;
    width: 23%;
    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: 99%;
         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;
    border-radius: 10px;
}
    .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 #dadada;
    border-radius: 5px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#txt-autofullSearch {
    border: 1px solid #494949;
    width: 95%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    /* padding: 10px 40px 10px 10px; */
    color: #bfcedd;
    outline: none;
}



#btn-autofullsearch {
   
    
    border: 1px solid #494949;
    background-color: #C6C9C9;
    cursor: pointer;
    background-color: #dd0202;
    border: none;
    color: #ffffff;
    text-align: center;
    padding: 5px 10px;
}

    .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: 300px;
    overflow-y: auto;
    overflow-x: no-display;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
}
.autoSearchSection-item{
    width:50%;
    display:flex;
    align-items:center;

}
.autoSearchSection-items a {
    float: right;
     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: 9999999999999;
    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;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.div-footer-menu-1 {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin:0 30px;

}

     .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: #fff !important;
    font-size: 1.2em;
    float: right;
    clear: both;
    margin: 5px;
}

.a-nav-footer-menu-2 {
    color: #d1d1d1 !important;
    font-size: 13px;
    clear: both;
    float: right;
    margin: 2px;
    margin-right: 10px;
    min-width: 100px;
    transition: all 500ms;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding: 4px 0;
}

    .a-nav-footer-menu-2:hover {
        color: #fff700 !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:first-child {
    display: inline;
    padding: 0 5px 0 5px;
    color: #ef0303;
    font-size: 8px;
}

#lb-cart-item-count {
    color: #fff;
    padding: 0px 0 0 0;
    background-color: #dd0b0b;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 34px;
    top: 23px;
    font-size: 14px;
    /* padding: 0.1rem 0.4rem; */
    vertical-align: middle;
    font-family: 'Vazir';
    display: flex;
    align-items: center;
    justify-content: center;
}
    #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:500px;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;align-items: center;
    justify-content: space-between;
}
.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) invert(0);
    opacity: 0.2;*/
   
    padding: 15px 0 15px 0;
   
}

#divSocialPlaceFix{

    position:absolute;
    top:-35px;left:0px; 
    width:100%;
    align-items:center;
    justify-content:center;
    display:flex;
    z-index:99999;

}

#a-elevator {
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: none;
    background-color: #e30018;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    z-index: 999999999;
    border: 1px solid #bbb;
}
#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: #ffffff;
    /*background: -webkit-linear-gradient(to right, #fffee4, #fff790, #fffff6);
    background: linear-gradient(to right, #ffffff, #f3f3f3, #fdfdfd);*/

}








/*
    -------------------------------------------------------------------------------------------
    ----------- 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: 80%;
    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%;
    float: right;
    padding: 2%;
    min-height: 510px;
}

.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;
    
}




.divVideocan {
    /* float: right; */
    width: 98%;
    margin: 20px auto;
    border-radius: 5px;
    /* height: 240px; */
    padding: 5px !important;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgb(143 143 143);
    -moz-box-shadow: 1px 1px 5px 0px rgba(143,143,143,1);
    box-shadow: 1px 1px 5px 0px rgb(143 143 143);
    overflow: hidden;
    display: flex;
    flex-direction: row;
}
.divVideoItem{
     width:50%;
     min-height:200px;
     background-color:#e1e1e1;
}

.divVideoDescript {
    width: 50%;
    padding: 10px;
    min-height: 200px;
}

.divBlogcan {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    margin: 10px 0;
}
.divBlogItem {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 170px;
    border-radius: 5px;
    overflow: hidden;
}
.divBlogDescript {
    height: 50px;
    overflow: hidden;
    font-size: 13px;
}
.h2_specialOffer_ {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 2px solid #bfbfbf;
    padding: 5px 0px;
    color: #646060;
}

#div-membership-text-section {
    background: #ffd017;
    color: #666;
}



/*
    -------------------------------------------------------------------------------------------
    ----------- Contactus/Submit--------------------------------------------------------------------
    -------------------------------------------------------------------------------------------*/
.divAboutUsLongDescript {
    text-align: right;
}

#btnSubmitContant {
    float: right;
    clear: both;
    background-color: #4c4d4e;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
}



.Contact-Header {
    color: #5a5c5c;
    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;
    }

    .aContactUs{
        font-size:12px;
    }
     .mainSliderCan2 {
        float: right;
        width: 100%;
        border-radius:5px;
        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);
overflow:hidden;

    }

   

    .swiper-pagination-ms {
    }
.a-special-item22 {
    border-radius: 5px;
    height: 200px;
    margin: 0px 0 0 0;
    display: block;
    background-color: #fff;
    text-align: center;
    border: 1px solid #f7f7f7;
    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: 50%;
    background-color: #fff;
    overflow: hidden; display:flex;
    /*border-bottom: 1px solid #B1B1B1;*/
 }

  .a-special-item22  .div-special-item-pic22 img {
         margin: 0 auto;

    }

.a-special-item22 h2 {
    color: #555;
    font-size: 0.8em;
    font-weight: 600;
    text-align: center;
    padding: 5px 0;
    height: 50px;
}

.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: #ff3399;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}
.productPlus {
    background-color: #fe7500;
    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;
    }

    .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 20px 0 20px;
    font-size: 11px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #e1e1e1;
    border-radius: 5px;
    padding: 0 10px;
    position:relative;
}
    .header-navTOP-login{
color: #4f4f4f  !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 {
    border: 1px dashed #b5b2b2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content:center;
    width: 50px;
    height: 50px;
}



.a-userCart_active {
    border: 1px dashed #f70505 !important;
}


.divCaptchaCan {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    padding:3px;
}
.divCaptchaCan input {
     margin:3px !important;
}
/*#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 {
    display: flex;
    flex-direction: row-reverse;
}



            .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;
}

#a_whatsapp2{

    position:fixed;z-index:99999999999;
    bottom:10px; left:10px;
}
#a_whatsapp2 img {
   width:42px !important;
}



.divCaptchaCan {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    float: right;
    padding: 0 10px;
    width: 100%;
}

.CaptchaImgCan {
    display: flex;
}

.captchaText {
    border-radius: 5px;
    padding: 4px;
}

.captchaImg {
    border-radius: 5px;
    height: 30px;
    width: 100px !important;
}


#divGroupLongDescriptionPlace {
    float: right;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #e1e1e1;
    text-align: right;
    font-family: 'IRANSansWeb_Light';
}
#divGroupLongDescriptionPlace2 {
    float: right;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #e1e1e1;
    text-align: right;
    font-family: 'IRANSansWeb_Light';
}




    #divGroupLongDescriptionPlace2 h1 {
        font-size: 24px;
        font-weight: bold;
        padding: 5px 0;
    }

    #divGroupLongDescriptionPlace2 h2 {
        font-size: 22px;
        font-weight: bold;
        padding: 5px 0;
    }

    #divGroupLongDescriptionPlace2 h3 {
        font-size: 20px;
        font-weight: bold;
        padding: 5px 0;
    }

    #divGroupLongDescriptionPlace2 h4 {
        font-size: 18px;
        font-weight: bold;
        padding: 5px 0;
    }

#divGroupLongDescriptionPlace h1 {
    font-size: 24px;
    font-weight: bold;
    padding: 5px 0;
}

    #divGroupLongDescriptionPlace h2 {
        font-size: 22px;
        font-weight: bold;
        padding: 5px 0;
    }

    #divGroupLongDescriptionPlace h3 {
        font-size: 20px;
        font-weight: bold;
        padding: 5px 0;
    }

    #divGroupLongDescriptionPlace h4 {
        font-size: 18px;
        font-weight: bold;
        padding: 5px 0;
    }




 





.spVisitItem {
    background-color: rgba(223, 218, 218, 0.5);
    border-radius: 5px;
    color: #9984eb;
}

.spVisitItem span {
    vertical-align: middle;
    margin: 0px 3px;
    display: inline-block;
}

.divSocialItemCan {
    width: 100%;
    background-color: #fcfcfc;
    transition: all 400ms;
    border-top: 1px solid #efefef;
}

    .divSocialItemCan a {
        display: inline-block;
        margin: 1px 10px;
        color: #969696;
        float: left;
    }

        .divSocialItemCan a:hover {
            color: #079AAD;
        }

.div-Article-item:hover .divSocialItemCan {
    bottom: 0px;
}

.div-Article-item:hover .a-like-item {
    display: block;
}

.lbItemRegisterDate {
    font-size: 11px;
    color: #000;
    /* background-color: #fff; */
    border-radius: 5px;
}

    .lbItemRegisterDate span {
        vertical-align: middle;
        margin: 0px 3px;
        display: inline-block;
    }

#div-search-ff-can {
    display: inline-block;
    margin: 10px 0 10px 0;
    width: 100%;
    max-width: 600px;
}

    #div-search-ff-can input {
        background-color: #fbfbfb;
        border: 1px solid #8600c8;
        margin: 0 1%;
        font-size: 0.9em;
        padding: 10px;
        border-radius: 3px;
        width: 80%;
    }

    #div-search-ff-can span {
        cursor: hand;
        cursor: pointer;
        vertical-align: middle;
        background-color: #8600c8;
        color: #fff;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        padding: 13px 0 0 0;
    }
/*=====================================================================*/
.divPublicItem {
    width: 24%;
    text-align: right;
    border: 1px solid #e1e1e1;
    margin: 0.5%;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.aPublicItemPic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:100%;
    overflow:hidden;
}

    .aPublicItemPic img {
        width: 100%;
    }

.aPublicItemTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #c11515;
     
    color: #fff;
    overflow:hidden;
}

.aPublicItemTitle h2 {
    color: #fff;
    padding: 5px;
}

    .aPublicItem p {
        font-size: 13px;
        text-align: justify;
        padding: 5px;
    }

.divSocialItemCan {
}