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

	-	kenburn slider -

Screen Stylesheet 

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

/*******************************
	-	BANNER STYLES	-	
********************************/


.bannercontainer{
	max-width:1350px;
	height:520px;
	background-color:#333;
	margin:0 auto;
	text-align:center;
	position:relative;
}

.bannercontainer img { max-width: none;}

.bannercontainer ul { margin:0; padding:0;}

.bannercontainer ul >li{
	display:none;
}

/*************************************************
	-	THE PRELOADER OF THE BANNER 	-
*************************************************/
.kenburn-preloader{
	background:url(../assets/loader/preloader.gif) no-repeat 50% 50%;
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:9999;
	background-color: #000;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	padding: 10px;
	margin-left: -14px;
}


.video_kenburn_wrap	{height:100%; width:960px; margin: 0 auto; position:relative;}


/**********************************************************
	-	CAPTION SETTINGS FOR THE PARADIGM SLIDER	-
**********************************************************/	

.kb-fullsize .cp-right, .kb-fullsize .cp-top, .kb-fullsize .cp-left, .kb-fullsize .cp-bottom,
.kb-smallsize .cp-right, .kb-smallsize .cp-top, .kb-smallsize .cp-left, .kb-smallsize .cp-bottom,
.kb-mediumsize .cp-right, .kb-mediumsize .cp-top, .kb-mediumsize .cp-left, .kb-mediumsize .cp-bottom{
	
	color:#fff;
	background:url(../assets/bg/white50.png);
	position:absolute;		
		
}

.kb-minisize .cp-right, .kb-minisize .cp-top, .kb-minisize .cp-left, .kb-minisize .cp-bottom{
	visibility:hidden;
	width:0px;
	height:0px;
}

	
/**************************
	WIDHT >959px SIZING 
***************************/

.kb-fullsize .cp-right	{ padding:30px 40px 30px 40px; top:0px;    right:0px; height:100%; }
.kb-fullsize .cp-left	{ padding:30px 40px 30px 40px; top:0px;    left:0px;  height:100%; }
.kb-fullsize .cp-top	{ padding:5px 40px 5px 40px; top:0px;    left:0px;  width:100%;  }
.kb-fullsize .cp-bottom	{ padding:0; bottom:0px; left:0px;  width:100%; text-align:center; height:100%;}

.kb-fullsize .cp-title{		
	font-family:SteelfishRg-Regular;
    font-size:4.615em;
	margin-top:150px;
	color:#000;
	
}

