.cb-slideshow{list-style: none; margin: 0px; padding: 0px;}
.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(/public/images/pattern.png) repeat top left;*/
}
.cb-slideshow li span {
    width                       : 100%;
    height                      : 100%;
    position                    : absolute;
    top                         : 0px;
    left                        : 0px;
    background-size             : cover;
    background-position         : 50% 50%;
    background-repeat           : none;
    opacity                     : 0;
    z-index                     : 0;
    -webkit-backface-visibility : hidden;
    -webkit-animation           : imageAnimation 36s linear infinite 0s;
    -moz-animation              : imageAnimation 36s linear infinite 0s;
    -o-animation                : imageAnimation 36s linear infinite 0s;
    -ms-animation               : imageAnimation 36s linear infinite 0s;
    animation                   : imageAnimation 36s 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 36s linear infinite 0s;
    -moz-animation    : titleAnimation 36s linear infinite 0s;
    -o-animation      : titleAnimation 36s linear infinite 0s;
    -ms-animation     : titleAnimation 36s linear infinite 0s;
    animation         : titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) span {
    background-image : url(/public/images/1.jpg)
}
.cb-slideshow li:nth-child(2) span {
    background-image        : url(/public/images/2.jpg);
    -webkit-animation-delay : 6s;
    -moz-animation-delay    : 6s;
    -o-animation-delay      : 6s;
    -ms-animation-delay     : 6s;
    animation-delay         : 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image        : url(/public/images/3.jpg);
    -webkit-animation-delay : 12s;
    -moz-animation-delay    : 12s;
    -o-animation-delay      : 12s;
    -ms-animation-delay     : 12s;
    animation-delay         : 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image        : url(/public/images/4.jpg);
    -webkit-animation-delay : 18s;
    -moz-animation-delay    : 18s;
    -o-animation-delay      : 18s;
    -ms-animation-delay     : 18s;
    animation-delay         : 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image        : url(/public/images/5.jpg);
    -webkit-animation-delay : 24s;
    -moz-animation-delay    : 24s;
    -o-animation-delay      : 24s;
    -ms-animation-delay     : 24s;
    animation-delay         : 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image        : url(/public/images/6.jpg);
    -webkit-animation-delay : 30s;
    -moz-animation-delay    : 30s;
    -o-animation-delay      : 30s;
    -ms-animation-delay     : 30s;
    animation-delay         : 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay : 6s;
    -moz-animation-delay    : 6s;
    -o-animation-delay      : 6s;
    -ms-animation-delay     : 6s;
    animation-delay         : 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay : 12s;
    -moz-animation-delay    : 12s;
    -o-animation-delay      : 12s;
    -ms-animation-delay     : 12s;
    animation-delay         : 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay : 18s;
    -moz-animation-delay    : 18s;
    -o-animation-delay      : 18s;
    -ms-animation-delay     : 18s;
    animation-delay         : 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay : 24s;
    -moz-animation-delay    : 24s;
    -o-animation-delay      : 24s;
    -ms-animation-delay     : 24s;
    animation-delay         : 24s;
}
.cb-slideshow li:nth-child(6) div {
    -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);
    }
    22% {
        opacity           : 0;
        -webkit-transform : scale(1.1) translateY(-20%);
    }
    25% {
        opacity           : 0;
        -webkit-transform : scale(1.1) translateY(-100%);
    }
    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);
    }
    22% {
        opacity           : 0;
        -webkit-transform : scale(1.1) translateY(-20%);
    }
    25% {
        opacity        : 0;
        -moz-transform : scale(1.1) translateY(-100%);
    }
    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);
    }
    22% {
        opacity           : 0;
        -webkit-transform : scale(1.1) translateY(-20%);
    }
    25% {
        opacity      : 0;
        -o-transform : scale(1.1) translateY(-100%);
    }
    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);
    }
    22% {
        opacity           : 0;
        -webkit-transform : scale(1.1) translateY(-20%);
    }
    25% {
        opacity       : 0;
        -ms-transform : scale(1.1) translateY(-100%);
    }
    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);
    }
    22% {
        opacity           : 0;
        -webkit-transform : scale(1.1) translateY(-20%);
    }
    25% {
        opacity    : 0;
        -transform : scale(1.1) translateY(-100%);
    }
    100% {
        opacity : 0
    }
}
@-webkit-keyframes titleAnimation {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-300%);
    }
    8% {
        opacity           : 1;
        -webkit-transform : translateY(0%);
    }
    17% {
        opacity           : 1;
        -webkit-transform : translateY(0%);
    }
    19% {
        opacity           : 0;
        -webkit-transform : translateY(100%);
    }
    25% {
        opacity : 0
    }
    100% {
        opacity : 0
    }
}
@-moz-keyframes titleAnimation {
    0% {
        opacity        : 0;
        -moz-transform : translateY(-300%);
    }
    8% {
        opacity        : 1;
        -moz-transform : translateY(0%);
    }
    17% {
        opacity        : 1;
        -moz-transform : translateY(0%);
    }
    19% {
        opacity        : 0;
        -moz-transform : translateY(100%);
    }
    25% {
        opacity : 0
    }
    100% {
        opacity : 0
    }
}
@-o-keyframes titleAnimation {
    0% {
        opacity      : 0;
        -o-transform : translateY(-300%);
    }
    8% {
        opacity      : 1;
        -o-transform : translateY(0%);
    }
    17% {
        opacity      : 1;
        -o-transform : translateY(0%);
    }
    19% {
        opacity      : 0;
        -o-transform : translateY(100%);
    }
    25% {
        opacity : 0
    }
    100% {
        opacity : 0
    }
}
@-ms-keyframes titleAnimation {
    0% {
        opacity       : 0;
        -ms-transform : translateY(-300%);
    }
    8% {
        opacity       : 1;
        -ms-transform : translateY(0%);
    }
    17% {
        opacity       : 1;
        -ms-transform : translateY(0%);
    }
    19% {
        opacity       : 0;
        -ms-transform : translateY(100%);
    }
    25% {
        opacity : 0
    }
    100% {
        opacity : 0
    }
}
@keyframes titleAnimation {
    0% {
        opacity   : 0;
        transform : translateY(-300%);
    }
    8% {
        opacity   : 1;
        transform : translateY(0%);
    }
    17% {
        opacity   : 1;
        transform : translateY(0%);
    }
    19% {
        opacity   : 0;
        transform : translateY(100%);
    }
    25% {
        opacity : 0
    }
    100% {
        opacity : 0
    }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
    opacity : 1;
}