body {
	font-family: "Roboto",sans-serif;
	background: #FAFBFD;
  	font-smooth: always;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

/* members homepage
-------------------------------------------------- */

.members .mini-title {
	font-size:21px;
	font-weight:500;
	color:#fff;
	margin: 0px 0px 15px 0px;
}

/* logos */
.members #channels {
	height: 80px;
	background: #262525;
	padding: 0;
}
.members #channels .carousel {
	height: 80px;
}
.members #channels .carousel-inner {
	height: 80px;
}
.members #channels .list-inline {
	height: 80px;
	margin: 0px;
	padding: 0px;
}
.members #channels .list-inline>li {
	padding: 0px;
	margin: 0px;
}
.members #channels ul li a img {
	width: 80px;
	height: 80px;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}
.members #channels ul li a img:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}

/* carousels */
.dropdown-menu { background-color: rgba(26, 26, 30, 1);}
.members .carousel {
	margin-bottom: 30px;
}
.members .carousel .carousel-control {
    bottom: 0px;
	width: 30px;
}
.members .carousel .carousel-control.left {
    left: 95%;
}
.members .carousel .carousel-control.right {
    right: -5px;
}
.members .carousel .carousel-control .glyphicon-chevron-left {
	color: #999999;
	top: -27px;
	width: 24px;
    height: 24px;
    background-color: #434952;
    margin-top: -11px;
    font-size: 16px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;

}
.members .carousel .carousel-control .glyphicon-chevron-right {
	color: #999999;
	top: -27px;
	width: 24px;
    height: 24px;
    background-color: #434952;
    margin-top: -11px;
    font-size: 16px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin-right: -11px;
}
.members .carousel .carousel-control .glyphicon-chevron-right:before {
    content: "\e080";
    position: absolute;
    top: 4px;
    right: 4px;
}
.members .carousel .carousel-control .glyphicon-chevron-left:before {
    content: "\e079";
    position: absolute;
    top: 4px;
    right: 4px;
}
.members .carousel a:hover {
	text-decoration: none;
}

/* video */
.members .video {
	margin: 0px;
	display: block;
}
.members .video-info, .members .video-details {
	height: 50px;
	padding: 0px 5px 0px 0px;
}
.members .video-title {
	font-size: 14px;
	padding-top: 5px;
	margin: 0px;
	color: white;
	font-weight: bold;
}
.members .video-subtitle {
	font-size: 12px;
	color: #a9a8a8;
}

.video:hover, .video:focus {
	text-decoration: none;
}

#popular.carousel {

} 

#popular.carousel .glyphicon {
	color:#ccc;
}

#popular.carousel a {
	color:#AFAFAF;
}


/* channels box
-------------------------------------------------- */

.channels-box {
	z-index: 8;
	width: 100%;
	margin: 0 auto;
	bottom: 25px;
	position: absolute;
}
.channels-box .carousel {
	height: 80px;
}
.channels-box .carousel-control {
	background: black;
	background-color: rgba(26, 26, 30, 1)!important;
	height: 100%;
	width: 45px;
	opacity: 100;
}
.channels-box .carousel-control .glyphicon {
	padding-top: 26px;
	color:#444444;
	font-size: 35px;
	width: 20px;
	height: 20px;
	left: 0px;
}
.channels-box .carousel-control .glyphicon-menu-left {
	left: -7px!important;
}
.channels-box .carousel-control .glyphicon-menu-right {
	left: -7px!important;
}
.channels-box .carousel .left {
	left: -7px;
	margin-left:7px;
}
.channels-box .carousel .right {
	right: -7px;
	margin-right:7px;
}
.channels-box .list-inline>li {
	padding: 2px 6px;
	overflow:visible;
}
.channels-box ul li a img {
	width: 80px;
	height: 80px;
	-moz-opacity: 0.70;
	padding: 15px;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}
.channels-box ul li a img:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}

.smaller .video-thumbnail {
  height:100px;
}

.list-block .col-xs-2 {
	margin-bottom:30px;
}

