body, html, p {
	font-family: Sans-Serif;
}
.bg-lightblue {
	background-color: #3b9fe2;
}
.txt-white {
	color: white;
	font-size: 1.5em;
	font-weight: 300;
	margin:0;
}
.spacer {
	min-height: 12vh;
}
.fruit {
	cursor: pointer;
}
.fruit-row, .fruits-row {
	font-size:2.6em;
}
.fruits-row__second {
	/* initial hidden */
	display: none;
}
.slot {
	border: 1px solid #3b9fe2;
	height: 56px;
	width: 56px;
	display: inline-block;
	font-size:2.6em;
}
#footer {
	width: 100vw;
	text-align: center;
	height: 56px;
	position: fixed;
	bottom: 0;
}
#bonuskaart-opzoeken #footer {
	display: none;
}
#picture {
	display: none;
}
.loading {
	animation: loader 1.5s linear infinite;
	height: 3px;
	width: 10px;
	background-color: #3b9fe2;
	margin: 0 auto;
	border-radius: 1px;
}
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@keyframes loader
{
	from { transform: scaleX(0.2);   opacity: 0.4; }
	50%  { transform: scaleX(30); opacity: 1.0; }
	to   { transform: scaleX(0.2); opacity: 0.4; }
}