@font-face {
	font-family: 'Centrale Sans Book';
	src: url('fonts/CentraleSans-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/CentraleSans-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Centrale Sans Light';
	src: url('fonts/CentraleSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/CentraleSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Centrale Sans Bold';
	src: url('fonts/CentraleSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/CentraleSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;	
	font-style: normal;
}

body {
	margin:0;
	padding:0;
	outline:none;
	border:0;
	height: 100%;
	-webkit-user-select: none; 
	-webkit-touch-callout: none; 
    touch-callout: none; 
    user-select: none;
    background-color: #1F1F1F;
}

/*List items */
ul {
	padding:0;
	list-style-type:none;
	margin: 0;
}

a, a:visited, a:hover, a:active {
	color: inherit;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

ul.list{
	box-shadow: 0 0 0 0 rgba(0,0,0,0.30), 0 1px 2px 0 rgba(0,0,0,0.50);
}

ul.list li, .innerApp {
	height: 72px;
	background-color: #272727;
	position: relative;
}
ul.list li::after, .innerApp:after {
	content: '';
	height: 1px;
	width: calc(100vw - 72px);
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,0.1);
}

ul.list li:last-child::after {
	content: '';
	height: 1px;
	width: calc(100vw - 72px);
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,0);
}

ul.list li span {
	display: table-cell;
    vertical-align: middle;
    height:72px;
    padding-right:40px;
    width:100vw;
    padding-left:72px;
}

img.chevron {
	width:6px;
	height:11px;
	position:absolute;
	right:16px;
	top: 50%;
	transform: translateY(-50%);
}

li span.no_chevron  {
    padding-right:20px!important;
}

img.icon {
	width:40px;
	border-radius: 6px;
	left: 12px;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.28), 0 2px 4px 0 rgba(0,0,0,0.48);
	margin:0;
}

ul.list li p {
	width:100%!important;
	max-height:48px!important;

}

/* Subheader */
.subheader {
	background-color: transparent;
	margin:0;
	padding:0;
}

.subheader h2, .boldTitleWhy {
	font-family:'Centrale Sans Bold';
	font-weight:normal!important;
	margin:0;
	color:white;
	font-size:12px;
	letter-spacing:0px;
  	padding-left:16px;
	padding-top: 32px;
	padding-bottom: 8px;
  	opacity:0.7;
	text-transform: uppercase;
}

ul.subheader h3.see_all {
	font-family:'Centrale Sans Bold';
	font-weight:normal!important;
	margin:0;
	color:white;
	font-size:12px;
	letter-spacing:0px;
  	opacity:1;
  	margin-top:15px;
	text-align:right;
	margin-right:10px;
	position:absolute;
	margin-top:-30px;
	right:0;
}

/* fonts */
h1, h2, .justTextTextApp, .justDescription {
	font-family:'Centrale Sans Bold';
	font-weight:normal!important;
	margin:0;
	color:white;
	font-size:16px;
	line-height: 20px;
	letter-spacing:0px;
}

h4 {
	font-family:'Centrale Sans Book';
	margin:0;
	color:white;
	font-size:24px;
	margin:16px;
}

p.large {
	font-family:'Centrale Sans Book';
	margin:0;
	color:rgba(255,255,255,0.7);
	font-size:16px;
	margin:16px;
	line-height:20px;
}

p.small {
	font-family:'Centrale Sans Book';
	margin:0;
	color:rgba(255,255,255,0.7);
	font-size:12px;
	line-height: 16px;
}

p.xsmall {
	font-family:'Centrale Sans Book';
	color:white;
	opacity:0.5;
	font-size:11px;
	margin:20px;
	margin-left:10px;
}

span.white {
	color:white;
	font-family:'Centrale Sans Bold';
	opacity:1;
}

/* Apps we like App 4 */
.appList p {
	margin:0;!important
}

.appList{
	box-shadow: 0 0 0 0 rgba(0,0,0,0.30), 0 1px 2px 0 rgba(0,0,0,0.50);
}

.appList:last-of-type{
	margin-bottom: 20px;
}

.appList .innerApp:last-child::after{
	background-color: transparent;
}

.justDescription {
	font-size:12px;
	opacity:0.5;
	line-height: 16px;
	position:absolute;
	left:72px;
	top:38px; /* bart to check */
}

.justTextTextApp {
	top:18px; /* bart to check */
	position:absolute;
	left:72px;
}

.appLogo {
	width:40px;
	border-radius: 6px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.28), 0 2px 4px 0 rgba(0,0,0,0.48);
	margin:0;
	margin-left:12px;
	margin-top:16px;
	float:left;
}

