.slider {
	width: 100%;
	height: 85%;
	left: 0px;
	top: 110px;
	margin: 0;
	position: absolute;
	
  
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;

}
.slide1 {

      background-size: cover;
    animation:fade 18s infinite;
-webkit-animation:fade 18s infinite;
 background-attachment: fixed;
     background-position: top;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
z-index: 2; 
} 
.slide2 {

      background-size: cover;
    animation:fade2 18s infinite;
-webkit-animation:fade2 18s infinite;
 background-attachment: fixed;
     background-position: top;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
z-index: 3; 
}
.slide3 {
  
    background-size: cover;
    animation:fade3 18s infinite;
-webkit-animation:fade3 18s infinite;
 background-attachment: fixed;
     background-position: top;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    background-size: cover;
z-index: 4; 
}
@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 footerin
{
  0%   {opacity:0.6}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.8}
  100% { opacity: 0.9}
}

@keyframes footerout
{
  0%   {opacity:0.8}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.6}
  100% { opacity: 0.5}
}

@keyframes footerout2
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}