/* Testimonial carousel customisations */

/*
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!
*/
.block-testimonial-carousel {
    position: relative;
    overflow: hidden;
	text-align: center;
}

/*
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.
*/
.block-testimonial-carousel-items {
    width: 20000em;
    position: relative;
	text-align: initial;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.block-testimonial-carousel-items .carousel-item {
    /* Required only for block elements like <li>'s */
    float: left;
}

.block-testimonial-carousel-controls {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    z-index: 1000;
    margin-top: -24px;
}

a.block-testimonial-carousel-control {
	position: relative;
    line-height: 50px;
    font-size: 30px;
    font-family: 'ing-icons';
    color: #FFF;
    text-decoration: none;
}

a.block-testimonial-carousel-control.prev { left: -470px; }
a.block-testimonial-carousel-control.prev:before { content: "\e692"; }
a.block-testimonial-carousel-control.next { right: -470px; }
a.block-testimonial-carousel-control.next:after { content: "\e691"; }

.block-testimonial-carousel-pagination {
    position: absolute;
    margin-top: 10px;
    z-index: 1000;
    width: 100%;
	height: 10px;
}

.block-testimonial-carousel-pagination a {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #FFF;
    border-radius: 2px;
    margin-left: 6px;
    line-height: 10px;
    font-size: 1px;
    color: transparent;
}

.block-testimonial-carousel-pagination a.active {
    background-color: #FF6200;
}

.block-testimonial-carousel .block-testimonial .column p {
    height: 192px;
    overflow: hidden;
}