@font-face {
    font-family: IRANSans;
    font-style: normal;
    src: url(../fonts/IRANSansWeb_Light.eot);
    src: url(../fonts/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSansWeb_Light.woff2) format("woff2"), url(../fonts/IRANSansWeb_Light.woff) format("woff"), url(../fonts/IRANSansWeb_Light.ttf) format("truetype")
}
body{
    font-family: IRANSans;
    overflow: hidden;
}
a{
    color: unset;
    text-decoration: unset;
    color: #19110b;
}
a:hover{
    color: #575757;
}
.nav-area{
    padding: 20px 40px 20px 40px;
    position: fixed;
    width: 100%;
    z-index: 10000;
    background: #eeeeeeb0;
    font-size: 20px;
    top: 0;
}
/* #mainSlider{
    height: 700px;
} */
.item_slider-baner-homepage {
	/* height: 600px !important; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
}
.categories-area .top-category > div{
    width: calc(33.33333% + 0px);
    padding: 20px;
    position: relative;
}
.categories-area .top-category > div > a > .cat-box{
    position: relative;
    overflow: hidden;
}
.categories-area .top-category > div > div > a > .cat-box::before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 18%);
    transition: all 0.3s ease-in-out;
  }
  .categories-area .text-box{
    position: absolute;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    bottom: 0;
    background-color: #0000008f;
    color: #fff;
    padding: 10px;
    transform: translateY(100%);
    transition: all .5s ease;
    justify-content: center;
    font-weight: bolder;
    letter-spacing: 1px;
    align-items: center;
  }
  .categories-area .text-box .new-collection{
    font-size: 12px;
  }
  .categories-area .text-box .title{
    font-size: 35px;
  }
  .categories-area > .top-category > div > div:hover .text-box{
    transform: translateY(0);

  }
  .categories-area > .top-category > div > div:hover .cat-box::before{
    background-color: #00000082;
  }
  .title-section{
    text-align: center;
    position: relative;
    font-size: 24px;
  }
  .title-section::before{
    content: '';
    position: absolute;
    width: 11rem;
    height: .15rem;
    bottom: -0.8rem;
    background: #595959;
    left: 50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
  }
  .product-list{
    display: flex;
    flex-wrap: wrap;
    padding: 3px;
  }
  .product-list > div{
    width: calc(20% + 0px);
    padding: 20px;
    border-right: 1px solid #cccccc40;
    border-bottom: 1px solid #cccccc40;
  }
  /* .product-list > div:first-child{
    border-right: 0 !important;
  }
  .product-list > div:nth-child(6){
    border-right: 0 !important;
  } */
  .product-list .product-footer > div {
    padding: 7px 0 7px 0;
  }
  .product-list .product-footer > .product-price{
    color: #3e3e3e;
    font-size: 13px;
  }
  .product-list .product-header{
    position: relative;
    overflow: hidden;
  }
  .product-list .product-discount,.product-list .product-colorful{
    position: absolute;
    top: 10px;
    background-color: #d3d3d3;
    padding: 5px 15px 5px 15px;
    font-size: 10px;
    font-weight: bolder;
    right: 10px;
  }
.product-list .product-colorful{
	right: unset !important;
	left: 10px;
	background-color: #fff !important;
	display: flex;
	align-items: center;
}
.product-list .product-icons{
    position: absolute;
    left: 0;
    right: 0;
    justify-content: center;
    bottom: 10px;
    opacity: 0;
    transform: translateY(25px) translateZ(0);
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}
.product-list .product-icons > div{
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  transition: all .3s ease;
  padding-left: 7px;
  padding-right: 7px;
}
.product-list .product-header:hover .product-icons{
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateZ(0);
} 
.product-list .product-icons > div > div{
  width: 45px;
  height: 45px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
}
.product-list .product-icons > div > a{
  width: 45px;
  height: 45px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
}
.tooltip{
  font-size: 14px;
  font-family: IRANsans;
}
.product-list .hover-img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.5s ease,transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  opacity: 0;
}
.product-list .product-header:hover .hover-img{
  opacity: 1;
  transform: scale(1.09);
}
.product-list > div:hover{
  box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.newProduct-carousel{
  margin-top: 100px !important;
}
.newProduct-carousel .product-list > div{
  width: unset;
  padding: unset;
  border: 2px solid #cccccc40;
  box-shadow: 0px 0px 11px -3px #eee;
}
.owl-prev {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 40%;
  margin-left: -20px;
  display: block !important;
  border:0px solid black;
}

.owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 40%;
  right: -25px;
  display: block !important;
  border:0px solid black;
}
.owl-prev i, .owl-next i {
  transform: scale(1,1);
  color: #eee;
}
/* #mainSlider .owl-prev i, #mainSlider .owl-next i {
  color: #eee;
  width: 50px;
  height: 50px;
  font-size: 38px;
  background: #0000008c;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
} */
.features-list{
  display: flex;
}
.features-list > div{
  width: calc(25% + 0px);
  justify-content: center;
  align-items: center;
}
.features-list > div span:first-child{
  font-size: 40px;
  height: 40px;
}
.newsletter-area {
  display: flex;
}
.newsletter-area > div{
  width: calc(40% + 0px);
  padding-left: 10px;
}
.newsletter-area .text-area div:first-child{
  font-size: 45px;
  color: #fff;
}
.newsletter-area .text-area div:last-child{
  padding-right: 14px;
  text-align: right;
  justify-content: space-evenly;
  color: #fff;
}
.newsletter-area button{
  background-color: #ef524e;
  border: 0;
  width: 200px;
  color: #fff;
  font-weight: bolder;
}
.newsletter-area input{
  width: 100%;
  height: auto;
  padding: 10px;
}

