/*
Theme Name: finalbosses.com
Theme URI: http://finalbosses.com
Author: Screenwave Media - remix by Ricepirate (Mick Lauer)
Author URI: http://screenwavemedia.com
Description: The theme for finalbosses.com.
Version: 1.0
License: Proprietary
License URI: http://screenwavemedia.com
Tags: finalbosses, screenwavemedia
Text Domain: finalbosses
*/



.list-unstyled {min-width:130px;}


/* FRAME WORK @frame */

* {transition: 0.2s;}

html {
  position: relative;
  min-height: 100%;
}


body {
  margin-bottom: 80px; /* Margin bottom by footer height */
  padding-top: 50px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
  
  background: #337ab7 url(img/finalbosses-bg.png) top center fixed ;    
  background-size:cover;
}


.col-md-4 {width:300px;}

.col-md-8 {padding-right: 0;
width: calc(100% - 330px);}

.col-md-12 {}

.main-content a {
	color: #6cf !important;
}
.yarpp-related h3 {
	color: #fff;
}


/* CAROUSEL @carousel */
.carousel {display: block;
position: fixed;
top: 80px;
width:100%;
z-index:999;
height: 66px;
background: #300;
box-shadow: 0 2px 5px rgba(0,0,0,0.7);

transition: 0.3s;
overflow: hidden;
text-align: center;}

.carousel:hover {height:100px;
}



.select {display:inline-block; margin:18px -2px 0 -2px; opacity:0.4;  transition: 0.3s;}
.select img {width:60%;  transition: 0.3s}

.carousel:hover .select {opacity:0.8; margin:30px 0;}
.carousel:hover .select img {width:70%;}

.select:hover {opacity:1 !important; margin-top:17px !important;}
.select:hover img {width:100% !important;}

.finalbosses {margin-right:-12px; }
.gamechasers {margin-left:-20px;}
.carousel:hover .finalbosses {opacity:0.8; margin-right:-10px;}
.carousel:hover .gamechasers {opacity:0.8; margin-left:-20px;}


.fbsplit {dispaly:block; width:1px; height:100%; border-right:1px solid rgba(255,255,255,0.3); margin:0 10px;}
.carousel:hover .fbsplit {margin:0; border:1px solid rgba(255,255,255,0);}

/* NAV BAR @nav */

.navcontainer {padding-right :16px;}

nav, .navbar-inverse {	
	box-shadow:0 2px 5px #000;
	z-index:9999;
	background:#000 url(img/finalbosses-nav-bg_2.png) bottom center repeat-x;
	font:10px Arial; 
	text-transform:uppercase;
  }

.navbar-brand img {width:200px; margin-top:-7px;}

nav li.loggers {margin-right:0 !important;}

nav li.loggers a {margin-left:0; padding-left:5px !important;}
nav li.loggers a:before {content:"|"; padding-right:6px; margin-top:-1px ; color:rgba(255,255,255,0.3); text-shadow:none; margin-right:0 !important; margin-left:-14px; }

	.dropdown-menu li:nth-child(3) {float:none;}
	.dropdown-menu li:nth-child(4) {float:none;}
	.dropdown-menu li:nth-child(4) a:before {content: none !important; }


nav a , .navbar-inverse a {
	color:#fff !important; 
	text-shadow:0 1px 1px #000 !important;
	padding-left:15px !important;
}


nav > .container {}




.form-control, .text-input, #display_name, #select2 {
	background:rgba(220,100,0,0.3) !important;
	height:26px;
	border-radius:0;
	padding-left:7px;
	border:1px solid #f90;
	font:10px Arial;
	text-transform:uppercase;
	text-shadow:none;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);
}

#s {color: #fff;
text-transform: none;
font: 13px "Titillium Web", Arial;}

.btn, .submit, .btn-input {
	background:rgba(0,150,250,0.8) !important;
	border-radius:0;
	height:26px;
	border:1px solid #39a;
	font:bold 10px "Titillium Web", Arial;
	padding-top:5px;
	text-transform:uppercase;
	text-shadow:0 1px 1px #000;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);
	transition: 0.3s;
}

.btn:hover, .submit:hover, .btn-input:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	border:1px solid rgba(255,255,255,0);
	background:#f60 !important;
	text-shadow:none;
}

