#gallery .ff-container{
	position: relative;
	top: 20px;
}
#gallery .ff-container .clr{
	position: relative;
	margin-bottom: 40px;
}
#gallery .ff-container label{
	font-family: "Open Sans", 'Arial Narrow', Arial, sans-serif;
	text-align: left;
	cursor: pointer;
	color: #666;
	line-height: 33px;
	font-size: 12px;
	margin: 0 20px 0 0;
	position: relative;
	top: -31px;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; transition: all .3s ease; 
	
}
#gallery .ff-container label:hover{
	color: #ccc;
	
}

#gallery .ff-container input{
	display: none;
}
#gallery .ff-items{
	position: relative;
	top: -60px;
}



#gallery .ff-items li{
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
#gallery .ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,
#gallery .ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,
#gallery .ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3{	
	opacity: 1;
	
}
#gallery .ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),
#gallery .ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),
#gallery .ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3){
	opacity: 0.1;
	
}
#gallery .ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) span,
#gallery .ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) span,
#gallery .ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) span{
	display:none;
}