/*
 BackSlider - Fullscreen Background Image Slider 
 -----------------------------------------------
 CSS Style
 
 @author   flGravity
 @site     http://codecanyon.net/user/flGravity
 @created  19/07/2012
 @version  1.1
  
*/

.backslider,
.backslider .bs-slides li,
.backslider .bs-overlay,
.backslider .bs-preload,
.backslider .bs-coverslide {
	width: 100%;
	height: 757px;
}

.hide {
	position:relative;
	width: 100%;
	height: 756px;
	overflow:hidden;
	}

.backslider {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	overflow: hidden;
	z-index: 0;
	padding-bottom:39px;
	background:url(shade.png)/*tpa=http://ec-tlt.ru/img/shade.png*/ repeat-x 0 bottom;
}

/* slides */
.backslider .bs-slides {
	list-style: inside none;
}

.backslider .bs-slides li {
	display: none;
	position: absolute;
	overflow: hidden;
	top: 0; 
	left: 0;
}

.backslider .bs-slides img,
.backslider .bs-slides .bs-landscape {
	width: 100%;
	height: auto;
}

.backslider .bs-slides .bs-portrait {
	width: 100%;
	height: 100%;
}

.backslider .bs-coverslide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
	overflow: hidden;
}

/* slides overlay pattern */
.backslider .bs-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: url("bs-overlay.png")/*tpa=http://ec-tlt.ru/img/bs-overlay.png*/;
	z-index: 50;
}

/* preloader */
.backslider .bs-preload {
	position: absolute;
	background: #000000;
	z-index: 100;
}

.backslider .bs-preload-indicator {
	float: right;
	width: 32px;
	height: 32px;
	background: url("bs-preloader.gif")/*tpa=http://ec-tlt.ru/img/bs-preloader.gif*/;
	margin: 10px;
}

/* backslider controls box */
.bs-controls {
	position: relative;
	display: none;
	/*right: 10px;
	bottom: 10px;*/
	z-index: 100;
}

/* next, previous, timer and pagination buttons */
/*.bs-timer,
.bs-next,
.bs-scroll,
.bs-previous {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	outline: none;
}*/
.bs-controls .bs-timer {
	display:none;
}
.bs-controls .bs-pagination {
	display: block;
	width:144px;height:174px;
	padding:6px;
	background:#fff;
	border-radius: 7px;
	outline: none;

	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;

}


.bs-controls .bs-timer {
	background: url("bs-controls.png")/*tpa=http://ec-tlt.ru/img/bs-controls.png*/ no-repeat -20px 0;
}

.bs-controls .bs-scroll {
	background: url("bs-controls.png")/*tpa=http://ec-tlt.ru/img/bs-controls.png*/ no-repeat -20px -80px;
}
/*
.bs-controls .bs-next {
	background: url("http://ec-tlt.ru/img/bs-controls.png") no-repeat -20px -40px;
}

.bs-controls .bs-previous {
	background: url("http://ec-tlt.ru/img/bs-controls.png") no-repeat -20px -60px;
}*/

.bs-controls .bs-pagination {
	/*background: url("http://ec-tlt.ru/img/bs-controls.png") no-repeat -20px -20px;*/
}

.bs-controls .bs-next:hover,
.bs-controls .bs-previous:hover {
	background-color: #000000;
	background-color: rgba(0,0,0,0.2);
}

.bs-controls .bs-pagination:hover,
.bs-controls .bs-pagination.bs-active {
	background-color: #333;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.bs-controls .bs-pagination:hover img ,
.bs-controls .bs-pagination.bs-active img {
	}

#sectors .bs-pagination:hover .hov,
#sectors .bs-pagination.bs-active .hov {
	/*display:block;*/
	background-color:#333;
	opacity:0.8;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	}

/* thumbnails mode */
.bs-controls .bs-thumbnails {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-left: 5px;
	background: #000;
}