/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 486px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 486px;
  background-color: #030303;
  overflow:hidden;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left:-640px;
  min-width: 1280px;
  height: 486px;
}

.carousel-control.left, .carousel-control.right { background:none; }
.carousel-control:hover { background:none; }

.carousel-overlay { 
	position: absolute;
	right: 15%;
	bottom: 70px;
	left: 15%;
	z-index: 10;
	/*background:#aaa;*/
}
.carousel-overlay .featuredWork { }
.carousel-overlay .clientLogo, .carousel-overlay .projectDetail { float:none; margin-left:26px; }
.carousel-overlay .clientLogo { height:56px; position:relative; }
.carousel-overlay .clientLogo svg { fill: #fff; position:absolute; height:100%; margin-top:-30px; top:50%; padding-right:15px;}

.carousel-overlay .clientLogo { width:70px; margin-right:15px; padding-right:15px; border:none; }
.carousel-overlay .projectDetail { padding-top:5px; }
.carousel-overlay .projectDetail h5 { color:#f63; text-transform:uppercase;font-size:12px;  letter-spacing:0.1em; line-height:1; margin:0 0 4px 0; padding:0; font-weight:bold; }
.carousel-overlay .projectDetail h2 { color:#fff; text-transform:uppercase; font-size:36px; font-weight:bold; line-height:1; margin:0; padding:0; }
.carousel-overlay blockquote { border:none; color:#fff; font-style:normal; margin:15px 0 0px 26px; padding:0; }
.carousel-overlay blockquote:before { display:block; font-size:60px; font-weight:200; line-height:1; content:"\201C"; height:1px; margin-left:-30px; position:relative; top:0px; color:#f63; }
.carousel-overlay blockquote p  { font-size:20px; color:#fff; font-style:normal; margin:0; padding:0; }
.carousel-overlay p.cite  { font-size:16px; line-height:1.2; -moz-opacity:0.5;  filter:alpha(opacity=50); opacity:0.5; margin:10px 0 0 0; padding:0; }
.carousel-overlay p.cite span { font-size:11px; text-transform:uppercase; letter-spacing:0.1em; } 
.carousel-overlay p.cite svg  { fill:#fff; height:20px; margin-top:4px; width:auto; }
@media (max-width : 420px) {
	.carousel-overlay blockquote { display:none; visibility:hidden; }
}

/* INSERTED SLIDES
-------------------------------------------------- */

#slide-amazon-cannes .carousel-overlay .projectDetail { width: 250px; }
#slide-amazon-cannes .carousel-overlay .projectDetail p { display:none; }
@media (min-width: 768px) {
	#slide-amazon-cannes .carousel-overlay .projectDetail { width: 360px; }
	#slide-amazon-cannes .carousel-overlay .projectDetail p { display:block; }
}

#slide-amazon-cannes .carousel-overlay .projectDetail h2 { margin-bottom:0.5em; }
#slide-amazon-cannes .carousel-overlay .projectDetail p { color:#ccc; font-size:16px; }
#slide-amazon-cannes .carousel-overlay .projectDetail img { height:40px; margin-right:4px; }
.carousel-inner > #slide-amazon-cannes > img {
	left: 0px;
	margin-left:0px;
}
@media (min-width : 768px) {
	.carousel-inner > #slide-amazon-cannes > img {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left:-640px;
		min-width: 1280px;
		height: 486px;
	}
}

#slide-outcast .carousel-overlay .projectDetail { width: 250px; }
#slide-outcast .carousel-overlay .projectDetail h2 { margin-bottom:0.5em; }
#slide-outcast .carousel-overlay .projectDetail p { color:#ccc; font-size:16px; }
#slide-outcast .carousel-overlay .projectDetail img { width:50px; margin-right:8px; }
.carousel-inner > #slide-outcast > img {
	left: 0px;
	margin-left:0px;
}
@media (min-width : 768px) {
	.carousel-inner > #slide-outcast > img {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left:-640px;
		min-width: 1280px;
		height: 486px;
	}
}



#slide-malala .carousel-overlay .projectDetail { width: 250px; }
@media (min-width: 768px) {
	#slide-malala .carousel-overlay .projectDetail { width: 400px; }
}
#slide-malala .carousel-overlay .projectDetail h5 { color:#181818; }
#slide-malala .carousel-overlay .projectDetail h2 { margin-bottom:0.5em; }
#slide-malala .carousel-overlay .projectDetail p { color:#181818; font-size:16px; }
#slide-malala .carousel-overlay .projectDetail img { width:50px; margin-right:8px; }

.carousel-inner > #slide-malala > img {
	left: 0px;
	margin-left:0px;
}
@media (min-width : 768px) {
	.carousel-inner > #slide-malala > img {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left:-640px;
		min-width: 1280px;
		height: 486px;
	}
}



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

@media (min-width: 768px) {
	.carousel-overlay blockquote { width:60%; }
	.carousel-overlay blockquote p  { font-size:24px; }
	.carousel-overlay p.cite  { font-size:18px; }
	.carousel-overlay p.cite span { font-size:12px; }
	/*
	.carousel-overlay .clientLogo, .carousel-overlay .projectDetail { float:left; margin-left:0px; }
	.carousel-overlay .clientLogo { border-right:1px solid rgba(255,255,255,0.25); }
	.carousel-overlay .projectDetail h5 { color:#f63; text-transform:uppercase;font-size:12px;  letter-spacing:0.1em; line-height:1; margin:0 0 4px 0; padding:0; font-weight:bold; }
	.carousel-overlay .projectDetail h2 { color:#fff; text-transform:uppercase; font-size:36px; font-weight:bold; line-height:1; margin:0; padding:0; }
	.carousel-overlay blockquote { border:none; color:#fff; font-style:normal; margin:20px 0 0px 84px; padding:0; }
	.carousel-overlay blockquote:before { display:block; font-size:120px; line-height:1; font-weight:200; content:"\201C"; height:1px; margin-left:-60px; position:relative; top:0; color:#f63; }
	.carousel-overlay blockquote p  { font-size:30px; line-height:1.16em; color:#fff; font-style:normal; margin:0 0 0 0; padding:0; }
	.carousel-overlay p.cite  { font-size:16px; margin:20px 0 0 0; }
	.carousel-overlay p.cite span {  } 
	*/

}

@media (min-width: 992px) {

}