#home {
    /*min-height: 100%;*/
    /*height: 100%;*/
    position: relative;
    width:100%;
}

/* hero only */
.home > .container-fluid{
    min-height:0!important;
    /* height:0!important; */
}

#footer{
    z-index:3;
}

/* large font
-------------------------------------------------- */

#home p {
	font-size:18px;
}
.nav-profile {
    color: #fff;
    float: left;
    font-size: 25px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
	position: fixed;
}
/* hero
-------------------------------------------------- */

.hero {
	position: relative;
	overflow: hidden;
	width:100%;
	min-height: 100%;
	height: calc(100% );
	height: -webkit-calc(100%);
    height: -moz-calc(100%);
	background: black;
}

.hero video {
	display: block;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

.hero .gradient {
	width:100%;
	height:20%;
	position:absolute;
	bottom:0;
	z-index: 3;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(24, 24, 25,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(24, 24, 25,1))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(24, 24, 25,1) 100%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(24, 24, 25,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(24, 24, 25,1) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(24, 24, 25,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); 
}

.hero-plus {
    min-height: 450px;
    height: 490px;
}

.hero-plus .carousel-indicators {
	bottom: 0px;
}

.inverted-title {
	color:#fff;
	font-weight:200;
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
}

.extrapad {
	margin:50px 0 50px 0;
}

.grey {
	color:#9c9c9c;
}

p {
	font-size: 18px;
  	font-weight: 300;
  	color:#6d6d6d;
}

strong {
	font-weight:700;
}

.text-hover.light {
	color:#ccc;
}

/* Bootstrap Carousel Main Background */
.fill { width:100%; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; z-index: 2; }
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}/* Bootstrap Carousel Main Background */


/* Carousel captions */
.home .caption {
	font-size:13px; color:#fff;
	opacity:1;
	position:absolute;
	text-transform:UPPERCASE;
	bottom:15%;
	right:20%;
	display:none;
}

.overlay {
	position: absolute;
	bottom: 15%;
	left: 0px;
	z-index: 4;
	width: 100%;
	text-align: center;
}
.overlay h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	word-break: normal;
	font-size: 80px;
	font-weight:500;
	color: white;
	text-shadow: 0 0 33px rgba(0,0,0,.4);
	letter-spacing: -2px;
}
.overlay .lead {
	word-break: normal;
	font-size: 32px !important;
	color: white;
	text-shadow: 0 0 33px rgba(0,0,0,.4);
}
.overlay p {
	font-size:20px !important;
	color:white;
	font-weight:300;
}



.overlay .btn {margin-bottom: 5px; width:226px; #height:61px; font-size:32px;}

.text-premium a:hover { text-decoration: none; color: #fff; }
.subnav {
	font-size:18px;
	width: 100%;
	/*background-color:#1a1a1e;
	background-image:url('http://resources.cdn.tvplayer.com/web/images/divider.png');*/
	background-position:top; 
	background-repeat:no-repeat;
}
.subnav.affix {
	top: 90px;
	z-index: 9;
}
.subnav .nav {
	padding-top: 10px;
    padding-bottom: 10px;
	width: 100%;
}
.subnav .nav li {
	width: 25%;
}
.subnav .nav li a {
	text-align: center;
	color: #818c9a;
	text-decoration: none;
	transition: color .3s ease-out;
	/*letter-spacing: 0.1rem;*/
}
.subnav .nav li a:hover {
	color: #ffffff;
	background: none;
}

.subnav .nav > li > a:focus {
  text-decoration: none;
  color:#fff;
  background: none;
}

.stage h1, .home .stage h4, .home .stage p {
	color:#fff;
	font-weight: 100;
}
.stage h1 {
	padding-top: 140px;
	font-size: 55px;
}
.carousel-control {
	bottom: 30px;
    width: 6%;
    background-image: none;
}
/* signup block
-------------------------------------------------- */
.single-welcome i{
	font-size: 60px!important;
	color:#009dcd ;
}

#home .signup .lead {
	color:#111;
	font-weight:300;
	padding:10px 0 10px 0;
}
#home .signup .caption {
	font-size:14px;
}

