/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 9, 2016, 10:01:34 AM
    Author     : Kurt
*/

.fader {
  max-width: 300px;
  height: 200px;
  margin: 20px auto;
  position: relative;
}
.fade1,.fade2,.fade3,.fade4,.fade5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.fade1 {
  background: url(http://photos.newswire.ca/images/20160406_C2624_PHOTO_EN_659011.jpg)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
-moz-animation:fade 8s infinite;

} 
.fade2 {
  background: url(http://vector.me/files/images/3/4/34423/citifinancial.png)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
-moz-animation:fade 8s infinite;
}
.fade3 {
    background: url(http://www.plexcan.com/photos/ClientLogos/ComboLogo.jpg)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
-moz-animation:fade 8s infinite;
}
.fade4 {
    background: url(http://www.plexcan.com/photos/ClientLogos/ComboLogo.jpg)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
-moz-animation:fade 8s infinite;
}
.fade5 {
    background: url(http://www.plexcan.com/photos/ClientLogos/ComboLogo.jpg)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
-moz-animation:fade 8s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade5
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}