.newsletter-area input:focus-visible{
  box-shadow: unset;
  outline: unset;
}
footer > .container > div{
  width: calc(25% + 0px);
  padding: 20px;
}
footer .contact ul > li{
  margin-top: 6px;
}
footer .logo-footer{
  min-height: 50px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
footer .link-box ul > li > a{
  position: relative;
  display: inline-block;
}
footer .link-box  ul > li > a::after{
  content: '';
  width: 0%;
  height: 1px;
  background-color: #000;
  display: flex;
  transition: all .5s ease;
  top: 3px;
  position: relative;
}
footer .link-box ul > li > a:hover::after{
  width: 100%;
}
.social-media-list > li:first-child{
  margin-right: 0 !important;
}
.social-media-list > li{
  margin-right: 10px;
  font-size: 25px;
}
footer .icon-sert img{
  margin-top: 10px;
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 10px;
  width: 75px;
  height: 76px;
}
footer .copy-right{
  font-size: 10px;
}
html .scroll-to-top {
	transition: opacity 0.3s;
	background: #404040;
	border-radius: 4px;
	bottom: 10px;
	color: #FFF;
	display: block;
	opacity: 0;
	padding: 15px;
	position: fixed;
	left: 10px;
	text-align: center;
	text-decoration: none;
	/* min-width: 50px; */
	z-index: 1040;
	font-size: 0.8em;
  display: flex;
}
html .scroll-to-top.visible {
	opacity: 0.75;
}
.fixed-menu{
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
}
header > .menu{
  position: fixed;
  z-index: 100000;
  left: 0px;
  bottom: 0;
  top: 0;
  transition: all .5s ease;
  right: 0;
}
header > .menu > nav{
  width: 300px;
  height: 100%;
  background-color: #4d4d4d;
  color: #fff;
  position: fixed;
  right: 0;
  transition: all .5s ease;
}
header > .menu > nav > .head{
  border-bottom: 2px solid #ccc;
  padding: 15px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
header > .menu > nav a{
  color: #fff;
}

header > .menu > nav ul{
  margin: 0;
  padding: 0;
  font-size: 14px;
}
header > .menu > nav  ul  li{
  border-bottom: 1px solid #626262;
  position: relative;
  transition: all .2s ease;
}
header > .menu > nav > ul > li > a{
  padding: 10px 15px 10px 15px;

}
header > .menu > nav > ul > li a{
  position: relative;
  z-index: 1000;
}
header > .menu > nav > ul > li:last-child{
  border-bottom: 0;
}
header > .menu > nav > ul  li.has-child > a::after{
  content: "\f0d7";
  font-family:var(--fa-style-family,"Font Awesome 6 Free");
  font-weight:var(--fa-style,900);
  position: absolute;
  left: 15px;
  width: 20px;
  height: 20px;
  top: 12px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.bg-loader{
  background: #5959594f;
  width: 100%;
  height: 100%;
  position: fixed;
}
header > .closed {
  opacity: 0;
  visibility: hidden;
}
header > .opened nav {
  transform: translateX(0);
}
header > .closed > div{
    opacity: 0;
    visibility: hidden;
}
header > .closed > nav{
  transform: translateX(100%);
}
.close-menu{
  cursor: pointer;
}
.footer-menu {
  position: absolute;
  bottom: 0;
  padding: 15px;
  width: 100%;
  border-top: 2px solid #ccc;
  background: #4d4d4d; 
  z-index: 10000;
}
.footer-menu ul li {
  margin-right: 20px;
  font-size: 18px;
}
.footer-menu ul li:first-child {
  margin-right: 0;
}
.tooltip{
  z-index: 10000000;
}
header > .menu > nav  ul > li > a:hover{
  background-color: #fff;
  color: #000;
}
header > .menu > nav > ul > li:hover::after{
  color: #000;
}
header > .menu > nav > ul > li.has-child > ul > li > a{
  padding: 10px 30px 10px 15px;
  display: block;
}

header > .menu > nav > ul > li.has-child > ul > li > ul > li > a{
  padding: 10px 50px 10px 15px;
  display: block;
}
header > .menu > nav > ul > li.has-child ul li{
  border-top: 1px solid #626262;
}
header > .menu > nav > ul > li.has-child ul li a::before{
  content: "-";
  font-family:var(--fa-style-family,"Font Awesome 6 Free");
  font-weight:var(--fa-style,900);
  position: absolute;
  right: 11px;
  width: 20px;
  height: 20px;
  top: 12px;
  justify-content: center;
  display: flex;
  align-items: center;
}
header > .menu > nav > ul > li.has-child .sub-menu{
  display: none;
}
.bottom-menu{
  position: fixed;
  bottom: 0;
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  padding: 13px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.bottom-menu .item{
  width: calc(20% + 0px);
}
/* code #2 */
.loading02 span {
  animation: loading02 1.2s infinite alternate;
}
.loading02 span:nth-child(2) {
  animation-delay: 0.2s;
}
.loading02 span:nth-child(3) {
  animation-delay: 0.4s;
}
.loading02 span:nth-child(4) {
  animation-delay: 0.6s;
}
.loading02 span:nth-child(5) {
  animation-delay: 0.8s;
}
.loading02 span:nth-child(6) {
  animation-delay: 1s;
}
.loading02 span:nth-child(7) {
  animation-delay: 1.2s;
}

@keyframes loading02 {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(5px);
    opacity: 0.2;
  }
}
.loader{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10000000;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eeeeeede;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-align: center;
}
#mainSlider .owl-prev{
  position: absolute;
  left: 40px;
  color: #eee;
  width: 50px;
  height: 50px;
  font-size: 38px;
  background: #0000008c;
  border-radius: 8px;
  padding: 10px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-top: 71px;
}
#mainSlider .owl-next{
  position: absolute;
  right: 20px;
  color: #eee;
  width: 50px;
  height: 50px;
  font-size: 38px;
  background: #0000008c;
  border-radius: 8px;
  padding: 10px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-top: 71px;
}
.menu-bar{
  margin-left: 2rem;
}
.categories-list  ul{
  padding-top: 30px;
  padding-left: 0;
}
.categories-list  li{
  font-size: 13px;
  position: relative;
  list-style: none;
}
.categories-list  li.active{
  font-weight: bolder;
}
.categories-list  li.active::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  right: 0;
  left: 0;
  bottom: 0px;
}
.products .product-list > div{
  border-right: unset;
  width: calc(25% + 0px);
}
.products{
  margin-top: 50px;
}
.categories-list .filter-area{
  position: fixed;
  width: 300px;
  background-color: #5959594f;
  left: 0;
  top: 30%;
  z-index: 1000000;
}
.categories-list .filter-area .filter-option{
  position: absolute;
  width: 300px;
  background-color: #fff;
  left: 0;
  top: 30%;
  color: #000;
  padding: 13px;
  font-size: 15px;
  transform: translate(-100%);
  transition: all .5s ease;
}
.filter-option > div:first-child{
  margin-bottom: 20px;
}
.filter-option .filter-title{
  color: #595959;
  font-weight: bolder;
  font-size: 13px;
  text-align: center;
  position: relative;
}
.filter-option .filter-title > span::after{
  content: '';
  position: absolute;
  background-color: #000;
  width: 40%;
  height: 1px;
  bottom: 50%;
  right: 0;
}
.filter-option .filter-title > span::before{
  content: '';
  position: absolute;
  background-color: #000;
  width: 40%;
  height: 1px;
  bottom: 50%;
  left: 0;
}
.filter-item {
  padding: 0 30px 0 30px !important;
}
.filter-item > li{
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted;
}
.filter-item > li:last-child{
  border-bottom: 0;
}
.filter-item > li > div{
  display: flex;
  align-items: center;
}
.filter-item > li > div > span:first-child{
  margin-left: 4px;
}
.filter-item > li > span{
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
  border: 2px solid #ccc;

}
.filter-btn{
  position: absolute;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  right: 0;
  transform: translateX(100%);
  top: 20px;
  box-shadow: 4px 0px 7px -4px #353535;
  cursor: pointer;
}
.filter-area > .active{
  transform: translateX(0) !important;
}
.filter-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #5959594f;
  left: 0;
  top: 0;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}
