body {
    font-size: 0.8em;
    font-family: 'IRANSansWeb',VERDANA;
}

header {
     
    width: 100%;
     position:absolute; top:0px; left:0px;
     z-index:10;

}


a {
    color: #272727;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

    a:link {
         
        text-decoration: none;
    }

    a:visited {
        
        text-decoration: none;
    }

    a:hover {
        
        text-decoration: none;
    }

    a:active {
         
        text-decoration: none;
    }

/* style for placeholder */

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

.content-Hidden {
    opacity: 0 !important;
    visibility: hidden !important;
}

 







::-webkit-input-placeholder {
    color: #aeafb4;
    font-family: byekan;
    font-size: 0.9em;
}

:-moz-placeholder { /* Firefox 18- */
    color: #aeafb4;
    font-family: byekan;
    font-size: 0.9em;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #aeafb4;
    font-family: byekan;
    font-size: 0.9em;
}

:-ms-input-placeholder {
    color: #aeafb4;
    font-family: byekan;
    font-size: 0.9em;
}
/*end of css reset */

.wrapper-center {
    width: 100%;
    margin: auto;
}
.wrapper-center2 {
    width: 90%;
    margin: auto;
}

.wrapper {
    width: 100%;
}

.main-wrapper {
    width: 100%;
    margin: auto;
}

.content {
    width: 100%;
    float: right;
}

.bg-noise {
    background: url(../img/navbg.jpg) repeat-x;
}

.min-hieght {
    margin: 0% 0;
    min-height: 400px;
}
/* healper classes */
.right {
    float: right;
}

.left {
    float: left;
}

.center {
    text-align: center;
}

.fw {
    width: 100%;
}

.res-img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.FormCenter {
    display: table;
    margin: auto;
}

.limited {
    width: 100%;
    height: 100%;
}

.block {
    display: block;
}

.in-block {
    display: inline-block;
}

.br {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bp {
    -moz-box-sizing: padding-box;
    -o-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
}

.pointer {
    cursor: pointer;
}


.yellowColor{

    color:rgb(254,193,10) !important;
}
.blueColor {
    color: rgb(17,70,128) !important;
}
.grayColor {
    color: rgb(81,81,81) !important;
}
.lightGrayColor {
    color: rgb(161,163,168) !important;
}



/*main style here */
#top-nav {
    background-color: #383838;
    color: #fff;
    padding: 7px 0;
}

#language-bar {
    margin-top: 4px;
    display: none;
}

    #language-bar span {
        margin-right: 8px;
        font-family: Arial;
        font-size: 14px;
    }

.topnav-ul {
    margin-left: 50px;
    width: 250px;
}

    .topnav-ul li {
        float: right;
        margin-top: 14px;
    }

        .topnav-ul li.top-nav-img {
            margin-top: 7px !important;
        }

        .topnav-ul li a {
            font-size: 14px;
            color: #fff;
            margin-left: 10px;
        }

#main-nav {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
/*    background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.51) 50%, rgba(255, 255, 255, 0) 100%);
*/
}

#logo-wrap {
    float: right;
    text-align: center;
    height: 100%;
    max-height: 60px;
    overflow: hidden;
    
}

    #logo-wrap img {
        max-height: 40px;
        margin: 5px auto;
        /* margin-top: 0px; */
        padding: 2px;
        filter: brightness(0) invert(1);
    }

#main-nav-category, #main-nav-log {
    height: 100%;
}

    #main-nav-category, #main-nav-log a {
        color: #000;
    }

    #main-nav-log a {
        color: #000;
        margin: 20px 5px 0 5px;
        float: right;
    }

#main-nav-log {
    border-right: 1px solid white;
}

    #main-nav-log > li:first-child {
        border-right: 1px solid #9b9b9b;
    }

    #main-nav-log > li:last-child {
        width: 115px;
        border-left: none;
    }

    #main-nav-category > li, #main-nav-log li {
        float: right;
        border-right: 0px solid #dcdcdc;
        text-align: center;
        height: 100%;
    }

        #main-nav-log li:last-child, .li-group1:last-child {
            border-left: 1px solid #dcdcdc;
        }

.li-group1-active {

    background-color:#fff;
    color:#000 !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.li-group1 a.a-g1 {
    padding: 20px 10px;
    float: right;
    font-weight: 600;
    color:#fff;
    font-size:15px;
}
.li-group1 a.a-g1:hover {
     
    color: #000;
}

.groupTriangle {
    position: absolute;
    top: -12px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 35px 35px 35px;
    border-color: transparent transparent rgb(111, 111, 111) transparent;
}

.groupTriangle2 {
    position: absolute;
    top: -7px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 16px 15px;
    border-color: transparent transparent #fff transparent;
    display: none;
}

.div-subgroup-menu {
    width: 100%;
    min-height: 400px;
    position: absolute;
    top: 63px;
    left: 0px;
    z-index: 999999;
    background-color: #fff;
    padding:0 0 10px 0;
}

    .div-subgroup-menu a {
        display: block;
        padding: 5px 0;
        font-weight: 600;
    }

