@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"yekan";
	src:url(../fonts/BYekan.ttf);}

@font-face{
	font-family:"Caviar";
	src:url(../fonts/Caviar.ttf);
}
.item-slider{
	right: 0;
}
*{
	direction: rtl;
}
.new{
	border: 1px solid gold !important;
	content: "new";

}
.new:before {
  content: "جدید";
	color: gold;
}
.slider5{
	float: left !important;
}
.en{
	font-family:"Caviar";

}
.P_code{
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	padding: 5px;
	border-radius: 10px;
	width: 150px;
	background-color: rgb(240, 240, 160);
}
@media screen and (min-width:920px) {

	body{
		font-family: "yekan";
		min-width:800px;
		background-attachment:fixed;
		margin:0px;
		padding:0px;
		//background-image: url(../images/pb.png);
		background-image: url(../images/PRODUCT-PAGE-BACK.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.head-product{
		background-size: 100%;
		background-position: top center;
		width: 100%;
		height: 228px;
		position: fixed;
		background-image: url(../images/heaad-products.jpg);
		background-repeat: no-repeat;
		z-index: 20;
		margin: 0;
		top: 0;
		padding: 0;
	}
	.head-product img{
		width:100%;
		height: auto;
		display: block;
	}
	a{
		text-decoration: none;
		color: black;
	}
	a.home-link{
		z-index: 30;
		position:fixed;
	    text-decoration: none;
	    right: 40px;
	    top: 40px;
	}
	.b{
		width: 920px;
		margin: auto;
	}
	.products{

	}
	.product{
		padding-top: 10px;
		z-index: 8;
		background-color: rgba(255, 255, 255, 0.1);
		color: white;
		position: relative;
		border: 1px solid silver;
		text-align: center;
		transition-duration: 0.4s;
		width: 150px;
		box-sizing: border-box;
		height: 270px;
		float: right;
		margin: 40px;
	}
	.product:hover{
	//background-color: #f5f1ed;
	background-color: rgba(240,240,240,0.3);
	color: black;
	box-shadow: 0 0 10px rgba(10,10,20,0.2);

	}
	.product span{
		z-index: 8;
		font-size: 14px;
		font-weight: bold;
		text-align: right;
	}

	.product p{
		overflow: hidden;
		font-size: 12px;
		margin:0 10px 5px 0;
	}
	.product img{
		width: 148px;
	}
	.show_info{
		vertical-align: middle;
		padding: 0px;
		box-sizing: border-box;
	}
	.show_info p{
		text-align: right;
		float: right;
	}
	#exit{
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}
	.show_info span img{
		width: 30px;
		height: 30px;
	}
	#next{
		margin-bottom: 120px;
		cursor: pointer;
	}

	.slider{
		display: inline-flex;
		background-color: red;
		width: 300px;
		height: 300px;
		overflow: hidden;
	}
	.slider img{
		width: 300px;
		height: 300px;
	}
}
@media screen and (min-width:820px) and (max-width:920px){
		body{
			font-family: "yekan";
			min-width:800px;
			background-attachment:fixed;
			margin:0px;
			padding:0px;
			background-image: url(../images/PRODUCT-PAGE-BACK.jpg);
			background-size: 100%;
			background-repeat: no-repeat;
		}
		.head-product{
			background-size: 100%;
			background-position: top center;
			width: 100%;
			height: 228px;
			position: fixed;
			background-image: url(../images/heaad-products.jpg);
			background-repeat: no-repeat;
			z-index: 20;
			margin: 0;
			top: 0;
			padding: 0;
		}
		a{
			text-decoration: none;
			color: black;
		}
		a.home-link{
			z-index: 30;
			position:fixed;
		    text-decoration: none;
		    right: 40px;
		    top: 40px;
		}
		.b{
			width: 720px;
			margin: auto;
		}
		.products{

		}
		.product{
			padding-top: 10px;
			z-index: 8;
			background-color: rgba(255, 255, 255, 0.1);
			color: white;
			position: relative;
			border: 1px solid silver;
			text-align: center;
			transition-duration: 0.4s;
			width: 150px;
			box-sizing: border-box;
			height: 250px;
			float: right;
			margin: 40px;
		}
		.product:hover{
			//background-color: #f5f1ed;
			background-color: rgba(240,240,240,0.7);
			color: black;
			box-shadow: 0 0 10px rgb(100,180,220);

		}
		.product span{
			z-index: 8;
			font-size: 15px;
			font-weight: bold;
		}

		.product p{
			overflow: hidden;
			font-size: 12px;
			margin:0 10px 5px 0;
		}
		.product img{
			width: 148px;
		}
		.show_info p{
			text-align: right;
			float: right;

		}
		.show_info span img{
			width: 30px;
			height: 30px;
		}
		#next{
			margin-bottom: 120px;
			cursor: pointer;
		}
		.slider{
			display: inline-flex;
			width: 300px;
			height: 300px;
			overflow: hidden;
		}
		.slider img{
			width: 300px;
			height: 300px;
		}
}
@media screen and (max-width:700px){

	.slider5{
		float: none !important;
		margin: auto;
		margin-bottom: 50px;
	}

}
@media screen and (min-width:600px) and (max-width:820px){
	body{
		font-family: "yekan";
		background-attachment:fixed;
		margin:0px;
		padding:0px;
		background-color: rgb(0,80,100);
		background-image: url(../images/PRODUCT-PAGE-BACK.jpg);
		background-size: 100% ;
		background-repeat: no-repeat;
	}
	.head-product{
		background-size: 100%;
		background-position: top center;
		width: 100%;
		height: 228px;
		position: fixed;
		background-image: url(../images/heaad-products.jpg);
		background-repeat: no-repeat;
		z-index: 20;
		margin: 0;
		top: 0;
		padding: 0;
	}
	a{
		text-decoration: none;
		color: black;
	}
	a.home-link{
		z-index: 30;
		position:fixed;
		text-decoration: none;
		right: 40px;
		top: 40px;
	}
	.b{
		width: 600px;
		margin: auto;
	}
	.products{

	}
	.product{
		padding-top: 10px;
		z-index: 8;
		background-color: rgba(255, 255, 255, 0.1);
		color: white;
		position: relative;
		border: 1px solid silver;
		text-align: center;
		transition-duration: 0.4s;
		width: 120px;
		box-sizing: border-box;
		height: 220px;
		float: right;
		margin: 40px;
	}
	.product img{
		width: 120px;
	}
	.product:hover{
		//background-color: #f5f1ed;
		background-color: rgba(240,240,240,0.7);
		color: black;
		box-shadow: 0 0 10px rgb(100,180,220);

	}
	.product span{
		z-index: 8;
		font-size: 15px;
		font-weight: bold;
	}
	.product p{
		overflow: hidden;
		font-size: 12px;
		margin:0 10px 5px 0;
	}

	.show_info{
		padding: 0px;
		box-sizing: border-box;
	}
	.show_info p{
		text-align: right;
		float: right;
	}
	#exit{
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}
	.show_info span img{
		width: 30px;
		height: 30px;
	}
	#next{
		margin-bottom: 120px;
		cursor: pointer;
	}
	.slider{
		display: inline-flex;
		background-color: red;
		width: 300px;
		height: 300px;
		overflow: hidden;
	}
	.slider img{
		width: 300px;
		height: 300px;
	}
}
@media screen and (min-width:0px) and (max-width:600px){
	body{
		font-family: "yekan";
		margin:0px;
		padding:0px;
		background-image: url(../images/PRODUCTback_mobile.jpg);
		background-size:170% 120%;
		background-position: top center;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}
	.head-product{
		background-size:170%;
		background-position: top center;
		width: 100%;
		height: 100px;
		position: fixed;
		background-image: url(../images/heaad-products.jpg);
		background-repeat: no-repeat;
		z-index: 10;
		margin: 0;
		top: 0;
		padding: 0;
	}
	a{
		text-decoration: none;
		color: black;
	}
	a.home-link{
		z-index: 30;
		position:fixed;
		text-decoration: none;
		right: 20px;
		top: 20px;
	}
	.b{
		width: 320px;
		margin: auto !important;
	}
	.products{

	}
	.product{
		position: relative;
		padding-top: 10px;
		z-index: 8;
		background-color: rgba(255, 255, 255, 0.3);
		color: white;
		border: 1px solid silver;
		text-align: center;
		transition-duration: 0.4s;
		width: 120px;
		float: right;
		box-sizing: border-box;
		height: 220px;
		margin: 20px;
	}
	.product img{
		width: 120px;
	}
	.product:hover{
		//background-color: #f5f1ed;
		background-color: rgba(240,240,240,0.7);
		color: black;
		box-shadow: 0 0 10px rgb(100,180,220);

	}
	.product span{
		z-index: 8;
		font-size: 12px;
		font-weight: bold;
	}
	.product p{
		overflow: hidden;
		font-size: 12px;
		margin:0 10px 5px 0;
	}
.slider5{ margin: auto;
	margin-bottom: 50px;
}
	.show_info{
		box-sizing: border-box;
	}
	.show_info p{
		text-align: right;
	}
	.dots{display: none;}
	.items{overflow: hidden;}
	.show_info span img{
		width: 30px;
		height: 30px;
	}
	#next{
		margin-bottom: 120px;
		cursor: pointer;
	}
	.slider{
		width: 300px;
		height: 300px;
		overflow: hidden;
	}
	.slider img{
		width: 300px;
		height: 300px;
	}
}