#home .signup .box {
	padding-bottom: 25px;
	margin-bottom: 25px;
}


/* now and next */

.channel-logo {
	text-align:center;
	margin:0;
	padding:0;
}

.channel-logo .channel-logo-image {
	width:50px; margin:-5px;
}

/* usp block
-------------------------------------------------- */

.usp {
	text-align:center;
	color: #000000;
	#padding-bottom:80px;
}
.usp h2 {
	margin-top:40px;
	margin-bottom:40px;
}
.usp h3 {
	color:#1a1a1a;
	font-weight:200;
	font-size: 32px;
	#margin-bottom:40px;
}
.usp img {
	margin-bottom: 30px;
}
.usp .col-lg-4 {
	padding: 0px 20px 0px 20px;
}

/* Animated devices
-------------------------------------------------- */
.wrapper-notv-devices {
	height: 370px;
	overflow: hidden;
	position: relative;
	margin-top: 34px;
}
.tv {
	position: relative;
	left: 150px;
}
.macbook {
	position: absolute;
	z-index: 1;
	top: 120px;
	left: 20px;
}
.ipad {
	position: absolute;
	z-index: 2;
	top: 120px;
	left: 400px;
}
.iphone {
	#position: absolute;
	z-index: 3;
	top: 220px;
	left: 490px;
}
.product h2 {
	padding-bottom: 20px;
}
.pink {
	color: #db3a94 !important;
}
.product h4 {
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	margin-bottom: 0px;
}
.product p {
	color: #000000;
}

/* Menu mobile
-------------------------------------------------- */
.navbar-btn {
	background: rgba(54, 25, 25, 0.1);
}
/* Helpers */

.display-table {
  display: table;
}
.display-table-cell {
  display: table-cell;
}
/* Menu overlay */

.fixed-container-request {
  width: 100%;
  height: 100%;
  z-index: 20;
  position: fixed;
  background: #232323;
}

.navbar-overlay {
	padding-top: 45px;
}
.navbar-overlay li {
    margin: 0;
	padding: 0;
	list-style: none;
	text-align: center !important;
	font-size: 18px;
}

.fixed-container-request > .container {
  width: 100%;
  height: 100%;
}

.fixed-container-request .close-overlay {
  color: #cdcdcd;
  top: 20px;
  right: 20px;
  font-size: 20px;
  text-align: right;
  cursor: pointer;
  position: relative;
}
/*Override Bootstrap's Carousel Css */
/*.carousel-inner > .item {
    -webkit-transition: 12s linear left;
    -moz-transition: 12s linear left;
    -o-transition: 12s linear left;
    transition: 12s linear left;
}*/

.btn-homepage {
	margin-right:7px;
	padding: 6px 24px; 
	font-size: 24px;
	font-weight: 600;
}

.btn-outline {
  margin-top: 20px;
  background-color: transparent;
  border: 1px solid #1AB8EC;
  color: #1AB8EC;
}

.btn-outline:hover {
  margin-top: 20px;
  background-color: #e8f3ff;
  border: 1px solid #1AB8EC;
  color: #1AB8EC;
}

/* beta page styles */

.beta-intro p {
	color:#fafafa;
}

.beta-intro .secondary-title {
	color:#fff;
	font-size:38px;
}
.col-sm-3 {
	padding-right: 25px;
}


/* Hover thumbnail 
------------------------------------------------------------------*/

