.tile-view *{
	font-family: "IRANSans","bYekan";
}
[dir=rtl] .tile-view .mod{
	float: right;
}
[dir=ltr] .tile-view .mod{
	float: left;
}
.tile-view>div{
	overflow: hidden;
	padding: 3px;
}
.tile-view>.full-wide-view{
	width: 100%;
}
.tile-view>.tow-wide-view{
	width: 66.66666667%;
}
[dir=rtl] .tile-view .c-tile{
	clear: right;
}
[dir=ltr] .tile-view .c-tile{
	clear: left;
}
[dir=rtl] .tile-view .o-tile{
	clear: right;
}
[dir=ltr] .tile-view .o-tile{
	clear: left;
}
.tile-view>div>a>div{
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	position: relative;
	overflow: hidden;
}
.tile-view>div img{
	max-height: 100%;
	max-width: 100%;
}
.tile-view>div>a, .tile-view>div>a:hover, .tile-view>div>a:focus, .tile-view>div>a:active, .tile-view>div>a:visited{
	outline: 0;
	color: inherit;
	text-decoration: none;
}
.tile-view .tile-title{
	position: absolute;
	top: 16%;
	text-align: center;
	width: 50%;
	font-size: 150%;
	color: #666;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
[dir=rtl] .tile-view .tile-title{
	left: 10px;
}
[dir=ltr] .tile-view .tile-title{
	left: 10px;
}
@media (max-width: 768px){
	.tile-view>.tow-wide-view, .tile-view>div{
		width: 100%;
	}
	.tile-view .tile-title{
		display: none;
	}
	.tile-view>div>a>div{
		background-color: #fff;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	.tile-view .tile-title{
		width: 40%;
		font-size: 130%;
		top: 17%;
	}
}