/*
* MIXITUP Boilerplate Template Stylesheet
*/
.categories-filters {
	float:left;
	width:100%;
}
.controls{
	display: inline-block;
	width: 98%;
	margin: 0px 1%;
	position:relative;
}
.controls li{
	margin:5px 0px 5px 6px;
	cursor: pointer;
	float:left;
	background:#000;
	padding:0px 4px 0px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #191818;
}
.controls li:hover, .controls li.sort:hover{
	background:#ffa503;
}
.controls li.sort{
	background:#151515;
}
.controls li i{
	width:64px;
	height:64px;
	margin:3px 4px 0px 4px;
	margin-bottom:0px;
	background-image:url("../images/icons.png");
	background-repeat: no-repeat;
	display:block;
}
.controls li span{
    font-family: 'SignikaLight';
	padding:4px 0px 0px 0px;
	margin-left:2px;
	font-size:9px;
	line-height:9px; 
	width:70px; 
	margin-top:5px;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	border-top:1px solid #fff;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
.controls li#filter-all i{
	background-position: -344px 0px;
}
.controls li#filter-kitchen i{
	background-position: -408px -64px;
}
.controls li#filter-bathroom i{
	background-position: -344px -128px;
}
.controls li#filter-living_room i{
	background-position: -344px -64px;
}
.controls li#filter-bedroom i{
	background-position: -344px -192px;
}
.controls li#filter-waiting_room i{
	background-position: -344px -256px;
}
.controls li#filter-office i{
	background-position: -344px -320px;
}
.controls li#filter-sofa i{
	background-position: -408px 0px;
}
.controls li#sort-desc i{
	background-position: -408px -128px;
}
.controls li#sort-asc i{
	background-position: -408px -192px;
}
.controls li#sort-default i{
	background-position: -408px -256px;
}
.controls li.active{
	background:#ffa503;
}
#Grid{
	max-width: 960px;
	margin:0px 1%;
}

#Grid:after{
	content: '';
	display: inline-block;
	width: 100%;
}

#Grid .mix{
	display: none;
	opacity: 0;
	width: 214px;
width: 213px\9;/*ie8 and below*/
	vertical-align: top;
	margin:10px 1%;
	background: #ccc;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 80px;
}
#Grid .mix .ahref-img{
	position:relative;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	width:100%;
}
#Grid .gap{
	display: inline-block;
	width: 100px;
}