/* content / mainstyle */

/* content / mainstyle */

.k-input {
    height: 27px !important;
}

.img-customer {
    height: 64px;
}

.opinion-customer {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: horizontal;
    text-overflow: ellipsis;
}

.Search-box {
    width: 365px;
    height: 37px;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.content_filesend .upload_file .group_file {
    display: inline-table;
}

.Search-box .k-autocomplete.k-state-focused {
    box-shadow: 0px 0px 4px 0 rgba(0,0,0,.3);
}

.alert {
    font-size: 12px;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-421 {
    min-height: 421px;
}

.height-800 {
    height: 800px;
}

height-300 {
    height: 300px;
}

.min-height-125 {
    min-height: 125px;
    max-width: 100%;
}

.min-width-120px {
    min-width: 120px;
}

.min-width-110px {
    min-width: 110px;
}

.min-width-100px {
    min-width: 100px;
}

.min-width-90px {
    min-width: 90px;
}

.Width-150-height-90 {
    width: 150px;
    height: 90px;
    border: 1px solid #666666;
}

.max-height-200 {
    max-height: 200px;
}

.width-25 {
    width: 25px;
}

.max-height-150 {
    max-height: 150px;
}

.bg-lightgray {
    background-color: #fbfbfb;
}

.display-none {
    display: none;
}

.float-left-cursor-pointer {
    float: left;
    cursor: pointer;
}

.height-25 {
    height: 25px;
}

.padding-top-14px {
    padding-top: 14px;
}

.width-32-height-32-margin-8 {
    width: 32px;
    height: 32px;
    margin: 8px auto;
}

.height-95-width-95 {
    height: 95px;
    width: 95px;
}

.font-size-11 {
    font-size: 11px;
}






*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix {
    clear: both;
}

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

a {
    color: #bab9b9;
    text-decoration: none;
}

    a:hover {
        /*color: #2196f3;*/
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 5px;
    font-size: 7px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 2px;
}

/*.header {
    padding: 20px 0;
    position: relative;
    margin-bottom: 10px;
}*/

    .header:after {
        content: "";
        display: block;
        background: #eee;
        position: absolute;
        left: 30%;
        right: 30%;
    }

    .header h2 {
        font-size: 3em;
        font-weight: 200;
        margin-bottom: 0.2em;
    }

    .header p {
        font-size: 7px;
    }



#a-footer {
    margin: 10px 0;
}

.new-react-version {
    padding: 10px 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    text-align: center;
    font-size: 7px;
    line-height: 1.7;
}

    .new-react-version .react-svg-logo {
        text-align: center;
        max-width: 30px;
        margin: 10px auto;
        margin-top: 0;
    }





.success-box {
    margin: 30px 0;
    padding: 5px 5px;
    border: 1px solid #eee;
    background: #f9f9f9;
}

    .success-box img {
        margin-right: 10px;
        display: inline-block;
        vertical-align: top;
    }

    .success-box > div {
        vertical-align: top;
        display: inline-block;
        color: #888;
    }



/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        /* Idle State of the stars */
        .rating-stars ul > li.star > i.fa {
            font-size: 1.5em; /* Change the size of the stars */
            color: #ccc; /* Color on idle state */
        }

        /* Hover state of the stars */
        .rating-stars ul > li.star.hover > i.fa {
            color: #FFCC36;
        }

        /* Selected state of the stars */
        .rating-stars ul > li.star.selected > i.fa {
            color: #FF912C;
        }

.width-40-height-40 {
    width: 40px;
    height: 40px;
}

.min-width-27 {
    min-width: 27px;
}

.height-182 {
    height: 182px;
}


.width-56-height-56 {
    height: 56px;
    width: 56px;
}

.imgorder img {
    /* width: 98%; */
    width: 300px;
    height: 110px;
    margin: 1%;
}

.imgorder {
    justify-content: center;
    width: 100%;
}

.addimgOrder {
    display: inherit;
    width: 100%;
    /*margin-top: 36px;*/
}

.alertUpload {
    display: none;
    color: red;
    background: white;
    box-shadow: none;
    font-size: 13px;
    margin-bottom: 1rem !important;
}

.width-80-height-80 {
    height: 80px;
    width: 80px;
}

.custom-file .k-upload {
    /*opacity: 0 ;*/
    /*display: none;*/
}

.custom-file .k-file .k-upload-status {
    display: none;
}

.custom-file .k-file {
    padding: 0px;
}

.custom-file .k-dropzone .k-upload-status {
    display: none;
}

.h2_TextInLine {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 2rem 0 2rem;
    /*    margin-bottom: 1rem !important;*/
}

.width-80-height-80 {
    height: 80px;
    width: 80px;
}

.custom-file .k-upload {
    /*opacity: 0 ;*/
    /*display: none;*/
}

.custom-file .k-upload-empty {
    border-width: 0;
    background: 0;
}

.custom-file .k-dropzone em {
    display: contents;
}

.custom-file .k-button span {
    font-size: 10px;
}

.custom-file .k-file-success .k-progress {
}

.custom-file .k-file-name-size-wrapper {
    display: none;
}

.custom-file .k-file-extension-wrapper {
    display: none;
}

.span_TextInLine {
    background: #fbfbfb;
    padding: 0 10px;
}

#loading {
    width: 24px;
    display: none;
}

.Typesend {
    padding: 30px 0 !important;
    text-align: center;
    background-position: right 73px;
    height: 135px;
    cursor: pointer;
    position: relative;
}

.Typesendimage {
    background: url(../../assets/img/present.png) #f6f6f6 no-repeat;
    background-position: 50px 26px;
}

.TypesendimageBarbary {
    background: url(../../assets/img/delivery-truck.png) #f6f6f6 no-repeat;
    background-position: 50px 12px;
}

.TypesendimagePeyk {
    background: url(../../assets/img/scooter.png) #f6f6f6 no-repeat;
    background-position: 50px 8px;
}

.TypesendimageTypax {
    background: url(../../assets/img/box.png) #f6f6f6 no-repeat;
    background-position: 50px 0px;
}

.saman {
    margin: 0px 0px 0px 6px;
    width: 18px;
}

.behpardakht {
    margin: 0px 0px 0px 6px;
}

.user-icon {
    font-size: 11px;
    margin: 0px 0px 0px 6px;
    color: #fea802;
}

.add-address {
    /*margin: 13px 0 0 15px;*/
    display: inline-block;
    float: left;
    border: 1px solid #f0f0f0;
    background: #bab9b9;
    padding: 10px;
    /*border-radius: 23px;*/
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    background: rgba(0,0,0,.05);
    color: #6c757d;
    margin-bottom: 16px;
}
.add-address:hover a{
    color: #fff !important;

}
.main-btn:hover{
    color: #fff !important;
}

    .add-address a {
        font-size: 14px;
        font-weight: 700;
        padding: 0 15px;
        display: inline-flex;
        color: #6c757d;
        background: transparent;
    }
   

.title-cart {
    color: #737373;
    font-size: 16px;
    padding: 14px 0px;
}
.title-cart .fa{
    color: var(--primary-color);
    font-size: 16px;
}
.title-cart span{
    font-weight: 700;
    font-size: 16px;
}
.title-addaddress {
    padding-right: 12px;
    color: #737373;
    font-size: 13px;
}

    .title-addaddress:before {
        content: none !important;
    }

.title-creadit {
    color: #737373;
    font-size: 13px;
    padding: 14px 0px;
}


.table-address {
    background: #FFF8F0;
    position: relative;
    display: block;
    padding: 20px 40px;
    min-width: 700px;
    border-radius: 20px;
}

    .table-address::before {
        position: absolute;
        content: '';
        background: url(../../assets/img/top-line.png) repeat-x center;
        top: 1px;
        right: 0;
        width: 100%;
        height: 2%;
        opacity: .8;
    }

    .table-address tr th {
        color: #6C6C6C;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        font-weight: 700;
    }

    .table-address thead, .table-address tbody {
        display: inline-table;
        width: 100%;
        margin-top: 16px;
    }

        .table-address tbody tr td {
            text-align: center;
            padding: 15px 5px;
            font-size: 14px;
            color: #6C6C6C;
        }

.checkboxaddress {
    color: #3cda22;
    border: 2px solid;
}

.editaddressicon {
    color: #6C6C6C;
    text-align: center;
    font-size: 16px;
}

.deleteaddressicon {
    color: #6C6C6C;
    font-size: 15px;
}

.checkboxaddressnull {
    width: 16px;
    height: 16px;
}

.pay-cart ul li label{
   text-align: right;
}

    .credit {
    color: #6c757d;
    padding: 15px 45px;
    border: 2px solid #eee;
    border-radius: 11px;
    background: #fbfbfb;
    margin: 10px 0px;
}


.bank1 {
    color: #6c757d;
    padding: 15px 45px;
    border-radius: 11px;
    border: 2px solid #eee;
    background: #fbfbfb;
    margin: 10px 0px;
}

.bank2 {
    color: #6c757d !important;
    padding: 15px 45px;
    border-radius: .25rem;
    border: 2px solid #eee;
    background: #fbfbfb;
    margin: 10px 0px;
}

.descriptioncart {
    width: 100%;
    height: 100px;
    background: #f2f2f2;
    border-radius: 15px;
    border-radius: .25rem;
    border: none;
    resize: none;
    padding: 25px 18px 0 0;
    color: #a7a7a7;
}

    .descriptioncart:focus {
        border: 0px none;
        outline: none;
        box-shadow: 0px 0px 0px 1px #dad8d8;
    }

