/*error*/
.error {
    padding: 5px;
    margin: 5px 5px 20px 5px;
    border: solid 1px #FBD3C6;
    background: #FDE4E1;
    color: #CB4721;
    line-height: 25px;
    /*border-radius : 5px !important;*/
    clear: both !important;
}

.success {
    padding: 5px 5px !important;
    border: solid 1px #C0F0B9 !important;
    background: #D5FFC6 !important;
    color: #48A41C !important;
    /*border-radius : 5px !important;*/
    clear: both;
    margin-bottom: 5px !important;
}

.alert {
    border: solid 2px #FBD3C6 !important;
    /*background:#FDE4E1 !important;*/
    color: #CB4721 !important;
    opacity: 1 !important;
    padding: 0 10px 0 0 !important direction: rtl !important;
    text-align: right !important;
    /*border-radius : 5px !important;*/
}

/*error*/

/*modalbox*/
#modalbox-wrap {
    display: none;
    position: fixed;
    z-index: 9999999999999;
    opacity: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}

#modalbox-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1002;
    background: #F1F1F1;
}

/*modalbox*/
/*add_popup*/
.add_popup {
    background: none repeat scroll 0 0 #565656;
    color: #ffffff;
    font-size: 15px;
    height: 100px;
    left: 50%;
    margin-left: -210px;
    margin-top: -90px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 420px;
    z-index: 2147483647;
}

/* add_popup */

/*invoice_info*/
.basket_final_r {
    float: right;
    width: 61%;
    padding: 0 2%;
    border-left: 1px solid #e5e5e5;
}

.basket_final_r div {
    padding: 10px 5px;
}

.basket_final_r hr {
    height: 1px;
    padding: 1px 0;
    margin: 3px 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
}

.basket_final_l {
    float: left;
    width: 33%;
}

.basket_final_l a.add_pro {
    margin-top: -7px;
}

/*invoice_info*/

/*compare*/
#comparetable tr:hover .products2 {
    background: #21B8B8 !important;
    color: #ffffff;
}

#comparetable td {
    vertical-align: middle;
}

.ts-basket-product-arrow {
    background: rgba(0, 0, 0, 0) url("img/comparearrow.gif") no-repeat scroll 0 0;
    bottom: -8px;
    height: 8px;
    padding: 0;
    position: absolute;
    width: 15px;
}

#comparetable tr:hover .products2 {
    background: #91B8F9 !important;
    color: #ffffff;
}

#comparetable td {
    vertical-align: middle;
}

.block2 .blc5 {
    position: relative;
    width: 200px;
}

.blc5 input[type="text"] {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #dbdbdb;
    /*    height: 18px;
        line-height: 18px;*/
    padding: 5px;
    width: 231px;
}

.blc5>ul #ajax_result22 {
    background: none repeat scroll 0 0 #ffffff;
    height: 170px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 33px;
    width: 219px;
    z-index: 99999999;
}

.result_hover a:hover {
    color: #61BAD0;
}

.blccc {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    line-height: 20px;
    padding: 0 12px;
    width: 194px;
}

.ts-basket-product-close {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url("img/remove2.png") no-repeat 0px 0px;
    display: block;
}

/*compare*/
/*======================= modal responsive ============================*/
.modalbox-wrap {
    z-index: 2147483647;
}

.modalbox-wrap .modal-dialog {
    width: 400px;
    max-width: 96%;
    margin: 10% auto;
}

.add_popup_more {
    width: 204px;
    line-height: 28px;
    text-align: center;
    height: 30px;
    color: #ffffff;
    font-size: 16px;
    background: #DE3D04;
    text-align: center;
    cursor: pointer;
    width: 49%;
    float: right;
}

.add_popup_more:hover {
    color: #ffffff;
    background: #C53502;
}

.add_popup_tasviye {
    width: 204px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    width: 49%;
    float: left;
    background: #33dc18;
    margin-right: 10px;
}

.add_popup_tasviye:hover:before {
    color: #ffffff;
    background: #33dc18;
}

.add_popup_content {
    padding-bottom: 20px;
    font-size: 14px;
    color: #222;
}

