body {
	overflow-x: hidden; /* horizontal scroll fix */
}

/* -------------------------------------
 * Slider Background
 * ------------------------------------*/

.cute-section {
	position: relative;

	width: 100%;
	padding-top: 10px;
	margin-bottom: 44px;
}

	.cute-section .cute-bg {
		position: absolute;
		top: 0;
		width: 100%;
		height: 80%;
		background: #232527;
	}

	.cute-section img {
		max-width: none;
	}

.cute-slider{
	position: relative;	
}

.cute-ie8 * {filter: inherit; opacity: inherit;}


/* -------------------------------------
 * Slider Controls
 * ------------------------------------*/

.br-controls {
	position:absolute;
	z-index: 10;
	background-image: url("../img/cute-theme/trans.png");
}


.br-next {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 40px;
	right: 30px;
	margin-top: -17px;
	background-color: #4e5257;
	background-image: url(../img/arrows.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background: #4e5257 -Webkit-image-set(url(../img/arrows.png) 1x, url(../img/arrows@2x.png) 2x) right bottom no-repeat; /* Image for Retina */
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	transition: all 0.05s linear;
	-moz-transition: all 0.07s linear;
	-webkit-transition: all 0.07s linear;
	-o-transition: all 0.07s linear;
	-ms-transition: all 0.07s linear;
}

.br-next:hover , .br-previous:hover{
	background-color: #f5c11e;
}

.br-previous{
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 40px;
	right: 65px;
	margin-top: -17px;
	background-color: #4e5257;
	background-image: url(../img/arrows.png);
	background-position: top;
	background-repeat: no-repeat;
	background: #4e5257 -Webkit-image-set(url(../img/arrows.png) 1x, url(../img/arrows@2x.png) 2x) right top no-repeat; /* Image for Retina */
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	transition: all 0.05s linear;
	-moz-transition: all 0.07s linear;
	-webkit-transition: all 0.07s linear;
	-o-transition: all 0.07s linear;
	-ms-transition: all 0.07s linear;
}

.br-slidecontrol{
	position: absolute;
	list-style: none;
	bottom: 45px;
	right: 115px;
	z-index: 10;
}

	.br-slidecontrol ul li{
		display: block;
		position:relative;
		margin:2px;
		float:left;
		width: 12px;
		height: 12px;
		background: url("../img/cute-theme/controls.png") -114px -15px;
	}
	
	.br-slidecontrol ul li .br-control-selected{
		display: block;
		width:12px;
		height: 12px;
		background: url("../img/cute-theme/controls.png") -93px -15px;
	}


.br-thumb-bottom {
	left: -36px;
	position: relative;
}

.br-thumb-up {
	left: -36px;
	top:-143px;
	position: relative;
}

	.br-thumb-bottom .br-thumb-frame { 
		background-image: : url(../img/cute-theme/thumb-frame.png);
		background-position: -0px -7px;
		background: -Webkit-image-set(url(../img/cute-theme/thumb-frame.png) 1x, url(../img/cute-theme/thumb-frame@2x.png) 2x) -0px -7px; /* Image for Retina */
		width: 92px;
		height: 95px;
	}
	
	.br-thumb-up .br-thumb-frame { 
		background-image: : url(../img/cute-theme/thumb-frame.png);
		background-position: -89px 1px;
		background: -Webkit-image-set(url(../img/cute-theme/thumb-frame.png) 1x, url(../img/cute-theme/thumb-frame@2x.png) 2x) -89px 1px; /* Image for Retina */
		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{
	position:absolute !important;
	background: url("../img/slider-gradient.png") bottom repeat-x;
	bottom:0;
	top: 0;
	right:0;
}

	.br-slideinfo .right , .br-slideinfo .left{
		width:100%;
		height: auto;
	}
	
	.br-slideinfo .info1 div{
		position: absolute;
		bottom: 0;
		overflow: hidden;
		margin-left: 40px;
		padding-bottom: 22px;
		padding-right: 40%;
	}
	
	.br-slideinfo .info1 .title{
			margin-bottom: 8px;
	}
	
	.br-slideinfo .info1 .text{
			position: relative;
			bottom: 0;
			color: white;
			font-size: 16px;
	}

	
/* -------------------------------------
 * 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("../img/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("../img/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{

	}
	
	.caption1 {
		position: absolute;
		top: 20%;
		z-index: 2000;
		width: 50%;
	}
	
	.caption1 h4, .caption1 a.btn, .caption1 p {
		margin-left: 12%;
	}
	
	.caption2 {
		position: absolute;
		top: 33%;
		right: 7%;
		z-index: 2000;
		width: 40%;
	}
	
	.caption2 p {
		color: white;
	}
	

/* -------------------------------------
 * Slider Video
 * ------------------------------------*/

.br-video {
	
}

	.br-video .play-btn{
		width: 43px;
		height: 43px;
		background: url("../img/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('../img/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("../img/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("../img/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("../img/cute-theme/small-loading.gif") no-repeat center;	
	}

.br-large-loading {
	width: 43px;
	height: 43px;
	background: url("../img/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("../img/cute-theme/large-loading.gif") no-repeat center;	
	}
@media (min-width: 1200px) {
.caption1 { top: 33%; }
}
@media (min-width: 768px) and (max-width: 979px) {
.caption1 { top: 10%; }
}
@media (max-width: 767px) {
#cute-slider { width: 460px; }
#cute-slider .row { margin: 0; }
.br-slideinfo p, .caption1 p { display: none; }
.br-slideinfo h4, .caption1 h4 { font-size: 18px; letter-spacing: -1px; }
.br-next, .br-previous { bottom: 20px; }
.br-slidecontrol{ display: none; }
}

@media (max-width: 479px) {
#cute-slider { width: 300px; }
}