.cb-slideshow, .cb-slideshow:after { position: fixed; width: 100%; height: 100%;
top: 0px; left: 0px; z-index: 0; } .cb-slideshow:after { content: '';
background: transparent url(../images/pattern.png) repeat top left; }
.cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px;
left: 0px; color: transparent; background-size: cover; background-position: 50%
50%; background-repeat: none; opacity: 0; z-index: 0;
-webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 98s
linear infinite 0s; -moz-animation: imageAnimation 98s linear infinite 0s;
-o-animation: imageAnimation 98s linear infinite 0s; -ms-animation:
imageAnimation 95s linear infinite 0s; animation: imageAnimation 98s linear
infinite 0s;

} .cb-slideshow li div { z-index: 1000; position: absolute; bottom: 30px; left:
0px; width: 100%; text-align: center; opacity: 0; -webkit-animation:
titleAnimation 98s linear infinite 0s; -moz-animation: titleAnimation 98s linear
infinite 0s; -o-animation: titleAnimation 98s linear infinite 0s; -ms-animation:
titleAnimation 98s linear infinite 0s; animation: titleAnimation 98s linear
infinite 0s; } 
.cb-slideshow li div h3 { font-family: "PT sans Narrow";font-size:120px; padding: 0; 
line-height:150px; color: rgba(250,250,250, 0.8); text-shadow:1px 1px 1px #000;} 
.cb-slideshow li div h2 { font-family: "PT sans Narrow", "Arial Narrow",
"Times New Roman", serif; font-size: 60px; padding: 0; line-height:150px; color:
rgba(250,250,250, 0.8); text-shadow:1px 1px 1px #000; } 
.cb-slideshow li div p {
font-family: "PT sans Narrow", "Arial Narrow", "Times New Roman", serif;
font-size: 2em; padding: 0; line-height:2em; color: rgba(250,250,250, 0.8);
text-shadow:1px 1px 1px #000; } 

.cb-slideshow li:nth-child(1) span {
background-image: url(../images/1.jpg); background-position: 20% 50%;}

.cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 0s;
-moz-animation-delay: 0s; -o-animation-delay: 5s; -ms-animation-delay: 0s;
animation-delay: 0s; }

.cb-slideshow li:nth-child(2) span { background-image: url(../images/2.jpg);
background-position:1% 50%;-webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay:
10s; -ms-animation-delay: 10s; animation-delay: 10s; } .cb-slideshow
li:nth-child(2) div { -webkit-animation-delay: 13s; -moz-animation-delay: 13s;
-o-animation-delay: 13s; -ms-animation-delay: 13s; animation-delay: 13s; }


.cb-slideshow li:nth-child(3) span { background-image: url(../images/3.jpg);
background-position: 30% 50%;-webkit-animation-delay: 20s; -moz-animation-delay: 20s; -o-animation-delay:
20s; -ms-animation-delay: 20s; animation-delay: 20s; } 
.cb-slideshow
li:nth-child(3) div { -webkit-animation-delay: 23s; -moz-animation-delay: 23s;
-o-animation-delay: 23s; -ms-animation-delay: 23s; animation-delay: 23s; }

.cb-slideshow li:nth-child(4) span { background-image: url(../images/4.jpg);
background-position: 50% 50%; -webkit-animation-delay: 35s;
-moz-animation-delay: 35s; -o-animation-delay: 35s; -ms-animation-delay: 35s;
animation-delay: 35s; } .cb-slideshow li:nth-child(4) div {
-webkit-animation-delay: 43s; -moz-animation-delay: 43s; -o-animation-delay:
43s; -ms-animation-delay: 43s; animation-delay: 43s; }

.cb-slideshow li:nth-child(5) span { background-image: url(../images/6.jpg);
background-position:22% 50%; -webkit-animation-delay: 55s; -moz-animation-delay:
55s; -o-animation-delay: 55s; -ms-animation-delay: 55s; animation-delay: 55s; }
.cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 58s;
-moz-animation-delay: 58s; -o-animation-delay: 58s; -ms-animation-delay: 58s;
animation-delay: 58s; }

.cb-slideshow li:nth-child(6) span { background-image: url(../images/5.jpg);
background-position: 50%; -webkit-animation-delay: 59s; -moz-animation-delay:
59s; -o-animation-delay: 59s; -ms-animation-delay: 59s; animation-delay: 59s; }
.cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 59s;
-moz-animation-delay: 59s; -o-animation-delay: 59s; -ms-animation-delay: 59s;
animation-delay: 59s; }