.modalbox-wrap .close {
    position: absolute;
    top: 14px;
    left: 20px;
    font-size: 0;
    width: 24px;
    height: 24px;
    background: url(img/modalboxClose.png) 0px 0px no-repeat;
    cursor: pointer;
    transition: none;
    opacity: 1;
}

.modalbox-wrap .close:hover {
    background: url(img/modalboxClose.png) -34px -28px no-repeat;
}

.order2-modal .add_popup_more {
    width: 100%;
    /*float: none;*/
}

/*invoice*/
.table11 {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CDCDCD;
    /* border-radius: 3px 3px 3px 3px; */
    box-shadow: 0 2px 2px -2px #CCCCCC;
    position: relative;
    /* margin:10px; */

}

.table11 td,
.table th {
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    width: 9% !important;
}

.table11 td:first-child,
.table th:first-child {
    border-right: none;
}

.table11 td {
    padding: 9px 16px;
    vertical-align: middle;
    color: #000;
    text-align: center;
}

.table11 td a:hover {
    color: #FF7617;
}

.table11 td a {
    color: #2C5CAA;
}

.table11 tr {
    border-top: 1px solid #dadada;
}

.table11 tbody tr.deleted {
    border-top: 1px solid #E5383F !important;
}

.table11 th {
    text-align: center;
    padding: 7px 12px;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
    color: #000000;
    /*font-family: Ham3D,B Yekan,Tahoma;font-weight:normal; font-size: 16px;*/
    border: 1px solid #cecece;
}

/*invoice*/
/*invoice_info*/
.table33 {
    border: 1px solid #CDCDCD;
    /* border-radius: 3px 3px 3px 3px; */
    box-shadow: 0 2px 2px -2px #CCCCCC;
    position: relative;
    width: 100%;

}

.table33 td,
.table3 th {
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    width: auto !important;
}

.table33 td:first-child,
.table3 th:first-child {
    border-right: none;
}

.table33 td {
    padding: 9px 16px;
    vertical-align: middle;
    color: #000;
    text-align: center;
}

.table33 td a:hover {
    color: #FF7617;
}

.table33 tr {
    border-top: 1px solid #dadada;
}

.table33 tbody tr.deleted {
    border-top: 1px solid #E5383F !important;
}

.table33 th {
    text-align: center;
    padding: 7px 12px;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
    color: #000000;
    /*font-family: Ham3D,B Yekan,Tahoma;font-weight:normal; font-size: 13px;*/
    border: 1px solid #cecece;
}


.table22 {
    border: 1px solid #CDCDCD;
    /* border-radius: 3px 3px 3px 3px; */
    box-shadow: 0 2px 2px -2px #CCCCCC;
    position: relative;
    width: 100%;
}

.table22 td,
.table2 th {
    border: 1px solid #dadada;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
}

.table22 td:first-child,
.table2 th:first-child {
    border-right: none;
}

.table22 td {
    padding: 9px 16px;
    vertical-align: middle;
    color: #000;
    text-align: center;
    /*width:10% !important;*/
}

.table22 td a:hover {
    color: #FF7617;
}

.table22 tr {
    border-top: 1px solid #dadada;
}

.table22 th {
    text-align: center;
    padding: 7px 12px;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
    background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
    color: #000000;
    /*font-family: Ham3D,B Yekan,Tahoma;font-weight:normal; font-size: 13px;*/
    border: 1px solid #cecece;
}

.basket_final_r {
    float: right;
    width: 61%;
    padding: 0 2%;
    border-left: 1px solid #e5e5e5;
}

.basket_final_r div {
    padding: 10px 5px;
}

.basket_final_r hr {
    height: 1px;
    padding: 1px 0;
    margin: 3px 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
}

.basket_final_l {
    float: left;
    width: 33%;
}

.basket_final_l a.add_pro {
    margin-top: -7px;
}

/*invoice_info*/

/*new*/

/******************new style*******************/
.product .product_color span {
    background: url("images/pt12.png") 0 0 no-repeat;
    width: 29px;
    height: 25px;
}


