@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i');
/*https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i"*/


body {
	overflow-x: hidden !important;
	font-size: calc(.775rem - -.80 *(100vw - 20rem) / 100);

}

body{
	font-size: 14px !important;
}

#myCarousel .carousel-indicators li{
	border-color: gray;
}

.carousel-control{
	width: 35px !important;
	opacity: .25;
	z-index: 15;
}

.carousel-item{
	float: left; position: relative; left:0; top:0;
}
			

.carousel-meta{
	position: absolute;
	height: auto;
	padding-top: 20px;
	padding-bottom:20px;
	/*width: 330px;*/
	background-color: white;
	margin-left: 0px;
	padding-left: 60px;
	padding-right: 20px;
	box-shadow: 0px 0px 60px #000;
	font-family: 'Archivo Narrow';
	font-size: 20px;
	margin-bottom: 15px;
	color: #514f4f;
	opacity: 0;
}

.carousel-meta .btn{
	font-size: 14px !important;
	font-weight: 600;
}

.carousel-meta-desc{
	height: 175px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 8px;
	margin-top: 3px;
}

.release-title{
	font-family: 'Archivo Narrow';
	font-size: 20px;
	margin-bottom: 15px;
	color: #514f4f;
}

.carousel-video{
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 0px;
	/* margin-left: -150px; */
	min-height: 300px;
	z-index: 10 !important;
	/* background-size: cover; */
	overflow: hidden;
	object-fit: cover;
}

#navbar-header{
	font-size: 18px;
}

.vid2x{
	width: 200% !important;
}

@media (min-width:0px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
	#myCarousel{
		height: 450px !important;
	}
	
	/*.carousel-video{
		width: 200%; float: left; 
		margin-top:0px; 
		margin-left:-150px;
		min-height: 300px;
		z-index: 10 !important;
	}*/
	
	.carousel-inner{
		height: 450px !important;
		margin-bottom: 20px !important;
	}
	
	.carousel-meta{
		position: absolute;
		background-color: white;
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 300px !important;
		box-shadow: 0px 0px 60px #000;
		z-index: 1000 !important;
		height: 400px;
		/* bottom: 0; */
		margin-bottom: -10px;
		padding-top: 5px;
		width: 100%;
	}
	
	.carousel-meta-desc{
		height: 300px;
		width: 100%;

		overflow-y: auto;
		overflow-x: hidden;
		margin-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: 20px;
		margin-left: 20px;
	}
	

	
	.carousel-control-btn{
		margin-top: 160px !important;
	}
	
	.carousel-indicators {
		bottom: 0px;
		margin-bottom: 0px;
	}
	
	
}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ 
	.carousel-meta{
		height: 200px;
		width: 100%;
	}
	
	
}

@media (max-width:520px)  { 
	#navbar-header{
		font-size: 10px;
	}
}

@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
	#myCarousel{
		height: 300px !important;
	}
	
	.carousel-inner{
		height: 300px !important;
		margin-bottom: 0px;
	}
	
	/*.carousel-video{
		width: 110%; float: right; margin-right: -100px; margin-top:0px; min-height: 300px;
		z-index: 10 !important;
	}*/
	
	.carousel-meta{
		position: absolute;
		height: auto;
		width: 330px;
		background-color: white;
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
		padding-bottom:20px;
		margin-right: 10px;
		margin-left: 40px;
		margin-top: 0px !important;
		box-shadow: 0px 0px 60px #000;
		z-index: 1000 !important;
		
	}
	
	.carousel-meta-desc{
		/*height: 205px;*/
		
		overflow-y: auto;
		overflow-x: hidden;
		margin-bottom: 6px;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.carousel-control-btn{
		margin-top: 90px !important;
	}
}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 

}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
	.carousel-meta{

		/*width: 330px;*/

	}
}
@media (min-width:1200px) { /* hi-res laptops and desktops */ 

	#myCarousel{
		height: 450px !important;
	}
	
	.carousel-inner{
		height: 450px !important;
		margin-bottom: 0px;
	}
	
	.carousel-meta{
		/*height: 450px;*/
	}
	
	.carousel-video{
		margin-top: -50px;
		min-height: 450px;
	}
	
	.carousel-meta-desc{
		height: 300px;
	}
	
	.carousel-control-btn{
		margin-top: 150px !important;
	}
}

@media (min-width:1500px) { /* hi-res laptops and desktops */ 
	.carousel-video{
		margin-top: -100px;
	}

}

