:root {
	--bg-r: 41;
	--bg-g: 42;
	--bg-b: 42;
	
	--highlight-link: #2b7df1;
}

/* normalize.css v3.0.2 */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	height: 100%;
	background: none;
}

body {
	width: 100%;
	height: 100%;
	font-size: 1em;
	line-height: 1.3;
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;
	background: #202125;
	color: #FFF;
	margin: 0;
	box-sizing: border-box;
	padding-left: constant(safe-area-inset-left);
	padding-left: env(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
	overflow: auto;
}

body.android.overlayed {
	position: fixed;
}

body.overlayed.fixed {
	position: fixed;
}

body.searching {
	position: fixed;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

a {
	color: #FFF;
	text-decoration: none;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.main-container {
	width: 100%;
	min-height: 100%;
	padding-bottom:15px;
	box-sizing: border-box;
	padding-top: 116px;
}

html:not(.google-optimize-hide) .css-loaded .main-container {
	opacity: 1;
	pointer-events: auto;
}

.main-container > .content {
	overflow: hidden;
}

.backdrop-player-started .main-container {
	padding-top: 116px;
}

.backdrop-player-started .main-container > .content {
	margin-top: 0;
}

/* ========
	Header
   ======== */

.header {
	position: fixed;
	width: 100%;
	z-index: 100;
	background: linear-gradient(to bottom, rgba(60,60,65,1) 0, rgba(60,60,65,1) 100%);
	top: 0;
	margin-top: 0;
	transition: opacity .4s ease-out, background .4s ease-out, box-shadow .4s ease-out;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0, 0.3);
}

html:not(.google-optimize-hide) .css-loaded .header {
	pointer-events: auto;
}

.searching .header {
	position: absolute;
	box-shadow: 0 1px 2px rgba(0,0,0, 0.3);
}

.nav-up.header {
	box-shadow: 0 1px 2px rgba(0,0,0, 0.3);
}

.searching .header.transparent {
	background: linear-gradient(to bottom, rgba(60,60,65,1) 0, rgba(60,60,65,1) 100%);
}

body.overlayed > .header {
	filter: blur(20px);
}

.header .top {
	display: flex;
	height: 56px;
	transition: margin-top .2s ease-in-out;
}

.searching .header .top {
	margin-top: -44px;
}

.header .menu .icon {
	margin: 16px;
}

.header .links {
	display: flex;
	height: 100%;
	font-size: 110%;
	font-weight: 500;
	padding-bottom: 2px;
	box-sizing: border-box;
	margin-left: 6px;
}

.header .links a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 12px;
}

.header .links a.selected {
	box-shadow: inset 0 4px 0 0 #f9a11b;
	color: #f9a11b;
}

.header .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.header .logo img {
	margin-bottom: 6px;
}

.header .search-bar {
	display: flex;
	margin-bottom: 12px;
}

.header .search-bar .field {
	position: relative;
	padding: 0 12px;
	flex-grow: 1;
}

.header .search-bar input {
	display: block;
	position: relative;
	width: 100%;
	border: 0;
	height: 48px;
	border-radius: 24px;
	box-sizing: border-box;
	padding: 19px 0 19px 19px;
	color: white;
	background: rgba(0,0,0,0.2);
	outline: none;
	font-weight: 500;
	-webkit-appearance: none;
}

.header .search-bar .searching input,
.header .search-bar .has-results input {
	padding-right: 44px;
}

.header .search-bar input::placeholder {
	color: rgba(255,255,255, 0.4);
}

.header .search-bar .field .icon,
.header .search-bar .field .activity,
.header .search-bar .field .clear {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 24px;
	top: 12px;
	opacity: 1;
	transition: opacity 50ms ease-out;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
}

.android .header .search-bar .field .clear {
	padding-top: 2px;
}

.header .search-bar .field .activity,
.header .search-bar .field .clear {
	opacity: 0;
}

.searching .search-bar .field.searching .activity {
	opacity: 1;
}

.searching .search-bar .field.has-results:not(.searching) .clear {
	opacity: 0.25;
}

.header .search-bar .clear {
	background: white;
	color: black;
	border-radius: 100%;
	font-size: 135%;
	font-weight: 500;
	padding-bottom: 2px;
}

.searching .header .search-bar .icon {
	opacity: 0;
}

.header .search-bar .cancel {
	display: flex;
	align-items: center;
	height: 48px;
	width: 50px;
	margin-right: -50px;
	color: #2b7df1;
	font-weight: 500;
	box-sizing: border-box;
	transition: margin-right 200ms ease-out;
}

.searching .header .search-bar .cancel {
	margin-right: 12px;
}

/* ================
	Search Results
   ================ */

.overlay.search {
	display: none;
	z-index: 90;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 72px;
	background: #202125;
}

.searching .overlay.search {
	display: block;
}

.overlay.search .results {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

.overlay.search .results li.active {
	background: rgba(0,0,0,0.25);
}

.overlay.search .results li:first-child {
	margin-top: 8px;
}

.overlay.search .results a {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px 20px;
	width: 100%;
	box-sizing: border-box;
}

.overlay.search .results .info {
	min-width: 0;
}

.overlay.search .results .image {
	height: 60px;
	width: 40px;
	margin-right: 12px;
	flex-shrink: 0;
	background: rgba(0,0,0,0.3);
	box-shadow: 2px 0 5px rgba(0,0,0,0.2)
}

.overlay.search .results .title {
	max-height: 42px;
	overflow: hidden;
	margin-bottom: 2px;
}

.overlay.search .results .description {
	opacity: 0.6;
	font-size: 90%;
}

.overlay.search .results li:last-child {
	margin-bottom: 94px;
}

.overlay.search .results li.none {
	margin: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overlay.search .results .see-all {
	margin: 12px 16px;
}

.overlay.search .results .see-all a {
	border-radius: 100px;
	padding: 18px;
	justify-content: center;
	background: white;
	color: black;
	opacity: 0.25;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ============
	Slideshows
   ============ */

section {
	opacity: 1;
	max-height: 350px;
	transition: opacity 0.4s, max-height 0.4s;
}

section.removed {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

section h2 {
	font-size: 100%;
	font-weight: 400;
	margin: 21px 16px 13px 16px;
}

section > .title{
	font-size: 100%;
	font-weight: 400;
	margin: 21px 16px 13px 16px;
}

.slideshow {
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	margin-bottom: 16px;
}

.slideshow .card {
	margin-left: 10px;
}

.slideshow .card.removed {
	opacity: 0;
	width: 0;
	margin-left: 0;
	overflow: hidden;
}

.poster-slideshow .card {
	width: 28.5vw;
	max-width: 150px;
}

.backdrop-slideshow .card {
	width: 59.5vw;
	max-width: 250px;
}

.clip-slideshow .card {
	width: 85vw;
	max-width: 360px;
}

.slideshow .activity-indicator {
	position: relative;
	content: '';
	padding-left: 10px;
	flex-shrink: 0;
	opacity: 1 !important;
	padding-right: 10px;
	width: 36px;
}

.slideshow .end-spacer {
	padding-right: 10px;
}

img[data-src] {
	opacity: 0;
	transition: opacity 0.4s ease-out;
}

img.lazy-loaded {
	opacity: 1;
}

/* Stream slideshow */

.stream-slideshow .card {
	width: 130px;
}

.stream-slideshow .stream {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #353639;
	position: relative;
	top: 0;
	transition: background 0.3s;
}

.stream-slideshow .content * {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.stream .icon {
	display: table;
	text-align: center;
	flex-direction: column;
	height: 100px;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 78px;
	width: 80%;
}

.stream .icon.no-image {
	font-size: 100%;
	font-weight: 600;
	line-height: 1.3em;
	padding: 0 8px;
	box-sizing: border-box;
	width: 100%;
}

.stream .icon .container {
	display: table-cell;
	vertical-align:middle;
}

.stream .icon img {
	display: inline-block;
	width: auto;
	max-height: 56px;
	max-width: 100%;
}

.stream.east .icon .container::after, .stream.west .icon .container::after {
	display: block;
	text-align: center;
	background: rgba(255,255,255, 0.3);
	border-radius: 4px;
	padding: 3px 6px;
	font-size: 75%;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: #353639;
	width: 46px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.stream.east .icon .container::after {
	content: "EAST";
}

.stream.west .icon .container::after {
	content: "WEST";
}

.stream .button {
	display: flex;
	align-items: center;
	background: rgba(255,255,255, 0.1);
	border-radius: 30px;
	color: white;
	height: 50px;
	width: 98px;
	position: absolute;
	left: 50%;
	margin-left: -49px;
	bottom: 18px;
}

.stream .button::after {
	content: "LIVE";
	margin-left: -1px;
	font-size: 90%;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.stream .button .circle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	width: 24px;
	margin: 9px;
	border-radius: 100%;
	border: 4px solid #FFF;
}

.stream .button .circle::after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	margin-left: 3px;
	border-style: solid;
	border-width: 6px 0 6px 11px;
	border-color: transparent transparent transparent #ffffff;
}

/* =======
	Cards
   ======= */

.card {
	background: rgba(255,255,255, 0.03);
	flex-shrink: 0;
	box-shadow: 2px 0 5px rgba(0,0,0, 0.2);
	transition: opacity 0.4s;
}

.card div.poster,
.card div.backdrop {
	position: relative;
}

.card div.poster {
	padding-bottom: 150%;
}

.card div.backdrop {
	padding-bottom: 56.25%;
}

.card .poster img,
.card .backdrop img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.card .content {
	padding: 9px 12px;
	background: rgba(255,255,255, 0.03);
}

.card .content .title {
	font-size: 80%;
	font-weight: 400;
	color: rgba(255,255,255, 0.7);
	margin: 0;
	overflow: hidden;
}

.card .content p {
	font-size: 80%;
	font-weight: 400;
	color: rgba(255,255,255, 0.5);
	padding-top: 3px;
	padding-bottom: 6px;
	margin: 0 0 -6px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card .poster + .content {
	min-height: 33px;
}

.card .poster + .content .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	max-height: 33px;
}

.card .backdrop + .content * {
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* ==============
	Placeholders
   ============== */

.placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
	transition: 0.3s;
	opacity: 0.7;
}

.poster .placeholder {
	background-size: 50%;
}

.backdrop .placeholder {
	background-size: 32%;
}

.movie .placeholder {
	background-image: url(https://cfm.yidio.com/redesign/img/ico-movie-black-90-1x.png);
}

.show .placeholder,
.episode .placeholder {
	background-image: url(https://cfm.yidio.com/redesign/img/ico-show-black-90-1x.png);
}

/* Contextual Ad */

.not-available {
	background: rgba(255,255,255, 0.1);
	margin: 0 16px 12px;
	padding: 12px;
	text-align: center;
	font-size: 0.9em;
	color: rgba(255,255,255, 0.8);
}

.tt-wrapper {
	text-align: center;
	position: relative;
	padding: 0 16px;
}


.contextual-tt {
	display: inline-block;
	position: relative;
	text-align: center;
	color: #fff;
	padding: 0 10px 12px 10px;
	margin-bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	background: -webkit-linear-gradient(#333333, #0e0e0e);
}

.contextual-tt.provider-0 {
	background: -webkit-linear-gradient(#3b3c3e, #2f3032);
	margin-bottom: 6px;
}

.contextual-tt.provider-1 {
	background: -webkit-linear-gradient(#f6781e, #f89427);
}

.contextual-tt.provider-12 {
	background: -webkit-linear-gradient(#ad0809, #bf0a0c);
}

.contextual-tt.provider-82 {
	background: -webkit-linear-gradient(#00b5fb, #009ff3);
}

/* Bulleted ad */

.contextual-tt.bullets {
	display: block;
	position: relative;
	padding: 20px;
	margin-bottom: 6px;
	text-align: left;
	background: linear-gradient(to bottom, #3b3c3e 0%,#2f3032 100%);
}

.contextual-tt.bullets.channel{
	padding:20px;
}

.contextual-tt.bullets .titlebar {
	box-sizing: border-box;
	padding: 12px;
	font-size: 140%;
	font-weight: 700;
	background-color: rgb(62, 62, 62);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: -20px -20px 0 -20px;
}

.contextual-tt.bullets .titlebar span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.contextual-tt.bullets.channel .titlebar {
	padding-top: 16px;
	font-size: 120%;
	color: #fff;
	font-weight:bold;
}

.contextual-tt.bullets .titlebar img {
	margin: -2px 6px 0 15px;
}

.contextual-tt.bullets > ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	color: rgba(255, 255, 255, 0.8);
	margin: 10px 0;
	padding: 0;
}

.contextual-tt.bullets li {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 6px 0;
}

.contextual-tt.bullets.channel li {
	max-width: none;
	padding: 0px;
}

.contextual-tt.bullets li img {
	flex-shrink: 0;
	margin: 0 14px 0 6px;
}

.contextual-tt.bullets li h2 {
	margin: 0;
	font-size: 100%;
}

.contextual-tt.bullets li p {
	margin: 0;
	opacity: 0.6;
}

.contextual-tt.bullets .trial-button {
	width: 100%;
	letter-spacing: normal;
	background: #719d41 !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0 1px, rgba(255, 255, 255, 0.3) 0 1px inset;
}

.contextual-tt.bullets.content-avail.provider-64 .titlebar {
	font-size: 105%;
}

/* Pluto TV */
.contextual-tt.bullets.provider-304 .titlebar {
	font-size: 110%;
	white-space: normal;
}

.contextual-tt.bullets.content-avail.provider-304 .titlebar img{
	width: 28px;
	height: 28px;
	float:left;
}

.contextual-tt.bullets.content-avail.provider-380 .titlebar, .contextual-tt.bullets.content-avail.provider-380_2 .titlebar {
	font-size: 120%;
}
.contextual-tt.bullets.content-avail.provider-380 .titlebar img, .contextual-tt.bullets.content-avail.provider-380_2 .titlebar img{
	width: 28px;
	height: 28px;
	float:left;
}
.contextual-tt.bullets.content-avail.provider-380 .titlebar span, .contextual-tt.bullets.content-avail.provider-380_2 .titlebar span{
	white-space: normal;
}

.contextual-tt.provider-370_reco_2.bullets li, .contextual-tt.provider-380_2.bullets li, .contextual-tt.provider-380.bullets li, .contextual-tt.provider-395.bullets li, .contextual-tt.provider-405.bullets li{
	max-width:100%
}

/* Apple MLB */
.contextual-tt.bullets.provider-396 .titlebar {
	font-size: 110%;
	white-space: normal;
}
.contextual-tt.bullets.provider-396 .titlebar img{
	width: 28px;
	height: 28px;
	float:left;
}

/* Fluent */
.contextual-tt.bullets.provider-405 .titlebar {
	font-size: 110%;
	white-space: normal;
}
.contextual-tt.bullets.provider-405 .titlebar img {
	width: 28px;
	height: 28px;
	float: left;
}

/* Yidio internal */
.contextual-tt.bullets.provider-410 .titlebar {
	font-size: 110%;
	white-space: normal;
}
.contextual-tt.bullets.provider-410 .titlebar img{
	width: 28px;
	height: 28px;
	float:left;
}
.contextual-tt.bullets.provider-410 ul li{
	max-width: 100%;
}

.under-ad {
	height: 30px;
	color: rgba(255,255,255, 0.7);
	font-size: 12px;
}
.under-ad.disney{
	height:60px;
}
.under-ad .under-ad-info {
	float: left;
	padding: 0px 8px 10px 0;
}

.under-ad .under-ad-info span {
	display: inline-block;
	padding: 0 1px 2px 1px;
	border-radius: 100%;
	border: 1px solid rgba(255,255,255, 0.7);
	background: none;
	height: 10px;
	width: 10px;
	font-size: 10px;
	margin-left: 1px;
	text-align: center;
}

.under-ad .close {
	float: right;
	padding: 6px 0 10px 8px;
	color: inherit;
}
.ep-contextual .under-ad .ad-disclaimer{
	padding-right: 10px;
}

/* Pixel Image */

iframe[name="pixel-img"]{
	position:absolute;
}

/* Yidio App Ad */

.contextual-tt.provider-yidio .yidio-app-text{
	float:left;
	width:60%;
}

.contextual-tt.provider-yidio .app-ad-image{
	margin: 0 -26px -35px 0;
	height: 140px;
	padding-top: 42px;
}

.contextual-tt.provider-yidio .app-ad-image img{
	height:125px;
}

.contextual-tt.provider-yidio {
	background: -webkit-linear-gradient(#f88820, #f99825);
}

.contextual-tt.provider-yidio .main-text{
	padding:20px 0 25px 8px !important;
	font-size: 1.15em;
	text-align:left;
}

.contextual-tt.provider-yidio .trial-button{
	padding: 17px 0;
	font-weight: 300;
	font-size: 1.20em;
}

/* End Yidio App Ad */

/* Yidio Premium Ad */

.contextual-tt .header-premium {
	width:100%;
	display:block;
	background:#3e3e3e;
	padding: 10px 0 10px 0;
	position: absolute;
	margin-left: -10px;
	text-align: left;
}

.contextual-tt .header-premium .title {
	font-size: 140%;
	color: #fff; /*#689f39; #f9a11b;*/
	background: url('https://cfm.yidio.com/redesign/img/ico-rocket-green-128-1x.png') left center no-repeat;
	background-size: 32px;
	line-height: 36px;
	/*height: 36px;*/
	margin: 0 auto 0 auto;
	width: 280px;
	padding-left: 38px;
	font-weight:700;
}

.contextual-tt ul.bullets {
	list-style-type: none;
	margin: 18px auto 18px auto;
	padding: 0;
	width: 320px;
	white-space: nowrap;
	padding-top:50px;
}

.contextual-tt ul.bullets li {
	padding-left: 40px;
	text-align: left;
	line-height: 20px;
	height: 40px;
	margin-bottom: 10px;
}

.contextual-tt ul.bullets li span {
	opacity: 0.5;
}

.contextual-tt ul.bullets li.ad-free {
	background: url("https://cfm.yidio.com/mobile/img/ico-no-ads-white-72.png") 3px center no-repeat;
	background-size: 26px;
}

.contextual-tt ul.bullets li.notifications {
	background: url(https://cfm.yidio.com/mobile/img/ico-active-notification-white-72.png) 3px center no-repeat;
	background-size: 26px;
}

.contextual-tt ul.bullets li.assistance {
	background: url(https://cfm.yidio.com/mobile/img/ico-live-help-white-72.png) 3px center no-repeat;
	background-size: 26px;
}

.contextual-tt ul.bullets li.rental {
	background: url(https://cfm.yidio.com/mobile/img/ico-gift-card-white-72.png) 3px center no-repeat;
	background-size: 26px;
}

.contextual-tt .below-button-text {
	margin-top: 7px;
	font-size: 80%;
	color: rgba(255,255,255, 0.4);
}

.contextual-tt.provider-0 .below-button-text {
	margin-top:0px;
}

.contextual-tt.provider-0.bullets li p {
	opacity: 1;
}

/* End Yidio Premium Ad */

/* Image Ad */
.contextual-tt.no-source{
	background:none;
	padding:0px;
}
.contextual-tt.no-source img{
	width:100%;
}

.tt-wrapper .close {
	position: absolute;
	bottom: 13px;
	right: 8px;
	font-weight: normal;
	padding: 5px;
	width: 80px;
	height: 10px;
	font-size: 12px;
	color: rgba(255,255,255, 0.7);
	background-size: 10px 10px;
	z-index: 10;
}

.tt-wrapper .closeX {
	position: absolute;
	top: 0px;
	right: 20px;
	font-weight: normal;
	padding: 0px;
	width: 20px;
	height: 20px;
	font-size: 18px;
	color: #D4D4D4;
	background-size: 10px 10px;
	z-index: 10;
}

.contextual-tt .img-pixel{
	position:absolute;
}

.contextual-tt .main-text {
	font-size: 1.15em;
	padding: 18px 16px 16px 16px;
	line-height: 1.4em;
}

.contextual-tt.provider-1 .main-text img {
	margin-top: -6px;
	margin-left: 2px;
	width: 133px;
	height: 25px;
}

.contextual-tt.provider-2 .main-text img {
	width:112px;
}

.contextual-tt.provider-12 .main-text img {
	margin-top: -4px;
	margin-left: 2px;
	width: 73px;
	height: 23px;
}

.contextual-tt.provider-24.bullets li {
	max-width:100%;
}

.contextual-tt.provider-52 .main-text img {
	margin-top: 3px;
	margin-left: 2px;
	width: 75px;
}
.contextual-tt.provider-52 .main-text {
	padding: 7px 16px 22px 16px !important;
}

.contextual-tt.provider-64 .main-text{
	font-size: 1.20em;
	padding: 14px 10px 12px 10px !important;
}

.movie-contextual.contextual-tt.provider-64 .main-text{
	font-size: 1.20em;
}

.contextual-tt.provider-64 .main-text img {
	margin-top: 5px;
	margin-left: 2px;
	padding-bottom: -4px;
	width:80px;
}

.contextual-tt.provider-64 .larger-text {
	font-size:1.2em;
}

.contextual-tt.provider-64.football.bullets li {
	max-width:100%;
}
.contextual-tt.provider-64.bullets .titlebar  {
	font-size:110%;
	white-space: normal;
}
.contextual-tt.provider-64.bullets .titlebar img{
	width: 28px;
	height: 28px;
	float:left;
}


.contextual-tt.provider-65 .main-text {
	font-size: 1.20em;
}

.contextual-tt.provider-65 .main-text img {
	margin-top: 4px;
	margin-left: 2px;
	width: 61px;
	height: 20px;
}

.contextual-tt.provider-65.bullets .trial-button {
	background:#1ce783 !important;
	color:rgba(0,0,0, 0.7);;
}

.contextual-tt.provider-65.bullets .trial-button img {
	opacity:.7;
}

.contextual-tt.provider-66 .main-text {
	padding: 14px 16px 14px 16px !important;
	font-size: 1.2em;
	height: 52px;
}

.contextual-tt.provider-66 .first-line {
	display: inline-block;
	margin-bottom: 2px;
}

.contextual-tt.provider-66 .main-text img {
	margin: -2px 0 0 1px;
	padding-bottom: -4px;
	width: 54px;
}

.contextual-tt.provider-82 .main-text img {
	margin-top: -7px;
	margin-left: 2px;
	padding-bottom: -4px;
	width: 134px;
}

.contextual-tt.provider-84 .main-text {
	font-size: 1.2em;
}

.contextual-tt.provider-84 .first-line {
	display: inline-block;
	margin-bottom: 2px;
}

.contextual-tt.provider-84 .main-text img {
	margin-left: 1px;
	padding-bottom: -4px;
	width: 54px;
}

.contextual-tt.provider-85 .main-text img {
	width: 120px;
}

.contextual-tt.provider-91 .main-text img {
	width: 62px;
}
.contextual-tt.provider-92 .main-text img {
	width: 52px;
}

.contextual-tt.provider-154 .main-text img {
	width: 95px;
}

.contextual-tt.provider-163 .main-text img {
	width:140px;
}

.contextual-tt.provider-167 .main-text img {
	width: 120px;
}

.contextual-tt.provider-214.bullets .trial-button {
	background:#991eeb !important;
}


.contextual-tt.provider-235 .main-text{
	font-size: 1.2em;
}

.contextual-tt.provider-235 .main-text img {
	width: 80px;
	margin-top: -2px;
}

.contextual-tt.provider-279 .main-text img {
	width:90px;
	margin-top:5px;
}

.contextual-tt.provider-280 .main-text {
	padding: 10px 16px 18px 16px !important;
}

.contextual-tt.provider-280 .main-text img {
	width:60px;
	margin-top:4px;
}

.contextual-tt.provider-307 .main-text {
	line-height: 1.5em !important;
}
.contextual-tt.provider-307 .main-text img {
	width:130px;
	margin-top:-5px;
}

.contextual-tt.provider-panna .main-text img {
	width: 62px;
}

.contextual-tt.provider-308 .main-text img {
	width:130px;
}

.contextual-tt.provider-311 .main-text {
	font-size: 1.2em;
}
.contextual-tt.provider-311 .main-text img {
	height:35px;
}
.contextual-tt.provider-336.mot-fubo .main-text img, .contextual-tt.provider-336 .main-text img {
	width:100px;
}
.contextual-tt.provider-347 .main-text img {
	width:75px;
}
.contextual-tt.provider-369.bullets .trial-button {
	background:#016cf9 !important;
}
.contextual-tt.provider-369.bullets li {
	max-width:100%;
	font-size:90%;
}
.contextual-tt.provider-369.bullets .titlebar{
	font-size: 110%;
}


.contextual-tt.provider-370.bullets .titlebar, .contextual-tt.provider-19.bullets .titlebar{
	font-size: 110%;
}
.contextual-tt.provider-370_3.bullets .titlebar{
	font-size: 94%;
}
.contextual-tt.provider-370.bullets li, .contextual-tt.provider-19.bullets li{
	max-width: 100%;
} 

.contextual-tt.bullets.provider-370_reco_2 .titlebar {
	font-size:110%;
	white-space: normal;
}

.contextual-tt.bullets.provider-370_reco_2 .titlebar img{
	width: 28px;
	height: 28px;
	float:left;
}

.contextual-tt.provider-19.bullets .trial-button,
.contextual-tt.provider-370.bullets .trial-button,
.contextual-tt.provider-410.bullets .trial-button {
	background: #1d6fea !important;
}


/* CORE-3778 */
.contextual-tt.bullets.content-avail.provider-64 .titlebar, .contextual-tt.bullets.content-avail.provider-65 .titlebar, .contextual-tt.bullets.content-avail.provider-84 .titlebar, .contextual-tt.bullets.content-avail.provider-96 .titlebar, .contextual-tt.bullets.content-avail.provider-369 .titlebar, .contextual-tt.bullets.content-avail.provider-375 .titlebar, .contextual-tt.bullets.content-avail.provider-380 .titlebar, .contextual-tt.bullets.content-avail.provider-385 .titlebar{
	font-size: 120%;
} 
.contextual-tt.bullets.content-avail.watch-with .titlebar{
	font-size: 140%;
} 

/* Used for double line apple titles */
.contextual-tt.provider-370.bullets .titlebar img{
	float:left;
	width:28px;
	height:28px;
}
.contextual-tt.provider-370.bullets .titlebar span{
	white-space: normal;
}

.contextual-tt.provider-370_tv_2.bullets .trial-button{
	background:#fff !important;
	color:#000;
}

.contextual-tt.provider-375.bullets li{
	max-width:100%;
}
.contextual-tt.provider-375.bullets .trial-button{
	background:#991eeb !important;
}


.contextual-tt.provider-376.bullets li, .contextual-tt.provider-383.bullets li{
	max-width: 100%;
}
.contextual-tt.provider-376.bullets .trial-image{
	padding-bottom: 15px;
  	text-align: center;
}

.contextual-tt.provider-393.content-avail.bullets .titlebar{
	font-size:120%;
}
.contextual-tt.provider-393.content-avail.bullets .titlebar img{
	float: left;
    width: 28px;
    height: 28px;
}
.contextual-tt.provider-393.content-avail.bullets .titlebar span{
	white-space: normal;
}

.contextual-tt.provider-400.bullets .titlebar{
	font-size: 120%;
}

/* Adgem */
.contextual-tt.bullets.provider-407 .titlebar {
	font-size: 110%;
	white-space: normal;
}

.contextual-tt.bullets.provider-407 .titlebar img {
	width: 28px;
	height: 28px;
	float: left;
}

.contextual-tt .trial-button {
	border: 1px solid rgba(0,0,0, 0.15);
	border-radius: 12px;
	padding: 14px 0;
	box-shadow: 0 1px rgba(255,255,255, 0.3), 0 1px rgba(255,255,255, 0.3) inset;
	text-align: center;
	font-weight: 700;
	font-size: 1.10em;
	letter-spacing: -0.04em;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	background: #00b5fb;
}

.contextual-tt.provider-0 .trial-button {
	background: #689f39;
}

.contextual-tt.provider-1 .trial-button {
	background: #fb9318;
}


.contextual-tt.provider-2 .trial-button {
	background: #fb9318;
}

.contextual-tt.provider-12 .trial-button {
	background: #bf0a0c;
}

.contextual-tt.provider-52 .trial-button {
	background: #11aae0;
}

.contextual-tt.provider-64 .trial-button {
	/*background: #fb9b19;
	background: #11aae0;;*/
	background: #1db7c2;
}

.contextual-tt.provider-65 .trial-button {
	/*background: #90cd26;*/
	background: #66AA33;
}

.contextual-tt.provider-66 .trial-button {
	background: #017EC0;
}

.contextual-tt.provider-82 .trial-button {
	background: #00b5fb;
}

.contextual-tt.provider-84 .trial-button {
	background: #11aae0;
}

.contextual-tt.provider-91 .trial-button {
	background: #faab3d;
}

.contextual-tt.provider-92 .trial-button {
	background: #faab3d;
}

.contextual-tt.provider-235 .trial-button {
	background: #13abdf;
	font-size: 1.10em;
}

.contextual-tt.provider-237 .trial-button {
	background: #572d8d;
}

.contextual-tt.provider-241 .trial-button {
	background: #1db7c2;
}

.contextual-tt.provider-279 .trial-button {
	background: #00b5fb;
}

.contextual-tt.provider-280 .trial-button {
	background: #00b5fb;
}

.recs-tt .contextual-tt.provider-370 .trial-button {
	background: #689f39;
}

.contextual-tt.provider-376.bullets .trial-button, .contextual-tt.provider-383.bullets .trial-button {
	background: #ffc929 !important;
}

.contextual-tt.provider-panna .trial-button {
	background: #e95727;
}

.contextual-tt .trial-button img {
	margin-top: -4px;
	margin-left: 8px;
	margin-right: -1px;
}

.contextual-tt .pointer {
	display: none;
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 22px 0 22px;
}

.contextual-tt.provider-1 .pointer {
	border-color: #f89427 transparent transparent transparent;
}

.contextual-tt.provider-12 .pointer {
	border-color: #b9090b transparent transparent transparent;
}

.contextual-tt.provider-64 .pointer {
	border-color: #f99825 transparent transparent transparent;
}

.contextual-tt.provider-65 .pointer {
	border-color: #97c636 transparent transparent transparent;
}

/* Ad Question */

.contextual-tt .main-text {
	padding: 14px  16px 12px 16px !important;
	line-height: 1.3em !important;
	height: 50px;
}

.ad-question {
	position: relative;
	overflow: hidden;
	text-align: center;
	box-shadow: inset 0 1px 0 0 rgba(0,0,0, 0.15);
	height: 111px;
	background: rgba(255,255,255, 0.8);
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
	display: inline-block;
}

.ad-question .question,
.ad-question .reply {
	position: relative;
	color: #000;
	padding: 14px 5px 12px 5px;
	box-sizing: border-box;
	height: 111px;
	top: -111px;
	transition: transform .4s ease-out;
}

.ad-question.yes .question,
.ad-question.no .question,
.ad-question.yes .reply,
.ad-question.no .reply {
	transform: translate3d(0,111px,0);
}

.ad-question.yes .reply .no,
.ad-question.no .reply .yes {
	display: none;
}

.ad-question .question .text {
	margin-bottom: 14px;
	font-weight: 400;
	font-size: 1.1em;
}

.ad-question .question .buttons {
	display: inline-block;
	width: 100%;
	max-width: 480px;
}

.ad-question .question .button-wrapper {
	float: left;
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
}

.ad-question .button {
	position: relative;
	border-radius: 12px;
	padding: 14px 0;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid rgba(0,0,0, 0.15);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255, 0.50), 0 1px 0 0 rgba(255,255,255, 0.50);
	width: 100%;
}

.ad-question.yes .button.yes,
.ad-question.no .button.no {
	background: rgba(0,0,0, 0.05);
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0, 0.15);
}

.ad-question .button .icon {
	position: absolute;
	height: 22px;
	width: 22px;
	left: 13px;
	top: 13px;
	border-radius: 11px;
}

.ad-question .button .icon {
	box-shadow: inset 0 0 0 1px #b9b9ba;
}

.ad-question.yes .button.yes .icon,
.ad-question.no .button.no .icon {
	background: url(https://cfm.yidio.com/mobile/img/check.png) center no-repeat #00c621;
	background-size: 12px 9px;
	box-shadow: none;
}

.ad-question .reply {
	padding: 16px 0;
	position: relative;
}

.ad-question .reply .content {
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: 16px;
}

.ad-question .reply .first-line {
	font-weight: 700;
	letter-spacing: -0.04em;
}

.ad-question .reply .content a {
	display: block;
	margin-top: 12px;
	color: #0079ff;
	font-weight: 400;
	font-size: 1.2em;
}

.ad-question .reply .no {
	background: url(https://cfm.yidio.com/mobile/img/up-arrow.png) no-repeat center 9px;
	background-size: 37px 13px;
	padding-top: 30px;
}

.ad-question .reply .no .activity-3dots-indicator {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: url(https://cfm.yidio.com/images/animated-3-dots.gif) center 0px no-repeat;
	background-size: 75px 25px;
}

.ad-question .reply .no .second-line{
	color: #0079ff;
	font-size:1.2em;
}

/* Under ad additional info */

.under-ad-info {
	display: block;
	text-align: left;
	color: rgba(255,255,255, 0.7);
	font-size: 11px;
}

.under-ad-info .i-under-ad {
	display: inline-block;
	padding: 0 1px 2px 1px;
	border-radius: 100%;
	border: 1px solid rgba(255,255,255, 0.7);
	background: none;
	height: 10px;
	width: 10px;
	font-size: 10px;
	margin-left: 1px;
	text-align: center;
}

.under-ad-info.provider-0 {
	position: absolute;
	bottom: 2px;
}

.under-ad-info.provider-0.premium-channel-i {
	bottom: 9px;
}

.tt-wrapper .close.provider-0 {
	bottom: -39px;
}

/* Bottom Inline */

.bottom-contextual-tt{
	margin-top:0px;
	
}

/* Anchor google ad */

.anchor-tt{
	position: fixed;
	z-index: 99999;
	bottom: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

/* Recs Add Variation */

.recs-tt .tt-wrapper {
	padding:0px;
}
.recs-tt .tt-wrapper.top-contextual {
	margin-top:-16px;
}

.recs-tt .contextual-tt {
	padding:0px;
	text-align: left;
	background: none;
}

.recs-tt .contextual-tt .trial-button {
	font-size: 0.8em;
	margin: 5px 0 7px 0;
}

.recs-tt .contextual-tt .trial-button img {
	margin-top: -2px;
}

.recs-tt .trial-button + .content {
	min-height: 33px;
}

.recs-tt .trial-button + .content .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	max-height: 33px;
}

.recs-tt .under-ad {
 	padding: 0 12px;
}

.recs-tt .card div.poster {
	display: flex;
	align-items: center;
	justify-content: center;
}

.recs-tt .card div.poster::before {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
	width: 19vw;
	height: 19vw;
	border-radius: 100%;
	margin-top: 150%;
	max-width: 100px;
	max-height: 100px;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAABCUlEQVR4Ae3cR1UEQBQEwCFeueMADajABS5wgQxUoAEFCOBI7o0jYV9vqLLQG3rSH7sCAAAAAAAAAElektyODrLxkeQxydmgEsD0muRuUAlg+krylOR6VAhgektyPyoEMP0leU5yMyoEML0neRg1AphU1mYAKms5AJW1HIDKWg5AZS0HoLKWA1BZywGorOUAVNZyACprOQCVtRyAyroD6VBZp3SprOlSWdOlsqZLZU2XypoulTVdKmsKVFYBdPkJEoA/YTVUABZitiIEYDNOtSxxIONIEofyrqWgWha4muhyLq6ne6CBJ0oe6aFaeqh9LIwqMKwD42oMbMLIMkP7MLYSAAAAAAAAABY+efj2YmKALgAAAABJRU5ErkJggg==')
}

.recs-tt .slideshow {
	animation-name: scroll-hint;
	animation-duration: 0.9s;
	animation-delay: 0.5s;
}

@keyframes scroll-hint {
	0%   { margin-left: 0 }
	25%  { margin-left: -20px }
	50%  { margin-left: 0 }
	75%  { margin-left: -20px }
	100% { margin-left: 0 }
}

/* Global Overlay */

.overlay {
	position: fixed;
	z-index: 120;
	top: 0;
	width: 100%;
	height:100%;
	background: rgba(0,0,0, 0.5);
	display: none;
}

.show-banner .overlay {
	margin-top: 60px;
}

.overlay.overlayed {
	display: none !important;
}

.overlay .titlebar {
	display: flex;
	height: 56px;
	width: 100%;
	position: absolute;
	z-index: 10;
	background: rgba(0,0,0, 0.2);
}

.overlay .titlebar .close {
	position: absolute;
	background: url(https://cfm.yidio.com/mobile/img/ico-close-48.png) no-repeat center;
	background-size: 24px 24px;
	height: 100%;
	width: 56px;
	z-index: 10;
}

.overlay .titlebar .title {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 1.2em;
}

/* Nav Overlay */

.overlay .titlebar .logo {
	display: flex;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	height: 56px;
}

.overlay.nav .titlebar .logo {
	justify-content: flex-start;
	padding-left: 56px;
}

.overlay .titlebar .logo img {
	padding-top: 15px;
}

.overlay.nav .titlebar .search {
	background: url(https://cfm.yidio.com/mobile/img/ico-search.png) no-repeat center;
	background-size: 24px 24px;
	position: absolute;
	top: 0;
	right: 0;
	height: 44px;
	width: 47px;
	z-index: 10;
}

.overlay.nav .links {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.overlay.nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-left: 30px;
	margin-bottom: 30px;
}

.overlay.nav li {
	padding-bottom: 18px;
}

.overlay.nav .primary {
	margin-top: 78px;
	font-size: 1.7em;
}

.overlay.nav .secondary {
	font-size: 1.1em;
	opacity: 0.7;
}
.overlay.nav .primary .yidio-premium img{
	width: 20px;
	position: absolute;
	left: 7px;
	padding-top: 7px;
}

/* Install App Overlays */

.install-app.yidio .title {
	display: none;
}

.install-app .main-text-wrapper {
	display: table;
	position: relative;
	height: 34%;
	top: 30px;
	padding: 0 20px;
}

.install-app .main-text {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.3em;
	text-align: center;
	line-height: 1.2;
}

.install-app.yidio .main-text {
	display: none;
}

.install-app .install-button {
	display: block;
	height: 132px;
	border: 1px solid rgba(255,255,255, 0.2);
	margin: 22px 20px 20px 20px;
	border-radius: 10px;
}

.install-app .install-button .icon {
	margin: 20px auto 0 auto;
	width: 64px;
	height: 64px;
	border-radius: 10px;
}

.install-app .install-button .label {
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 1.2em;
	margin-top: 7px;
}

.install-app .video-button {
	display: block;
	padding-top: 12px;
	height: 34px;
	border: 1px solid rgba(255,255,255, 0.2);
	margin: 14px 20px 0 20px;
	border-radius: 10px;
	text-align: center;
}

.install-app.yidio .install-button .icon {
	background: url(https://cfm.yidio.com/mobile/img/yidio-icon-128.png) left no-repeat;
	background-size: 64px 64px;
	width: 102px;
	height: 55px;
	padding-left: 78px;
	padding-top: 9px;
	border-radius: 0;
}

.install-app.yidio .install-button .icon img {
	margin-bottom: 2px;
}

/* App Redirect */

.app-redirect .content-wrapper {
	display: table;
	position: relative;
	height: 90%;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}

.app-redirect .close {
	position: absolute;
	background: url(/mobile/img/ico-close-48.png) no-repeat center;
	background-size: 24px 24px;
	width: 56px;
	height: 56px;
	top: 0;
	left: 0;
	z-index: 10;
}

.app-redirect .content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.1em;
	width: 100%;
}

.app-redirect .icon {
	border-radius: 14px;
	margin-bottom: 26px;
	width: 80px;
	height: 80px;
	display: inline-block;
	position: relative;
}

.app-redirect .icon img {
	display: block;
	position: absolute;
	bottom: -5px;
	right: -6px;
}

.app-redirect .text.primary {
	margin-bottom: 30px;
	font-weight: 400;
	max-width: 320px;
	display: inline-block;
}

.app-redirect .text.secondary {
	font-weight: 300;
	opacity: 0.5;
	display: inline-block;
	margin-bottom: 38px;
}

.app-redirect button {
	display: none;
	color: black;
	background: white;
	opacity: 0.25;
	width: 100%;
	box-sizing: border-box;
	padding: 18px 0;
	border-radius: 40px;
	font-weight: 400;
	border-width: 0;
}
.android .app-redirect button {
	opacity: 1;
}

@keyframes dots-1 {from {opacity:0;} 25% {opacity:1;}}
@keyframes dots-2 {from {opacity:0;} 50% {opacity:1;}}
@keyframes dots-3 {from {opacity:0;} 75% {opacity:1;}}

.dots span {
	animation: dots-1 1s infinite steps(1);
}

.dots span:first-child + span {
	animation-name: dots-2;
}

.dots span:first-child + span + span {
	animation-name: dots-3;
}

/* Get Subscription Overlay */

.get-subscription {
	display: none;
	position: fixed;
	z-index: 120;
	top: 0;
	width: 100%;
	height:100%;
	background: #292b2e;
}

.get-subscription .titlebar {
	position: absolute;
	height: 56px;
	width: 100%;
	z-index: 10;
	background: none;
}

.get-subscription .titlebar .logo img {
	padding-top: 7px;
}

.get-subscription .main-image {
	overflow: hidden;
	position: relative;
	height: auto;
}

.get-subscription .main-image img {
	display: block;
}

.get-subscription .main-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.get-subscription .content {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 32px 20px;
}

.get-subscription .content .wrapper {
	width: 100%;
}

.get-subscription .content h2 {
	font-size: 1.4em;
	text-transform : uppercase;
	margin: 0 12px 18px 12px;
}

.get-subscription .content p {
	font-size: 1.15em;
	margin: 0 12px;
}

.get-subscription .content button {
	display: block;
	position: relative;
	border-radius: 100px;
	padding: 22px 0px 25px 0px;
	font-size: 1.3em;
	font-weight: 600;
	text-transform: uppercase;
	box-shadow: rgba(0, 0, 0, 0.3) 0px -6px inset;
	box-sizing: border-box;
	margin-top: 26px;
	border: none;
	width: 100%;
	color: #FFF;
}

.get-subscription .content button::after {
	content: "";
	position: relative;
	top: -2px;
	border-style: solid;
	border-color: white;
	border-width: 0px 3px 3px 0px;
	display: inline-block;
	padding: 4px;
	margin-left: 6px;
	transform: rotate(-45deg);
}

.get-subscription .video {
	position: absolute;
	bottom: 44px;
	padding: 0px 20px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.get-subscription .video button {
	border-radius: 100px;
	border: 2px solid rgba(0, 0, 0, 0.5);
	padding: 20px 0px;
	color: rgba(255, 255, 255, 0.7);
	width: 100%;
	font-size: 1.1em;
	font-weight: 300;
	background: none;
}

.get-subscription .video button::after {
	content : "";
	position : relative;
	border-style : solid;
	border-color : rgba(255, 255, 255, 0.7);
	border-image-source : initial;
	border-image-slice : initial;
	border-image-width : initial;
	border-image-outset : initial;
	border-image-repeat : initial;
	border-width : 0px 2px 2px 0px;
	display : inline-block;
	padding : 4px;
	margin-left : 5px;
	transform : rotate(-45deg);
}

/* Premium Overlay */

.overlay.premium-offer{
	text-align:center;
}
.premium-offer h2{
	margin-top:100px;
}
.premium-offer .text.primary {
	text-align:center;
	margin-bottom: 20px;
	font-weight: 400;
	max-width: 320px;
	display: inline-block;
}
.premium-offer button {
	border: 1px solid rgba(0,0,0, 0.15);
	border-radius: 25px;
	padding: 14px 20px;
	text-shadow: 0 -1px rgba(0,0,0, 0.08);
	text-align: center;
	font-weight: 700;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.04em;
	background: #1d6eb6;
	color: #fff;
	text-transform: uppercase;
	margin-left: 15px;
	cursor: pointer;
}
.premium-offer .email-help{
	font-size:.9em;
}
.premium-offer .email-help a, .premium-offer .cancel{
	color:#1d6eb6;
}
.premium-offer .content-wrapper .content div{
	width:100%;
}
.overlay.premium-offer .titlebar .close{
	left:90%;
	
	right:0px;
}

/* Additional Info Overlay*/

.overlay.additional-info span{
	color:#1d6eb6;
	text-decoration:underline;
}

/* Ad overlay */

.overlay.ad {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.overlay.ad .contextual-tt {
	width: auto;
	margin: 0;
	min-width: 360px;
	padding-bottom: 18px;
}

.overlay.ad .overlay-tt .contextual-tt {
	width: 450px;
	min-width: auto;
}

.overlay.ad .titlebar {
	position: static;
	height: auto;
	width: auto;
}

.overlay.ad .info {
	padding: 0 20px 20px 20px;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #2f3032;
	
}

.overlay.ad .info .i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 2px solid white;
	font-size: 70%;
	font-weight: 700;
	opacity: 0.6;
	align-self: flex-end;
}

.overlay.ad .info .text {
	margin-bottom: 3px;
	opacity: 0.8;
	font-size: 70%;
}

.overlay.ad .info .remove-ads {
	font-weight: 500;
	font-size: 80%;
}

.overlay.ad .info a {
	color: #0082f1;
}

.overlay.ad .info > * {
	display: none;
}

.overlay.ad .info.selected > * {
	display: block;
}

.overlay.ad .info.selected .i {
	display: none;
}

.overlay.ad .no-thanks {
	padding: 10px;
	opacity: 0.4;
	text-decoration: underline;
	text-align: center;
}

/* Yes/No Ad */

.overlay-tt{
	width: 450px;
	display:none;
}

.overlay-tt .contextual-tt {
	display: block;
	background: linear-gradient(to bottom, #323232 0%,#0f0f0f 100%);
	padding: 15px 10px 0px 10px;
	float:left;
	color: #fff;
	border-radius:0px;
	text-decoration:none;
}

.overlay-tt.normal .contextual-tt {
	box-shadow: inset 0 1px 0 0 rgba(0,0,0, 0.15);
}

.overlay-tt .contextual-tt.no {
	display: block;
}

.overlay-tt .contextual-tt.yes {
	display: none;
}
.overlay-tt .contextual-tt.yes .text{
	font-size: 1.75em;
	margin-top: 5px;
	margin-bottom: 9px;
}

.overlay-tt .contextual-tt .text {
	margin: 10px 5px 14px 5px;
	text-align: center;
	font-size: 26px;
}

.overlay-tt .contextual-tt .text img {
	padding-top: 6px;
	vertical-align: middle;
}

.overlay-tt .contextual-tt .button {
	border: 1px solid rgba(0,0,0, 0.15);
	border-radius: 12px;
	padding: 18px 0;
	box-shadow: 0 1px rgba(255,255,255, 0.3), 0 1px rgba(255,255,255, 0.3) inset;
	text-shadow: 0 -1px rgba(0,0,0, 0.08);
	text-align: center;
	font-weight: 700;
	font-size: 20px !important;
	letter-spacing: -0.04em;
	background: #11aae0;
	margin: 0 55px 20px 55px;
}

.contextual-tt.provider-65 .button {
	background: #66AA33;
}

.overlay-tt .contextual-tt .button img {
	margin-top: -4px;
	margin-left: 8px;
	vertical-align: middle;
}

.overlay-tt .ad-question {
	display: block;
	height:auto;
	background:#d4d5d5;
}

.overlay-tt .ad-question .question {
	color: #000;
	padding: 16px 16px 22px 16px;
	float:left;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	height: auto;
	top: 0;
}

.overlay-tt.reversed .question {
	box-shadow: inset 0 1px 0 0 rgba(0,0,0, 0.15);
}

.overlay-tt .question .text {
	text-align: center;
	margin-bottom: 16px;
	font-weight: 400;
	font-size: 1.4em;
}

.overlay-tt .question .button-wrapper {
	float: left;
	width: 50%;
}

.overlay-tt .question .button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	margin: 0 5px;
	background:none;
	height: 64px;
}

.overlay-tt .question .button.yes{
	margin-left:10px;
}

.overlay-tt .question .button.no{
	margin-right:10px;
}

.overlay-tt .question .button.no .second-label {
	font-size: 90%;
	font-weight: 500;
	opacity: 0.4;
	text-transform: uppercase;
	margin-top: 2px;
	color: black;
}

.overlay-tt .question .button.no .second-label img {
	position: relative;
	top: -1px;
	margin-left: 1px;
}

.overlay-tt .button {
	box-shadow: inset 0 0 0 1px #b9b9ba, inset 0 2px 0 0 rgba(255,255,255, 0.50), 0 1px 0 0 rgba(255,255,255, 0.50);
}

.overlay-tt .button:hover{
	cursor:pointer;
}

.overlay-tt.yes .button.yes,
.overlay-tt.no .button.no {
	background: rgba(0,0,0, 0.05);
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0, 0.15);
}

.overlay-tt .question .button .label {
	text-align: center;
	font-size: 1.3em;
	color: black;
}

.overlay-tt .question .button .icon {
	position: absolute;
	height: 22px;
	width: 22px;
	left: 22px;
	top: 17px;
	border-radius: 11px;
}

.overlay-tt.yes .button.yes .icon,
.overlay-tt.no .button.no .icon {
	background: url("https://cfm.yidio.com/mobile/img/check.png") center no-repeat #00c621;
	background-size: 12px 9px;
}

.overlay-tt .button .icon {
	box-shadow: inset 0 0 0 1px #b9b9ba;
}
.overlay-tt .arrow-left {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right:20px solid #f99323;
	position:absolute;
	margin-left:-20px;
	margin-top:120px;
	display:none;
}

/* Backdrop */

.main-container > .backdrop {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: #202125; /* Prevent flash while loading */
}

.main-container > .backdrop img {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensure proper aspect ratio */
}

/* Remove lazy loading transitions for critical backdrop images */
.main-container > .backdrop img[fetchpriority="high"] {
	opacity: 1 !important;
	transition: none !important;
}

body.overlayed > .main-container {
	filter: blur(20px);
}

.content > .titlebar {
	position: relative;
	height: 56px;
	margin-bottom: 16px;
	text-align: left;
	background: linear-gradient(to bottom, rgba(59,61,65,0.3) 0%, rgba(59,61,65,0.7) 20%, rgba(59,61,65,1) 100%);
	box-shadow: inset 0 -1px rgba(255,255,255,0.1);
}

.content > .titlebar .title {
	display: block;
	font-size: 1.3em;
	font-weight: 400;
	padding-top: 14px;
	margin: 0 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.02em;
}

.show-app-overlay .content > .titlebar .title {
	margin: 0 125px 0 14px;
}

.sources-unavailable {
	padding: 15px;
}

/* =====================
	Inline video player
   ===================== */

section.clips {
	display: none;
}
   
/*
.video-container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 56.25%;
	transition: opacity 200ms ease-in-out;
	z-index: 10;
}

.video-container[data-enable-test] {
	display: block;
}

section.clips[data-enable-test],
section.clips[data-enable-test] .video-container {
	display: block;
}

.video-container::after {
	content: '';
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	height: 58px;
	width: 58px;
	border-radius: 100%;
	border: 6px solid white;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	background: url(https://cfm.yidio.com/mobile/img/ico-play.png) no-repeat center;
	background-size: 50%;
	background-color: rgba(0,0,0,0.3);
	pointer-events: none;
	font-size: 3em;
	line-height: 1.55em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-container.loading::after,
.video-container.started::after {
	display: none !important;
}

.video-container .video-js {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.video-container.started .video-js {
	display: block;
	opacity: 1;
}

.video-js *:focus {
	outline: none;
}

.video-container .vjs-big-play-button {
	display: none !important;
}

.video-container .vjs-ended .vjs-poster {
	display: block !important;
}

.video-container .video-js + .video-js {
	display: none !important;
}

.video-container.ad-loading .vjs-tech,
.video-container.ad-loading .vjs-control-bar,
.video-container.ad-loading .vjs-title {
	display: none !important;
}

.video-container .video-js .vjs-title {
	position: absolute;
	width: 100%;
	z-index: 100;
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	color: white;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 14px 16px 14px;
	opacity: 0;
	visibility: hidden;
}

.video-container .vjs-has-started:not(.vjs-ad-playing) .vjs-title {
	visibility: visible;
	opacity: 1;
	transition: visibility 0.1s, opacity 0.1s;
	line-height: 1.3em;
}

.video-container .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-title {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-container .video-js .vjs-control-bar.vjs-hidden ~ .vjs-title {
	opacity: 0;
	visibility: hidden;
}

.video-container .vjs-controls-disabled .vjs-title,
.video-container .vjs-using-native-controls .vjs-title,
.video-container .vjs-error .vjs-title {
  display: none !important;
}

.video-container .vjs-error .ima-ad-container {
	display: none !important;
}

.video-container .vjs-user-active .vjs-ad-control-bar {
	transition: opacity 0.1s !important;
}

.video-container .vjs-ad-playing.vjs-user-inactive:not(.vjs-ima3-paused) .vjs-ad-control-bar {
	opacity: 0 !important;
	transition: opacity 1s !important;
}

.video-container .video-js .vjs-load-progress div {
  background: rgba(249, 161, 27, 0.75) !important;
}

.main-container > .backdrop .video-container::after,
.main-container > .backdrop .video-container .spinner {
	margin-top: -12px;
	transition: margin-top 400ms ease-out;
}

.backdrop-player-started .main-container > .backdrop  .video-container::after,
.backdrop-player-started .main-container > .backdrop .video-container .spinner {
	margin-top: 0;
}
*/

/* ================
	Action buttons
   ================ */
   
.actions {
	display: flex;
	justify-content: center;
	padding: 2px 16px 14px 16px;
}

.actions .action {
	flex: 1 1 0;
	margin: 0 8px;
	max-width: 200px;
	text-align: center;
}

.action::after {
	display: block;
	width: 100%;
	font-size: 80%;
	opacity: 0.6;
}

.action span {
	display: block;
	height: 18vw;
	max-height: 68px;
	width: 100%;
	margin-bottom: 8px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.15);
	border-radius: 10px;
	background-size: 36px;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-image 0.4s;
}

.action.watchlist span {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watchlist-off.png);
}

.action.watchlist::after {
	content: "Add to Watchlist";
}

.action.watchlist.on span {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watchlist-on.png);
}

.action.watchlist.on::after {
	content: "In Watchlist";
}

.action.watched span {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watched-off.png);
}

.action.watched::after {
	content: "Mark Watched";
}

.action.watched[data-type=show]::after {
	content: "Mark All Watched";
}

.action.watched.on span {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watched-on.png);
}

.action.watched.on::after {
	content: "Watched";
}

/* Search result actions */

.search .action::after {
	content: none !important;
}

/* ==============
	Card Actions
	============== */

.card .actions {
	display: flex;
	padding: 0;
	height: 48px;
	box-shadow: inset 0 2px 3px rgba(0,0,0, 0.1);
}

.card .action {
	margin: 0;
}

.card .action {
	border-left: 1px solid rgba(0,0,0, 0.3);
	background-size: 28px;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-image 0.4s;
	opacity: 0.8;
}

.card .action.on {
	opacity: 1;
}

.card .action:first-child {
	border-left: none;
}

.card .action::after {
	display: none;
}

.card .action.watchlist {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watchlist-off.png);
}

.card .action.watchlist.on {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watchlist-on.png);
}

.card .action.watched {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watched-off.png);
}

.card .action.watched.on {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watched-on.png);
}

.type {
	margin: 0 1px;
	text-align: center;
	display: inline-block;
}

.type .label {
	font-size: 11px;
	text-align: center;
	padding: 3px 9px 0 9px;
	height: 18px;
	border-radius: 10px;
	background: rgba(255,255,255, 0.1);
	margin-bottom: 7px;
	color: rgba(255,255,255, 0.8);
}

.sources-header {
	position: relative;
	background-color: #3b3d41;
	padding: 16px;
	font-weight: 600;
	z-index: 10;
	box-shadow: 0 1px 1px rgba(0,0,0, 0.1);
	font-size: 16px;
	margin: 0;
}

.content .sources {
	background: #2c2e32;
}

.card .action .loading {
	position: relative;
	width: 100%;
	opacity: .6;
	height: 96px;
}

.sources .source {
	display: flex;
	position: relative;
	padding: 16px 16px 16px 0;
	margin-left: 16px;
	border-top: 1px solid rgba(0,0,0, 0.2);
}

.sources .source.tt,
.sources .source.tt + .source {
	border-top: 1px solid var(--tt-color);
}

.sources .source:first-child {
	border-top: 0;
}

.sources .source.purchased .label {
	opacity: 1;
}

.sources .source.expires-soon .label {
	color: red;
}

.source .play-circle {
	height: 36px;
	width: 36px;
	border-radius: 100%;
	border: 5px solid #FFF;
	background: url(https://cfm.yidio.com/mobile/img/ico-play.png) no-repeat center;
	background-size: 19px 18px;
	margin-right: 16px;
	flex-shrink: 0;
}

.source.loading .play-circle {
	background: url(https://cfm.yidio.com/mobile/img/activity-indicator.gif) no-repeat center;
	background-size: 26px 26px;
}

.source .content,
.android .source .content {
	margin-top: -3px;
	padding: 0;
	background: none;
}

.source .logo {
	display: flex;
	align-items: center;
	margin-bottom: 1px;
}

.source .logo .primary {
	height: 32px;
	margin-left: -5px;
}

.source .logo .add-on {
	height: 30px;
}

.source .plus {
	padding: 0 1px;
	opacity: 1;
	transition: opacity 400ms;
}

.source img.lazy-loaded + .plus {
	opacity: 1;
}

.source .label {
	font-size: 90%;
	opacity: 0.6;
	margin-top: -1px;
}

.source .offer {
	font-size: 90%;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 1px;
	line-height: 1.3em;
}

.source .terms {
	font-size: 80%;
	opacity: 0.3;
	margin-top: 6px;
	margin-bottom: -4px;
}

.source .offer .highlight {
	color: var(--tt-color);
}

.source.tt::after {
	content: "PROMOTED";
	position: absolute;
	top: 14px;
	right: 40px;
	color: rgba(255, 255, 255, 0.3);
	font-size: 80%;
}

.source .icons {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	padding: 12px;
}

.source.purchased .icons::before {
	content: "";
	background-image: url(https://cfm.yidio.com/mobile/img/ico-purchased-white-72.png);
	opacity: 1;
	width: 24px;
	height: 24px;
	background-size: 24px;
	margin: -1px -2px -3px -2px;
}

.source .icons div,
.source .icons::before {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	opacity: 0.2;
	background-size: 20px;
}

.source .icons .airplay {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-airplay-white-48.png);
}

.source .icons .chromecast {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-chromecast-white-48.png);
}

.source .icons .info {
	position: relative;
	opacity: 1;
	border-radius: 100%;
	border-style: solid;
	border-width: 2px;
	width: 15px;
	height: 15px;
	top: 1px;
	text-align: center;
	margin-left: 9px;
	filter: saturate(150%);
}

.source .icons div.info::after {
	display: block;
	content: 'i';
	line-height: 16px;
	font-size: 70%;
	font-weight: 700;
	opacity: 0.8;
}

.android .source .icons div.info::after {
	line-height: 17px;
}

.sources .none {
	padding: 24px;
	text-align: center;
}

.sources .none .text {
	display: inline-block;
	text-align: left;
}

.sources .none .text .primary {
	padding-bottom: 8px;
}

.sources .none .text .secondary {
	opacity: 0.5;
}

.sources .none .cta,
.sources-na .cta,
.episode-list .none .cta {
	color: #0089fd;
}

.sources .none .action {
	display: block;
	position: relative;
	padding: 16px;
	margin-top: 24px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0, 0.2);
	text-align: center;
	font-size: 120%;
}

.sources .none .action::after {
	content: "Add to Watchlist";
}

.sources .none .action .icon {
	position: absolute;
	top: -1px;
	left: 14px;
	height: 100%;
	width: 32px;
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watchlist-black-72.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
	opacity: 0.3;
}

.sources .none .action.on {
	border: 1px solid rgba(0,0,0, 0);
	background: rgba(0,0,0, 0.2);
}

.sources .none .action.on::after {
	content: "In Watchlist";
}


.sources .none .action.on .icon {
	background-image: url(https://cfm.yidio.com/mobile/img/ico-watchlist-on.png);
	opacity: 1;
}

iframe.click-tracker {
	position: absolute;
	left: -1000px;
}

/*CBS*/
.iframe-wrapper .contextual-tt.provider-60 {
	background:none;
}
.contextual-tt.provider-60 .main-text img {
	margin-top: 2px;
	margin-left: 2px;
	width: 210px;
}
.contextual-tt.provider-60 .main-text img {
	width: 110px;
}
.contextual-tt.provider-60 .trial-button {
	background: #3381cc;
}
.contextual-tt.provider-60 .pointer {
	border-color: #3381cc transparent transparent transparent;
}

/* FYI */
.contextual-tt.provider-97 .main-text img {
	width:54px;
	/* background: #00923c;*/
}

/* A & E*/
.contextual-tt.provider-130 .main-text img {
	width:60px;
	/* background: #00923c;*/
}

/* Tribeca */
.contextual-tt.provider-237 .main-text img {
	width:110px;
}

.contextual-tt.provider-34 .main-text img {
	margin-top: 2px;
	margin-left: 2px;
	width: 30px;
}

/* Amazon | Showtime and Amazon | Starz combo ads */

.contextual-tt.provider-64.amz-showtime .main-text img {
	width: 70px;
	margin-top:-4px;
}

.contextual-tt.provider-64.amz-cbs .main-text img {
	width: 170px;
}
.contextual-tt.provider-64.amz-cinemax .main-text img {
	width: 90px;
	margin-top:0px;
}
.contextual-tt.provider-64.amz-dramafever .main-text img {
	width: 130px;
}

.contextual-tt.provider-64.amz-starz .main-text span img:nth-of-type(1){
	margin-top:0px;
}
.contextual-tt.provider-64.amz-starz .main-text img{
	margin-top:-4px;
}
.contextual-tt.provider-64.amz-hbo .main-text img{
	width:70px;
	margin-top:3px;
}
.contextual-tt.bullets.content-avail.provider-64.amz-starz .titlebar, .contextual-tt.bullets.content-avail.provider-64.amz-hbomax .titlebar, .contextual-tt.bullets.content-avail.provider-64.amz-bet .titlebar{
	font-size: 110%;
}


/* CORE-4020 Source Ad Test */
.tt-wrapper .sources-header{
	background-color: #4b4c4f;
	text-align: left;
}
.contextual-tt.source.provider-370.bullets{
	margin-bottom: 20px;
    text-align: left;
    background: none;
}
.under-ad.source-tt{
	position: absolute;
    right: 20px;
    top: 62px;
    z-index: 99999999;
}


/* End CORE-4020 Source Ad Test */


/* Hotstar / Adgem */

.contextual-tt.provider-382.bullets li, .contextual-tt.provider-407.bullets li{
	max-width:100%;
}



/*Sign Up Page*/
div.social-wrap button {
	padding-right: 45px;
	height: 45px;
	background: none;
	border: none;
	display: block;
	background-size: 45px 45px;
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 4px;
	color: white;
	font-family:"Merriweather Sans", sans-serif;
	font-size: 18px;
	margin-bottom: 15px;
	width: 100%;
	border-bottom: 2px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	
	text-shadow: rgba(0, 0, 0, .5) -1px -1px 0;
}
button#facebook {
	border-color: #2d5073;
	background-color: #3b5998;
	background-image: url(https://cfm.yidio.com/images/facebook-icon.png);
}

/* Social Icons */
#fb-share{
	margin: 3px auto;
	height: 30px;
	text-align: center;
}
#shareIcons, #shareIcons-btm{
	height: 45px;
	text-align: center;
	margin-top: 20px;
}

/* Footer */

footer {
	display: block;
	position: relative;
	z-index: 20;
	background: rgba(0,0,0, 0.15);
	border-top: 1px solid rgba(0,0,0, 0.2);
	padding: 18px 16px;
}

:not(.google-optimize-hide) .css-loaded footer {
	opacity: 1;
	pointer-events: auto;
}

.ios footer {
	padding-bottom: 20px;
}

body.overlayed footer {
	filter: blur(20px);
}

footer .primary {
	margin-bottom: 10px;
}

footer .primary * {
	color: rgba(255,255,255, 0.8);
	margin-right: 12px;
	font-size: 90%;
	font-weight: 400;
}

footer .secondary * {
	color: rgba(255,255,255, 0.5);
	margin-right: 12px;
	font-size: 80%;
}

.pixel-tags {
	height: 0;
	overflow: hidden;
}

.gutter-tt{
	position: fixed;
	text-align: center;
	left: 0;
	bottom: 0;
	height:auto;
	max-height:100px;
	background: rgb(255,255,255, 0.2);
	z-index:999999;
	width: 100%;
}
.gutter-tt-close {
	background: white;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50px;
  padding: 5px;
  right: 5px;
  top: -35px;
	opacity: .7;
}
.gutter-tt-close:after {
  content: '';
  height: 20px;
  border-left: 2px solid #000;
  position: absolute;
  transform: rotate(45deg);
  left: 14px;
}

.gutter-tt-close:before {
  content: '';
  height: 20px;
  border-left: 2px solid #000;
  position: absolute;
  transform: rotate(-45deg);
  left: 14px;
}

/* Email form overlay - CORE-4183 */

.overlay.email-form .titlebar {
	background: none;
}

.overlay.email-form .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 42%;
	margin-top: 56px;
	padding: 0 32px;
	box-sizing: border-box;
}

@media (orientation: landscape) {
	.overlay.email-form .container {
		height: auto;
	}
}

.overlay.email-form .headline {
	font-size: 1.2em;
	font-weight: 600;
	color: white;
	margin-bottom: 24px;
	padding: 0 20px;
}

.overlay.email-form .terms {
	font-size: 0.9em;
	color: rgba(255, 255, 255, 0.3);
	margin-top: 24px;
	padding: 0 20px;
}

.overlay.email-form .terms a {
	color: rgba(255, 255, 255, 0.5);
}

.overlay.email-form input {
	display: block;
	width: 100%;
	border: none;
	background-color: rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
	color: white;
	font-size: 105%;
	padding: 20px;
	box-shadow: none;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

@keyframes shake {
	0% { margin-left: 0rem; }
	25% { margin-left: 0.5rem; }
	75% { margin-left: -0.5rem; }
	100% { margin-left: 0rem; }
}

.overlay.email-form input.invalid {
	border: 1px solid #ff4d4d;
	animation: shake 0.2s ease-in-out 0s 2;
}

.overlay.email-form input:focus {
	outline: none;
}

.overlay.email-form button {
	display: block;
	position: relative;
	padding: 20px 24px;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 3px #f9a11b;
	border-radius: 100px;
	color: white;
	background: none;
	border: none;
	margin-left: 12px;
	width: 100%;
	font-weight: 700;
	text-align: center;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* =========================
   Smaller screen overrides
   ========================= */

@media screen and (max-width: 380px) {

	.contextual-tt.provider-241 .main-text {
		font-size:.95em;
	}
	.contextual-tt.bullets.channel .titlebar {
		padding-top: 16px;
		font-size: 110%;
	}

	.play-poster-ad .button{
		font-size:95%;
	}
	.contextual-tt.provider-370_1.bullets .titlebar, .contextual-tt.provider-370_4.bullets .titlebar, .contextual-tt.provider-19.bullets .titlebar{
		font-size: 100%;
	}
	.contextual-tt.provider-370_2.bullets .titlebar{
		font-size: 120%;
	}
	.contextual-tt.provider-370_3.bullets .titlebar{
		font-size: 84%;
	}
	.contextual-tt.apl-vod.bullets .titlebar{
		font-size: 100%;
	}
	.contextual-tt.provider-378.bullets .titlebar {
		font-size:130%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-hbo .titlebar {
		font-size: 95%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-cbs .titlebar{
		font-size: 80%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-bet .titlebar{
		font-size: 100%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-hbomax .titlebar{
		font-size: 100%;
	}
	.contextual-tt.bullets.provider-370_reco_2 .titlebar {
		font-size:95%;
	}

}

@media screen and (max-width: 330px) {

	footer .primary * {
		font-size:80%;
	}
	
	footer .secondary * {
		font-size: 75%;
	}
	
	.overlay.nav .primary{
		font-size: 1.4em;
	}

	.overlay.nav .primary .yidio-premium img{
		padding-top:4px;
	}
	
	.contextual-tt.provider-2 .main-text {
		font-size: 1em;
	}
	
	.contextual-tt.provider-64.german-64 .main-text{
		font-size:.9em;
	}

	.contextual-tt.provider-yidio .main-text {
		padding: 20px 0px 25px 8px !important;
		font-size: 1.15em;
	}

	.contextual-tt.provider-yidio .trial-button{
		font-size:1.2em;
	}

	.contextual-tt.provider-yidio .app-ad-image img{
		height:125px;
	}

	.contextual-tt.provider-yidio .app-ad-image{
		margin: 0 -26px -35px 0;
		height: 140px;
		padding-top: 42px;
	}

	.contextual-tt.provider-241 .main-text {
		font-size:.87em;
	}
	
	.contextual-tt.provider-241 .main-text img{
		width:50px;
	}

	.contextual-tt.provider-311 .main-text {
		font-size:.9em;
	}
	
	.contextual-tt.provider-369.bullets .titlebar{
		font-size: 80%;
	}
	
	.contextual-tt.provider-370_2.bullets .titlebar{
		font-size: 100%;
	}
	.contextual-tt.provider-370_3.bullets .titlebar{
		font-size: 68%;
	}
	
	.contextual-tt.apl-vod.bullets .titlebar{
		font-size: 84%;
	}
	
	.recs-var1 .contextual-tt.provider-52 .trial-button{
		width: 130px;
		font-size: .8em;
	}
	
	.contextual-tt.provider-378.bullets .titlebar {
		font-size:110%;
	}
	
	.contextual-tt.provider-400.bullets .titlebar{
		font-size: 100%;
	}	
	
	.contextual-tt ul.bullets li{
		font-size:.9em
	}

	.contextual-tt .header-premium .title{
		font-size:120%;
		width: 260px;
		padding-left: 38px;
	}
	
	.contextual-tt.bullets.channel .titlebar {
		padding-top: 17px;
		font-size: 100%;
	}
	
	.contextual-tt.bullets.content-avail.provider-64 .titlebar {
		font-size: 95%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-hbo .titlebar {
		font-size: 80%;
	}
	
	.contextual-tt.bullets.content-avail.provider-64.amz-starz .titlebar{
		font-size: 100%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-cbs .titlebar{
		font-size: 70%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-bet .titlebar{
		font-size: 85%;
	}
	.contextual-tt.bullets.content-avail.provider-64.amz-hbomax .titlebar{
		font-size: 85%;
	}

	/* CORE-3778 */
	.contextual-tt.bullets.content-avail.watch-with .titlebar{
		font-size: 100%;
	} 

	.sources .source .label {
		font-size: 80%;
	}
	
	.sources .source .icons > div:not(.info) {
		display: none;
	}

	.play-poster-ad .button{
		font-size:80%;
	}
	
	.get-subscription .content h2 {
		font-size : 1.2em;
	}
	
	.get-subscription .content button {
		font-size : 1.1em;
	}

	.get-subscription .content button::after {
		padding : 4px;
	}

}

/* ========================
   Larger screen overrides
   ======================== */

@media screen and (min-width: 360px) {
	
	.contextual-tt.provider-yidio .main-text {
		padding: 20px 0px 25px 8px !important;
		font-size: 1.15em;
	}

	.contextual-tt.provider-yidio .trial-button{
		font-size:1.3em;
	}

	.contextual-tt.provider-yidio .app-ad-image img{
		height:155px;
	}

	.contextual-tt.provider-yidio .app-ad-image{
		margin: 0 -22px 0px 0;
		height: 140px;
		padding-top: 16px;
	}
	

	
}

@media screen and (min-width: 400px) {

	.contextual-tt.provider-64 .main-text {
		font-size: 1.2em;
	}

	.contextual-tt.provider-yidio .main-text {
		font-size: 1.25em;
	}

	.contextual-tt.provider-yidio .trial-button{
		font-size:1.4em;
	}

	.contextual-tt.provider-yidio .app-ad-image{
		margin: 0 -36px 0px 0;
	}

	.contextual-tt.provider-369.bullets li{
		font-size:100%;
	}
	
	.contextual-tt.provider-370_2.bullets .titlebar{
		font-size: 120%;
	}

}

/* =================
   Tablet overrides
   ================= */

@media screen and (min-width: 500px) {
	
	.tablet-ad .contextual-tt.bullets .titlebar {
		font-size: 170%;
	}
	
	.tablet-ad .contextual-tt.bullets .titlebar img {
		width: 30px;
		height: 30px;
		margin: -4px 10px 0 15px;
	}
	
	.tablet-ad .contextual-tt.bullets ul {
		margin: 16px 0;
	}
	
	.tablet-ad .contextual-tt.bullets li {
		font-size: 150%;
		max-width: none;
		margin: 6px 0;
	}
	
	.tablet-ad .contextual-tt.bullets li img {
		width: 36px;
		height: 36px;
		margin-right: 18px;
	}
	
	.tablet-ad .contextual-tt.bullets .trial-button {
		font-size: 160%;
		padding: 16px 0;
	}
	
	.tablet-ad .contextual-tt.bullets .trial-button img {
		width: 12px;
		height: 18px;
		margin-top: -2px;
	}
	
}

@media screen and (min-width: 768px) {
	
	.contextual-tt {
		padding: 0 10px 18px 10px;
	}
	
	.contextual-tt .main-text {
		font-size: 1.5em;
		line-height: 1.3em !important;
		padding: 15px 18px 0 18px  !important;
		height: 62px;
	}
	
	.contextual-tt .trial-button {
		font-size: 1.3em;
	}
	
	.contextual-tt.provider-1 .main-text img {
		width: 170px;
		height: 32px;
	}
	
	.contextual-tt.provider-12 .main-text img {
		width: 95px;
		height: 30px;
	}

	.contextual-tt.provider-60 .main-text img {
		margin-top: -9px;
	}
	
	.contextual-tt.provider-65 .main-text img {
		width: 138px;
		height: 25px;
	}

	.contextual-tt.provider-82 .main-text img {
		width: 20px;
		height: 36px;
	}
	
	.contextual-tt.provider-235 .main-text img {
		margin-top: -2px;
		width: 170px;
	}

	.contextual-tt.provider-241 .main-text img {
		height: 30px;
		margin-top: -8px;
	}

	.ad-question {
		height: 134px;
	}
	
	.ad-question .question .text {
		font-size: 1.3em;
	}
	
	.ad-question .reply {
		font-size: 1.3em;
	}
	
	.ad-question .reply .no {
		padding-top: 32px;
	}
	
	.ad-question .reply .content a {
		margin-top: 10px;
	}
	
	.ad-question .question .buttons {
		font-size: 1.3em;
	}
	
	.ad-question .question, .ad-question .reply {
		height: 134px;
		top: -134px;
		padding: 17px 5px 0 5px;
	}
	
	.ad-question.yes .question,
	.ad-question.no .question,
	.ad-question.yes .reply,
	.ad-question.no .reply {
		transform: translate3d(0,134px,0);
	}
	
	/* Nav overlay */
	
	.overlay.nav ul {
		margin-left: 60px;
		margin-bottom: 60px;
	}
	
	.overlay.nav .primary {
		margin-top: 98px;
		font-size: 2.6em;
	}
	
	.overlay.nav .secondary {
		font-size: 1.7em;
	}
	
	/* App Overlay */
	
	.overlay.install-app {
		text-align: center;
	}
	
	.install-app .main-text-wrapper {
		display: inline-block;
		clear: both;
		width: 100%;
		max-width: 700px;
		margin: 14px 10% 0 10%;
		padding: 15% 0;
		height: auto;
		text-align: center;
	}
	
	.install-app.yidio .main-text-wrapper {
		max-width: 500px;
	}
	
	.install-app .main-text {
		display: inline;
	}
	
	.install-app .install-button {
		display: inline-block;
		width: 100%;
		max-width: 400px;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.install-app .video-button {
		display: inline-block;
		width: 100%;
		max-width: 400px;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	/* App Redirect */
	.app-redirect .text.primary, .app-redirect .text.secondary{
		width: 100%;
		max-width: 100%;
	}
	
	/* Subscription Overlay */
	
	.get-subscription .content .wrapper {
		width: 450px;
	}
	
	.get-subscription .video button {
		width: 450px;
	}
	
	/* Premium Overlay */
	.premium-offer .text.primary{
		max-width:100%;
	}
	
}

/* ====================
   Landscape overrides
   ==================== */

@media screen and (orientation: landscape) {
	
	.get-subscription {
		overflow: scroll;
	}
	
	.get-subscription .main-image {
		max-height: 50vh;
	}
	
	.get-subscription .video {
		position: static;
		margin-bottom: 48px;
	}
	
}

/* ===============
   Helper classes
   =============== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.clear{
	clear: both;
}