/* Carousel CSS
------------------------------*/
.image-carousel,
.snap-carousel,
.snap-carousel .group { position: relative; width: 100%; height: 149px; float: left; clear: both; }

.snap-carousel { background:#fff; width:90%; margin:0 auto; float:none; border-radius:8px; }
    .snap-carousel .group { float: left; clear: both; }
        .snap-carousel .group ul { list-style: none; position: absolute; left: 80px; right: 80px; top: 0; bottom: 0; margin: 0 auto; padding: 0; overflow: hidden; }
        .snap-carousel .group li { float: left; clear: right; text-align: center; position:relative; height: 149px; background-position:center; background-repeat:no-repeat; }
            .snap-carousel .group li > img { position:relative; display:none; }
            .snap-carousel .group li p { width: 100%; text-align: center; }
            .snap-carousel .group li a { margin-top:290px; }
            .snap-carousel .group li h4 { margin: 0; }

			.snap-carousel .group li li { transition:none; }
			
		/*--Navigation--*/
		.snap-carousel .left-nav,
    .snap-carousel .right-nav { position: absolute; top: 0; bottom: 0; opacity: 1; }

    .snap-carousel .left-nav { left: 5px; width: 70px; background: transparent url("https://dev.seedtechnologies.com/STEM_Resources/images/greyArrow.png") no-repeat; background-position: center center; transform:rotate(180deg); }
    .snap-carousel .right-nav { right: 5px; width: 70px; background: transparent url("https://dev.seedtechnologies.com/STEM_Resources/images/greyArrow.png") no-repeat; background-position: center center; }

        .snap-carousel .left-nav:hover,
        .snap-carousel .right-nav:hover { cursor: pointer; opacity: 0.6; }
		
		
@media only screen and (max-width: 768px) {
    .snap-carousel .group ul { left: 10px; right: 10px; }
}