.filter-option .fa-close{
  cursor: pointer;
}
.category-carousel{
  width: 80%;
  margin: 0 auto;
}
footer{
  border-top: 1px solid #eee;
}
.product-details > div:first-child{
  width: calc(40% + 0px);
  padding: 20px;
}
.product-details > div:last-child{
  width: calc(60% + 0px);
  padding: 20px;
}
 .bread-crumb ul > li{
  margin-right: 10px;
}
 .bread-crumb ul > li > a{
  color: #fff;
  font-size: 13px;
}
 .bread-crumb ul > li > a::after{
  content: '/';
  margin-right: 3px;
}
 .bread-crumb ul > li:last-child > a::after{
  content: '';
}
 .bread-crumb ul > li.active > a{
  color: #000;
  font-weight: bolder;
}
 .bread-crumb ul > li:first{
  margin-right: 0;
}
.product-detials-area .title{
  margin-top: 20px;
}
.product-detials-area .title > h1{
  font-size: 30px;
}
.product-detials-area .price{
    margin-top: 20px;
    color: #353535;
    font-size: 15px;
    margin-bottom: 20px;
}
.product-detials-area .features ul > li{
  justify-content: space-between;
  display: flex;
  border-bottom: 1px dotted #8E8E8E;
  padding: 5px 0 5px 0;
  font-size: 13px;
}
.product-detials-area .features ul > li:last-child{
  border-bottom: 0;
}
.product-detials-area .select-box{
  margin-top: 20px;
}
.product-detials-area .select-box select{
  padding:5px 15px 5px 15px;
  font-size: 13px;
  color: #595959;
  width: 200px;
  background-position: left 10px top 50%;
  background-size: auto 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==');
  border: 1px solid #ccc;
  margin-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.product-detials-area .extra-box{
  margin-top: 30px;
}
 .extra-box > div.plus-box > div{
  padding: 5px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
}
 .extra-box > div.plus-box > div:nth-child(2){
  min-width: 30px;
  text-align: center;
  justify-content: center;
}
 .extra-box > div.plus-box > div:first-child{
  border-left: 0;
  cursor: pointer;
}
 .extra-box > div.plus-box > div:last-child{
  border-right: 0;
  cursor: pointer;
}
.product-detials-area .extra-box .add-to-card > a{
  background: #000;
  color: #fff;
  padding: 8px;
  transition: all .1s ease;
}
.product-detials-area .extra-box .add-to-card > button{
  background: #000;
  color: #fff;
  padding: 8px;
  transition: all .1s ease;
}
.product-detials-area .extra-box .add-to-card > button:hover{
  background-color: #8E8E8E;
  color: #000;
}
.product-detials-area .extra-box .add-to-card > a:hover{
  background-color: #8E8E8E;
  color: #000;
}
.close-area{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 400;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
  background-color: rgba(0,0,0,0.7);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1),visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.close-area.opened{
  opacity: 1;
  visibility: visible;
  transition: opacity .25s ease, visibility 0s ease;
}
.user-widget-area{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  background-color: #fff;
  z-index: 100000;
  transform: translateX(-100%);
  transition: all .5s ease;
}
.user-widget-area.opened{
  transform: translateX(0);

}
.close-user-widget{
  cursor: pointer;
}
.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 100%;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 13px;
  color: #000;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.form__field::placeholder {
  color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
  font-size: 10px;
  cursor: text;
  top: 20px;
}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 10px;
  color: #9b9b9b;
}

