pre { border:1px solid #000; overflow-x:auto; background: #222;color: #fff;text-shadow: none;}
.wrapper { max-width: 100%; padding: 0 20px 40px 20px; margin: auto;}
.jcarousel-wrapper {margin: 20px auto; position: relative; max-width: 1170px;}
.jcarousel {position: relative; overflow: hidden; width: 100%;}
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcarousel li{float: left;}
.jcarousel img {display: block; max-width: 100%; height: auto !important;}
/** Carousel Controls **/
.jcarousel-control-prev,.jcarousel-control-next { position: absolute; top: 50%; margin-top: -15px;width: 30px;height: 30px;text-align: center; background: #4E443C; color: #fff;text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; padding-top:0px;}
.jcarousel-control-prev{left: 0%; border-radius:0px 3px 3px 0px;}
.jcarousel-control-next{right: 0%; border-radius:3px 0px 0px 3px;}
a:hover, a:focus { color: #fff;  text-decoration: none;}

/** Carousel Pagination **/
.jcarousel-pagination { position: absolute; bottom: -40px; left: 46%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);  margin: 0;}
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px;-webkit-box-shadow: 0 0 2px #4E443C;-moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C;}
.jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7;  box-shadow: 0 0 2px #F0EFE7;}