.polls #polls div.selector {
    width: 100% !important;
}


.formStyle .form_inp {
    height: 38px;
}

.formStyle .form-group {
    min-height: 38px;
}

.formStyle div.selector {
    width: 100% !important
}


#complaint .uploadAttach {
    display: inline-block;
}



















/* -----------------------------------------7/29---------------------------------------------- */


.header{
    padding: 10px 0;
    background-color: rgb(134,26,34);
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}


.header .mnu ul li a{
    font-size: 12px;
}

.header .head ul li a{
    font-size: 12px;
    padding-left: 0;
}

.headerWrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerWrap__rightCol{
    display: flex;
    flex-direction: row;
    align-items: center;

}

.blogSlider .slick-slide{
    margin: 0 10px;
}
.blogSlider .slick-list{
    margin: 0 -10px;
}
.headerWrap__logo{
    display: block;
    margin-left: 10px;
}

@media screen and (min-width:1200px){
    .container {
        max-width: 1600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
      }
}

.categoriesWrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categoryBoxBack{
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
    z-index: 999;
    position: fixed;
    width: 100%;
    top: 87px;
    width: 100%;
    background-color: rgba(0,0,0,.55);
    padding: 20px;
    min-height: 135px;
    transition: all .3s ease;
}


.categoriesItems{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
 
}

.categoriesItems__image{
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 2.1875vw;
}
.categoriesItems__image img{
    max-width: 2.08333vw;
    max-height: 2.1875vw;
    min-height: 0.9375vw;
  
}

.catImageMob{
    display: none !important;
}
.categoriesItems__title{
    font-size: 20px;
    margin-top: 10px;
}



.categoriesItems:hover .catImageMob{
    display: inline-block !important;
}
.categoriesItems:hover .catImageDesk{
    display: none;
}

.picture-mosk{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}


.sections{
    margin: 20px 0;
}


.sections__title{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
}

.publicRow:nth-child(odd){
    display: flex;
    flex-wrap: wrap;
}
.publicRow:nth-child(even){
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.categoryProRow:nth-child(odd){
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}
.categoryProRow:nth-child(even){
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}
.categoryProRow{
    margin: 40px 0;
}
.sections__desc{
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 30px;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}

.btn{
    display: inline-flex;
    background-color: rgb(134,26,34);
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    min-width: 110px;
    height: 50px;
    margin-top: 20px;
}

.btn:hover{
    color: #000;
    background-color: #fad320;
}



.blogsWrap{
    background:rgb(242, 242, 242);
    padding: 50px 0;
}

.colGrid4{
    flex: 1 0 25%;
    max-width: 25%;
    padding: 10px;
}

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

.blogsItemBoxes__context{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.blogsItemBoxes__context--title{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 10px 0;

}

.blogsItemBoxes__context--desc{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 30px;
}


.blogSlider .slick-dots{
    margin-top: 50px;
}
.header .mnu ul li a:hover{
    color:#fad320;
}

.header .head ul li a:hover{
    color:#fad320;
}


.categoryHead{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
   
}

.categoryHeadWrap{
    display: flex;
    flex-direction: column;

}

.categoryHead__en{
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;

}
.categoryHead__en svg{
    width: 90px;
}

.categoryHead__persian{
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
    margin-right: 20px;
}

.categoryHead__shortDesc{
    margin-bottom: 10px;
    margin-right: 20px;
    font-size: 25px;
    font-weight: 500;
}
.categoryHead__longDesc{
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    font-weight: 400;
    margin-right: 20px;
}



.categoryHead__longDesc--btns:nth-child(odd){
    margin-right: 20px;
}
.categoryHead__longDesc--btns:nth-child(even){
    margin-left: 20px;
}
.categoryHead__longDesc--btns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
   
}

.helpBtn{
    background-color: #fad320;
    color: #000;
    display: inline-flex;
}



.categoryProRow:nth-child(odd) .helpBtn{
    margin-right: 10px;

}
.categoryProRow:nth-child(even) .helpBtn{
    margin-right: 10px;
}

.sections__cols{
    position: relative;
}

.sections__cols img{
    width: 100%;
}
.sections__description{
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255,255,255,.6);
    padding: 20px;
    width: 80%;
  
}