.video-overlay:hover {
	background-color: transparent;
}
.video-hover {
    background-color:#111;
    background-color: rgba(42, 42, 42, 0.9);
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
.video-thumbnail:hover .video-hover, .video-thumbnail:hover .play-box {
	opacity: 1;
}
.video-hover .time-hover {
    margin-top: 35px;
    float: left;
    width: 57px;
    height: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    line-height: 1;
    padding-right: 20px;
    padding-left: 12px;
    color: #fff;
    font-size: 15px;
}
.text-hover {
	margin-top: 35px;
	color: #fff;
	line-height: 1.2;
	font-size: 14px;
    
    display: block;
    display: -webkit-box;
    max-width: 77%;
    height: 48px;
    font-size: 13px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}
.release-date {
	color: #ADADAD;
    font-weight: 400;
    font-size: 13px;
}
.play-box {
	-webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    background-color: #df3596;
    color: #fff;
    width: 30px;
    height: 30px;
    opacity: 0;
}
.play-pink {
    background-color: #df3596;
}
.play-blue {
    background-color: #1ab8ec;
}
.play-icon {  
   top: 7px;
} 
.video-thumbnail .free-box, .video-thumbnail .plus-box {
	z-index: 4;
}



/* Catchup Light Carousel */
.catchup-light {
	margin-top: 20px;
}

.catchup-light .carousel {
    margin-bottom: 30px;
}
.catchup-light .carousel .carousel-control {
    bottom: 0px;
    width: 30px;
    background: none;
    opacity: 1;
}
.catchup-light .carousel .carousel-control.left {
    left: 94.5%;
}
.catchup-light .carousel .carousel-control.right {
    right: -5px;
}
.catchup-light .carousel .carousel-control .glyphicon-chevron-left {
    color: #F5F5F7;
    top: -27px;
    width: 24px;
    height: 24px;
    background-color: #A9AEB7;
    margin-top: -11px;
    font-size: 16px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.catchup-light .carousel .carousel-control .glyphicon-chevron-right {
    color: #F5F5F7;
    top: -27px;
    width: 24px;
    height: 24px;
    background-color: #A9AEB7;
    margin-top: -11px;
    font-size: 16px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin-right: -11px;
}
.catchup-light .carousel .carousel-control .glyphicon-chevron-right:before {
    content: "\e080";
    position: absolute;
    top: 4px;
    right: 4px;
}
.catchup-light .carousel .carousel-control .glyphicon-chevron-left:before {
    content: "\e079";
    position: absolute;
    top: 4px;
    right: 4px;
}
.carousel a:hover {
    text-decoration: none;
}


/*Plus homepage*/
.text-banner {
	position: relative;
	top: 23%;
	left: 46px;
	color: #fff;
}
.text-banner h2 {
	color: #fff;
    font-weight: 300;
    font-size: 42px;
}
.text-banner p {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
}
.smaller-text {
	font-size: 14px!important;
	width: 300px;
	line-height: 1.4;
}
.plus-scale {
	top:17%;
}

/* responsive adjustments
-------------------------------------------------- */

/* @media (min-width: 200px) and (max-width: 800px) {
	.subnav .nav li a {font-size:12px; line-height:normal; text-align:center; padding:10px 0px 10px 0px;}
	.subnav .nav li {width:145px;}
	.navbar-nav {margin:0px 0px;}
	#home #channels {height:50px;}
	#home .overlay {display:none;}
} */


.feature p {
    width: 95%;
}
.social{
	
}
@media (min-width:1600px) {
	.home .caption {
		display:block;
	}
	/*Carousels arrows*/
	 .members .carousel .carousel-control .glyphicon-chevron-left {
	left: 14px;
    }
    .members .carousel .carousel-control .glyphicon-chevron-right {
	right: 16px;
    }
}



@media (min-width: 1201px) and (max-width: 1386px) {
	/*animated devices*/
    .tv {left: 115px;}
    .ipad {top: 147px; left: 379px;}
    .iphone {top: 236px;left: 450px;}
    /*Carousels arrows*/

    /*Carousel */
    .channels-box .list-inline>li {padding: 5px 0px 0px 0px;}
    .channels-box ul li a img {width: 75px;height: 75px;}

    .channels-box .list-inline>li {
	padding: 4px 2px 2px 2px;
	overflow:visible;
    }
    /*Plus Home*/
    .catchup-light .carousel .carousel-control.left {
    left: 93.5%;
    }
}
@media (min-width: 1200px) {
    .bg-features { padding: 0px 80px 80px 80px;}
	.bg-no-tv { padding: 70px 40px 70px 40px;}
	.bg-premium-tv { padding: 80px 80px 70px 80px;}
    .bg-best-shows { padding: 60px 60px 60px 80px;}
    .bg-catchup-tv { padding: 90px 80px 0px 80px;}
    .bg-signup { padding: 100px 80px 50px 80px;}

	.img-devices { margin-top: 20px;}	
	.text-catchup-tv { margin-left: 25px;}	
    .text-best-shows {padding-top: 50px;}
    .best-shows { max-width: 500px;}
    /*Beta Home*/
    .wrapper-live {
    float: right!important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
	/*Home contents*/
	.bg-features { padding: 50px 30px 50px 30px;}
	.bg-no-tv { padding: 50px 30px 50px 30px;}
	.bg-premium-tv { padding: 50px 30px 50px 30px;}
    .bg-best-shows { padding: 80px 30px 0px 30px;}
    .bg-catchup-tv { padding: 100px 30px 0px 30px;}
    .bg-signup { padding: 50px 30px 50px 30px;}
    .bg-premium-tv img { padding-top: 25px;}
    .text-best-shows {padding-top: 50px;}
    .text-catchup-tv { margin-left: 25px; margin-top: -50px;}

    .bg-white .container { width: 95%;}
    .container { width: 95%;}
    #home .hero { height: 95%;}
	.img-devices { margin-top: 30px;}	
    /*Beta Home*/
    .wrapper-live {
    float: left!important;
    }
    .time-left { padding-right: 3px;}
    .members .video-subtitle {
    font-size: 11px;
    color: #C5C5C5;
    }

}

/* Just for Animated Devices"----------------------------*/
@media (min-width: 1054px) and (max-width: 1200px) {
	 /*animated devices*/
    .tv {left: 92px;}
    .macbook {top: 148px; left: 0px;}
    .ipad {   top: 151px; left: 350px;}
    .iphone {top: 243px; left: 428px;}
    /*Carousels arrows*/
    .members .carousel .carousel-control.left {
    left: 94%;
    }
    .members .carousel .carousel-control .glyphicon-chevron-left {
	left: 4px;
    }
    .members .carousel .carousel-control .glyphicon-chevron-right {
	right: 16px;
    }
    /*Carousel */
   .channels-box ul li a img {
    width: 69px;
    height: 69px;
    }
    .channels-box .list-inline>li {padding: 6px 0px 0px 0px;}

    .channels-box .list-inline>li {
	padding: 7px 0px 0px 0px;
	overflow:visible;
    }
    /*Plus Home*/
    .catchup-light .carousel .carousel-control.left {
    left: 92.5%;
    }
}
@media (min-width: 992px) and (max-width: 1054px) {
	 /*animated devices*/
    .tv {left: 92px;}
    .macbook {top: 136px; left: 0px;}
    .ipad {   top: 171px; left: 363px;}
    .iphone {top: 243px; left: 428px;}
    /*Beta Home*/
    .members .video-info, .members .video-details { height: 60px;}
     /*Carousels arrows*/
    .members .carousel .carousel-control.left {
    left: 94%;
    }
    .members .carousel .carousel-control .glyphicon-chevron-left {
	left: 5px;
    }
    .members .carousel .carousel-control .glyphicon-chevron-right {
	right: 16px;
    }
    /*Carousel */
   .channels-box ul li a img {
    width: 63px;
    height: 63px;
    }
    .channels-box .list-inline>li {padding: 6px 0px 0px 0px;}

    .channels-box .list-inline>li {
	padding: 10px 0px 0px 0px;
	overflow:visible;
    }
    /*Plus Home*/
    .catchup-light .carousel .carousel-control.left {
    left: 92%;
    }
}

.ribbon{
	background: #5b38ae;
	border-radius: 50px;
    font-size: 35px;
    left: 10px;
    padding-left: 5px;
    position: fixed;
    top: 10px;
    width: 55px;
    z-index: 99999;
}
.ribbon a{
	 color: #fff;
	 font-weight: 200;
}
.gateways-block{
	margin-top: 30px;
    position: absolute;
    width: 100%;
}
.gateways{
	text-align: center;
	margin-top: 10px;
	
}
.tooltip {
	white-space: nowrap;
}
/*---------------------------------------------*/

  @media (min-width: 768px) and (max-width: 991px){
  	/*Home contents*/
	.bg-features { padding: 20px 30px 70px 30px;}
	.bg-no-tv { padding: 50px 30px 50px 30px;}
	.bg-premium-tv { padding: 50px 30px 50px 30px;}
    .bg-best-shows { padding: 30px 30px 0px 30px;}
    .bg-catchup-tv { padding: 30px 30px 0px 30px;}
    .bg-signup { padding: 50px 30px 50px 30px;}

    .bg-premium-tv img { margin: 0 auto;}
    .bg-premium-tv a { margin-top: 30px;}
    .subnav .nav li a { font-size: 16px;}
    #home .hero { height: 95%;}

    .product { text-align: center;}
    .best-shows { margin: 0 auto;}
    .text-best-shows {padding-top: 30px;}
    .img-devices { margin-top: 30px;} 
  
    .feature { padding-top: 50px;}
    .feature p { width: 50%; margin: 0 auto;}
    /*Carousels arrows*/
    #home #channels ul li a img {
    width: 70px;
    height: 70px;
    }
    .carousel-inner {
    margin: 0 auto;
    }
    .members .carousel .carousel-control.left {
    left: 93.5%;
    }
    .members .carousel .carousel-control .glyphicon-chevron-left {
	left: -4px;
    }
    .members .carousel .carousel-control .glyphicon-chevron-right {
	right: 16px;
    }
    /*Beta Home*/
    .members .video-info, .members .video-details {
    float: left;
	height: 118px;	
    }
    .video-info {
    background: #262525;
    width: 100%;	
    }
    .members .video-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 137px;
    }
    .wrapper-live {
    float: left!important;
    }
    .wrapper-catchup { padding-left: 5px;}
    .time-left {
    padding-right: 10px;
    }
    /*Carousel */
   .channels-box ul li a img {
    width: 60px;
    height: 60px;
    }
    .channels-box .list-inline>li {padding: 6px 0px 0px 0px;}

    .channels-box .list-inline>li {
	padding: 10px 0px 0px 0px;
	overflow:visible;
    }
     /*Plus Home*/
    .catchup-light .release-date{ display: none; }	
    .catchup-light { text-align: left;}
    .catchup-light .carousel .carousel-control.left { left: 89.5%;    }

}

  @media (max-width: 767px) {
  	/*Home contents*/
	.bg-features { padding: 20px 30px 70px 30px;}
	.bg-no-tv { padding: 50px 0px 50px 0px!important;}
	.bg-premium-tv { padding: 50px 0px 50px 0px!important;}
    .bg-best-shows { padding: 30px 0px 30px 0px!important;;}
    .bg-catchup-tv { padding: 30px 0px 0px 0px!important;}
    .bg-signup { padding: 50px 30px 50px 30px;}

    .bg-premium-tv img { margin: 0 auto;}
    .bg-premium-tv a { margin-top: 30px;}
	.subnav .nav li a {font-size:12px; line-height:normal; text-align:center; padding:10px 0px 10px 0px;}
	.subnav .nav li {width:145px;}
	.navbar-nav {margin:0px 0px;}
	#home #channels {height:60px;}
	/* #home .overlay {display:none;} */
	#home .overlay { bottom: 19%;}
	.overlay h1 { font-size: 45px; padding-bottom: 10px;}
	.overlay .lead, .overlay p { display: none;}
	#home .overlay .btn { margin-bottom: 5px; width: 190px; height: 54px; font-size: 28px;}
	#home .hero { height: 95.5%;}

	.carousel-control img { top: 60%;}

	.subnav .nav li { width: 50%;}
    .subnav .nav li a { font-size: 11px;}

    .bg-white .container { width: 90%;}
    .usp { padding-bottom: 50px;}
    .feature { padding-top: 50px;}
    .feature p { width: 50%; margin: 0 auto;}
    .content .container { width: 96%;}
    .product { text-align: center;}
    .product h2 { font-size: 29px;}

    .best-shows { margin: 0 auto;}

    .availability { margin-bottom: 30px;}   

    #channels .carousel-inner {	width: 75%; margin: auto;}
    /*Beta Home*/
    .wrapper-video-thumbnail {
    padding-right: 7px!important;
    padding-bottom: 14px;
    padding-left: 7px!important;
    }
    .members .video-info, .members .video-details {
    float: left;
	height: 100px;		
    }
    .members #channels {
    margin-left: 7px;
    margin-right: 7px;
    }
    /*Carousels arrows*/
    .members .carousel .carousel-control.left {
    left: 93.5%;
    }
    .members .carousel .carousel-control .glyphicon-chevron-left {
	left: -27px;
    }
    .members .carousel .carousel-control .glyphicon-chevron-right {
	right: 23px;
    }
    .members .carousel .carousel-control .glyphicon-left-channels {
	left: -21px;
    }
    .members .carousel .carousel-control .glyphicon-right-channels {
	right: 16px;
    }
    .video-details { width: 90%;}
    .video-info {
    background: #262525;
    width: 100%;	
    }
    .time-left { padding-right: 7px;}
    .members .mini-title {
    margin: 0px 0px 15px 7px;
    }
    /*Plus Home*/
    .catchup-light { text-align: left;}
    .catchup-light .carousel .carousel-control.right {
    right: 3px;
    }
    .catchup-light .carousel .carousel-control.left {
    left: 84%;
    }
    .plus-scale {top:2%;}
}  