.div-subgroup-menu-2 {
    /* float: right; */
    border-right: 1px solid white;
    margin: 30px 0 0 0;
    /* border-left: 1px solid #9b9b9b; */
    width: 16.4%;
    text-align: center;
    padding: 0.5%;
    display: inline-block;
    height: 150px;
    position: relative;
}

.div-subgroup-menu-3 {
    border: 0px solid gray;
    text-align: center;
    padding: 1%;
    position: absolute;
    z-index: 99999999;
    top: 50px;
    right: 0px;
    background-color: rgb(111, 111, 111);
    display: none;
    width: 400px;
    padding-bottom: 50px;
}

.div-subgroup-menu-3-inner {
    text-align: right;
    float: right;
    padding: 1%;
    border: 0px solid rgb(146, 146, 145);
    margin: 1%;
    margin: 20px 0 0 0;
    position: relative;
}

.close-subgroup-menu-3 {
    width: 17px;
    height: 17px;
    background-color: rgb(233, 93, 93);
    cursor: hand;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 2px;
}

    .close-subgroup-menu-3 span {
        font-size: 12px;
        font-family: Arial;
        float: right;
        margin: 3px 5px 4px 7px;
    }

.div-subgroup-menu-3 a {
    margin: 5px;
}



.a-subGroup-2 {
    height: 30px;
}

.a-subGroup-3 {
    color: rgb(124, 183, 247);
    border-bottom: 2px solid;
    width: 175px;
}

.div-subgroup-menu-4 {
    float: right;
    border: 0px solid red;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 99999;
    color: #000;
    display: none;
}

.a-subGroup-4 {
    color: #191919;
}

.div-subgroup-menu-2 img {
    margin: 0 auto;
    max-width: 45%;
    max-height: 100%;
}

#div-user-compare-list {
    display: none;
    float: left;
    font-size: 13px;
    margin: 5px 5px 0 10px;
    color: gray;
}

    #div-user-compare-list a {
        color: gray;
        position:relative; display:flex;
    }

#sp-compare-icon {
    width: 32px;
    height: 32px;
    float: right;
    background-size: cover;
    
    border-radius: 50%;
    padding: 2px;
    margin: 0 6px 0 1px;
    color: #fff;
}

    #sp-compare-icon span {
        font-size: 25px;
        margin: 0px;
    }

#lb-compare-item-count {
    float: right;
    padding: 0 10px;
    font-size: 17px;
    font-family: arial;
    margin: 5px 0 0 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #fec10a;
    color: black;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/************************************************************/
#aUserLogin {
    color: #fff;
    font-size: 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px 0 10px;
}



#aShowBlogList {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fec40e;
    padding: 10px 15px;
    color: #000;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin: 0 0 0 15px;
}
    #aShowBlogList span:first-child {
        margin: 0 0 0 10px;
        font-size: 20px;
    }




#div-quick-cart-place, #div-user-wish-list {
    
    position: relative;
    border: 0px solid red;
    display: inline-block;
}

    #div-quick-cart-place i, #div-user-wish-list i {
        color: #fff !important;
        font-size: 2em;
        padding: 7px;
        padding-left: 0;
    }

#div-quick-cart-can {
    min-width: 200px;
    padding: 20px 10px;
    direction: rtl;
    position: absolute;
    z-index: 9999999;
    top: 50px;
    left: 0px;
    min-height: 100px;
    background-color: rgb(147, 145, 145);
    -webkit-box-shadow: 8px 8px 2px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px 8px 2px -6px rgba(0,0,0,0.75);
    box-shadow: 8px 8px 2px -6px rgba(0,0,0,0.75);
}

.cart-item-count {
    position: absolute;
    top: 17px;
    left: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display:flex; align-items:center; justify-content:center;
    background-color: rgb(254, 193, 10);
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 1em;
    color: #000;
    font-family: Arial;
}




#div-user-wish-list {
    display: none;
    float: right;
    font-size: 13px;
    
    color: gray;
}

    #div-user-wish-list a {
        color: gray;
    }

#sp-wish-icon {
    width: 32px;
    height: 32px;
    float: right;
    background-size: cover;
    background-color: #3B3A3B;
    border-radius: 50%;
    padding: 2px;
    margin: 0 6px 0 1px;
    color: #EC3C62;
}

    #sp-wish-icon span {
        font-size: 15px;
        margin: 8px 0 0 6px;
    }



#navbar-search {
    width: 250px;
    height: 42px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 16px;
    color: #9b9b9b;
    margin-top: 7px;
    padding-right: 8px;
    text-align: right;
    padding-left: 26px;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    -o-box-sizing: padding-box;
    box-sizing: padding-box;
    -moz-box-shadow: inset 0px 4px 4px -4px black;
    -webkit-box-shadow: inset 0px 4px 4px -4px black;
    box-shadow: inset 0px 4px 4px -4px black;
}