@media (min-width:1800px) { /* hi-res laptops and desktops */ 
	.carousel-video{
		margin-top: -150px;
	}
	

}

.featured-tag{
	color: #ce1a10;
}



.carousel-control{
	width: 60px;
}

.carousel-control-btn{
	margin-top: 90px;font-size: 80px;
}

/*end new stuff*/

.top_help{
	display: block !important;
}

.side_help{
	display: none !important;
}

.navbar-brand{
	padding-top:8px;
}

.navbar-brand>img{
	display:inline-block;
}

.loadingimg{
	margin-left: 0px;
}

.navbar-center
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
  height:100%;
}

#navbar-header{
	margin-left:15px;
}

.navbar-right{
 /*display: none;*/
}

.modular-icon{
	font-size: 18px;
}

.mts-template {
  text-align: center;
  /*position: absolute;*/
  
}

.container { 
	width: 100% !important; 
	position: relative;
	padding-left:310px;
} 

.left-bar{
	padding-top: 50px !important;
	position: fixed;
    left:0;
	bottom:0;
	text-align: center;
	background-color: #f9f9f9;
	height: 100vh;
	width: 300px;
	overflow-y: auto;
    padding: 20px;
}

.right-content{
	height: 100%;
	width: 100%;
	padding: 5px;
}

.bold{
	font-weight: bold;
}

a {
	/* color: #4D1D13; */
	text-decoration: none;
}

a:hover {
	/* color: #D44326; */
	text-decoration: none;
}
a:focus {
	/* color: #D44326; */
	text-decoration: none;
}

.sidebar_topic{
	margin-left: 8px;
	font-weight: bold;
	/* color: #737373; */
}

.sidebar-nav{
	overflow: auto;
}

.result-content{
	width: 435px;
	margin-left: 130px;
	margin-right: 5px;
}

.row-striped:nth-of-type(odd){
  background-color: #ffffff;
}

.row-striped:nth-of-type(even){
  
  background-color: #F7F7F7;
}

.caps{
	text-transform: capitalize;
}

.playlist_item{
	text-align: center;
	background-color: #eff0f2 !important;
	margin-bottom: 4px !important;
	max-width: 300px;
	margin: auto;
}

.bar-btn{
	padding-left: 4px !important;
	padding-right: 4px !important;
}

/*.searchResults.row :nth-child(even){
  background-color: #dcdcdc;
}
.searchResults.row :nth-child(odd){
  background-color: #aaaaaa;
}

.row.span4:nth-child(even){
	background-color: #dcdcdc;
}
.row.span4:nth-child(odd){
	background-color: #aaaaaa;
}*/

.vidReleased{
	display:block;
	height: 10px;
	font-style: italic;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap; 
	font-size: 10px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	margin-top: 2px;
}

