.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -99;
}
.cb-slideshow:after {
    content: '';
    background: #9f3a28 url(../images/pattern.png) repeat top left;
    opacity: 0.6;
      animation: colorchange 50s linear infinite 0s; /* animation-name followed by duration in seconds*/
     -webkit-animation: colorchange 50s linear infinite 0s; /* Chrome and Safari */
}
.cb-slideshow li span {
  background-image: url(../images/rr1.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    z-index: -99;
  


   }

    @keyframes colorchange
    {
     0%   {background: #9f3a28 url(../images/pattern.png) repeat top left; }
      25%  {background: #ac9955 url(../images/pattern.png) repeat top left;   }
      50%  {background: #03887e url(../images/pattern.png) repeat top left; }
      75%  {background: #0f086d url(../images/pattern.png) repeat top left;    }
      100% {background: #9f3a28 url(../images/pattern.png) repeat top left;   }
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
       0%   {background: #9f3a28 url(../images/pattern.png) repeat top left; }
      25%  {background: #d05c07 url(../images/pattern.png) repeat top left;   }
      50%  {background: #ac9955 url(../images/pattern.png) repeat top left; }
      75%  {background: #03887e url(../images/pattern.png) repeat top left;    }
      100% {background: #9f3a28 url(../images/pattern.png) repeat top left;   }
    }