.jcarousel-wrapper { /*margin: 20px auto;*/ position: relative; /*border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999;*/ } /** Carousel **/ .jcarousel { position: relative; overflow: hidden; width: 100%;  border-bottom: 1px solid #e4e4e4; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { width: 200px; float: left; /*border: 1px solid #fff;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .jcarousel img { /*display: block;*/     /*width: 100%; height: auto !important;*/ max-width: 100%; } .jcarousel-testimonials { position: relative; overflow: hidden; width: 100%; } .jcarousel-testimonials ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel-testimonials li { width: 200px; float: left; /*border: 1px solid #fff;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jcarousel-testimonials 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: 32px; height: 32px; text-align: center; color: #fff;     text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-decoration: none; text-indent: -99999px; } .jcarousel-control-prev{background: url("../images/carousel-left.png") no-repeat; } .jcarousel-control-next{background: url("../images/carousel-right.png") no-repeat;} .jcarousel-control-prev:hover, .jcarousel-control-next:hover, .jcarousel-control-prev:focus, .jcarousel-control-next:focus{text-decoration: none; outline:none;-webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7;} .jcarousel-control-prev { left: 15px;} .jcarousel-control-next { right: 15px; } .jcarousel-control-prev-t, .jcarousel-control-next-t { position: absolute; top: 50%; margin-top: -15px; width: 60px; height: 60px;   text-align: center; color: #000; text-decoration: none; /*text-shadow: 0 0 1px #000;*/ font: 24px/60px Arial, sans-serif; -webkit-border-radius: 58px; -moz-border-radius: 58px; border-radius: 58px; /*background: #fff;*/ border: 1px solid #fff; text-decoration: none; color: #fff; } .jcarousel-control-prev-t:hover, .jcarousel-control-next-t:hover, .jcarousel-control-prev-t:focus, .jcarousel-control-next-t:focus{text-decoration: none; outline:none;-webkit-box-shadow: 0 0 4px #f2f2f2; -moz-box-shadow: 0 0 4px #f2f2f2;     box-shadow: 0 0 4px #f2f2f2; color:#fff;} .jcarousel-control-prev-t { left: 15px; } .jcarousel-control-next-t { right: 15px; } /** Carousel Pagination **/ .jcarousel-pagination {  position: absolute; bottom: -40px; left: 50%; -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; }.jcarousel-pagination a:hover{text-decoration: none;}