@media (max-width: 480px) {
	.btn-full-width { width: 100%; margin-bottom: 10px;} 
	.content .container { width: 93%;}
	#home .hero { height: 100%;}
	.carousel-control img { top: 70%;}
	.feature p { width: 100%; margin: 0 auto;}

	/*Beta Home*/
    .wrapper-video-thumbnail {
    padding-right: 7px!important;
    padding-bottom: 7px;
    padding-left: 0px!important;
    }
    .members .video-info, .members .video-details {
    float: left;
	height: 125px;	
    }
    .video-info {
    background: #262525;	
    width: 100%;
    }
    .members .video-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 117px;
    font-size: 12px;
    }
    .video-subtitle .time-left { width: 100%;}
    .wrapper-live {
    float: left!important;
    }
    .wrapper-catchup {
    padding-left: 10px;
    }
    .members .carousel {
    padding: 0px 0px 0px 7px!important;
    }
    .members .video-subtitle {
    font-size: 11px;
    color: #C5C5C5;
    }
     /*Carousels arrows*/
 
    .members .carousel .carousel-control .glyphicon-chevron-left {
	left: -40px;
    }
    .members .carousel .carousel-control .glyphicon-chevron-right {
	right: 23px;
    }
    .members .carousel .carousel-control .glyphicon-left-channels {
	left: -33px;
    }
    .members .carousel .carousel-control .glyphicon-right-channels {
	right: 16px;
    }
    /*Plus Home*/
    .text-banner {
    position: relative;
    top: 23%;
    left: 46px;
    color: #fff;
    width: 77%;
    text-align: center;
    }
    .catchup-light .release-date{ display: none; }	
    .catchup-light { text-align: left;}
    .catchup-light .carousel .carousel-control.right {
    right: 3px;
    }
    .catchup-light .carousel .carousel-control.left {
    left: 75%;
    }
}

@media (max-width: 320px) {
	#home #channels {height:50px;}	
}

@media (max-height:900px) {
	#channels .info {
		display:none;
	}
}

@media (max-height:900px) {
	.info {
		display:none;
	}
}
@media (max-height:1000px) {
    .divider {
		display: none;
	}
}
@media (max-height:1000px) and (max-width:1200px) {
	.info {
		display:none;
	}
	.overlay h1 {
		font-size:60px;
	}
}