.form__field:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-width: 3px;
  border-color: #000;
}
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 13px;
  color: #000;
  font-weight: 700;
}

/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}
.login-form button{
  background-color: #333333;
  color: #fff;
  border: 0;
  margin-top: 20px;
  width: 100%;
  height: 40px;
}
.login-form button:hover{
  background-color: #000;
}
.payment-area > div:first-child{
  width: calc(60% + 0px);
}
.payment-area > div:last-child{
  width: calc(40% + 0px);
}
.cart-products table{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.cart-products table thead{
  border: 1px solid #ccc;
  background-color: #eee;
}
.hover-close-cart{
  cursor: pointer;
}
.hover-close-cart:hover{
  background-color: #eee;
}
.payment-area .sidebar{
  padding-right: 10px;
}
.payment-area .sidebar > div{
  border: 1px solid #eee;
  padding: 20px;
}
.btn-rah{
  width: 100%;
  height: 40px;
  text-align: center;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.btn-rah:hover{
  background-color: rgb(37, 37, 37);
  color: #fff;
}
.order-details > div:first-child{
  padding: 20px;
  border: 1px solid #eee;

}
.order-details input,.order-details select,.order-details textarea{
  border-radius: 1px;
}
.order-details input:focus,.order-details select:focus,.order-details textarea:focus{
  border-color: #000;
  box-shadow: none;
}
.address-box{
  cursor: pointer;
  border: 1px solid #eee;
}
.add-address{
  border: 1px solid #eee;
  cursor: pointer;

}
.address-box > .checkbox-area{
  width: 8%;
  height: auto;
  padding: 20px;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.address-details{
  width: 92%;
}
.font-litle{
  font-size: 11px;
}
.address-box.active{
  background-color: #08e668 ;
  border: 0;
}
.address-box.active > .checkbox-area{
  background: #07cf5e;
}
#exampleModal{
  z-index: 1000000;
}
.modal-backdrop{
  z-index: 100000;
}
.rahflow{
  overflow-y: scroll ;
}
.btn-theme{
  background-color: #000;
  color: #fff;
  border: 0;
}
.btn-theme:hover{
  background-color: rgb(37, 37, 37);
}
.discount-area button{
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.rahborder{
  border: 1px solid #eee;
}
.shipping-box{
  padding: 20px;
  background: #eee;
  margin-top: 14px;
}
.shipping-box p{
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 0;
}
.factor{
  width: calc(60%);
  background-color: #eee;
}
.factor thead{
  border-bottom: 1px solid #000;
}
.factor tbody tr:last-child{
  border-bottom: 1px solid #000;
}
.toman{
  font-size: 10px;
}
.factor table tr > td:first-child{
  width: calc(50% + 0px);
}
.factor table tr > td:nth-child(2){
  width: calc(25% + 0px);
}
.factor table tr > td:nth-child(3){
  width: calc(25% + 0px);
}
.factor tbody tr td:last-child{
  text-align: left;
}
.factor thead tr th:last-child{
  text-align: left;
}
.payment-title{
  width: 60%;
  margin: 0 auto;
  padding-bottom: 10px;
  font-weight: bolder;
  font-size: 20px;
}
.card-widget{
  position: absolute;
  width: 330px;
  padding: 20px;
  background-color: #fff;
  left: -110px;
  box-shadow: 0 0 3px rgba(0,0,0,0.15);
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(15px) translateZ(0);
  visibility: hidden;
  opacity: 0;
}
.product-card span{
  font-size: 10px;
}
.product-card .title{
  font-size: 14px;
}
.delete-card-item{
  position: absolute;
  left: 10px;
  font-size: 15px !important;
  cursor: pointer;
}
.card-widget > .product-card ul > li{
  margin-top: 5px;
  padding: 10px 0 10px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.card-widget > .product-card ul > li:first-child{
  margin-top: 0;
  padding-top: 0;
}

.card-widget > .product-card ul > li:last-child{
  border-bottom: 0;
}
.product-card{
  border-bottom: 1px solid #e1e1e1;
  overflow-y: auto;
  max-height: 240px;
  scrollbar-width: thin;
}
.product-card::-webkit-scrollbar {
  width: 8px;
  height: 15px;
}

.product-card::-webkit-scrollbar-track-piece  {
  background-color: #f0f0f0;
}

.product-card::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #cdcdcd;
}
.sum-price-card {
  font-size: 13px;
}
.card-widget-btn:hover .card-widget{
  visibility: visible;
opacity: 1;
transform: none;
pointer-events: visible;
pointer-events: unset;
}
.num-card{
  width: 15px;
  height: 15px;
  position: absolute;
  top: -5px;
  left: -9px;
  background-color: #b2b2b2;
  color: #fff;
  font-size: 9px;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
}
.card-widget-mobile{
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10000000;
  box-shadow: 0 0 3px rgba(0,0,0,0.15);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(-100%, 0, 0);
}
.card-widget-mobile ul li{
  padding: 20px;
  border-top: 1px solid #e1e1e1;
}
.card-widget-mobile .product-card{
  overflow: unset;
  max-height: 100%;
  border-bottom: 0;
}
.card-widget-mobile .footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  border-top: 1px solid #e1e1e1;
}
.card-widget-mobile .delete-card-item{
  left: 20px;
}
.card-widget-mobile.opened{
  transform: none;
}
.search-widget{
  width: 100%;
  height: 100%;
  background-color: #fffffff7;
  position: fixed;
  top: 0px;
  bottom: 0;
  z-index: 10000;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,visibility 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.search-widget.opened{
  visibility: visible;
  opacity: 1;
  transition: opacity 0s,visibility 0s,transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: none;
}
.search-widget .header{
  border-bottom: 1px solid #ccc;
}
.search-widget .header form{
  padding: 0 100px 0 100px;
}
.search-input{
  width: 100%;
  height: 110px;
  border: 0;
  font-size: 48px;
  text-align: center;
  background-color: #fff0;
  font-weight: bolder;
}
.search-input:focus-visible{
  outline: unset;
}
.search-widget .close-search{
  width: 100px;
  height: 110px;
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  top: 0;
  cursor: pointer;
  transition: all .2s ease;
}
.search-widget .close-search:hover{
  background-color: rgba(121, 121, 121, 0.933);
  color: #fff;
}
.search-widget .body p{
  text-align: center;
  color: #646464;
  padding-top: 10px;
}
.result-product > div{
  width: calc(20% + 0px);
}

.result-product > div > div{
  width: calc(100% + 0px);
}
.result-product{
  overflow-y: auto;
  max-height: 500px;
  scrollbar-width: thin;
}
.result-product::-webkit-scrollbar {
  width: 8px;
  height: 15px;
}

.result-product::-webkit-scrollbar-track-piece  {
  background-color: #f0f0f0;
}

.result-product::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #cdcdcd;
}
.header-page{
  padding: 30px;
  background-color: #575757;
  position: relative;
}
.header-page .title{
  color: #fff;
}
.header-page .bread-crumb ul > li.active > a{
  color: #fff;
}
.header-page h1{
  font-size: 20px !important;
}
.header-page::after{
  content: '';
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
}
.about-page > .container > div{
  width: calc(100% + 0px);
  padding: 30px;
}
.about-page .img-about{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
  background: #000;
  height: 400px;
}
.about-page .text-about{
  text-align: justify;
}
.about-box{
  background-color: #f7f7f7;
}
.about-box > .container > div{
  width: 50%;
  padding: 40px;
  text-align: center;
}
.about-box h3{
  font-weight: bolder;
  font-size: 20px;
}
.about-box p{
  font-size: 14px;
  margin-top: 10px;
  line-height: 26px;
}
.contact-page > .container > div{
  width: calc(50% + 0px);
  padding: 20px;
}
.contact-page .contact-details{
  padding: 20px;
}
.contact-page .contact-details i{
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 4px;
  font-size: 0.8em;
  line-height: 1.3;
}
.contact-page .address-information li{
  margin-top: 15px;
}
.contact-page .address-information li:first-child{
  margin-top: 0;
}
.contact-page{
  font-size: 13px;
}
.contact-page .address-information p{
  line-height: 25px;
}
.contact-page .address-information h4{
  font-size: 18px;
}
.contact-page .contact-form input{
  border-radius: 1px;
  font-size: 13px;
  padding: 10px;
  direction: rtl;
}
.contact-page .contact-form textarea{
  border-radius: 1px;
  font-size: 13px;
  padding: 10px;
}
.contact-page .contact-form input:focus{
  border-color: #000;
  box-shadow: none;
  
}
.contact-page .contact-form textarea:focus{
  border-color: #000;
  box-shadow: none;
}
.contact-page h4{
  font-size: 18px;
}
.form-area > .container > div{
  width: calc(50% + 0px);
  padding: 30px;
}
.form-area input{
  border-radius: 1px;
  margin-top: 10px;
  font-size: 13px;
  height: 45px;
}
.form-area .form-group{
  margin-top: 20px;
}
.form-area input:focus{
  border-color: #000;
  box-shadow: unset;
}
.form-area h2{
  font-size: 25px;
}
.form-area{
  font-size: 13px;
}
.form-area .btn-rah{
  height: 45px;
}
.product-detials-area .bread-crumb ul > li > a{
  color: #000 !important;
}
/*.notify-dismissible{
background: #000000 !important;
}*/
.notify > button.close{
	color: #fff !important;
	opacity: 1 !important;
}
.product-color ul > li {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid rgb(105, 105, 105);
  margin-right: 10px;
  padding: 3px;
  cursor: pointer;
}
.product-color ul > li:first-child {
  margin-right: 0;
}
.product-color ul > li > span{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.product-color ul > li.active{
    border: 3px solid #19bfd3;
	width: 40px;
    height: 40px;

}
.has-child > a.active::after{
	content: "\f0d8" !important;
	font-family: var(--fa-style-family,);
	font-weight: var(--fa-style,900);
	position: absolute;
	left: 15px;
	width: 20px;
	height: 20px;
	top: 12px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.user-widget-area .footer{
  margin-top: 30px;
}
.user-widget-area .footer::before{
  display: block;
  margin-bottom: 15px;
  font-size: 54px;
  line-height: 1;
  content: "\f007";
  font-family:var(--fa-style-family,"Font Awesome 6 Free");
  font-weight:var(--fa-style,900);
  color: #f1f1f1;
}
.user-widget-area .footer span{
  font-size: 13px;
}
.user-widget-area .footer a{
  font-size: 12px;
  position: relative;
  display: inline;
}
.user-widget-area .footer a::after{
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
/*.newProduct-carousel img{
	width: 300px !important;
	height: 400px !important;
}*/
.size-guide{
  font-size: 10px;
  background-color: #000;
  color: #fff;
  border: 0;
  padding: 5px 15px 5px 15px;
  font-size: 13px;
  height: 100%;
  margin-right: 10px;
}
#size-guide{
  z-index: 10000000;
}
.product-header > a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 133.33%;
    position: relative;
    overflow: hidden;
}
.product-color > ul{
	align-items:center;
	margin-bottom: 15px !important;
}
.product-footer{
	height: 100px;
}
.notify .message{
	text-align: center;
}
.notify .message i{
	margin-left: 10px;
}
#sync2{
	margin-top: 20px;
}
.plus-box{
	font-size: 12px;
}
.blackfriday{
	position: absolute;
	left: -53px;
	bottom: -48px;
}
.newProduct-carousel .owl-item img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    min-height: 374px;
}