/*
+----------------------------------------------------------------+
	Reset CSS
+----------------------------------------------------------------+
*/
img {border: 0}
li {
	list-style: none;
	margin: 0;
	padding: 0
}
a {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none
}

/*
+----------------------------------------------------------------+
	Extras
+----------------------------------------------------------------+
*/
.cf:before, .cf:after {
	content:" ";
	display: table
}
.cf:after {clear:both}
.clear {clear:both}


/*
+----------------------------------------------------------------+
	Main Video
+----------------------------------------------------------------+
*/


.placeholder iframe {
	display:block;
	height: 180px;
	margin: 0 auto 3px;
	width: 100%;
}
.placeholder h2 {
	display: none;
}

/*
+----------------------------------------------------------------+
	Carousel
+----------------------------------------------------------------+
*/
.carousel-container {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

/************ NAV CAROUSEL ********************/
.prev.controll:before {
	content: '\003c';
}

.next.controll:before {
	content: '\003e';
}

/* Next & previous buttons */
.prev.controll, .next.controll {
	cursor: pointer;
	position: absolute;
	top: 40%;
	width: auto;
	margin-top: -22px;
	padding: 6px;
	color: #E0E0E0;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	z-index:999;
	background-color: rgba(0,0,0,0.3);
	opacity: 1;
}

/* Position the "next button" to the right */
.next.controll {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* Position the "prev button" to the left */
.prev.controll {
	left: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev.controll:hover, .next.controll:hover {
	background-color: rgba(0,0,0,0.7);
}
/************ NAV CAROUSEL ********************/

.carousel-inner {
	display: inline-block;
}

.slider {
    width: 100%;
	overflow: hidden;
	height: 80px;
}

.slider li {
	float: left;
	height: 80px;
	width: 31%;
	display: inline-block;
}

#yt_container {
	height: 30%;
}

.slider li img {
	display: inline-block;
	height: 80px;
	width: 100%;
}

.slider li a {
    display: block;
}


.slider li h2 {
 display: none;
}


.slider li p {
	display:none;
}