/* =======================================================================================================================	*/
/* PEAK-System WebDesign 3.0 - Banner Style																					*/
/* Last change: 2020-08-05																									*/
/*																															*/
/* ======================================================================================================================= 	*/

/* ======================================================================================================================= 	*/
/* Ken Burns Banner																											*/
/* ======================================================================================================================= 	*/
.kb_control_left,.kb_control_right { z-index:2; opacity:0.9; width:55px; text-align:center; -webkit-transition:all ease-in-out .3s; transition:all  ease-in-out .3s; } 
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right { opacity:0.8; } 
.kb_icons 			{ line-height:45px; font-size:34px!important; font-weight:normal!important;}
.kb_elastic 		{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }
.kb_elastic .item 	{ top:0; z-index:1; opacity:0; width:100%; max-height:400px; position:absolute; left:0!important; display:block!important; -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s; transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s; }
.kb_elastic .item:first-child 	{ position:relative; }
.kb_elastic .item.active 		{ opacity:1; z-index:2; -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s; transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s; }
.kb_wrapper 					{ overflow:hidden; background-color:#F2F2F2; }
.kb_wrapper>.carousel-inner>.item>img,.kb_wrapper>.carousel-inner>.item>a>img { margin:auto; width:100%; -webkit-animation:kenburns 20000ms linear 0s infinite alternate; animation:kenburns 20000ms linear 0s infinite alternate; }

/* Scale factors for different browsers */
@-webkit-keyframes kenburns {
	0% 		{ -webkit-transform:scale(1); -webkit-transition:-webkit-transform 20000ms linear 0s; }
	100% 	{ -webkit-transform:scale(1.3); -webkit-transition:-webkit-transform 20000ms linear 0s; }
}
@keyframes kenburns {
	0% 		{ transform:scale(1); transition:transform 20000ms linear 0s; }
	100% 	{ transform:scale(1.3); transition:transform 20000ms linear 0s; }
}


/* ======================================================================================================================= 	*/
/* Controls																													*/
/* ======================================================================================================================= 	*/
.carousel-control.left.kb_control_left, 
.carousel-control.right.kb_control_right 								{ display:block; width:45px; height:45px; position:absolute; top:42%; background-color:transparent; margin:0; padding:0; background-image:none; border:1px solid transparent;  } 

.carousel-inner:hover .carousel-control.left.kb_control_left, 
.carousel-inner:hover .carousel-control.right.kb_control_right 			{ border:1px solid #ccc; background-color:#ccc; }

.carousel-inner:hover .carousel-control.left.kb_control_left:hover, 
.carousel-inner:hover .carousel-control.right.kb_control_right:hover 	{ border:1px solid #c81e3c; background-color:#c81e3c; }

.carousel-control.left.kb_control_left 									{ border-radius:0 2px 2px 0; border-left:0; }
.carousel-control.right.kb_control_right 								{ border-radius:2px 0 0 2px; border-right:0; } 

.carousel-control.left.kb_control_left .glyphicon-chevron-left,		
.carousel-control.right.kb_control_right .glyphicon-chevron-right 		{ display:none; font-size:30px; margin:0; width:45px; height:45px; right:0; left:0; top:7px; color:#fff; text-shadow:none; } 

.carousel-inner:hover .carousel-control.left.kb_control_left .glyphicon-chevron-left,		
.carousel-inner:hover .carousel-control.right.kb_control_right .glyphicon-chevron-right 	{ display:block; } 



/* ======================================================================================================================= 	*/
/* Caption 																													*/
/* ======================================================================================================================= 	*/
.banner-caption 				{ width:100%; padding:0 25% 0 7.5%; position:absolute; bottom:1em; z-index:1000; }
.banner-caption h1 				{ color:rgba(0,0,0,0.4); font-size:520%; font-weight:bold; margin:0 15px 0.15em 33px; }
.banner-caption img 			{ margin-left:33px; }
.banner-caption p 				{ text-shadow:1px 1px 0 rgba(255,255,255,0.75); color:#303030; font-size:200%; line-height:1.25em; margin:0 15px 0.15em 33px; }
.banner-caption p b				{ font-weight:normal; }
.banner-caption p.text-small 	{ font-size:120%; font-weight:lighter;  }


/*  ======================================================================================================================= */
/*  MEDIA QUERIES */
/*  ======================================================================================================================= */

/* Bootstrap md - Medium devices */
/* ======================================================================================================================= */
@media screen and (max-width:1199px) {
	.banner-caption 		{ padding:0 8.33333333% 0 0; }
	.banner-caption h1		{ font-size:390%; margin:0 15px 0 48px;  }
	.banner-caption p		{ margin-left:48px; display:none; }
	.banner-caption img		{ margin-left:48px;  }
}


/* Bootstrap sm - Small devices */
/* ======================================================================================================================= */
@media screen and  (max-width:991px) {
	.banner-caption 							{ bottom:0.25em; }	
	
	.carousel-control.left.kb_control_left, 
	.carousel-control.right.kb_control_right 	{ width:30px; height:30px; top:40%; } 

	.carousel-control.left.kb_control_left .glyphicon-chevron-left,		
	.carousel-control.right.kb_control_right .glyphicon-chevron-right 	{ font-size:18px; width:30px; height:30px; top:3px; } 
}


/* Bootstrap xs - Extra Small Devices */
/* ======================================================================================================================= */
@media screen and (max-width:767px) {
	.banner-caption 							{ display:none; } 
}


/* Extremely Small Devices */
/* ======================================================================================================================= */
@media screen and (max-width:600px) {
	.css3-shadow,	
	.left.carousel-control.kb_control_left, 	
	.right.carousel-control.kb_control_right 	{ display:none; }
}