#nav-search {
    padding-right: 50px;
    position: relative;
    border-right: 1px solid white;
    height: 100%;
}

#nav-search-but {
    position: absolute;
    width: 21px;
    height: 20px;
    background: url('../img/search.png') no-repeat center center;
    top: 20px;
    left: 8px;
    cursor: pointer;
}

#slider {
    border: 1px solid #fff;
    background-color: #1f948d;
    position: relative;
    width: 100%;
    overflow: hidden;
    float: right;
    height: 550px;
    overflow: hidden;
}

    #slider a {
    }

        #slider a img {
            width: 100%;
        }

#main-footer {
    background-color: #001b3c;
}

.footer-wrap {
    width: 100%;
    margin: auto;
    margin-top: 25px;
    min-height: 220px;
    border-bottom: 1px solid #636363;
    padding-bottom: 20px;
}

.nemad {
    width: 125px;
    text-align: center;
}

    .nemad h3 {
        color: #fff;
        margin-top: 10px;
        font-size: 11px;
    }

.footer-col {
    width: 110px;
    text-align: right;
    color: #fff;
    margin: 0 25px;
}

    .footer-col ul li {
        margin-bottom: 8px;
    }

        .footer-col ul li a {
            font-size: 14px;
            color: #999999;
        }

.footer-title {
    font-size: 17px;
    margin-bottom: 20px;
    font-weight: normal;
    color: #fff;
    text-align: right;
}

.footer-rss {
    width: 225px;
    color: #fff;
    margin-left: 30px;
}

.news-wrap {
    font-size: 14px;
    margin-bottom: 8px;
    color: #999;
}

    .news-wrap h5 {
        font-weight: normal;
    }

.footer-rss .footer-title {
    background: url('../img/rss.png')no-repeat left center;
}

.footer-newsletter {
    margin-right: 10px;
    font-size: 16px;
    width: 300px;
    color: #fff;
}

.newsletter-row label {
    display: inline-block;
    width: 80px;
    text-align: left;
    color: #939393;
    font-size: 14px;
    line-height: 3em;
    margin-left: 6px;
}

.newsletter-row input.news-input {
    width: 160px;
    height: 40px;
    padding: 2px;
    background-color: #9f9f9f;
}

.footer-newsletter .footer-title {
    margin-right: 30px;
}

.newsletter-row {
    margin-bottom: 15px;
}

    .newsletter-row .input-register {
        width: 40px;
        height: 44px;
        cursor: pointer;
        background: #646464 url('../img/input-arr.png') no-repeat center center;
    }

.footer-brand-slider {
    width: 100%;
    color: #fff;
    float: right;
}

.brand-title {
    margin-top: 45px;
    font-size: 1.1em;
    margin-right: 45px;
    margin-left: 30px;
    display: none;
}

#brand-slider-next {
    display: none;
    width: 20px;
    height: 20px;
    background: url(../img/brand-slider.png) no-repeat center center;
    margin-top: 45px;
}

#fot-slider-sec {
    margin: 0 auto;
    display: table;
    float: none;
    max-width: 100%;
    overflow: hidden;
}


#div-GetGroups-partn-can{

    margin:20px 0;

}
#div-GetGroups-partn-can-inner {
}

.groupSlide-wrap {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
}

    .groupSlide-wrap img {
        border-radius: 25px;
    }

.groupSlide-wrap h3{
    font-weight:bold; font-size:15px; padding:10px 0;
}

#img_footerLogo {
    height: 45px;
    padding: 10px 0;
}


#divChatBox {
    display:none;  flex-direction:column;
    border:0px solid #000;
}

#divChatHead {
    background-color: rgb(254, 193, 10);
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#divChatBody {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    border: 1px solid gray;
    background-color: #fff;
}
#divChatBodyInner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 0 60px 0;
}
    #divChatBodyInner > a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
#aShowChatBox {
   /* cursor:hand; cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: #fec10a;
    border-radius: 50%;
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 45px;
    color: #fff;*/
}
.chatBoxCloseMode {
    cursor: hand;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: #fec10a;
    border-radius: 50%;
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 45px;
    color: #fff;
}
.chatBoxOpenMode {
    cursor: hand;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: #cacac8;
    border-radius: 50%;
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 20px;
    color: #545151;
}

.aContactCircle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: cornflowerblue;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
}


#divChatPlace {
    position: fixed;
    bottom: 0px;
    right: 2px;
    z-index: 999999;
    display: flex;
    /* border-radius: 50%;*/
    padding: 0px;
    /*background-color: rgba(255,255,255,0.6);*/
    align-items: center;
    justify-content: center;
}
    #divChatPlace a{

       
    }
    #divChatPlace a img{
        height:60px;
    }
        #divChatPlace a:first-child {
            color: #26a5e3;
            font-size: 50px;
        }
        #divChatPlace a:last-child {
            
        }
    /*#brand-slider-prev {
    display: none;
    width: 20px;
    height: 20px;
    background: url(../img/brand-prev-slider.png) no-repeat center center;
    margin-top: 45px;
}
*/
    #divMainBrandLogoPlace {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 0 0 0;
    }
