.allergen {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 70px;
	height: 100px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.allergen .text {
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	color: #969696;
	padding-top: 5px;
	display: block;
	width: 60px;
}
.allergen .icon {
	border: 1px solid #b5b5b5;
	position: relative;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	-webkit-animation-name: iconAppear;
	animation-name: iconAppear;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.allergen .icon:before {
	 content: "";
	 display: block;
	 position: absolute;
	 width :100%;
	 height: 100%;
	 z-index: 2;
	 background: url("icons/allergenes_before.png") center center no-repeat;
 }

@keyframes iconAppear {
0% {
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(0, 0);
}
90% {
	opacity: 1;
	transform-origin: 50% 50%;
	transform: scale(0.9, 0.9);
}
100% {
	opacity: 1;
	transform-origin: 50% 50%;
	transform: scale(1, 1);
}
}



.allergen .icon.gluten {
	 background-image: url("icons/icon_gluten.png");
 }
.allergen .icon.egg {
	 background-image: url("icons/icon_egg.png");
 }
.allergen .icon.soya-bean {
	 background-image: url("icons/icon_soya-bean.png");
 }
.allergen .icon.milk {
	 background-image: url("icons/icon_milk.png");
 }
.allergen .icon.celery {
	 background-image: url("icons/icon_celery.png");
 }
.allergen .icon.mustard {
	 background-image: url("icons/icon_mustard.png");
 }
.allergen .icon.lupine {
	 background-image: url("icons/icon_lupine.png");
 }
.allergen .icon.molluscs {
	 background-image: url("icons/icon_molluscs.png");
 }
.allergen .icon.stonefruit {
	 background-image: url("icons/icon_stonefruit.png");
 }
.allergen .icon.shellfish {
	 background-image: url("icons/icon_shellfish.png");
 }
.allergen .icon.fish {
	 background-image: url("icons/icon_fish.png");
 }
.allergen .icon.peanuts {
	 background-image: url("icons/icon_peanuts.png");
 }
.allergen .icon.sesame {
	 background-image: url("icons/icon_sesame.png");
 }
.allergen .icon.sulfur-dioxide {
	 background-image: url("icons/icon_sulfur-dioxide.png");
 }