.carousel-root, .carousel-root *{margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.carousel-root{position:relative; display:none;}
.carousel-root .viewport{position:relative; overflow:hidden;}

.carousel-root .slides{position:relative;}
.carousel-root .slide{position:absolute; top:0; left:0; opacity:0; z-index:1; transition:opacity .5s; background-color:#F0F0F0;}
.carousel-root .slide.selected{opacity:1; position:relative; z-index:10;}
.carousel-root .slide > img{display:block; width:100%;}

.carousel-root .pager{text-align:center; margin-top:12px;}
.carousel-root .pager-button{display:inline-block; width:30px; height:30px; margin:0 10px; border-radius:15px; background-color:#CCC; cursor:pointer;}
.carousel-root .pager-button.selected{background-color:orange; cursor:default;}

.carousel-root .arrow{position:absolute; top:50%; margin-top:-36px; cursor:pointer; width:34px; height:72px; z-index:10000;}
.carousel-root .arrow-previous{left:0; background:url('../images/arrow_left.png') no-repeat;}
.carousel-root .arrow-next{right:0; background:url('../images/arrow_right.png') no-repeat;}
.carousel-root .viewport{padding:0 80px; min-height:89px; text-align:center;} /*adjust to create left and right open area for arrows, min-height = arrow height*/

.carousel-root .viewport p{font-style:italic; font-weight:300; color:#5a2503;}
.carousel-root .viewport p span{display:block; font-weight:bold; margin-top:14px; font-style:normal;}
.carousel-root .pager{display:none;}