#divMainBrandLogoPlace img{
    height:50px;
}
#div-GetBrands-partn-can-inner{
   /*display:flex; align-items:center; justify-content:center;*/
   align-items:center;
}
.brand-wrap {
    display:flex; align-items:center; justify-content:center;
    /*width:150px !important; height:150px !important; border:0px solid red;*/
}

    .brand-wrap img {
        
        background: #fff;
        display: block;
        border: 1px solid #fff;
    }


.social-net-icon {
    width: 40px;
    display: block;
    height: 40px;
    margin-left: 5px;
    float: right;
    margin-top: 35px;
}

#fb {
    background: url(../img/fb.png) no-repeat center center;
}

#instagram {
    background: url(../img/insta.png) no-repeat center center;
}

.copyright {
    display: block;
    float: right;
    width: 100%;
    color: #fff;
    padding: 10px 0 0 0;
    border-top: solid 1px rgba(174, 175, 180, 0.22);
}


#raadcom-can {
    float: left;
}

    #raadcom-can a {
        display: inline-block;
        color: #8b8a8b;
    }

    #raadcom-can span {
        display: inline-block;
        margin: 0 2px;
        color: #fff;
    }

.copyright-wrap {
    float: right;
    font-size: 1em;
    color: #9E9E9E;
    position: relative;
    top: -11px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px rgba(249, 195, 0, 0.46);
}

.designby-wrap {
    float: left;
    font-size: 1em;
    color: #9E9E9E;
    margin-bottom: 10px;
}

.slider-but {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
}

#slider-next-but {
    background: url(../img/slider-arrow-left.png);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 22px;
    height: 34px;
    right: 40px;
}

#slider-prev-but {
    background: url(../img/slider-arrow-left.png);
    width: 22px;
    height: 34px;
    left: 40px;
}

.content-wrap {
    margin-top: 20px;
}


/* details style */
#detail-img {
    width: 520px;
    margin-right: 35px;
    height: 450px;
}

.ver-imgs {
    width: 80px;
    margin-left: 10px;
}

    .ver-imgs a {
        width: 100%;
        height: 80px;
        margin-bottom: 10px;
        display: block;
        background-color: #ccc;
        box-sizing: border-box;
    }

        .ver-imgs a:hover {
            border: 2px solid #b8b8b8;
        }

#details-big-pic {
    width: 430px;
    height: 450px;
    border: 1px solid #ccc;
}

#details {
    width: 580px;
    margin-right: 15px;
    min-height: 450px;
}

#detail-pro-name h1 {
    font-size: 1.8em;
    padding: 10px 10px;
    padding-right: 0;
}

#detail-pro-name {
    border-bottom: 1px solid #a0a0a0;
    color: #5d5d5d;
}

.rating-sec {
    padding: 10px 10px;
}

.score-text {
    font-size: 1.3em;
}

.num-of-rate-text {
    color: #ff7022;
    font-size: 1.5em;
}

.details-discount-sec, .price-with-discount {
    padding: 10px 0;
}

#detail-discount {
    color: #5d5d5d;
    font-size: 1.7em;
    margin-left: 20px;
}

.discount-amount, .currency {
    color: #808080;
    font-size: 1.5em;
}

.currency {
    margin-right: 5px;
}

.final-price {
    color: #d12840;
    font-size: 1.6em;
    margin-left: 5px;
}

.price-with-discount {
    font-size: 1.5em;
}

.details-description {
    width: 300px;
    min-height: 100px;
    margin-top: 10px;
}

    .details-description p {
        color: #808080;
        font-size: 1.5em;
    }

.details-colors {
    color: #5d5d5d;
    font-size: 1.6em;
}

