@font-face {
	font-family: 'Yekan';
	src: url('../fonts/Yekan.eot?-wwn5ej');
	src: url('../fonts/Yekan.eot?#iefix-wwn5ej') format('embedded-opentype'),
	url('../fonts/Yekan.woff?-wwn5ej') format('woff'),
	url('../fonts/Yekan.ttf?-wwn5ej') format('truetype'),
	url('../fonts/Yekan.svg?-wwn5ej#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'lalezar';
	src: url('../fonts/Lalezar-Regular.ttf') format('truetype'),
	url('../fonts/Lalezar-Regular.otf');
	font-style: normal;
	font-display: swap;
}
body {
	font-family: "lalezar" !important;
}
p{
	font-size: medium;
	line-height: 1.8;
}
table , th , tr {
	text-align:center !important;
}
.ltr{
	direction:ltr;
}
.justify{
	text-align: justify;
}
.list-group {
    padding-right: 0;
}
.flright{
	float: right;
}
.flleft{
	float:left;
}
.center{
	text-align: center;
}

.icons{
	margin-left: 5px !important;
	width: 20px;
	height: 20px;
}
.f-yekan{
	font-family: "Yekan" !important;
}

.f-lalezar{
	font-family: 'lalezar','Tahuma' !important;
}
.border-gerd{
	border-radius: .8rem !important;
}
.border-gerd-top{
	border-top-left-radius: .8rem !important;
	border-top-right-radius: .8rem !important;
}
/* =============================== USER CONFIG =============================*/
.title-header{
	background-color: #0a0a0a;
	color: #c00000;
}
.back-pattern {
	background-image: url('../images/pattern.png');
	background-color: #212121;
	background-repeat: repeat;
	background-attachment: fixed;
}
.product{
	background: rgba(0, 0, 0, 0.2);
	border-radius:.25rem;
	border-color: #212121 !important;
}
.img-product{

}
.h-100-product{
	height: 100%;
}
.text-user-empty{
	color: #212020;
}
.btn-menu-category.active{
	color:#fff !important;
	background: rgb(192, 0, 0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 10%, rgb(192, 0, 0) 100%) !important;
}
.btn-menu-category {
	width: 100%;
	background:  rgb(26, 26, 26);
	background: linear-gradient(90deg, rgba(0,0,0,0) 10%, rgb(26, 26, 26) 100%) !important;
	border-radius:.25rem
}
.active .text-category {
	color:#fff ;
	background: none;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: #fff ;
}
.text-category {
	background: linear-gradient(90deg, rgb(183, 183, 183) 10%, rgb(255, 255, 255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-product {
	background: linear-gradient(90deg, rgb(176, 176, 176) 10%, rgb(255, 255, 255) 100%);
	-webkit-background-clip: text ;
	-webkit-text-fill-color: transparent ;
	font-size: 15px !important;
}
.text-text{
	color: #5e5e5e;
}
.text-type{
	color: #5e5e5e;
}
.btn-sefaresh{
	background: linear-gradient(90deg, rgba(0,0,0,1) 40%, rgb(192, 0, 0) 100%);
	-webkit-background-clip: text ;
	-webkit-text-fill-color: transparent ;
}
.btn-sefaresh:hover{

}
/* =============================== PANEL CONFIG =============================*/
.panel-header{
	background: linear-gradient(90deg, rgba(192,0,0,1) 10%, rgb(255, 0, 0) 100%) !important;
}
.panel-back{
	background-image: url('../images/admin-bg.png');
	background-color: #FFFFFF;
	background-repeat: repeat;
	background-attachment: fixed;
}
.panel-text-header{
	color: white;
}

/* version 1.8 */
.img-cat-icon{
	height:30px;
	width:30px
}
.btn-menu-categoryv {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgb(26, 26, 26) 100%) !important;
	border-radius:.25rem
}
.btn-menu-categoryv.active {
	color:#fff !important;
	background: rgb(192, 0, 0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 10%, rgb(192, 0, 0) 100%) !important;
}
.scroll-buttons{
	position: absolute;
	z-index: 1 !important;
}
.btn-arrow{
	color: rgb(192, 0, 0);
	background: linear-gradient(180deg, rgba(192, 0, 0,0.7) 10%, rgba(192, 0, 0,0.7) 100%)!important;
}
.text-product-header{
	color: white;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(192, 0, 0) 100%) !important;
}
.footer-contact{
	background-color: #212020;
}
.icons-footer{
	margin-left: 5px !important;
	width: 23px;
	height: 20px;
}