/* Style sheet for the fading homepage slider */
  
/* Last modified 25/11/2018 */



/* Start Slider Styles */


.banner-image
{
  -webkit-animation-name: FadeInOut;

  -webkit-animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: infinite;

         
  -moz-animation-name: FadeInOut;

  -moz-animation-timing-function: ease-in-out;

  -moz-animation-iteration-count: infinite;

        
  -o-animation-name: FadeInOut;

  -o-animation-timing-function: ease-in-out;

  -o-animation-iteration-count: infinite;

         
  animation-name: FadeInOut;

  animation-timing-function: ease-in-out;

  animation-iteration-count: infinite;
}

#right-shift:active
{
  -webkit-animation-play-state:paused;
    
  -moz-animation-play-state:paused;
    
  -o-animation-play-state:paused; 
    
  animation-play-state:paused;
}

#left-shift:active
{
  -webkit-animation-play-state:paused;
    
  -moz-animation-play-state:paused;
    
  -o-animation-play-state:paused; 
    
  animation-play-state:paused;
}

.no-select
{
  -webkit-touch-callout: none;

  -webkit-user-select: none;
   
  -khtml-user-select: none;
   
  -moz-user-select: none;
    
  -ms-user-select: none;
    
  user-select: none;
}


#right-shift
{
  position: absolute;
   
  bottom: 40%; right: 0;

  margin-right: 10%;

  font-size: 3.0em;

  color: white;

  z-index: 1;
}

#right-shift:focus
{
  outline: none;
}


#left-shift
{
  position: absolute;
   
  bottom: 40%; left: 0;

  margin-left: 10%;

  font-size: 3.0em;

  color: white;

  z-index: 1;
}

#left-shift:focus
{
  outline: none;
}


#scroll-window
{
  position: relative;
  
  height: 300px;

  width: 900px;
}

.banner-image
{
  position: absolute;
}


#right-shift:hover
{
  cursor: pointer;

  color: gold;
}

#left-shift:hover
{
  cursor: pointer;

  color: gold;
}

#image-link-url
{
  z-index: 0;
}


/* End Slider Styles */