
.cb-slideshow, .cb-slideshow::after {
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.cb-slideshow::after {
    background: transparent url("../images/slideshow/pattern.png") repeat scroll left top;
    content: "";
}
.cb-slideshow li span {
    animation: 36s linear 0s normal none infinite running imageAnimation;
    backface-visibility: hidden;
    background-position: 50% 50%;
    background-size: cover;
    font-size: 0;
    height: 500px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
}
.cb-slideshow li div {
    animation: 36s linear 0s normal none infinite running titleAnimation;
    height: 500px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
.cb-slideshow li div h3 {
    color: rgba(255, 255, 255, 0.8);
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 70px;
    line-height: 70px;
    padding: 40px 30px 10px;
	z-index:9999;
}
.cb-slideshow li div p {
    color: rgba(255, 255, 255, 0.8);
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 30px;
    line-height: 28px;
    margin: auto;
    max-width: 800px;
    padding: 30px;
}
.cb-slideshow li:nth-child(1) span {
    background-image: url("../images/slideshow/1.jpg");
}
.cb-slideshow li:nth-child(2) span {
    animation-delay: 6s;
    background-image: url("../images/slideshow/2.jpg");
}
.cb-slideshow li:nth-child(3) span {
    animation-delay: 12s;
    background-image: url("../images/slideshow/3.jpg");
}
.cb-slideshow li:nth-child(4) span {
    animation-delay: 18s;
    background-image: url("../images/slideshow/4.jpg");
}
.cb-slideshow li:nth-child(5) span {
    animation-delay: 24s;
    background-image: url("../images/slideshow/5.jpg");
}
.cb-slideshow li:nth-child(6) span {
    animation-delay: 30s;
    background-image: url("../images/slideshow/6.jpg");
}
.cb-slideshow li:nth-child(2) div {
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    animation-delay: 30s;
}
@keyframes imageAnimation {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
}
8% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1.05);
}
17% {
    opacity: 1;
    transform: scale(1.1);
}
22% {
    opacity: 0;
    transform: scale(1.1) translateY(-20%);
}
25% {
    opacity: 0;
    transform: scale(1.1) translateY(-100%);
}
100% {
    opacity: 0;
}
}
@keyframes imageAnimation {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
}
8% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1.05);
}
17% {
    opacity: 1;
    transform: scale(1.1);
}
22% {
    opacity: 0;
    transform: scale(1.1) translateY(-20%);
}
25% {
    opacity: 0;
    transform: scale(1.1) translateY(-100%);
}
100% {
    opacity: 0;
}
}
@keyframes imageAnimation {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
}
8% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1.05);
}
17% {
    opacity: 1;
    transform: scale(1.1);
}
22% {
    opacity: 0;
    transform: scale(1.1) translateY(-20%);
}
25% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes titleAnimation {
0% {
    opacity: 0;
}
8% {
    opacity: 1;
}
17% {
    opacity: 1;
}
19% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes titleAnimation {
0% {
    opacity: 0;
}
8% {
    opacity: 1;
}
17% {
    opacity: 1;
}
19% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes titleAnimation {
0% {
    opacity: 0;
}
8% {
    opacity: 1;
}
17% {
    opacity: 1;
}
19% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}
@media screen and (max-width: 1140px) {
.cb-slideshow li div h3 {
    font-size: 100px;
}
}
@media screen and (max-width: 600px) {
.cb-slideshow li div h3 {
    font-size: 50px;
}
}
