@charset "utf-8";
/* CSS Document */

.grid {
	padding: 0px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.grid li {
	display: inline-block;
	margin: 10px 5px;
	padding: 0!important;
	position: relative;
	vertical-align:top;
}
.grid figure {
	margin: 0;
	padding:0px;
	text-align:center;
	display: table-cell;	
	position: relative;
	background:#ffffff;
	border:1px solid #d4d4d4;
	width:250px;		
}
.grid figure a {
	color:#555555;
}
.grid figure a:hover{
	color: #bdb216;	
}
.grid figcaption {
	padding:5px;
    overflow: hidden;
	margin-top:10px;		
}
.grid figure .name{
	height:60px;	
	padding:10px;
    overflow: hidden;		
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.1em;
	line-height:1.2em;
}
.grid figure .price{	
	height:50px;
	padding-top:10px;	
    overflow: hidden;
	
    font-family: 'Roboto Condensed', sans-serif;
	line-height:1.2em;
}
.grid figure .price.sale{
	color:#bdb216;
}
.grid figure .price .big{
	font-size:2em;	
}
.grid figure .price .old{
	color:#aaaaaa;
	text-decoration:line-through;
}

.grid figure .icon i{
	width:30px;
	height:30px;
	display:inline-block;
	margin:5px;
	padding-top:7px;
	border-radius:100%;
}
.grid figure .icon a i{
	background:transparent;
}
.grid figure .icon a:hover i{
	background:#eceff1;
	border-radius:100%;
}
.grid figure .icon a i,
.grid figure .icon a:hover i{
  -webkit-transition: background .3s ease-in-out;
       -o-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}
.grid figure b {
	position:absolute;
	top:0;
	right:0;
	background:rgba(189,178,22,0.7);
	color:#ffffff;
	text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	padding:5px 10px;	
}

.cell figure .image {
    height: 300px;
	width:300px;
	margin:0 auto;
	background:#ffffff;
    position: relative;
	overflow:hidden;
}
.cell figure .image img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
	max-height:300px;
	max-width:300px;
}
.cell figure:hover {
 -webkit-transform:translateY(-5px);
 	-moz-transform:translateY(-5px);
 		 transform:translateY(-5px);
}
.cell figure:hover img{
 -webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 		 transform: scale(1.1);
}