.tbl-Detail
{
    width: 100%;
    background: #fff;
    margin: 10px auto;
    direction: rtl;
}

    .tbl-Detail img
    {
        height: 14px;
    }

    .tbl-Detail tr td
    {
            text-align: right;
    color: #000000;
    height: 30px;
    border: 8px solid #ffffff;
    padding: 6px 10px;
    background: #f0f1f2;
    font-weight: bold;    font-size: 13px;
    }

    .tbl-Detail tr th
    {
        background: #ebebeb;
        padding-top: 4px;
        text-align: center;
        color: rgb(16, 47, 6);
        height: 40px;
        border-bottom: 1px solid #CECECE;
        /* text-shadow: 1px 1px 1px #B5B5B5; */
    }

    .tbl-Detail tr td:nth-child(odd)
    {
    }

    .tbl-Detail tr td:nth-child(even)
    {
           border-right-width: 0px !important;
    background: #f7f9fa
    }

    .tbl-Detail tr:nth-child(even)
    {
        background: whiteSmoke !important;
    }

    .tbl-Detail tr
    {
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .tbl-Detail tr:nth-child(odd)
        {
            background: #fff !important;
        }

        .tbl-Detail tr:hover
        {
            background: #CDFFE8 !important;
        }

.tbl-Detail
{
}

.tbl-Detail
{
}


.dheader
{
        text-align: right;
    width: 150px;
    height: 30px;
    border-bottom: 1px solid #E2E2E2;
    border-bottom: 0px;
    position: relative;
    top: 0px;
    background: white;
    padding-top: 1px;
    float: right;
    padding-right: 9px;
    font-weight: bold;font-size: 16px;
}





.tblUser
{
    background: #E3E3E3;
    direction: rtl;
    margin: 0px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    /*border-collapse: initial;
    border-spacing: 1px;*/
}

    .tblUser tr td
    {
        padding: 7px;
        direction: rtl;
        background-color: #FFFFFF !important;
        text-align: right;
    }

    .tblUser tr th
    {
           padding: 7px;
    direction: rtl;
    text-align: center;
    background: #ebebeb;
    font-size: 13px;
    background: #ebdbc1;
    padding-top: 4px;
    text-align: center;
    color: rgb(53, 53, 53);
    height: 40px;
    border-bottom: 1px solid rgb(87, 79, 67);
    color: rgb(87, 79, 67);
    }



    .tblUserCenrer tr td { 
        text-align:center !important;
    }

.nazar
{
      padding: 10px 5px 10px 5px;
    direction: rtl;
    color: rgb(8, 48, 63);
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-border-radius: 7px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 0px auto;
    clear: both;
    max-width: 472px;
    float: none;
}

    .nazar h5
    {
        width: 100%;
        text-align: right;
        font-size: 18px;
        margin: 5px 10px;
    }

    .nazar div table tr td
    {
        text-align: right;
        direction: rtl;
    }


.answer
{
    width: 540px;
    margin: 6px 12px 6px 0px;
    padding: 10px 5px 10px 5px;
    font: 8pt tahoma;
    border: 2px solid #d55f08;
    background: #efeee8;
    color: #042d61;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.infoUser
{
    font: bold 8pt tahoma;
}



.nazarBox
{
    padding: 0px 5px 0px 5px;
    direction: rtl;
    color: rgb(8, 48, 63);
    display: block;
    margin: 0px auto;
    float: right;
    clear: both;
    width: 100%;
    margin-right: 15px;
    direction: rtl;
}


.tsc_clear
{
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0px;
    line-height: 0px;
}

.tsc_clean_comment
{
    margin-bottom: 6px;
    width: 100%;
}

    .tsc_clean_comment .avatar_box
    {
        float: right;
        width: 80px;
    }

    .tsc_clean_comment .avatar
    {
        background: #fff;
        padding: 4px;
        border: 1px solid #d8d8d8;
        margin-top: 10px;
        position: relative;
        width: 52px;
        height: 52px;
    }

    .tsc_clean_comment .username
    {
        color: #383838;
        font-weight: bold;
        clear: left;
        font-size: 12px;
    }

    .tsc_clean_comment .comment_box
    {
        float: right;
        padding-bottom: 8px;
        width: 85%;
        height: auto;
        background: #fff;
        border: 1px solid #d8d8d8;
        position: relative;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        font-size: 13px;
    }

        .tsc_clean_comment .comment_box:before
        {
            content: '';
            width: 13px;
            height: 13px;
            background: #fff;
            border-right: 1px solid #d8d8d8;
            border-top: 1px solid #d8d8d8;
            position: absolute;
            top: 24px;
            right: -8px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }

    .tsc_clean_comment .comment_paragraph
    {
        color: #454545;
        line-height: 20px;
        margin: 4px 10px 0 15px;
        padding-top: 10px;
    }

        .tsc_clean_comment .comment_paragraph:focus
        {
            outline: none;
        }

    .tsc_clean_comment .reply
    {
        font-size: 0.85em;
        color: #b7b7b7;
        margin-left: 23px;
        text-decoration: none;
        margin-top: 8px;
        position: relative;
        padding-bottom: 10px;
    }

        .tsc_clean_comment .reply:before
        {
            content: url(../images/bubble.png);
            width: 13px;
            height: 11px;
            position: relative;
            left: -7px;
            top: 2px;
        }

    .tsc_clean_comment .date
    {
        float: right;
        font-size: 0.85em;
        color: #454545;
        margin-top: 0;
        margin-right: 15px;
    }

.comment_replyAdmin
{
    width: 93%;
    min-height: 15px;
    background: #E9E9E9;
    margin: 10px;
    padding: 10px;
    border: 1px solid rgb(170, 170, 170);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 18px !important;
    height:auto;
    overflow:auto;
}

    .comment_replyAdmin img
    {
        width: 35px;
        height: 35px;
        float: right;cursor: pointer;
    }

#searchContent
{
     
}
.price-fs
{
    text-decoration:line-through;
}
.searchDiv
{
width: 100%;
    height: 197px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(232, 234, 229);
    position: absolute;
    top: 49px;
    right: 19px;
    padding: 10px;
    direction: rtl;
    display: none;
    z-index: 99999999999;
    border-radius: 2px;
    max-width: 575px;
    border-top: 0;
}

tblRightTd tr td
{
    text-align: right !important;
}

.content_Search
{
     height: 180px;
    overflow: auto;
    width: 100%;
}

.ulSearch
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .ulSearch li
    {
        width: 99%;
        height: auto;
        overflow: auto;
        clear: both;
        padding: 5px 4px;
        border-bottom: 1px solid #EBE9E9;
        -webkit-transition: all 0.2s ease-in 0s;
        -moz-transition: all 0.2s ease-in 0s;
        -o-transition: all 0.2s ease-in 0s;
        transition: all 0.2s ease-in 0s; 
    }

        .ulSearch li a img
        {
            border: 0px;
            float: right;
            width: 40px;
            height: 40px;
            margin-left: 4px;
        }

        .ulSearch li:hover
        {
            background-color: #EFEDED;
        }

        .ulSearch li a dl, .ulSearch li a dd
        {
            font-size: 12px !important;
            float: right !important;
            color: #050505;
            width: 80%;
            float: right;
            margin: 0;
            margin-right: 4px; 
        }

.tab
{
    background: #ccc;
    padding: 7px;
    margin: 3px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
}

.phbox
{
    width: 100%;
    margin: 0px auto;
    border: 1px solid #ddd;
    text-align: right;
    padding: 15px;
    background: white;
    border: 1px solid #ddd;
    height: auto;
    overflow: auto;
}

.htitle
{
    font: bold 12pt tahoma;
    margin: 10px;
    border-bottom: 1px solid #d3d0d0;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px #BFBFBF;
}

.loginDiv
{
    background: white;
    -webkit-box-shadow: 1px 1px 1px 1px #D1D1D1;
    box-shadow: 1px 1px 1px 1px #D1D1D1;
}

.col-centered
{
    float: none;
    margin: 0 auto;
}

.hTitleR
{
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    display: block;
    background: #B4B4B4;
}


/**************************Compair style******************************/
.cart-content {
    border: solid 1px #e6e6e6;
    padding: 0 30px;
    margin-bottom: 50px;
}
.shopping-cart-content {
    width: 100%;
    text-align: center;
    padding: 0 30px;
    direction: rtl;
}
.cmpUp {
      position: fixed;
    right: 118px;
    bottom: 0px;
    width: 100px;
    height: 31px;
    background: #39ad00;
    border: 1px solid #287900;
    border-bottom: 0px;
    text-align: center;
    padding: 6px 0px 8px 0px;
    -webkit-box-shadow: 1px 1px 1px 1px #B8B8B8;
    box-shadow: 1px 1px 1px 1px #f9f9f9;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    color: white;
    cursor: pointer;
    z-index: 99999;
}
.compareContainer {
    height: 250px;
    bottom: 0px;
    background: #EEE;
    border: 1px solid #DDDCDC;
    right: 0px;
    position: fixed;
    padding: 10px;
    direction: rtl;
    display: none;
    z-index: 999999999999;
}

.imgDelCompare {
    width: 15px;
    height: 15px;
}
.tbl-DetailCompare .imgDelCompare{
          width: 33px;
    height: 33px;
    position: absolute;
    left: 8px;
    background: #e9e9e9;
    padding: 6px;
    border-radius: 50%;
    top: 6px;

}
.tbl-DetailCompare td {
    border-left: solid 1px #e6e6e6;
}
.compareContainer {
    height: 250px;
    bottom: 0px;
    background: #EEE;
    border: 1px solid #DDDCDC;
    right: 0px;
    position: fixed;
    padding: 10px;
    direction: rtl;
    display: none;
    z-index: 999999999999;
}
.shopping-cart-content td {
    padding: 15px 0;
    text-align: center;
    position: relative;
}
.shopping-cart-content tr {
    position: relative;
    border-bottom: solid 1px #e6e6e6;
}
.shopping-cart-content td:last-child {
    border-left: none;
}
.shopping-cart-content tr:last-child {
    border-bottom: none;
}
.msfrsrow{
        max-width: 150px !important;
    padding: 10px !important;
}
.msfrsrow:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #39ad00;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
}
.tbl-DetailCompare > tbody > tr:first-child {
    position: relative;
    border-bottom: solid 2px #39ad00;
}
.msmaintitle{
    color: #4d4d4d;
    font-size: 14px;
    line-height: 1.158;
    margin-bottom: 25px;
    letter-spacing: -.3px;
    position: relative;
    padding-right: 19px !important;
    text-align: right !important;
    font-weight: bold;
    background: #fff;
}
.msmaintitlepr {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 13px;
   text-align: right !important;
    line-height: 1.692;
    padding: 9px 26px !important;
    background-color: #eaeaea;
    font-weight: 700;
}
.msmaintitle:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    border-color: transparent #35b035 transparent transparent;
}
.mshrefcompare{
        font-size: 13px;
    line-height: 14px;
    border-radius: 4px;
    background-color: #35b035;
    border: 1px solid #25ab25;
    padding: 11px 1px;
    color: #fff;
    display: block;
    max-width: 160px;
    font-weight: normal;
    margin: 10px auto;
}
.compareContainer h1 {
    width: 300px;
    height: 20px;
    float: right;
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
}
.btnContaier {
    float: left;
    width: 150px;
    height: 20px;
}
.hbutton {
    border-radius: 19px;
    border: 5px dashed #d2d2d2;
    background: none;
    max-width: 270px;
    margin: auto;
    display: block;
    padding: 14px;
    font-size: 12px;
    line-height: 21px;
    color: #b3b3b3;
    cursor: pointer;
}
.hbutton:before {
       content: "\f0ec";
    font-size: 44px;
    display: block;
    margin-bottom: 8px;
    font-family: FontAwesome;
    text-align: center;
}
.msgroup .hbuttongr {
    border-radius: 17px;
    border: 3px dashed #d2d2d2;
    background: none;
    max-width: 66px;
    margin: auto;
    display: block;
    padding: 13px 6px;
    font-size: 12px;
    line-height: 10px;
    color: #b3b3b3;
    cursor: pointer;
}
.msgroup .hbuttongr:before {
    content: "\f0ec";
    font-size: 23px;
    display: block;
    margin-bottom: 1px;
    font-family: FontAwesome;
    text-align: center;
}
.msfrsrow span{
    font-size: 12px;
    font-weight: bold;
}

.cmpDown {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
.selectCompareDivContainer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 110;
}
.selectCompareDiv {
       max-width: 917px;
    height: 400px;
    display: none;
    position: absolute;
    bottom: 0px;
    background: rgb(233, 233, 233);
    padding: 10px;
    direction: rtl;
    -webkit-box-shadow: 1px 1px 1px 1px rgb(218, 218, 218);
    box-shadow: 1px 1px 1px 1px rgb(218, 218, 218);
    z-index: 110;
    border: 1px solid #e9e9e9;
    margin-left: 10px;
    width: 100%;
}
.topCompare {
    width: 100px;
    float: right;
    cursor: pointer;
    font: 13px web_Yekan;
}
.compareSerach {
    width: 220px;
    float: left;
    margin: 0px 10px 0px 0px;
}
.productCmpContent {
    width: 100%;
    clear: both;
}
.msprice{
    color:red;
}
.content-form .input-info {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: solid 1px #e6e6e6;
    background-color: #f8f8f8;
    margin-bottom: 25px;
    padding: 0 20px;
    outline: 0;
    text-align: right;
}
/**************************Compair style******************************/


.textbox
{
 
    width: 180px;
    height: 34px;
    padding: 3px 10px;
    font: normal 13px/1.4 Tahoma,Geneva,sans-serif;
    color: #404040;
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



ul.tsc_pagination
{
    margin: 4px 0;
    padding: 0px;
    overflow: hidden;
    font: 12px 'Tahoma';
    list-style-type: none;
    direction: ltr;
    
    width: 100%;
}


    ul.tsc_pagination li
    {
           float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    width: 25px !important;
    height: 25px;
    clear: none;
    }

        ul.tsc_pagination li:first-child
        {
            margin-left: 0px;
        }

        ul.tsc_pagination li a
        {
            color: black;
            display: block;
            text-decoration: none;
            padding: 3px 4px 3px 4px;
        }

            ul.tsc_pagination li a img
            {
                border: none;
            }
/*A */


/* B */
ul.tsc_paginationB li a
{
       border: solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 4px 3px 3px;
    direction: ltr;
    text-align: center;
}

ul.tsc_paginationB li
{
    padding-bottom: 1px;
    border: none;
    min-height: 30px;
}

    ul.tsc_paginationB li a:hover,
    ul.tsc_paginationB li a.current
    {
           color: #4c4c4c;
    box-shadow: 0px 1px #EDEDED;
    -moz-box-shadow: 0px 1px #EDEDED;
    -webkit-box-shadow: 0px 1px #EDEDED;
    text-align: center;
    }
/* 01 */
ul.tsc_paginationB01 li a
{
    color: #A74E0D;
    border-color: #F3D795;
    background: #FFFDF2;
}

    ul.tsc_paginationB01 li a:hover,
    ul.tsc_paginationB01 li a.current
    {
        color: #893A00;
        text-shadow: 0px 1px #FFEF42;
        border-color: #FFA200;
        background: #FFC800;
        background: -moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800));
    }
/* 02 */
ul.tsc_paginationB02 li a
{
    color: #0A7EC5;
    border-color: #8DC5E6;
    background: #F8FCFF;
}

    ul.tsc_paginationB02 li a:hover,
    ul.tsc_paginationB02 li a.current
    {
        text-shadow: 0px 1px #388DBE;
        border-color: #3390CA;
        background: #58B0E7;
        background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));
    }