.vidCard{
	background-color: #FFF;
	color: #000;
	/*padding: 10px;*/
	padding: 0px 0px 5px 0px;
	border: 1px solid #B8B8B8;
	/* margin-left: 13px; margin-right: 13px; margin-bottom: 13px; 
	float: left;*/
	height: 308px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.vidTitle{
	height: 36px;
	text-shadow: none !important;
	margin-top: 4px;
	margin-bottom: 2px;
}

.vidTitle a{
	font-size: 12px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	line-height: 13px;
	display: inline-block;
	margin: 4px;
	max-width: 220px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.vidCard:hover{
	background-color: #F7F7F7;
}

.vidCard img{
	background-color: #FFF;
	/*padding: 4px;
	border: 1px solid #000;
	 width: 180px; 
	height:180px;
	width: 100%;*/
	object-fit: cover;
	width: 100%;
	height:200px;
	max-width: 300px;
}

.vidCard a{color: #000000; text-decoration: none; font-weight: bold;}
.vidCard  a:hover{color: #C91414; outline: 0;}
.vidCard  a:visited{}

.vidCard a.btn-default{text-shadow: 0 1px 0 #fff;
  /**/
  background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e6e6e6));
  background-image: -webkit-linear-gradient(top,#fff,0%,#e6e6e6,100%);
  background-image: -moz-linear-gradient(top,#fff 0,#e6e6e6 100%);
  background-image: linear-gradient(to bottom,#fff 0,#e6e6e6 100%);
  background-repeat: repeat-x;
  border-color: #e0e0e0;
  border-color: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
}

.dropdown-toggle{
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e6e6e6));
  background-image: -webkit-linear-gradient(top,#fff,0%,#e6e6e6,100%);
  background-image: -moz-linear-gradient(top,#fff 0,#e6e6e6 100%);
  background-image: linear-gradient(to bottom,#fff 0,#e6e6e6 100%);
  background-repeat: repeat-x;
  border-color: #e0e0e0;
  border-color: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
}

.filterbox {
	position: fixed; zIndex: 9999; top: 0; right: 0; margin-right: 40px; margin-top: 0px; background-color:white; height: 43px; width: 250px; padding-top: 23px; padding-bottom: 0px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	-moz-box-shadow: 3px 3px 4px #525252; -webkit-box-shadow: 3px 3px 4px #525252; box-shadow: 3px 3px 4px #525252;
	}

.clear1{clear: both;}
	
	.actionButtons{
	position: absolute; top: 0; left: 0; margin-top: 35px; margin-left: 25px
	}
	
.descriptor {
	background-color: #E8E8E8;
	margin: 4px;
	text-align: left;
	width: 184px;
	padding: 4px;
	font-size: 10px;
	min-height: 70px;
}


.buttonList {
	margin-top: 4px;
}

.modal {
    overflow-y: auto;
}



#wrapper{
		width: 100% !important;
        /*overflow: auto;*/

    }
/* 
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	  height: auto !important;
	  overflow: hidden;
	  overflow-y: scroll;
	  margin-bottom: -700px;
	  padding-bottom: 700px;
	} 
*/

.leftMenu{
	width: 250px;
	overflow: hidden;
	/* overflow-y: scroll; */

}

/* .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	  max-height: 100%;
	} */
	
	.navbar-collapse{
		max-height: 100% !important;
		height: 100% !important;
	}
	
.info-icon{
	margin: 2px;
	font-size: 1.2em;
}

@media (max-width: 767px){
	.loadingimg{
		margin-left: 0px
	}

	.side_help{
		display: block !important;
	}
	
	.top_help{
		display: none !important;
	}
	
	.sidebar{
		width: 100% !important;
	}
	
	.leftMenu{
		width: 100% !important;
	}
	
	.tse-scroll-content{
		width: 100% !important;
	}
	
	.row{
	
		margin-left: -5px;
		margin-right: -10px;
	}
}
	
@media (max-width: 900px) {

	body{
		font-size: 14px !important;
	}
	
	.leftMenu{
		width: 100% !important;
		overflow: hidden !important;
		/* overflow-y: scroll; */

	}
	
	
	
	#wrapper {
	  overflow-x: hidden !important;
	  
	}
	
	.mts-template{
		margin-left: 5px;
		margin-right: 15px;
	}
	
	
	
	.vidCard{
		/*margin-left: 20px;
		margin-right: 20px;*/
	}
	
	.info-icon{
		margin: 2px;
		font-size: 1.2em;
	}
	
	/* .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	  max-height: 340px;
	} */
}

@media (max-width: 500px){
	
	.row{
	overflow: hidden !important;
	}
	
	.vidCard img{
		object-fit: cover;
		width: 100%;
		height:150px;
		max-width: 300px;
	}
	
	.vidCard{
	height: 250px;
}
}

@media (max-width: 450px){


	.navbar-brand{
		/*font-size: 8px;*/
	}
	
	.button-text {
        display: none;
    }
	
	.modular-icon{
		font-size: 8px;

	}
	
	.vidTitle{
		
	}
	
	.vidLinkTitle{
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	
	.vidTitle a{
		font-size:8px;
		
	}
	
	.left-bar{
		position: fixed;
		bottom: 0;
		height: 40%;
		width: 100%;
		overflow-x: auto;
		padding-top: 10px !important;
		}
	.right-bar{
		position: fixed;
		top: 0;
		height: 60%;
		width:100%;
		
	}
	.right-content{
		padding: 0px !important;
		margin: auto;
	}
	
	.container{
		padding-left: 0px;
	}
	
	.jwplayer {
		position: relative;
		height:100% !important;
		min-height: 290px !important;
		margin: auto;
	}
	
	#vidImg{
		width: 75px !important;
	}
}

@media (min-width: 451px){
	.left-bar{
		top: 0;
		}
}

@media (min-width: 1200px){
	.container { 
		padding-left:615px;
	} 

	.left-bar{
		width: 600px;
	}
	
	.playlist_item{
		text-align: center;
		background-color: #eff0f2 !important;
		margin-bottom: 4px !important;
		max-width: 500px;
		margin: auto;
	}
	
	.modal-dialog{
		width: 800px !important;
	}
	
	#questionPanel{
		width: 300px !important;
		min-height: 200px;
		padding: 4px;
	}
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
		
}