.pro-color {
    background-color: #efe37c;
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.color-text {
    margin-top: 5px;
}

.size-info {
    margin-top: 20px;
    color: #5d5d5d;
    font-size: 1.5em;
}

.info-span {
    margin-left: 10px;
    line-height: 2.5em;
}

.info-input {
    width: 80px;
    height: 40px;
    background: -moz-linear-gradient(#efefef,#d4d4d4);
    background: -o-linear-gradient(#efefef,#d4d4d4);
    background: -webkit-linear-gradient(#efefef,#d4d4d4);
    background: linear-gradient(#efefef,#d4d4d4);
    text-align: center;
}

.detail-pro-num {
    margin-right: 40px;
}

.size-text {
    width: 30px;
    height: 40px;
    text-align: right;
    padding-right: 24px;
    display: block;
    background: url(../img/info.png) no-repeat right center;
}

#details-add-to-card {
    background: -moz-linear-gradient(#f16e09,#ef2d00);
    background: -o-linear-gradient(#f16e09,#ef2d00);
    background: -webkit-linear-gradient(#f16e09,#ef2d00);
    background: linear-gradient(#f16e09,#ef2d00);
    width: 200px;
    height: 45px;
    color: #fff;
    font-size: 1.8em;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 20px;
}

.details-add {
    margin-top: 20px;
}

.wish-icon {
    width: 100%;
    height: 25px;
    background: url(../img/wish.png) no-repeat center center;
    margin-bottom: 5px;
}

.wish-wrap {
    width: 100px;
    margin-right: 20px;
}

.details-wish {
    width: 100%;
    height: 25px;
    color: #5d5d5d;
    font-size: 1.2em;
}

#details-recommended-pro {
    margin-top: 20px;
}

.detail-recommend-pro {
    width: 1000px;
    margin: auto;
}

.seperator {
    height: 1px;
    background-color: #545454;
    margin-top: 20px;
    margin-bottom: 20px;
}

.detail-recommended-pro-wrap {
    width: 780px;
    margin: auto;
    min-height: 100px;
}

.recommended-pro-title {
    font-size: 1.6em;
    color: #5d5d5d;
    margin-top: 10px;
    margin-bottom: 30px;
}

.detail-recommended-pro {
    width: 160px;
    margin-left: 45px;
}

.detail-recommended-pro-wrap .detail-recommended-pro:last-child {
    margin-left: 0;
}

.recommended-pro-pic {
    height: 164px;
    background-color: #ccc;
}

.recommended-pro-name {
    color: #5d5d5d;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.5em;
}

.recommended-pro-category {
    color: #989898;
    padding-bottom: 10px;
    font-size: 1.5em;
}

.recommneded-pro-price {
    font-size: 1.5em;
    padding-bottom: 10px;
    color: #5d5d5d;
}

.num-of-comment {
    font-size: 1.6em;
    color: #dd494c;
    margin-bottom: 30px;
}

.user-commnets-head {
    font-size: 1.6em;
    color: #5d5d5d;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comment-main-wrap {
    width: 780px;
    margin: auto;
}

.comment-wrap {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #aeafb4;
    padding-bottom: 20px;
}

.user-comment-img {
    width: 100%;
    height: 90px;
    background: #e2e2e2;
}

.comment-sec1 {
    width: 90px;
    font-size: 1.5em;
}

.comment-user-name {
    color: #5d5d5d;
    padding: 10px 5px;
}

.comment-date {
    color: #dd494c;
}

.detail-comment-con {
    width: 450px;
    color: #5d5d5d;
    font-size: 1.5em;
    padding: 10px 10px;
}

.comment-like {
    width: 40px;
}

.comment-num-of-like {
    width: 100%;
    height: 40px;
    background-color: #99d151;
    color: #fff;
    font-size: 1.7em;
    line-height: 2.4em;
}

.like-for-commnet {
    width: 100%;
    height: 40px;
    background: url(../img/plus.png) no-repeat center center;
}

#com-register-button {
    width: 150px;
    height: 40px;
    border: 1px solid #545454;
    background-color: #fff;
    font-size: 1.6em;
    margin-bottom: 20px;
}



/*product list */
#pro-list-img {
    height: 350px;
    text-align: center;
    position: relative;
}

#pro-list-right-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    min-height: 900px;
    width: 200px;
    background-color: #e9e9e9;
}

    #pro-list-right-menu ul {
        width: 100%;
        float: right;
    }

        #pro-list-right-menu ul li {
            width: 100%;
            float: right;
        }

    #pro-list-right-menu > ul > li.menu-title > a, #pro-list-right-menu > ul > li.menu-title > a {
        font-size: 1.5em;
        text-align: right;
        color: #353535;
        font-weight: bold;
        padding: 15px 15px;
        display: block;
        border-bottom: 1px solid #acacac;
        border-top: 1px solid #acacac;
    }

        #pro-list-right-menu > ul > li.menu-title > a > ul > li {
            float: right;
        }

    #pro-list-right-menu > ul > li > ul > li > a {
        padding: 10px 15px;
        color: #5d5d5d;
        float: right;
        font-size: 1.2rem;
    }

    #pro-list-right-menu > ul > li > ul {
        display: none;
    }

.menu-arrow {
    width: 20px;
    height: 20px;
    background: url(../img/sub-menu-open.png) no-repeat center center;
}


.product {
    width: 400px;
    height: 200px;
    background-color: #ccc;
    margin-left: 20px;
    margin-bottom: 20px;
}

.product-banner {
    display: block;
    width: 100%;
    height: 100%;
}

.news-input::-webkit-input-placeholder {
    color: #191919;
    padding-right: 5px;
}

.news-input::-moz-placeholder {
    color: #191919;
    opacity: 1;
    padding-right: 5px;
}

.news-input::-moz-placeholder {
    color: #191919;
    opacity: 1;
    padding-right: 5px;
}

.news-input:-ms-input-placeholder {
    color: #191919;
}

.page-map a {
    font-size: 1.6em;
    color: #353535;
    padding-top: 15px;
    float: right;
}

    .page-map a::after {
        content: ">";
        padding-left: 15px;
        padding-right: 15px;
    }

