/******************************* FONTS *********************************/

@font-face {
    font-family: 'at10';
    src: url(fonts/at10.eot);
    src: url(fonts/at10.eot?#iefix) format('embedded-opentype'),
    url(fonts/at10.otf),
    url(fonts/at10.woff) format('woff'),
    url(fonts/at10.ttf) format('truetype'),
    url(fonts/at10.svg#at10) format('svg');
}

@font-face {
    font-family: 'consola';
    src: url(fonts/consola.ttf);
}

.at10 {
    font-family: 'at10', 'tahoma';
}

.at10 * {
    font-family: inherit;
}

.en_words {
    font-family: sans-serif;
}

/******************************* ANIMATIONS *********************************/

@-webkit-keyframes hang {
    0%,
    100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@keyframes hang {
    0%,
    100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

/******************************* DEFAULT STYLES *********************************/

* {
    margin: 0;
    padding: 0;
    font-family: 'at10', 'tahoma';
    box-sizing: border-box;
}

img {
    border: 0 none;
}

html {
    height: 100%;
    font-size: 11px;
}

body {
    position: relative;
    min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
i,
address,
b {
    font-weight: normal;
    font-style: normal;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.clear {
    width: 0;
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

a,
i,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-decoration: none;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

ul.no_bullet,
ol.no_bullet {
    list-style: none;
}

.tright {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tcenter {
    text-align: center;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

b.guide {
    font-family: 'tahoma' !important;
}

.i-asterisk {
    color: #ea3f4b;
    font-size: 5px;
    font-size: 0.5rem;
    font-style: normal;
    position: relative;
    top: -5px;
}

.disnone {
    display: none !important;
}

.blur {
    filter: url(../_images/blur.svg#blur);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');
}

.noblur {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-filter: none;
    filter: none;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

input,
textarea {
    outline: 0 none;
}

input,
textarea {
    -webkit-transition: all .2s;
    transition: all .2s;
}

textarea {
    resize: none;
}

select option {
    padding: 0 10px;
    line-height: 25px;
}

input.error,
textarea.error {
    border: 1px solid #FF0000;
}

input[type=submit],
input[type=checkbox],
input[type=radio],
label.choice {
    cursor: pointer;
    vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
    margin-left: 5px;
}

input[disabled],
.disabled,
.disabled * {
    cursor: not-allowed !important;
    background-color: #eee !important;
}

input[name=captcha] {
    font-family: 'consola';
    font-size: 27px !important;
    font-size: 2.3rem !important;
    letter-spacing: 2px;
    color: #555;
    height: 43px;
    text-align: center !important;
}

.error_container {
    display: none;
    padding: 5px 30px;
    border: 1px solid #FFA9A9;
    margin: 0 auto 20px;
    background-color: #FFEFEF;
    color: #900;
    font-size: 11px;
    font-size: 1.1rem;
}

[class^="i-"]::before,
[class*=" i-"]::before {
    vertical-align: middle;
}

.loading_ajax {
    position: relative;
}

.loading_ajax:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .5) url(../_images/loading/loader4.png) no-repeat center center;
    background-size: auto 20px;
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.remaining_char {
    position: absolute;
    left: 15px;
    bottom: 5px;
    font-size: 1.1rem;
    letter-spacing: .5px;
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    /*min-width: 640px;*/
    z-index: 1;
    padding: 0 30px;
    clear: both;
    direction: rtl;

}

/**************************** CHECK_RADIO_STYLE *******************************/

/*#1*/

.check_radio_style1 {
    cursor: pointer;
}

.check_radio_style1 input[type="checkbox"],
.check_radio_style1 input[type="radio"] {
    display: none;
}

.check_radio_style1 input[type="checkbox"] + span,
.check_radio_style1 input[type="radio"] + span {}

.check_radio_style1 input[type="checkbox"]:checked + span {}

.check_radio_style1 input[type="radio"] + span {}

.check_radio_style1 input[type="radio"]:checked + span {}

/**************************** TABLE STYLE *******************************/

/*#1*/

.table_style1 {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    min-width: 800px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
}

/**************************** TABLE STYLE *******************************/

/*#1*/

.table_style2 {
    border-radius: 2px;
    width: 100%;
    /*overflow: visible;*/
}

.table_style2 th.w5 {
    width: 5%;
}

.table_style2 th.w10 {
    width: 10%;
}

.table_style2 th.w15 {
    width: 15%;
}

.table_style2 th.w20 {
    width: 20%;
}

.table_style2 th.w30 {
    width: 30%;
}

.table_style2 th.w40 {
    width: 40%;
}


.table_style2 table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    min-width: 700px;
    border: none;

}

.table_style2 thead {
    text-align: center;
    height: 40px;
    color: #0D6494;
    font-size: 1.2rem;
}

.table_style2 th {
    width: 25%;
    padding: 20px;
    position: relative;
    z-index: 4;
}

.table_style2 th:before,
.table_style2 td:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ededed;
    z-index: 2;
}

.table_style2 th:before {
    background-color: rgba(129, 129, 129, 0.05);
}

.table_style2 td:before {
    border-left: solid 1px #d8d8d8;
}

.table_style2 td:last-child:before {
    border-left: none;
}

.table_style2 td span {
    font-size: 1.3rem;
    color: #72777D;
}

.table_style2 th.empty {
    width: 20%;
}

.table_style2 th img {
    max-width: 140px;
    max-height: 140px;
    position: relative;
    z-index: 3;
}

.table_style2 td {
    position: relative;
    padding: 20px;
    z-index: 1;
    text-align: center;

}

.table_style2 tr span,
.table_style2 tr a {
    position: relative;
    z-index: 3;
    color: #0D6494;
}

.table_style2 tr i {
    font-size: 20px;
}

.table_style2 td.title:before {
    opacity: 0.5;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.table_style2 tr:hover td.title:before {
    opacity: 1;
    border-bottom-color: transparent;
}

.table_style2 tr:hover td.title span {
    color: #0098dd;
}

.table_style2 tr:last-child td:before {
    border-bottom: none;
}

.table_style2 .pic {
    max-height: 60px;
    display: inline-block;
    height: 60px;
    width: 60px;
    background-image: url(../_images/NOTAVAIL.jpg);

}







/**************************** MODAL_STYLE *******************************/

/*MODAL => MESSAGE BOX*/

.msgprev_box {
    max-width: 800px;
    min-width: 600px;
    text-align: justify;
    padding: 35px;
}

.msgprev_box h4 {
    background-color: #0CA2C0;
    min-height: 40px;
    line-height: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 7px 20px;
    border-radius: 2px;
    margin-bottom: 15px;
}

.msgprev_box .content {
    border: 1px solid #f0f0f0;
    padding: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #555;
    line-height: 26px;
    min-height: 200px;
}

.msgprev_box textarea {
    border: medium none;
    color: #555;
    line-height: 26px;
    min-height: 300px;
    resize: none;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}

.msgprev_box .box_btn {
    background-color: #ae001f;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 35px;
    margin: 30px auto 0;
    width: 200px;
    text-align: center;
    line-height: 34px;
}

/**************************** GOTOP_STYLE *******************************/

.goto_top {}

.goto_top i {}

/**************************** TOOLTIP_STYLE *******************************/

.tooltip {
    position: absolute;
    padding: 0 5px;
    line-height: 19px;
    background-color: #444;
    color: #fff;
    border-radius: 2px;
    display: none;
}

.tooltip.top {
    bottom: 120%;
}

.tooltip.bottom {
    top: 120%;
}

.tooltip.right {
    left: 120%;
}

.tooltip.left {
    right: 120%;
}

.tooltip:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
}

.tooltip.top:after {
    border-top: 5px solid #444;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px;
    right: 5px;
}

.tooltip.bottom:after {
    border-bottom: 5px solid #444;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px;
    right: 5px;
}

.tooltip.right:after {
    border-right: 5px solid #444;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px;
    top: 5px;
}

.tooltip.left:after {
    border-left: 5px solid #444;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px;
    top: 5px;
}

/**************************** Flex *******************************/

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}

.jsb {
    justify-content: space-between;
}

.jc {
    justify-content: center;
}

.jsa {
    justify-content: space-around;
}

.ac {
    align-items: center;
}

.fww {
    flex-wrap: wrap;
}

/**************************** SUB_STYLE *******************************/

.sub_style1 {
    background-color: #fefefe;
    border: solid 1px #e7e7e7;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    padding: 10px;
    display: none;
    z-index: 10;
}

.have_sub {
    position: relative;
    cursor: pointer;
}

.have_sub:hover .sub_style1 {
    display: block;
}

/**************************** TITLE_STYLE *******************************/

.title_style1 {
    position: relative;
}

.title_style1:before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #ddd;
    z-index: 1;
}

.title_style1 span {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 0 15px;
    color: #aaa;
}

/**************************** Slide_STYLE *******************************/

.home_part1 .slide_style1 {
    width: 100%;
    margin: 20px 0;
    position: relative;
}

.home_part1 .slide_style1,
 .slide_style1 * {
    direction: ltr;
    outline: none;
}

.home_part1 .slide_style1 .arrow,
.home_part1 .slide_style1 .slick-dots {
    position: absolute;
    right: 40px;
    width: 30px;
    bottom: 0;
    text-align: center;
    font-size: 15px;
    color: #999;
    z-index: 2;
}

.slide_style1 .arrow.slick-next {
    cursor: pointer;
}

.home_part1 .slide_style1 .arrow.slick-prev {
    right: 138px;
    cursor: pointer;
}

.home_part1 .slide_style1 .arrow:hover {
    color: #29333B;
}

.home_part1 .slide_style1 .slick-dots {
    list-style: none;
    display: flex;
    width: 60px;
    justify-content: center;
    right: 75px;
    bottom: 7px;
}

.home_part1 .slide_style1 .slick-dots > li {
    width: 6px;
    height: 6px;
    cursor: pointer;
    border-radius: 50px;
    background-color: #ddd;
    margin: 0 3px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.home_part1 .slide_style1 .slick-dots > li.slick-active {
    width: 20px;
}

.home_part1 .slide_style1 .slick-dots > li button {
    display: none;
}

.slide_style1 .slide_item {
    height:310px;
    position: relative;
}

.slide_style1 .slide_item * {
    direction: rtl;
}

.slide_style1 .slide_item .pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: no-repeat center / cover;
    /*opacity: 0.8;*/
    /*-webkit-filter: grayscale(50%);*/
    /*filter: grayscale(50%);*/
}

/*.slide_style1 .slide_item .pic:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*right: 0;*/
    /*left: 150px;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);*/
    /*background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);*/
    /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);*/
/*}*/

.slide_style1 .slide_item .content_part {
    position: absolute;
    right: 0;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 80%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 50px;
}

.slide_style1 .slide_item .name {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #555;
}

.slide_style1 .slide_item .content {
    max-width: 450px;
    margin-bottom: 20px;
    color: #777;
    max-height: 60px;
    overflow: hidden;
}

/*slide2*/

.slide_style1.slide2 .slick-dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    list-style-type: none;
    align-items: stretch;
    justify-content: stretch;
}
.slide_style1.slide2 .slick-dots li{
    position: relative;
    width: 100%;

}
.slide_style1.slide2 .slick-dots .slick-active:before{
    /*background-color: red;*/
    position: absolute;
    top:-8px; left:0;
    right: 0;
    margin: 0 auto;
    content:'';
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:13px solid #EEEEEE;
}


.slide_style1.slide2 *{
outline: none;
}


.slide_style1.slide2 .slick-dots li button{
    width: 100%;
    height: 45px;
    border: 0;
    background-color: rgba(66,73,89,.8);
    color: white;
    cursor: pointer;
}
.slide_style1.slide2 .slick-dots .slick-active button{
    background-color:#EEEEEE;
    color:black;
}



.slide_style1.slide2 .slick-dots li button:hover{
    background-color:#EEEEEE;
    color:black;
}

/**************************** FORM_STYLE *******************************/

.form_style1 {}

.form_style1 .frm_step {
    justify-content: space-between;
    flex-wrap: wrap;
}

.form_style1 .frm_item {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}

.form_style1 .frm_item:last-child {
    margin-bottom: 0;
}

.form_style1 .frm_item.w30 {
    width: 32%;
}

.form_style1 input {
    width: 100%;
    border: solid 1px #4e4e4e;
    border-radius: 3px;
    height: 40px;
    /*font-size: 1.1rem;*/
    font-size: 1.3rem;
    color: #777;
    padding: 0 12px 2px;
    text-align: right;
}

.form_style1 .error {
    border-color: #be2122;
}

.form_style1 input:focus {
    background-color: #f4f4f4;
}

.form_style1 input ~ label.error,
.form_style1 .select_style1 * label.error,
.frm_item label.error {
    font-size: 0.8rem;
    position: absolute;
    bottom: calc(100% - 9px);
    left: 10px;
    background-color: #be2122;
    color: #FFF;
    padding: 0 6px 2px;
    border-radius: 20px;
    z-index: 1;
}

.form_style1 .select_style1 * label.error {
    left: -7px;
}



.form_style1 button {
    height: 40px;
    background-color: #be2122;
    color: #FFF;
    padding-bottom: 2px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}

.form_style1 button:hover {
    background-color: #98191A;
}


.form_style1 .frm_textarea {
    height: 100px;
    padding: 16px;
}

.form_style1 .wrap_input{
    position: relative;
    /*width: 100%;*/
    /*height: 60px;*/
    /*margin-bottom: 10px;*/
}

.form_style1 .wrap_input > i {
    position: absolute;
    top:-6px;
    left: 18px;
    font-size: 18px;
    transition: all 0.3s;
}
/**************************** BTN_STYLE *******************************/

.btn_style1 {
    padding: 10px 25px 13px;
    background-color: #29333B;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}

.btn_style1:hover {
    background-color: #000;
}

/*#2*/

.btn_style2 {
    border: solid 1px #e3e3e3;
    background-color: #f7f7f7;
    margin: 30px auto;
    text-align: center;
    padding: 6px 0 8px;
    font-size: 1rem;
    color: #888;
    cursor: pointer;
    display: block;
    max-width: 360px;
    border-radius: 3px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.btn_style2:hover {
    color: #FFF;
    background-color: #29333B;
}

.btn_style2 i {
    position: relative;
    top: -1px;
    margin-right: 7px;
}

/**************************** BOX_STYLE *******************************/

.box_style1 .item {
    border-bottom: dashed 1px #EEE;
    padding: 6px 0;
}

.box_style1 .item:last-child {
    border: none;
}

.box_style1 .item .link {
    padding: 6px;
}

.box_style1 .item .link:hover {
    background-color: #eee;
}

.box_style1 .pic {
    width: 60px;
    min-width: 60px;
    height: 60px;
    background: #FFF no-repeat center / contain;
    border: solid 5px #FFF;
    box-shadow: 0 0 0 1px #EEE;
    margin-left: 15px;
}

.box_style1 .content {
    flex-direction: column;
}

.box_style1 .content .name {
    color: #3865a6;
    max-height: 38px;
    overflow: hidden;
}

/*#2*/

.box_style2 {}

.box_style2 .step {
    flex-wrap: wrap;
}

.box_style2 .item {
    border: solid 1px #EEE;
    border-bottom: none;
    border-right: none;
    width: 25%;
    text-align: center;
    color: #00739E;
}

.box_style2 .item:hover {
    text-decoration: underline;
}

.box_style2 .item:nth-child(4n) {
    border-left: none;
}

.box_style2 .link {
    display: block;
    padding: 25px 10px 25px;
    position: relative;
    font-size: 1.2rem;
}

.box_style2 .link:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.04);
    opacity: 0;
}

.box_style2 .link:hover:before {
    opacity: 1;
}

.box_style2 .pic_part {
    width: 100%;
    background: no-repeat center / contain;
    height: 180px;
    margin-bottom: 15px;
    background-image: url("../_images/NOTAVAIL.jpg");
}

/**************************** FILYER_STYLE *******************************/

.filter_style1 .box {
    border: solid 1px #ddd;
}


.filter_style1 .title {
    background-color: #eee;
    color: #555;
    padding: 12px 20px;
    font-size: 1.1rem;
    border-bottom: solid 2px #ddd;
}

.filter_style1 .search_resault .step{
    margin-top: 0!important;
    margin-bottom: 0!important;

}


.filter_style1 .step {
    padding: 10px 0;
}

.filter_style1 .item {
    width: 100%;
    margin-bottom: 7px;
    color: #555;
}

.filter_style1 .link {
    padding: 3px 20px 5px;
    width: 100%;
    justify-content: space-between;
}

.filter_style1 .link:hover {
    background-color: #eee;
}

.filter_style1 .item .count {
    font-size: 10px;
    position: relative;
    top: 2px;
    color: #8c8c8c;
}

.filter_style1 .item .count:before,
.filter_style1 .item .count:before {
    content: '(';
    font-size: 6px;
    margin: 0 4px;
    position: relative;
    top: -2px;
    opacity: 0.5;
}

.filter_style1 .item .count:after {
    content: ')';
    font-size: 6px;
    margin: 0 4px;
    position: relative;
    top: -2px;
    opacity: 0.5;
}

.filter_style1 .show_more {

    margin: auto;
    text-align: right;
    cursor: pointer;
    margin-bottom: 17px;
    padding: 0 13px;

    color: #316cb0;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 1.1rem;
}

.filter_style1 .show_more > i {
    position: relative;
    top: -1px;
    margin-right: 10px;
}

.filter_style1 .show_more.more {
    color: #ff0707;
}

.filter_style1 .form_style1 .frm_input{
font-size: 1.3rem;
}

/**************************** CODE_STYLE *******************************/

.code_style1 {
    color: #777;
    font-size: 1.1rem;
    align-items: center;
}

.code_style1 .title {
    opacity: 0.7;
    font-size: 0.9rem;
}

/**************************** CONTENT_STYLE *******************************/

/*#1*/

.content_style1 {}

/**************************** HEADER_STYLE *******************************/

.header_style1{

}
.header_style1 .top_part{
    border-top: solid 4px #BE2122;
    padding: 1px 0 5px;
}
.header_style1 .top_part .item{
    padding: 0 10px;
    position: relative;
}
.header_style1 .top_part .item .link{
    color: #00739E;
    align-items: center;
}
.header_style1 .top_part .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 1px;
    background-color: #aaa;
    opacity: 0.4;
}
.header_style1 .top_part .item:last-child:before {
    display: none;
}
.header_style1 .top_part .item .link:hover {
    color: #000;
}
.header_style1 .top_part .item .icon {
    font-size: 14px;
    margin-left: 5px;
}
.header_style1 .top_part .left_part{
    padding-top: 3px;
}
.header_style1 .center_part {
    background-color: #000;
}

.header_style1 .center_part .inner{
    padding:14px 0;
}
.logo_part .logo{
    width: 167px;
    height: 42px;
    background: url("../_images/logo/logo.png");
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header_style1 .center_part .right_part .item{
    margin-left: 10px;
    font-size: 1.15rem;
}
.header_style1 .center_part .right_part .link{
    cursor: pointer;
    color: #FFF;
    display: block;
    padding: 10px ;
}
.header_style1 .center_part .right_part .item:not(.have_sub) .link:hover {
    text-decoration: underline;
}
.header_style1 .bottom_part .bulk_order_part .link:after,
.have_sub .link:after{
    content: "\6c";
    float: left;
    font-family: "grainger" !important;
    position: relative;
    top: 5px;
    margin-right: 6px;
}

.header_style1 .center_part .right_part .have_sub:hover .link {
    background-color: #eee;
    color: #222;
}
.header_style1 .center_part .right_part .sub_style1{
    width: 220px;
}
.header_style1 .center_part .right_part .sub_style1 .item2{
    padding: 2px;
}
.header_style1 .center_part .right_part .sub_style1 .link2{
    padding:10px 7px;
    display: block;
    color: #666;
}
.header_style1 .center_part .right_part .sub_style1 .link2:hover{
    background-color: #f0f0f0;
    color: #222;
}
.header_style1 .bottom_part{
    background-color: #29333B;
    border-top: solid 1px #29333B;
}
.header_style1 .bottom_part .right_part{
    width: 50%;
}
.header_style1 .bottom_part .cart_part,
.header_style1 .bottom_part .bulk_order_part,
.header_style1 .bottom_part .have_sub{
    padding: 12px;
    color: #FFF;
    font-size: 1.1rem;
    position: relative;
    min-width: 145px;
}
.header_style1 .bottom_part .bulk_order_part {
    padding: 0;
}

.sub_style2 {
    display: none;
    background-color: white;
    position: absolute;
    z-index:20;
    width: 260px;
    top: 45px;
    right: 0;
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
}
.sub_style2 .form_style1 .frm_item .count {
    width: 48px;
    margin: 0 0 8px 20px;
    text-align: left;
    padding-left: 5px;
}
.sub_style2 .form_style1 .frm_item .taq {
    width: 120px;
    text-align: left;
}
.sub_style2 .label_part{
    color: black;
    margin-bottom: 5px;

}.sub_style2 .label_part .label_count {
width: 120px;text-align: left;
}
.sub_style2 .label_part .label_taq{
    width: 60px;
    margin: 0 0 0 20px;
    text-align: center;
}
.sub_style2 .frm_step .count {
    text-align: center;
}
.sub_style2 .form_style1 .title {
    color: #000000;
}
.sub_style2 .form_style1 .title .text {
    /*width: 120px;*/
    margin-bottom: 10px;
}
.sub_style2 .form_style1 .title .tab {
    margin: 0 10px 8px 0;
}
.sub_style2 .form_style1 .title .tab:hover {
    text-decoration: underline
}
.sub_style2 .form_style1 .frm_item {
    margin-bottom: 0PX;

}
.sub_style2 .form_style1 .frm_item:nth-child(4) {
    margin-bottom: 0;
}
.sub_style2 .form_style1 .frm_item:nth-child(5) {
    margin: 0;
}
.sub_style2 .form_style1 .add_cart {
    width:auto;
    padding: 0 18px;
}
.link_style1:hover {
    text-decoration: underline;
}
.header_style1 .bottom_part .bulk_order_part .link {
    padding: 12px;
    display: block;
}
.header_style1 .bottom_part .bulk_order_part .link.active {
    background-color: #ffffff;
    color: black;
}
.header_style1 .bottom_part .product_part .have_sub{
    width: 140px;
    min-width: 140px;
}
.header_style1 .bottom_part .cart_part{
    margin-right: 20px;
}
.header_style1 .bottom_part .have_sub:hover{
    background-color: #eee;
    color: #29333B;
}
.header_style1 .bottom_part .cart_part .icon{
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 5px;
}
.header_style1 .bottom_part .cart_part .text{
    margin-right: 23px;
}
.header_style1 .search_part {
    width: 100%;
    padding-left: 40px;
    position: relative;
}
.header_style1 .search_part .search_type input{
    height: 45px;
    width: 100%;
    border: none;
    border-right: solid 1px #29333B;
    border-bottom: solid 1px #29333B;
    padding: 0 12px;
    text-align: right;
    color: #444;
    font-size: 1.15rem;
}
.header_style1 .search_part .search_type button{
    background-color: #be2122;
    border: none;
    color: #FFF;
    font-weight: 400;
    padding: 0 23px 4px;
    cursor: pointer;
}
.header_style1 .search_part .search_type button:hover{
    background-color: #98191A;
}
.header_style1 .search_part .search_result{
    position: absolute;
    top: 100%;
    right: 0;
    left: 40px;
    background-color: #fff;
    box-shadow: 2px 2px 13px rgba(0,0,0,0.12);
    flex-wrap: wrap;
    padding: 10px 0;
    display: none;
    z-index: 9;
    min-height: 50px;
}
.header_style1 .search_part .search_result > .flex{
    /*flex-wrap: wrap;*/
}
.header_style1 .search_part .search_result > .flex > .right,
.header_style1 .search_part .search_result > .flex > .left {
    width: 100%;
    position: relative;
}
.header_style1 .search_part .search_result > .flex > .left {
    border-right: solid 1px #e5e5e5;
    padding: 0 20px;
}
.header_style1 .search_part .search_result.loading:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #FFF url("../_images/loading/loader5.gif") no-repeat center / 30px auto;
    opacity: 0.90;
    z-index: 5;
}
.header_style1 .search_part .search_result > .flex > .right .item{
    margin-bottom: 1px;
}
.header_style1 .search_part .search_result > .flex > .right .link{
    display: block;
    padding: 4px 20px 5px;
    color: #666;
}
.header_style1 .search_part .search_result > .flex > .right .link:hover{
    background-color: #eee;
}
.header_style1 .product_part .sub_style1{
    width: 650px;
    color: #555;
}
.header_style1 .product_part .sub_style1 .step2{
    flex-wrap: wrap;
}
.header_style1 .product_part .sub_style1 .item2{
    padding: 2px 10px;
}
.header_style1 .product_part .sub_style1 .bottom_sub .item2{
    width: 33.33333%;
    border-right: solid 2px #EEE;
}
.header_style1 .product_part .sub_style1 .item2:nth-child(3n-2){
    border: none;
}
.header_style1 .product_part .sub_style1 .link2{
    width: 100%;
    display: block;
    padding: 3px 10px 5px;
}
.header_style1 .product_part .sub_style1 .link2:hover{
    background-color: #eee;
}
.header_style1 .product_part .sub_style1 .top_sub{
    border-bottom: dashed 1px #EEE;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.header_style1 .product_part .sub_style1 .item2 .icon{
    display: inline-block;
    background-size: cover;
    background-position: center;
    width: 20px;height: 20px;
    margin-left: 3px;
}
.header_style1 .product_part .sub_style1 .item2:nth-child(1) .icon{
    background-image: url("../_images/icon/icon1.png");
    margin-left:5px;
}
.header_style1 .product_part .sub_style1 .item2:nth-child(2) .icon{
    background-image: url("../_images/icon/icon3.png");
    margin-left:5px;

}.header_style1 .product_part .sub_style1 .item2:nth-child(3) .icon{
     background-image: url("../_images/icon/icon2.png");
    margin-left:5px;
}
.header_style1 .bottom_part .cart_part .count {
    position: relative;
    padding: 0 7px;
    display: none
}
.header_style1 .bottom_part .cart_part .count.active {
    display: block;
}
.header_style1 .bottom_part .cart_part .count:before,
.header_style1 .bottom_part .cart_part .count:after {
    top:0;
    color: white;
    font-size: 8px;
    opacity: 0.7;
}
.header_style1 .bottom_part .cart_part .count:before{
    content: " ( ";
}
.header_style1 .bottom_part .cart_part .count:after{
    content: " ) ";
}


/************* spv meno **************/

.menu_rsv_style1{
    position: fixed;
    left: 0;
    top:0;
    right: 0;
    height:50px;
    z-index: 200;
    display:none;
    overflow: hidden;
}

/*profile*/
.menu_rsv_style1 .user_part .profile{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
    height: 80px;
    padding:10px;
    color: white;
    text-align: right;
}

.menu_rsv_style1 .user_part .welcome span{
    font-size: 1.3rem
}

.menu_rsv_style1 .user_part  .btn{
    font-size: 2.3rem;
}

/*p*/
.menu_rsv_style1 .user_part .detail_pro{
    padding:10px;
}

.menu_rsv_style1 .user_part .detail_pro .pic{
    position: absolute;
    top:-45px;right: 0;left: 0;bottom: 0;
    display: inline-block;
    width:70px;
    height:70px;
    margin: 0 auto;
    border-radius: 50%;
    background-image: url(../_images/icon/profile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu_rsv_style1 .sidebar_part1 .icon1,
.menu_rsv_style1 .sidebar_part1 .icon2,
.menu_rsv_style1 .sidebar_part1 .icon3{
    display: inline-block;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
}

.menu_rsv_style1 .sidebar_part1 .icon1{
    background-image: url(../_images/icon/icon1.png);
}
.menu_rsv_style1 .sidebar_part1 .icon2{
    background-image: url(../_images/icon/icon3.png);
}
.menu_rsv_style1 .sidebar_part1 .icon3{
    background-image: url(../_images/icon/icon2.png);
}


.menu_rsv_style1 .user_part .text_part .date,.menu_rsv_style1 .user_part .text_part .user{
    color: white;
    text-align: right;
}

.menu_rsv_style1 .user_part .text_part label{
    color: #be2122;
    font-size: 1.4rem
}
.menu_rsv_style1 .user_part .text_part .value{
    font-size: 1.2

}

/*login_part*/
.menu_rsv_style1 .user_part .login_part1 .link_part{
    position: absolute;
    z-index:20;
    padding:20px;
    text-align: right;
    width:150px;max-height:190px;
    background-color: white;
    border-radius: 5px;
    color: black;
    font-size: 1.3rem;
     box-shadow: 31px 420px 0px 552px #0000005e;
        display: none;
}
.menu_rsv_style1 .user_part .login_part1 .link_part .item{
    padding:5px 0
}

.menu_rsv_style1 .top_part{
  position: absolute;
  z-index: 2;
  width:100%;
  padding:0 20px;
  background-color:#29333B;
  height:50px;
  max-height: 55px;
}
.menu_rsv_style1 .top_part .btn{
    height:31px;
    line-height:0px
}


.menu_rsv_style1 .sidebar_part1{
    position:fixed;
    width: 270px;
    display: inline-block;
    background-color:#29333B;
    bottom:0;top:0px;
    left:-271px;
    height: 100%;
    padding: 50px 0;
    overflow: hidden;
    transition: all 0.20s;
}
.menu_rsv_style1 .sidebar_part1.active{
    left:0px;
}
.menu_rsv_style1 .logo_part{
        margin-top:13px;
}
.menu_rsv_style1 .right-side.t122{
        margin-top:6px;
}

.menu_rsv_style1 .logo_part .logo {
    width: 167px;
    height: 42px;
    background: url(../_images/logo/logo-rsv.png);
    background-size: contain;
    background-repeat: no-repeat;

}

.menu_rsv_style1 .sidebar_part1.active .overlay{
    display: block;
}


.menu_rsv_style1 .filter_style1 .sub_menu{
display: none;
 background-color: rgb(48, 59, 69);
    color: black;

}




.menu_rsv_style1 .filter_style1 {
    max-height:500px

}


.menu_rsv_style1 .filter_style1 .item{
   position: relative;
    text-align: right;
    margin: 0;
    padding:10px 10px;
    color: #d8d8d8;
}
.menu_rsv_style1 .filter_style1 .item:hover{

    color: white;
}
.menu_rsv_style1 .filter_style1 .item2{
    position: relative;
   color: #d8d8d8;
    padding: 10px 20px
}
.menu_rsv_style1 .filter_style1 .item2:last-child:before{
 display: none;
}


.menu_rsv_style1 .filter_style1 .link:hover{
    background-color: rgba(240, 248, 255, 0);
    color: white;
}

 .menu_rsv_style1 .filter_style1 .item:before,
 .menu_rsv_style1 .filter_style1 .item2:before{
    content: '';
    z-index:13;
    position: absolute;
    right: 0;
    left: 5%;
    bottom: 0;
    height: 1px;
    background: #1b2f3b;
    background: linear-gradient(to right,#1b2f3b 0,#be2122 50%,#1b2f3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2f3b', endColorstr='#1b2f3b', GradientType=1 );
}
.menu_rsv_style1 .filter_style1 .item2:before{
       background: linear-gradient(to right,#243e4e 0,#192c38 50%,#243e4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2f3b', endColorstr='#1b2f3b', GradientType=1 );
}

.menu_rsv_style1 .link{
  cursor: pointer;
}

.menu_rsv_style1 .filter_style1 .title{
   background-color: inherit;
   color: white;
   border-width: 0;
}

.menu_rsv_style1 .filter_style1 .list{
    text-align: right;
}

.menu_rsv_style1 .top_part .btn{
 color: azure;
 font-size:25px;
 cursor: pointer;
}
.menu_rsv_style1 .overlay{
    position: fixed;
/*    cursor: pointer;*/
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index:-1;
    background-color: rgba(0,0,0,.4);
    display:none;
}

/********************  serch style */
.Search_style1{
    position: fixed;
    top: 0;left: 0;
    right: 0;bottom: 0;
    z-index:1550;
    display: none;
}

.Search_style1 .overlaay{
position:absolute;
cursor: pointer;
 top: 0;left: 0;
right: 0;bottom: 0;
background-color: rgba(41, 51, 59, 0.74);
}

.Search_style1 .wrapper{
    margin-top:50px;
}
.Search_style1 .search_part {
   width:100%;

}
.Search_style1 .search_part .search_type{

    display: flex;
    align-content: stretch;
    margin: auto;
}
.Search_style1 .search_part input{
   width:100%;
    height:50px;
    text-align: right;
    border: 0;
    padding:0 20px;
    padding-left: 0;
}
.Search_style1 .search_part button{
   width:100px;
}
/*dsdsd*/
.Search_style1 .search_result{
    background-color: white;
    padding:0 90px;
    padding-left: 0;
}

.Search_style1 .box_style1 .item .name{
 font-size: 1.3rem
}
.Search_style1 .box_style1 .item .code_style1{
 font-size: 1.3rem
}

.Search_style1 .not_found{
 font-size:1.1rem
}

/******************************************************************************/
/*recovery*/
/*************************** PAGES STYLES *************************************/

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

/**************************** Home *******************************/

/*#1*/

.home_part1 .inner {
    /*align-items: flex-start;*/
    flex-wrap: wrap;
}

.home_part1 .right_part {
    width: 75.5%;
}

.home_part1 .left_part {
    width: 23%;
    margin: 20px 0;
    border: solid 1px #EEE;
    border-top: solid 3px #29333B;
}

.home_part1 .left_part .title {
    background-color: #eee;
    padding: 12px 0 15px;
    text-align: center;
    font-size: 1.2rem;
}

.home_part1 .left_part .form_style1 {
    padding: 1.5em 1em 1em;
}

.home_part1 .form_style1 .frm_item:nth-child(2) {
    margin: 0;
}

.home_part1 .form_style1 .frm_link {
    margin: 1em 0;
    font-size: 11px;
    font-weight: bold;
    color: #00739E;
    line-height: normal;
}

.link_style1 {
    font-size: 11px;
    font-weight: bold;
    color: #00739E;
    line-height: normal;
}
/*#2*/

.home_part2 {}
.home_part2 .right_part,
.home_part2 .left_part {}
.home_part2 .right_part {
    width: 75.5%;
}
.home_part2 .left_part {
    width: 23%;
}
.home_part2 .left_part .filter_style1 {
    border-top: solid 3px #29333B;
}
/*footer*/
.footer_style1 {
    border-top: solid 2px #DDD;
    margin-top: 60px;
}

.footer_style1 .footer_part1 {

    background-color: #f7f7f7;
}

.footer_style1 .footer_part1:nth-child(2) {
    border-top: solid 1px #DDD;
    background-color: #EEE;
}

.footer_style1 .footer_part1 .inner {
    padding: 30px 0;
}

.footer_style1 .footer_part1 .footer_box {
    width: 15%;
    text-align: center;
}

.footer_style1 .footer_part1:nth-child(2) .footer_box {
    width: 30%;
}


.footer_style1 .footer_part1:nth-child(2) .footer_box:nth-child(1) .btn_style1 {
    height: 40px;
    background-color: #be2122;
    color: #FFF;
    padding: 0;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    line-height: 40px;
}

.footer_style1 .footer_part1:nth-child(2) .footer_box:nth-child(1) .btn_style1:hover {
    background-color: #98191A;
}


.footer_style1 .footer_part1 .title {
    color: #5f5f5f;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: right;
}

.footer_style1 .footer_part1 .title:before {
    content: '';
    float: right;
    position: relative;
    top: 6px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    background-color: #ccc;
}

.footer_style1 .footer_part1:nth-child(2) .footer_box:nth-child(2) .title:before {
    display: none;
}

.footer_style1 .footer_part1:nth-child(2) .footer_box:nth-child(2) .title {
    text-align: center;
    margin-bottom: 48px;
}

.footer_style1 .footer_part1 .content {
    text-align: justify;
    font-size: 0.9rem;
    color: #888;
}

.footer_style1 .footer_part1 .form_style1 {
    margin-top: 27px;
}

.footer_style1 .footer_part1 .form_style1 input {
    background: none;
}

.footer_style1 .footer_part1 .form_style1 input:focus {
    background: #fff;
}

.footer_style1 .footer_part1 .item {
    margin-bottom: 3px;
    color: #555;
    text-align: right;
}

.footer_style1 .footer_part1 .item > i {
    float: right;
    font-size: 12px;
    position: relative;
    top: -2px;
    margin-left: 10px;
    opacity: 0.7;
}

.footer_style1 .footer_part1 .item > span {
    margin-left: 5px;
}

.footer_style1 .footer_part1 .item > span:after {
    content: ' - ';
    margin-right: 5px;
}

.footer_style1 .footer_part1 .item > span:last-child:after {
    display: none;
}

.footer_style1 .footer_part1 .link {
    display: inline-block;
    padding: 3px 15px;
    color: #555;
}

.footer_style1 .footer_part1 .link:hover {
    text-decoration: underline;
}

.footer_style1 .footer_part1 .btn_style1 {

    display: inline-block;
}

.footer_style1 .footer_part1 .btn_style1 span {
    direction: rtl;
    display: inline-block;
    font-size: 1.3rem;
}

.footer_style1 .footer_part1 .social_media {
    margin-top: 14px;
}

.footer_style1 .footer_part1 .social_media .social_link {
    font-size: 16px;
    padding-top: 1px;
    display: block;
    background-color: #fff;
    width: 35px;
    height: 35px;
    margin: 0 4px;
    color: #445562;
    border-radius: 3px;
    line-height: 30px;
}

.footer_style1 .footer_part1 .social_media .social_link:hover {
    color: #FFF;
    background-color: #29333B;
}

.footer_style1 .footer_part2 {
    background-color: #000;
    padding: 30px 0;
    color: #fff;
}

.footer_style1 .footer_part2 .item {
    position: relative;
    margin: 0 10px;
}

.footer_style1 .footer_part2 .item:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    bottom: 0;
    height: 1px;
    width: 7px;
    background-color: #888;
    margin: auto;
}

.footer_style1 .footer_part2 .item:last-child:before {
    display: none;
}

.footer_style1 .footer_part2 .link {
    color: #FFF;
    font-size: 0.95rem;
}

.footer_style1 .footer_part2 .atlasweb a:hover,
.footer_style1 .footer_part2 .link:hover {
    text-decoration: underline;
}

.footer_style1 .footer_part2 .atlasweb a {
    margin: 0 3px;
}

.footer_style1 .footer_part2 .atlasweb img {
    margin-left: 4px;
    height: 20px;
}

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

/****************************************ا         home part 3               ***************/

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

.titel_style1 {
    padding-top: 20px;
    border-top: 3px solid #D8D8D8;
    margin-top: 20px;
    margin-bottom: 0;
    border-top: none;
    clear: both;
}
.titel_style1 h3 {
    font-size: 2rem
}
.home_part3 .right_part,
.home_part4 .right_part {
    width: 75.5%;
}
.wr_master {
    width: 920px;
}
.wl_master {
    width: 460px;
}
.home_part3 .left_part,
.home_part4 .left_part {
    width: 23%;
}
.home_part4 .box_part.flex{
    border: 1px solid #d8d8d8;
    padding:30px 0;}
.home_part4 .right_part .titel_style1{
    right: 14px;
    position: relative;
    top: 21px;
    background-color: white;
    display: inline-block;
}

.box_style3 .pic_part {
    text-align: center;
}
.box_style3 .pic_part .pic {
    margin: auto;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-image: url("../_images/NOTAVAIL.jpg");
}
.box_style3 .item {
    text-align: right;
    position: relative;
    border: 1px solid #D8D8D8;
    border-bottom: 4px solid #D8D8D8;
    padding: 15px 9px;
    margin: 0 5px;
}
.box_style3 .text_part .titel {
    margin: 14px 0 0 0;
    text-align: right;

}
.box_style3 .text_part .name_product {
    max-height: 42px;
    min-height: 42px;
    overflow: hidden;
}
.box_style3 .text_part .taq_part .link_style1,
.box_style3 .text_part .titel,
.box_style3 .text_part .taq_part span {
    font-size: 1.1rem;
}

.box_style3 .text_part .taq_part .link_style1 {
    position: relative;
    overflow: visible;
    display: inline-block;
    /*margin-bottom: 15px;*/
}

.Price_style1,
.Priceoff_style1 {
    font-size:1.4rem;
    font-weight: 400;
    line-height: 1.3;
    color: #29333B;
    margin-bottom: 5px;
}

.Price_style1 *,
.Priceoff_style1 * {
    margin: 0 2px
}
.text_line-through{
    text-decoration: line-through;
}


.Price_style1 .price,
.Priceoff_style1 .price {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #19792F;
    /*margin-left: 15px;*/
}
.Price_style1 .price{
    font-size: 1.4rem;
}



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

/* Priceoff_style1*/

.Price_style1 .tooltip.top,
.Priceoff_style1 .tooltip.top {
    right: -80px;
    bottom: 102%;
    width: 200px;
    font-size: 10px;
    line-height: 15px !important;
    padding: 0 5px;
    line-height: 19px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    border-bottom-width: 4px;
    text-align: justify;
    padding: 10px;
    z-index: 1;
}
.item .text_part .Price_style1 .he2{
    min-height: 20px;
}

.Price_style1 .tooltip.top:after,
.Priceoff_style1 .tooltip.top:after {
    border-top: 4px solid #D8D8D8;
    right: 40%;
    bottom: -8px;
}
.Priceoff_style1 {
    font-size: 1.4rem;
    color: #be2122;
}

.Priceoff_style1 .price:before,
.Priceoff_style1 .price {
   color: grey;
}
.Priceoff_style1 .after_price .value {
    text-decoration: line-through;
}
.Priceoff_style1 .after_price,
.Price_style1 .after_price{
    min-width: 175px;
}


.Priceoff_style1 .sale_part .before_price{
    font-size: 1.4rem;
}
.Priceoff_style1 .sale_part .before_price .label{
    font-size: 1.2rem;

}


.Priceoff_style1 .sale_part .before_price .price{
    font-size: 1.4rem;
}
.i-information-black {
    color: black;
}

.Priceoff_style1 .before_price .price {
    font-size: 10px;
    color: black;
}
.Priceoff_style1 .before_price .price:before {
    font-size: 1rem;
    color: #7e7e7e;
}
.Priceoff_style1 .sale_part,
.Price_style1 .sale_part {
    margin-top: 3px;
    max-height: 26px;
    min-height: 26px;
    overflow: hidden;
    font-size: 0.80rem;
    color: black;
}

.box_style3 .text_part .form_style1 .add_cart {
    color: #BE2122;
    border: 2px solid #BE2122;
    background-color: transparent;
    padding: 10px;
    line-height: 5px;
    font-size: 1rem;
}

.box_style3 .text_part .form_style1 .add_cart:hover {
    color: #fff;
    border: 2px solid #BE2122;
    background-color: #BE2122;
}



.box_style3 .text_part .form_style1 .count {
    width:42px;
    margin-right: 10px;
    padding: 0;
}

.box_style3 .text_part .form_style1 .label {
    position: relative;
}

.box_style3 .text_part .form_style1 .label .text {
    position: absolute;
    display: inline-block;
    bottom: 87%;
    right: 38%;
    background-color: #ffffff;
    z-index: 3;
    padding: 0;
}
.form_style1 .count {
    width: 35px;
    margin-right: 10px;
    padding: 0;
}
.form_style1 .label {
    position: relative;
}
.form_style1 .label .text {
    position: absolute;
    display: inline-block;
    bottom: 70%;
    right: 37%;
    padding: 0 5px;
    background-color: #ffffff;
    z-index: 3;
    padding: 0;
}
/*box style end*/
/*slide*/
/*

.home_part3 .right_part .slide_style2.slick-initialized {
    direction:rtl;
}
*/

.slide_style2 *{
    direction: rtl;
}
.slide_style2 .item *{
    direction: rtl;
}
.slide_style2 .slick-initialized.slick-slidee {
    overflow: visible;
}


.slide_style2 .arrow {
    position: absolute;
    top: 40%;
    z-index: 1;
    background-color: #00739E;
    width: 40px;
    height: 70px;
    color: white;
    line-height: 70px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.slide_style2 .slick-prev {
    left: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.slide_style2 .slick-next {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

/*//////////////////////////////////////// home part 4//////////////////////////////////////////////*/

.home_part4 .box_part .items_part {
    padding: 10px;
}
.home_part4 .box_part .items_part .titel {
    font-size: 18px;
    margin-bottom: 10px
}
.home_part4 .box_part .items_part .pic {
    width: 80px;
    height: 80px;
    background-position: center;
}
.home_part4 .box_part .items_part .pic {
    line-height: 16px;
    margin-bottom: 10px;
}
.home_part4 .box_part .items_part .text {
    font-size: 12px;
}


#breadcrumb .inner {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 20px;
    /*padding-bottom: 5px;*/
}
#breadcrumb .step {
    margin: 15px 0;
}

#breadcrumb .item {
    font-size: 10px;
    color: #72777D;
}

#breadcrumb .item i {
    font-weight: 400;
    color: #72777D;
    font-size: 11px;
    margin: 1px 6px 0 3px;
    float: left;
    font-weight: normal;
}


#breadcrumb .item:not(:first-child):before {
    content: "|";
    margin: 0 10px;
}


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

/********************************* prodoct ****************************/

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




.filter_style1 .form_style1.s2 .frm_input {
    width: 76%;
    height: 40px;
    margin-left: 4%;
    float: left;
    border-radius: 2px;

}

.product_part .box_style2 .item {
    min-height: 190px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    font-family: Arial;
    width: 25%;
}

.product_part  .container  .right_part{
    transition: all 0.23s;
}
.product_part  .container  .right_part.active{
    margin-right: -460px;
}
.product_part .left_part .filter_style1 .box .item:hover ,
.catalog_part1 .left_part .filter_style1 .box .item:hover{
    background-color: #eee;
}

.catalog_part1 .box_style4 .Priceoff_style1 .after_price,
.catalog_part1 .box_style4 .Price_style1 .after_price{
min-width: auto;
}
/*******************.titel_style2****************/

.titel_style2 .category {
    font-size: 20px;
    margin-bottom: 3px;
}

.titel_style2 .text {
    line-height: 17px;
    margin: 10px 0
}
.titel_style2 .titel_min{
    font-size: 1.4rem
}

.titel_style2 .pic_part {
    width: 100%;
    height:220px;

}

.titel_style2 .pic_part .pic {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

/*******************.titel_style2****************/

.filter_style1 .box {
    border: 0;
}

.filter_style1 .box .title {
    cursor: pointer;
    font-size: 14px;
}

.filter_style1 .box form {
    padding: 10px 00;
}

.filter_style1 .box .title .icon {
    position: relative;
}

.filter_style1 .box .title .icon:before{
    font-family: "grainger" !important;
    content: "\6d";
    color: #0073A8;
    font-size: 20px;
}

.filter_style1 .box .title.active .icon:before {
    font-family: "grainger" !important;
    content: "\6c";
    /*color: #0073A8;*/
    font-size: 20px;
}

.filter_style1 {
    border: solid 1px #ddd;
    position: relative;
    display: block;
}




.btn_rep_filter{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    z-index: 100;
    line-height: 25px;
    font-size: 1.3rem;
    display: none;

}
.btn_rep_filter .clos{
    display: none;
}

 .btn_rep_filter.active .clos{
    display: block;
}

.btn_rep_filter .btn_style1{
    border-radius: 0;
}


.btn_rep_filter .btn_style1.filter{
width: 100%;
}

.filter_style1 .b1.active .btn_sidebar{
    right:0;
    border-color:#DDDDDD;
    border: 0;
}
.filter_style1 .b1.active{

}


.filter_style1 .form_style1.s2 {
    padding: 3px 20px 20px;
}
.filter_style1 .form_style1.s2 h3 {
    margin-bottom: 10px
}
.filter_style1 .form_style1.s2 .frm_btn {
    width: 20%;
    border-radius: 4px;
    background-color: #29333B;
    border: 2px solid #29333B;
}
.filter_style1 .form_style1.s2 .frm_btn {
    width: 20%;
    border-radius: 4px;
    background-color: #29333B;
    border: 2px solid #29333B;
}
.form_style1.s2 input {
    width: auto;
    height: auto;
    font-size: 5.1rem;
    color: #777;
}
.check_style {
    padding: 6px 19px 5px;
    cursor: pointer;
    color: #615f5f;
}
.check_style .check {
    position: relative;
    width: 15px;
    height: 15px;
    background-color: white;
    border: 1px solid #29333B;
    cursor: pointer;
    margin-right: 5px;
}

.check_style .check:before {
    content: "\26";
}
.circular .i-oval:before {
    /*content:"}";*/
    color: #00739E;
    font-size: 20px;
}
.check_style .frm_check:checked + .circular .i-oval:before {
    content:"{" !important;
}
.cart_part1 .circular .i-oval:before {
    content:"{";
}
.cart_part1 .frm_check:checked + .circular .i-oval:before {
    content: "}" !important;
}
.email_part .frm_check:checked + .circular .i-oval:before {
    content: "}" !important;
}
.email_part .circular .i-oval:before {
    content:"{";
}
.check_style .check:before {
    position: absolute;
    z-index: 1;
    font-family: "grainger" !important;
    width: 15px;
    height: 15px;
    top: -1px;
    right: -1px;
    left: 0;
    bottom: 0;
    background-color: #00739E;
    color: floralwhite;
    text-align: center;
    font-size: 10px;
    display: none;
    line-height: 14px;
}
.check_style .frm_check:checked + .check:before {
    display: block;
}
.check_style .cunt_item {
    position: relative;
    font-size: 10px;
    position: relative;
    top: 2px;
    color: #8c8c8c;
    font-weight: normal;
}
.check_style .cunt_item:before,
.check_style .cunt_item:after {
    content: '(';
    font-size: 6px;
    margin: 0 4px;
    position: relative;
    top: -2px;
    opacity: 0.5;
}
.check_style .cunt_item:before {
    right: 0px;
}
.check_style .cunt_item:after {
    content: ')';
    left: 0px;
}
.check_style .pic {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 14px;
    width: 80px;
}
.filter_style1  .show_more{display: none}

.box.point .check_style:nth-child(1) .pic{
    background-image: url(../_images/icon/rating-5_0.gif);
}
.box.point .check_style:nth-child(2) .pic{
    background-image: url(../_images/icon/rating-4_0.gif);
}
.box.point .check_style:nth-child(3) .pic{
    background-image: url(../_images/icon/rating-3_0.gif);
}
.box.point .check_style:nth-child(4) .pic{
    background-image: url(../_images/icon/rating-2_0.gif);
}
.box.point .check_style:nth-child(5) .pic{
    background-image: url(../_images/icon/rating-1_0.gif);
}
/**************************************************************************************/
/*****************************************  catalog     ******************************/
/**************************************************************************************/

.cheng_view_style1 .i-align-justify:before,
.cheng_view_style1 .i-granger-51:before {
    color: #00739E;
    font-size: 25px;
}



.cheng_view_style1 .right_part .btn_part {
    font-size:1.4rem
}
.cheng_view_style1 .left_part{
    font-size:1.4rem
}

.cheng_view_style1 .right_part .btn_part span {
    margin: 0 5px
}
.cheng_view_style1 .view-part .wraper{
    flex-direction: row;
    display: flex;
}


.select_style1 .right_part .btn_part span {
    margin: 0 5px;
    font-size: 19px;
    cursor: pointer;
}


.select_style1 .select_part {
    position: relative;
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    clear: both;
    margin-right: 10px;
    z-index: 1;
    cursor: pointer;
    border-radius: 2px;
    border: 2px solid #fff;

}

.select_style1 .select_part:before {
    font-family: "grainger" !important;
    content: "\6c";
    font-weight: 400;
    color: #00739E;
    pointer-events: none;
    position: absolute;
    left: 9px;
    top: 16px;
    height: 100%;
    display: block;
    line-height: 12px;
    font-size: 9px;
}


select_style1 .select_part select {
    border: 2px solid #fff;
}

.select_style1 select:focus {
    border: 2px solid #00739E !important;
}

.select_style1 select,
.select_style1 .selectedFilters {
    border: 1px solid #72777D;
    padding: 9px;
    padding-left: 30px;
    margin: 0;
    outline: none;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    width: 100%;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #ffffff;
}

/*************************************************************************/
/******************************/  catalog_part1    /***********************************/
/************************************************************************/

.catalog_part1 .title_style2 h3{
    font-size: 1.6rem;
}

/********  box_style4  ********/

.compare_style1 .left_part {}

.detail_style1 {
    position: relative;
    border: 1px solid #D8D8D8;
    position: sticky;

    top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    z-index: 1;
    display: none;
}

.detail_style1 .head_part .box_style3 .text_part{
   width: 100%;
}

.detail_style1.open {
    display: block;
    position: sticky;
}

.detail_style1.open .detail_part.open {
    transform: translateX(0);
}

.detail_style1.open .detail_part.next {
    transform: translateX(-548px);
}
/*****loading****/
.loading_style1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #d6d8d9;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading_style1 .pic {
    width: 150px;
    height: 150px;
    display: inline-block;
    background-image: url(../_images/loading/orig.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

/*loading*/

.detail_style1 .detail_part {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 458px;
    background-color: #fff;
    z-index: 5;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    /*transition: all 0.5s;*/
    transform: translateX(548px);
}

.detail_style1 .head_part .top_part .link_style1 {
    color:#72777D;
    max-height:50px;
    overflow: hidden;
    font-size: 1.2rem;
}

.detail_style1 .top_part .btn {

    background-color: #EEEEEE;
    color: #00739E;
    border-width: 0;
    padding: 0;
    transition: background-color 100ms;
    line-height: 27px;
    margin-right: 20px;
    padding: 5px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: inline-block;
    font-size: 15px;

}

.detail_style1 .top_part .btn:hover {
    background-color: #29333B;
    color: #ffff;
}

.detail_style1 .box_style3 .item {
    border: 0;
}

.detail_style1 .box_style3 .pic_part {
    margin: auto;
}

.detail_style1 .box_style3 .form_style1 .add_cart {
    padding: 20px 26px;
    background-color: #BE2122;
    border-color: #BE2122;
    color: #ffff;
    line-height: 0px;
    height: 100%
}

.detail_style1 .box_style3 .form_style1 .add_cart:hover {
    background-color: #98191A;
    border-color: #98191A;
    color: #ffff;
}

.detail_style1 .box_style3 .text_part .form_style1 .count {
    border-radius: 2px;
    text-align: center;
    min-width: unset;
    color: #000000;
    height: 100%;
    /* padding-bottom: 15px; */
    /* padding-top: 15px; */
    border: 1px solid #72777D;
    margin-bottom: 0;
    width: 52px;

}
.detail_style1 .box_style3 .text_part .form_style1 .label .text {
    position: absolute;
    display: inline-block;
    bottom: 85%;
    right: 43%;
    background-color: #ffffff;
    z-index: 3;
    padding: 0;

}
.overflow-y{
    overflow-y: scroll;
}

.detail_style1  .form_style1 .count{
margin: 0;
}
.detail_style1 .box_style3 .text_part .form_style1 .label:before {
    font-size: 12px;

}

.detail_style1 .box_style3 .tooltip.bootom {
    right: -80px;
    top: 102%;
    width: 200px;
    font-size: 10px;
    line-height: 15px !important;
    padding: 0 5px;
    line-height: 19px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    border-bottom-width: 4px;
    text-align: justify;
    padding: 10px;
    z-index:4;
}

.detail_style1 .box_style3 .tooltip.bootom:after {
    border-top: 4px solid #e22424;
    right: 40%;
    top: 8px;
}

.tooltip.bootom {
    right: -80px;
    top: 102%;
    width: 200px;
    font-size: 10px;
    line-height: 15px !important;
    padding: 0 5px;
    line-height: 19px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    border-bottom-width: 4px;
    text-align: justify;
    padding: 10px;
    z-index:4;

}

.tooltip.bootom:after {
    border-top: 4px solid #e22424;
    right: 40%;
    top: 8px;
}


.detail_style1 .detail_part .actions_part {
    width: 100%;
    font-size: 1.2rem;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    color: #000000;
    border-left-width: 0;
    border-right-width: 0;
    background-color: #ffffff;
    transition: background-color 100ms;
}

.detail_style1 .detail_part .check_style {
    padding-bottom: 10px;
    padding-top: 10px;
}

.detail_style1 .detail_part .check_style:nth-child(1) {
    border-left: 1px solid #D8D8D8;
}

.detail_style1 .detail_part .check_style:hover {
    background-color: #EEEEEE;
    border-left: 1px solid #D8D8D8;
}

.detail_style1 .detail_part .check_style .check {
    border-color: #29333B;
    border-width: 2px;
    box-shadow: inset 0 0 0px 2px #72777D;
    border-color: rgba(41, 51, 59, 0);
    width: 19px;
    height: 19px;
}

.detail_style1 .detail_part .check_style .check:before {
    top: 0px;
    right: 0px;
    padding-right: 1px;
}



.detail_style1  .detail_part .actions_part .check {
    width:21px;
    height:21px;
}.detail_style1  .detail_part .actions_part .check:before {
     width:auto;
     height:auto;
     line-height: 18px;
 }




.detail_style1 .detail_part .check_style .check:hover {
    box-shadow: inset 0 0 0px 2px #29333B;
    border-width: 2px;
}

.detail_style1 .detail_part .check_style .link_style1 {
    font-size: 1.2rem;
    font-weight: normal;
}


.tab_style1 {
    position: relative;
    width: 100%;
    margin-top: 20px;
    clear: both;
}

.tab_style1 .step .item {
    background-color: #EEEEEE;
    padding: 10px 0;
    text-align: center;
    width: 50%;
    font-size: 1.2rem;
    cursor: pointer;
}

.tab_style1 .item:first-child {
    border-radius: 0px 3px 3px 0px;
}

.tab_style1 .item:last-child {
    border-radius: 3px 0px 0px 3px;
}

.tab_style2 .nav-link{
    background-color: #EEEEEE;
    text-align: center;

    font-size: 1.2rem;
    cursor: pointer;
    padding:10px 10px;
}
.tab_style2 .nav-link.active{
    background-color: #29333B;
    color: #ffffff;
    cursor: default;
}
.tab_style2 .nav-item:last-child .nav-link{
    border-radius: 3px 0 0 3px;
}
.tab_style2 .nav-item:first-child .nav-link{
    border-radius:0 3px 3px 0;
}
.details_part2 .tab_style2 .nav-item{
    width:250px;
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem ;
}

.tab_style1 .item.select {
    background-color: #29333B;
    color: #ffffff;
    cursor: default;
}

/*.tab_style1 .item .tab_part {*/
    /*position: absolute;*/
    /*top: 100%;*/
    /*right: 0px;*/
    /*width: 100%;*/
    /*color: black;*/
    /*display: none;*/
/*}*/


/*after edite*/
.tab_style1 .item .tab_part {
    position: absolute;
    top: 43px;
    right: 0px;
    bottom: 0;
    height:100%;
    width: 100%;
    color: black;
    display: none;
}











.tab_style1 .item.select .tab_part {
    display: block;
}

.tab_style1 .item .tab_part td {
    color: #72777D;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
    padding-right: 10px;
    width: 50%;
    display: inline-block;
    position: relative;
}

.tab_style1 .item .tab_part td.value{
color: black;
}

.tab_style1 .item .tab_part td .tooltip{
    top: 0;  left: 0;
    right: 0;  bottom: 0;
    line-height: 25.2px;
    padding-right: 12px;
    background-color: white;
    color: #5b697a;
}

.tab_style1 .item .tab_part td:last-child {
    color: #29333B;
}

.tab_style1 .item .tab_part tr {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    cursor: pointer;
}



.tab_style1 .item .tab_part tr:last-child {

    border-bottom: 0px solid #c6c6c6
}

.tab_style1 .item .tab_part tbody {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    text-align: left;

}


.detail_style1 .btn {

    color: black;
    padding: 13px;
    border: 3px solid #29333B;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
}

.detail_style1 .btn:hover {
    background-color: #29333B;
    color: #fff;
}

/************************************detail wrap*****************************/

.box_style4 {
    position: relative;
    margin: 0 0 10px 0;
    padding-top: 10px;
}

.box_style4 .load-more {
    width: 100%;
    text-align: center;
    line-height: 16px;
}

.box_style4 .load-more .btn_style1 {
    display: inline-block;
    width: 33%;
    line-height: 16px;
    margin: 0 auto;
    font-size: 13px;
}

.box_style4 .tabel_style1 .content_style1{
    font-size:1.1rem;
}

.box_style4 .tabel_style1 .content_style1 ul li {
    margin-bottom:9px;
    line-height:1;
}




.box_style4 .header_box {
    position: sticky;
    opacity: 0;
    top: 50px;
    background-color: white;
    z-index: 5;
}


.box_style4 .header_box {
    position: sticky;
    display: none;
    opacity: 0;
    top: 50px;
    background-color: white;
    z-index: 5;
}

.box_style4 .header_box.active {
    display: block;
    position: sticky;
    opacity: 0;
    top: 50px;
    background-color: white;
    z-index: 5;
    height: 0;
}

.box_style4 .header_box.active .tabel_catalog_head {
    background-color: white;
}



.box_style4 .box > .item {
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 30px;
    position: relative;
    transition: transform ease-out 200ms 200ms;
    -ms-transform: translateX(0);
    transform: translateX(0);
    cursor: pointer;
}




.box_style4 .box > .item:before {
    transition: all 1.40s;
    bottom: 0;
    border: 1px solid #D8D8D8;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: border 200ms ease-out;
    z-index: -1;

}

.box_style4 .box > .item:hover:before {
    border: 8px solid #D8D8D8;
}

.box_style4 .box > .item.select {
    transform: translatex(-10px);
    transition: all 0.35s;
    transition-delay: 0.75s;
}

.box_style4 .box > .item.select:before {
    border: 8px solid #00739E;
}


.logo_style1 {
    width: 100%;
    height: 30px;
}

.logo_style1 .logo {
    display: block;
    width: 146px;
    height: 20px;
    background-image: url(../_images/logo/logo.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.box_style4 .content_part .text_part {
    color: #29333B;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding-left: 25px;
    margin-bottom: 0;
    text-transform: none;
}


.box_style4 .available_part  i{
    color: #d8d8d8;
    font-size: 6px;
}


.box_style4 .content_part .text_part .text {
    color: #29333B;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.3;
    padding-left: 25px;
    /* margin-bottom: 0; */
    text-transform: none;
    text-align: justify;
    line-height: 20px;
}

.box_style4 .content_part .titel_part .text.en{
    font-size: 1.3rem;
}
.box_style4 .content_part .titel_part .text {

    max-height:46px;
    overflow: hidden;
}



.box_style4 .content_part .text_big{
    max-height:79px;
    overflow: hidden;
    margin-bottom:30px;
}
/*pic part*/
.box_style4 .content_part .pic {
    width: 277.97px;
    height: 279.97px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../_images/NOTAVAIL.jpg");
    margin-left: 15px;
}
.box_style4 .item.tabel_view {
    padding: 0 1px;
}

.box_style4 .item.tabel_view:hover:before {
    border: 1px solid #D8D8D8;
}


/*table view*/

.content_part.list {}

.content_part.list .titel {
    position: sticky;
    top: 0px;
    width: 100%;
    color: #000000;
    background: #EEEEEE;
    border-bottom: 1px solid #D8D8D8;
    padding: 14px 10px;
    font-size: 16px;
    z-index: 20;
}

.tabel_style1 {
    padding-top: 19px;
    text-align: left;
}

.tabel_style1 .text {
    font-size: 15px;
}

.tabel_style1 .berand_part{
    width: 100%;
}
.tabel_style1 .berand_part .label{
    color: #000000;
}
.tabel_style1 .berand_part .berand_list{
    color: #72777D;
}

.tabel_style1 .pic_part {
    width: 130px;
    height: 130px;
    min-height: 130px;
    min-width: 130px;
    margin-left: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}



tr.group, tr.group:hover {
    background-color: #EEEEEE !important;
}


table.dataTable tbody th, table.dataTable tbody td{
    padding: 0 15px!important;
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
    background-position: center left!important;
}
table.dataTable.display tbody td {
     border: 0 solid #ddd;
    border-bottom: 1px solid #e2e1e1;
}

table.dataTable.display tbody td{border-top: 0!important;}

table.dataTable tr.odd { background-color:white!important; }
table.dataTable tr.even { background-color: white!important; }

.tabel_style1 .catalog-table {
    font-weight: 400;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    border-top: 1px solid #000000;
}
 .tabel_view.active .tabel_style1   .catalog-table{
    min-width: 886px;

}



.tabel_style1 .catalog-table .catalog-table-subheader {
    background: #EEEEEE;
    padding: 10px 0px;
    width: 100%;
}

.tabel_style1 .tabel_catalog_head {
    position: sticky;
    top: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;

}

.tabel_style1 .tabel_catalog_head th {
    /*border-bottom: 1px;*/
    /*height: 42px;*/
    color: #00739E;
    font-weight: normal;
    /*padding-right: 5px;*/
    /*padding-left: 10px;*/
}



table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0 10px;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
    background-color: #EEEEEE!important;
}
tr.group {
    font-weight: bold;
}
.tabel_style1 .dataTables_wrapper.dt-bootstrap4 .col-sm-12{
    padding:0!important;
}
.tabel_style1 .tabel_catalog_head th a:hover {
    text-decoration: underline;
}
.tabel_style1 .catalog-table-subheader td {
    padding: 5px;
    font-size: 12px;
}
.tabel_style1 .catalog-table-row td {
    border-bottom: 1px solid #EEEEEE;
    min-height: 22px;
    word-wrap: break-word;
    font-size: 11px;
}
.tabel_style1 .catalog-table-row:hover {
    background-color: #EEEEEE;
}
.tabel_style1 .catalog-table-row td {
    /*padding: 2px*/
}



.tabel_view.one th{
    padding: 10px 18px;

}



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

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

table.dataTable tbody td.price{
    color: green;
}
table.dataTable tbody td.price_off{
    color: red;
}
table.dataTable .catalog-table-row.active.price{
    color: white!important;
}
table.dataTable .catalog-table-row.active.price_off{
    color: red;
}

.tabel_style1 .catalog-table-row.active{
    background-color: #00739E!important;
    color: white;
}


.tabel_style1  .catalog-table-row.active:hover{
    background-color: #00739E!important;
    color: white!important;
}

table.dataTable tbody .active td.price{
    color: white;
}
.tabel_style1 #tabel_catalog .catalog-table-row.active .sorting_1{
    background-color: #00739E!important;
    color: white!important;
}

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

.compare_style1 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 910px;
    height: 130px;
    margin: 0px auto;
    background-color: white;
    z-index:10;
    border: 1px solid #D8D8D8;
    transition: all 0.37s;
}
.compare_part .overview_part .item .form_style1 .label .text{
    bottom: 71%;
}


.compare_style1.hide {
    transform: translateY(80px);
}

.compare_style1 .compare-title {
    height: 50px;
    background: #29333B;
    color: white;
    text-align: right;
    /*padding-left: 82px;*/
    position: relative;
    font: inherit;
    align-items: stretch;

}

.compare_style1 .compare-title .titel {
    padding-top:14px;
    padding-left: 10px;
    padding-bottom:14px;
    padding-right: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align:center;
    position: relative;
    height: 100%;
    cursor: pointer;
    /*border: 1px solid white;*/
    width: 100%;
}
.compare_style1 .compare-products {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    clear: both;
    justify-content: space-between;
    padding: 5px;
    overflow: hidden;
}

.compare_style1 .compare-products .item {
    padding: 5px 0px;
    vertical-align: top;
    /*width: 18.25%;*/
    width: 18%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    justify-content:flex-end;
}

.compare_style1 .compare-products .item  .id_part a,.compare_style1 .compare-products .item  .id_part p{
    font-size: 1.1rem;

}

.compare_style1 .compare-add-input input[type="text"] {
    margin-bottom: 0;
    margin-top: -10px;
    width: 75px;
    height: 40px;
    margin-left: 2px;
    border: 1px solid #72777D;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 14px;
    color: #29333B;
    border-radius: 2px;
}


.compare_style1 .compare-add-input .btn {
    margin-top: -15px;
    border-radius: 0;
    padding: 8px 9px;
    background: #EEEEEE;
    color: #00739E;
    font-weight: bold;
}

.compare_style1 .compare-add-input i {
    margin-top: -18px;
    padding: 8px 9px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}


.compare_style1 .compare-products .image-card .pic_part {
    position: relative;
}

.compare_style1 .compare-products .image-card .remove-link {
    width: 13px;
    height: 13px;
    cursor: pointer;
    top: 0;
    right: 0;
    background: white;
    position: absolute;
}

.compare_style1 .compare-products .image-card .remove-link:before {
    display: inline-block;
    font-family: "grainger" !important;
    content: "%";
    font-size: 15px;
    margin-top: -2px;
}




.compare_style1 .compare-products .image-card .pic {
    width: 39px;
    height: 39px;
    border: 1px solid #D8D8D8;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../_images/NOTAVAIL.jpg");
}

.compare_style1 .compare-tray .image-card:not(:last-of-type),
.compare_style1 .compare-tray .empty-card:not(:last-of-type) {
    margin: 0 1% 0 0;
}

.compare_style1 .compare-products .empty-card .no_item {
    height: 50px;
    width: 50px;
    border: 1px solid #D8D8D8;
    background: #EEEEEE;

}

.compare_style1 .compare-products .compare-user-actions {
    display: flex;
    align-items: center;
    float: right;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 88px;
}

.compare_style1 .compare-products .compare-user-actions .btnSmall {
    padding-left: 9px;
    padding-right: 9px;
}

.compare_style1 .compare-products .compare-user-actions .btn {
    line-height: 16px;
    display: inline-block;
    zoom: 1;
    padding: 10px 18px;

    font-size: 11px;
    text-transform: uppercase;

    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    background-color: #29333B;
    border: 2px solid #29333B;
    transition: all 0.1s ease-in;
}

.compare_style1 .compare-products .compare-user-actions .btn:hover {
    background-color: #000000;
    border-color: #000000;
}



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

/********************************** product Compare ***************************/

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

.compare_part {}

.compare_part .container {
    max-width:1200px;
}

.compare_part .overview_part .add_products {
    background: #EEEEEE;
    overflow: hidden;
    padding: 15px;
}
.compare_part .box_style3 .item{
    border: 0;
}





.text_box_style1 {
    width: 100%;
    border: solid 1px #999;
    border-radius: 3px;
    height: 40px;
    font-size: 1.1rem;
    color: #777;
    padding: 0 12px 2px;
    text-align: right;
}

.titel_style3 {
    line-height: 36px;
    padding: 0 15px;
    color: #29333B;
    font-size:17px;
    font-weight: 400;
    display: block;
    margin: 0;
    border-bottom: 3px solid #d8d8d8;
}

.compare_part .box_style3 {
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 1;
}

.compare_part .box_style3 .text_part .form_style1 .add_cart {
    min-width: 83px;
    width: 100%;
    padding: 0px;
    color: #fff;
    border: 2px solid #BE2122;
    background-color: #BE2122;

}
.compare_part .overview_part .item .text_part{
    width: 100%;
}


.compare_part .box_style3 .item {
    position: relative;
    width: 100%;
    margin: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 190px;
    min-width: 190px;
}

.compare_part .form_style1 .frm_step .frm_item{
    flex-direction: column-reverse;

}

.compare_part .form_style1 .count{
    margin: 10px 0;
}

.compare_part .box_style3 .pic_part{
    text-align: right;
}

.compare_part .box_style3 .item .remove-link {
 /*   position: absolute;*/
    top: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    text-align: center;
    font-size: 1rem;
 /*   margin-top: 10px;*/

}

.compare_part .box_style3 .item .remove-link:before {

    display: inline-block;
    font-family: "grainger" !important;
    content: "%";
    font-size: 13px;
    padding-top: 0px;
    color: #5d5d5d;

}

.compare_part .box_style3 .item.empty {
    border-bottom: 0;
    max-width: 93px;
    width: 194px;
    width: 100%;
    word-wrap: break-word;
    vertical-align: top;
    min-width:17%;
    border: 0;
}
.compare_part .titel_style3{
    background-color: #29333b;
    color: white;
    text-align: left;
    font-size: 12px;

}

.tabel_style2 {
    /*border-bottom: 1px solid black;*/
}


.tabel_style2 .options_part .head_row ,
.tabel_style2 .Certificate .head_row {
    position: relative;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: capitalize;
    border-right: 4px solid #ffffff;
    cursor: pointer;
    overflow: hidden;
    min-width: 160px;
}
.tabel_style2 .table-header th {
    /*width: 190px;*/
    /*max-width: 190px;*/
    min-width: 190px;
}
.tabel_style2 .table-header th:first-child {
    width: 17%;

}




.tabel_style2 .options_part {
    background-color: #EEEEEE;
    border-bottom: 4px solid white;
}

.tabel_style2 .options_part td ,
.tabel_style2 .Certificate td {
    text-transform: capitalize;
    padding: 20px 15px;
    width: 160px;
    max-width: 160px;
    font-size: 13px;
    line-height: 17px;
}
.tabel_style2 .options_part td{
    max-width: 160px;
    /*border: 1px solid red;*/
}
.compare_part .tabel_style2 .icon_part .icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 23px;
    width: 23px;
    display: inline-block;
    margin: 0 5px;
    /* border: 1px solid black; */
}


.tabel_style2 .rating_part .pic {
    width: 93px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.tabel_style2 .options_part {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
}
.tabel_style2 .options_part.Highlights {
    background-color:#EEEEEE;

}





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

/****************                   services               ****************/

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

.services_part1 {
    margin-bottom: 20px;

}

.tophead_style1 {
    position: relative;
    width: 100%;
    height: 360px;
    position: relative;

    background-repeat: no-repeat;

}

.tophead_style1 .pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.tophead_style1 .pic:before {
    position: absolute;
    color: red;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to right, rgba(32, 124, 202, 0) 0%, rgba(30, 124, 200, 0) 3%, rgba(0, 95, 131, 0.69) 56%, rgb(0, 79, 108) 80%);

}


.tophead_style1 .text_part {
    position: relative;
    padding: 60px 30px;

}

.tophead_style1 .text_part .text,
.tophead_style1 .text_part .titel {
    font-size: 20px;
    color: white;
    max-width: 30%;
}

.tophead_style1 .sub_titel {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 44px;
    background-image: url(../_images/bg/sub_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.tophead_style1 .sub_titel .text {
    font-size: 13px;
    color: white;
    padding: 0 30px;
}

/*.services_part2*/

.services_part2 .inner {
    padding: 0 4%;
}

.services_part2 .text_part {
    margin-bottom: 20px;
    max-height: 70px;

}


.services_part2 .text_part .text {
    font-size: 1.3rem
}

.services_part2 .text_part .text strong {
    font-weight: bolder;
}

.services_part2 .text_part .text .link_style1 {
    color: #be2122;
}


/*.boxs_part*/

.services_part2 .boxs_part .box {
    height: 346px;
    padding: 30px 20px;
    border: 1px solid #A0A0A0;
    width: 33.3333%;
}

.services_part2 .boxs_part .box:nth-child(1),
.services_part2 .boxs_part .box:nth-child(2){
    width: 50%;
    border-bottom: 0
}
.services_part2 .boxs_part .box:nth-child(1){border-right: 0;border-left:0}
.services_part2 .boxs_part .box:nth-child(2){border-left:0 }
.services_part2 .boxs_part .box:nth-child(3){border-right: 0;border-bottom: 0}
.services_part2 .boxs_part .box:nth-child(5){border-left: 0;}
.services_part2 .boxs_part .box:nth-child(4),
.services_part2 .boxs_part .box:nth-child(5),
.services_part2 .boxs_part .box:nth-child(6){border-right: 0;}
.services_part2 .boxs_part .box:nth-child(6){border-bottom: 0}
.services_part2 .boxs_part .box:nth-child(7){border-right:0; border-top:0; border-bottom: 0}
.services_part2 .boxs_part .box:nth-child(8){border-right: 0;border-left: 0; border-top: 0;border-bottom: 0}


/*border*/


.services_part2 .boxs_part .box .titel {
    font-size: 1.7rem;
    color: #be2122;
}

.services_part2 .boxs_part .box .titel strong {
    font-weight: bold;
}

/*pic*/

.services_part2 .boxs_part .box .text {
    /*text-align-last: center;*/
    font-size: 1.3rem;
    overflow: hidden;
    height:100px;
    max-height: 100px;
    text-align: justify;

}

/*pic*/

.services_part2 .boxs_part .box .pic {
    display: inline-block;
    width: 100px;
    height: 87px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 15px 0;
    background-image: url(../_images/icon/1.png)
}

.services_part2 .boxs_part .bb {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
}



.services_part2 .boxs_part .box .pic.cone {
    background-image: url(../_images/icon/1.png)
}

.services_part2 .boxs_part .box .pic.cone:hover {
    background-image: url(../_images/icon/1_hover.png)
}

.services_part2 .boxs_part .box .pic.dollar {
    background-image: url(../_images/icon/SS_GraingerMidstreamUtilityRebateServices_Blue_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.dollar:hover {
    background-image: url(../_images/icon/SS_GraingerMidstreamUtilityRebateServices_Gray_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.alarm {
    background-image: url(../_images/icon/SS_AfterHoursEmergencyService_Blue_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.alarm:hover {
    background-image: url(../_images/icon/SS_AfterHoursEmergencyService_Gray_IC-100w.png);
}


.services_part2 .boxs_part .box .pic.barcode {
    background-image: url(../_images/icon/SS_GraingerKeepstockIMservices_Blue_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.barcode:hover {
    background-image: url(../_images/icon/SS_GraingerKeepstockIMservices_Gray_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.tool {
    background-image: url(../_images/icon/SS_GraingerFacilityServices_Blue_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.tool:hover {
    background-image: url(../_images/icon/SS_GraingerFacilityServices_gray_IC-100w.png);
}



.services_part2 .boxs_part .box .pic.electric {
    background-image: url(../_images/icon/SS_GraingerEnergyServices_Blue_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.electric:hover {
    background-image: url(../_images/icon/SS_GraingerEnergyServices_Gray_IC-100w.png);
}


.services_part2 .boxs_part .box .pic.chart {
    background-image: url(../_images/icon/SS_GraingerConsultingServices_Blue_IC-100w.png);
}

.services_part2 .boxs_part .box .pic.chart:hover {
    background-image: url(../_images/icon/SS_GraingerConsultingServices_Gray_IC-100w.png);
}


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

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

/*resources*/

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

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

.resources_part .inner,
.details_part1 .inner,
.blog_part .inner {
    padding: 0 9%
}
.resources_part .titel_style1 p{
    font-size: 1.2rem;

}


.box_style5 .item {
    /*width: 270.59px;*/
    width: 297.59px;
    /*margin-left: 12px;*/
    margin: 9px;
}

.box_style5 .pic {
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 112px;
    overflow: hidden;
    border: 1px solid #D8D8D8;
    border-radius: 5px 5px 0 0;
}

.box_style5 .text_part {
    width: 100%;
    padding: 15px;
    background: #EEEEEE;
    font-size: 12px;
    min-height: 120px;
    /*max-height: 120px*/
}

.box_style5 .text_part .titel {
    font-size: 1.2rem;
    max-height: 35px;
    overflow: hidden;
}

.box_style5 .text_part .text {
    max-height: 85px;
    overflow: hidden;
    min-height: 85px;
    text-align: justify;
}

/************************************************************************/
/**************************/
/*details_part*/
/*************************/
/************************************************************************/

.details_part1  .left_part {
    width: 23%;
    margin-left: 1%;
    background: #EEEEEE;
}
.details_part1 .left_part{padding: 10px 5px}

.details_part1 .left_part .titel {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px;
}
.details_part1 .left_part .item {
    padding: 2.5px 15px;
}

.details_part1 .left_part .item a {
    color: black;
    font-size: 1.2rem;
    font-weight: normal;
    font-weight: bold;
}

/*right_part*/

.details_part1 .right_part {
    width: 77%;
    color: black;
    padding: 10px 10px 0 0;
    margin-bottom: 10px;
}

.details_part1 .right_part .titel {
    font-size: 1.6rem;
}

.details_part1 .right_part .head_part {
    margin-bottom: 20px;
}

.details_part1 .right_part .head_part .pic {
    width: 200px;
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.details_part1 .right_part .head_part .text {
    margin-right: 20px;
    font-size: 1.6rem;
}

.details_part1 .right_part .content_part .text {
    font-size: 1.2rem;
}

.details_part1 .right_part .warning_text strong {

    font-size: 1.2rem;
    color: #be2122;

}

.details_part1 .right_part .content_part .help_text {
    font-size: 1.2rem;
    font-weight: bold;
}

.details_part1 .right_part .content_part {
    line-height: 25px;
}

/**/

.details_part1 .box_style2 .item {
    width: 17%;
    display: flex;
    justify-content: center;
    border: 0;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 0px;

}

.details_part1 .box_style2 .link .pic_part {
    width: 100px;
    height: 100px;
}

.details_part1 .box_style2 .link {
    padding: 13px 16px 21px;

}

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

/*************************** order_part1 *************************/

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

.order_part1 .titel_style2 {
    margin-bottom: 25px;
}

.order_part1 .titel_style2 .text {
    font-size: 1.4rem;
}

/*right_part*/

.order_part1 .right_part {
    width: 55%;
}

.order_part1 .form_part .form_style1 .frm_item .count,
.order_part1 .form_part .frm_label .cont_label {
    width: 75px;
    margin: 0 0 9px 5px;
}

.order_part1 .form_part .form_style1 .frm_item .taq {
    width: 152px;
    text-align:left;
}

.order_part1 .form_part .frm_step .count {
    text-align:left;
    padding-left: 7px;
}

.order_part1 .form_part .form_style1 .title {
    color: #000000;
}

.order_part1 .form_part .form_style1 .title .text,
.order_part1 .form_part .frm_label .id_label {
    width: 146px;
    color: black;
    text-align: left;
}

.order_part1 .form_part .form_style1 .title .tab {
    margin: 0 10px 8px 0;
}

.order_part1 .form_part .form_style1 .title .tab:hover {
    text-decoration: underline
}

.order_part1 .form_part .form_style1 .frm_item {
    margin-bottom: 0;
    display: flex;
}

.order_part1 .form_part .form_style1 .add_cart {
    width: 100%;
}

.order_part1 .form_part .frm_label .cont_label {
    margin-right:3px;
    text-align: left;
}

.order_part1 .form_part .frm_step .count:focus,
.order_part1 .form_part .form_style1 .frm_item .taq:focus,
.order_part1 .left_part .bulkCopyPasteArea:focus {
    border: 2px solid #00739E !important;
}

/*left_part*/

.order_part1 .left_part {
    border-right: 1px solid rgba(41, 51, 59, 0.56);
    width: 40%;
    padding-right: 25px
}

.left_part .titel_part .titel,
.left_part .titel_part .label {
    font-size: 2rem;
}

.left_part .titel_part .label {
    font-size: 1.4rem;
    margin: 0;
}

.left_part .titel_part .text_help {
    font-size: 1.3rem
}

.left_part .bulkCopyPasteArea {
    border: 1px solid #4a4a4a;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #29333B;
    line-height: normal;
    max-height: 500px;
    width: 100%;
    color: #000000;
    border-radius: 2px;
}


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

/********************************product_detail_part1***********************************/

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

.product_detail_part1 .inner > .right_part {
    padding-right: 20px;
    width: 84%;
}

.product_detail_part1 .right_part .options_part .item {
    margin-left: 10px;
    color: #818181;
}

.product_detail_part1 .right_part .options_part .text {
    font-size: 11px;
    font-weight: bold;
}

.product_detail_part1 .price_part .right_part2, .product_detail_part1 .price_part .left_part2 {
    width: 50%;
}

.product_detail_part1 .right_part .options_part span.text {
    color: black;
}

.product_detail_part1 .right_part .content_part .pic_part {
    position: relative;
    width: 300px;
    height: auto;
}

.product_detail_part1  .right_part  .content_part .productInfo{
    margin:5px 0;
    border-bottom:1px solid #D8D8D8;
}
.product_detail_part1  .right_part  .content_part .productInfo .icon_part .icon{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 28px;
    width: 28px;
    display: inline-block;
    margin: 0 5px;
    /*border: 1px solid black;*/
}

.product_detail_part1 .right_part .content_part .productInfo .icon_part .item:first-child{
    margin-right: 28px;

}


.product_detail_part1  .content_part .price_part .right_part{
    border-left:1px solid #D8D8D8;
}

.product_detail_part1 .right_part .titel_style1 h3{
    font-size: 1.3rem;
}
.product_detail_part1 .right_part .titel_style1{
    margin-top: 0;
    padding-top: 0;
}
.product_detail_part1 .right_part p{
    font-size: 1.1rem;
    margin-bottom: 6px;
}
.product_detail_part1 .right_part .content_part .pic_part.active {
    width: 100%;
}
.product_detail_part1 .right_part .zoom_part {
    position: relative;
    border-bottom: 1px solid #c9c9c9;
}

.product_detail_part1 .right_part .zoom_triger {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0px;
    background-color: #EEEEEE;
    color: #29333B;
    border-top: 1px solid #D8D8D8;
    padding: 10px 13px;
    cursor: pointer;
}

/*col-12 p-0 content_part d-flex justify-content-start flex-row-reverse align-items-start  flex-wrap*/
/* col-12 p-0 content_part d-flex justify-content-center justify-content-lg-start flex-row-reverse align-items-start  flex-wrap*/
.product_detail_part1 .detail_part1{
width: 100%;
    display:flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content:center;

}

.product_detail_part1 .right_part .content_part .pic_part .compare_part {
    font-size: 1.4rem
}

.xzoom-preview {
    box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0) !important;
    border: 0px !important;


}

.xactive {
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px !important;
    border: 2px solid #D8D8D8 !important;
}

.product_detail_part1 .right_part .content_part .pic_part .pic {
    width: 100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.5);
}

.product_detail_part1 .right_part .price_part .Price_style1,
.product_detail_part1 .right_part .price_part .form_style1 {
    /*margin: 30px 0;*/
    /*margin-bottom: 11px;*/
}
.product_detail_part1 .right_part .price_part .form_style1{
    margin-bottom:5px;
}

.product_detail_part1 .right_part .price_part .Price_style1 .price {
    margin-left: 22px;
}

.product_detail_part1 .right_part .price_part .i-information-black:before {
    color: #72777D;
}

.product_detail_part1 .right_part .price_part .Price_style1 .price:after {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 40px;
}

.product_detail_part1 .right_part .price_part .Price_style1 .tooltip.bootom {
    right: -80px;
    top: 102%;
    width: 200px;
    font-size: 10px;
    line-height: 15px !important;
    padding: 0 5px;
    line-height: 19px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    border-bottom-width: 4px;
    text-align: justify;
    padding: 10px;
    z-index: 1;
}

.product_detail_part1 .right_part .content_part .alarm_part .body_link .icon-screw{
    display: inline-block;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    background-image: url(../_images/icon/icon3.png);
}

.product_detail_part1 .right_part .content_part .alarm_part .body_link{

    /*display:inline-block;*/
    border: 1px solid #72777D;
    padding: 7px;
    cursor: pointer;
    height: 37px;
    text-decoration: none;
    color: #000000;
}

.color_gray {
    color: #72777D;
}

.product_detail_part1 .right_part .price_part {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;

}
.product_detail_part1 .price_part .right_part2 .item {
    font-size: 1.2rem;
}

.detail_part1 .right_part .price_part{
    padding:13px 0;
}



.product_detail_part1 .price_part .right_part,
.product_detail_part1 .price_part .left_part{
 padding: 30px 0;
}

.product_detail_part1 .right_part .price_part .form_style1 .add_cart {
    padding: 10px 18px;
    background-color: #BE2122;
    border-color: #BE2122;
    color: #ffff;
    line-height: 0px;
}

.product_detail_part1 .right_part .price_part .form_style1 .count {
    position: relative;
    border-radius: 2px;
    text-align: center;
    min-width: unset;
    color: #000000;
    height: 40px;
    padding-bottom: 15px;
    padding-top: 15px;
    border: 1px solid #72777D;
    margin-bottom: 0;
    width: 40px;
    color: black;
    margin-right: 10px;
}

.product_detail_part1 .right_part .price_part .b1 {
    border-right: 1px solid #dbdbdb;
}

.product_detail_part1 .right_part .price_part .Price_style1 .price:after {
    top: 12px;
    right: 17px;
}

.product_detail_part1 .content_part .right_part .rating_part,
.product_detail_part1 .content_part .right_part .weight_part,
.product_detail_part1 .content_part .right_part .madin_part {
    border-bottom: 1px solid #D8D8D8;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 0 10px 0;
    margin: 0;
}
.product_detail_part1 .content_part .right_part .alarm_part .link_style1 {
    /*font-size: 0.85rem;*/
}
.product_detail_part1 .content_part .right_part .alarm_part {
    /*color: #be2122;*/
    font-size: 1.1rem;
}

.product_detail_part1 .content_part .right_part .alarm_part span {
    color: black;
}
.cursor-pointer{
cursor: pointer;
}
.right_part .rating_part .pic {
    width: 80px;
    height: 16px;
}

.product_detail_part1 .content_part .right_part .weight_part,
.product_detail_part1 .content_part .right_part .madin_part {
    font-weight: 100;
    font-size: 1.3rem;
    text-align: right;
}

.product_detail_part1 .content_part .right_part .madin_part span {
    font-size: 1rem;
}

.product_detail_part1 .content_part .right_part .madin_part .b1:before {
    color: #72777D;
    content: " | ";
    font-weight: 400;
    padding: 0 5px;
}

/*left part*/

.product_detail_part1 .inner > .left_part {
    width: 16%;
    border-left: 1px solid #D8D8D8;

}

.product_detail_part1 .left_part .form_style1 .label:before {
    z-index: 1
}

.product_detail_part1 .left_part > .titel {
    font-size: 1.3rem;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 0;
}

.product_detail_part1 .left_part .box_style3 .item {
    padding: 20px 7px;
    border: 0;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #D8D8D8;
    background: #ffffff;
}

.product_detail_part1 .left_part .box_style3 .item:last-child  {
    border-bottom: 0;
}

/********** details_part **********/

.details_part2 {

    padding-bottom: 30px
}

.product_detail_part1 .titel_style2 .text {
    font-size: 1.1rem
}

.product_detail_part1 .titel_style2 {
    margin-top: 30px;
;
    padding-top: 20px;
    border-top: 3px solid #EEEEEE;

}
.product_detail_part1 .content_part .form_style1 .label .text{
    bottom: 80%;
}

.details_part2 .productlist_part {
    background: none;
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    padding: 20px;
    float: none;
    margin: 0 0 0 0;
}

.details_part2 .productlist_part .titel {
    font-size: 1.7rem;
    padding-right: 20px
}


.details_part2 .productlist_part .tabel_part {
    padding: 0 10px;
    font-size: 1rem;
    margin-top: 20px;
    clear: none;
}

.details_part2 .productlist_part .tabel_part .step {
    margin-left: 15px
}

.details_part2 .productlist_part .tabel_part .step .item {
    width:50%;
    padding: 0;
    margin-bottom: 10px;
    float: right;
    margin-bottom: 0;
    border-bottom: 1px solid #D8D8D8;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.details_part2 .productlist_part .tabel_part .name,
.details_part2 .productlist_part .tabel_part .value {
    display: inline-block;
    width: 33.33333333%;
    padding: 10px 10px;
    margin-bottom: 10px;
    color: #72777D;
    margin-bottom: 0;
}
.details_part2 .productlist_part .tabel_part .name {
    width: 33.33333333%;
    background-color: #EEEEEE;
    cursor: pointer;
}
.details_part2 .productlist_part .tabel_part .value {
    width: 58.33333333%;
    color: black;
    font-weight: bold;
    text-transform: capitalize;

}

.details_part3 .slide_style2.slick-initialized {
    /*direction: ltr;*/
}

/*details_part6*/

.details_part6 .content_part .item{
    margin: 5px 0;
}
.details_part6 .content_part .icon{
    background-position: center;
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    display: inline-block;
    margin: 0 5px;
    background-size: cover;
}
.details_part6 .content_part .value{
    font-size: 1.2rem;
    margin-right: 5px;
}



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

.details_part8 .product-table .brand-name{
    font-size: 11px;
    color: #72777D;
}
.details_part8 .product-table .productname{
    font-size:1.2rem
}
.details_part8 .product-table thead th{
    padding: 10px 30px 10px 0px;
    border-bottom: 1px solid #d8d8d8;
}
.tabel_style3 .table-header tr th:nth-child(1){
    width: 5%;
}

.tabel_style3 .table-header tr th:nth-child(2){
    width: 30%;
}
.tabel_style3 .table-header tr th:nth-child(3),
.tabel_style3 .table-header tr th:nth-child(4),
.tabel_style3 .table-header tr th:nth-child(5)
,.tabel_style3 .table-header tr th:nth-child(6){
    width:10%;
}


.tabel_style3 .product-table tbody tr{
    border-bottom: 1px solid #d8d8d8;
}

.tabel_style3 .product-table tbody tr td{
    padding: 10px 30px 10px 0px;
    margin-right: 30px;
}


.tabel_style3 .product-table .link_style1 {
    font-size: 1.3rem
}

.tabel_style3 .product-table tbody .pic{
    display: inline-block;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    background-image: url(../_images/NOTAVAIL.jpg);
}

.tabel_style3 .product-table .brand-name{
    font-size: 11px;
    color: #72777D;
}
.tabel_style3 .product-table .productname{
    font-size:1.2rem;
    max-height: 50px;
}
.tabel_style3  .productControls {
    font-size: 1.3rem
}

.tabel_style3 .productControls .btn_style1 {
    padding: 20px 18px;
    background-color: #BE2122;
    border-color: #BE2122;
    color: #ffff;
    line-height: 0px;
    border: 0;
}


.tabel_style3 tbody .text-part .off{
    line-height: 25px;
}

/***************************************************/
.details_part7 .content_part .icon.link{
    background-position: center;
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    display: inline-block;
    margin: 0 5px;
}


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



/*tab style*/
.details_part2 .tab_style1 .step .item{
    width: 175px
}


.details_part4 .tab_style1 .step .item {
    width: 175px
}


.slick-disabled.slick-disabled {
    opacity: 0;

}

hr {
    border-bottom: 1px solid #D8D8D8;
    border-top: 0;
    margin: 10px;
}

.tab_style1 .tab_content {
    padding: 20px 0;
    border-bottom: 1px solid #D8D8D8;
    clear: both;
}

/************  comentpart   tab style  ***********/

.tab_style1 .tab_content .hero-rating .text {
    padding-bottom: 15px;
    margin-top: 3px;
}



.tab_style1 .tab_content .user_rating {
    font-size: 1.2rem;
    text-transform: capitalize;
    border-style: solid;
    border-color: #b5b5b5;
    border-width: 0 0 1px;
    margin-bottom: 10px;
}

.tab_style1 .tab_content .user_rating .user_name {
    color: #00739E;
    font-weight: 700;
}


.tab_style1 .tab_content {
    display: none;
}

.tab_style1 .tab_content.active {
    display: block;
}

.tab_style1 .tab_content .right_part {
    width: 205px;
    min-height: 1px;
    padding: 0 5px;
    overflow: hidden;
}


.tab_style1 .after-rating .summary .Recommendyes,
.tab_style1 .after-rating .summary .Recommendno {
    position: relative;
    font-size: 1.1rem;
    padding-left: 15px;
    margin-right: 17px;
}

.tab_style1 .after-rating .summary .Recommendyes:before,
.tab_style1 .after-rating .summary .Recommendno:before {
    position: absolute;
    right: -22px;
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(../_images/icon/iconText.gif);
    background-position: 0 -598px;
    background-repeat: no-repeat;
}


.tab_style1 .after-rating .summary .Recommendno:before {
    background-position: 0px -638px;
}

/* ********** left_part  *********** */

.tab_style1 .tab_content .left_part {
    border-style: solid;
    border-color: #b5b5b5;
    border-width: 0 1px 0 0;
    width: 414px;
    padding-right: 10px;
    margin-left: -1px;
}

.tab_style1 .tab_content .left_part .rate {
    font-size: 1.3rem
}

.tab_style1 .tab_content .left_part .rate span {
    margin-right: 5px;
}

.img_rate {
    height: 16px;
}

.tab_style1 .tab_content .left_part .coment_part {
    font-size: 1.2rem;
    margin-top: 10px;
}

.tab_style1 .tab_content .left_part .Features_part .label {
    /*  font-weight: bold;*/
    color: #525252;
    font-size: 1.2rem
}

.tab_style1 .tab_content .left_part .Features_part .item {
    margin-right: 5px;
    font-size: 1rem;
}

.tab_style1 .tab_content .left_part .Features_part .item:before {
    content: ',';
    margin: 0 3px;
}

.tab_style1 .tab_content .left_part .Features_part .item:first-child:before,
.tab_style1 .tab_content .left_part .Features_part .item:last-child:before {
    display: none;
}

.tab_style1 .tab_content .left_part .hepl_part .lebel {
    font-size: 1.2rem;
}

.tab_style1 .tab_content .left_part .hepl_part .link_style1 {
    margin-right: 5px;
}

.tab_style1 .tab_content .left_part .hepl_part .count {
    color: rgba(0, 0, 0, 0.58);
    font-size: 1.1rem
}

.tab_style1 .tab_content .titel_style2 {
    background-image: url(../_images/icon/headerBackground.gif);
    background-repeat: repeat-x;
    border: 0;
    padding-top: 5px;
}

.tab_style1 .tab_content .select_part .titel {
    margin: 14px 0;
    font-size: 1.2rem;
}



.tab_style1 .select_part .input_part {
    cursor: pointer;
}

.tab_style1 .select_part .wraper .name {
    font-size: 1.2rem;
    cursor: pointer;
}

.tab_style1 .select_part .wraper {
    margin: 8px 0;
}

.tab_style1 .part1 .select_part .wraper .label {
    background-image: url('../_images/icon/rating-0_0.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-position: left;
    width: 160px;
    height: 22px;
    line-height: 22px;

}

.tab_style1 .part1 .select_part .wraper #point1:checked + label {
    background-image: url('../_images/icon/rating-1_0.gif');
}

.tab_style1 .select_part .wraper .check:checked + label .name {
    font-weight: bold;
}

.tab_style1 .part1 .select_part .wraper #point2:checked + label {
    background-image: url('../_images/icon/rating-2_0.gif');
}

.tab_style1 .part1 .select_part .wraper #point3:checked + label {
    background-image: url('../_images/icon/rating-3_0.gif');
}

.tab_style1 .part1 .select_part .wraper #point4:checked + label {
    background-image: url('../_images/icon/rating-4_0.gif');
}

.tab_style1 .part1 .select_part .wraper #point5:checked + label {
    background-image: url('../_images/icon/rating-5_0.gif');
}


.tab_style1 .select_part .reviewtext.error_style1.error{
    border: 1px solid red;

}


.tab_style1 .select_part .reviewtext {
    border-width: 1px;
    border-color: #b5b5b5;
    font-size: 13px;
    color: #333333;
    width: 400px;
    padding: 6px 3px;
    height: 50px;
    resize: both;
    max-width: 100%;
    margin-bottom: 5px;
    padding: 8px 5px;

}



.tab_style1 .Information_part .titel {
    font-size: 1.4rem;
}

.tab_style1 .tab_content .select_part .form_part .text {
    font-size: 1.2rem
}

.tab_style1 .tab_content .select_part .form_part .text:after {
    content: '*';
    color: red;
}

.tab_style1 .tab_content .select_part .form_part .input_text {

    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    font-size: 13px;
    color: #333333;
    float: none;
    margin-bottom: 0;
    border: 1px solid #72777D;
    margin-bottom: 5px;
    padding: 8px 5px;
    height: 40px;
    border-radius: 2px;
}

.tab_style1 .tab_content .select_part .form_part {
    position: relative;
}

.tab_style1 .tab_content .select_part .form_part input.error {
    border: 1px solid #FF0000;
}

.tab_style1 .tab_content .select_part input ~ label.error,
.tab_style1 .tab_content .select_part textarea ~ label.error{
    font-size: 0.8rem;
    position: absolute;
    bottom: calc(100% - 37px);
    left: 10px;
    background-color: #be2122;
    color: #FFF;
    padding: 0 6px 2px;
    border-radius: 20px;
}
.tab_style1 .tab_content .select_part textarea ~ label.error{
    position: static;
    top: 0;
    left: 0;
    transform: translateY(-53px)translatex(66px);
}

.tab_style1 .tab_content .part2 .select_part .custom_option input[type="text"] {
    width: 155px;
    padding: 5px;
    height: 40px;
    text-align: right;
    border-radius: 3px;
    border: 1px solid;
}


.tab_style1 .tab_content .part2 .select_part .custom_option input[type="text"]:focus {
    border: 2px solid #00739E !important;

}



/*.Recommend_part*/

.tab_style1 .tab_content .part2 .Recommend_part {
    margin: 15px;
    font-size: 16px;
}


.tab_style1 .tab_content .part2 .Recommend_part .name.yes:before,
.tab_style1 .tab_content .part2 .Recommend_part .name.no:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.tab_style1 .tab_content .part2 .Recommend_part .name.yes:before {
    background-image: url(../_images/icon/iconText.gif);
    background-position: 0 -598px;
}

.tab_style1 .tab_content .part2 .Recommend_part .name.no:before {
    background-image: url(../_images/icon/recommendNo.gif);
    background-position: center;
}

.tab_style1 .tab_content .part2 .question_part {
    margin-bottom: 25px;
}

.tab_style1 .tab_content .part2 .question_part .text {
    font-size: 1.3rem;
    margin-top: 20px;
}

.tab_style1 .tab_content .part2 .Proposal_part {
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 1px 0 0;
    padding-top: 10px;
    margin: 0 10px;
}

.tab_style1 .tab_content .part2 .Proposal_part .select_part {
    margin: 10px 0;
    font-size: 1.2rem
}

.tab_style1 .tab_content .btn {
    display: block;
    float: left;
    text-indent: -9999em;
    color: red;
    overflow: hidden;
    height: 23px;
    border: 0;
    background: url(../_images/icon/send.jpg) no-repeat;
    width: 60px;
    margin-top: 2px;
}

/********* details part 5  ************/

.details_part5 {
    margin-top: 20px;
}

.details_part5 .titel {
    font-size: 1.3rem
}

.details_part5 .text {
    max-width: 500px;
    text-align: justify;
    line-height: 23px;
}



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

/************************** cart part ***********************/

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

a {
    display: inline-block;
}

.cart_breadcrumb_style1 {}

.cart_breadcrumb_style1 .line_part {
    position: relative;
    height: 2px;
    width: 75%;
    margin: 20px 0 40px 0;
    background-color: #D8D8D8;
    position: relative;
}

.cart_breadcrumb_style1 .line_part .point_part {
    position: relative;
    top: -27px;
}

.cart_breadcrumb_style1 .line_part .point_part:first-child {
    left:16px;
}

.cart_breadcrumb_style1 .line_part .point_part:last-child {
    right:22px;
}

.cart_breadcrumb_style1 .line_part .point {
    position: relative;
    display: inline-block;
    min-height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #D8D8D8;
}

.cart_breadcrumb_style1 .line_part .point.check {

    background-color: #00739E;
}

.cart_breadcrumb_style1 .line_part .point.active {
    background-color: #AD1B1C;
}

.cart_part1 .left_part,
.cart_part1 .right_part {}

.cart_part1 .left_part {
    width: 75%;
    padding: 0 10px 0 0;
    padding: 0 10px;
}

.postion-sticky {
    position: sticky;
    top: 0px;

}

.cart_part1 .right_part {
width: 25%;
    padding: 0 10px;
}

.bg-color-red {
    background-color: #be2122;
}

.bg-color-red:hover {
    background-color: #ad1b1c;
}

.cart_part1 .right_part .btn_part .btn_style1 {

    font-size: 1.3rem;

}


.cart_part1 .right_part .summary_part {
    margin-top: 10px;
    border: 1px solid #EEEEEE;
}

.cart_part1 .right_part .summary_part .titel {
    background-color: #29333B;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #EEEEEE;
    padding: 10px 15px;
    margin: 0;
}

.cart_part1 .right_part .summary_part .step {
    font-weight: 400;
    margin: 0;
    padding: 10px 0
}

.cart_part1 .right_part .summary_part .step .item {
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid #EEEEEE;
    padding: 3px 15px;
}

.cart_part1 .right_part .summary_part .step .item.total {

    padding: 15px 15px;
}

.cart_part1 .right_part .summary_part .step .text {
    font-size: 1rem
}

.cart_part1 .right_part .summary_part .step .text.total {
    color: #19792F;
}
.color-green{color: #19792F;}
.cart_part1 .right_part .summary_part .step .value {
    font-size: 1.2rem
}

.cart_part1 .right_part .summary_part .btn_part {
    cursor: pointer;
}

.cart_part1 .right_part .summary_part .btn_part .label {
    background-color: white;
    color: #00739E;
    text-decoration: none;
    line-height: 26px;
    font-size: 1.2rem
}

.cart_part1 .right_part .summary_part .form_style1 button {
    background-color: white;
    border: 2px solid #29333B;
    color: #29333B;
    font-size: 1.2rem
}

.cart_part1 .right_part .summary_part .form_style1 button:hover {
    background-color: #29333B;
    color: white;
}

.cart_part1 .right_part .summary_part .add-cod-part {
    display: none;
}

.cart_part1 .right_part .summary_part .alert-success,
.cart_part1 .right_part .summary_part .alert-danger,
.form_style1 .alert-success,
.form_style1 .alert-danger {
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    font-size: 1.3rem
}

.cart_part1 .left_part .no_item .titel {
    font-size: 1.4rem;
}

.cart_products_part .box_style3 .availability_part .text {
    font-size: 1.2rem;
}

.cart_products_part .item .text_part .link_style1{
    max-height: 50px;
}

.cart_products_part .box_style3 .availability_part .text .time,
.cart_products_part .box_style3 .availability_part .text .date {
    font-size: 1rem;
    width: 100%;
    font-weight: bold
}

.cart_part1 .left_part .box_style3 .pic_part .pic {
    width: 70px;
    height: 70px;
}

.cart_part1 .cart_products_part .center_part {
    font-size: 1.1rem;
}

.cart_part1 .cart_products_part .box_style3 > .item {
    text-align: right;
    position: relative;
    border: 1px solid #D8D8D8;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 9px;
    padding-bottom: 0;
    /* margin: 0 5px; */
}

.cart_part1 .cart_products_part .check_style .circular1:before,
.cart_part1 .cart_products_part .check_style .circular1 {
    position: relative;
;
    border-radius: 50%;
    line-height: 15px;
    font-size: 9px;
}

.cart_part1 .right_part .form_style1 input {
    font-size: 1.3rem;
    padding-right: 20px;
}

.cart_part1 .left_part .parent .select_set_time {
    display: none;
}

.postion_sticky {
    position: sticky;
    top: 0;
}

.cart_products_part .text_part .form_style1 .link_style1{
    font-size:12px;
}

.cart_products_part .text_part .item2 .icon {
    background-position: center;
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    display: inline-block;
    margin: 0 5px;
    background-size: cover;
}
.color-black{
    color: black;
}
.cart_products_part .text_part .step2{
    margin: 10px 0;
}

.i-information-black.cart .tooltip.top{
    right: -80px;
    bottom: 102%;
    width: 200px;
    font-size: 10px;
    line-height: 15px !important;
    padding: 0 5px;
    line-height: 19px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
    border-bottom-width: 4px;
    text-align: justify;
    padding: 10px;
    z-index: 1;
}
.i-information-black.cart .tooltip.top:after,   .i-information-black.cart .tooltip.top:after {
    border-top: 4px solid #D8D8D8;
    right: 40%;
    bottom: -8px;
}

.cart_part1 .center_part  .check_style .i-information-black{
    font-size:15px;
    color: black;
}


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

.contact_us-part1 .table_part .item{
    padding: 12px;
    border-top: 1px solid #e8e8e8;

}
.contact_us-part1 .table_part .item:first-child{
    border-top: 1px solid #e8e8e8;
}

.contact_us-part1 .label.font-weight-bold{
    font-size: 1.3rem;
}
.contact_us-part1 address{
    font-size: 1.3rem;
}

#map{
    height:500px;
    width: 500px;margin:0 auto ;
}

/************************************************************/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/******************  login_part1  ******************/
/*///////////////////////////////////////////////////////////////////////////////////////*/


.login_part1 .left_part .titel,
.login_part1 .right_part .titel,
.login_part1 .center_part .titel {
    margin: 15px 0;
    font-size: 2.1rem
}

.login_part1 .center_part {
    margin: 1px solid black;
}

.login_part1 .center_part .signInErrorMessages {}
.login_part1 .right_part{
    padding-right: 22px;
}
.login_part1 .right_part .step,
.login_part1 .right_part .text {
    font-size: 1.3rem
}
.recovery_part1 .signInErrorMessages .alert.error,
.login_part1 .signInErrorMessages .alert.error,
.cart_Three_part1 .alarm_part.police{
    font-size: 13px;
    line-height: 18px;
    margin: 15px 0;
    padding: 14px 17px;
    color: #29333B;
    background-color: #EEEEEE;
    border: 1px solid #D8D8D8;


}
.login_part1 .right_part .item{
    font-size: 1.2rem;
}

.login_part1 .btn_style1{
    font-size: 1.1rem;

}
.login_part1 .signInErrorMessages .alert.error i {
    font-size: 16px;
}

.color-red {
    color: #BE2122!important;
}
.color-gray{
    color: gray!important;
}


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

/****************************** regestertion************************************************/

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

.registra_part2 {
    color: #72777D;
}
.registra_part2 .link_style1,.registra_part2 .btn_style1{
font-size: 1.2rem;
}

.registra_part2{
    font-size: 1.2rem;
}


.registra-part1 .cart_breadcrumb_style1 .line_part {
    position: relative;
    height: 2px;
    width: 100%;
    margin: 20px 0 40px 0;
    background-color: #D8D8D8;
    position: relative;
}

.registra-part1 .cart_breadcrumb_style1 .line_part .point_part {
    position: relative;
    top: -6px;
}

.registra-part1 .cart_breadcrumb_style1 .line_part .point_part:first-child {
    left: 0;
}

.registra-part1 .cart_breadcrumb_style1 .line_part .point_part:last-child {
    right: 0;
}

.reg-container {
    width: 750px;
}

.reg-container2 {
    width: 480px;
}

.bg1 {
    background-color: #EEEEEE;
}

.registra_part2 .form_style1 input ~ label.error,
.registra_part2 .form_style1 .select_style1 * label.error,
.registra_part2 .frm_item label.error{
    right: 0;
    left:auto;

}

.registra_part2 .reg-container ,.registra_part3 .reg-container {
    padding: 30px 80px;
    min-height: 436px;
    width: 750px;
    background-color: white;
    border: 2px solid #D8D8D8;
    border-bottom-width: 4px;
}
.registra_part3 .reg-container{
    height:auto;
    width:60%;
}

.registra_part2 .titel{
    font-size: 1.7rem
}
.registra_part3 .titel {
    font-size: 2rem;
    margin:40px 0;
    color: #575656
}
.registra_part3 .left_part .register-message h3 {
   font-size: 1.5rem;
     color: #6a6a6a
}.registra_part3 .left_part .register-message p {
     color: #6a6a6a;
    line-height:27px;
    max-width: 300px;
}

.registra_part3 .left_part .btn_style1 {
    font-size: 10px;


}

.registra_part3 .right_part {
    font-size:1.1rem;
    padding-left: 0;
    line-height:35px;

    color: #6a6a6a

}
.registra_part3 .right_part .item:before {

 color:#c6c6c6;
    font-size:13px;
margin-left:4px;
}




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

.registra_part2 .check_style .text {
    font-size: 1.1rem;
    font-weight: bold;
    color: #72777D;
}



.registra_part2 .select_style1 .select_part option {
    font-size: 1.2rem;
}


.registra_part2 .select_style1 {
    /*min-width: 90px;*/
}

.registr_part2 .select_style1 select {
    border: 1px solid #29333B;
    padding-bottom: 11px
}


.registra_part2 .select_style1 select:focus {
    border: 1px solid #29333B !important;
}


.registra_part2 .form_style1 input:focus {
    background-color: #fff;
    border: 2px solid #00739E !important;
}

.registra_part2 .check_style .check {

    width: 22px;
    height: 22px;

    min-width: 22px;
    min-height: 22px;
    line-height: 22px;
    font-size: 3.2rem;
    border: 2px solid #D8D8D8;
}

.registra_part2 .check_style .check:before {
    width: 22px;
    height: 22px;
    top: -2px;
    right: 12px;
    left: -2px;
    font-size: 14px;
    line-height: 23px;
}

.registra_part2 .tab_style1 .tab_content {
    border: 0;
}

.regi + .footer_style1 {
    margin-top: 0px;

}


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

/*/////////////////////////     help_part1    ////////////////*/

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

.help_part1 .container ,.help_part2 .container {
    max-width: 960px
}
.help_part1  .titel_style2{
    margin-top:55px;
}

.ChatCallEmail_style1{

    position: relative;
    width: 100%;
    padding: 10px;
    background-color: #e2e2e2;
    height: 130px;

}

.ChatCallEmail_style1 .text{
    font-size: 1.3rem
}

.ChatCallEmail_style1 i{
    font-size: 1.7rem;
    margin-left:10px;
}
.ChatCallEmail_style1 a{
    font-size: 1.1rem;
    margin-left:10px;
}

.help_part2 .container {
    max-width: 960px
}

.boxes_style1 .head_boxs .item {
    width: 316px;
    height: 70px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.boxes_style1 .head_boxs .item:nth-child(2) {
    margin: 0 5px;
}
/*boxs_content*/
.boxes_style1 .boxs_content {
    margin: 10px 0;
}
.boxes_style1 .box_part {
    width: 290px;

    padding: 15px 0px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d6d6d6;
}

.boxes_style1 .box_part .wrapper{
    height: 100%;
    min-height: 291px;
    padding: 15px;
    border-left: 1px solid #e2e2e2;
}

.boxes_style1 .box_part:nth-child(3n) .wrapper{
    border-left: 0 solid #e2e2e2;
    /*    width: 275px;*/
}

.boxes_style1 .box_part .pic {
    /*width: 266px;*/
    height: 87px;
    margin: 0 auto;
    margin-bottom: 10px;

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

.boxes_style1 .box_part .titel {
    font-size: 1.7rem;
    margin-right: 15px;
}
.boxes_style1 .filter_style1 .box .title{
    font-size: 12px;
}
.boxes_style1 .box_part .link_part {
    margin-right: 15px;
}
.boxes_style1 .box_part .link_part .link_style1 {
    font-weight: normal;
}
.filter_style1 .accordion-group {
    display: none;
}
.filter_style1 .accordion-group.active {
    display: block;
}
.product_part .left_part .filter_style1 .box .i-information-black:before,
.catalog_part1 .left_part .filter_style1 .box .i-information-black:before {
    content: "L";
}

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

.customer-service_part1 .frm_item label.error {
    bottom: calc(100% - 32px);
}



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

/*///////////////////////////////////////  help details //////////////////*/

.container960 {
    max-width: 960px;
}

.help_detail .right_part {
    max-width:30%
}

.help_detail .right_part .title .link_style1 {
    max-width: 145px;
    min-width: 120px;
color: black;
}
.help_detail .right_part .title .icon:before{
    color: black;
}

.content_style1 h3 {
    font-size: 1.7rem;
    margin: 10px 0;
}

.content_style1  strong{
    font-weight: bold;

}



.content_style1 img {
    max-width: 100%;
    margin: 10px 0
}

.content_style1 a {
    color: #00739E;
    display:block;
}
.content_style1 p a {
    display:inline-block;
}
.content_style1 a:hover{
    text-decoration: underline;
}

.content_style1 p {
    text-align: justify;
    line-height: 24px;
}

.content_style1 hr {
    padding: 0;
    margin: 0;
}


.content_style1 ul {
    text-align: justify;
    margin: 10px 0;
    padding: 0 15px;
    margin-right: 15px;
}

.content_style1 ul li {
    margin-bottom: 14px;
    line-height: 2;
}

.gotoup_style1:hover {
    right: 0;
}

.gotoup_style1 {
    display: none;
    position: fixed;
    z-index: 55;
    right: -102px;
    width: 145px;
    background: #000000;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
    padding-bottom:20px;
    bottom: 225px;
    cursor: pointer;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    transition: all 0.2s ease-out;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;

}

.gotoup_style1 .text {
    margin-left: 20px;
    font-size: 1.2rem
}

.gotoup_style1 i {
    font-size: 1.2rem
}




/********************************         questions           ********************************/

.questions_part .left_part .question_group .titel a {
    font-size: 2.1rem;
    color: #000000;

}

.questions_part .left_part .content_style1 .link_part {
    font-size: 1.2rem
}

.cart_Two_part1 .item .right_part {

    width: 100px;

}

.cart_Two_part1 .item label {
    background-color: #ededed;
    border: 1px solid #c6c6c6;
    cursor: pointer;
    margin: 3px;
}

.cart_Two_part1 .item * {
    cursor: pointer;
}

.cart_Two_part1 .item .titel {
    font-size: 1.4rem;
}

.cart_Two_part1 .item .text {
    font-size: 1.1rem;
    color: #00739E;
}



.cart_Two_part1 .item .price {
    font-size: 1.3rem;
    color: #00739E;
}

.cart_Two_part2 .center_part label {}

.cart_Two_part2 .center_part .step .item {
    font-size: 1.3rem;
    text-align: center
}

.cart_Two_part2 .center_part .step .item span {
    padding: 10px 5px;

}



.cart_Two_part2 .insert_address .item label {
    background-color: #ededed;
    border: 1px solid #c6c6c6;
    cursor: pointer;
    margin: 3px;
}



.color_blue {
    color: #00739E!important;
}


.cart_Two_part2 .left_part .icon {
    font-size: 18px;
    color: #00739E;
    transition: all 0.10s;

}




.cart_Two_part2 .left_part .icon:hover {
    font-size: 25px;
    color: #01597b;

}


.car_tow_part3 .filter_style1 .title {
    background-color: rgba(0, 115, 158, 0.99);
    padding: 10px 0;
    color: rgb(255, 255, 255);
}

.car_tow_part3 .filter_style1 .title:hover {
    background-color: rgba(0, 115, 158, 0.92);

}

.car_tow_part3 .filter_style1 .form_style1 .frm_item {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    clear: both
}

.car_tow_part3 .select_style1 select:focus {
    border: 1px solid #00739E !important;
}

.cart_Two_part2 .left_part .left_part .btn_edite {}

.car_tow_part3 .filter_style1 .form_style1 .frm_item .name {
    position: absolute;
    bottom: 100%;
}

.cart_Three_part1 .factory_part .item .value,
.cart_Three_part1 .factory_part .item .label {
    font-size: 1.2rem
}

.cart_Three_part1 .factory_part .item .label {
    font-size: 1.3rem
}
.cart_Three_part1 .factory_part .item {
    margin-bottom: 10px;
    padding: 10px 20px;
}
.cart_Three_part1 .factory_part .item:last-child {
    color: white;
    padding: 15px 20px;
    background-color: #2f733a;
}
.cart_Three_part1 .factory_part .item:last-child .label,
.cart_Three_part1 .factory_part .item:last-child .value{
    font-size: 1.5rem;
}
.cart_Three_part1 .detail_part .icon {
    background-image: url(../_images/icon/receipt.png);
    background-size: contain;
    background-position: center;
    width: 80px;
    height: 77px;
    background-repeat: no-repeat;
}


.cart_Three_part1 .detail_part .item span {
    color: #be2122;
    margin: 0 5px
}

.cart_Three_part1 .titel_style2 .category {
    font-size: 16px;
    margin-bottom: 3px;
}

.cart_Three_part1 .Payments_part .icon {
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 47px;
    background-repeat: no-repeat;
}


.cart_Three_part1 .Payments_part .icon.carts {
    background-image: url(../_images/icon/credit-cards-accepted.png);

}


.cart_Three_part1 .Payments_part .icon.facetoface {
    background-image: url(../_images/icon/people-trading.png);

}
.cart_Three_part1 .factory_part .alarm_part{
font-size: 1.1rem;
    margin: 10px auto;
    padding: 0;
}
.cart_Three_part1 .detail_part .item p.text ,.cart_Three_part1 .Payments_part p.text{
font-size: 1.2rem;
}

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

/*******************************************email part **********************/

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

.email_part .form_style1 .text_part h3 {
    font-size: 1.3rem;
    margin-bottom: 3px;

}

.email_part .titel {
    font-size: 1.4rem
}

.email_part .form_style1 .text_part p {
    font-size: 1.0rem;
    line-height: 20px;

}

.email_part .form_style1 .pic_part img {
    font-size: 1.0rem;
    line-height: 20px;
    max-width: 128px;
    max-height: 81px;

}

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

/*******************************blog part*/

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

.blog_part .select_style1 select:focus {
    border: 1px solid #00739E !important;
}




.blog_part .box_style5 .pic_part {
    position: relative;
    overflow: hidden;
}


.blog_part .box_style5 .pic_part .icon_part {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    font-size: 12px;
    padding: 10px;
    border-radius: 0 10px 0 0;
    transition: all 0.20s;
    background-color: #29333B;
    color: rgb(255, 255, 255);
}
.blog_part .titel_style1 p{
    font-size: 1.3rem;
}




.blog_part .box_style5 .pic_part .icon_part .value {
    font-weight: bolder;
    color: white;
    font-size: 10px;
}

.blog_part .box_style5 .pic_part .icon_part i {
    font-size: 15px;
}



.blog_part .box_style5 .pic {
    position: relative;
    /*border-top: 4px solid #ff6767;*/
    overflow: hidden;
}

.blog_part .box_style5 .over_lay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;

}

.blog_part .box_style5 .pic:before {
    position: absolute;
    content: '';
    top: 100%;
    left: -100%;
    right: 100%;
    bottom: 100%;
    background-color: rgba(41, 51, 59, 0.53);
    z-index: 1;
    border-radius: 50%;
    transform: rotate(130deg);
    transition: all 0.3s;
    opacity: 0;

}

.blog_part .box_style5 .item:hover .pic:before {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0%;
    opacity: 1;

}

.blog_part .box_style5 .over_lay i {
    font-size: 25px;
    color: #d8d8d8;
    opacity: 0;
    transition: all 0.3s;
}


.blog_part .box_style5 .item:hover .over_lay i {
    font-size: 25px;
    color: #d8d8d8;
    opacity: 1;
}

.pagination_style1 {
    font-size: 19px;
}

.pagination_style1 i {
    display: block;
    width: 16px;
    height: 23px;
    line-height: 19px;
}

.pagination_style1 .page-item a {
    padding: 10px;
    text-align: center;
}

/*****************************************************************/
/****************************   site map   ***********************/
/****************************************************************/
.sitemap_part1 .sitemapCategories .titel{
    font-size: 1.44rem
}
.sitemap_part1 .sitemapCategories .titel{
    font-size: 1.44rem
}
.sitemap_part1 .sitemapCategories .step a{
    font-size: 1.1rem;
    font-weight: normal;
}
.sitemap_part1 .sitemapCategories .link_part{
    margin-bottom: 20px;
    /*margin-right: 20px;*/
    width:50%;
}
.sitemap_part1 .left_part{

    display: flex;
    flex-flow: wrap;
}

/*****************************************************************/
/*************************** favorite part **********************/
/*****************************************************************/
.favorite_part{
}
.favorite_part1 .table_style2 .btn_style1{
    color: white;
}

/*********************/
.Translation{  position: relative;  }

.Translation .tooltip {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    color: inherit;
    line-height:41px;
}



/********************************************************/
/********************************************************/
/***************       panel_style1          ************************/
/***************       panel_style1          *************************/
/********************************************************/
/********************************************************/



.btn_dashbord_user span{
    padding: 10px;
    font-size:25px;
    color:white;
    cursor: pointer;
}


.panel_style1 * {
    /*font-family: 'Poppins', sans-serif;*/
    text-align: center;

}

.panel_style1 .panel_dashboard {
    width: 277px;
    min-width: 277px;
    transition: all 0.35s;
}
.panel_style1 .panel_dashboard.hide{
    margin-right: -277px;
}



.panel_style1 .panel_dashboard .right_part {
    padding: 10px 0
}

.panel_style1 .text_area{
    text-align: right;
    width:100%;
    height: 230px;
    padding: 20px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 1.3rem;
    /*border: 0;*/
}
.panel_style1 .select_style1 select:focus{
    border:1px solid #4e4e4e!important;
}

.panel_style1 .user_profile {
    /*background-color: #be2122;*/
    background-color: #29333b;
    line-height: 39px;
    padding: 5px 0;
}

.panel_style1 .user_profile .user_pic {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
    background-image: url(../files/img/dashboard/profile/user.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.panel_style1 .user_profile .user_name {
    text-align: right;
    font-size: 1.3rem;
    text-transform: capitalize;
    color: white;
    padding-right: 10px;
}

.panel_style1 .user_profile .user_name span {
    font-weight: 100;
    text-transform: capitalize;
}

.factor_style1 .factor_part1 .logo{
    background-repeat: no-repeat!important;
    width: 167px;
    height: 42px;
    background-image: url(../_images/logo/logowhite.png) ;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}
/*left panel*/
.panel_style1 .left_part .link_part .step {
    background-color: #3f4a59;
}

.panel_style1 .left_part .link_part .label:hover {
    background-color: #5a6574;
}

.panel_style1 .left_part .link_part .label {
    display: inline-block;
    font-size: 12px;
    /* font-weight: 700; */
    padding: 10px;
    color: #fff;
    /* letter-spacing: 2px; */
    line-height: 30px;
    justify-content: space-between;
}

.panel_style1 .left_part .link_part .label i {
    margin: 0 10px;
    color: #f2f2f2;
    font-size: 16px;
}

.panel_style1 .left_part .link_part .item {
    display: inline-block;
    width: 100%;

}

/*submeno*/

.panel_style1 .left_part .submenu {
    width: 100%;
    background-color: #455160;
    padding: 20px 27px 20px 0;
}

.panel_style1 .left_part .item2 i {
    font-size: 20px;
}

.panel_style1 .left_part .item2 a {
    position: relative;
    line-height: 25px;
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 12px;
    font-weight: 300;
    font-size: 11px;
}

.panel_style1 .left_part .item2 a.alarm:after {
    position: absolute;
    top: -8px;
    right: 15px;
    font-family: "ziany" !important;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    font-weight: bolder;
    text-align: center;
    padding-left: 2px;
    /*    content: attr(data-message);*/
    content: 'H';
    color: #D63C3C;

}

.panel_style1 .left_part .item2 a:before {
    position: absolute;
    z-index: 1;
    left: -30px;
    top: 0;
    width: 22px;
    height: 100%;
    content: '';
    background-color: #D63C3C;
    transition: all 0.2s;
    opacity: 0;
}

.panel_style1 .left_part .item2:hover a:before {
    opacity: 1;
}

.panel_style1 .select_style1 .select_part{
    width: 100%;
    margin: 0;
}

.panel_style1 .left_part .item2 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-size: 1rem;
    /*letter-spacing: 2px;*/
    color: white;
    border-right: 2px solid white;
    padding: 10px 0 10px 10px;
    font-weight: 600;
    transition: all 0.2s;
}

.panel_style1 .left_part .item2.active {
    background-color: #EAECEB;
    color: black;
}

.panel_style1 .left_part .item2 span {
    position: absolute;
    display: block;
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #EAECEB;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.panel_style1 .left_part .item2:hover {
    color: black;
}
.panel_style1 .left_part .item2:hover span {
    width: 225%;
    height: 562.5px;
}
.panel_style1 .left_part .item2:active {
    background-color: #682aa4;
}
/* .right_part */
.panel_style1 .content_panel {
    width: 100%;
    /*min-width: 100%;*/
    padding: 0;
    padding-right: 20px;
}
/*******  panel_table   *******/
.panel_table {
    margin-top: 20px;
}

.panel_table table {
    border-collapse: collapse;
    border-radius: 2px;
    width: 100%;
    border: none;
    vertical-align: middle;
    min-width: 700px;
}
.overflow-hidden{overflow: hidden}

.panel_table .titel_part {
    background-color: rgba(255, 255, 255, 0);
    text-transform: uppercase;
    /*letter-spacing: 2px;*/
    color: aqua;
    border: 0;

}

.panel_table tr {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #e5e1e1;
}

.panel_table th,
.panel_table td {
    width: 130px;
    color: #363636;
    font-size: 1.1rem;
    padding: 15px 6px;
    text-align: center;
    font-weight: 800;
}
.panel_table th {
    color: #555555;

}

.panel_table td .name {

    overflow: hidden;
    max-height:50px;
    text-transform: capitalize;
    color:#00739E
}
.panel_table td .name:hover{
    color: #0097d1
}




.panel_table td .berand{

    color:#363636;

}
.color-black{

    color:#363636;

}

.panel_table td {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.3rem

}

.panel_table td .t_image {
    width: 90%;
    max-width: 100px;
    border-radius: 10px;
    margin: auto;
    display: block;
}

.panel_table td i {
    position: relative;
    top: -3px;
    font-size: 20px;
}

.panel_table td a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    color: #5D82FF;
}

.panel_table td a:hover {
    color: #D63C3C;
}

.panel_table .condition_show {
    color: #FFF;
    padding: 7px 0;
    border-radius: 3px;
    display: block;
    background-color: #999;
}

.panel_table .blue,
.panel_table .green,
.panel_table .orange,
.panel_table .color-gray {
    font-size: 12px;
    font-weight: bolder;
}
button.condition_show {
    border: none;
    cursor: pointer;
}
.panel_table .blue {
    background-color: #cfdcff;
    color: #5D82FF
}
.panel_table .green {
    background-color: #E4FAF4;
    color: #6AE0BC;
}
.panel_table .orange {
    background-color: #FFF8DE;
    color: #FFAE0C;
}
.panel_table .red {
    background-color: #f5d6d6;
    color: #e47b7b;
}

.table_style1 .table_btn,
.panel_table .table_btn {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 30px;
    cursor: pointer;
    color:#00739E
}

.table_style1 .table_btn i,
.panel_table .table_btn i {
    font-size: 17px;
}
.table_style1 .table_btn .tooltip,
.panel_table .table_btn .tooltip {
    background-color: #444;
    color: #FFF;
    padding: 2px 8px 0;
    font-size: 0.9rem;
    position: absolute;
    width: 60px;
    height: 20px;
    right: 6px;
    top: -20px !important;
}
.panel_table .table_btn .tooltip {
    max-width: 83px;
    width: 74px;
    height: 24px;

}

/*****  chat part  panel  *****/

.chat_part {
    background-color: #fff;
    padding: 50px 30px;
    border-radius: 20px 20px 0 0;
    max-height:500px;
    overflow: hidden;

}

.chat_part .titel {
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #9b9b9b
}

.chat .text_area {
    height: auto;
    border-radius: 0 0 20px 20px;
}

.chat_part .titel {
    margin-bottom: 30px;
}

.chat_part .titel i {
    color: #D63C3C;
}

.chat_part .user .pic_part,
.chat_part .admin .pic_part {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    align-self: flex-end;
    margin-bottom: 11px;
    line-height: 40px;
    font-size: 30px;
}

.chat_part .user .pic_part {
    background-image: url(../files/images/dashboard/profile/user.png);
    border-radius: 30px 30px 30px 0;
    margin:0 20px;
    box-shadow: 0px 2px 17px 0px rgba(47, 83, 180, 0.68);
    color: #88b8dc;
}

.chat_part .admin .pic_part {
    /* background-image: url(../files/images/dashboard/profile/admin.png); */
    background-position: -3px 3px;
    margin: 0 20px;
    border-radius: 30px 30px 0 30px;
    box-shadow: -4px 3px 18px 0px rgba(180, 47, 47, 0.5);
    color: #dc8888;
    line-height: 40px;
    font-size: 30px;
}

.chat_part .user .text,
.chat_part .admin .text {

    display: flex;
    align-items: center;
    background-color: white;
    width:50%;
    min-height: 50px;
    padding-left: 30px;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 20px;
    cursor: pointer;
}

.chat_part .user .date,
.chat_part .admin .date {
    position: relative;
    left: 0;
    top: 0;
    align-self: flex-end;
    color: #222222;
    font-weight: 500;
    font-size: 10px;
    color: #888888;
    text-transform: uppercase;
}

.chat_part .user.seen .date:after,
.chat_part .admin.seen .date:after {
    position: absolute;

    content: '';
    right: 16px;
    bottom: -10px;
    z-index: 2;
    font-weight: 200;
    color: #ce4343;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: lowercase;

}

.chat_part .user .text {
    border-radius: 30px 30px 0 30px;
    box-shadow: 5px 12px 30px -10px rgba(47, 83, 180, 0.68);
    background-color: #E1ECFE;
    color: #2F53B4;
    transition: all 0.12s;
}

.chat_part .user .text:hover {
    background-color: #4D7CFE;
    color: white;
}

.chat_part .item {
    margin: 10px 0;
}

.chat_part .admin .text:hover {
    background-color: #fe4d4d;
    color: white;
}

.chat_part .admin.new .text {
    background-color: #fe4d4d;
    color: white;
}

.chat_part .admin .text {
    border-radius: 30px 30px 30px 0;
    box-shadow: -9px 9px 30px -10px rgba(180, 47, 47, 0.68);
    background-color: #fee1e1;
    color: #b42f2f;

}

.chat .form_style2 {
    margin-top: 10px;
}

.chat .form_style2 .text_area {
    height: auto;
    border-radius: 0 0 20px 20px;
}

.panel_style1 .postal_information_part1{

}

.panel_style1 .postal_information_part1 .center_part label {}

.panel_style1 .postal_information_part1 .center_part .step .item {
    font-size: 1.3rem;
    text-align: center
}

.panel_style1 .postal_information_part1 .center_part .step .item span {
    padding: 10px 5px;
}
.panel_style1 .postal_information_part1 .insert_address .item label {
    background-color: #ededed;
    border: 1px solid #c6c6c6;
    cursor: pointer;
    margin: 3px;
}



.color_blue {
    color: #00739E!important;
}


.panel_style1 .postal_information_part1 .left_part .icon {
    font-size: 18px;
    color: #00739E;
    transition: all 0.10s;

}




.panel_style1 .postal_information_part1 .left_part .icon:hover {
    font-size: 25px;
    color: #01597b;

}
.panel_style1 .postal_information_part2{}

.panel_style1 .postal_information_part2 .filter_style1 .title {
    background-color: rgb(69, 81, 96);
    padding: 10px 0;
    color: rgb(255, 255, 255);
}

.panel_style1 .postal_information_part2 .filter_style1 .title:hover {
    background-color: rgba(0, 115, 158, 0.92);
}
.panel_style1 .postal_information_part2 .filter_style1 .form_style1 .frm_item {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    clear: both
}

.panel_style1 .postal_information_part2 .select_style1 select:focus {
    border: 1px solid #00739E !important;
}

.panel_style1 .postal_information_part2 .filter_style1 .form_style1 .frm_item .name {
    position: absolute;
    bottom: 100%;
}

.panel_style1  .favorite_part .pic{
    width: 98px;
    height: 98px;
    margin-right: 30px;

}

.panel_style1 .favorite_part .blue{
    font-size: 11px;
    padding: 13px 0;
}


/***************************************************** Print Factor *****************************************************************/
/*factor style*/
.factor_style1{position:relative;}
.factor_style1 .factor_part1{position:relative;padding-top:20px;height:70px;margin-bottom:20px;}
.factor_style1 .factor_part1 .btn_style3{
    position: absolute;
    top:0;
    right: 0;
    margin:0;
    width: 200px;
    padding: 10px 0;
}
.factor_style1 .factor_part1 .title{font-weight:bold;font-size:1.7rem;color: #0D6494;text-align:center;}
/*.factor_style1 .factor_part1 .logo{width:180px;height:75px;background:none no-repeat center center/contain;}*/
.factor_style1 .factor_part1 .print{position:absolute;right:10px;top:15px;}
.factor_style1 .factor_part2{  margin-bottom: 20px; }
.factor_style1 .factor_part2 .table1,
.factor_style1 .factor_part2 .table1 table{border-collapse:collapse;border-radius:2px;width:100%;vertical-align:middle;text-align:center;}
.factor_style1 .factor_part2 .table1 .user_info{
    background-color: #fff; border:1px solid #ddd;border-radius:5px;position:relative; width:75%;}
.factor_style1 .factor_part2 .table1 .user_info:before{content:'';position:absolute;width:40px;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.55);}
.factor_style1 .factor_part2 .table1 .vert_label{letter-spacing:0.5px;font-size:1.2rem;color:#fff;}
.factor_style1 .factor_part2 .table1 .vert_label .outer_text{height:100%;position:relative;width:40px;}
.factor_style1 .factor_part2 .table1 .vert_label .inner_text{font-size:1.3rem;transform:translateX(-50%) translateY(-50%) rotate(-90deg);display:inline-block;white-space:nowrap;position:absolute;left:50%;top:50%;letter-spacing:1px;}
.factor_style1 .factor_part2 .table1{min-width:550px;}
.factor_style1 .factor_part2 .table1 table{width:100%;}
.factor_style1 .factor_part2 .table1 .user_info .info_row{border-bottom:1px solid #e0e0e0;}
.factor_style1 .factor_part2 .table1 .user_info .info_row:last-child{border-bottom:0 none;}
.factor_style1 .factor_part2 .table1 .user_info .info_col{padding:20px;}
.factor_style1 .factor_part2 .table1 .user_info .info_item{float:right;margin-left:40px;font-size:1.2rem;line-height:29px;}
.factor_style1 .factor_part2 .table1 .user_info .info_item .item_name{color:#CB1B4F;display:inline-block;}
.factor_style1 .factor_part2 .table1 .user_info .info_item .item_val{color:#444;display:inline-block;}
.factor_style1 .factor_part2 .table1 .pay_info{
    background-color: #fff;border:1px solid #ddd;border-radius:5px;position:relative;padding:20px 0;}
.factor_style1 .factor_part2 .table1 .pay_info *{
    text-align: center;
}
.factor_style1 .factor_part2 .table1 .pay_info:before{content:'';position:absolute;width:40px;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.55);}
.factor_style1 .factor_part2 .table1 .pay_info .date{margin-bottom:15px;font-size:1.2rem;color:#444;}
.factor_style1 .factor_part2 .table1 .pay_info .title_style2{margin-bottom:5px;font-size:1.2rem;}
.factor_style1 .factor_part2 .table1 .pay_info .barcode_img{display:block;margin:6px auto;opacity:0.7;}
.factor_style1 .factor_part2 .table1 .pay_info .barcode_no{font-size:1.2rem;}
.factor_style1 .factor_part2 .table1 .pay_info .pay_type{font-size:1.4rem;}
.factor_style1 .factor_part3.table_style3 thead th{color:#555;font-size:1.2rem;background:rgba(128, 128, 128, 0.11);}
.factor_style1 .factor_part3.table_style3 td.pic .pic{display:block;width:100px;height:100px;margin:0 auto;background:none no-repeat center center/contain;}
.factor_style1 .factor_part3.table_style3 td.name{font-size:1.25rem;line-height:30px;}
.factor_style1 .factor_part3.table_style3 td.name .opt_item{display:inline-block;margin-left:15px;color:#00aee7;position:relative;font-size:1.1rem;}
.factor_style1 .factor_part3.table_style3 td.name .opt_item:before{content:'';position:absolute;left:-7px;top:50%;margin-top:-8px;width:1px;height:15px;background-color:#bbb;transform:rotate(15deg);}
.factor_style1 .factor_part3.table_style3 td.name .opt_item:last-child:before{display:none;}
.factor_style1 .factor_part3.table_style3 td.price_total{font-size:1.25rem;color:#00b626;letter-spacing:1.5px;}
.factor_style1 .factor_part3.table_style3 td.price_unit .discount{color:#f00;font-size:1.2rem;margin-top:5px;display:inline-block;}
.factor_style1 .factor_part3.table_style3 td.price_unit .price{text-decoration:line-through;margin-left:15px;color:#aaa;}
.factor_style1 .factor_part3.table_style3 td.price_unit .price_discount{font-size:1.2rem;letter-spacing:1px;color:#009bf3;}
.factor_style1 .factor_part3.table_style3 tr{border-bottom:1px solid #e5e5e5;}
.factor_style1 .factor_part3.table_style3 td{border-left:1px solid hsla(220, 21%, 73%, 0.2);}
.factor_style1 .factor_part3.table_style3 td:last-child{border-left:0 none;}
.factor_style1 .factor_part3.table_style3 tr:hover{background-color:#fff;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .price_name{letter-spacing:0.5px;font-size:1.2rem;color:#555;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .price_val{font-size:1.25rem;letter-spacing:1px;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.amount .price_name{color:#01af26;font-size:1.5rem;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.amount .price_val{font-size:1.6rem;letter-spacing:1px;color:#00b626; padding: 3px 0;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.price_other .price_name{color:#0395e8;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.price_other .price_val{color:#009bf3;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.discount .price_name{color:#e00;}
.factor_style1 .factor_part3.table_style3 tr.table_footer.discount .price_val{color:#f00;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .factor_text_label{letter-spacing:0.5px;font-size:1.2rem;background:rgba(128, 128, 128, 0.06);color:#555;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .factor_text_label .outer_text{height:100%;position:relative;}
.factor_style1 .factor_part3.table_style3 tr.table_footer .factor_text_label .inner_text{font-size:1.3rem;transform:translateX(-50%) translateY(-50%) rotate(-90deg);display:inline-block;white-space:nowrap;position:absolute;left:50%;top:50%;letter-spacing:1px;}
.factor_style1 .factor_part4{padding:15px 0 50px 0;border-right:1px solid rgba(170, 180, 200, 0.4);border-bottom:1px solid rgba(170, 180, 200, 0.4);border-left:1px solid rgba(170, 180, 200, 0.4);}
.factor_style1 .factor_part4 .sign_item{float:right;width:33.3%;color:#888;font-size:1.2rem;line-height:25px;text-align:center;position:relative;}
.factor_style1 .factor_part4 .sign_item:before{content:'';position:absolute;left:0;top:10px;height:40px;width:1px;background-color:#eee;}
.factor_style1 .factor_part4 .sign_item:last-child:before{display:none;}
.factor_style1 .factor_part5 .returned_item{position:relative;margin-bottom:25px;}
.factor_style1 .factor_part5 .returned_item:last-child{margin-bottom:0;}
.factor_style1 .factor_part5 .returned_item .returned_name{border-right:8px solid #e8094b;}
.factor_style1 .factor_part5 .pic_product{width:65px;height:65px;border-radius:5px;background:#f7f7f7 none no-repeat center center/contain;position:absolute;z-index:1;top:50%;right:8px;border:1px solid #ddd;margin-top:-37px;}
.factor_style1 .table_footer_price.print_only td.outer_table{padding:15px 5px;}
.factor_style1 .table_footer_price.print_only td.outer_table td.price_item{padding:0;height:30px;width:25%;font-size:1.2rem;}
.factor_style1 .table_footer_price.print_only td.outer_table td.price_item .price{font-size:1.4rem;letter-spacing:1px;display:inline-block;margin-right:10px;}
.factor_style1 .print_only{display:none;}
.factor_style1 .screen_only.pic{
}
.factor_style1 .screen_only.pic a{
    background: no-repeat center / contain;
    display: block;
    height: 60px;
}
.factor_style1 .table_style2 .pro_option *{
    text-align: center;
}
.factor_style1 .btn_style1 {
    width:150px;
}
.factor_style1 .btn_style1 .btn_link{
    padding:10px 0;
    display: block;
}
@media print{

    .panel_style1 .user_profile , .panel_style1 .panel_dashboard ,  .factor_style1 .factor_part1  .btn_style1{
        display: none!important;
    }
    .panel_style1 .content_panel{
        width: 100%;
        padding:20px;

    }

    @page{size:a3 landscape;}
    *{-webkit-print-color-adjust:exact;}
    .container{width:100%;}
    /*body{min-height:auto;}*/
    .header_style1,
    .sidebar_style1,
    #all_page_container_bg,
    .factor_detail_part1 .paper_style1 .title_style1,
    .factor_detail_part1 .paper_style1 .btn_group_style2,
    .factor_detail_part1 .factor_part5,
    .user_msg_part1,
    .factor_detail_part1 .log_report ,
    .factor_detail_part1 .btn_group_style1,
    .factor_style1 .factor_part1 .print,
    .factor_detail_part1 .table_style3 td.pic,
    .factor_detail_part1 .table_style3 th.pic,
        /*.factor_style1 .factor_part1 .logo,*/
    .msg_sent_part1,
    .page_title,
    .result_style2 ,
    .factor_style1 .card_info,
    .sidebar1,
    #breadcrumb,
    .title_style2,
    footer,
    #go_top,
    .panel_style1 .dashboard,
    .visit_style1,
    .btn_style3,
    .other_page_says{display:none !important;}
    .panel_style1 .panel_content{
        background-color: #fff;
    }
    .other_page_content .inner{
        padding-right: 0;
    }
    main.main_side{width:100%;}
    #clientarea > .container > .inner{padding:0 !important;}
    .client_part1{margin:0 !important;}
    .factor_style1 .factor_part1{margin-bottom:38px;}
    .factor_style1 .factor_part1 .logo{display:block;top:0;width:250px;height:90px;left:35px;}
    .mainside_style1{background-color:#fff;width:100%;padding:0;float:none;}
    .paper_style1{box-shadow:none;padding:0;}
    #all_page_container{padding:0;}
    .factor_style1{margin-top:0;}
    .factor_detail_part1 .table_style3 tbody td{padding:0;}
    .factor_style1 .factor_part3.table_style3 td.factor_text{text-align:center;}
    .factor_style1 tr.print_only{display:table-row;}
    .factor_style1 .screen_only{display:none;}
    .factor_style1 .factor_part3.table_style3 td{border-left:1px solid #444;}
    .factor_style1 .factor_part3.table_style3{border:1px solid #444;}
    .factor_style1 .factor_part3.table_style3 tr,
    .factor_style1 .factor_part3.table_style3 thead tr:last-child{border-bottom:1px solid #444;}
    .factor_style1 .factor_part3.table_style3 thead th{background:rgba(128, 128, 128, 0.5);border-left:1px solid #444;color:#111;font-size:1.45rem;}
    .factor_style1 .factor_part3.table_style3 thead th:last-child{border-left:0 none;}
    .factor_style1 .factor_part3.table_style3 tr:last-child{border:0 none;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item{border-left:1px solid #888;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item:last-child{border-left:0 none;}
    .factor_style1 .factor_part4{border-color:#333;}
    .factor_style1 .factor_part4 .sign_item:before{background-color:#888;}
    .factor_style1 .factor_part4 .sign_item{color:#222;}
    .factor_style1 .table_footer_price.print_only{background:rgba(128, 128, 128, 0.5);}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item{font-size:1.25rem;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item.amount .price{font-size:1.7rem;letter-spacing:2px;}
    .factor_style1 .factor_part1 .title{font-size:2.2rem;color:#000;}
    .factor_style1 .factor_part3.table_style3 td.price_unit .price{font-size:1.25rem;color:#888;}
    .factor_style1 .factor_part3.table_style3 td.price_unit .price_discount{font-size:1.35rem;color:#111;}
    .factor_style1 .factor_part3.table_style3 td.price_unit .discount{color:#333;}
    .factor_style1 .factor_part3.table_style3 td.price_total{font-size:1.45rem;color:#111;}
    .factor_style1 .factor_part3.table_style3 td.name{color:#111;font-size:1.3rem;}
    .factor_style1 .table_footer_price.print_only td.outer_table td.price_item{color:#000;}
    .factor_style1 .factor_part2 .table1 .user_info:before,
    .factor_style1 .factor_part2 .table1 .pay_info:before{background-color:rgba(0,0,0,0.8);}
    .factor_style1 .factor_part2 .table1 .user_info,
    .factor_style1 .factor_part2 .table1 .pay_info{border:1px solid #333;}
    .factor_style1 .factor_part2 .table1 .user_info .info_row{border-bottom:1px solid #999;}
    .factor_style1 .factor_part2 .table1 .user_info .info_item{font-size:1.5rem;line-height:30px;color:#333;}
    .factor_style1 .factor_part2 .table1 .user_info .info_item .item_name{color:#111;}
    .factor_style1 .factor_part2 .table1 .vert_label .inner_text{font-size:1.7rem;}
    .factor_style1 .factor_part2 .table1 .pay_info .pay_type{color:#333;font-size:1.5rem;}
    .factor_style1 .factor_part2 .table1 .pay_info .barcode_no{font-size:1.5rem;}
    .factor_style1 .factor_part2 .table1 .pay_info .date{font-size:1.5rem;color:#111;}


}


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

.morecontent span {
    display: none;
}
.morelink {
    display:inline-block;
}


/**
 * Plugin styles
 */

.dynamic-height-wrap {
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 0.25s ease-in-out;
    -moz-transition: max-height 0.25s ease-in-out;
    -o-transition: max-height 0.25s ease-in-out;
    transition: max-height 0.25s ease-in-out;
    width: 100%;
}

/* Bottom gradient (optional, but recommended)*/
.dynamic-height-active .dynamic-height-wrap:before {
    background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(240,249,255, 0.62) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(240,249,255, 0.62) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(240,249,255, 0.62) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(240,249,255, 0.62) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );
    bottom: 0;
    content:'';
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

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

/****************************************************************************/
/*///////////////////////////////  Replacement_part ************************/
/**************************************************************************/
.Replacement_part .left_part .head_part .pic{
   width:120px;
    height: 97px;
    min-width: 120px;
    /*background-color: grey;*/
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.Replacement_part .left_part .head_part .text_part h3{
    font-size:1.3rem;
    font-weight: bold;
}
.Replacement_part .left_part .head_part .text_part p{
    font-size:1.3rem;
    /*max-width: 400px;*/
    overflow: hidden;max-height: 120px;
    text-align: justify;
}

/****  box style 1 */

.box_style6 .box{
    width: 205px;
    height: 148px;
    margin-bottom: 2px;
    border: 4px solid white;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.Replacement_part .category{
    font-size: 2.3rem;
}
.Replacement_part .category.min{
    font-size: 1.5rem;
}
.Replacement_part2 .text_part{
    font-size: 1.3rem;
}

.Replacement_part .right_part .form_style1 input{
font-size: 1.1rem;
    text-align: left;

}

.Replacement_part .right_part .form_style1 button{
    background-color: #29333B;
}

.Replacement_part .right_part .form_style1 button:hover{
    background-color: #000;
}


.Replacement_part .left_part{
    width:100%;
}
.Replacement_part .left_part .label_part{
width: 100%;
height: 30px;
    position: relative;
}

.Replacement_part .left_part .label_part .pic{
    width: 100%;
    background-image: url(../files/product/15-ECOMMA-058-Repair-Parts-Landing-Page-Top-Category-Bar.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.Replacement_part .left_part .label_part h3{
    position: absolute;
    line-height: 30px;
    font-size: 1.5rem;
    color: whitesmoke;
    padding-right: 15px;
}



.Replacement_part .filter_style1 .title .link_style1{
    color:black;
}
.Replacement_part .filter_style1 .title .icon:before{
    content: "\3b"!important;
    font-family: "grainger" !important;
    /*color: black;*/
    color: white;
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

}
.Replacement_part .filter_style1 .title a{
    width: 100%;
    display: block;
}
.Replacement_part .filter_style1 .icon{
    background-color: #0073a8;
    width: 15px;
    height: 15px;
    text-align: center;
    color: white;
}
.Replacement_part .filter_style1 .title.active .icon:before{
    content: "\3f"!important;
    font-family: "grainger" !important;
    transform: translateX(2px);
    /* font-size: 20px; */
    line-height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/**************************************************************************************************/
/*************************************sdsdsds******************************************************/
/**************************************************************************************************/

.bs1 .cart_breadcrumb_style1 .inner{
justify-content: center!important;
}

.Shopping_boxes_style1{
}
.Shopping_boxes_style1 .box{
    padding: 27px;
}

.Shopping_boxes_style1 .box .item{
  padding:10px 0;
 font-size: 1.2rem;
}
.Shopping_boxes_style1 .box .item label{
    font-weight: bold;
    font-size: 1.3rem;
    margin-left: 10px;
    color: #8a8a8a;
}
.Shopping_boxes_style1 .box .item .value{

    font-size: 1.3rem;
}
.Shopping_boxes_style1 .box h3{
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.Shopping_boxes_style1 .box .pic{
    width:70px; height:70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/********success*****/
.Shopping_boxes_style1 .box.success{
    background-color: #0065000f;
}
.Shopping_boxes_style1 .box.success h3{
    color: green;
}
.Shopping_boxes_style1 .box.success .pic{
    background-image: url("../_images/icon/suc.png");
}

/*unsuccess*/
.Shopping_boxes_style1 .box.unsuccess{
    background-color: #f7f7f7;
}
.Shopping_boxes_style1 .box.unsuccess h3{

    color: red;
}
.Shopping_boxes_style1 .box.unsuccess .pic{

    background-image: url("../_images/icon/sucssesbefore.png");
}

/*successpass*/
.Shopping_boxes_style1 .box.successpass{
    background-color: #bdcc3121;
}
.Shopping_boxes_style1 .box.successpass h3{
    color: #fd9627;
}
.Shopping_boxes_style1 .box.successpass .pic{
    background-image: url("../_images/icon/sucssesbefore.png");
    /*background-size: contain;*/
    background-image: url("../_images/icon/unsucsses.png");
    min-width:70px;
}
.product_options li:nth-child(odd) {
    margin-bottom: 10px;
    margin-top: 10px;
}
span.no-search-result {
    display: block;
    text-align: center;
    padding: 10px 0;
}
li.no-item {
    text-align: center;
    background: whitesmoke;
    padding: 5px 0px;
}
.Payments_part ul > li:first-child{
    border-bottom: 1px solid #dee2e6 !important;
}
td.no-item {
    width: 100%;
    font-size: 12px;
    color: #a0a0a0;
    font-weight: normal;
}
.condition_show.color-gray {
    color: white !important;
}


.no_item_style1{
    width:100%;
    text-align: center;
   margin-top: 30px;
}
.no_item_style1 .text{
font-size: 1.3rem;
    padding:18px;
}

/*serach result*/

.max_height_serach{
    max-height: 300px;
    overflow: hidden;
}

.max-white-cart{
    width: 232px;
}


/**********************************************/
.heidari_link{
    padding: 20px;
}
.heidari_link .item{
    border-bottom: solid 1px #f5f5f5;
}
.heidari_link .link{
    color: #888;
    display: block;
    padding: 5px 0 ;
    font-size: 1.1rem;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.heidari_link .link:hover{
    padding-right: 10px;
    color: #429fd4;
}
.heidari_link .log_out .link{
    color: #ff505d;
}
.heidari_link .log_out{
    border: none;
}
.heidari_link .text_alert{
    color: #888;
    line-height: 26px;
    font-size: 1rem;
    padding: 10px 23px;
    border: solid 1px #EEE;
    border-top: solid 3px #29333B;
}

.page404_part .content{
    margin-top: 100px;
}

.page404_part .content .pic{
    width: 300px;
}

h3.title.active + div {
    display: block !important;
}


.page404_part .content .titel{
    font-size: 1.5rem
}
.line-break {
    white-space: pre-line;
}
.swal-icon.swal-icon--warning{
    display: none;
}
.swal-title {
    padding: 13px 16px;
    text-align: right;
    padding-right: 48px;
    font-size: 18px;
}
.swal-text{
    direction: rtl;
}
.swal-button{
    font-size: 12px;
}
.swal-footer{
    text-align: left;
}

.colormaster-blue{
   color:#00739E;
}


.title-style-17{
    display: none;
}

.label.edite124{
    right: -30px;
}

.sale_part.edite-124,
.sale_part.edite-125{
    max-height: unset;
}

.step2.edite546{
    width: 330px!important;
}
.step2.edite546 .item2{
  padding-left: 0!important;
}

a.edite456{
    padding: 8px 24px!important;
}


.btn-edite536{
    position: relative;
    background-color: white;
    box-shadow: 0px 16px 62px 38px white;
}