.discountcode {
    background: #eef4f5 !important;
    border: 1px solid transparent !important;
    border-radius: 50px;
    height: 40px;
    text-align: left;
    padding-right: 10px;
    text-align: right;
    margin-bottom: 0;
    width: 100%;
}

    .discountcode:focus {
        border: 0px none;
        outline: none;
        box-shadow: 0px 0px 0px 1px #dad8d8;
    }

.desc-discount {
    color: #aaa;
    font-size: 12px;
}

.lbl-titlecart {
    color: #686868;
}

.p-cart {
    color: #727272;
    font-size: 12px;
    display: contents;
}

    .p-cart a {
        color: #f26c4f;
    }

.a-agreement {
    color: #f26c4f !important;
}

    .a-agreement:hover {
        color: #f26c4f !important;
        border-bottom: 1px dashed;
    }

.total-priceCart {
    color: #eb3232;
}

.redcolore {
    color: #1C2F91;
    font-size: 28px;
}

.agreecls {
    padding: 30px;
    /* border: 1px solid #0061AF; */
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px #cdcdcd;
    border-radius: 15px;
}
/* HIDE RADIO */
.radioButton {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

    /* IMAGE STYLES */
    .radioButton + img {
        cursor: pointer;
    }

.box-custom .list-inline-item {
    width: 22%;
}

.w-35 {
    width: 35% !important;
}

.cartbox {
    min-height: 300px;
}

.width-100 {
    width: 100px !important;
}

.height-80 {
    height: 80px !important;
}

.menu_margin {
    margin: 2px 0 9px 0;
}

.font-size-13 {
    font-size: 13px;
}
/*.grow2 {
        opacity: 1.0;
        transition: opacity .55s ease-in-out;
        -moz-transition: opacity .55s ease-in-out;
        -webkit-transition: opacity .55s ease-in-out;
}

.grow2:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.02);

}*/
.Name-category {
    font-size: 16px;
    font-weight: 500;
}

.titlefooter {
    font-size: 10pt;
    color: #7e7d84;
    margin-bottom: 13px;
}

.block2 {
    position: relative;
    height: 240px;
    transition: transform 0.5s;
}

    .block2:hover {
        position: relative;
        transform: scale(1.02);
    }

.image2 {
    display: block;
    transition: .1s ease;
    backface-visibility: hidden;
}

.middle2 {
    transition: .1s ease;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.block2:hover .image2 {
    -webkit-filter: blur(3px);
    filter: blur(2px);
}

.block2:hover .middle2 {
    opacity: 1;
}

.btn2 {
    color: white;
    font-size: 15px;
}

.listbutton {
    display: flow-root;
}

.height-800 {
    height: 800px;
}

.height-300 {
    height: 300px;
}

.justify-center {
    text-align: justify;
    text-align-last: center;
}

.btn-Search {
    border-radius: 10px 0px 0px 10px;
    /*height: 35px;*/
}

.tablecompleteorder td, .tablecompleteorder th {
    /* border: 1px solid var(--primary-color); */
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border-radius: 30px;
}


.tablecompleteorder tbody tr:nth-of-type(even) {
   color: #6C6C6C;
   font-size: 20px;
}

.levels_index .item_levels:hover .ico_level1 {
    background-position: -454px -67px;
}

.levels_index .item_levels:hover .ico_level2 {
    background-position: -294px -224px;
}

.levels_index .item_levels:hover .ico_level3 {
    background-position: -461px -151px;
}

.levels_index .item_levels:hover .ico_level4 {
    background-position: -448px -235px;
}

/*---*/
.nav_filesend {
}

    .nav_filesend li {
        text-align: center;
    }

        .nav_filesend li a {
            position: relative;
            padding-top: 30px;
        }

        .nav_filesend li div {
            position: relative;
            padding-top: 30px;
        }

        .nav_filesend li a.active {
            /*            background: var(--color-blue-primary)!important;
*/
        }

        .nav_filesend li div.active {
            /*            background: var(--color-blue-primary)!important;
*/
        }

        .nav_filesend li a i {
            display: block;
            position: absolute;
            top: 10px;
            right: 50%;
            width: 14px;
            margin-right: -7px;
        }

        .nav_filesend li div i {
            display: block;
            position: absolute;
            top: 10px;
            right: 50%;
            width: 14px;
            margin-right: -7px;
        }

        .nav_filesend li a i.fa-square {
        }

        .nav_filesend li div i.fa-square {
        }

        .nav_filesend li a i.fa-check-square {
            display: none;
        }

        .nav_filesend li div i.fa-check-square {
            display: none;
        }

        .nav_filesend li a.active i.fa-square {
            display: none;
        }

        .nav_filesend li div.active i.fa-square {
            display: none;
        }

        .nav_filesend li a.active i.fa-check-square {
            display: block;
        }

        .nav_filesend li .active i.fa-check-square {
            display: block;
        }

        .nav_filesend li .active input {
            display: block;
        }

    .nav_filesend .custom-control-input:checked ~ .custom-control-label::before, .nav_filesend .custom-control-input:checked ~ .custom-control-label::after {
        border: 1px solid #fff;
    }

    .nav_filesend .nav-item .custom-control {
        padding-right: 2.5rem;
    }
/*....*/
/*.nav_TypeSend {
    width: 100%;
}

    .nav_TypeSend li {
        text-align: center;
    }

        .nav_TypeSend li a {
            position: relative;
            padding-top: 30px;
        }

        .nav_TypeSend li div {
            position: relative;
            padding-top: 30px;
        }

        .nav_TypeSend li a.active {
            background: var(--color-blue-primary)!important;
        }

        .nav_TypeSend li div.active {
            background: var(--color-blue-primary)!important;
        }

        .nav_TypeSend li a i {
            display: block;
            position: absolute;
            top: 10px;
            right: 50%;
            width: 14px;
            margin-right: -7px;
        }

        .nav_TypeSend li div i {
            display: block;
            position: absolute;
            top: 10px;
            right: 50%;
            width: 14px;
            margin-right: -7px;
        }

        .nav_TypeSend li a i.fa-square {
        }

        .nav_TypeSend li div i.fa-square {
        }

        .nav_TypeSend li a i.fa-check-square {
            display: none;
        }

        .nav_TypeSend li div i.fa-check-square {
            display: none;
        }

        .nav_TypeSend li a.active i.fa-square {
            display: none;
        }

        .nav_TypeSend li div.active i.fa-square {
            display: none;
        }

        .nav_TypeSend li a.active i.fa-check-square {
            display: block;
        }

        .nav_TypeSend li .active i.fa-check-square {
            display: block;
        }

        .nav_TypeSend li .active input {
            display: block;
        }

    .nav_TypeSend .custom-control-input:checked ~ .custom-control-label::before, .nav_TypeSend .custom-control-input:checked ~ .custom-control-label::after {
        border: 1px solid #fff;
    }

    .nav_TypeSend .nav-item .custom-control {
        padding-right: 2.5rem;
    }

    .nav_TypeSend .custom-control-label:before, .nav_TypeSend .custom-control-label:after {
        right: 1.5rem;
    }

    .nav_TypeSend .custom-control-label {
        padding-right: 47px;
    }*/
.nav_TypeSend {
    width: 100%;
}

    .nav_TypeSend li {
        text-align: center;
        padding: 0 15px !important;
        background: transparent;
    }

        .nav_TypeSend li a {
            position: relative;
            display: block;
            padding-top: 0;
        }

            .nav_TypeSend li a:hover {
                color: #1C2F91;
            }

        .nav_TypeSend li div {
            position: relative;
            padding-top: 30px;
        }

        .nav_TypeSend li a.active {
            background: var(--color-blue-primary) !important;
            font-family: inherit;
        }

        .nav_TypeSend li div.active {
            background: var(--color-blue-primary) !important;
        }

        .nav_TypeSend li a i {
            display: block;
            position: absolute;
            top: 10px;
            right: 50%;
            width: 14px;
            margin-right: -7px;
        }

        .nav_TypeSend li div i {
            display: block;
            position: absolute;
            top: 10px;
            right: 50%;
            width: 14px;
            margin-right: -7px;
        }

        .nav_TypeSend li a i.fa-square {
        }

        .nav_TypeSend li div i.fa-square {
        }

        .nav_TypeSend li a i.fa-check-square {
            display: none;
        }

        .nav_TypeSend li div i.fa-check-square {
            display: none;
        }

        .nav_TypeSend li a.active i.fa-square {
            display: none;
        }

        .nav_TypeSend li div.active i.fa-square {
            display: none;
        }

        .nav_TypeSend li a.active i.fa-check-square {
            display: block;
        }

        .nav_TypeSend li .active i.fa-check-square {
            display: block;
        }

        .nav_TypeSend li .active input {
            display: block;
        }

    .nav_TypeSend .custom-control-input:checked ~ .custom-control-label::before, .nav_TypeSend .custom-control-input:checked ~ .custom-control-label::after {
        border: 1px solid #fff;
    }

    .nav_TypeSend .nav-item .custom-control {
        padding-right: 2.5rem;
    }

    .nav_TypeSend .custom-control-label:before, .nav_TypeSend .custom-control-label:after {
        right: 1.5rem;
    }

    .nav_TypeSend .custom-control-label {
        padding-right: 47px;
        padding: 10px 0;
        background: #f6f6f6;
        min-height: 88px;
        display: block;
        padding-right: 47px;
        border: 2px solid transparent;
        border-radius: 10px;
        color: #6C6C6C;
    }

        .nav_TypeSend .custom-control-label:before {
            top: 13px;
            border-radius: 50%;
        }

        .nav_TypeSend .custom-control-label:after {
            top: 13px;
            border-radius: 50%;
        }

    .nav_TypeSend input:checked ~ .custom-control-label {
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

    .nav_TypeSend .icon {
        background-repeat: no-repeat;
        position: absolute;
        width: 68px;
        height: 68px;
        left: 15px;
        background-size: 100%;
        top: 10px;
        left: 10px;
    }

    .nav_TypeSend .Typesendimage .icon {
        background-image: url(../../assets/img/present.png);
    }

    .nav_TypeSend .TypesendimageBarbary .icon {
        background-image: url(../../assets/img/delivery-truck.png);
    }

    .nav_TypeSend .TypesendimagePeyk .icon {
        background-image: url(../../assets/img/scooter.png);
    }

    .nav_TypeSend .TypesendimagePeost .icon {
        background-image: url(../../assets/img//box.png);
    }

    .nav_TypeSend .TypesendimageTypax .icon {
        background-image: url(../../assets/img//search-box.png);
    }
/*....*/
.nav_Creadit {
}

    .nav_Creadit li {
        text-align: center;
    }

        .nav_Creadit li a {
            position: relative;
            padding-top: 30px;
        }

        .nav_Creadit li div {
            position: relative;
            padding-top: 30px;
        }

        .nav_Creadit li a.active {
            background: var(--color-blue-primary) !important;
        }

        .nav_Creadit li div.active {
            background: var(--color-blue-primary) !important;
        }

.nav_TypeSend li a i {
    display: block;
    position: absolute;
    top: 10px;
    right: 50%;
    width: 14px;
    margin-right: -7px;
}

.nav_Creadit li div i {
    display: block;
    position: absolute;
    top: 10px;
    right: 50%;
    width: 14px;
    margin-right: -7px;
}

.nav_Creadit li a i.fa-square {
}

.nav_Creadit li div i.fa-square {
}

.nav_Creadit li a i.fa-check-square {
    display: none;
}

.nav_Creadit li div i.fa-check-square {
    display: none;
}

.nav_Creadit li a.active i.fa-square {
    display: none;
}

.nav_Creadit li div.active i.fa-square {
    display: none;
}

.nav_Creadit li a.active i.fa-check-square {
    display: block;
}

.nav_Creadit li .active i.fa-check-square {
    display: block;
}

.nav_Creadit li .active input {
    display: block;
}

.nav_Creadit .custom-control-label::before, .nav_Creadit .custom-control-label::after {
    border-radius: 50%;
    background: transparent;
}

.nav_Creadit .custom-control-input:checked ~ .custom-control-label::before, .nav_TypeSend .custom-control-input:checked ~ .custom-control-label::after {
    border: 1px solid #fff;
}

.nav_Creadit .nav-item .custom-control {
    padding-right: 2.5rem;
}

.nav_Creadit .custom-control-input:disabled ~ .custom-control-label i {
    color: #6c757d;
}

.nav_Creadit .custom-control-input .custom-control-label i {
    color: white;
}
/*******/
.checkedAddress {
    display: flex;
}

    .checkedAddress i {
        display: block;
        position: absolute;
        top: 10px;
        right: 50%;
        width: 14px;
        margin-right: -7px;
    }

        .checkedAddress i.fa-square {
        }

        .checkedAddress i.fa-square {
        }

        .checkedAddress i.fa-check-square {
            display: none;
        }

        .checkedAddress i.fa-check-square {
            display: none;
        }

    .checkedAddress a.active i.fa-square {
        display: none;
    }

    .checkedAddress div.active i.fa-square {
        display: none;
    }

    .checkedAddress a.active i.fa-check-square {
        display: block;
    }

    .checkedAddress .active i.fa-check-square {
        display: block;
    }

    .checkedAddress .active input {
        display: block;
    }

    .checkedAddress .custom-control-label::before, .nav_Creadit .custom-control-label::after {
        border-radius: 0px;
        background: transparent;
    }

    .checkedAddress .custom-control-input:checked ~ .custom-control-label::before, .nav_TypeSend .custom-control-input:checked ~ .custom-control-label::after {
        border: 1px solid #fff;
    }

    .checkedAddress .nav-item .custom-control {
        padding-right: 2.5rem;
    }

    .checkedAddress .custom-control-input:disabled ~ .custom-control-label i {
        color: #6c757d;
    }

    .checkedAddress .custom-control-input .custom-control-label i {
        color: white;
    }

    .checkedAddress .custom-control-input:checked ~ .custom-control-label::before {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
        border-radius: 50%;
        /* top: 0; */
    }

    .checkedAddress .custom-control-label:before, .checkedAddress .custom-control-label:after {
        right: 9px;
        top: -12px;
        border-radius: 50%;
    }
/*....*/
.input-Address {
    margin: 0;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
    outline: none;
    margin-top: 1rem;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.AddAddressContent {
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 18px;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 20px;
    will-change: top, opacity;
    min-height: 600px;
}

.TitleAddAddress {
    text-align: center;
    margin: 0px 0px 6px 0px;
    color: #6C6C6C;
    font-weight: 700;
}

.lable-Address {
    margin-top: 1rem;
    font-size: 14px;
    color: #000000;
    /*font-family: Yekan;*/
    display: block;
    line-height: 40px;
    height: 40px;
    font-size: 11px;
    text-align: end;
}

.content-rules {
    min-height: 600px;
    height: 600px;
    overflow-x: hidden;
}

.address .lable-Address {
    text-align: right;
}

.textarea-Address {
    margin: 0;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06);
    outline: none;
    /*margin-top: 1rem;*/
    display: block;
    width: 100%;
    height: calc(9.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.AddAddressContent .modal-header {
    border: none;
}

.closeaddress {
    margin: -1rem auto -1rem -1rem !important;
}

.btn-sucsess {
    background-color: var(--color-primary);
    display: table;
    min-width: 130px;
    text-align: center;
    transition: all 0.3s;
    border-radius: 50px !important;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -1.2px;
    padding: 10px 20px;
}

.btn-close {
    /* box-shadow: 0 4px 15px 0 rgba(171, 168, 168, 0.5); */
    background-color: #f2f2f2  !important;
    border-color: #f2f2f2 !important;
    border-radius: .25rem;
    padding: 0px 20px;
    display: block;
    PADDING: 4px 39px;
    color: var(--primary-color) !important;
    padding: 10px 15px;
    border-radius: 50px !important;
}
.btn-close:hover{
    background-color: var(--primary-color) !important;
}
.ul-address li {
    margin: 0px 10px;
}

.width-60 {
    width: 60px;
}

#owl-demo .item {
    margin: 3px;
}

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

.height-120-width-120 {
    height: 100px;
    width: 100px;
    padding: 12px;
}

.height-110 {
    height: 110px;
}

.menu_column_parent {
    column-count: 4;
}

.menu_column_child {
    width: 300px;
}

.footer-image1 {
    background-image: url(../../assets/img/total.png);
    background-position-x: 1px;
    background-position-y: 259px;
    background-size: 340px;
}
/*.footer-image1:hover{
    border-radius:5px 5px;
    box-shadow:5px 5px 5px 5px #9890fc;
    background-image:url(../../assets/img/total.jpg);
    background-position-x:1px;
    background-position-y:259px;
    background-size:340px;
       transition: all .4s ease;
-webkit-transition: all .4s ease;
}*/
.footer-image2 {
    background-image: url(../../assets/img/total.png);
    background-position-x: 229px;
    background-position-y: 1px;
    background-size: 340px;
}

.footer-image3 {
    background-image: url(../../assets/img/total.png);
    background-position-x: 223px;
    background-position-y: 237px;
    background-size: 307px;
}

.footer-image4 {
    background-image: url(../../assets/img/total.png);
    background-position-x: 144px;
    background-position-y: 0;
    background-size: 340px;
}

.footer-image5 {
    background-image: url(../../assets/img/total.png);
    background-position-x: 307px;
    background-position-y: 1px;
    background-size: 340px;
}

.footer-image6 {
    background-image: url(../../assets/img/total.png);
    background-position-x: 1px;
    background-position-y: 259px;
    background-size: 340px;
}


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

.servicesImg1 {
    /*background-image: url(/Content/Image/services.png);*/
    background-image: url(/Content/Image/Link/flyer.png);
    width: 50px;
    height: 50px;
    /*background-position-x: 96px;
    background-position-y: 1px;*/
    background-size: 50px;
}

    .servicesImg1:hover {
        background-image: url(/Content/Image/Link/flyerhover.png) !important;
        transition: 0.3s;
    }

.servicesImg2 {
    background-image: url(/Content/Image/Link/printervariant.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
}

    .servicesImg2:hover {
        background-image: url(/Content/Image/Link/printervarianthover.png) !important;
        transition: 0.3s;
    }


/*.servicesImg3 {
    background-image: url(/Content/Image/services.png);
    width: 50px;
    height: 50px;
    background-position-x: 1px;
    background-position-y: 1px;
    background-size: 205px;
}*/

.servicesImg3 {
    background-image: url(/Content/Image/Link/billboard.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
}

    .servicesImg3:hover {
        background-image: url(/Content/Image/Link/billboardhover.png) !important;
        transition: 0.3s;
    }

/*.servicesImg4 {
    background-image: url(/Content/Image/services.png);
    width: 50px;
    height: 50px;
    background-position-x: 254px;
    background-position-y: 49px;
    background-size: 205px;
}*/
.servicesImg4 {
    background-image: url(/Content/Image/Link/openmagazine.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
}

    .servicesImg4:hover {
        background-image: url(/Content/Image/Link/openmagazinehover.png) !important;
        transition: 0.3s;
    }

/*.servicesImg5 {
    background-image: url(/Content/Image/services.png);
    width: 50px;
    height: 50px;
    background-position-x: 360px;
    background-position-y: 49px;
    background-size: 205px;
}*/
.servicesImg5 {
    background-image: url(/Content/Image/Link/dvd.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
}

    .servicesImg5:hover {
        background-image: url(/Content/Image/Link/dvdhover.png) !important;
        transition: 0.3s;
    }

/*.servicesImg6 {
    background-image: url(/Content/Image/services.png);
    width: 50px;
    height: 50px;
    background-position-x: 1px;
    background-position-y: 49px;
    background-size: 205px;
}*/
.servicesImg6 {
    background-image: url(/Content/Image/Link/giftbox.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
}

    .servicesImg6:hover {
        background-image: url(/Content/Image/Link/giftboxhover.png) !important;
        transition: 0.3s;
    }

.servicesImg7 {
    background-image: url(/Content/Image/services.png);
    width: 50px;
    height: 50px;
    background-position-x: 99px;
    background-position-y: 49px;
    background-size: 200px;
}

.service .list .item_service:hover .serviceflat {
    background-image: url(/Content/Image/serviceshover.png) !important;
    transition: 0.3s;
}
/*.servicesImg8 {
    background-image: url(/Content/Image/services.png);
    width: 50px;
    height: 50px;
    background-position-x: 259px;
    background-position-y: 1px;
    background-size: 210px;
}*/
.servicesImg8 {
    background-image: url(/Content/Image/Link/paper.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
}

    .servicesImg8:hover {
        background-image: url(/Content/Image/Link/paperhover.png) !important;
        transition: 0.3s;
    }

.servicesImg9 {
    background-image: url(/Content/Image/Link/offset.png);
    width: auto;
    height: 50px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

/*.service .list .item_service:hover .servicesImg {
    background-image: url(/Content/Image/serviceshover.png) !important;
    transition: 0.3s;
}*/


/*.service .list .item_service:hover .serviceoffset {
    background-image: url(/Content/Image/printerhover.png) !important;
    transition: 0.3s;
}*/
.service .list .item_service:hover .serviceoffset {
    background-image: url(/Content/Image/Link/offsethover.png) !important;
    transition: 0.3s;
}

.margin_0 {
    margin: 0px;
}

.PayBox {
    min-height: 207px;
    margin: 16px 0px;
}

.font-large {
    font-size: large;
}

.font-gray {
    color: gray;
}

/*---*/
.map {
}

    .map iframe {
        width: 100%;
    }

.contact_box {
}

    .contact_box input {
        height: 40px;
    }

    .contact_box textarea {
        font-size: 12px;
        resize: none;
    }

.list_contact {
    background: white;
    min-height: 230px;
    border: 1px solid #ced4da;
    padding: 12px;
}

    .list_contact li {
        display: flex;
        margin-bottom: 15px;
    }

        .list_contact li i {
            font-size: 18px;
            color: #E4C815;
            width: 22px;
            margin-left: 11px;
        }

        .list_contact li span {
            font-size: 12px;
            line-height: 22px;
        }

.contact_box .btn {
    font-size: 12px;
}

.btn-contact {
    background-color: #E4C815;
    border-color: #E4C815;
}

    .btn-contact:hover {
        color: #212529;
        background-color: #E4C815;
        border-color: #E4C815;
    }

.Search-box .k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.Search-box .k-autocomplete {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.carousel_main .carousel-item .img {
    height: auto;
    /*max-height: 300px;*/
}

    .carousel_main .carousel-item .img img {
    }

.sticky {
    width: auto;
}

.Productimg {
    height: auto;
    max-height: 176px;
    object-fit: cover;
}

.AllProductimg {
    height: auto;
    max-height: 176px;
    object-fit: cover;
}

.blockAll {
    height: 230px;
}

.categoryimg {
    height: auto;
    max-height: 176px;
    object-fit: cover;
}

.blockcategory {
    height: 230px;
}

.blockimg {
    height: 230px;
}

.img-worktype {
    object-fit: cover;
    object-fit: cover;
    height: auto;
    max-height: 200px;
}



.JeldFilecls {
    display: contents;
}

.SizeuploadText {
    display: inline-block;
    position: absolute;
    top: -17px;
    background: white;
    right: 85px;
    border: 2px solid #E4C815;
    padding: 4px 8px;
    border-radius: 3px;
    color: #474a4c;
    font-size: 12px;
}
/*...about*/
.box_around_about {
    overflow: hidden;
}

.title_cub {
    position: relative;
    z-index: 0;
}

    .title_cub:after {
        content: "";
        position: absolute;
        width: 100%;
        right: 0;
        border-bottom: 4px double #E4C815;
        top: 50%;
        z-index: -1;
    }

    .title_cub .info {
        display: inline-block;
        border: 1px solid #E4C815;
        padding: 5px 15px;
        text-align: center;
        background: #fff;
    }

        .title_cub .info h3 {
            font-size: 15px;
        }

.about {
}

    .about p {
        line-height: 30px;
        color: #555;
    }

    .about .Img {
        margin-right: 30px;
    }

        .about .Img img {
            height: 150px;
        }
/*......*/
.team_group {
    position: relative;
}

    .team_group:before {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        border-right: 3px solid #E4C815;
        border-top: 3px solid #E4C815;
        top: 0;
        right: 0;
    }

    .team_group .Img {
    }

        .team_group .Img img {
        }

    .team_group .text {
        height: auto;
        width: 140%;
        right: -40%;
        position: relative;
    }

        .team_group .text .info {
            background: rgba(226,226,226,0.4);
            border: 1px solid #ccc;
            font-size: 14px;
            font-weight: 500;
            height: 100%;
            box-shadow: 0 0 3px rgba(0,0,0,0.2);
            line-height: 29px;
            padding: 20px;
            text-align: justify;
        }

        .team_group .text:after {
            content: "";
            width: 150px;
            height: 150px;
            position: absolute;
            border-left: 2px solid #E4C815;
            border-bottom: 2px solid #E4C815;
            left: 0;
            bottom: 0;
        }
/*----*/


.box-address {
    background: white;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    transition: opacity .3s, box-shadow .3s, background-color .3s;
    padding: 30px 40px 40px 40px;
    direction: rtl;
    font-size: 13px;
    margin: 16px 0px;
}

.topaddress {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    height: 7px;
    background: white url(/Content/Image/top-line.png) repeat-x center;
}

.btnaddress {
    color: #6c757d !important;
    padding: 6px 24px;
    border-radius: .25rem;
    border: 3px solid #e12c41;
    background: #fbfbfb;
    display: inline-block;
}

.alignend {
    text-align: end;
}

.footeraddress {
    border-top: 1px solid #e4d5d5;
    padding: 19px 0px;
}

.headeraddress h5 {
    color: #E4C815;
    margin-bottom: 13px;
}

.MandePerson {
    font-size: 12px;
    color: #E4C815;
}

.faqlistbox {
    min-height: 400px;
}

.iconplusfaq {
    color: #ed1e25;
    font-size: 14px;
}

.body-faq {
    padding: 15px 30px;
    color: #62676b;
    font-size: 13px;
    border: none;
}

.titlefaq {
    color: #6c757d !important;
    padding: 6px 24px;
    border-radius: .25rem;
    border: 3px solid #e12c41;
    background: #fbfbfb;
}

.collapsebody {
    box-shadow: rgb(228, 227, 227) 0px 0px 0px 1px;
}

.gallery-category {
    width: 100%;
    height: 180px;
    box-shadow: 0px 0px 3px 1px #ccc;
    border-radius: 15px 20px;
    object-fit: cover;
}

    .gallery-category:hover {
        box-shadow: 0px 0px 5px 2px #ccc;
    }

.tab-faq li {
    color: #fff;
    background-color: #E4C815;
    border-color: #E4C815;
    border-radius: 0px;
    cursor: pointer;
    padding: 8px 14px;
}

.imgupload {
    width: 94px !important;
    height: 83px !important;
}

.Personal_Information .body table .Information span {
    display: inline;
}

.carousel_product .carousel-item {
    height: auto;
    max-height: 230px;
}

.img-wiki {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.menufooter li {
    display: inline-block;
}

.logo-footer a img {
    /*height: 42px;*/
}

.menufooter {
    /*line-height: 34px;*/
}

    .menufooter li a {
        color: #000;
        /*font-size: 12px;*/
        padding: 5px;
    }

footer .fallow li a {
    color: white;
}

.accardion_list:after {
    background: #717171;
}

.bxcategory {
    background: #eff7f6;
}

.tblDownload thead {
    background: #E4C815;
    color: #fff;
}

.tblDownload tr th {
    text-align: center;
    padding: 12px 0px;
}

.tblDownload tr td {
    text-align: center;
    padding: 12px 0px;
}

.bxcategory p {
    color: #727677;
}

body .modal .modal-open .mm-slideout {
    position: fixed;
    z-index: 111111;
}

.tablefactour {
    overflow-x: unset;
}

.leftfactour {
    font-size: 13px;
}

.tblfactor td, .tblfactor th {
    vertical-align: top;
    border: 1px solid #dee2e6;
    font-size: 12px;
    color: black;
}

.tblfactor th {
    background: #FFF8F0;
    font-weight: 600;
}

.factourcost {
    width: 43%;
    float: left;
    margin: 47px 0px;
}


    .factourcost td, .factourcost th {
        vertical-align: top;
        border: 1px solid #dee2e6;
        font-size: 12px;
    }

.closemodal {
    opacity: 1;
    color: #554f50;
    padding: 7px;
    font-size: 40px;
    line-height: 19px;
    font-weight: 100;
    border-radius: 21px;
    margin: 0 !important;
    padding: 0 !important;
}

.Customerinformation {
    border: 1px solid #dee2e6;
    padding: 12px 0px;
    margin: 12px 0px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 10px;
    line-height: 26px;
}

.tabel_PreFactoure td, .tabel_PreFactoure th, .tabel_PreFactoure tfoot tr td {
    border: 7px solid #ffffff;
    border-radius: 22px;
    text-align: center;
}

.tabel_PreFactoure thead th {
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-size: 12px;
}

.preclsborder {
    vertical-align: top;
    text-align: right;
    padding: 11px 25px !important;
    background: #eaf0f2;
    border-radius: 5px;
    border: none;
    color: #000000;
    font-size: 12px;
    padding: 7px;
}

.preclsborderDark {
    vertical-align: top;
    text-align: right;
    padding: 11px 25px !important;
    background: #cddadd;
    border-radius: 5px;
    border: none;
    color: #000000;
    font-size: 12px;
    padding: 7px;
}

.schrolable {
    position: relative;
    overflow: scroll;
    height: 100%;
}

.loadmore {
    display: none;
    background: #ee2e34;
    box-shadow: none;
    border: none;
    color: white;
    text-align: center;
    border-radius: 17px;
    padding: 4px 30px;
    vertical-align: middle;
    margin: 16px 0px;
}

.preclsborderOrangeDark {
    vertical-align: top;
    text-align: right;
    padding: 11px 25px !important;
    background: #fea802bf;
    border-radius: 5px;
    border: none;
    color: #000000;
    font-size: 12px;
    padding: 7px;
}

.preclsborderOrange {
    vertical-align: top;
    text-align: right;
    padding: 11px 25px !important;
    background: #fea802a1;
    border-radius: 5px;
    border: none;
    color: #000000;
    font-size: 12px;
    padding: 7px;
}

.ShowPreFactour {
    display: inline-block;
    float: right;
    border: 1px solid #fea802;
    background: #fea802;
    padding: 6px 6px;
    border-radius: .25rem;
    margin: 0px 7px;
}

    .ShowPreFactour a {
        font-size: 12px;
        padding: 0 15px;
        display: inline-flex;
        color: white;
        background: #fea802;
    }

.content-PreFactour {
    max-height: 530px;
    overflow-y: auto;
}

.printbtn {
    /* background-image: linear-gradient(0deg, #ee2931 0%, #f7969a 100%); */
    /* background-size: 1px 45px; */
    box-shadow: 0px 0px 13px 0px #f9dfc7;
    width: 42px;
    height: 39px;
    font-size: 10pt;
    font-weight: lighter;
    position: relative;
    transition: background linear 100ms;
    color: white;
    border-radius: 19px;
    border: none;
}

#headerpre {
    border: none;
}

.Map_contact iframe {
    width: 100%;
}
/*---*/
.icon-contact {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(/Content/img/icon-conatct.png);
    background-position: 0 0; /*! background-color: #22aba6; */
}

.ico-support {
    background-position: 109px -15px;
    width: 40px;
    background-size: 2000%;
    height: 34px;
}

.ico-phone {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.78704 13.1418C10.1701 18.331 14.4108 22.4566 19.6825 24.692L19.6991 24.6991L20.7175 25.153C22.0144 25.7308 23.5387 25.3204 24.3701 24.1697L26.0693 21.818C26.1731 21.6744 26.1463 21.4746 26.0084 21.3634L23.0421 18.9703C22.8946 18.8513 22.6778 18.879 22.565 19.0313L21.4105 20.5891C21.1301 20.9674 20.6238 21.0989 20.1948 20.9048C16.2529 19.1208 13.0853 15.9532 11.3014 12.0114C11.1072 11.5823 11.2387 11.076 11.617 10.7956L13.1749 9.64116C13.3271 9.52835 13.3548 9.31151 13.2358 9.16405L10.8424 6.19732C10.7312 6.05944 10.5315 6.03266 10.3879 6.13635L8.0235 7.84323C6.86512 8.67948 6.45717 10.2166 7.04845 11.5172L7.78624 13.1401C7.78651 13.1407 7.78677 13.1412 7.78704 13.1418ZM18.8932 26.5298C13.1652 24.0983 8.55806 19.6143 5.96867 13.9746L5.96711 13.9712L5.22777 12.3449C4.24231 10.1773 4.92221 7.61539 6.85285 6.22163L9.21724 4.51475C10.2227 3.78888 11.6204 3.97635 12.399 4.94154L14.7924 7.90827C15.6252 8.9405 15.4312 10.4584 14.3657 11.248L13.473 11.9095C14.9809 14.8354 17.3707 17.2252 20.2966 18.7331L20.9581 17.8405C21.7478 16.7749 23.2656 16.581 24.2979 17.4137L27.2642 19.8068C28.2297 20.5856 28.4169 21.9838 27.6904 22.9893L25.9913 25.341C24.6055 27.2589 22.065 27.9429 19.9036 26.9799L18.8932 26.5298Z" fill="%230061AF"></path></svg>');
}

.ico-one {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.78704 13.1418C10.1701 18.331 14.4108 22.4566 19.6825 24.692L19.6991 24.6991L20.7175 25.153C22.0144 25.7308 23.5387 25.3204 24.3701 24.1697L26.0693 21.818C26.1731 21.6744 26.1463 21.4746 26.0084 21.3634L23.0421 18.9703C22.8946 18.8513 22.6778 18.879 22.565 19.0313L21.4105 20.5891C21.1301 20.9674 20.6238 21.0989 20.1948 20.9048C16.2529 19.1208 13.0853 15.9532 11.3014 12.0114C11.1072 11.5823 11.2387 11.076 11.617 10.7956L13.1749 9.64116C13.3271 9.52835 13.3548 9.31151 13.2358 9.16405L10.8424 6.19732C10.7312 6.05944 10.5315 6.03266 10.3879 6.13635L8.0235 7.84323C6.86512 8.67948 6.45717 10.2166 7.04845 11.5172L7.78624 13.1401C7.78651 13.1407 7.78677 13.1412 7.78704 13.1418ZM18.8932 26.5298C13.1652 24.0983 8.55806 19.6143 5.96867 13.9746L5.96711 13.9712L5.22777 12.3449C4.24231 10.1773 4.92221 7.61539 6.85285 6.22163L9.21724 4.51475C10.2227 3.78888 11.6204 3.97635 12.399 4.94154L14.7924 7.90827C15.6252 8.9405 15.4312 10.4584 14.3657 11.248L13.473 11.9095C14.9809 14.8354 17.3707 17.2252 20.2966 18.7331L20.9581 17.8405C21.7478 16.7749 23.2656 16.581 24.2979 17.4137L27.2642 19.8068C28.2297 20.5856 28.4169 21.9838 27.6904 22.9893L25.9913 25.341C24.6055 27.2589 22.065 27.9429 19.9036 26.9799L18.8932 26.5298Z" fill="%230061AF"></path></svg>');
}

.ico-phone-white {
    background-position: 228px -116px;
    width: 32px;
    background-size: 2300%;
    height: 27px;
}

.ico-envelope {
   background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.1955 3.51501C17.8629 3.99663 18.3341 4.73522 18.4632 5.59374C18.5084 5.89459 18.5491 6.19595 18.5853 6.49771C18.8655 9.10061 18.853 12.1024 18.4632 14.6948C18.2475 16.1292 17.0768 17.2288 15.6317 17.3544L14.1215 17.4857C10.9724 17.7594 7.80558 17.7594 4.65654 17.4857L3.14631 17.3544C1.70124 17.2288 0.530567 16.1292 0.314869 14.6948C-0.074954 12.1024 -0.0874415 9.10044 0.192702 6.49755C0.228914 6.19584 0.269637 5.89454 0.314869 5.59374C0.443791 4.73641 0.913865 3.99867 1.57978 3.51701L1.57901 3.51027L1.62627 3.48402C1.79877 3.36395 1.98386 3.26082 2.17909 3.1769L6.59503 0.723596C8.33166 -0.241198 10.4433 -0.241199 12.1799 0.723595L16.5857 3.17123C16.7903 3.25806 16.9838 3.36595 17.1636 3.49231L17.196 3.51031L17.1955 3.51501ZM16.3546 4.75877L11.4515 2.03483C10.1679 1.32172 8.60709 1.32172 7.3235 2.03483L2.43183 4.75242C2.09835 5.00404 1.86376 5.38079 1.79819 5.8168C1.7865 5.89457 1.77512 5.97237 1.76406 6.05021L7.325 9.13962C8.60859 9.85273 10.1694 9.85273 11.453 9.13962L17.014 6.05017C17.0029 5.97235 16.9915 5.89455 16.9798 5.8168C16.9148 5.38444 16.6836 5.01035 16.3546 4.75877ZM17.0945 13.6248C17.3329 11.6458 17.3672 9.64844 17.1975 7.66415L12.1814 10.4509C10.4448 11.4157 8.33316 11.4157 6.59653 10.4509L1.58051 7.66419C1.41079 9.64846 1.44513 11.6458 1.68353 13.6248C1.71758 13.9075 1.7558 14.1898 1.79819 14.4717C1.82219 14.6313 1.86883 14.7829 1.93467 14.9234C2.17777 15.442 2.68265 15.8084 3.27621 15.86L4.78644 15.9913C7.84905 16.2576 10.929 16.2576 13.9916 15.9913L15.5018 15.8601C15.9733 15.8191 16.3888 15.5795 16.6616 15.2227C16.8253 15.0087 16.9376 14.7525 16.9798 14.4717C17.0222 14.1898 17.0604 13.9075 17.0945 13.6248Z" fill="%230061AF"></path></svg>');
   background-position: center;
   background-repeat: no-repeat;
}

.icon-phone {
    background-position: 262px -66px;
    width: 40px;
    background-size: 1800%;
    height: 36px;
}

.icon-Secretary {
    background-position: 463px -62px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.ico-map {
 background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.66666 13.3333C9.66666 9.83552 12.5022 6.99999 16 6.99999C19.4978 6.99999 22.3333 9.83552 22.3333 13.3333C22.3333 16.8311 19.4978 19.6667 16 19.6667C12.5022 19.6667 9.66666 16.8311 9.66666 13.3333ZM16 8.99999C13.6068 8.99999 11.6667 10.9401 11.6667 13.3333C11.6667 15.7266 13.6068 17.6667 16 17.6667C18.3932 17.6667 20.3333 15.7266 20.3333 13.3333C20.3333 10.9401 18.3932 8.99999 16 8.99999Z" fill="%230061AF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.69914 11.8091C5.17158 6.07764 9.96112 1.66666 15.712 1.66666H16.288C22.0389 1.66666 26.8284 6.07764 27.3008 11.8091C27.5546 14.888 26.6036 17.9452 24.648 20.3368L18.2573 28.1525C17.0906 29.5793 14.9094 29.5793 13.7427 28.1525L7.35194 20.3368C5.3964 17.9452 4.44536 14.888 4.69914 11.8091ZM15.712 3.66666C11.002 3.66666 7.07931 7.27929 6.69238 11.9734C6.48116 14.5359 7.27269 17.0803 8.90024 19.0707L15.291 26.8865C15.6574 27.3346 16.3426 27.3346 16.709 26.8865L23.0997 19.0707C24.7273 17.0803 25.5188 14.5359 25.3076 11.9734C24.9207 7.27929 20.998 3.66666 16.288 3.66666H15.712Z" fill="%230061AF"></path></svg>');
    width: 32px;
    height: 32px;
}

.icon-Secretary {
}

.icon-public-relations {
    background-position: 520px -132px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-sticker {
    background-position: 572px -130px;
    width: 47px;
    background-size: 1500%;
    height: 47px;
}

.icon-book1 {
    background-position: 538px -2px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-blade {
    background-position: 592px 1px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-bag {
    background-position: 652px 0;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-Laser-Cutting {
    background-position: 710px 1px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-contact1 {
    background-position: 306px 1px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-cd {
    background-position: 364px -3px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-box {
    background-position: 426px -3px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-book {
    background-position: 485px 4px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-gift {
    background-position: 215px -2px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-offset {
    background-position: 590px -60px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-money1 {
    background-position: 652px -59px;
    width: 47px;
    background-size: 1500%;
    height: 49px;
}

.icon-marketing {
    background-position: 709px -56px;
    width: 47px;
    background-size: 1500%;
    height: 48px;
}

.icon-Page {
    background-position: 327px -64px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-Page1 {
    background-position: 395px -65px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-order1 {
    background-position: 527px -66px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-printing {
    background-position: 642px -129px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-print3 {
    background-position: 705px -131px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}

.icon-window {
    background-position: 451px -125px;
    width: 47px;
    background-size: 1500%;
    height: 52px;
}

.icon-support2 {
    background-position: 375px -129px;
    width: 47px;
    background-size: 1500%;
    height: 46px;
}








/*----*/
.contact-text {
    position: relative;
    background: var(--color-yellow-primary);
    border-radius: 25px;
}

    .contact-text:before {
        content: "";
        background: #F5F5F5;
        box-shadow: 0 0 12px rgba(0,0,0,0.1);
        border-radius: 10px;
        position: absolute;
        width: 130%;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        display: none !important;
    }

    .contact-text .title {
        font-size: 26px;
        color: var(--color-blue-primary);
        display: flex;
        align-items: center;
    }

        .contact-text .title .icon-contact {
            margin-left: 6px;
        }

    .contact-text .desc {
        line-height: 32px;
        font-size: 16px;
        font-weight: 700;
        color: var(--color-text);
    }

    .contact-text .buttons {
    }

        .contact-text .buttons .btn {
            display: inline-flex;
            align-items: center;
        }

            .contact-text .buttons .btn .icon-contact {
                margin-right: 6px;
            }

.Img-contact {
    border-radius: 47px 0 47px 47px;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}
.Img-contact img{
    width: 100%;
}
/*----*/
.box-wrapTitle {
    position: relative;
    border-radius: 25px !important;
    padding: 30px;
    background-color: #f9f9f9;
    border: 0.5px solid var(--color-secondary) !important;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px #0061af61;
}

    .box-wrapTitle > .title {
        font-weight: 700;
        font-size: 18px;
        color: var(--color-primary);
        margin-bottom: 16px;
    }
/*----*/
.Built-in-phones {
    align-items: center;
    height: calc(100% - 16px);
}

    .Built-in-phones .image {
        padding: 0 10px;
    }

        .Built-in-phones .image span {
        }

    .Built-in-phones .media-body {
        padding: 10px;
        border-right: 1px solid #ddd;
        height: 100%;
    }

        .Built-in-phones .media-body .title {
            font-size: 15px;
            margin-bottom: 10px;
            color: var(--color-blue-primary);
            font-weight: 700;
        }

        .Built-in-phones .media-body .numb span a {
            color: #fff !important;
        }

        .Built-in-phones .media-body .numb span {
            padding: 3px 10px 0 15px;
            border-radius: 25px;
            margin-left: -13px;
        }

            .Built-in-phones .media-body .numb span:last-of-type {
                padding: 3px 10px 0;
            }

            .Built-in-phones .media-body .numb span:nth-child(1) {
                color: whitesmoke;
                background: #5971e6;
            }

            .Built-in-phones .media-body .numb span:nth-child(2) {
                background: #374cb4;
            }

            .Built-in-phones .media-body .numb span:nth-child(3) {
                background: #1C2F91;
            }

            .Built-in-phones .media-body .numb span:nth-child(4) {
                background: #5971e6;
            }

            .Built-in-phones .media-body .numb span:nth-child(5) {
                background: #374cb4;
            }

            .Built-in-phones .media-body .numb span:nth-child(6) {
                background: #1C2F91;
            }

    .Built-in-phones .icon {
        padding: 0 5px;
    }

        .Built-in-phones .icon .icon-contact,
        .Built-in-phones .image .icon-contact {
            display: block;
        }
/*----*/
.form-group-input {
}

    .form-group-input input {
        height: 45px;
        border-radius: 10px;
    }

        .form-group-input textarea:focus,
        .form-group-input input:focus {
            box-shadow: none !important;
        }

    .form-group-input textarea {
        border-radius: 10px;
        resize: none;
    }

.buttons-beside {
}

    .buttons-beside .btn {
        border: 0;
        min-width: 100px;
        font-size: 15px;
    }
/*----*/
.list-contactfoot {
}

    .list-contactfoot .media {
        padding: 10px 0;
        align-items: center;
    }

        .list-contactfoot .media .icon {
        }

            .list-contactfoot .media .icon .icon-contact {
                margin-left: 10px;
            }

        .list-contactfoot .media .media-body .map {
            font-size: 11px;
            margin-top: 4px;
        }

        .list-contactfoot .media .media-body span {
            color: var(--color-text);
            line-height: 23px;
            font-size: 14px;
            font-weight: 600;
        }

        .list-contactfoot .media .media-body .numb {
        }

            .list-contactfoot .media .media-body .numb a {
            color: var(--color-text);
            }

        .list-contactfoot .media .media-body p {
            color: #A7A7A7;
            margin-top: 7px;
        }
/*----*/
/*---*/
/*---*/
/*---*/
/*---*/
.rulesbox {
    background: #f5f5f5;
    margin: 10px 0px;
    padding: 12px 5px;
    font-size: 12px;
    text-align: center;
}

    .rulesbox a:hover {
        color: var(--color-blue-primary) !important;
    }

@media print {
    body {
        -webkit-print-color-adjust: exact !important;
        -o-print-color-adjust: exact !important;
        -moz-print-color-adjust: exact !important;
        -ms-print-color-adjust: exact !important;
    }

    #printfactour {
        display: none !important;
    }

    #tblfactor {
        background: #fbfbfb;
    }

    #thfactour1, #thfactour2, #thfactour3, #thfactour4, #thfactour5 {
        background: #eaf0f2;
        font-weight: 600;
        border: 1px solid #dee2e6;
    }

    #tdfactour1, #tdfactour2, #tdfactour3, #tdfactour4, #tdfactour5 {
        background: white;
        border: 1px solid #dee2e6;
    }

    #td-none {
        background: #fbfbfb !important;
    }

    .tblfactor th, .tblfactor td {
        background: white;
        border: 1px solid #dee2e6;
    }

    #td-1, #td-2, #td-3, #td-4, #td-5, #td-6, #td-7, #td-8, #td-9 {
        vertical-align: top;
        text-align: right !important;
        padding: 11px 25px !important;
        background: #cddadd !important;
        color: #000000 !important;
        font-size: 12px !important;
        padding: 7px !important;
        border: 7px solid #ffffff !important;
        border-radius: 22px !important;
        text-align: center;
    }

    #th-a, #th-b, #th-c, #th-d, #th-e, #th-f, #th-g, #th-h, #th-i {
        border: 7px solid #ffffff !important;
        border-radius: 22px !important;
        text-align: center !important;
        font-size: 14px !important;
        color: #000000 !important;
        font-size: 12px !important;
    }

    #td-q, #td-w, #td-e, #td-r, #td-t, #td-y, #td-u {
        vertical-align: top;
        text-align: right !important;
        padding: 11px 25px !important;
        background: #eaf0f2 !important;
        color: #000000 !important;
        font-size: 12px !important;
        padding: 7px !important;
        border: 7px solid #ffffff !important;
        border-radius: 22px !important;
        text-align: center;
    }

    #OrangeDarktd {
        vertical-align: top;
        text-align: right !important;
        padding: 11px 25px !important;
        background: #fea802bf !important;
        color: #000000 !important;
        font-size: 12px !important;
        padding: 7px !important;
        border: 7px solid #ffffff !important;
        border-radius: 22px !important;
        text-align: center;
    }

    #Orangetd {
        vertical-align: top;
        text-align: right !important;
        padding: 11px 25px !important;
        background: #fea802a1 !important;
        color: #000000 !important;
        font-size: 12px !important;
        padding: 7px !important;
        border: 7px solid #ffffff !important;
        border-radius: 22px !important;
        text-align: center;
    }

    /*#td-none {
        border: 7px solid #ffffff !important;
        border-radius: 22px !important;
        text-align: center !important;
        font-size: 14px !important;
        color: #000000 !important;
        font-size: 12px !important;
    }*/

    #tableprefactour {
        overflow: hidden;
    }

    #headerpre {
        border: none;
    }
}
/*Responsive*/

@media(max-width: 997px) {
    .Search-box {
        width: 232px;
    }

    .contentdetail {
        position: relative;
        display: block;
        width: 100%;
        height: 200px;
        overflow: hidden;
        white-space: normal;
    }

    .blockimg {
        height: 228px;
    }

    .blockcategory {
        height: 228px;
    }

    .categoryimg {
        height: 228px;
    }

    .search_head .button_group button {
        width: 90px;
    }

    .search_head {
        margin: 19px 0px;
    }

    .Login .list li a {
        font-size: 9px;
    }

    .footer .fallow {
        width: 50%;
        float: left;
    }

    footer .number_footer {
        width: 50%;
        float: right;
    }
}

@media(max-width:992px) {
    .contact-text .buttons {
        flex-wrap: wrap;
    }
}

@media(max-width: 767px) {
    .table-address tr th {
        font-size: 11px;
    }

    .blockimg {
        height: 230px;
    }

    .Search-box {
        width: 80%;
    }

    .search_head .button_group button {
        width: 40px;
    }

        .search_head .button_group button span, .search_head .select_group select, .Logo_head {
            display: none !important;
        }

    .carousel_main .carousel-item .img {
        height: auto;
    }

    .d-xs-none {
        display: none;
    }

    .icon-menu {
        margin: 19px 0px;
    }

    .search_head .select_group {
        display: contents;
    }

    footer .bottom {
        text-align: center;
    }

    .carousel_product .carousel-item {
        height: auto;
        max-height: 325px;
    }
}

@media(max-width: 1200px) {
   .title-cart{
    padding-right: 16px;
   }
}
@media(max-width: 768px) {
    .loadmore {
        display: initial;
    }

    .Login .list li a {
        font-size: 13px;
    }

    .Search-box #text::-webkit-input-placeholder {
        font-size: 12px;
    }
    #ListAddress{
        overflow-x: auto;
    }
    .buttons__wrapper{
        margin-top: 16px;
    }
}

@media(max-width:576px) {
    .Img-contact {
        box-shadow: none;
    }

        .Img-contact img {
            height: 150px;
            margin: 0 auto 20px;
            border-radius: 25px;
        }

    .contact-text::before {
        width: 100%;
    }
}

@media(max-width: 368px) {
    .blockimg {
        height: 200px;
    }

    .blockcategory {
        height: 200px;
    }

    .categoryimg {
        height: 200px;
    }

    .Login .list li a i {
        font-size: 15px;
    }
}

@media(max-width: 321px) {
    .Search-box {
        width: 200px;
    }



    .search_head .button_group button {
        width: 74px;
    }

    .Search-box #text::-webkit-input-placeholder {
        font-size: 10px;
    }
}

@media (max-width: 500px) {

    .blockAll {
        height: 160px;
    }
}

@media (max-width: 400px) {

    .blockAll {
        height: 160px;
    }
}

.clickable :hover {
    cursor: pointer;
}

@media only screen and (max-width:768px) {
    .team_group .text {
        width: 100%;
        right: initial;
        left: 0;
    }
}

@media only screen and (max-width:576px) {
    .media {
        flex-wrap: wrap;
    }

        .media .Img {
            flex-basis: 100%;
            display: flex;
            justify-content: center;
        }
}

.custom-control-input {
    z-index: -1;
    opacity: 0;
}

.Built-in-phones .media-body .numb span {
    color: whitesmoke;
}

/*====new*/
.all_order {
    font-size: 14px;
}

    .all_order thead {
        background: #66bc45;
        color: #fff;
        /*display: table-caption;*/
    }

    .all_order tbody {
    }

    .all_order tr {
    }

    .all_order td {
        text-align: center;
        vertical-align: middle;
        padding: .75rem;
    }

    .all_order th {
        text-align: center;
        font-weight: 500;
        border-right: 0;
        border-left: 0;
        vertical-align: middle;
        padding: .75rem;
    }

    .all_order .cost {
    }

        .all_order .cost span {
        }

    .all_order .btn {
        padding: 2px;
        width: 100px;
    }

    .all_order .detiles a {
        font-size: 25px;
        height: 25px;
        display: inline-block;
    }

    .all_order tbody .desc {
        white-space: nowrap;
        text-align: right;
    }

        .all_order tbody .desc .title {
            font-size: 13px;
            margin-bottom: 5px;
        }

            .all_order tbody .desc .title a {
            }

    .all_order tbody .list {
    }

.order_info_1 .list {
    text-align: right;
}

    .order_info_1 .list li,
    .all_order tbody .list li {
        margin: 0;
        font-size: 11px;
        line-height: 20px;
        position: relative;
    }

    .order_info_1 .list li {
        padding-right: 10px;
    }

        .order_info_1 .list li:before,
        .all_order tbody .list li:before {
            content: "";
            content: "-";
            position: absolute;
            right: 0;
            top: 2px;
            font-weight: 100;
        }

.all_order .list li span {
}
/*---*/
.order_info_1 {
}

    .order_info_1 .list,
    .order_info_1 .name_product a,
    .order_info_1 .title_product a {
        display: block;
        max-width: 150px;
        min-width: 150px;
        font-size: 13px;
        color: #222;
    }

    .order_info_1 .Images .Img img {
        height: 50px;
    }

    .order_info_1 > .table-responsive > table > tbody > tr > td {
        text-align: center;
    }

    .order_info_1 > .table-responsive {
        padding: 0 1px;
    }

    .order_info_1 .head {
        background: #68bc51;
        color: #fff;
    }

        .order_info_1 .head th {
            text-align: center;
            padding: 15px 5px;
            font-weight: 400;
            border-right: 0;
            border-left: 0;
            white-space: nowrap;
        }

.order_info_2 > .table-responsive > table > thead > tr > th {
    border-bottom: 1px solid #68bc51;
}
/*---*/
.level_order {
}

    .level_order .item_ {
        text-align: center;
        color: #727677;
        flex: 1;
    }

        .level_order .item_.active .text {
            color: #69A142;
        }

.cancel {
    color: #68bc51;
    fill: #68bc51;
}

span.cancel {
    font-size: x-small;
}

.cancel .text {
    color: #68bc51 !important;
}

.level_order .item_ .Ico {
}

.level_order .item_ .Ico {
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

    .level_order .item_ .Ico .img {
        display: inline-block;
        padding: 0 20px;
        background: #f2f2f2;
    }

.level_order .item_ + .item_ .Ico:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    border-bottom: 2px dashed #ddd;
    right: -30%;
    z-index: -1;
}

.level_order .item_ .Ico svg {
    height: 30px;
    width: 40px;
}

.level_order .item_.active .Ico svg {
    fill: #69A142;
}

.level_order .item_ .text {
}

.page-item.active .page-link {
    background-color: #68bc51;
    border-color: #68bc51;
}
/*----*/
.order_info_3 td a {
    color: #212529;
}



.order_info_3 td {
    vertical-align: middle;
}

.order_info_1 td.img img {
    height: 50px;
    margin: auto;
}

.order_info_1 td.title_product .link {
    color: #68bc51;
}

.order_info_1 td.title_product .desc {
    margin-top: 5px;
    font-size: 12px;
    max-width: 200px;
    line-height: 25px;
}
/*----*/
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    font-size: 11px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 10px;
    right: 10px;
}
/*----*/

.cart-img {
    width: 150px !important;
}
.alert-error {
    background: #0061AF;
    color: white;
    border-radius: 9px;
}


.alert-Ok {
    background: #28a745;
    color: white;
}



.discount-box{
    position: relative;
}
.discount-box::before{
    content: " ";
    background: url('data:image/svg+xml,<svg width="100" height="90" viewBox="0 0 124 112" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 44.5C5.75 38.6074 5.75 35.6612 7.58056 33.8306C9.41119 32 12.3574 32 18.25 32H105.75C111.642 32 114.589 32 116.419 33.8306C118.25 35.6612 118.25 38.6074 118.25 44.5V53.875C118.25 56.7869 118.25 58.2431 117.774 59.3919C117.14 60.9231 115.923 62.14 114.392 62.7744C113.243 63.25 111.787 63.25 108.875 63.25C105.963 63.25 104.507 63.25 103.358 63.7256C101.827 64.36 100.61 65.5769 99.9756 67.1081C99.5 68.2569 99.5 69.7131 99.5 72.625V94.5C99.5 100.392 99.5 103.339 97.6694 105.169C95.8387 107 92.8925 107 87 107H37C31.1074 107 28.1612 107 26.3306 105.169C24.5 103.339 24.5 100.392 24.5 94.5V72.625C24.5 69.7131 24.5 68.2569 24.0243 67.1081C23.3899 65.5769 22.1732 64.36 20.6417 63.7256C19.4932 63.25 18.0371 63.25 15.125 63.25C12.2129 63.25 10.7568 63.25 9.60825 62.7744C8.07681 62.14 6.86006 60.9231 6.22575 59.3919C5.75 58.2431 5.75 56.7869 5.75 53.875V44.5Z" stroke="%23bab9b9" stroke-width="5"></path><path d="M18.25 63.25H105.75" stroke="%23bab9b9" stroke-width="5" stroke-linecap="round"></path><path d="M62 25.75V107" stroke="%23bab9b9" stroke-width="5" stroke-linecap="round"></path><path d="M62 25.75L56.5087 20.259C49.8444 13.5946 41.7201 8.57336 32.7788 5.59293C25.6312 3.21037 18.25 8.53043 18.25 16.0647V17.2029C18.25 22.3071 21.5162 26.8387 26.3586 28.4529L37 32" stroke="%23bab9b9" stroke-width="5" stroke-linecap="round"></path><path d="M62 25.75L67.4913 20.259C74.1556 13.5946 82.28 8.57336 91.2212 5.59293C98.3687 3.21037 105.75 8.53043 105.75 16.0647V17.2029C105.75 22.3071 102.484 26.8387 97.6413 28.4529L87 32" stroke="%23bab9b9" stroke-width="5" stroke-linecap="round"></path></svg>');
    width: 100px;
    height: 90px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%); 
}
.discount-btn{
    background: rgba(0,0,0,.05);
    color: #6c757d;
}
@media(max-width:576px) {
    .level_order .item_ {
        flex: 0 0 20%;
    }
    .discount-box::before{
        bottom: 3px;
        top: initial;
        transform: scale(0.8);
        left: 2px;
    }
}
#discount-PreFaktor .modal {
    padding-right: 0 !important;
}

#discount-PreFaktor .close.closemodal {
    position: absolute;
    left: -10px;
    top: -32px;
}

#discount-PreFaktor .modal-header .col-12 {
    margin-top: 25px;
}

.content-PreFactour {
    max-width: 100%;
    border-radius: 20px;
}

.leftfactour {
    text-align: left;
}

#modal_PreFactour .col-1{
    position: absolute;
    left: 0;
    top: 0;
}
.paymentInComplete .table td,.paymentInComplete .table th{
    border: none !important;
}
.paymentInComplete tbody tr:nth-of-type(odd){
    background-color: #0061AF;
    color: #0061AF;
    background: #0061af0f;
}
#modal_PreFactour .col-1{
    position: absolute;
    left: 0;
    top: 0;
}
#modal_PreFactour .row{
    align-items: center;
}
#modal_PreFactour h5{
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 17px;
}
#modal_PreFactour h6{font-size: 14px;color: var(--color-primary);font-weight: 700;}
.leftfactour{
    line-height: 20px;
}
.agreecls{
    flex-wrap: wrap;
}
.agreecls.row{
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (max-width:576px){
    .buttons__wrapper * {
    font-size: 14px !important;
}
.agreecls{
    padding: 16px;
}
.primary-btn{
    padding: 10px !important;
}
.paymentInComplete .row .col-lg-8{
    margin-bottom: 16px !important;
}
.buttons__wrapper{
    justify-content: center !important;
}
}
.primary-btn{
    color: #6C6C6C ;
}
#ListAddress .col-12.p-0{
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.cartbox > .container > .row > .col-12{
    /* padding: 0 !important; */
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.nav_Creadit{
    margin-top: 0 !important;
}
#deliveryBox{
    border-radius: 16px;
}
.user-pannle__menu-link:hover{
    text-decoration: none;
}
#secOrderLists .fa{
    color: var(--color-secondary);
    font-size: 15px !important;
}
#tableprefactour tr td{
    border-radius: 0 !important;
}
.order_info_1{
    border: none !important;
}
.order_info_1 .header{
    font-weight: 700;
    font-size: 24px;
    color: var(--color-primary);
}
.box-form-info-user .card{
    border: none !important;
}
.Personal_Information .table , th ,td {
    border: none !important;
}
.Personal_Information tbody td {
   background-color: #f2f2f2;
}
.Personal_Information table{
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 0 13px;
}
.Personal_Information 
.Personal_Information .fa{
    color: var(--color-secondary);
    font-size: 15px !important;
}
tbody td:last-child:first-child {
    border-radius: 22px 22px;
}
.ticket-link{
    color: #fff !important;
}
.user-pannle__body .main-btn{
    font-size: 16px !important;
}
.modal_AddAddress {
    padding: 20px !important;
}
.modal_AddAddress .modal-header{
    margin-bottom: 10px;
}


.btn-close {
    /* box-shadow: 0 4px 15px 0 rgba(171, 168, 168, 0.5); */
    background-color: #f2f2f2  !important;
    border-color: #f2f2f2 !important;
    border-radius: .25rem;
    padding: 0px 20px;
    display: block;
    PADDING: 4px 39px;
    color: var(--primary-color) !important;
    padding: 10px 15px;
    border-radius: 50px !important;
}
.btn-close:hover{
    background-color: var(--primary-color) !important;
}
.btn-edit-address{
    border-radius: 50px !important;
    background-color: var(--primary-color) !important;
}

.box-address {
    background: white;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    transition: opacity .3s, box-shadow .3s, background-color .3s;
    padding: 30px 40px 40px 40px;
    direction: rtl;
    font-size: 13px;
    margin: 16px 0px;
}

.topaddress {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    height: 7px;
    background: white url(/Content/Image/top-line.png) repeat-x center;
}



.addressName {
    font-size: 22px;
    color: var(--color-secondary) !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e3dddd;
    padding-bottom: 10px;
}

.box-address p {
    font-size: 15px !important;
    color: #7E7D84 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.btn-edit-address {
    background-color: var(--primary-color) !important;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 50px;
    cursor: pointer;
}

.btn-delete-address {
    background-color:#f2f2f2  !important;
    padding: 10px 20px;
    color: var(--primary-color) !important;
    border-radius: 50px;
    cursor: pointer;
}


.tabel_cart .Unit_amount span{
    font-size:18px;
    color:var(--color-secondary);
    font-weight:700
}


.tabel_cart thead {
    margin-bottom: 13px;
}

.tabel_cart thead tr {
    background-color: var(--color-secondary);
    border: 0;
    border-radius: 22px;
}

.tabel_cart th,.tabel_cart  th {
    border: none;
    padding: 13px;
    font-size: var(--font-size-1);
    font-weight: normal;
    color: #fff;
    text-align: center;
}

.tabel_cart  th:first-child {
    border-radius: 0 40px 40px 0;
}

.tabel_cart th:last-child {
    border-radius: 40px 0 0 40px;
}

.tabel_cart tbody td  {
    text-align: center;
    padding: 13px 0;
    background-color: #f2f2f2;
    font-size: var(--font-size-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
.text-alert-cart{
    font-size: 14px;
    border: 1px solid var(--color-secondary);
    padding: 10px 10px;
    border-radius: 15px;
    color: var(--color-secondary);
}
#cartTotalPrice{
 font-size: 22px !important;
    color: var(--color-primary) !important;
    font-weight: 700 !important;   
}
.tabel_cart{
    border-collapse: separate;
    border-spacing: 0 13px;
    min-width: 500px;
}
.tabel_cart .fa-trash-alt{
    color:var(--color-text);
    font-size:16px
}
.tabel_cart img{
    /* width: 100%; */
}
.tabel_cart span{
    font-size: 14px;
    line-height: 22px;
}
 span.Total_amount{
      font-size:18px !important;
    color:var(--color-secondary) !important;
    font-weight:700 !important;
}
.tabel_cart tbody td:first-child {
    border-radius: 0 22px 22px 0;
}

.tabel_cart tbody td:last-child {
    border-radius: 22px 0 0 22px;
}

.tabel_cart tbody button {
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    margin: 0 3px;
    cursor: pointer;
}
.tblfactor td,.tblfactor th{
    border-radius: 0 !important;
}
.tblfactor thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
 .tblfactor td, .tblfactor th {
    vertical-align: top;
    border: 1px solid #dee2e6 !important;
    font-size: 12px;
    color: black;
}
.btn-light{
    background: #f2f2f2;
    text-align: center;
    transition: all 0.3s;
    font-weight: 600;
    color: var(--color-primary);
    display: table;
    min-width: 130px;
    border-radius: 50px !important;
    font-size: 18px;
    letter-spacing: -1.2px;
    padding: 10px 20px;
}
.btn-light:hover{
    background-color: var(--color-primary);
    color: #fff;
}
@media only screen and (max-width:576px){
    .tabel_cart .tfoot tr:first-child{
        display: none;
    }
    .tabel_cart .tfoot tr:last-child td:first-child{
        width: 200px;
        font-size: 14px
        ;
    }
    .buttons_wizard li ,.buttons_wizard li a{
        float: none !important;
        margin-bottom: 5px;
    }
    .buttons_wizard li a{
        margin: auto !important;
    }
}
.user-pannle__body #ListAddress{
    display: inline-block;
}