#product-wrap {
    width: 840px;
    margin-right: 300px;
}

.pro-wrap {
    padding-right: 19%;
    padding-top: 20px;
    box-sizing: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-bottom: 1px solid #7a7a7a;
    min-height: 1000px;
}

.product-head {
    float: right;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #7a7a7a;
}

.product-filter {
    width: 25%;
    height: 40px;
    border: 1px solid #7a7a7a;
}

#sort-type {
    width: 70%;
    height: 40px;
    /*background:url(../img/select.png) no-repeat left center;*/
}

.sorting-text {
    font-size: 1.3em;
    margin-top: 15px;
    padding-right: 1%;
}

.pro {
    width: 20%;
    height: 260px;
    margin: 20px 0;
    float: right;
}

    .pro:hover {
        border: 1px solid #b9b9b9;
    }

.pro-rate {
    display: none;
}

.pro:hover .pro-rate {
    display: block;
}

.pro-img {
    width: 80%;
    height: 150px;
    background-color: #5d5d5d;
    margin: 10px 10%;
}

.pro-name {
    padding-top: 0 !important;
    color: #353535;
    box-sizing: content-box;
}

.pro-cat {
    color: #7c7c7c;
}

.pro-price {
    color: #c5454e;
}

    .pro-price span {
        color: #353535;
    }

.pro-price, .pro-name, .pro-cat {
    padding: 3px 1%;
    font-size: 1.5em;
}

/**************************************************************************/
/* Product Group */
/**************************************************************************/

#divGroupPath {
}

.ProductListContainer {
    border: 0px solid red;
    width: 100%;
    float: right;
}

.ProductListTop {
    width: 100%;
    float: right;
    border: 0px solid red;
    background-color: rgb(189, 189, 189);
    padding: 10px 0;
}



.productListPageSize {
    float: left;
    margin: 0 20px;
}

.productListSort {
    float: left;
}

#product-list-place {
    position: relative;
    width: 100%;
    min-height: 600px;
}

.ProductListLeftCol {
    border: 0px solid blue;
    width: 80%;
    float: left;
    min-height: 500px;
}

.ProductListRightCol {
    border: 0px solid green;
    width: 20%;
    float: right;
    background-color: #e1e1e1;
}



/**************************************************************************/
/* Product Details */
/**************************************************************************/
#divPopUpBoxLoading {
    border: 1px solid gray;
    background-color: #e1e1e1;
    text-align: center;
    padding: 5px;
}









#div-topNews-section {
}

.a-topNews-item {
    display: inline-block;
    width: 46%;
    height: 105px;
    overflow: hidden;
    border: 1px solid #212121;
    margin: 1%;
}

    .a-topNews-item img {
        width: 25%;
        float: right;
        margin: 0 0 0 7px;
        border: 1px solid #fff;
    }

    .a-topNews-item h2 {
        display: inline-block;
        float: right;
        color: #D4D4D4;
        font-size: 15px !important;
        font-weight: bold;
    }

    .a-topNews-item p {
        display: inline-block;
        float: right;
        color: #6B6B6B;
        width: 70%;
        font-size: 13px !important;
        text-align: justify;
    }






/*
    --------------------------------------------------------------------------------------------
    ----------- 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;
    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: 7px 10px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        outline: none;
        direction: ltr;
        position: relative;
        overflow: hidden;
    }

    .FormPublic-Input textarea {
        height: 150px;
        resize: none;
        display: block;
    }

.FormPublic-Input2 {
    width: 50%;
}

.FormPublic-BTN {
    margin: 10px 0px;
    display: inline-block;
    background-color: #0b1b72;
    /* border-radius: 5px; */
    padding: 5px 15px;
    color: rgba(255, 255, 255, 0.81) !important;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}









#a-login, #a-membership {
    float: left;
    margin: 0;
    background-color: #0b1b72;
}


.UserView-Layout {
    width: 100%;
    float: right;
    min-height: 470px;
}


.UserView-Box {
    width: 50%;
    float: right;
    padding: 2%;
    min-height: 510px;
}

.confirmRules {
    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: #0b1b72;
    font-weight: bold;
    font-size: 1.1em;
    text-align: right;
    width: 80%;
    padding: 0 0 5px 0;
    margin: auto;
    margin-bottom: 30px;
}

#div-login-text-section h2 {
    color: #fff;
    font-weight: normal;
}

#div-membership-text-section h2 {
    color: #666;
    font-weight: bold;
}

.membershiph2-last {
    margin-top: 30px !important;
    margin-bottom: 0px !important;
}

.a-login-op {
    display: block;
    /* float: right; */
    width: 80%;
    margin: auto;
    text-align: right;
    font-weight: 600;
}

    .a-login-op span {
        margin: 0 0 0 5px;
        vertical-align: middle;
    }


