.slideshow {
    list-style-type: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50px;
}
.slideshow2 {
    list-style-type: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50px;
}
.slideshow3 {
    list-style-type: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50px;
}

/** SLIDESHOW **/
.slideshow,
.slideshow:after {
    top: 0px; /*Not sure why I needed this fix*/
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 0;

}

.slideshow2,
.slideshow2:after {
    top: 0px; /*Not sure why I needed this fix*/
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 0;

}

.slideshow3,
.slideshow3:after {
    top: 0px; /*Not sure why I needed this fix*/
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 0;

}

.slideshow li span {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50px;
     top: 0px;
     left: 0px;
     color: transparent;
     background-size: cover;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     opacity: 0;
     z-index: 0;
     animation: imageAnimation 36s linear infinite 0s;
 }

.slideshow2 li span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s;
}

.slideshow3 li span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s;
}

.slideshow li:nth-child(1) span {
    background-image: url("../images/loby/1.jpg");
    animation-delay: 2s;
}
.slideshow li:nth-child(2) span {
    background-image: url("../images/loby/3.jpg");
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    background-image: url("../images/loby/7.jpg");
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    background-image: url("../images/loby/1.jpg");
    animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
    background-image: url("../images/loby/3.jpg");
    animation-delay: 24s;
}
.slideshow li:nth-child(6) span {
    background-image: url("../images/loby/7.jpg");
    animation-delay: 30s;
}


.slideshow2 li:nth-child(1) span {
    background-image: url("../images/part/1.jpg");
    animation-delay: 2s;
}
.slideshow2 li:nth-child(2) span {
    background-image: url("../images/part/2.jpg");
    animation-delay: 6s;
}
.slideshow2 li:nth-child(3) span {
    background-image: url("../images/part/5.jpg");
    animation-delay: 12s;
}
.slideshow2 li:nth-child(4) span {
    background-image: url("../images/part/1.jpg");
    animation-delay: 18s;
}
.slideshow2 li:nth-child(5) span {
    background-image: url("../images/part/2.jpg");
    animation-delay: 24s;
}
.slideshow2 li:nth-child(6) span {
    background-image: url("../images/part/5.jpg");
    animation-delay: 30s;
}


.slideshow3 li:nth-child(1) span {
    background-image: url("../images/surgery/1.jpg");
    animation-delay: 2s;
}
.slideshow3 li:nth-child(2) span {
    background-image: url("../images/surgery/3.jpg");
    animation-delay: 6s;
}
.slideshow3 li:nth-child(3) span {
    background-image: url("../images/surgery/5.jpg");
    animation-delay: 10s;
}
.slideshow3 li:nth-child(4) span {
    background-image: url("../images/surgery/1.jpg");
    animation-delay: 18s;
}
.slideshow3 li:nth-child(5) span {
    background-image: url("../images/surgery/3.jpg");
    animation-delay: 24s;
}
.slideshow3 li:nth-child(6) span {
    background-image: url("../images/surgery/5.jpg");
    animation-delay: 30s;
}



@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { 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;
}

.no-cssanimations .cb-slideshow2 li span {
    opacity: 1;
}

.no-cssanimations .cb-slideshow3 li span {
    opacity: 1;
}