/* rinc Style, copyright MrxRinc LTD 2016  | All rights Reserved*/
@charset 'utf8';
@font-face {
	font-family: "B Yekan";
	src: url(yekan.ttf) format("truetype");
	font-weight: 100;
}
@font-face{
	font-family: "Trebuchet MS";
	src: url(trebuchetms.ttf) format("truetype");
	font-weight: 100;
}
@font-face{
	font-family: "ConcordW00-Thin";
	src: url(concord-thin.ttf) format("truetype");
	font-weight: 100;
}
@font-face{
	font-family: "ConcordW00-Light";
	src: url(ConcordW00-Light.ttf) format("truetype");
	font-weight: 100;
}
*{
	box-sizing: border-box; margin:0; padding: 0;
	border: none; list-style: none;
	font-family: "B Yekan", "ConcordW00-Light", "Trebuchet MS", Tahoma, arial;
	font-size: 16px;
	direction: rtl; text-align: right;
	text-decoration: none; color: #111;
	transition: 0.3s all ease;
}
p{font-weight:100}
.wfull{	width:100%;}
.w1350{
	max-width: 1350px; margin: auto;
	overflow-x: hidden;
	/* overflow is to avoid of x scroll sometimes :-( */
}
.w1200{
	max-width: 1200px; margin: auto;
	/*overflow-x: hidden;*/
	/* overflow is to avoid of x scroll sometimes :-( */
}
h1{font-size:2em; font-weight: 100;}
h2{font-size:1.7em; font-weight: 100;}
h3{font-size:1.4em; font-weight: 100;}
h4{font-size:1.2em; font-weight: 600;}
h1,h2,h3,h4{line-height:2em;}
section{padding-top:40px;}
hr{
	width:100%;
	border-bottom: 1px solid #111;
}
.ltr{direction: ltr;}
.en{font-family: "ConcordW00-Light", "Trebuchet MS", "B Yekan", Tahoma, Arial;}
.alarm{
	background-color: #edc527;
	border-radius: 2px; color: #fff;
	display: inline; text-align: center;
	cursor: default; padding:5px;
}
.danger{
	background-color: #FF0022;
	border-radius: 2px; color: #fff;
	display: inline; text-align: center;
	cursor: default; padding:5px;
}
.marked{
	background-color: #3699CA;
	border-radius: 2px; color: #fff;
	display: inline; text-align: center;
	cursor: default; padding:5px;
}
.inactive{
	background-color: #B4B9BA;
	border-radius: 2px; color: #fff;
	display: inline; text-align: center;
	cursor: default; padding:5px;
}
.slider{
	height: 480px;
	background-color: #171935;
	position: relative;
	padding-top:0;/*for sections padd */
}
.slider div{
	width: 100%; height: 100%; display: block;
	position: absolute;
	opacity: 0; display: flex;
	background-size: cover !important;
}
.slider #s01{
	background: url('../images/slider/m-chelci-shatoo-01.jpg')
	no-repeat center;
}
.slider #s02{
	background: url('../images/slider/m-chelci-shatoo-02.jpg')
	no-repeat center;
}
.slider #s03{
	background: url('../images/slider/m-chelci-shatoo-03.jpg')
	no-repeat center;
}
.slider #s04{
	background: url('../images/slider/m-chelci-shatoo-04.jpg')
	no-repeat center;
}
.slider #s05{
	background: url('../images/slider/m-chelci-shatoo-05.jpg')
	no-repeat center;
}
.slider a{
	width: 32px; height: 17px; display: block;
	background: url('../images/slider-d-arrow.png')
	no-repeat center;
	background-size: 100%;
	margin: auto;
	position: relative; top: 95%;
}
.a-fblock{
	display:block;width:100%;height:100%;
	position:relative;
}
.gradient{
	width:100%; height: 100%; display:block;
	position: absolute; z-index: 2;
	background:
	linear-gradient( rgba(0,0,0,0) 50%, rgba(0,0,0,0.7));
}
.title{
	text-align: center;
	line-height: 2.5em;
}
.text{
	font-size:1em; line-height:2em;
	text-align: justify;
}
.items-box{
	height: auto; overflow: hidden;
	display: flex;
	flex-direction: column;
}
.item{
	width: 300px; height: 200px;
	margin: 0 auto; cursor: default;
	position: relative; overflow: hidden;
}
.item .add-cart{
	width:130px; height:40px;
	position: absolute; top: 0; left: 0; z-index:6;
}
.item .add-cart ul{
	display: flex;
	flex-direction: row-reverse;
}
.item .add-cart ul li{
	height:40px; color: #fff; cursor: pointer;
}
.item .add-cart ul li:first-child{
	width:85px; line-height: 40px;
	padding-right: 15px; font-size: 1em;
	background: url(../images/m-cart-empty.png)
		no-repeat 10px center;
	background-color: rgba(156,0,255,0.5);
}
.item .add-cart ul li:last-child{
	width:45px; background: rgba(255,0,5,0.7);
	font-size: 2em; line-height: 1.5em;
	text-align: center;
	opacity:0;
}
.item .add-cart ul li:first-child:hover{
	background-color: rgba(156,0,255,1);
}
.item .add-cart ul li:last-child:hover,
.item .remove:hover{
	background-color: rgba(255,0,5,1);
}
.item .add-cart ul li.added{
	background: url(../images/m-cart-full.png)
		no-repeat 10px center;
	background-color: rgba(0,255,55,0.8) !important;;
}
.item .add-cart ul li.added:hover{
	background-color: rgba(0,255,55,1) !important;;
}
.item .remove{
	width:100px; height:40px;
	position: absolute; top: 0; left: 0; z-index:6;
	background-color: rgba(255,0,5,0.5);
	padding:5px; color:#fff;
	font-size: 1.2em; text-align: center;
}
.item img , .item img{
	position:absolute; z-index: 1;
}
.item img.ver-t {display:none;}
.item:hover img{
	-webkit-filter:
	brightness(120%) saturate(110%);
	-moz-filter:
	brightness(120%) saturate(110%);
	-ms-filter:
	brightness(120%) saturate(110%) ;
	filter: brightness(120%) saturate(110%);
}
.item h4{
	position: absolute; color:#fff;
	z-index: 4; bottom: 10px; right:15px;
	font-weight:100;
}
.item .item-code{
	position: absolute; bottom: 10px; left:10px;
	z-index: 5; color: #fff;
}
.button{
	color: #fff; line-height: 2em;
	text-align: center; cursor:pointer;
	border-radius: 3px;
}
.button:hover{	opacity: 0.8; color:#fff;}
.copyright{
	width: 100%; min-height: 40px;
	padding:10px 20px;;
}
.copyright p, .copyright a{
	direction:ltr; font-family: "Trebuchet MS", arial, tahoma;
	font-size: 12px; text-align: center;
}
.copyright p span{font-size:10px;text-align:inherit;}
.copyright a{color:#01B5D0}
.back-btns{
	min-height:70px;
	display:flex;
	flex-direction: column;
	margin: 30px auto;
}
.back-btns a{
	width:90%; height:50px;
	position: relative;
	font-size: 1.2em; line-height:50px;
	margin: 5px auto;
}

.resp-img-m{display:block}
.resp-img-t{display:none}
.resp-img-d{display:none}
.form{
	display: flex;
	flex-direction: row;
}
.form ul li{
	width: 100%; min-height:50px; color:#7B19BA;
	font-size: 1.1em;
}
.txt-fld{
	width: 100%; height:30px;
	border: 1px solid #7B19BA;
	border-radius: 2px;
	padding: 2px 10px;
}
.txt-area{
	width: 100%; min-height:200px;
	border: 1px solid #7B19BA;
	border-radius: 2px;
	padding: 10px;
}

.m-t, .m{display:block}
.t, .d{display:none !important}

.date{
	width:120px; height:40px;
	position: absolute; top: 0; left: 0; z-index:6;
	color: #fff; text-align: center;
	line-height: 40px;
	background-color: rgba(156,0,255,0.5);
}
.date:hover{
	background-color: rgba(156,0,255,0.9);
}
.inline{
  display: flex;
  flex-direction: row;
  position: relative;
}
.ii{width: 50%;}
.iii{width: 33.33%;}
.center{text-align: center;}
.bg-light{
  background-color: rgba(255,255,255,0.1);
  padding: 5px !important;
}
.green{color: #00ff00 !important;}
.red{color: #ff0000 !important;}
.blue{color: #01B5D0 !important;}
.side-txt-padd{padding:5px 12px !important;}
.flx{
	display: flex;
}
.auto{
	margin: auto;
}