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

	-	kenburn slider -

Screen Stylesheet 

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

.bannercontainer {
    background-color: #333333;
    height: 300px;
    max-width: 1980px;
    position: relative;
}
.responsiveholder {
     margin-top: 110px;
     }
.centerme {
    margin-left: auto;
    margin-right: auto;
}
#wrap-slider-top {
     max-height: 350px;
     overflow: hidden;
     }
				

/***********************************************
	-	THE BACKGROUND OF THE SLIDER	-
************************************************/


.light .kenburn-bg{
	padding:4px;
	border:1px solid #fff;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.dark .kenburn-bg{
	padding:4px;

}




/*************************************************
	-	THE PRELOADER OF THE BANNER 	-
*************************************************/
.kenburn-preloader{
	background:url('../img/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%}



	
/**************************
	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:5px 40px 5px 40px; bottom:0px; left:0px;  width:100%;  }

.kb-fullsize .cp-title{		
	color:#ccc;
	font-size:20px;	
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 0px #000000;	
}

.kb-fullsize p{
	font-family: Arial, sans-serif;	
	font-size:12px;
	color:#777;	
	line-height:20px;	
	text-shadow: 0px 1px 0px #000000;
}





/**************************
	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:0px 15px 0px 15px; bottom:0px; left:0px;  width:100%;  }

.kb-mediumsize .cp-title{	
	color:#ccc;
	font-size:18px;	
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 0px #000000;	
}

.kb-mediumsize p{
	font-family: Arial, sans-serif;	
	font-size:12px;
	color:#777;	
	line-height:18px;		
	text-shadow: 0px 1px 0px #000000;	
}

/**************************
	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:15px 15px 15px 15px; bottom:0px; left:0px;  width:100%;  }

.kb-smallsize .cp-title{	
	color:#ccc;
	font-size:13px;	
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 0px #000000;	
}

.kb-smallsize p{
	font-family: Arial, sans-serif;	
	font-size:11px;
	color:#777;	
	line-height:16px;		
	text-shadow: 0px 1px 0px #000000;	
}

/* pagination */
.thumbbuttons {
     visibility: visible !important;
     }
.thumbs {
     float: left;
     z-index: 50;
     position: absolute;
     right: 40px;
     bottom: 25px;
     }
.thumbbuttons .minithumb {
     background: #1e2024;
     color: #fff;
     font: normal 8px/17px Arial, Helvetica, sans-serif;
     display: block;
     height: 18px;
     width: 18px;
     border-radius: 11px;
     text-indent: 0;
     text-decoration: none;
     text-align: center;
     cursor: pointer;
     margin-left: 8px;
     display: inline-block;
     }
.thumbbuttons .minithumb.selected,
.thumbbuttons .minithumb:hover {
     background: #00c4ff;
     color: #000;
     }