body{
    color: #000;
    font-family: "Iran-Yekan";
    direction: rtl;
    text-align: right;
    font-size: 14px;
}
.container-vijelly{
max-width: 1600px;
}
ul{
    margin: 0;
    padding: 0;
}
a{
    color: #000;
}
a:hover{
    color: #000;
    text-decoration: none;
}
:root {
    --primary: #212121;
    --secondary: #515151;
    --white: #ffffff;
}
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-track {
    border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}
body::-webkit-scrollbar-thumb:hover {
    background: var(--secondary);
}
/***********************************************************************Menu-Web**********************************************************************/
header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    transition: all 0.5s ease-in-out;
}
#header.scroll-fix{
    background-color: #fff;
}
#header.scroll-fix .menu-web{
    max-height: 70px;
    min-height: unset;
}
.bd-header{
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    top: -90px;
}
header:hover{
    background-color: #fff;  
}
.list-right-menu ul li{
display: inline-block;
margin: 10px 10px;
}
.list-right-menu ul li img{
padding: 5px;
cursor: pointer;
}
.list-right-menu img{
    width: 35px;
}
.logo-web img{
    max-width: 200px;
    padding: 10px;
}
#header.scroll-fix .logo-web img{
    max-width: 135px; 
}
.icon-basket-web, .icon-basket-mob {
    position: relative;
}
.icon-basket-web .count-basket{
    background-color: #000;
    color: #fff;
    padding: 0px 7px;
    border-radius: 30px;
    position: absolute;
    top: -15px;
    right: -5px;
}
.icon-basket-mob .count-basket{
    position: absolute;
    background-color: #000;
    color: #fff;
    padding: 0 5px;
    border-radius: 10px;
    top: -10px;
}
.layer-menu-web {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
    width: 100%;
    height: 100vh;
    background-color: #d5c5c500;
    display: none;
}
.menu-web{
    min-height: 100px;
    align-items: center;
    background: linear-gradient(#ffffffdb 0, rgba(0, 0, 0, 0) 100%);
}
.product-type-menu > li{
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}
.product-type-menu li i{
    font-size: 11px;
    padding-left: 5px;
}
.partial-menu-web{
    position: fixed;
    right:-350px;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    background-color: #fff;
    min-width: 350px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: 0.4s;
    z-index: 0;
}
.partial-menu-web.show-up{
    right: 0;
    z-index: 99;
}
.partial-menu-web img{
    width: 25px;
    padding-left: 10px;
}
.partial-menu-web li{
    margin: 20px 0;
}
.partial-menu-web > li:first-child{
    margin-bottom: 40px;
}
.partial-menu-web li a{
    padding: 10px 20px;
}
.partial-menu-web li:first-child img{
    width: 32px;
}
.partial-menu-mob .close-menu-mob img{
width: 40px!important;
height: unset;
}
.partial-menu-mob .close-menu-mob{
    width: 100%;
    margin: 10px 0;
}
.partial-menu-mob .close-menu-mob span{
    text-align: right;
}
.partial-menu-mob {
  background-color: #fff;
  position: fixed; 
  left: 0;
  top: 0; 
  right: -100%;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  min-height:100vh;
  transition: 0.5s;
  overflow-y: scroll;
}
.partial-menu-mob.show-up{
    right: 0;  
}
.partial-menu-mob li span{
    display: block;
    text-align: center;
    margin: 10px 0;
}
.partial-menu-mob ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: scroll;
}
.partial-menu-mob ul li{
    width: 33%;
    text-align: center;
    margin-bottom: 10px;
}
.partial-menu-mob img{
    width: 75px;
    height:75px;
    border-radius: 50%;
}
.main-menu-mob li{
display: inline-block;
}
.logo-menu-mob {
    width: 100% !important;
    border-top: 1px solid #ddd;
    background-color: #efefef;
}
.logo-menu-mob img{
    width:55%!important;
    height:100%!important
}
.box-search {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    z-index: -9;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}
.box-search.show-up{
    visibility: visible;
    opacity: 1;
top: 0;
z-index: 99;
}
.box-search img{
    width: 40px;
    cursor: pointer;
}
.box-search .inpt-search {
  position: absolute;
  top: 35%;
 }
.box-search .inpt-search button{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 20px;
}
.inpt-search{
    width: 50%;
}
.box-search .inpt-search input{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}
.close-box-search{
    position: absolute;
    right: 10px;
    top: 20px;
}
.box-search .list-category-search{
    position: absolute;
    top: 45%;
}
.box-search .list-category-search ul{
    list-style:none;
}
.box-search .list-category-search ul li{
    display:inline-block;
       display: inline-block;
    margin: 0 5px;
}
.box-search .list-category-search ul li a {
background-color: #f7f7f7;
border:1px solid #ddd;
border-radius:5px;
padding: 5px;
}
/* .item-product-type-web:hover .list-productsub-category-web:first-child{
    display: flex;
} */
.category-box-menu.show-up  .list-product-category-web .item-product-category-web:first-child .list-productsub-category-web{
    display: flex;
}
.list-icon-box{
    list-style: none;
    position: absolute;
    left: 10px;
    top: 10px;
}
.list-icon-box  li {
    margin-bottom: 10px;
}
.list-icon-box  li img{
width: 25px;    
}
.item-product-type-web{
    position: relative;
}
.list-product-category-web{
    list-style: none;
    width: 100%;
}
.list-productsub-category-web{
    list-style: none;
    display: none;
    width: 75%;
    flex-wrap: wrap;
    align-content: baseline;
    position: absolute;
    right: 0;
    top: 0;
    justify-content: space-between;
    padding: 10px;
    overflow-y: scroll;
    height: 100%;
    scrollbar-color: #000 #f5f5f5;
    scrollbar-width: thin;
}
.category-box-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: -15px;
    right: 50%;
}
.category-box-menu::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    top: -15px;
    right: 50%;
}
.list-product-category-web.show-up{
display: block;
}
.item-product-category-web > a{
    font-weight: 900;
    display: inline-block;
    width: 185px;
    text-align: left;
    padding: 10px 0 10px 25px;
}
.item-product-category-web{
    text-align: right;
    display: flex;
    justify-content:left;
}
.item-product-category-web > a > i{
    float: right;
    color: #c5c2c2;
}
.item-product-subcategory-web {
    text-align: center;
    width: 20%;
}
.item-product-category-web:hover .list-productsub-category-web{
    display: flex;
}
.item-product-subcategory-web img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.item-product-category-web .list-productsub-category-web li:first-child{
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}
.item-product-category-web > a:hover{
    background-color: #f5f5f5;
}
.category-box-menu.show-up{
    display: flex;
}
.list-productsub-category-web li a{
    font-size: 13px;
    padding: 5px 0;
    display: inline-block;
}
.item-product:hover .show-quickview-modal{
    opacity: 1;
}
.list-productsub-category-web.show-up{
    display: block;
}
.category-box-menu{
    background-color: #fff;
    position: absolute;
    min-width: 750px;
    top: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    display: none;
    z-index: 99;
    transform: translateX(50%);
    justify-content: start;
    min-height: 500px;
}
.partial-category-menu-mob{
    position: fixed;
    width: 100%;
    top: 0;
    height: 100vh;
    overflow-y: scroll;
    z-index: 9999;
    background-color: #fff;
    flex-wrap: wrap;
    display: none;
}
.partial-category-menu-mob img{
    width: 75px;
    border-radius: 50%;
}
.main-slider img{
    width: 100%;
}
.main-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}
.title-slider{
    position: absolute;
}
.main-slider .swiper-slide.swiper-slide-active .title-slider {
    animation: myfirst 10s 2;
    animation-direction: alternate;
    top: 40%;
}
@keyframes myfirst {
    0%   { right: 1%; top:40%;}
    25%  { right: 20%; top: 40%;}
}
.swiper-slide .title-slider img {
    width: 300px
}
.main-slider .swiper-slide .title-slider .title-slider-part-1 {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    line-height: 48px;
}
/*.title-slider .title-slider-part-2 {
    color: #fff;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 10px;
    font-size: 19px;
    text-align: center;
    margin-top: 40px;
    color: #FFFFFF;
    text-shadow: 3px 3px 0 #000000;
    font-weight: 900;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}*/