#div-login-text-section {
    BACKGROUND: #525252;
    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;
    margin-bottom: 5px;
    width: 80%;
    margin: auto;
}

    .lb-login-text span, .lb-membership-text span {
        margin: 0 5px;
        vertical-align: middle;
    }

#a-gotoMembership {
    margin: 25px 10% 0 0;
    display: inline-block;
    background-color: #ffbf06;
    /* border-radius: 5px; */
    padding: 5px 15px;
    font-size: 0.9em;
    color: #000;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}





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

.Border-Left {
    border-left: 1px solid #eee;
}

/*
    -------------------------------------------------------------------------------------------
    ----------- Contactus/Submit--------------------------------------------------------------------
    -------------------------------------------------------------------------------------------*/


#btnSubmitContant {
    float: right;
    clear: both;
}



.Contact-Header {
    color: #0b1b72;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    width: 96%;
    padding: 2% 0;
    margin: auto;
    border-bottom: 1px #eee solid;
}



/*
    -------------------------------------------------------------------------------------------
    ----------- shopcart--------------------------------------------------------------------
    -------------------------------------------------------------------------------------------*/


.cartIsEmpty-h2 {
    width: 100%;
    float: right;
    padding: 20px;
    color: #011673;
    font-weight: bold;
    font-size: 1.2em;
    background: #f8f8f8;
    text-align: center;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border: 1px #ddd solid;
    border-bottom: none;
}

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


.User-Info li {
    float: left;
    position: relative;
    height: 22px;
    margin: 0 20px 0 0px;
    padding: 0 20px 0 0px;
}

    .User-Info li:after {
        position: absolute;
        content: url(../img/index/User-line.png);
        float: right;
        width: 1px;
        height: 10px;
        right: 0;
        background: #cbcbcb;
        top: 4px;
    }

    .User-Info li:last-child:after {
        content: none;
    }

    .User-Info li i {
        float: left;
        width: 20px;
        margin-right: 10px;
        color: #29b6f6;
    }

    .User-Info li a {
        float: left;
        color: #818181;
    }

#a-username-website {
    float: left;
    direction: rtl;
    position: relative;
    cursor: pointer;
    font-weight: 600;
}

    #a-username-website span {
        direction: ltr;
    }

    #a-username-website i {
        margin-left: 7px;
        position: relative;
        top: -7px;
        float: right;
    }

        #a-username-website i:before {
            font: normal normal normal 23px/1 FontAwesome;
            color: #c62127 !important;
        }

#divSearchCan-mob {
    display: none;
    padding: 19px 0px;
    float: right;
    width: 100%;
    background-color: #e1e1e1;
}

.username {
    color: #dadbc7 !important;
    overflow: hidden;
    position: relative;
    font-size: 11px;
}

    .username .HiddenUser {
        float: right;
    }

/*.username:hover {
        color: #c62127 !important;
    }*/

.dropdown-content, #div-user-operation-can {
    position: absolute;
    background-color: #292929;
    min-width: 150px;
    min-height: 177px;
    border-radius: 3px;
    z-index: 999999;
    top: 40px;
    overflow: auto;
    border: #222121 1px solid;
    border-radius: 5px;
    width: 100%;
    left: 0;
}

#div-user-operation-can {
    display: none;
}

    #div-user-operation-can > a {
        width: 100%;
        float: right;
        color: #c7c7c7 !important;
        /* width: 150px; */
        border-bottom: 1px solid #4a4a4a;
        font-size: 11px;
        padding: 10px;
        margin-right: 0px;
        /* font-weight: 600; */
        height: inherit;
        text-align: center;
        transition: all 400ms;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #div-user-operation-can a:hover {
        color: #fff !important;
    }


.usmicon {
    font-size: 20px;
    margin: 0 0px 0 10px;
}

.usmtitle {
    font-size: 14px;
    color: #efefef;
}

#div-user-operation-can a:last-child {
    padding: 15px 10px;
    color: #fff;
}

    #div-user-operation-can a:last-child:hover {
        color: #c62127 !important;
    }

#div-user-operation-can a:hover {
    color: rgba(0, 0, 0, 0.75);
}


 
#a-mombership-mob {
    display: none;
}




.MobileHeader-Icon {
    float: left;
    position: absolute;
    left: 2%;
    top: 17%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .MobileHeader-Icon .link, #a-username-website {
        font-size: 2em;
        float: left;
        text-align: left;
        margin-right: 6px;
        position: relative;
        width: 40px;
        height: 40px;
    }

#a-username-website {
    border: none;
}

#a-userLogin, #Cart_mob, .Nav-Search, #WhishList_mob {
    margin-top: 3px;
}

.MobileHeader-Icon #Cart_mob {
    margin-left: -7px;
}



.MobileHeader-Icon a .SpanCount {
    width: 19px;
    height: 19px;
    line-height: 21px;
    font-size: 0.6em !important;
    position: absolute;
    color: #fff;
    text-align: center;
    background: #00a26b;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: -6px;
    right: 3px;
}



