html
{	
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-y: scroll;	
}
body {	
	line-height: 1.42857143;
	color: #333;
	background-color:#e8e8e8;
	margin: 0px;
	padding: 0px;
}
 /* STICKY FOOTER */
html { position: relative;   min-height: 100%;}
.footer { position: absolute; bottom: 0; width: 100%; vertical-align:middle; background-color: #f5f5f5;}
h1
{
	font-size: 22px;
    font-weight: 400;
	margin: 0 0 10px 0;
	line-height: 1.1;
    color: #444444;
}

h4
{
	margin-top: 20px;
    margin-bottom: 15px;
	color: #ff0000;
	font-size: 20px;
    line-height: 1.1;
	font-weight: 500;
	text-transform: uppercase;
}
.alert {
	margin-bottom:0px;
}
a.clean {text-decoration:none;}
a.clean:hover {text-decoration:none!important;}
.tooltip-inner { 
	max-width: 200px !important; 
	width: 200px;
	padding: 7px 7px;
	background-color: #333;
}
.collapsing { /*Faster*/
  -webkit-transition: height .20s ease-out;
       -o-transition: height .20s ease-out;
          transition: height .20s ease-out;
}
/* Fonts */
.font-100 {font-weight: 100;}
.font-200 {font-weight: 200;}
.font-300 {font-weight: 300;}
.font-400 {font-weight: 400;}
.font-500 {font-weight: 500;}
.font-600 {font-weight: 600;}
.font-700 {font-weight: 700;}
.font-800 {font-weight: 800;}
.font-900 {font-weight: 900;}
/* Shadows */
.shadow {
	box-shadow: 0 3px 2px -2px rgba(0,0,0,.1); 
    -webkit-box-shadow: 0 3px 2px -2px rgba(0,0,0,.1);
}
.shadow-1dp {   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);  }
.shadow-2dp { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) }
.shadow-3dp { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12) }
.shadow-4dp { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2) }
.shadow-5dp { box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2) }
.shadow-6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2) }
.shadow-8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2) }
.shadow-16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2) }
.gray 
{
	background-color: #f5f5f5;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.label.label-default a,.label.label-default a:hover
{
	color:#fff;
}
/* Video play */
#play-video-desc a { text-decoration: none;  }
#play-video-desc a:hover, .video-desc a:focus {  outline: 0; text-decoration: underline;  }
.nav-pills>li {   float: left }
.nav-pills>li>a { border-radius: 4px  }
.nav-pills>li+li { margin-left: 2px }
.nav-pills>.active>a>.badge { color: #428bca;  background-color: #fff }
.nav-pills>li>a>.badge { margin-left: 3px }
.nav-pills>li>a { color: #666; padding-top: 4px; padding-bottom: 4px }
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus { background-color: #999; }
.nav-pills { margin-bottom: 10px }
 
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
 
.row.no-gutter {
  margin-left: 7px;
  margin-right: 7px;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding: 7px;
}
 .row {
     margin-left: -15px;
     margin-right: -15px
 }

.btn{
	text-decoration: none !important;
}
 .channel-btn {
     width: 60px;
     height: 30px;
     padding: 4px
 }
 .channel-btn img {
     max-width: 100%;
     height: 100%
 }
 .arrows a {
     color: #c9c9c9;
	 line-height:34px;
	 font-size:130%;
 }
.arrows a:hover {
     color: #797979;
 }
.arrows a.disabled {
     color: #e4e4e4;
 }
 
 .search-field
 {
	 font-size:97%;
 }

/******* VIDEO LIST */
.video-box-ctn a{
	text-decoration:none;
}
.video-box {  position: relative; vertical-align:bottom; }
.video-box
{
	width: 100%;
}
/*TITLE SEPARATE*/
.video-box-title {
	margin-top:8px;
	margin-bottom:4px;
	color: #222;
	font-weight: 500;
	display: block;
	overflow: hidden;
	/* max-height = (line-height (1.6) * max number of lines (2)) + 1*/
	line-height: 1.8rem;
	max-height: 3.7rem;
	/*min-height: 3.2rem;*/
	/*font-size: 1.3rem;*/
}
.video-box-info {
	/*margin:0px 8px 0px 8px;*/
	margin-bottom:4px;
	color: #777;	
	font-weight: 400;
	line-height: 1.6rem;
	font-size:90%;
	overflow: hidden;
}
/*TITLE OVERLAY */
.video-box-overlay-title  {
	display:block;
	background:transparent;
	position: absolute;
	text-shadow:1px 1px 1px #222, -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;
    color: #FFF;
	bottom: 7px;  
	left: 5%;
	/*transform: translate(0, -100%);*/
    overflow: hidden;
    line-height: 1.8rem;
	max-height: 3.7rem;
    width: 90%;	
	font-weight: 400;
	font-size:100%;
}
.video-box-overlay-title-home {	
	font-size: 105%;
	text-shadow: 1px 1px 1px #333, -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #444, 1px 1px 0 #444;
	bottom: 12px;  
	left: 12px;
	right: 12px;
}
.video-box-overlay-title.cat {	
	font-size: 95%;
}
@media only screen and (min-width: 1200px) {	
	.video-box-overlay-title.cat {	
		font-size: 104%;
	}
}

.video-box-overlay-gradient  {
	display:block;
	position: absolute;
	bottom: 0%;  
	left: 0;
    width: 100%;
	height:93%;
	
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.09) 67%, rgba(0,0,0,0.4) 77%, rgba(0,0,0,0.67) 87%, rgba(0,0,0,0.87) 97%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.09) 67%,rgba(0,0,0,0.4) 77%,rgba(0,0,0,0.67) 87%,rgba(0,0,0,0.87) 97%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.09) 67%,rgba(0,0,0,0.35) 77%,rgba(0,0,0,0.60) 87%,rgba(0,1,0,0.75) 97%);


}
.video-box-overlay-gradient-home {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.09) 63%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.67) 87%, rgba(0,0,0,1) 95%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.09) 63%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.67) 87%,rgba(0,0,0,1) 95%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.09) 63%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.67) 87%,rgba(0,0,0,1) 95%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
height:68%;
}
.video-box-overlay-title-fadein {
	display:none;
}