.cb-slideshow li:nth-child(7) span { background-image: url(../images/7.jpg);
background-position:60% 50%; -webkit-animation-delay: 70s; -moz-animation-delay:
70s; -o-animation-delay: 70s; -ms-animation-delay: 70s; animation-delay: 70s; }
.cb-slideshow li:nth-child(7) div { -webkit-animation-delay:75s;
-moz-animation-delay: 75s; -o-animation-delay: 75s; -ms-animation-delay: 75s;
animation-delay: 75s; }


.cb-slideshow li:nth-child(8) span { background-position:50% bottom;
background-image: url(../images/8.jpg); -webkit-animation-delay: 85s;
-moz-animation-delay: 85s; -o-animation-delay: 85s; -ms-animation-delay: 85s;
animation-delay: 85s; } 
.cb-slideshow li:nth-child(8) div {
-webkit-animation-delay: 85s; -moz-animation-delay: 85s; -o-animation-delay:
90s; -ms-animation-delay: 85s; animation-delay: 85s; }
/* Animation for the slideshow images */
@-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 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
0% {
opacity: 0; -webkit-transform: translateY(200px);
} 8% {
opacity: 1; -webkit-transform: translateY(0px);
} 17% {
opacity: 1; -webkit-transform: scale(1);
} 19% { opacity: 0 } 25% {
opacity: 0; -webkit-transform: scale(10);
} 100% { opacity: 0 }
} @-moz-keyframes titleAnimation {
0% {
opacity: 0; -moz-transform: translateY(200px);
} 8% {
opacity: 1; -moz-transform: translateY(0px);
} 17% {
opacity: 1; -moz-transform: scale(1);
} 19% { opacity: 0 } 25% {
opacity: 0; -moz-transform: scale(10);
} 100% { opacity: 0 }
} @-o-keyframes titleAnimation {
0% {
opacity: 0; -o-transform: translateY(200px);
} 8% {
opacity: 1; -o-transform: translateY(0px);
} 17% {
opacity: 1; -o-transform: scale(1);
} 19% { opacity: 0 } 25% {
opacity: 0; -o-transform: scale(10);
} 100% { opacity: 0 }
} @-ms-keyframes titleAnimation {
0% {
opacity: 0; -ms-transform: translateY(200px);
} 8% {
opacity: 1; -ms-transform: translateY(0px);
} 17% {
opacity: 1; -ms-transform: scale(1);
} 19% { opacity: 0 } 25% {
opacity: 0; -webkit-transform: scale(10);
} 100% { opacity: 0 }
} @keyframes titleAnimation {
0% {
opacity: 0; transform: translateY(200px);
} 8% {
opacity: 1; transform: translateY(0px);
} 17% {
opacity: 1; transform: scale(1);
} 19% { opacity: 0 } 25% {
opacity: 0; transform: scale(10);
} 100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
opacity: 1;
} @media screen and (max-width: 1140px) {
.cb-slideshow li div h3 { font-size: 70px;line-height:75px; }
} 
@media all and (max-width: 600px) {
.cb-slideshow li div h3 { font-size: 40px;line-height:32px;}
.cb-slideshow li div h2 { font-size: 30px;line-height:150px; } 
.cb-slideshow li div p { font-size: 1.2em;line-height:1.5em;}
}