@import url(http://fonts.googleapis.com/css?family=Cuprum:700,400);
.cute-slider{
	position: relative;	
}

.cute-ie8 * {filter: inherit; opacity: inherit;}


/* -------------------------------------
 * Slider Controls
 * ------------------------------------*/

.br-controls {
	position:absolute;
	z-index: 10;
	background-image: url("../cute-theme/trans.png");
}

.br-next , .br-previous{
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: 17px;
	left: 42px;
	margin-top: -17px;
	background: url("../cute-theme/controls.png") -106px -120px white;

	-webkit-transition: background-color 130ms;
	  -moz-transition : background-color 130ms;
	    -ms-transition: background-color 130ms;
	     -o-transition: background-color 130ms;
	        transition: background-color 130ms;
}

.br-next:hover , .br-previous:hover{
	background-color: #666;
}

.br-previous{
	left: 17px;
	background-position:-121px 27px;
}

.br-slidecontrol{
	position: absolute;
	list-style: none;
	bottom: 35px;
	right: 52px;
	z-index: 10;
}

	.br-slidecontrol ul li{
		display: block;
		position:relative;
		margin:2px;
		float:left;
		width:14px;
		height: 15px;
		background: url("../cute-theme/controls.png") -113px -14px;
	}
	
	.br-slidecontrol ul li .br-control-selected{
		display: block;
		width:14px;
		height: 15px;
		background: url("../cute-theme/controls.png") -92px -14px;
	}


.br-thumb-bottom {
	left: -36px;
	position: relative;
}

.br-thumb-up {
	left: -36px;
	top:-143px;
	position: relative;
}

	.br-thumb-bottom .br-thumb-frame { 
		background: url("../cute-theme/thumb-frame.png") -0px -7px;
		width: 92px;
		height: 95px;
	}
	
	.br-thumb-up .br-thumb-frame { 
		background: url("../cute-theme/thumb-frame.png") -89px 1px;
		width: 92px;
		height: 95px;
	}
	
	.br-thumb-bottom .br-thumb-img , .br-thumb-up .br-thumb-img{ 
		position:absolute;
		top: 17px;
		left: 15px;
		width:60px;
		height:60px;
	}

.br-slideinfo{
	position:relative !important;
}

/*.br-slideinfo .br-infocontent{
	background: url("../cute-theme/dark-info-pat.png");
	font-size: 12px;
	text-shadow: black 1px 1px;
	color: white;
	position:absolute !important;
	bottom:0;
	top: 0;
	right:0;
	height:auto !important;
	margin:17px
}
*/
.br-slideinfo .br-infocontent{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#000000;
	position:absolute !important;
	bottom:0;
	top: 0;
	left:0;
	height:100% !important;
	width:100% !important;
	
}

	.br-slideinfo .rightbottom {
	}
	.br-slideinfo .bannerDetails {
		position:absolute;
		left:auto;
		top:auto;
		width:350px;
	}
	.br-slideinfo  .bannerDetails.rightbottom {
		right:50px;
		top:170px;
	}
	.br-slideinfo  .bannerDetails.rightbottop {
		right:30px;
		top:20px;
	}
	.br-slideinfo  .bannerName {
		font-family: 'Cuprum', sans-serif;
		font-size:20px;
		color:#FFF;
		text-transform:uppercase;
		line-height:40px;
		padding:0px 15px;
		position:absolute;
		left:2px;
		top:220px;
		background:#000;
	}
	
	.br-slideinfo .info1{
		height:inherit !important;
	}
	
	.br-slideinfo .info1 .title{
		font-weight: 700;
		font-size: 19px;
	}
	
	.br-slideinfo .info1 .text{
		line-height: 152%;
	}

	
/* -------------------------------------
 * Slider Timer
 * ------------------------------------*/

.br-circle-timer {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 28px;
	height: 28px;
}

	.br-circle-timer .br-timer-dot {
		width:11px;
		height: 13px;
		background: url("../cute-theme/controls.png") -134px -15px;
	}

.br-bar-timer{
	height: 6px;
	position:absolute;
	bottom:0px;
}

	.br-bar-timer .br-timer-glow{
	 	height: 7px;
		background: url("../cute-theme/light-timer-glow.png");
		width: 104px;
	}
	 
	.br-bar-timer .br-timer-bar{
	 	height: 2px;
		background-color: white;
		position: absolute;
		top: 4px;
	}


/* -------------------------------------
 * Slider Captions
 * ------------------------------------*/

.br-captions .br-caption-content {

}

	.br-captions .caption{
		position: absolute;
	}

/* -------------------------------------
 * Slider Video
 * ------------------------------------*/

.br-video {
	
}

	.br-video .play-btn{
		width: 43px;
		height: 43px;
		background: url("../cute-theme/controls.png") no-repeat -3px -44px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -21px 0 0 -21px;
	}
	
	.br-video .close-btn{
		width: 22px;
		height: 22px;
		background: url('../cute-theme/controls.png') no-repeat 0px -123px black;
		cursor: pointer;
		position: absolute;
		right: 6px;
		top: 6px;
		border: solid 1px #5E5C5C;
	}

	.br-video .video-cont{
		background: black;
		position:absolute;
		z-index: 2;
		width:100%;
		height:100%;
	}

/* -------------------------------------
 * Slider Shadow
 * ------------------------------------*/

.br-shadow{
  background: url("../cute-theme/shadow.png") no-repeat scroll center ;
    bottom: -40px;
    height: 60px;
    left: -140px;
    position: absolute;
    width: 1150px;
}

/* -------------------------------------
 * Slider Loading
 * ------------------------------------*/

.br-loading {
	width: 23px;
	height: 23px;
	background: url("../cute-theme/controls.png") 150px -94px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -11px;
	z-index: 101;
}

	.br-loading .img{
		width:21px;
		height:21px;
		background: url("../cute-theme/small-loading.gif") no-repeat center;	
	}

.br-large-loading {
	width: 43px;
	height: 43px;
	background: url("../cute-theme/controls.png") -92px -42px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -21px;
	z-index: 100;
}

	.br-large-loading .img{
		width:40px;
		height:40px;
		background: url("../cute-theme/large-loading.gif") no-repeat center;	
	}




/* -------------------------------------
 * Slider Captions
 * ------------------------------------*/

.br-captions .br-caption-content {

}

	.br-captions{
		font-size:100%;
	}
	
	.caption1 {
	    background: #CC3C00;
		padding: 3px 3px 13px;
		color: white;
		left: 108px;
		font-size: 235%;
		position: absolute;
		font-weight: 300;
		letter-spacing: -2px;
	}
	
	.caption2 {
	    background: black;
	    position: absolute;
	    color: white;
	    font-weight: 600;
	    letter-spacing: -1px;
	    padding: 12px;
	    top: 50px;
	    left: 65px;
	}
	.caption3 {
	    position: absolute;
	    background: #f2f7fb;
	    letter-spacing: -1px;
	    font-size: 130%;
	    padding: 13px;
	    color: #333333;
	    bottom: 75px;
	}
	.caption4 {
	    color: white;
	    font-size: 200%;
	    font-weight: 300;
	    background: #ff0038;
	    position: absolute;
	    right: 0;
	    bottom: 128px;
	    letter-spacing: -2px;
	    padding: 12px;
	}
	.caption5 {
	    color: white;
	    background: black;
	    position: absolute;
	    padding: 6px;
	    top: 125px;
	    font-weight: 300;
	    left: 51%;
	}
	.caption6 {
	    color: white;
	    background: #feb300;
	    position: absolute;
	    right: 0;
	    font-weight: 600;
	    letter-spacing: -1px;
	    padding: 7px 10px;
	    top: 17%;
	}
	.caption7 {
	    color: rgb(82, 82, 82);
	    background: white;
	    position: absolute;
	    font-size: 136%;
	    letter-spacing: -1px;
	    font-weight: 300;
	    padding: 6px;
	    left: 12%;
	    top: 42%;
	}
	.caption8 {
	    position: absolute;
	    color: white;
	    font-size: 143%;
	    letter-spacing: -1px;
	    bottom: 0;
	    left: 37%;
	    background: #cb4b00;
	    padding: 9px 10px;
	}
	.caption9 {
	    color: white;
	    position: absolute;
	    background: #335267;
	    font-weight: 600;
	    font-size: 90%;
	    letter-spacing: -1px;
	    padding: 5px 54px 5px 13px;
	    right: 0;
	    bottom: 10%;
	}
		
	
	@media screen and (max-width: 650px) {
		.br-captions {font-size:75%}
	}
	
	@media screen and (max-width: 500px) {
		.br-captions {font-size:60%}
	}
	
	@media screen and (max-width: 400px) {
		.br-captions {display: none;}
	}