/*PLAY BTN OVERLAY */
.zoom-on-hover:hover
{
	transform: scale(1.1);
}
.video-box-overlay-play-btn
 {
	display: block;
	width:100%;
	height: 100%;
	position:absolute;
	left:0;
	right:0;
	top: 0;
	text-align: center; 
	vertical-align: middle;
}
.video-box-overlay-play-btn  img { 

	visibility: hidden;
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
.video-box-overlay-play-btn:hover		{ background: rgba(0, 0, 0, .45); }
.video-box-overlay-play-btn:hover img	{ visibility: visible; }
.video-list-title,.video-list-title a {
	margin: 0;
	padding:0;
    color:inherit;
	font-size: 19px;
    font-weight: 500;
	text-transform: uppercase;	
}
.video-list-title,.video-list-title a:hover {
	text-decoration:none;
}
.video-list-title i {
	color: inherit;
	opacity: 0.5;
	font-size:80%;
}
.cat-list-title, .cat-list-title a, .cat-list-title a:hover{
	color:inherit;
	margin: 0;
	padding:0;
	font-size: 19px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration:none;
}
.cat-list-title i {
	color: inherit;
	opacity: 0.5;
	font-size:80%;
}

.pagination-arrow {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.pagination-arrow:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* Navbar height */
.navbar-menu {
     top: 0px;
     width: 100%;     
     margin-bottom: 0;
     /*background-color: #FFF*/
}
.navbar-menu .navbar-collapse {
     max-height: initial;	 
}
.navbar-menu .navbar-nav>.open>a,
.navbar-menu .navbar-nav>.open>a:hover,
.navbar-menu .navbar-nav>.open>a:focus {
     color: inherit;
     background-color: #F2F2F2
}
@media only screen and (min-width:1400px) {
	.nav-padding-fluid { padding: 0px 100px 0px 100px !important; }
	.page-padding-fluid { padding: 0px 100px 0px 100px !important; }
	#adv-search-box {margin-bottom:-15px;}
}
@media only screen and (min-width:1200px) and (max-width: 1399px) {
	.nav-padding-fluid { padding: 0px 30px 0px 30px !important; }
	.page-padding-fluid { padding: 0px 30px 0px 30px !important; }
	#adv-search-box {margin-bottom:-15px;}
}
@media only screen and (min-width: 1101px) and (max-width: 1199px) {
	.nav-padding-fluid { padding: 0px 20px 0px 20px !important; }
	.page-padding-fluid { padding: 0px 20px 0px 20px !important; }
	#adv-search-box {margin-bottom:-15px;}
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
	.nav-padding-fluid { padding: 0px 15px 0px 15px !important; }
	.page-padding-fluid { padding: 0px 15px 0px 15px !important; }
	.page-padding { padding: 0px 0px !important; } .footer .page-padding { padding: 0px 15px 0px 15px !important; }
	#adv-search-box {margin-bottom:-15px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.outhead {margin-top: 0px;}
	.nav-padding-fluid { padding: 0px 15px 0px 15px !important; }
	.page-padding-fluid { padding: 0px 15px 0px 15px !important; } .footer .page-padding-fluid { padding: 0px 15px 0px 15px !important; } 
	.page-padding { padding: 0px 0px !important; } .footer .page-padding { padding: 0px 15px 0px 15px !important; }
	.container { width: 96%; }
}
@media only screen and (max-width:767px) {
	.outhead {margin-top: 0px;}
	.nav-padding-fluid { padding: 0px 15px 0px 15px !important; }
	.page-padding-fluid { padding: 0px 0px !important; } .outhead,.footer .page-padding-fluid { padding: 0px 15px 0px 15px !important; } 
	.page-padding { padding: 0px 0px !important; } .outhead,.footer .page-padding { padding: 0px 15px 0px 15px !important; }
}

.cat-list-ctn {
	border:0;
	border-radius:2px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	padding: 7px 0px;
	margin-top:22px;
	min-height:100px;
}
.vid-list-ctn {
	border:0; 
	border-radius:2px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	padding: 7px 0px;
	margin-top:22px;
	min-height:100px;
}
.vid-ctn {
	padding-top:22px;
}

@media only screen and (max-width:767px) {
	.vid-list-ctn {
		margin-top:6px;
	}
	.cat-list-ctn {
		margin-top:6px;
	}
	.vid-ctn {
		padding-top:0px;	
	}
}
.black-screen {background-color:#dddddd; background:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,0.85)); padding:50px; color:#fff; text-align:center; display:none; width:100%; height:360px;}
#my-nav-search-input {font-size: 100%; font-weight:400;}
#my-adv-search-input {font-size: 100%; font-weight:400; border-color:#fff; box-shadow: none;}
#my-adv-search-btn {border-color:#fff; box-shadow: none;}
#my-adv-search-form select {border-color:#fff; box-shadow: none;}
#my-adv-search-form .form-group {box-shadow: 0 3px 2px -2px rgba(0,0,0,.1); }