.title-slider .title-slider-part-2 span {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    -webkit-text-stroke: 1px black;
    text-stroke: 33px black;
    padding: 15px;
    border: 2px solid #101010;
    border-radius: 10px;
    text-align: center;
    margin: 0px 3px;
    background-color: #fff;
}
.title-slider .title-slider-part-2 {
    margin-top: 20px;
}

.title-slider .title-slider-part-2 span {
    font-size: 25px;
}

.close-banner-instagram {
    position: absolute;
    top: 25%;
    right: 40%;
    background-color: #fff;
    padding: 5px 12px;
    cursor: pointer
}
    .close-banner-instagram i {
        font-size: 25px;
    }
/**************************************************************************Login-Register*********************************************************************/
.img-big-login {
    width: 100%;
}
.login-register-page{
    padding-top: 100px;
}
.login-register-page .container{
    padding: 50px 0;
}
.login-register-page .col-lg-6{
    background-color: #fff;
}
.box-login-register{
    padding: 10px 30px;
}
.login-register-page .container-fluid {
    background-color: #F6F5F3;
}
.img-login-page{
    max-width: 150px;
    display: block;
    margin: 10px auto;
}
.list-login-register{
    background-color: #000;
    width: 95%;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
}
.list-login-register li{
    display: inline-block;
    width:45%;
    transition: .5s;
    margin: 5px;
}
.list-login-register li span{
    padding: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}