.categorySec{
    display: none;
}

@media screen and (max-width:1199px){
    .categoryBoxBack{
        display: none;
    }

    .categorySec {
        margin: 50px 0;
        display: block;
      }
      .categorySec__title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
      }
      .categorySec__desc {
        text-align: center;
        font-size: 16px;
        color: #000;
        max-width: 768px;
        margin: 0 auto;
          margin-bottom: 0px;
        margin-bottom: 20px;
      }
      .categoryItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        padding: 20px;
      }

      .categoryItem__title {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        min-height: 32px;
        transition: all 0.3s ease;
        margin-top: 20px;
      }


      .mnu ul{
        display: none;
      }
      .toggle_menu {
        display: block;
      }
      .mobile_menu.active {
        right: 0;
      }
      .mobile_menu .mobile_menu_bg.active {
        right: 0;
      }
      .mobile_menu .site_bg.active {
        display: block;
      }
}

@media screen and (max-width:991px){
    .sections__cols{
        margin-bottom: 20px;
    }
    .categorySec{
        margin: 20px 0;
    }
    .sections__description{
        width: 100%;
        height: 100%;
    }

    .sections__title{
        font-size: 16px;
    }
    .sections__desc{
        font-size: 12px;

    }

    .btn{
        width: auto;
        min-width: 40px;
        height: 38px;
        font-size: 12px;
    }
    .generalBtns{
        margin-top: 10px;
    }

    .categoryHead__persian{
        margin-right: 0;
    }
    .categoryHead__shortDesc{
        margin-right: 0;
    }

.categoryHead__longDesc{
    margin-right: 0;
}
.categoryHead__longDesc--btns{
    margin-right: 0;
    margin-top: 0;
}
.header .head ul li:first-child{
    display: none;
}
.header .head ul li:nth-child(2){
    display: none;
}
}

@media only screen and (max-width: 767px) {
    .header {
      display: flex;
    }
    .categoryItem{
        padding: 0;
    }
    .categorySec__title{
        font-size: 16px;
    }
    .categorySec__desc{
        font-size: 12px;
    }

.categoryItem__title{
    font-size: 13px;
}

  }



.categoryTopBox{
    position: relative;
}

.fullArrowBox__next:after{
    content: none !important;
    background-image: unset !important;
    transform: scaleX(-1) !important;
}

.fullArrowBox__prev:after{
    content: none !important;
    background-image: unset !important;
   
}

