/*----------------------------------------------------------------------------- 

	-	kenburn slider -

Screen Stylesheet 

version:   	1.0 
date:      	09/18/11 
author:		themepunch
email:     	info@themepunch.com 
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


.slider {
	background-color:#ffffff;
	width:100%;
	padding:0;
	position:relative;
	max-height:480px;
}

.tp-simpleresponsive .caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	position:absolute;
}


/*************************
	-	CAPTIONS	-
**************************/

.fullwidthbanner.tp-simpleresponsive .caption, .fullwidthbanner .tp-simpleresponsive > ul > li {visibility:visible;}

.fullwidthbanner .caption, .fullwidthbanner > ul > li {visibility:hidden;}

.caption.w5 {width:5%;}

.caption.w10 {width:10%;}

.caption.w15 {width:15%;}

.caption.w20 {width:20%;}

.caption.w25 {width:25%;}

.caption.w30 {width:30%;}

.caption.w35 {width:35%;}

.caption.w40 {width:40%;}

.caption.w45 {width:45%;}

.caption.w50 {width:50%;}

.caption.w55 {width:55%;}

.caption.w60 {width:60%;}

.caption.w65 {width:65%;}

.caption.w70 {width:70%;}

.caption.w75 {width:75%;}

.caption.w80 {width:80%;}

.caption.w85 {width:85%;}

.caption.w90 {width:90%;}

.caption.w95 {width:95%;}

.caption.w100 {width:100%;}

/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/
.tp-bullets	{
	z-index:100;
	position:absolute;
	height:10px;
	padding:0 6px;
	z-index:999 !important;
}

.tp-bullets.simplebullets {bottom:10px;}

.tp-bullets.simplebullets.navbar {
	bottom:-20px;
	height:35px; 
	padding:0px 0px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin-top:-17px;
}

.tp-bullets.simplebullets .bullet {
	background-color:#ebecec;
	display:block;
	width:10px;
	height:10px;
	margin:0 4px;
	position:relative;
	float:left; 
	cursor:pointer; 
	text-indent:-9999px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition:background-color .3s ease-in-out;
	-moz-transition:background-color .3s ease-in-out;
	-ms-transition:background-color .3s ease-in-out;
	-o-transition:background-color .3s ease-in-out;
	transition:background-color .3s ease-in-out;
}

.tp-bullets.simplebullets .bullet:hover, 
.tp-bullets.simplebullets .bullet.selected {background-color:#000000;}

/*************************************
	-	TP ARROWS 	-
**************************************/


.tp-leftarrow, 
.tp-rightarrow {
	display:block;
	width:34px;
	height:21px;
	z-index:100;
	cursor:pointer; 
	position:relative;
	top:auto !important;
	left:auto !important;
	bottom:16px !important;
	-webkit-transition:background-position 0.3s ease-in-out;
	-moz-transition:background-position 0.3s ease-in-out;
	-o-transition:background-position 0.3s ease-in-out;
	-ms-transition:background-position 0.3s ease-in-out;
	transition:background-position 0.3s ease-in-out;
}

.tp-leftarrow {
	background:url(../../images/slide_navi_sep.png) no-repeat 100% 0;
	right:51px;
}

.tp-leftarrow span {
	background:url(../../images/arrow_slide.png) no-repeat 0 -19px;
	display:block;
	width:11px;
	height:19px;
}

.tp-rightarrow {
	right:18px;
}										

.tp-rightarrow span {
	background:url(../../images/arrow_slide.png) no-repeat 0 0;
	display:block;
	width:11px;
	height:19px;
	float:right;;
}

.tp-leftarrow.navbar.thumbswitharrow {margin-right:10px;}

.tp-rightarrow.navbar.thumbswitharrow {margin-left:0px;}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
	display:none;
	width:100%; 
	height:10px;
	position:absolute; 
	z-index:200;
}

/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/	
	
	
@media only screen and (min-width: 768px) and (max-width: 959px) {

 }  


  
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.responsive .tp-bullets.tp-thumbs {
		width:300px !important;
		height:30px !important;
	}
	.responsive .tp-bullets.tp-thumbs .tp-mask {
		width:300px !important;
		height:30px !important;
	}
	.responsive .tp-bullets.tp-thumbs .bullet {
		width:60px !important;
		height:30px !important;
	}

}

@media only screen and (min-width: 0px) and (max-width: 479px) {

	.responsive .tp-bullets {display:none}
	.responsive .tparrows {display:none;}
	
}
 
/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none; 
}

.tp-simpleresponsive ul {
	list-style:none;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}			

.tp-simpleresponsive > ul > li {
	list-style:none;
	width:100%;
	height:100%;
	position:absolute;
	visibility:hidden;
	overflow:hidden;
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div {
	width:10000px;
	height:10000px;
}  

.tp-loader {
	background:url(../../images/loader.gif) no-repeat 0 0;
	margin:-2.5px -20px;
	top:50%;
	left:50%;
	z-index:10000;
	position:absolute;
	width:40px;
	height:5px; 
}