/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
overflow: hidden;
margin-top:37px;
max-width: 960px;
    float: none;
    margin: 0 auto;
	width:100%;}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
	  max-width: 100%;
	  text-align:center;
	  border:none !important;
	  padding:0 15px;
}
a.jcarousel-next {
    position: absolute;
    right: 0;
    top: 44%;
	background:url(next.png) top right no-repeat;
	  padding: 7px 0;
  height: 40px;
  width: 40px;
}

a.jcarousel-prev {
    position: absolute;    
    left: 0;    top: 44%;
	background:url(prev.png) top left no-repeat;
	padding: 7px 0;
  height: 40px;
  width: 40px;
}

    .testimonial-wrap {
  max-width: 1094px;
  padding: 0px 120px;
  /* background: #ddd; */
  display: inline-block;
}

.johnhostler-home-testimonial {
    background: #2975af;
	padding-bottom: 40px;
}

.testimonial-images {
    text-align: center;
}

.testimonial-images img {
    height: 107px;
    width: 107px;
    border-radius: 107px;
}

.testimonial-wrap h2 {
    text-align: center;
    font-family: 'Gotham Medium';
    font-weight: 300;
    font-size: 25px;
    color: #fff;
}

.testimonial-desc {
   text-align: center;
  color: #fff;
  background: url(../images/bg-testimonial-desc.png) top center no-repeat;
  /* background-size: cover; */
  padding: 0px 50px;
}
.jcarousel-pagination {
    width: 100%;
    float: left;
    text-align: center;
	    margin-top: -10px;

}
.jcarousel-pagination a {
   height: 14px;
  width: 14px;
  background: #517cba;
  margin-right: 5px;
  border-radius: 14px;
  display: inline-block;
  font-size: 1px;
}
.jcarousel-pagination a:last-child{
	margin-right: 0px;
}
.jcarousel-pagination a.active{
	background: #3c3c3c !important;
}
	

@media only screen and (max-width: 1336px) {
}