.flex-viewport{
	height:100% !important;
}


#thumbs .thumb{
	cursor:pointer;
	display:block;
	margin:0px;
	margin-bottom:10px;
	margin-top:0px
}


.thumb_caption{
	position:absolute;
	bottom:0px;
	display:block;
	color:#ccc;
	width:100%;
	background-color:rgba(0, 0, 0, .5);
	padding:3px;
	padding-right:10px;
	padding-bottom:5px;
	font-size:14px;
}


.thumb_caption_xs{
	position:absolute;
	display:block;
	color:#ccc;
	mmargin-top:90%;
	bbackground-color:rgba(0, 0, 0, .5);
	padding-left:4px;
}


.thumb_title{
	display:block;
	position:fixed;
	left:-203px;
	top:210px;
	font-family: 'Open Sans Condensed', cursive;  
	text-transform: uppercase;
	font-weight:300;
	line-height: .85;
	font-size: 6vw;
	font-size: 40px;;
	letter-spacing: 10px;
	lletter-spacing: -0.0625em;
	color:#fff;
	xxcolor:#38462A;
	z-index:1000;

	-moz-opacity: 0.5; 
	opacity:0.5;
	filter: alpha(opacity=50);

	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#cover_carousel .carousel-control{
	width:10% !important;
}

.carousel-control.ud {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height:40px;;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
  z-index:2000;
  padding-top:5px;
}

.carousel-control.top {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-y;
}
.carousel-control.bottom {

margin-top:auto;
mbottom:0px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
 background-image:         linear-gradient(to bottom, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-y;
}


.carousel_trans{
	/* deactivate opacity for IE8 */
	-moz-opacity: 0.0; 
	opacity:0.0;
	xx_filter: alpha(opacity=0);
}


.carousel_photo_bg{
	display;block;
	background-size:contain;
	background-position:50%;
	background-repeat:no-repeat;
	border:0px solid red;
	background-color:transparent !important;
	padding:0px;
	cursor:pointer;
	height:100%;
}

#bio .carousel_caption{
	position:absolute !important;
	border:0px solid red;
	margin-top:20px;
	color:#ddd;
	line-height:1.4;
	height:auto;
}

#bio .carousel_caption small{
	display:block;
	line-height:1.3;
}

.carousel_overlay{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(/css/images/cutout_blut_shad.png);
	bbackground-size:50% 100%;
	background-position: left -5px;
	background-repeat:no-repeat;
	z-index:1;
}

carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0px;

	height: 200px;
	width:auto;
	max-width:100%;
	min-width:100%;
	max-height:100%;
	min-height:100%;
}


/*/////////////////// COVER Carousel //////////////////////////*/


/* IMPORTANT the img with this class sets */
/* the aspect ratio of the carousel slider */
.cover_img_holder{
	width:100%;
	height:auto;
	min-height:200px !important;
	max-height:500px !important;
	border:0px solid red;
}

.cover_title{
	display:block;
	position:absolute;
	left:0px;
	padding-left:3%;
	border:0px solid red;
	xx_max-width:600px;
	width:100%;
	max-height:200px;
	font-family: 'Open Sans Condensed', cursive;  
	tttext-transform: uppercase;
	font-weight:300;
	line-height: .85;
	font-size: 60px; 
	font-size: 10vw;
	letter-spacing: -3px;
	letter-spacing: -0.0625em;
	color:#fff;
	z-index:1000;
	-moz-opacity: 0.5; 
	opacity:0.5;
	filter: alpha(opacity=50);
}

.carousel_cover_bg{
  	background-color:#222;
  	background-image: url(/css/images/logo_kp_400_bg_wht_trans.png);
	background-size:contain;
	background-position:50% 90%;
	background-repeat:no-repeat; 
}


.cover_caption{
	z-index:1002;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	border:0px solid red;
	max-width:150px;
	height:100%;
	padding:10px !important;
	padding-top:15px !important;
	background-image: url(/css/images/bg_bk25.png);
	background-repeat:repeat;
	background-color: rgba(30, 30, 30, 0.35);
}


.cover_caption h1{
	color:#fff;
	font-size:14px;
	 font-family: 'Open Sans condensed', sans-serif;
	font-weight:300;	
}

.cover_caption h1 b{display:block;}

.cover_caption_dot{
	z-index:1002;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:10px;
	height:10px;
	background-color:#D61861 !important;
	border-radius:0px;
}

.slogan{
	font-family: 'Open Sans condensed', sans-serif;
	position:absolute;left:35%;
	margin-top:14px;;
	width:65%;
	color:#fff;
	z-index:2000;
	font-size:11px;
	line-height:100%;
	text-shadow: 2px 2px 8px #000;	
	}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

.slogan{
	position:absolute;left:30%;
	margin-top:2%;
	width:45%;
	top:40px;
	color:#fff;
	z-index:2000;
	font-size:2vw;
	line-height:100%;
	text-shadow: 2px 2px 8px #000;	
	}

	.cover_title{
	font-size: 50px; 
	font-size: 7vw;
	}

	.cover_caption{
	max-width:210px;
	padding:20px !important;
	padding-top:20px !important;	
	}

	.cover_caption h1{
	color:#fff;
	font-size:20px;
	line-height: 1.1;
	}

	.cover_caption_dot{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	border-bottom-right-radius:0px;
	}

}

@media (min-width: 992px) {

	.cover_caption{
	max-width:260px;
	}

.cover_caption h1{
	color:#fff;
	font-size:24px;
	 font-family: 'Open Sans condensed', sans-serif;
	font-weight:300;
	line-height: 1.1;	
}

}


/*/////////////////// end COVER Carousel //////////////////////////*/




/* ////////////////////////////// FADE IN EFFECT CSS ////////////////////////////

  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* ////////////////////////////// END FADE IN EFFECT CSS //////////////////////////// */