body {
  	font-smooth: always;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}



body, 
html, 
.watch .content-wrap, 
.watch .top,
.watch .top .full-height,
.watch #live-player,
.watch #now-and-next {
	height: 100%; 
}
.itemRow{
    max-width:42px;
    max-height:42px;
    width:auto;
    height:auto;
    margin-right:5px;
}
.img-responsive{
    
    width:auto;
    height:auto;
}



.channels-box {
	top:70px;
	z-index: 8;
	width: 100%;
	margin: 0 auto;
	bottom: 25px;
	position: absolute;
}
.carousel {
	height: 80px;
}
 .carousel-control {
	background: black;
	
	background-color:#292929;
	height: 100%;
	width: 45px;
	opacity: 100;
}
.carousel-control .glyphicon {
	padding-top: 26px;
	color:#77777c;
	font-size: 35px;
	width: 20px;
	height: 20px;
	left: 0px;
}
.carousel-control .glyphicon-menu-left {
	left: -7px!important;
}
.carousel-control .glyphicon-menu-right {
	left: -7px!important;
}
 .carousel .left {
	left: -7px;
	margin-left:7px;
}
.carousel .right {
	right: -7px;
	margin-right:7px;
}


.accordionh3img{
    max-width:60px;
    max-height:60px;
    width:auto;
    height:auto;
}


.watch #now-and-next {
  height:100%;
}

.watch #vid-player {
  max-height: 100%;
}
.watch .content-wrap {
	padding: 0px;
}
.watch #live-player {
	padding-right: 0px;
  padding-left: 0px;
}
.watch #live-player .inside-player {
  position: relative;
  overflow: hidden;
	height: 100%;
	padding-bottom: 94px;
}
.watch #now-and-next {
	padding-right: 0px;
}
.watch .mini-title {
	font-size:21px;
	font-weight:500;
	margin: 0px 0px 10px 0px;
}



html, body, .container-fluid {
    height:100%;
}
.videorow {
    height: 80%;
    min-height:300px;
}
.brandrow {
    height: 120px;
}
.banrow {
    height:50px;
    overflow:hidden;
}
.videorow .row {
    height: 100%;
}
.border1 {
    text-align: left;
    height: 100%;
}
.border2 {
    text-align: left;
    height: 100%;
    background-color:none;
}
.border3 {
    text-align: left;
    height: 100%;
    padding-right: 0px;
}
.border4 {
    text-align: left;
    height: 100%;
}
.border5 {
    text-align: left;
    height: 100%;
}







.side-menu {
  	background-color: #1a1a1d;  
  	height: 100%;
	padding-top: 10px;
	position: relative;
}


.nav-tabs>li>a {
	margin-right: 0px;
}
.live-content {
	height: 100%;
	overflow: hidden;
}


.channel {
	margin: 0px;
  height: 75px !important;
  width:10%;
}

#now-next-channels .channel.online{
	cursor:pointer;
}

.channel:hover{
    background:#1f1f22;
}
.channel.current-channel{
    background:#27272A;
}
.channel h5 {
  	margin: 5px 0px 5px 0px;
  	font-size: 14px;
  	color: #fff;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.channel .ch-logo {
  	width:70px;
}
.channel .now-next-details {
	margin-top: 14px;
	margin-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
}
.channel .progress {
	margin: 5px 0px 0px 0px;
}

 

.channel-info {
	position: relative;
	bottom: 0px;
	width: 100%;
  	background-color: #1b1b18;
	padding: 2px;
}
.channel-info h3 {
	font-size: 16px;
	color: #d8d8d8;
	margin: 0px 0px 5px 0px;
    border-bottom: 2px solid #252424;
    
}

.channel-info img{float:right;
 max-width:120px;
    max-height:68px;
    width:auto;
    height:auto;}.schedule{margin-top:2%}.onnow,.onnext{display:inline-block;width:35%;background-color:#1a1a1d;}.onnow h4 ,.onnext 
h4{font-size:12px;margin-bottom:1%;color:#d8d8d8}h4.resp{display:none}
.summary{ font-size:13px;color:#d8d8d8}
a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }
.thumb{
    cursor: pointer;
}
   
  .thumb  p{
  	color:white;
  	padding-left:1%;;
  }
  

 



.inside-player > img{
    width:100%;
    height:100%;
    
    
    font-family: "proxima-nova", sans-serif;
    font-size:12px;
    font-weight:300;
    
    
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    background-size: 150px 150px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.inline-login{
    width:840px;
    position:absolute;
    bottom:90px;
    left:50%;
    margin-left:-420px;
    padding:30px;
    background-color:#fff;
}
.inline-login h2{
    text-align:center;
    margin:0 0 15px;
    font-weight:300;
}
.inline-login .form-group:last-child{
    margin-bottom:0;
}
.inline-signup-btn {
  background-color: transparent;
  border: 1px solid #1AB8EC;
  color: #1AB8EC;
}
.inline-signup-btn:hover {
  background-color: #ebeff8;
  border: 1px solid #1AB8EC;
  color: #1AB8EC;
  cursor: pointer;
}

.jspDrag {
  background-color:#B1B1B1;
}

.jspTrack {
  background-color:#373737;
}

.content-wrap {
  padding:0;
}

.content-wrap > footer {
    width:100%;
    position:relative;
    min-height: 100px;
    color: #818c9a;
}





.dropdownMobileImages{
	max-width:42px;

	width:auto;
    height:auto;
	
}

.navbar-default {
    background: #22252a;
    color: rgb(66, 66, 66);
 	font-family: "proxima-nova", sans-serif;
 	font-size:15px;
    line-height: 1.5;
    font-weight: 500;
	border-color: #2C3539;
}
.navbar-default .navbar-text {
  color: #fff;
}

.btn-nav{
	 font-family: "proxima-nova";
	  font-size: 20px; 
	 height:45px;
     background: #22252a;
     color: rgb(66, 66, 66);
     line-height: 1.5;
	  font-weight: 500; 
     
	 border-color: #2C3539;
	 
   }
   .btn-nav-text{
	   color:white;
   }
   .navbar-default .navbar-nav > li > a {
       color:#ffffff;
   }
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.navbar-default {
    background: #22252a;
    color: rgb(66, 66, 66);
 	font-family: "proxima-nova", sans-serif;
 	font-size:15px;
    line-height: 1.5;
    font-weight: 500;
}
.navbar-default .navbar-text {
  color: #fff;
}


@media (min-width: 1387px) {

}


@media (min-width: 1200px) {
    .channel h5 {
    margin: 0px;
  }
  .banrow {
    margin-bottom:10px;
  }
}
@media (max-width: 1199px) {
  .container-non-responsive {
  
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;

  
  width: 970px;
  }
}

@media (max-width: 1200px) {

  .duration-category {
    display:none;
  }

}


@media (min-width: 768px) and (max-width: 991px) {
  
 .nav > li.divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
}


@media (max-width: 767px){
  
}

@media (max-width: 990px) {
  .channel-info {
    height:50px;
  }
  .watch #live-player .inside-player {
    padding-bottom:50px;
  }
}
@media (min-width: @screen-sm-min) { 
	
	body {
	    font-family: "proxima-nova";
	    font-size: 15px; 
	    color: #636363; 
	    line-height: 1.5; 
	    margin: 0; 
	    padding: 0; 
	    font-weight: 500; 
	    background: #191919;
	    height:100%;
	    min-height: 100%;
	    width: 100%;
	}
 }