/* groen vinkje USPs animatie */

@keyframes slidein01 {
  from {
	margin-left: 100%;
  }
  5% {
	margin-left: 0;
  }
  20% {
    margin-left: 0;
  }
  25% {
	margin-left: -100%;
  }
  100% {
	margin-left: -100%;
  }
}


@keyframes slidein02 {
 from {
	margin-left: 100%;
  }
  25% {
	margin-left: 100%;
  }
  30% {
	margin-left: 0;
  }
  45% {
    margin-left: 0;
  }
  50% {
	margin-left: -100%;
  }
  100% {
	margin-left: -100%;
  }
}

@keyframes slidein03 {
  from {
	margin-left: 100%;
  }
  50% {
	margin-left: 100%;
  }
  55% {
	margin-left: 0;
  }
  70% {
    margin-left: 0;
  }
  75% {
	margin-left: -100%;
  }
  100% {
	margin-left: -100%;
  }
}

@keyframes slidein04 {
  from {
	margin-left: 100%;
  }
  75% {
	margin-left: 100%;
  }
  80% {
	margin-left: 0;
  }
  95% {
    margin-left: 0;
  }
  100% {
	margin-left: -100%;
  }
}

/* groen logo's verkooppunten animatie */
@keyframes logo_slides_one {
 	from {margin-left: 0;}
 	18% {margin-left: 0;}
	20% {margin-left: -100%;}
	38% {margin-left: -100%;}
	40% {margin-left: -200%;}
	58% {margin-left: -200%;}
	60% {margin-left: -300%;}
	78% {margin-left: -300%;}
  	80% {margin-left: -400%;}
	98% {margin-left: -400%;}
  	100% {margin-left: -500%;}
}

@keyframes logo_slides_two {
 	from {margin-left: 0;}
 	18% {margin-left: 0;}
	20% {margin-left: -50%;}
	38% {margin-left: -50%;}
	40% {margin-left: -100%;}
	58% {margin-left: -100%;}
	60% {margin-left: -150%;}
	78% {margin-left: -150%;}
	80% {margin-left: -200%;}
	98% {margin-left: -200%;}
  	100% {margin-left: -250%;}
}

@keyframes logo_slides_three {
	from {margin-left: 0;}
 	23% {margin-left: 0;}
	25% {margin-left: -33%;}
	48% {margin-left: -33%;}
	50% {margin-left: -66%;}
	73% {margin-left: -66%;}
	75% {margin-left: -100%;}
	98% {margin-left: -100%;}
  	100% {margin-left: -200%;}
}

@keyframes alarmknop_slides_one {
 	from {margin-left: 0;}
 	31% {margin-left: 0;}
	33% {margin-left: -100%;}
	64% {margin-left: -100%;}
	66% {margin-left: -200%;}
	98% {margin-left: -200%;}
  	100% {margin-left: -300%;}
}