/* Works with hue pages */
#workswithhue {
	margin-bottom:20px;
}

#workswithhue p.small {
	font-family:'Centrale Sans Book';
	margin:0;
	color:rgba(255,255,255,0.7);
	font-size:16px;
	line-height: 20px;
	margin-left: 16px;
	margin-top: 24px;
	margin-bottom: 12px;
	margin-right:16px;
}

/*entertainment */
img.entertainmentPageImage {
	width:100%;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}

div.entertainmentBox {
	background: #272727;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 4px 8px rgba(0, 0, 0, 0.45);
	max-width: 600px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
}

iframe.entertainment_video {
	border:none!important;
	width:100vw;
	height:100vw;
	margin-left:0vw;
}

img.bridge_icon {
	width:35px;
  	margin-top:25px;
	margin-left:15px;
	position:absolute;
}

width:40px;
	border-radius: 6px;
	left: 12px;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.28), 0 2px 4px 0 rgba(0,0,0,0.48);
	margin:0;

img.entertainment_setup_icon {
	width:35px;
  	margin-top:34px;
	margin-left:27.5px;
	position:absolute;
}

/*how to*/
img.outline {
  background:rgba(255,255, 255, 0.7);
  padding:2px;
}

div#howto li p {
	font-size:14px;
	font-family:'Centrale Sans Bold';
	font-weight:normal!important;
	margin:0;
	color:white;
	letter-spacing:0px;
	margin-top:5px;
}

.video_placeholder {
  width:100vw;
  height:100vw;
  position:absolute;
  z-index:-1;
  top:0;
  background:black;
}

div.howtovideo iframe.video {
  width:100vw!important;
  height:100vw!important;
}

/*Whats new*/
div#whatsnew .lightSlider {
	height:100%!important;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color:rgba(255,255,255,0.3)
}

ul#whatsnew_items li {
	height:100vh;
}

ul#whatsnew_items h1 {
	margin-left:5px;
	margin-right:5px;
}

ul#whatsnew_items tr.imgblock td#labs {
	text-align:center;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center center;
}

ul#whatsnew_items tr.imgblock td {
	text-align:center;
	background-size:90%;
	background-repeat: no-repeat;
	background-position: center center;
}

ul#whatsnew_items tr.textblock {
	text-align:center;
}

ul#whatsnew_items tr.textblock td{
	padding-bottom:30px;
	padding-top:20px;
}

ul#whatsnew_items img {
	width:80%;
	display: block;
  	margin:0 auto;
}

ul#whatsnew_items img.full_width {
	width:100%;
	display: block;
    margin:0 auto;
}

ul#whatsnew_items iframe.video {
	border:none!important;
	width:80vw;
	height:80vw;
}

ul#whatsnew_items tr.videoblock td {
	padding-left:10vw;
}

div#whatsnew .lSPager {
	margin-bottom:20px;
	bottom:0;
}

div#whatsnew .button_type2_nocontainer {
	margin-bottom:25px;
}

#whatsnew_items p.small {
  margin:20px;
}

/*Other apps appslider list items*/
a#spotlight img, a#spotlight1 img  {
	width:100%;
}