.kb-fullsize p{
	font-family: CuprumFFURegular;
    font-size: 1.538em;
	color:#555;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

.kb-fullsize a.info { margin-top:20px; display:inline-block}



/*******	VIDEO SETTINGS	********/
.kb-fullsize .video_clip{
	display: block;
    height: 60%;
    left: 0;
    position: relative;
    top: 150px;
    width: 60%;
}

.kb-fullsize .video_video{
	width:100%;
	height:100%;			
}

.kb-fullsize .video_details{	
	width:34%;
	padding:30px 1.5% 30px 1.5%;			
	top:0px;
	right:0px;
	text-align:left;
	position:absolute;
}

.kb-fullsize .video_kenburn .cp-title{
	font-family:SteelfishRg-Regular;
    font-size:4.615em;
	color:#999;
	width:100% !important;
}

.kb-fullsize .video_kenburn p{
	font-family: CuprumFFURegular;
    font-size: 1.538em;
	color:#666;
	width:100%!important;		
}

/**************************
	WIDHT <=767px SIZING 
***************************/

.kb-mediumsize .cp-right	{ padding:15px 15px 15px 15px; top:0px;    right:0px; height:100%; }
.kb-mediumsize .cp-left	{ padding:15px 15px 15px 15px; top:0px;    left:0px;  height:100%; }
.kb-mediumsize .cp-top	{ padding:0px 15px 0px 15px; top:0px;    left:0px;  width:100%;  }
.kb-mediumsize .cp-bottom	{padding:0; bottom:0px; left:0px;  width:100%; text-align:center; height:100%;}

.kb-mediumsize .cp-title{	
	font-family:SteelfishRg-Regular;
    font-size:2.4em;
	margin-top:130px;
	margin-bottom:20px;
	color:#000;
}

.kb-mediumsize p{
	font-family: CuprumFFURegular;
    font-size: 1.2em;
	color:#555;
	width:80%;
	margin-left:auto;
	margin-right:auto;	
}

/*******	VIDEO SETTINGS	********/
.kb-mediumsize .video_clip{
	display: block;
    height: 60%;
    left: 0;
    position: relative;
    top: 120px;
    width: 60%;
}

.kb-mediumsize .video_video{
	width:100%;
	height:100%;			
}

.kb-mediumsize .video_details{	
	width:34%;
	padding:30px 1.5% 30px 1.5%;			
	top:0px;
	right:0px;
	text-align:left;
	position:absolute;
}

.kb-mediumsize .video_kenburn p{
	font-family: CuprumFFURegular;
    font-size: 1.2em;
	color:#555;
	width:80%;
	margin-left:0;
	margin-right:0;		
}

.kb-mediumsize .video_kenburn .cp-title{	
	font-family:SteelfishRg-Regular;
    font-size:2.4em;
	color:#999;
	width:100% !important;
	margin-top:110px;
}

.kb-mediumsize .video_kenburn .close{
	right: 75px !important;
    top: 135px!important;
    width: 30px!important;
}


/**************************
	WIDHT <=570px SIZING 
***************************/

.kb-smallsize .cp-right		{ padding:15px 15px 15px 15px; top:0px;    right:0px; height:100%; }
.kb-smallsize .cp-left		{ padding:15px 15px 15px 15px; top:0px;    left:0px;  height:100%; }
.kb-smallsize .cp-top		{ padding:15px 15px 15px 15px; top:0px;    left:0px;  width:100%;  }
.kb-smallsize .cp-bottom	{ padding:0; bottom:0px; left:0px;  width:100%; text-align:center; height:100%;}

.kb-smallsize .cp-title{	
	font-family:SteelfishRg-Regular;
    font-size:1.846em;
	margin-top:120px;
	color:#000;
	margin-bottom:10px;
}

.kb-smallsize p{
	font-family: CuprumFFURegular;
	color:#555;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.kb-smallsize a.info span { font-size:0.823em;}

/*******	VIDEO SETTINGS	********/
.kb-smallsize .video_clip{
	width:60%;
	height:100%;		
	top:0px;
	left:0px;
}

.kb-smallsize .video_video{
	width:100%;
	height:100%;			
}

.kb-smallsize .video_details{	
	visibility:hidden
}

.kb-smallsize .video_kenburn_wrap { width:100%;} 
/**************************
	WIDHT <=300px SIZING 
***************************/



.kb-minisize .video_clip{
	width:100%;
	height:100%;
	padding-right:0px;
	top:0px;
	left:0px;	
}

/*******	VIDEO SETTINGS	********/
.kb-minisize .video_clip{
	width:100%;
	height:100%;		
	top:0px;
	left:0px;
}

.kb-minisize .video_video{
	width:100%;
	
}

.kb-minisize .video_details{	
	visibility:hidden
}

.kb-smallsize .video_kenburn_wrap { width:100%;} 

/***********************************************
	-	ALL  VIDEO SETTINGS	-
************************************************/
.kenburn-video-overlay{
	background-color:#000;
	opacity:0.25;
	filter: alpha(opacity=25);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	width:100%;
	height:100%;
	position:relative;
	z-index:1000;
}

.kenburn-video-button{
	background:url(../assets/player/play.png) no-repeat;
	width:100px;
	height:100px;
	position:absolute;
	z-index:1500;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	cursor:pointer;
}

.kenburn-video-button:hover {
	opacity:1.0;
}

/*****************************************
	-	VIDEO BACKGROUNDS	-
******************************************/
.dark .video_kenburn{
		position:absolute;
		top: 0; bottom: 0px;
		width: 100%;
		background: #111;
}	
	

.light .video_kenburn{
		position:absolute;
		top: 0; bottom: 0px;
		width: 100%;
		background: #ddd;
		font-family: Arial, sans-serif;
		font-size:12px;
		line-height: 20px;
		color: #222;
		text-shadow: #eee 1px 1px 1px;
	}		




/**************************
	-	BUTTONS	-
***************************/
	
.dark .kb-button {
 font-family: 'Oswald', sans-serif;	
 float: left;
 height: 31px;
 line-height: 30px;
 font-size: 12px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius:3px;
}

.dark .kb-button:link, .dark .kb-button:visited {
 color: #fff;
 padding: 0 20px 0 20px;
 text-align: center;
 text-shadow: 0px 1px 0px #000000;
 background: url('../assets/button/button_dark.png') repeat-x center top; 
 text-decoration: none;
 
}

.dark .kb-button:hover, .dark .comment-reply-link:hover {
 background-position:bottom;
 text-decoration: none;
}


.light .kb-button {
 font-family: 'Oswald', sans-serif;	
 float: left;
 height: 31px;
 line-height: 30px;
 font-size: 12px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius:3px;
}

.light .kb-button:link, .light .kb-button:visited {
 color: #333;
 padding: 0 20px 0 20px;
 text-align: center;
 text-shadow: 0px 1px 0px #ccc;
 background: url('../assets/button/button_light.png') repeat-x center top; 
 text-decoration: none;
 
}

.light .kb-button:hover, .light .comment-reply-link:hover {
 background-position:bottom;
 text-decoration: none;
  color: #000;
}


/*********************************
	-	VIDEO BUTTONS	-
*********************************/	
.dark .video_kenburn .close{
	width:30px;
	height:30px;
	position:absolute;
	background:url(../assets/button/close_dark.png) no-repeat top;	
	right:10px;
	top:145px;
	cursor:pointer;
}

.dark .video_kenburn .close:hover{
	background-position:bottom;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor:pointer;
}

.light .video_kenburn .close{
	width:30px;
	height:30px;
	position:absolute;
	background:url(../assets/button/close.png) no-repeat top;	
	right:10px;
	top:10px;
	cursor:pointer;
}

.light .video_kenburn .close:hover{
	background-position:bottom;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor:pointer;
}

.kenburn_thumb_container .video{
	width:30px;
	height:30px;
	background:url(../assets/player/play_small.png) no-repeat;
	margin-top:-15px;
	margin-left:-15px;
	cursor:pointer;
	
}


/*************************************/
/*		THUMBNAIL OPTIONS			*/
/*************************************/

.kenburn_thumb_container_bg {
	background:url(../assets/bg/thumbs_bg.png);
	padding:1px;
	margin-top:-1px;
	margin-left:-1px;
	 -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 8px 2pxrgba(0, 0, 0, 0.80);
    -moz-box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.80);		
}

.dark .kenburn-thumbs .overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
}