.fullArrowBox__next svg path{
  
    fill: #fff;
}
.fullArrowBox__next svg{
    width: 30px;
    height: 30px;
    transform: scaleX(-1);
}
.fullArrowBox__prev svg{
    width: 30px;
    height: 30px;
}
.fullArrowBox__prev svg path{
    fill: #fff;
}
.fullArrowBox__next{
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fullArrowBox__prev{
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fullArrowBox__prev:hover{
    background-color: transparent;
}
.fullArrowBox__next:hover{
    background-color: transparent;
}

.toggle_menu i{
    color: #fff;
}

.toggle_menu::after {
    background: #fff;
    -moz-box-shadow: 0 5px 0 #fff,0 10px 0 #fff;
    -webkit-box-shadow: 0 5px 0 #fff,0 10px 0 #fff;
    box-shadow: 0 5px 0 #fff,0 10px 0 #fff;
  
  }

  #footer {
    background-color: #474747;
    position: relative;
    overflow: visible;
  }

  .footer {
    background: #474747;
  }
  .footer h5 {
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }

  .footer .ft ul li a{
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
  }


  #ft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
  }

  #ft .ft {
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .ft ul {
    margin-bottom: 20px;
    line-height: 32px;
    display: flex;
    flex-direction: column;
  }
  footer ul li {
    float: none;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #fff;
  }
  .ft ul li a {
    color: #fff;
    font-size: 14px;
  }
  .newsletterForm .form-groups {
    display: block;
    width: 100%;
  }

  .newsletterForm .form-groups > .form-group {
    margin-bottom: 0;
    position: relative;
    width: 372px;
    margin-bottom: 20px;
  }

  .newsletterForm .form-groups > .form-group .form-control {
    border-radius: 25px;
    width: 100%;
    border: none;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(255,255,255,.1);
  }
  .newsletterForm .form-groups > .form-group .newsletterBtn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
  }
  .newsletterForm .form-groups > .form-group .newsletterBtn .zmdi-long-arrow-right {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 21px;
    color: #fff;
  }
  .newsletterForm .form-groups > .form-group .zmdi-smartphone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    font-size: 21px;
    color: #fff;
  }
  .newsletterForm .form-groups > .form-group .zmdi-smartphone svg {
    fill: #fff;
    vertical-align: middle;
  }
  .newsletterForm .form-groups > .form-group {
    margin-bottom: 0;
    position: relative;
    width: 372px;
    margin-bottom: 20px;
  }

  .newsletterForm .form-groups > .form-group .form-control {
    border-radius: 25px;
    width: 100%;
    border: none;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(255,255,255,.1);
  }
  .newsletterForm .form-groups > .form-group .newsletterBtn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
  }
  .newsletterForm .form-groups > .form-group .newsletterBtn .zmdi-long-arrow-right {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 21px;
    color: #fff;
  }

  .newsletterForm .form-groups > .form-group .newsletterBtn .zmdi-long-arrow-right svg {
    fill: #fff;
    vertical-align: middle;
  }

  .newsletterForm .form-groups > .form-group .zmdi-email {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 21px;
    color: #fff;
  }
  .footerDetail {
    background: #474747;
  }
  .footerDetail__wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255,255,255,.15);
  }
  .footerDetail__wrapper h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
  }
  .footerDetail__wrapper--ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .footerDetail__wrapper--ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footerDetail__wrapper--ul li svg {
    fill: #fff;
    margin-top: 10px;
    margin-left: 10px;
  }
  .footerDetail__wrapper--ul li a {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
  }
  .socialNetworks {
    padding-bottom: 10px;
  }

  .socialNetworks ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .socialNetworks ul li {
    margin-left: 3px;
    margin-right: 3px;
  }
  .socialNetworks ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
  }
  .copyright p{
    direction: unset;
    float: none;
  }

  .socialNetworks ul li a svg{
    fill: #999 !important;
  }
  .socialNetworks ul li a svg path{
    fill: #999;
  }
  .copyright #ham3d:hover p {
    width: 260px;
  }
  .copyright {
    background: #474747;
    padding: 13px 20px;
  }
  .copyright .copyright__inner {
    border-top: 1px solid rgba(255,255,255,.15);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .copyright #copyright {
    float: left;
    font-size: 12px;
    direction: ltr;
    line-height: 30px;
    font-family: Tahoma;
    color: #fff;
  }
  .copyright #copyright a {
    color: #fff;
  }

  .copyright #ham3d {
    border-radius: 4px;
    width: 30px;
    height: 30px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    z-index: 1;
    float: right;
  }
  .copyright #ham3d .ham3d {
    display: inline-block;
    line-height: 30px;
    background-image: none !important;
  }
  .copyright #ham3d p {
    position: absolute;
    right: 2px;
    top: 0;
    padding-right: 28px;
    border-radius: 4px;
    font-size: 12px;
    width: 0;
    line-height: 30px;
    overflow: hidden;
    text-align: right;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    height: 30px;
    color: #fff;
  }
  .copyright #ham3d a {
    position: relative;
    z-index: 1;
    color: #fff;
  }

  .header .head{
    float: none;
  }
 

  .headerhomeHeader {
    min-height: 80px;
    padding: 13px 0;
  }

  .head__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .head__user--search {
    display: block;
    margin-right: 14px;
    margin-left: 14px;
  }

  .head__user--search svg {
    fill: #fff;
  }
  .head__user--account svg {
    fill: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

  .head__user--basket {
    display: block;
    margin-right: 15px;
    position: relative;
    top: unset;
    transform: none;
    border: none;
  }
  .head__user--basket .counterBasket {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    background-color: #fbc324;
    color: #ffff;
    border-radius: 50%;
    position: absolute;
    right: -10px;
  }

.basket_link.basket-img svg path{
    fill: #fff;
}
.footer .ft ul li a:hover{
    color: #fad320;
}

.socialNetworks ul li a:hover svg{
    fill: #fff;
}
.socialNetworks ul li a:hover svg path{
    fill: #fff;
}

.closeSearchModal {
    position: absolute;
    left: 30px;
    top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    z-index: 5;
  }
  .closeSearchModal svg {
    margin-right: 12px;
  }
  .modal#searchModal .modal-content .searchModal_content .searchInModal {
    width: 100%;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .modal#searchModal .modal-content .searchModal_content .searchInModal .search_inp {
    height: 65px;
    padding-right: 0;
    padding-left: 40px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    display: block;
    border: none;
      border-bottom-width: medium;
      border-bottom-style: none;
      border-bottom-color: currentcolor;
    outline: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    background-color: transparent;
  }
  .modal#searchModal .modal-content .searchModal_content .searchInModal .search_btn {
    text-align: center;
    border: none;
    height: 65px;
    width: 35px;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
  .modal#searchModal .modal-content .searchModal_content .searchInModal .search_btn {
    text-align: center;
  }