.navbar-fixed-top .nav {
    padding: 18px 0 15px 0;
}
.navbar-fixed-top .navbar-brand {
    padding: 5px 15px;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background:#06c !important; box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius:0; }

.dropdown-menu {background:#049; border:0; border-radius:0; top:50px; padding:4px 4px 0 4px; margin:0; box-shadow:0 1px 9px rgba(0,0,0,0.5);}
.dropdown-menu li {margin:0; padding:0; height:auto;}
.dropdown-menu li img {margin-right:10px; height:44px; width:44px; box-shadow:0 1px 2px #000;}
.dropdown-menu li a {padding:6px 14px 6px 6px!important; font:bold 11px "Titillium Web", Arial; min-width:230px;
background:#09d; margin-bottom:4px; border-right:0px solid #f60;
}
.dropdown-menu li a:hover {background:#3af; border-right:4px solid #f60;}




.navbar-inverse .navbar-toggle {margin-right:15px; border:1px solid rgba(255,255,255,0.1)}

.navbar-inverse .navbar-toggle:hover {background:rgba(255,0,0,0.4);}

.icon-bar {width:15px !important; margin:0}

/* CONTAINER @container */

.main-container {
	background:rgba(0,10,70,0.7);
	padding-bottom: 15px;
	padding-top:15px !important;
	margin-bottom:110px !important;
	box-shadow:0 6px 15px rgba(0,0,0,0.7);
	
	max-width:990px;
 }


.container {}

.container .text-muted {
  margin: 20px 0;
}



/* MAIN CONTENT @content @right */

.featuretop {display:block; 
	width:100%; 
	position:absolute;
	top:-16px; 
	left:1px;
}

.featuretop span {
	background:#f40; 
	color:#fff; 
	font:bold 11px "Titillium Web", Arial;
	text-transform:uppercase;
	padding:6px 9px 5px 8px;
	margin-top:-4px;
	margin-left:-4px;
	box-shadow:3px 3px 4px rgba(0,0,0,0.4);
	text-shadow:0 -1px 1px rgba(0,0,0,0.3);
	position:relative;
	z-index:799;
}


.feature-img{margin-bottom:-42px;}

.feature-img img {
	box-shadow:0 2px 4px #000;
}

.feature-text {
	background:rgba(0,10,50,0.7);
	margin:0; padding:0;
	width:auto;
	position:relative;
	bottom:77px;
	padding:8px 12px;
	font:300 30px "Changa One", Arial !important;
	letter-spacing:-1px;
	box-shadow:inset 0 0 20px rgba(0,0,0,0.6);
}


.feature-img:hover .feature-text {
	background:#05c;
	box-shadow:0 0 12px #000;
}
.feature-img:hover img {opacity:0.3;}

.feature-text span {

}
.feature-text span a {
	color:#fff;
	text-shadow:0 1px 3px #000;
	  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	width:100%;
	display:block;
}


.feature-img .media-info {background:#112; border-top:1px solid #000 !important; bottom:0px !important;
	height:30px;
	margin-top:-30px;
}

.feature-img .media-series {background:#222 !important; padding-top:5px !important;	 border-radius:5px;
	margin:3px;

}

.must-log-in {	font:normal 11px "Titillium Web", Arial;
color:#7bF; padding-left:1px;
}

.must-log-in a {color:#fff; font-weight:bold;}
.must-log-in a:hover {color:#f60;}


.row {

}

.row hr {border:0;}


.media {
	background:#06c;  
	background-size:100%;
 	padding:4px;
	position:relative;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);
}

.media > a {display:block; background:none; width:100%; height:140px; position:absolute;}

.media-left {}
.media-left img {
	box-shadow:0 2px 4px rgba(0,0,0,0.6); 
	background:#09c; 
}

.media-series {padding:4px 7px 4px 6px !important; font:bold 10px "Titillium Web", Arial; text-transform: uppercase;}

.media-comments {font-size:10px; color:#fff;}

.media-datecomment {
	color:#fff;
	font:bold 9px "Titillium Web", Arial;
	text-transform:uppercase;
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
}

.media-body {padding:13px 40px 12px 8px;}


.media-left {width:40%;}

.avatar-23 {float:left;}


.h5 {
	margin:0 0 17px 0;
	background:#f90;
}
 
.media-heading a {
	color:#fff;
	font: 20px "Changa One", Arial;
	text-transform:uppercase;
	line-height:19px;
	text-shadow:0 1px 1px #000;
	display:block;
	margin-bottom:10px;
 }


.media-date {
	color:#fff !important;
	text-transform:uppercase;
	font:bold 9px "Titillium Web", Arial;
	background:#f60;
	padding:1px 5px 1px 3px;
	display:inline-block;
	height:auto;
	margin-top:0;
	margin-right:3px;
}

.media-body > a  {
	position:absolute; 
	height:100%;
	right:0;
	top:0;
	width:10px;
	background:rgba(0,0,0,0.6) url(img/finalbosses-seemore-bg.png) -20px center no-repeat;
	padding:4px 6px;
	font:10px Arial !important;
	box-shadow:inset 5px -10px 10px rgba(0,0,0,0.3);
}

.media-body p {
	color:#fff;
	font:500 13px "Titillium Web", Arial;
	margin-bottom:0;
	line-height:16px;
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}


.media-info {
	bottom:0;
	position:relative;
	margin-top:-23px;
	height:23px;
		display:block;
	/* background: rgba(0,0,0,0.7) !important; */
	border:none !important;
	font:8px Arial;
	width:100%;
}

.media-info .inline-icon {
    width: 23px;
    float: left;
    margin-right: 0px;
}


                            /* MEDIA hover */ 

.media:hover {
	background:#39D;
}

.media:hover .media-body > a {
	width:29px;
	background-position: 10px center;
	background-color:rgba(0,0,60,0.7);
}






.ad-container {
	padding-top: 12px;
	width:100%;
	background: url(img/finalbosses-AD-bg.png) center bottom no-repeat;
	background-size:92%; /* #f30 */
}


.side-ad {box-shadow:0 2px 6px #000; margin-top:0 !important;}





.podcast_meta a {color:#fff; }
.podcast_meta {font:500 14px "Titillium Web", Arial; color:#6bf; margin-top:6px; text-align:right;}






.media-block {	
	background:#39D;  
	background-size:100%;
 	padding:4px;
	position:relative;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);
}

.featuredimg {
	box-shadow:0 2px 4px rgba(0,0,0,0.6); 
	background:#09c; 
}


.media-block h1 {
	color:#fff;
	font:lighter  48px "Changa One", Arial;
	text-transform:uppercase;
	line-height:38px;
	text-shadow:0 1px 1px #000;
	display:block;
	margin-bottom:20px;
	padding: 0 14px;
}


.media-block .h5 {
	margin:0 0 3px 0;
	background:#f90;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);
}

.media-block .media-date {padding:3px 5px 3px 4px;}
 

.media-block .media-info {
	background:rgba(0,0,0,0.5);
	display:block;
	margin-top:0px;	
	box-shadow:inset 0 0 20px rgba(0,0,0,0.5)
}


.media-block .media-comments {margin-top:-2px;}

.main-content.media-block {padding:20px;}

.main-content.media-block img {	box-shadow:0 2px 4px rgba(0,0,0,0.6); }


.main-content.media-block h2 {
	color:#fff;
	font:500 32px "Titillium Web", Arial;
	margin:0;
	padding:0;
	text-shadow:0 1px 1px #000;
}

.media-block.media-block h4 {
	color:#fff;
		text-shadow:0 -1px 1px #000;

}

.main-content.media-block p {
	color:#fff;
	font:normal 13px "Titillium Web", Arial;
	line-height:16px;
	margin:0 0 16px 0;
}

p iframe {width:100%; margin-top:18px; box-shadow:0 2px 4px rgba(0,0,0,0.6);}

.main-content.media-block {background:#06c;}


.video-embed {height:646px; overflow:hidden;}
.video-embed iframe {width: 100%; height: 646px;}


/* COMMENTS SECTION @comments */

#comments {}
.nocomments {color:#6cF; text-transform: uppercase; font:  10px "Titillium Web", Arial; margin:14px 0 0 2px }

#comments .commentlist {padding:0;}
#comments .media {padding:10px; background:none; box-shadow:none;}
#comments .comment-body p {display: inline-block;}
#comments .media-left {width:auto;}
#comments .media-body {padding:0 10px 0 0;}
#comments .media-heading {font:bold 15px "Titillium Web", Arial; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.4); margin-top:-1px;}
#comments .comment-media-date {margin-top:-5px;}
#comments .reply {height:22px; margin-top:10px;}
#comments .reply a{	
	background:rgba(0,150,250,0.5) !important;
	border:1px solid #39a;
	font:bold 8px Arial;
	color:#fff;
	padding:5px 6px 4px 5px;
	text-transform:uppercase;
	text-shadow:0 1px 1px #000;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);}

#respond {	
	background:#06c;  
	background-size:100%;
 	padding:10px;
	position:relative;
	box-shadow:0 2px 4px rgba(0,0,0,0.6);
}
#respond #reply-title {margin:0; color:#fff; font:bold 24px "Titillium Web", Arial; text-shadow:0 1px 2px rgba(0,0,0,0.4); margin-top:-8px;}
#respond .logged-in-as {text-transform:uppercase; font:500 10px "Titillium Web", Arial; color:#adf; margin-top:-4px; margin-left:1px;}
#respond .logged-in-as a {color:#fff;}
#respond textarea {background:#39d !important; border:none; color:#bdf; padding:10px; transition:0.3s; text-transform:none; font:normal 14px "Titillium Web", Arial;}
#respond textarea:focus {background:#04a !important; color:#fff; padding:10px; box-shadow:0 1px 1px rgba(0,0,0,0.5);}

#respond .form-allowed-tags {color:#adf; font:500 12px "Titillium Web", Arial; }
#respond code {display:block; background:none; color:#fff; margin-top:4px;}



.notfound {height:142px; padding:0;}
.notfound h1 {padding:0; height:0 !important; margin:100px 0 0 0; font-size:20px; text-align:center; }







 /* FOOTER @footer */


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 11px;
  /* Set the fixed height of the footer here */
  height: 80px;
  color: #fff;
  background: #000;
}


.footer .container,  {
	background: #000;
}


.footer .col-md-3 {width:20% !important; margin-right:40px;}
.footer .col-md-3:nth-child(2) {display:none!important;}
.footer .col-md-3:nth-child(4) {margin-right:0;}

.footer .menu-row {width:auto;display:inline-block; border-right:1px solid rgba(255,255,255,0.1);}

.footer h6 {text-align:right; margin-top:-100px; font-size:10px;   pointer-events: none;
}







.side-ad {
	width: 300px;
	overflow: hidden;
	margin: 20px auto 0 auto;
}
.top-ad {
	max-width: 320px;
 	margin: 0 auto 10px auto;
}
.top-ad iframe, .side-ad iframe {
	margin: 0 auto;
	padding: 0;
	border: 0;
	box-shadow:0 2px 4px #000;
}
.social-area {
	max-width: 300px;
	margin: 0 auto;
}
.img-caption, .book-caption {
	background: #000;
	color: #fff;
	position: absolute;
	bottom: 0;
}
.img-caption {
	right: 15px;
}
.book-caption {
	right: 0px;	
}
.book {
	margin: 20px 0 0 0;
	position: relative;
}
.left, .right {
	display: none;
}
.media-list-img {
	width: 100%;
}
.media-date {
	color: #777;
}

.media-series, .media-comments {
	margin: 0;
	padding: 0;
	border: 0;
	padding: 5px;
	position: relative;
}
.media-info {
	border-top: 2px solid #fff;
}
.media-series {
	float: left;
	background: #000;
	color: #fff;
	width: 100%;
	text-align: center;
}
.media-comments {
	float: right;
	font: normal 9px "Titillium Web", Arial;
	padding-top:7px;
	padding-right:8px;
	text-transform:uppercase;
}
.media-series a {
	color: #fff;
	text-decoration: none;
}
.main-content {
	margin-top: 10px;
}
.main-container {
	padding-top: 10px;
}
.comment {
	margin-bottom: 10px;
}
.comment-media-date {
	margin-top: 5px;
}
.video-area .container {
	background: #000;
}
.video-area {
	background: #000;
}
.inline-icon {
	width: 35px;
	height: auto;
	background: #fff;
	display: inline-block;
	margin-right: 5px;
}
.foot-wrap {
	background: #000;
}
.menu-row {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* Start Bootstrap Mods */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout-info {
  border-left-color: #1b809e;
}


/* What the hell is this for? Is this for dashboard customization of the theme? .navbar-inverse {
	background: #000;
}
*/


.btn a{
	color: #fff;
}
.pagination-wrap .btn {
	margin-right: 5px;
}
.navbar-fixed-top .navbar-collapse {
	max-height: auto;
}
/* End Bootstrap Mods */

/* Profile Headings */
.aboutYourselfHeader, .contactInfoHeader, .nameHeader {
	font-size: 1.3em !important;
}





@media(max-width:1200px) {
.video-embed {height:530px; overflow:hidden;}
.video-embed iframe {width: 100%; height: 530px;}
}










@media (max-width: 990px) {
	#s {width:90px;}
.col-md-4 {width:300px; float:left;}
.col-md-8 {padding-right: 0;
width: calc(100% - 330px);
float: left;}
.video-area .col-md-12 {padding:0;}
	

	.feature-text {font-size:26px !important; bottom:73px;}
	.media-date {display:none;}
	.media-datecomment {padding:2px 5px; margin:0;}
	.media p {display:none;}
	.media-body {padding-bottom:0;}
 	.media-heading a {font-size:18px; line-height:17px;}

	.video-embed {height:406px; overflow:hidden;}
.video-embed iframe {width: 100%; height: 406px;}
	
	.carousel:hover {height:80px;}
	.select {display:inline-block; margin-top:20px; opacity:0.4;  transition: 0.3s; margin-right:-30px;}
	.select:last-child {margin-right:0 !important;}
.select img {width:50%;  transition: 0.3s}

.carousel:hover .select {opacity:0.8; margin:26px -30px 0 0;}
.carousel:hover .select img {width:50%;}

.select:hover {opacity:1 !important; margin-top:17px !important;}
.select:hover img {width:80% !important;}


 .finalbosses {margin-right:-44px; }
.gamechasers {margin-left:-20px;}
.carousel:hover .finalbosses {opacity:0.8; margin-right:-44px;}
.carousel:hover .gamechasers {opacity:0.8; margin-left:-20px;}


	.fbsplit {dispaly:block; width:1px; height:100%; border-right:1px solid rgba(255,255,255,0.3); margin:0 -7px 0 24px;}
.carousel:hover .fbsplit {margin:0; border:1px solid rgba(255,255,255,0);}




.footer .col-md-3 {width:20% !important; margin-right:40px; float:left;}
.footer .col-md-3:nth-child(2) {display:none!important;}
.footer .col-md-3:nth-child(4) {margin-right:0;}

.footer .menu-row {width:auto;display:inline-block; width:60%; }



.footer h6 {text-align:right; margin-top:-100px; font-size:10px; }


	
}
 




@media (max-width: 769px) {
	
	body{display:block; width:100%; padding:83px 0 0 0 ; overflow-x: hidden;}
		
	.video-embed {margin-top:-12px}
	
	.feature-img {margin-bottom:-12px;}
    .feature-img .media-info {margin-top:0;}

	.main-container {margin-top: 0 !important; width: 94%; padding-right: 28px; overflow-x:hidden !important;}
	
	.main-content.media-block img {max-width:100%; margin:20px auto -10px auto; display:block; height:auto !important;}
	
	.carousel {display:none;}
	 
	.col-md-4 {width:300px; float:none;}
	.col-md-8 {padding-right:0; width:100%; float:none;}
	.col-md-12 {}
	
	.feature-text {font-size:26px; bottom:64px; display:none;}
	
	.media-block h1 {
	color:#fff;
	font:lighter  28px "Changa One", Arial;
	text-transform:uppercase;
	line-height:25px;

}
	.media-date {display:none; }
	.media-datecomment {padding:2px 5px; margin:0;}
	.media p {display:inline-block;margin-top:15px;}
	.media-left {width:100%; float:none; display:block;}
	.media-body {padding:14px 0 0 0; width:100%; float:none; display:block;}
 	.media-heading a {font-size:18px; line-height:18px; padding-left:10px; padding-bottom:3px; padding-right:10px;}
 	
 .media-body > a  {
	display:none; 
}
	.media-left, .media>.pull-left {padding-right:0;}

	.menu-row {margin:20px 0; }
	.navbar-brand {padding:5px !important; }
	.navbar-brand img {width:150px; margin-top:-3px; margin-left:-4px;}
	
	.side-ad {margin-top:18px !important; margin-left:-13px; display:none;}
	
		.top-ad {display:none; }
        .ad-container {display:none;}
	
	
	#s {width:calc(100% - 67px); float:left; margin-right:5px;}
.navcontainer #s {margin-top:5px;}
	.navcontainer {padding-right:0;}
	
	.dropdown {margin:0; height:auto; padding:0 0 0 2px;}
	
	nav li {padding-top:0px; height:42px; padding: 0 0 0 3px}
 	
	
	/* MENU ADDITIONS @menu @tweak */
	
	nav li:nth-child(3) {float:left; padding-left:2px;}

 
nav li.loggers {float:left;}
 nav li.loggers a {margin-left:0; padding-left:5px !important; }
nav li.loggers a:before {content:"|"; padding-right:6px; margin-top:-1px ; color:rgba(255,255,255,0.3); text-shadow:none; margin-right:0 !important; }


.navbar-fixed-top .nav {padding-bottom:0; margin-bottom:0; padding-top:0; margin-top:0;}
	
	.navbar-collapse {box-shadow:none !important; border-top:none;}
	.navbar-form {box-shadow:none !important; border-top:none !important;}
	
	.navbar-header {height:60px;}
	
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 380px; }
	
	.collapsing {transition:0.2s;}
	.collapse {transition:0.0s;}

.navbar-form {margin-bottom:0;}
	
	.media-series {
	float: left;
	background: #000;
	color: #fff;
		width:auto;
	text-align: center;
}
	
	.footer .menu-row {width:auto;display:inline-block; border-bottom:1px solid rgba(255,255,255,0.1); border-right:none; width:100%; padding-bottom:20px; text-align:center; }


.footer h6 {text-align:right; margin-top:0px; font-size:10px; text-align:center;}


.footer .col-md-3 {width:100% !important; margin-right:40px;}


}





@media (max-width: 769px) {
	 
	.top-ad {display:none; }
	
	nav {padding-top:10px;}
	nav > .container {background:none;}
	
	
	.feature-img .media-series {text-align:left; width:auto;}
	.featuretop {margin-left:15px; margin-top:0px; left:0; top:0;}
	
	.media p {display:none;}
  
	
}


@media(min-width:770px) {
    body {
        padding-top: 145px;
    }
    .navbar-fixed-top .navbar-brand {
        padding: 20px 0 15px 0;
		margin-left: 0 !important;
    }
	.navbar-search {
		margin-top: 30px;
	}
	.top-ad {
		max-width: 728px;
		margin: 0 auto 12px auto;
	}
	.addthis_native_toolbox {
		margin-top: 10px;
	}

	
	
	/* Start Slider CSS */
	.slider {
	    position: relative;    
	    background-color: #000;
	    height: 161px;
	    margin: 10px 0px;
	    padding: 10px;    
	    overflow: hidden;
	}
	.track {
	    position: absolute;
	    top: 10px;
	    left: 10px;
    
	    margin: 0;
	    padding: 0;
	    border: 0;

	    width: 20000px;
	}
	.book {
	    float: left;
    	overflow: hidden;
	    margin: 0 10px 0 0;
	    padding: 0;
	    border: 0;
    
	    width: 250px;
	    height: 141px;
    
	    -webkit-transition: opacity 0.2s;
	    -moz-transition: opacity 0.2s;
	    -ms-transition: opacity 0.2s;
	    -o-transition: opacity 0.2s;
	    -webkit-transition: opacity 0.2s;
	}
	.book:hover {
	    opacity: 0.5;
	}
	.book {
	    background-color: #000000;
	    color: #fff;
	}
	.left, .right {
	    position: absolute;
		display: block;
	    color: white;
	    font-size: 48px;
	    top: 40px;
    
	    cursor: pointer;
	    z-index: 1;
	}
	.left {
	    left: 0;
	}
	.right {
	    right: 0;
	}	
	/* End Slider CSS */
	.media-list-img {
		max-width: 250px;
	}
	.media-series {
		width: auto;
		text-align: left;
	}
}

@media (max-width: 400px) {
			
	.video-embed {height:200px;}
	.video-embed iframe {width:320px; height:200px;}
	
}