.carousel {
    position: relative;
    width: 100%;
}
.carousel-wrapper {
}
.carousel-box {
    height: auto;
    list-style: none;
    overflow: hidden;
    position: absolute;
    margin: 0px;
	width: 65%;
	left: 50%;
	-webkit-transform: translate(-50%, 0) scale(.875);
	-moz-transform: translate(-50%, 0) scale(.875);
	-ms-transform: translate(-50%, 0) scale(.875);
	-o-transform: translate(-50%, 0) scale(.875);
  	transform: translate(-50%, 0) scale(.875);

    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.carousel-box.is-active {
    z-index: 4;
	-webkit-transform: translate(-50%, 0) scale(1);
	-moz-transform: translate(-50%, 0) scale(1);
	-ms-transform: translate(-50%, 0) scale(1);
	-o-transform: translate(-50%, 0) scale(1);
  	transform: translate(-50%, 0) scale(1);
}
.carousel-box.left,
.carousel-box.right {

}
.carousel-box.left {
    z-index: 2;
    left: 9%;
	-webkit-transform: translate(-13%, 0) scale(.875);
	-moz-transform: translate(-13%, 0) scale(.875);
	-ms-transform: translate(-13%, 0) scale(.875);
	-o-transform: translate(-13%, 0) scale(.875);
  	transform: translate(-13%, 0) scale(.875);
}
.carousel-box.right {
    z-index: 2;
    left: 26.5%;
	-webkit-transform: translate(13%, 0) scale(.875);
	-moz-transform: translate(13%, 0) scale(.875);
	-ms-transform: translate(13%, 0) scale(.875);
	-o-transform: translate(13%, 0) scale(.875);
  	transform: translate(13%, 0) scale(.875);
}
.nav-left,
.nav-right {
    background: url(img/arrow.png) left 0px no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 31px;
    position: absolute;
    top: 41%;
    width: 30px;
    z-index: 6;
}
.nav-left {
    left: 0;
}
.nav-right {
    right: 0;
    background-position: right -90px;

}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
	.nav-left,
	.nav-right {
		width: 44px;
		height: 45px;
	}
	.nav-right {
		background-position: right -133px;
	}

}