.rotator {
	clear:both;
	overflow:hidden;
	position:relative;
	z-index:0;
}

.rotator-size {
	opacity:0;
}

.rotator-slide {
	position:absolute;
	width:100%;
}

.rotator-pagination {
	bottom:5px;	
	opacity:0.2;
	position:absolute;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
	z-index:2;
}

#paginationPosition-center {
	left:50%;
}

#paginationPosition-left {
	left:5px;
}

#paginationPosition-right {
	right:20%;
}

.rotator:hover .rotator-pagination {
	opacity:1;
	z-index: 999;
}

.rotator-pagination.rotator-pagination-numeric a,
.rotator-pagination.rotator-pagination-numericBox a {		
	border:1px solid #666;
}

/*.rotator-pagination.rotator-pagination-circles a,
.rotator-pagination.rotator-pagination-numericCircles a {
	border-radius: 50%;
	height: 14px;
    width: 8px;
}*/

.rotator-pagination a {	
	background:#ccc;
	background:rgba(204,204,204,0.95);
	color:#ccc;
	font-size:12px;
	font-weight:bold;
	/*left:-50%;*/
	margin:0 3px;
	padding:0 3px;
	position:relative;
		-moz-transition:0.5s;
		-o-transition:0.5s;
		-webkit-transition:0.5s;
	transition:0.5s background;
}

.rotator-pagination a {
    font-size: 0;   
    display: inline-block;
    vertical-align: bottom;
    border-radius: 50%;
	height: 15px;
    width: 15px;
    box-shadow: 0px 0px 2px #333;  
        margin-right: 3px; 
}

.rotator-pagination a.highlight {
    content: '';
    background: #2E406F;
    /*position: absolute;
    width: 12px;
    height: 12px;*/
    border:1px solid #CCC;
    border-radius: 50%;
    /*left: 1px;
    top: 1px;*/
    box-shadow: 0px 0px 2px #333;
}

.rotator:hover .rotator-pagination a {
	color:#369;
	opacity:0.9;
	text-decoration:none;
}

.rotator-nav {
	height:33px;
	opacity:0;
	position:absolute;
	top:50%;
	top:calc(50% - 8px);
		-moz-transition: opacity 0.5s, z-index 0s 0.5s;
		-o-transition: opacity 0.5s, z-index 0s 0.5s;
		-webkit-transition: opacity 0.5s, z-index 0s 0.5s;
	transition: opacity 0.5s, z-index 0s 0.5s;
	width:33px;
	z-index:-1;
	background:url(sprite.png);
}

.rotator:hover .rotator-nav {
	opacity:0.7;
		-moz-transition: opacity 0.5s, z-index 0s;
		-o-transition: opacity 0.5s, z-index 0s;
		-webkit-transition: opacity 0.5s, z-index 0s;
	transition: opacity 0.5s, z-index 0s;
	z-index:999;
} 

.rotator-prev {
	/*left:5px;
	background:url(http://carhire.tv/modules/mod_ad_slider/img/button-prev.png);*/
	width: 33px;
	left:5px;
	background-position: 0px 0px;
}

.rotator-next {
	/*background:url(http://carhire.tv/modules/mod_ad_slider/img/button-next.png);
	right:5px;*/
	
	right: 5px;
    width: 33px;
	background-position: 32px 0px;
}



.rotator-fade .rotators .rotator-slide {
	z-index:0;
	opacity:0;
	left:0;
	top:0;
	-moz-transition:opacity 0.75s, z-index 0s 0.75s; -o-transition:opacity 0.75s, z-index 0s 0.75s; -webkit-transition:opacity 0.75s, z-index 0s 0.75s;
	transition:opacity 0.75s, z-index 0s 0.75s;
}
.rotator-fade .rotators .active {
	opacity:1;
	z-index:1;
	-moz-transition:opacity 0.75s; -o-transition:opacity 0.75s; -webkit-transition:opacity 0.75s;
	transition:opacity 0.75s;
}


.rotator-push-out-to-left .rotators .rotator-slide {
	left:100%;
	top:0;
	z-index:0;
	-moz-transition:left 0s 0.5s; -o-transition:left 0s 0.5s; -webkit-transition:left 0s 0.5s;
	transition:left 0s 0.5s;
}
.rotator-push-out-to-left .rotators .active {
	left:0%;
	z-index:1;
	-moz-transition:left 0.5s; -o-transition:left 0.5s; -webkit-transition:left 0.5s;
	transition:left 0.5s;
}
.rotator-push-out-to-left .rotators .deactivating {
	left:-100%;
	z-index:1;
	-moz-transition:left 0.5s; -o-transition:left 0.5s; -webkit-transition:left 0.5s;
	transition:left 0.5s;
}


.rotator-push-out-to-right .rotators .rotator-slide {
	right:100%;
	top:0;
	z-index:0;
	-moz-transition:right 0s 0.5s; -o-transition:right 0s 0.5s; -webkit-transition:right 0s 0.5s;
	transition:right 0s 0.5s;
}
.rotator-push-out-to-right .rotators .active {
	right:0%;
	z-index:1;
	-moz-transition:right 0.5s; -o-transition:right 0.5s; -webkit-transition:right 0.5s;
	transition:right 0.5s;
}
.rotator-push-out-to-right .rotators .deactivating {
	right:-100%;
	z-index:1;
	-moz-transition:right 0.5s; -o-transition:right 0.5s; -webkit-transition:right 0.5s;
	transition:right 0.5s;
}