.light .kenburn-thumbs .overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
}

/*************************************/
/*		THUMBNAIL OPTIONS			*/
/*************************************/
.thumbbuttons{
	background:url(../assets/button/navigdots_bgtile.png);
	height:35px;	
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:absolute;
	bottom:-35px;
	z-index:1000;
	box-shadow: 0px 0px 8px 2pxrgba(0, 0, 0, 0.80);
    -moz-box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.80);	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {.thumbbuttons {bottom:-20px;}}
:root .thumbbuttons { bottom:-18px \0/IE9; }  /* IE9 */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	 .thumbbuttons {bottom:-20px;}
	 .header-search input.search-field { margin-top:8px;}
	 .header-search input.submit-button { top:6px;}
}

.thumbbuttons .grainme{
	background:url(../assets/bg/grain.png);
	height:35px;
	width:100%;
}


.thumbbuttons .leftarrow{
	background:url(../assets/button/arrowleft.png) no-Repeat bottom left;
	width:9px;
	height:16px;
	margin-left:9px;	
	margin-right:9px;
	margin-top:9px;
	float:left;
	cursor:pointer;
}


.thumbbuttons .rightarrow{
	background:url(../assets/button/arrowright.png) no-Repeat bottom left;
	width:9px;
	height:16px;
	margin-top:9px;	
	margin-right:9px;
	margin-left:18px;
	float:left;
	cursor:pointer;
}


.thumbbuttons .minithumb{
	background:url(../assets/button/navigdots.png) no-Repeat bottom left;
	width:15px;
	height:15px;
	margin-top:9px;	
	margin-left:9px;	
	float:left;
	cursor:pointer;
}

.thumbbuttons .thumbs{
	float:left;
}

.thumbbuttons .rightarrow:hover, .thumbbuttons .leftarrow:hover, .thumbbuttons .minithumb:hover, .thumbbuttons .thumbs .selected{
	background-position:top left;
}