/***new ***/


    .message_sucess {}

    .message_error {}

    .form_cart_off input[name="code_off"] {

        border: 1px solid #e6e6e6;
        border-radius: 3.5px;
        background-color: rgb(242, 242, 240);
        width: 100%;
        margin: 0 !important;
        text-align: right !important;
        min-height: 8px;
        font-size: 12px;
    }

    .form_cart_off form {
        display: block;
        width: 100%;
        position: relative;
    }

    .form_cart_off .btn_off {
        border: 0px solid #e6e6e6;
        height: 100%;
        background-color: transparent;
        width: 100%;
        font-size: 12px;
        direction: rtl;
    }

    .form_cart_off .new_btn {
        position: absolute;
        left: 1px;
        margin: 0;
        right: auto;
        top: 1px;
        height: calc(100% - 2px);
        background-color: #e6e6e6;
        padding: 0px 6px;
    }

    .left_cart_box {
        width: 100%;
        padding: 20px;
        border-radius: 6px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
        border: solid 1px #e6e6e6;
        box-sizing: border-box;
        margin-bottom: 20px;
        background-color: #ffffff;
        line-height: 24px;
    }

    .Step_step {
        text-align: right;
        padding: 0em 0;

    }

    .cstp2 {
        display: inline-block;
        position: relative;
        overflow: hidden;

    }

    .cstp2::before {
        content: "";
        position: absolute;
    }

    .StepText_new {
        position: relative;
    }

    /***new ***/
    .key_btn1 {
        width: 95%;
        max-width: 70rem;
        margin: 0 auto;
    }

    .message_pay {}

    .message_pay p {
        text-align: center;
        margin-bottom: 0;
    }

    .key_btn11 {
        direction: ltr;
    }

    .new_btn .new_btn2 {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
        padding: 5px;
        width: auto;
        max-width: 9em;
        direction: ltr;
    }

    .message_paya {
        color: var(--color_orang);
    }

    .message_paya:hover,
    .message_paya:focus {
        color: var(--color_orang);
    }

    .edit_addres {
        cursor: pointer;
    }

    .div_addres {}

    .addres_li li {
        display: inline-block;
        position: relative;
        padding: 15px 15px 15px;
        border: 2px solid #efefef;
        border-radius: 10px    ;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        margin-bottom:1rem;
}

    .addres_li {
        list-style: none;
        padding: 0;
        margin: 1em;
    }

    .add_li {
        position: relative;
    }

    .accep_rll {
        position: relative;
    }

    .add_li2 .chk_box .ichk_box+span::before {
        background-color: var(--color_gray2);
        border-color: var(--color_gray2);
    }

    .add_li2 {
        width: 32%;
        margin-left: 1%;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;

    }

    .radd2 {
        padding-top: 10px;
        height: 9em;
        border-top: 1px solid #efefef;
    }

    .ladd {}

    .ladd p {
        margin: 0;
    }

    .dadd_li1 {
        background-color: var(--color_gray2);
        padding: 3em;
    }

    .add_li1 {
        width: 32%;
        margin-left: 1%;

        text-align: center;
        cursor: pointer;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;

    }

    .add_li1:hover .dadd_li1,
    .add_li1:focus .dadd_li1 {
        background-color: #e0e2ea;
    }

    .add_li1 i {
        font-size: 45px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .add_li1 span {}

    .bx_cart_pay {
        width: 100%;
        padding: 0;
        border-radius: 6px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
        border: solid 1px #e6e6e6;
        box-sizing: border-box;
        background-color: #ffffff;
        line-height: 24px;

    }

    .bx_cart_pay .title_cart_pay {
        text-align: center;
        background-color: var(--color_gray2);
        margin-bottom: 0em;
    }

    .bx_cart_pay .title_cart_pay p {
        margin-bottom: 0em;
    }

    .bx_cart_pay .cnt_cart_pay p {
        text-align: justify;
        -moz-text-align-last: right;
        text-align-last: ight;
        text-align: justify;
    }

    .bx_cart_pay textarea {

        resize: none;
        height: 100%;
        border-width: 0;
        max-height: 20rem;
        font-size: 11px;
        padding: 1em 0;
    }

    .cnt_cart_pay {
        padding: 10px;
    }

    .bx_cart_pay textarea:hover,
    .bx_cart_pay textarea:focsu {}

    .des_customer::-webkit-input-placeholder {}

    .des_customer::-moz-placeholder {}

    .des_customer:-ms-input-placeholder {}

    .des_customer::-ms-input-placeholder {}

    .brown_plac::placeholder {
        color: var(--color_black);
        opacity: 1 !important;
    }







    .list_bank_div {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        text-align: right;
        height: 100%;

    }

    .bbb {
        background-color: var(--color_gray2);
        padding: 1em 1em;
    }

    .list_bank {
        list-style: none;
        padding: 0;
        width: 100%;
    }

    .list_bank li {
        position: relative;
        padding: 8px 0px;
    }

    .tempty_cart {
        text-align: center;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: center;
    }

    .empty_cart {}

    .empty_cart p {
        direction: rtl;
        margin: 0 auto;
        line-height: 42px;
        position: relative;
        display: block;
        text-align: center;
        font-size: 2rem;
        max-width: 24em;
        color: #7b7b7b;
        cursor: default;

    }

    .iempty_cart {}

    .iempty_cart i {
        position: relative;
        top: 24px;
        font-size: 1080%;
        color: var(--color_gray2);
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .ptd_quantity_new {}

    .ptd_quantity_new input[type=number] {
        text-align: center;
    }

    .ptd_quantity_new .quantity-minus {
        position: absolute;
        left: 0;
        background-color: var(--color_gray2);
        border-radius: 0;
        height: 100%;
        width: 2em;
        margin: 0 !important;
        font-weight: 700;
    }

    .ptd_quantity_new .quantity-plus {
        position: absolute;
        right: 0;
        background-color: var(--color_gray2);
        border-radius: 0;
        height: 100%;
        width: 2em;
        margin: 0 !important;
        font-weight: 700;
    }

    .detail_order span {
        display: block;
        direction: rtl;
        text-align: right;
    }

    .addres_lit {
        list-style: none;
        text-align: center;
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    .detail_order span:first-child {
        width: 16em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;

    }

    .tb_cart {
        border: 0px solid var(--color_gray2);
        font-size: 1.4rem;
        font-weight: 400;
    }

    .tb_cart .product-cart1 {
        border: 1px solid var(--color_gray2);
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    }

    .tb_cart th,
    .tb_cart td,
    .tb_cart * {
        font-size: 1.4rem;
        font-weight: 400;
    }

    .tb_cart thead {
        background-color: var(--color_gray2);
        padding: 15px;
        display: none;

    }

    .tb_cart thead th {
        padding: 8px;
    }

    .tb_cart tbody td:first-child .ptd_photo {
        width: 8em;
    }

    .tb_cart tbody td:nth-child(3) {
        width: 11em;
    }

    .tb_cart tbody td {
        padding: 15px;
        width: 20%;
    }

    .ptd_quantity {
        width: 10em;
    }

    .tb_cart .ptd {
        text-align: center;
    }

    .tb_cart tbody .remove_cart {
        color: var(--color_black);
    }

    .tb_cart tbody .remove_cart i {
        font-size: 25px;

        cursor: pointer;
    }

    .tb_cart tbody .remove_cart:hover,
    .tb_cart tbody .remove_cart:focus {
        color: var(--color_black);
    }

    .ptd_photo img {
        display: block;

        max-width: 70px;
        height: auto;
        margin: 0 10px;
        cursor: pointer;
        border: 0px solid #e2e2e2;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;

        color: #f4f4f4;
        background-color: #f4f4f4;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
        background-size: 40px 100%;
        background-repeat: no-repeat;
        background-position: left -40px top 0;
        -webkit-animation: shine 1s ease infinite;
        animation: shine 1s ease infinite;max-height: 10rem;
    }

    .brown_plac::-webkit-input-placeholder {
        color: var(--color_orang4) !important;
        opacity: 1 !important;
    }

    .brown_plac::-moz-placeholder {
        color: var(--color_orang4) !important;
        opacity: 1 !important;
    }

    .brown_plac:-ms-input-placeholder {
        color: var(--color_orang4) !important;
        opacity: 1 !important;
    }

    .brown_plac::-ms-input-placeholder {
        color: var(--color_orang4) !important;
        opacity: 1 !important;
    }

    .brown_plac::placeholder {
        color: var(--color_orang4) !important;
        opacity: 1 !important;
    }

    .des_karg_cart {

        background-color: var(--color_green);

        padding: 1em;
    }

    .des_karg_cart p {
        text-align: justify;
        text-align: justify;
        line-height: 30px;
        letter-spacing: 0.5px;
        overflow: hidden;
        margin: 0;
        color: var(--color_white);
        cursor: default;
    }

    .ul_box1 {
        list-style: none;
        padding: 0em 0em;
        margin: 0 auto 1em;

    }

    .title_box p {
        margin-bottom: 1em;
        margin-top: 0em;
    }

    .ul_box1 li:first-child {
        padding-top: 0;
    }

    .ul_box1 li {
        border-bottom: 0px solid var(--color_gray2);
        position: relative;
        padding: 9px 0px;
        display: block;
    }

    .ul_box1 li:last-child {
        border-bottom: 1px solid var(--color_gray2);
    }

    .ul_box1 li span {
        position: relative;

    }

    .ul_box1 li span:first-child::after {
        position: absolute;
        content: "";
        right: 0;
    }

    .ul_box1 li d {
        float: left;
        text-align: left;

    }

    .ul_box1 li .vhd {
        padding-left: 0 !important;
    }

    .cart_box {
        padding: 0em 1em;
        background-color: var(--color_white);
    }

    .cart_box_css {
        margin-bottom: 2em;

    }

    .stepsap::before {
        position: absolute;
        right: 0;
        top: 110%;
        background: var(--color_green);
        content: '';
        height: 8px;
        width: 100%;
        z-index: 0;
    }

    .StepBystep {
        overflow: visible;
        display: block;
        height: auto;
        padding: 48px 0;
        position: relative;
        width: 100%;
        margin: 0em auto 0em;
        background: #eeeff1;
        z-index: 1;
    }


    .ContentCreatePage {


        position: relative;
    }

    .mg-btmfaktor i {}

    .mg-btmfaktor {
        direction: rtl;

        font-size: 17px;
    }

    .alertfaktor {
        direction: rtl;
    }

    .RightFilter {

        width: 21%;
        display: inline-block;
        margin-left: 1%;
        border: 0px solid #DDD;
    }

    .Show {
        display: block;
        display: block !important;


    }

    .ActiveCategory {
        color: red;

    }

    .ResultFaktor {
        width: 33%;
        display: inline-block;
        float: left;
    }

    .RightF {

        margin-bottom: 1em;
        border-bottom: 0px solid #DDD;
        padding-bottom: 1em;

    }

    .RightF .HeaderFilter {

        background: #515151;
        color: #FFF;
        padding: 0.2em 0.5em;
        font-weight: 100;
        font-size: 14px;

    }

    .RightF ul {
        list-style: none;
        font-size: 13px;
        font-weight: 100;
        margin: 0 auto;
        max-width: 95%;



    }

    .Nms {}

    .Nms label {}

    .RightF ul li {
        width: 100%;
        cursor: pointer;
        margin-top: 0.5em;
        position: relative;
        overflow: hidden;
        font-size: 12px;
        margin-bottom: 0.5em;
        border-bottom: 1px dashed #DDD;
        padding-bottom: 0.5em;

    }

    .RightF ul li:last-child {
        border-bottom: 0px dashed #DDD;

    }

    .RightF ul .InputShekl {
        background-image: url(../images/a-checkbox-medium-sprite.png);
        position: relative;
        width: 2em;
        height: 2em;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 6px 0px;
        float: right;

    }

    .RightF ul .TextFilter {}


    .LeftPad {
        width: 77%;
        display: inline-block;
        float: left;
    }


    .PadImage {
        width: 32%;
        overflow: hidden;
        display: inline-block;
        border: 1px solid #DDD;
        height: 17em;
        position: relative;


    }

    .PadImage .PadeImagehidden {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99999;

    }

    .PadImage .PImages {
        width: 100%;
        height: 85%;


    }

    .PadImage .PImages img {

        height: 100%;
        width: auto;
        display: block;
        margin: 0 auto;
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transition: all 3s ease;
        -webkit-transition: all 3s ease;
        -moz-transition: all 3s ease;
        -o-transition: all 3s ease;
    }


    .PadImage:hover img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -moz-transform: scale(1.4);

    }

    .NextStepdiv {}

    .NextStep:hover {
        background: #FFF;
        color: #fe0000;
    }

    .NextStep:hover i {
        background: #fe0000;
        color: #FFF;
    }



    .NextStep {
        position: relative;
        left: 0;
        top: 0;
        border: 1px solid #fe0000;
        background: #fe0000;
        color: #FFF;
        padding: 0.8em 1em 0.8em 3em;
        cursor: pointer;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        font-family: IRANSansWeb;
        overflow: hidden;
        float: left;
    }

    .ShowMarketdiv {
        position: fixed;
        z-index: 9;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.2);
        display: none;
        overflow: auto;
        min-height: 100%;
        transform: translate3d(0, 0, 0);

    }

    .btn-info {
        color: #fff;
        background-color: #428bca !important;

        border-color: #357ebd !important;
    }

    .btn-info:hover {
        color: #fff !important;
        background-color: #3071a9 !important;
        border-color: #285e8e !important;
    }

    .sabtoff {
        font-size: 14px !important;
        min-width: 180px;
        font-weight: 600;
    }

    .oksoffh5 {
        font-weight: 700;

        font-size: 13px;
    }

    .sabtoff {
        font-size: 13px !important;
        font-weight: 700;
        font-family: IRANSansWeb;
    }

    .oksoff {
        font-size: 13px !important;
        font-weight: 700;
    }

    .mg-btm {
        position: relative;

        overflow: hidden;

        direction: rtl;

        font-size: 13px;

        font-weight: 700;

        padding: 5px 0;
    }

    .spantxt {
        font-size: 13px;

        font-weight: 700;
    }

    .ifif {
        font-size: 2em;
        text-align: center;
        display: block;
    }

    .ShowMarketdiv .newfilmcnt {
        width: 95%;
        margin: 2em auto;
        max-width: 50em;
        background-color: white;
        height: auto;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        background-image: url(../images/Loading001.gif);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 3em;
    }

    .mg-btmfaktor .fa-circle-o {

        color: #d8dee7 !important;
    }

    .chngfp i {

        font-size: 18px;
        padding: 0 3px;
        color: #4c4c4e !important;
    }

    .chngfp {}

    .chngfp i {
        font-size: 18px;

        padding: 0 3px;

        color: #4c4c4e;
    }

    .fh4 {
        float: left;

        margin-top: -3em;

        direction: rtl;

        position: relative;

        z-index: 9;
    }

    .divh4 {
        position: relative;

        overflow: hidden;

        margin-bottom: 0.5em;

        margin-top: 0em;

        display: block;
    }

    .titerh4 i {
        color: #a6825a;
        display: none;
    }

    .titerh4 {
        font-size: 16px;

        font-weight: 700;

        padding: 0.5em 0;

        display: inline-block;

        margin: 0;

        width: 100%;

        text-align: center;
    }

    .clickcheck {
        cursor: pointer;
    }

    .chkboxhidden i {
        font-size: 1.5em;

        text-align: center;

        display: block;
    }

    .chkboxhidden input {
        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        right: 0;

        z-index: 9;

        opacity: 0;

        margin: 0;
        cursor: pointer;
    }

    .chngfp input {
        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        right: 0;

        z-index: 9;

        opacity: 0;
    }

    .clickcheck .fa-circle-o {
        color: #36373b;
    }

    .nobtn {
        background: transparent;

        border-width: 0;


    }

    .nobtn i {
        font-size: 17px;
    }

    .text-moremuted {
        cursor: default;

        color: #cfcfcf;

        font-size: 1.33em;
    }

    .mg-zero {
        text-align: right;
        font-weight: 700;
        display: inline-block;
        margin: 0;
        font-size: 13px;
    }

    .ShowMarketdiv .Closesm {
        padding: 15px;

        color: #ABAAAA;

        position: absolute;
    }

    .ShowMarketdiv .Closesm i {

        font-size: 15px;

        cursor: pointer;
    }

    .ShowMarket {

        width: 100%;

        margin: 0em auto;

        display: block;

        border-width: 0;

    }


    .NextStep i {
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
        background: #FFF;
        color: #fe0000;
        padding: 0.65em 0.5em;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .ContentCreatePage {

        min-height: 30em;

        overflow: hidden;
    }

    .PadImage:hover .TiterPl {
        background: #fe0000;
    }

    .Copy {
        background: #FFF;
        border-top: 1px solid #DDD;
        text-align: center;
        padding: 0.5em 0;
        position: relative;
        overflow: hidden;
        display: block;
        width: 100%;
    }

    .Copy a {
        color: #B4B4B4;
        font-size: 12px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-decoration: none;
        outline: none;
        display: block;
    }

    .Copy a:hover {
        color: #000;
        text-decoration: none;
        outline: none;
    }

    .PadImage .TiterPl {
        height: 15%;
        text-align: center;
        line-height: 43px;
        background: #515151;
        color: #FFF;
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transition: all 3s ease;
        -webkit-transition: all 3s ease;
        -moz-transition: all 3s ease;
        -o-transition: all 3s ease;


    }

    .ahidencat {

        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }

    .leftbot {
        position: absolute;
        left: 8px;
        top: 5px;


    }

    .ulul {
        width: 96%;
        float: left;
        display: none;


    }

    .ulul li {}

    .Activefilter {}

    .Activefilter .InputShekl {
        background-position: 6px 72% !important;
    }

    .owl-carousel-2 .owl-stage-outer {
        width: 100%;
        direction: ltr;
    }

    .cstp {
        width: 75%;
        margin: 0 auto;
        position: relative;
        top: 8px;
    }

    .SelectStep .StepText {


        color: var(--color_black);
    }

    .errorstepul .SelectStep::before {

        background: #c21f81 !important;
    }

    .cstp .lastSelectStep::before {}


    .StepBystep .ThisStep:last-child {
        width: auto;

        float: left;

        padding: 0;

        margin: 0;

        position: absolute;

        left: 0;
    }




    @media screen and (min-width: 800px) {
        .StepBystep .ThisStep:last-child .StepText {
            left: -2.9em !important;
        }
    }

    .sucesi {
        color: #4d4d4d;
    }

    .StepBystep .ThisStep:last-child .StepCir {

        left: 0;

        right: auto !important;
    }

    .btdown1 {
        position: relative;

        overflow: hidden;
        margin-bottom: 1em;
        width: 100%;
    }

    .btdown {
        position: relative;

        overflow: hidden;

        width: 100%;
    }

    .StepBystep {
        overflow: visible;
        display: block;
        height: auto;
        padding: 28px 0 48px;
        position: relative;
        width: 100%;
        margin: 0em auto 0em;
        background: var(--color_gray2);
        z-index: 1;

    }

    .StepBystep .cstp::before {
        position: absolute;
        right: 0;
        top: 40%;
        background: var(--color_gray2_hover);
        content: '';
        height: 8px;
        width: 99%;
        z-index: 0;
    }

    .SelectStep .StepCir {
        color: #15b091;

    }

    .SelectStep .StepCir i {}

    .StepCir i {}

    .SelectStep {
        color: #36373b;
    }

    .StepBystep .ThisStep {
        z-index: 8;
        padding: 0;

        position: relative;

        top: -1em;



        cursor: default;

        display: inline-block;


        width: 48%;
        color: var(--color_black);




    }

    .StepBystep .ThisStep:nth-child(2) {
        width: 51%;
    }

    .StepBystep .ThisStep .StepCir {

        width: 10px;
        height: 10px;

        position: absolute;
        top: 100%;
        right: 0;



    }

    .ok_step {
        color: var(--color_green) !important;
    }

    .StepBystep .ThisStep .StepCir i {
        font-size: 30px;
        background: var(--color_gray2);
        padding: 0 6px;
        position: relative;
        top: -12px;
        color: #14af903d;
    }

    .StepBystep .ThisStep .StepText {

        position: relative;
        left: 1.8em;
        top: 40px;

    }

    .LoadBodyGallary {}

    .ThisItem {
        position: relative;
        overflow: hidden;
        margin-bottom: 1em;
        border: 1px solid #DDD;
        width: 49%;
        display: inline-block;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 12em;

    }

    .ThisItem:nth-child(2n+1) {
        float: left;
    }

    .ThisItem:hover {
        box-shadow: 0 0 10px #F3F3F3;
    }

    .ThisItem:nth-child(2n+1) {
        float: left;
    }

    .ThisItem .RightThisItem {
        position: absolute;
        right: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        top: 0;

    }

    .ThisItem .ThisIteminput {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        padding: 0;
        margin: 0;

    }

    .ThisItem .RightThisItem input::checked {}

    .ThisItem .RightThisItem i {}

    .ThisItem .LeftThisItem {
        display: inline-block;
        width: 100%;
        position: relative;


    }

    .ThisItem .LeftThisItem .ImgTT {
        width: 12em;
        overflow: hidden;
        position: relative;
        height: 12em;
        display: inline-block;
        float: right;
        margin-left: 1em;
    }

    .ThisItem .LeftThisItem img {
        height: 100%;
        width: auto;
        display: block;
        margin: 0 auto;
        -webkit-transition: all 0.51s ease;
        -moz-transition: all 0.51s ease;
        transition: all 0.51s ease;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-filter: brightness(0.85);
        filter: brightness(0.85);

    }

    .ThisItem:hover img {
        transform: scale(1.5) rotate(-10deg);
        -ms-transform: scale(1.5) rotate(-10deg);
        -webkit-transform: scale(1.5) rotate(-10deg);
        -o-transform: scale(1.5) rotate(-10deg);
        -moz-transform: scale(1.5) rotate(-10deg);
        -webkit-filter: brightness(1);
        filter: brightness(1);
    }

    .ThisItem .LeftThisItem .LEftDes {
        display: inline-block;
        width: 60%;
        padding-top: 0.25em;
    }

    .ThisItem .LeftThisItem .nameTT {
        font-size: 17px;
        margin-bottom: 1em;
        border-bottom: 1px solid orange;
        padding-right: 0.5em;
        display: inline-block;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        cursor: default;

    }

    .ThisItem .LeftThisItem .nameTT i {
        padding-left: 7px;
    }

    .ThisItem .LeftThisItem .desTT {
        width: 85%;
        height: 100%;
        position: relative;
        float: right;
        text-align: justify;
    }

    .ThisItem .LeftThisItem .cashvahedTT {
        position: absolute;
        border: 1px solid #DDD;
        display: inline-block;
        padding: 0.8em 0.2em;
        background: #f8f8f8;
        color: #000;
        font-size: 13px;
        bottom: 4%;
        width: 14em;
        left: 1%;
    }

    .LoadOneStepMain {
        width: 98%;
        margin: 0 auto;

    }

    .ThisItem .LeftThisItem .cashvahedTT .cashvahedtext {
        display: inline-block;
        padding: 0 0.5em;
    }

    .ThisItem .LeftThisItem .cashvahedTT .cashvahed {
        display: inline-block;
    }

    .ThisItem .LeftThisItem .cashvahedTT .vahed {
        display: inline-block;
        width: auto;
        padding-right: 8px;
        font-size: 9px;
    }

    .ShowDown {
        position: relative;
        overflow: hidden;
        display: block;
        width: 100%;

    }

    .ShowTop {

        position: relative;
        overflow: hidden;
    }

    .SelItem {
        background: #EFEFEF;
        border-radius: 0px;
    }

    .SelItem .cashvahedTT {
        background: orange !important;

    }

    .SelItem .tikitem {
        opacity: 1;
    }

    .tikitem {
        position: absolute;
        left: 2%;
        top: 2%;
        font-size: 23px;
        opacity: 0;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;

    }






    /* Page map */

    .MetrSize .MS span {
        max-width: 47%;
        display: inline-block;
        font-size: 12px;
        margin-left: 3%;
        background: #515151;
        height: 100%;
        position: absolute;
        width: 3.5em;
        text-align: center;
        color: #FFF;
        padding-top: 1em;
        line-height: 10px;

    }

    .MetrSize .MS input {

        display: inline-block;
        padding: 0.8em 0.3em 0.8em 0.3em;
        direction: ltr;
        text-align: left;
        background: transparent;
        margin: 0;
        float: left;
        width: 70%;
        border-width: 0;
        box-shadow: 0 0 0;
    }

    .MetrSize .MS input:focus {
        border-width: 0;
        background: #F3F3F3;
    }


    .MetrSize .MS input::error-message,
    .MetrSize .MS input:error-message {
        background: red !important;

        font-family: IRANSansWeb;
    }


    .LoadOneStep {
        border: 1px solid #DDD;
        margin-bottom: 2em;

    }

    .TiterHeader span {
        background: orange;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding-top: 0.65em;
        padding-left: 1em;
        padding-right: 1em;

    }

    .TiterHeader i {
        padding-left: 0.5em;

    }

    .TiterHeader {
        padding: 0.5em;
        border-bottom: 1px solid #DDD;
        background: #DDD;
        color: #FFF;
        cursor: default;
        position: relative;
        height: 2.5em;

    }

    .DesProduct {
        padding: 0.5em 0.5em 2em;

    }


    .PreveStep {
        position: absolute;
        left: 8em;
        top: 0;
        border: 1px solid #fe0000;
        background: #fe0000;
        color: #FFF;
        padding: 0.2em 3em 0.2em 1em;
        cursor: pointer;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        font-family: IRANSansWeb;
        overflow: hidden;
        margin-left: 1em;
    }

    .PreveStep a {
        color: #FFF;
        font-size: 16px;
        font-weight: 500;

    }

    .PreveStep i {
        position: absolute;
        right: 0;
        height: 100%;
        top: 0;
        background: #FFFF;
        color: #fe0000;
        padding: 0.65em 0.5em 0;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .PreveStep:hover {
        background: #FFF;
        color: orange;
    }

    .PreveStep:hover a {
        color: #fe0000;
    }

    .PreveStep:hover i {
        background: #fe0000;
        color: #FFF;
    }


    .LeftGmap {
        width: 34%;
        position: relative;

    }

    .elementgmap {}

    .elementgmap input {
        width: 65%;
        height: 3em;
        resize: none;
        font-family: IRANSansWeb;
        background: transparent !important;
        font-size: 12px;
        border-width: 0;
        border-bottom: 1px solid #DDD;

    }

    .elementgmap input:focus {
        background: #fdfdfd !important;
    }

    .elementgmap textarea {}

    .elementgmap label {
        font-size: 13px;
        font-weight: 100;
        width: 28%;
        display: inline-block;


    }

    .Loadgmap {
        width: 54%;
        height: 22em;
        position: relative;
        overflow: hidden;
        float: left;
        border: 1px solid #DDD;
        box-shadow: 0 0 5px #DDD;

    }

    .HelpDes {
        margin: 3em 0;

    }

    .HelpDes ul {
        padding: 0 1.3em 0 0;
        margin: 0;

    }

    .HelpDes ul li {
        margin: 0 0 1em;
        font-size: 14px;
    }

    .HelpDes h5 {
        background: #f6544c;
        color: #FFF;
        padding: 5px;
        display: inline-block;
        cursor: default;
        margin-bottom: 1em;

    }

    .HelpDes p {}

    .BTnB {
        position: relative;
        overflow: hidden;
        display: block;
        margin-bottom: 2em;
        min-height: 3em;
    }

    .galbg {
        width: 100%;
        height: 15em;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        position: relative;
        background-position: center;
        box-shadow: 0px 16px 66px rgba(221, 221, 221, 0.6);
    }


    .galbg h1 {
        background-color: rgba(255, 255, 255, 0.84);
        display: inline-block;
        margin: 1em auto 0;
        font-weight: 100;
        font-size: 23px;
        cursor: default;
        padding: 0.2em 0.3em;
    }


    .galbg .DesGalbdiv {
        display: block;
    }

    .galbg .DesGalb {
        background-color: rgba(0, 0, 0, 0.79);
        display: inline-block;
        margin: 0.5em 0;
        font-weight: 100;
        font-size: 15px;
        cursor: default;
        color: #FFF;
        width: 21em;
        padding: 1em 0.5em;
    }

    .LeftLefttDfff {
        display: inline-block;
        width: 74%;

    }

    .ITEMMMM {
        width: auto !important;
        padding-left: 10px;

    }

    .pac-container {

        direction: rtl;
        text-align: right;
    }


    .ItemSabadselect {

        display: inline-block;
        padding-left: 5px;


    }

    /* End page map */

    /* Page RElheg */

    .LoadBodyGallaryyy {
        position: relative;
        overflow: hidden;
        display: block;
    }

    #content .addtocart table td {
        font-size: 13px;
        font-weight: 700;
    }

    .fh4 button {
        font-size: 12px;
        font-weight: 600;
        color: #35373a;
        border-width: 0 !important;
        border-color: #35373a !important;
        padding-left: 0;
    }

    .infocss button {


        color: #36373b !important;

    }

    .infocss {
        background: #EEEFF1 !important;
    }

    .table>tbody>tr.success>td,
    .table>tbody>tr.success>th,
    .table>tbody>tr>td.success,
    .table>tbody>tr>th.success,
    .table>tfoot>tr.success>td,
    .table>tfoot>tr.success>th,
    .table>tfoot>tr>td.success,
    .table>tfoot>tr>th.success,
    .table>thead>tr.success>td,
    .table>thead>tr.success>th,
    .table>thead>tr>td.success,
    .table>thead>tr>th.success {

        background-color: #eeeff1 !important;
        color: #4c4c4e;
    }

    .LoadBodyGallary .LoginRegnew {
        width: 49%;
        display: inline-block;
        padding: 3em 0em 6em;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .LoadBodyGallary .LoginRegnew:nth-child(1) {}

    .LoadBodyGallary .LoginRegnew .DivLoginReg {
        text-align: center;

        font-size: 13px;

        color: #3f3f3f;

        margin-bottom: 1em;

        font-weight: 700;
        line-height: 16px;


    }

    .LoadBodyGallary .LoginRegnew .btn {
        background: #079007;
        display: inline-block;
        color: #FFF;
        padding: 0.6em;
        border-radius: 4px;
        font-size: 13px;
        cursor: pointer;
    }

    .LoginPopUpBack:hover {}

    .LoadBodyGallary .LoginRegnew .btn-primary {}

    .LoadBodyGallary .LoginRegnew .btn {

        box-shadow: 0 0 0 !important;

    }

    .LoadBodyGallary .LoginRegnew .btn-primary:hover {


        background: #27282b;
    }

    .LoadBodyGallary .LoginRegnew .DivLoginReg i {
        font-size: 5em;
        color: #777777;
        text-align: center;
        display: block;
        margin: 0 auto;
    }


    /* End Page Reg Leg */


    .selectcss {
        display: inline-block;
        border: 1px solid #515151;
        position: relative;
        height: 2em;
    }

    .ListIcon {
        display: inline-block;
        background: #515151;
        color: #FFF;
        padding: 0.4em 0.7em 0.2em;
        float: right;

    }

    .ListIcon i {}

    .selectcss select option {}

    .selectcss select option:hover {}

    .selectcss select {
        display: inline-block;
        margin: 0;
        padding: 0px 6px;
        border-width: 0;
        font-family: IRANSansWeb;
        height: 100%;
        position: relative;
        width: 14em;
    }

    .DrapDown {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        background: #515151;
        color: #FFF;
        font-size: 18px;
        text-align: center;
        height: 100%;

    }

    .DrapDown::before {

        position: relative;
        top: 0.5em;
    }


    .FilterCategoryall {}

    .FilterCategoryall ul {
        border-right: 1px solid #DDD;
    }

    .FilterCategoryall .ActiveCategory {
        background: #DDD;
    }

    .FilterCategoryall li {

        transition: all 2s ease;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        margin: 0 !important;
        padding: 0 4% 0 0 !important;
        border-width: 0 !important;
        width: 95% !important;


    }

    .FilterCategoryall li::before {
        position: absolute;
        content: '';
        background: #DDD;
        width: 100%;
        height: 100%;
        right: -100%;
        top: 0;
        z-index: -1;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }

    .FilterCategoryall li:hover::before {
        right: 0%;
    }

    .FilterCategoryall li:hover {}

    .FilterCategoryall li a {}


    .sortorder-title {
        font-size: 13px;
        float: right;
        margin-left: 7px;
    }

    .sortingby {
        position: relative;
        overflow: hidden;
        margin-bottom: 1em;
        display: block;

    }

    .NewSSSel .ListIcon {
        display: none;
    }

    .NewSSSel {
        display: inline-block;
        width: auto;


    }

    .NewSSSel select {
        width: auto;
        padding-left: 0em;
        height: auto;
        outline: none !important;
    }

    .LeftToppad {
        position: relative;
        overflow: hidden;
        display: block;
        margin-bottom: 1em;

    }

    .NewSSSel .selectcss {
        display: inline-block;
        border: 1px solid #DDD !important;
        position: relative;
    }

    .NewSSSel .DrapDown {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1.5em !important;
        background: #FFF !important;
        color: #000 !important;
        font-size: 14px !important;
        text-align: center;
        height: 100%;
    }

    .newloader {
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding-top: 5em;
        direction: ltr;
        background: rgba(255, 255, 255, 0.55);
        z-index: 9999;

    }

    .preloader4 {
        width: 200px;
        height: 200px;
        display: inline-block;
        padding: 0px;
        border-radius: 100%;
        border: 2px solid;
        border-top-color: rgba(0, 0, 0, 0.65);
        border-bottom-color: rgba(0, 0, 0, 0.15);
        border-left-color: rgba(0, 0, 0, 0.65);
        border-right-color: rgba(0, 0, 0, 0.15);
        -webkit-animation: preloader4 0.8s linear infinite;
        animation: preloader4 0.8s linear infinite;
    }

    @keyframes preloader4 {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes preloader4 {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }



    .HeaderCss {

        border-bottom: 1px solid #DDD;
    }