.sp-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	overflow:hidden;
	background-color:#eee;
}

.sp-content li span {
    width: 100%;
    height: 100%;
    position: absolute;
	padding:0px;
	margin:0px;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
   
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite;
    -moz-animation: imageAnimation 36s linear infinite;
    -o-animation: imageAnimation 36s linear infinite;
    -ms-animation: imageAnimation 36s linear infinite;
    animation: imageAnimation 36s linear infinite;
}


.sp-content li.frame-1 span {
/*	background-image: url(../images/11.jpg);*/
	background-image: url(../imagesF/slide1.jpg);
	-webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
	}
	

.sp-content li.frame-2 span {
   /* background-image: url(../images/C.jpg);*/
	background-image: url(../imagesF/slide2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.sp-content li.frame-3 span {
  	background-image: url(../imagesF/slide3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.sp-content li.frame-4 span {
  /*  background-image: url(../images/F.jpg);*/
	background-image: url(../imagesF/slide4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

.sp-content li.frame-5 span {
  /*  background-image: url(../images/E.jpg);*/
	background-image: url(../imagesF/slide5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

.sp-content li.frame-6 span {
   /* background-image: url(../images/F.jpg);*/
	background-image: url(../imagesF/slide6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}


.sp-content li h2 {
	position: absolute;
	top: 55%;
	opacity:0;
	line-height: 100px;
	height: 90px;
	font-size: 90px;
	width: 100%;
	text-align: center;
	color: #0c71d9;
	-webkit-animation: blurFadeInOut 36s ease-in backwards infinite;
	-moz-animation: blurFadeInOut 36s ease-in backwards infinite;
	-ms-animation: blurFadeInOut 36s ease-in backwards infinite;
	animation: blurFadeInOut 36s ease-in backwards infinite ;
}
.sp-content li.frame-1 h2{
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}
.sp-content li.frame-2 h2 {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.sp-content li.frame-3 h2 {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.sp-content li.frame-4 h2 {
	
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-ms-animation-delay: 18s;
	animation-delay: 18s;
}
.sp-content li.frame-5 h2 {
	
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-ms-animation-delay: 24s;
	animation-delay: 24s;
}
.sp-content li.frame-6 h2 {
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}

@-webkit-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		-webkit-transform: scale(1.3);
	}
	8%{
		opacity: 1;
	}
	25%{
		opacity: 0;
		-webkit-transform: scale(0);
		}
}

@-moz-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		-moz-transform: scale(1.3);
	}
	8%%{
		opacity: 1;
	}
	25%{
		opacity: 0;
		-moz-transform: scale(0);
		}
}

@keyframes blurFadeInOut{
	0%{
		opacity: 0;
		transform: scale(1.3);
	}
	8%{
		opacity: 1;
	}
	25%{
		opacity: 0;
		transform: scale(0);
		}
}