.product-list
{

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
}

.product-list-item
{
	
	margin: 1em;

}

.product
{
	
	background-repeat: no-repeat;
	border-radius: 18px;
	overflow:hidden;
	width:190px;
	height:170px;
	transition: color 0.1s ease-in;
	
}

.product img
{

	width: 128px;
	height: 128px;
	padding: 12px 31px 30px 31px;
	transition: padding 0.15s ease-in-out;

}

.product img:hover
{

	padding: 9px 31px 33px 31px;
	
}

.product-name, .product-name-white
{

	width: 100%;
	margin-top: -30px;
	font-size: 0.85em;
	font-weight: 500;
	text-shadow: 0px 1px rgba(255,255,255,0.97);
	text-align: center;
	pointer-events: none;
	
}

a .product-name:hover
{

	text-decoration: none;
	
}

.product:hover
{

	animation: productBackgroundHighlight 0.15s forwards;
	
}

@-webkit-keyframes productBackgroundHighlight
{

	from {background-position-y: 0px, 0px;}
	to {background-position-y: 0px, 100%;}

}

@keyframes productBackgroundHighlight
{

	from {background-position-y: 0px, 0px;}
	to {background-position-y: 0px, 100%;}

}

.product-checkbook
{

	/*color: rgba(50,107,58,0.7);*/
	
	background-image:
		linear-gradient(to bottom right,rgba(170,118,231,1) 25%,rgba(100,214,116,1));
	
}

.product-checkbookpro
{

	/*background-image:
		linear-gradient(to bottom right,rgba(67,120,255,1) 25%,rgba(180,255,255,1));*/
	background-image:
		linear-gradient(to bottom right,rgba(67,120,255,1) 25%,rgba(170,118,231,1));
	
}

.product-audiobookbuilder
{
/*99,56,40*/
/*255,144,103*/

/*155,91,59*/
	/*background-image:
		linear-gradient(to bottom right,rgba(255,168,80,1) 25%,rgba(255,220,110,1));*/
	/*background-image:
		linear-gradient(to bottom right,rgba(255,168,80,1) 25%,rgba(169,59,79,1));*/
	background-image:
		linear-gradient(to bottom right,rgba(159,42,57,1) 25%,rgba(255,168,80,1));
	
}

.product-checkbook, .product-checkbookpro, .product-audiobookbuilder
{

	color: white;
	text-shadow: 0px 1px rgba(40,40,40,0.7);
	
}

.product-checkbook .product-name, .product-checkbookpro .product-name, .product-audiobookbuilder .product-name
{

	text-shadow: 0px 1px rgba(40,40,40,0.7);

}

.product-returnlabels
{

	background-image:
		url('../images/product-texture.png'),
		linear-gradient(to bottom,rgba(73,46,25,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.8)),
		url('../images/returnlabels/product-background.png'),
		url('../images/product-shadow.png');
	background-size:
		auto,
		100% 200%,
		100%,
		100% 100%;
	background-repeat: repeat,no-repeat,no-repeat,no-repeat;
	color: rgba(73,46,25,0.7);
	
}

.product-returnlabels:hover
{

	color: rgba(73,46,25,0.9);
	
}

.product-pixelgriddle
{

	background-image:
		url('../images/product-texture.png'),
		linear-gradient(to bottom,rgba(128,77,0,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.8)),
		url('../images/pixelgriddle/product-background.png'),
		url('../images/product-shadow.png');
	background-size:
		auto,
		100% 200%,
		100% 100%,
		100% 100%;
	background-repeat: repeat,no-repeat,no-repeat,no-repeat;
	color: rgba(128,77,0,0.7);
	
}

.product-pixelgriddle:hover
{

	color: rgba(128,77,0,0.9);
	
}

.product-brightnesscontrol
{

	background-image:
		url('../images/product-texture.png'),
		linear-gradient(to bottom,rgba(144,93,0,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.8)),
		url('../images/brightnesscontrol/product-background.png'),
		url('../images/product-shadow.png');
	background-size:
		auto,
		100% 200%,
		100%,
		100% 100%;
	background-repeat: repeat,no-repeat,no-repeat,no-repeat;
	color: rgba(144,93,0,0.7);
	
}

.product-brightnesscontrol:hover
{

	color: rgba(144,93,0,0.9);
	
}

.product-roshamboup
{

	background-image:
		url('../images/product-texture.png'),
		linear-gradient(to bottom,rgba(16,16,16,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.8)),
		url('../images/roshamboup/product-background.png'),
		url('../images/product-shadow.png');
	background-size:
		auto,
		100% 200%,
		100%,
		100% 100%;
	background-repeat: repeat,no-repeat,no-repeat,no-repeat;
	color: rgba(16,16,16,0.7);
	
}

.product-roshamboup:hover
{

	color: rgba(16,16,16,0.9);
	
}

.product-scribblesquabble
{

	background-image:
		url('../images/product-texture.png'),
		linear-gradient(to bottom,rgba(48,48,48,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.8)),
		url('../images/scribblesquabble/product-background.png'),
		url('../images/product-shadow.png');
	background-size:
		auto,
		100% 200%,
		100%,
		100% 100%;
	background-repeat: repeat,no-repeat,no-repeat,no-repeat;
	color: rgba(48,48,48,0.7);
	
}

.product-scribblesquabble:hover
{

	color: rgba(48,48,48,0.9);
	
}

.product-viddyup
{

	background-image:
		url('../images/product-texture.png'),
		linear-gradient(to bottom,rgba(104,66,37,0.2),rgba(255,255,255,0.3),rgba(255,255,255,0.8)),
		url('../images/viddyup/product-background.png'),
		url('../images/product-shadow.png');
	background-size:
		auto,
		100% 200%,
		100%,
		100% 100%;
	background-repeat: repeat,no-repeat,no-repeat,no-repeat;
	color: rgba(104,66,37,0.7);
	
}

.product-viddyup:hover
{

	color: rgba(104,66,37,0.9);
	
}

.product-rates-block
{

	display: inline-block;
	margin: 0 auto;
	
}

.product-rate-block
{

	margin: 0.75em 0em 0.5em 0em;

}

.product-rate-block + .product-rate-block
{

	margin-top: 0.5em;

}

.product-rate-block-internal
{

	display: flex;
	align-items: center;
	font-size: 0.85em;
	text-align: left;
	
}

.product-rate-block img
{
	
	display: flex;
	margin-right: 0.4em;
	
}