/* image slider css */
/* Authored by Boaz James Otieno */


img{width: 100%;height: auto}
#slider-main{
    width: 100%;
		height: 100%;
    overflow: hidden;
}
.img-slide{
    width: 100%;
    height: 100%;
    z-index: 5;
/*    overflow-y: hidden;*/
}
#prev{
display: none;
}
#next{
display: none;
}
.circle{
   display: none;
}
#circles{
display: none;
}
.image-animated{
    animation: animateImage 8s ease-in-out; /* change time according to interval set */
}

@keyframes animateImage {
    0%{
        opacity: .2;
        transform: scale(1.2,1.2);
    }
    20%{
        opacity: 1;
        transform: scale(1,1);
    }
    80%{
        opacity: 1;
        transform: scale(1,1);
    }
    95%{
        opacity: .8;
        transform: scale(1.2,1.2);
    }
    100%{
        opacity: .9;
        transform: scale(1.2,1.2);
    }
}

@media (max-width: 767px) {
/*    .img-slide{
        height: 40vh;
    }*/
}