div#appswelike ul.appslider, div#appswelike ul.appNoSlider {
	margin:0;
	padding:0;
	font-size:14px;
	height:auto;
	display: inline-block;
	width: 100%;
	/* margin-top:10px; */
}

div#appswelike img.icon_square {
	width:52px;
	border-radius: 12px;

	/* margin:23px; */
}

div#appswelike ul.list img.icon_square {
	position:absolute;
	width: 48px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	border-radius: 12px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.28), 0 2px 4px 0 rgba(0,0,0,0.48);
}


div#appswelike ul.appslider img.icon_square, div#appswelike ul.appNoSlider img.icon_square {
	width:48px;
	margin-top:0px;
	width: 52px;
	border-radius: 12px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.28), 0 2px 4px 0 rgba(0,0,0,0.48);
}

div#appswelike ul.list li  {
	margin-right:0!important;
	height: 88px;
}

div#appswelike ul.list li span {

	height: 88px;
}

div#appswelike p.appDesc {
	max-height:60px;
}

div#appswelike h1.appHeading {
	font-size:12px;
	margin-top:0px;
}

div#appswelike h2.sublabel {
	font-size:10px;
	opacity:0.5;
	line-height: 12px;
}

div#appswelike .appslider{
	padding: 16px;
}

div#appswelike .appslider h1.appHeading, div#appswelike .appNoSlider h1.appHeading {
	max-height:30px;
}

div#appswelike .appslider_big .appTop{
	padding-top: 8px;
	margin-right: 16px;

}

div#appswelike .appTop{
	padding-top: 12px;
	margin-right: 16px;

}

div#appswelike ul.appNoSlider li {
	float:left;
	width:33%;
	max-width:33%;
}

div#appswelike .list h1.appHeading {
	font-size:16px;
	line-height: 20px;
	margin-top:0px;
}

.p-infobar-bottom {
	visibility:hidden;
}

#pop-div06747343490350484, #pop-div20997974542285565, .truste_overlay, .truste_box_overlay {
	visibility:hidden;!important;
}

div#appswelike ul.subheader {
	background-color: transparent;
	margin:0;
	padding:0;
	position: relative;
	height: 56px;
}

div#appswelike ul.subheader li{
	background-color: transparent;

}

div#appswelike ul.subheader h2 {
	font-family:'Centrale Sans Bold';
	font-weight:normal!important;
	margin:0;
	color:white;
	font-size:12px;
	line-height: 12px;
	letter-spacing:0px;
  	padding-left:16px;
	padding-top: 32px;
	padding-bottom: 8px;
  	opacity:0.7;
	text-transform: uppercase;
}

div#appswelike ul.subheader h3.see_all {
	font-family:'Centrale Sans Bold';
	font-weight:normal!important;
	margin:0;
	color:white;
	font-size:12px;
	line-height: 12px;
	letter-spacing:0px;
  	opacity:1;
  	/* margin-top:15px; */
	text-align:right;
	margin-right:16px;
	position:absolute;
	/* margin-top:-30px; */
	bottom: 12px;
	right:0;
}

div#appswelike{
	overflow: hidden;
}
div#appswelike .lSSlideOuter{
	box-shadow: 0 0 0 0 rgba(0,0,0,0.30), 0 1px 2px 0 rgba(0,0,0,0.50);
	background-color: #272727;
}

div#appswelike .lSSlideOuter, div#appswelike ul.appNoSlider{
	padding-top: 16px;
	/* padding-left: 16px; */
	padding-bottom: 16px;
	margin-top: 0;
	box-shadow: 0 0 0 0 rgba(0,0,0,0.30), 0 1px 2px 0 rgba(0,0,0,0.50);
	background-color: #272727;
}

div#appswelike ul.appNoSlider{
	padding-left: 16px;
}

div#appswelike .lightSlider{
	height: auto !important;
	padding-left: 16px !important;
	margin: 0;
	/* padding: 16px 0 20px 16px !important; */
}