/* 03 */
ul.tsc_paginationB03 li a
{
    color: #4A76C6;
    border-color: #8AAEEF;
    background: #F7F9FE;
}

    ul.tsc_paginationB03 li a:hover,
    ul.tsc_paginationB03 li a.current
    {
        text-shadow: 0px 1px #4876C9;
        border-color: #3D6DC3;
        background: #5A8CE7;
        background: -moz-linear-gradient(top, #C2E0FF 1px, #84AFFE 1px, #5A8CE7);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #C2E0FF), color-stop(0.02, #84AFFE), color-stop(1, #5A8CE7));
    }
/* 04 */
ul.tsc_paginationB04 li a
{
    color: #8D62C8;
    border-color: #BAA2DA;
    background: #F9F7FC;
}

    ul.tsc_paginationB04 li a:hover,
    ul.tsc_paginationB04 li a.current
    {
        text-shadow: 0px 1px #7955AB;
        border-color: #6F4DA0;
        background: #9168C9;
        background: -moz-linear-gradient(top, #DFBEFA 1px, #B088E7 1px, #9168C9);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #DFBEFA), color-stop(0.02, #B088E7), color-stop(1, #9168C9));
    }
/* 05 */
ul.tsc_paginationB05 li a
{
    color: #EF6420;
    border-color: #FFBD85;
    background: #FFFAF7;
}

    ul.tsc_paginationB05 li a:hover,
    ul.tsc_paginationB05 li a.current
    {
        text-shadow: 0px 1px #CA470E;
        border-color: #D13F11;
        background: #E95B2B;
        background: -moz-linear-gradient(top, #FFBE01 1px, #FE7C02 1px, #E95B2B);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFBE01), color-stop(0.02, #FE7C02), color-stop(1, #E95B2B));
    }
/* 06 */
ul.tsc_paginationB06 li a
{
    color: #E92F2F;
    border-color: #FFA5A5;
    background: #FFF8F8;
}

    ul.tsc_paginationB06 li a:hover,
    ul.tsc_paginationB06 li a.current
    {
        text-shadow: 0px 1px #B72E2E;
        border-color: #AD2D2D;
        background: #E43838;
        background: -moz-linear-gradient(top, #FF9B9B 1px, #FE5555 1px, #E43838);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FF9B9B), color-stop(0.02, #FE5555), color-stop(1, #E43838));
    }
/* 07 */
ul.tsc_paginationB07 li a
{
    color: #916C59;
    border-color: #D6BFB4;
    background: #FBF9F8;
}

    ul.tsc_paginationB07 li a:hover,
    ul.tsc_paginationB07 li a.current
    {
        text-shadow: 0px 1px #866454;
        border-color: #886756;
        background: #A37A66;
        background: -moz-linear-gradient(top, #E9C4B2 1px, #C59882 1px, #A37A66);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #E9C4B2), color-stop(0.02, #C59882), color-stop(1, #A37A66));
    }
/* 08 */
ul.tsc_paginationB08 li a
{
    color: #478223;
    border-color: #B2D397;
    background: #F7FAF4;
}

    ul.tsc_paginationB08 li a:hover,
    ul.tsc_paginationB08 li a.current
    {
        text-shadow: 0px 1px #4E802C;
        border-color: #478223;
        background: #599F2F;
        background: -moz-linear-gradient(top, #9FE355 1px, #79BF4A 1px, #599F2F);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9FE355), color-stop(0.02, #79BF4A), color-stop(1, #599F2F));
    }
/* 09 */
ul.tsc_paginationB09 li a
{
    color: #707070;
    border-color: #CFCFCF;
    background: #FAFAFA;
}

    ul.tsc_paginationB09 li a:hover,
    ul.tsc_paginationB09 li a.current
    {
        text-shadow: 0px 1px #636363;
        border-color: #5D5D5D;
        background: #777777;
        background: -moz-linear-gradient(top, #C0C0C0 1px, #929292 1px, #777777);
        background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #C0C0C0), color-stop(0.02, #929292), color-stop(1, #777777));
    }
/* 10 */
ul.tsc_paginationB10 li a
{
   background: #ffffff;
    color: #666666;
    padding: 0;
    display: inline-block;
    border: 2px solid #bcbcbc;
    height: 25px;
    width: 25px;
    line-height: 23px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 6px 2px #B3B3B3;
    box-shadow: inset 0 0 6px 2px #B3B3B3;
    border-radius: 1px;
}

    ul.tsc_paginationB10 li a:hover,
    ul.tsc_paginationB10 li a.current
    {
      background: #ffffff;
    color: #666666;
    padding: 0;
    display: inline-block;
    border-bottom: 2px solid #f3125c;
    height: 25px;
    width: 25px;
    line-height: 23px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 6px 2px #d2d2d2;
    box-shadow: inset 0 0 6px 2px #d2d2d2;
    border-radius: 1px;
    }

/* C */
ul.tsc_paginationC li a
{
    color: #707070;
    background: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #DCDCDC;
    padding: 6px 9px 6px 9px;
}

ul.tsc_paginationC li
{
    padding-bottom: 1px;
}

    ul.tsc_paginationC li a:hover,
    ul.tsc_paginationC li a.current
    {
        color: #FFFFFF;
        box-shadow: 0px 1px #EDEDED;
        -moz-box-shadow: 0px 1px #EDEDED;
        -webkit-box-shadow: 0px 1px #EDEDED;
    }
/* 01 */
ul.tsc_paginationC01 li a:hover,
ul.tsc_paginationC01 li a.current
{
    color: #893A00;
    text-shadow: 0px 1px #FFEF42;
    border-color: #FFA200;
    background: #FFC800;
    background: -moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800));
}
/* 02 */
ul.tsc_paginationC02 li a:hover,
ul.tsc_paginationC02 li a.current
{
    text-shadow: 0px 1px #388DBE;
    border-color: #3390CA;
    background: #58B0E7;
    background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));
}
/* 03 */
ul.tsc_paginationC03 li a:hover,
ul.tsc_paginationC03 li a.current
{
    text-shadow: 0px 1px #4876C9;
    border-color: #3D6DC3;
    background: #5A8CE7;
    background: -moz-linear-gradient(top, #C2E0FF 1px, #84AFFE 1px, #5A8CE7);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #C2E0FF), color-stop(0.02, #84AFFE), color-stop(1, #5A8CE7));
}
/* 04 */
ul.tsc_paginationC04 li a:hover,
ul.tsc_paginationC04 li a.current
{
    text-shadow: 0px 1px #7955AB;
    border-color: #6F4DA0;
    background: #9168C9;
    background: -moz-linear-gradient(top, #DFBEFA 1px, #B088E7 1px, #9168C9);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #DFBEFA), color-stop(0.02, #B088E7), color-stop(1, #9168C9));
}
/* 05 */
ul.tsc_paginationC05 li a:hover,
ul.tsc_paginationC05 li a.current
{
    text-shadow: 0px 1px #CA470E;
    border-color: #D13F11;
    background: #E95B2B;
    background: -moz-linear-gradient(top, #FFBE01 1px, #FE7C02 1px, #E95B2B);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFBE01), color-stop(0.02, #FE7C02), color-stop(1, #E95B2B));
}
/* 06 */
ul.tsc_paginationC06 li a:hover,
ul.tsc_paginationC06 li a.current
{
    text-shadow: 0px 1px #B72E2E;
    border-color: #AD2D2D;
    background: #E43838;
    background: -moz-linear-gradient(top, #FF9B9B 1px, #FE5555 1px, #E43838);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FF9B9B), color-stop(0.02, #FE5555), color-stop(1, #E43838));
}
/* 07 */
ul.tsc_paginationC07 li a:hover,
ul.tsc_paginationC07 li a.current
{
    text-shadow: 0px 1px #866454;
    border-color: #886756;
    background: #A37A66;
    background: -moz-linear-gradient(top, #E9C4B2 1px, #C59882 1px, #A37A66);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #E9C4B2), color-stop(0.02, #C59882), color-stop(1, #A37A66));
}
/* 08 */
ul.tsc_paginationC08 li a:hover,
ul.tsc_paginationC08 li a.current
{
    text-shadow: 0px 1px #4E802C;
    border-color: #478223;
    background: #599F2F;
    background: -moz-linear-gradient(top, #9FE355 1px, #79BF4A 1px, #599F2F);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9FE355), color-stop(0.02, #79BF4A), color-stop(1, #599F2F));
}
/* 09 */
ul.tsc_paginationC09 li a:hover,
ul.tsc_paginationC09 li a.current
{
    text-shadow: 0px 1px #636363;
    border-color: #5D5D5D;
    background: #777777;
    background: -moz-linear-gradient(top, #C0C0C0 1px, #929292 1px, #777777);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #C0C0C0), color-stop(0.02, #929292), color-stop(1, #777777));
}
/* 10 */
ul.tsc_paginationC10 li a:hover,
ul.tsc_paginationC10 li a.current
{
    text-shadow: 0px 1px #3C3C3C;
    border-color: #202020;
    background: #525252;
    background: -moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252));
}

.ulGen
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: auto;
    overflow: auto;
}

    .ulGen li
    {
        float: right;
        text-align: right;
        margin: 1px;
        padding: 5px;
        height: auto;
    }

        .ulGen li span
        {
            padding-top: 10px;
            display: block;
        }

.grouparea ul
{
    float: right;
    margin: 4px 0 0;
    width: 100%;
    padding-bottom: 40px;
    list-style: none;
}

.newssidebar .searcharea, .newssidebar .tagsarea
{
    margin-bottom: 40px;
    direction: rtl;
}

    .newssidebar .searcharea label
    {
        margin-right: 5px;
    }

    .newssidebar .searcharea input[type="submit"]
    {
        background: #3c3c3c;
        border: 0;
        color: #fff;
        float: left;
        height: 24px;
        margin-right: -1px;
        width: 80px;
    }

    .newssidebar .searcharea input[type="text"]
    {
        height: 13px;
        width: 150px;
        padding-right: 4px;
        color: #3c3c3c;
    }

.boldtext
{
    font-weight: bold;
    text-align: right;
    direction: rtl;
    font: 18px web_Yekan;
}

.newssidebar .searcharea input[type="submit"]:hover
{
    background: #067E77;
}

.searcharea
{
    direction: rtl;
}




.row
{
    width: 100%;
}

.errorNet
{
    color: red;
    font-weight: bold;
}

.infoBox, .successBox, .warningBox, .errorBox, .validationBox, .success
{
       border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    font-size: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    direction: rtl;
    padding: 15px 45px 15px 50px;
    background-position: right center;
    text-align: right;
    direction: rtl;
    padding: 10px;
    width: 95%;
    font-size: 13px;
    padding-right: 50px;
    margin: 2px auto;
    overflow: hidden;
}

.infoBox
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/Information.png');
}

.successBox, .success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('images/Tick.png');
}

.warningBox
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}

.errorBox
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/Error.png');
}

.cart-items
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .cart-items li
    {
        width: 100%;
        border-bottom: 1px solid rgb(58, 55, 55);
        padding-top: 4px;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
    }

        .cart-items li:hover
        {
            background: #1D1C1C;
        }

        .cart-items li div button
        {
            float: left;
        }

.entry-thumbnail img
{
    width: 30px;
    height: 30px;
    float: right;
    margin: 3px;
}

.entry-title
{
    width: 200px;
    float: right;
    text-align: right;
    padding-top: 10px;
}

    .entry-title a
    {
        color: whitesmoke;
    }

.entry-price
{
    width: 100px;
    direction: ltr;
    margin-left: 10px;
}

.btn-default
{
         background-color: #39ad00;
    border: solid 1px #39ad00;
    padding: 6px 20px;
    color: #ffffff;
    border-radius: 3px;
}

.inputs
{
    font: 13px web_Yekan;
    background: rgb(233, 255, 238);
    padding: 0px;
    direction: rtl;
    margin: 2px;
}

.cart-total
{
    font: 13px web_yekan;
}

.colorSelective
{
    margin: 0px 5px !important;
}

#pscroe
{
    width: 100px;
    height: 40px;
    margin: 0px auto;
    direction: rtl;
    float: right;
    text-align: center;
    font: 12px web_Yekan;
}

.starContainer
{
   width: 100px;
    height: 35px;
    margin: 0px auto;
    direction: ltr;
    text-align: center;
    float: right;
    margin-left: 6px;
}

#yourScore
{
    float: left;
    width: 100px;
}

.starContainer div
{
    direction: ltr !important;
    text-align: left !important;
}

.starContainer span
{
    font-size: 9px;
    margin-top: 6px;
    font-family: tahoma;
}

.starImg
{
    position: absolute;
    top: 165px;
    left: 49px;
}

.mojoodi
{
}

.form-control
{
    font: 14px web_yekan;
}

.rtlInput
{
    text-align: right;
    direction: rtl;
}

.col
{
    font: 13px web_yekan;
}

.tabBody
{
    width: 100%;
    clear: both;
}

#innerlogin
{
    width: 400px;
    background: white;
    padding: 10px;
    font: 13px web_yekan;
    min-height: 240px;
    margin: 10px;
}

.enamad
{
    width: 169px;
    /* height: 150px; */
    border: 1px solid rgb(242, 242, 242);
    background: white;
    float: right;
    margin: 7px 0 0 0;
    -webkit-box-shadow: 1px 1px 1px 1px #E3E3E3;
    box-shadow: 1px 1px 1px 1px #E3E3E3;
    text-align: center;
    font-size: 11px;
}

.container
{
}

.tblForm
{
    direction: rtl;
}

    .tblForm div
    {
        padding: 5px;
    }

.userTextbox
{ 
              float: right;
    width: 150px;
    background: white;
    border: 1px double #DDD;
    border-radius: 3px;
    color: #666;
    padding: 1px 5px;
    outline: none;
    text-align: center;
    margin-left: 3px;
    height: 34px;
}
.btn-new26 {
    float: right;
    background-image: url(/App_Themes/Template/images/lb3.png);
    background-size: 100% 100%;
    
   padding: 11px 11px;
    text-align: center;
    color: #fff;
    left: 0;
    bottom: 46px;
    position: absolute;
}
.userButton
{
}

.leftAligned
{
    text-align: left;
    direction: ltr;
}

.breadcrumb
{
    margin-right: 1px;
    direction: rtl;
    background: none;
    margin-top: 0px;
    margin-bottom:0px;
    float: right;
    width: 98%;
}

    .breadcrumb li
    {
        float: right;    position: relative;    line-height: 0px;
    }

        .breadcrumb li:after
        {
                 content: '\f100';
    font-family: FontAwesome;
    color: #171717;
    margin: 1px 7px 0px 9px;
    float: left;
    font-size: 11px;
    line-height: 38px;
        }

        .breadcrumb li:last-child:after
        {
            content: ' ';
            float: left;
        }

.error
{
    font: 8pt tahoma;
    color: Red;
    float: right;
    clear: both;
}

input.valid
{
    background: #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error
{
    background: #ffebef;
    color: #480000;
}

.form-suggest-element
{
    padding: 4px;
}

form.validating-server-side .server-validation
{
    background: url(images/ajax-loader.gif?v=2) no-repeat center right #FFF;
    opacity: 0.5;
}

.max-chars
{
    background: #EEE;
    color: #999;
}

.form-help
{
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container
{
    width: auto;
    margin-left:0px;
    overflow: hidden;
}

    .mCSB_container.mCS_no_scrollbar
    {
        margin-right: 0;
    }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar
{
    margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools
{
    width: 16px;
    height: 100%;
    top: 0;
    left: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer
{
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail
{
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger
{
    cursor: pointer;
    width: 100%;
    height: 30px;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
    {
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
    }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown
{
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown
{
    top: 100%;
    margin-top: -40px;
}
/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container
{
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar
    {
        margin-bottom: 0;
    }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar
{
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools
{
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer
{
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger
{
    width: 30px;
    height: 100%;
}

    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
    {
        width: 100%;
        height: 4px;
        margin: 6px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight
{
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight
{
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox
{
    -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

    /* default scrollbar colors and backgrounds (default theme) */
    .mCustomScrollBox > .mCSB_scrollTools
    {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"; /* old ie */
    }

    .mCustomScrollBox:hover > .mCSB_scrollTools
    {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)"; /* old ie */
    }

.mCSB_scrollTools .mCSB_draggerRail
{
    background: #ccc; /* rgba fallback */
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    background: #828282; /* rgba fallback */
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight
{
    background-image: url(images/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp
{
    background-position: 0 0; /* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonDown
{
    background-position: 0 -20px; /* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: 0 -40px; /* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}

.mCSB_scrollTools .mCSB_buttonRight
{
    background-position: 0 -56px; /* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover
    {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active
    {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"; /* old ie */
    }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail
{
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp
{
    background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown
{
    background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight
{
    background-position: -80px -56px;
}
/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(255,255,255,0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(255,255,255,0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp
{
    background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown
{
    background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight
{
    background-position: -40px -56px;
}
/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp
{
    background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown
{
    background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight
{
    background-position: -120px -56px;
}
/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 6px;
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(255,255,255,0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(255,255,255,0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp
{
    background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown
{
    background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight
{
    background-position: -20px -56px;
}
/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 6px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp
{
    background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown
{
    background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight
{
    background-position: -100px -56px;
}
/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail
{
    background: #fff; /* rgba fallback */
    background: rgba(255,255,255,0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail
{
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 2px;
    background: #000; /* rgba fallback */
    background: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail
{
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
    background: rgba(0,0,0,0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp
{
    background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown
{
    background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft
{
    background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight
{
    background-position: -80px -56px;
}

.pboxh
{
    margin: 3px auto;
}

.brand
{
    list-style: none;
}

    .brand li
    { /* font: 13px web_yekan; */
        text-align: right;
        direction: rtl;
        font-size: 12px;
        padding: 5px;
    }

.itemValue
{
    color: #1b1b1b;
}

    .itemValue input
    {
        float: right;
        margin: 2px 2px 0 3px;
    }

.priceContainer
{
       width: 199px;
    height: 103px;
    margin: 0px auto;
}
.rangdiv {
    clear:both;
}
#l-change
{
    width: 100%;
    height: 30px;
}

#input-number, #input-numbermax
{
    padding: 0px;
    width: 91px;
    margin: 11px 2px 5px 2px;
    font-size: 11px;
}

#input-number
{
   float: left;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 5px;
}

#input-numbermax
{
  float: right;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 5px;
}

#rang1left, #range1Right
{
    padding: 0px;
    width: 70px;
    margin: 10px 2px 5px 2px;
    direction: rtl;
    background-color: transparent;
    border: 0px;
    margin: 0px;
    font-size: 11px;
}

#rang1left
{
    float: left;
}

#range1Right
{
    float: right;
}

.loading
{
    
    width: 300px;
    height: auto;
    padding: 15px;
    background: white;
    margin: 20px auto;
    border-radius: 5px;
    border-bottom: 1px solid #b1b1b1;
    line-height: 34px;
}

.llogo
{
    max-height: 74px;
    clear: both;
    display: block;
    width:100%;
}

.loaderDiv
{
    position: fixed;
    top: 50%;
    left: 20px;
    width: 200px;
    padding: 10px;
    background: white;
    font: 13px web_yekan;
    z-index: 9999;
    text-align: center;
    font-family: HYekan,HYekanNumbers,HNassim;
}

.newCollectionUl
{
    float: right !important;
}

.mCSB_container table
{
    direction: rtl;
    font: 12px web_yekan;
}

.fltright
{
    float: right;
    text-align: right;
    direction: rtl;
}

.category-top
{
    direction: rtl;
    text-align: right;
}

.orderDiv
{
    width: 450px;
}

.addtoDiv
{
    float: left;
    margin-right: 5px;
}

    .addtoDiv input
    {
        width: 40px;
        margin-right: 5px;
        text-align: center;
        float: right;
        height: 43px;
    }

    .addtoDiv span
    {
        float: left;
        margin: 8px 10px 0 0;
    }

.descriptionProduct
{
    background: #F4F4F4;
    direction: rtl;
    text-align: justify;
    position: relative;
    padding: 15px;
    margin-top: 40px;
    -webkit-box-shadow: 1px 1px 1px 1px #D4D4D4;
    box-shadow: 1px 1px 1px 1px #D4D4D4;
    margin-top: 60px;
}

    .descriptionProduct .titleDP
    {
        position: absolute;
        top: -40px;
        right: 0px;
        width: 250px;
        height: 40px;
        border-color: #ddd;
        border-top: 4px solid #4EC67F;
        background-color: #F4F4F4;
        text-align: center;
        padding: 7px;
        -webkit-box-shadow: 2px 0px 0px 0px #D4D4D4;
        box-shadow: 2px 0px 0px 0px #D4D4D4;
    }

.pageRow
{
    direction: rtl;
    text-align: right;
    padding: 20px;
    padding-top: 0px;
}

    .pageRow .PTitle
    {
        font: 20px web_yekan;
        width: 100%;
        padding-bottom: 7px;
        border-bottom: 4px solid #4EC67F;
        margin-bottom: 10px;
    }

.registered-users
{
    width: 400px;
    margin: 10px auto;
    border: 1 solid #ddd;
    border-radius: 0;
    height: auto;
    overflow: auto;
    padding-bottom: 10px;
}


    .registered-users h2
    {
        background: #4EC67F;
        text-align: center;
        padding: 7px;
        color: white;
    }

.form-list li
{
    padding: 10px;
}

.f-left
{
    float: left;
    clear: both;
    width: 40%;
    margin: 5px;
}


.pnav
{
    width: 100%;
    position: fixed;
    bottom: 0px;
    height: 25px;
    background: #2d3e50;
    z-index: 99999999;
    border-top: 1px solid rgb(5, 38, 76);
}

.pnavmenu
{
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pnavmenu li
    {
        float: right;
    }

        .pnavmenu li a
        {
            color: white;
            font: 11px web_yekan;
            margin: 0px 5px 0 5px;
            padding: 3px;
            display: block;
        }

            .pnavmenu li a:hover
            {
                background: #051323;
            }

.hfltLeft
{
    float: left;
}

.hltr
{
    direction: ltr !important;
}

.error
{
        font: 8pt tahoma;
    color: Red !important;
    float: right;
    clear: both;
    padding: 5px;
    padding-right: 34px;
    min-width: 192px;
}

input.valid
{
    background: #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error
{
    background: #ffebef;
    color: #480000;
}

.form-suggest-element
{
    padding: 4px;
}

form.validating-server-side .server-validation
{
    background: url(images/ajax-loader.gif?v=2) no-repeat center right #FFF;
    opacity: 0.5;
}

.max-chars
{
    background: #EEE;
    color: #999;
}

.form-help
{
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}

.ldbtn
{
    background: url('images/ajax.gif') no-repeat 142px 10px;
    padding-right: 30px;
}

/* =The style for the lab
-------------------------------------------------------------- */




    #slider3_container .countDownContent {
    margin: 11px;
    margin-bottom: 0px;
    position: absolute;
    top: 15px;
    z-index: 99999;
    left: 45%;
    width: 150px;    right: auto;
}
.countDownContent
{
    margin: 11px;
    margin-bottom: 0px;
    position: absolute;
   
    z-index: 99999;
       right: 0px;
    top: 0px;
  
}
.countDownContentInner
{
   left: 0;
    right: auto;
    top: -22px;
    z-index:9;
}
.phcount
{
    text-align: center;
    padding: 6px;
}

.hcountContent
{
    margin: 5px;
    width: 95%;
    text-align: center;
}

    .hcountContent a
    {
        color: black;
    }

        .hcountContent a h4
        {
            padding: 0px;
            margin: 3px;
        }

    .hcountContent del
    {
        color: red;
        font-size: 10px;
    }
/*.btn-offs2 {
    background-image: url(/App_Themes/Template/images/off2.png);
}*/
    /*.ms_txt_ribbon{
            line-height: 49px;
  
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    -o-transform: rotate(33deg);
    transform: rotate(33deg);
    padding-left: 32px;
    }*/

.scrollup
{
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    background: url('images/icon_top.png') no-repeat;
}

.btn
{
    /*display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
      background-color: #00a388;
    border: 1px solid #05c1bf;
    border-bottom-width: 3px;
    white-space: nowrap;
    padding: 5px 15px;
    color: white;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

    .btn:hover
    {
      /*background-color: #d0be9e;
    border-bottom-color: #211D1B;
    color: white;*/
    }

.ctitle img
{
    height: 20px;
}

.matnContent
{
    width: 100%;
    text-align: justify;
    direction: rtl;
    padding: 10px 0px;
  
       margin: 0px auto;
    overflow: hidden;
    line-height: 32px;
    padding-top: 0px;
}

.rightAdver
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .rightAdver li
    {
        text-align: center;
        margin: 7px auto 0px auto;
    }

        .rightAdver li a img
        {
           
    max-width: 100%;
        }
        .matn {
    
    padding: 2px 10px;
    direction: rtl;
    text-align: justify;
      padding-top: 2%;
    font-weight: normal;
    color: rgb(50, 50, 50);
    line-height: 26px;
    font-size: 14px;
    height: auto;
  
    margin-top: 0px;
}
.groupText
{
    font-size: 11px;
    color: gray;
    top: 36px;
    width: 97%;
    clear: both;
    padding: 5px 10px;
}

.dlabel a
{
    float: right;
    padding: 3px 7px;
}

    .dlabel a:hover
    {
        color: gray;
    }

.divMap
{
       width: 100%;
    height: 202px;
    border: 1px solid rgb(229, 229, 229);
}

.RDFContiner
{
    display: none;
}

.imgSpecial
{
  
    height: 240px;
}

.delPrice
{
    text-decoration: line-through;
    color: #b61b1b;
}

.moreGroup
{
    height: 156px;
    overflow: hidden;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.moreGroupafter
{
    width: 100%;
    height: 30px;
    /*background: whitesmoke;
    border-top: 1px solid #F06305;*/
    margin-top: 0px;
    margin-bottom: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

    .moreGroupafter a
    {
           float: right;
    margin: 5px;
    font-size: 11px;
    direction: rtl;
    color: #de0000;
        margin-right: 5%;
    margin-top: 0px;
    }


    .moreGroupafter i
    {
        float: right;
        font-size: 10px;
        margin: 5px;margin-top: 3px;
    }

.colorDiv
{
    width: 10px;
    height: 10px;
    float: right;
    margin: 3px 2px 2px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

#ulVideo
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    height:auto;
}

    #ulVideo li
    {
        float: right;
        width: 305px;
        height: 127px;
        border: 1px solid #E4E3E3;
        margin: 2px;
        background-color: white;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;

        position:relative;
    }

        #ulVideo li:hover
        {
            background-color: whitesmoke;
            -webkit-border-radius: 8px;
            border-radius: 8px;

            -webkit-box-shadow: 0 1px 0 0 #FF9873;
box-shadow: 0 1px 0 0 #FF9873;
        }

        #ulVideo li .imgVideo
        {
            float: right;
            width: 120px;
            height: 120px;
            margin: 3px;
        }

            #ulVideo li .imgVideo img
            {
                width: 100%;
                height: 100%;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

        #ulVideo li .videoTitle h4
        {
                  float: right;
    margin: 3px;
    color: #231D1D;
    font-size: 13px;
    font-weight: normal;
    width: 56%;
    height: 20px;
    padding-top: 4px;
    padding-bottom: 10px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
        }
        #ulVideo li .videoTitle h4:hover
        {
            color:red;
        }
        #ulVideo li .videoDownload
        {
             position:absolute;
             bottom:5px;
             left:10px;
             color:black;


        }

        #ulVideo li span
        {
            float: right;
            margin: 2px;
            clear: left;
            display: block;
            width: 50%;
            font-size: 12px;
            color: gray;
        }

ul#tabnav { /* general settings */
      text-align: left;
    margin: .3em 0 .3em 0;
    border-bottom: 1px solid #2f2b27;
    list-style-type: none;
    padding: 3px 0px 3px 10px;
    float: right;
    width: 100%;

}

ul#tabnav li { /* do not change */
   display: inline;
    float: right;
    position: relative;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 6px 9px;
    border: 1px solid #17130b;
    background: #e2e2e2;
    color: #000;
    margin-right: 0px;
    text-decoration: none;
    border-bottom: none;
    font-weight: normal;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
.tabSelected
{
    background:gray;
}
 
.tabSelected {
	    position: relative;
    background: #e41e26 !important;
    border: 1px solid #c2e1f5;
    color: white !important;
}
.tabSelected:after, .tabSelected:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tabSelected:after {
	    border-color: rgba(136, 183, 213, 0);
    border-top-color: #e41e26;
    border-width: 5px;
    margin-left: -11px;
}
.tabSelected:before {
	    border-color: rgba(194, 225, 245, 0);
    border-top-color: #e41e26;
    border-width: 11px;
    margin-left: -12px;
}

.ulv
{
    list-style:none;
    margin:0px;
    padding:0px;
}


.ulv li
{
    text-align:center;

}

    .ulv li img
    {
        
    max-width: 160px;
    clear: both;
    margin: 8px auto;
    }


    .ulv li span
    {
        width:100%;
        clear:both;
        display:block;
            color: black;
    font-size: 12px;
    }


               


.tagdetail
{
    clear:both;
}


/* Login Container (default to float:right) */
#loginContainer
{
    position: relative;
    float: right;
    font-size: 12px;    width: 119px;
}

/* Login Button */
#loginButton
{
        /*display: block;
    float: right;*/
    position: relative;
    cursor: pointer;
    z-index: 9999999;
    line-height: 16px;
    text-align: right;
    color:#ffffff;
    
    margin-right: 5px;
}

    /* Login Button Text */
    #loginButton span
    {line-height: 25px;
            /*color: #010001;
    font-size: 12px;
    padding: 9px 7px 0px 1px;
    display: block;
    float: right;
    width: 61px;
    margin: 0px 2px 0px 0px;
    text-align: right;
    direction: ltr;    position: relative;
    z-index: 99999999;*/
    }

    #loginButton:hover
    {
         
    }

/* Login Box */
#loginBox
{
     position: absolute;
      top: 50px;
    left: 14px;
    display: none;
    z-index: 99999999999;
}

/* If the Login Button has been clicked */
#loginButton.active
{
    border-radius: 3px 3px 0 0;
}

    #loginButton.active span
    {
        background-position: 53px -76px;
    }

#loginButton div
{
   /*   position: absolute;
    top: 0px;
    left: 0px;*/
    /*width: 44px;
    height: 31px;*/
    /*background: rgb(76, 176, 80) url(/App_Themes/Template/images/sb-nd.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 10px;*/
}

    #loginButton div i
    {
           /*float: right;
    margin: 5px 11px 0px 1px;
    color: white;
    font-size: 25px;*/
    }

#loginButton i
{
    /*float: left;
    color: #F06305;
    margin: 4px 0px 0px 5px;*/
}
/* A Line added to overlap the border */
#loginButton.active em
{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d2e0ea;
    bottom: -1px;
}

/* Login Form */
#loginForm
{
      width: 310px;
    border: 1px solid #ededed;
    border-radius: 0px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    margin-top: -1px;
    background: #fff;
    padding: 6px;
    direction: rtl;
    font-size: 12px;
}

    #loginForm fieldset
    {
        margin: 0 0 12px 0;
        display: block;
        border: 0;
        padding: 0;
    }
    .select-tp {
 color: #848484;
    background-color: #ffffff;
    border: 1px solid #c0c3c4;
    border-radius: 0px 2px 2px 0;
    /*width: 81px;*/
    text-align: center;
    cursor: pointer;
    background-image: none;
    direction: ltr;
    padding-left: 3px;
    white-space: nowrap;
    height: 36px;
    font-size: 12px;
    float: right;
    direction: rtl;
    border-left: none;
}
fieldset#body
{
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 13px;
    margin: 0;
}

#loginForm #checkbox
{
    width: auto;
    margin: 1px 9px 0 0;
    float: left;
    padding: 0;
    border: 0;
    *margin: -3px 9px 0 0; /* IE7 Fix */
}

#body label
{
    color: #3a454d;
    margin: 9px 0 0 0;
    display: block;
    float: left;
}

#loginForm #body fieldset label
{
    display: block;
    float: none;
    margin: 0 0 6px 0;
}

/* Default Input */
#loginForm input
{
    width: 92%;
    border: 1px solid #899caa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #3a454d;
    font-weight: bold;
    padding: 8px 8px;
    box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    font-size: 12px;
}

/* Sign In Button */
#loginForm #login
{
    width: auto;
    float: left;
    background: #339cdf url(../images/loginbuttonbg.png) repeat-x;
    color: #fff;
    padding: 7px 10px 8px 10px;
    text-shadow: 0px -1px #278db8;
    border: 1px solid #339cdf;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 12px 0 0;
    cursor: pointer;
    *padding: 7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */

.index-titlebar {
    min-height: 47px;
    margin-bottom: 0px;
}

/*.index-titlebar:before {
    content: "\f111";
    display: block;
    font-family: FontAwesome;
    float: right;
    margin: 0px 5px 0px 3px;
    color: #e2d4b8;
}*/
.index-titlebar .title {
                      color: #515151;
    min-height: 48px;
    padding: 18px 11px 5px;
    margin: 2px;
    font-size: 13px;
    text-align: center;
    
    width: 100%;
    float: right;
    display: block;
    clear: both;
    font-weight: bold;
}

/*.index-titlebar:after {
    content: " ";
    clear: both;
    height: 2px;
   
    clear: both;
    display: block;
    width: 100%;
    font-family: FontAwesome;
}*/
.innerMain
{
        width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0px 0px 20px;    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsl(0deg 0% 71% / 11%);
    border: 3px solid #f3f3f3;
    border-radius: 18px;
}
td
{
    padding:4px;
}
.spanwelcome
{
    font-size: 12px;
    height: 28px;
    display: block;
    
    padding-top: 43px;
}
.center-nd
{
    height:auto;
    overflow:auto;
}
.form-group
{
       display: block;
    height: auto;
    overflow: auto;
    clear: both;
    border-bottom: 1px solid #F5F3F3;
    padding-bottom: 11px;
}
.viewCartDiv
{
    width:100%;
    text-align:center;
}
.view-cart
{
    float:none;
    margin:10px auto;
    direction:ltr;
}
 
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin
{
    position: relative; 
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened
{
    z-index: 99999;
}

    .fancybox-opened .fancybox-skin
    {
       
        padding:0px !important;
    }

.fancybox-outer, .fancybox-inner
{
    position: relative;
}

.fancybox-inner
{
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner
{
    -webkit-overflow-scrolling: touch;
}

.fancybox-error
{
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe
{
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image
{
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
{
    background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div
    {
        width: 44px;
        height: 44px;
        background: url('images/fancybox_loading.gif') center center no-repeat;
    }

.fancybox-close
{
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav
{
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('images/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev
{
    left: 0;
}

.fancybox-next
{
    right: 0;
}

.fancybox-nav span
{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span
{
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span
{
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span
{
    visibility: visible;
}

.fancybox-tmp
{
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock
{
    overflow: hidden;
}

.fancybox-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9999;
    background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed
{
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay
{
    overflow: auto;
    overflow-y: scroll;
    z-index: 999999;
}

/* Title helper */

.fancybox-title
{
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title
{
    visibility: visible;
}

.fancybox-title-float-wrap
{
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child
    {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap
{
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap
{
    padding-top: 10px;
}

.fancybox-title-over-wrap
{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
 .mimg { 
            max-width:500px;
        }
 
.tipsy
{
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner
{
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

/* Rounded corners */
.tipsy-inner
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow
{
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n
{
    border-bottom-color: #000;
}

.tipsy-arrow-s
{
    border-top-color: #000;
}

.tipsy-arrow-e
{
    border-left-color: #000;
}

.tipsy-arrow-w
{
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow
{
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow
{
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow
{
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow
{
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow
{
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow
{
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow
{
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow
{
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}


.alert-box {
   color: #555;
    border-radius: 10px;
    padding: 11px 51px 8px 11px;
    margin: 10px;
    width: 496px;
    bottom: 40%;
    right: 40%;
    position: fixed;
    z-index: 9;
    display: none;
    font-size: 13px
}
	 
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.error {
		    background: #ffecec url(images/error.png) no-repeat right;
    border: 1px solid #f5aca6;
    background-size: 21px;
	}
	.success {
	    background:#e9ffd9 url('images/tick.png') no-repeat 100% 31%;
    border: 1px solid #a6ca8a;
	}
	.warning {
		background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
		border:1px solid #f2c779;
	}
	.notice {
		background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}
.levicon
{
      width: 20px;
    float: right;
    /* display: inline; */
    margin: 11px 0px 0px 0px;
}
.img-menu {
        position: absolute;
    left: 21px;
    bottom: 0px;    max-width: 250px;
    max-height: 300px;
}
.alertLogo
{
   float: left;
    margin-top: -6px;

}
.ms-pr-sending{
     content: "";
    background: url(/App_Themes/Template/images/d0a997dc.svg) no-repeat 50% 50%;
    background-size: contain;
    width: 38px;
    height: 27px;
    margin-left: 8px;
    position: relative;
    right: -5px;
    display: block;
    float: right;
    margin-right: 6px;
}
.alertLogo img
{
    width:40px;
}
.trtl
{
    direction:rtl !important;
}
.tltr
{
    direction:ltr !important;
}
.feRowTitle {
     width: 100%;
    min-height: 45px;
    border-bottom: 2px solid #f1f1f1;
    margin-bottom: 30px;
    color: #232323;
    direction: rtl;
    background: #e2e2e2;
    padding-top: 9px;
}

.feRow .feTitle {
    margin: 5px;
}

.feRow {
    width: 100%;
    height: auto;
    overflow: auto;
    min-height: 40px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
}

.feRow>div {
float: right;
    direction: rtl;
    margin-bottom: 4px;
    padding: 2px 7px 0px 0px;
}
.feRow .feTitle {
    margin: 5px;
}

 .feRowTitle span:before
    {
           content: "\f069";
    display: block;
    font-family: FontAwesome;
    float: right;
    margin: -1px 5px 0px 8px;
    color: #fb922c;
    font-size: 17px;
    }





 .treeview, .treeview ul { 
  padding: 0;
  margin: 0;
  list-style: none;
    margin-top: 12px;
}

.treeview ul {
  background-color: white;
  margin-top: 4px;
}

.treeview .hitarea {
  background: url(images/rtl-treeview-default-c.gif) 0 2px no-repeat;
  height: 16px;
  width: 16px;
  margin-right: -16px;
  float: right;
  cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
  display: inline;
  float:none;
}

.treeview li { 
  margin: 0;
  padding:3px 16px 9px 0px;
    text-align: right;

    height: auto;
}
.treeview a {
    color:#000;
    padding:1px;
}
.treeview a.selected {
  background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(images/rtl-treeview-default-line.gif) 100% -2px no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 100% -177px; }

.treeview .expandable-hitarea { background: url(images/rtl-treeview-default-e.gif) 0 2px no-repeat; }
.treeview li.last { background-position: 100% -1768px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background: url(); }
.treeview div.lastCollapsable-hitarea { background: url(images/rtl-treeview-default-lc.gif) 0 0 no-repeat; }
.treeview div.lastExpandable-hitarea { background: url(images/rtl-treeview-default-le.gif) 0 0 no-repeat; }

.treeview-red li { background-image: url(images/rtl-treeview-red-line.gif); }
.treeview-red .hitarea { background-image: url(images/rtl-treeview-red-c.gif); }
.treeview-red .expandable-hitarea { background-image: url(images/rtl-treeview-red-e.gif); }
.treeview-red div.lastCollapsable-hitarea { background-image: url(images/rtl-treeview-red-lc.gif); }
.treeview-red div.lastExpandable-hitarea { background-image: url(images/rtl-treeview-red-le.gif); } 

.treeview-black li { background-image: url(images/rtl-treeview-black-line.gif); }
.treeview-black .hitarea { background-image: url(images/rtl-treeview-black-c.gif); }
.treeview-black .expandable-hitarea { background-image: url(images/rtl-treeview-black-e.gif); }
.treeview-black div.lastCollapsable-hitarea { background-image: url(images/rtl-treeview-black-lc.gif); }
.treeview-black div.lastExpandable-hitarea { background-image: url(images/rtl-treeview-black-le.gif); } 

.treeview-gray li { background-image: url(images/rtl-treeview-gray-line.gif); }
.treeview-gray .hitarea { background-image: url(images/rtl-treeview-gray-c.gif); }
.treeview-gray .expandable-hitarea { background-image: url(images/rtl-treeview-gray-e.gif); }
.treeview-gray div.lastCollapsable-hitarea { background-image: url(images/rtl-treeview-gray-lc.gif); }
.treeview-gray div.lastExpandable-hitarea { background-image: url(images/rtl-treeview-gray-le.gif); } 

.filetree li { padding: 0px 16px 2px 0; }
.filetree span.folder, .filetree span.file { padding: 0px 16px 2px 0; display: block; }
.filetree span.folder { background: url(images/rtl-folder.gif) 100% 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/rtl-folder-closed.gif) 100% 0 no-repeat; }
.filetree span.file { background: url(images/rtl-file.gif) 100% 0 no-repeat; }





/*************************************/
/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 10px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 45px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 37px;
    display: inline-block;
    content: '\f001';
    color: #fff;
    text-shadow: 1px 1px 0 #fff;
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
width: 9px;
height: 9px;
display: block;
background: #666;
background: rgba(251, 251, 251, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #a4a4a4;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
  .spanwelcome { 
    padding-top: 13px !important;
}
}







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


.rw-min-fl span {
    font-size: 13px !important;
    color: gray;
}
.rw-min-fl .fa-heart {
    color: #ed1c24;
    padding-left: 3px;
}
.content-center-p {
    /*position: relative;*/
}
.tab-nd {
  width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding: 15px;
    line-height: 30px;
    text-align: justify;
    border: 1px solid #f2f2f2;
}
.ms_titleshortdes {
        font-size: 20px;
    color: #777;
    font-weight: bold;
}
.ms_titleshotname {
        padding: 15px 0px 8px;
    color: #949494;
    font-size: 13px;
}
.dr-bx {
    direction: rtl;
}

.panel-news {
    width: 100%;
    margin: 0 auto;
    /* background-color: #fff; */
    padding-top: 20px;
    max-width: 1090px;
}
.cbp-vm-options {
          width: 108px;
    float: right;
    text-align: right;
    direction: rtl;
}
.ms_txtcbp-vm-options {
    float: right;
    line-height: 35px;
    font-size: 11px;
    font-weight: bold;
}
.cbp-vm-options a {
    display: inline-block;
    width: 40px;
    overflow: hidden;
    white-space: nowrap;
    color: #d0d0d0;
    margin: 2px 0;
}
.cbp-vm-options a:before {
  width: 23px;
    height: 24px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    display: inline-block;
}
.cbp-vm-grid:before {
    content: "\f00a";
}
.cbp-vm-icon:before {
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {
    color: #1709B2;
}


.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {
    color: #574f43;
}
.cbp-vm-options a {
       display: inline-block;
    width: 20px;
    overflow: hidden;
    white-space: nowrap;
    color: #7b7c7f;
    margin: 2px 0;
 
    border-radius: 3px;
}
.tx-tp-nd {
color: #656464;
    font-size: 12px;
    margin: 8px 14px;
    position: relative;
    top: 0px;
    border-radius: 2px;
    font-weight: normal;
    background: none;
    border: none;
}
.cbp-vm-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;width: 100%;
    float: right;
    clear: both;background: #ffffff;    text-align: center;
}
.col-right {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.bx-tp-max {
  float: right;
    width: 100%;
    position: relative;
}
.tp-line {
 /*    width: 100%;
    color: #7c7d7d;
    clear: both;
    list-style: none;
    direction: rtl;
    overflow: hidden;
    background: #ffffff;
    max-width: 1195px;
    margin: 7px auto;
    padding: 5px 13px;
    text-align: right;*/
}
.fa-mr {
        font-size: 0.3em;
    color: #636262;
    margin-left: 7px;
    position: relative;
    top: 11px;
    right: 0px;
    float: right;
}
.breadcrumb li a {
    font-size: 11px;
    color: #ffffff;
}
.breadcrumb li:first-child a {
   font-size: 12px;
    color:#171717;
}

.ms_pro {
         position: relative;
  
    text-align: center;
    min-height: 263px;
       /*background: rgb(255, 255, 255);
    border: 3px solid #ffffff;*/
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
        -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ms_pro a{
       padding: 3px 0 10px 0;
      font-weight: bold;
    font-size: 14px;
    color: #000000;
}


.title-shop-item:hover {
   
     font-weight: bold; 
   
    color:#9e0b0f;
}


.ms_border {
    height: 380px;
    border: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #fff;
}
.ms_border:hover {
     -webkit-box-shadow: 0 1px 5px 3px #B5B5B5;
box-shadow: 0 1px 5px 3px #B5B5B5;
    -moz-border-radius: 0;
    /* -webkit-border-radius: 0px; */
    border-radius: 0;
}
.cbp-vm-view-grid .ms_tag_group{
            padding: 6px 1px;
    background: #f92f2f;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    /* font-weight: bold; */
    min-width: 52px;
    display: block;
    padding-left: 7px;
    padding-bottom: 8px;

}
.cbp-vm-view-grid .fa-gh {
         font-size: 2.0em;
    position: relative;
    right: -6px;
    float: right;
       margin-top: 6px;
}
.cbp-vm-view-list .ms_posr{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.cbp-vm-view-list .ms_tag_group {
   padding: 7px 14px;
    background: #ff5252;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    min-width: 48px;
    display: block;
}
.cbp-vm-view-list .fa-gh {
       font-size: 2em;
    position: relative;
    right: -6px;
    color: #ff5252;
    float: right;
    top: 1px;
}

#fulProduct li:hover .hide-right {
    right: 6px;
}
.ms_txtprolist {
    display:none;
}
.cbp-vm-view-grid .ms_pro {
          width: 225px;
    height: 380px;
    display: inline-block;
    margin: 1px 1px;
    margin-bottom: 0px;
}
.cbp-vm-view-grid .ti-product {
   
    padding: 2px 0;
  
    
  
}
 .ms_pro img{
            width: 100%;
    padding: 5px 0px;
    margin: 0px auto;
    display: block;
}
.ms_bs_785{
      width: 20px !important;
    height: 25px !important;
    padding: 0px !important;
    margin-top: -10px;
}
 .cbp-vm-view-grid ul li {
    padding: 1px 1px;
}
 .cbp-vm-view-grid ul li .item-nd {

    margin-bottom: 0px;
}
.cbp-vm-view-grid ul li .num-nd {
    
    padding: 7px 6px;
}
.cbp-vm-view-list .ms_pro {
        min-height: 207px;
    margin-bottom: 1px;
}
.cbp-vm-view-grid figure {
       margin: 0;
    position: relative;
    width: 100%;
    float: right;
    border-radius: 0;
    padding: 0px 0px;
    min-height: 213px;
}
.cbp-vm-view-list .ms_pro .corner-ribbon.top-left {
       bottom: -17px;
       left: -32px;
}
.cbp-vm-view-list .ms_pro .cbp-vm-image img {
    margin-top: 13px;
    margin-right: 18px;
}
    .cbp-vm-view-list .ms_pro .price-nd {
          float: left;
    width: 190px;
    background: #e0e0e0;
    margin-top: 10px;
    border-left: 1px solid #fff;text-decoration: line-through;
    color: #ec4848;
    }
.cbp-vm-view-list .ms_pro .price-nd-off {
    color: rgb(64, 135, 134);
    text-decoration:none;
}
    .cbp-vm-view-list .ms_pro .ms_txtprolist {
    display:block;
}
.hd-ms {
       padding-right: 8px;
    padding-top: 11px;float:right;    padding-bottom: 11px;
}
.cbp-vm-list:before {
    content: "\f00b";
}
.cbp-vm-image img {
    /*width: 87%;
    margin: 18px auto;*/    max-height: 153px;
}
.cbp-vm-view-list .ms_al {
    text-align: center;
    font-size: 11px;
    background: #efefef;
    direction: rtl;
    line-height: 18px;
    padding: 7px 3px;
    float: right;
    width: 228px;
}


.zoom-nd{
	width:100%;
	margin:0 auto;

}
.col-12-zoom{
	width:100%;
	margin:10px auto 30px auto;
}

.title_pro {
     border-bottom:3px solid #46BCFF;
         color: #000;
    font-size:16px;
    width: 100%;
    line-height: 50px;
    text-align:center;
    font-weight: bold;
 }
.bc-zoom{
	    background-color: #ffd88b;
      
    padding: 40px 0 20px 0;
}


.picZoomer{
	position: relative;
   
	
}
.picZoomer-pic-wp{
	    position: relative;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}
.picZoomer-pic{
	width: 100%;
	height: 100%;
}
.picZoomer-zoom-wp{
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 40px;
	left: 40px;
	background: url(images/zoom-ico.png) left top no-repeat;
}


    .piclist{
  
          text-align: center;
        
    }
    .piclist li{
   
    width: 89px;
    display: inline-block;
    margin: 0px 0 4px 0;
    padding: 5px 0;
}
    
  .piclist li:hover{
	-webkit-box-shadow: 1px 1px 1px 1px #A1A1A1;
box-shadow: 1px 1px 1px 1px #A1A1A1;
}  
 .picZoomer img{
     display:block;
     margin:0 auto;
 } 
  
    
    .piclist li img{
        width: 100%;
        
    }

    /* custom style */
    .picZoomer-pic-wp,
    .picZoomer-zoom-wp{
       
    }







.col-title-zoom {
    padding:0px 15px;

    min-height:320px;
    direction: rtl;
    position:relative;
      
}
.col-title-zoom h3{
	   background: #f2f2f2;
    font-size: 18px;
    color: #363636;
    font-weight: bold;
    text-align: right;
    line-height: 18px;
    padding: 12px 8px;
}

.rw-min-fl {
        float: right;
    margin-left: 13px;
}

.cbp-vm-view-list ul li {
    direction: rtl;
    padding-right: 5px;  
}
.cbp-vm-view-list ul li{
     width: 100%;
}
.cbp-vm-switcher ul li .ads-nd {
    width: auto;
     border-bottom: none; 
}
.cbp-vm-switcher ul li .item-bx {
       position: relative;
    /* float: right; */
    text-align: center;
    display: inline-block;
    direction: rtl;margin-bottom: 0px;
}
.cbp-vm-view-list .cbp-vm-image {
    width: 200px;
    float: right;
}
.cbp-vm-view-list .divTools {
    width: 40px;
    height: 100%;
    float: right;
    margin: 0px 10px;
    text-align: center;
}
.cbp-vm-view-list .divTools a {
    float: none;
    display: block;
}
.cbp-vm-view-list .cbp-vm-title {
   padding: 0 1px;
    width: 62%;
    color: #504f4f;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    /*font-family: Tahoma !important;*/
   text-align: justify;
    padding-top: 17px;
    float: right;
}
.cbp-vm-view-list .item-bx{
    float:right;    margin-left: 10px;    width: 98%;
}
.cbp-vm-view-list .ti-product {
    max-width:100%;
}
.cbp-vm-view-list .dv-btm {
   
    max-width: 100%;
  
    display: block;
  
    float: right;    position: absolute;
    bottom: 22px;
    right: 200px;
}
.cbp-vm-view-list .num-nd {
    float: none;
    padding: 10px 2px;
    display: inline-block;
}
.cbp-vm-view-list .cbp-vm-price {
  padding-bottom: 0 !important;
    width: 17%;
    float: right;
    padding-top: 15px;
}
.cbp-vm-view-list  .ms_pro a {
  
    float: right;
}
.cbp-vm-view-list .ms_border .lined{
 float: right;
}
.col-news {
        width: 100%;
    float: right;
    clear: both;    background: #fff;
}
.sumContainer {
         text-align: center;
    width: 250px;
    margin: 0px auto;
}
.sumTitle {
        float: right;
    text-align: center;
}
.sumdiv {
    text-align: center;
    display: block;    line-height: 33px;
    color: #000;
}

.btm-hd_Gr896 {
    margin: 10px auto;
    width: 100%;
    height: 12px;
    background: url(/App_Themes/Template/images/heading.png);
    margin-bottom: 0px;
}
.col-newsG {
width: 100%;
    float: right;
    clear: both;
    margin-bottom: 4px;
    background: rgb(255, 255, 255);
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    border-bottom: 1px solid #eee;padding-bottom: 13px;
}
.col-productG {
     
    margin-top: 0px;
}
.LeftPRow a {
    display: block;
    width: 20px;
    height: 17px;
    float: right;
    border: 2px solid #c1bbbb;
    border-radius: 3px;
    margin-top: 13px;
    margin-left: 4px;
}
  div.checkRadioContainer > label > input {
    visibility: hidden;margin: 0px;
    width: 0px;

}

div.checkRadioContainer {
  float: right;
    display: block;
}
div.checkRadioContainer > label {
  display: block;
    border: 1px solid #dadada;
    /* margin-bottom: -2px; */
    cursor: pointer;
    float: right;
    text-align: center;
}

div.checkRadioContainer > label > span {
    display: inline-block;
    vertical-align: top;
    line-height: 2em;    padding-left: 8px;

}

div.checkRadioContainer > label > input + i {
    visibility: hidden;
    color: green;
    margin-left: -0.5em;
    margin-right: 0.2em;
}

div.checkRadioContainer > label > input:checked + i {
    visibility: visible;
}
 .ms_libor {
         margin: 1px;
    position: relative;
    border: 1px solid #ddd;
       min-height: 354px;
    background: #fff;
    text-align: center;
     }

@media (min-width:450px) and (max-width:770px) {
    .zoom-nd {
        width: 61%;
    }

    .picZoomer-zoom-pic {
        display: none;
    }

    .picZoomer-cursor {
        display: none !important;
    }

    .col-ms-zoom {
        border-bottom-right-radius: 0;
    }
    
}
#ContentPlaceHolder1_HyperLink2 {
        float: left;
}
@media (min-width:0px) and (max-width:770px) {
    .cbp-vm-view-list .cbp-vm-title {
    padding: 0 10px;
    width: 100%;
   
   
    padding-top: 10px;
    float: right;
}
}



































































.ti-bc h1 ,h2 {
    font-size:16px;
        line-height: 25px;
}

.ti-bc2 {
    float: right;
    clear: both;
    width: 100%;
}
.ti-bc2 h2 {
    font-size:16px;
        line-height: 25px;text-align: right;   
    /*font-weight: bold;*/
    line-height: 28px;    direction: rtl;
}


.title-ms .breadcrumb>li+li:before {
    padding: 0px;
    color: #eee;
    content: " ";
}
.p-shop {
        direction: rtl;
    float: right;
    width: 100%;
    line-height: 26px;
}
.panel-news-mn{
    width:100%;
    max-width:1269px;
    margin:0 auto; 
}
.breadcrumb li a {
      font-size: 12px;
    color: #171717;
    display: ruby-text;
    margin-top: 4px;
}
.breadcrumb li:after {
    content: '\f104';
    margin: 0px 14px 0px 14px;
   
}

.breadcrumb>li:first-child::after {
    display: none;
}

.fa-mr{
      font-size: 0.5em;
    color:#171717;
    margin-left: 11px;
    position: relative;
    top: 10px;
}
.tp-bx{
   background-color:#fff5f4;
   border-radius:4px;
   padding:5px 20px;
   margin-bottom:10px;
}
.img-vz {
    display: block;
        margin-top: 9px;
}

.bx-price-nd{
background-color: #ff5253;
    border-radius: 3px;
    /*width: 184px;*/
    display: block;
    padding: 0px 10px 0px 0;
    color: #fff;
    font-size: 14px;
    text-align: right;

    direction: rtl;
    margin:3px auto;
}

}
.pri-nd{
    float:right;
    width:120px;
    display:block;

}
.pri-nd span{
    display:inline-block;
}

.bx-ms{
            background: #fff;
    border-radius: 4px;
    margin: 0 auto 10px auto;
    padding: 17px;
}
.img-zoom{
    max-width:250px;
    margin:0 auto;
     position:relative
}
.col-ms-zoom{
      position: relative;
    float: right;
}

.trapezoid-nd {
    border-bottom:28px solid #ff5253;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 130px;
    position:absolute;
  top: 28px;
    -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
/*right:18px;*/right: -23px;
color:#fff;
text-align:center;

}
.trapezoid-nd span{
    padding-top:3px;
    display:block;
}
.trapezoid-nd2 {
      border-bottom: 29px solid #5d892a;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 130px;
    position:absolute;
  top: 23px;
    -moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
/*left:18px;*/    left: -9px;
color:#fff;
text-align:center;
padding-top:3px;
}
#image2 {
      /*max-width: 438px;*/
    display: block;
    margin: 0px auto;
    max-height: 437px;
}
.trapezoid-nd2 span{
    padding-top:3px;
    display:block;
}
.hd-mn{
    background-color:#f5f6f8;
   
    display:block;
    direction:rtl;
    font-size:16px;
    color: #4c4e4d;
   line-height:23px;
   padding:7px 15px;
}
#ContentPlaceHolder1_spe.hd-mn{
   
    /*background-color: #fff5f4;*/
    display:block;
    direction:rtl;
    font-size:16px;
    color: #4c4e4d;
   line-height:23px;
   padding:7px 15px;
}
.info-product{
             font-size: 11px;
    color: #989898;
    font-weight: bold;
    font-family: tahoma;
    clear: both;
    display: block;
}
.ms3ng7{
    color: #ed3c42;
    font-weight: bold;
    font-size: 13px;
}
.ms1if6{
        font-weight: bold;
    font-size: 14px;
    color: #000;
}
.ti-bc{
    display:inline-block;
}
.star-ti{
    font-size:12px;
    display:inline-block;
}
.sp-br{
    display:block;
    padding-bottom:5px;
 color: #777777;
}
.rw{
    direction:rtl;
    padding:5px 0;
}
.fr-bx{
    background-color:#fafbfd;
    border-radius:4px;
    width:100%;
    padding:7px 42px;
    margin-top:5px;
    border:1px solid #dfe4e8;
    background-image:url(../images/sd-bc.jpg);
    background-repeat:no-repeat;
    background-position:right center;
     
}

.sale-price {
 
    padding: 7px 0;
    font-size: 13px;
}
.priceBox .priceAmmount {
    color: #54b04d;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px;
}
.priceUnit{
       color: #54b04d;
}
/*.tooltiph{
          background-color: #62b965;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: 15px;
}*/
.ic-nd2 {
       width: 35px;
    height: 36px;
    background-color: #8ea74b;
    text-align: center;
    padding-top: 3px;
    font-size: 1.1em;
    float: right;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    margin-right: 0px;
}
.ms-nd{
               background-color: #6e862e;
    padding: 0px 0 1px 3px;
    display: inline-block;
    text-align: center;
    width: 97px;
    height: 36px;
    color: #fff;
    border-radius: 3px;
    margin: 0 8px 0px 0px;
    line-height: 32px;
    float: right
}
    .ms-nd a {
        color:#fff;font-size:12px;
    }
    .ms-nd soan {
        font-size:11px;
    }

.h-bx{
    direction:rtl;
    color:#000;
    padding:7px;
    font-size:16px;
}
.hd3{
    color:#9b9b9b;
    font-size:14px;
    text-align:right;
    padding-top:5px
}
.p-nd{
    padding-top: 48px;
    color: #4d4d4d;
    font-size: 13px;
    line-height: 28px;
    direction: rtl;
    text-align: justify;
    padding-right: 19px;
    background: #ffffff;
}
.tab-nd{
    padding:0 0;
}
.shop-item-nd{
    border:1px solid #ccc;
        padding:19px 13px 3px 13px;
}
.sl-pro{
     font-size:11px;
     line-height:25px;
     font-weight:bold;
     min-height:50px;
     padding-top:20px;
     

 }
.btn-info-nd{
  color: #4caf50;
    direction:rtl;
    display:block;
    font-weight:bold;
        
}
.btn-info-nd span{
    margin-right:8px;
    font-weight:normal !important;
    font-size:11px;
}
.img-center{
    max-width: 126px;
}

.table-nd {
    width: 100%;
    direction:rtl;
}
.title-table {
    width: 20%;
   border-left: 1px solid #E8E8E8;
    color:#646567
}
.table-nd td {
   
    padding: 10px 15px;
  
}
.title-table{
    border-radius:3px;
}
.pages .content-wrap{
 border-top:6px solid #dcd4df;
}
.tabed{
      
    border-radius: 4px;
  
    margin: 0 auto 0px auto;

    overflow: hidden;
    width: 100%;
    position: relative;
}
.table-nd tr{
    background-color:#fff;
    border: 1px solid #E8E8E8;
}

.table-nd tr:nth-child(even){
    background-color:#f5f5f5;
}
.table-nd tr:hover{
    background-color:#CDFFE8;
   
}

.tabed li a {
      color: #000000 !important;
}

.listed-zoom li:first-child a{
     /*background-image: url(../images/icon-ft.png);
    background-position: 57px 111px;*/

}
.listed-zoom li:first-child a:hover{
      -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: swing 1s linear;
    -moz-animation: swing 1s linear;
    -o-animation: swing 1s linear;
    animation: swing 1s linear;

}






.listed-zoom li:nth-child(2) a{
       background-image: url(../images/icon-ft.png);
    background-position: -4px 69px;
 
}
.listed-zoom li:last-child a{
    background-image: url(../images/icon-ft.png);
    background-position: 55px 142px;
  

}
.listed-zoom li a{
         display: block;
    /*width: 30px;
    height: 30px;*/
    color: #9a9a9a;
}
.listed-zoom li
{
      display: block;    width: 20px;
 
}
.listed-zoom{
       padding-top: 0;
    direction: rtl;
    position: absolute;
    right: 0px;
    top: 41%;
    /*width: 100%;*/
    z-index:9;
}
.products-listed{
   text-align: justify;
    direction: rtl;
    line-height: 29px;
    padding-top: 12px;
    min-height: 105px;
    font-size: 12px;
    font-weight: bold;
}
.products-listed i{
       color: #545454;
    font-size: 15px;
    float: right;
    line-height: 23px;
}
.products-listed span{
      line-height: 26px;
    float: right;
    padding-right: 5px;
}
._hrpr {
    position: relative;
    width: 100%;
    border-top: 1px solid #ffffff;
    margin-top: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    float: right;    background-color: #fff;
}

.ms96hb{
             direction: rtl;
    color: #5a5a5a;
    text-align: right;
    float: right;
    font-size: 12px;
    font-weight: 600;
    display: block;
    background: #f7f7f7;
    width: 100%;
    border-bottom: 5px solid #fff;
    padding: 7px;line-height: 31px;
}
.msimg579{
            width: 35px;
    height: 35px;
    margin-left: 2px;
}
.list-unstyled-pr {
    padding-left: 0;
    list-style: none;
    display: inline-block;
}
.list-unstyled-pr  li{
          width: 87px;
    display: inline-block;
    margin-top: 5px;
    border-radius: 3px;
}
.list-unstyled-pr  li img{
       width: 84px !important;
    height: 89px !important;
    border-radius: 3px;
    border: 1px solid #ddd;
}
.price-nd-off-pr{
        text-decoration: line-through;
    color: red;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    display: block;
    width: 100%;
}
.price-nd-pr{
        font-weight: bold;
    color: #09980f;
}
.fa-ce{
    margin-left:10px;
    font-size:0.3em;
    color:#878684;
}
.products-title{
    font-size:12px;
    color:#7d7d7f;
}
.products-value{
    color:#bbbcb7;
    font-size:12px;
}

.gift-head-nd{
    /*border-bottom:1px solid #c76d6d;*/
    padding-bottom:5px;
    direction:rtl;
}
.gift-head-nd h4{
      display: inline-block;
    color: #636363;
    font-size: 12px;
    font-weight: bold;
}
.gift-ic{
          color: #545454;
    font-size: 1.1em;
    margin-left: 2px;
    position: relative;
    top: 2px;
}
.gift-img{
  border: 1px solid #dddddd;
    width: 70px;
    height: 67px;
    padding: 7px;
    float: right;
}
.list-gift{
    padding-top:20px;
}
.msf7560{
        font-size: 11px;
    font-weight: bold;
}
.sp-ft{
    display:inline-block;
    width:63%;
    font-size:11px;
    line-height:18px;
    color:#808590;
    text-align:justify;
    direction:rtl;

}
.ic-nd {
        width: 34px;
    height: 33px;
    background-color:rgb(109, 25, 20);
    text-align: center;
    padding-top: 3px;
    font-size: 1.3em;
    float: right;
    color: #009688;
    margin-right: 3px;
    top: 7px;
    border-radius: 41%;
    position: absolute;
    z-index: 16;
    right: 27px;
    border: 1px solid #c21005;
}
.tx-btn {
            width: 97%;
    float: right;
    background-color: #54b04d;
    color: #ffffff;
    text-align: right;
    height: 33px;
    padding-top: 3px;
    line-height: 26px;
    font-size: 11px;
    margin-right: 1px;
    padding-right: 42px;
    margin-top: 4px;
    border: 1px solid #329c2a;
  
    border-radius: 2px;
}
.ms_a{
        display: block;
    float: right;
    width: 100%;
}



.product-warranty {
    text-align: center;
    display: inline-block;
}
.product-warranty li {
       text-align: center;
    display: inline-block;
    margin: 6px 0px;
    position: relative;
    width: 48%;
    border-radius: 23px;
}
.product-warranty li i {
         font-size: 19px;
    color: #ffffff;
    background:rgb(109, 25, 20);
    padding: 6px 7px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    border: 1px solid #ddd;
}
.product-warranty li span {
       font-size: 12px;
    color: #4c4c4c;
    float: right;
    margin-top: 0px;
    font-weight: bold;
    background: #ffffff;
    padding: 12px 8px;
    width: 100%;
    border-radius: 23px;
    border: 1px solid #ddd;
    text-align: right;
    padding-right: 47px;cursor: help;
}
.hd-mnT{
              background-color: #f1f1f1;
    display: block;
    direction: rtl;
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    padding: 10px 14px;
    border-bottom: 6px solid #fff;
}
.nm-nd{
    color:#8c8c8c;
    position:relative;
     top:5px;
     display:block;
    
}
/*.tooltiph:hover{
    color:#fff;
}*/
.ms-nd:hover{
    color:#fff;
 background-color: #8c8c8c;
}

.dynamic-height-wrap {
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  width: 100%;
}
.dynamic-height-active .dynamic-height-wrap:before {
    background: -moz-linear-gradient(top, rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );
    bottom: 0;
    content: '';
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.dynamic-height-active .dynamic-show-more {
  display: inline-block;
}
.dynamic-show-more {
  display: none;
}




.section {
  margin-bottom: 30px;
}
pre {
  background: #ecf0f1;
  border-radius: 4px;
  margin: 10px 0;
  padding: 5px 10px;
}
.btm-mr-less{
    display:block !important;
    margin:0 auto;
    background:none;
    border:none;
    font-size:14px;
    padding-top:10px;width: 85px;
}

.ti-product-nd{
          color: #555555;
    font-size: 19px;
    padding: 10px 0;
    font-weight: bold;
}
.bx-ce{
    padding:0px 20px;    direction: rtl;
}

.servBodL{
    width:98%;
    float:left;
  
        font-size: 12px;
}
.tb-ul{
direction:rtl;
 
}
.tb-ul li{
    border-left:1px solid #e3e3e3!important;
    float:right;
    width:166px!important;
}

.tb-ul li a{
   font-size:14px;
}
.tb-ul ul{
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    border-bottom:none;
}
.tb-ul li a span{
    padding:14px 0!important;padding-top: 12px !important;
}
.pages{
    padding:0 0;
    border-top:none;
}
.fa-bn{
    padding-left:5px;
    font-size:1.4em
}
.hrms {
    margin-top: 3px;
    margin-bottom: 17px;
    border: 0;
    border-top: 2px solid #6d1914;
}
.ms_fixed_so {
    position: fixed;
    right: 3%;
    z-index: 99999;
    top: 7px;
    width: 300px;
}
.tab-current .fa-bn{
             color:#ffffff;
}
.slid-item .bx-wrapper .bx-next {
    right: -45px;
 
}

.btn-off{
    display:inline-block;
    margin-right:10px;
     padding-right:0px;
     text-align:center;
     background-color:#ff5151;
}


.title-shop-item a {
    font-size: 14px;
    color: #000;
}

.sli .bx-wrapper img {
    width: 100%;
    display: block;
    margin: 0px auto;
}
@media screen and (max-width:850px){
    .tp-line{
        display:none;
    }
    .ms-nd{
        margin:0 30px;
    }
}
@media screen and (max-width:1200px){
  .slid-item .bx-wrapper .bx-next {
    right: 0;
 
}
.slid-item .bx-wrapper .bx-prev {
   left:0;
 
}
}

.btm-pro{
    padding-top:40px;
}
.img-barkod{
    width:100%;
    max-width:80px;
    margin:10px auto 10px auto;
    display:block;
}
.barkod2{
    margin-top:39px;
}
.trigger {
    display:inline-block;
    font-size: 12px;
    color: #65a213;
    margin-right: 6px;cursor: pointer;
}

#row1{

}
.tp-num {
    padding-top: 59px;
    display: block;
}
.p-em{
    display:inline-block;
    padding-right:20px;
}





















@media screen and (max-width:760px){
    .bx-ps{
  
    min-height:200px;
}
}
#tx1{
background-image:url()
}
.bc-tx{
    display:block;
}
.tx-ps2{
        border: 1px solid #e8e2e2;
    padding: 5px 30px;
    /* margin-right: 10px; */
    width: 85%;
    margin: 8px 0;
}
.img-mn{
    width:9px;
    display:inline-block;
    height:17px;
}
.ch-pn {
    position: relative;
    top: 3px;
}
.tx-in{
    display:inline-block;
    margin:0 20px;
}
.tn-pn{
    padding-top:10px;
}
.sli{
/*border: 6px solid #d7d7d7;*/
}
     .ms_paa {
            padding: 5px 2px;
        }
       .ms_tool {
      position: relative;
    display: inline-block;
    color: #9a9a9a;
    font-size: 17px;
    font-weight: 100;
}
      

 .ms_tool .tooltiptext {
  visibility: hidden;
    width: 303px;
    background-color: #f5f6f8;
    color: #6b6b6b;
    text-align: right;
    border-radius: 6px;
    padding: 5px 7px;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: auto;
    margin-left: 0;
    opacity: 0;
    transition: opacity 1s;
    border: 1px solid #e4e4e4;
    font-size: 12px;
}

 .ms_tool .tooltiptext::after {
       content: "";
    position: absolute;
    bottom: 100%;
      right: 2%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(85, 85, 85, 0) rgba(0, 0, 0, 0) rgb(204, 204, 204) rgba(0, 0, 0, 0);
}

 .ms_tool:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
  .btn-off {
  display: inline-block;
    margin-right: 10px;
    padding-right: 0px;
    text-align: center;
    background-color: #ffffff;
    position: relative;
    top: 7px;
    margin-bottom: 0px;
}
 .btn-off .tf-nd {
    font-size: 12px;
    float: right;
    background: #e41e26;
    color: #fff;
    padding: 2px 7px;
    margin-left: 0px;
}
.price-num {
    float: right;
}
.fa-gh {
    font-size: 2.4em;
    position: absolute;
    right: 42px;
    color: #e41e26;
    float: right;
    top: -5px;
}
.hideCol {
    display: none;
}
.ms_resize {
        overflow: hidden;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;height:70px;
}
  .cbp-vm-view-grid  .ms_color {
                  margin: 2px auto;
    width: 100%;
    text-align: center;height: 22px;
       }
   .cbp-vm-view-list  .ms_color {
               position: absolute;
    left: 5px;
    top: 52%;
    width: 15px;
       }
       .LeftPRow_a {
       display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: 4px;
    padding: 0px !important;
}
       .preloader {
  
    background: #fff url(/App_Themes/Template/images/ajax.GIF) no-repeat center;
    width: 100%;
    min-height: 100px;
}
.preloader img{
     display: none;
}
 .col1 .preloader {
  
    background: #fff url(/App_Themes/Template/images/ajax.GIF) no-repeat center;
    width: 100%;
    min-height: 207px;
}
 
/*.preloader bxslider li{
     display: none;
}*/

/*.bxslider li {
    min-height:317px !important;
}*/
.cbp-vm-view-list .ms_border {
    height: 263px;
}

 #fulProduct li:hover .hide-right {
     right: 0px;
    width: 100%;
    background:rgb(245, 242, 237);
    min-height: 295px;
    z-index: 999999;
    top: 0px;
}
.product-controls-list {
    position: absolute;
    top: -9px;
    left: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
      .ms_box_like {
                    width: 98%;
    margin: 2px auto;
    position: absolute;
    bottom: -1px;
      }
      .product-controls-list.hide-right {
    right: -33em;
}


      .hh-hover-bg {
          /*border-bottom: 1px solid rgba(221, 221, 221, 0.72);*/
    padding-bottom: 4px;
      }


.hh-main-demo-img{
	    width: 145px;
    margin-top: 8px;
}

.hh-other-img-color-item{
	      width: 63px;
    margin-right: 2px;
    margin-top: 12px;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 59px;
}
      .hh-other-img-color {
          text-align: center;
    display: inline-block;        margin-left: 0px;
 
    padding-bottom: 12px;
    width: 100%;
      }

.cbp-vm-view-list .product-controls-list {
    display:none;
}
#DataPager1 {
    position: absolute;
    top: -31px;
    left: -6px;
}
   #DataPager1 a {
            border: 1px solid rgb(199, 199, 199);
            padding-top: 1px;
            color: #111213;
            font-size: 12px;
            background: #ffffff;
            float: right;
            width: 25px;
            height: 26px;
            display: block;
            text-align: center;
            line-height: 21px;
            direction: rtl;
            border-radius: 4px;
            border-bottom: 2px solid #1c79ca;
            margin: 0 2px;
        }

        #DataPager1 span {
            border: 1px solid rgb(199, 199, 199);
            color: #565656;
            font-size: 17px;
            background: #ddd;
            float: right;
            width: 25px;
            height: 26px;
            display: block;
            text-align: center;
            font-weight: bolder;
            padding-top: 0px;
            line-height: 21px;
            border-radius: 4px;
            border-bottom: 3px solid #989898;
        }

        .ms_boder_brand {
            border: 1px solid #ddd;
            width: 100%;
            height: 100%;
            float: right;
            min-height: 200px;position:relative;
        }

            .ms_boder_brand a {
                color: #000;
            }

        .ms_po_L {
            padding: 0px 2px;
            margin-bottom: 5px;
        }

        .ms_pic_brand {
            margin: 5px auto;
            width: 95%;
            display: block;
        }

        .ms_brand {
               padding: 10px 0px;
    font-size: 16px;
    position: absolute;
    bottom: 7px;
    width: 100%;
        }

        .innerPage .grid {
            position: relative;
            clear: both;
            margin: 0 auto;
            padding: 1em 0 4em;
            max-width: 1000px;
            list-style: none;
            text-align: center;
        }

            /* Common style */
          .innerPage  .grid .effect-duke {
                position: relative;
                float: left;
                overflow: hidden;
                margin: 10px 1%;
                min-width: 320px;
                max-width: 480px;
                max-height: 360px;
                width: 48%;
                height: auto;
                background: #3085a3;
                text-align: center;
                cursor: pointer;
            }

              .innerPage  .grid .effect-duke img {
                    position: relative;
                }

              .innerPage  .grid .effect-duke figcaption {
                    padding: 2em;
                    color: #fff;
                    text-transform: uppercase;
                    font-size: 1.25em;
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                }

                 .innerPage   .grid .effect-duke figcaption::before,
                 .innerPage   .grid .effect-duke figcaption::after {
                        pointer-events: none;
                    }

                 .innerPage   .grid .effect-duke figcaption,
                  .innerPage  .grid .effect-duke figcaption > a {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }

                        /* Anchor will cover the whole item by default */
                        /* For some effects it will show as a button */
                     .innerPage   .grid .effect-duke figcaption > a {
                            z-index: 1000;
                            text-indent: 200%;
                            white-space: nowrap;
                            font-size: 0;
                            opacity: 0;
                        }


              .innerPage  .grid .effect-duke p {
                    letter-spacing: 1px;
                    font-size: 68.5%;
                }

        /*---------------*/
        /***** Duke *****/
        /*---------------*/

        .effect-duke.effect-duke {
            /*background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
            background: linear-gradient(-45deg, #34495e 0%,#a5ad98 100%);*/
            background: #fff;
        }

            .effect-duke.effect-duke img,
            .effect-duke.effect-duke p {
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, transform 0.35s;
            }

            .effect-duke.effect-duke:hover img {
                opacity: 0;
                -webkit-transform: scale3d(2,2,1);
                transform: scale3d(2,2,1);
            }



            .effect-duke.effect-duke p {
                position: absolute;
                bottom: 29%;
                left: 0%;
                margin: 0px;
                padding: 5px;
                /* border: 2px solid #fff; */
                text-transform: none;
                font-size: 15px;
                opacity: 0;
                -webkit-transform: scale3d(0.8,0.8,1);
                transform: scale3d(0.8,0.8,1);
                -webkit-transform-origin: 50% -100%;
                transform-origin: 50% -100%;
                width: 100%;
            }

            .effect-duke.effect-duke:hover h6 {
                opacity: 0;
            }

            .effect-duke.effect-duke:hover p {
                opacity: 1;
                -webkit-transform: scale3d(1,1,1);
                transform: scale3d(1,1,1);
            }

                .effect-duke.effect-duke:hover p img {
                    opacity: 1;
                    margin: 0px auto;
                    display: block;
                    width: 26px;
                }

                .effect-duke.effect-duke:hover p span {
                    text-align: center;
                    direction: rtl;
                    float: right;
                    width: 100%;
                    padding: 11px 0px;
                }

            .effect-duke.effect-duke:hover {
                -webkit-box-shadow: 0 0 1px 2px #D6D6D6;
                box-shadow: 0 0 1px 2px #D6D6D6;
                    min-height: 196px;
    margin-top: -4px;
    margin-bottom: -12px;
            }
@media (min-width:1042px ) and (max-width:1200px) {

    .product-controls-list .circle-nd {
       
        width: 80px !important;
    
        border-radius: 3px !important;
        font-size: 10px !important;
        line-height: 11px !important;
        margin: 1px !important;
       
    }
   .product-controls-list .circle-nd i {
        
    margin-left: 5px !important;
    margin-top: -3px !important;
    font-size: 15px !important;
    
    }
   .hh-other-img-color {
   
    overflow: hidden;
    max-height: 84px;
}
}
            @media screen and (max-width:1042px){
                 .hh-other-img-color {
   
    overflow: hidden;
    max-height: 84px;
}
    
   .cbp-vm-view-list .ms_pro .price-nd {
    float: right;
    width: 190px;
}
.product-controls-list .circle-nd {
    display: block;
    width: 78px !important;
    height: 1.9em;
    text-align: right;
    color: #fff;
    border-radius: 3px;
    font-size: 12px !important;
    margin: 1px !important;
    padding: 0px 2px 0px 0px !important;
    
}
#fulProduct li:hover .hide-right {
    right: 0px;
    width: 100%;
    background: #fff;
    min-height: 312px !important;
    z-index: 999999;
    top: 0px;
}
    .cbp-vm-view-grid figure {
        margin: 0;
        position: relative;
        width: 100%;
        float: right;
      
        border-radius: 0;
        padding: 0px 0px;
      
    }
.btn-off {
    display: inline-block;
    margin-right: 0px;
    padding-right: 5px;
    text-align: center;
    background-color: #ffffff;
    position: relative;
    top: 7px;
}
.product-controls-list .circle-nd i{
   
    margin-left: 6px !important;
    margin-top: 3px !important;
    font-size: 14px !important;
 
}
                .ms_box_like {
                    width:98%;
                    margin-right:2px !important;
                }
}
.tp-bx2 {
          min-height: 118px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.head-rg-min {
            padding: 17px 0px;
    color: #2b2a2a;
    padding-bottom: 0px;
    line-height: 31px;
    text-align: right;
    padding-right: 23px;
}
.btm-rg-min {
    border-top: 1px solid #fff;    margin-top: 14px;
}
.btn-new22 {
     text-align: center;
    padding: 4px 9px 4px !important;
    color: #000000 !important;
  
    font-weight: bolder;
    display: block;
    background: rgba(236, 236, 236, 0.41);
    border-radius: 3px;
}
.corner-ribbon.red {
  background: #ebdbc1;
    color: #321f1e;
}
.corner-ribbon.top-left {
    top: 16px;
    left: -31px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-size: 14px;
}
.corner-ribbon.shadow {
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.corner-ribbon.sticky {
    position: absolute;
}

/*.tabs-left,.tabs-right{border-bottom:none;padding-top:2px}
.tabs-left{border-right:1px solid #ddd}
.tabs-right{border-left:1px solid #ddd}
.tabs-left>li,.tabs-right>li{margin-bottom:2px}
.tabs-left>li{margin-right:-1px}
.tabs-right>li{margin-left:-1px}
.tabs-left>li.active>a,.tabs-left>li.active>a:focus,.tabs-left>li.active>a:hover{border-bottom-color:#ddd;border-right-color:transparent}
.tabs-right>li.active>a,.tabs-right>li.active>a:focus,.tabs-right>li.active>a:hover{border-bottom:1px solid #ddd;border-left-color:transparent}
.tabs-left>li>a{margin-right:0;display:block}
.tabs-right>li>a{margin-right:0}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {

    border:none;
   
}
.tabs nav {
    text-align: right;
    background-color: #d7d7d7;

}
.tabs nav ul {
	position: relative;
    direction: rtl;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
  
}

.tabs nav ul li {
	    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0px 0;
    text-align: center;
    width: 136px;
 
}
    .tabs nav ul li:first-child {
        border-right: none;
    }
     .tabs nav ul li:last-child{
         border-left:none;
     }




.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
        padding: 9px;
}



.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}*/



/* Content */
/*.content-wrap {
    position: relative;
    border: 10px solid #b7b7b7;
    border-top: none;
    float: right;
    width: 100%;
    clear: both;
    background: #fff;    padding-bottom: 10px;
}

.content-wrap section {
	    display: none;
    margin: 0 auto;
    padding: 14px 0px 15px 0;
    max-width: 1200px;
    text-align: right;
}

.content-wrap section.content-current {
	display: block;    min-height: 296px;
}*/
/*.tabs-style-bar nav ul li.tab-current a {
  background-image:url(images/hv-9.png);
  background-size:100% 100%;
display:block;
	     color: #000;
         background-color:#fff;
    padding:2px;
        position: relative;
    right: -2px;    padding: 9px;
    border-bottom:2px solid #13832d;
}
.tab-product{
       padding: 0 0px;
    float: right;
    width: 100%;
    clear: both;
    margin: 0px 0px 0px 0px;
    background: #f2f2f2;
}
.tabs-product-nd{
    background-color: #fff;
    margin-top: 15px;
    width: 100%;
    float: right;
    clear: both;
}
.tabs  .bx-viewport li{
    height:260px !important;
    width:200px !important;
    overflow:hidden;
}*/
.sli  .bx-viewport li{
   
    overflow:hidden;
}

.sli  .price-nd {
    color: #F44336;
      font-size: 13px;
    font-weight: bold;
    padding-top: 0px;
    direction: rtl;
    text-align: center;
    text-decoration: line-through;
    padding-bottom: 0px;
    line-height: 25px;
}
.sli  .price-nd-off {
    color: rgb(64, 135, 134);
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding-top: 0px;
    direction: rtl;
    text-align: center;text-decoration:none;
}
.breadcrumb>li+li:before {
    padding: 0px;
    color: #ccc;
    content: " ";
}
#registerError {
    display:none;
}
        /* Media queries */
        @media screen and (max-width: 50em) {
            .content {
                padding: 0 10px;
                text-align: center;
            }

            .grid .effect-duke {
                display: inline-block;
                float: none;
                margin: 10px auto;
                width: 100%;
            }
        }
         .ms_bg .ms_center {
              margin: 0px auto;
    float: none;
    background-color: #fff;
    padding-bottom: 20px;
    padding: 0px;
    max-width: 1146px;
        }
      .ms_bg .title{
text-align: left;
    width: auto;
    background: #ffffff;
    /* min-height: 48px; */
    line-height: 31px;
    position: relative;
    z-index: 10006;
    float: right;
    padding: 0px 25px 15px 8px;
    color: #015f83;
    font-size: 19px;
    border-radius: 2px;
    
    font-weight: bold;
    vertical-align: middle;
}
      
      .ms_bg   .icon {
    background: url(/App_Themes/Template/images/slices.png) no-repeat;
    display: block;
    position: relative;
    margin: 0px auto;
    clear: both;    margin-top: 9px;
}
         .ms_bg  .icon-user-signup {
    background-position: -871px -90px;
    width: 63px;
    height: 51px;
}
           .ms_bg  .icon-user-login {
      background-position: -795px -22px;
    width: 43px;
    height: 54px;
}
         .ms_bg .bt-nd {
   
    margin-top: 5px!important;
}
        .ms_bg {
            /*background: rgba(239, 239, 239, 0.38);*/
    padding: 0px;border-bottom: 19px solid #eee;
        }
        .ms_bg2 {
           background:rgb(255, 255, 255);
    padding: 0px;margin-top: 0px;max-width: 1200px;
    margin: 0px auto;
    float: none;
        }

.hover-icon {
    display: none;
}
.icon-menu-tp {
    position: absolute;
       left: -5px;
    top: 21px;
    font-size: 0.75em;
}
.menu ul.nav1 > li:hover .hover-icon {
    display: block;
}
.menu ul.nav1 > li:hover .icon-down {
    display: none;
}
.newsLatterBox {
    display: block;
    color: #628800;
    /* line-height: 81px; */
 
   
}
.title-ms {
    border-bottom: 1px solid #fff;
}
.hd-mn hr {
      -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border: 0;
    border-top: 1px solid rgb(216, 216, 216);
    max-width: 1281px;
    margin: -13px auto 2px auto;
    opacity: 1;
    width: 100%;
    z-index: 1;
}

.img-off {
           /*background-image: url(/App_Themes/Template/images/hv.png);
    background-size: 100% 100%;
    position: absolute;
    top: 11px;
    left: -1px;
    padding-top: 3px;
    font-size: 14px;
    font-family: Tahoma;
    color: #fff;
    text-align: center;
    z-index: 9999;
    width: 64px!important;
    height: 30px;*/
}
.off-min {
   display: inline-block;
    position: relative;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #5d892a;
    transition: background-color .5s;
    float: right;
    margin-left: 15px;
}
.off-min::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    color: transparent;
    content: "";
    border-top: .4em solid transparent;
    border-left: .3em solid #efefef;
    border-bottom: .4em solid transparent;
    margin-top: -.4em;
}
.off-nd{
        background-color: #e41e26;
    width: 76px;
    top: 0;
    border-bottom-right-radius: 14px;
    height: 31px;
    text-align: center;
    padding: 7px 0px;
    position: absolute;
    direction: rtl;
    color: #fff;
    z-index: 99;left: 0px;line-height: 20px;
}
.ads-nd {
    float: right;
    padding: 12px 10px;
    color: #4a4848;
    font-size: 12px;
    direction: rtl;
}
.cbp-vm-switcher ul li .ads-nd {
    width: auto;
    border-bottom: none;
}
.num-nd {
    float: left;
    padding: 10px 20px;
}
.cbp-vm-view-grid ul li .num-nd {
      padding: 9px 0px 0px;
    float: none;    display: none;
   
  padding-top: 0px;
}

.msquickbtn {
    background: rgb(228, 30, 38);
    padding: 3px 10px;
    border-radius: 6px;
    height: 38px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 14px;
    z-index: 999;display:none;
    right: -5px;
}

.ms_border:hover .num-nd {
   display:block;
}
.ms_border:hover .msquickbtn {
   display:block;
}
.num-nd img {
    width: 20px;
 
}
.ms_nd_img{
        background: rgba(236, 236, 236, 0.41);
    border-radius: 3px;
    padding:7px 7px 5px !important;
}
.hd-mn .h-bx {
               direction: rtl;
    padding: 16px;
    width: 100%;
    text-align: right;
    background-color:#545454;
    display: block;
    margin: 0px auto;
    z-index: 99;
    position: relative;
    font-size: 17px;
    color: #ffffff;
    clear: both;
}
.hd-mn {
    background-color: #ffffff;
    display: block;
    direction: rtl;
    font-size: 16px;
    color: #000000;
    line-height: 23px;
    padding: 2px 0px;
}
.ms_bkp {
    background: #ffffff;
    background-color: #ffffff !important;
}
 .itemValue {
               border-radius: 50% !important;
   width: 41px;
    height: 31px;
    /* border: 1px solid #000 !important; */
    margin: 0px auto;
    float: none !important;
        }
         .btn > input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
         .btn .fa-check {
    opacity: 0;
}
         .btn.active .fa-check {
    opacity: 1;
}
.ms_bk_gR {
    background: #fff;
}
.imgIndex{   position: absolute;
    left: 15px;
    width: 100%;
    max-width: 386px;
    margin-top: 6%;}
.overlay {
	 background-color: rgba(0, 0, 0, 0.68);
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 24px 11px 8px 18px;
    direction: rtl;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    -moz-transform: rotateY(180deg) scale(0.5,0.5);
    -ms-transform: rotateY(180deg) scale(0.5,0.5);
    -o-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);
    border-bottom: 4px solid #9e0b0f;
}


.item-bx:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.ms_border .lined {
       background-color: rgb(255, 255, 255);
    margin: 5px 0;
    padding: 2px 0;
    font-size: 13px;
    border-bottom: 1px solid #ffffff;
    width: 180px;
    height: 31px;
    min-height: 0px;
    color: #d2363a;
    font-weight: bold;
    text-align: right;
    padding-right: 16px;    margin-bottom: 0px;
    padding-bottom: 0px;
}


.item-bx .overlay h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 25px 0 8px;
}

.item-bx .overlay p {
  font-size: 14px;
  line-height: 24px;
}
.tilte-slid {
    /*height: 97px;*/
    background-color: rgba(255, 255, 255, 0.89);
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 10px 20px;
}

.ms_ti_gr{
             
    font-size: 18px;
    text-align: center;
    color: #4c3f17;
    padding-right: 5px;
    padding-bottom: 14px;
    font-weight: normal;
}
.img-user{
        padding: 4px;
    margin-top: 7px;
}
.ms_bk1{
        clear: both;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    background: #ededed;
}
.breadcrumb li:after {
content: '\f100';
    font-family: FontAwesome;
    color: #989797;
    margin: 0px 7px 0px 9px;
    float: left;
    font-size: 9px;
    line-height: 26px;
}
.col-productG .breadcrumb li:after {
    
    margin: 8px 7px 0px 9px;
 
}
.ms_nopad .breadcrumb li:after {
    content: '\f100';
    font-family: FontAwesome;
    color: #989797;
    margin: 8px 7px 0px 9px;
    float: left;
    font-size: 9px;
    line-height: 35px;
}
.ms_nopad .breadcrumb li:last-child:after {
    content: ' ';
    float: left;
}
.breadcrumb li:first-child a:after {
    content: '\f100';
    font-family: FontAwesome;
    color: #989797;
    margin: 8px 7px 0px 9px;
    float: left;
    font-size: 9px;
    line-height: 24px;
}
.col-productG .breadcrumb li:first-child a:after {

    margin: 8px 7px 0px 9px;

}
.ms_nopad .breadcrumb li:first-child a:after {
    content: '\f100';
    font-family: FontAwesome;
    color: #989797;
    margin: 1px 7px 0px 9px;
    float: left;
    font-size: 9px;
    line-height: 35px;
}
.ti-ms{
   font-size: 14px;
    color: #000000;
    font-weight: bold;
}



.pages .content-wrap{
 border-top:6px solid #dcd4df;
}
.tabed{
    
    border-radius: 4px;
   
    margin: 0 auto 0px auto;

    overflow: hidden;
    width: 100%;
    position: relative;
}
.bx-ms .tabs-product-nd {
    background-color: #fff;
    margin-top: 15px;
}
.bx-ms .content-wrap {
    position: relative;
    border: 10px solid #b7b7b7;
    border-top: none;
}
.bx-ms .content-wrap section {
    display: none;
      margin: 0 auto;
  padding: 18px;
    max-width: 1271px;
    text-align: right;
    background: #ffffff;
    line-height: 28px;
    direction: rtl;
}
.bx-ms .content-wrap section.content-current {
    display: block;

}
.bx-ms .tabs nav {
    text-align: right;
    background-color: #d7d7d7;    margin-bottom: 0px;
}
.bx-ms .tabs nav ul {
    position: absolute;
    direction: rtl;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;text-align: center;
}
.tb-ul li {
    border-left:1px solid #ffffff!important;
    float: right;
    width: 153px!important;
}
.bx-ms .tabs nav ul li {
      position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0px 0;
    text-align: center;
    width: 136px;
    height: 46px;
    background: #f5f5f5;
    border-radius: 0px 0px 5px 5px;
}
.bx-ms .tabs nav .tab-current {
    background: #39ad00;
}
.tabs-product-nd  nav ul li {
    float:none;    border: none;
}

.bx-ms .tabs nav ul li:first-child {
    border-right: none;
}
.bx-ms .content-wrap {
      border: 11px solid #f5f5f5;
    border-top: 12px solid #eeeff1;
    float: right;
    width: 100%;
    clear: both;
    background: #ffffff;
    padding-bottom: 10px;
    border-radius: 5px;
}
.bx-ms .content-wrap section.content-current {
    display: block;
}
.bx-ms .tabs-style-bar nav ul li a span {
    text-transform: uppercase;
    font-size: 0.5em;
    display: block;
    padding: 10px 0;
}
.bx-ms .tabs-style-bar nav ul li.tab-current a {
   /*display: block;
    color: #000;
    padding: 2px;
    position: relative;
    right: -2px;*/
}
.bx-ms .tabs nav li.tab-current a {
  color:#ffffff !important;
    font-size: 27px !important;
}
.bx-ms .tabs-style-bar nav ul li a {
    color: #fff;
    transition: background-color 0.2s, color 0.2s;
    font-size: 25px;
    font-weight: bold;
}
.title-d{
           background: #f7f8fa;
    padding: 13px;
    width: 100%;    direction: rtl;
}
.ms_ti_in{
    text-align: center;
      padding: 20px;
    font-size: 19px;
    font-weight: bold;    border-top: 10px solid #94e0f7;
}
.dv-tx {
    color: #232f3e;
    text-align: justify;
    padding-top: 0px;
    line-height: 30px;
    direction: rtl;
    font-size: 15px;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

 .bx-ms2 {
 margin: 0px auto;
    padding: 15px 5px;
    width: 100%;
    
    float: none;
    background: #fff;
}
        .tilte-slid-prd {
 
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 0px 20px;background: rgba(255, 255, 255, 0.84);
}
        .ms_banner_prd{
            width:100%; max-height: 417px;
        }
        .off-bd-prd {
   height: 28px;
    width: 88px;
    position: absolute;
    top: 10px;
    right: 1px;
    z-index: 99999999;
   
    font-size: 12px;
    
    color: #fff;
    padding-right: 4px;
    padding-top: 4px;
    line-height: 20px;
    direction: rtl;
    background: #4CAF50;
    border-radius: 5px 0px 0px 5px;
    -webkit-box-shadow: 0 1px 1px 1px #B3B3B3;
    box-shadow: 0 1px 1px 1px #9a9999;
}

.ms_al{
    color: #da0d01;
    font-size: 11px;
    text-align: center;
}

.img-shop{
        max-width: 200px;
}

.title-nd-inner{
        padding: 2px 0;
    display: block;
    text-align: center;
}
.title-nd-inner hr {
        height: 2px;
    width: 100px;
    background-color: #fff;
    margin: 15px auto;
    margin-bottom: 2px;
}
.title-nd-inner h3 {
    font-size: 17px;
    margin-top: 10px;
}

/* The container */
.itemValue {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    padding-right: 44px;
    font-size: 14px;
    color: #000000;    height: auto;
}

/* Hide the browser's default checkbox */
.itemValue input {
       position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0px;
    right: 10px;
    height: 23px;
    width: 23px;
    margin: 0px;
    z-index: 99999999;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
    top: 0px;
    right: 11px;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 1px solid #afafaf;    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.itemValue:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.itemValue input:checked ~ .checkmark {
 background-color: #e41e26;
    border: 1px solid #d40046;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.itemValue input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.itemValue .checkmark:after {
    right: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.brandcolor{
        text-align: center;
}
.brandcolor li {
   
    text-align: right;
    direction: rtl;
    font-size: 12px;
    display: inline-block;
    width: 23px;
    text-align: center;
    margin: 2px;
    height: 23px;    padding: 0px;
}
.ms_drop {
        border: 1px solid #c5c5c5;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
}
.ms_left_74hf{
        padding-top: 7px;
    color: #F44336;
    font-size: 16px;    padding-right: 25px;
}
.msp57h{
        padding: 10px;
    line-height: 34px;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
}
.msh39g{
        font-size: 20px;
    padding-bottom: 15px;
    color: #000;
}
@media all and (max-width: 1150px){
    .off-min {
 
    padding: 10px 9px;
}

.num-nd {
   
    padding: 10px 6px;
}
.num-nd span {

    font-size: 14px;
}
.num-nd img {
    width: 14px;
    float: left;
    position: relative;
    top: 5px;
}
.tilte-slid{
    position:relative;
}


}
@media all and (max-width:850px){
 .ads-nd {
    width: 67%;
    border-bottom: 1px solid #ccc;
}


 .overlay{
     padding-top:2px;
 }
}

@media all and (max-width:570px){
   .sp-mn{
       /*display:none;*/
   }
   .ad-sb{
       display:none;
   }
   
  
  
}
@media(min-width:1058px ) and (max-width:1200px) {
    .ic-nd {
    width: 28px;
  
}
    .tx-btn {
    width: 88px;
 
    font-size: 10px;
}
.ic-nd2 {
    width: 29px;
   
}
.ms-nd {
   
    width: 84px;
   
}
    .ms-nd span {
        font-size: 10px;
    }
}
@media(min-width:0px ) and (max-width:1057px) {
    .ms_comp{clear: both;
    margin-top: 9px;
    display: block;
    width: 100%;
    float: right;}
}
@media screen and (max-width:760px){
    .corner-ribbon.top-left {
  
    right: 33%;
   
}
    .bxslider li {
    min-height:100% !important;

}
     .bxslider3 li {
    min-height:100% !important;

}
    .ms_margintop_550 {
        margin-top:10%;
    }
}

@media(min-width:0px ) and (max-width:760px) {
     .ms_fixed_so{
            position: relative;
    right: auto;
    z-index: 99999;
    top: 7px;
    width: 100%;
    margin-bottom: 11px;
    }
    .bx-ms2 {
          padding: 25px 8px;
    }

    #loginButton span {
        line-height: 19px;
    }
    .ms_bx_lew{
        width:99%;
    }
    .product-warranty li {
        width:99%;
    }
    .ms-nd {
    margin: 0px 4px;
}
    .tx-btn {
        margin-bottom:5px;
    }
}


@media (min-width: 0px) and (max-width: 460px){
    .ms_fixed_so{
            position: relative;
    right: auto;
    z-index: 99999;
    top: 7px;
    width: 100%;
    margin-bottom: 11px;
    }
	.box-info {
	width:100%
}
.col-12-zoom{
	width:99%;
	max-width:1000px;
	margin:10px auto 30px auto;
	overflow:hidden;
}
.zoom-nd {
    width: 100%;
    overflow:hidden;
    margin-bottom:20px;
        margin-top: 0px;
    margin-left: 5px;
    }
.picZoomer-pic-wp{
		margin-left:0px;
		width: 300px;
    height: 300px;
}
.picZoomer-pic {
     width: 91%;
    height: 90%;
}
    .piclist li{
     
        width: 60px;
        margin:0 2px;
    
    }
 

.picZoomer-pic-wp{
		    width: 100%!important;
    height: 100% !important;
    margin: 0px auto !important;
        margin-top: 39px !important;


}

.bx-ms .tabs nav ul li {

    display: inline-block;
 
    height: 44px;
    
}
.bx-ms .tabs-style-bar nav ul li a {
 
    font-size: 23px;
 
}
.tb-ul li {
   
    float: right !important;
    width: 95px !important;
}
.bx-ms .tabs nav li.tab-current a {
  
    font-size: 23px !important;
}
.fa-bn {

    display: none;
}
.nazar {
   
    width: 100%;
    margin-right: 0;
  
}
.nazar div table tr td {
   
    float: right;width: 100%;
}
.p-nd {
    padding-top: 16px;
   
    padding-right: 0;
    
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    
     /*body{
       font-family:Tahoma !important;
    } 

      a{
       font-family:Tahoma !important;
    }*/ 
   
    ::i-block-chrome,body , a{
      font-family:Tahoma !important;
    } 
   
    ::i-block-chrome,#cssmenu > ul > li h3 a {
   
    font-size: 11px;
    }
}
.ms-over-pay {
    margin-top: 12px;
    background-image: linear-gradient(to right, #d8bf39 0%, #43d000 50%, #d8bf39 100%);
    background-size: 200% auto;
    transition: 0.5s;
    cursor: pointer;
    border-radius: 32px;
    padding: 12px 16px;
}

.ms-overlay {
    background: #000000ba;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 999999;
    display: none;
}

.ms-rule-bx {
    background: url(/App_Themes/Template/images/bg6.jpg) no-repeat;
    max-width: 700px;
    width: 100%;
    margin: 5% auto;
    padding: 50px 40px;
    border-radius: 33px;
    position: fixed;
    z-index: 99999999;
    top: 10%;
    left: 25%;
    color: #fff;
    line-height: 39px;
    background-size: 100% 100%;
    font-size: 15px;
    direction: rtl;
    display: none;
}

.ms-rule-h4 {
    margin-bottom: 23px;
    font-weight: bold;
}

.ms-rule-close {
    background: #ff3030;
    padding: 0px 14px 3px;
    border-radius: 33px;
    font-size: 14px;
    margin: 20px auto;
    max-width: 126px;
    cursor: pointer;
}

input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height: 25px;
    width: 25px;
    margin-right: 9px;
    margin-left: 9px;
}

@media (max-width:760px) {
    .ms-rule-bx {
        left: 4%;
        width: 92%;
    }
}

/***************************Editor Style Start******************************/
.justify-content-center {
            justify-content: center;
        }
        .justify-content-flex-start {
            justify-content: flex-start;flex-direction: row-reverse;
        }
        .justify-content-flex-end {
            justify-content: flex-end;flex-direction: row;
        }
        .ms_flex {
            display: flex;
            
            flex-wrap: nowrap;align-items: stretch;
        }
 .columnthreeDiv {    width: 32%;       float: right;
    margin: 1% 0.5%;
    padding: 40px 20px 35px;
    direction: rtl;
    line-height: 30px;}
 .columntwoDiv {    width: 49%;
   
    float: right;
    margin: 1% 0.5%;
    padding: 40px 20px 35px;
    direction: rtl;
    line-height: 30px;}
 .columnoneDiv {     width: 99%;
   
    float: right;
    margin: 1% 0.5%;
    padding: 40px 20px 35px;
    direction: rtl;
    line-height: 30px;}
 .ms_shadow {
            box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.13);
        }
 .rtl{
     direction:rtl;
 }
 .ltr{
     direction:ltr;
 }
@media only screen and (max-width: 790px) {
    .columnthreeDiv, .columntwoDiv, .columnoneDiv{
        width:99%;
    }
    .ms_flex {
   
    flex-direction: column;
   
}
}
 @media only screen and (max-width: 790px) {
    .columnthreeDiv, .columntwoDiv, .columnoneDiv{
        width:99%;
    }
    .ms_flex {
   
    flex-direction: column;
   
}
}
 /***************************Editor Style End******************************/
 figure img{
     width:100%;
 }
  .Aspect_Ratio_16_9
 { 
  position: relative;
  width: 100%;
  padding-top: 56.25%;
 }
 .Aspect_Ratio_16_9 img,.Aspect_Ratio_16_9 figure img {
margin: 0px auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
  .Aspect_Ratio_1_1
 { 
  position: relative;
  width: 100%;
  padding-top: 100%;
 }
 .Aspect_Ratio_1_1 img {
margin: 0px auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
   .Aspect_Ratio_4_3
 { 
  position: relative;
  width: 100%;
  padding-top: 75%;
 }
 .Aspect_Ratio_4_3 img {
margin: 0px auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
    .Aspect_Ratio_3_2
 { 
  position: relative;
  width: 100%;
  padding-top: 66.66%;
 }
 .Aspect_Ratio_3_2 img {
margin: 0px auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
 .object-fit-cover{
     object-fit:cover
 }

#ms-content_table > div {
    width: 100%;
    margin-bottom: 25px;
    border-right: 3px solid #1972f5;
    margin-top: 15px;
    padding: 14px 35px;
    background-color: #e6f5ff;
    direction: rtl;
    line-height: 34px;
}
#ms-content_table ol, #ms-content_table ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0px;
}#ms-content_table li {
    font-size: 13px;
    list-style: none;
    color: #000080;
    text-align: justify;
    font-weight: bold;
}
 .ms_loading_Menu {
    position: absolute;
    top: 0px;
    height: 100vh;
    left: 0px;
    width: 100%;
    background: hsl(0deg 0% 100% / 70%);
    background-image: url(/App_Themes/Template/images/loading.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center center;z-index: 9;
}
 /*************************User Login Master*********************************/

#loginContainer2 {
    position:relative;
    float:left;
    /*font-size:14px;
    top:5px;*/
}

#loginButton2 { 
    display:inline-block;
    float:right;
    padding-left: 5px;color: #000;
    position:relative;    font-size: 13px;
    z-index:30;direction: rtl;
    cursor:pointer;
}
#loginButton2 span{
    position:relative;

}
/*#loginButton2 span:before { 
        font-family: 'Linearicons-Free';
content: "\e82a";
right:0;
top:2px;
position:relative;
font-size:18px;
}*/

#loginButton2:hover {
      color: #1A4387;
}
#loginBox2 {
position: absolute;
    top: 48px;
    right: 0px;
    display: none;direction: rtl;
    z-index: 9999;
}
  
#loginButton2.active {
   
    color:#1A4387;
}

#loginButton2.active span {
    background-position:53px -76px;
}

#loginButton2.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}

#loginForm2 {
    width: 200px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
    background: #fff;
    border-radius:8px;
    -moz-border-radius:8px;
    margin-top:-1px;
    
}
#loginForm2 a {
   font-size: 12px;
    color:#515151;    text-align: right;
}.dt-profile h3 {
    font-size: 13px;
    font-weight: bold;
    color: #515151;
}
.dt-profile p {
    font-size: 11px;
    padding-top: 5px;
    color: #1A4387;
}
#loginForm2 fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm2 #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm2 #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm2 input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm2 #login {
    width:auto;
    float:left;
    background:#339cdf url(images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm2 span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm2 span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}
.row-login {
    padding: 13px 15px;
    display: block;
    position: relative;
}.row-login img {
    width: 30px;
    height: 30px;
    float: right;
}.dt-profile {
    width: 120px;font-size: 11px;
    float: right;
    padding-right: 10px;
}.row-login:after {
    border-bottom: 1px solid #f0f0f1;
    content: "";
    width: 85%;
    position: absolute;
    left: 15px;
    bottom: 0;
    height: 1px;
}.rw-link {
    font-size: 12px;
}.rw-link i {
    font-weight: bold;
    font-size: 13px!important;
}
/**************************************************************************/
/******************Bascket Style Start*********************/
.ms_flexb {
    display: flex;
    -ms-flex-pack: justify!important;
    flex-wrap: nowrap;
    flex-direction: row;
    transition: all 0.5s ease 0s;
    align-content: center;
    justify-content: flex-start;
    direction: rtl;
    margin-left: 15px;
    align-items: center;
}
/* Login Container (default to float:right) */
#loginContainer
{
    position: relative;
}

/* Login Button */
#loginButton
{
    z-index: 9;color: #000;
    cursor: pointer; 
}

    /* Login Button Text */
    #loginButton span
    {
       
                /*color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    text-shadow: none;
    padding: 4px 26px 9px 10px;
    display: block;
    float: right;
   
    margin: 4px 5px 0px 2px;
    text-align: right;
    direction: rtl;*/
    }

    #loginButton:hover
    {
         
    }

/* Login Box */
#loginBox
{
position: absolute;
    top: 40px;
    right: 0;
    display: none;
    z-index: 99999999;
}

/* If the Login Button has been clicked */
#loginButton.active
{
    border-radius: 3px 3px 0 0;
}

    #loginButton.active span
    {
        background-position: 53px -76px;
    }

#loginButton div
{
 /*position: absolute;
    top: 0px;
    right: 0px;
    width: 29px;
    height: 34px;*/

}

    #loginButton div i
    {
          float: right;
    margin: 7px 7px 0px 1px;
    
    font-size: 19px;
    }

#loginButton i
{

}
/* A Line added to overlap the border */
#loginButton.active em
{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d2e0ea;
    bottom: -1px;
}

/* Login Form */
#loginForm
{
     width: 230px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 6px;
    box-shadow: rgb(0 0 0 / 16%) 0px -1px 20px !important;
    font-size: 12px;
    direction: rtl;
}

    #loginForm fieldset
    {
        margin: 0 0 12px 0;
        display: block;
        border: 0;
        padding: 0;
    }

fieldset#body
{
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 13px;
    margin: 0;
}

#loginForm #checkbox
{
    width: auto;
    margin: 1px 9px 0 0;
    float: left;
    padding: 0;
    border: 0;
    *margin: -3px 9px 0 0; /* IE7 Fix */
}

#body label
{
    color: #3a454d;
    margin: 9px 0 0 0;
    display: block;
    float: left;
}

#loginForm #body fieldset label
{
    display: block;
    float: none;
    margin: 0 0 6px 0;
}

/* Default Input */
#loginForm input
{
    width: 92%;
    border: 1px solid #899caa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #3a454d;
    font-weight: bold;
    padding: 8px 8px;
    box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    font-size: 12px;
}

/* Sign In Button */
#loginForm #login
{
    width: auto;
    float: left;
    background: #339cdf url(../images/loginbuttonbg.png) repeat-x;
    color: #fff;
    padding: 7px 10px 8px 10px;
    text-shadow: 0px -1px #278db8;
    border: 1px solid #339cdf;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 12px 0 0;
    cursor: pointer;
    *padding: 7px 2px 8px 2px; /* IE7 Fix */
}
.ulBasketList
{
   text-align: center;
    padding: 102px 1px 9px 1px;
    color: #666;
    background-image: url(/App_Themes/Template/images/bc6a97c7.svg);
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 55px;
overflow: auto;
    height: 160px;
}

    .ulBasketList li
    {
        float: right;
        border-bottom: 1px solid #F0F0F0;
       width:100%;
        background: white;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;padding-bottom: 6px;
        transition: all 250ms ease;    position: relative;    margin-right: 0px;
       
    }

        .ulBasketList li:hover
        {
            background: #f5f5f5;
        }

    .ulBasketList .bskImg
    {
        float: right;
    width: 50px;
    height: 50px;
        border-radius: 11px;
    }

    .ulBasketList li span
    {
        float: right;
        font-size: 12px;
    }

    .ulBasketList .bskDel
    {
     cursor: pointer;
    position: absolute;
    left: 0px;
    top: 4px;
    font-size: 14px;
    color: #d4d4d4;
    }

    .ulBasketList .bskTitle
    {
        float: right;
    margin: 8px 5px 3px 5px;
    color: #2F2F2F;
    width: 143px;
    text-align: right;
    position: relative;
    top: 0px;
    padding: 0px;
    }

    .ulBasketList .bskCount
    {
        float: right;
      
    }

   

    .ulBasketList .bskTKadr
    {
     width: 100%;
    float: right;
    margin-top: 5px;
    text-align: center;
    background-color: rgb(245 245 245 / 45%);
    padding: 5px 9px;
    border-radius: 5px;
    }

.bskDown
{

}

.bskDown a
{
    float: right;
    margin: 3px;
}

.bskDown span
{
        color: #00bfd6;
    background-color: rgba(0,191,214,0.1);
    padding: 5px 9px;
    width: 100%;
    display: block;
    font-size: 13px;
    text-align: center;
    margin-bottom: 6px;
    border-radius: 6px;
}
.orangeBtn
{
     border: 1px solid #e7e7e7;
    display: inline-block;
    cursor: pointer;
    padding: 7px 7px;
    border-radius: 19px;
    background-color: #f5f5f5;
    width: 89px;
    color: #000;
    text-align: right;position: relative;
    padding-right: 15px;
}
.orangeBtn i{
           font-weight: 100;
    position: absolute !important;
    left: 9px;
    top: 8px !important;
    opacity: .2;
    font-size: 16px !important;
}
.list-tp li:nth-child(2) .bskDown a:before{
    display:none;
}
.list-tp li:nth-child(2) .bskDown a:hover{
    color: #000 ;
}
    .orangeBtn:hover
    {
           background: #0d7d67;
    color: #fff !important;
    border: 0px solid #0d7d67;
    }

    .orangeBtn:active
    {
        position: relative;
        top: 1px;
    }

    .ms-link_basket{
      line-height: 33px;
    font-size: 12px;
    letter-spacing: -0.5px;
    width: 105px;
    padding-right: 7px;
    }

    .bskTKadr .qtyplus2, .bskTKadr .qtyminus2 {
    border: 1px solid #eee;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    line-height: 26px;
    background: #fff;
    cursor: pointer;
}.bskTKadr .txtbasket {
    width: 45px !important;
    height: 25px;
    border: 1px solid #eee !important;
    -webkit-box-shadow: inset 0px 1px 3px #bbb0 !important;
}

  .ms-padtop0{
     padding-top:0px;
 }



/******************Bascket Style End*********************/

/***********************FAQ Style**************************/
.title {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    direction: rtl;
}
.ms_box_title{
       background: url(/App_Themes/Template/images/prx.jpg) center top;
    background-size: cover;
    height: 200px;
    position: relative;
    width: 100%;
}
.ms-bxtitle{
        position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: #1c262f;
    max-width: 1240px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 18px 18px 0px 0px;
    padding: 15px 40px;
}

.ms-icon_title{
       width: 41px;
    margin-left: 10px;
    margin-top: -10px;
}

#faq-list{
    margin:10px;
}
.titlefaq {
 font-size: 13px;
    direction: rtl;
    border-radius: 8px;
    font-weight: bold;
    padding: 3px;
    width: calc(100% / 4 - 0.01px);
    display: block;
    float: right;
    height: 175px;
   position:relative;
}
.titlefaq:hover{
    -webkit-box-shadow: 0 0 12px 0 hsl(0deg 0% 71% / 46%);
    box-shadow: 0 0 12px 0 hsl(0deg 0% 71% / 46%);
    border-radius: 8px;
}
.titlefaq:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    width:1px;
    height:162px;
    background:#ccc;
}
.titlefaq:after{
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 97%;
    height: 1px;
    background: #ccc;
}
.titlefaq a {
     color: #000;
    opacity: .6;
    line-height: 33px;
}
.img-faq-bx{
        margin: 15px auto;
    background: #eee;
    padding: 20px;width: 96px;
    height: 96px;
    border-radius: 50%;
}
.img-faq-bx img{
    width:90%;
}
.FAQRow{
     border: 1px solid #d3d3d3;
    background-color: #fff;
    border-radius: 8px;
   
    margin-bottom: 6px;
    letter-spacing: -0.5px;
}
.h2FAQ {
        cursor: pointer;
    background-image: url(/App_Themes/Template/images/up.JPG);
    background-position: left;
    background-repeat: no-repeat;
    font-size: 14px;
    z-index: 5; padding: 24px 28px;
    font-weight: normal;
    text-align: right;
    direction: rtl;
    color: #000;
    position: relative;
   
    background-position-x: 15px;
}
.closeFAQ {
        cursor: pointer;
    background-image: url(/App_Themes/Template/images/down.jpg);
    background-position: left;
    background-repeat: no-repeat;
    
    background-position-x: 15px;
}
.answerFAQ {
      display: none;
    border-top: 0;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
    margin:28px;
    position: relative;
    line-height: 28px;
}

@media only screen and (max-width:812px) {
    .titlefaq {

    width: calc(100% /2 - 0.01px);

}
      .h2FAQ {
   
    font-size: 12px;
  
    padding: 24px 9px;
   
    line-height: 27px;
    padding-left: 47px;
}
}
@media only screen and (max-width:422px) {
    .titlefaq {

    width: calc(100% /1 - 0.01px);

}
  
}
/***********************FAQ Style**************************/