#head-mob {
    width: 100%;
    float: right;
    padding: 2%;
    padding-bottom: 0px;
    position: fixed;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 10px rgb(204 204 204 / 61%);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#logo-mob {
    display: inline-block;
    float: right;
    margin-right: 40px;
    /*margin-top: -6px;*/
}

    #logo-mob img {
        max-height: 30px;
    }



 
.next, .prev {
    display: block;
    height: auto;
    width: 45px;
    position: initial;
    top: 60px;
    z-index: 5;
    text-align: center;
}

#div-question-place {
}

.div-question-can {
    border-bottom: 1px dotted gray;
    margin: 10px 0;
    padding: 10px 0;
    float: right;
    width: 100%;
    text-align: right;
}

.lb-question-username {
    font-weight: bold;
    color: rgb(160, 190, 19);
    padding: 0 10px;
}

.lb-question-name {
    font-weight: bold;
    color: rgb(160, 190, 19);
}

.div-question-idea {
    padding: 10px 0;
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

.div-question-reply {
    border: 1px solid rgb(252, 250, 250);
    padding: 10px;
    background-color: rgb(229, 226, 226);
    color: #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.lb-question-replyDate {
    font-size: 11px;
    color: rgb(179, 205, 33);
}

.lb-question-registerDate {
    font-size: 11px;
    color: gray;
    padding: 0 10px;
}

#div-question-sendform {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

.div-item-pic {
    width: 180px;
    height: 180px;
    float: left;
}

    .div-item-pic img {
        max-height: 100%;
        max-width: 100%;
    }

.h1-list-page {
    color: #000000;
    font-weight: bold;
    border-bottom: 5px solid #fec40e;
    float: right;
    width: 100%;
    text-align: right;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    border-top: 1px solid;
}

    .h1-list-page span:first-child {
        margin: 0 0 0 10px;
    }

.div-list-info-items-place {
    border-top: 1px dashed #fff;
}

.sp-list-info-item {
    margin: 5px 10px;
    color: gray;
}

    .sp-list-info-item:hover {
        color: #ff6a00;
    }

.sp-list-info-item-val {
    font-size: 13px;
    margin: 5px;
    color: gray;
}


.div-list-item-description {
    font-size: 13px;
    color: gray;
    width: 60%;
    text-align: justify;
}

.div-social-item-info {
    display: inline-block;
    float: left;
    clear: left;
}


.sp-extra-item {
    float: right;
    margin: 5px;
}

.sp-extra-name {
    float: right;
    margin: 5px;
    color: #ff0000;
}

.sp-extra-value {
    float: right;
    margin: 5px;
}

.a-downloadFile {
    float: left;
    background-color: rgb(229, 226, 226);
    padding: 5px;
    border-radius: 5px;
}

.div-extraItem-cam {
    float: right;
    width: 100%;
}


 
#div-loading-pps {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 999999999;
    border: 1px solid gray;
}

#div-productpic-slider-can {
    min-height: 500px;
    display: flex;
    align-items: initial;
    justify-content: center;
}

#div-productpic-slider-attribs {
}

#div-productpic-slider-enLarge {
    position: relative;
    border-bottom: 1px solid gray;
    margin: 5px 0;
    width: 90%;
}

#div-productpic-slider-enLarge-inner {
    width: 100%;
    min-height: 400px;
    text-align: center;
    position: relative;
}

    #div-productpic-slider-enLarge-inner img {
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

#div-productpic-slider-thumbs {
    display: flex;
    width: 10%;
    flex-direction: column;
    align-items: center;
}

.a-Thumbnails-pp {
    width: 80px;
    height: 80px;
    border: 1px solid gray;
    margin: 5px;
    display: inline-block;
}

    .a-Thumbnails-pp img {
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto;
    }


#a-pps-forward {
    position: absolute;
    top: 100px;
    left: 10%;
    padding: 5px 5px;
    background-color: #fff;
    border: 1px solid gray;
}

#a-pps-backward {
    position: absolute;
    top: 100px;
    right: 10%;
    padding: 5px 5px;
    background-color: #fff;
    border: 1px solid gray;
}

.div-attrib-filter-pps-can {
    display: inline-block;
    padding: 5px;
}

.div-pps-filter {
    display: inline-block;
    padding: 1px;
    margin: 5px;
    border: 1px solid #e1e1e1;
    cursor: hand;
    cursor: pointer;
}

    .div-pps-filter img {
        width: 32px;
    }

#sp-close-pps-txt-can {
    padding: 5px;
    color: red;
    cursor: hand;
    cursor: pointer;
}

#div-pps-txt-can {
    display: none;
    position: absolute;
    top: 10px;
    left: 40px;
    background-color: #f3f2f2;
    padding: 5px;
    text-align: right;
    width: 50%;
}

.div-pps-title {
    padding: 5px;
}

.div-pps-description {
    padding: 5px;
    border-top: 1px solid #e1e1e1;
}

.sp-close-popup {
    /*        background: url('/media/img/index/Close-icon.png') no-repeat !important;
*/
}