@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'itmax';
	src:url(fonts/Yekan.woff) format('woff');
	}
	body{
	direction:rtl;
	margin:0 auto;
}
.main-header{
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto;
	
	}
.header-top{
	background-color:#f0f0f0;
	margin:0 auto;
	
	}
.header-info  {
	float:right;
	font:14px 'itmax';
	padding:5px 7% 5px 30%;

	}
.header-soc{
	padding:8px 5px;
	font:12px 'itmax';
	
	}	
.header-soc >a{
	text-decoration:none;
	color:#003AC3;
	padding:0 2px;
	}	
.header-logo{
	background-color:#FFFFFF ;
	margin:0 auto;
		}
.logo-img{
	display:inline;
	margin:3px 5% 3px 10%;
	float:right;
	width:10%;
	}	
	
/*.logo-img img {
	padding-top:20px;
	
		}*/	
.search	{
	float:right;
	margin:30px 10% 10px 30%;
	width:10%;
	}
.search input{
	padding:7px 5px 7px 15px;
	background:url(img/search.jpg) 2% #ffffff no-repeat;
	border:2px solid #ECEFF1;
	border-radius:6px;
	color:#f5f5f5;
	transition:0.5s;
	
	}
.btn-logo{
	padding:30px 5% 10px 5%;
	

	}
.btn1 ,.btn2{
	padding:0px 2px;
	float:right;
	}
.btn1 button{
	font:11px 'itmax';
	border-radius:2%;
	padding:1px 12px;
	
	}
.btn2 button{
	font:11px 'itmax';
	border-radius:2%;
	padding:1px 7px;
	
	}
.main-topbar{
	width:100%;
	height:50px;
	background-color:#1c63b8;
	margin-top:7%;
	/*position:fixed;
	top:0;
	z-index:100;*/
}
.topbar{
	width:90%;
	margin:0 2%;
}
ul,li{
	margin:0 auto;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
.topbar ul > li{
	display:inline-block;
	float:right;
	position:relative;
}
.topbar ul > li > a{
	display:block;
	color:#fdfdfd;
	font:14px 'itmax';
	padding:12px 13px;
	transition:0.5s;
}
.topbar ul > li > a:hover{
	background-color:#FFF59D;
	color:#000;
	transition:0.5s;
}
.main{
	width:96%;
	margin:60px auto;
	
}
.box{
	background-color:#B2DFDB;
	margin-left:10%;
	}
.metro-box{
	width:338px;
	height:220px;
	float:left;
	margin:5px 5px 5px 0;
}
.metro-box.big{
	width:681px;
}
.metro-box .image-box img{
	width:338px;
	height:220px;
}
.metro-box.big .image-box img{
	width:681px;
	height:220px;
}
.metro-box .image-box{
	position:relative;
	overflow:hidden;
}
.metro-box .image-box .content{
	background-color:rgba(155,89,182 ,0.6);
	font:14px 'itmax';
	padding:10px;
	position:absolute;
	bottom:-40%;
	height:140px;
	color:#000000;
	transition:0.5s;

}
.metro-box .image-box:hover .content{
	bottom:0;
	height:160px;
	transition:0.5s;
}
.color1{
	background-color:rgba(255,61,0 ,0.6) !important;
}

.color2{
	background-color:rgba(255,255,0 ,0.6) !important ;
}
.color3{
	background-color:rgba(29,233,182 ,0.6) !important;
}
.color4{
	background-color:rgba(13,71,161 ,0.6) !important;
}
.sale > h1{
	text-align:center;
	border-bottom:2px dotted #1A237E;
	
	}
.sale{
	clear:both;
	padding-top:1%;
	}
.polaroid{
	width:18%;
	float:left;
	margin:1%;
	background-color:#EEEEEE;
	box-shadow:0 0 5px 1px #1A237E;
	overflow:hidden;
	
	}
	.polaroid .image-po{
	overflow:hidden;
	}
.polaroid .image-po img{
	width:100%;
	/*transition:0.5s;*/
	}
/*	.polaroid .image-po:hover img{
	width:350px;
	height:220px;
	transition:0.5s;
	}*/	
.polaroid .content p{
	text-align:center;
	padding:5% 6% 9% 2%;
	font:14px 'itmax';
	
}
/*.polaroid h4{
	position: relative;
	visibility: hidden;
	width: 80%;
	margin: 5% 10% 0 10%;
	text-align:center;
	transition: 0.5s;
	font:14px 'itmax';
	
	}
	
.polaroid:hover h4{
	visibility: visible;
	transition: 0.5s;
	padding-bottom:2%;
	color:#1F00E9;
*/

.p-over{
	width:100%;
	background-color:#27F50F;	
	}	
	
footer{
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:#20252b;
	clear:both; 
	}
.f-btn{
	width:100%;
	height:90px;
	background-color:#003AC3;
	
	}
.f-btn >p{
	font:16px 'itmax';
	float:right;
	padding:1% 6% 1% 10%;
	}
.btnfo{
	margin:2% 10%;
	height:40px;
	float:left;
	font:14px 'irmax';
	padding:1% 3% ;
	border-radius:10%;
	transition:0.5s;
	}
.btnfo:hover{
	background-color:#171717;
	color:#FFFFFF;
	transition:0.5s;
	box-shadow:2px 3px 7px 2px #EFECEC;
	}
main-footer{
	margin:0 auto;
	}	
.main-footer >img{
	margin:5% auto;
	box-shadow:0 0 3px 3px #FFF9C4;
	}
.main-footer >p{
	color:#F5F0F0;
	font:16px 'itmax';
	}
.footer-colum{
	background-color:#20252b;
	margin:2% auto;
	height:15em;
	}	
.c-one,.c-two,.c-tree{
	width:30%;
	float:right;
	border-bottom: 1px dotted #003AC3;
	margin:auto 1%;
	font:14px 'itmax';
	}
.c-one,.c-two,.c-tree >p{
	color:#F5F0F0;
	text-align:center;
	position:relative;
	}
.f-link{
	position:absolute;
	padding:2% 1%;
		}
.f-link >p{
	color:#F5F0F0;
	}		
.f-link ul>li{
	padding:7px 5px;
	color:#F5F0F0;
	list-style:square;
	}		
			
.f-link ul>li>a	{
	color:#F5F0F0;
	display:block;
	float:right;
	position: relative;	
	}	
.copy-right{
	text-align:center;
	font:12px 'itmax';
	color:#A7A7A7;
	margin-top:7%;
	}	
.copy-right >a {
	margin:0 1%;
	color:#A7A7A7;
	
	}
	
/*dvr style		*/	
.dvr-top{
	width:50%;
	margin:0.5% 25% 1% 1%;
	text-align:center;
	overflow:hidden;
	/*box-shadow:1px 1px 3px 5px #E0E0E0;*/
	}
.dvr-img{
	overflow:hidden;
	}	
.dvr-img img{
	width:100%;
	}	

	/*gmk style*/
.gmk-top{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	}
.gmk-img{
	overflow:hidden;
	}	
.gmk-img img{
	width:100%;
	}