.list-login-register li.active{
background-color: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 2px;
}
.list-login-register li.active span{
    color: #000;
}
.box-login-register .box-login{
    padding: 20px;
    margin-top: 15px;
}
.box-login-register .row-login input[type="text"] , .box-login-register .row-login input[type="password"]{
    width: 100%;
    border: 1px solid #cdcdcd;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 3px;
}
.row-login label{
margin-bottom: 15px;
padding-right: 5px;
font-size: 15px;
}
.login-btn {
    background-color: #b99d6b;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 60%;
    padding: 15px;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 3px;
    font-size: 15px;
    cursor: pointer;
}
.btn-go-forgetpass{
    text-align: center;
    width: 38%;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    cursor: pointer;
}
.remmeber-login{
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 30px;
    padding-right: 12px;
}
.remeber-login input{
    position: relative;
}
.remeber-login input::before{
    position: absolute;
    top:0;
    right: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
    border-radius: 3px;
    cursor: pointer;
}
.remeber-login input::after{
    background-color:#b99d6b;
}
.box-login-register .box-register{
    padding: 20px;
    margin-top: 15px;
}
.register-btn{
    background-color: #b99d6b;
    width: 100%;
    padding: 12px;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.set-pass-login .row-login label{
display: block;
}
.set-pass-login .row-login{
width: 50%;
}
.set-pass-login .row-login input{
   margin: 5px 0;
   width: 95%!important;
}
.box-login-register-small{
    display: none;
}
.box-login-register-small.show{
    display: block;
}
    .box-login-register-small.box-forget-pass .part-two{
        display:none
    }
    .box-forget-pass {
        padding: 20px;
    }
.send-sms-forget span{
    width: 100%;
    padding:10px 20px;
    background-color: #b99d6b;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 10px auto;
    cursor: pointer;
}
.breadcrumb-login-page{
    padding:10px 20px;
    margin: 10px 0;
}
.breadcrumb-login-page li{
    display: inline-block;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color:#b99d6b;
    border-color:#b99d6b;
}
.remmeber-login .custom-control-label::before , .remmeber-login .custom-control-label::after{
    top: 0;
    left: 0;

}
/*menu-mob*/
.main-menu-mob{
    border-bottom: 1px solid #dee2e6;
    margin: 0 10px;
}
.main-menu-mob li{
    margin: 0;
    padding: 10px;
}
.main-menu-mob li span{
    padding: 10px 20px;
    cursor: pointer;
}
.main-menu-mob li.active{
    border:1px solid transparent;
    border-color: #dee2e6 #dee2e6 #fff;
    margin-bottom: -1px;
    border-radius: 3px;
}
.list-product-category-mob > li{
    display: block;
    text-align: center;
}
.list-product-category-mob li span{
    padding: 15px 3px;
    display: inline-block;
}
.list-productsub-category-mob > li{
width: 30%;
text-align: center;
margin-bottom: 15px;
}
.list-productsub-category-mob > li:first-child{
    width: 100%;
    padding: 10px;
    text-align: left;
}
.list-product-category-mob{
    background-color: #f5f5f5;
    height: 100%;
}
    .list-product-category-mob.show-up {
        display: block
    }
.tab-sub-menu-mob ul li span , .tab-sub-menu-mob ul li a{
padding: 10px  30px;
}
.list-product-category-mob {
    list-style-type: none;
    width: 32%;
    text-align: left;
    display:none
}
.list-productsub-category-mob{
width: 68%;
text-align: left;
list-style: none;
display: none;
align-content: start;
}
.partial-category-menu-mob.show-up{
    display: flex;
}
.list-productsub-category-mob.show-up {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.item-product-category-mob.active{
    background-color: #fff;
}
.banner-home-part2 img, .banner-home-part3 img {
    width: 100%;
}
.banner-home-part2, .banner-home-part3{
    border-top:5px solid #fff;
}
.title-banner-home {
    display: flex;
    position: absolute;
    z-index: 9;
    bottom: 10%;
    justify-content: center;
    width: 100%;
}
.title-banner-home a{
    border: 2px solid #000;
    padding: 5px 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 900;
    border-radius: 20px;
    margin-right: 10px;
}
.title-banner-home a:hover{
    padding: 5px 30px;
    border-radius: 15px;
}
.item-product img{
    width: 100%;
    transition-duration: 0.5s;
}
.item-product .img-front, .item-product .img-back {
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
}
.item-product .img-product-one:hover .img-front {
    opacity: 0;
}
.item-product .img-front {
    z-index: 2;
}
.item-product .img-back {
    z-index: 1;
}
.item-product > a {
    display: block;
}
.item-product:hover .img-front {
    opacity: 0;
}
.item-product .name-product{
text-align: right;
margin: 10px 0;
font-size: 13px;
}
.title-group-discount{
    margin: 10px 0;
    color: #fff;
    font-weight: 900;
    background-color: #f00;
    padding: 5px;
    font-size: 13px;
}
.text-toend-discount{
    color: #fff;
    font-weight: 900;
    text-align: right;
    background-color: #02972e;
    display: inline-block;
    padding: 5px;
    float: right;
    max-height: 32px;
}
.title-product-new{
    font-size: 26px;
    font-weight: 900;
    margin: 30px auto;
    text-align: center;
}
.list-img-color li {
    display: inline-block;
    width: 50px;
    border-radius: 50%;
}
.list-img-color img{
    width: 100%;
    padding: 5px;
}
.list-img-color{
    display: flex;
    list-style: none;
    justify-content: start;
    flex-wrap: wrap;
}
.list-item-color li {
    margin-left: 5px;
}
.item-product{
    text-align: left;
    position: relative;
}
.item-product .img-product-one{
position: relative;
}
.detail-item-product{
    display: flex;
    justify-content: space-between;
}
.item-product .main-price{
    display: inline-block;
    font-weight: 600;
}
.item-product .old-price{
    color: #515151;
}
.item-product  .item-add-basket{
    width: 50px;
    cursor: pointer;
}
.item-product .add-to-favorite {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    opacity: 0;
}
.item-product:hover .add-to-favorite {
    opacity: 1;
}
.detail-item-product{
    font-size: 14px;
}
.add-to-favorite i{
cursor: pointer;
font-size: 19px;
}
.offer-percent{
    background-color: #f00;
    color: #fff;
    font-weight: 900;
    width: 50px;
    height: 40px;
    font-size: 16px;
    border-radius: 10px;
    margin-right: 10px;

}
.add-to-favorite[codeprocess-action=productlike-remove] .like {
    display: none;
}
.add-to-favorite[codeprocess-action=productlike-remove] .not-like {
    display: inline-block;
}
.add-to-favorite[codeprocess-action=productlike-add] .like {
    display: inline-block;
}
.add-to-favorite[codeprocess-action=productlike-add] .not-like {
    display: none;
}
.show-quickview-modal{
    background-color: #000;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px;
    opacity: 0;
    position: absolute;
    bottom: 145px;
    z-index: 9;
}
.img-product-one:hover ~ .d-flex .show-quickview-modal{
opacity: 1;
}
.pagination-category{
    list-style: none;
    margin: 15px auto;
}
.pagination-category li{
display: inline-block;
}
.pagination-category li a{
    padding: 5px 10px;
    min-width: 25px;
    min-height: 25px;
    border: 1px solid #dee2e6;
    margin: 5px;
    display: inline-block;
}
.pagination-category li.active a{
background-color: #b99d6b;
color: #fff;
border-radius: 5px;
}
.slider-product-new{
    margin-bottom: 90px;
}
.slider-product-new .swiper-pagination{
    bottom: -5px;
}
.home-page .slider-product-new .swiper-slide.swiper-slide-active {
    transform: scale(1);
    margin:10px 0;
}
    .home-page .slider-product-new .swiper-slide.swiper-slide-active .item-product {
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    }
.home-page .slider-product-new .swiper-slide .item-product .detail-item-product, .item-product .name-product {
    padding: 0 5px;
}
.home-page .slider-product-new .swiper-slide .item-product.swiper-slide-active {
    padding: 0;
}
.home-page .slider-product-new .swiper-slide {
    transform: scale(0.9)
}
.home-page .slider-product-new .swiper-slide .item-product{
  border-radius: 15px 15px 0 0
}
.item-product .img-product-one img {
    border-radius: 15px 15px 0 0
}
.box-instagram {
    position: fixed;
    width: 100%;
    top: unset;
    z-index: 9999;
    left: unset;
    right: unset;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transition-duration: .5s;
    visibility: hidden;
    opacity: 0;
    bottom: -100%;
}
.box-instagram img{
    width: 400px;
    max-width: 90%;
}
.box-instagram.show , .box-instagram.show img{
    display: flex;
    visibility: visible;
    opacity: 1;
    top: 0;
} 
.layer-instagram{
    position: fixed;
    background-color: #0000008a;
    width: 100%;
    top:0;
    z-index: 9998;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transition-duration: .5s;
}
.layer-instagram.show{
  display: flex;
}
.title-blog-home{
    font-size: 18px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 15px;
}
.item-blog-home img{
    width: 100%;
}
.item-blog-home p{
    font-weight: 900;
    margin: 10px 0;
    font-size: 15px;
}
.index-blog-page{
    padding-top:120px
}
.index-blog-page h1{
    font-size:24px
}
.givsoft img {
    width: 50px;
    height: 25px;
}
.givsoft a{
    display: flex;
    justify-content: end;
    font-size: 11px;
}
.product-page{
    padding-top: 140px;
}
.silder-big img{
    max-width: 100%;
    cursor: pointer;
}
.item-vertical img{
    max-width: 120px;
    padding: 5px;
    cursor: pointer;
}
.slider-vertical .slick-arrow{
    cursor: pointer;
}
.silder-big , .slider-vertical{
    direction: ltr;
}
.detail-product-index{
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: relative;
    /* border-radius: 5px; */
}
.detail-product-index .add-to-favorite{
    position: absolute;
    top: 15px;
    left: 15px;
    border: 1px solid #cdcdcd;
    padding: 10px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px
        
}
.detail-product-index .add-to-favorite i{
    font-size: 25px;
    color: #8d8d8d;
}
.product-page h1{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-product-index .product-price-index .old-price{
    font-size: 17px;
    color: #8d8d8d;
    padding-left: 25px;
}
.detail-product-index .product-price-index .main-price{
    color: #000;
    font-size: 18px;
    font-weight: 900;
}
.summery-product-index{
    max-width: 95%;
}
.detail-product-index .product-price-index {
    margin-bottom: 20px;
    text-align: left;
}
.product-price-index .percent-product-index{
    border: 1px solid #f00;
    color: #f00;
    padding:1px 5px;
    border-radius: 3px;
}
.product-price-index .day-to-discount{
    background-color: #02972e;
    color:#fff;
    text-align: center;
    padding: 5px;
    font-weight: 900;
}
.detail-product-index .box-bakground-product{
    background-color: #f00;
    border-radius: 5px;
}
.list-size-index p{
    padding: 5px 10px;
}
.detail-product-index > .box-bakground-product > div{
    background-color: #fff;
    margin: 0 5px -5px 5px;
    border-radius: 5px;
}
.detail-product-index .box-bakground-product > p{
    text-align: left;
    color: #fff;
    padding:5px 10px;
    font-weight: 900;
    margin: 0;
}
.list-color-index p{
    padding: 5px 10px;
}
.list-color-index ul li{
    display: inline-block;
    width: 70px;
    height: 110px;
    cursor: pointer;
    margin: 0 0 15px 10px;
    border: 1px solid #dee2e6;
    text-align: center;
    float:left
}
.list-color-index ul li span{
    display: block;
    width: 68px;
    height: 60px;
}
.list-color-index img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}
.item-color-index.active{
    border: 2px solid #000;
}
.list-color-index , .list-size-index {
    margin-bottom: 20px;
    text-align: left;
    clear:both
}
.list-size-index ul{
list-style: none;
}
.show-guid-size{
    background-color: #efefef;
    /* color: #fff; */
    padding: 10px;
    min-width: 130px;
    text-align: center;
    cursor: pointer;
    border-radius: 35px;
    margin-right: 10px;
}
.item-service-home img{
    width: 100%;
}
.item-service-home{
    text-align: center;
}
.item-service-home p{
    margin: 15px 0;
}
.list-size-index ul li{
    min-width: 35px;
    min-height: 35px;
    display: inline-block;
    text-align: center;
    margin: 0 0 15px 10px;
    border: 1px solid #dee2e6;
    cursor: pointer;
    border-radius: 15px;
}
.list-size-index ul li.active{
    border: 2px solid #000;
    font-weight: 900; 
}
.list-size-index ul li span{
    min-width: 35px;
    min-height: 30px;
    display: inline-block;
    padding: 5px;
}
.item-size-index.unavailable-size {
    background-color: #dee2e6;
    color: #767676;
}
.quantity-product-add {
    text-align: left;
}
.quantity-product-add p{
    display: inline-block;
    padding-left: 5px;
}
.quantity-product-add select{
    width: 55px;
    text-align: center;
}
.quantity-product-add input{
    width: 30px;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    border: 0;
}
.quantity-product-add button{
background-color: #fff;
border: 0;
font-size: 18px;
font-weight: 900;
}
.quantity-product-add div{
    display: inline-block;
    border: 1px solid #aaa;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 15px;
}
.box-quantity-product{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box-quantity-product .order-to-whatsapp{
    margin-top: 30px;
    width: 48%;
}
.box-quantity-product .order-to-whatsapp a{
    border: 1px solid;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    background-color: #02972e;
    font-weight: 900;
}
.box-quantity-product .add-to-basket , .box-quantity-product .add-report-product{
    width: 48%;
    display: block;
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
}
.box-quantity-product .add-to-basket{
    background-color: #f00;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    font-weight: 900;
    border-radius: 20px
}
.add-to-basket span{
    width: 100%;
    display: inline-block;
}
.box-quantity-product .add-report-product{
    background-color: #cdcdcd;
    padding: 10px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 900;
    display: none;
}
.product-list-star ul{
    list-style: none;
}
.product-list-star ul li {
    font-size: 20px;
    color: #fee500;
    text-shadow: 0 0 2px black;
    width: 20px;
    display: inline-block;
    margin: 0 0 10px 10px;
    cursor: pointer;
}
.list-detail-product{
    margin: 30px 30px 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 0;
}
.list-detail-product li{
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    padding: 10px 0;
}
.list-feild-product li span{
    padding-right: 10px;
}
.box-detail-product{
    display: none;
}
.box-detail-product.show-up{
    display: block;
}
.box-detail-product ul , .box-detail-product div{
    margin: 30px 0;
}
.box-detail-product ul {
    list-style: none;
}
.box-detail-product  .list-feild-product{
background-color: #f5f5f5;
padding:30px;
}
.box-detail-product  .list-feild-product li{
    margin: 5px 0;
    padding: 10px;
}
.box-detail-product  .list-feild-product li:nth-child(even){
    background-color: #fff;
}
.box-detail-product .box-enter-comment{
    background-color:#f5f5f5 ;
    padding:15px 30px;
}
.box-enter-comment .enter-name input , .box-enter-comment .enter-comment textarea{
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 0;
    width: 100%;
}
.list-comment-product li {
    background-color: #fff;
    margin-bottom: 15px;
    padding:5px 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.list-comment-product p:first-child{
    font-size: 20px;
    font-weight: 900;
    margin: 10px 0;
}
.btn-enter-comment button{
    width: 200px;
    margin: 10px 0;
    display: block;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 0;
    font-weight: 900;
    padding: 10px;
}
.item-detail-product.active{
border-bottom:2px solid #8d8d8d ;
}
.title-similar-product{
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    margin-bottom:30px;
}
.show-all{
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    margin: 30px auto;
    display: block;
}
.show-all i{
    padding-right: 5px;
}
.show-quantity-branches{
    color: #515151;
    font-weight: bold;
    cursor: pointer;
}
 .guid-size-table {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 90%;
    max-width: 90%;
    background-color: #fff;
    position: absolute;
    top: 30%;
    transform: translateX(50%);
    right: 50%;
    z-index: 99999;
    text-align: center;
    display: none;
  }
  .guid-size-table.show-up{
    display: block;
  }
  .layer-guid-size{
    position: fixed;
    background-color: #00000054;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99998;
    width: 100%;
    height: 100vh;
    display: none;
  }
  .layer-guid-size.show-up{
    display: block;
  }
  .close-table-size  {
    position: absolute;
    top: -60px;
    background: #000;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
  }
.guid-size-table table thead tr{
    background-color: #cdcdcd;
    height: 75px;
}
.guid-size-table table tbody tr:nth-child(odd){
    background-color: #f5f5f5;
}
.guid-size-table table {
    width: 98%;
    margin: 10px auto;
    border-radius: 10px;
}
.box-quick-view.show-up {
    top: 0;
    opacity: 1;
    z-index: 9999;
    visibility: visible;
}
.box-quick-view {
    width: auto;
    position: fixed;
    right: 0;
    margin: 0 auto;
    border-radius: 20px;
    padding: 20px 15px;
    height: 100%;
    max-height: 600px!important;
    overflow: hidden;
    left: 0;
    opacity: 0;
    z-index: -1;
    bottom: 0;
    visibility: hidden;
}
.box-quick-view .slick-arrow i{
    position: absolute;
    z-index: 999;
    top: 45%;
}
.box-quick-view .slick-arrow .fa-angle-down {
    left: 0;
}
.box-quick-view .slick-next {
    right: 0;
}
.box-quick-view  .slick-arrow .fa-angle-down{
    transform: rotate(90deg);
}
.box-quick-view  .slick-arrow .fa-angle-up{
    transform: rotate(90deg);
    right: 0;
}
    .box-quick-view img{
        width:100%
    }
    .slider-vertical .slick-arrow .fa-angle-down {
        cursor: pointer;
    }
.overLay-view-card.show-up {
    opacity: 1;
    visibility: visible;
}
.overLay-view-card {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: 111;
}
.card-view {
    position: absolute;
    right: 120px;
    left: 120px;
    top: 30px;
    z-index: 111;
    background-color: #fff;
    width: 55%;
    height: auto;
    margin: 0 auto;
    padding: 30px;
}
.card-view .item-vertical-gallery {
    margin: 15px 0 0;
    display: block;
    border: 0;
    background-color: unset;
}
.card-view .vertical-gallery img {
    max-width: 95px;
    max-height: 110px;
    border-radius: 15px;
}
.default-btn[type = button] {
    border: 0;
    background-color: unset;
    padding: 0;
}
.owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.owl-nav .up-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
}
.owl-nav i {
    font-size: 30px;
    color: #aaa;
}
.owl-nav .down-scroll {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
}
.card-view .large-item img {
    width: 100%;
}
.over-lay-size {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
}
.close-size {
    position: absolute;
    color: #fff;
    font-size: 25px;
    right: 10px;
    z-index: 11;
}
.image-size {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    left: 0;
    padding: 40px;
    margin: 0 auto;
    bottom: 0;
}
.image-size img {
    width: 100%;
    height: 100%;
}
.product-summary-section p:first-child{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.product-summary-section .colorCustom .checkColor span {
    background-color: #030099;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.price-summary .discount .old-price {
    font-size: 20px;
    color: #8d8d8d;
}
.discount-value {
    color: #cc0066;
    font-weight: 900;
}
.discount-value span , .discount-value small{
   color: #212121;
   font-size: 17px; 
}
.card-color-summary .title-color{
    font-size: 17px;
    display: inline-block;
    margin: 15px 0;
    font-weight: bold;
}
.colorCustom {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 35px;
}
.InputColor {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.colorCustom input:checked ~ .checkColor {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.checkColor:hover {
    border: 1px solid #d00;
}
.checkColor {
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
}
.colorCustom img{
    width:100% ;
    height: 100%;
}
.colorCustom input:checked ~ .checkColor::after {
    display: block;
}
.colorCustom .checkColor::after {
    left: 11px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkColor::after {
    content: "";
    position: absolute;
    display: none;
}
.list-size span {
    font-weight: 700;
    font-size: 16px;
}
.list-size .card-size-filter {
    margin: 10px 0;
}
.list-size{
    margin-top: 30px;
}
.card-size-filter {
    text-align: right;
}
.list-size .custome-size {
    border: 0;
    display: inline-block;
    float: unset;
}
.custome-size {
    padding: 0;
    min-width: 40px;
    margin: 0 4px 8px;
    border: 1px solid #d5d5d5;
    text-align: center;
    border-radius: 4px;
    color: #4e4e4e;
    font-weight: 500;
    display: inline-block;
}
.list-size .custome-size .name-size {
    border: 1px solid #d5d5d5;
    display: block;
}
.custome-size .name-size {
    margin: 0;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    height: 40px;
    width: 100%;
    border-radius: 6px;
    text-align: center;
    padding: 0 3px;
    display: block;
}
.custome-size.unavailable-size {
    color: #d5d5d5
}
.card-size-filter .custome-size .name-size.active {
    border: 1px solid #290000;
    color: #290000;
}
.card-bottom .show-details-product {
    padding: 10px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    margin: 10px 0;
    display: inline-block;
}
.how-size {
    padding: 3px 10px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    font-size: 13px;
    float: left;
    background-color: unset;
}
.card-view .how-size {
    float: unset;
    padding: 10px;
}
.product-add:hover {
    background-color: #fff;
    color: #000;
    font-weight: 600;
}
.product-add {
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    margin-top: 25px;
    border: 1px solid #000;
    border-radius: 5px;
    outline: none;
    box-shadow: 0 0 10px #aaa;
}
.close-partial-product img{
    width: 30px;
}
.close-partial-product{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.product-summary-section .price-summary{
    margin-bottom: 15px;
}
.modeling-page , .employment-page{
    padding-top: 110px;
}
.modeling-page h1 , .employment-page h1{
    font-size: 23px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 35px;
}
.modeling-page label , .employment-page label{
    width: 100%;
    font-size: 14px;
    display: block;
    margin: 15px 0;
    font-weight: 900;
}
.modeling-page .row-form-feild input ,  .modeling-page .row-form-feild select , .employment-page input , .employment-page select{
width:100%;
padding: 10px;
border-radius: 5px;
border: 1px solid rgb(221, 221, 221);
outline: 0;
}
.modeling-page button , .employment-page button{
    width: 300px;
    padding: 10px;
    margin: 25px auto;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: 900;
    background-color: #000;
    font-size: 17px;
}
.employment-page .main-title-from{
    margin: 35px 0 20px 0;
}
.employment-page textarea{
    width: 100%;
    min-height: 150px;
    padding: 10px;
border-radius: 5px;
border: 1px solid rgb(221, 221, 221);
outline: 0;
}
.row-ckeckbox label{
    width: unset;
    display: inline-block;
}
.row-ckeckbox input{
    width: unset;
    display: inline-block;
}
.page-work-withus{
    padding-top: 120px;
    min-height: 70vh;
}
/*****************************************************************Footer*************************************************************/
footer {
    padding: 20px 30px;
    color: #ffffff;
    background-color: #1a1a1a
}
footer .title-vijelly-footer{
    font-size: 23px;
    font-weight: 900;
}
footer .body-vijelly-footer{
    line-height: 2;
}
footer .container-fluid:first-child{
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
footer .container-fluid:nth-child(2){
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}
.logo-footer img {
    max-width: 60%;
    margin: 0 auto;
    display: block;
}
.e-namad {
    width: 125px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}
.e-namad img{
    display: block;
    margin: 5px auto;
    width: 100%;
    padding: 5px;
}
.title-footer-list{
    font-weight: 900;
    font-size: 17px;
}
.list-footer{
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-footer li a{
    padding:5px;
    display: inline-block;
    color:#ffffff
}
footer .givsoft p{
    color:#fff
}
.title-footer-vijelly {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 15px 0;
    text-align: center;
}
/*.logo-footer img{
    display: block;
    width: 100px;
    margin: 5px auto;
}*/

.list-social-footer{
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}
.list-social-footer li{
    margin:0 8px;
}
.list-social-footer li img{
    width:35px;
    height:35px
}
.list-category-mob{
    margin-right: 30px;
}
.list-subcategory-mob{
    display: none;
}
.item-category-mob span{
cursor: pointer;
}
.item-category-mob span i{
    font-size: 12px;
    float: left;
    padding-left: 15px;
}
.item-category-mob> span.show ~ .list-subcategory-mob{
    display: block;
}
.tab-sub-menu-mob.active{
    display: block;
}
.tab-sub-menu-mob{
    display: none;
}
.header-mob ul{
list-style: none;
}
.search-page{
    padding-top: 110px;
}
.basket-page{
    padding-top: 50px;
}
.profile-container .icon-favorite-remove{
    background-color:#fff;
}
.title-category-home {
    font-size: 25px;
    font-weight: 900;
    margin: 20px 0;
    display: inline-block;
}
.list-filter-category{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.list-order {
    list-style: none;
}
.list-order li{
    display: inline-block;
    margin-left: 15px;
}
.list-order li span{
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.list-order li.active span{
    background-color: #000;
    color: #fff;
}
.list-filter-category{
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    padding: 10px;
    margin: 15px 0;
}
.stock-quantity{
    display: flex;
    align-items: center;
}
.click-stock-quantity{
    display: inline-block;
    position: relative;
    width: 45px;
    height: 25px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 10px;
}
.click-stock-quantity label {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.click-stock-quantity label input{
    margin: 0;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
    filter: alpha(Opacity = 0);
    opacity: 0;
}
.click-stock-quantity label i{
    border-radius: 5px;
    background-color: #d9d9d9;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.click-stock-quantity label input:checked+i {
    background-color: #000;
}
.click-stock-quantity label input:checked+i:after {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
.click-stock-quantity label i:after {
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    background-color: #fff;
    pointer-events: none;
    position: absolute;
    left: 6px;
    top: 5px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.go-up {
    width: 40px;
    height: 40px;
    background-color: #000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: 15px auto;
    display: flex;
    cursor: pointer
}
.go-up i{
    color:#fff
}
.text-go-up{
    cursor:pointer
}
.whatsapp-toggle {
    position: fixed;
    z-index: 9;
    left: 20px;
    bottom: 55px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #25D366;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    display: flex;
}
    .whatsapp-toggle i{
        color:#fff
    }
    /*************************************Basket-Page***************************************************/
    .basket-discount {
        color: #b99d6b
    }
.ful-price-product-basket h3{
    font-size:15px
}
.btn-cart-page {
    background-color: #b99d6b;
    width: 250px;
    text-align: center;
    padding: 15px;
    margin: 10px auto;
    color: #fff;
    font-weight: 900;
    border:0
}
.card-basket-product.card-total-price ul li:nth-child(5) {
    justify-content: center!important;
}
.item-product-basket {
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f3f3f32e;
}
.content-item-product {
        grid-gap: 18px;
    }
.thumb-img-basket > a > img {
    max-width: 150px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.05), -1px -1px 1px rgba(0,0,0,0.05);
}
.details-product-basket h2 {
    font-size: 20px;
}
.quant-buttons {
    display: inline-block;
    border: 1px solid #aaa;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 15px;
}
.quant-buttons button {
   background-color: #fff;
   border: 0;
   font-size: 15px;
   font-weight: 900;
}
.quant-buttons input {
  width: 30px;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  border: 0;
}
.ful-price=product-basket h3 {
    font-size:15px;
}
.card-basket-product.card-total-price ul, .card-basket-product.card-total-price ul li {
        list-style:none;
        padding:0;
        margin:0;
        font-size:14px;
}
.card-basket-product.card-total-price ul li {
   padding:10px 0;
   display:flex;
   justify-content:space-between;
   border-bottom:1px solid #eee;
}
.card-basket-product.card-total-price ul li:last-of-type {
    border-bottom:none;
}
.desctiption-basket p {
    border-radius:5px;
    line-height:28px;
}
/*************************************Address-Page***************************************************/
.address-page{
    padding-top:130px
}
.address-page h1{
    font-size: 21px;
    font-weight: 900;
    margin-bottom: 30px
}
.btn-add-address-basket a {
    background-color: #b99d6b;
    width: 250px;
    text-align: center;
    padding: 15px;
    margin: 10px auto;
    color: #fff;
    font-weight: 900;
    border: 0;
}
.btn-address {
    border: 2px solid #000;
    padding: 10px;
    margin: 15px auto;
    width: 250px;
    display: block;
    font-weight: 900;
    text-align: center;
    color: #000;
    border-radius: 5px;
}
.steps-done a {
    color: rgb(101 101 101);
}
.md-show {
    visibility: visible !important;
}
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 630px;
    z-index: 2000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.md-modal, .review-checkout .cart-table table tr td:first-child {
    width: 50%;
}
.box-pop-up-basket, .md-modal {
    min-width: 320px;
    height: auto;
    visibility: hidden;
}
.address-one .address-ed {
    position: absolute;
    left: 20px;
    top: 10px;
}
.address-one .address-ed a {
  color: rgb(101 101 101);
  margin-left: 10px;
  font-size: 15px;
}
.box-pop-up-basket.show-up .content-basket-popup, .md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.md-content button {
    display: block;
    margin: 0 auto;
    font-size: .8em;
}
.new-address-win {
    background: #fff;
    padding: 20px;
    text-align: right;
    border-radius: 6px;
}
.new-address-win h3 {
  text-align: center;
  font-size: 18px;
  margin: 0 0 30px;
  color: #0c0907;
}
.address-fl span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #0c0907;
}
.address-fl input, .address-fl select {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .3);
    background: 0 0;
    height: 50px;
    margin-bottom: 15px;
    padding: 0 15px;
    font-weight: 200;
    font-size: 14px;
    color: #0c0907;
    transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}
.md-content button {
    display: block;
    margin: 0 auto;
    font-size: .8em;
}
.md-close {
    left: 6px;
    top: 4px;
}
.md-close {
    position: fixed;
    background: 0 0;
    color: #7f7f7f;
    border: 0;
    font-size: 20px !important;
    z-index: 999999999;
}
.box-pop-up-basket.show-up, .icon-phone:hover .card-contact-phone, .icon-user-header:hover .box-account-header, .item-basket-header:hover .box-basket-header, .md-show ~ .md-overlay, .overlayed-login.show-up, .overlayed.show-up {
    opacity: 1;
    visibility: visible;
}
.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.md-overlay, .whatsapp-part {
    opacity: 0;
    visibility: hidden;
}
.address-btn a {
    display: inline-block;
    float: left;
    text-align: center;
    color: #fff;
    background: #000;
    padding: 5px 30px;
    margin-bottom: 15px;
    font-size: 16px;
    opacity: .9;
    transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    border-radius: 5px;
}
.celeb-req-win {
    background: #fff;
    padding: 20px;
    font-size: 13px;
    position: relative;
    border-radius: 10px;
}
.celeb-req-win h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}
.req-mod-btn {
    color: #03b012;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 900
}
.req-mod-btn.cncl {
        color: #f00
}
.inp-cbx:checked + .cbx span:first-child:before, .lbl-box-filter .inp-cbx:checked + .cbx-input::before {
    transform: scale(3.5);
    opacity: 0;
    transition: .6s;
}
.cbx span:first-child:before, .lbl-box-filter .cbx-input::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}
.inp-cbx:checked + .cbx span:first-child svg, .lbl-box-filter .inp-cbx:checked + .cbx-input svg {
    stroke-dashoffset: 0;
}
.cbx span:first-child svg, .lbl-box-filter .cbx-input svg {
    position: absolute;
    top: 4px;
    left: 4px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: .3s .1s;
    transform: translate3d(0, 0, 0);
}
.inp-cbx:checked + .cbx span:first-child {
    background: #000;
    border-color: #000;
    animation: .4s wave;
}
.cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #000;
    transition: .2s;
}
.cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}
.inp-cbx.address-checkbox {
    display: none
}
.address-dsc {
    padding-right: 10px
}
/**********************************************************************************Confirm-Page******************************************************************************/
.cofirm-page {
    padding-top: 130px
}
.cofirm-page h1 {
 font-size: 26px;
 color: #000;
 font-weight: 900;
 margin-bottom: 30px;
}
.cart-table.table-responsive table {
    width: 100%
}
.cart-table.table-responsive table tr {
 display: flex;
justify-content: space-between;
 line-height: 3
}
.checkout-back {
    background-color: rgb(145 144 144);
    color: #fff !important;
    font-weight: 900;
    padding: 10px 20px;
    border-radius: 5px;
    border: 0;
    margin-right: 15px;
    width: 140px;
    text-align: center;
}
.cofirm-page .steps-done {
    display: flex
}
.lbl-peyment-type {
    font-weight: 600;
    padding: 10px 0;
    display: block;
    font-size: 15px;
}
.merchant-item {
    padding: 10px;
    border-radius: 10px
}
.merchant-item img {
        width: 85px
}
.payment-type-container .merchant-item {
    width: 100%
}
.title-payment-type .form-check-label {
    padding-right: 15px
}
.inp-cbx:checked + .cbx span:first-child svg, .input-send-time:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.cbx span:last-child {
    padding-right: 8px;
    font-size: 13px;
    font-weight: 300;
}
.inp-cbx:checked + .cbx span:first-child:before, .input-send-time:checked + .cbx span:first-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
}
.inp-cbx:checked + .cbx span:first-child, .input-send-time:checked + .cbx span:first-child {
    background: #000;
    border-color: #000;
    animation: wave 0.4s ease;
}
.cbx span:last-child {
    padding-right: 8px;
    font-size: 13px;
    font-weight: 300;
}
.cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #9098A9;
    transition: all 0.2s ease;
    border-radius: 3px;
}
.cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}
.item-send-time input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    z-index: 99;
}
.item-send-time {
    padding: 15px 30px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    margin: 10px;
    background-color: #0110370d;
}
.item-services-home{
    clear:both
}
.item-services-home img {
    max-width: 100%
}
.item-services-home p{
    margin:5px 0
}
.blog-index-page {
    text-align: justify;
    line-height: 2;
}
.blog-index-page h1 {
  font-size: 26px;
  margin: 15px 0;
}
.cart-total-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cart-total-col ul li {
  border-bottom: 1px solid #efefef;
  padding: 15px 5px;
  display: flex;
  justify-content: space-between;
  align-items:center
}
.inp-tittle-code-discount {
    min-width: 200px;
    padding: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.checkout-done-btn {
    background-color: #000;
    color: #fff;
    padding: 8px;
}
.blog-page{
    padding-top:150px
}
.blog-page h6{
    margin-bottom:30px
}
    .blog-page .title-blog-home{
        font-size:20px
    }
/*******************************************************************Question-page********************************************************************/
.question-page{
    padding-top:150px
}
.accordion-faq {
    font-family: "Iran-Yekan";
    font-size: 14px;
    line-height: 1.8;
    direction: rtl;
    text-align: right;
    color: #000;
}

    .accordion-faq .accordion-title:before {
        float: right !important;
        font-family: 'Font Awesome 5 Free';
        content: "\f067";
        padding-left: 7px;
        font-size: 12px;
    }

    .accordion-faq .accordion-title.collapsed:before {
        float: right !important;
        font-family: 'Font Awesome 5 Free';
        content: "\f068";
        font-size: 12px;
    }

    .accordion-faq .card-header {
        background-color: #fff;
        border-bottom: none;
    }

    .accordion-faq .card {
        border-radius: 0;
        margin-bottom: 10px;
    }

    .accordion-faq .card-body {
        border-bottom: none;
    }

    .accordion-faq .card-header + div {
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }

    .accordion-faq .card-header > a.card-link {
        display: block;
        color: #000;
    }

    .accordion-faq .card-header {
        font-weight: 600;
    }

    .accordion-faq p {
        font-size: 14px;
        line-height: 2.1;
        color: #666262;
    }
/******************************************************************End-Question-page****************************************************************/
    @media screen and (min-width: 769px) {
        .web-none, .WebNone {
        display: none!important;
    }
    .main-menu-mob , .tab-sub-menu-mob{
        display: none!important;
    }
    .slider-vertical .slick-list{
        min-height:350px
    }
}
@media screen and (max-width: 768px){
.mob-none{
    display: none!important;
}
.header-mob ul li img{
    width: 25px;
}
.header-mob ul li{
    width: 10%;
    margin-left:10px
}
.header-mob ul .logo-header-web{
    width: 40%;
    text-align: left;
}
.logo-header-web img{
    width: 100px!important;
}
.inpt-search{
    width: 70%;
}
.box-search .inpt-search input{
    width: 100%;
}
.box-search .list-category-search ul li {
    margin-bottom: 25px;
}
.box-search .list-category-search ul li a{
    font-size:13px
}
.header-mob ul {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
}
.box-login-register{
    padding: 10px;
}
.menu-web{
    min-height: 0;
}
.remmeber-login ~ .d-flex {
    flex-wrap: wrap;
}
.login-btn , .btn-go-forgetpass{
    width: 100%;
    margin: 10px 0;
}
.remmeber-login{
    width: 100%;
}
.login-register-page{
    padding-top: 20px;
}
@keyframes myfirst {
    0%   { right: 1%; top:25%;}
    25%  { right: 20%; top: 25%;}
}
.close-banner-instagram {
    position: absolute;
    top: 18%;
    right: 12%;
    background-color: #fff;
    padding: 5px 12px;
    cursor: pointer;
}
.e-namad {
    display: block;
    margin: 15px auto;
}
.title-footer-list{
    font-size: 14px;
}
.partial-menu-web {
    overflow-x: scroll;
}
.home-page{
    padding-top: 60px;
}
.home-page img{
    width:100%;
    padding:5px 10px;
}
    .main-slider img {
        padding:0!important;
    }
.title-banner-home a {
    font-size: 16px;
}
.main-slider .title-slider{
        top:25%;
        right:5%;
}
        .main-slider .title-slider .title-slider-part-1 {
            display:none
        }
    .list-order {
        position: fixed;
        width: 100%;
        background-color: #fff;
        bottom: -350px;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition-duration: 0.5s;
    }
.list-order.show{
    visibility: visible;
    opacity: 1;  
    bottom: 0;
}
.list-order li {
    display: block;
    margin-left: 0;
    text-align: center;
    line-height: 2.5;
}
.list-order li.active span{
    width: 100%;
}
.layer-filter {
    position: fixed;
    background-color: #000000a1;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 998;
    display: none;
}
.layer-filter.show{
    display: block;
}
.click-show-order {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px 25px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.search-page {
    padding-top: 60px;
}
.offer-percent {
    width: 30px;
    height: 30px;
    font-size: 14px;
}
.product-page{
    padding-top: 80px;
}
.product-page .row:first-child .col-lg-6:nth-child(2){
    order: 1;
}
.product-page .row:first-child .col-lg-6:nth-child(1){
    order: 2;
}
.list-size-index ul{
    margin-top: 10px;
}
/*@keyframes myfirst {
    0%   { right: 1%; top:0;}
    25%  { right: 20%; top: 0;}
}*/
.main-slider .swiper-slide .title-slider .title-slider-part-1 {
    font-size: 25px;
}
.item-product .old-price {
    font-size: 12px;
}
.item-product .main-price {
    font-size: 13px;
}
.text-toend-discount {
    max-height: 40px;
    font-size: 11px;
    max-width: 44%;
}
.list-img-color li {
    width: 19%;
}
.item-product .item-add-basket {
    width: 35px;
}
.list-img-color img {
    padding: 0;
}
.detail-item-product {
    display: unset;
}
.card-view .vertical-gallery img {
    max-width: 100%;
}
.index-blog-page{
    padding-top:70px
}
.index-blog-page iframe{
    max-width:100%
}
/* .card-view {
    right: 0;
    left: 0;
    top: unset;
    padding: 10px;
    bottom: 0;
    width: 100%;
}
.box-quick-view {
    right: 0;
    border-radius:0;
    padding:5px ;
    height: 100%;
    max-height: 70vh !important;
    left: 0;
    z-index: -1;
    bottom: 0;
    top: unset!important;
} */
    .btn-delete-item-basket {
        font-size: 16px;
        color: red;
        position: absolute;
        left: 15px;
        top: 10px;
        z-index: 10;
    }
    .item-product-basket{
        position:relative
    }
    .card-view {
        right: 0;
        left: 0;
        top: 0;
        padding: 10px;
        bottom: 0;
        width: 100%;
        position: relative;
        height: auto;
        overflow-y: auto;
        max-height: inherit;
        overflow-x: hidden;
    }

.close-partial-product {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    right: auto;
}

    .box-quick-view {
        right: 0;
        border-radius: 0;
        padding: 5px;
        height: 100%;
        max-height: 80vh !important;
        left: 0;
        z-index: -1;
        bottom: 0;
        top: 0 !important;
    }


.offer-percent {
    margin-right: 0;
}
.box-quick-view .card-view .col-lg-6:nth-child(1){
    order: 1;
}

    .thumb-img-basket > a > img {
        max-width: 145px;
        
    }

    .box-bottom-cart.box-bottom-cart-mob {
        display: flex !important;
        justify-content: space-between;
    }

        .box-bottom-cart.box-bottom-cart-mob  .price-basket-item h3 {
            font-size:22px;
        }
    .cofirm-page .review-checkout .cart-total-col li.d-flex.justify-content-lg-start {
        display:unset!important
    }
    .cofirm-page .btn-cart-page{
        width:100%
    }
    .cofirm-page .checkout-back {
        width: 100%;
        margin-right: 0;
    } 
}