.ccmsImageRotator
{
	position: relative; 
	padding-bottom: 56.25%;
	margin-bottom: 45px;
	height: 0;
	max-width: 100%;
}

.ccmsImageRotator.Landscape { padding-bottom: 56.25%; }
.ccmsImageRotator.Protrait { padding-bottom: 140%; }
.ccmsImageRotator.Square { padding-bottom: 100%; }

.ccmsImageRotator .ccms-ImageRotator
{
	background-attachment: center;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
}

.ccms-ImageRotator a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.ccmsImageRotator .slick-prev:before,
.ccmsImageRotator .slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: #fff;
}

.ccmsImageRotator .slick-prev
{
    left: 10px;
    z-index: 1;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color: rgba(0,0,0,.55);
    text-indent:-2px;
}

.ccmsImageRotator .slick-prev:before
{
    content: '\f104';
}

.ccmsImageRotator .slick-next
{
    right: 10px;
    border-radius:50%;
    width:40px;
    height:40px;
    background-color: rgba(0,0,0,.55);
    text-indent:2px;
}

.ccmsImageRotator .slick-next:before
{
    content: '\f105';
}

.ccmsImageRotator .slick-prev:hover,
.ccmsImageRotator .slick-next:hover
{
    opacity: 1;
    background-color:#fff;
    opacity:.50;
}
.ccmsImageRotator .slick-prev:hover:before,
.ccmsImageRotator .slick-next:hover:before
{
    opacity: 1;
    color:#666;
}

.ccmsImageRotator .ccms-ImageRotator-slider
{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.ccmsImageRotator .slick-list, .ccmsImageRotator .slick-track, .ccmsImageRotator .slick-slide { height:100% }

.ccmsImageRotator .slick-slide
{
    /*background-size: contain;*/
    background-size: cover;
    background-position: 50%;
}

	.ccmsImageRotator .slick-slide.ccms-imagerotator-contain
	{
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}

.ccmsImageRotator .ccms-ImageRotator-overlay
{
    box-sizing: border-box;
    height:25%;
    background-color:rgba(0,0,0,.55);
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    padding:15px;
    display: table-cell;
    vertical-align: middle;
}

.ccmsImageRotator .ccms-ImageRotator-overlay p
{
    padding:0px;
    margin:0px;
    color:#fff;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.ccmsImageRotator .slick-dots li button:before
{
    font-family:'FontAwesome';
    content:'\f111';
    font-size:9px;
}
.ccmsImageRotator .slick-active .slick-dots li button:before
{
    font-size:12px;
}

.slick-dots button { display:none; }