.searchModalContent{
    background-color: transparent;
    padding-top: 40%;
}


.headerBox__menu{
    display: flex;
    align-items: center;
}

.headerBox{
    background-color: rgb(134,26,34);
    padding: 13px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.headerBoxWrap{
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.headerBox__rightCol{
    display: flex;
    align-items: center;
}

    .headerBox__menu{
        margin-right: 20px;
    }

    .headerBox__menu li a{
        color: #fff;
        display: block;
        position: relative;
        margin-left: 20px;
        padding-right: 16px;
        transition: all 0.3s ease;
    }
    .headerBox__menu li a:hover{
        color: #fbc324;
    }
    .headerBox__leftCol li a:hover{
        color: #fbc324;
    }

    .copyright #ham3d a:hover{
        color: #fbc324;
    }
    .copyright #copyright a:hover{
        color: #fbc324;
    }

    .headerBox__menu li a::after{
        content: "";
        position: absolute;
        display: inline-block;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #fff;

    }

.headerBox__leftCol{
    display: flex;
    align-items: center;

}

.headerBox__leftCol li a{
    color: #fff;
    margin-right:0;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
}
.headerBox__leftCol li a::after{
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
}

.headerBox__leftCol li:last-of-type a:after{
    content: none;
}

@media screen and (max-width:1199px){
    .headerBox__menu{
        display: none;
    }

.headerBox__leftCol li:nth-child(1){
    display: none;
}
.headerBox__leftCol li:nth-child(2){
    display: none;
}
}

@media screen and (max-width:567px){
    .toggle_menu i{
        display: none;
    }
.logoFooter{
    margin-bottom: 20px;
    text-align: center;
}
.footerDetail__wrapper h5{
    text-align: center;
}
.socialNetworks ul{
    justify-content: center;
}
}
#breadcrumb{
    background: #fad320;
    margin-top: 223px;
}

.whyusRow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }



  .whyusSec {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .whyusSec__title--part1 {
    font-size: 30px;
    color: #575756;
    display: inline-block;
    margin-left: 8px;
  }
  .whyusSec__title--part2 {
    font-size: 30px;
    color: #fbc324;
    display: inline-block;
  }
  .whyusSec__desc {
    text-align: justify;
    color: #505050;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }
  .whyusSec__services {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .whyusSec__services--title {
    font-size: 16px;
    color: #000;
    margin: 15px 0;
  }


  .brandsWrap {
    background-color: #f2f2f2;
    margin-top: 50px;
    min-height: 200px;
    width: 100%;
    line-height: 180px;
    text-align: center;
  }
  .rowGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
  }
  .colGrid3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.33%;
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 10px;
  }



/* -----------------------------------------7/29---------------------------------------------- */