/* CUSTOMIZED CSS */

#my-slider {
    margin-top: 0px;
}

.slider-pro {
    width:100%;
    height:auto;
    margin:0 auto;
    position:relative;
}
.slider-pro  ul{
    margin:0;
    padding:0;
    list-style:none;
}
.slider-pro  ul li{
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    animation-iteration-count:infinite;
    animation-duration:24s;
}
.slider-pro  ul li:nth-child(1){
    animation-name:slider;
    animation-delay:-3s;
}
.slider-pro  ul li:nth-child(2){
    animation-name:slider;
    animation-delay:5s;
    opacity:0;
}
.slider-pro  ul li:nth-child(3){
    animation-name:slider;
    animation-delay:13s;
    opacity:0;
}
 
@keyframes slider{
    0%{
        opacity:0;
    }
    20.83%{
        opacity:1;
    }
    33.33%{
        opacity:1;
    }
    45.83%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}




/* END of CUSTOMIZED CSS */