.rotator-slide-in-from-left .rotators .rotator-slide {
	right:100%;
	top:0;
	z-index:0;
	-moz-transition:right 0s 0.5s; -o-transition:right 0s 0.5s; -webkit-transition:right 0s 0.5s;
	transition:right 0s 0.5s;
}
.rotator-slide-in-from-left .rotators .active {
	right:0%;
	z-index:1;
	-moz-transition:right 0.5s; -o-transition:right 0.5s; -webkit-transition:right 0.5s;
	transition:right 0.5s;
}


.rotator-slide-in-from-right .rotators .rotator-slide {
	left:100%;
	top:0;
	z-index:0;
	-moz-transition:left 0s 0.5s; -o-transition:left 0s 0.5s; -webkit-transition:left 0s 0.5s;
	transition:left 0s 0.5s;
}
.rotator-slide-in-from-right .rotators .active {
	left:0%;
	z-index:1;
	-moz-transition:left 0.5s; -o-transition:left 0.5s; -webkit-transition:left 0.5s;
	transition:left 0.5s;
}


.rotator-slide-out-to-left .rotators .rotator-slide {
	left:0%;
	top:0;
	z-index:0;
	-moz-transition:left 0.5s, z-index 0s; -o-transition:left 0.5s, z-index 0s; -webkit-transition:left 0.5s, z-index 0s;
	transition:left 0.5s, z-index 0s;
}
.rotator-slide-out-to-left .rotators .active {
	z-index:1;
}
.rotator-slide-out-to-left .rotators .deactivating {
	left:-100%;
	z-index:2;
}


.rotator-slide-out-to-right .rotators .rotator-slide {
	right:0%;
	top:0;
	z-index:0;
	-moz-transition:right 0.5s, z-index 0s; -o-transition:right 0.5s, z-index 0s; -webkit-transition:right 0.5s, z-index 0s;
	transition:right 0.5s, z-index 0s;
}
.rotator-slide-out-to-right .rotators .active {
	z-index:1;
}
.rotator-slide-out-to-right .rotators .deactivating {
	right:-100%;
	z-index:2;
}

/*The following css is used to style the specials rotator*/
.adsRotator a img, .adsRotator img {
	position: relative;
}

.adsRotator a span img {
	position: relative;
}


/**
 * Countdown Timer Banner styles
 */

.has-countdown .sub-overlay {
	padding: 0 60px;
}

.has-countdown .countdown-timer-container {
	color: white;
	font-weight: bold;
	/* position: relative; */
	font-size: 14px;
	font-weight: 900;
	/* float: left;
	left: 0;
	top: -408px;
	display: inline-block;
	height: 30%; */
	width: 100%;
	text-align: center;
	/* right: 0; */
}

.has-countdown .time-heading {
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 6px black;
	text-transform: uppercase;
	margin-bottom: 5px
}

.has-countdown ul.countdown-timer {
	padding: 0;
	text-transform: uppercase;
}

.has-countdown .countdown-timer li {
	display: inline-block;
	margin: 0 6px;
	text-align: center;
	width: 70px;
}

.has-countdown .countdown-value {
	background-color: gray;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0));
	border-radius: 10px;
	font-size: 25px;
	padding: 15px;
}

.has-countdown .countdown-label {
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
	position: relative;
	top: -20px;
	font-size: 11px;
	font-weight: 400;
}

.has-countdown .overlay.banner-overlay {
	height: auto;
	top: 0;
}

.has-countdown .overlay img {
	margin-right: 0;
	height: 75% !important;
}

@media screen and (min-width: 992px) {
	.has-countdown .overlay {
		text-align: center;
	}

	.has-countdown .overlay img {
		margin-right: 0;
		height: 75% !important;
	}
}


@media (min-width: 1200px) {
	.has-countdown .overlay.banner-overlay {
		height: auto;
		top: 0;
	}

	.has-countdown .countdown-timer-container {
		top: -485px;
	}

	.has-countdown .overlay img {
		height: 64% !important;
	}
}

@media screen and (max-width: 500px){
	.has-countdown .countdown-value {
		font-size: 16px;
		padding: 5px 5px 15px 5px;
	}
	
	.has-countdown .countdown-label {
		font-size: 8px;
	}

	.has-countdown .countdown-timer li {
		width: 50px;
	}

	.has-countdown ul.countdown-timer {
		margin-left: -70px;
		margin-right: -70px;
	}

	.has-countdown .overlay img {
		height: 75% !important;
	}

	.has-countdown .sub-overlay {
		padding: 0;
	}
}

/** Countdown Timer Banner styles - END */


/** Video Banner */
#banner-background-video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#banner-background-video video,
.banner-video video { /* top and transform prop values vertical center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
}

/** Video Banner - END */

/* Rich content theme */
.rich-content-container {
	position: relative;
	overflow: hidden;
}

.rich-content-overlay {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.rich-content-sub-overlay {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	margin: 0 auto;
	max-width: 100%;
	padding: 10px 40px; /* horizontal padding accomodates rotator buttons */
}

.rich-content-background {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-height: 500px; /* Change and use with breakpoints if necessary */
}

.rich-content-overlay img {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.rich-content-sub-overlay>img,
	.rich-content-sub-overlay>p>img {
		max-width: 600px;
	}
}

.rich-content-container .has-countdown .countdown-timer-container {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	height: initial !important;
	z-index: 1;
}

.rich-content-container .has-countdown .countdown-value,
.rich-content-container .has-countdown .time-heading {
	position: relative;
}
/* Rich content theme - END */

/* Rich content inlines theme */
.rich-content-inlines-container {
	width: 100%;
	height: 100%;
}

.rich-content-inlines-container-inner {
	display: flex;
	height: 100%;
}

.rich-content-inlines-ad-background {
	display: flex;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.rich-content-inlines-ad-foreground {
	width: 100%;
}
/* Rich content inlines theme - END */