/*************************************/
/* Barglow Companies                 */
/* File: styles-main-slideshow.css   */
/* slide show for main page          */
/*                                   */
/* image file names here and         */
/* placeholder in index.php          */
/*************************************/

@charset "utf-8";

/*    will show image on load, need to fix so doesnt show between slides...
body 
{
	background-color:  #FFFFFF;  
	background-image: url(../images/SlideShow/init-background2.png); background-repeat: no-repeat; text-align:center; 	 
}
*/

.bg-slideshow,
.bg-slideshow:after {
	position: fixed;
	width: 100%;
	height: 95%;    
	top: 15px;
	left: 0px;
	z-index: -1;
	list-style-type: none;
}

.bg-slideshow:after {
	content: '';
 	background: url(../images/SlideShow/tomspattern01.png) repeat top left;     
/*	background: url(../images/SlideShow/init-background2.png) repeat top left;   */
}

.bg-slideshow li span {

	width: 100%;
	height: 95%;   

	position: absolute;
	top: 15px;
	left: 0px;
	color: transparent; 
	
	background-size: cover;
	
	background-position: center top;
	background-repeat: none;         
	
	opacity: 0;
	z-index: -2;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;	
	-o-backface-visibility: hidden;		

	-webkit-animation: imageAnimation 36s linear infinite 0s;
	-moz-animation: imageAnimation 36s linear infinite 0s;
	-ms-animation: imageAnimation 36s linear infinite 0s;
	-o-animation: imageAnimation 36s linear infinite 0s;
}

.bg-slideshow li:nth-child(1) span {
	background-image: url(../images/SlideShow/pichome-1-sz.jpg);
}

.bg-slideshow li:nth-child(2) span {
	background-image: url(../images/SlideShow/pichome-2-sz.jpg);
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	-o-animation-delay: 6s;
}

.bg-slideshow li:nth-child(3) span {
	background-image: url(../images/SlideShow/pichome-3-sz.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-ms-animation-delay: 12s;
	-o-animation-delay: 12s;
}

.bg-slideshow li:nth-child(4) span {
	background-image: url(../images/SlideShow/pichome-4-sz.jpg);    
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-ms-animation-delay: 18s;
	-o-animation-delay: 18s;
}

.bg-slideshow li:nth-child(5) span {
	background-image: url(../images/SlideShow/pichome-5-sz.jpg);    
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-ms-animation-delay: 24s;
	-o-animation-delay: 24s;
}

.bg-slideshow li:nth-child(6) span {
	background-image: url(../images/SlideShow/pichome-6-sz.jpg);    
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-ms-animation-delay: 30s;
	-o-animation-delay: 30s;
}

@-webkit-keyframes imageAnimation {
	0% {opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% {opacity: 1; -webkit-animation-timing-function: ease-out;}
	17% {opacity: 1; }
	25% {opacity: 0; }
	100% {opacity: 0; }
}

@-moz-keyframes imageAnimation {
	0% {opacity: 0; -moz-animation-timing-function: ease-in;}
	8% {opacity: 1; -moz-animation-timing-function: ease-out;}
	17% {opacity: 1; }
	25% {opacity: 0; }
	100% {opacity: 0; }
}

@-ms-keyframes imageAnimation {
	0% {opacity: 0; -ms-animation-timing-function: ease-in;}
	8% {opacity: 1; -ms-animation-timing-function: ease-out;}
	17% {opacity: 1; }
	25% {opacity: 0; }
	100% {opacity: 0; }
}

@-o-keyframes imageAnimation {
	0% {opacity: 0; -o-animation-timing-function: ease-in;}
	8% {opacity: 1; -o-animation-timing-function: ease-out;}
	17% {opacity: 1; }
	25% {opacity: 0; }
	100% {opacity: 0; }
}

.no-cssanimations .bg-slideshow li span {
	opacity: 1;
}